material-components-web.css 313 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910911912913914915916917918919920921922923924925926927928929930931932933934935936937938939940941942943944945946947948949950951952953954955956957958959960961962963964965966967968969970971972973974975976977978979980981982983984985986987988989990991992993994995996997998999100010011002100310041005100610071008100910101011101210131014101510161017101810191020102110221023102410251026102710281029103010311032103310341035103610371038103910401041104210431044104510461047104810491050105110521053105410551056105710581059106010611062106310641065106610671068106910701071107210731074107510761077107810791080108110821083108410851086108710881089109010911092109310941095109610971098109911001101110211031104110511061107110811091110111111121113111411151116111711181119112011211122112311241125112611271128112911301131113211331134113511361137113811391140114111421143114411451146114711481149115011511152115311541155115611571158115911601161116211631164116511661167116811691170117111721173117411751176117711781179118011811182118311841185118611871188118911901191119211931194119511961197119811991200120112021203120412051206120712081209121012111212121312141215121612171218121912201221122212231224122512261227122812291230123112321233123412351236123712381239124012411242124312441245124612471248124912501251125212531254125512561257125812591260126112621263126412651266126712681269127012711272127312741275127612771278127912801281128212831284128512861287128812891290129112921293129412951296129712981299130013011302130313041305130613071308130913101311131213131314131513161317131813191320132113221323132413251326132713281329133013311332133313341335133613371338133913401341134213431344134513461347134813491350135113521353135413551356135713581359136013611362136313641365136613671368136913701371137213731374137513761377137813791380138113821383138413851386138713881389139013911392139313941395139613971398139914001401140214031404140514061407140814091410141114121413141414151416141714181419142014211422142314241425142614271428142914301431143214331434143514361437143814391440144114421443144414451446144714481449145014511452145314541455145614571458145914601461146214631464146514661467146814691470147114721473147414751476147714781479148014811482148314841485148614871488148914901491149214931494149514961497149814991500150115021503150415051506150715081509151015111512151315141515151615171518151915201521152215231524152515261527152815291530153115321533153415351536153715381539154015411542154315441545154615471548154915501551155215531554155515561557155815591560156115621563156415651566156715681569157015711572157315741575157615771578157915801581158215831584158515861587158815891590159115921593159415951596159715981599160016011602160316041605160616071608160916101611161216131614161516161617161816191620162116221623162416251626162716281629163016311632163316341635163616371638163916401641164216431644164516461647164816491650165116521653165416551656165716581659166016611662166316641665166616671668166916701671167216731674167516761677167816791680168116821683168416851686168716881689169016911692169316941695169616971698169917001701170217031704170517061707170817091710171117121713171417151716171717181719172017211722172317241725172617271728172917301731173217331734173517361737173817391740174117421743174417451746174717481749175017511752175317541755175617571758175917601761176217631764176517661767176817691770177117721773177417751776177717781779178017811782178317841785178617871788178917901791179217931794179517961797179817991800180118021803180418051806180718081809181018111812181318141815181618171818181918201821182218231824182518261827182818291830183118321833183418351836183718381839184018411842184318441845184618471848184918501851185218531854185518561857185818591860186118621863186418651866186718681869187018711872187318741875187618771878187918801881188218831884188518861887188818891890189118921893189418951896189718981899190019011902190319041905190619071908190919101911191219131914191519161917191819191920192119221923192419251926192719281929193019311932193319341935193619371938193919401941194219431944194519461947194819491950195119521953195419551956195719581959196019611962196319641965196619671968196919701971197219731974197519761977197819791980198119821983198419851986198719881989199019911992199319941995199619971998199920002001200220032004200520062007200820092010201120122013201420152016201720182019202020212022202320242025202620272028202920302031203220332034203520362037203820392040204120422043204420452046204720482049205020512052205320542055205620572058205920602061206220632064206520662067206820692070207120722073207420752076207720782079208020812082208320842085208620872088208920902091209220932094209520962097209820992100210121022103210421052106210721082109211021112112211321142115211621172118211921202121212221232124212521262127212821292130213121322133213421352136213721382139214021412142214321442145214621472148214921502151215221532154215521562157215821592160216121622163216421652166216721682169217021712172217321742175217621772178217921802181218221832184218521862187218821892190219121922193219421952196219721982199220022012202220322042205220622072208220922102211221222132214221522162217221822192220222122222223222422252226222722282229223022312232223322342235223622372238223922402241224222432244224522462247224822492250225122522253225422552256225722582259226022612262226322642265226622672268226922702271227222732274227522762277227822792280228122822283228422852286228722882289229022912292229322942295229622972298229923002301230223032304230523062307230823092310231123122313231423152316231723182319232023212322232323242325232623272328232923302331233223332334233523362337233823392340234123422343234423452346234723482349235023512352235323542355235623572358235923602361236223632364236523662367236823692370237123722373237423752376237723782379238023812382238323842385238623872388238923902391239223932394239523962397239823992400240124022403240424052406240724082409241024112412241324142415241624172418241924202421242224232424242524262427242824292430243124322433243424352436243724382439244024412442244324442445244624472448244924502451245224532454245524562457245824592460246124622463246424652466246724682469247024712472247324742475247624772478247924802481248224832484248524862487248824892490249124922493249424952496249724982499250025012502250325042505250625072508250925102511251225132514251525162517251825192520252125222523252425252526252725282529253025312532253325342535253625372538253925402541254225432544254525462547254825492550255125522553255425552556255725582559256025612562256325642565256625672568256925702571257225732574257525762577257825792580258125822583258425852586258725882589259025912592259325942595259625972598259926002601260226032604260526062607260826092610261126122613261426152616261726182619262026212622262326242625262626272628262926302631263226332634263526362637263826392640264126422643264426452646264726482649265026512652265326542655265626572658265926602661266226632664266526662667266826692670267126722673267426752676267726782679268026812682268326842685268626872688268926902691269226932694269526962697269826992700270127022703270427052706270727082709271027112712271327142715271627172718271927202721272227232724272527262727272827292730273127322733273427352736273727382739274027412742274327442745274627472748274927502751275227532754275527562757275827592760276127622763276427652766276727682769277027712772277327742775277627772778277927802781278227832784278527862787278827892790279127922793279427952796279727982799280028012802280328042805280628072808280928102811281228132814281528162817281828192820282128222823282428252826282728282829283028312832283328342835283628372838283928402841284228432844284528462847284828492850285128522853285428552856285728582859286028612862286328642865286628672868286928702871287228732874287528762877287828792880288128822883288428852886288728882889289028912892289328942895289628972898289929002901290229032904290529062907290829092910291129122913291429152916291729182919292029212922292329242925292629272928292929302931293229332934293529362937293829392940294129422943294429452946294729482949295029512952295329542955295629572958295929602961296229632964296529662967296829692970297129722973297429752976297729782979298029812982298329842985298629872988298929902991299229932994299529962997299829993000300130023003300430053006300730083009301030113012301330143015301630173018301930203021302230233024302530263027302830293030303130323033303430353036303730383039304030413042304330443045304630473048304930503051305230533054305530563057305830593060306130623063306430653066306730683069307030713072307330743075307630773078307930803081308230833084308530863087308830893090309130923093309430953096309730983099310031013102310331043105310631073108310931103111311231133114311531163117311831193120312131223123312431253126312731283129313031313132313331343135313631373138313931403141314231433144314531463147314831493150315131523153315431553156315731583159316031613162316331643165316631673168316931703171317231733174317531763177317831793180318131823183318431853186318731883189319031913192319331943195319631973198319932003201320232033204320532063207320832093210321132123213321432153216321732183219322032213222322332243225322632273228322932303231323232333234323532363237323832393240324132423243324432453246324732483249325032513252325332543255325632573258325932603261326232633264326532663267326832693270327132723273327432753276327732783279328032813282328332843285328632873288328932903291329232933294329532963297329832993300330133023303330433053306330733083309331033113312331333143315331633173318331933203321332233233324332533263327332833293330333133323333333433353336333733383339334033413342334333443345334633473348334933503351335233533354335533563357335833593360336133623363336433653366336733683369337033713372337333743375337633773378337933803381338233833384338533863387338833893390339133923393339433953396339733983399340034013402340334043405340634073408340934103411341234133414341534163417341834193420342134223423342434253426342734283429343034313432343334343435343634373438343934403441344234433444344534463447344834493450345134523453345434553456345734583459346034613462346334643465346634673468346934703471347234733474347534763477347834793480348134823483348434853486348734883489349034913492349334943495349634973498349935003501350235033504350535063507350835093510351135123513351435153516351735183519352035213522352335243525352635273528352935303531353235333534353535363537353835393540354135423543354435453546354735483549355035513552355335543555355635573558355935603561356235633564356535663567356835693570357135723573357435753576357735783579358035813582358335843585358635873588358935903591359235933594359535963597359835993600360136023603360436053606360736083609361036113612361336143615361636173618361936203621362236233624362536263627362836293630363136323633363436353636363736383639364036413642364336443645364636473648364936503651365236533654365536563657365836593660366136623663366436653666366736683669367036713672367336743675367636773678367936803681368236833684368536863687368836893690369136923693369436953696369736983699370037013702370337043705370637073708370937103711371237133714371537163717371837193720372137223723372437253726372737283729373037313732373337343735373637373738373937403741374237433744374537463747374837493750375137523753375437553756375737583759376037613762376337643765376637673768376937703771377237733774377537763777377837793780378137823783378437853786378737883789379037913792379337943795379637973798379938003801380238033804380538063807380838093810381138123813381438153816381738183819382038213822382338243825382638273828382938303831383238333834383538363837383838393840384138423843384438453846384738483849385038513852385338543855385638573858385938603861386238633864386538663867386838693870387138723873387438753876387738783879388038813882388338843885388638873888388938903891389238933894389538963897389838993900390139023903390439053906390739083909391039113912391339143915391639173918391939203921392239233924392539263927392839293930393139323933393439353936393739383939394039413942394339443945394639473948394939503951395239533954395539563957395839593960396139623963396439653966396739683969397039713972397339743975397639773978397939803981398239833984398539863987398839893990399139923993399439953996399739983999400040014002400340044005400640074008400940104011401240134014401540164017401840194020402140224023402440254026402740284029403040314032403340344035403640374038403940404041404240434044404540464047404840494050405140524053405440554056405740584059406040614062406340644065406640674068406940704071407240734074407540764077407840794080408140824083408440854086408740884089409040914092409340944095409640974098409941004101410241034104410541064107410841094110411141124113411441154116411741184119412041214122412341244125412641274128412941304131413241334134413541364137413841394140414141424143414441454146414741484149415041514152415341544155415641574158415941604161416241634164416541664167416841694170417141724173417441754176417741784179418041814182418341844185418641874188418941904191419241934194419541964197419841994200420142024203420442054206420742084209421042114212421342144215421642174218421942204221422242234224422542264227422842294230423142324233423442354236423742384239424042414242424342444245424642474248424942504251425242534254425542564257425842594260426142624263426442654266426742684269427042714272427342744275427642774278427942804281428242834284428542864287428842894290429142924293429442954296429742984299430043014302430343044305430643074308430943104311431243134314431543164317431843194320432143224323432443254326432743284329433043314332433343344335433643374338433943404341434243434344434543464347434843494350435143524353435443554356435743584359436043614362436343644365436643674368436943704371437243734374437543764377437843794380438143824383438443854386438743884389439043914392439343944395439643974398439944004401440244034404440544064407440844094410441144124413441444154416441744184419442044214422442344244425442644274428442944304431443244334434443544364437443844394440444144424443444444454446444744484449445044514452445344544455445644574458445944604461446244634464446544664467446844694470447144724473447444754476447744784479448044814482448344844485448644874488448944904491449244934494449544964497449844994500450145024503450445054506450745084509451045114512451345144515451645174518451945204521452245234524452545264527452845294530453145324533453445354536453745384539454045414542454345444545454645474548454945504551455245534554455545564557455845594560456145624563456445654566456745684569457045714572457345744575457645774578457945804581458245834584458545864587458845894590459145924593459445954596459745984599460046014602460346044605460646074608460946104611461246134614461546164617461846194620462146224623462446254626462746284629463046314632463346344635463646374638463946404641464246434644464546464647464846494650465146524653465446554656465746584659466046614662466346644665466646674668466946704671467246734674467546764677467846794680468146824683468446854686468746884689469046914692469346944695469646974698469947004701470247034704470547064707470847094710471147124713471447154716471747184719472047214722472347244725472647274728472947304731473247334734473547364737473847394740474147424743474447454746474747484749475047514752475347544755475647574758475947604761476247634764476547664767476847694770477147724773477447754776477747784779478047814782478347844785478647874788478947904791479247934794479547964797479847994800480148024803480448054806480748084809481048114812481348144815481648174818481948204821482248234824482548264827482848294830483148324833483448354836483748384839484048414842484348444845484648474848484948504851485248534854485548564857485848594860486148624863486448654866486748684869487048714872487348744875487648774878487948804881488248834884488548864887488848894890489148924893489448954896489748984899490049014902490349044905490649074908490949104911491249134914491549164917491849194920492149224923492449254926492749284929493049314932493349344935493649374938493949404941494249434944494549464947494849494950495149524953495449554956495749584959496049614962496349644965496649674968496949704971497249734974497549764977497849794980498149824983498449854986498749884989499049914992499349944995499649974998499950005001500250035004500550065007500850095010501150125013501450155016501750185019502050215022502350245025502650275028502950305031503250335034503550365037503850395040504150425043504450455046504750485049505050515052505350545055505650575058505950605061506250635064506550665067506850695070507150725073507450755076507750785079508050815082508350845085508650875088508950905091509250935094509550965097509850995100510151025103510451055106510751085109511051115112511351145115511651175118511951205121512251235124512551265127512851295130513151325133513451355136513751385139514051415142514351445145514651475148514951505151515251535154515551565157515851595160516151625163516451655166516751685169517051715172517351745175517651775178517951805181518251835184518551865187518851895190519151925193519451955196519751985199520052015202520352045205520652075208520952105211521252135214521552165217521852195220522152225223522452255226522752285229523052315232523352345235523652375238523952405241524252435244524552465247524852495250525152525253525452555256525752585259526052615262526352645265526652675268526952705271527252735274527552765277527852795280528152825283528452855286528752885289529052915292529352945295529652975298529953005301530253035304530553065307530853095310531153125313531453155316531753185319532053215322532353245325532653275328532953305331533253335334533553365337533853395340534153425343534453455346534753485349535053515352535353545355535653575358535953605361536253635364536553665367536853695370537153725373537453755376537753785379538053815382538353845385538653875388538953905391539253935394539553965397539853995400540154025403540454055406540754085409541054115412541354145415541654175418541954205421542254235424542554265427542854295430543154325433543454355436543754385439544054415442544354445445544654475448544954505451545254535454545554565457545854595460546154625463546454655466546754685469547054715472547354745475547654775478547954805481548254835484548554865487548854895490549154925493549454955496549754985499550055015502550355045505550655075508550955105511551255135514551555165517551855195520552155225523552455255526552755285529553055315532553355345535553655375538553955405541554255435544554555465547554855495550555155525553555455555556555755585559556055615562556355645565556655675568556955705571557255735574557555765577557855795580558155825583558455855586558755885589559055915592559355945595559655975598559956005601560256035604560556065607560856095610561156125613561456155616561756185619562056215622562356245625562656275628562956305631563256335634563556365637563856395640564156425643564456455646564756485649565056515652565356545655565656575658565956605661566256635664566556665667566856695670567156725673567456755676567756785679568056815682568356845685568656875688568956905691569256935694569556965697569856995700570157025703570457055706570757085709571057115712571357145715571657175718571957205721572257235724572557265727572857295730573157325733573457355736573757385739574057415742574357445745574657475748574957505751575257535754575557565757575857595760576157625763576457655766576757685769577057715772577357745775577657775778577957805781578257835784578557865787578857895790579157925793579457955796579757985799580058015802580358045805580658075808580958105811581258135814581558165817581858195820582158225823582458255826582758285829583058315832583358345835583658375838583958405841584258435844584558465847584858495850585158525853585458555856585758585859586058615862586358645865586658675868586958705871587258735874587558765877587858795880588158825883588458855886588758885889589058915892589358945895589658975898589959005901590259035904590559065907590859095910591159125913591459155916591759185919592059215922592359245925592659275928592959305931593259335934593559365937593859395940594159425943594459455946594759485949595059515952595359545955595659575958595959605961596259635964596559665967596859695970597159725973597459755976597759785979598059815982598359845985598659875988598959905991599259935994599559965997599859996000600160026003600460056006600760086009601060116012601360146015601660176018601960206021602260236024602560266027602860296030603160326033603460356036603760386039604060416042604360446045604660476048604960506051605260536054605560566057605860596060606160626063606460656066606760686069607060716072607360746075607660776078607960806081608260836084608560866087608860896090609160926093609460956096609760986099610061016102610361046105610661076108610961106111611261136114611561166117611861196120612161226123612461256126612761286129613061316132613361346135613661376138613961406141614261436144614561466147614861496150615161526153615461556156615761586159616061616162616361646165616661676168616961706171617261736174617561766177617861796180618161826183618461856186618761886189619061916192619361946195619661976198619962006201620262036204620562066207620862096210621162126213621462156216621762186219622062216222622362246225622662276228622962306231623262336234623562366237623862396240624162426243624462456246624762486249625062516252625362546255625662576258625962606261626262636264626562666267626862696270627162726273627462756276627762786279628062816282628362846285628662876288628962906291629262936294629562966297629862996300630163026303630463056306630763086309631063116312631363146315631663176318631963206321632263236324632563266327632863296330633163326333633463356336633763386339634063416342634363446345634663476348634963506351635263536354635563566357635863596360636163626363636463656366636763686369637063716372637363746375637663776378637963806381638263836384638563866387638863896390639163926393639463956396639763986399640064016402640364046405640664076408640964106411641264136414641564166417641864196420642164226423642464256426642764286429643064316432643364346435643664376438643964406441644264436444644564466447644864496450645164526453645464556456645764586459646064616462646364646465646664676468646964706471647264736474647564766477647864796480648164826483648464856486648764886489649064916492649364946495649664976498649965006501650265036504650565066507650865096510651165126513651465156516651765186519652065216522652365246525652665276528652965306531653265336534653565366537653865396540654165426543654465456546654765486549655065516552655365546555655665576558655965606561656265636564656565666567656865696570657165726573657465756576657765786579658065816582658365846585658665876588658965906591659265936594659565966597659865996600660166026603660466056606660766086609661066116612661366146615661666176618661966206621662266236624662566266627662866296630663166326633663466356636663766386639664066416642664366446645664666476648664966506651665266536654665566566657665866596660666166626663666466656666666766686669667066716672667366746675667666776678667966806681668266836684668566866687668866896690669166926693669466956696669766986699670067016702670367046705670667076708670967106711671267136714671567166717671867196720672167226723672467256726672767286729673067316732673367346735673667376738673967406741674267436744674567466747674867496750675167526753675467556756675767586759676067616762676367646765676667676768676967706771677267736774677567766777677867796780678167826783678467856786678767886789679067916792679367946795679667976798679968006801680268036804680568066807680868096810681168126813681468156816681768186819682068216822682368246825682668276828682968306831683268336834683568366837683868396840684168426843684468456846684768486849685068516852685368546855685668576858685968606861686268636864686568666867686868696870687168726873687468756876687768786879688068816882688368846885688668876888688968906891689268936894689568966897689868996900690169026903690469056906690769086909691069116912691369146915691669176918691969206921692269236924692569266927692869296930693169326933693469356936693769386939694069416942694369446945694669476948694969506951695269536954695569566957695869596960696169626963696469656966696769686969697069716972697369746975697669776978697969806981698269836984698569866987698869896990699169926993699469956996699769986999700070017002700370047005700670077008700970107011701270137014701570167017701870197020702170227023702470257026702770287029703070317032703370347035703670377038703970407041704270437044704570467047704870497050705170527053705470557056705770587059706070617062706370647065706670677068706970707071707270737074707570767077707870797080708170827083708470857086708770887089709070917092709370947095709670977098709971007101710271037104710571067107710871097110711171127113711471157116711771187119712071217122712371247125712671277128712971307131713271337134713571367137713871397140714171427143714471457146714771487149715071517152715371547155715671577158715971607161716271637164716571667167716871697170717171727173717471757176717771787179718071817182718371847185718671877188718971907191719271937194719571967197719871997200720172027203720472057206720772087209721072117212721372147215721672177218721972207221722272237224722572267227722872297230723172327233723472357236723772387239724072417242724372447245724672477248724972507251725272537254725572567257725872597260726172627263726472657266726772687269727072717272727372747275727672777278727972807281728272837284728572867287728872897290729172927293729472957296729772987299730073017302730373047305730673077308730973107311731273137314731573167317731873197320732173227323732473257326732773287329733073317332733373347335733673377338733973407341734273437344734573467347734873497350735173527353735473557356735773587359736073617362736373647365736673677368736973707371737273737374737573767377737873797380738173827383738473857386738773887389739073917392739373947395739673977398739974007401740274037404740574067407740874097410741174127413741474157416741774187419742074217422742374247425742674277428742974307431743274337434743574367437743874397440744174427443744474457446744774487449745074517452745374547455745674577458745974607461746274637464746574667467746874697470747174727473747474757476747774787479748074817482748374847485748674877488748974907491749274937494749574967497749874997500750175027503750475057506750775087509751075117512751375147515751675177518751975207521752275237524752575267527752875297530753175327533753475357536753775387539754075417542754375447545754675477548754975507551755275537554755575567557755875597560756175627563756475657566756775687569757075717572757375747575757675777578757975807581758275837584758575867587758875897590759175927593759475957596759775987599760076017602760376047605760676077608760976107611761276137614761576167617761876197620762176227623762476257626762776287629763076317632763376347635763676377638763976407641764276437644764576467647764876497650765176527653765476557656765776587659766076617662766376647665766676677668766976707671767276737674767576767677767876797680768176827683768476857686768776887689769076917692769376947695769676977698769977007701770277037704770577067707770877097710771177127713771477157716771777187719772077217722772377247725772677277728772977307731773277337734773577367737773877397740774177427743774477457746774777487749775077517752775377547755775677577758775977607761776277637764776577667767776877697770777177727773777477757776777777787779778077817782778377847785778677877788778977907791779277937794779577967797779877997800780178027803780478057806780778087809781078117812781378147815781678177818781978207821782278237824782578267827782878297830783178327833783478357836783778387839784078417842784378447845784678477848784978507851785278537854785578567857785878597860786178627863786478657866786778687869787078717872787378747875787678777878787978807881788278837884788578867887788878897890789178927893789478957896789778987899790079017902790379047905790679077908790979107911791279137914791579167917791879197920792179227923792479257926792779287929793079317932793379347935793679377938793979407941794279437944794579467947794879497950795179527953795479557956795779587959796079617962796379647965796679677968796979707971797279737974797579767977797879797980798179827983798479857986798779887989799079917992799379947995799679977998799980008001800280038004800580068007800880098010801180128013801480158016801780188019802080218022802380248025802680278028802980308031803280338034803580368037803880398040804180428043804480458046804780488049805080518052805380548055805680578058805980608061806280638064806580668067806880698070807180728073807480758076807780788079808080818082808380848085808680878088808980908091809280938094809580968097809880998100810181028103810481058106810781088109811081118112811381148115811681178118811981208121812281238124812581268127812881298130813181328133813481358136813781388139814081418142814381448145814681478148814981508151815281538154815581568157815881598160816181628163816481658166816781688169817081718172817381748175817681778178817981808181818281838184818581868187818881898190819181928193819481958196819781988199820082018202820382048205820682078208820982108211821282138214821582168217821882198220822182228223822482258226822782288229823082318232823382348235823682378238823982408241824282438244824582468247824882498250825182528253825482558256825782588259826082618262826382648265826682678268826982708271827282738274827582768277827882798280828182828283828482858286828782888289829082918292829382948295829682978298829983008301830283038304830583068307830883098310831183128313831483158316831783188319832083218322832383248325832683278328832983308331833283338334833583368337833883398340834183428343834483458346834783488349835083518352835383548355835683578358835983608361836283638364836583668367836883698370837183728373837483758376837783788379838083818382838383848385838683878388838983908391839283938394839583968397839883998400840184028403840484058406840784088409841084118412841384148415841684178418841984208421842284238424842584268427842884298430843184328433843484358436843784388439844084418442844384448445844684478448844984508451845284538454845584568457845884598460846184628463846484658466846784688469847084718472847384748475847684778478847984808481848284838484848584868487848884898490849184928493849484958496849784988499850085018502850385048505850685078508850985108511851285138514851585168517851885198520852185228523852485258526852785288529853085318532853385348535853685378538853985408541854285438544854585468547854885498550855185528553855485558556855785588559856085618562856385648565856685678568856985708571857285738574857585768577857885798580858185828583858485858586858785888589859085918592859385948595859685978598859986008601860286038604860586068607860886098610861186128613861486158616861786188619862086218622862386248625862686278628862986308631863286338634863586368637863886398640864186428643864486458646864786488649865086518652865386548655865686578658865986608661866286638664866586668667866886698670867186728673867486758676867786788679868086818682868386848685868686878688868986908691869286938694869586968697869886998700870187028703870487058706870787088709871087118712871387148715871687178718871987208721872287238724872587268727872887298730873187328733873487358736873787388739874087418742874387448745874687478748874987508751875287538754875587568757875887598760876187628763876487658766876787688769877087718772877387748775877687778778877987808781878287838784878587868787878887898790879187928793879487958796879787988799880088018802880388048805880688078808880988108811881288138814881588168817881888198820882188228823882488258826882788288829883088318832883388348835883688378838883988408841884288438844884588468847884888498850885188528853885488558856885788588859886088618862886388648865886688678868886988708871887288738874887588768877887888798880888188828883888488858886888788888889889088918892889388948895889688978898889989008901890289038904890589068907890889098910891189128913891489158916891789188919892089218922892389248925892689278928892989308931893289338934893589368937893889398940894189428943894489458946894789488949895089518952895389548955895689578958895989608961896289638964896589668967896889698970897189728973897489758976897789788979898089818982898389848985898689878988898989908991899289938994899589968997899889999000900190029003900490059006900790089009901090119012901390149015901690179018901990209021902290239024902590269027902890299030903190329033903490359036903790389039904090419042904390449045904690479048904990509051905290539054905590569057905890599060906190629063906490659066906790689069907090719072907390749075907690779078907990809081908290839084908590869087908890899090909190929093909490959096909790989099910091019102910391049105910691079108910991109111911291139114911591169117911891199120912191229123912491259126912791289129913091319132913391349135913691379138913991409141914291439144914591469147914891499150915191529153915491559156915791589159916091619162916391649165916691679168916991709171917291739174917591769177917891799180918191829183918491859186918791889189919091919192919391949195919691979198919992009201920292039204920592069207920892099210921192129213921492159216921792189219922092219222922392249225922692279228922992309231923292339234923592369237923892399240924192429243924492459246924792489249925092519252925392549255925692579258925992609261926292639264926592669267926892699270927192729273927492759276927792789279928092819282928392849285928692879288928992909291929292939294929592969297929892999300930193029303930493059306930793089309931093119312931393149315931693179318931993209321932293239324932593269327932893299330933193329333933493359336933793389339934093419342934393449345934693479348934993509351935293539354935593569357935893599360936193629363936493659366936793689369937093719372937393749375937693779378937993809381938293839384938593869387938893899390939193929393939493959396939793989399940094019402940394049405940694079408940994109411941294139414941594169417941894199420942194229423942494259426942794289429943094319432943394349435943694379438943994409441944294439444944594469447944894499450945194529453945494559456945794589459946094619462946394649465946694679468946994709471947294739474947594769477947894799480948194829483948494859486948794889489949094919492949394949495949694979498949995009501950295039504950595069507950895099510951195129513951495159516951795189519952095219522952395249525952695279528952995309531953295339534953595369537953895399540954195429543954495459546954795489549955095519552955395549555955695579558955995609561956295639564956595669567956895699570957195729573957495759576957795789579958095819582958395849585958695879588958995909591959295939594959595969597959895999600960196029603960496059606960796089609961096119612961396149615961696179618961996209621962296239624962596269627962896299630963196329633963496359636963796389639964096419642964396449645964696479648964996509651965296539654965596569657965896599660966196629663966496659666966796689669967096719672967396749675967696779678967996809681968296839684968596869687968896899690969196929693969496959696969796989699970097019702970397049705970697079708970997109711971297139714971597169717971897199720972197229723972497259726972797289729973097319732973397349735973697379738973997409741974297439744974597469747974897499750975197529753975497559756975797589759976097619762976397649765976697679768976997709771977297739774977597769777977897799780978197829783978497859786978797889789979097919792979397949795979697979798979998009801980298039804980598069807980898099810981198129813981498159816981798189819982098219822982398249825982698279828982998309831983298339834983598369837983898399840984198429843984498459846984798489849985098519852985398549855985698579858985998609861986298639864986598669867986898699870987198729873987498759876987798789879988098819882988398849885988698879888988998909891989298939894989598969897989898999900990199029903990499059906990799089909991099119912991399149915991699179918991999209921992299239924
  1. /*!
  2. Material Components for the Web
  3. Copyright (c) 2018 Google Inc.
  4. License: MIT
  5. */
  6. @-webkit-keyframes mdc-ripple-fg-radius-in {
  7. from {
  8. -webkit-animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  9. animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  10. -webkit-transform: translate(var(--mdc-ripple-fg-translate-start, 0)) scale(1);
  11. transform: translate(var(--mdc-ripple-fg-translate-start, 0)) scale(1);
  12. }
  13. to {
  14. -webkit-transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
  15. transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
  16. }
  17. }
  18. @keyframes mdc-ripple-fg-radius-in {
  19. from {
  20. -webkit-animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  21. animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  22. -webkit-transform: translate(var(--mdc-ripple-fg-translate-start, 0)) scale(1);
  23. transform: translate(var(--mdc-ripple-fg-translate-start, 0)) scale(1);
  24. }
  25. to {
  26. -webkit-transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
  27. transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
  28. }
  29. }
  30. @-webkit-keyframes mdc-ripple-fg-opacity-in {
  31. from {
  32. -webkit-animation-timing-function: linear;
  33. animation-timing-function: linear;
  34. opacity: 0;
  35. }
  36. to {
  37. opacity: var(--mdc-ripple-fg-opacity, 0);
  38. }
  39. }
  40. @keyframes mdc-ripple-fg-opacity-in {
  41. from {
  42. -webkit-animation-timing-function: linear;
  43. animation-timing-function: linear;
  44. opacity: 0;
  45. }
  46. to {
  47. opacity: var(--mdc-ripple-fg-opacity, 0);
  48. }
  49. }
  50. @-webkit-keyframes mdc-ripple-fg-opacity-out {
  51. from {
  52. -webkit-animation-timing-function: linear;
  53. animation-timing-function: linear;
  54. opacity: var(--mdc-ripple-fg-opacity, 0);
  55. }
  56. to {
  57. opacity: 0;
  58. }
  59. }
  60. @keyframes mdc-ripple-fg-opacity-out {
  61. from {
  62. -webkit-animation-timing-function: linear;
  63. animation-timing-function: linear;
  64. opacity: var(--mdc-ripple-fg-opacity, 0);
  65. }
  66. to {
  67. opacity: 0;
  68. }
  69. }
  70. .mdc-ripple-surface--test-edge-var-bug {
  71. --mdc-ripple-surface-test-edge-var: 1px solid #000;
  72. visibility: hidden;
  73. }
  74. .mdc-ripple-surface--test-edge-var-bug::before {
  75. border: var(--mdc-ripple-surface-test-edge-var);
  76. }
  77. .mdc-button {
  78. font-family: Roboto, sans-serif;
  79. -moz-osx-font-smoothing: grayscale;
  80. -webkit-font-smoothing: antialiased;
  81. font-size: 0.875rem;
  82. line-height: 2.25rem;
  83. font-weight: 500;
  84. letter-spacing: 0.0892857143em;
  85. text-decoration: none;
  86. text-transform: uppercase;
  87. --mdc-ripple-fg-size: 0;
  88. --mdc-ripple-left: 0;
  89. --mdc-ripple-top: 0;
  90. --mdc-ripple-fg-scale: 1;
  91. --mdc-ripple-fg-translate-end: 0;
  92. --mdc-ripple-fg-translate-start: 0;
  93. -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  94. will-change: transform, opacity;
  95. padding: 0 8px 0 8px;
  96. display: inline-flex;
  97. position: relative;
  98. align-items: center;
  99. justify-content: center;
  100. box-sizing: border-box;
  101. min-width: 64px;
  102. height: 36px;
  103. border: none;
  104. outline: none;
  105. /* @alternate */
  106. line-height: inherit;
  107. -webkit-user-select: none;
  108. -moz-user-select: none;
  109. -ms-user-select: none;
  110. user-select: none;
  111. -webkit-appearance: none;
  112. overflow: hidden;
  113. vertical-align: middle;
  114. border-radius: 4px;
  115. }
  116. .mdc-button::before, .mdc-button::after {
  117. position: absolute;
  118. border-radius: 50%;
  119. opacity: 0;
  120. pointer-events: none;
  121. content: "";
  122. }
  123. .mdc-button::before {
  124. transition: opacity 15ms linear, background-color 15ms linear;
  125. z-index: 1;
  126. }
  127. .mdc-button.mdc-ripple-upgraded::before {
  128. -webkit-transform: scale(var(--mdc-ripple-fg-scale, 1));
  129. transform: scale(var(--mdc-ripple-fg-scale, 1));
  130. }
  131. .mdc-button.mdc-ripple-upgraded::after {
  132. top: 0;
  133. /* @noflip */
  134. left: 0;
  135. -webkit-transform: scale(0);
  136. transform: scale(0);
  137. -webkit-transform-origin: center center;
  138. transform-origin: center center;
  139. }
  140. .mdc-button.mdc-ripple-upgraded--unbounded::after {
  141. top: var(--mdc-ripple-top, 0);
  142. /* @noflip */
  143. left: var(--mdc-ripple-left, 0);
  144. }
  145. .mdc-button.mdc-ripple-upgraded--foreground-activation::after {
  146. -webkit-animation: 225ms mdc-ripple-fg-radius-in forwards, 75ms mdc-ripple-fg-opacity-in forwards;
  147. animation: 225ms mdc-ripple-fg-radius-in forwards, 75ms mdc-ripple-fg-opacity-in forwards;
  148. }
  149. .mdc-button.mdc-ripple-upgraded--foreground-deactivation::after {
  150. -webkit-animation: 150ms mdc-ripple-fg-opacity-out;
  151. animation: 150ms mdc-ripple-fg-opacity-out;
  152. -webkit-transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
  153. transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
  154. }
  155. .mdc-button::before, .mdc-button::after {
  156. top: calc(50% - 100%);
  157. /* @noflip */
  158. left: calc(50% - 100%);
  159. width: 200%;
  160. height: 200%;
  161. }
  162. .mdc-button.mdc-ripple-upgraded::after {
  163. width: var(--mdc-ripple-fg-size, 100%);
  164. height: var(--mdc-ripple-fg-size, 100%);
  165. }
  166. .mdc-button::-moz-focus-inner {
  167. padding: 0;
  168. border: 0;
  169. }
  170. .mdc-button:active {
  171. outline: none;
  172. }
  173. .mdc-button:hover {
  174. cursor: pointer;
  175. }
  176. .mdc-button:disabled {
  177. background-color: transparent;
  178. color: rgba(0, 0, 0, 0.37);
  179. cursor: default;
  180. pointer-events: none;
  181. }
  182. .mdc-button.mdc-button--dense {
  183. border-radius: 4px;
  184. }
  185. .mdc-button:not(:disabled) {
  186. background-color: transparent;
  187. }
  188. .mdc-button:not(:disabled) {
  189. color: #6200ee;
  190. /* @alternate */
  191. color: var(--mdc-theme-primary, #6200ee);
  192. }
  193. .mdc-button::before, .mdc-button::after {
  194. background-color: #6200ee;
  195. }
  196. @supports not (-ms-ime-align: auto) {
  197. .mdc-button::before, .mdc-button::after {
  198. /* @alternate */
  199. background-color: var(--mdc-theme-primary, #6200ee);
  200. }
  201. }
  202. .mdc-button:hover::before {
  203. opacity: 0.04;
  204. }
  205. .mdc-button:not(.mdc-ripple-upgraded):focus::before, .mdc-button.mdc-ripple-upgraded--background-focused::before {
  206. transition-duration: 75ms;
  207. opacity: 0.12;
  208. }
  209. .mdc-button:not(.mdc-ripple-upgraded)::after {
  210. transition: opacity 150ms linear;
  211. }
  212. .mdc-button:not(.mdc-ripple-upgraded):active::after {
  213. transition-duration: 75ms;
  214. opacity: 0.16;
  215. }
  216. .mdc-button.mdc-ripple-upgraded {
  217. --mdc-ripple-fg-opacity: 0.16;
  218. }
  219. .mdc-button .mdc-button__icon {
  220. /* @noflip */
  221. margin-left: 0;
  222. /* @noflip */
  223. margin-right: 8px;
  224. display: inline-block;
  225. width: 18px;
  226. height: 18px;
  227. font-size: 18px;
  228. vertical-align: top;
  229. }
  230. [dir=rtl] .mdc-button .mdc-button__icon, .mdc-button .mdc-button__icon[dir=rtl] {
  231. /* @noflip */
  232. margin-left: 8px;
  233. /* @noflip */
  234. margin-right: 0;
  235. }
  236. .mdc-button svg.mdc-button__icon {
  237. fill: currentColor;
  238. }
  239. .mdc-button--raised .mdc-button__icon,
  240. .mdc-button--unelevated .mdc-button__icon,
  241. .mdc-button--outlined .mdc-button__icon {
  242. /* @noflip */
  243. margin-left: -4px;
  244. /* @noflip */
  245. margin-right: 8px;
  246. }
  247. [dir=rtl] .mdc-button--raised .mdc-button__icon, .mdc-button--raised .mdc-button__icon[dir=rtl],
  248. [dir=rtl] .mdc-button--unelevated .mdc-button__icon,
  249. .mdc-button--unelevated .mdc-button__icon[dir=rtl],
  250. [dir=rtl] .mdc-button--outlined .mdc-button__icon,
  251. .mdc-button--outlined .mdc-button__icon[dir=rtl] {
  252. /* @noflip */
  253. margin-left: 8px;
  254. /* @noflip */
  255. margin-right: -4px;
  256. }
  257. .mdc-button--raised,
  258. .mdc-button--unelevated {
  259. padding: 0 16px 0 16px;
  260. }
  261. .mdc-button--raised:disabled,
  262. .mdc-button--unelevated:disabled {
  263. background-color: rgba(0, 0, 0, 0.12);
  264. color: rgba(0, 0, 0, 0.37);
  265. }
  266. .mdc-button--raised:not(:disabled),
  267. .mdc-button--unelevated:not(:disabled) {
  268. background-color: #6200ee;
  269. }
  270. @supports not (-ms-ime-align: auto) {
  271. .mdc-button--raised:not(:disabled),
  272. .mdc-button--unelevated:not(:disabled) {
  273. /* @alternate */
  274. background-color: var(--mdc-theme-primary, #6200ee);
  275. }
  276. }
  277. .mdc-button--raised:not(:disabled),
  278. .mdc-button--unelevated:not(:disabled) {
  279. color: #fff;
  280. /* @alternate */
  281. color: var(--mdc-theme-on-primary, #fff);
  282. }
  283. .mdc-button--raised::before, .mdc-button--raised::after,
  284. .mdc-button--unelevated::before,
  285. .mdc-button--unelevated::after {
  286. background-color: #fff;
  287. }
  288. @supports not (-ms-ime-align: auto) {
  289. .mdc-button--raised::before, .mdc-button--raised::after,
  290. .mdc-button--unelevated::before,
  291. .mdc-button--unelevated::after {
  292. /* @alternate */
  293. background-color: var(--mdc-theme-on-primary, #fff);
  294. }
  295. }
  296. .mdc-button--raised:hover::before,
  297. .mdc-button--unelevated:hover::before {
  298. opacity: 0.08;
  299. }
  300. .mdc-button--raised:not(.mdc-ripple-upgraded):focus::before, .mdc-button--raised.mdc-ripple-upgraded--background-focused::before,
  301. .mdc-button--unelevated:not(.mdc-ripple-upgraded):focus::before,
  302. .mdc-button--unelevated.mdc-ripple-upgraded--background-focused::before {
  303. transition-duration: 75ms;
  304. opacity: 0.24;
  305. }
  306. .mdc-button--raised:not(.mdc-ripple-upgraded)::after,
  307. .mdc-button--unelevated:not(.mdc-ripple-upgraded)::after {
  308. transition: opacity 150ms linear;
  309. }
  310. .mdc-button--raised:not(.mdc-ripple-upgraded):active::after,
  311. .mdc-button--unelevated:not(.mdc-ripple-upgraded):active::after {
  312. transition-duration: 75ms;
  313. opacity: 0.32;
  314. }
  315. .mdc-button--raised.mdc-ripple-upgraded,
  316. .mdc-button--unelevated.mdc-ripple-upgraded {
  317. --mdc-ripple-fg-opacity: 0.32;
  318. }
  319. .mdc-button--raised {
  320. box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
  321. transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1);
  322. }
  323. .mdc-button--raised:hover, .mdc-button--raised:focus {
  324. box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
  325. }
  326. .mdc-button--raised:active {
  327. box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  328. }
  329. .mdc-button--raised:disabled {
  330. box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);
  331. }
  332. .mdc-button--outlined {
  333. border-style: solid;
  334. padding: 0 14px 0 14px;
  335. border-width: 2px;
  336. }
  337. .mdc-button--outlined:disabled {
  338. border-color: rgba(0, 0, 0, 0.37);
  339. }
  340. .mdc-button--outlined:not(:disabled) {
  341. border-color: #6200ee;
  342. /* @alternate */
  343. border-color: var(--mdc-theme-primary, #6200ee);
  344. }
  345. .mdc-button--dense {
  346. height: 32px;
  347. font-size: 0.8125rem;
  348. }
  349. .mdc-card {
  350. background-color: #fff;
  351. /* @alternate */
  352. background-color: var(--mdc-theme-surface, #fff);
  353. border-radius: 4px;
  354. box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  355. display: flex;
  356. flex-direction: column;
  357. box-sizing: border-box;
  358. }
  359. .mdc-card--outlined {
  360. box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);
  361. border: 1px solid #e0e0e0;
  362. }
  363. .mdc-card__media {
  364. position: relative;
  365. box-sizing: border-box;
  366. background-repeat: no-repeat;
  367. background-position: center;
  368. background-size: cover;
  369. }
  370. .mdc-card__media::before {
  371. display: block;
  372. content: "";
  373. }
  374. .mdc-card__media:first-child {
  375. border-top-left-radius: inherit;
  376. border-top-right-radius: inherit;
  377. }
  378. .mdc-card__media:last-child {
  379. border-bottom-left-radius: inherit;
  380. border-bottom-right-radius: inherit;
  381. }
  382. .mdc-card__media--square::before {
  383. margin-top: 100%;
  384. }
  385. .mdc-card__media--16-9::before {
  386. margin-top: 56.25%;
  387. }
  388. .mdc-card__media-content {
  389. position: absolute;
  390. top: 0;
  391. right: 0;
  392. bottom: 0;
  393. left: 0;
  394. box-sizing: border-box;
  395. }
  396. .mdc-card__primary-action {
  397. --mdc-ripple-fg-size: 0;
  398. --mdc-ripple-left: 0;
  399. --mdc-ripple-top: 0;
  400. --mdc-ripple-fg-scale: 1;
  401. --mdc-ripple-fg-translate-end: 0;
  402. --mdc-ripple-fg-translate-start: 0;
  403. -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  404. will-change: transform, opacity;
  405. display: flex;
  406. flex-direction: column;
  407. box-sizing: border-box;
  408. position: relative;
  409. outline: none;
  410. color: inherit;
  411. text-decoration: none;
  412. cursor: pointer;
  413. overflow: hidden;
  414. }
  415. .mdc-card__primary-action::before, .mdc-card__primary-action::after {
  416. position: absolute;
  417. border-radius: 50%;
  418. opacity: 0;
  419. pointer-events: none;
  420. content: "";
  421. }
  422. .mdc-card__primary-action::before {
  423. transition: opacity 15ms linear, background-color 15ms linear;
  424. z-index: 1;
  425. }
  426. .mdc-card__primary-action.mdc-ripple-upgraded::before {
  427. -webkit-transform: scale(var(--mdc-ripple-fg-scale, 1));
  428. transform: scale(var(--mdc-ripple-fg-scale, 1));
  429. }
  430. .mdc-card__primary-action.mdc-ripple-upgraded::after {
  431. top: 0;
  432. /* @noflip */
  433. left: 0;
  434. -webkit-transform: scale(0);
  435. transform: scale(0);
  436. -webkit-transform-origin: center center;
  437. transform-origin: center center;
  438. }
  439. .mdc-card__primary-action.mdc-ripple-upgraded--unbounded::after {
  440. top: var(--mdc-ripple-top, 0);
  441. /* @noflip */
  442. left: var(--mdc-ripple-left, 0);
  443. }
  444. .mdc-card__primary-action.mdc-ripple-upgraded--foreground-activation::after {
  445. -webkit-animation: 225ms mdc-ripple-fg-radius-in forwards, 75ms mdc-ripple-fg-opacity-in forwards;
  446. animation: 225ms mdc-ripple-fg-radius-in forwards, 75ms mdc-ripple-fg-opacity-in forwards;
  447. }
  448. .mdc-card__primary-action.mdc-ripple-upgraded--foreground-deactivation::after {
  449. -webkit-animation: 150ms mdc-ripple-fg-opacity-out;
  450. animation: 150ms mdc-ripple-fg-opacity-out;
  451. -webkit-transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
  452. transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
  453. }
  454. .mdc-card__primary-action::before, .mdc-card__primary-action::after {
  455. top: calc(50% - 100%);
  456. /* @noflip */
  457. left: calc(50% - 100%);
  458. width: 200%;
  459. height: 200%;
  460. }
  461. .mdc-card__primary-action.mdc-ripple-upgraded::after {
  462. width: var(--mdc-ripple-fg-size, 100%);
  463. height: var(--mdc-ripple-fg-size, 100%);
  464. }
  465. .mdc-card__primary-action::before, .mdc-card__primary-action::after {
  466. background-color: #000;
  467. }
  468. .mdc-card__primary-action:hover::before {
  469. opacity: 0.04;
  470. }
  471. .mdc-card__primary-action:not(.mdc-ripple-upgraded):focus::before, .mdc-card__primary-action.mdc-ripple-upgraded--background-focused::before {
  472. transition-duration: 75ms;
  473. opacity: 0.12;
  474. }
  475. .mdc-card__primary-action:not(.mdc-ripple-upgraded)::after {
  476. transition: opacity 150ms linear;
  477. }
  478. .mdc-card__primary-action:not(.mdc-ripple-upgraded):active::after {
  479. transition-duration: 75ms;
  480. opacity: 0.16;
  481. }
  482. .mdc-card__primary-action.mdc-ripple-upgraded {
  483. --mdc-ripple-fg-opacity: 0.16;
  484. }
  485. .mdc-card__primary-action:first-child {
  486. border-top-left-radius: inherit;
  487. border-top-right-radius: inherit;
  488. }
  489. .mdc-card__primary-action:last-child {
  490. border-bottom-left-radius: inherit;
  491. border-bottom-right-radius: inherit;
  492. }
  493. .mdc-card__actions {
  494. display: flex;
  495. flex-direction: row;
  496. align-items: center;
  497. box-sizing: border-box;
  498. min-height: 52px;
  499. padding: 8px;
  500. }
  501. .mdc-card__actions--full-bleed {
  502. padding: 0;
  503. }
  504. .mdc-card__action-buttons,
  505. .mdc-card__action-icons {
  506. display: flex;
  507. flex-direction: row;
  508. align-items: center;
  509. box-sizing: border-box;
  510. }
  511. .mdc-card__action-icons {
  512. color: rgba(0, 0, 0, 0.38);
  513. /* @alternate */
  514. color: var(--mdc-theme-text-icon-on-background, rgba(0, 0, 0, 0.38));
  515. flex-grow: 1;
  516. justify-content: flex-end;
  517. }
  518. .mdc-card__action-buttons + .mdc-card__action-icons {
  519. /* @noflip */
  520. margin-left: 16px;
  521. /* @noflip */
  522. margin-right: 0;
  523. }
  524. [dir=rtl] .mdc-card__action-buttons + .mdc-card__action-icons, .mdc-card__action-buttons + .mdc-card__action-icons[dir=rtl] {
  525. /* @noflip */
  526. margin-left: 0;
  527. /* @noflip */
  528. margin-right: 16px;
  529. }
  530. .mdc-card__action {
  531. display: inline-flex;
  532. flex-direction: row;
  533. align-items: center;
  534. box-sizing: border-box;
  535. justify-content: center;
  536. cursor: pointer;
  537. -webkit-user-select: none;
  538. -moz-user-select: none;
  539. -ms-user-select: none;
  540. user-select: none;
  541. }
  542. .mdc-card__action:focus {
  543. outline: none;
  544. }
  545. .mdc-card__action--button {
  546. /* @noflip */
  547. margin-left: 0;
  548. /* @noflip */
  549. margin-right: 8px;
  550. padding: 0 8px;
  551. }
  552. [dir=rtl] .mdc-card__action--button, .mdc-card__action--button[dir=rtl] {
  553. /* @noflip */
  554. margin-left: 8px;
  555. /* @noflip */
  556. margin-right: 0;
  557. }
  558. .mdc-card__action--button:last-child {
  559. /* @noflip */
  560. margin-left: 0;
  561. /* @noflip */
  562. margin-right: 0;
  563. }
  564. [dir=rtl] .mdc-card__action--button:last-child, .mdc-card__action--button:last-child[dir=rtl] {
  565. /* @noflip */
  566. margin-left: 0;
  567. /* @noflip */
  568. margin-right: 0;
  569. }
  570. .mdc-card__actions--full-bleed .mdc-card__action--button {
  571. justify-content: space-between;
  572. width: 100%;
  573. height: auto;
  574. max-height: none;
  575. margin: 0;
  576. padding: 8px 16px;
  577. /* @noflip */
  578. text-align: left;
  579. }
  580. [dir=rtl] .mdc-card__actions--full-bleed .mdc-card__action--button, .mdc-card__actions--full-bleed .mdc-card__action--button[dir=rtl] {
  581. /* @noflip */
  582. text-align: right;
  583. }
  584. .mdc-card__action--icon {
  585. margin: -6px 0;
  586. padding: 12px;
  587. }
  588. .mdc-card__action--icon:not(:disabled) {
  589. color: rgba(0, 0, 0, 0.38);
  590. /* @alternate */
  591. color: var(--mdc-theme-text-icon-on-background, rgba(0, 0, 0, 0.38));
  592. }
  593. @-webkit-keyframes mdc-checkbox-unchecked-checked-checkmark-path {
  594. 0%, 50% {
  595. stroke-dashoffset: 29.7833385;
  596. }
  597. 50% {
  598. -webkit-animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
  599. animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
  600. }
  601. 100% {
  602. stroke-dashoffset: 0;
  603. }
  604. }
  605. @keyframes mdc-checkbox-unchecked-checked-checkmark-path {
  606. 0%, 50% {
  607. stroke-dashoffset: 29.7833385;
  608. }
  609. 50% {
  610. -webkit-animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
  611. animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
  612. }
  613. 100% {
  614. stroke-dashoffset: 0;
  615. }
  616. }
  617. @-webkit-keyframes mdc-checkbox-unchecked-indeterminate-mixedmark {
  618. 0%, 68.2% {
  619. -webkit-transform: scaleX(0);
  620. transform: scaleX(0);
  621. }
  622. 68.2% {
  623. -webkit-animation-timing-function: cubic-bezier(0, 0, 0, 1);
  624. animation-timing-function: cubic-bezier(0, 0, 0, 1);
  625. }
  626. 100% {
  627. -webkit-transform: scaleX(1);
  628. transform: scaleX(1);
  629. }
  630. }
  631. @keyframes mdc-checkbox-unchecked-indeterminate-mixedmark {
  632. 0%, 68.2% {
  633. -webkit-transform: scaleX(0);
  634. transform: scaleX(0);
  635. }
  636. 68.2% {
  637. -webkit-animation-timing-function: cubic-bezier(0, 0, 0, 1);
  638. animation-timing-function: cubic-bezier(0, 0, 0, 1);
  639. }
  640. 100% {
  641. -webkit-transform: scaleX(1);
  642. transform: scaleX(1);
  643. }
  644. }
  645. @-webkit-keyframes mdc-checkbox-checked-unchecked-checkmark-path {
  646. from {
  647. -webkit-animation-timing-function: cubic-bezier(0.4, 0, 1, 1);
  648. animation-timing-function: cubic-bezier(0.4, 0, 1, 1);
  649. opacity: 1;
  650. stroke-dashoffset: 0;
  651. }
  652. to {
  653. opacity: 0;
  654. stroke-dashoffset: -29.7833385;
  655. }
  656. }
  657. @keyframes mdc-checkbox-checked-unchecked-checkmark-path {
  658. from {
  659. -webkit-animation-timing-function: cubic-bezier(0.4, 0, 1, 1);
  660. animation-timing-function: cubic-bezier(0.4, 0, 1, 1);
  661. opacity: 1;
  662. stroke-dashoffset: 0;
  663. }
  664. to {
  665. opacity: 0;
  666. stroke-dashoffset: -29.7833385;
  667. }
  668. }
  669. @-webkit-keyframes mdc-checkbox-checked-indeterminate-checkmark {
  670. from {
  671. -webkit-animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
  672. animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
  673. -webkit-transform: rotate(0deg);
  674. transform: rotate(0deg);
  675. opacity: 1;
  676. }
  677. to {
  678. -webkit-transform: rotate(45deg);
  679. transform: rotate(45deg);
  680. opacity: 0;
  681. }
  682. }
  683. @keyframes mdc-checkbox-checked-indeterminate-checkmark {
  684. from {
  685. -webkit-animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
  686. animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
  687. -webkit-transform: rotate(0deg);
  688. transform: rotate(0deg);
  689. opacity: 1;
  690. }
  691. to {
  692. -webkit-transform: rotate(45deg);
  693. transform: rotate(45deg);
  694. opacity: 0;
  695. }
  696. }
  697. @-webkit-keyframes mdc-checkbox-indeterminate-checked-checkmark {
  698. from {
  699. -webkit-animation-timing-function: cubic-bezier(0.14, 0, 0, 1);
  700. animation-timing-function: cubic-bezier(0.14, 0, 0, 1);
  701. -webkit-transform: rotate(45deg);
  702. transform: rotate(45deg);
  703. opacity: 0;
  704. }
  705. to {
  706. -webkit-transform: rotate(360deg);
  707. transform: rotate(360deg);
  708. opacity: 1;
  709. }
  710. }
  711. @keyframes mdc-checkbox-indeterminate-checked-checkmark {
  712. from {
  713. -webkit-animation-timing-function: cubic-bezier(0.14, 0, 0, 1);
  714. animation-timing-function: cubic-bezier(0.14, 0, 0, 1);
  715. -webkit-transform: rotate(45deg);
  716. transform: rotate(45deg);
  717. opacity: 0;
  718. }
  719. to {
  720. -webkit-transform: rotate(360deg);
  721. transform: rotate(360deg);
  722. opacity: 1;
  723. }
  724. }
  725. @-webkit-keyframes mdc-checkbox-checked-indeterminate-mixedmark {
  726. from {
  727. -webkit-animation-timing-function: mdc-animation-deceleration-curve-timing-function;
  728. animation-timing-function: mdc-animation-deceleration-curve-timing-function;
  729. -webkit-transform: rotate(-45deg);
  730. transform: rotate(-45deg);
  731. opacity: 0;
  732. }
  733. to {
  734. -webkit-transform: rotate(0deg);
  735. transform: rotate(0deg);
  736. opacity: 1;
  737. }
  738. }
  739. @keyframes mdc-checkbox-checked-indeterminate-mixedmark {
  740. from {
  741. -webkit-animation-timing-function: mdc-animation-deceleration-curve-timing-function;
  742. animation-timing-function: mdc-animation-deceleration-curve-timing-function;
  743. -webkit-transform: rotate(-45deg);
  744. transform: rotate(-45deg);
  745. opacity: 0;
  746. }
  747. to {
  748. -webkit-transform: rotate(0deg);
  749. transform: rotate(0deg);
  750. opacity: 1;
  751. }
  752. }
  753. @-webkit-keyframes mdc-checkbox-indeterminate-checked-mixedmark {
  754. from {
  755. -webkit-animation-timing-function: cubic-bezier(0.14, 0, 0, 1);
  756. animation-timing-function: cubic-bezier(0.14, 0, 0, 1);
  757. -webkit-transform: rotate(0deg);
  758. transform: rotate(0deg);
  759. opacity: 1;
  760. }
  761. to {
  762. -webkit-transform: rotate(315deg);
  763. transform: rotate(315deg);
  764. opacity: 0;
  765. }
  766. }
  767. @keyframes mdc-checkbox-indeterminate-checked-mixedmark {
  768. from {
  769. -webkit-animation-timing-function: cubic-bezier(0.14, 0, 0, 1);
  770. animation-timing-function: cubic-bezier(0.14, 0, 0, 1);
  771. -webkit-transform: rotate(0deg);
  772. transform: rotate(0deg);
  773. opacity: 1;
  774. }
  775. to {
  776. -webkit-transform: rotate(315deg);
  777. transform: rotate(315deg);
  778. opacity: 0;
  779. }
  780. }
  781. @-webkit-keyframes mdc-checkbox-indeterminate-unchecked-mixedmark {
  782. 0% {
  783. -webkit-animation-timing-function: linear;
  784. animation-timing-function: linear;
  785. -webkit-transform: scaleX(1);
  786. transform: scaleX(1);
  787. opacity: 1;
  788. }
  789. 32.8%, 100% {
  790. -webkit-transform: scaleX(0);
  791. transform: scaleX(0);
  792. opacity: 0;
  793. }
  794. }
  795. @keyframes mdc-checkbox-indeterminate-unchecked-mixedmark {
  796. 0% {
  797. -webkit-animation-timing-function: linear;
  798. animation-timing-function: linear;
  799. -webkit-transform: scaleX(1);
  800. transform: scaleX(1);
  801. opacity: 1;
  802. }
  803. 32.8%, 100% {
  804. -webkit-transform: scaleX(0);
  805. transform: scaleX(0);
  806. opacity: 0;
  807. }
  808. }
  809. .mdc-checkbox {
  810. display: inline-block;
  811. position: relative;
  812. flex: 0 0 18px;
  813. box-sizing: content-box;
  814. width: 18px;
  815. height: 18px;
  816. padding: 11px;
  817. line-height: 0;
  818. white-space: nowrap;
  819. cursor: pointer;
  820. vertical-align: bottom;
  821. --mdc-ripple-fg-size: 0;
  822. --mdc-ripple-left: 0;
  823. --mdc-ripple-top: 0;
  824. --mdc-ripple-fg-scale: 1;
  825. --mdc-ripple-fg-translate-end: 0;
  826. --mdc-ripple-fg-translate-start: 0;
  827. -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  828. will-change: transform, opacity;
  829. }
  830. .mdc-checkbox::before, .mdc-checkbox::after {
  831. position: absolute;
  832. border-radius: 50%;
  833. opacity: 0;
  834. pointer-events: none;
  835. content: "";
  836. }
  837. .mdc-checkbox::before {
  838. transition: opacity 15ms linear, background-color 15ms linear;
  839. z-index: 1;
  840. }
  841. .mdc-checkbox.mdc-ripple-upgraded::before {
  842. -webkit-transform: scale(var(--mdc-ripple-fg-scale, 1));
  843. transform: scale(var(--mdc-ripple-fg-scale, 1));
  844. }
  845. .mdc-checkbox.mdc-ripple-upgraded::after {
  846. top: 0;
  847. /* @noflip */
  848. left: 0;
  849. -webkit-transform: scale(0);
  850. transform: scale(0);
  851. -webkit-transform-origin: center center;
  852. transform-origin: center center;
  853. }
  854. .mdc-checkbox.mdc-ripple-upgraded--unbounded::after {
  855. top: var(--mdc-ripple-top, 0);
  856. /* @noflip */
  857. left: var(--mdc-ripple-left, 0);
  858. }
  859. .mdc-checkbox.mdc-ripple-upgraded--foreground-activation::after {
  860. -webkit-animation: 225ms mdc-ripple-fg-radius-in forwards, 75ms mdc-ripple-fg-opacity-in forwards;
  861. animation: 225ms mdc-ripple-fg-radius-in forwards, 75ms mdc-ripple-fg-opacity-in forwards;
  862. }
  863. .mdc-checkbox.mdc-ripple-upgraded--foreground-deactivation::after {
  864. -webkit-animation: 150ms mdc-ripple-fg-opacity-out;
  865. animation: 150ms mdc-ripple-fg-opacity-out;
  866. -webkit-transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
  867. transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
  868. }
  869. .mdc-checkbox::before, .mdc-checkbox::after {
  870. background-color: #018786;
  871. }
  872. @supports not (-ms-ime-align: auto) {
  873. .mdc-checkbox::before, .mdc-checkbox::after {
  874. /* @alternate */
  875. background-color: var(--mdc-theme-secondary, #018786);
  876. }
  877. }
  878. .mdc-checkbox:hover::before {
  879. opacity: 0.04;
  880. }
  881. .mdc-checkbox:not(.mdc-ripple-upgraded):focus::before, .mdc-checkbox.mdc-ripple-upgraded--background-focused::before {
  882. transition-duration: 75ms;
  883. opacity: 0.12;
  884. }
  885. .mdc-checkbox:not(.mdc-ripple-upgraded)::after {
  886. transition: opacity 150ms linear;
  887. }
  888. .mdc-checkbox:not(.mdc-ripple-upgraded):active::after {
  889. transition-duration: 75ms;
  890. opacity: 0.16;
  891. }
  892. .mdc-checkbox.mdc-ripple-upgraded {
  893. --mdc-ripple-fg-opacity: 0.16;
  894. }
  895. .mdc-checkbox::before, .mdc-checkbox::after {
  896. top: calc(50% - 50%);
  897. /* @noflip */
  898. left: calc(50% - 50%);
  899. width: 100%;
  900. height: 100%;
  901. }
  902. .mdc-checkbox.mdc-ripple-upgraded::before, .mdc-checkbox.mdc-ripple-upgraded::after {
  903. top: var(--mdc-ripple-top, calc(50% - 50%));
  904. /* @noflip */
  905. left: var(--mdc-ripple-left, calc(50% - 50%));
  906. width: var(--mdc-ripple-fg-size, 100%);
  907. height: var(--mdc-ripple-fg-size, 100%);
  908. }
  909. .mdc-checkbox.mdc-ripple-upgraded::after {
  910. width: var(--mdc-ripple-fg-size, 100%);
  911. height: var(--mdc-ripple-fg-size, 100%);
  912. }
  913. .mdc-checkbox__checkmark {
  914. color: #fff;
  915. }
  916. .mdc-checkbox__mixedmark {
  917. border-color: #fff;
  918. }
  919. .mdc-checkbox__background::before {
  920. background-color: #018786;
  921. }
  922. @supports not (-ms-ime-align: auto) {
  923. .mdc-checkbox__background::before {
  924. /* @alternate */
  925. background-color: var(--mdc-theme-secondary, #018786);
  926. }
  927. }
  928. .mdc-checkbox__native-control:enabled:not(:checked):not(:indeterminate) ~ .mdc-checkbox__background {
  929. border-color: rgba(0, 0, 0, 0.54);
  930. background-color: transparent;
  931. }
  932. .mdc-checkbox__native-control:enabled:checked ~ .mdc-checkbox__background,
  933. .mdc-checkbox__native-control:enabled:indeterminate ~ .mdc-checkbox__background {
  934. border-color: #018786;
  935. /* @alternate */
  936. border-color: var(--mdc-theme-secondary, #018786);
  937. background-color: #018786;
  938. /* @alternate */
  939. background-color: var(--mdc-theme-secondary, #018786);
  940. }
  941. @-webkit-keyframes mdc-checkbox-fade-in-background-0 {
  942. 0% {
  943. border-color: rgba(0, 0, 0, 0.54);
  944. background-color: transparent;
  945. }
  946. 50% {
  947. border-color: #018786;
  948. /* @alternate */
  949. border-color: var(--mdc-theme-secondary, #018786);
  950. background-color: #018786;
  951. /* @alternate */
  952. background-color: var(--mdc-theme-secondary, #018786);
  953. }
  954. }
  955. @keyframes mdc-checkbox-fade-in-background-0 {
  956. 0% {
  957. border-color: rgba(0, 0, 0, 0.54);
  958. background-color: transparent;
  959. }
  960. 50% {
  961. border-color: #018786;
  962. /* @alternate */
  963. border-color: var(--mdc-theme-secondary, #018786);
  964. background-color: #018786;
  965. /* @alternate */
  966. background-color: var(--mdc-theme-secondary, #018786);
  967. }
  968. }
  969. @-webkit-keyframes mdc-checkbox-fade-out-background-0 {
  970. 0%, 80% {
  971. border-color: #018786;
  972. /* @alternate */
  973. border-color: var(--mdc-theme-secondary, #018786);
  974. background-color: #018786;
  975. /* @alternate */
  976. background-color: var(--mdc-theme-secondary, #018786);
  977. }
  978. 100% {
  979. border-color: rgba(0, 0, 0, 0.54);
  980. background-color: transparent;
  981. }
  982. }
  983. @keyframes mdc-checkbox-fade-out-background-0 {
  984. 0%, 80% {
  985. border-color: #018786;
  986. /* @alternate */
  987. border-color: var(--mdc-theme-secondary, #018786);
  988. background-color: #018786;
  989. /* @alternate */
  990. background-color: var(--mdc-theme-secondary, #018786);
  991. }
  992. 100% {
  993. border-color: rgba(0, 0, 0, 0.54);
  994. background-color: transparent;
  995. }
  996. }
  997. .mdc-checkbox--anim-unchecked-checked .mdc-checkbox__native-control:enabled ~ .mdc-checkbox__background, .mdc-checkbox--anim-unchecked-indeterminate .mdc-checkbox__native-control:enabled ~ .mdc-checkbox__background {
  998. -webkit-animation-name: mdc-checkbox-fade-in-background-0;
  999. animation-name: mdc-checkbox-fade-in-background-0;
  1000. }
  1001. .mdc-checkbox--anim-checked-unchecked .mdc-checkbox__native-control:enabled ~ .mdc-checkbox__background, .mdc-checkbox--anim-indeterminate-unchecked .mdc-checkbox__native-control:enabled ~ .mdc-checkbox__background {
  1002. -webkit-animation-name: mdc-checkbox-fade-out-background-0;
  1003. animation-name: mdc-checkbox-fade-out-background-0;
  1004. }
  1005. .mdc-checkbox__native-control:disabled:not(:checked):not(:indeterminate) ~ .mdc-checkbox__background {
  1006. border-color: rgba(0, 0, 0, 0.26);
  1007. }
  1008. .mdc-checkbox__native-control:disabled:checked ~ .mdc-checkbox__background,
  1009. .mdc-checkbox__native-control:disabled:indeterminate ~ .mdc-checkbox__background {
  1010. border-color: transparent;
  1011. background-color: rgba(0, 0, 0, 0.26);
  1012. }
  1013. @media screen and (-ms-high-contrast: active) {
  1014. .mdc-checkbox__mixedmark {
  1015. margin: 0 1px;
  1016. }
  1017. }
  1018. .mdc-checkbox--disabled {
  1019. cursor: default;
  1020. pointer-events: none;
  1021. }
  1022. .mdc-checkbox__background {
  1023. /* @noflip */
  1024. left: 11px;
  1025. /* @noflip */
  1026. right: initial;
  1027. display: inline-flex;
  1028. position: absolute;
  1029. top: 11px;
  1030. bottom: 0;
  1031. align-items: center;
  1032. justify-content: center;
  1033. box-sizing: border-box;
  1034. width: 45%;
  1035. height: 45%;
  1036. transition: background-color 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1), border-color 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
  1037. border: 2px solid currentColor;
  1038. border-radius: 2px;
  1039. background-color: transparent;
  1040. pointer-events: none;
  1041. will-change: background-color, border-color;
  1042. }
  1043. .mdc-checkbox[dir=rtl] .mdc-checkbox__background, [dir=rtl] .mdc-checkbox .mdc-checkbox__background {
  1044. /* @noflip */
  1045. left: initial;
  1046. /* @noflip */
  1047. right: 11px;
  1048. }
  1049. .mdc-checkbox__checkmark {
  1050. position: absolute;
  1051. top: 0;
  1052. right: 0;
  1053. bottom: 0;
  1054. left: 0;
  1055. width: 100%;
  1056. transition: opacity 180ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
  1057. opacity: 0;
  1058. }
  1059. .mdc-checkbox--upgraded .mdc-checkbox__checkmark {
  1060. opacity: 1;
  1061. }
  1062. .mdc-checkbox__checkmark-path {
  1063. transition: stroke-dashoffset 180ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
  1064. stroke: currentColor;
  1065. stroke-width: 3.12px;
  1066. stroke-dashoffset: 29.7833385;
  1067. stroke-dasharray: 29.7833385;
  1068. }
  1069. .mdc-checkbox__mixedmark {
  1070. width: 100%;
  1071. height: 0;
  1072. -webkit-transform: scaleX(0) rotate(0deg);
  1073. transform: scaleX(0) rotate(0deg);
  1074. transition: opacity 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1), -webkit-transform 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
  1075. transition: opacity 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1), transform 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
  1076. transition: opacity 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1), transform 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1), -webkit-transform 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
  1077. border-width: 1px;
  1078. border-style: solid;
  1079. opacity: 0;
  1080. }
  1081. .mdc-checkbox--upgraded .mdc-checkbox__background,
  1082. .mdc-checkbox--upgraded .mdc-checkbox__checkmark,
  1083. .mdc-checkbox--upgraded .mdc-checkbox__checkmark-path,
  1084. .mdc-checkbox--upgraded .mdc-checkbox__mixedmark {
  1085. transition: none !important;
  1086. }
  1087. .mdc-checkbox--anim-unchecked-checked .mdc-checkbox__background, .mdc-checkbox--anim-unchecked-indeterminate .mdc-checkbox__background, .mdc-checkbox--anim-checked-unchecked .mdc-checkbox__background, .mdc-checkbox--anim-indeterminate-unchecked .mdc-checkbox__background {
  1088. -webkit-animation-duration: 180ms;
  1089. animation-duration: 180ms;
  1090. -webkit-animation-timing-function: linear;
  1091. animation-timing-function: linear;
  1092. }
  1093. .mdc-checkbox--anim-unchecked-checked .mdc-checkbox__checkmark-path {
  1094. -webkit-animation: 180ms linear 0s mdc-checkbox-unchecked-checked-checkmark-path;
  1095. animation: 180ms linear 0s mdc-checkbox-unchecked-checked-checkmark-path;
  1096. transition: none;
  1097. }
  1098. .mdc-checkbox--anim-unchecked-indeterminate .mdc-checkbox__mixedmark {
  1099. -webkit-animation: 90ms linear 0s mdc-checkbox-unchecked-indeterminate-mixedmark;
  1100. animation: 90ms linear 0s mdc-checkbox-unchecked-indeterminate-mixedmark;
  1101. transition: none;
  1102. }
  1103. .mdc-checkbox--anim-checked-unchecked .mdc-checkbox__checkmark-path {
  1104. -webkit-animation: 90ms linear 0s mdc-checkbox-checked-unchecked-checkmark-path;
  1105. animation: 90ms linear 0s mdc-checkbox-checked-unchecked-checkmark-path;
  1106. transition: none;
  1107. }
  1108. .mdc-checkbox--anim-checked-indeterminate .mdc-checkbox__checkmark {
  1109. -webkit-animation: 90ms linear 0s mdc-checkbox-checked-indeterminate-checkmark;
  1110. animation: 90ms linear 0s mdc-checkbox-checked-indeterminate-checkmark;
  1111. transition: none;
  1112. }
  1113. .mdc-checkbox--anim-checked-indeterminate .mdc-checkbox__mixedmark {
  1114. -webkit-animation: 90ms linear 0s mdc-checkbox-checked-indeterminate-mixedmark;
  1115. animation: 90ms linear 0s mdc-checkbox-checked-indeterminate-mixedmark;
  1116. transition: none;
  1117. }
  1118. .mdc-checkbox--anim-indeterminate-checked .mdc-checkbox__checkmark {
  1119. -webkit-animation: 500ms linear 0s mdc-checkbox-indeterminate-checked-checkmark;
  1120. animation: 500ms linear 0s mdc-checkbox-indeterminate-checked-checkmark;
  1121. transition: none;
  1122. }
  1123. .mdc-checkbox--anim-indeterminate-checked .mdc-checkbox__mixedmark {
  1124. -webkit-animation: 500ms linear 0s mdc-checkbox-indeterminate-checked-mixedmark;
  1125. animation: 500ms linear 0s mdc-checkbox-indeterminate-checked-mixedmark;
  1126. transition: none;
  1127. }
  1128. .mdc-checkbox--anim-indeterminate-unchecked .mdc-checkbox__mixedmark {
  1129. -webkit-animation: 300ms linear 0s mdc-checkbox-indeterminate-unchecked-mixedmark;
  1130. animation: 300ms linear 0s mdc-checkbox-indeterminate-unchecked-mixedmark;
  1131. transition: none;
  1132. }
  1133. .mdc-checkbox__native-control:checked ~ .mdc-checkbox__background,
  1134. .mdc-checkbox__native-control:indeterminate ~ .mdc-checkbox__background {
  1135. transition: border-color 90ms 0ms cubic-bezier(0, 0, 0.2, 1), background-color 90ms 0ms cubic-bezier(0, 0, 0.2, 1);
  1136. }
  1137. .mdc-checkbox__native-control:checked ~ .mdc-checkbox__background .mdc-checkbox__checkmark-path,
  1138. .mdc-checkbox__native-control:indeterminate ~ .mdc-checkbox__background .mdc-checkbox__checkmark-path {
  1139. stroke-dashoffset: 0;
  1140. }
  1141. .mdc-checkbox__background::before {
  1142. position: absolute;
  1143. top: 0;
  1144. right: 0;
  1145. bottom: 0;
  1146. left: 0;
  1147. width: 100%;
  1148. height: 100%;
  1149. -webkit-transform: scale(0, 0);
  1150. transform: scale(0, 0);
  1151. transition: opacity 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1), -webkit-transform 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
  1152. transition: opacity 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1), transform 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
  1153. transition: opacity 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1), transform 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1), -webkit-transform 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
  1154. border-radius: 50%;
  1155. opacity: 0;
  1156. pointer-events: none;
  1157. content: "";
  1158. will-change: opacity, transform;
  1159. }
  1160. .mdc-ripple-upgraded--background-focused .mdc-checkbox__background::before {
  1161. content: none;
  1162. }
  1163. .mdc-checkbox__native-control:focus ~ .mdc-checkbox__background::before {
  1164. -webkit-transform: scale(2.75, 2.75);
  1165. transform: scale(2.75, 2.75);
  1166. transition: opacity 80ms 0ms cubic-bezier(0, 0, 0.2, 1), -webkit-transform 80ms 0ms cubic-bezier(0, 0, 0.2, 1);
  1167. transition: opacity 80ms 0ms cubic-bezier(0, 0, 0.2, 1), transform 80ms 0ms cubic-bezier(0, 0, 0.2, 1);
  1168. transition: opacity 80ms 0ms cubic-bezier(0, 0, 0.2, 1), transform 80ms 0ms cubic-bezier(0, 0, 0.2, 1), -webkit-transform 80ms 0ms cubic-bezier(0, 0, 0.2, 1);
  1169. opacity: 0.12;
  1170. }
  1171. .mdc-checkbox__native-control {
  1172. position: absolute;
  1173. top: 0;
  1174. left: 0;
  1175. width: 100%;
  1176. height: 100%;
  1177. margin: 0;
  1178. padding: 0;
  1179. opacity: 0;
  1180. cursor: inherit;
  1181. }
  1182. .mdc-checkbox__native-control:disabled {
  1183. cursor: default;
  1184. pointer-events: none;
  1185. }
  1186. .mdc-checkbox__native-control:checked ~ .mdc-checkbox__background .mdc-checkbox__checkmark {
  1187. transition: opacity 180ms 0ms cubic-bezier(0, 0, 0.2, 1), -webkit-transform 180ms 0ms cubic-bezier(0, 0, 0.2, 1);
  1188. transition: opacity 180ms 0ms cubic-bezier(0, 0, 0.2, 1), transform 180ms 0ms cubic-bezier(0, 0, 0.2, 1);
  1189. transition: opacity 180ms 0ms cubic-bezier(0, 0, 0.2, 1), transform 180ms 0ms cubic-bezier(0, 0, 0.2, 1), -webkit-transform 180ms 0ms cubic-bezier(0, 0, 0.2, 1);
  1190. opacity: 1;
  1191. }
  1192. .mdc-checkbox__native-control:checked ~ .mdc-checkbox__background .mdc-checkbox__mixedmark {
  1193. -webkit-transform: scaleX(1) rotate(-45deg);
  1194. transform: scaleX(1) rotate(-45deg);
  1195. }
  1196. .mdc-checkbox__native-control:indeterminate ~ .mdc-checkbox__background .mdc-checkbox__checkmark {
  1197. -webkit-transform: rotate(45deg);
  1198. transform: rotate(45deg);
  1199. transition: opacity 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1), -webkit-transform 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
  1200. transition: opacity 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1), transform 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
  1201. transition: opacity 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1), transform 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1), -webkit-transform 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
  1202. opacity: 0;
  1203. }
  1204. .mdc-checkbox__native-control:indeterminate ~ .mdc-checkbox__background .mdc-checkbox__mixedmark {
  1205. -webkit-transform: scaleX(1) rotate(0deg);
  1206. transform: scaleX(1) rotate(0deg);
  1207. opacity: 1;
  1208. }
  1209. .mdc-chip {
  1210. --mdc-ripple-fg-size: 0;
  1211. --mdc-ripple-left: 0;
  1212. --mdc-ripple-top: 0;
  1213. --mdc-ripple-fg-scale: 1;
  1214. --mdc-ripple-fg-translate-end: 0;
  1215. --mdc-ripple-fg-translate-start: 0;
  1216. -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  1217. will-change: transform, opacity;
  1218. border-radius: 16px;
  1219. background-color: #e0e0e0;
  1220. color: rgba(0, 0, 0, 0.87);
  1221. font-family: Roboto, sans-serif;
  1222. -moz-osx-font-smoothing: grayscale;
  1223. -webkit-font-smoothing: antialiased;
  1224. font-size: 0.875rem;
  1225. line-height: 1.25rem;
  1226. font-weight: 400;
  1227. letter-spacing: 0.0178571429em;
  1228. text-decoration: inherit;
  1229. text-transform: inherit;
  1230. height: 32px;
  1231. display: inline-flex;
  1232. position: relative;
  1233. align-items: center;
  1234. box-sizing: border-box;
  1235. padding: 7px 12px;
  1236. outline: none;
  1237. cursor: pointer;
  1238. overflow: hidden;
  1239. }
  1240. .mdc-chip::before, .mdc-chip::after {
  1241. position: absolute;
  1242. border-radius: 50%;
  1243. opacity: 0;
  1244. pointer-events: none;
  1245. content: "";
  1246. }
  1247. .mdc-chip::before {
  1248. transition: opacity 15ms linear, background-color 15ms linear;
  1249. z-index: 1;
  1250. }
  1251. .mdc-chip.mdc-ripple-upgraded::before {
  1252. -webkit-transform: scale(var(--mdc-ripple-fg-scale, 1));
  1253. transform: scale(var(--mdc-ripple-fg-scale, 1));
  1254. }
  1255. .mdc-chip.mdc-ripple-upgraded::after {
  1256. top: 0;
  1257. /* @noflip */
  1258. left: 0;
  1259. -webkit-transform: scale(0);
  1260. transform: scale(0);
  1261. -webkit-transform-origin: center center;
  1262. transform-origin: center center;
  1263. }
  1264. .mdc-chip.mdc-ripple-upgraded--unbounded::after {
  1265. top: var(--mdc-ripple-top, 0);
  1266. /* @noflip */
  1267. left: var(--mdc-ripple-left, 0);
  1268. }
  1269. .mdc-chip.mdc-ripple-upgraded--foreground-activation::after {
  1270. -webkit-animation: 225ms mdc-ripple-fg-radius-in forwards, 75ms mdc-ripple-fg-opacity-in forwards;
  1271. animation: 225ms mdc-ripple-fg-radius-in forwards, 75ms mdc-ripple-fg-opacity-in forwards;
  1272. }
  1273. .mdc-chip.mdc-ripple-upgraded--foreground-deactivation::after {
  1274. -webkit-animation: 150ms mdc-ripple-fg-opacity-out;
  1275. animation: 150ms mdc-ripple-fg-opacity-out;
  1276. -webkit-transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
  1277. transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
  1278. }
  1279. .mdc-chip::before, .mdc-chip::after {
  1280. top: calc(50% - 100%);
  1281. /* @noflip */
  1282. left: calc(50% - 100%);
  1283. width: 200%;
  1284. height: 200%;
  1285. }
  1286. .mdc-chip.mdc-ripple-upgraded::after {
  1287. width: var(--mdc-ripple-fg-size, 100%);
  1288. height: var(--mdc-ripple-fg-size, 100%);
  1289. }
  1290. .mdc-chip::before, .mdc-chip::after {
  1291. background-color: rgba(0, 0, 0, 0.87);
  1292. }
  1293. .mdc-chip:hover::before {
  1294. opacity: 0.04;
  1295. }
  1296. .mdc-chip:not(.mdc-ripple-upgraded):focus::before, .mdc-chip.mdc-ripple-upgraded--background-focused::before {
  1297. transition-duration: 75ms;
  1298. opacity: 0.12;
  1299. }
  1300. .mdc-chip:not(.mdc-ripple-upgraded)::after {
  1301. transition: opacity 150ms linear;
  1302. }
  1303. .mdc-chip:not(.mdc-ripple-upgraded):active::after {
  1304. transition-duration: 75ms;
  1305. opacity: 0.16;
  1306. }
  1307. .mdc-chip.mdc-ripple-upgraded {
  1308. --mdc-ripple-fg-opacity: 0.16;
  1309. }
  1310. .mdc-chip:hover {
  1311. color: rgba(0, 0, 0, 0.87);
  1312. }
  1313. .mdc-chip.mdc-chip--selected .mdc-chip__checkmark,
  1314. .mdc-chip .mdc-chip__icon--leading:not(.mdc-chip__icon--leading-hidden) {
  1315. margin: -4px 4px -4px -4px;
  1316. }
  1317. .mdc-chip:hover {
  1318. color: #000;
  1319. /* @alternate */
  1320. color: var(--mdc-theme-on-surface, #000);
  1321. }
  1322. .mdc-chip__icon--leading {
  1323. color: rgba(0, 0, 0, 0.54);
  1324. }
  1325. .mdc-chip__icon--trailing {
  1326. color: rgba(0, 0, 0, 0.54);
  1327. }
  1328. .mdc-chip__icon--trailing:hover {
  1329. color: rgba(0, 0, 0, 0.62);
  1330. }
  1331. .mdc-chip__icon--trailing:focus {
  1332. color: rgba(0, 0, 0, 0.87);
  1333. }
  1334. .mdc-chip__icon.mdc-chip__icon--leading:not(.mdc-chip__icon--leading-hidden) {
  1335. width: 20px;
  1336. height: 20px;
  1337. font-size: 20px;
  1338. }
  1339. .mdc-chip__icon.mdc-chip__icon--trailing {
  1340. width: 18px;
  1341. height: 18px;
  1342. font-size: 18px;
  1343. }
  1344. .mdc-chip__icon--trailing {
  1345. margin: 0 -4px 0 4px;
  1346. }
  1347. .mdc-chip--exit {
  1348. transition: opacity 75ms cubic-bezier(0.4, 0, 0.2, 1), width 150ms cubic-bezier(0, 0, 0.2, 1), padding 100ms linear, margin 100ms linear;
  1349. opacity: 0;
  1350. }
  1351. .mdc-chip__text {
  1352. white-space: nowrap;
  1353. }
  1354. .mdc-chip__icon {
  1355. border-radius: 50%;
  1356. outline: none;
  1357. vertical-align: middle;
  1358. }
  1359. .mdc-chip__checkmark {
  1360. height: 20px;
  1361. }
  1362. .mdc-chip__checkmark-path {
  1363. transition: stroke-dashoffset 150ms 50ms cubic-bezier(0.4, 0, 0.6, 1);
  1364. stroke-width: 2px;
  1365. stroke-dashoffset: 29.7833385;
  1366. stroke-dasharray: 29.7833385;
  1367. }
  1368. .mdc-chip--selected .mdc-chip__checkmark-path {
  1369. stroke-dashoffset: 0;
  1370. }
  1371. .mdc-chip-set--choice .mdc-chip.mdc-chip--selected::before {
  1372. opacity: 0.08;
  1373. }
  1374. .mdc-chip-set--choice .mdc-chip.mdc-chip--selected::before, .mdc-chip-set--choice .mdc-chip.mdc-chip--selected::after {
  1375. background-color: #6200ee;
  1376. }
  1377. @supports not (-ms-ime-align: auto) {
  1378. .mdc-chip-set--choice .mdc-chip.mdc-chip--selected::before, .mdc-chip-set--choice .mdc-chip.mdc-chip--selected::after {
  1379. /* @alternate */
  1380. background-color: var(--mdc-theme-primary, #6200ee);
  1381. }
  1382. }
  1383. .mdc-chip-set--choice .mdc-chip.mdc-chip--selected:hover::before {
  1384. opacity: 0.12;
  1385. }
  1386. .mdc-chip-set--choice .mdc-chip.mdc-chip--selected:not(.mdc-ripple-upgraded):focus::before, .mdc-chip-set--choice .mdc-chip.mdc-chip--selected.mdc-ripple-upgraded--background-focused::before {
  1387. transition-duration: 75ms;
  1388. opacity: 0.2;
  1389. }
  1390. .mdc-chip-set--choice .mdc-chip.mdc-chip--selected:not(.mdc-ripple-upgraded)::after {
  1391. transition: opacity 150ms linear;
  1392. }
  1393. .mdc-chip-set--choice .mdc-chip.mdc-chip--selected:not(.mdc-ripple-upgraded):active::after {
  1394. transition-duration: 75ms;
  1395. opacity: 0.24;
  1396. }
  1397. .mdc-chip-set--choice .mdc-chip.mdc-chip--selected.mdc-ripple-upgraded {
  1398. --mdc-ripple-fg-opacity: 0.24;
  1399. }
  1400. .mdc-chip-set--choice .mdc-chip.mdc-chip--selected {
  1401. color: #6200ee;
  1402. /* @alternate */
  1403. color: var(--mdc-theme-primary, #6200ee);
  1404. }
  1405. .mdc-chip-set--choice .mdc-chip.mdc-chip--selected .mdc-chip__icon--leading {
  1406. color: rgba(98, 0, 238, 0.54);
  1407. }
  1408. .mdc-chip-set--choice .mdc-chip.mdc-chip--selected:hover {
  1409. color: #6200ee;
  1410. /* @alternate */
  1411. color: var(--mdc-theme-primary, #6200ee);
  1412. }
  1413. .mdc-chip-set--choice .mdc-chip .mdc-chip__checkmark-path {
  1414. stroke: #6200ee;
  1415. /* @alternate */
  1416. stroke: var(--mdc-theme-primary, #6200ee);
  1417. }
  1418. .mdc-chip-set--choice .mdc-chip--selected {
  1419. background-color: #fff;
  1420. /* @alternate */
  1421. background-color: var(--mdc-theme-surface, #fff);
  1422. }
  1423. .mdc-chip__checkmark-svg {
  1424. width: 0;
  1425. height: 20px;
  1426. transition: width 150ms cubic-bezier(0.4, 0, 0.2, 1);
  1427. }
  1428. .mdc-chip--selected .mdc-chip__checkmark-svg {
  1429. width: 20px;
  1430. }
  1431. .mdc-chip-set--filter .mdc-chip__icon--leading {
  1432. transition: opacity 75ms linear;
  1433. transition-delay: -50ms;
  1434. opacity: 1;
  1435. }
  1436. .mdc-chip-set--filter .mdc-chip__icon--leading + .mdc-chip__checkmark {
  1437. transition: opacity 75ms linear;
  1438. transition-delay: 80ms;
  1439. opacity: 0;
  1440. }
  1441. .mdc-chip-set--filter .mdc-chip__icon--leading + .mdc-chip__checkmark .mdc-chip__checkmark-svg {
  1442. transition: width 0ms;
  1443. }
  1444. .mdc-chip-set--filter .mdc-chip--selected .mdc-chip__icon--leading {
  1445. opacity: 0;
  1446. }
  1447. .mdc-chip-set--filter .mdc-chip--selected .mdc-chip__icon--leading + .mdc-chip__checkmark {
  1448. width: 0;
  1449. opacity: 1;
  1450. }
  1451. .mdc-chip-set--filter .mdc-chip__icon--leading-hidden.mdc-chip__icon--leading {
  1452. width: 0;
  1453. opacity: 0;
  1454. }
  1455. .mdc-chip-set--filter .mdc-chip__icon--leading-hidden.mdc-chip__icon--leading + .mdc-chip__checkmark {
  1456. width: 20px;
  1457. }
  1458. @-webkit-keyframes mdc-chip-entry {
  1459. from {
  1460. -webkit-transform: scale(0.8);
  1461. transform: scale(0.8);
  1462. opacity: 0.4;
  1463. }
  1464. to {
  1465. -webkit-transform: scale(1);
  1466. transform: scale(1);
  1467. opacity: 1;
  1468. }
  1469. }
  1470. @keyframes mdc-chip-entry {
  1471. from {
  1472. -webkit-transform: scale(0.8);
  1473. transform: scale(0.8);
  1474. opacity: 0.4;
  1475. }
  1476. to {
  1477. -webkit-transform: scale(1);
  1478. transform: scale(1);
  1479. opacity: 1;
  1480. }
  1481. }
  1482. .mdc-chip-set {
  1483. padding: 4px;
  1484. display: flex;
  1485. flex-wrap: wrap;
  1486. box-sizing: border-box;
  1487. }
  1488. .mdc-chip-set .mdc-chip {
  1489. margin: 4px;
  1490. }
  1491. .mdc-chip-set--input .mdc-chip {
  1492. -webkit-animation: mdc-chip-entry 100ms cubic-bezier(0, 0, 0.2, 1);
  1493. animation: mdc-chip-entry 100ms cubic-bezier(0, 0, 0.2, 1);
  1494. }
  1495. .mdc-dialog,
  1496. .mdc-dialog__scrim {
  1497. position: fixed;
  1498. top: 0;
  1499. left: 0;
  1500. align-items: center;
  1501. justify-content: center;
  1502. box-sizing: border-box;
  1503. width: 100%;
  1504. height: 100%;
  1505. }
  1506. .mdc-dialog {
  1507. display: none;
  1508. z-index: 7;
  1509. }
  1510. .mdc-dialog .mdc-dialog__surface {
  1511. background-color: #fff;
  1512. /* @alternate */
  1513. background-color: var(--mdc-theme-surface, #fff);
  1514. }
  1515. .mdc-dialog .mdc-dialog__scrim {
  1516. background-color: rgba(0, 0, 0, 0.32);
  1517. }
  1518. .mdc-dialog .mdc-dialog__title {
  1519. color: rgba(0, 0, 0, 0.87);
  1520. }
  1521. .mdc-dialog .mdc-dialog__content {
  1522. color: rgba(0, 0, 0, 0.6);
  1523. }
  1524. .mdc-dialog.mdc-dialog--scrollable .mdc-dialog__title, .mdc-dialog.mdc-dialog--scrollable .mdc-dialog__actions {
  1525. border-color: rgba(0, 0, 0, 0.12);
  1526. }
  1527. .mdc-dialog .mdc-dialog__surface {
  1528. min-width: 280px;
  1529. }
  1530. @media (max-width: 592px) {
  1531. .mdc-dialog .mdc-dialog__surface {
  1532. max-width: calc(100vw - 32px);
  1533. }
  1534. }
  1535. @media (min-width: 592px) {
  1536. .mdc-dialog .mdc-dialog__surface {
  1537. max-width: 560px;
  1538. }
  1539. }
  1540. .mdc-dialog .mdc-dialog__surface {
  1541. max-height: calc(100vh - 32px);
  1542. }
  1543. .mdc-dialog .mdc-dialog__surface {
  1544. border-radius: 4px;
  1545. }
  1546. .mdc-dialog__scrim {
  1547. opacity: 0;
  1548. z-index: -1;
  1549. }
  1550. .mdc-dialog__container {
  1551. display: flex;
  1552. flex-direction: row;
  1553. justify-content: space-around;
  1554. box-sizing: border-box;
  1555. -webkit-transform: scale(0.8);
  1556. transform: scale(0.8);
  1557. opacity: 0;
  1558. }
  1559. .mdc-dialog__surface {
  1560. box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);
  1561. display: flex;
  1562. flex-direction: column;
  1563. flex-grow: 0;
  1564. flex-shrink: 0;
  1565. box-sizing: border-box;
  1566. max-width: 100%;
  1567. max-height: 100%;
  1568. }
  1569. .mdc-dialog[dir=rtl] .mdc-dialog__surface, [dir=rtl] .mdc-dialog .mdc-dialog__surface {
  1570. text-align: right;
  1571. }
  1572. .mdc-dialog__title {
  1573. display: block;
  1574. margin-top: 0;
  1575. /* @alternate */
  1576. line-height: normal;
  1577. font-family: Roboto, sans-serif;
  1578. -moz-osx-font-smoothing: grayscale;
  1579. -webkit-font-smoothing: antialiased;
  1580. font-size: 1.25rem;
  1581. line-height: 2rem;
  1582. font-weight: 500;
  1583. letter-spacing: 0.0125em;
  1584. text-decoration: inherit;
  1585. text-transform: inherit;
  1586. display: block;
  1587. position: relative;
  1588. flex-shrink: 0;
  1589. box-sizing: border-box;
  1590. margin: 0;
  1591. padding: 0 24px 9px;
  1592. border-bottom: 1px solid transparent;
  1593. }
  1594. .mdc-dialog__title::before {
  1595. display: inline-block;
  1596. width: 0;
  1597. height: 40px;
  1598. content: "";
  1599. vertical-align: 0;
  1600. }
  1601. .mdc-dialog[dir=rtl] .mdc-dialog__title, [dir=rtl] .mdc-dialog .mdc-dialog__title {
  1602. text-align: right;
  1603. }
  1604. .mdc-dialog--scrollable .mdc-dialog__title {
  1605. padding-bottom: 15px;
  1606. }
  1607. .mdc-dialog__content {
  1608. font-family: Roboto, sans-serif;
  1609. -moz-osx-font-smoothing: grayscale;
  1610. -webkit-font-smoothing: antialiased;
  1611. font-size: 1rem;
  1612. line-height: 1.5rem;
  1613. font-weight: 400;
  1614. letter-spacing: 0.03125em;
  1615. text-decoration: inherit;
  1616. text-transform: inherit;
  1617. flex-grow: 1;
  1618. box-sizing: border-box;
  1619. margin: 0;
  1620. padding: 20px 24px;
  1621. overflow: auto;
  1622. -webkit-overflow-scrolling: touch;
  1623. }
  1624. .mdc-dialog__content > :first-child {
  1625. margin-top: 0;
  1626. }
  1627. .mdc-dialog__content > :last-child {
  1628. margin-bottom: 0;
  1629. }
  1630. .mdc-dialog__title + .mdc-dialog__content {
  1631. padding-top: 0;
  1632. }
  1633. .mdc-dialog--scrollable .mdc-dialog__content {
  1634. padding-top: 8px;
  1635. padding-bottom: 8px;
  1636. }
  1637. .mdc-dialog__content .mdc-list:first-child:last-child {
  1638. padding: 6px 0 0;
  1639. }
  1640. .mdc-dialog--scrollable .mdc-dialog__content .mdc-list:first-child:last-child {
  1641. padding: 0;
  1642. }
  1643. .mdc-dialog__actions {
  1644. display: flex;
  1645. position: relative;
  1646. flex-shrink: 0;
  1647. flex-wrap: wrap;
  1648. align-items: center;
  1649. justify-content: flex-end;
  1650. box-sizing: border-box;
  1651. min-height: 52px;
  1652. margin: 0;
  1653. padding: 8px;
  1654. border-top: 1px solid transparent;
  1655. }
  1656. .mdc-dialog--stacked .mdc-dialog__actions {
  1657. flex-direction: column;
  1658. align-items: flex-end;
  1659. }
  1660. .mdc-dialog__button {
  1661. /* @noflip */
  1662. margin-left: 8px;
  1663. /* @noflip */
  1664. margin-right: 0;
  1665. max-width: 100%;
  1666. text-align: right;
  1667. }
  1668. [dir=rtl] .mdc-dialog__button, .mdc-dialog__button[dir=rtl] {
  1669. /* @noflip */
  1670. margin-left: 0;
  1671. /* @noflip */
  1672. margin-right: 8px;
  1673. }
  1674. .mdc-dialog__button:first-child {
  1675. /* @noflip */
  1676. margin-left: 0;
  1677. /* @noflip */
  1678. margin-right: 0;
  1679. }
  1680. [dir=rtl] .mdc-dialog__button:first-child, .mdc-dialog__button:first-child[dir=rtl] {
  1681. /* @noflip */
  1682. margin-left: 0;
  1683. /* @noflip */
  1684. margin-right: 0;
  1685. }
  1686. .mdc-dialog[dir=rtl] .mdc-dialog__button, [dir=rtl] .mdc-dialog .mdc-dialog__button {
  1687. text-align: left;
  1688. }
  1689. .mdc-dialog--stacked .mdc-dialog__button:not(:first-child) {
  1690. margin-top: 12px;
  1691. }
  1692. .mdc-dialog--open,
  1693. .mdc-dialog--opening,
  1694. .mdc-dialog--closing {
  1695. display: flex;
  1696. }
  1697. .mdc-dialog--opening .mdc-dialog__scrim {
  1698. transition: opacity 150ms linear;
  1699. }
  1700. .mdc-dialog--opening .mdc-dialog__container {
  1701. transition: opacity 75ms linear, -webkit-transform 150ms 0ms cubic-bezier(0, 0, 0.2, 1);
  1702. transition: opacity 75ms linear, transform 150ms 0ms cubic-bezier(0, 0, 0.2, 1);
  1703. transition: opacity 75ms linear, transform 150ms 0ms cubic-bezier(0, 0, 0.2, 1), -webkit-transform 150ms 0ms cubic-bezier(0, 0, 0.2, 1);
  1704. }
  1705. .mdc-dialog--closing .mdc-dialog__scrim,
  1706. .mdc-dialog--closing .mdc-dialog__container {
  1707. transition: opacity 75ms linear;
  1708. }
  1709. .mdc-dialog--closing .mdc-dialog__container {
  1710. -webkit-transform: scale(1);
  1711. transform: scale(1);
  1712. }
  1713. .mdc-dialog--open .mdc-dialog__scrim {
  1714. opacity: 1;
  1715. }
  1716. .mdc-dialog--open .mdc-dialog__container {
  1717. -webkit-transform: scale(1);
  1718. transform: scale(1);
  1719. opacity: 1;
  1720. }
  1721. .mdc-dialog-scroll-lock {
  1722. overflow: hidden;
  1723. }
  1724. .mdc-drawer {
  1725. border-color: rgba(0, 0, 0, 0.12);
  1726. background-color: #fff;
  1727. /* @noflip */
  1728. border-radius: 0 0 0 0;
  1729. z-index: 6;
  1730. width: 256px;
  1731. display: flex;
  1732. flex-direction: column;
  1733. flex-shrink: 0;
  1734. box-sizing: border-box;
  1735. height: 100%;
  1736. transition-property: -webkit-transform;
  1737. transition-property: transform;
  1738. transition-property: transform, -webkit-transform;
  1739. transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  1740. /* @noflip */
  1741. border-right-width: 1px;
  1742. /* @noflip */
  1743. border-right-style: solid;
  1744. overflow: hidden;
  1745. }
  1746. .mdc-drawer .mdc-drawer__title {
  1747. color: rgba(0, 0, 0, 0.87);
  1748. }
  1749. .mdc-drawer .mdc-list-group__subheader {
  1750. color: rgba(0, 0, 0, 0.6);
  1751. }
  1752. .mdc-drawer .mdc-drawer__subtitle {
  1753. color: rgba(0, 0, 0, 0.6);
  1754. }
  1755. .mdc-drawer .mdc-list-item__graphic {
  1756. color: rgba(0, 0, 0, 0.6);
  1757. }
  1758. .mdc-drawer .mdc-list-item {
  1759. color: rgba(0, 0, 0, 0.87);
  1760. }
  1761. .mdc-drawer .mdc-list-item--activated .mdc-list-item__graphic {
  1762. color: #6200ee;
  1763. }
  1764. .mdc-drawer .mdc-list-item--activated {
  1765. color: rgba(98, 0, 238, 0.87);
  1766. }
  1767. [dir=rtl] .mdc-drawer, .mdc-drawer[dir=rtl] {
  1768. /* @noflip */
  1769. border-radius: 0 0 0 0;
  1770. }
  1771. .mdc-drawer .mdc-list-item {
  1772. border-radius: 4px;
  1773. }
  1774. .mdc-drawer.mdc-drawer--open:not(.mdc-drawer--closing) + .mdc-drawer-app-content {
  1775. /* @noflip */
  1776. margin-left: 256px;
  1777. /* @noflip */
  1778. margin-right: 0;
  1779. }
  1780. [dir=rtl] .mdc-drawer.mdc-drawer--open:not(.mdc-drawer--closing) + .mdc-drawer-app-content, .mdc-drawer.mdc-drawer--open:not(.mdc-drawer--closing) + .mdc-drawer-app-content[dir=rtl] {
  1781. /* @noflip */
  1782. margin-left: 0;
  1783. /* @noflip */
  1784. margin-right: 256px;
  1785. }
  1786. [dir=rtl] .mdc-drawer, .mdc-drawer[dir=rtl] {
  1787. /* @noflip */
  1788. border-right-width: 0;
  1789. /* @noflip */
  1790. border-left-width: 1px;
  1791. /* @noflip */
  1792. border-right-style: none;
  1793. /* @noflip */
  1794. border-left-style: solid;
  1795. }
  1796. .mdc-drawer .mdc-list-item {
  1797. font-family: Roboto, sans-serif;
  1798. -moz-osx-font-smoothing: grayscale;
  1799. -webkit-font-smoothing: antialiased;
  1800. font-size: 0.875rem;
  1801. line-height: 1.375rem;
  1802. font-weight: 500;
  1803. letter-spacing: 0.0071428571em;
  1804. text-decoration: inherit;
  1805. text-transform: inherit;
  1806. height: calc(48px - 2 * 4px);
  1807. margin: 8px 8px;
  1808. padding: 0 8px;
  1809. }
  1810. .mdc-drawer .mdc-list-item:nth-child(1) {
  1811. margin-top: 2px;
  1812. }
  1813. .mdc-drawer .mdc-list-item:nth-last-child(1) {
  1814. margin-bottom: 0;
  1815. }
  1816. .mdc-drawer .mdc-list-group__subheader {
  1817. font-family: Roboto, sans-serif;
  1818. -moz-osx-font-smoothing: grayscale;
  1819. -webkit-font-smoothing: antialiased;
  1820. font-size: 0.875rem;
  1821. line-height: 1.25rem;
  1822. font-weight: 400;
  1823. letter-spacing: 0.0178571429em;
  1824. text-decoration: inherit;
  1825. text-transform: inherit;
  1826. display: block;
  1827. margin-top: 0;
  1828. /* @alternate */
  1829. line-height: normal;
  1830. margin: 0;
  1831. padding: 0 16px;
  1832. }
  1833. .mdc-drawer .mdc-list-group__subheader::before {
  1834. display: inline-block;
  1835. width: 0;
  1836. height: 24px;
  1837. content: "";
  1838. vertical-align: 0;
  1839. }
  1840. .mdc-drawer .mdc-list-divider {
  1841. margin: 3px 0 4px 0;
  1842. }
  1843. .mdc-drawer .mdc-list-item__text,
  1844. .mdc-drawer .mdc-list-item__graphic {
  1845. pointer-events: none;
  1846. }
  1847. .mdc-drawer--animate {
  1848. -webkit-transform: translateX(-100%);
  1849. transform: translateX(-100%);
  1850. }
  1851. [dir=rtl] .mdc-drawer--animate, .mdc-drawer--animate[dir=rtl] {
  1852. -webkit-transform: translateX(100%);
  1853. transform: translateX(100%);
  1854. }
  1855. .mdc-drawer--opening {
  1856. -webkit-transform: translateX(0);
  1857. transform: translateX(0);
  1858. transition-duration: 250ms;
  1859. }
  1860. [dir=rtl] .mdc-drawer--opening, .mdc-drawer--opening[dir=rtl] {
  1861. -webkit-transform: translateX(0);
  1862. transform: translateX(0);
  1863. }
  1864. .mdc-drawer--closing {
  1865. -webkit-transform: translateX(-100%);
  1866. transform: translateX(-100%);
  1867. transition-duration: 200ms;
  1868. }
  1869. [dir=rtl] .mdc-drawer--closing, .mdc-drawer--closing[dir=rtl] {
  1870. -webkit-transform: translateX(100%);
  1871. transform: translateX(100%);
  1872. }
  1873. .mdc-drawer__header {
  1874. flex-shrink: 0;
  1875. box-sizing: border-box;
  1876. min-height: 64px;
  1877. padding: 0 16px 4px;
  1878. }
  1879. .mdc-drawer__title {
  1880. font-family: Roboto, sans-serif;
  1881. -moz-osx-font-smoothing: grayscale;
  1882. -webkit-font-smoothing: antialiased;
  1883. font-size: 1.25rem;
  1884. line-height: 2rem;
  1885. font-weight: 500;
  1886. letter-spacing: 0.0125em;
  1887. text-decoration: inherit;
  1888. text-transform: inherit;
  1889. display: block;
  1890. margin-top: 0;
  1891. /* @alternate */
  1892. line-height: normal;
  1893. margin-bottom: -20px;
  1894. }
  1895. .mdc-drawer__title::before {
  1896. display: inline-block;
  1897. width: 0;
  1898. height: 36px;
  1899. content: "";
  1900. vertical-align: 0;
  1901. }
  1902. .mdc-drawer__title::after {
  1903. display: inline-block;
  1904. width: 0;
  1905. height: 20px;
  1906. content: "";
  1907. vertical-align: -20px;
  1908. }
  1909. .mdc-drawer__subtitle {
  1910. font-family: Roboto, sans-serif;
  1911. -moz-osx-font-smoothing: grayscale;
  1912. -webkit-font-smoothing: antialiased;
  1913. font-size: 0.875rem;
  1914. line-height: 1.25rem;
  1915. font-weight: 400;
  1916. letter-spacing: 0.0178571429em;
  1917. text-decoration: inherit;
  1918. text-transform: inherit;
  1919. display: block;
  1920. margin-top: 0;
  1921. /* @alternate */
  1922. line-height: normal;
  1923. margin-bottom: 0;
  1924. }
  1925. .mdc-drawer__subtitle::before {
  1926. display: inline-block;
  1927. width: 0;
  1928. height: 20px;
  1929. content: "";
  1930. vertical-align: 0;
  1931. }
  1932. .mdc-drawer__content {
  1933. height: 100%;
  1934. overflow-y: auto;
  1935. -webkit-overflow-scrolling: touch;
  1936. }
  1937. .mdc-drawer--dismissible {
  1938. /* @noflip */
  1939. left: 0;
  1940. /* @noflip */
  1941. right: initial;
  1942. display: none;
  1943. position: absolute;
  1944. }
  1945. [dir=rtl] .mdc-drawer--dismissible, .mdc-drawer--dismissible[dir=rtl] {
  1946. /* @noflip */
  1947. left: initial;
  1948. /* @noflip */
  1949. right: 0;
  1950. }
  1951. .mdc-drawer--dismissible.mdc-drawer--open {
  1952. display: flex;
  1953. }
  1954. .mdc-drawer-app-content {
  1955. /* @noflip */
  1956. margin-left: 0;
  1957. /* @noflip */
  1958. margin-right: 0;
  1959. position: relative;
  1960. }
  1961. [dir=rtl] .mdc-drawer-app-content, .mdc-drawer-app-content[dir=rtl] {
  1962. /* @noflip */
  1963. margin-left: 0;
  1964. /* @noflip */
  1965. margin-right: 0;
  1966. }
  1967. .mdc-drawer--modal {
  1968. box-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12);
  1969. /* @noflip */
  1970. left: 0;
  1971. /* @noflip */
  1972. right: initial;
  1973. display: none;
  1974. position: fixed;
  1975. }
  1976. .mdc-drawer--modal + .mdc-drawer-scrim {
  1977. background-color: rgba(0, 0, 0, 0.32);
  1978. }
  1979. [dir=rtl] .mdc-drawer--modal, .mdc-drawer--modal[dir=rtl] {
  1980. /* @noflip */
  1981. left: initial;
  1982. /* @noflip */
  1983. right: 0;
  1984. }
  1985. .mdc-drawer--modal.mdc-drawer--open {
  1986. display: flex;
  1987. }
  1988. .mdc-drawer-scrim {
  1989. display: none;
  1990. position: fixed;
  1991. top: 0;
  1992. left: 0;
  1993. width: 100%;
  1994. height: 100%;
  1995. transition-property: opacity;
  1996. transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  1997. z-index: 5;
  1998. }
  1999. .mdc-drawer--open + .mdc-drawer-scrim {
  2000. display: block;
  2001. }
  2002. .mdc-drawer--animate + .mdc-drawer-scrim {
  2003. opacity: 0;
  2004. }
  2005. .mdc-drawer--opening + .mdc-drawer-scrim {
  2006. transition-duration: 250ms;
  2007. opacity: 1;
  2008. }
  2009. .mdc-drawer--closing + .mdc-drawer-scrim {
  2010. transition-duration: 200ms;
  2011. opacity: 0;
  2012. }
  2013. .mdc-elevation--z0 {
  2014. box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);
  2015. }
  2016. .mdc-elevation--z1 {
  2017. box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  2018. }
  2019. .mdc-elevation--z2 {
  2020. box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
  2021. }
  2022. .mdc-elevation--z3 {
  2023. box-shadow: 0px 3px 3px -2px rgba(0, 0, 0, 0.2), 0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 1px 8px 0px rgba(0, 0, 0, 0.12);
  2024. }
  2025. .mdc-elevation--z4 {
  2026. box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
  2027. }
  2028. .mdc-elevation--z5 {
  2029. box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 5px 8px 0px rgba(0, 0, 0, 0.14), 0px 1px 14px 0px rgba(0, 0, 0, 0.12);
  2030. }
  2031. .mdc-elevation--z6 {
  2032. box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);
  2033. }
  2034. .mdc-elevation--z7 {
  2035. box-shadow: 0px 4px 5px -2px rgba(0, 0, 0, 0.2), 0px 7px 10px 1px rgba(0, 0, 0, 0.14), 0px 2px 16px 1px rgba(0, 0, 0, 0.12);
  2036. }
  2037. .mdc-elevation--z8 {
  2038. box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  2039. }
  2040. .mdc-elevation--z9 {
  2041. box-shadow: 0px 5px 6px -3px rgba(0, 0, 0, 0.2), 0px 9px 12px 1px rgba(0, 0, 0, 0.14), 0px 3px 16px 2px rgba(0, 0, 0, 0.12);
  2042. }
  2043. .mdc-elevation--z10 {
  2044. box-shadow: 0px 6px 6px -3px rgba(0, 0, 0, 0.2), 0px 10px 14px 1px rgba(0, 0, 0, 0.14), 0px 4px 18px 3px rgba(0, 0, 0, 0.12);
  2045. }
  2046. .mdc-elevation--z11 {
  2047. box-shadow: 0px 6px 7px -4px rgba(0, 0, 0, 0.2), 0px 11px 15px 1px rgba(0, 0, 0, 0.14), 0px 4px 20px 3px rgba(0, 0, 0, 0.12);
  2048. }
  2049. .mdc-elevation--z12 {
  2050. box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12);
  2051. }
  2052. .mdc-elevation--z13 {
  2053. box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 13px 19px 2px rgba(0, 0, 0, 0.14), 0px 5px 24px 4px rgba(0, 0, 0, 0.12);
  2054. }
  2055. .mdc-elevation--z14 {
  2056. box-shadow: 0px 7px 9px -4px rgba(0, 0, 0, 0.2), 0px 14px 21px 2px rgba(0, 0, 0, 0.14), 0px 5px 26px 4px rgba(0, 0, 0, 0.12);
  2057. }
  2058. .mdc-elevation--z15 {
  2059. box-shadow: 0px 8px 9px -5px rgba(0, 0, 0, 0.2), 0px 15px 22px 2px rgba(0, 0, 0, 0.14), 0px 6px 28px 5px rgba(0, 0, 0, 0.12);
  2060. }
  2061. .mdc-elevation--z16 {
  2062. box-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12);
  2063. }
  2064. .mdc-elevation--z17 {
  2065. box-shadow: 0px 8px 11px -5px rgba(0, 0, 0, 0.2), 0px 17px 26px 2px rgba(0, 0, 0, 0.14), 0px 6px 32px 5px rgba(0, 0, 0, 0.12);
  2066. }
  2067. .mdc-elevation--z18 {
  2068. box-shadow: 0px 9px 11px -5px rgba(0, 0, 0, 0.2), 0px 18px 28px 2px rgba(0, 0, 0, 0.14), 0px 7px 34px 6px rgba(0, 0, 0, 0.12);
  2069. }
  2070. .mdc-elevation--z19 {
  2071. box-shadow: 0px 9px 12px -6px rgba(0, 0, 0, 0.2), 0px 19px 29px 2px rgba(0, 0, 0, 0.14), 0px 7px 36px 6px rgba(0, 0, 0, 0.12);
  2072. }
  2073. .mdc-elevation--z20 {
  2074. box-shadow: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 20px 31px 3px rgba(0, 0, 0, 0.14), 0px 8px 38px 7px rgba(0, 0, 0, 0.12);
  2075. }
  2076. .mdc-elevation--z21 {
  2077. box-shadow: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 21px 33px 3px rgba(0, 0, 0, 0.14), 0px 8px 40px 7px rgba(0, 0, 0, 0.12);
  2078. }
  2079. .mdc-elevation--z22 {
  2080. box-shadow: 0px 10px 14px -6px rgba(0, 0, 0, 0.2), 0px 22px 35px 3px rgba(0, 0, 0, 0.14), 0px 8px 42px 7px rgba(0, 0, 0, 0.12);
  2081. }
  2082. .mdc-elevation--z23 {
  2083. box-shadow: 0px 11px 14px -7px rgba(0, 0, 0, 0.2), 0px 23px 36px 3px rgba(0, 0, 0, 0.14), 0px 9px 44px 8px rgba(0, 0, 0, 0.12);
  2084. }
  2085. .mdc-elevation--z24 {
  2086. box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);
  2087. }
  2088. .mdc-elevation-transition {
  2089. transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1);
  2090. will-change: box-shadow;
  2091. }
  2092. .mdc-fab {
  2093. --mdc-ripple-fg-size: 0;
  2094. --mdc-ripple-left: 0;
  2095. --mdc-ripple-top: 0;
  2096. --mdc-ripple-fg-scale: 1;
  2097. --mdc-ripple-fg-translate-end: 0;
  2098. --mdc-ripple-fg-translate-start: 0;
  2099. -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  2100. will-change: transform, opacity;
  2101. box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);
  2102. display: inline-flex;
  2103. position: relative;
  2104. align-items: center;
  2105. justify-content: center;
  2106. box-sizing: border-box;
  2107. width: 56px;
  2108. height: 56px;
  2109. padding: 0;
  2110. transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), opacity 15ms linear 30ms, -webkit-transform 270ms 0ms cubic-bezier(0, 0, 0.2, 1);
  2111. transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), opacity 15ms linear 30ms, transform 270ms 0ms cubic-bezier(0, 0, 0.2, 1);
  2112. transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), opacity 15ms linear 30ms, transform 270ms 0ms cubic-bezier(0, 0, 0.2, 1), -webkit-transform 270ms 0ms cubic-bezier(0, 0, 0.2, 1);
  2113. border: none;
  2114. fill: currentColor;
  2115. cursor: pointer;
  2116. -webkit-user-select: none;
  2117. -moz-user-select: none;
  2118. -ms-user-select: none;
  2119. user-select: none;
  2120. -moz-appearance: none;
  2121. -webkit-appearance: none;
  2122. overflow: hidden;
  2123. background-color: #018786;
  2124. color: #fff;
  2125. /* @alternate */
  2126. color: var(--mdc-theme-on-secondary, #fff);
  2127. }
  2128. .mdc-fab::before, .mdc-fab::after {
  2129. position: absolute;
  2130. border-radius: 50%;
  2131. opacity: 0;
  2132. pointer-events: none;
  2133. content: "";
  2134. }
  2135. .mdc-fab::before {
  2136. transition: opacity 15ms linear, background-color 15ms linear;
  2137. z-index: 1;
  2138. }
  2139. .mdc-fab.mdc-ripple-upgraded::before {
  2140. -webkit-transform: scale(var(--mdc-ripple-fg-scale, 1));
  2141. transform: scale(var(--mdc-ripple-fg-scale, 1));
  2142. }
  2143. .mdc-fab.mdc-ripple-upgraded::after {
  2144. top: 0;
  2145. /* @noflip */
  2146. left: 0;
  2147. -webkit-transform: scale(0);
  2148. transform: scale(0);
  2149. -webkit-transform-origin: center center;
  2150. transform-origin: center center;
  2151. }
  2152. .mdc-fab.mdc-ripple-upgraded--unbounded::after {
  2153. top: var(--mdc-ripple-top, 0);
  2154. /* @noflip */
  2155. left: var(--mdc-ripple-left, 0);
  2156. }
  2157. .mdc-fab.mdc-ripple-upgraded--foreground-activation::after {
  2158. -webkit-animation: 225ms mdc-ripple-fg-radius-in forwards, 75ms mdc-ripple-fg-opacity-in forwards;
  2159. animation: 225ms mdc-ripple-fg-radius-in forwards, 75ms mdc-ripple-fg-opacity-in forwards;
  2160. }
  2161. .mdc-fab.mdc-ripple-upgraded--foreground-deactivation::after {
  2162. -webkit-animation: 150ms mdc-ripple-fg-opacity-out;
  2163. animation: 150ms mdc-ripple-fg-opacity-out;
  2164. -webkit-transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
  2165. transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
  2166. }
  2167. .mdc-fab::before, .mdc-fab::after {
  2168. top: calc(50% - 100%);
  2169. /* @noflip */
  2170. left: calc(50% - 100%);
  2171. width: 200%;
  2172. height: 200%;
  2173. }
  2174. .mdc-fab.mdc-ripple-upgraded::after {
  2175. width: var(--mdc-ripple-fg-size, 100%);
  2176. height: var(--mdc-ripple-fg-size, 100%);
  2177. }
  2178. .mdc-fab:not(.mdc-fab--extended) {
  2179. border-radius: 50%;
  2180. }
  2181. .mdc-fab::-moz-focus-inner {
  2182. padding: 0;
  2183. border: 0;
  2184. }
  2185. .mdc-fab:hover, .mdc-fab:focus {
  2186. box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  2187. }
  2188. .mdc-fab:active {
  2189. box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12);
  2190. }
  2191. .mdc-fab:active, .mdc-fab:focus {
  2192. outline: none;
  2193. }
  2194. .mdc-fab:hover {
  2195. cursor: pointer;
  2196. }
  2197. .mdc-fab > svg {
  2198. width: 100%;
  2199. }
  2200. @supports not (-ms-ime-align: auto) {
  2201. .mdc-fab {
  2202. /* @alternate */
  2203. background-color: var(--mdc-theme-secondary, #018786);
  2204. }
  2205. }
  2206. .mdc-fab .mdc-fab__icon {
  2207. width: 24px;
  2208. height: 24px;
  2209. font-size: 24px;
  2210. }
  2211. .mdc-fab::before, .mdc-fab::after {
  2212. background-color: #fff;
  2213. }
  2214. @supports not (-ms-ime-align: auto) {
  2215. .mdc-fab::before, .mdc-fab::after {
  2216. /* @alternate */
  2217. background-color: var(--mdc-theme-on-secondary, #fff);
  2218. }
  2219. }
  2220. .mdc-fab:hover::before {
  2221. opacity: 0.08;
  2222. }
  2223. .mdc-fab:not(.mdc-ripple-upgraded):focus::before, .mdc-fab.mdc-ripple-upgraded--background-focused::before {
  2224. transition-duration: 75ms;
  2225. opacity: 0.24;
  2226. }
  2227. .mdc-fab:not(.mdc-ripple-upgraded)::after {
  2228. transition: opacity 150ms linear;
  2229. }
  2230. .mdc-fab:not(.mdc-ripple-upgraded):active::after {
  2231. transition-duration: 75ms;
  2232. opacity: 0.32;
  2233. }
  2234. .mdc-fab.mdc-ripple-upgraded {
  2235. --mdc-ripple-fg-opacity: 0.32;
  2236. }
  2237. .mdc-fab--mini {
  2238. width: 40px;
  2239. height: 40px;
  2240. }
  2241. .mdc-fab--extended {
  2242. font-family: Roboto, sans-serif;
  2243. -moz-osx-font-smoothing: grayscale;
  2244. -webkit-font-smoothing: antialiased;
  2245. font-size: 0.875rem;
  2246. line-height: 2.25rem;
  2247. font-weight: 500;
  2248. letter-spacing: 0.0892857143em;
  2249. text-decoration: none;
  2250. text-transform: uppercase;
  2251. border-radius: 24px;
  2252. padding: 0 20px;
  2253. width: auto;
  2254. max-width: 100%;
  2255. height: 48px;
  2256. }
  2257. .mdc-fab--extended .mdc-fab__icon {
  2258. /* @noflip */
  2259. margin-left: -8px;
  2260. /* @noflip */
  2261. margin-right: 12px;
  2262. }
  2263. [dir=rtl] .mdc-fab--extended .mdc-fab__icon, .mdc-fab--extended .mdc-fab__icon[dir=rtl] {
  2264. /* @noflip */
  2265. margin-left: 12px;
  2266. /* @noflip */
  2267. margin-right: -8px;
  2268. }
  2269. .mdc-fab--extended .mdc-fab__label + .mdc-fab__icon {
  2270. /* @noflip */
  2271. margin-left: 12px;
  2272. /* @noflip */
  2273. margin-right: -8px;
  2274. }
  2275. [dir=rtl] .mdc-fab--extended .mdc-fab__label + .mdc-fab__icon, .mdc-fab--extended .mdc-fab__label + .mdc-fab__icon[dir=rtl] {
  2276. /* @noflip */
  2277. margin-left: -8px;
  2278. /* @noflip */
  2279. margin-right: 12px;
  2280. }
  2281. .mdc-fab__label {
  2282. justify-content: flex-start;
  2283. text-overflow: ellipsis;
  2284. white-space: nowrap;
  2285. overflow: hidden;
  2286. }
  2287. .mdc-fab__icon {
  2288. transition: -webkit-transform 180ms 90ms cubic-bezier(0, 0, 0.2, 1);
  2289. transition: transform 180ms 90ms cubic-bezier(0, 0, 0.2, 1);
  2290. transition: transform 180ms 90ms cubic-bezier(0, 0, 0.2, 1), -webkit-transform 180ms 90ms cubic-bezier(0, 0, 0.2, 1);
  2291. fill: currentColor;
  2292. will-change: transform;
  2293. }
  2294. .mdc-fab .mdc-fab__icon {
  2295. display: inline-flex;
  2296. align-items: center;
  2297. justify-content: center;
  2298. }
  2299. .mdc-fab--exited {
  2300. -webkit-transform: scale(0);
  2301. transform: scale(0);
  2302. transition: opacity 15ms linear 150ms, -webkit-transform 180ms 0ms cubic-bezier(0.4, 0, 1, 1);
  2303. transition: opacity 15ms linear 150ms, transform 180ms 0ms cubic-bezier(0.4, 0, 1, 1);
  2304. transition: opacity 15ms linear 150ms, transform 180ms 0ms cubic-bezier(0.4, 0, 1, 1), -webkit-transform 180ms 0ms cubic-bezier(0.4, 0, 1, 1);
  2305. opacity: 0;
  2306. }
  2307. .mdc-fab--exited .mdc-fab__icon {
  2308. -webkit-transform: scale(0);
  2309. transform: scale(0);
  2310. transition: -webkit-transform 135ms 0ms cubic-bezier(0.4, 0, 1, 1);
  2311. transition: transform 135ms 0ms cubic-bezier(0.4, 0, 1, 1);
  2312. transition: transform 135ms 0ms cubic-bezier(0.4, 0, 1, 1), -webkit-transform 135ms 0ms cubic-bezier(0.4, 0, 1, 1);
  2313. }
  2314. .mdc-floating-label {
  2315. font-family: Roboto, sans-serif;
  2316. -moz-osx-font-smoothing: grayscale;
  2317. -webkit-font-smoothing: antialiased;
  2318. font-size: 1rem;
  2319. line-height: 1.75rem;
  2320. font-weight: 400;
  2321. letter-spacing: 0.009375em;
  2322. text-decoration: inherit;
  2323. text-transform: inherit;
  2324. position: absolute;
  2325. /* @noflip */
  2326. left: 0;
  2327. /* @noflip */
  2328. -webkit-transform-origin: left top;
  2329. transform-origin: left top;
  2330. transition: color 150ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 150ms cubic-bezier(0.4, 0, 0.2, 1);
  2331. transition: transform 150ms cubic-bezier(0.4, 0, 0.2, 1), color 150ms cubic-bezier(0.4, 0, 0.2, 1);
  2332. transition: transform 150ms cubic-bezier(0.4, 0, 0.2, 1), color 150ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 150ms cubic-bezier(0.4, 0, 0.2, 1);
  2333. /* @alternate */
  2334. line-height: 1.15rem;
  2335. text-align: left;
  2336. text-overflow: ellipsis;
  2337. white-space: nowrap;
  2338. cursor: text;
  2339. overflow: hidden;
  2340. will-change: transform;
  2341. }
  2342. [dir=rtl] .mdc-floating-label, .mdc-floating-label[dir=rtl] {
  2343. /* @noflip */
  2344. right: 0;
  2345. /* @noflip */
  2346. left: auto;
  2347. /* @noflip */
  2348. -webkit-transform-origin: right top;
  2349. transform-origin: right top;
  2350. /* @noflip */
  2351. text-align: right;
  2352. }
  2353. .mdc-floating-label--float-above {
  2354. cursor: auto;
  2355. }
  2356. .mdc-floating-label--float-above {
  2357. -webkit-transform: translateY(-50%) scale(0.75);
  2358. transform: translateY(-50%) scale(0.75);
  2359. }
  2360. .mdc-floating-label--shake {
  2361. -webkit-animation: mdc-floating-label-shake-float-above-standard 250ms 1;
  2362. animation: mdc-floating-label-shake-float-above-standard 250ms 1;
  2363. }
  2364. @-webkit-keyframes mdc-floating-label-shake-float-above-standard {
  2365. 0% {
  2366. -webkit-transform: translateX(calc(0 - 0%)) translateY(-50%) scale(0.75);
  2367. transform: translateX(calc(0 - 0%)) translateY(-50%) scale(0.75);
  2368. }
  2369. 33% {
  2370. -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);
  2371. animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);
  2372. -webkit-transform: translateX(calc(4% - 0%)) translateY(-50%) scale(0.75);
  2373. transform: translateX(calc(4% - 0%)) translateY(-50%) scale(0.75);
  2374. }
  2375. 66% {
  2376. -webkit-animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
  2377. animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
  2378. -webkit-transform: translateX(calc(-4% - 0%)) translateY(-50%) scale(0.75);
  2379. transform: translateX(calc(-4% - 0%)) translateY(-50%) scale(0.75);
  2380. }
  2381. 100% {
  2382. -webkit-transform: translateX(calc(0 - 0%)) translateY(-50%) scale(0.75);
  2383. transform: translateX(calc(0 - 0%)) translateY(-50%) scale(0.75);
  2384. }
  2385. }
  2386. @keyframes mdc-floating-label-shake-float-above-standard {
  2387. 0% {
  2388. -webkit-transform: translateX(calc(0 - 0%)) translateY(-50%) scale(0.75);
  2389. transform: translateX(calc(0 - 0%)) translateY(-50%) scale(0.75);
  2390. }
  2391. 33% {
  2392. -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);
  2393. animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);
  2394. -webkit-transform: translateX(calc(4% - 0%)) translateY(-50%) scale(0.75);
  2395. transform: translateX(calc(4% - 0%)) translateY(-50%) scale(0.75);
  2396. }
  2397. 66% {
  2398. -webkit-animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
  2399. animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
  2400. -webkit-transform: translateX(calc(-4% - 0%)) translateY(-50%) scale(0.75);
  2401. transform: translateX(calc(-4% - 0%)) translateY(-50%) scale(0.75);
  2402. }
  2403. 100% {
  2404. -webkit-transform: translateX(calc(0 - 0%)) translateY(-50%) scale(0.75);
  2405. transform: translateX(calc(0 - 0%)) translateY(-50%) scale(0.75);
  2406. }
  2407. }
  2408. .mdc-form-field {
  2409. font-family: Roboto, sans-serif;
  2410. -moz-osx-font-smoothing: grayscale;
  2411. -webkit-font-smoothing: antialiased;
  2412. font-size: 0.875rem;
  2413. line-height: 1.25rem;
  2414. font-weight: 400;
  2415. letter-spacing: 0.0178571429em;
  2416. text-decoration: inherit;
  2417. text-transform: inherit;
  2418. color: rgba(0, 0, 0, 0.87);
  2419. /* @alternate */
  2420. color: var(--mdc-theme-text-primary-on-background, rgba(0, 0, 0, 0.87));
  2421. display: inline-flex;
  2422. align-items: center;
  2423. vertical-align: middle;
  2424. }
  2425. .mdc-form-field > label {
  2426. order: 0;
  2427. /* @noflip */
  2428. margin-right: auto;
  2429. /* @noflip */
  2430. padding-left: 4px;
  2431. }
  2432. [dir=rtl] .mdc-form-field > label, .mdc-form-field[dir=rtl] > label {
  2433. /* @noflip */
  2434. margin-left: auto;
  2435. /* @noflip */
  2436. padding-right: 4px;
  2437. }
  2438. .mdc-form-field--align-end > label {
  2439. order: -1;
  2440. /* @noflip */
  2441. margin-left: auto;
  2442. /* @noflip */
  2443. padding-right: 4px;
  2444. }
  2445. [dir=rtl] .mdc-form-field--align-end > label, .mdc-form-field--align-end[dir=rtl] > label {
  2446. /* @noflip */
  2447. margin-right: auto;
  2448. /* @noflip */
  2449. padding-left: 4px;
  2450. }
  2451. .mdc-grid-tile__primary {
  2452. padding-bottom: calc(100% / 1);
  2453. }
  2454. .mdc-grid-tile {
  2455. margin: 2px 0;
  2456. padding: 0 2px;
  2457. }
  2458. .mdc-grid-tile__secondary {
  2459. left: 2px;
  2460. width: calc(100% - 4px);
  2461. }
  2462. .mdc-grid-list__tiles {
  2463. margin: 2px auto;
  2464. }
  2465. .mdc-grid-list__tiles {
  2466. display: flex;
  2467. flex-flow: row wrap;
  2468. padding: 0;
  2469. }
  2470. .mdc-grid-list--tile-gutter-1 .mdc-grid-tile {
  2471. margin: 0.5px 0;
  2472. padding: 0 0.5px;
  2473. }
  2474. .mdc-grid-list--tile-gutter-1 .mdc-grid-tile__secondary {
  2475. left: 0.5px;
  2476. width: calc(100% - 1px);
  2477. }
  2478. .mdc-grid-list--tile-gutter-1 .mdc-grid-list__tiles {
  2479. margin: 0.5px auto;
  2480. }
  2481. .mdc-grid-list--tile-aspect-16x9 .mdc-grid-tile__primary {
  2482. padding-bottom: calc(100% / 1.7777777778);
  2483. }
  2484. .mdc-grid-list--tile-aspect-3x2 .mdc-grid-tile__primary {
  2485. padding-bottom: calc(100% / 1.5);
  2486. }
  2487. .mdc-grid-list--tile-aspect-2x3 .mdc-grid-tile__primary {
  2488. padding-bottom: calc(100% / 0.6666666667);
  2489. }
  2490. .mdc-grid-list--tile-aspect-4x3 .mdc-grid-tile__primary {
  2491. padding-bottom: calc(100% / 1.3333333333);
  2492. }
  2493. .mdc-grid-list--tile-aspect-3x4 .mdc-grid-tile__primary {
  2494. padding-bottom: calc(100% / 0.75);
  2495. }
  2496. .mdc-grid-tile {
  2497. display: block;
  2498. position: relative;
  2499. /* @alternate */
  2500. width: 200px;
  2501. width: var(--mdc-grid-list-tile-width, 200px);
  2502. }
  2503. .mdc-grid-tile__primary {
  2504. background-color: #fff;
  2505. /* @alternate */
  2506. background-color: var(--mdc-theme-background, #fff);
  2507. color: rgba(0, 0, 0, 0.87);
  2508. /* @alternate */
  2509. color: var(--mdc-theme-text-primary-on-background, rgba(0, 0, 0, 0.87));
  2510. position: relative;
  2511. height: 0;
  2512. }
  2513. .mdc-grid-tile__primary-content {
  2514. position: absolute;
  2515. top: 0;
  2516. right: 0;
  2517. bottom: 0;
  2518. left: 0;
  2519. width: 100%;
  2520. height: 100%;
  2521. background-repeat: no-repeat;
  2522. background-position: center;
  2523. background-size: cover;
  2524. }
  2525. .mdc-grid-tile__secondary {
  2526. background-color: #6200ee;
  2527. /* @alternate */
  2528. background-color: var(--mdc-theme-primary, #6200ee);
  2529. color: #fff;
  2530. /* @alternate */
  2531. color: var(--mdc-theme-on-primary, #fff);
  2532. position: absolute;
  2533. bottom: 0;
  2534. box-sizing: border-box;
  2535. height: 48px;
  2536. padding: 16px;
  2537. }
  2538. .mdc-grid-tile__title {
  2539. text-overflow: ellipsis;
  2540. white-space: nowrap;
  2541. overflow: hidden;
  2542. display: block;
  2543. margin: 0;
  2544. padding: 0;
  2545. font-size: 1rem;
  2546. font-weight: 500;
  2547. line-height: 1rem;
  2548. }
  2549. .mdc-grid-tile__support-text {
  2550. font-family: Roboto, sans-serif;
  2551. -moz-osx-font-smoothing: grayscale;
  2552. -webkit-font-smoothing: antialiased;
  2553. font-size: 1rem;
  2554. line-height: 1.75rem;
  2555. font-weight: 400;
  2556. letter-spacing: 0.009375em;
  2557. text-decoration: inherit;
  2558. text-transform: inherit;
  2559. text-overflow: ellipsis;
  2560. white-space: nowrap;
  2561. overflow: hidden;
  2562. display: block;
  2563. margin: 0;
  2564. margin-top: 4px;
  2565. padding: 0;
  2566. }
  2567. .mdc-grid-tile__icon {
  2568. position: absolute;
  2569. top: calc(50% - 24px / 2);
  2570. font-size: 0;
  2571. }
  2572. .mdc-grid-list--twoline-caption .mdc-grid-tile__secondary {
  2573. height: 68px;
  2574. }
  2575. .mdc-grid-list--header-caption .mdc-grid-tile__secondary {
  2576. top: 0;
  2577. bottom: auto;
  2578. }
  2579. .mdc-grid-list--with-icon-align-start .mdc-grid-tile__secondary {
  2580. /* @noflip */
  2581. padding-left: 56px;
  2582. /* @noflip */
  2583. padding-right: 8px;
  2584. }
  2585. .mdc-grid-list[dir=rtl] .mdc-grid-list--with-icon-align-start .mdc-grid-tile__secondary, [dir=rtl] .mdc-grid-list .mdc-grid-list--with-icon-align-start .mdc-grid-tile__secondary {
  2586. /* @noflip */
  2587. padding-left: 8px;
  2588. /* @noflip */
  2589. padding-right: 56px;
  2590. }
  2591. .mdc-grid-list--with-icon-align-start .mdc-grid-tile__icon {
  2592. /* @noflip */
  2593. left: 16px;
  2594. /* @noflip */
  2595. right: initial;
  2596. font-size: 24px;
  2597. }
  2598. .mdc-grid-list[dir=rtl] .mdc-grid-list--with-icon-align-start .mdc-grid-tile__icon, [dir=rtl] .mdc-grid-list .mdc-grid-list--with-icon-align-start .mdc-grid-tile__icon {
  2599. /* @noflip */
  2600. left: initial;
  2601. /* @noflip */
  2602. right: 16px;
  2603. }
  2604. .mdc-grid-list--with-icon-align-end .mdc-grid-tile__secondary {
  2605. /* @noflip */
  2606. padding-left: 16px;
  2607. /* @noflip */
  2608. padding-right: 56px;
  2609. }
  2610. .mdc-grid-list[dir=rtl] .mdc-grid-list--with-icon-align-end .mdc-grid-tile__secondary, [dir=rtl] .mdc-grid-list .mdc-grid-list--with-icon-align-end .mdc-grid-tile__secondary {
  2611. /* @noflip */
  2612. padding-left: 56px;
  2613. /* @noflip */
  2614. padding-right: 16px;
  2615. }
  2616. .mdc-grid-list--with-icon-align-end .mdc-grid-tile__icon {
  2617. /* @noflip */
  2618. left: initial;
  2619. /* @noflip */
  2620. right: 16px;
  2621. font-size: 24px;
  2622. }
  2623. .mdc-grid-list[dir=rtl] .mdc-grid-list--with-icon-align-end .mdc-grid-tile__icon, [dir=rtl] .mdc-grid-list .mdc-grid-list--with-icon-align-end .mdc-grid-tile__icon {
  2624. /* @noflip */
  2625. left: 16px;
  2626. /* @noflip */
  2627. right: initial;
  2628. }
  2629. .mdc-icon-button {
  2630. --mdc-ripple-fg-size: 0;
  2631. --mdc-ripple-left: 0;
  2632. --mdc-ripple-top: 0;
  2633. --mdc-ripple-fg-scale: 1;
  2634. --mdc-ripple-fg-translate-end: 0;
  2635. --mdc-ripple-fg-translate-start: 0;
  2636. -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  2637. will-change: transform, opacity;
  2638. width: 48px;
  2639. height: 48px;
  2640. padding: 12px;
  2641. font-size: 24px;
  2642. display: inline-block;
  2643. position: relative;
  2644. box-sizing: border-box;
  2645. border: none;
  2646. outline: none;
  2647. background-color: transparent;
  2648. fill: currentColor;
  2649. color: inherit;
  2650. text-decoration: none;
  2651. cursor: pointer;
  2652. -webkit-user-select: none;
  2653. -moz-user-select: none;
  2654. -ms-user-select: none;
  2655. user-select: none;
  2656. }
  2657. .mdc-icon-button::before, .mdc-icon-button::after {
  2658. position: absolute;
  2659. border-radius: 50%;
  2660. opacity: 0;
  2661. pointer-events: none;
  2662. content: "";
  2663. }
  2664. .mdc-icon-button::before {
  2665. transition: opacity 15ms linear, background-color 15ms linear;
  2666. z-index: 1;
  2667. }
  2668. .mdc-icon-button.mdc-ripple-upgraded::before {
  2669. -webkit-transform: scale(var(--mdc-ripple-fg-scale, 1));
  2670. transform: scale(var(--mdc-ripple-fg-scale, 1));
  2671. }
  2672. .mdc-icon-button.mdc-ripple-upgraded::after {
  2673. top: 0;
  2674. /* @noflip */
  2675. left: 0;
  2676. -webkit-transform: scale(0);
  2677. transform: scale(0);
  2678. -webkit-transform-origin: center center;
  2679. transform-origin: center center;
  2680. }
  2681. .mdc-icon-button.mdc-ripple-upgraded--unbounded::after {
  2682. top: var(--mdc-ripple-top, 0);
  2683. /* @noflip */
  2684. left: var(--mdc-ripple-left, 0);
  2685. }
  2686. .mdc-icon-button.mdc-ripple-upgraded--foreground-activation::after {
  2687. -webkit-animation: 225ms mdc-ripple-fg-radius-in forwards, 75ms mdc-ripple-fg-opacity-in forwards;
  2688. animation: 225ms mdc-ripple-fg-radius-in forwards, 75ms mdc-ripple-fg-opacity-in forwards;
  2689. }
  2690. .mdc-icon-button.mdc-ripple-upgraded--foreground-deactivation::after {
  2691. -webkit-animation: 150ms mdc-ripple-fg-opacity-out;
  2692. animation: 150ms mdc-ripple-fg-opacity-out;
  2693. -webkit-transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
  2694. transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
  2695. }
  2696. .mdc-icon-button::before, .mdc-icon-button::after {
  2697. top: calc(50% - 50%);
  2698. /* @noflip */
  2699. left: calc(50% - 50%);
  2700. width: 100%;
  2701. height: 100%;
  2702. }
  2703. .mdc-icon-button.mdc-ripple-upgraded::before, .mdc-icon-button.mdc-ripple-upgraded::after {
  2704. top: var(--mdc-ripple-top, calc(50% - 50%));
  2705. /* @noflip */
  2706. left: var(--mdc-ripple-left, calc(50% - 50%));
  2707. width: var(--mdc-ripple-fg-size, 100%);
  2708. height: var(--mdc-ripple-fg-size, 100%);
  2709. }
  2710. .mdc-icon-button.mdc-ripple-upgraded::after {
  2711. width: var(--mdc-ripple-fg-size, 100%);
  2712. height: var(--mdc-ripple-fg-size, 100%);
  2713. }
  2714. .mdc-icon-button svg,
  2715. .mdc-icon-button img {
  2716. width: 24px;
  2717. height: 24px;
  2718. }
  2719. .mdc-icon-button:disabled {
  2720. color: rgba(0, 0, 0, 0.38);
  2721. /* @alternate */
  2722. color: var(--mdc-theme-text-disabled-on-light, rgba(0, 0, 0, 0.38));
  2723. cursor: default;
  2724. pointer-events: none;
  2725. }
  2726. .mdc-icon-button::before, .mdc-icon-button::after {
  2727. background-color: #000;
  2728. }
  2729. .mdc-icon-button:hover::before {
  2730. opacity: 0.04;
  2731. }
  2732. .mdc-icon-button:not(.mdc-ripple-upgraded):focus::before, .mdc-icon-button.mdc-ripple-upgraded--background-focused::before {
  2733. transition-duration: 75ms;
  2734. opacity: 0.12;
  2735. }
  2736. .mdc-icon-button:not(.mdc-ripple-upgraded)::after {
  2737. transition: opacity 150ms linear;
  2738. }
  2739. .mdc-icon-button:not(.mdc-ripple-upgraded):active::after {
  2740. transition-duration: 75ms;
  2741. opacity: 0.16;
  2742. }
  2743. .mdc-icon-button.mdc-ripple-upgraded {
  2744. --mdc-ripple-fg-opacity: 0.16;
  2745. }
  2746. .mdc-icon-button__icon {
  2747. display: inline-block;
  2748. }
  2749. .mdc-icon-button__icon.mdc-icon-button__icon--on {
  2750. display: none;
  2751. }
  2752. .mdc-icon-button--on .mdc-icon-button__icon {
  2753. display: none;
  2754. }
  2755. .mdc-icon-button--on .mdc-icon-button__icon.mdc-icon-button__icon--on {
  2756. display: inline-block;
  2757. }
  2758. .mdc-icon-toggle {
  2759. --mdc-ripple-fg-size: 0;
  2760. --mdc-ripple-left: 0;
  2761. --mdc-ripple-top: 0;
  2762. --mdc-ripple-fg-scale: 1;
  2763. --mdc-ripple-fg-translate-end: 0;
  2764. --mdc-ripple-fg-translate-start: 0;
  2765. -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  2766. will-change: transform, opacity;
  2767. color: rgba(0, 0, 0, 0.87);
  2768. /* @alternate */
  2769. color: var(--mdc-theme-text-primary-on-light, rgba(0, 0, 0, 0.87));
  2770. display: flex;
  2771. position: relative;
  2772. align-items: center;
  2773. justify-content: center;
  2774. box-sizing: border-box;
  2775. width: 48px;
  2776. height: 48px;
  2777. padding: 12px;
  2778. outline: none;
  2779. font-size: 1.5rem;
  2780. cursor: pointer;
  2781. -webkit-user-select: none;
  2782. -moz-user-select: none;
  2783. -ms-user-select: none;
  2784. user-select: none;
  2785. /* @alternate */
  2786. will-change: initial;
  2787. }
  2788. .mdc-icon-toggle::before, .mdc-icon-toggle::after {
  2789. position: absolute;
  2790. border-radius: 50%;
  2791. opacity: 0;
  2792. pointer-events: none;
  2793. content: "";
  2794. }
  2795. .mdc-icon-toggle::before {
  2796. transition: opacity 15ms linear, background-color 15ms linear;
  2797. z-index: 1;
  2798. }
  2799. .mdc-icon-toggle.mdc-ripple-upgraded::before {
  2800. -webkit-transform: scale(var(--mdc-ripple-fg-scale, 1));
  2801. transform: scale(var(--mdc-ripple-fg-scale, 1));
  2802. }
  2803. .mdc-icon-toggle.mdc-ripple-upgraded::after {
  2804. top: 0;
  2805. /* @noflip */
  2806. left: 0;
  2807. -webkit-transform: scale(0);
  2808. transform: scale(0);
  2809. -webkit-transform-origin: center center;
  2810. transform-origin: center center;
  2811. }
  2812. .mdc-icon-toggle.mdc-ripple-upgraded--unbounded::after {
  2813. top: var(--mdc-ripple-top, 0);
  2814. /* @noflip */
  2815. left: var(--mdc-ripple-left, 0);
  2816. }
  2817. .mdc-icon-toggle.mdc-ripple-upgraded--foreground-activation::after {
  2818. -webkit-animation: 225ms mdc-ripple-fg-radius-in forwards, 75ms mdc-ripple-fg-opacity-in forwards;
  2819. animation: 225ms mdc-ripple-fg-radius-in forwards, 75ms mdc-ripple-fg-opacity-in forwards;
  2820. }
  2821. .mdc-icon-toggle.mdc-ripple-upgraded--foreground-deactivation::after {
  2822. -webkit-animation: 150ms mdc-ripple-fg-opacity-out;
  2823. animation: 150ms mdc-ripple-fg-opacity-out;
  2824. -webkit-transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
  2825. transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
  2826. }
  2827. .mdc-icon-toggle::before, .mdc-icon-toggle::after {
  2828. top: calc(50% - 50%);
  2829. /* @noflip */
  2830. left: calc(50% - 50%);
  2831. width: 100%;
  2832. height: 100%;
  2833. }
  2834. .mdc-icon-toggle.mdc-ripple-upgraded::before, .mdc-icon-toggle.mdc-ripple-upgraded::after {
  2835. top: var(--mdc-ripple-top, calc(50% - 50%));
  2836. /* @noflip */
  2837. left: var(--mdc-ripple-left, calc(50% - 50%));
  2838. width: var(--mdc-ripple-fg-size, 100%);
  2839. height: var(--mdc-ripple-fg-size, 100%);
  2840. }
  2841. .mdc-icon-toggle.mdc-ripple-upgraded::after {
  2842. width: var(--mdc-ripple-fg-size, 100%);
  2843. height: var(--mdc-ripple-fg-size, 100%);
  2844. }
  2845. .mdc-icon-toggle::before, .mdc-icon-toggle::after {
  2846. background-color: black;
  2847. }
  2848. .mdc-icon-toggle:hover::before {
  2849. opacity: 0.04;
  2850. }
  2851. .mdc-icon-toggle:not(.mdc-ripple-upgraded):focus::before, .mdc-icon-toggle.mdc-ripple-upgraded--background-focused::before {
  2852. transition-duration: 75ms;
  2853. opacity: 0.12;
  2854. }
  2855. .mdc-icon-toggle:not(.mdc-ripple-upgraded)::after {
  2856. transition: opacity 150ms linear;
  2857. }
  2858. .mdc-icon-toggle:not(.mdc-ripple-upgraded):active::after {
  2859. transition-duration: 75ms;
  2860. opacity: 0.16;
  2861. }
  2862. .mdc-icon-toggle.mdc-ripple-upgraded {
  2863. --mdc-ripple-fg-opacity: 0.16;
  2864. }
  2865. .mdc-icon-toggle::after {
  2866. position: absolute;
  2867. border-radius: 50%;
  2868. opacity: 0;
  2869. pointer-events: none;
  2870. content: "";
  2871. }
  2872. .mdc-icon-toggle--disabled {
  2873. color: rgba(0, 0, 0, 0.38);
  2874. /* @alternate */
  2875. color: var(--mdc-theme-text-disabled-on-light, rgba(0, 0, 0, 0.38));
  2876. pointer-events: none;
  2877. }
  2878. .mdc-image-list {
  2879. display: flex;
  2880. flex-wrap: wrap;
  2881. margin: 0 auto;
  2882. padding: 0;
  2883. }
  2884. .mdc-image-list__item,
  2885. .mdc-image-list__image-aspect-container {
  2886. position: relative;
  2887. box-sizing: border-box;
  2888. }
  2889. .mdc-image-list__item {
  2890. list-style-type: none;
  2891. }
  2892. .mdc-image-list__image {
  2893. width: 100%;
  2894. }
  2895. .mdc-image-list__image-aspect-container .mdc-image-list__image {
  2896. position: absolute;
  2897. top: 0;
  2898. right: 0;
  2899. bottom: 0;
  2900. left: 0;
  2901. height: 100%;
  2902. background-repeat: no-repeat;
  2903. background-position: center;
  2904. background-size: cover;
  2905. }
  2906. .mdc-image-list__image-aspect-container {
  2907. padding-bottom: calc(100% / 1);
  2908. }
  2909. .mdc-image-list__image {
  2910. border-radius: 0;
  2911. }
  2912. .mdc-image-list--with-text-protection .mdc-image-list__supporting {
  2913. border-radius: 0 0 0 0;
  2914. }
  2915. .mdc-image-list__supporting {
  2916. color: rgba(0, 0, 0, 0.87);
  2917. /* @alternate */
  2918. color: var(--mdc-theme-text-primary-on-background, rgba(0, 0, 0, 0.87));
  2919. display: flex;
  2920. align-items: center;
  2921. justify-content: space-between;
  2922. box-sizing: border-box;
  2923. padding: 8px 0;
  2924. line-height: 24px;
  2925. }
  2926. .mdc-image-list__label {
  2927. font-family: Roboto, sans-serif;
  2928. -moz-osx-font-smoothing: grayscale;
  2929. -webkit-font-smoothing: antialiased;
  2930. font-size: 1rem;
  2931. line-height: 1.75rem;
  2932. font-weight: 400;
  2933. letter-spacing: 0.009375em;
  2934. text-decoration: inherit;
  2935. text-transform: inherit;
  2936. text-overflow: ellipsis;
  2937. white-space: nowrap;
  2938. overflow: hidden;
  2939. }
  2940. .mdc-image-list--with-text-protection .mdc-image-list__supporting {
  2941. position: absolute;
  2942. bottom: 0;
  2943. width: 100%;
  2944. height: 48px;
  2945. padding: 0 16px;
  2946. background: rgba(0, 0, 0, 0.6);
  2947. color: #fff;
  2948. }
  2949. .mdc-image-list--masonry {
  2950. display: block;
  2951. }
  2952. .mdc-image-list--masonry .mdc-image-list__item {
  2953. -webkit-column-break-inside: avoid;
  2954. break-inside: avoid-column;
  2955. }
  2956. .mdc-image-list--masonry .mdc-image-list__image {
  2957. display: block;
  2958. height: auto;
  2959. }
  2960. :root {
  2961. --mdc-layout-grid-margin-desktop: 24px;
  2962. --mdc-layout-grid-gutter-desktop: 24px;
  2963. --mdc-layout-grid-column-width-desktop: 72px;
  2964. --mdc-layout-grid-margin-tablet: 16px;
  2965. --mdc-layout-grid-gutter-tablet: 16px;
  2966. --mdc-layout-grid-column-width-tablet: 72px;
  2967. --mdc-layout-grid-margin-phone: 16px;
  2968. --mdc-layout-grid-gutter-phone: 16px;
  2969. --mdc-layout-grid-column-width-phone: 72px;
  2970. }
  2971. @media (min-width: 840px) {
  2972. .mdc-layout-grid {
  2973. box-sizing: border-box;
  2974. margin: 0 auto;
  2975. padding: 24px;
  2976. padding: var(--mdc-layout-grid-margin-desktop, 24px);
  2977. }
  2978. }
  2979. @media (min-width: 480px) and (max-width: 839px) {
  2980. .mdc-layout-grid {
  2981. box-sizing: border-box;
  2982. margin: 0 auto;
  2983. padding: 16px;
  2984. padding: var(--mdc-layout-grid-margin-tablet, 16px);
  2985. }
  2986. }
  2987. @media (max-width: 479px) {
  2988. .mdc-layout-grid {
  2989. box-sizing: border-box;
  2990. margin: 0 auto;
  2991. padding: 16px;
  2992. padding: var(--mdc-layout-grid-margin-phone, 16px);
  2993. }
  2994. }
  2995. @media (min-width: 840px) {
  2996. .mdc-layout-grid__inner {
  2997. display: flex;
  2998. flex-flow: row wrap;
  2999. align-items: stretch;
  3000. margin: -12px;
  3001. margin: calc(var(--mdc-layout-grid-gutter-desktop, 24px) / 2 * -1);
  3002. }
  3003. @supports (display: grid) {
  3004. .mdc-layout-grid__inner {
  3005. display: grid;
  3006. margin: 0;
  3007. grid-gap: 24px;
  3008. grid-gap: var(--mdc-layout-grid-gutter-desktop, 24px);
  3009. grid-template-columns: repeat(12, minmax(0, 1fr));
  3010. }
  3011. }
  3012. }
  3013. @media (min-width: 480px) and (max-width: 839px) {
  3014. .mdc-layout-grid__inner {
  3015. display: flex;
  3016. flex-flow: row wrap;
  3017. align-items: stretch;
  3018. margin: -8px;
  3019. margin: calc(var(--mdc-layout-grid-gutter-tablet, 16px) / 2 * -1);
  3020. }
  3021. @supports (display: grid) {
  3022. .mdc-layout-grid__inner {
  3023. display: grid;
  3024. margin: 0;
  3025. grid-gap: 16px;
  3026. grid-gap: var(--mdc-layout-grid-gutter-tablet, 16px);
  3027. grid-template-columns: repeat(8, minmax(0, 1fr));
  3028. }
  3029. }
  3030. }
  3031. @media (max-width: 479px) {
  3032. .mdc-layout-grid__inner {
  3033. display: flex;
  3034. flex-flow: row wrap;
  3035. align-items: stretch;
  3036. margin: -8px;
  3037. margin: calc(var(--mdc-layout-grid-gutter-phone, 16px) / 2 * -1);
  3038. }
  3039. @supports (display: grid) {
  3040. .mdc-layout-grid__inner {
  3041. display: grid;
  3042. margin: 0;
  3043. grid-gap: 16px;
  3044. grid-gap: var(--mdc-layout-grid-gutter-phone, 16px);
  3045. grid-template-columns: repeat(4, minmax(0, 1fr));
  3046. }
  3047. }
  3048. }
  3049. @media (min-width: 840px) {
  3050. .mdc-layout-grid__cell {
  3051. width: calc(33.3333333333% - 24px);
  3052. width: calc(33.3333333333% - var(--mdc-layout-grid-gutter-desktop, 24px));
  3053. box-sizing: border-box;
  3054. margin: 12px;
  3055. margin: calc(var(--mdc-layout-grid-gutter-desktop, 24px) / 2);
  3056. }
  3057. @supports (display: grid) {
  3058. .mdc-layout-grid__cell {
  3059. width: auto;
  3060. grid-column-end: span 4;
  3061. }
  3062. }
  3063. @supports (display: grid) {
  3064. .mdc-layout-grid__cell {
  3065. margin: 0;
  3066. }
  3067. }
  3068. .mdc-layout-grid__cell--span-1,
  3069. .mdc-layout-grid__cell--span-1-desktop {
  3070. width: calc(8.3333333333% - 24px);
  3071. width: calc(8.3333333333% - var(--mdc-layout-grid-gutter-desktop, 24px));
  3072. }
  3073. @supports (display: grid) {
  3074. .mdc-layout-grid__cell--span-1,
  3075. .mdc-layout-grid__cell--span-1-desktop {
  3076. width: auto;
  3077. grid-column-end: span 1;
  3078. }
  3079. }
  3080. .mdc-layout-grid__cell--span-2,
  3081. .mdc-layout-grid__cell--span-2-desktop {
  3082. width: calc(16.6666666667% - 24px);
  3083. width: calc(16.6666666667% - var(--mdc-layout-grid-gutter-desktop, 24px));
  3084. }
  3085. @supports (display: grid) {
  3086. .mdc-layout-grid__cell--span-2,
  3087. .mdc-layout-grid__cell--span-2-desktop {
  3088. width: auto;
  3089. grid-column-end: span 2;
  3090. }
  3091. }
  3092. .mdc-layout-grid__cell--span-3,
  3093. .mdc-layout-grid__cell--span-3-desktop {
  3094. width: calc(25% - 24px);
  3095. width: calc(25% - var(--mdc-layout-grid-gutter-desktop, 24px));
  3096. }
  3097. @supports (display: grid) {
  3098. .mdc-layout-grid__cell--span-3,
  3099. .mdc-layout-grid__cell--span-3-desktop {
  3100. width: auto;
  3101. grid-column-end: span 3;
  3102. }
  3103. }
  3104. .mdc-layout-grid__cell--span-4,
  3105. .mdc-layout-grid__cell--span-4-desktop {
  3106. width: calc(33.3333333333% - 24px);
  3107. width: calc(33.3333333333% - var(--mdc-layout-grid-gutter-desktop, 24px));
  3108. }
  3109. @supports (display: grid) {
  3110. .mdc-layout-grid__cell--span-4,
  3111. .mdc-layout-grid__cell--span-4-desktop {
  3112. width: auto;
  3113. grid-column-end: span 4;
  3114. }
  3115. }
  3116. .mdc-layout-grid__cell--span-5,
  3117. .mdc-layout-grid__cell--span-5-desktop {
  3118. width: calc(41.6666666667% - 24px);
  3119. width: calc(41.6666666667% - var(--mdc-layout-grid-gutter-desktop, 24px));
  3120. }
  3121. @supports (display: grid) {
  3122. .mdc-layout-grid__cell--span-5,
  3123. .mdc-layout-grid__cell--span-5-desktop {
  3124. width: auto;
  3125. grid-column-end: span 5;
  3126. }
  3127. }
  3128. .mdc-layout-grid__cell--span-6,
  3129. .mdc-layout-grid__cell--span-6-desktop {
  3130. width: calc(50% - 24px);
  3131. width: calc(50% - var(--mdc-layout-grid-gutter-desktop, 24px));
  3132. }
  3133. @supports (display: grid) {
  3134. .mdc-layout-grid__cell--span-6,
  3135. .mdc-layout-grid__cell--span-6-desktop {
  3136. width: auto;
  3137. grid-column-end: span 6;
  3138. }
  3139. }
  3140. .mdc-layout-grid__cell--span-7,
  3141. .mdc-layout-grid__cell--span-7-desktop {
  3142. width: calc(58.3333333333% - 24px);
  3143. width: calc(58.3333333333% - var(--mdc-layout-grid-gutter-desktop, 24px));
  3144. }
  3145. @supports (display: grid) {
  3146. .mdc-layout-grid__cell--span-7,
  3147. .mdc-layout-grid__cell--span-7-desktop {
  3148. width: auto;
  3149. grid-column-end: span 7;
  3150. }
  3151. }
  3152. .mdc-layout-grid__cell--span-8,
  3153. .mdc-layout-grid__cell--span-8-desktop {
  3154. width: calc(66.6666666667% - 24px);
  3155. width: calc(66.6666666667% - var(--mdc-layout-grid-gutter-desktop, 24px));
  3156. }
  3157. @supports (display: grid) {
  3158. .mdc-layout-grid__cell--span-8,
  3159. .mdc-layout-grid__cell--span-8-desktop {
  3160. width: auto;
  3161. grid-column-end: span 8;
  3162. }
  3163. }
  3164. .mdc-layout-grid__cell--span-9,
  3165. .mdc-layout-grid__cell--span-9-desktop {
  3166. width: calc(75% - 24px);
  3167. width: calc(75% - var(--mdc-layout-grid-gutter-desktop, 24px));
  3168. }
  3169. @supports (display: grid) {
  3170. .mdc-layout-grid__cell--span-9,
  3171. .mdc-layout-grid__cell--span-9-desktop {
  3172. width: auto;
  3173. grid-column-end: span 9;
  3174. }
  3175. }
  3176. .mdc-layout-grid__cell--span-10,
  3177. .mdc-layout-grid__cell--span-10-desktop {
  3178. width: calc(83.3333333333% - 24px);
  3179. width: calc(83.3333333333% - var(--mdc-layout-grid-gutter-desktop, 24px));
  3180. }
  3181. @supports (display: grid) {
  3182. .mdc-layout-grid__cell--span-10,
  3183. .mdc-layout-grid__cell--span-10-desktop {
  3184. width: auto;
  3185. grid-column-end: span 10;
  3186. }
  3187. }
  3188. .mdc-layout-grid__cell--span-11,
  3189. .mdc-layout-grid__cell--span-11-desktop {
  3190. width: calc(91.6666666667% - 24px);
  3191. width: calc(91.6666666667% - var(--mdc-layout-grid-gutter-desktop, 24px));
  3192. }
  3193. @supports (display: grid) {
  3194. .mdc-layout-grid__cell--span-11,
  3195. .mdc-layout-grid__cell--span-11-desktop {
  3196. width: auto;
  3197. grid-column-end: span 11;
  3198. }
  3199. }
  3200. .mdc-layout-grid__cell--span-12,
  3201. .mdc-layout-grid__cell--span-12-desktop {
  3202. width: calc(100% - 24px);
  3203. width: calc(100% - var(--mdc-layout-grid-gutter-desktop, 24px));
  3204. }
  3205. @supports (display: grid) {
  3206. .mdc-layout-grid__cell--span-12,
  3207. .mdc-layout-grid__cell--span-12-desktop {
  3208. width: auto;
  3209. grid-column-end: span 12;
  3210. }
  3211. }
  3212. }
  3213. @media (min-width: 480px) and (max-width: 839px) {
  3214. .mdc-layout-grid__cell {
  3215. width: calc(50% - 16px);
  3216. width: calc(50% - var(--mdc-layout-grid-gutter-tablet, 16px));
  3217. box-sizing: border-box;
  3218. margin: 8px;
  3219. margin: calc(var(--mdc-layout-grid-gutter-tablet, 16px) / 2);
  3220. }
  3221. @supports (display: grid) {
  3222. .mdc-layout-grid__cell {
  3223. width: auto;
  3224. grid-column-end: span 4;
  3225. }
  3226. }
  3227. @supports (display: grid) {
  3228. .mdc-layout-grid__cell {
  3229. margin: 0;
  3230. }
  3231. }
  3232. .mdc-layout-grid__cell--span-1,
  3233. .mdc-layout-grid__cell--span-1-tablet {
  3234. width: calc(12.5% - 16px);
  3235. width: calc(12.5% - var(--mdc-layout-grid-gutter-tablet, 16px));
  3236. }
  3237. @supports (display: grid) {
  3238. .mdc-layout-grid__cell--span-1,
  3239. .mdc-layout-grid__cell--span-1-tablet {
  3240. width: auto;
  3241. grid-column-end: span 1;
  3242. }
  3243. }
  3244. .mdc-layout-grid__cell--span-2,
  3245. .mdc-layout-grid__cell--span-2-tablet {
  3246. width: calc(25% - 16px);
  3247. width: calc(25% - var(--mdc-layout-grid-gutter-tablet, 16px));
  3248. }
  3249. @supports (display: grid) {
  3250. .mdc-layout-grid__cell--span-2,
  3251. .mdc-layout-grid__cell--span-2-tablet {
  3252. width: auto;
  3253. grid-column-end: span 2;
  3254. }
  3255. }
  3256. .mdc-layout-grid__cell--span-3,
  3257. .mdc-layout-grid__cell--span-3-tablet {
  3258. width: calc(37.5% - 16px);
  3259. width: calc(37.5% - var(--mdc-layout-grid-gutter-tablet, 16px));
  3260. }
  3261. @supports (display: grid) {
  3262. .mdc-layout-grid__cell--span-3,
  3263. .mdc-layout-grid__cell--span-3-tablet {
  3264. width: auto;
  3265. grid-column-end: span 3;
  3266. }
  3267. }
  3268. .mdc-layout-grid__cell--span-4,
  3269. .mdc-layout-grid__cell--span-4-tablet {
  3270. width: calc(50% - 16px);
  3271. width: calc(50% - var(--mdc-layout-grid-gutter-tablet, 16px));
  3272. }
  3273. @supports (display: grid) {
  3274. .mdc-layout-grid__cell--span-4,
  3275. .mdc-layout-grid__cell--span-4-tablet {
  3276. width: auto;
  3277. grid-column-end: span 4;
  3278. }
  3279. }
  3280. .mdc-layout-grid__cell--span-5,
  3281. .mdc-layout-grid__cell--span-5-tablet {
  3282. width: calc(62.5% - 16px);
  3283. width: calc(62.5% - var(--mdc-layout-grid-gutter-tablet, 16px));
  3284. }
  3285. @supports (display: grid) {
  3286. .mdc-layout-grid__cell--span-5,
  3287. .mdc-layout-grid__cell--span-5-tablet {
  3288. width: auto;
  3289. grid-column-end: span 5;
  3290. }
  3291. }
  3292. .mdc-layout-grid__cell--span-6,
  3293. .mdc-layout-grid__cell--span-6-tablet {
  3294. width: calc(75% - 16px);
  3295. width: calc(75% - var(--mdc-layout-grid-gutter-tablet, 16px));
  3296. }
  3297. @supports (display: grid) {
  3298. .mdc-layout-grid__cell--span-6,
  3299. .mdc-layout-grid__cell--span-6-tablet {
  3300. width: auto;
  3301. grid-column-end: span 6;
  3302. }
  3303. }
  3304. .mdc-layout-grid__cell--span-7,
  3305. .mdc-layout-grid__cell--span-7-tablet {
  3306. width: calc(87.5% - 16px);
  3307. width: calc(87.5% - var(--mdc-layout-grid-gutter-tablet, 16px));
  3308. }
  3309. @supports (display: grid) {
  3310. .mdc-layout-grid__cell--span-7,
  3311. .mdc-layout-grid__cell--span-7-tablet {
  3312. width: auto;
  3313. grid-column-end: span 7;
  3314. }
  3315. }
  3316. .mdc-layout-grid__cell--span-8,
  3317. .mdc-layout-grid__cell--span-8-tablet {
  3318. width: calc(100% - 16px);
  3319. width: calc(100% - var(--mdc-layout-grid-gutter-tablet, 16px));
  3320. }
  3321. @supports (display: grid) {
  3322. .mdc-layout-grid__cell--span-8,
  3323. .mdc-layout-grid__cell--span-8-tablet {
  3324. width: auto;
  3325. grid-column-end: span 8;
  3326. }
  3327. }
  3328. .mdc-layout-grid__cell--span-9,
  3329. .mdc-layout-grid__cell--span-9-tablet {
  3330. width: calc(100% - 16px);
  3331. width: calc(100% - var(--mdc-layout-grid-gutter-tablet, 16px));
  3332. }
  3333. @supports (display: grid) {
  3334. .mdc-layout-grid__cell--span-9,
  3335. .mdc-layout-grid__cell--span-9-tablet {
  3336. width: auto;
  3337. grid-column-end: span 8;
  3338. }
  3339. }
  3340. .mdc-layout-grid__cell--span-10,
  3341. .mdc-layout-grid__cell--span-10-tablet {
  3342. width: calc(100% - 16px);
  3343. width: calc(100% - var(--mdc-layout-grid-gutter-tablet, 16px));
  3344. }
  3345. @supports (display: grid) {
  3346. .mdc-layout-grid__cell--span-10,
  3347. .mdc-layout-grid__cell--span-10-tablet {
  3348. width: auto;
  3349. grid-column-end: span 8;
  3350. }
  3351. }
  3352. .mdc-layout-grid__cell--span-11,
  3353. .mdc-layout-grid__cell--span-11-tablet {
  3354. width: calc(100% - 16px);
  3355. width: calc(100% - var(--mdc-layout-grid-gutter-tablet, 16px));
  3356. }
  3357. @supports (display: grid) {
  3358. .mdc-layout-grid__cell--span-11,
  3359. .mdc-layout-grid__cell--span-11-tablet {
  3360. width: auto;
  3361. grid-column-end: span 8;
  3362. }
  3363. }
  3364. .mdc-layout-grid__cell--span-12,
  3365. .mdc-layout-grid__cell--span-12-tablet {
  3366. width: calc(100% - 16px);
  3367. width: calc(100% - var(--mdc-layout-grid-gutter-tablet, 16px));
  3368. }
  3369. @supports (display: grid) {
  3370. .mdc-layout-grid__cell--span-12,
  3371. .mdc-layout-grid__cell--span-12-tablet {
  3372. width: auto;
  3373. grid-column-end: span 8;
  3374. }
  3375. }
  3376. }
  3377. @media (max-width: 479px) {
  3378. .mdc-layout-grid__cell {
  3379. width: calc(100% - 16px);
  3380. width: calc(100% - var(--mdc-layout-grid-gutter-phone, 16px));
  3381. box-sizing: border-box;
  3382. margin: 8px;
  3383. margin: calc(var(--mdc-layout-grid-gutter-phone, 16px) / 2);
  3384. }
  3385. @supports (display: grid) {
  3386. .mdc-layout-grid__cell {
  3387. width: auto;
  3388. grid-column-end: span 4;
  3389. }
  3390. }
  3391. @supports (display: grid) {
  3392. .mdc-layout-grid__cell {
  3393. margin: 0;
  3394. }
  3395. }
  3396. .mdc-layout-grid__cell--span-1,
  3397. .mdc-layout-grid__cell--span-1-phone {
  3398. width: calc(25% - 16px);
  3399. width: calc(25% - var(--mdc-layout-grid-gutter-phone, 16px));
  3400. }
  3401. @supports (display: grid) {
  3402. .mdc-layout-grid__cell--span-1,
  3403. .mdc-layout-grid__cell--span-1-phone {
  3404. width: auto;
  3405. grid-column-end: span 1;
  3406. }
  3407. }
  3408. .mdc-layout-grid__cell--span-2,
  3409. .mdc-layout-grid__cell--span-2-phone {
  3410. width: calc(50% - 16px);
  3411. width: calc(50% - var(--mdc-layout-grid-gutter-phone, 16px));
  3412. }
  3413. @supports (display: grid) {
  3414. .mdc-layout-grid__cell--span-2,
  3415. .mdc-layout-grid__cell--span-2-phone {
  3416. width: auto;
  3417. grid-column-end: span 2;
  3418. }
  3419. }
  3420. .mdc-layout-grid__cell--span-3,
  3421. .mdc-layout-grid__cell--span-3-phone {
  3422. width: calc(75% - 16px);
  3423. width: calc(75% - var(--mdc-layout-grid-gutter-phone, 16px));
  3424. }
  3425. @supports (display: grid) {
  3426. .mdc-layout-grid__cell--span-3,
  3427. .mdc-layout-grid__cell--span-3-phone {
  3428. width: auto;
  3429. grid-column-end: span 3;
  3430. }
  3431. }
  3432. .mdc-layout-grid__cell--span-4,
  3433. .mdc-layout-grid__cell--span-4-phone {
  3434. width: calc(100% - 16px);
  3435. width: calc(100% - var(--mdc-layout-grid-gutter-phone, 16px));
  3436. }
  3437. @supports (display: grid) {
  3438. .mdc-layout-grid__cell--span-4,
  3439. .mdc-layout-grid__cell--span-4-phone {
  3440. width: auto;
  3441. grid-column-end: span 4;
  3442. }
  3443. }
  3444. .mdc-layout-grid__cell--span-5,
  3445. .mdc-layout-grid__cell--span-5-phone {
  3446. width: calc(100% - 16px);
  3447. width: calc(100% - var(--mdc-layout-grid-gutter-phone, 16px));
  3448. }
  3449. @supports (display: grid) {
  3450. .mdc-layout-grid__cell--span-5,
  3451. .mdc-layout-grid__cell--span-5-phone {
  3452. width: auto;
  3453. grid-column-end: span 4;
  3454. }
  3455. }
  3456. .mdc-layout-grid__cell--span-6,
  3457. .mdc-layout-grid__cell--span-6-phone {
  3458. width: calc(100% - 16px);
  3459. width: calc(100% - var(--mdc-layout-grid-gutter-phone, 16px));
  3460. }
  3461. @supports (display: grid) {
  3462. .mdc-layout-grid__cell--span-6,
  3463. .mdc-layout-grid__cell--span-6-phone {
  3464. width: auto;
  3465. grid-column-end: span 4;
  3466. }
  3467. }
  3468. .mdc-layout-grid__cell--span-7,
  3469. .mdc-layout-grid__cell--span-7-phone {
  3470. width: calc(100% - 16px);
  3471. width: calc(100% - var(--mdc-layout-grid-gutter-phone, 16px));
  3472. }
  3473. @supports (display: grid) {
  3474. .mdc-layout-grid__cell--span-7,
  3475. .mdc-layout-grid__cell--span-7-phone {
  3476. width: auto;
  3477. grid-column-end: span 4;
  3478. }
  3479. }
  3480. .mdc-layout-grid__cell--span-8,
  3481. .mdc-layout-grid__cell--span-8-phone {
  3482. width: calc(100% - 16px);
  3483. width: calc(100% - var(--mdc-layout-grid-gutter-phone, 16px));
  3484. }
  3485. @supports (display: grid) {
  3486. .mdc-layout-grid__cell--span-8,
  3487. .mdc-layout-grid__cell--span-8-phone {
  3488. width: auto;
  3489. grid-column-end: span 4;
  3490. }
  3491. }
  3492. .mdc-layout-grid__cell--span-9,
  3493. .mdc-layout-grid__cell--span-9-phone {
  3494. width: calc(100% - 16px);
  3495. width: calc(100% - var(--mdc-layout-grid-gutter-phone, 16px));
  3496. }
  3497. @supports (display: grid) {
  3498. .mdc-layout-grid__cell--span-9,
  3499. .mdc-layout-grid__cell--span-9-phone {
  3500. width: auto;
  3501. grid-column-end: span 4;
  3502. }
  3503. }
  3504. .mdc-layout-grid__cell--span-10,
  3505. .mdc-layout-grid__cell--span-10-phone {
  3506. width: calc(100% - 16px);
  3507. width: calc(100% - var(--mdc-layout-grid-gutter-phone, 16px));
  3508. }
  3509. @supports (display: grid) {
  3510. .mdc-layout-grid__cell--span-10,
  3511. .mdc-layout-grid__cell--span-10-phone {
  3512. width: auto;
  3513. grid-column-end: span 4;
  3514. }
  3515. }
  3516. .mdc-layout-grid__cell--span-11,
  3517. .mdc-layout-grid__cell--span-11-phone {
  3518. width: calc(100% - 16px);
  3519. width: calc(100% - var(--mdc-layout-grid-gutter-phone, 16px));
  3520. }
  3521. @supports (display: grid) {
  3522. .mdc-layout-grid__cell--span-11,
  3523. .mdc-layout-grid__cell--span-11-phone {
  3524. width: auto;
  3525. grid-column-end: span 4;
  3526. }
  3527. }
  3528. .mdc-layout-grid__cell--span-12,
  3529. .mdc-layout-grid__cell--span-12-phone {
  3530. width: calc(100% - 16px);
  3531. width: calc(100% - var(--mdc-layout-grid-gutter-phone, 16px));
  3532. }
  3533. @supports (display: grid) {
  3534. .mdc-layout-grid__cell--span-12,
  3535. .mdc-layout-grid__cell--span-12-phone {
  3536. width: auto;
  3537. grid-column-end: span 4;
  3538. }
  3539. }
  3540. }
  3541. .mdc-layout-grid__cell--order-1 {
  3542. order: 1;
  3543. }
  3544. .mdc-layout-grid__cell--order-2 {
  3545. order: 2;
  3546. }
  3547. .mdc-layout-grid__cell--order-3 {
  3548. order: 3;
  3549. }
  3550. .mdc-layout-grid__cell--order-4 {
  3551. order: 4;
  3552. }
  3553. .mdc-layout-grid__cell--order-5 {
  3554. order: 5;
  3555. }
  3556. .mdc-layout-grid__cell--order-6 {
  3557. order: 6;
  3558. }
  3559. .mdc-layout-grid__cell--order-7 {
  3560. order: 7;
  3561. }
  3562. .mdc-layout-grid__cell--order-8 {
  3563. order: 8;
  3564. }
  3565. .mdc-layout-grid__cell--order-9 {
  3566. order: 9;
  3567. }
  3568. .mdc-layout-grid__cell--order-10 {
  3569. order: 10;
  3570. }
  3571. .mdc-layout-grid__cell--order-11 {
  3572. order: 11;
  3573. }
  3574. .mdc-layout-grid__cell--order-12 {
  3575. order: 12;
  3576. }
  3577. .mdc-layout-grid__cell--align-top {
  3578. align-self: flex-start;
  3579. }
  3580. @supports (display: grid) {
  3581. .mdc-layout-grid__cell--align-top {
  3582. align-self: start;
  3583. }
  3584. }
  3585. .mdc-layout-grid__cell--align-middle {
  3586. align-self: center;
  3587. }
  3588. .mdc-layout-grid__cell--align-bottom {
  3589. align-self: flex-end;
  3590. }
  3591. @supports (display: grid) {
  3592. .mdc-layout-grid__cell--align-bottom {
  3593. align-self: end;
  3594. }
  3595. }
  3596. @media (min-width: 840px) {
  3597. .mdc-layout-grid--fixed-column-width {
  3598. width: 1176px;
  3599. width: calc( var(--mdc-layout-grid-column-width-desktop, 72px) * 12 + var(--mdc-layout-grid-gutter-desktop, 24px) * 11 + var(--mdc-layout-grid-margin-desktop, 24px) * 2 );
  3600. }
  3601. }
  3602. @media (min-width: 480px) and (max-width: 839px) {
  3603. .mdc-layout-grid--fixed-column-width {
  3604. width: 720px;
  3605. width: calc( var(--mdc-layout-grid-column-width-tablet, 72px) * 8 + var(--mdc-layout-grid-gutter-tablet, 16px) * 7 + var(--mdc-layout-grid-margin-tablet, 16px) * 2 );
  3606. }
  3607. }
  3608. @media (max-width: 479px) {
  3609. .mdc-layout-grid--fixed-column-width {
  3610. width: 368px;
  3611. width: calc( var(--mdc-layout-grid-column-width-phone, 72px) * 4 + var(--mdc-layout-grid-gutter-phone, 16px) * 3 + var(--mdc-layout-grid-margin-phone, 16px) * 2 );
  3612. }
  3613. }
  3614. .mdc-layout-grid--align-left {
  3615. margin-right: auto;
  3616. margin-left: 0;
  3617. }
  3618. .mdc-layout-grid--align-right {
  3619. margin-right: 0;
  3620. margin-left: auto;
  3621. }
  3622. .mdc-line-ripple {
  3623. position: absolute;
  3624. bottom: 0;
  3625. left: 0;
  3626. width: 100%;
  3627. height: 2px;
  3628. -webkit-transform: scaleX(0);
  3629. transform: scaleX(0);
  3630. transition: opacity 180ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 180ms cubic-bezier(0.4, 0, 0.2, 1);
  3631. transition: transform 180ms cubic-bezier(0.4, 0, 0.2, 1), opacity 180ms cubic-bezier(0.4, 0, 0.2, 1);
  3632. transition: transform 180ms cubic-bezier(0.4, 0, 0.2, 1), opacity 180ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 180ms cubic-bezier(0.4, 0, 0.2, 1);
  3633. opacity: 0;
  3634. z-index: 2;
  3635. }
  3636. .mdc-line-ripple--active {
  3637. -webkit-transform: scaleX(1);
  3638. transform: scaleX(1);
  3639. opacity: 1;
  3640. }
  3641. .mdc-line-ripple--deactivating {
  3642. opacity: 0;
  3643. }
  3644. @-webkit-keyframes primary-indeterminate-translate {
  3645. 0% {
  3646. -webkit-transform: translateX(0);
  3647. transform: translateX(0);
  3648. }
  3649. 20% {
  3650. -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);
  3651. animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);
  3652. -webkit-transform: translateX(0);
  3653. transform: translateX(0);
  3654. }
  3655. 59.15% {
  3656. -webkit-animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
  3657. animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
  3658. -webkit-transform: translateX(83.67142%);
  3659. transform: translateX(83.67142%);
  3660. }
  3661. 100% {
  3662. -webkit-transform: translateX(200.611057%);
  3663. transform: translateX(200.611057%);
  3664. }
  3665. }
  3666. @keyframes primary-indeterminate-translate {
  3667. 0% {
  3668. -webkit-transform: translateX(0);
  3669. transform: translateX(0);
  3670. }
  3671. 20% {
  3672. -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);
  3673. animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);
  3674. -webkit-transform: translateX(0);
  3675. transform: translateX(0);
  3676. }
  3677. 59.15% {
  3678. -webkit-animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
  3679. animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
  3680. -webkit-transform: translateX(83.67142%);
  3681. transform: translateX(83.67142%);
  3682. }
  3683. 100% {
  3684. -webkit-transform: translateX(200.611057%);
  3685. transform: translateX(200.611057%);
  3686. }
  3687. }
  3688. @-webkit-keyframes primary-indeterminate-scale {
  3689. 0% {
  3690. -webkit-transform: scaleX(0.08);
  3691. transform: scaleX(0.08);
  3692. }
  3693. 36.65% {
  3694. -webkit-animation-timing-function: cubic-bezier(0.334731, 0.12482, 0.785844, 1);
  3695. animation-timing-function: cubic-bezier(0.334731, 0.12482, 0.785844, 1);
  3696. -webkit-transform: scaleX(0.08);
  3697. transform: scaleX(0.08);
  3698. }
  3699. 69.15% {
  3700. -webkit-animation-timing-function: cubic-bezier(0.06, 0.11, 0.6, 1);
  3701. animation-timing-function: cubic-bezier(0.06, 0.11, 0.6, 1);
  3702. -webkit-transform: scaleX(0.661479);
  3703. transform: scaleX(0.661479);
  3704. }
  3705. 100% {
  3706. -webkit-transform: scaleX(0.08);
  3707. transform: scaleX(0.08);
  3708. }
  3709. }
  3710. @keyframes primary-indeterminate-scale {
  3711. 0% {
  3712. -webkit-transform: scaleX(0.08);
  3713. transform: scaleX(0.08);
  3714. }
  3715. 36.65% {
  3716. -webkit-animation-timing-function: cubic-bezier(0.334731, 0.12482, 0.785844, 1);
  3717. animation-timing-function: cubic-bezier(0.334731, 0.12482, 0.785844, 1);
  3718. -webkit-transform: scaleX(0.08);
  3719. transform: scaleX(0.08);
  3720. }
  3721. 69.15% {
  3722. -webkit-animation-timing-function: cubic-bezier(0.06, 0.11, 0.6, 1);
  3723. animation-timing-function: cubic-bezier(0.06, 0.11, 0.6, 1);
  3724. -webkit-transform: scaleX(0.661479);
  3725. transform: scaleX(0.661479);
  3726. }
  3727. 100% {
  3728. -webkit-transform: scaleX(0.08);
  3729. transform: scaleX(0.08);
  3730. }
  3731. }
  3732. @-webkit-keyframes secondary-indeterminate-translate {
  3733. 0% {
  3734. -webkit-animation-timing-function: cubic-bezier(0.15, 0, 0.515058, 0.409685);
  3735. animation-timing-function: cubic-bezier(0.15, 0, 0.515058, 0.409685);
  3736. -webkit-transform: translateX(0);
  3737. transform: translateX(0);
  3738. }
  3739. 25% {
  3740. -webkit-animation-timing-function: cubic-bezier(0.31033, 0.284058, 0.8, 0.733712);
  3741. animation-timing-function: cubic-bezier(0.31033, 0.284058, 0.8, 0.733712);
  3742. -webkit-transform: translateX(37.651913%);
  3743. transform: translateX(37.651913%);
  3744. }
  3745. 48.35% {
  3746. -webkit-animation-timing-function: cubic-bezier(0.4, 0.627035, 0.6, 0.902026);
  3747. animation-timing-function: cubic-bezier(0.4, 0.627035, 0.6, 0.902026);
  3748. -webkit-transform: translateX(84.386165%);
  3749. transform: translateX(84.386165%);
  3750. }
  3751. 100% {
  3752. -webkit-transform: translateX(160.277782%);
  3753. transform: translateX(160.277782%);
  3754. }
  3755. }
  3756. @keyframes secondary-indeterminate-translate {
  3757. 0% {
  3758. -webkit-animation-timing-function: cubic-bezier(0.15, 0, 0.515058, 0.409685);
  3759. animation-timing-function: cubic-bezier(0.15, 0, 0.515058, 0.409685);
  3760. -webkit-transform: translateX(0);
  3761. transform: translateX(0);
  3762. }
  3763. 25% {
  3764. -webkit-animation-timing-function: cubic-bezier(0.31033, 0.284058, 0.8, 0.733712);
  3765. animation-timing-function: cubic-bezier(0.31033, 0.284058, 0.8, 0.733712);
  3766. -webkit-transform: translateX(37.651913%);
  3767. transform: translateX(37.651913%);
  3768. }
  3769. 48.35% {
  3770. -webkit-animation-timing-function: cubic-bezier(0.4, 0.627035, 0.6, 0.902026);
  3771. animation-timing-function: cubic-bezier(0.4, 0.627035, 0.6, 0.902026);
  3772. -webkit-transform: translateX(84.386165%);
  3773. transform: translateX(84.386165%);
  3774. }
  3775. 100% {
  3776. -webkit-transform: translateX(160.277782%);
  3777. transform: translateX(160.277782%);
  3778. }
  3779. }
  3780. @-webkit-keyframes secondary-indeterminate-scale {
  3781. 0% {
  3782. -webkit-animation-timing-function: cubic-bezier(0.205028, 0.057051, 0.57661, 0.453971);
  3783. animation-timing-function: cubic-bezier(0.205028, 0.057051, 0.57661, 0.453971);
  3784. -webkit-transform: scaleX(0.08);
  3785. transform: scaleX(0.08);
  3786. }
  3787. 19.15% {
  3788. -webkit-animation-timing-function: cubic-bezier(0.152313, 0.196432, 0.648374, 1.004315);
  3789. animation-timing-function: cubic-bezier(0.152313, 0.196432, 0.648374, 1.004315);
  3790. -webkit-transform: scaleX(0.457104);
  3791. transform: scaleX(0.457104);
  3792. }
  3793. 44.15% {
  3794. -webkit-animation-timing-function: cubic-bezier(0.257759, -0.003163, 0.211762, 1.38179);
  3795. animation-timing-function: cubic-bezier(0.257759, -0.003163, 0.211762, 1.38179);
  3796. -webkit-transform: scaleX(0.72796);
  3797. transform: scaleX(0.72796);
  3798. }
  3799. 100% {
  3800. -webkit-transform: scaleX(0.08);
  3801. transform: scaleX(0.08);
  3802. }
  3803. }
  3804. @keyframes secondary-indeterminate-scale {
  3805. 0% {
  3806. -webkit-animation-timing-function: cubic-bezier(0.205028, 0.057051, 0.57661, 0.453971);
  3807. animation-timing-function: cubic-bezier(0.205028, 0.057051, 0.57661, 0.453971);
  3808. -webkit-transform: scaleX(0.08);
  3809. transform: scaleX(0.08);
  3810. }
  3811. 19.15% {
  3812. -webkit-animation-timing-function: cubic-bezier(0.152313, 0.196432, 0.648374, 1.004315);
  3813. animation-timing-function: cubic-bezier(0.152313, 0.196432, 0.648374, 1.004315);
  3814. -webkit-transform: scaleX(0.457104);
  3815. transform: scaleX(0.457104);
  3816. }
  3817. 44.15% {
  3818. -webkit-animation-timing-function: cubic-bezier(0.257759, -0.003163, 0.211762, 1.38179);
  3819. animation-timing-function: cubic-bezier(0.257759, -0.003163, 0.211762, 1.38179);
  3820. -webkit-transform: scaleX(0.72796);
  3821. transform: scaleX(0.72796);
  3822. }
  3823. 100% {
  3824. -webkit-transform: scaleX(0.08);
  3825. transform: scaleX(0.08);
  3826. }
  3827. }
  3828. @-webkit-keyframes buffering {
  3829. to {
  3830. -webkit-transform: translateX(-10px);
  3831. transform: translateX(-10px);
  3832. }
  3833. }
  3834. @keyframes buffering {
  3835. to {
  3836. -webkit-transform: translateX(-10px);
  3837. transform: translateX(-10px);
  3838. }
  3839. }
  3840. @-webkit-keyframes primary-indeterminate-translate-reverse {
  3841. 0% {
  3842. -webkit-transform: translateX(0);
  3843. transform: translateX(0);
  3844. }
  3845. 20% {
  3846. -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);
  3847. animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);
  3848. -webkit-transform: translateX(0);
  3849. transform: translateX(0);
  3850. }
  3851. 59.15% {
  3852. -webkit-animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
  3853. animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
  3854. -webkit-transform: translateX(-83.67142%);
  3855. transform: translateX(-83.67142%);
  3856. }
  3857. 100% {
  3858. -webkit-transform: translateX(-200.611057%);
  3859. transform: translateX(-200.611057%);
  3860. }
  3861. }
  3862. @keyframes primary-indeterminate-translate-reverse {
  3863. 0% {
  3864. -webkit-transform: translateX(0);
  3865. transform: translateX(0);
  3866. }
  3867. 20% {
  3868. -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);
  3869. animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);
  3870. -webkit-transform: translateX(0);
  3871. transform: translateX(0);
  3872. }
  3873. 59.15% {
  3874. -webkit-animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
  3875. animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
  3876. -webkit-transform: translateX(-83.67142%);
  3877. transform: translateX(-83.67142%);
  3878. }
  3879. 100% {
  3880. -webkit-transform: translateX(-200.611057%);
  3881. transform: translateX(-200.611057%);
  3882. }
  3883. }
  3884. @-webkit-keyframes secondary-indeterminate-translate-reverse {
  3885. 0% {
  3886. -webkit-animation-timing-function: cubic-bezier(0.15, 0, 0.515058, 0.409685);
  3887. animation-timing-function: cubic-bezier(0.15, 0, 0.515058, 0.409685);
  3888. -webkit-transform: translateX(0);
  3889. transform: translateX(0);
  3890. }
  3891. 25% {
  3892. -webkit-animation-timing-function: cubic-bezier(0.31033, 0.284058, 0.8, 0.733712);
  3893. animation-timing-function: cubic-bezier(0.31033, 0.284058, 0.8, 0.733712);
  3894. -webkit-transform: translateX(-37.651913%);
  3895. transform: translateX(-37.651913%);
  3896. }
  3897. 48.35% {
  3898. -webkit-animation-timing-function: cubic-bezier(0.4, 0.627035, 0.6, 0.902026);
  3899. animation-timing-function: cubic-bezier(0.4, 0.627035, 0.6, 0.902026);
  3900. -webkit-transform: translateX(-84.386165%);
  3901. transform: translateX(-84.386165%);
  3902. }
  3903. 100% {
  3904. -webkit-transform: translateX(-160.277782%);
  3905. transform: translateX(-160.277782%);
  3906. }
  3907. }
  3908. @keyframes secondary-indeterminate-translate-reverse {
  3909. 0% {
  3910. -webkit-animation-timing-function: cubic-bezier(0.15, 0, 0.515058, 0.409685);
  3911. animation-timing-function: cubic-bezier(0.15, 0, 0.515058, 0.409685);
  3912. -webkit-transform: translateX(0);
  3913. transform: translateX(0);
  3914. }
  3915. 25% {
  3916. -webkit-animation-timing-function: cubic-bezier(0.31033, 0.284058, 0.8, 0.733712);
  3917. animation-timing-function: cubic-bezier(0.31033, 0.284058, 0.8, 0.733712);
  3918. -webkit-transform: translateX(-37.651913%);
  3919. transform: translateX(-37.651913%);
  3920. }
  3921. 48.35% {
  3922. -webkit-animation-timing-function: cubic-bezier(0.4, 0.627035, 0.6, 0.902026);
  3923. animation-timing-function: cubic-bezier(0.4, 0.627035, 0.6, 0.902026);
  3924. -webkit-transform: translateX(-84.386165%);
  3925. transform: translateX(-84.386165%);
  3926. }
  3927. 100% {
  3928. -webkit-transform: translateX(-160.277782%);
  3929. transform: translateX(-160.277782%);
  3930. }
  3931. }
  3932. @-webkit-keyframes buffering-reverse {
  3933. to {
  3934. -webkit-transform: translateX(10px);
  3935. transform: translateX(10px);
  3936. }
  3937. }
  3938. @keyframes buffering-reverse {
  3939. to {
  3940. -webkit-transform: translateX(10px);
  3941. transform: translateX(10px);
  3942. }
  3943. }
  3944. .mdc-linear-progress {
  3945. position: relative;
  3946. width: 100%;
  3947. height: 4px;
  3948. -webkit-transform: translateZ(0);
  3949. transform: translateZ(0);
  3950. transition: opacity 250ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
  3951. overflow: hidden;
  3952. }
  3953. .mdc-linear-progress__bar {
  3954. position: absolute;
  3955. width: 100%;
  3956. height: 100%;
  3957. -webkit-animation: none;
  3958. animation: none;
  3959. -webkit-transform-origin: top left;
  3960. transform-origin: top left;
  3961. transition: -webkit-transform 250ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
  3962. transition: transform 250ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
  3963. transition: transform 250ms 0ms cubic-bezier(0.4, 0, 0.6, 1), -webkit-transform 250ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
  3964. }
  3965. .mdc-linear-progress__bar-inner {
  3966. display: inline-block;
  3967. position: absolute;
  3968. width: 100%;
  3969. height: 100%;
  3970. -webkit-animation: none;
  3971. animation: none;
  3972. }
  3973. .mdc-linear-progress__buffering-dots {
  3974. position: absolute;
  3975. width: 100%;
  3976. height: 100%;
  3977. -webkit-animation: buffering 250ms infinite linear;
  3978. animation: buffering 250ms infinite linear;
  3979. background-repeat: repeat-x;
  3980. background-size: 10px 4px;
  3981. }
  3982. .mdc-linear-progress__buffer {
  3983. position: absolute;
  3984. width: 100%;
  3985. height: 100%;
  3986. -webkit-transform-origin: top left;
  3987. transform-origin: top left;
  3988. transition: -webkit-transform 250ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
  3989. transition: transform 250ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
  3990. transition: transform 250ms 0ms cubic-bezier(0.4, 0, 0.6, 1), -webkit-transform 250ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
  3991. }
  3992. .mdc-linear-progress__primary-bar {
  3993. -webkit-transform: scaleX(0);
  3994. transform: scaleX(0);
  3995. }
  3996. .mdc-linear-progress__secondary-bar {
  3997. visibility: hidden;
  3998. }
  3999. .mdc-linear-progress--indeterminate .mdc-linear-progress__bar {
  4000. transition: none;
  4001. }
  4002. .mdc-linear-progress--indeterminate .mdc-linear-progress__primary-bar {
  4003. left: -145.166611%;
  4004. -webkit-animation: primary-indeterminate-translate 2s infinite linear;
  4005. animation: primary-indeterminate-translate 2s infinite linear;
  4006. }
  4007. .mdc-linear-progress--indeterminate .mdc-linear-progress__primary-bar > .mdc-linear-progress__bar-inner {
  4008. -webkit-animation: primary-indeterminate-scale 2s infinite linear;
  4009. animation: primary-indeterminate-scale 2s infinite linear;
  4010. }
  4011. .mdc-linear-progress--indeterminate .mdc-linear-progress__secondary-bar {
  4012. left: -54.888891%;
  4013. -webkit-animation: secondary-indeterminate-translate 2s infinite linear;
  4014. animation: secondary-indeterminate-translate 2s infinite linear;
  4015. visibility: visible;
  4016. }
  4017. .mdc-linear-progress--indeterminate .mdc-linear-progress__secondary-bar > .mdc-linear-progress__bar-inner {
  4018. -webkit-animation: secondary-indeterminate-scale 2s infinite linear;
  4019. animation: secondary-indeterminate-scale 2s infinite linear;
  4020. }
  4021. .mdc-linear-progress--reversed .mdc-linear-progress__bar,
  4022. .mdc-linear-progress--reversed .mdc-linear-progress__buffer {
  4023. right: 0;
  4024. -webkit-transform-origin: center right;
  4025. transform-origin: center right;
  4026. }
  4027. .mdc-linear-progress--reversed .mdc-linear-progress__primary-bar {
  4028. -webkit-animation-name: primary-indeterminate-translate-reverse;
  4029. animation-name: primary-indeterminate-translate-reverse;
  4030. }
  4031. .mdc-linear-progress--reversed .mdc-linear-progress__secondary-bar {
  4032. -webkit-animation-name: secondary-indeterminate-translate-reverse;
  4033. animation-name: secondary-indeterminate-translate-reverse;
  4034. }
  4035. .mdc-linear-progress--reversed .mdc-linear-progress__buffering-dots {
  4036. -webkit-animation: buffering-reverse 250ms infinite linear;
  4037. animation: buffering-reverse 250ms infinite linear;
  4038. }
  4039. .mdc-linear-progress--closed {
  4040. opacity: 0;
  4041. }
  4042. .mdc-linear-progress__bar-inner {
  4043. background-color: #6200ee;
  4044. /* @alternate */
  4045. background-color: var(--mdc-theme-primary, #6200ee);
  4046. }
  4047. .mdc-linear-progress__buffering-dots {
  4048. background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='%23e6e6e6'/%3E%3C/svg%3E");
  4049. }
  4050. .mdc-linear-progress__buffer {
  4051. background-color: #e6e6e6;
  4052. }
  4053. .mdc-linear-progress--indeterminate.mdc-linear-progress--reversed .mdc-linear-progress__primary-bar {
  4054. right: -145.166611%;
  4055. left: auto;
  4056. }
  4057. .mdc-linear-progress--indeterminate.mdc-linear-progress--reversed .mdc-linear-progress__secondary-bar {
  4058. right: -54.888891%;
  4059. left: auto;
  4060. }
  4061. .mdc-list {
  4062. font-family: Roboto, sans-serif;
  4063. -moz-osx-font-smoothing: grayscale;
  4064. -webkit-font-smoothing: antialiased;
  4065. font-size: 1rem;
  4066. line-height: 1.75rem;
  4067. font-weight: 400;
  4068. letter-spacing: 0.009375em;
  4069. text-decoration: inherit;
  4070. text-transform: inherit;
  4071. color: rgba(0, 0, 0, 0.87);
  4072. /* @alternate */
  4073. color: var(--mdc-theme-text-primary-on-background, rgba(0, 0, 0, 0.87));
  4074. margin: 0;
  4075. padding: 8px 0;
  4076. /* @alternate */
  4077. line-height: 1.5rem;
  4078. list-style-type: none;
  4079. }
  4080. .mdc-list-item__secondary-text {
  4081. color: rgba(0, 0, 0, 0.54);
  4082. /* @alternate */
  4083. color: var(--mdc-theme-text-secondary-on-background, rgba(0, 0, 0, 0.54));
  4084. }
  4085. .mdc-list-item__graphic {
  4086. background-color: transparent;
  4087. }
  4088. .mdc-list-item__graphic {
  4089. color: rgba(0, 0, 0, 0.38);
  4090. /* @alternate */
  4091. color: var(--mdc-theme-text-icon-on-background, rgba(0, 0, 0, 0.38));
  4092. }
  4093. .mdc-list-item__meta {
  4094. color: rgba(0, 0, 0, 0.38);
  4095. /* @alternate */
  4096. color: var(--mdc-theme-text-hint-on-background, rgba(0, 0, 0, 0.38));
  4097. }
  4098. .mdc-list--dense {
  4099. padding-top: 4px;
  4100. padding-bottom: 4px;
  4101. font-size: 0.812rem;
  4102. }
  4103. .mdc-list-item {
  4104. display: flex;
  4105. position: relative;
  4106. align-items: center;
  4107. justify-content: flex-start;
  4108. height: 48px;
  4109. padding: 0 16px;
  4110. overflow: hidden;
  4111. }
  4112. .mdc-list-item:focus {
  4113. outline: none;
  4114. }
  4115. .mdc-list-item--selected,
  4116. .mdc-list-item--activated {
  4117. color: #6200ee;
  4118. /* @alternate */
  4119. color: var(--mdc-theme-primary, #6200ee);
  4120. }
  4121. .mdc-list-item--selected .mdc-list-item__graphic,
  4122. .mdc-list-item--activated .mdc-list-item__graphic {
  4123. color: #6200ee;
  4124. /* @alternate */
  4125. color: var(--mdc-theme-primary, #6200ee);
  4126. }
  4127. .mdc-list-item--disabled {
  4128. color: rgba(0, 0, 0, 0.38);
  4129. /* @alternate */
  4130. color: var(--mdc-theme-text-disabled-on-background, rgba(0, 0, 0, 0.38));
  4131. }
  4132. .mdc-list-item__graphic {
  4133. /* @noflip */
  4134. margin-left: 0;
  4135. /* @noflip */
  4136. margin-right: 32px;
  4137. width: 24px;
  4138. height: 24px;
  4139. flex-shrink: 0;
  4140. align-items: center;
  4141. justify-content: center;
  4142. fill: currentColor;
  4143. }
  4144. .mdc-list-item[dir=rtl] .mdc-list-item__graphic, [dir=rtl] .mdc-list-item .mdc-list-item__graphic {
  4145. /* @noflip */
  4146. margin-left: 32px;
  4147. /* @noflip */
  4148. margin-right: 0;
  4149. }
  4150. .mdc-list .mdc-list-item__graphic {
  4151. display: inline-flex;
  4152. }
  4153. .mdc-list-item__meta {
  4154. /* @noflip */
  4155. margin-left: auto;
  4156. /* @noflip */
  4157. margin-right: 0;
  4158. }
  4159. .mdc-list-item[dir=rtl] .mdc-list-item__meta, [dir=rtl] .mdc-list-item .mdc-list-item__meta {
  4160. /* @noflip */
  4161. margin-left: 0;
  4162. /* @noflip */
  4163. margin-right: auto;
  4164. }
  4165. .mdc-list-item__text {
  4166. text-overflow: ellipsis;
  4167. white-space: nowrap;
  4168. overflow: hidden;
  4169. }
  4170. .mdc-list-item__text[for] {
  4171. pointer-events: none;
  4172. }
  4173. .mdc-list-item__primary-text {
  4174. text-overflow: ellipsis;
  4175. white-space: nowrap;
  4176. overflow: hidden;
  4177. display: block;
  4178. margin-top: 0;
  4179. /* @alternate */
  4180. line-height: normal;
  4181. margin-bottom: -20px;
  4182. display: block;
  4183. }
  4184. .mdc-list-item__primary-text::before {
  4185. display: inline-block;
  4186. width: 0;
  4187. height: 32px;
  4188. content: "";
  4189. vertical-align: 0;
  4190. }
  4191. .mdc-list-item__primary-text::after {
  4192. display: inline-block;
  4193. width: 0;
  4194. height: 20px;
  4195. content: "";
  4196. vertical-align: -20px;
  4197. }
  4198. .mdc-list--dense .mdc-list-item__primary-text {
  4199. display: block;
  4200. margin-top: 0;
  4201. /* @alternate */
  4202. line-height: normal;
  4203. margin-bottom: -20px;
  4204. }
  4205. .mdc-list--dense .mdc-list-item__primary-text::before {
  4206. display: inline-block;
  4207. width: 0;
  4208. height: 24px;
  4209. content: "";
  4210. vertical-align: 0;
  4211. }
  4212. .mdc-list--dense .mdc-list-item__primary-text::after {
  4213. display: inline-block;
  4214. width: 0;
  4215. height: 20px;
  4216. content: "";
  4217. vertical-align: -20px;
  4218. }
  4219. .mdc-list-item__secondary-text {
  4220. font-family: Roboto, sans-serif;
  4221. -moz-osx-font-smoothing: grayscale;
  4222. -webkit-font-smoothing: antialiased;
  4223. font-size: 0.875rem;
  4224. line-height: 1.25rem;
  4225. font-weight: 400;
  4226. letter-spacing: 0.0178571429em;
  4227. text-decoration: inherit;
  4228. text-transform: inherit;
  4229. text-overflow: ellipsis;
  4230. white-space: nowrap;
  4231. overflow: hidden;
  4232. display: block;
  4233. margin-top: 0;
  4234. /* @alternate */
  4235. line-height: normal;
  4236. display: block;
  4237. }
  4238. .mdc-list-item__secondary-text::before {
  4239. display: inline-block;
  4240. width: 0;
  4241. height: 20px;
  4242. content: "";
  4243. vertical-align: 0;
  4244. }
  4245. .mdc-list--dense .mdc-list-item__secondary-text {
  4246. display: block;
  4247. margin-top: 0;
  4248. /* @alternate */
  4249. line-height: normal;
  4250. font-size: inherit;
  4251. }
  4252. .mdc-list--dense .mdc-list-item__secondary-text::before {
  4253. display: inline-block;
  4254. width: 0;
  4255. height: 20px;
  4256. content: "";
  4257. vertical-align: 0;
  4258. }
  4259. .mdc-list--dense .mdc-list-item {
  4260. height: 40px;
  4261. }
  4262. .mdc-list--dense .mdc-list-item__graphic {
  4263. /* @noflip */
  4264. margin-left: 0;
  4265. /* @noflip */
  4266. margin-right: 36px;
  4267. width: 20px;
  4268. height: 20px;
  4269. }
  4270. .mdc-list-item[dir=rtl] .mdc-list--dense .mdc-list-item__graphic, [dir=rtl] .mdc-list-item .mdc-list--dense .mdc-list-item__graphic {
  4271. /* @noflip */
  4272. margin-left: 36px;
  4273. /* @noflip */
  4274. margin-right: 0;
  4275. }
  4276. .mdc-list--avatar-list .mdc-list-item {
  4277. height: 56px;
  4278. }
  4279. .mdc-list--avatar-list .mdc-list-item__graphic {
  4280. /* @noflip */
  4281. margin-left: 0;
  4282. /* @noflip */
  4283. margin-right: 16px;
  4284. width: 40px;
  4285. height: 40px;
  4286. border-radius: 50%;
  4287. }
  4288. .mdc-list-item[dir=rtl] .mdc-list--avatar-list .mdc-list-item__graphic, [dir=rtl] .mdc-list-item .mdc-list--avatar-list .mdc-list-item__graphic {
  4289. /* @noflip */
  4290. margin-left: 16px;
  4291. /* @noflip */
  4292. margin-right: 0;
  4293. }
  4294. .mdc-list--two-line .mdc-list-item__text {
  4295. align-self: flex-start;
  4296. }
  4297. .mdc-list--two-line .mdc-list-item {
  4298. height: 72px;
  4299. }
  4300. .mdc-list--two-line.mdc-list--dense .mdc-list-item {
  4301. height: 60px;
  4302. }
  4303. .mdc-list--avatar-list.mdc-list--dense .mdc-list-item {
  4304. height: 60px;
  4305. }
  4306. .mdc-list--avatar-list.mdc-list--dense .mdc-list-item__graphic {
  4307. /* @noflip */
  4308. margin-left: 0;
  4309. /* @noflip */
  4310. margin-right: 20px;
  4311. width: 36px;
  4312. height: 36px;
  4313. }
  4314. .mdc-list-item[dir=rtl] .mdc-list--avatar-list.mdc-list--dense .mdc-list-item__graphic, [dir=rtl] .mdc-list-item .mdc-list--avatar-list.mdc-list--dense .mdc-list-item__graphic {
  4315. /* @noflip */
  4316. margin-left: 20px;
  4317. /* @noflip */
  4318. margin-right: 0;
  4319. }
  4320. :not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item {
  4321. --mdc-ripple-fg-size: 0;
  4322. --mdc-ripple-left: 0;
  4323. --mdc-ripple-top: 0;
  4324. --mdc-ripple-fg-scale: 1;
  4325. --mdc-ripple-fg-translate-end: 0;
  4326. --mdc-ripple-fg-translate-start: 0;
  4327. -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  4328. will-change: transform, opacity;
  4329. }
  4330. :not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item::before, :not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item::after {
  4331. position: absolute;
  4332. border-radius: 50%;
  4333. opacity: 0;
  4334. pointer-events: none;
  4335. content: "";
  4336. }
  4337. :not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item::before {
  4338. transition: opacity 15ms linear, background-color 15ms linear;
  4339. z-index: 1;
  4340. }
  4341. :not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item.mdc-ripple-upgraded::before {
  4342. -webkit-transform: scale(var(--mdc-ripple-fg-scale, 1));
  4343. transform: scale(var(--mdc-ripple-fg-scale, 1));
  4344. }
  4345. :not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item.mdc-ripple-upgraded::after {
  4346. top: 0;
  4347. /* @noflip */
  4348. left: 0;
  4349. -webkit-transform: scale(0);
  4350. transform: scale(0);
  4351. -webkit-transform-origin: center center;
  4352. transform-origin: center center;
  4353. }
  4354. :not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item.mdc-ripple-upgraded--unbounded::after {
  4355. top: var(--mdc-ripple-top, 0);
  4356. /* @noflip */
  4357. left: var(--mdc-ripple-left, 0);
  4358. }
  4359. :not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item.mdc-ripple-upgraded--foreground-activation::after {
  4360. -webkit-animation: 225ms mdc-ripple-fg-radius-in forwards, 75ms mdc-ripple-fg-opacity-in forwards;
  4361. animation: 225ms mdc-ripple-fg-radius-in forwards, 75ms mdc-ripple-fg-opacity-in forwards;
  4362. }
  4363. :not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item.mdc-ripple-upgraded--foreground-deactivation::after {
  4364. -webkit-animation: 150ms mdc-ripple-fg-opacity-out;
  4365. animation: 150ms mdc-ripple-fg-opacity-out;
  4366. -webkit-transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
  4367. transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
  4368. }
  4369. :not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item::before, :not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item::after {
  4370. top: calc(50% - 100%);
  4371. /* @noflip */
  4372. left: calc(50% - 100%);
  4373. width: 200%;
  4374. height: 200%;
  4375. }
  4376. :not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item.mdc-ripple-upgraded::after {
  4377. width: var(--mdc-ripple-fg-size, 100%);
  4378. height: var(--mdc-ripple-fg-size, 100%);
  4379. }
  4380. :not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item::before, :not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item::after {
  4381. background-color: #000;
  4382. }
  4383. :not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item:hover::before {
  4384. opacity: 0.04;
  4385. }
  4386. :not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item:not(.mdc-ripple-upgraded):focus::before, :not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item.mdc-ripple-upgraded--background-focused::before {
  4387. transition-duration: 75ms;
  4388. opacity: 0.12;
  4389. }
  4390. :not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item:not(.mdc-ripple-upgraded)::after {
  4391. transition: opacity 150ms linear;
  4392. }
  4393. :not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item:not(.mdc-ripple-upgraded):active::after {
  4394. transition-duration: 75ms;
  4395. opacity: 0.16;
  4396. }
  4397. :not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item.mdc-ripple-upgraded {
  4398. --mdc-ripple-fg-opacity: 0.16;
  4399. }
  4400. :not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item--activated::before {
  4401. opacity: 0.12;
  4402. }
  4403. :not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item--activated::before, :not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item--activated::after {
  4404. background-color: #6200ee;
  4405. }
  4406. @supports not (-ms-ime-align: auto) {
  4407. :not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item--activated::before, :not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item--activated::after {
  4408. /* @alternate */
  4409. background-color: var(--mdc-theme-primary, #6200ee);
  4410. }
  4411. }
  4412. :not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item--activated:hover::before {
  4413. opacity: 0.16;
  4414. }
  4415. :not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item--activated:not(.mdc-ripple-upgraded):focus::before, :not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item--activated.mdc-ripple-upgraded--background-focused::before {
  4416. transition-duration: 75ms;
  4417. opacity: 0.24;
  4418. }
  4419. :not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item--activated:not(.mdc-ripple-upgraded)::after {
  4420. transition: opacity 150ms linear;
  4421. }
  4422. :not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item--activated:not(.mdc-ripple-upgraded):active::after {
  4423. transition-duration: 75ms;
  4424. opacity: 0.28;
  4425. }
  4426. :not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item--activated.mdc-ripple-upgraded {
  4427. --mdc-ripple-fg-opacity: 0.28;
  4428. }
  4429. :not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item--selected::before {
  4430. opacity: 0.08;
  4431. }
  4432. :not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item--selected::before, :not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item--selected::after {
  4433. background-color: #6200ee;
  4434. }
  4435. @supports not (-ms-ime-align: auto) {
  4436. :not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item--selected::before, :not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item--selected::after {
  4437. /* @alternate */
  4438. background-color: var(--mdc-theme-primary, #6200ee);
  4439. }
  4440. }
  4441. :not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item--selected:hover::before {
  4442. opacity: 0.12;
  4443. }
  4444. :not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item--selected:not(.mdc-ripple-upgraded):focus::before, :not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item--selected.mdc-ripple-upgraded--background-focused::before {
  4445. transition-duration: 75ms;
  4446. opacity: 0.2;
  4447. }
  4448. :not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item--selected:not(.mdc-ripple-upgraded)::after {
  4449. transition: opacity 150ms linear;
  4450. }
  4451. :not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item--selected:not(.mdc-ripple-upgraded):active::after {
  4452. transition-duration: 75ms;
  4453. opacity: 0.24;
  4454. }
  4455. :not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item--selected.mdc-ripple-upgraded {
  4456. --mdc-ripple-fg-opacity: 0.24;
  4457. }
  4458. a.mdc-list-item {
  4459. color: inherit;
  4460. text-decoration: none;
  4461. }
  4462. .mdc-list-divider {
  4463. height: 0;
  4464. margin: 0;
  4465. border: none;
  4466. border-bottom-width: 1px;
  4467. border-bottom-style: solid;
  4468. }
  4469. .mdc-list-divider {
  4470. border-bottom-color: rgba(0, 0, 0, 0.12);
  4471. }
  4472. .mdc-list-divider--padded {
  4473. margin: 0 16px;
  4474. }
  4475. .mdc-list-divider--inset {
  4476. /* @noflip */
  4477. margin-left: 72px;
  4478. /* @noflip */
  4479. margin-right: 0;
  4480. width: calc(100% - 72px);
  4481. }
  4482. .mdc-list-group[dir=rtl] .mdc-list-divider--inset, [dir=rtl] .mdc-list-group .mdc-list-divider--inset {
  4483. /* @noflip */
  4484. margin-left: 0;
  4485. /* @noflip */
  4486. margin-right: 72px;
  4487. }
  4488. .mdc-list-divider--inset.mdc-list-divider--padded {
  4489. width: calc(100% - 72px - 16px);
  4490. }
  4491. .mdc-list-group .mdc-list {
  4492. padding: 0;
  4493. }
  4494. .mdc-list-group__subheader {
  4495. font-family: Roboto, sans-serif;
  4496. -moz-osx-font-smoothing: grayscale;
  4497. -webkit-font-smoothing: antialiased;
  4498. font-size: 1rem;
  4499. line-height: 1.75rem;
  4500. font-weight: 400;
  4501. letter-spacing: 0.009375em;
  4502. text-decoration: inherit;
  4503. text-transform: inherit;
  4504. margin: 0.75rem 16px;
  4505. }
  4506. .mdc-list-group__subheader {
  4507. color: rgba(0, 0, 0, 0.87);
  4508. /* @alternate */
  4509. color: var(--mdc-theme-text-primary-on-background, rgba(0, 0, 0, 0.87));
  4510. }
  4511. .mdc-menu {
  4512. min-width: 112px;
  4513. }
  4514. .mdc-menu .mdc-list-item__meta {
  4515. color: rgba(0, 0, 0, 0.87);
  4516. /* @alternate */
  4517. color: var(--mdc-theme-text-primary-on-background, rgba(0, 0, 0, 0.87));
  4518. }
  4519. .mdc-menu .mdc-list-item__graphic {
  4520. color: rgba(0, 0, 0, 0.87);
  4521. /* @alternate */
  4522. color: var(--mdc-theme-text-primary-on-background, rgba(0, 0, 0, 0.87));
  4523. }
  4524. .mdc-menu .mdc-list-divider {
  4525. margin: 8px 0;
  4526. }
  4527. .mdc-menu .mdc-list-item {
  4528. cursor: pointer;
  4529. -webkit-user-select: none;
  4530. -moz-user-select: none;
  4531. -ms-user-select: none;
  4532. user-select: none;
  4533. }
  4534. .mdc-menu .mdc-list-item--disabled {
  4535. cursor: auto;
  4536. }
  4537. .mdc-menu a.mdc-list-item .mdc-list-item__text,
  4538. .mdc-menu a.mdc-list-item .mdc-list-item__graphic {
  4539. pointer-events: none;
  4540. }
  4541. .mdc-menu__selection-group {
  4542. padding: 0;
  4543. fill: currentColor;
  4544. }
  4545. .mdc-menu__selection-group .mdc-list-item {
  4546. /* @noflip */
  4547. padding-left: 56px;
  4548. /* @noflip */
  4549. padding-right: 0;
  4550. }
  4551. [dir=rtl] .mdc-menu__selection-group .mdc-list-item, .mdc-menu__selection-group .mdc-list-item[dir=rtl] {
  4552. /* @noflip */
  4553. padding-left: 0;
  4554. /* @noflip */
  4555. padding-right: 56px;
  4556. }
  4557. .mdc-menu__selection-group-icon {
  4558. /* @noflip */
  4559. left: 16px;
  4560. /* @noflip */
  4561. right: initial;
  4562. display: none;
  4563. position: absolute;
  4564. }
  4565. [dir=rtl] .mdc-menu__selection-group-icon, .mdc-menu__selection-group-icon[dir=rtl] {
  4566. /* @noflip */
  4567. left: initial;
  4568. /* @noflip */
  4569. right: 16px;
  4570. }
  4571. .mdc-menu-item--selected .mdc-menu__selection-group-icon {
  4572. display: inline;
  4573. }
  4574. .mdc-menu-surface {
  4575. box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  4576. background-color: #fff;
  4577. /* @alternate */
  4578. background-color: var(--mdc-theme-surface, #fff);
  4579. color: #000;
  4580. /* @alternate */
  4581. color: var(--mdc-theme-on-surface, #000);
  4582. /* @noflip */
  4583. transform-origin-left: top left;
  4584. /* @noflip */
  4585. transform-origin-right: top right;
  4586. border-radius: 4px;
  4587. display: none;
  4588. position: absolute;
  4589. box-sizing: border-box;
  4590. max-width: calc(100vw - 32px);
  4591. max-height: calc(100vh - 32px);
  4592. margin: 0;
  4593. padding: 0;
  4594. -webkit-transform: scale(1);
  4595. transform: scale(1);
  4596. -webkit-transform-origin: top left;
  4597. transform-origin: top left;
  4598. opacity: 0;
  4599. overflow: auto;
  4600. will-change: transform, opacity;
  4601. z-index: 4;
  4602. }
  4603. [dir=rtl] .mdc-menu-surface, .mdc-menu-surface[dir=rtl] {
  4604. /* @noflip */
  4605. transform-origin-left: top right;
  4606. /* @noflip */
  4607. transform-origin-right: top left;
  4608. }
  4609. .mdc-menu-surface:focus {
  4610. outline: none;
  4611. }
  4612. .mdc-menu-surface--animating-open {
  4613. display: inline-block;
  4614. -webkit-transform: scale(0.8);
  4615. transform: scale(0.8);
  4616. transition: opacity 0.03s linear, -webkit-transform 0.12s cubic-bezier(0, 0, 0.2, 1);
  4617. transition: opacity 0.03s linear, transform 0.12s cubic-bezier(0, 0, 0.2, 1);
  4618. transition: opacity 0.03s linear, transform 0.12s cubic-bezier(0, 0, 0.2, 1), -webkit-transform 0.12s cubic-bezier(0, 0, 0.2, 1);
  4619. opacity: 0;
  4620. }
  4621. .mdc-menu-surface--open {
  4622. display: inline-block;
  4623. -webkit-transform: scale(1);
  4624. transform: scale(1);
  4625. opacity: 1;
  4626. }
  4627. .mdc-menu-surface--animating-closed {
  4628. display: inline-block;
  4629. transition: opacity 0.075s linear;
  4630. opacity: 0;
  4631. }
  4632. .mdc-menu-surface--anchor {
  4633. position: relative;
  4634. overflow: visible;
  4635. }
  4636. .mdc-menu-surface--fixed {
  4637. position: fixed;
  4638. }
  4639. .mdc-notched-outline {
  4640. display: flex;
  4641. position: absolute;
  4642. right: 0;
  4643. left: 0;
  4644. box-sizing: border-box;
  4645. width: 100%;
  4646. height: 100%;
  4647. /* @noflip */
  4648. text-align: left;
  4649. pointer-events: none;
  4650. }
  4651. [dir=rtl] .mdc-notched-outline, .mdc-notched-outline[dir=rtl] {
  4652. /* @noflip */
  4653. text-align: right;
  4654. }
  4655. .mdc-notched-outline__leading, .mdc-notched-outline__notch, .mdc-notched-outline__trailing {
  4656. box-sizing: border-box;
  4657. height: 100%;
  4658. border-top: 1px solid;
  4659. border-bottom: 1px solid;
  4660. pointer-events: none;
  4661. }
  4662. .mdc-notched-outline__leading {
  4663. /* @noflip */
  4664. border-left: 1px solid;
  4665. /* @noflip */
  4666. border-right: none;
  4667. width: 12px;
  4668. }
  4669. [dir=rtl] .mdc-notched-outline__leading, .mdc-notched-outline__leading[dir=rtl] {
  4670. /* @noflip */
  4671. border-left: none;
  4672. /* @noflip */
  4673. border-right: 1px solid;
  4674. }
  4675. .mdc-notched-outline__trailing {
  4676. /* @noflip */
  4677. border-left: none;
  4678. /* @noflip */
  4679. border-right: 1px solid;
  4680. flex-grow: 1;
  4681. }
  4682. [dir=rtl] .mdc-notched-outline__trailing, .mdc-notched-outline__trailing[dir=rtl] {
  4683. /* @noflip */
  4684. border-left: 1px solid;
  4685. /* @noflip */
  4686. border-right: none;
  4687. }
  4688. .mdc-notched-outline__notch {
  4689. width: auto;
  4690. }
  4691. .mdc-notched-outline .mdc-floating-label {
  4692. display: inline-block;
  4693. position: relative;
  4694. top: 17px;
  4695. bottom: auto;
  4696. }
  4697. .mdc-notched-outline--notched .mdc-notched-outline__notch {
  4698. /* @noflip */
  4699. padding-left: 0;
  4700. /* @noflip */
  4701. padding-right: 8px;
  4702. border-top: none;
  4703. }
  4704. [dir=rtl] .mdc-notched-outline--notched .mdc-notched-outline__notch, .mdc-notched-outline--notched .mdc-notched-outline__notch[dir=rtl] {
  4705. /* @noflip */
  4706. padding-left: 8px;
  4707. /* @noflip */
  4708. padding-right: 0;
  4709. }
  4710. .mdc-notched-outline--no-label .mdc-notched-outline__notch {
  4711. padding: 0;
  4712. }
  4713. .mdc-radio {
  4714. --mdc-ripple-fg-size: 0;
  4715. --mdc-ripple-left: 0;
  4716. --mdc-ripple-top: 0;
  4717. --mdc-ripple-fg-scale: 1;
  4718. --mdc-ripple-fg-translate-end: 0;
  4719. --mdc-ripple-fg-translate-start: 0;
  4720. -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  4721. will-change: transform, opacity;
  4722. display: inline-block;
  4723. position: relative;
  4724. flex: 0 0 auto;
  4725. box-sizing: border-box;
  4726. width: 40px;
  4727. height: 40px;
  4728. padding: 10px;
  4729. cursor: pointer;
  4730. /* @alternate */
  4731. will-change: opacity, transform, border-color, color;
  4732. }
  4733. .mdc-radio .mdc-radio__native-control:enabled:not(:checked) + .mdc-radio__background .mdc-radio__outer-circle {
  4734. border-color: rgba(0, 0, 0, 0.54);
  4735. }
  4736. .mdc-radio .mdc-radio__native-control:enabled:checked + .mdc-radio__background .mdc-radio__outer-circle {
  4737. border-color: #018786;
  4738. /* @alternate */
  4739. border-color: var(--mdc-theme-secondary, #018786);
  4740. }
  4741. .mdc-radio .mdc-radio__native-control:enabled + .mdc-radio__background .mdc-radio__inner-circle {
  4742. border-color: #018786;
  4743. /* @alternate */
  4744. border-color: var(--mdc-theme-secondary, #018786);
  4745. }
  4746. .mdc-radio .mdc-radio__background::before {
  4747. background-color: #018786;
  4748. }
  4749. @supports not (-ms-ime-align: auto) {
  4750. .mdc-radio .mdc-radio__background::before {
  4751. /* @alternate */
  4752. background-color: var(--mdc-theme-secondary, #018786);
  4753. }
  4754. }
  4755. .mdc-radio::before, .mdc-radio::after {
  4756. position: absolute;
  4757. border-radius: 50%;
  4758. opacity: 0;
  4759. pointer-events: none;
  4760. content: "";
  4761. }
  4762. .mdc-radio::before {
  4763. transition: opacity 15ms linear, background-color 15ms linear;
  4764. z-index: 1;
  4765. }
  4766. .mdc-radio.mdc-ripple-upgraded::before {
  4767. -webkit-transform: scale(var(--mdc-ripple-fg-scale, 1));
  4768. transform: scale(var(--mdc-ripple-fg-scale, 1));
  4769. }
  4770. .mdc-radio.mdc-ripple-upgraded::after {
  4771. top: 0;
  4772. /* @noflip */
  4773. left: 0;
  4774. -webkit-transform: scale(0);
  4775. transform: scale(0);
  4776. -webkit-transform-origin: center center;
  4777. transform-origin: center center;
  4778. }
  4779. .mdc-radio.mdc-ripple-upgraded--unbounded::after {
  4780. top: var(--mdc-ripple-top, 0);
  4781. /* @noflip */
  4782. left: var(--mdc-ripple-left, 0);
  4783. }
  4784. .mdc-radio.mdc-ripple-upgraded--foreground-activation::after {
  4785. -webkit-animation: 225ms mdc-ripple-fg-radius-in forwards, 75ms mdc-ripple-fg-opacity-in forwards;
  4786. animation: 225ms mdc-ripple-fg-radius-in forwards, 75ms mdc-ripple-fg-opacity-in forwards;
  4787. }
  4788. .mdc-radio.mdc-ripple-upgraded--foreground-deactivation::after {
  4789. -webkit-animation: 150ms mdc-ripple-fg-opacity-out;
  4790. animation: 150ms mdc-ripple-fg-opacity-out;
  4791. -webkit-transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
  4792. transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
  4793. }
  4794. .mdc-radio::before, .mdc-radio::after {
  4795. top: calc(50% - 50%);
  4796. /* @noflip */
  4797. left: calc(50% - 50%);
  4798. width: 100%;
  4799. height: 100%;
  4800. }
  4801. .mdc-radio.mdc-ripple-upgraded::before, .mdc-radio.mdc-ripple-upgraded::after {
  4802. top: var(--mdc-ripple-top, calc(50% - 50%));
  4803. /* @noflip */
  4804. left: var(--mdc-ripple-left, calc(50% - 50%));
  4805. width: var(--mdc-ripple-fg-size, 100%);
  4806. height: var(--mdc-ripple-fg-size, 100%);
  4807. }
  4808. .mdc-radio.mdc-ripple-upgraded::after {
  4809. width: var(--mdc-ripple-fg-size, 100%);
  4810. height: var(--mdc-ripple-fg-size, 100%);
  4811. }
  4812. .mdc-radio::before, .mdc-radio::after {
  4813. background-color: #018786;
  4814. }
  4815. @supports not (-ms-ime-align: auto) {
  4816. .mdc-radio::before, .mdc-radio::after {
  4817. /* @alternate */
  4818. background-color: var(--mdc-theme-secondary, #018786);
  4819. }
  4820. }
  4821. .mdc-radio:hover::before {
  4822. opacity: 0.04;
  4823. }
  4824. .mdc-radio:not(.mdc-ripple-upgraded):focus::before, .mdc-radio.mdc-ripple-upgraded--background-focused::before {
  4825. transition-duration: 75ms;
  4826. opacity: 0.12;
  4827. }
  4828. .mdc-radio:not(.mdc-ripple-upgraded)::after {
  4829. transition: opacity 150ms linear;
  4830. }
  4831. .mdc-radio:not(.mdc-ripple-upgraded):active::after {
  4832. transition-duration: 75ms;
  4833. opacity: 0.16;
  4834. }
  4835. .mdc-radio.mdc-ripple-upgraded {
  4836. --mdc-ripple-fg-opacity: 0.16;
  4837. }
  4838. .mdc-radio__background {
  4839. display: inline-block;
  4840. position: absolute;
  4841. left: 10px;
  4842. box-sizing: border-box;
  4843. width: 50%;
  4844. height: 50%;
  4845. }
  4846. .mdc-radio__background::before {
  4847. position: absolute;
  4848. top: 0;
  4849. left: 0;
  4850. width: 100%;
  4851. height: 100%;
  4852. -webkit-transform: scale(0, 0);
  4853. transform: scale(0, 0);
  4854. transition: opacity 120ms 0ms cubic-bezier(0.4, 0, 0.6, 1), -webkit-transform 120ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
  4855. transition: opacity 120ms 0ms cubic-bezier(0.4, 0, 0.6, 1), transform 120ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
  4856. transition: opacity 120ms 0ms cubic-bezier(0.4, 0, 0.6, 1), transform 120ms 0ms cubic-bezier(0.4, 0, 0.6, 1), -webkit-transform 120ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
  4857. border-radius: 50%;
  4858. opacity: 0;
  4859. pointer-events: none;
  4860. content: "";
  4861. }
  4862. .mdc-radio__outer-circle {
  4863. position: absolute;
  4864. top: 0;
  4865. left: 0;
  4866. box-sizing: border-box;
  4867. width: 100%;
  4868. height: 100%;
  4869. transition: border-color 120ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
  4870. border-width: 2px;
  4871. border-style: solid;
  4872. border-radius: 50%;
  4873. }
  4874. .mdc-radio__inner-circle {
  4875. position: absolute;
  4876. top: 0;
  4877. left: 0;
  4878. box-sizing: border-box;
  4879. width: 100%;
  4880. height: 100%;
  4881. -webkit-transform: scale(0, 0);
  4882. transform: scale(0, 0);
  4883. transition: border-color 120ms 0ms cubic-bezier(0.4, 0, 0.6, 1), -webkit-transform 120ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
  4884. transition: transform 120ms 0ms cubic-bezier(0.4, 0, 0.6, 1), border-color 120ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
  4885. transition: transform 120ms 0ms cubic-bezier(0.4, 0, 0.6, 1), border-color 120ms 0ms cubic-bezier(0.4, 0, 0.6, 1), -webkit-transform 120ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
  4886. border-width: 10px;
  4887. border-style: solid;
  4888. border-radius: 50%;
  4889. }
  4890. .mdc-radio__native-control {
  4891. position: absolute;
  4892. top: 0;
  4893. left: 0;
  4894. width: 100%;
  4895. height: 100%;
  4896. margin: 0;
  4897. padding: 0;
  4898. opacity: 0;
  4899. cursor: inherit;
  4900. z-index: 1;
  4901. }
  4902. .mdc-radio.mdc-ripple-upgraded--background-focused .mdc-radio__background::before {
  4903. content: none;
  4904. }
  4905. .mdc-radio__native-control:checked + .mdc-radio__background,
  4906. .mdc-radio__native-control:disabled + .mdc-radio__background {
  4907. transition: opacity 120ms 0ms cubic-bezier(0, 0, 0.2, 1), -webkit-transform 120ms 0ms cubic-bezier(0, 0, 0.2, 1);
  4908. transition: opacity 120ms 0ms cubic-bezier(0, 0, 0.2, 1), transform 120ms 0ms cubic-bezier(0, 0, 0.2, 1);
  4909. transition: opacity 120ms 0ms cubic-bezier(0, 0, 0.2, 1), transform 120ms 0ms cubic-bezier(0, 0, 0.2, 1), -webkit-transform 120ms 0ms cubic-bezier(0, 0, 0.2, 1);
  4910. }
  4911. .mdc-radio__native-control:checked + .mdc-radio__background .mdc-radio__outer-circle,
  4912. .mdc-radio__native-control:disabled + .mdc-radio__background .mdc-radio__outer-circle {
  4913. transition: border-color 120ms 0ms cubic-bezier(0, 0, 0.2, 1);
  4914. }
  4915. .mdc-radio__native-control:checked + .mdc-radio__background .mdc-radio__inner-circle,
  4916. .mdc-radio__native-control:disabled + .mdc-radio__background .mdc-radio__inner-circle {
  4917. transition: border-color 120ms 0ms cubic-bezier(0, 0, 0.2, 1), -webkit-transform 120ms 0ms cubic-bezier(0, 0, 0.2, 1);
  4918. transition: transform 120ms 0ms cubic-bezier(0, 0, 0.2, 1), border-color 120ms 0ms cubic-bezier(0, 0, 0.2, 1);
  4919. transition: transform 120ms 0ms cubic-bezier(0, 0, 0.2, 1), border-color 120ms 0ms cubic-bezier(0, 0, 0.2, 1), -webkit-transform 120ms 0ms cubic-bezier(0, 0, 0.2, 1);
  4920. }
  4921. .mdc-radio--disabled {
  4922. cursor: default;
  4923. pointer-events: none;
  4924. }
  4925. .mdc-radio__native-control:checked + .mdc-radio__background .mdc-radio__inner-circle {
  4926. -webkit-transform: scale(0.5);
  4927. transform: scale(0.5);
  4928. transition: border-color 120ms 0ms cubic-bezier(0, 0, 0.2, 1), -webkit-transform 120ms 0ms cubic-bezier(0, 0, 0.2, 1);
  4929. transition: transform 120ms 0ms cubic-bezier(0, 0, 0.2, 1), border-color 120ms 0ms cubic-bezier(0, 0, 0.2, 1);
  4930. transition: transform 120ms 0ms cubic-bezier(0, 0, 0.2, 1), border-color 120ms 0ms cubic-bezier(0, 0, 0.2, 1), -webkit-transform 120ms 0ms cubic-bezier(0, 0, 0.2, 1);
  4931. }
  4932. .mdc-radio__native-control:disabled + .mdc-radio__background,
  4933. [aria-disabled=true] .mdc-radio__native-control + .mdc-radio__background {
  4934. cursor: default;
  4935. }
  4936. .mdc-radio__native-control:disabled + .mdc-radio__background .mdc-radio__outer-circle,
  4937. [aria-disabled=true] .mdc-radio__native-control + .mdc-radio__background .mdc-radio__outer-circle {
  4938. border-color: rgba(0, 0, 0, 0.26);
  4939. }
  4940. .mdc-radio__native-control:disabled + .mdc-radio__background .mdc-radio__inner-circle,
  4941. [aria-disabled=true] .mdc-radio__native-control + .mdc-radio__background .mdc-radio__inner-circle {
  4942. border-color: rgba(0, 0, 0, 0.26);
  4943. }
  4944. .mdc-radio__native-control:focus + .mdc-radio__background::before {
  4945. -webkit-transform: scale(2, 2);
  4946. transform: scale(2, 2);
  4947. transition: opacity 120ms 0ms cubic-bezier(0, 0, 0.2, 1), -webkit-transform 120ms 0ms cubic-bezier(0, 0, 0.2, 1);
  4948. transition: opacity 120ms 0ms cubic-bezier(0, 0, 0.2, 1), transform 120ms 0ms cubic-bezier(0, 0, 0.2, 1);
  4949. transition: opacity 120ms 0ms cubic-bezier(0, 0, 0.2, 1), transform 120ms 0ms cubic-bezier(0, 0, 0.2, 1), -webkit-transform 120ms 0ms cubic-bezier(0, 0, 0.2, 1);
  4950. opacity: 0.12;
  4951. }
  4952. .mdc-ripple-surface {
  4953. --mdc-ripple-fg-size: 0;
  4954. --mdc-ripple-left: 0;
  4955. --mdc-ripple-top: 0;
  4956. --mdc-ripple-fg-scale: 1;
  4957. --mdc-ripple-fg-translate-end: 0;
  4958. --mdc-ripple-fg-translate-start: 0;
  4959. -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  4960. will-change: transform, opacity;
  4961. position: relative;
  4962. outline: none;
  4963. overflow: hidden;
  4964. }
  4965. .mdc-ripple-surface::before, .mdc-ripple-surface::after {
  4966. position: absolute;
  4967. border-radius: 50%;
  4968. opacity: 0;
  4969. pointer-events: none;
  4970. content: "";
  4971. }
  4972. .mdc-ripple-surface::before {
  4973. transition: opacity 15ms linear, background-color 15ms linear;
  4974. z-index: 1;
  4975. }
  4976. .mdc-ripple-surface.mdc-ripple-upgraded::before {
  4977. -webkit-transform: scale(var(--mdc-ripple-fg-scale, 1));
  4978. transform: scale(var(--mdc-ripple-fg-scale, 1));
  4979. }
  4980. .mdc-ripple-surface.mdc-ripple-upgraded::after {
  4981. top: 0;
  4982. /* @noflip */
  4983. left: 0;
  4984. -webkit-transform: scale(0);
  4985. transform: scale(0);
  4986. -webkit-transform-origin: center center;
  4987. transform-origin: center center;
  4988. }
  4989. .mdc-ripple-surface.mdc-ripple-upgraded--unbounded::after {
  4990. top: var(--mdc-ripple-top, 0);
  4991. /* @noflip */
  4992. left: var(--mdc-ripple-left, 0);
  4993. }
  4994. .mdc-ripple-surface.mdc-ripple-upgraded--foreground-activation::after {
  4995. -webkit-animation: 225ms mdc-ripple-fg-radius-in forwards, 75ms mdc-ripple-fg-opacity-in forwards;
  4996. animation: 225ms mdc-ripple-fg-radius-in forwards, 75ms mdc-ripple-fg-opacity-in forwards;
  4997. }
  4998. .mdc-ripple-surface.mdc-ripple-upgraded--foreground-deactivation::after {
  4999. -webkit-animation: 150ms mdc-ripple-fg-opacity-out;
  5000. animation: 150ms mdc-ripple-fg-opacity-out;
  5001. -webkit-transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
  5002. transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
  5003. }
  5004. .mdc-ripple-surface::before, .mdc-ripple-surface::after {
  5005. background-color: #000;
  5006. }
  5007. .mdc-ripple-surface:hover::before {
  5008. opacity: 0.04;
  5009. }
  5010. .mdc-ripple-surface:not(.mdc-ripple-upgraded):focus::before, .mdc-ripple-surface.mdc-ripple-upgraded--background-focused::before {
  5011. transition-duration: 75ms;
  5012. opacity: 0.12;
  5013. }
  5014. .mdc-ripple-surface:not(.mdc-ripple-upgraded)::after {
  5015. transition: opacity 150ms linear;
  5016. }
  5017. .mdc-ripple-surface:not(.mdc-ripple-upgraded):active::after {
  5018. transition-duration: 75ms;
  5019. opacity: 0.16;
  5020. }
  5021. .mdc-ripple-surface.mdc-ripple-upgraded {
  5022. --mdc-ripple-fg-opacity: 0.16;
  5023. }
  5024. .mdc-ripple-surface::before, .mdc-ripple-surface::after {
  5025. top: calc(50% - 100%);
  5026. /* @noflip */
  5027. left: calc(50% - 100%);
  5028. width: 200%;
  5029. height: 200%;
  5030. }
  5031. .mdc-ripple-surface.mdc-ripple-upgraded::after {
  5032. width: var(--mdc-ripple-fg-size, 100%);
  5033. height: var(--mdc-ripple-fg-size, 100%);
  5034. }
  5035. .mdc-ripple-surface[data-mdc-ripple-is-unbounded] {
  5036. overflow: visible;
  5037. }
  5038. .mdc-ripple-surface[data-mdc-ripple-is-unbounded]::before, .mdc-ripple-surface[data-mdc-ripple-is-unbounded]::after {
  5039. top: calc(50% - 50%);
  5040. /* @noflip */
  5041. left: calc(50% - 50%);
  5042. width: 100%;
  5043. height: 100%;
  5044. }
  5045. .mdc-ripple-surface[data-mdc-ripple-is-unbounded].mdc-ripple-upgraded::before, .mdc-ripple-surface[data-mdc-ripple-is-unbounded].mdc-ripple-upgraded::after {
  5046. top: var(--mdc-ripple-top, calc(50% - 50%));
  5047. /* @noflip */
  5048. left: var(--mdc-ripple-left, calc(50% - 50%));
  5049. width: var(--mdc-ripple-fg-size, 100%);
  5050. height: var(--mdc-ripple-fg-size, 100%);
  5051. }
  5052. .mdc-ripple-surface[data-mdc-ripple-is-unbounded].mdc-ripple-upgraded::after {
  5053. width: var(--mdc-ripple-fg-size, 100%);
  5054. height: var(--mdc-ripple-fg-size, 100%);
  5055. }
  5056. .mdc-ripple-surface--primary::before, .mdc-ripple-surface--primary::after {
  5057. background-color: #6200ee;
  5058. }
  5059. @supports not (-ms-ime-align: auto) {
  5060. .mdc-ripple-surface--primary::before, .mdc-ripple-surface--primary::after {
  5061. /* @alternate */
  5062. background-color: var(--mdc-theme-primary, #6200ee);
  5063. }
  5064. }
  5065. .mdc-ripple-surface--primary:hover::before {
  5066. opacity: 0.04;
  5067. }
  5068. .mdc-ripple-surface--primary:not(.mdc-ripple-upgraded):focus::before, .mdc-ripple-surface--primary.mdc-ripple-upgraded--background-focused::before {
  5069. transition-duration: 75ms;
  5070. opacity: 0.12;
  5071. }
  5072. .mdc-ripple-surface--primary:not(.mdc-ripple-upgraded)::after {
  5073. transition: opacity 150ms linear;
  5074. }
  5075. .mdc-ripple-surface--primary:not(.mdc-ripple-upgraded):active::after {
  5076. transition-duration: 75ms;
  5077. opacity: 0.16;
  5078. }
  5079. .mdc-ripple-surface--primary.mdc-ripple-upgraded {
  5080. --mdc-ripple-fg-opacity: 0.16;
  5081. }
  5082. .mdc-ripple-surface--accent::before, .mdc-ripple-surface--accent::after {
  5083. background-color: #018786;
  5084. }
  5085. @supports not (-ms-ime-align: auto) {
  5086. .mdc-ripple-surface--accent::before, .mdc-ripple-surface--accent::after {
  5087. /* @alternate */
  5088. background-color: var(--mdc-theme-secondary, #018786);
  5089. }
  5090. }
  5091. .mdc-ripple-surface--accent:hover::before {
  5092. opacity: 0.04;
  5093. }
  5094. .mdc-ripple-surface--accent:not(.mdc-ripple-upgraded):focus::before, .mdc-ripple-surface--accent.mdc-ripple-upgraded--background-focused::before {
  5095. transition-duration: 75ms;
  5096. opacity: 0.12;
  5097. }
  5098. .mdc-ripple-surface--accent:not(.mdc-ripple-upgraded)::after {
  5099. transition: opacity 150ms linear;
  5100. }
  5101. .mdc-ripple-surface--accent:not(.mdc-ripple-upgraded):active::after {
  5102. transition-duration: 75ms;
  5103. opacity: 0.16;
  5104. }
  5105. .mdc-ripple-surface--accent.mdc-ripple-upgraded {
  5106. --mdc-ripple-fg-opacity: 0.16;
  5107. }
  5108. @-webkit-keyframes mdc-select-float-native-control {
  5109. 0% {
  5110. -webkit-transform: translateY(8px);
  5111. transform: translateY(8px);
  5112. opacity: 0;
  5113. }
  5114. 100% {
  5115. -webkit-transform: translateY(0);
  5116. transform: translateY(0);
  5117. opacity: 1;
  5118. }
  5119. }
  5120. @keyframes mdc-select-float-native-control {
  5121. 0% {
  5122. -webkit-transform: translateY(8px);
  5123. transform: translateY(8px);
  5124. opacity: 0;
  5125. }
  5126. 100% {
  5127. -webkit-transform: translateY(0);
  5128. transform: translateY(0);
  5129. opacity: 1;
  5130. }
  5131. }
  5132. .mdc-select--with-leading-icon:not(.mdc-select--disabled) .mdc-select__icon {
  5133. color: #000;
  5134. /* @alternate */
  5135. color: var(--mdc-theme-on-surface, #000);
  5136. }
  5137. .mdc-select--with-leading-icon .mdc-select__icon {
  5138. display: inline-block;
  5139. position: absolute;
  5140. bottom: 16px;
  5141. box-sizing: border-box;
  5142. width: 24px;
  5143. height: 24px;
  5144. border: none;
  5145. background-color: transparent;
  5146. fill: currentColor;
  5147. opacity: 0.54;
  5148. text-decoration: none;
  5149. cursor: pointer;
  5150. -webkit-user-select: none;
  5151. -moz-user-select: none;
  5152. -ms-user-select: none;
  5153. user-select: none;
  5154. }
  5155. .mdc-select__icon:not([tabindex]),
  5156. .mdc-select__icon[tabindex="-1"] {
  5157. cursor: default;
  5158. pointer-events: none;
  5159. }
  5160. .mdc-select-helper-text {
  5161. font-family: Roboto, sans-serif;
  5162. -moz-osx-font-smoothing: grayscale;
  5163. -webkit-font-smoothing: antialiased;
  5164. font-size: 0.75rem;
  5165. line-height: 1.25rem;
  5166. font-weight: 400;
  5167. letter-spacing: 0.0333333333em;
  5168. text-decoration: inherit;
  5169. text-transform: inherit;
  5170. display: block;
  5171. margin-top: 0;
  5172. /* @alternate */
  5173. line-height: normal;
  5174. margin: 0;
  5175. transition: opacity 180ms cubic-bezier(0.4, 0, 0.2, 1);
  5176. opacity: 0;
  5177. will-change: opacity;
  5178. }
  5179. .mdc-select-helper-text::before {
  5180. display: inline-block;
  5181. width: 0;
  5182. height: 16px;
  5183. content: "";
  5184. vertical-align: 0;
  5185. }
  5186. .mdc-select-helper-text--persistent {
  5187. transition: none;
  5188. opacity: 1;
  5189. will-change: initial;
  5190. }
  5191. .mdc-select {
  5192. --mdc-ripple-fg-size: 0;
  5193. --mdc-ripple-left: 0;
  5194. --mdc-ripple-top: 0;
  5195. --mdc-ripple-fg-scale: 1;
  5196. --mdc-ripple-fg-translate-end: 0;
  5197. --mdc-ripple-fg-translate-start: 0;
  5198. -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  5199. will-change: transform, opacity;
  5200. display: inline-flex;
  5201. position: relative;
  5202. box-sizing: border-box;
  5203. height: 56px;
  5204. overflow: hidden;
  5205. will-change: opacity, transform, color;
  5206. }
  5207. .mdc-select:not(.mdc-select--disabled) {
  5208. background-color: whitesmoke;
  5209. }
  5210. .mdc-select::before, .mdc-select::after {
  5211. position: absolute;
  5212. border-radius: 50%;
  5213. opacity: 0;
  5214. pointer-events: none;
  5215. content: "";
  5216. }
  5217. .mdc-select::before {
  5218. transition: opacity 15ms linear, background-color 15ms linear;
  5219. z-index: 1;
  5220. }
  5221. .mdc-select.mdc-ripple-upgraded::before {
  5222. -webkit-transform: scale(var(--mdc-ripple-fg-scale, 1));
  5223. transform: scale(var(--mdc-ripple-fg-scale, 1));
  5224. }
  5225. .mdc-select.mdc-ripple-upgraded::after {
  5226. top: 0;
  5227. /* @noflip */
  5228. left: 0;
  5229. -webkit-transform: scale(0);
  5230. transform: scale(0);
  5231. -webkit-transform-origin: center center;
  5232. transform-origin: center center;
  5233. }
  5234. .mdc-select.mdc-ripple-upgraded--unbounded::after {
  5235. top: var(--mdc-ripple-top, 0);
  5236. /* @noflip */
  5237. left: var(--mdc-ripple-left, 0);
  5238. }
  5239. .mdc-select.mdc-ripple-upgraded--foreground-activation::after {
  5240. -webkit-animation: 225ms mdc-ripple-fg-radius-in forwards, 75ms mdc-ripple-fg-opacity-in forwards;
  5241. animation: 225ms mdc-ripple-fg-radius-in forwards, 75ms mdc-ripple-fg-opacity-in forwards;
  5242. }
  5243. .mdc-select.mdc-ripple-upgraded--foreground-deactivation::after {
  5244. -webkit-animation: 150ms mdc-ripple-fg-opacity-out;
  5245. animation: 150ms mdc-ripple-fg-opacity-out;
  5246. -webkit-transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
  5247. transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
  5248. }
  5249. .mdc-select::before, .mdc-select::after {
  5250. top: calc(50% - 100%);
  5251. /* @noflip */
  5252. left: calc(50% - 100%);
  5253. width: 200%;
  5254. height: 200%;
  5255. }
  5256. .mdc-select.mdc-ripple-upgraded::after {
  5257. width: var(--mdc-ripple-fg-size, 100%);
  5258. height: var(--mdc-ripple-fg-size, 100%);
  5259. }
  5260. .mdc-select::before, .mdc-select::after {
  5261. background-color: rgba(0, 0, 0, 0.87);
  5262. }
  5263. .mdc-select:hover::before {
  5264. opacity: 0.04;
  5265. }
  5266. .mdc-select:not(.mdc-ripple-upgraded):focus::before, .mdc-select.mdc-ripple-upgraded--background-focused::before {
  5267. transition-duration: 75ms;
  5268. opacity: 0.12;
  5269. }
  5270. .mdc-select:not(.mdc-select--disabled) .mdc-select__native-control,
  5271. .mdc-select:not(.mdc-select--disabled) .mdc-select__selected-text {
  5272. color: rgba(0, 0, 0, 0.87);
  5273. }
  5274. .mdc-select:not(.mdc-select--disabled) .mdc-floating-label {
  5275. color: rgba(0, 0, 0, 0.6);
  5276. }
  5277. .mdc-select:not(.mdc-select--disabled) .mdc-select__native-control,
  5278. .mdc-select:not(.mdc-select--disabled) .mdc-select__selected-text {
  5279. border-bottom-color: rgba(0, 0, 0, 0.42);
  5280. }
  5281. .mdc-select:not(.mdc-select--disabled) + .mdc-select-helper-text {
  5282. color: rgba(0, 0, 0, 0.6);
  5283. }
  5284. .mdc-select, .mdc-select__native-control {
  5285. border-radius: 4px 4px 0 0;
  5286. }
  5287. .mdc-select:not(.mdc-select--disabled).mdc-select--focused .mdc-line-ripple {
  5288. background-color: #6200ee;
  5289. /* @alternate */
  5290. background-color: var(--mdc-theme-primary, #6200ee);
  5291. }
  5292. .mdc-select:not(.mdc-select--disabled).mdc-select--focused .mdc-floating-label {
  5293. color: rgba(98, 0, 238, 0.87);
  5294. }
  5295. .mdc-select:not(.mdc-select--disabled) .mdc-select__native-control:hover {
  5296. border-bottom-color: rgba(0, 0, 0, 0.87);
  5297. }
  5298. .mdc-select .mdc-floating-label--float-above {
  5299. -webkit-transform: translateY(-70%) scale(0.75);
  5300. transform: translateY(-70%) scale(0.75);
  5301. }
  5302. .mdc-select .mdc-floating-label {
  5303. /* @noflip */
  5304. left: 16px;
  5305. /* @noflip */
  5306. right: initial;
  5307. top: 21px;
  5308. pointer-events: none;
  5309. }
  5310. [dir=rtl] .mdc-select .mdc-floating-label, .mdc-select .mdc-floating-label[dir=rtl] {
  5311. /* @noflip */
  5312. left: initial;
  5313. /* @noflip */
  5314. right: 16px;
  5315. }
  5316. .mdc-select.mdc-select--with-leading-icon .mdc-floating-label {
  5317. /* @noflip */
  5318. left: 48px;
  5319. /* @noflip */
  5320. right: initial;
  5321. }
  5322. [dir=rtl] .mdc-select.mdc-select--with-leading-icon .mdc-floating-label, .mdc-select.mdc-select--with-leading-icon .mdc-floating-label[dir=rtl] {
  5323. /* @noflip */
  5324. left: initial;
  5325. /* @noflip */
  5326. right: 48px;
  5327. }
  5328. .mdc-select.mdc-select--outlined .mdc-floating-label {
  5329. /* @noflip */
  5330. left: 4px;
  5331. /* @noflip */
  5332. right: initial;
  5333. top: 17px;
  5334. }
  5335. [dir=rtl] .mdc-select.mdc-select--outlined .mdc-floating-label, .mdc-select.mdc-select--outlined .mdc-floating-label[dir=rtl] {
  5336. /* @noflip */
  5337. left: initial;
  5338. /* @noflip */
  5339. right: 4px;
  5340. }
  5341. .mdc-select.mdc-select--outlined.mdc-select--with-leading-icon .mdc-floating-label {
  5342. /* @noflip */
  5343. left: 36px;
  5344. /* @noflip */
  5345. right: initial;
  5346. }
  5347. [dir=rtl] .mdc-select.mdc-select--outlined.mdc-select--with-leading-icon .mdc-floating-label, .mdc-select.mdc-select--outlined.mdc-select--with-leading-icon .mdc-floating-label[dir=rtl] {
  5348. /* @noflip */
  5349. left: initial;
  5350. /* @noflip */
  5351. right: 36px;
  5352. }
  5353. .mdc-select.mdc-select--outlined.mdc-select--with-leading-icon .mdc-floating-label--float-above {
  5354. /* @noflip */
  5355. left: 36px;
  5356. /* @noflip */
  5357. right: initial;
  5358. }
  5359. [dir=rtl] .mdc-select.mdc-select--outlined.mdc-select--with-leading-icon .mdc-floating-label--float-above, .mdc-select.mdc-select--outlined.mdc-select--with-leading-icon .mdc-floating-label--float-above[dir=rtl] {
  5360. /* @noflip */
  5361. left: initial;
  5362. /* @noflip */
  5363. right: 36px;
  5364. }
  5365. .mdc-select__dropdown-icon {
  5366. background: url("data:image/svg+xml,%3Csvg%20width%3D%2210px%22%20height%3D%225px%22%20viewBox%3D%227%2010%2010%205%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%0A%20%20%20%20%3Cpolygon%20id%3D%22Shape%22%20stroke%3D%22none%22%20fill%3D%22%23000%22%20fill-rule%3D%22evenodd%22%20opacity%3D%220.54%22%20points%3D%227%2010%2012%2015%2017%2010%22%3E%3C%2Fpolygon%3E%0A%3C%2Fsvg%3E") no-repeat center;
  5367. /* @noflip */
  5368. left: auto;
  5369. /* @noflip */
  5370. right: 8px;
  5371. position: absolute;
  5372. bottom: 16px;
  5373. width: 24px;
  5374. height: 24px;
  5375. transition: -webkit-transform 150ms cubic-bezier(0.4, 0, 0.2, 1);
  5376. transition: transform 150ms cubic-bezier(0.4, 0, 0.2, 1);
  5377. transition: transform 150ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 150ms cubic-bezier(0.4, 0, 0.2, 1);
  5378. pointer-events: none;
  5379. }
  5380. [dir=rtl] .mdc-select__dropdown-icon, .mdc-select__dropdown-icon[dir=rtl] {
  5381. /* @noflip */
  5382. left: 8px;
  5383. /* @noflip */
  5384. right: auto;
  5385. }
  5386. .mdc-select--focused .mdc-select__dropdown-icon {
  5387. background: url("data:image/svg+xml,%3Csvg%20width%3D%2210px%22%20height%3D%225px%22%20viewBox%3D%227%2010%2010%205%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%0A%20%20%20%20%3Cpolygon%20id%3D%22Shape%22%20stroke%3D%22none%22%20fill%3D%22%236200ee%22%20fill-rule%3D%22evenodd%22%20opacity%3D%221%22%20points%3D%227%2010%2012%2015%2017%2010%22%3E%3C%2Fpolygon%3E%0A%3C%2Fsvg%3E") no-repeat center;
  5388. -webkit-transform: rotate(180deg) translateY(-5px);
  5389. transform: rotate(180deg) translateY(-5px);
  5390. transition: -webkit-transform 150ms cubic-bezier(0.4, 0, 0.2, 1);
  5391. transition: transform 150ms cubic-bezier(0.4, 0, 0.2, 1);
  5392. transition: transform 150ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 150ms cubic-bezier(0.4, 0, 0.2, 1);
  5393. }
  5394. .mdc-select__native-control {
  5395. padding-top: 20px;
  5396. }
  5397. .mdc-select.mdc-select--focused .mdc-line-ripple::after {
  5398. -webkit-transform: scale(1, 2);
  5399. transform: scale(1, 2);
  5400. opacity: 1;
  5401. }
  5402. .mdc-select + .mdc-select-helper-text {
  5403. margin-right: 12px;
  5404. margin-left: 12px;
  5405. }
  5406. .mdc-select--outlined + .mdc-select-helper-text {
  5407. margin-right: 16px;
  5408. margin-left: 16px;
  5409. }
  5410. .mdc-select--focused + .mdc-select-helper-text:not(.mdc-select-helper-text--validation-msg) {
  5411. opacity: 1;
  5412. }
  5413. .mdc-select__selected-text {
  5414. min-width: 200px;
  5415. padding-top: 22px;
  5416. }
  5417. .mdc-select__native-control,
  5418. .mdc-select__selected-text {
  5419. /* @noflip */
  5420. padding-left: 16px;
  5421. /* @noflip */
  5422. padding-right: 52px;
  5423. font-family: Roboto, sans-serif;
  5424. -moz-osx-font-smoothing: grayscale;
  5425. -webkit-font-smoothing: antialiased;
  5426. font-size: 1rem;
  5427. line-height: 1.75rem;
  5428. font-weight: 400;
  5429. letter-spacing: 0.009375em;
  5430. text-decoration: inherit;
  5431. text-transform: inherit;
  5432. box-sizing: border-box;
  5433. width: 100%;
  5434. height: 56px;
  5435. padding-top: 20px;
  5436. padding-bottom: 4px;
  5437. border: none;
  5438. border-bottom: 1px solid;
  5439. outline: none;
  5440. background-color: transparent;
  5441. color: inherit;
  5442. white-space: nowrap;
  5443. cursor: pointer;
  5444. -webkit-appearance: none;
  5445. -moz-appearance: none;
  5446. appearance: none;
  5447. }
  5448. [dir=rtl] .mdc-select__native-control, .mdc-select__native-control[dir=rtl],
  5449. [dir=rtl] .mdc-select__selected-text,
  5450. .mdc-select__selected-text[dir=rtl] {
  5451. /* @noflip */
  5452. padding-left: 52px;
  5453. /* @noflip */
  5454. padding-right: 16px;
  5455. }
  5456. .mdc-select__native-control::-ms-expand,
  5457. .mdc-select__selected-text::-ms-expand {
  5458. display: none;
  5459. }
  5460. .mdc-select__native-control::-ms-value,
  5461. .mdc-select__selected-text::-ms-value {
  5462. background-color: transparent;
  5463. color: inherit;
  5464. }
  5465. @-moz-document url-prefix("") {
  5466. .mdc-select__native-control,
  5467. .mdc-select__selected-text {
  5468. text-indent: -2px;
  5469. }
  5470. }
  5471. .mdc-select--outlined {
  5472. border: none;
  5473. overflow: visible;
  5474. }
  5475. .mdc-select--outlined:not(.mdc-select--disabled) {
  5476. background-color: transparent;
  5477. }
  5478. .mdc-select--outlined:not(.mdc-select--disabled) .mdc-notched-outline__leading,
  5479. .mdc-select--outlined:not(.mdc-select--disabled) .mdc-notched-outline__notch,
  5480. .mdc-select--outlined:not(.mdc-select--disabled) .mdc-notched-outline__trailing {
  5481. border-color: rgba(0, 0, 0, 0.24);
  5482. }
  5483. .mdc-select--outlined:not(.mdc-select--disabled):not(.mdc-select--focused) .mdc-select__native-control:hover ~ .mdc-notched-outline .mdc-notched-outline__leading,
  5484. .mdc-select--outlined:not(.mdc-select--disabled):not(.mdc-select--focused) .mdc-select__native-control:hover ~ .mdc-notched-outline .mdc-notched-outline__notch,
  5485. .mdc-select--outlined:not(.mdc-select--disabled):not(.mdc-select--focused) .mdc-select__native-control:hover ~ .mdc-notched-outline .mdc-notched-outline__trailing, .mdc-select--outlined:not(.mdc-select--disabled):not(.mdc-select--focused) .mdc-select__selected-text:hover ~ .mdc-notched-outline .mdc-notched-outline__leading,
  5486. .mdc-select--outlined:not(.mdc-select--disabled):not(.mdc-select--focused) .mdc-select__selected-text:hover ~ .mdc-notched-outline .mdc-notched-outline__notch,
  5487. .mdc-select--outlined:not(.mdc-select--disabled):not(.mdc-select--focused) .mdc-select__selected-text:hover ~ .mdc-notched-outline .mdc-notched-outline__trailing {
  5488. border-color: rgba(0, 0, 0, 0.87);
  5489. }
  5490. .mdc-select--outlined:not(.mdc-select--disabled).mdc-select--focused .mdc-notched-outline .mdc-notched-outline__leading,
  5491. .mdc-select--outlined:not(.mdc-select--disabled).mdc-select--focused .mdc-notched-outline .mdc-notched-outline__notch,
  5492. .mdc-select--outlined:not(.mdc-select--disabled).mdc-select--focused .mdc-notched-outline .mdc-notched-outline__trailing {
  5493. border-width: 2px;
  5494. }
  5495. .mdc-select--outlined:not(.mdc-select--disabled).mdc-select--focused .mdc-notched-outline .mdc-notched-outline__leading,
  5496. .mdc-select--outlined:not(.mdc-select--disabled).mdc-select--focused .mdc-notched-outline .mdc-notched-outline__notch,
  5497. .mdc-select--outlined:not(.mdc-select--disabled).mdc-select--focused .mdc-notched-outline .mdc-notched-outline__trailing {
  5498. border-color: #6200ee;
  5499. /* @alternate */
  5500. border-color: var(--mdc-theme-primary, #6200ee);
  5501. }
  5502. .mdc-select--outlined .mdc-floating-label--shake {
  5503. -webkit-animation: mdc-floating-label-shake-float-above-text-field-outlined 250ms 1;
  5504. animation: mdc-floating-label-shake-float-above-text-field-outlined 250ms 1;
  5505. }
  5506. .mdc-select--outlined .mdc-notched-outline .mdc-notched-outline__leading {
  5507. /* @noflip */
  5508. border-radius: 4px 0 0 4px;
  5509. }
  5510. [dir=rtl] .mdc-select--outlined .mdc-notched-outline .mdc-notched-outline__leading, .mdc-select--outlined .mdc-notched-outline .mdc-notched-outline__leading[dir=rtl] {
  5511. /* @noflip */
  5512. border-radius: 0 4px 4px 0;
  5513. }
  5514. .mdc-select--outlined .mdc-notched-outline .mdc-notched-outline__trailing {
  5515. /* @noflip */
  5516. border-radius: 0 4px 4px 0;
  5517. }
  5518. [dir=rtl] .mdc-select--outlined .mdc-notched-outline .mdc-notched-outline__trailing, .mdc-select--outlined .mdc-notched-outline .mdc-notched-outline__trailing[dir=rtl] {
  5519. /* @noflip */
  5520. border-radius: 4px 0 0 4px;
  5521. }
  5522. .mdc-select--outlined .mdc-select__native-control {
  5523. border-radius: 4px;
  5524. }
  5525. .mdc-select--outlined::before, .mdc-select--outlined::after {
  5526. content: none;
  5527. }
  5528. .mdc-select--outlined:not(.mdc-select--disabled) {
  5529. background-color: transparent;
  5530. }
  5531. .mdc-select--outlined .mdc-floating-label--float-above {
  5532. -webkit-transform: translateY(-144%) scale(1);
  5533. transform: translateY(-144%) scale(1);
  5534. }
  5535. .mdc-select--outlined .mdc-floating-label--float-above {
  5536. font-size: 0.75rem;
  5537. }
  5538. .mdc-select--outlined.mdc-notched-outline--upgraded .mdc-floating-label--float-above,
  5539. .mdc-select--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above {
  5540. -webkit-transform: translateY(-130%) scale(0.75);
  5541. transform: translateY(-130%) scale(0.75);
  5542. }
  5543. .mdc-select--outlined.mdc-notched-outline--upgraded .mdc-floating-label--float-above,
  5544. .mdc-select--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above {
  5545. font-size: 1rem;
  5546. }
  5547. .mdc-select--outlined .mdc-select__native-control,
  5548. .mdc-select--outlined .mdc-select__selected-text {
  5549. /* @noflip */
  5550. padding-left: 16px;
  5551. /* @noflip */
  5552. padding-right: 52px;
  5553. display: flex;
  5554. padding-top: 12px;
  5555. padding-bottom: 12px;
  5556. border: none;
  5557. background-color: transparent;
  5558. z-index: 1;
  5559. }
  5560. [dir=rtl] .mdc-select--outlined .mdc-select__native-control, .mdc-select--outlined .mdc-select__native-control[dir=rtl],
  5561. [dir=rtl] .mdc-select--outlined .mdc-select__selected-text,
  5562. .mdc-select--outlined .mdc-select__selected-text[dir=rtl] {
  5563. /* @noflip */
  5564. padding-left: 52px;
  5565. /* @noflip */
  5566. padding-right: 16px;
  5567. }
  5568. .mdc-select--outlined .mdc-select__selected-text {
  5569. padding-top: 14px;
  5570. }
  5571. .mdc-select--outlined .mdc-select__icon {
  5572. z-index: 2;
  5573. }
  5574. .mdc-select--outlined .mdc-floating-label {
  5575. line-height: 1.15rem;
  5576. pointer-events: auto;
  5577. }
  5578. .mdc-select--invalid:not(.mdc-select--disabled) .mdc-floating-label {
  5579. color: #b00020;
  5580. /* @alternate */
  5581. color: var(--mdc-theme-error, #b00020);
  5582. }
  5583. .mdc-select--invalid:not(.mdc-select--disabled) .mdc-select__native-control,
  5584. .mdc-select--invalid:not(.mdc-select--disabled) .mdc-select__selected-text {
  5585. border-bottom-color: #b00020;
  5586. /* @alternate */
  5587. border-bottom-color: var(--mdc-theme-error, #b00020);
  5588. }
  5589. .mdc-select--invalid:not(.mdc-select--disabled).mdc-select--focused .mdc-line-ripple {
  5590. background-color: #b00020;
  5591. /* @alternate */
  5592. background-color: var(--mdc-theme-error, #b00020);
  5593. }
  5594. .mdc-select--invalid:not(.mdc-select--disabled).mdc-select--focused .mdc-floating-label {
  5595. color: #b00020;
  5596. }
  5597. .mdc-select--invalid:not(.mdc-select--disabled).mdc-select--invalid + .mdc-select-helper-text--validation-msg {
  5598. color: #b00020;
  5599. /* @alternate */
  5600. color: var(--mdc-theme-error, #b00020);
  5601. }
  5602. .mdc-select--invalid:not(.mdc-select--disabled) .mdc-select__native-control:hover {
  5603. border-bottom-color: #b00020;
  5604. /* @alternate */
  5605. border-bottom-color: var(--mdc-theme-error, #b00020);
  5606. }
  5607. .mdc-select--invalid.mdc-select--outlined:not(.mdc-select--disabled) .mdc-notched-outline__leading,
  5608. .mdc-select--invalid.mdc-select--outlined:not(.mdc-select--disabled) .mdc-notched-outline__notch,
  5609. .mdc-select--invalid.mdc-select--outlined:not(.mdc-select--disabled) .mdc-notched-outline__trailing {
  5610. border-color: #b00020;
  5611. /* @alternate */
  5612. border-color: var(--mdc-theme-error, #b00020);
  5613. }
  5614. .mdc-select--invalid.mdc-select--outlined:not(.mdc-select--disabled):not(.mdc-select--focused) .mdc-select__native-control:hover ~ .mdc-notched-outline .mdc-notched-outline__leading,
  5615. .mdc-select--invalid.mdc-select--outlined:not(.mdc-select--disabled):not(.mdc-select--focused) .mdc-select__native-control:hover ~ .mdc-notched-outline .mdc-notched-outline__notch,
  5616. .mdc-select--invalid.mdc-select--outlined:not(.mdc-select--disabled):not(.mdc-select--focused) .mdc-select__native-control:hover ~ .mdc-notched-outline .mdc-notched-outline__trailing, .mdc-select--invalid.mdc-select--outlined:not(.mdc-select--disabled):not(.mdc-select--focused) .mdc-select__selected-text:hover ~ .mdc-notched-outline .mdc-notched-outline__leading,
  5617. .mdc-select--invalid.mdc-select--outlined:not(.mdc-select--disabled):not(.mdc-select--focused) .mdc-select__selected-text:hover ~ .mdc-notched-outline .mdc-notched-outline__notch,
  5618. .mdc-select--invalid.mdc-select--outlined:not(.mdc-select--disabled):not(.mdc-select--focused) .mdc-select__selected-text:hover ~ .mdc-notched-outline .mdc-notched-outline__trailing {
  5619. border-color: #b00020;
  5620. /* @alternate */
  5621. border-color: var(--mdc-theme-error, #b00020);
  5622. }
  5623. .mdc-select--invalid.mdc-select--outlined:not(.mdc-select--disabled).mdc-select--focused .mdc-notched-outline .mdc-notched-outline__leading,
  5624. .mdc-select--invalid.mdc-select--outlined:not(.mdc-select--disabled).mdc-select--focused .mdc-notched-outline .mdc-notched-outline__notch,
  5625. .mdc-select--invalid.mdc-select--outlined:not(.mdc-select--disabled).mdc-select--focused .mdc-notched-outline .mdc-notched-outline__trailing {
  5626. border-width: 2px;
  5627. }
  5628. .mdc-select--invalid.mdc-select--outlined:not(.mdc-select--disabled).mdc-select--focused .mdc-notched-outline .mdc-notched-outline__leading,
  5629. .mdc-select--invalid.mdc-select--outlined:not(.mdc-select--disabled).mdc-select--focused .mdc-notched-outline .mdc-notched-outline__notch,
  5630. .mdc-select--invalid.mdc-select--outlined:not(.mdc-select--disabled).mdc-select--focused .mdc-notched-outline .mdc-notched-outline__trailing {
  5631. border-color: #b00020;
  5632. /* @alternate */
  5633. border-color: var(--mdc-theme-error, #b00020);
  5634. }
  5635. .mdc-select--invalid .mdc-select__dropdown-icon {
  5636. background: url("data:image/svg+xml,%3Csvg%20width%3D%2210px%22%20height%3D%225px%22%20viewBox%3D%227%2010%2010%205%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%0A%20%20%20%20%3Cpolygon%20id%3D%22Shape%22%20stroke%3D%22none%22%20fill%3D%22%23b00020%22%20fill-rule%3D%22evenodd%22%20opacity%3D%221%22%20points%3D%227%2010%2012%2015%2017%2010%22%3E%3C%2Fpolygon%3E%0A%3C%2Fsvg%3E") no-repeat center;
  5637. }
  5638. .mdc-select--invalid + .mdc-select-helper-text--validation-msg {
  5639. opacity: 1;
  5640. }
  5641. .mdc-select--required .mdc-floating-label::after {
  5642. content: "*";
  5643. }
  5644. .mdc-select--disabled {
  5645. background-color: #fafafa;
  5646. cursor: default;
  5647. pointer-events: none;
  5648. }
  5649. .mdc-select--disabled .mdc-floating-label {
  5650. color: rgba(0, 0, 0, 0.37);
  5651. }
  5652. .mdc-select--disabled .mdc-select__dropdown-icon {
  5653. background: url("data:image/svg+xml,%3Csvg%20width%3D%2210px%22%20height%3D%225px%22%20viewBox%3D%227%2010%2010%205%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%0A%20%20%20%20%3Cpolygon%20id%3D%22Shape%22%20stroke%3D%22none%22%20fill%3D%22%23000%22%20fill-rule%3D%22evenodd%22%20opacity%3D%220.37%22%20points%3D%227%2010%2012%2015%2017%2010%22%3E%3C%2Fpolygon%3E%0A%3C%2Fsvg%3E") no-repeat center;
  5654. }
  5655. .mdc-select--disabled .mdc-line-ripple {
  5656. display: none;
  5657. }
  5658. .mdc-select--disabled .mdc-select__icon {
  5659. color: rgba(0, 0, 0, 0.37);
  5660. }
  5661. .mdc-select--disabled .mdc-select__native-control,
  5662. .mdc-select--disabled .mdc-select__selected-text {
  5663. color: rgba(0, 0, 0, 0.37);
  5664. border-bottom-style: dotted;
  5665. }
  5666. .mdc-select--disabled .mdc-select__selected-text {
  5667. pointer-events: none;
  5668. }
  5669. .mdc-select--disabled.mdc-select--outlined {
  5670. background-color: transparent;
  5671. }
  5672. .mdc-select--disabled.mdc-select--outlined .mdc-select__native-control,
  5673. .mdc-select--disabled.mdc-select--outlined .mdc-select__selected-text {
  5674. border-bottom-style: none;
  5675. }
  5676. .mdc-select--disabled.mdc-select--outlined .mdc-notched-outline__leading,
  5677. .mdc-select--disabled.mdc-select--outlined .mdc-notched-outline__notch,
  5678. .mdc-select--disabled.mdc-select--outlined .mdc-notched-outline__trailing {
  5679. border-color: rgba(0, 0, 0, 0.16);
  5680. }
  5681. .mdc-select--with-leading-icon .mdc-select__icon {
  5682. /* @noflip */
  5683. left: 16px;
  5684. /* @noflip */
  5685. right: initial;
  5686. }
  5687. [dir=rtl] .mdc-select--with-leading-icon .mdc-select__icon, .mdc-select--with-leading-icon .mdc-select__icon[dir=rtl] {
  5688. /* @noflip */
  5689. left: initial;
  5690. /* @noflip */
  5691. right: 16px;
  5692. }
  5693. .mdc-select--with-leading-icon .mdc-select__native-control,
  5694. .mdc-select--with-leading-icon .mdc-select__selected-text {
  5695. /* @noflip */
  5696. padding-left: 48px;
  5697. /* @noflip */
  5698. padding-right: 32px;
  5699. }
  5700. [dir=rtl] .mdc-select--with-leading-icon .mdc-select__native-control, .mdc-select--with-leading-icon .mdc-select__native-control[dir=rtl],
  5701. [dir=rtl] .mdc-select--with-leading-icon .mdc-select__selected-text,
  5702. .mdc-select--with-leading-icon .mdc-select__selected-text[dir=rtl] {
  5703. /* @noflip */
  5704. padding-left: 32px;
  5705. /* @noflip */
  5706. padding-right: 48px;
  5707. }
  5708. .mdc-select--with-leading-icon.mdc-select--outlined .mdc-floating-label--float-above {
  5709. -webkit-transform: translateY(-144%) translateX(-32px) scale(1);
  5710. transform: translateY(-144%) translateX(-32px) scale(1);
  5711. }
  5712. [dir=rtl] .mdc-select--with-leading-icon.mdc-select--outlined .mdc-floating-label--float-above, .mdc-select--with-leading-icon.mdc-select--outlined .mdc-floating-label--float-above[dir=rtl] {
  5713. -webkit-transform: translateY(-144%) translateX(32px) scale(1);
  5714. transform: translateY(-144%) translateX(32px) scale(1);
  5715. }
  5716. .mdc-select--with-leading-icon.mdc-select--outlined .mdc-floating-label--float-above {
  5717. font-size: 0.75rem;
  5718. }
  5719. .mdc-select--with-leading-icon.mdc-select--outlined.mdc-notched-outline--upgraded .mdc-floating-label--float-above,
  5720. .mdc-select--with-leading-icon.mdc-select--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above {
  5721. -webkit-transform: translateY(-130%) translateX(-32px) scale(0.75);
  5722. transform: translateY(-130%) translateX(-32px) scale(0.75);
  5723. }
  5724. [dir=rtl] .mdc-select--with-leading-icon.mdc-select--outlined.mdc-notched-outline--upgraded .mdc-floating-label--float-above, .mdc-select--with-leading-icon.mdc-select--outlined.mdc-notched-outline--upgraded .mdc-floating-label--float-above[dir=rtl],
  5725. [dir=rtl] .mdc-select--with-leading-icon.mdc-select--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above,
  5726. .mdc-select--with-leading-icon.mdc-select--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above[dir=rtl] {
  5727. -webkit-transform: translateY(-130%) translateX(32px) scale(0.75);
  5728. transform: translateY(-130%) translateX(32px) scale(0.75);
  5729. }
  5730. .mdc-select--with-leading-icon.mdc-select--outlined.mdc-notched-outline--upgraded .mdc-floating-label--float-above,
  5731. .mdc-select--with-leading-icon.mdc-select--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above {
  5732. font-size: 1rem;
  5733. }
  5734. .mdc-select--with-leading-icon.mdc-select--outlined .mdc-floating-label--shake {
  5735. -webkit-animation: mdc-floating-label-shake-float-above-select-outlined-leading-icon 250ms 1;
  5736. animation: mdc-floating-label-shake-float-above-select-outlined-leading-icon 250ms 1;
  5737. }
  5738. [dir=rtl] .mdc-select--with-leading-icon.mdc-select--outlined .mdc-floating-label--shake, .mdc-select--with-leading-icon.mdc-select--outlined[dir=rtl] .mdc-floating-label--shake {
  5739. -webkit-animation: mdc-floating-label-shake-float-above-select-outlined-leading-icon-rtl 250ms 1;
  5740. animation: mdc-floating-label-shake-float-above-select-outlined-leading-icon-rtl 250ms 1;
  5741. }
  5742. .mdc-select--with-leading-icon.mdc-select__menu .mdc-list-item__text {
  5743. /* @noflip */
  5744. padding-left: 32px;
  5745. /* @noflip */
  5746. padding-right: 32px;
  5747. }
  5748. [dir=rtl] .mdc-select--with-leading-icon.mdc-select__menu .mdc-list-item__text, .mdc-select--with-leading-icon.mdc-select__menu .mdc-list-item__text[dir=rtl] {
  5749. /* @noflip */
  5750. padding-left: 32px;
  5751. /* @noflip */
  5752. padding-right: 32px;
  5753. }
  5754. .mdc-select__menu .mdc-list .mdc-list-item--selected {
  5755. color: #000;
  5756. /* @alternate */
  5757. color: var(--mdc-theme-on-surface, #000);
  5758. }
  5759. .mdc-select__menu .mdc-list .mdc-list-item--selected::before, .mdc-select__menu .mdc-list .mdc-list-item--selected::after {
  5760. background-color: #000;
  5761. }
  5762. @supports not (-ms-ime-align: auto) {
  5763. .mdc-select__menu .mdc-list .mdc-list-item--selected::before, .mdc-select__menu .mdc-list .mdc-list-item--selected::after {
  5764. /* @alternate */
  5765. background-color: var(--mdc-theme-on-surface, #000);
  5766. }
  5767. }
  5768. .mdc-select__menu .mdc-list .mdc-list-item--selected:hover::before {
  5769. opacity: 0.04;
  5770. }
  5771. .mdc-select__menu .mdc-list .mdc-list-item--selected:not(.mdc-ripple-upgraded):focus::before, .mdc-select__menu .mdc-list .mdc-list-item--selected.mdc-ripple-upgraded--background-focused::before {
  5772. transition-duration: 75ms;
  5773. opacity: 0.12;
  5774. }
  5775. .mdc-select__menu .mdc-list .mdc-list-item--selected:not(.mdc-ripple-upgraded)::after {
  5776. transition: opacity 150ms linear;
  5777. }
  5778. .mdc-select__menu .mdc-list .mdc-list-item--selected:not(.mdc-ripple-upgraded):active::after {
  5779. transition-duration: 75ms;
  5780. opacity: 0.16;
  5781. }
  5782. .mdc-select__menu .mdc-list .mdc-list-item--selected.mdc-ripple-upgraded {
  5783. --mdc-ripple-fg-opacity: 0.16;
  5784. }
  5785. @-webkit-keyframes mdc-floating-label-shake-float-above-select-outlined-leading-icon {
  5786. 0% {
  5787. -webkit-transform: translateX(calc(0 - 32px)) translateY(-130%) scale(0.75);
  5788. transform: translateX(calc(0 - 32px)) translateY(-130%) scale(0.75);
  5789. }
  5790. 33% {
  5791. -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);
  5792. animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);
  5793. -webkit-transform: translateX(calc(4% - 32px)) translateY(-130%) scale(0.75);
  5794. transform: translateX(calc(4% - 32px)) translateY(-130%) scale(0.75);
  5795. }
  5796. 66% {
  5797. -webkit-animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
  5798. animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
  5799. -webkit-transform: translateX(calc(-4% - 32px)) translateY(-130%) scale(0.75);
  5800. transform: translateX(calc(-4% - 32px)) translateY(-130%) scale(0.75);
  5801. }
  5802. 100% {
  5803. -webkit-transform: translateX(calc(0 - 32px)) translateY(-130%) scale(0.75);
  5804. transform: translateX(calc(0 - 32px)) translateY(-130%) scale(0.75);
  5805. }
  5806. }
  5807. @keyframes mdc-floating-label-shake-float-above-select-outlined-leading-icon {
  5808. 0% {
  5809. -webkit-transform: translateX(calc(0 - 32px)) translateY(-130%) scale(0.75);
  5810. transform: translateX(calc(0 - 32px)) translateY(-130%) scale(0.75);
  5811. }
  5812. 33% {
  5813. -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);
  5814. animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);
  5815. -webkit-transform: translateX(calc(4% - 32px)) translateY(-130%) scale(0.75);
  5816. transform: translateX(calc(4% - 32px)) translateY(-130%) scale(0.75);
  5817. }
  5818. 66% {
  5819. -webkit-animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
  5820. animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
  5821. -webkit-transform: translateX(calc(-4% - 32px)) translateY(-130%) scale(0.75);
  5822. transform: translateX(calc(-4% - 32px)) translateY(-130%) scale(0.75);
  5823. }
  5824. 100% {
  5825. -webkit-transform: translateX(calc(0 - 32px)) translateY(-130%) scale(0.75);
  5826. transform: translateX(calc(0 - 32px)) translateY(-130%) scale(0.75);
  5827. }
  5828. }
  5829. @-webkit-keyframes mdc-floating-label-shake-float-above-select-outlined-leading-icon-rtl {
  5830. 0% {
  5831. -webkit-transform: translateX(calc(0 - -32px)) translateY(-130%) scale(0.75);
  5832. transform: translateX(calc(0 - -32px)) translateY(-130%) scale(0.75);
  5833. }
  5834. 33% {
  5835. -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);
  5836. animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);
  5837. -webkit-transform: translateX(calc(4% - -32px)) translateY(-130%) scale(0.75);
  5838. transform: translateX(calc(4% - -32px)) translateY(-130%) scale(0.75);
  5839. }
  5840. 66% {
  5841. -webkit-animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
  5842. animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
  5843. -webkit-transform: translateX(calc(-4% - -32px)) translateY(-130%) scale(0.75);
  5844. transform: translateX(calc(-4% - -32px)) translateY(-130%) scale(0.75);
  5845. }
  5846. 100% {
  5847. -webkit-transform: translateX(calc(0 - -32px)) translateY(-130%) scale(0.75);
  5848. transform: translateX(calc(0 - -32px)) translateY(-130%) scale(0.75);
  5849. }
  5850. }
  5851. @keyframes mdc-floating-label-shake-float-above-select-outlined-leading-icon-rtl {
  5852. 0% {
  5853. -webkit-transform: translateX(calc(0 - -32px)) translateY(-130%) scale(0.75);
  5854. transform: translateX(calc(0 - -32px)) translateY(-130%) scale(0.75);
  5855. }
  5856. 33% {
  5857. -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);
  5858. animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);
  5859. -webkit-transform: translateX(calc(4% - -32px)) translateY(-130%) scale(0.75);
  5860. transform: translateX(calc(4% - -32px)) translateY(-130%) scale(0.75);
  5861. }
  5862. 66% {
  5863. -webkit-animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
  5864. animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
  5865. -webkit-transform: translateX(calc(-4% - -32px)) translateY(-130%) scale(0.75);
  5866. transform: translateX(calc(-4% - -32px)) translateY(-130%) scale(0.75);
  5867. }
  5868. 100% {
  5869. -webkit-transform: translateX(calc(0 - -32px)) translateY(-130%) scale(0.75);
  5870. transform: translateX(calc(0 - -32px)) translateY(-130%) scale(0.75);
  5871. }
  5872. }
  5873. @-webkit-keyframes mdc-slider-emphasize {
  5874. 0% {
  5875. -webkit-animation-timing-function: ease-out;
  5876. animation-timing-function: ease-out;
  5877. }
  5878. 50% {
  5879. -webkit-animation-timing-function: ease-in;
  5880. animation-timing-function: ease-in;
  5881. -webkit-transform: scale(0.85);
  5882. transform: scale(0.85);
  5883. }
  5884. 100% {
  5885. -webkit-transform: scale(0.571);
  5886. transform: scale(0.571);
  5887. }
  5888. }
  5889. @keyframes mdc-slider-emphasize {
  5890. 0% {
  5891. -webkit-animation-timing-function: ease-out;
  5892. animation-timing-function: ease-out;
  5893. }
  5894. 50% {
  5895. -webkit-animation-timing-function: ease-in;
  5896. animation-timing-function: ease-in;
  5897. -webkit-transform: scale(0.85);
  5898. transform: scale(0.85);
  5899. }
  5900. 100% {
  5901. -webkit-transform: scale(0.571);
  5902. transform: scale(0.571);
  5903. }
  5904. }
  5905. .mdc-slider {
  5906. position: relative;
  5907. width: 100%;
  5908. height: 48px;
  5909. cursor: pointer;
  5910. touch-action: pan-x;
  5911. -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  5912. }
  5913. .mdc-slider:not(.mdc-slider--disabled) .mdc-slider__track {
  5914. background-color: #018786;
  5915. /* @alternate */
  5916. background-color: var(--mdc-theme-secondary, #018786);
  5917. }
  5918. .mdc-slider:not(.mdc-slider--disabled) .mdc-slider__track-container {
  5919. background-color: rgba(1, 135, 134, 0.26);
  5920. }
  5921. .mdc-slider:not(.mdc-slider--disabled) .mdc-slider__track-marker::after,
  5922. .mdc-slider:not(.mdc-slider--disabled) .mdc-slider__track-marker-container::after {
  5923. background-color: #018786;
  5924. /* @alternate */
  5925. background-color: var(--mdc-theme-secondary, #018786);
  5926. }
  5927. .mdc-slider:not(.mdc-slider--disabled) .mdc-slider__thumb {
  5928. fill: #018786;
  5929. /* @alternate */
  5930. fill: var(--mdc-theme-secondary, #018786);
  5931. stroke: #018786;
  5932. /* @alternate */
  5933. stroke: var(--mdc-theme-secondary, #018786);
  5934. }
  5935. .mdc-slider:not(.mdc-slider--disabled) .mdc-slider__focus-ring {
  5936. background-color: #018786;
  5937. /* @alternate */
  5938. background-color: var(--mdc-theme-secondary, #018786);
  5939. }
  5940. .mdc-slider:not(.mdc-slider--disabled) .mdc-slider__pin {
  5941. background-color: #018786;
  5942. /* @alternate */
  5943. background-color: var(--mdc-theme-secondary, #018786);
  5944. }
  5945. .mdc-slider:not(.mdc-slider--disabled) .mdc-slider__pin {
  5946. color: white;
  5947. /* @alternate */
  5948. color: var(--mdc-theme-text-primary-on-dark, white);
  5949. }
  5950. .mdc-slider--disabled {
  5951. cursor: auto;
  5952. }
  5953. .mdc-slider--disabled .mdc-slider__track {
  5954. background-color: #9a9a9a;
  5955. }
  5956. .mdc-slider--disabled .mdc-slider__track-container {
  5957. background-color: rgba(154, 154, 154, 0.26);
  5958. }
  5959. .mdc-slider--disabled .mdc-slider__track-marker::after,
  5960. .mdc-slider--disabled .mdc-slider__track-marker-container::after {
  5961. background-color: #9a9a9a;
  5962. }
  5963. .mdc-slider--disabled .mdc-slider__thumb {
  5964. fill: #9a9a9a;
  5965. stroke: #9a9a9a;
  5966. }
  5967. .mdc-slider--disabled .mdc-slider__thumb {
  5968. /* @alternate */
  5969. stroke: white;
  5970. stroke: var(--mdc-slider-bg-color-behind-component, white);
  5971. }
  5972. .mdc-slider:focus {
  5973. outline: none;
  5974. }
  5975. .mdc-slider__track-container {
  5976. position: absolute;
  5977. top: 50%;
  5978. width: 100%;
  5979. height: 2px;
  5980. overflow: hidden;
  5981. }
  5982. .mdc-slider__track {
  5983. position: absolute;
  5984. width: 100%;
  5985. height: 100%;
  5986. -webkit-transform-origin: left top;
  5987. transform-origin: left top;
  5988. will-change: transform;
  5989. }
  5990. .mdc-slider[dir=rtl] .mdc-slider__track, [dir=rtl] .mdc-slider .mdc-slider__track {
  5991. -webkit-transform-origin: right top;
  5992. transform-origin: right top;
  5993. }
  5994. .mdc-slider__track-marker-container {
  5995. display: flex;
  5996. margin-right: 0;
  5997. margin-left: -1px;
  5998. visibility: hidden;
  5999. }
  6000. .mdc-slider[dir=rtl] .mdc-slider__track-marker-container, [dir=rtl] .mdc-slider .mdc-slider__track-marker-container {
  6001. margin-right: -1px;
  6002. margin-left: 0;
  6003. }
  6004. .mdc-slider__track-marker-container::after {
  6005. display: block;
  6006. width: 2px;
  6007. height: 2px;
  6008. content: "";
  6009. }
  6010. .mdc-slider__track-marker {
  6011. flex: 1;
  6012. }
  6013. .mdc-slider__track-marker::after {
  6014. display: block;
  6015. width: 2px;
  6016. height: 2px;
  6017. content: "";
  6018. }
  6019. .mdc-slider__track-marker:first-child::after {
  6020. width: 3px;
  6021. }
  6022. .mdc-slider__thumb-container {
  6023. position: absolute;
  6024. top: 15px;
  6025. left: 0;
  6026. width: 21px;
  6027. height: 100%;
  6028. -webkit-user-select: none;
  6029. -moz-user-select: none;
  6030. -ms-user-select: none;
  6031. user-select: none;
  6032. will-change: transform;
  6033. }
  6034. .mdc-slider__thumb {
  6035. position: absolute;
  6036. top: 0;
  6037. left: 0;
  6038. -webkit-transform: scale(0.571);
  6039. transform: scale(0.571);
  6040. transition: fill 100ms ease-out, stroke 100ms ease-out, -webkit-transform 100ms ease-out;
  6041. transition: transform 100ms ease-out, fill 100ms ease-out, stroke 100ms ease-out;
  6042. transition: transform 100ms ease-out, fill 100ms ease-out, stroke 100ms ease-out, -webkit-transform 100ms ease-out;
  6043. stroke-width: 3.5;
  6044. }
  6045. .mdc-slider__focus-ring {
  6046. width: 21px;
  6047. height: 21px;
  6048. transition: opacity 266.67ms ease-out, background-color 266.67ms ease-out, -webkit-transform 266.67ms ease-out;
  6049. transition: transform 266.67ms ease-out, opacity 266.67ms ease-out, background-color 266.67ms ease-out;
  6050. transition: transform 266.67ms ease-out, opacity 266.67ms ease-out, background-color 266.67ms ease-out, -webkit-transform 266.67ms ease-out;
  6051. border-radius: 50%;
  6052. opacity: 0;
  6053. }
  6054. .mdc-slider__pin {
  6055. display: flex;
  6056. position: absolute;
  6057. top: 0;
  6058. left: 0;
  6059. align-items: center;
  6060. justify-content: center;
  6061. width: 26px;
  6062. height: 26px;
  6063. margin-top: -2px;
  6064. margin-left: -2px;
  6065. -webkit-transform: rotate(-45deg) scale(0) translate(0, 0);
  6066. transform: rotate(-45deg) scale(0) translate(0, 0);
  6067. transition: -webkit-transform 100ms ease-out;
  6068. transition: transform 100ms ease-out;
  6069. transition: transform 100ms ease-out, -webkit-transform 100ms ease-out;
  6070. border-radius: 50% 50% 50% 0%;
  6071. z-index: 1;
  6072. }
  6073. .mdc-slider__pin-value-marker {
  6074. font-family: Roboto, sans-serif;
  6075. -moz-osx-font-smoothing: grayscale;
  6076. -webkit-font-smoothing: antialiased;
  6077. font-size: 0.875rem;
  6078. line-height: 1.25rem;
  6079. font-weight: 400;
  6080. letter-spacing: 0.0178571429em;
  6081. text-decoration: inherit;
  6082. text-transform: inherit;
  6083. -webkit-transform: rotate(45deg);
  6084. transform: rotate(45deg);
  6085. }
  6086. .mdc-slider--active .mdc-slider__thumb {
  6087. -webkit-transform: scale3d(1, 1, 1);
  6088. transform: scale3d(1, 1, 1);
  6089. }
  6090. .mdc-slider--focus .mdc-slider__thumb {
  6091. -webkit-animation: mdc-slider-emphasize 266.67ms linear;
  6092. animation: mdc-slider-emphasize 266.67ms linear;
  6093. }
  6094. .mdc-slider--focus .mdc-slider__focus-ring {
  6095. -webkit-transform: scale3d(1.55, 1.55, 1.55);
  6096. transform: scale3d(1.55, 1.55, 1.55);
  6097. opacity: 0.25;
  6098. }
  6099. .mdc-slider--in-transit .mdc-slider__thumb {
  6100. transition-delay: 140ms;
  6101. }
  6102. .mdc-slider--in-transit .mdc-slider__thumb-container,
  6103. .mdc-slider--in-transit .mdc-slider__track,
  6104. .mdc-slider:focus:not(.mdc-slider--active) .mdc-slider__thumb-container,
  6105. .mdc-slider:focus:not(.mdc-slider--active) .mdc-slider__track {
  6106. transition: -webkit-transform 80ms ease;
  6107. transition: transform 80ms ease;
  6108. transition: transform 80ms ease, -webkit-transform 80ms ease;
  6109. }
  6110. .mdc-slider--discrete.mdc-slider--active .mdc-slider__thumb {
  6111. -webkit-transform: scale(calc(12 / 21));
  6112. transform: scale(calc(12 / 21));
  6113. }
  6114. .mdc-slider--discrete.mdc-slider--active .mdc-slider__pin {
  6115. -webkit-transform: rotate(-45deg) scale(1) translate(19px, -20px);
  6116. transform: rotate(-45deg) scale(1) translate(19px, -20px);
  6117. }
  6118. .mdc-slider--discrete.mdc-slider--focus .mdc-slider__thumb {
  6119. -webkit-animation: none;
  6120. animation: none;
  6121. }
  6122. .mdc-slider--discrete.mdc-slider--display-markers .mdc-slider__track-marker-container {
  6123. visibility: visible;
  6124. }
  6125. .mdc-snackbar {
  6126. display: flex;
  6127. position: fixed;
  6128. bottom: 0;
  6129. left: 50%;
  6130. align-items: center;
  6131. justify-content: flex-start;
  6132. box-sizing: border-box;
  6133. padding-right: 24px;
  6134. padding-left: 24px;
  6135. -webkit-transform: translate(-50%, 100%);
  6136. transform: translate(-50%, 100%);
  6137. transition: -webkit-transform 0.25s 0ms cubic-bezier(0.4, 0, 1, 1);
  6138. transition: transform 0.25s 0ms cubic-bezier(0.4, 0, 1, 1);
  6139. transition: transform 0.25s 0ms cubic-bezier(0.4, 0, 1, 1), -webkit-transform 0.25s 0ms cubic-bezier(0.4, 0, 1, 1);
  6140. background-color: #323232;
  6141. pointer-events: none;
  6142. will-change: transform;
  6143. }
  6144. @media (max-width: 599px) {
  6145. .mdc-snackbar {
  6146. left: 0;
  6147. width: 100%;
  6148. -webkit-transform: translate(0, 100%);
  6149. transform: translate(0, 100%);
  6150. }
  6151. }
  6152. @media (min-width: 600px) {
  6153. .mdc-snackbar {
  6154. min-width: 288px;
  6155. max-width: 568px;
  6156. border-radius: 2px;
  6157. }
  6158. }
  6159. @media (min-width: 600px) {
  6160. .mdc-snackbar--align-start {
  6161. /* @noflip */
  6162. left: 24px;
  6163. /* @noflip */
  6164. right: initial;
  6165. bottom: 24px;
  6166. -webkit-transform: translate(0, 200%);
  6167. transform: translate(0, 200%);
  6168. }
  6169. [dir=rtl] .mdc-snackbar--align-start, .mdc-snackbar--align-start[dir=rtl] {
  6170. /* @noflip */
  6171. left: initial;
  6172. /* @noflip */
  6173. right: 24px;
  6174. }
  6175. }
  6176. @media (max-width: 599px) {
  6177. .mdc-snackbar--align-start {
  6178. bottom: 0;
  6179. left: 0;
  6180. width: 100%;
  6181. -webkit-transform: translate(0, 100%);
  6182. transform: translate(0, 100%);
  6183. }
  6184. }
  6185. .mdc-snackbar--active {
  6186. -webkit-transform: translate(0);
  6187. transform: translate(0);
  6188. transition: -webkit-transform 0.25s 0ms cubic-bezier(0, 0, 0.2, 1);
  6189. transition: transform 0.25s 0ms cubic-bezier(0, 0, 0.2, 1);
  6190. transition: transform 0.25s 0ms cubic-bezier(0, 0, 0.2, 1), -webkit-transform 0.25s 0ms cubic-bezier(0, 0, 0.2, 1);
  6191. pointer-events: auto;
  6192. }
  6193. .mdc-snackbar--active:not(.mdc-snackbar--align-start) {
  6194. -webkit-transform: translate(-50%, 0);
  6195. transform: translate(-50%, 0);
  6196. }
  6197. @media (max-width: 599px) {
  6198. .mdc-snackbar--active:not(.mdc-snackbar--align-start) {
  6199. bottom: 0;
  6200. left: 0;
  6201. width: 100%;
  6202. -webkit-transform: translate(0);
  6203. transform: translate(0);
  6204. }
  6205. }
  6206. .mdc-snackbar__action-wrapper {
  6207. /* @noflip */
  6208. padding-left: 24px;
  6209. /* @noflip */
  6210. padding-right: 0;
  6211. }
  6212. [dir=rtl] .mdc-snackbar__action-wrapper, .mdc-snackbar__action-wrapper[dir=rtl] {
  6213. /* @noflip */
  6214. padding-left: 0;
  6215. /* @noflip */
  6216. padding-right: 24px;
  6217. }
  6218. .mdc-snackbar--action-on-bottom {
  6219. flex-direction: column;
  6220. }
  6221. .mdc-snackbar__text {
  6222. font-family: Roboto, sans-serif;
  6223. -moz-osx-font-smoothing: grayscale;
  6224. -webkit-font-smoothing: antialiased;
  6225. font-size: 1rem;
  6226. line-height: 1.5rem;
  6227. font-weight: 400;
  6228. letter-spacing: 0.03125em;
  6229. text-decoration: inherit;
  6230. text-transform: inherit;
  6231. /* @noflip */
  6232. margin-left: 0;
  6233. /* @noflip */
  6234. margin-right: auto;
  6235. display: flex;
  6236. align-items: center;
  6237. height: 48px;
  6238. transition: opacity 0.3s 0ms cubic-bezier(0.4, 0, 1, 1);
  6239. opacity: 0;
  6240. color: white;
  6241. }
  6242. .mdc-snackbar[dir=rtl] .mdc-snackbar__text, [dir=rtl] .mdc-snackbar .mdc-snackbar__text {
  6243. /* @noflip */
  6244. margin-left: auto;
  6245. /* @noflip */
  6246. margin-right: 0;
  6247. }
  6248. @media (min-width: 600px) {
  6249. .mdc-snackbar__text {
  6250. /* @noflip */
  6251. padding-left: 0;
  6252. /* @noflip */
  6253. padding-right: 24px;
  6254. }
  6255. [dir=rtl] .mdc-snackbar__text, .mdc-snackbar__text[dir=rtl] {
  6256. /* @noflip */
  6257. padding-left: 24px;
  6258. /* @noflip */
  6259. padding-right: 0;
  6260. }
  6261. }
  6262. .mdc-snackbar--action-on-bottom .mdc-snackbar__text {
  6263. margin-right: inherit;
  6264. }
  6265. .mdc-snackbar--action-on-bottom .mdc-snackbar__action-wrapper {
  6266. /* @noflip */
  6267. margin-left: auto;
  6268. /* @noflip */
  6269. margin-right: 0;
  6270. flex-direction: column;
  6271. justify-content: flex-start;
  6272. margin-top: -12px;
  6273. margin-bottom: 8px;
  6274. }
  6275. [dir=rtl] .mdc-snackbar--action-on-bottom .mdc-snackbar__action-wrapper, .mdc-snackbar--action-on-bottom .mdc-snackbar__action-wrapper[dir=rtl] {
  6276. /* @noflip */
  6277. margin-left: 0;
  6278. /* @noflip */
  6279. margin-right: auto;
  6280. }
  6281. .mdc-snackbar--multiline .mdc-snackbar__text {
  6282. height: 80px;
  6283. }
  6284. .mdc-snackbar__action-button {
  6285. font-family: Roboto, sans-serif;
  6286. -moz-osx-font-smoothing: grayscale;
  6287. -webkit-font-smoothing: antialiased;
  6288. font-size: 0.875rem;
  6289. line-height: 2.25rem;
  6290. font-weight: 500;
  6291. letter-spacing: 0.0892857143em;
  6292. text-decoration: none;
  6293. text-transform: uppercase;
  6294. color: #018786;
  6295. /* @alternate */
  6296. color: var(--mdc-theme-secondary, #018786);
  6297. padding: 0;
  6298. transition: opacity 0.3s 0ms cubic-bezier(0.4, 0, 1, 1);
  6299. border: none;
  6300. outline: none;
  6301. background-color: transparent;
  6302. opacity: 0;
  6303. -webkit-user-select: none;
  6304. -moz-user-select: none;
  6305. -ms-user-select: none;
  6306. user-select: none;
  6307. -webkit-appearance: none;
  6308. visibility: hidden;
  6309. }
  6310. .mdc-snackbar__action-button::-moz-focus-inner {
  6311. border: 0;
  6312. }
  6313. .mdc-snackbar__action-button:hover {
  6314. cursor: pointer;
  6315. }
  6316. .mdc-snackbar__action-button:not([aria-hidden]) {
  6317. visibility: inherit;
  6318. }
  6319. .mdc-snackbar--active .mdc-snackbar__text,
  6320. .mdc-snackbar--active .mdc-snackbar__action-button:not([aria-hidden]) {
  6321. transition: opacity 0.3s 0ms cubic-bezier(0.4, 0, 1, 1);
  6322. opacity: 1;
  6323. }
  6324. .mdc-snackbar--multiline.mdc-snackbar--action-on-bottom .mdc-snackbar__text {
  6325. margin: 0;
  6326. }
  6327. .mdc-switch {
  6328. display: inline-block;
  6329. position: relative;
  6330. outline: none;
  6331. -webkit-user-select: none;
  6332. -moz-user-select: none;
  6333. -ms-user-select: none;
  6334. user-select: none;
  6335. }
  6336. .mdc-switch.mdc-switch--checked .mdc-switch__track {
  6337. background-color: #018786;
  6338. /* @alternate */
  6339. background-color: var(--mdc-theme-secondary, #018786);
  6340. border-color: #018786;
  6341. /* @alternate */
  6342. border-color: var(--mdc-theme-secondary, #018786);
  6343. }
  6344. .mdc-switch.mdc-switch--checked .mdc-switch__thumb {
  6345. background-color: #018786;
  6346. /* @alternate */
  6347. background-color: var(--mdc-theme-secondary, #018786);
  6348. border-color: #018786;
  6349. /* @alternate */
  6350. border-color: var(--mdc-theme-secondary, #018786);
  6351. }
  6352. .mdc-switch:not(.mdc-switch--checked) .mdc-switch__track {
  6353. background-color: #000;
  6354. border-color: #000;
  6355. }
  6356. .mdc-switch:not(.mdc-switch--checked) .mdc-switch__thumb {
  6357. background-color: #fff;
  6358. border-color: #fff;
  6359. }
  6360. .mdc-switch:not(.mdc-switch--checked) .mdc-switch__thumb-underlay::before, .mdc-switch:not(.mdc-switch--checked) .mdc-switch__thumb-underlay::after {
  6361. background-color: #9e9e9e;
  6362. }
  6363. .mdc-switch:not(.mdc-switch--checked) .mdc-switch__thumb-underlay:hover::before {
  6364. opacity: 0.08;
  6365. }
  6366. .mdc-switch:not(.mdc-switch--checked) .mdc-switch__thumb-underlay:not(.mdc-ripple-upgraded):focus::before, .mdc-switch:not(.mdc-switch--checked) .mdc-switch__thumb-underlay.mdc-ripple-upgraded--background-focused::before {
  6367. transition-duration: 75ms;
  6368. opacity: 0.24;
  6369. }
  6370. .mdc-switch:not(.mdc-switch--checked) .mdc-switch__thumb-underlay:not(.mdc-ripple-upgraded)::after {
  6371. transition: opacity 150ms linear;
  6372. }
  6373. .mdc-switch:not(.mdc-switch--checked) .mdc-switch__thumb-underlay:not(.mdc-ripple-upgraded):active::after {
  6374. transition-duration: 75ms;
  6375. opacity: 0.32;
  6376. }
  6377. .mdc-switch:not(.mdc-switch--checked) .mdc-switch__thumb-underlay.mdc-ripple-upgraded {
  6378. --mdc-ripple-fg-opacity: 0.32;
  6379. }
  6380. .mdc-switch__native-control {
  6381. /* @noflip */
  6382. left: 0;
  6383. /* @noflip */
  6384. right: initial;
  6385. position: absolute;
  6386. top: 0;
  6387. width: 68px;
  6388. height: 48px;
  6389. margin: 0;
  6390. opacity: 0;
  6391. cursor: pointer;
  6392. pointer-events: auto;
  6393. }
  6394. [dir=rtl] .mdc-switch__native-control, .mdc-switch__native-control[dir=rtl] {
  6395. /* @noflip */
  6396. left: initial;
  6397. /* @noflip */
  6398. right: 0;
  6399. }
  6400. .mdc-switch__track {
  6401. box-sizing: border-box;
  6402. width: 32px;
  6403. height: 14px;
  6404. transition: opacity 90ms cubic-bezier(0.4, 0, 0.2, 1), background-color 90ms cubic-bezier(0.4, 0, 0.2, 1), border-color 90ms cubic-bezier(0.4, 0, 0.2, 1);
  6405. border: 1px solid;
  6406. border-radius: 7px;
  6407. opacity: 0.38;
  6408. }
  6409. .mdc-switch__thumb-underlay {
  6410. /* @noflip */
  6411. left: -18px;
  6412. /* @noflip */
  6413. right: initial;
  6414. --mdc-ripple-fg-size: 0;
  6415. --mdc-ripple-left: 0;
  6416. --mdc-ripple-top: 0;
  6417. --mdc-ripple-fg-scale: 1;
  6418. --mdc-ripple-fg-translate-end: 0;
  6419. --mdc-ripple-fg-translate-start: 0;
  6420. -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  6421. will-change: transform, opacity;
  6422. display: flex;
  6423. position: absolute;
  6424. top: -17px;
  6425. align-items: center;
  6426. justify-content: center;
  6427. width: 48px;
  6428. height: 48px;
  6429. -webkit-transform: translateX(0);
  6430. transform: translateX(0);
  6431. transition: background-color 90ms cubic-bezier(0.4, 0, 0.2, 1), border-color 90ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 90ms cubic-bezier(0.4, 0, 0.2, 1);
  6432. transition: transform 90ms cubic-bezier(0.4, 0, 0.2, 1), background-color 90ms cubic-bezier(0.4, 0, 0.2, 1), border-color 90ms cubic-bezier(0.4, 0, 0.2, 1);
  6433. transition: transform 90ms cubic-bezier(0.4, 0, 0.2, 1), background-color 90ms cubic-bezier(0.4, 0, 0.2, 1), border-color 90ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 90ms cubic-bezier(0.4, 0, 0.2, 1);
  6434. }
  6435. [dir=rtl] .mdc-switch__thumb-underlay, .mdc-switch__thumb-underlay[dir=rtl] {
  6436. /* @noflip */
  6437. left: initial;
  6438. /* @noflip */
  6439. right: -18px;
  6440. }
  6441. .mdc-switch__thumb-underlay::before, .mdc-switch__thumb-underlay::after {
  6442. position: absolute;
  6443. border-radius: 50%;
  6444. opacity: 0;
  6445. pointer-events: none;
  6446. content: "";
  6447. }
  6448. .mdc-switch__thumb-underlay::before {
  6449. transition: opacity 15ms linear, background-color 15ms linear;
  6450. z-index: 1;
  6451. }
  6452. .mdc-switch__thumb-underlay.mdc-ripple-upgraded::before {
  6453. -webkit-transform: scale(var(--mdc-ripple-fg-scale, 1));
  6454. transform: scale(var(--mdc-ripple-fg-scale, 1));
  6455. }
  6456. .mdc-switch__thumb-underlay.mdc-ripple-upgraded::after {
  6457. top: 0;
  6458. /* @noflip */
  6459. left: 0;
  6460. -webkit-transform: scale(0);
  6461. transform: scale(0);
  6462. -webkit-transform-origin: center center;
  6463. transform-origin: center center;
  6464. }
  6465. .mdc-switch__thumb-underlay.mdc-ripple-upgraded--unbounded::after {
  6466. top: var(--mdc-ripple-top, 0);
  6467. /* @noflip */
  6468. left: var(--mdc-ripple-left, 0);
  6469. }
  6470. .mdc-switch__thumb-underlay.mdc-ripple-upgraded--foreground-activation::after {
  6471. -webkit-animation: 225ms mdc-ripple-fg-radius-in forwards, 75ms mdc-ripple-fg-opacity-in forwards;
  6472. animation: 225ms mdc-ripple-fg-radius-in forwards, 75ms mdc-ripple-fg-opacity-in forwards;
  6473. }
  6474. .mdc-switch__thumb-underlay.mdc-ripple-upgraded--foreground-deactivation::after {
  6475. -webkit-animation: 150ms mdc-ripple-fg-opacity-out;
  6476. animation: 150ms mdc-ripple-fg-opacity-out;
  6477. -webkit-transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
  6478. transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
  6479. }
  6480. .mdc-switch__thumb-underlay::before, .mdc-switch__thumb-underlay::after {
  6481. top: calc(50% - 50%);
  6482. /* @noflip */
  6483. left: calc(50% - 50%);
  6484. width: 100%;
  6485. height: 100%;
  6486. }
  6487. .mdc-switch__thumb-underlay.mdc-ripple-upgraded::before, .mdc-switch__thumb-underlay.mdc-ripple-upgraded::after {
  6488. top: var(--mdc-ripple-top, calc(50% - 50%));
  6489. /* @noflip */
  6490. left: var(--mdc-ripple-left, calc(50% - 50%));
  6491. width: var(--mdc-ripple-fg-size, 100%);
  6492. height: var(--mdc-ripple-fg-size, 100%);
  6493. }
  6494. .mdc-switch__thumb-underlay.mdc-ripple-upgraded::after {
  6495. width: var(--mdc-ripple-fg-size, 100%);
  6496. height: var(--mdc-ripple-fg-size, 100%);
  6497. }
  6498. .mdc-switch__thumb-underlay::before, .mdc-switch__thumb-underlay::after {
  6499. background-color: #018786;
  6500. }
  6501. @supports not (-ms-ime-align: auto) {
  6502. .mdc-switch__thumb-underlay::before, .mdc-switch__thumb-underlay::after {
  6503. /* @alternate */
  6504. background-color: var(--mdc-theme-secondary, #018786);
  6505. }
  6506. }
  6507. .mdc-switch__thumb-underlay:hover::before {
  6508. opacity: 0.04;
  6509. }
  6510. .mdc-switch__thumb-underlay:not(.mdc-ripple-upgraded):focus::before, .mdc-switch__thumb-underlay.mdc-ripple-upgraded--background-focused::before {
  6511. transition-duration: 75ms;
  6512. opacity: 0.12;
  6513. }
  6514. .mdc-switch__thumb-underlay:not(.mdc-ripple-upgraded)::after {
  6515. transition: opacity 150ms linear;
  6516. }
  6517. .mdc-switch__thumb-underlay:not(.mdc-ripple-upgraded):active::after {
  6518. transition-duration: 75ms;
  6519. opacity: 0.16;
  6520. }
  6521. .mdc-switch__thumb-underlay.mdc-ripple-upgraded {
  6522. --mdc-ripple-fg-opacity: 0.16;
  6523. }
  6524. .mdc-switch__thumb {
  6525. box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
  6526. box-sizing: border-box;
  6527. width: 20px;
  6528. height: 20px;
  6529. border: 10px solid;
  6530. border-radius: 50%;
  6531. pointer-events: none;
  6532. z-index: 1;
  6533. }
  6534. .mdc-switch--checked .mdc-switch__track {
  6535. opacity: 0.54;
  6536. }
  6537. .mdc-switch--checked .mdc-switch__thumb-underlay {
  6538. -webkit-transform: translateX(20px);
  6539. transform: translateX(20px);
  6540. }
  6541. [dir=rtl] .mdc-switch--checked .mdc-switch__thumb-underlay, .mdc-switch--checked .mdc-switch__thumb-underlay[dir=rtl] {
  6542. -webkit-transform: translateX(-20px);
  6543. transform: translateX(-20px);
  6544. }
  6545. .mdc-switch--checked .mdc-switch__native-control {
  6546. -webkit-transform: translateX(-20px);
  6547. transform: translateX(-20px);
  6548. }
  6549. [dir=rtl] .mdc-switch--checked .mdc-switch__native-control, .mdc-switch--checked .mdc-switch__native-control[dir=rtl] {
  6550. -webkit-transform: translateX(20px);
  6551. transform: translateX(20px);
  6552. }
  6553. .mdc-switch--disabled {
  6554. opacity: 0.38;
  6555. pointer-events: none;
  6556. }
  6557. .mdc-switch--disabled .mdc-switch__thumb {
  6558. border-width: 1px;
  6559. }
  6560. .mdc-switch--disabled .mdc-switch__native-control {
  6561. cursor: default;
  6562. pointer-events: none;
  6563. }
  6564. /**
  6565. * @license
  6566. * Copyright 2018 Google Inc.
  6567. *
  6568. * Permission is hereby granted, free of charge, to any person obtaining a copy
  6569. * of this software and associated documentation files (the "Software"), to deal
  6570. * in the Software without restriction, including without limitation the rights
  6571. * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
  6572. * copies of the Software, and to permit persons to whom the Software is
  6573. * furnished to do so, subject to the following conditions:
  6574. *
  6575. * The above copyright notice and this permission notice shall be included in
  6576. * all copies or substantial portions of the Software.
  6577. *
  6578. * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
  6579. * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
  6580. * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
  6581. * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
  6582. * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
  6583. * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
  6584. * THE SOFTWARE.
  6585. */
  6586. .mdc-tab {
  6587. position: relative;
  6588. font-family: Roboto, sans-serif;
  6589. -moz-osx-font-smoothing: grayscale;
  6590. -webkit-font-smoothing: antialiased;
  6591. font-size: 0.875rem;
  6592. line-height: 2.25rem;
  6593. font-weight: 500;
  6594. letter-spacing: 0.0892857143em;
  6595. text-decoration: none;
  6596. text-transform: uppercase;
  6597. display: flex;
  6598. flex: 1 0 auto;
  6599. justify-content: center;
  6600. box-sizing: border-box;
  6601. height: 48px;
  6602. padding: 0 24px;
  6603. border: none;
  6604. outline: none;
  6605. background: none;
  6606. text-align: center;
  6607. text-decoration: none;
  6608. text-transform: uppercase;
  6609. white-space: nowrap;
  6610. cursor: pointer;
  6611. -webkit-appearance: none;
  6612. z-index: 1;
  6613. }
  6614. .mdc-tab .mdc-tab__text-label {
  6615. color: #000;
  6616. /* @alternate */
  6617. color: var(--mdc-theme-on-surface, #000);
  6618. }
  6619. .mdc-tab .mdc-tab__icon {
  6620. color: #000;
  6621. /* @alternate */
  6622. color: var(--mdc-theme-on-surface, #000);
  6623. }
  6624. .mdc-tab--min-width {
  6625. flex: 0 1 auto;
  6626. }
  6627. .mdc-tab__ripple {
  6628. --mdc-ripple-fg-size: 0;
  6629. --mdc-ripple-left: 0;
  6630. --mdc-ripple-top: 0;
  6631. --mdc-ripple-fg-scale: 1;
  6632. --mdc-ripple-fg-translate-end: 0;
  6633. --mdc-ripple-fg-translate-start: 0;
  6634. -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  6635. will-change: transform, opacity;
  6636. position: absolute;
  6637. top: 0;
  6638. left: 0;
  6639. width: 100%;
  6640. height: 100%;
  6641. overflow: hidden;
  6642. }
  6643. .mdc-tab__ripple::before, .mdc-tab__ripple::after {
  6644. position: absolute;
  6645. border-radius: 50%;
  6646. opacity: 0;
  6647. pointer-events: none;
  6648. content: "";
  6649. }
  6650. .mdc-tab__ripple::before {
  6651. transition: opacity 15ms linear, background-color 15ms linear;
  6652. z-index: 1;
  6653. }
  6654. .mdc-tab__ripple.mdc-ripple-upgraded::before {
  6655. -webkit-transform: scale(var(--mdc-ripple-fg-scale, 1));
  6656. transform: scale(var(--mdc-ripple-fg-scale, 1));
  6657. }
  6658. .mdc-tab__ripple.mdc-ripple-upgraded::after {
  6659. top: 0;
  6660. /* @noflip */
  6661. left: 0;
  6662. -webkit-transform: scale(0);
  6663. transform: scale(0);
  6664. -webkit-transform-origin: center center;
  6665. transform-origin: center center;
  6666. }
  6667. .mdc-tab__ripple.mdc-ripple-upgraded--unbounded::after {
  6668. top: var(--mdc-ripple-top, 0);
  6669. /* @noflip */
  6670. left: var(--mdc-ripple-left, 0);
  6671. }
  6672. .mdc-tab__ripple.mdc-ripple-upgraded--foreground-activation::after {
  6673. -webkit-animation: 225ms mdc-ripple-fg-radius-in forwards, 75ms mdc-ripple-fg-opacity-in forwards;
  6674. animation: 225ms mdc-ripple-fg-radius-in forwards, 75ms mdc-ripple-fg-opacity-in forwards;
  6675. }
  6676. .mdc-tab__ripple.mdc-ripple-upgraded--foreground-deactivation::after {
  6677. -webkit-animation: 150ms mdc-ripple-fg-opacity-out;
  6678. animation: 150ms mdc-ripple-fg-opacity-out;
  6679. -webkit-transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
  6680. transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
  6681. }
  6682. .mdc-tab__ripple::before, .mdc-tab__ripple::after {
  6683. top: calc(50% - 100%);
  6684. /* @noflip */
  6685. left: calc(50% - 100%);
  6686. width: 200%;
  6687. height: 200%;
  6688. }
  6689. .mdc-tab__ripple.mdc-ripple-upgraded::after {
  6690. width: var(--mdc-ripple-fg-size, 100%);
  6691. height: var(--mdc-ripple-fg-size, 100%);
  6692. }
  6693. .mdc-tab__ripple::before, .mdc-tab__ripple::after {
  6694. background-color: #6200ee;
  6695. }
  6696. @supports not (-ms-ime-align: auto) {
  6697. .mdc-tab__ripple::before, .mdc-tab__ripple::after {
  6698. /* @alternate */
  6699. background-color: var(--mdc-theme-primary, #6200ee);
  6700. }
  6701. }
  6702. .mdc-tab__ripple:hover::before {
  6703. opacity: 0.04;
  6704. }
  6705. .mdc-tab__ripple:not(.mdc-ripple-upgraded):focus::before, .mdc-tab__ripple.mdc-ripple-upgraded--background-focused::before {
  6706. transition-duration: 75ms;
  6707. opacity: 0.12;
  6708. }
  6709. .mdc-tab__ripple:not(.mdc-ripple-upgraded)::after {
  6710. transition: opacity 150ms linear;
  6711. }
  6712. .mdc-tab__ripple:not(.mdc-ripple-upgraded):active::after {
  6713. transition-duration: 75ms;
  6714. opacity: 0.16;
  6715. }
  6716. .mdc-tab__ripple.mdc-ripple-upgraded {
  6717. --mdc-ripple-fg-opacity: 0.16;
  6718. }
  6719. .mdc-tab__content {
  6720. position: relative;
  6721. display: flex;
  6722. align-items: center;
  6723. justify-content: center;
  6724. height: inherit;
  6725. pointer-events: none;
  6726. }
  6727. .mdc-tab__text-label,
  6728. .mdc-tab__icon {
  6729. transition: 150ms color linear, 150ms opacity linear;
  6730. z-index: 2;
  6731. }
  6732. .mdc-tab__text-label {
  6733. display: inline-block;
  6734. opacity: 0.6;
  6735. line-height: 1;
  6736. }
  6737. .mdc-tab__icon {
  6738. width: 24px;
  6739. height: 24px;
  6740. opacity: 0.54;
  6741. font-size: 24px;
  6742. }
  6743. .mdc-tab--stacked {
  6744. height: 72px;
  6745. }
  6746. .mdc-tab--stacked .mdc-tab__content {
  6747. flex-direction: column;
  6748. align-items: center;
  6749. justify-content: space-between;
  6750. }
  6751. .mdc-tab--stacked .mdc-tab__icon {
  6752. padding-top: 12px;
  6753. }
  6754. .mdc-tab--stacked .mdc-tab__text-label {
  6755. padding-bottom: 16px;
  6756. }
  6757. .mdc-tab--active .mdc-tab__text-label {
  6758. color: #6200ee;
  6759. /* @alternate */
  6760. color: var(--mdc-theme-primary, #6200ee);
  6761. }
  6762. .mdc-tab--active .mdc-tab__icon {
  6763. color: #6200ee;
  6764. /* @alternate */
  6765. color: var(--mdc-theme-primary, #6200ee);
  6766. }
  6767. .mdc-tab--active .mdc-tab__text-label,
  6768. .mdc-tab--active .mdc-tab__icon {
  6769. transition-delay: 100ms;
  6770. opacity: 1;
  6771. }
  6772. .mdc-tab:not(.mdc-tab--stacked) .mdc-tab__icon + .mdc-tab__text-label {
  6773. /* @noflip */
  6774. padding-left: 8px;
  6775. /* @noflip */
  6776. padding-right: 0;
  6777. }
  6778. [dir=rtl] .mdc-tab:not(.mdc-tab--stacked) .mdc-tab__icon + .mdc-tab__text-label, .mdc-tab:not(.mdc-tab--stacked) .mdc-tab__icon + .mdc-tab__text-label[dir=rtl] {
  6779. /* @noflip */
  6780. padding-left: 0;
  6781. /* @noflip */
  6782. padding-right: 8px;
  6783. }
  6784. /**
  6785. * @license
  6786. * Copyright 2018 Google Inc.
  6787. *
  6788. * Permission is hereby granted, free of charge, to any person obtaining a copy
  6789. * of this software and associated documentation files (the "Software"), to deal
  6790. * in the Software without restriction, including without limitation the rights
  6791. * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
  6792. * copies of the Software, and to permit persons to whom the Software is
  6793. * furnished to do so, subject to the following conditions:
  6794. *
  6795. * The above copyright notice and this permission notice shall be included in
  6796. * all copies or substantial portions of the Software.
  6797. *
  6798. * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
  6799. * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
  6800. * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
  6801. * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
  6802. * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
  6803. * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
  6804. * THE SOFTWARE.
  6805. */
  6806. /**
  6807. * @license
  6808. * Copyright 2018 Google Inc.
  6809. *
  6810. * Permission is hereby granted, free of charge, to any person obtaining a copy
  6811. * of this software and associated documentation files (the "Software"), to deal
  6812. * in the Software without restriction, including without limitation the rights
  6813. * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
  6814. * copies of the Software, and to permit persons to whom the Software is
  6815. * furnished to do so, subject to the following conditions:
  6816. *
  6817. * The above copyright notice and this permission notice shall be included in
  6818. * all copies or substantial portions of the Software.
  6819. *
  6820. * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
  6821. * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
  6822. * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
  6823. * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
  6824. * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
  6825. * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
  6826. * THE SOFTWARE.
  6827. */
  6828. .mdc-tab-bar {
  6829. width: 100%;
  6830. }
  6831. /**
  6832. * @license
  6833. * Copyright 2018 Google Inc.
  6834. *
  6835. * Permission is hereby granted, free of charge, to any person obtaining a copy
  6836. * of this software and associated documentation files (the "Software"), to deal
  6837. * in the Software without restriction, including without limitation the rights
  6838. * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
  6839. * copies of the Software, and to permit persons to whom the Software is
  6840. * furnished to do so, subject to the following conditions:
  6841. *
  6842. * The above copyright notice and this permission notice shall be included in
  6843. * all copies or substantial portions of the Software.
  6844. *
  6845. * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
  6846. * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
  6847. * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
  6848. * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
  6849. * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
  6850. * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
  6851. * THE SOFTWARE.
  6852. */
  6853. /**
  6854. * @license
  6855. * Copyright 2018 Google Inc.
  6856. *
  6857. * Permission is hereby granted, free of charge, to any person obtaining a copy
  6858. * of this software and associated documentation files (the "Software"), to deal
  6859. * in the Software without restriction, including without limitation the rights
  6860. * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
  6861. * copies of the Software, and to permit persons to whom the Software is
  6862. * furnished to do so, subject to the following conditions:
  6863. *
  6864. * The above copyright notice and this permission notice shall be included in
  6865. * all copies or substantial portions of the Software.
  6866. *
  6867. * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
  6868. * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
  6869. * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
  6870. * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
  6871. * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
  6872. * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
  6873. * THE SOFTWARE.
  6874. */
  6875. .mdc-tab-indicator {
  6876. display: flex;
  6877. position: absolute;
  6878. top: 0;
  6879. left: 0;
  6880. width: 100%;
  6881. height: 100%;
  6882. pointer-events: none;
  6883. z-index: 1;
  6884. }
  6885. .mdc-tab-indicator > .mdc-tab-indicator__content--underline {
  6886. background-color: #6200ee;
  6887. /* @alternate */
  6888. background-color: var(--mdc-theme-primary, #6200ee);
  6889. }
  6890. .mdc-tab-indicator > .mdc-tab-indicator__content--underline {
  6891. height: 2px;
  6892. }
  6893. .mdc-tab-indicator > .mdc-tab-indicator__content--icon {
  6894. color: #018786;
  6895. /* @alternate */
  6896. color: var(--mdc-theme-secondary, #018786);
  6897. }
  6898. .mdc-tab-indicator > .mdc-tab-indicator__content--icon {
  6899. height: 34px;
  6900. font-size: 34px;
  6901. }
  6902. .mdc-tab-indicator__content {
  6903. -webkit-transform-origin: left;
  6904. transform-origin: left;
  6905. opacity: 0;
  6906. }
  6907. .mdc-tab-indicator__content--underline {
  6908. align-self: flex-end;
  6909. width: 100%;
  6910. }
  6911. .mdc-tab-indicator__content--icon {
  6912. align-self: center;
  6913. margin: 0 auto;
  6914. }
  6915. .mdc-tab-indicator--active > .mdc-tab-indicator__content {
  6916. opacity: 1;
  6917. }
  6918. .mdc-tab-indicator > .mdc-tab-indicator__content {
  6919. transition: 250ms -webkit-transform cubic-bezier(0.4, 0, 0.2, 1);
  6920. transition: 250ms transform cubic-bezier(0.4, 0, 0.2, 1);
  6921. transition: 250ms transform cubic-bezier(0.4, 0, 0.2, 1), 250ms -webkit-transform cubic-bezier(0.4, 0, 0.2, 1);
  6922. }
  6923. .mdc-tab-indicator--no-transition > .mdc-tab-indicator__content {
  6924. transition: none;
  6925. }
  6926. .mdc-tab-indicator--fade > .mdc-tab-indicator__content {
  6927. transition: 150ms opacity linear;
  6928. }
  6929. .mdc-tab-indicator--active.mdc-tab-indicator--fade > .mdc-tab-indicator__content {
  6930. transition-delay: 100ms;
  6931. }
  6932. /**
  6933. * @license
  6934. * Copyright 2018 Google Inc.
  6935. *
  6936. * Permission is hereby granted, free of charge, to any person obtaining a copy
  6937. * of this software and associated documentation files (the "Software"), to deal
  6938. * in the Software without restriction, including without limitation the rights
  6939. * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
  6940. * copies of the Software, and to permit persons to whom the Software is
  6941. * furnished to do so, subject to the following conditions:
  6942. *
  6943. * The above copyright notice and this permission notice shall be included in
  6944. * all copies or substantial portions of the Software.
  6945. *
  6946. * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
  6947. * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
  6948. * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
  6949. * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
  6950. * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
  6951. * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
  6952. * THE SOFTWARE.
  6953. */
  6954. .mdc-tab-scroller {
  6955. overflow-y: hidden;
  6956. }
  6957. .mdc-tab-scroller__test {
  6958. position: absolute;
  6959. top: -9999px;
  6960. width: 100px;
  6961. height: 100px;
  6962. overflow-x: scroll;
  6963. }
  6964. .mdc-tab-scroller__scroll-area {
  6965. -webkit-overflow-scrolling: touch;
  6966. display: flex;
  6967. overflow-x: hidden;
  6968. }
  6969. .mdc-tab-scroller__scroll-area::-webkit-scrollbar,
  6970. .mdc-tab-scroller__test::-webkit-scrollbar {
  6971. display: none;
  6972. }
  6973. .mdc-tab-scroller__scroll-area--scroll {
  6974. overflow-x: scroll;
  6975. }
  6976. .mdc-tab-scroller__scroll-content {
  6977. position: relative;
  6978. display: flex;
  6979. flex: 1 0 auto;
  6980. -webkit-transform: none;
  6981. transform: none;
  6982. will-change: transform;
  6983. }
  6984. .mdc-tab-scroller--align-start .mdc-tab-scroller__scroll-content {
  6985. justify-content: flex-start;
  6986. }
  6987. .mdc-tab-scroller--align-end .mdc-tab-scroller__scroll-content {
  6988. justify-content: flex-end;
  6989. }
  6990. .mdc-tab-scroller--align-center .mdc-tab-scroller__scroll-content {
  6991. justify-content: center;
  6992. }
  6993. .mdc-tab-scroller--animating .mdc-tab-scroller__scroll-area {
  6994. -webkit-overflow-scrolling: auto;
  6995. }
  6996. .mdc-tab-scroller--animating .mdc-tab-scroller__scroll-content {
  6997. transition: 250ms -webkit-transform cubic-bezier(0.4, 0, 0.2, 1);
  6998. transition: 250ms transform cubic-bezier(0.4, 0, 0.2, 1);
  6999. transition: 250ms transform cubic-bezier(0.4, 0, 0.2, 1), 250ms -webkit-transform cubic-bezier(0.4, 0, 0.2, 1);
  7000. }
  7001. .mdc-text-field-helper-text {
  7002. font-family: Roboto, sans-serif;
  7003. -moz-osx-font-smoothing: grayscale;
  7004. -webkit-font-smoothing: antialiased;
  7005. font-size: 0.75rem;
  7006. line-height: 1.25rem;
  7007. font-weight: 400;
  7008. letter-spacing: 0.0333333333em;
  7009. text-decoration: inherit;
  7010. text-transform: inherit;
  7011. display: block;
  7012. margin-top: 0;
  7013. /* @alternate */
  7014. line-height: normal;
  7015. margin: 0;
  7016. transition: opacity 180ms cubic-bezier(0.4, 0, 0.2, 1);
  7017. opacity: 0;
  7018. will-change: opacity;
  7019. }
  7020. .mdc-text-field-helper-text::before {
  7021. display: inline-block;
  7022. width: 0;
  7023. height: 16px;
  7024. content: "";
  7025. vertical-align: 0;
  7026. }
  7027. .mdc-text-field-helper-text--persistent {
  7028. transition: none;
  7029. opacity: 1;
  7030. will-change: initial;
  7031. }
  7032. .mdc-text-field--with-leading-icon .mdc-text-field__icon,
  7033. .mdc-text-field--with-trailing-icon .mdc-text-field__icon {
  7034. position: absolute;
  7035. bottom: 16px;
  7036. cursor: pointer;
  7037. }
  7038. .mdc-text-field__icon:not([tabindex]),
  7039. .mdc-text-field__icon[tabindex="-1"] {
  7040. cursor: default;
  7041. pointer-events: none;
  7042. }
  7043. .mdc-text-field {
  7044. --mdc-ripple-fg-size: 0;
  7045. --mdc-ripple-left: 0;
  7046. --mdc-ripple-top: 0;
  7047. --mdc-ripple-fg-scale: 1;
  7048. --mdc-ripple-fg-translate-end: 0;
  7049. --mdc-ripple-fg-translate-start: 0;
  7050. -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  7051. will-change: transform, opacity;
  7052. border-radius: 4px 4px 0 0;
  7053. display: inline-flex;
  7054. position: relative;
  7055. box-sizing: border-box;
  7056. height: 56px;
  7057. overflow: hidden;
  7058. will-change: opacity, transform, color;
  7059. }
  7060. .mdc-text-field::before, .mdc-text-field::after {
  7061. position: absolute;
  7062. border-radius: 50%;
  7063. opacity: 0;
  7064. pointer-events: none;
  7065. content: "";
  7066. }
  7067. .mdc-text-field::before {
  7068. transition: opacity 15ms linear, background-color 15ms linear;
  7069. z-index: 1;
  7070. }
  7071. .mdc-text-field.mdc-ripple-upgraded::before {
  7072. -webkit-transform: scale(var(--mdc-ripple-fg-scale, 1));
  7073. transform: scale(var(--mdc-ripple-fg-scale, 1));
  7074. }
  7075. .mdc-text-field.mdc-ripple-upgraded::after {
  7076. top: 0;
  7077. /* @noflip */
  7078. left: 0;
  7079. -webkit-transform: scale(0);
  7080. transform: scale(0);
  7081. -webkit-transform-origin: center center;
  7082. transform-origin: center center;
  7083. }
  7084. .mdc-text-field.mdc-ripple-upgraded--unbounded::after {
  7085. top: var(--mdc-ripple-top, 0);
  7086. /* @noflip */
  7087. left: var(--mdc-ripple-left, 0);
  7088. }
  7089. .mdc-text-field.mdc-ripple-upgraded--foreground-activation::after {
  7090. -webkit-animation: 225ms mdc-ripple-fg-radius-in forwards, 75ms mdc-ripple-fg-opacity-in forwards;
  7091. animation: 225ms mdc-ripple-fg-radius-in forwards, 75ms mdc-ripple-fg-opacity-in forwards;
  7092. }
  7093. .mdc-text-field.mdc-ripple-upgraded--foreground-deactivation::after {
  7094. -webkit-animation: 150ms mdc-ripple-fg-opacity-out;
  7095. animation: 150ms mdc-ripple-fg-opacity-out;
  7096. -webkit-transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
  7097. transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
  7098. }
  7099. .mdc-text-field::before, .mdc-text-field::after {
  7100. background-color: rgba(0, 0, 0, 0.87);
  7101. }
  7102. .mdc-text-field:hover::before {
  7103. opacity: 0.04;
  7104. }
  7105. .mdc-text-field:not(.mdc-ripple-upgraded):focus::before, .mdc-text-field.mdc-ripple-upgraded--background-focused::before {
  7106. transition-duration: 75ms;
  7107. opacity: 0.12;
  7108. }
  7109. .mdc-text-field::before, .mdc-text-field::after {
  7110. top: calc(50% - 100%);
  7111. /* @noflip */
  7112. left: calc(50% - 100%);
  7113. width: 200%;
  7114. height: 200%;
  7115. }
  7116. .mdc-text-field.mdc-ripple-upgraded::after {
  7117. width: var(--mdc-ripple-fg-size, 100%);
  7118. height: var(--mdc-ripple-fg-size, 100%);
  7119. }
  7120. .mdc-text-field:not(.mdc-text-field--disabled) .mdc-floating-label {
  7121. color: rgba(0, 0, 0, 0.6);
  7122. }
  7123. .mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__input::-webkit-input-placeholder {
  7124. color: rgba(0, 0, 0, 0.6);
  7125. }
  7126. .mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__input:-ms-input-placeholder {
  7127. color: rgba(0, 0, 0, 0.6);
  7128. }
  7129. .mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__input::-ms-input-placeholder {
  7130. color: rgba(0, 0, 0, 0.6);
  7131. }
  7132. .mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__input::placeholder {
  7133. color: rgba(0, 0, 0, 0.6);
  7134. }
  7135. .mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__input {
  7136. color: rgba(0, 0, 0, 0.87);
  7137. }
  7138. .mdc-text-field .mdc-text-field__input {
  7139. caret-color: #6200ee;
  7140. /* @alternate */
  7141. caret-color: var(--mdc-theme-primary, #6200ee);
  7142. }
  7143. .mdc-text-field:not(.mdc-text-field--disabled):not(.mdc-text-field--outlined):not(.mdc-text-field--textarea) .mdc-text-field__input {
  7144. border-bottom-color: rgba(0, 0, 0, 0.42);
  7145. }
  7146. .mdc-text-field:not(.mdc-text-field--disabled):not(.mdc-text-field--outlined):not(.mdc-text-field--textarea) .mdc-text-field__input:hover {
  7147. border-bottom-color: rgba(0, 0, 0, 0.87);
  7148. }
  7149. .mdc-text-field .mdc-line-ripple {
  7150. background-color: #6200ee;
  7151. /* @alternate */
  7152. background-color: var(--mdc-theme-primary, #6200ee);
  7153. }
  7154. .mdc-text-field:not(.mdc-text-field--disabled):not(.mdc-text-field--textarea) {
  7155. border-bottom-color: rgba(0, 0, 0, 0.12);
  7156. }
  7157. .mdc-text-field:not(.mdc-text-field--disabled) + .mdc-text-field-helper-text {
  7158. color: rgba(0, 0, 0, 0.6);
  7159. }
  7160. .mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__icon {
  7161. color: rgba(0, 0, 0, 0.54);
  7162. }
  7163. .mdc-text-field:not(.mdc-text-field--disabled) {
  7164. background-color: whitesmoke;
  7165. }
  7166. .mdc-text-field .mdc-floating-label {
  7167. /* @noflip */
  7168. left: 16px;
  7169. /* @noflip */
  7170. right: initial;
  7171. top: 18px;
  7172. pointer-events: none;
  7173. }
  7174. [dir=rtl] .mdc-text-field .mdc-floating-label, .mdc-text-field .mdc-floating-label[dir=rtl] {
  7175. /* @noflip */
  7176. left: initial;
  7177. /* @noflip */
  7178. right: 16px;
  7179. }
  7180. .mdc-text-field--textarea .mdc-floating-label {
  7181. /* @noflip */
  7182. left: 4px;
  7183. /* @noflip */
  7184. right: initial;
  7185. }
  7186. [dir=rtl] .mdc-text-field--textarea .mdc-floating-label, .mdc-text-field--textarea .mdc-floating-label[dir=rtl] {
  7187. /* @noflip */
  7188. left: initial;
  7189. /* @noflip */
  7190. right: 4px;
  7191. }
  7192. .mdc-text-field--outlined .mdc-floating-label {
  7193. /* @noflip */
  7194. left: 4px;
  7195. /* @noflip */
  7196. right: initial;
  7197. top: 17px;
  7198. }
  7199. [dir=rtl] .mdc-text-field--outlined .mdc-floating-label, .mdc-text-field--outlined .mdc-floating-label[dir=rtl] {
  7200. /* @noflip */
  7201. left: initial;
  7202. /* @noflip */
  7203. right: 4px;
  7204. }
  7205. .mdc-text-field--outlined--with-leading-icon .mdc-floating-label {
  7206. /* @noflip */
  7207. left: 36px;
  7208. /* @noflip */
  7209. right: initial;
  7210. }
  7211. [dir=rtl] .mdc-text-field--outlined--with-leading-icon .mdc-floating-label, .mdc-text-field--outlined--with-leading-icon .mdc-floating-label[dir=rtl] {
  7212. /* @noflip */
  7213. left: initial;
  7214. /* @noflip */
  7215. right: 36px;
  7216. }
  7217. .mdc-text-field--outlined--with-leading-icon .mdc-floating-label--float-above {
  7218. /* @noflip */
  7219. left: 40px;
  7220. /* @noflip */
  7221. right: initial;
  7222. }
  7223. [dir=rtl] .mdc-text-field--outlined--with-leading-icon .mdc-floating-label--float-above, .mdc-text-field--outlined--with-leading-icon .mdc-floating-label--float-above[dir=rtl] {
  7224. /* @noflip */
  7225. left: initial;
  7226. /* @noflip */
  7227. right: 40px;
  7228. }
  7229. .mdc-text-field__input {
  7230. font-family: Roboto, sans-serif;
  7231. -moz-osx-font-smoothing: grayscale;
  7232. -webkit-font-smoothing: antialiased;
  7233. font-size: 1rem;
  7234. line-height: 1.75rem;
  7235. font-weight: 400;
  7236. letter-spacing: 0.009375em;
  7237. text-decoration: inherit;
  7238. text-transform: inherit;
  7239. align-self: flex-end;
  7240. box-sizing: border-box;
  7241. width: 100%;
  7242. height: 100%;
  7243. padding: 20px 16px 6px;
  7244. transition: opacity 180ms cubic-bezier(0.4, 0, 0.2, 1);
  7245. border: none;
  7246. border-bottom: 1px solid;
  7247. border-radius: 0;
  7248. background: none;
  7249. -webkit-appearance: none;
  7250. -moz-appearance: none;
  7251. appearance: none;
  7252. }
  7253. .mdc-text-field__input::-webkit-input-placeholder {
  7254. transition: color 180ms cubic-bezier(0.4, 0, 0.2, 1);
  7255. opacity: 1;
  7256. }
  7257. .mdc-text-field__input:-ms-input-placeholder {
  7258. transition: color 180ms cubic-bezier(0.4, 0, 0.2, 1);
  7259. opacity: 1;
  7260. }
  7261. .mdc-text-field__input::-ms-input-placeholder {
  7262. transition: color 180ms cubic-bezier(0.4, 0, 0.2, 1);
  7263. opacity: 1;
  7264. }
  7265. .mdc-text-field__input::placeholder {
  7266. transition: color 180ms cubic-bezier(0.4, 0, 0.2, 1);
  7267. opacity: 1;
  7268. }
  7269. .mdc-text-field__input:focus {
  7270. outline: none;
  7271. }
  7272. .mdc-text-field__input:invalid {
  7273. box-shadow: none;
  7274. }
  7275. .mdc-text-field__input:-webkit-autofill + .mdc-floating-label {
  7276. -webkit-transform: translateY(-50%) scale(0.75);
  7277. transform: translateY(-50%) scale(0.75);
  7278. cursor: auto;
  7279. }
  7280. .mdc-text-field--outlined {
  7281. border: none;
  7282. overflow: visible;
  7283. }
  7284. .mdc-text-field--outlined:not(.mdc-text-field--disabled) .mdc-notched-outline__leading,
  7285. .mdc-text-field--outlined:not(.mdc-text-field--disabled) .mdc-notched-outline__notch,
  7286. .mdc-text-field--outlined:not(.mdc-text-field--disabled) .mdc-notched-outline__trailing {
  7287. border-color: rgba(0, 0, 0, 0.24);
  7288. }
  7289. .mdc-text-field--outlined:not(.mdc-text-field--disabled):not(.mdc-text-field--focused) .mdc-text-field__input:hover ~ .mdc-notched-outline .mdc-notched-outline__leading,
  7290. .mdc-text-field--outlined:not(.mdc-text-field--disabled):not(.mdc-text-field--focused) .mdc-text-field__input:hover ~ .mdc-notched-outline .mdc-notched-outline__notch,
  7291. .mdc-text-field--outlined:not(.mdc-text-field--disabled):not(.mdc-text-field--focused) .mdc-text-field__input:hover ~ .mdc-notched-outline .mdc-notched-outline__trailing,
  7292. .mdc-text-field--outlined:not(.mdc-text-field--disabled):not(.mdc-text-field--focused) .mdc-text-field__icon:hover ~ .mdc-notched-outline .mdc-notched-outline__leading,
  7293. .mdc-text-field--outlined:not(.mdc-text-field--disabled):not(.mdc-text-field--focused) .mdc-text-field__icon:hover ~ .mdc-notched-outline .mdc-notched-outline__notch,
  7294. .mdc-text-field--outlined:not(.mdc-text-field--disabled):not(.mdc-text-field--focused) .mdc-text-field__icon:hover ~ .mdc-notched-outline .mdc-notched-outline__trailing {
  7295. border-color: rgba(0, 0, 0, 0.87);
  7296. }
  7297. .mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__leading,
  7298. .mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__notch,
  7299. .mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__trailing {
  7300. border-color: #6200ee;
  7301. /* @alternate */
  7302. border-color: var(--mdc-theme-primary, #6200ee);
  7303. }
  7304. .mdc-text-field--outlined .mdc-floating-label--shake {
  7305. -webkit-animation: mdc-floating-label-shake-float-above-text-field-outlined 250ms 1;
  7306. animation: mdc-floating-label-shake-float-above-text-field-outlined 250ms 1;
  7307. }
  7308. .mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__leading {
  7309. /* @noflip */
  7310. border-radius: 4px 0 0 4px;
  7311. }
  7312. [dir=rtl] .mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__leading, .mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__leading[dir=rtl] {
  7313. /* @noflip */
  7314. border-radius: 0 4px 4px 0;
  7315. }
  7316. .mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__trailing {
  7317. /* @noflip */
  7318. border-radius: 0 4px 4px 0;
  7319. }
  7320. [dir=rtl] .mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__trailing, .mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__trailing[dir=rtl] {
  7321. /* @noflip */
  7322. border-radius: 4px 0 0 4px;
  7323. }
  7324. .mdc-text-field--outlined .mdc-floating-label--float-above {
  7325. -webkit-transform: translateY(-144%) scale(1);
  7326. transform: translateY(-144%) scale(1);
  7327. }
  7328. .mdc-text-field--outlined .mdc-floating-label--float-above {
  7329. font-size: 0.75rem;
  7330. }
  7331. .mdc-text-field--outlined.mdc-notched-outline--upgraded .mdc-floating-label--float-above,
  7332. .mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above {
  7333. -webkit-transform: translateY(-130%) scale(0.75);
  7334. transform: translateY(-130%) scale(0.75);
  7335. }
  7336. .mdc-text-field--outlined.mdc-notched-outline--upgraded .mdc-floating-label--float-above,
  7337. .mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above {
  7338. font-size: 1rem;
  7339. }
  7340. .mdc-text-field--outlined::before, .mdc-text-field--outlined::after {
  7341. content: none;
  7342. }
  7343. .mdc-text-field--outlined:not(.mdc-text-field--disabled) {
  7344. background-color: transparent;
  7345. }
  7346. .mdc-text-field--outlined .mdc-text-field__input {
  7347. display: flex;
  7348. padding: 12px 16px 14px;
  7349. border: none !important;
  7350. background-color: transparent;
  7351. z-index: 1;
  7352. }
  7353. .mdc-text-field--outlined .mdc-text-field__icon {
  7354. z-index: 2;
  7355. }
  7356. .mdc-text-field--outlined.mdc-text-field--focused .mdc-notched-outline__leading,
  7357. .mdc-text-field--outlined.mdc-text-field--focused .mdc-notched-outline__notch,
  7358. .mdc-text-field--outlined.mdc-text-field--focused .mdc-notched-outline__trailing {
  7359. border-width: 2px;
  7360. }
  7361. .mdc-text-field--outlined.mdc-text-field--disabled {
  7362. background-color: transparent;
  7363. }
  7364. .mdc-text-field--outlined.mdc-text-field--disabled .mdc-notched-outline__leading,
  7365. .mdc-text-field--outlined.mdc-text-field--disabled .mdc-notched-outline__notch,
  7366. .mdc-text-field--outlined.mdc-text-field--disabled .mdc-notched-outline__trailing {
  7367. border-color: rgba(0, 0, 0, 0.06);
  7368. }
  7369. .mdc-text-field--outlined.mdc-text-field--disabled .mdc-text-field__input {
  7370. border-bottom: none;
  7371. }
  7372. .mdc-text-field--outlined.mdc-text-field--dense {
  7373. height: 48px;
  7374. }
  7375. .mdc-text-field--outlined.mdc-text-field--dense .mdc-floating-label--float-above {
  7376. -webkit-transform: translateY(-134%) scale(1);
  7377. transform: translateY(-134%) scale(1);
  7378. }
  7379. .mdc-text-field--outlined.mdc-text-field--dense .mdc-floating-label--float-above {
  7380. font-size: 0.8rem;
  7381. }
  7382. .mdc-text-field--outlined.mdc-text-field--dense.mdc-notched-outline--upgraded .mdc-floating-label--float-above,
  7383. .mdc-text-field--outlined.mdc-text-field--dense .mdc-notched-outline--upgraded .mdc-floating-label--float-above {
  7384. -webkit-transform: translateY(-120%) scale(0.8);
  7385. transform: translateY(-120%) scale(0.8);
  7386. }
  7387. .mdc-text-field--outlined.mdc-text-field--dense.mdc-notched-outline--upgraded .mdc-floating-label--float-above,
  7388. .mdc-text-field--outlined.mdc-text-field--dense .mdc-notched-outline--upgraded .mdc-floating-label--float-above {
  7389. font-size: 1rem;
  7390. }
  7391. .mdc-text-field--outlined.mdc-text-field--dense .mdc-floating-label--shake {
  7392. -webkit-animation: mdc-floating-label-shake-float-above-text-field-outlined-dense 250ms 1;
  7393. animation: mdc-floating-label-shake-float-above-text-field-outlined-dense 250ms 1;
  7394. }
  7395. .mdc-text-field--outlined.mdc-text-field--dense .mdc-text-field__input {
  7396. padding: 12px 12px 7px;
  7397. }
  7398. .mdc-text-field--outlined.mdc-text-field--dense .mdc-floating-label {
  7399. top: 14px;
  7400. }
  7401. .mdc-text-field--outlined.mdc-text-field--dense .mdc-text-field__icon {
  7402. top: 12px;
  7403. }
  7404. .mdc-text-field--with-leading-icon .mdc-text-field__icon {
  7405. /* @noflip */
  7406. left: 16px;
  7407. /* @noflip */
  7408. right: initial;
  7409. }
  7410. [dir=rtl] .mdc-text-field--with-leading-icon .mdc-text-field__icon, .mdc-text-field--with-leading-icon .mdc-text-field__icon[dir=rtl] {
  7411. /* @noflip */
  7412. left: initial;
  7413. /* @noflip */
  7414. right: 16px;
  7415. }
  7416. .mdc-text-field--with-leading-icon .mdc-text-field__input {
  7417. /* @noflip */
  7418. padding-left: 48px;
  7419. /* @noflip */
  7420. padding-right: 16px;
  7421. }
  7422. [dir=rtl] .mdc-text-field--with-leading-icon .mdc-text-field__input, .mdc-text-field--with-leading-icon .mdc-text-field__input[dir=rtl] {
  7423. /* @noflip */
  7424. padding-left: 16px;
  7425. /* @noflip */
  7426. padding-right: 48px;
  7427. }
  7428. .mdc-text-field--with-leading-icon .mdc-floating-label {
  7429. /* @noflip */
  7430. left: 48px;
  7431. /* @noflip */
  7432. right: initial;
  7433. }
  7434. [dir=rtl] .mdc-text-field--with-leading-icon .mdc-floating-label, .mdc-text-field--with-leading-icon .mdc-floating-label[dir=rtl] {
  7435. /* @noflip */
  7436. left: initial;
  7437. /* @noflip */
  7438. right: 48px;
  7439. }
  7440. .mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-text-field__icon {
  7441. /* @noflip */
  7442. left: 16px;
  7443. /* @noflip */
  7444. right: initial;
  7445. }
  7446. [dir=rtl] .mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-text-field__icon, .mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-text-field__icon[dir=rtl] {
  7447. /* @noflip */
  7448. left: initial;
  7449. /* @noflip */
  7450. right: 16px;
  7451. }
  7452. .mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-text-field__input {
  7453. /* @noflip */
  7454. padding-left: 48px;
  7455. /* @noflip */
  7456. padding-right: 16px;
  7457. }
  7458. [dir=rtl] .mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-text-field__input, .mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-text-field__input[dir=rtl] {
  7459. /* @noflip */
  7460. padding-left: 16px;
  7461. /* @noflip */
  7462. padding-right: 48px;
  7463. }
  7464. .mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-floating-label--float-above {
  7465. -webkit-transform: translateY(-144%) translateX(-32px) scale(1);
  7466. transform: translateY(-144%) translateX(-32px) scale(1);
  7467. }
  7468. [dir=rtl] .mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-floating-label--float-above, .mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-floating-label--float-above[dir=rtl] {
  7469. -webkit-transform: translateY(-144%) translateX(32px) scale(1);
  7470. transform: translateY(-144%) translateX(32px) scale(1);
  7471. }
  7472. .mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-floating-label--float-above {
  7473. font-size: 0.75rem;
  7474. }
  7475. .mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-notched-outline--upgraded .mdc-floating-label--float-above,
  7476. .mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above {
  7477. -webkit-transform: translateY(-130%) translateX(-32px) scale(0.75);
  7478. transform: translateY(-130%) translateX(-32px) scale(0.75);
  7479. }
  7480. [dir=rtl] .mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-notched-outline--upgraded .mdc-floating-label--float-above, .mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-notched-outline--upgraded .mdc-floating-label--float-above[dir=rtl],
  7481. [dir=rtl] .mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above,
  7482. .mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above[dir=rtl] {
  7483. -webkit-transform: translateY(-130%) translateX(32px) scale(0.75);
  7484. transform: translateY(-130%) translateX(32px) scale(0.75);
  7485. }
  7486. .mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-notched-outline--upgraded .mdc-floating-label--float-above,
  7487. .mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above {
  7488. font-size: 1rem;
  7489. }
  7490. .mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-floating-label--shake {
  7491. -webkit-animation: mdc-floating-label-shake-float-above-text-field-outlined-leading-icon 250ms 1;
  7492. animation: mdc-floating-label-shake-float-above-text-field-outlined-leading-icon 250ms 1;
  7493. }
  7494. [dir=rtl] .mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-floating-label--shake, .mdc-text-field--with-leading-icon.mdc-text-field--outlined[dir=rtl] .mdc-floating-label--shake {
  7495. -webkit-animation: mdc-floating-label-shake-float-above-text-field-outlined-leading-icon-rtl 250ms 1;
  7496. animation: mdc-floating-label-shake-float-above-text-field-outlined-leading-icon-rtl 250ms 1;
  7497. }
  7498. .mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-floating-label {
  7499. /* @noflip */
  7500. left: 36px;
  7501. /* @noflip */
  7502. right: initial;
  7503. }
  7504. [dir=rtl] .mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-floating-label, .mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-floating-label[dir=rtl] {
  7505. /* @noflip */
  7506. left: initial;
  7507. /* @noflip */
  7508. right: 36px;
  7509. }
  7510. .mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-text-field--dense .mdc-floating-label--float-above {
  7511. -webkit-transform: translateY(-134%) translateX(-21px) scale(1);
  7512. transform: translateY(-134%) translateX(-21px) scale(1);
  7513. }
  7514. [dir=rtl] .mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-text-field--dense .mdc-floating-label--float-above, .mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-text-field--dense .mdc-floating-label--float-above[dir=rtl] {
  7515. -webkit-transform: translateY(-134%) translateX(21px) scale(1);
  7516. transform: translateY(-134%) translateX(21px) scale(1);
  7517. }
  7518. .mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-text-field--dense .mdc-floating-label--float-above {
  7519. font-size: 0.8rem;
  7520. }
  7521. .mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-text-field--dense.mdc-notched-outline--upgraded .mdc-floating-label--float-above,
  7522. .mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-text-field--dense .mdc-notched-outline--upgraded .mdc-floating-label--float-above {
  7523. -webkit-transform: translateY(-120%) translateX(-21px) scale(0.8);
  7524. transform: translateY(-120%) translateX(-21px) scale(0.8);
  7525. }
  7526. [dir=rtl] .mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-text-field--dense.mdc-notched-outline--upgraded .mdc-floating-label--float-above, .mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-text-field--dense.mdc-notched-outline--upgraded .mdc-floating-label--float-above[dir=rtl],
  7527. [dir=rtl] .mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-text-field--dense .mdc-notched-outline--upgraded .mdc-floating-label--float-above,
  7528. .mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-text-field--dense .mdc-notched-outline--upgraded .mdc-floating-label--float-above[dir=rtl] {
  7529. -webkit-transform: translateY(-120%) translateX(21px) scale(0.8);
  7530. transform: translateY(-120%) translateX(21px) scale(0.8);
  7531. }
  7532. .mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-text-field--dense.mdc-notched-outline--upgraded .mdc-floating-label--float-above,
  7533. .mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-text-field--dense .mdc-notched-outline--upgraded .mdc-floating-label--float-above {
  7534. font-size: 1rem;
  7535. }
  7536. .mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-text-field--dense .mdc-floating-label--shake {
  7537. -webkit-animation: mdc-floating-label-shake-float-above-text-field-outlined-leading-icon-dense 250ms 1;
  7538. animation: mdc-floating-label-shake-float-above-text-field-outlined-leading-icon-dense 250ms 1;
  7539. }
  7540. [dir=rtl] .mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-text-field--dense .mdc-floating-label--shake, .mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-text-field--dense[dir=rtl] .mdc-floating-label--shake {
  7541. -webkit-animation: mdc-floating-label-shake-float-above-text-field-outlined-leading-icon-dense-rtl 250ms 1;
  7542. animation: mdc-floating-label-shake-float-above-text-field-outlined-leading-icon-dense-rtl 250ms 1;
  7543. }
  7544. .mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-text-field--dense .mdc-floating-label {
  7545. /* @noflip */
  7546. left: 26px;
  7547. /* @noflip */
  7548. right: initial;
  7549. }
  7550. [dir=rtl] .mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-text-field--dense .mdc-floating-label, .mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-text-field--dense .mdc-floating-label[dir=rtl] {
  7551. /* @noflip */
  7552. left: initial;
  7553. /* @noflip */
  7554. right: 26px;
  7555. }
  7556. .mdc-text-field--with-trailing-icon .mdc-text-field__icon {
  7557. /* @noflip */
  7558. left: initial;
  7559. /* @noflip */
  7560. right: 12px;
  7561. }
  7562. [dir=rtl] .mdc-text-field--with-trailing-icon .mdc-text-field__icon, .mdc-text-field--with-trailing-icon .mdc-text-field__icon[dir=rtl] {
  7563. /* @noflip */
  7564. left: 12px;
  7565. /* @noflip */
  7566. right: initial;
  7567. }
  7568. .mdc-text-field--with-trailing-icon .mdc-text-field__input {
  7569. /* @noflip */
  7570. padding-left: 12px;
  7571. /* @noflip */
  7572. padding-right: 48px;
  7573. }
  7574. [dir=rtl] .mdc-text-field--with-trailing-icon .mdc-text-field__input, .mdc-text-field--with-trailing-icon .mdc-text-field__input[dir=rtl] {
  7575. /* @noflip */
  7576. padding-left: 48px;
  7577. /* @noflip */
  7578. padding-right: 12px;
  7579. }
  7580. .mdc-text-field--with-trailing-icon.mdc-text-field--outlined .mdc-text-field__icon {
  7581. /* @noflip */
  7582. left: initial;
  7583. /* @noflip */
  7584. right: 16px;
  7585. }
  7586. [dir=rtl] .mdc-text-field--with-trailing-icon.mdc-text-field--outlined .mdc-text-field__icon, .mdc-text-field--with-trailing-icon.mdc-text-field--outlined .mdc-text-field__icon[dir=rtl] {
  7587. /* @noflip */
  7588. left: 16px;
  7589. /* @noflip */
  7590. right: initial;
  7591. }
  7592. .mdc-text-field--with-trailing-icon.mdc-text-field--outlined .mdc-text-field__input {
  7593. /* @noflip */
  7594. padding-left: 16px;
  7595. /* @noflip */
  7596. padding-right: 48px;
  7597. }
  7598. [dir=rtl] .mdc-text-field--with-trailing-icon.mdc-text-field--outlined .mdc-text-field__input, .mdc-text-field--with-trailing-icon.mdc-text-field--outlined .mdc-text-field__input[dir=rtl] {
  7599. /* @noflip */
  7600. padding-left: 48px;
  7601. /* @noflip */
  7602. padding-right: 16px;
  7603. }
  7604. .mdc-text-field--with-leading-icon.mdc-text-field--with-trailing-icon .mdc-text-field__icon {
  7605. /* @noflip */
  7606. left: 16px;
  7607. /* @noflip */
  7608. right: auto;
  7609. }
  7610. [dir=rtl] .mdc-text-field--with-leading-icon.mdc-text-field--with-trailing-icon .mdc-text-field__icon, .mdc-text-field--with-leading-icon.mdc-text-field--with-trailing-icon .mdc-text-field__icon[dir=rtl] {
  7611. /* @noflip */
  7612. left: auto;
  7613. /* @noflip */
  7614. right: 16px;
  7615. }
  7616. .mdc-text-field--with-leading-icon.mdc-text-field--with-trailing-icon .mdc-text-field__icon ~ .mdc-text-field__icon {
  7617. /* @noflip */
  7618. right: 12px;
  7619. /* @noflip */
  7620. left: auto;
  7621. }
  7622. [dir=rtl] .mdc-text-field--with-leading-icon.mdc-text-field--with-trailing-icon .mdc-text-field__icon ~ .mdc-text-field__icon, .mdc-text-field--with-leading-icon.mdc-text-field--with-trailing-icon .mdc-text-field__icon ~ .mdc-text-field__icon[dir=rtl] {
  7623. /* @noflip */
  7624. right: auto;
  7625. /* @noflip */
  7626. left: 12px;
  7627. }
  7628. .mdc-text-field--with-leading-icon.mdc-text-field--with-trailing-icon .mdc-text-field__input {
  7629. /* @noflip */
  7630. padding-left: 48px;
  7631. /* @noflip */
  7632. padding-right: 48px;
  7633. }
  7634. [dir=rtl] .mdc-text-field--with-leading-icon.mdc-text-field--with-trailing-icon .mdc-text-field__input, .mdc-text-field--with-leading-icon.mdc-text-field--with-trailing-icon .mdc-text-field__input[dir=rtl] {
  7635. /* @noflip */
  7636. padding-left: 48px;
  7637. /* @noflip */
  7638. padding-right: 48px;
  7639. }
  7640. .mdc-text-field--with-leading-icon.mdc-text-field--dense .mdc-text-field__icon,
  7641. .mdc-text-field--with-trailing-icon.mdc-text-field--dense .mdc-text-field__icon {
  7642. bottom: 16px;
  7643. -webkit-transform: scale(0.8);
  7644. transform: scale(0.8);
  7645. }
  7646. .mdc-text-field--with-leading-icon.mdc-text-field--dense .mdc-text-field__icon {
  7647. /* @noflip */
  7648. left: 12px;
  7649. /* @noflip */
  7650. right: initial;
  7651. }
  7652. [dir=rtl] .mdc-text-field--with-leading-icon.mdc-text-field--dense .mdc-text-field__icon, .mdc-text-field--with-leading-icon.mdc-text-field--dense .mdc-text-field__icon[dir=rtl] {
  7653. /* @noflip */
  7654. left: initial;
  7655. /* @noflip */
  7656. right: 12px;
  7657. }
  7658. .mdc-text-field--with-leading-icon.mdc-text-field--dense .mdc-text-field__input {
  7659. /* @noflip */
  7660. padding-left: 38px;
  7661. /* @noflip */
  7662. padding-right: 12px;
  7663. }
  7664. [dir=rtl] .mdc-text-field--with-leading-icon.mdc-text-field--dense .mdc-text-field__input, .mdc-text-field--with-leading-icon.mdc-text-field--dense .mdc-text-field__input[dir=rtl] {
  7665. /* @noflip */
  7666. padding-left: 12px;
  7667. /* @noflip */
  7668. padding-right: 38px;
  7669. }
  7670. .mdc-text-field--with-leading-icon.mdc-text-field--dense .mdc-floating-label {
  7671. /* @noflip */
  7672. left: 38px;
  7673. /* @noflip */
  7674. right: initial;
  7675. }
  7676. [dir=rtl] .mdc-text-field--with-leading-icon.mdc-text-field--dense .mdc-floating-label, .mdc-text-field--with-leading-icon.mdc-text-field--dense .mdc-floating-label[dir=rtl] {
  7677. /* @noflip */
  7678. left: initial;
  7679. /* @noflip */
  7680. right: 38px;
  7681. }
  7682. .mdc-text-field--with-trailing-icon.mdc-text-field--dense .mdc-text-field__icon {
  7683. /* @noflip */
  7684. left: initial;
  7685. /* @noflip */
  7686. right: 12px;
  7687. }
  7688. [dir=rtl] .mdc-text-field--with-trailing-icon.mdc-text-field--dense .mdc-text-field__icon, .mdc-text-field--with-trailing-icon.mdc-text-field--dense .mdc-text-field__icon[dir=rtl] {
  7689. /* @noflip */
  7690. left: 12px;
  7691. /* @noflip */
  7692. right: initial;
  7693. }
  7694. .mdc-text-field--with-trailing-icon.mdc-text-field--dense .mdc-text-field__input {
  7695. /* @noflip */
  7696. padding-left: 12px;
  7697. /* @noflip */
  7698. padding-right: 38px;
  7699. }
  7700. [dir=rtl] .mdc-text-field--with-trailing-icon.mdc-text-field--dense .mdc-text-field__input, .mdc-text-field--with-trailing-icon.mdc-text-field--dense .mdc-text-field__input[dir=rtl] {
  7701. /* @noflip */
  7702. padding-left: 38px;
  7703. /* @noflip */
  7704. padding-right: 12px;
  7705. }
  7706. .mdc-text-field--with-leading-icon.mdc-text-field--with-trailing-icon.mdc-text-field--dense .mdc-text-field__icon {
  7707. /* @noflip */
  7708. left: 12px;
  7709. /* @noflip */
  7710. right: auto;
  7711. }
  7712. [dir=rtl] .mdc-text-field--with-leading-icon.mdc-text-field--with-trailing-icon.mdc-text-field--dense .mdc-text-field__icon, .mdc-text-field--with-leading-icon.mdc-text-field--with-trailing-icon.mdc-text-field--dense .mdc-text-field__icon[dir=rtl] {
  7713. /* @noflip */
  7714. left: auto;
  7715. /* @noflip */
  7716. right: 12px;
  7717. }
  7718. .mdc-text-field--with-leading-icon.mdc-text-field--with-trailing-icon.mdc-text-field--dense .mdc-text-field__icon ~ .mdc-text-field__icon {
  7719. /* @noflip */
  7720. right: 12px;
  7721. /* @noflip */
  7722. left: auto;
  7723. }
  7724. [dir=rtl] .mdc-text-field--with-leading-icon.mdc-text-field--with-trailing-icon.mdc-text-field--dense .mdc-text-field__icon ~ .mdc-text-field__icon, .mdc-text-field--with-leading-icon.mdc-text-field--with-trailing-icon.mdc-text-field--dense .mdc-text-field__icon ~ .mdc-text-field__icon[dir=rtl] {
  7725. /* @noflip */
  7726. right: auto;
  7727. /* @noflip */
  7728. left: 12px;
  7729. }
  7730. .mdc-text-field--with-leading-icon.mdc-text-field--with-trailing-icon.mdc-text-field--dense .mdc-text-field__input {
  7731. /* @noflip */
  7732. padding-left: 38px;
  7733. /* @noflip */
  7734. padding-right: 38px;
  7735. }
  7736. [dir=rtl] .mdc-text-field--with-leading-icon.mdc-text-field--with-trailing-icon.mdc-text-field--dense .mdc-text-field__input, .mdc-text-field--with-leading-icon.mdc-text-field--with-trailing-icon.mdc-text-field--dense .mdc-text-field__input[dir=rtl] {
  7737. /* @noflip */
  7738. padding-left: 38px;
  7739. /* @noflip */
  7740. padding-right: 38px;
  7741. }
  7742. .mdc-text-field--dense .mdc-floating-label--float-above {
  7743. -webkit-transform: translateY(-70%) scale(0.8);
  7744. transform: translateY(-70%) scale(0.8);
  7745. }
  7746. .mdc-text-field--dense .mdc-floating-label--shake {
  7747. -webkit-animation: mdc-floating-label-shake-float-above-text-field-dense 250ms 1;
  7748. animation: mdc-floating-label-shake-float-above-text-field-dense 250ms 1;
  7749. }
  7750. .mdc-text-field--dense .mdc-text-field__input {
  7751. padding: 12px 12px 0;
  7752. }
  7753. .mdc-text-field--dense .mdc-floating-label {
  7754. font-size: 0.813rem;
  7755. }
  7756. .mdc-text-field--dense .mdc-floating-label--float-above {
  7757. font-size: 0.813rem;
  7758. }
  7759. .mdc-text-field__input:required ~ .mdc-floating-label::after,
  7760. .mdc-text-field__input:required ~ .mdc-notched-outline .mdc-floating-label::after {
  7761. margin-left: 1px;
  7762. content: "*";
  7763. }
  7764. .mdc-text-field--textarea {
  7765. display: inline-flex;
  7766. width: auto;
  7767. height: auto;
  7768. transition: none;
  7769. overflow: visible;
  7770. }
  7771. .mdc-text-field--textarea:not(.mdc-text-field--disabled) .mdc-notched-outline__leading,
  7772. .mdc-text-field--textarea:not(.mdc-text-field--disabled) .mdc-notched-outline__notch,
  7773. .mdc-text-field--textarea:not(.mdc-text-field--disabled) .mdc-notched-outline__trailing {
  7774. border-color: rgba(0, 0, 0, 0.24);
  7775. }
  7776. .mdc-text-field--textarea:not(.mdc-text-field--disabled):not(.mdc-text-field--focused) .mdc-text-field__input:hover ~ .mdc-notched-outline .mdc-notched-outline__leading,
  7777. .mdc-text-field--textarea:not(.mdc-text-field--disabled):not(.mdc-text-field--focused) .mdc-text-field__input:hover ~ .mdc-notched-outline .mdc-notched-outline__notch,
  7778. .mdc-text-field--textarea:not(.mdc-text-field--disabled):not(.mdc-text-field--focused) .mdc-text-field__input:hover ~ .mdc-notched-outline .mdc-notched-outline__trailing,
  7779. .mdc-text-field--textarea:not(.mdc-text-field--disabled):not(.mdc-text-field--focused) .mdc-text-field__icon:hover ~ .mdc-notched-outline .mdc-notched-outline__leading,
  7780. .mdc-text-field--textarea:not(.mdc-text-field--disabled):not(.mdc-text-field--focused) .mdc-text-field__icon:hover ~ .mdc-notched-outline .mdc-notched-outline__notch,
  7781. .mdc-text-field--textarea:not(.mdc-text-field--disabled):not(.mdc-text-field--focused) .mdc-text-field__icon:hover ~ .mdc-notched-outline .mdc-notched-outline__trailing {
  7782. border-color: rgba(0, 0, 0, 0.87);
  7783. }
  7784. .mdc-text-field--textarea:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__leading,
  7785. .mdc-text-field--textarea:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__notch,
  7786. .mdc-text-field--textarea:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__trailing {
  7787. border-color: #6200ee;
  7788. /* @alternate */
  7789. border-color: var(--mdc-theme-primary, #6200ee);
  7790. }
  7791. .mdc-text-field--textarea .mdc-floating-label--shake {
  7792. -webkit-animation: mdc-floating-label-shake-float-above-text-field-outlined 250ms 1;
  7793. animation: mdc-floating-label-shake-float-above-text-field-outlined 250ms 1;
  7794. }
  7795. .mdc-text-field--textarea .mdc-notched-outline .mdc-notched-outline__leading {
  7796. /* @noflip */
  7797. border-radius: 4px 0 0 4px;
  7798. }
  7799. [dir=rtl] .mdc-text-field--textarea .mdc-notched-outline .mdc-notched-outline__leading, .mdc-text-field--textarea .mdc-notched-outline .mdc-notched-outline__leading[dir=rtl] {
  7800. /* @noflip */
  7801. border-radius: 0 4px 4px 0;
  7802. }
  7803. .mdc-text-field--textarea .mdc-notched-outline .mdc-notched-outline__trailing {
  7804. /* @noflip */
  7805. border-radius: 0 4px 4px 0;
  7806. }
  7807. [dir=rtl] .mdc-text-field--textarea .mdc-notched-outline .mdc-notched-outline__trailing, .mdc-text-field--textarea .mdc-notched-outline .mdc-notched-outline__trailing[dir=rtl] {
  7808. /* @noflip */
  7809. border-radius: 4px 0 0 4px;
  7810. }
  7811. .mdc-text-field--textarea::before, .mdc-text-field--textarea::after {
  7812. content: none;
  7813. }
  7814. .mdc-text-field--textarea:not(.mdc-text-field--disabled) {
  7815. background-color: transparent;
  7816. }
  7817. .mdc-text-field--textarea .mdc-floating-label--float-above {
  7818. -webkit-transform: translateY(-144%) scale(1);
  7819. transform: translateY(-144%) scale(1);
  7820. }
  7821. .mdc-text-field--textarea .mdc-floating-label--float-above {
  7822. font-size: 0.75rem;
  7823. }
  7824. .mdc-text-field--textarea.mdc-notched-outline--upgraded .mdc-floating-label--float-above,
  7825. .mdc-text-field--textarea .mdc-notched-outline--upgraded .mdc-floating-label--float-above {
  7826. -webkit-transform: translateY(-130%) scale(0.75);
  7827. transform: translateY(-130%) scale(0.75);
  7828. }
  7829. .mdc-text-field--textarea.mdc-notched-outline--upgraded .mdc-floating-label--float-above,
  7830. .mdc-text-field--textarea .mdc-notched-outline--upgraded .mdc-floating-label--float-above {
  7831. font-size: 1rem;
  7832. }
  7833. .mdc-text-field--textarea .mdc-text-field__input {
  7834. align-self: auto;
  7835. box-sizing: border-box;
  7836. height: auto;
  7837. margin: 8px 1px 1px 0;
  7838. padding: 0 16px 16px;
  7839. border: none;
  7840. }
  7841. .mdc-text-field--textarea .mdc-floating-label {
  7842. top: 17px;
  7843. bottom: auto;
  7844. width: auto;
  7845. pointer-events: none;
  7846. }
  7847. .mdc-text-field--textarea.mdc-text-field--focused .mdc-notched-outline__leading,
  7848. .mdc-text-field--textarea.mdc-text-field--focused .mdc-notched-outline__notch,
  7849. .mdc-text-field--textarea.mdc-text-field--focused .mdc-notched-outline__trailing {
  7850. border-width: 2px;
  7851. }
  7852. .mdc-text-field--fullwidth {
  7853. width: 100%;
  7854. }
  7855. .mdc-text-field--fullwidth:not(.mdc-text-field--textarea) {
  7856. display: block;
  7857. }
  7858. .mdc-text-field--fullwidth:not(.mdc-text-field--textarea)::before, .mdc-text-field--fullwidth:not(.mdc-text-field--textarea)::after {
  7859. content: none;
  7860. }
  7861. .mdc-text-field--fullwidth:not(.mdc-text-field--textarea):not(.mdc-text-field--disabled) {
  7862. background-color: transparent;
  7863. }
  7864. .mdc-text-field--fullwidth:not(.mdc-text-field--textarea) .mdc-text-field__input {
  7865. padding: 0;
  7866. }
  7867. .mdc-text-field--fullwidth.mdc-text-field--invalid:not(.mdc-text-field--disabled):not(.mdc-text-field--textarea) {
  7868. border-bottom-color: #b00020;
  7869. /* @alternate */
  7870. border-bottom-color: var(--mdc-theme-error, #b00020);
  7871. }
  7872. .mdc-text-field--dense + .mdc-text-field-helper-text {
  7873. margin-bottom: 4px;
  7874. }
  7875. .mdc-text-field + .mdc-text-field-helper-text {
  7876. margin-right: 12px;
  7877. margin-left: 12px;
  7878. }
  7879. .mdc-text-field--outlined + .mdc-text-field-helper-text {
  7880. margin-right: 16px;
  7881. margin-left: 16px;
  7882. }
  7883. .mdc-form-field > .mdc-text-field + label {
  7884. align-self: flex-start;
  7885. }
  7886. .mdc-text-field--focused:not(.mdc-text-field--disabled) .mdc-floating-label {
  7887. color: rgba(98, 0, 238, 0.87);
  7888. }
  7889. .mdc-text-field--focused:not(.mdc-text-field--disabled) .mdc-text-field__input::-webkit-input-placeholder {
  7890. color: rgba(98, 0, 238, 0.87);
  7891. }
  7892. .mdc-text-field--focused:not(.mdc-text-field--disabled) .mdc-text-field__input:-ms-input-placeholder {
  7893. color: rgba(98, 0, 238, 0.87);
  7894. }
  7895. .mdc-text-field--focused:not(.mdc-text-field--disabled) .mdc-text-field__input::-ms-input-placeholder {
  7896. color: rgba(98, 0, 238, 0.87);
  7897. }
  7898. .mdc-text-field--focused:not(.mdc-text-field--disabled) .mdc-text-field__input::placeholder {
  7899. color: rgba(98, 0, 238, 0.87);
  7900. }
  7901. .mdc-text-field--focused .mdc-text-field__input:required ~ .mdc-floating-label::after,
  7902. .mdc-text-field--focused .mdc-text-field__input:required ~ .mdc-notched-outline .mdc-floating-label::after {
  7903. color: #b00020;
  7904. /* @alternate */
  7905. color: var(--mdc-theme-error, #b00020);
  7906. }
  7907. .mdc-text-field--focused + .mdc-text-field-helper-text:not(.mdc-text-field-helper-text--validation-msg) {
  7908. opacity: 1;
  7909. }
  7910. .mdc-text-field--textarea.mdc-text-field--focused:not(.mdc-text-field--disabled) .mdc-notched-outline__leading,
  7911. .mdc-text-field--textarea.mdc-text-field--focused:not(.mdc-text-field--disabled) .mdc-notched-outline__notch,
  7912. .mdc-text-field--textarea.mdc-text-field--focused:not(.mdc-text-field--disabled) .mdc-notched-outline__trailing {
  7913. border-color: #6200ee;
  7914. /* @alternate */
  7915. border-color: var(--mdc-theme-primary, #6200ee);
  7916. }
  7917. .mdc-text-field--invalid:not(.mdc-text-field--disabled):not(.mdc-text-field--outlined):not(.mdc-text-field--textarea) .mdc-text-field__input {
  7918. border-bottom-color: #b00020;
  7919. /* @alternate */
  7920. border-bottom-color: var(--mdc-theme-error, #b00020);
  7921. }
  7922. .mdc-text-field--invalid:not(.mdc-text-field--disabled):not(.mdc-text-field--outlined):not(.mdc-text-field--textarea) .mdc-text-field__input:hover {
  7923. border-bottom-color: #b00020;
  7924. /* @alternate */
  7925. border-bottom-color: var(--mdc-theme-error, #b00020);
  7926. }
  7927. .mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-line-ripple {
  7928. background-color: #b00020;
  7929. /* @alternate */
  7930. background-color: var(--mdc-theme-error, #b00020);
  7931. }
  7932. .mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-floating-label {
  7933. color: #b00020;
  7934. /* @alternate */
  7935. color: var(--mdc-theme-error, #b00020);
  7936. }
  7937. .mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-text-field__input::-webkit-input-placeholder {
  7938. color: #b00020;
  7939. /* @alternate */
  7940. color: var(--mdc-theme-error, #b00020);
  7941. }
  7942. .mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-text-field__input:-ms-input-placeholder {
  7943. color: #b00020;
  7944. /* @alternate */
  7945. color: var(--mdc-theme-error, #b00020);
  7946. }
  7947. .mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-text-field__input::-ms-input-placeholder {
  7948. color: #b00020;
  7949. /* @alternate */
  7950. color: var(--mdc-theme-error, #b00020);
  7951. }
  7952. .mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-text-field__input::placeholder {
  7953. color: #b00020;
  7954. /* @alternate */
  7955. color: var(--mdc-theme-error, #b00020);
  7956. }
  7957. .mdc-text-field--invalid:not(.mdc-text-field--disabled).mdc-text-field--invalid + .mdc-text-field-helper-text--validation-msg {
  7958. color: #b00020;
  7959. /* @alternate */
  7960. color: var(--mdc-theme-error, #b00020);
  7961. }
  7962. .mdc-text-field--invalid .mdc-text-field__input {
  7963. caret-color: #b00020;
  7964. /* @alternate */
  7965. caret-color: var(--mdc-theme-error, #b00020);
  7966. }
  7967. .mdc-text-field--invalid.mdc-text-field--with-trailing-icon:not(.mdc-text-field--with-leading-icon):not(.mdc-text-field--disabled) .mdc-text-field__icon {
  7968. color: #b00020;
  7969. /* @alternate */
  7970. color: var(--mdc-theme-error, #b00020);
  7971. }
  7972. .mdc-text-field--invalid.mdc-text-field--with-trailing-icon.mdc-text-field--with-leading-icon:not(.mdc-text-field--disabled) .mdc-text-field__icon ~ .mdc-text-field__icon {
  7973. color: #b00020;
  7974. /* @alternate */
  7975. color: var(--mdc-theme-error, #b00020);
  7976. }
  7977. .mdc-text-field--invalid + .mdc-text-field-helper-text--validation-msg {
  7978. opacity: 1;
  7979. }
  7980. .mdc-text-field--textarea.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-notched-outline__leading,
  7981. .mdc-text-field--textarea.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-notched-outline__notch,
  7982. .mdc-text-field--textarea.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-notched-outline__trailing {
  7983. border-color: #b00020;
  7984. /* @alternate */
  7985. border-color: var(--mdc-theme-error, #b00020);
  7986. }
  7987. .mdc-text-field--textarea.mdc-text-field--invalid:not(.mdc-text-field--disabled):not(.mdc-text-field--focused) .mdc-text-field__input:hover ~ .mdc-notched-outline .mdc-notched-outline__leading,
  7988. .mdc-text-field--textarea.mdc-text-field--invalid:not(.mdc-text-field--disabled):not(.mdc-text-field--focused) .mdc-text-field__input:hover ~ .mdc-notched-outline .mdc-notched-outline__notch,
  7989. .mdc-text-field--textarea.mdc-text-field--invalid:not(.mdc-text-field--disabled):not(.mdc-text-field--focused) .mdc-text-field__input:hover ~ .mdc-notched-outline .mdc-notched-outline__trailing,
  7990. .mdc-text-field--textarea.mdc-text-field--invalid:not(.mdc-text-field--disabled):not(.mdc-text-field--focused) .mdc-text-field__icon:hover ~ .mdc-notched-outline .mdc-notched-outline__leading,
  7991. .mdc-text-field--textarea.mdc-text-field--invalid:not(.mdc-text-field--disabled):not(.mdc-text-field--focused) .mdc-text-field__icon:hover ~ .mdc-notched-outline .mdc-notched-outline__notch,
  7992. .mdc-text-field--textarea.mdc-text-field--invalid:not(.mdc-text-field--disabled):not(.mdc-text-field--focused) .mdc-text-field__icon:hover ~ .mdc-notched-outline .mdc-notched-outline__trailing {
  7993. border-color: #b00020;
  7994. /* @alternate */
  7995. border-color: var(--mdc-theme-error, #b00020);
  7996. }
  7997. .mdc-text-field--textarea.mdc-text-field--invalid:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__leading,
  7998. .mdc-text-field--textarea.mdc-text-field--invalid:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__notch,
  7999. .mdc-text-field--textarea.mdc-text-field--invalid:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__trailing {
  8000. border-color: #b00020;
  8001. /* @alternate */
  8002. border-color: var(--mdc-theme-error, #b00020);
  8003. }
  8004. .mdc-text-field--outlined.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-notched-outline__leading,
  8005. .mdc-text-field--outlined.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-notched-outline__notch,
  8006. .mdc-text-field--outlined.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-notched-outline__trailing {
  8007. border-color: #b00020;
  8008. /* @alternate */
  8009. border-color: var(--mdc-theme-error, #b00020);
  8010. }
  8011. .mdc-text-field--outlined.mdc-text-field--invalid:not(.mdc-text-field--disabled):not(.mdc-text-field--focused) .mdc-text-field__input:hover ~ .mdc-notched-outline .mdc-notched-outline__leading,
  8012. .mdc-text-field--outlined.mdc-text-field--invalid:not(.mdc-text-field--disabled):not(.mdc-text-field--focused) .mdc-text-field__input:hover ~ .mdc-notched-outline .mdc-notched-outline__notch,
  8013. .mdc-text-field--outlined.mdc-text-field--invalid:not(.mdc-text-field--disabled):not(.mdc-text-field--focused) .mdc-text-field__input:hover ~ .mdc-notched-outline .mdc-notched-outline__trailing,
  8014. .mdc-text-field--outlined.mdc-text-field--invalid:not(.mdc-text-field--disabled):not(.mdc-text-field--focused) .mdc-text-field__icon:hover ~ .mdc-notched-outline .mdc-notched-outline__leading,
  8015. .mdc-text-field--outlined.mdc-text-field--invalid:not(.mdc-text-field--disabled):not(.mdc-text-field--focused) .mdc-text-field__icon:hover ~ .mdc-notched-outline .mdc-notched-outline__notch,
  8016. .mdc-text-field--outlined.mdc-text-field--invalid:not(.mdc-text-field--disabled):not(.mdc-text-field--focused) .mdc-text-field__icon:hover ~ .mdc-notched-outline .mdc-notched-outline__trailing {
  8017. border-color: #b00020;
  8018. /* @alternate */
  8019. border-color: var(--mdc-theme-error, #b00020);
  8020. }
  8021. .mdc-text-field--outlined.mdc-text-field--invalid:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__leading,
  8022. .mdc-text-field--outlined.mdc-text-field--invalid:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__notch,
  8023. .mdc-text-field--outlined.mdc-text-field--invalid:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__trailing {
  8024. border-color: #b00020;
  8025. /* @alternate */
  8026. border-color: var(--mdc-theme-error, #b00020);
  8027. }
  8028. .mdc-text-field--disabled {
  8029. background-color: #fafafa;
  8030. border-bottom: none;
  8031. pointer-events: none;
  8032. }
  8033. .mdc-text-field--disabled .mdc-text-field__input {
  8034. border-bottom-color: rgba(0, 0, 0, 0.06);
  8035. }
  8036. .mdc-text-field--disabled .mdc-text-field__input {
  8037. color: rgba(0, 0, 0, 0.37);
  8038. }
  8039. .mdc-text-field--disabled .mdc-floating-label {
  8040. color: rgba(0, 0, 0, 0.37);
  8041. }
  8042. .mdc-text-field--disabled .mdc-text-field__input::-webkit-input-placeholder {
  8043. color: rgba(0, 0, 0, 0.37);
  8044. }
  8045. .mdc-text-field--disabled .mdc-text-field__input:-ms-input-placeholder {
  8046. color: rgba(0, 0, 0, 0.37);
  8047. }
  8048. .mdc-text-field--disabled .mdc-text-field__input::-ms-input-placeholder {
  8049. color: rgba(0, 0, 0, 0.37);
  8050. }
  8051. .mdc-text-field--disabled .mdc-text-field__input::placeholder {
  8052. color: rgba(0, 0, 0, 0.37);
  8053. }
  8054. .mdc-text-field--disabled + .mdc-text-field-helper-text {
  8055. color: rgba(0, 0, 0, 0.37);
  8056. }
  8057. .mdc-text-field--disabled .mdc-text-field__icon {
  8058. color: rgba(0, 0, 0, 0.3);
  8059. }
  8060. .mdc-text-field--disabled:not(.mdc-text-field--textarea) {
  8061. border-bottom-color: rgba(0, 0, 0, 0.12);
  8062. }
  8063. .mdc-text-field--disabled .mdc-floating-label {
  8064. cursor: default;
  8065. }
  8066. .mdc-text-field--textarea.mdc-text-field--disabled {
  8067. background-color: transparent;
  8068. background-color: #f9f9f9;
  8069. }
  8070. .mdc-text-field--textarea.mdc-text-field--disabled .mdc-notched-outline__leading,
  8071. .mdc-text-field--textarea.mdc-text-field--disabled .mdc-notched-outline__notch,
  8072. .mdc-text-field--textarea.mdc-text-field--disabled .mdc-notched-outline__trailing {
  8073. border-color: rgba(0, 0, 0, 0.06);
  8074. }
  8075. .mdc-text-field--textarea.mdc-text-field--disabled .mdc-text-field__input {
  8076. border-bottom: none;
  8077. }
  8078. @-webkit-keyframes mdc-floating-label-shake-float-above-text-field-dense {
  8079. 0% {
  8080. -webkit-transform: translateX(calc(0 - 0%)) translateY(-70%) scale(0.8);
  8081. transform: translateX(calc(0 - 0%)) translateY(-70%) scale(0.8);
  8082. }
  8083. 33% {
  8084. -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);
  8085. animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);
  8086. -webkit-transform: translateX(calc(4% - 0%)) translateY(-70%) scale(0.8);
  8087. transform: translateX(calc(4% - 0%)) translateY(-70%) scale(0.8);
  8088. }
  8089. 66% {
  8090. -webkit-animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
  8091. animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
  8092. -webkit-transform: translateX(calc(-4% - 0%)) translateY(-70%) scale(0.8);
  8093. transform: translateX(calc(-4% - 0%)) translateY(-70%) scale(0.8);
  8094. }
  8095. 100% {
  8096. -webkit-transform: translateX(calc(0 - 0%)) translateY(-70%) scale(0.8);
  8097. transform: translateX(calc(0 - 0%)) translateY(-70%) scale(0.8);
  8098. }
  8099. }
  8100. @keyframes mdc-floating-label-shake-float-above-text-field-dense {
  8101. 0% {
  8102. -webkit-transform: translateX(calc(0 - 0%)) translateY(-70%) scale(0.8);
  8103. transform: translateX(calc(0 - 0%)) translateY(-70%) scale(0.8);
  8104. }
  8105. 33% {
  8106. -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);
  8107. animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);
  8108. -webkit-transform: translateX(calc(4% - 0%)) translateY(-70%) scale(0.8);
  8109. transform: translateX(calc(4% - 0%)) translateY(-70%) scale(0.8);
  8110. }
  8111. 66% {
  8112. -webkit-animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
  8113. animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
  8114. -webkit-transform: translateX(calc(-4% - 0%)) translateY(-70%) scale(0.8);
  8115. transform: translateX(calc(-4% - 0%)) translateY(-70%) scale(0.8);
  8116. }
  8117. 100% {
  8118. -webkit-transform: translateX(calc(0 - 0%)) translateY(-70%) scale(0.8);
  8119. transform: translateX(calc(0 - 0%)) translateY(-70%) scale(0.8);
  8120. }
  8121. }
  8122. @-webkit-keyframes mdc-floating-label-shake-float-above-text-field-outlined {
  8123. 0% {
  8124. -webkit-transform: translateX(calc(0 - 0%)) translateY(-130%) scale(0.75);
  8125. transform: translateX(calc(0 - 0%)) translateY(-130%) scale(0.75);
  8126. }
  8127. 33% {
  8128. -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);
  8129. animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);
  8130. -webkit-transform: translateX(calc(4% - 0%)) translateY(-130%) scale(0.75);
  8131. transform: translateX(calc(4% - 0%)) translateY(-130%) scale(0.75);
  8132. }
  8133. 66% {
  8134. -webkit-animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
  8135. animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
  8136. -webkit-transform: translateX(calc(-4% - 0%)) translateY(-130%) scale(0.75);
  8137. transform: translateX(calc(-4% - 0%)) translateY(-130%) scale(0.75);
  8138. }
  8139. 100% {
  8140. -webkit-transform: translateX(calc(0 - 0%)) translateY(-130%) scale(0.75);
  8141. transform: translateX(calc(0 - 0%)) translateY(-130%) scale(0.75);
  8142. }
  8143. }
  8144. @keyframes mdc-floating-label-shake-float-above-text-field-outlined {
  8145. 0% {
  8146. -webkit-transform: translateX(calc(0 - 0%)) translateY(-130%) scale(0.75);
  8147. transform: translateX(calc(0 - 0%)) translateY(-130%) scale(0.75);
  8148. }
  8149. 33% {
  8150. -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);
  8151. animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);
  8152. -webkit-transform: translateX(calc(4% - 0%)) translateY(-130%) scale(0.75);
  8153. transform: translateX(calc(4% - 0%)) translateY(-130%) scale(0.75);
  8154. }
  8155. 66% {
  8156. -webkit-animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
  8157. animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
  8158. -webkit-transform: translateX(calc(-4% - 0%)) translateY(-130%) scale(0.75);
  8159. transform: translateX(calc(-4% - 0%)) translateY(-130%) scale(0.75);
  8160. }
  8161. 100% {
  8162. -webkit-transform: translateX(calc(0 - 0%)) translateY(-130%) scale(0.75);
  8163. transform: translateX(calc(0 - 0%)) translateY(-130%) scale(0.75);
  8164. }
  8165. }
  8166. @-webkit-keyframes mdc-floating-label-shake-float-above-text-field-outlined-dense {
  8167. 0% {
  8168. -webkit-transform: translateX(calc(0 - 0%)) translateY(-120%) scale(0.8);
  8169. transform: translateX(calc(0 - 0%)) translateY(-120%) scale(0.8);
  8170. }
  8171. 33% {
  8172. -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);
  8173. animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);
  8174. -webkit-transform: translateX(calc(4% - 0%)) translateY(-120%) scale(0.8);
  8175. transform: translateX(calc(4% - 0%)) translateY(-120%) scale(0.8);
  8176. }
  8177. 66% {
  8178. -webkit-animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
  8179. animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
  8180. -webkit-transform: translateX(calc(-4% - 0%)) translateY(-120%) scale(0.8);
  8181. transform: translateX(calc(-4% - 0%)) translateY(-120%) scale(0.8);
  8182. }
  8183. 100% {
  8184. -webkit-transform: translateX(calc(0 - 0%)) translateY(-120%) scale(0.8);
  8185. transform: translateX(calc(0 - 0%)) translateY(-120%) scale(0.8);
  8186. }
  8187. }
  8188. @keyframes mdc-floating-label-shake-float-above-text-field-outlined-dense {
  8189. 0% {
  8190. -webkit-transform: translateX(calc(0 - 0%)) translateY(-120%) scale(0.8);
  8191. transform: translateX(calc(0 - 0%)) translateY(-120%) scale(0.8);
  8192. }
  8193. 33% {
  8194. -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);
  8195. animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);
  8196. -webkit-transform: translateX(calc(4% - 0%)) translateY(-120%) scale(0.8);
  8197. transform: translateX(calc(4% - 0%)) translateY(-120%) scale(0.8);
  8198. }
  8199. 66% {
  8200. -webkit-animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
  8201. animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
  8202. -webkit-transform: translateX(calc(-4% - 0%)) translateY(-120%) scale(0.8);
  8203. transform: translateX(calc(-4% - 0%)) translateY(-120%) scale(0.8);
  8204. }
  8205. 100% {
  8206. -webkit-transform: translateX(calc(0 - 0%)) translateY(-120%) scale(0.8);
  8207. transform: translateX(calc(0 - 0%)) translateY(-120%) scale(0.8);
  8208. }
  8209. }
  8210. @-webkit-keyframes mdc-floating-label-shake-float-above-text-field-outlined-leading-icon {
  8211. 0% {
  8212. -webkit-transform: translateX(calc(0 - 0)) translateY(-130%) scale(0.75);
  8213. transform: translateX(calc(0 - 0)) translateY(-130%) scale(0.75);
  8214. }
  8215. 33% {
  8216. -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);
  8217. animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);
  8218. -webkit-transform: translateX(calc(4% - 0)) translateY(-130%) scale(0.75);
  8219. transform: translateX(calc(4% - 0)) translateY(-130%) scale(0.75);
  8220. }
  8221. 66% {
  8222. -webkit-animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
  8223. animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
  8224. -webkit-transform: translateX(calc(-4% - 0)) translateY(-130%) scale(0.75);
  8225. transform: translateX(calc(-4% - 0)) translateY(-130%) scale(0.75);
  8226. }
  8227. 100% {
  8228. -webkit-transform: translateX(calc(0 - 0)) translateY(-130%) scale(0.75);
  8229. transform: translateX(calc(0 - 0)) translateY(-130%) scale(0.75);
  8230. }
  8231. }
  8232. @keyframes mdc-floating-label-shake-float-above-text-field-outlined-leading-icon {
  8233. 0% {
  8234. -webkit-transform: translateX(calc(0 - 0)) translateY(-130%) scale(0.75);
  8235. transform: translateX(calc(0 - 0)) translateY(-130%) scale(0.75);
  8236. }
  8237. 33% {
  8238. -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);
  8239. animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);
  8240. -webkit-transform: translateX(calc(4% - 0)) translateY(-130%) scale(0.75);
  8241. transform: translateX(calc(4% - 0)) translateY(-130%) scale(0.75);
  8242. }
  8243. 66% {
  8244. -webkit-animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
  8245. animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
  8246. -webkit-transform: translateX(calc(-4% - 0)) translateY(-130%) scale(0.75);
  8247. transform: translateX(calc(-4% - 0)) translateY(-130%) scale(0.75);
  8248. }
  8249. 100% {
  8250. -webkit-transform: translateX(calc(0 - 0)) translateY(-130%) scale(0.75);
  8251. transform: translateX(calc(0 - 0)) translateY(-130%) scale(0.75);
  8252. }
  8253. }
  8254. @-webkit-keyframes mdc-floating-label-shake-float-above-text-field-outlined-leading-icon-dense {
  8255. 0% {
  8256. -webkit-transform: translateX(calc(0 - 21px)) translateY(-120%) scale(0.8);
  8257. transform: translateX(calc(0 - 21px)) translateY(-120%) scale(0.8);
  8258. }
  8259. 33% {
  8260. -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);
  8261. animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);
  8262. -webkit-transform: translateX(calc(4% - 21px)) translateY(-120%) scale(0.8);
  8263. transform: translateX(calc(4% - 21px)) translateY(-120%) scale(0.8);
  8264. }
  8265. 66% {
  8266. -webkit-animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
  8267. animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
  8268. -webkit-transform: translateX(calc(-4% - 21px)) translateY(-120%) scale(0.8);
  8269. transform: translateX(calc(-4% - 21px)) translateY(-120%) scale(0.8);
  8270. }
  8271. 100% {
  8272. -webkit-transform: translateX(calc(0 - 21px)) translateY(-120%) scale(0.8);
  8273. transform: translateX(calc(0 - 21px)) translateY(-120%) scale(0.8);
  8274. }
  8275. }
  8276. @keyframes mdc-floating-label-shake-float-above-text-field-outlined-leading-icon-dense {
  8277. 0% {
  8278. -webkit-transform: translateX(calc(0 - 21px)) translateY(-120%) scale(0.8);
  8279. transform: translateX(calc(0 - 21px)) translateY(-120%) scale(0.8);
  8280. }
  8281. 33% {
  8282. -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);
  8283. animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);
  8284. -webkit-transform: translateX(calc(4% - 21px)) translateY(-120%) scale(0.8);
  8285. transform: translateX(calc(4% - 21px)) translateY(-120%) scale(0.8);
  8286. }
  8287. 66% {
  8288. -webkit-animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
  8289. animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
  8290. -webkit-transform: translateX(calc(-4% - 21px)) translateY(-120%) scale(0.8);
  8291. transform: translateX(calc(-4% - 21px)) translateY(-120%) scale(0.8);
  8292. }
  8293. 100% {
  8294. -webkit-transform: translateX(calc(0 - 21px)) translateY(-120%) scale(0.8);
  8295. transform: translateX(calc(0 - 21px)) translateY(-120%) scale(0.8);
  8296. }
  8297. }
  8298. @-webkit-keyframes mdc-floating-label-shake-float-above-text-field-outlined-leading-icon-rtl {
  8299. 0% {
  8300. -webkit-transform: translateX(calc(0 - 0)) translateY(-130%) scale(0.75);
  8301. transform: translateX(calc(0 - 0)) translateY(-130%) scale(0.75);
  8302. }
  8303. 33% {
  8304. -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);
  8305. animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);
  8306. -webkit-transform: translateX(calc(4% - 0)) translateY(-130%) scale(0.75);
  8307. transform: translateX(calc(4% - 0)) translateY(-130%) scale(0.75);
  8308. }
  8309. 66% {
  8310. -webkit-animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
  8311. animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
  8312. -webkit-transform: translateX(calc(-4% - 0)) translateY(-130%) scale(0.75);
  8313. transform: translateX(calc(-4% - 0)) translateY(-130%) scale(0.75);
  8314. }
  8315. 100% {
  8316. -webkit-transform: translateX(calc(0 - 0)) translateY(-130%) scale(0.75);
  8317. transform: translateX(calc(0 - 0)) translateY(-130%) scale(0.75);
  8318. }
  8319. }
  8320. @keyframes mdc-floating-label-shake-float-above-text-field-outlined-leading-icon-rtl {
  8321. 0% {
  8322. -webkit-transform: translateX(calc(0 - 0)) translateY(-130%) scale(0.75);
  8323. transform: translateX(calc(0 - 0)) translateY(-130%) scale(0.75);
  8324. }
  8325. 33% {
  8326. -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);
  8327. animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);
  8328. -webkit-transform: translateX(calc(4% - 0)) translateY(-130%) scale(0.75);
  8329. transform: translateX(calc(4% - 0)) translateY(-130%) scale(0.75);
  8330. }
  8331. 66% {
  8332. -webkit-animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
  8333. animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
  8334. -webkit-transform: translateX(calc(-4% - 0)) translateY(-130%) scale(0.75);
  8335. transform: translateX(calc(-4% - 0)) translateY(-130%) scale(0.75);
  8336. }
  8337. 100% {
  8338. -webkit-transform: translateX(calc(0 - 0)) translateY(-130%) scale(0.75);
  8339. transform: translateX(calc(0 - 0)) translateY(-130%) scale(0.75);
  8340. }
  8341. }
  8342. @-webkit-keyframes mdc-floating-label-shake-float-above-text-field-outlined-leading-icon-dense-rtl {
  8343. 0% {
  8344. -webkit-transform: translateX(calc(0 - -21px)) translateY(-120%) scale(0.8);
  8345. transform: translateX(calc(0 - -21px)) translateY(-120%) scale(0.8);
  8346. }
  8347. 33% {
  8348. -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);
  8349. animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);
  8350. -webkit-transform: translateX(calc(4% - -21px)) translateY(-120%) scale(0.8);
  8351. transform: translateX(calc(4% - -21px)) translateY(-120%) scale(0.8);
  8352. }
  8353. 66% {
  8354. -webkit-animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
  8355. animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
  8356. -webkit-transform: translateX(calc(-4% - -21px)) translateY(-120%) scale(0.8);
  8357. transform: translateX(calc(-4% - -21px)) translateY(-120%) scale(0.8);
  8358. }
  8359. 100% {
  8360. -webkit-transform: translateX(calc(0 - -21px)) translateY(-120%) scale(0.8);
  8361. transform: translateX(calc(0 - -21px)) translateY(-120%) scale(0.8);
  8362. }
  8363. }
  8364. @keyframes mdc-floating-label-shake-float-above-text-field-outlined-leading-icon-dense-rtl {
  8365. 0% {
  8366. -webkit-transform: translateX(calc(0 - -21px)) translateY(-120%) scale(0.8);
  8367. transform: translateX(calc(0 - -21px)) translateY(-120%) scale(0.8);
  8368. }
  8369. 33% {
  8370. -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);
  8371. animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);
  8372. -webkit-transform: translateX(calc(4% - -21px)) translateY(-120%) scale(0.8);
  8373. transform: translateX(calc(4% - -21px)) translateY(-120%) scale(0.8);
  8374. }
  8375. 66% {
  8376. -webkit-animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
  8377. animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
  8378. -webkit-transform: translateX(calc(-4% - -21px)) translateY(-120%) scale(0.8);
  8379. transform: translateX(calc(-4% - -21px)) translateY(-120%) scale(0.8);
  8380. }
  8381. 100% {
  8382. -webkit-transform: translateX(calc(0 - -21px)) translateY(-120%) scale(0.8);
  8383. transform: translateX(calc(0 - -21px)) translateY(-120%) scale(0.8);
  8384. }
  8385. }
  8386. @-webkit-keyframes mdc-floating-label-shake-float-above-textarea {
  8387. 0% {
  8388. -webkit-transform: translateX(calc(0 - 0%)) translateY(-130%) scale(0.75);
  8389. transform: translateX(calc(0 - 0%)) translateY(-130%) scale(0.75);
  8390. }
  8391. 33% {
  8392. -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);
  8393. animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);
  8394. -webkit-transform: translateX(calc(4% - 0%)) translateY(-130%) scale(0.75);
  8395. transform: translateX(calc(4% - 0%)) translateY(-130%) scale(0.75);
  8396. }
  8397. 66% {
  8398. -webkit-animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
  8399. animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
  8400. -webkit-transform: translateX(calc(-4% - 0%)) translateY(-130%) scale(0.75);
  8401. transform: translateX(calc(-4% - 0%)) translateY(-130%) scale(0.75);
  8402. }
  8403. 100% {
  8404. -webkit-transform: translateX(calc(0 - 0%)) translateY(-130%) scale(0.75);
  8405. transform: translateX(calc(0 - 0%)) translateY(-130%) scale(0.75);
  8406. }
  8407. }
  8408. @keyframes mdc-floating-label-shake-float-above-textarea {
  8409. 0% {
  8410. -webkit-transform: translateX(calc(0 - 0%)) translateY(-130%) scale(0.75);
  8411. transform: translateX(calc(0 - 0%)) translateY(-130%) scale(0.75);
  8412. }
  8413. 33% {
  8414. -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);
  8415. animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);
  8416. -webkit-transform: translateX(calc(4% - 0%)) translateY(-130%) scale(0.75);
  8417. transform: translateX(calc(4% - 0%)) translateY(-130%) scale(0.75);
  8418. }
  8419. 66% {
  8420. -webkit-animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
  8421. animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
  8422. -webkit-transform: translateX(calc(-4% - 0%)) translateY(-130%) scale(0.75);
  8423. transform: translateX(calc(-4% - 0%)) translateY(-130%) scale(0.75);
  8424. }
  8425. 100% {
  8426. -webkit-transform: translateX(calc(0 - 0%)) translateY(-130%) scale(0.75);
  8427. transform: translateX(calc(0 - 0%)) translateY(-130%) scale(0.75);
  8428. }
  8429. }
  8430. :root {
  8431. --mdc-theme-primary: #6200ee;
  8432. --mdc-theme-secondary: #018786;
  8433. --mdc-theme-background: #fff;
  8434. --mdc-theme-surface: #fff;
  8435. --mdc-theme-error: #b00020;
  8436. --mdc-theme-on-primary: #fff;
  8437. --mdc-theme-on-secondary: #fff;
  8438. --mdc-theme-on-surface: #000;
  8439. --mdc-theme-on-error: #fff;
  8440. --mdc-theme-text-primary-on-background: rgba(0, 0, 0, 0.87);
  8441. --mdc-theme-text-secondary-on-background: rgba(0, 0, 0, 0.54);
  8442. --mdc-theme-text-hint-on-background: rgba(0, 0, 0, 0.38);
  8443. --mdc-theme-text-disabled-on-background: rgba(0, 0, 0, 0.38);
  8444. --mdc-theme-text-icon-on-background: rgba(0, 0, 0, 0.38);
  8445. --mdc-theme-text-primary-on-light: rgba(0, 0, 0, 0.87);
  8446. --mdc-theme-text-secondary-on-light: rgba(0, 0, 0, 0.54);
  8447. --mdc-theme-text-hint-on-light: rgba(0, 0, 0, 0.38);
  8448. --mdc-theme-text-disabled-on-light: rgba(0, 0, 0, 0.38);
  8449. --mdc-theme-text-icon-on-light: rgba(0, 0, 0, 0.38);
  8450. --mdc-theme-text-primary-on-dark: white;
  8451. --mdc-theme-text-secondary-on-dark: rgba(255, 255, 255, 0.7);
  8452. --mdc-theme-text-hint-on-dark: rgba(255, 255, 255, 0.5);
  8453. --mdc-theme-text-disabled-on-dark: rgba(255, 255, 255, 0.5);
  8454. --mdc-theme-text-icon-on-dark: rgba(255, 255, 255, 0.5);
  8455. }
  8456. .mdc-theme--primary {
  8457. color: #6200ee !important;
  8458. /* @alternate */
  8459. color: var(--mdc-theme-primary, #6200ee) !important;
  8460. }
  8461. .mdc-theme--secondary {
  8462. color: #018786 !important;
  8463. /* @alternate */
  8464. color: var(--mdc-theme-secondary, #018786) !important;
  8465. }
  8466. .mdc-theme--background {
  8467. background-color: #fff;
  8468. /* @alternate */
  8469. background-color: var(--mdc-theme-background, #fff);
  8470. }
  8471. .mdc-theme--surface {
  8472. background-color: #fff;
  8473. /* @alternate */
  8474. background-color: var(--mdc-theme-surface, #fff);
  8475. }
  8476. .mdc-theme--error {
  8477. color: #b00020 !important;
  8478. /* @alternate */
  8479. color: var(--mdc-theme-error, #b00020) !important;
  8480. }
  8481. .mdc-theme--on-primary {
  8482. color: #fff !important;
  8483. /* @alternate */
  8484. color: var(--mdc-theme-on-primary, #fff) !important;
  8485. }
  8486. .mdc-theme--on-secondary {
  8487. color: #fff !important;
  8488. /* @alternate */
  8489. color: var(--mdc-theme-on-secondary, #fff) !important;
  8490. }
  8491. .mdc-theme--on-surface {
  8492. color: #000 !important;
  8493. /* @alternate */
  8494. color: var(--mdc-theme-on-surface, #000) !important;
  8495. }
  8496. .mdc-theme--on-error {
  8497. color: #fff !important;
  8498. /* @alternate */
  8499. color: var(--mdc-theme-on-error, #fff) !important;
  8500. }
  8501. .mdc-theme--text-primary-on-background {
  8502. color: rgba(0, 0, 0, 0.87) !important;
  8503. /* @alternate */
  8504. color: var(--mdc-theme-text-primary-on-background, rgba(0, 0, 0, 0.87)) !important;
  8505. }
  8506. .mdc-theme--text-secondary-on-background {
  8507. color: rgba(0, 0, 0, 0.54) !important;
  8508. /* @alternate */
  8509. color: var(--mdc-theme-text-secondary-on-background, rgba(0, 0, 0, 0.54)) !important;
  8510. }
  8511. .mdc-theme--text-hint-on-background {
  8512. color: rgba(0, 0, 0, 0.38) !important;
  8513. /* @alternate */
  8514. color: var(--mdc-theme-text-hint-on-background, rgba(0, 0, 0, 0.38)) !important;
  8515. }
  8516. .mdc-theme--text-disabled-on-background {
  8517. color: rgba(0, 0, 0, 0.38) !important;
  8518. /* @alternate */
  8519. color: var(--mdc-theme-text-disabled-on-background, rgba(0, 0, 0, 0.38)) !important;
  8520. }
  8521. .mdc-theme--text-icon-on-background {
  8522. color: rgba(0, 0, 0, 0.38) !important;
  8523. /* @alternate */
  8524. color: var(--mdc-theme-text-icon-on-background, rgba(0, 0, 0, 0.38)) !important;
  8525. }
  8526. .mdc-theme--text-primary-on-light {
  8527. color: rgba(0, 0, 0, 0.87) !important;
  8528. /* @alternate */
  8529. color: var(--mdc-theme-text-primary-on-light, rgba(0, 0, 0, 0.87)) !important;
  8530. }
  8531. .mdc-theme--text-secondary-on-light {
  8532. color: rgba(0, 0, 0, 0.54) !important;
  8533. /* @alternate */
  8534. color: var(--mdc-theme-text-secondary-on-light, rgba(0, 0, 0, 0.54)) !important;
  8535. }
  8536. .mdc-theme--text-hint-on-light {
  8537. color: rgba(0, 0, 0, 0.38) !important;
  8538. /* @alternate */
  8539. color: var(--mdc-theme-text-hint-on-light, rgba(0, 0, 0, 0.38)) !important;
  8540. }
  8541. .mdc-theme--text-disabled-on-light {
  8542. color: rgba(0, 0, 0, 0.38) !important;
  8543. /* @alternate */
  8544. color: var(--mdc-theme-text-disabled-on-light, rgba(0, 0, 0, 0.38)) !important;
  8545. }
  8546. .mdc-theme--text-icon-on-light {
  8547. color: rgba(0, 0, 0, 0.38) !important;
  8548. /* @alternate */
  8549. color: var(--mdc-theme-text-icon-on-light, rgba(0, 0, 0, 0.38)) !important;
  8550. }
  8551. .mdc-theme--text-primary-on-dark {
  8552. color: white !important;
  8553. /* @alternate */
  8554. color: var(--mdc-theme-text-primary-on-dark, white) !important;
  8555. }
  8556. .mdc-theme--text-secondary-on-dark {
  8557. color: rgba(255, 255, 255, 0.7) !important;
  8558. /* @alternate */
  8559. color: var(--mdc-theme-text-secondary-on-dark, rgba(255, 255, 255, 0.7)) !important;
  8560. }
  8561. .mdc-theme--text-hint-on-dark {
  8562. color: rgba(255, 255, 255, 0.5) !important;
  8563. /* @alternate */
  8564. color: var(--mdc-theme-text-hint-on-dark, rgba(255, 255, 255, 0.5)) !important;
  8565. }
  8566. .mdc-theme--text-disabled-on-dark {
  8567. color: rgba(255, 255, 255, 0.5) !important;
  8568. /* @alternate */
  8569. color: var(--mdc-theme-text-disabled-on-dark, rgba(255, 255, 255, 0.5)) !important;
  8570. }
  8571. .mdc-theme--text-icon-on-dark {
  8572. color: rgba(255, 255, 255, 0.5) !important;
  8573. /* @alternate */
  8574. color: var(--mdc-theme-text-icon-on-dark, rgba(255, 255, 255, 0.5)) !important;
  8575. }
  8576. .mdc-theme--primary-bg {
  8577. background-color: #6200ee !important;
  8578. /* @alternate */
  8579. background-color: var(--mdc-theme-primary, #6200ee) !important;
  8580. }
  8581. .mdc-theme--secondary-bg {
  8582. background-color: #018786 !important;
  8583. /* @alternate */
  8584. background-color: var(--mdc-theme-secondary, #018786) !important;
  8585. }
  8586. .mdc-toolbar {
  8587. background-color: #6200ee;
  8588. /* @alternate */
  8589. background-color: var(--mdc-theme-primary, #6200ee);
  8590. color: white;
  8591. display: flex;
  8592. position: relative;
  8593. flex-direction: column;
  8594. justify-content: space-between;
  8595. box-sizing: border-box;
  8596. width: 100%;
  8597. }
  8598. .mdc-toolbar .mdc-toolbar__icon {
  8599. color: white;
  8600. }
  8601. .mdc-toolbar .mdc-toolbar__icon::before, .mdc-toolbar .mdc-toolbar__icon::after {
  8602. background-color: white;
  8603. }
  8604. .mdc-toolbar .mdc-toolbar__icon:hover::before {
  8605. opacity: 0.08;
  8606. }
  8607. .mdc-toolbar .mdc-toolbar__icon:not(.mdc-ripple-upgraded):focus::before, .mdc-toolbar .mdc-toolbar__icon.mdc-ripple-upgraded--background-focused::before {
  8608. transition-duration: 75ms;
  8609. opacity: 0.24;
  8610. }
  8611. .mdc-toolbar .mdc-toolbar__icon:not(.mdc-ripple-upgraded)::after {
  8612. transition: opacity 150ms linear;
  8613. }
  8614. .mdc-toolbar .mdc-toolbar__icon:not(.mdc-ripple-upgraded):active::after {
  8615. transition-duration: 75ms;
  8616. opacity: 0.32;
  8617. }
  8618. .mdc-toolbar .mdc-toolbar__icon.mdc-ripple-upgraded {
  8619. --mdc-ripple-fg-opacity: 0.32;
  8620. }
  8621. .mdc-toolbar__row {
  8622. display: flex;
  8623. position: relative;
  8624. align-items: center;
  8625. box-sizing: border-box;
  8626. width: 100%;
  8627. height: auto;
  8628. min-height: 64px;
  8629. }
  8630. @media (max-width: 959px) and (orientation: landscape) {
  8631. .mdc-toolbar__row {
  8632. min-height: 48px;
  8633. }
  8634. }
  8635. @media (max-width: 599px) {
  8636. .mdc-toolbar__row {
  8637. min-height: 56px;
  8638. }
  8639. }
  8640. .mdc-toolbar__section {
  8641. display: inline-flex;
  8642. flex: 1;
  8643. align-items: start;
  8644. justify-content: center;
  8645. box-sizing: border-box;
  8646. min-width: 0;
  8647. height: 100%;
  8648. padding: 8px;
  8649. z-index: 1;
  8650. }
  8651. @media (max-width: 959px) and (orientation: landscape) {
  8652. .mdc-toolbar__section {
  8653. padding: 0;
  8654. }
  8655. }
  8656. @media (max-width: 599px) {
  8657. .mdc-toolbar__section {
  8658. padding: 4px 0;
  8659. }
  8660. }
  8661. .mdc-toolbar__section--align-start {
  8662. /* @noflip */
  8663. padding-left: 12px;
  8664. /* @noflip */
  8665. padding-right: 0;
  8666. justify-content: flex-start;
  8667. order: -1;
  8668. }
  8669. [dir=rtl] .mdc-toolbar__section--align-start, .mdc-toolbar__section--align-start[dir=rtl] {
  8670. /* @noflip */
  8671. padding-left: 0;
  8672. /* @noflip */
  8673. padding-right: 12px;
  8674. }
  8675. @media (max-width: 959px) and (orientation: landscape) {
  8676. .mdc-toolbar__section--align-start {
  8677. /* @noflip */
  8678. padding-left: 4px;
  8679. /* @noflip */
  8680. padding-right: 0;
  8681. }
  8682. [dir=rtl] .mdc-toolbar__section--align-start, .mdc-toolbar__section--align-start[dir=rtl] {
  8683. /* @noflip */
  8684. padding-left: 0;
  8685. /* @noflip */
  8686. padding-right: 4px;
  8687. }
  8688. }
  8689. @media (max-width: 599px) {
  8690. .mdc-toolbar__section--align-start {
  8691. /* @noflip */
  8692. padding-left: 4px;
  8693. /* @noflip */
  8694. padding-right: 0;
  8695. }
  8696. [dir=rtl] .mdc-toolbar__section--align-start, .mdc-toolbar__section--align-start[dir=rtl] {
  8697. /* @noflip */
  8698. padding-left: 0;
  8699. /* @noflip */
  8700. padding-right: 4px;
  8701. }
  8702. }
  8703. .mdc-toolbar__section--align-end {
  8704. /* @noflip */
  8705. padding-left: 0;
  8706. /* @noflip */
  8707. padding-right: 12px;
  8708. justify-content: flex-end;
  8709. order: 1;
  8710. }
  8711. [dir=rtl] .mdc-toolbar__section--align-end, .mdc-toolbar__section--align-end[dir=rtl] {
  8712. /* @noflip */
  8713. padding-left: 12px;
  8714. /* @noflip */
  8715. padding-right: 0;
  8716. }
  8717. @media (max-width: 959px) and (orientation: landscape) {
  8718. .mdc-toolbar__section--align-end {
  8719. /* @noflip */
  8720. padding-left: 0;
  8721. /* @noflip */
  8722. padding-right: 4px;
  8723. }
  8724. [dir=rtl] .mdc-toolbar__section--align-end, .mdc-toolbar__section--align-end[dir=rtl] {
  8725. /* @noflip */
  8726. padding-left: 4px;
  8727. /* @noflip */
  8728. padding-right: 0;
  8729. }
  8730. }
  8731. @media (max-width: 599px) {
  8732. .mdc-toolbar__section--align-end {
  8733. /* @noflip */
  8734. padding-left: 0;
  8735. /* @noflip */
  8736. padding-right: 4px;
  8737. }
  8738. [dir=rtl] .mdc-toolbar__section--align-end, .mdc-toolbar__section--align-end[dir=rtl] {
  8739. /* @noflip */
  8740. padding-left: 4px;
  8741. /* @noflip */
  8742. padding-right: 0;
  8743. }
  8744. }
  8745. .mdc-toolbar__title {
  8746. font-family: Roboto, sans-serif;
  8747. -moz-osx-font-smoothing: grayscale;
  8748. -webkit-font-smoothing: antialiased;
  8749. font-size: 1.25rem;
  8750. line-height: 2rem;
  8751. font-weight: 500;
  8752. letter-spacing: 0.0125em;
  8753. text-decoration: inherit;
  8754. text-transform: inherit;
  8755. text-overflow: ellipsis;
  8756. white-space: nowrap;
  8757. overflow: hidden;
  8758. /* @noflip */
  8759. margin-left: 24px;
  8760. /* @noflip */
  8761. margin-right: 0;
  8762. align-self: center;
  8763. padding: 12px 0;
  8764. line-height: 1.5rem;
  8765. z-index: 1;
  8766. }
  8767. [dir=rtl] .mdc-toolbar__title, .mdc-toolbar__title[dir=rtl] {
  8768. /* @noflip */
  8769. margin-left: 0;
  8770. /* @noflip */
  8771. margin-right: 24px;
  8772. }
  8773. .mdc-toolbar__icon, .mdc-toolbar__menu-icon {
  8774. --mdc-ripple-fg-size: 0;
  8775. --mdc-ripple-left: 0;
  8776. --mdc-ripple-top: 0;
  8777. --mdc-ripple-fg-scale: 1;
  8778. --mdc-ripple-fg-translate-end: 0;
  8779. --mdc-ripple-fg-translate-start: 0;
  8780. -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  8781. will-change: transform, opacity;
  8782. display: flex;
  8783. position: relative;
  8784. align-items: start;
  8785. justify-content: center;
  8786. box-sizing: border-box;
  8787. width: 48px;
  8788. height: 48px;
  8789. padding: 12px;
  8790. border: none;
  8791. outline: none;
  8792. background-color: transparent;
  8793. fill: currentColor;
  8794. color: inherit;
  8795. text-decoration: none;
  8796. cursor: pointer;
  8797. }
  8798. .mdc-toolbar__icon::before, .mdc-toolbar__icon::after, .mdc-toolbar__menu-icon::before, .mdc-toolbar__menu-icon::after {
  8799. position: absolute;
  8800. border-radius: 50%;
  8801. opacity: 0;
  8802. pointer-events: none;
  8803. content: "";
  8804. }
  8805. .mdc-toolbar__icon::before, .mdc-toolbar__menu-icon::before {
  8806. transition: opacity 15ms linear, background-color 15ms linear;
  8807. z-index: 1;
  8808. }
  8809. .mdc-toolbar__icon.mdc-ripple-upgraded::before, .mdc-toolbar__menu-icon.mdc-ripple-upgraded::before {
  8810. -webkit-transform: scale(var(--mdc-ripple-fg-scale, 1));
  8811. transform: scale(var(--mdc-ripple-fg-scale, 1));
  8812. }
  8813. .mdc-toolbar__icon.mdc-ripple-upgraded::after, .mdc-toolbar__menu-icon.mdc-ripple-upgraded::after {
  8814. top: 0;
  8815. /* @noflip */
  8816. left: 0;
  8817. -webkit-transform: scale(0);
  8818. transform: scale(0);
  8819. -webkit-transform-origin: center center;
  8820. transform-origin: center center;
  8821. }
  8822. .mdc-toolbar__icon.mdc-ripple-upgraded--unbounded::after, .mdc-toolbar__menu-icon.mdc-ripple-upgraded--unbounded::after {
  8823. top: var(--mdc-ripple-top, 0);
  8824. /* @noflip */
  8825. left: var(--mdc-ripple-left, 0);
  8826. }
  8827. .mdc-toolbar__icon.mdc-ripple-upgraded--foreground-activation::after, .mdc-toolbar__menu-icon.mdc-ripple-upgraded--foreground-activation::after {
  8828. -webkit-animation: 225ms mdc-ripple-fg-radius-in forwards, 75ms mdc-ripple-fg-opacity-in forwards;
  8829. animation: 225ms mdc-ripple-fg-radius-in forwards, 75ms mdc-ripple-fg-opacity-in forwards;
  8830. }
  8831. .mdc-toolbar__icon.mdc-ripple-upgraded--foreground-deactivation::after, .mdc-toolbar__menu-icon.mdc-ripple-upgraded--foreground-deactivation::after {
  8832. -webkit-animation: 150ms mdc-ripple-fg-opacity-out;
  8833. animation: 150ms mdc-ripple-fg-opacity-out;
  8834. -webkit-transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
  8835. transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
  8836. }
  8837. .mdc-toolbar__icon::before, .mdc-toolbar__icon::after, .mdc-toolbar__menu-icon::before, .mdc-toolbar__menu-icon::after {
  8838. top: calc(50% - 50%);
  8839. /* @noflip */
  8840. left: calc(50% - 50%);
  8841. width: 100%;
  8842. height: 100%;
  8843. }
  8844. .mdc-toolbar__icon.mdc-ripple-upgraded::before, .mdc-toolbar__icon.mdc-ripple-upgraded::after, .mdc-toolbar__menu-icon.mdc-ripple-upgraded::before, .mdc-toolbar__menu-icon.mdc-ripple-upgraded::after {
  8845. top: var(--mdc-ripple-top, calc(50% - 50%));
  8846. /* @noflip */
  8847. left: var(--mdc-ripple-left, calc(50% - 50%));
  8848. width: var(--mdc-ripple-fg-size, 100%);
  8849. height: var(--mdc-ripple-fg-size, 100%);
  8850. }
  8851. .mdc-toolbar__icon.mdc-ripple-upgraded::after, .mdc-toolbar__menu-icon.mdc-ripple-upgraded::after {
  8852. width: var(--mdc-ripple-fg-size, 100%);
  8853. height: var(--mdc-ripple-fg-size, 100%);
  8854. }
  8855. .mdc-toolbar__menu-icon + .mdc-toolbar__title {
  8856. /* @noflip */
  8857. margin-left: 8px;
  8858. /* @noflip */
  8859. margin-right: 0;
  8860. }
  8861. [dir=rtl] .mdc-toolbar__menu-icon + .mdc-toolbar__title, .mdc-toolbar__menu-icon + .mdc-toolbar__title[dir=rtl] {
  8862. /* @noflip */
  8863. margin-left: 0;
  8864. /* @noflip */
  8865. margin-right: 8px;
  8866. }
  8867. @media (max-width: 599px) {
  8868. .mdc-toolbar__title {
  8869. /* @noflip */
  8870. margin-left: 16px;
  8871. /* @noflip */
  8872. margin-right: 0;
  8873. }
  8874. [dir=rtl] .mdc-toolbar__title, .mdc-toolbar__title[dir=rtl] {
  8875. /* @noflip */
  8876. margin-left: 0;
  8877. /* @noflip */
  8878. margin-right: 16px;
  8879. }
  8880. }
  8881. .mdc-toolbar--fixed {
  8882. box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
  8883. position: fixed;
  8884. top: 0;
  8885. left: 0;
  8886. z-index: 4;
  8887. }
  8888. .mdc-toolbar--flexible {
  8889. --mdc-toolbar-ratio-to-extend-flexible: 4;
  8890. }
  8891. .mdc-toolbar--flexible .mdc-toolbar__row:first-child {
  8892. height: 256px;
  8893. height: calc(64px * var(--mdc-toolbar-ratio-to-extend-flexible, 4));
  8894. }
  8895. @media (max-width: 599px) {
  8896. .mdc-toolbar--flexible .mdc-toolbar__row:first-child {
  8897. height: 224px;
  8898. height: calc(56px * var(--mdc-toolbar-ratio-to-extend-flexible, 4));
  8899. }
  8900. }
  8901. .mdc-toolbar--flexible .mdc-toolbar__row:first-child::after {
  8902. position: absolute;
  8903. content: "";
  8904. }
  8905. .mdc-toolbar--flexible-default-behavior .mdc-toolbar__title {
  8906. font-family: Roboto, sans-serif;
  8907. -moz-osx-font-smoothing: grayscale;
  8908. -webkit-font-smoothing: antialiased;
  8909. font-size: 1.25rem;
  8910. line-height: 2rem;
  8911. font-weight: 500;
  8912. letter-spacing: 0.0125em;
  8913. text-decoration: inherit;
  8914. text-transform: inherit;
  8915. align-self: flex-end;
  8916. line-height: 1.5rem;
  8917. }
  8918. .mdc-toolbar--flexible-default-behavior .mdc-toolbar__row:first-child::after {
  8919. top: 0;
  8920. left: 0;
  8921. width: 100%;
  8922. height: 100%;
  8923. transition: opacity 0.2s ease;
  8924. opacity: 1;
  8925. }
  8926. .mdc-toolbar--flexible-default-behavior.mdc-toolbar--flexible-space-minimized .mdc-toolbar__row:first-child::after {
  8927. opacity: 0;
  8928. }
  8929. .mdc-toolbar--flexible-default-behavior.mdc-toolbar--flexible-space-minimized .mdc-toolbar__title {
  8930. font-weight: 500;
  8931. }
  8932. .mdc-toolbar--waterfall.mdc-toolbar--fixed {
  8933. box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);
  8934. transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1);
  8935. will-change: box-shadow;
  8936. }
  8937. .mdc-toolbar--waterfall.mdc-toolbar--fixed.mdc-toolbar--flexible-space-minimized {
  8938. box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
  8939. }
  8940. .mdc-toolbar--waterfall.mdc-toolbar--fixed.mdc-toolbar--fixed-lastrow-only.mdc-toolbar--flexible-space-minimized {
  8941. box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);
  8942. }
  8943. .mdc-toolbar--waterfall.mdc-toolbar--fixed.mdc-toolbar--fixed-lastrow-only.mdc-toolbar--fixed-at-last-row {
  8944. box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
  8945. }
  8946. .mdc-toolbar-fixed-adjust {
  8947. padding-top: 64px;
  8948. }
  8949. @media (max-width: 959px) and (max-height: 599px) {
  8950. .mdc-toolbar-fixed-adjust {
  8951. padding-top: 48px;
  8952. }
  8953. }
  8954. @media (max-width: 599px) {
  8955. .mdc-toolbar-fixed-adjust {
  8956. padding-top: 56px;
  8957. }
  8958. }
  8959. .mdc-toolbar__section--shrink-to-fit {
  8960. flex: none;
  8961. }
  8962. .mdc-top-app-bar {
  8963. background-color: #6200ee;
  8964. /* @alternate */
  8965. background-color: var(--mdc-theme-primary, #6200ee);
  8966. color: white;
  8967. display: flex;
  8968. position: fixed;
  8969. flex-direction: column;
  8970. justify-content: space-between;
  8971. box-sizing: border-box;
  8972. width: 100%;
  8973. z-index: 4;
  8974. }
  8975. .mdc-top-app-bar .mdc-top-app-bar__action-item,
  8976. .mdc-top-app-bar .mdc-top-app-bar__navigation-icon {
  8977. color: #fff;
  8978. /* @alternate */
  8979. color: var(--mdc-theme-on-primary, #fff);
  8980. }
  8981. .mdc-top-app-bar .mdc-top-app-bar__action-item::before, .mdc-top-app-bar .mdc-top-app-bar__action-item::after,
  8982. .mdc-top-app-bar .mdc-top-app-bar__navigation-icon::before,
  8983. .mdc-top-app-bar .mdc-top-app-bar__navigation-icon::after {
  8984. background-color: #fff;
  8985. }
  8986. @supports not (-ms-ime-align: auto) {
  8987. .mdc-top-app-bar .mdc-top-app-bar__action-item::before, .mdc-top-app-bar .mdc-top-app-bar__action-item::after,
  8988. .mdc-top-app-bar .mdc-top-app-bar__navigation-icon::before,
  8989. .mdc-top-app-bar .mdc-top-app-bar__navigation-icon::after {
  8990. /* @alternate */
  8991. background-color: var(--mdc-theme-on-primary, #fff);
  8992. }
  8993. }
  8994. .mdc-top-app-bar .mdc-top-app-bar__action-item:hover::before,
  8995. .mdc-top-app-bar .mdc-top-app-bar__navigation-icon:hover::before {
  8996. opacity: 0.08;
  8997. }
  8998. .mdc-top-app-bar .mdc-top-app-bar__action-item:not(.mdc-ripple-upgraded):focus::before, .mdc-top-app-bar .mdc-top-app-bar__action-item.mdc-ripple-upgraded--background-focused::before,
  8999. .mdc-top-app-bar .mdc-top-app-bar__navigation-icon:not(.mdc-ripple-upgraded):focus::before,
  9000. .mdc-top-app-bar .mdc-top-app-bar__navigation-icon.mdc-ripple-upgraded--background-focused::before {
  9001. transition-duration: 75ms;
  9002. opacity: 0.24;
  9003. }
  9004. .mdc-top-app-bar .mdc-top-app-bar__action-item:not(.mdc-ripple-upgraded)::after,
  9005. .mdc-top-app-bar .mdc-top-app-bar__navigation-icon:not(.mdc-ripple-upgraded)::after {
  9006. transition: opacity 150ms linear;
  9007. }
  9008. .mdc-top-app-bar .mdc-top-app-bar__action-item:not(.mdc-ripple-upgraded):active::after,
  9009. .mdc-top-app-bar .mdc-top-app-bar__navigation-icon:not(.mdc-ripple-upgraded):active::after {
  9010. transition-duration: 75ms;
  9011. opacity: 0.32;
  9012. }
  9013. .mdc-top-app-bar .mdc-top-app-bar__action-item.mdc-ripple-upgraded,
  9014. .mdc-top-app-bar .mdc-top-app-bar__navigation-icon.mdc-ripple-upgraded {
  9015. --mdc-ripple-fg-opacity: 0.32;
  9016. }
  9017. .mdc-top-app-bar__row {
  9018. display: flex;
  9019. position: relative;
  9020. box-sizing: border-box;
  9021. width: 100%;
  9022. height: 64px;
  9023. }
  9024. .mdc-top-app-bar__section {
  9025. display: inline-flex;
  9026. flex: 1 1 auto;
  9027. align-items: center;
  9028. min-width: 0;
  9029. padding: 8px 12px;
  9030. z-index: 1;
  9031. }
  9032. .mdc-top-app-bar__section--align-start {
  9033. justify-content: flex-start;
  9034. order: -1;
  9035. }
  9036. .mdc-top-app-bar__section--align-end {
  9037. justify-content: flex-end;
  9038. order: 1;
  9039. }
  9040. .mdc-top-app-bar__title {
  9041. font-family: Roboto, sans-serif;
  9042. -moz-osx-font-smoothing: grayscale;
  9043. -webkit-font-smoothing: antialiased;
  9044. font-size: 1.25rem;
  9045. line-height: 2rem;
  9046. font-weight: 500;
  9047. letter-spacing: 0.0125em;
  9048. text-decoration: inherit;
  9049. text-transform: inherit;
  9050. /* @noflip */
  9051. padding-left: 20px;
  9052. /* @noflip */
  9053. padding-right: 0;
  9054. text-overflow: ellipsis;
  9055. white-space: nowrap;
  9056. overflow: hidden;
  9057. z-index: 1;
  9058. }
  9059. [dir=rtl] .mdc-top-app-bar__title, .mdc-top-app-bar__title[dir=rtl] {
  9060. /* @noflip */
  9061. padding-left: 0;
  9062. /* @noflip */
  9063. padding-right: 20px;
  9064. }
  9065. .mdc-top-app-bar__action-item, .mdc-top-app-bar__navigation-icon {
  9066. --mdc-ripple-fg-size: 0;
  9067. --mdc-ripple-left: 0;
  9068. --mdc-ripple-top: 0;
  9069. --mdc-ripple-fg-scale: 1;
  9070. --mdc-ripple-fg-translate-end: 0;
  9071. --mdc-ripple-fg-translate-start: 0;
  9072. -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  9073. will-change: transform, opacity;
  9074. display: flex;
  9075. position: relative;
  9076. flex-shrink: 0;
  9077. align-items: center;
  9078. justify-content: center;
  9079. box-sizing: border-box;
  9080. width: 48px;
  9081. height: 48px;
  9082. padding: 12px;
  9083. border: none;
  9084. outline: none;
  9085. background-color: transparent;
  9086. fill: currentColor;
  9087. color: inherit;
  9088. text-decoration: none;
  9089. cursor: pointer;
  9090. }
  9091. .mdc-top-app-bar__action-item::before, .mdc-top-app-bar__action-item::after, .mdc-top-app-bar__navigation-icon::before, .mdc-top-app-bar__navigation-icon::after {
  9092. position: absolute;
  9093. border-radius: 50%;
  9094. opacity: 0;
  9095. pointer-events: none;
  9096. content: "";
  9097. }
  9098. .mdc-top-app-bar__action-item::before, .mdc-top-app-bar__navigation-icon::before {
  9099. transition: opacity 15ms linear, background-color 15ms linear;
  9100. z-index: 1;
  9101. }
  9102. .mdc-top-app-bar__action-item.mdc-ripple-upgraded::before, .mdc-top-app-bar__navigation-icon.mdc-ripple-upgraded::before {
  9103. -webkit-transform: scale(var(--mdc-ripple-fg-scale, 1));
  9104. transform: scale(var(--mdc-ripple-fg-scale, 1));
  9105. }
  9106. .mdc-top-app-bar__action-item.mdc-ripple-upgraded::after, .mdc-top-app-bar__navigation-icon.mdc-ripple-upgraded::after {
  9107. top: 0;
  9108. /* @noflip */
  9109. left: 0;
  9110. -webkit-transform: scale(0);
  9111. transform: scale(0);
  9112. -webkit-transform-origin: center center;
  9113. transform-origin: center center;
  9114. }
  9115. .mdc-top-app-bar__action-item.mdc-ripple-upgraded--unbounded::after, .mdc-top-app-bar__navigation-icon.mdc-ripple-upgraded--unbounded::after {
  9116. top: var(--mdc-ripple-top, 0);
  9117. /* @noflip */
  9118. left: var(--mdc-ripple-left, 0);
  9119. }
  9120. .mdc-top-app-bar__action-item.mdc-ripple-upgraded--foreground-activation::after, .mdc-top-app-bar__navigation-icon.mdc-ripple-upgraded--foreground-activation::after {
  9121. -webkit-animation: 225ms mdc-ripple-fg-radius-in forwards, 75ms mdc-ripple-fg-opacity-in forwards;
  9122. animation: 225ms mdc-ripple-fg-radius-in forwards, 75ms mdc-ripple-fg-opacity-in forwards;
  9123. }
  9124. .mdc-top-app-bar__action-item.mdc-ripple-upgraded--foreground-deactivation::after, .mdc-top-app-bar__navigation-icon.mdc-ripple-upgraded--foreground-deactivation::after {
  9125. -webkit-animation: 150ms mdc-ripple-fg-opacity-out;
  9126. animation: 150ms mdc-ripple-fg-opacity-out;
  9127. -webkit-transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
  9128. transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
  9129. }
  9130. .mdc-top-app-bar__action-item::before, .mdc-top-app-bar__action-item::after, .mdc-top-app-bar__navigation-icon::before, .mdc-top-app-bar__navigation-icon::after {
  9131. top: calc(50% - 50%);
  9132. /* @noflip */
  9133. left: calc(50% - 50%);
  9134. width: 100%;
  9135. height: 100%;
  9136. }
  9137. .mdc-top-app-bar__action-item.mdc-ripple-upgraded::before, .mdc-top-app-bar__action-item.mdc-ripple-upgraded::after, .mdc-top-app-bar__navigation-icon.mdc-ripple-upgraded::before, .mdc-top-app-bar__navigation-icon.mdc-ripple-upgraded::after {
  9138. top: var(--mdc-ripple-top, calc(50% - 50%));
  9139. /* @noflip */
  9140. left: var(--mdc-ripple-left, calc(50% - 50%));
  9141. width: var(--mdc-ripple-fg-size, 100%);
  9142. height: var(--mdc-ripple-fg-size, 100%);
  9143. }
  9144. .mdc-top-app-bar__action-item.mdc-ripple-upgraded::after, .mdc-top-app-bar__navigation-icon.mdc-ripple-upgraded::after {
  9145. width: var(--mdc-ripple-fg-size, 100%);
  9146. height: var(--mdc-ripple-fg-size, 100%);
  9147. }
  9148. .mdc-top-app-bar--short-collapsed {
  9149. /* @noflip */
  9150. border-radius: 0 0 24px 0;
  9151. }
  9152. [dir=rtl] .mdc-top-app-bar--short-collapsed, .mdc-top-app-bar--short-collapsed[dir=rtl] {
  9153. /* @noflip */
  9154. border-radius: 0 0 0 24px;
  9155. }
  9156. .mdc-top-app-bar--short {
  9157. top: 0;
  9158. /* @noflip */
  9159. right: auto;
  9160. /* @noflip */
  9161. left: 0;
  9162. width: 100%;
  9163. transition: width 250ms cubic-bezier(0.4, 0, 0.2, 1);
  9164. }
  9165. [dir=rtl] .mdc-top-app-bar--short, .mdc-top-app-bar--short[dir=rtl] {
  9166. /* @noflip */
  9167. right: 0;
  9168. /* @noflip */
  9169. left: auto;
  9170. }
  9171. .mdc-top-app-bar--short .mdc-top-app-bar__row {
  9172. height: 56px;
  9173. }
  9174. .mdc-top-app-bar--short .mdc-top-app-bar__section {
  9175. padding: 4px;
  9176. }
  9177. .mdc-top-app-bar--short .mdc-top-app-bar__title {
  9178. transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1);
  9179. opacity: 1;
  9180. }
  9181. .mdc-top-app-bar--short-collapsed {
  9182. box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
  9183. width: 56px;
  9184. transition: width 300ms cubic-bezier(0.4, 0, 0.2, 1);
  9185. }
  9186. .mdc-top-app-bar--short-collapsed .mdc-top-app-bar__title {
  9187. display: none;
  9188. }
  9189. .mdc-top-app-bar--short-collapsed .mdc-top-app-bar__action-item {
  9190. transition: padding 150ms cubic-bezier(0.4, 0, 0.2, 1);
  9191. }
  9192. .mdc-top-app-bar--short-collapsed.mdc-top-app-bar--short-has-action-item {
  9193. width: 112px;
  9194. }
  9195. .mdc-top-app-bar--short-collapsed.mdc-top-app-bar--short-has-action-item .mdc-top-app-bar__section--align-end {
  9196. /* @noflip */
  9197. padding-left: 0;
  9198. /* @noflip */
  9199. padding-right: 12px;
  9200. }
  9201. [dir=rtl] .mdc-top-app-bar--short-collapsed.mdc-top-app-bar--short-has-action-item .mdc-top-app-bar__section--align-end, .mdc-top-app-bar--short-collapsed.mdc-top-app-bar--short-has-action-item .mdc-top-app-bar__section--align-end[dir=rtl] {
  9202. /* @noflip */
  9203. padding-left: 12px;
  9204. /* @noflip */
  9205. padding-right: 0;
  9206. }
  9207. .mdc-top-app-bar--dense .mdc-top-app-bar__row {
  9208. height: 48px;
  9209. }
  9210. .mdc-top-app-bar--dense .mdc-top-app-bar__section {
  9211. padding: 0 4px;
  9212. }
  9213. .mdc-top-app-bar--dense .mdc-top-app-bar__title {
  9214. /* @noflip */
  9215. padding-left: 12px;
  9216. /* @noflip */
  9217. padding-right: 0;
  9218. }
  9219. [dir=rtl] .mdc-top-app-bar--dense .mdc-top-app-bar__title, .mdc-top-app-bar--dense .mdc-top-app-bar__title[dir=rtl] {
  9220. /* @noflip */
  9221. padding-left: 0;
  9222. /* @noflip */
  9223. padding-right: 12px;
  9224. }
  9225. .mdc-top-app-bar--prominent .mdc-top-app-bar__row {
  9226. height: 128px;
  9227. }
  9228. .mdc-top-app-bar--prominent .mdc-top-app-bar__title {
  9229. align-self: flex-end;
  9230. padding-bottom: 2px;
  9231. }
  9232. .mdc-top-app-bar--prominent .mdc-top-app-bar__action-item,
  9233. .mdc-top-app-bar--prominent .mdc-top-app-bar__navigation-icon {
  9234. align-self: flex-start;
  9235. }
  9236. .mdc-top-app-bar--fixed {
  9237. transition: box-shadow 200ms linear;
  9238. }
  9239. .mdc-top-app-bar--fixed-scrolled {
  9240. box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
  9241. transition: box-shadow 200ms linear;
  9242. }
  9243. .mdc-top-app-bar--dense.mdc-top-app-bar--prominent .mdc-top-app-bar__row {
  9244. height: 96px;
  9245. }
  9246. .mdc-top-app-bar--dense.mdc-top-app-bar--prominent .mdc-top-app-bar__section {
  9247. padding: 0 12px;
  9248. }
  9249. .mdc-top-app-bar--dense.mdc-top-app-bar--prominent .mdc-top-app-bar__title {
  9250. /* @noflip */
  9251. padding-left: 20px;
  9252. /* @noflip */
  9253. padding-right: 0;
  9254. padding-bottom: 9px;
  9255. }
  9256. [dir=rtl] .mdc-top-app-bar--dense.mdc-top-app-bar--prominent .mdc-top-app-bar__title, .mdc-top-app-bar--dense.mdc-top-app-bar--prominent .mdc-top-app-bar__title[dir=rtl] {
  9257. /* @noflip */
  9258. padding-left: 0;
  9259. /* @noflip */
  9260. padding-right: 20px;
  9261. }
  9262. .mdc-top-app-bar--fixed-adjust {
  9263. padding-top: 64px;
  9264. }
  9265. .mdc-top-app-bar--dense-fixed-adjust {
  9266. padding-top: 48px;
  9267. }
  9268. .mdc-top-app-bar--short-fixed-adjust {
  9269. padding-top: 56px;
  9270. }
  9271. .mdc-top-app-bar--prominent-fixed-adjust {
  9272. padding-top: 128px;
  9273. }
  9274. .mdc-top-app-bar--dense-prominent-fixed-adjust {
  9275. padding-top: 96px;
  9276. }
  9277. @media (max-width: 599px) {
  9278. .mdc-top-app-bar__row {
  9279. height: 56px;
  9280. }
  9281. .mdc-top-app-bar__section {
  9282. padding: 4px;
  9283. }
  9284. .mdc-top-app-bar--short {
  9285. transition: width 200ms cubic-bezier(0.4, 0, 0.2, 1);
  9286. }
  9287. .mdc-top-app-bar--short-collapsed {
  9288. transition: width 250ms cubic-bezier(0.4, 0, 0.2, 1);
  9289. }
  9290. .mdc-top-app-bar--short-collapsed .mdc-top-app-bar__section--align-end {
  9291. /* @noflip */
  9292. padding-left: 0;
  9293. /* @noflip */
  9294. padding-right: 12px;
  9295. }
  9296. [dir=rtl] .mdc-top-app-bar--short-collapsed .mdc-top-app-bar__section--align-end, .mdc-top-app-bar--short-collapsed .mdc-top-app-bar__section--align-end[dir=rtl] {
  9297. /* @noflip */
  9298. padding-left: 12px;
  9299. /* @noflip */
  9300. padding-right: 0;
  9301. }
  9302. .mdc-top-app-bar--prominent .mdc-top-app-bar__title {
  9303. padding-bottom: 6px;
  9304. }
  9305. .mdc-top-app-bar--fixed-adjust {
  9306. padding-top: 56px;
  9307. }
  9308. }
  9309. .mdc-typography {
  9310. font-family: Roboto, sans-serif;
  9311. -moz-osx-font-smoothing: grayscale;
  9312. -webkit-font-smoothing: antialiased;
  9313. }
  9314. .mdc-typography--headline1 {
  9315. font-family: Roboto, sans-serif;
  9316. -moz-osx-font-smoothing: grayscale;
  9317. -webkit-font-smoothing: antialiased;
  9318. font-size: 6rem;
  9319. line-height: 6rem;
  9320. font-weight: 300;
  9321. letter-spacing: -0.015625em;
  9322. text-decoration: inherit;
  9323. text-transform: inherit;
  9324. }
  9325. .mdc-typography--headline2 {
  9326. font-family: Roboto, sans-serif;
  9327. -moz-osx-font-smoothing: grayscale;
  9328. -webkit-font-smoothing: antialiased;
  9329. font-size: 3.75rem;
  9330. line-height: 3.75rem;
  9331. font-weight: 300;
  9332. letter-spacing: -0.0083333333em;
  9333. text-decoration: inherit;
  9334. text-transform: inherit;
  9335. }
  9336. .mdc-typography--headline3 {
  9337. font-family: Roboto, sans-serif;
  9338. -moz-osx-font-smoothing: grayscale;
  9339. -webkit-font-smoothing: antialiased;
  9340. font-size: 3rem;
  9341. line-height: 3.125rem;
  9342. font-weight: 400;
  9343. letter-spacing: normal;
  9344. text-decoration: inherit;
  9345. text-transform: inherit;
  9346. }
  9347. .mdc-typography--headline4 {
  9348. font-family: Roboto, sans-serif;
  9349. -moz-osx-font-smoothing: grayscale;
  9350. -webkit-font-smoothing: antialiased;
  9351. font-size: 2.125rem;
  9352. line-height: 2.5rem;
  9353. font-weight: 400;
  9354. letter-spacing: 0.0073529412em;
  9355. text-decoration: inherit;
  9356. text-transform: inherit;
  9357. }
  9358. .mdc-typography--headline5 {
  9359. font-family: Roboto, sans-serif;
  9360. -moz-osx-font-smoothing: grayscale;
  9361. -webkit-font-smoothing: antialiased;
  9362. font-size: 1.5rem;
  9363. line-height: 2rem;
  9364. font-weight: 400;
  9365. letter-spacing: normal;
  9366. text-decoration: inherit;
  9367. text-transform: inherit;
  9368. }
  9369. .mdc-typography--headline6 {
  9370. font-family: Roboto, sans-serif;
  9371. -moz-osx-font-smoothing: grayscale;
  9372. -webkit-font-smoothing: antialiased;
  9373. font-size: 1.25rem;
  9374. line-height: 2rem;
  9375. font-weight: 500;
  9376. letter-spacing: 0.0125em;
  9377. text-decoration: inherit;
  9378. text-transform: inherit;
  9379. }
  9380. .mdc-typography--subtitle1 {
  9381. font-family: Roboto, sans-serif;
  9382. -moz-osx-font-smoothing: grayscale;
  9383. -webkit-font-smoothing: antialiased;
  9384. font-size: 1rem;
  9385. line-height: 1.75rem;
  9386. font-weight: 400;
  9387. letter-spacing: 0.009375em;
  9388. text-decoration: inherit;
  9389. text-transform: inherit;
  9390. }
  9391. .mdc-typography--subtitle2 {
  9392. font-family: Roboto, sans-serif;
  9393. -moz-osx-font-smoothing: grayscale;
  9394. -webkit-font-smoothing: antialiased;
  9395. font-size: 0.875rem;
  9396. line-height: 1.375rem;
  9397. font-weight: 500;
  9398. letter-spacing: 0.0071428571em;
  9399. text-decoration: inherit;
  9400. text-transform: inherit;
  9401. }
  9402. .mdc-typography--body1 {
  9403. font-family: Roboto, sans-serif;
  9404. -moz-osx-font-smoothing: grayscale;
  9405. -webkit-font-smoothing: antialiased;
  9406. font-size: 1rem;
  9407. line-height: 1.5rem;
  9408. font-weight: 400;
  9409. letter-spacing: 0.03125em;
  9410. text-decoration: inherit;
  9411. text-transform: inherit;
  9412. }
  9413. .mdc-typography--body2 {
  9414. font-family: Roboto, sans-serif;
  9415. -moz-osx-font-smoothing: grayscale;
  9416. -webkit-font-smoothing: antialiased;
  9417. font-size: 0.875rem;
  9418. line-height: 1.25rem;
  9419. font-weight: 400;
  9420. letter-spacing: 0.0178571429em;
  9421. text-decoration: inherit;
  9422. text-transform: inherit;
  9423. }
  9424. .mdc-typography--caption {
  9425. font-family: Roboto, sans-serif;
  9426. -moz-osx-font-smoothing: grayscale;
  9427. -webkit-font-smoothing: antialiased;
  9428. font-size: 0.75rem;
  9429. line-height: 1.25rem;
  9430. font-weight: 400;
  9431. letter-spacing: 0.0333333333em;
  9432. text-decoration: inherit;
  9433. text-transform: inherit;
  9434. }
  9435. .mdc-typography--button {
  9436. font-family: Roboto, sans-serif;
  9437. -moz-osx-font-smoothing: grayscale;
  9438. -webkit-font-smoothing: antialiased;
  9439. font-size: 0.875rem;
  9440. line-height: 2.25rem;
  9441. font-weight: 500;
  9442. letter-spacing: 0.0892857143em;
  9443. text-decoration: none;
  9444. text-transform: uppercase;
  9445. }
  9446. .mdc-typography--overline {
  9447. font-family: Roboto, sans-serif;
  9448. -moz-osx-font-smoothing: grayscale;
  9449. -webkit-font-smoothing: antialiased;
  9450. font-size: 0.75rem;
  9451. line-height: 2rem;
  9452. font-weight: 500;
  9453. letter-spacing: 0.1666666667em;
  9454. text-decoration: none;
  9455. text-transform: uppercase;
  9456. }
  9457. /*# sourceMappingURL=material-components-web.css.map*/