material-components-web.css 305 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910911912913914915916917918919920921922923924925926927928929930931932933934935936937938939940941942943944945946947948949950951952953954955956957958959960961962963964965966967968969970971972973974975976977978979980981982983984985986987988989990991992993994995996997998999100010011002100310041005100610071008100910101011101210131014101510161017101810191020102110221023102410251026102710281029103010311032103310341035103610371038103910401041104210431044104510461047104810491050105110521053105410551056105710581059106010611062106310641065106610671068106910701071107210731074107510761077107810791080108110821083108410851086108710881089109010911092109310941095109610971098109911001101110211031104110511061107110811091110111111121113111411151116111711181119112011211122112311241125112611271128112911301131113211331134113511361137113811391140114111421143114411451146114711481149115011511152115311541155115611571158115911601161116211631164116511661167116811691170117111721173117411751176117711781179118011811182118311841185118611871188118911901191119211931194119511961197119811991200120112021203120412051206120712081209121012111212121312141215121612171218121912201221122212231224122512261227122812291230123112321233123412351236123712381239124012411242124312441245124612471248124912501251125212531254125512561257125812591260126112621263126412651266126712681269127012711272127312741275127612771278127912801281128212831284128512861287128812891290129112921293129412951296129712981299130013011302130313041305130613071308130913101311131213131314131513161317131813191320132113221323132413251326132713281329133013311332133313341335133613371338133913401341134213431344134513461347134813491350135113521353135413551356135713581359136013611362136313641365136613671368136913701371137213731374137513761377137813791380138113821383138413851386138713881389139013911392139313941395139613971398139914001401140214031404140514061407140814091410141114121413141414151416141714181419142014211422142314241425142614271428142914301431143214331434143514361437143814391440144114421443144414451446144714481449145014511452145314541455145614571458145914601461146214631464146514661467146814691470147114721473147414751476147714781479148014811482148314841485148614871488148914901491149214931494149514961497149814991500150115021503150415051506150715081509151015111512151315141515151615171518151915201521152215231524152515261527152815291530153115321533153415351536153715381539154015411542154315441545154615471548154915501551155215531554155515561557155815591560156115621563156415651566156715681569157015711572157315741575157615771578157915801581158215831584158515861587158815891590159115921593159415951596159715981599160016011602160316041605160616071608160916101611161216131614161516161617161816191620162116221623162416251626162716281629163016311632163316341635163616371638163916401641164216431644164516461647164816491650165116521653165416551656165716581659166016611662166316641665166616671668166916701671167216731674167516761677167816791680168116821683168416851686168716881689169016911692169316941695169616971698169917001701170217031704170517061707170817091710171117121713171417151716171717181719172017211722172317241725172617271728172917301731173217331734173517361737173817391740174117421743174417451746174717481749175017511752175317541755175617571758175917601761176217631764176517661767176817691770177117721773177417751776177717781779178017811782178317841785178617871788178917901791179217931794179517961797179817991800180118021803180418051806180718081809181018111812181318141815181618171818181918201821182218231824182518261827182818291830183118321833183418351836183718381839184018411842184318441845184618471848184918501851185218531854185518561857185818591860186118621863186418651866186718681869187018711872187318741875187618771878187918801881188218831884188518861887188818891890189118921893189418951896189718981899190019011902190319041905190619071908190919101911191219131914191519161917191819191920192119221923192419251926192719281929193019311932193319341935193619371938193919401941194219431944194519461947194819491950195119521953195419551956195719581959196019611962196319641965196619671968196919701971197219731974197519761977197819791980198119821983198419851986198719881989199019911992199319941995199619971998199920002001200220032004200520062007200820092010201120122013201420152016201720182019202020212022202320242025202620272028202920302031203220332034203520362037203820392040204120422043204420452046204720482049205020512052205320542055205620572058205920602061206220632064206520662067206820692070207120722073207420752076207720782079208020812082208320842085208620872088208920902091209220932094209520962097209820992100210121022103210421052106210721082109211021112112211321142115211621172118211921202121212221232124212521262127212821292130213121322133213421352136213721382139214021412142214321442145214621472148214921502151215221532154215521562157215821592160216121622163216421652166216721682169217021712172217321742175217621772178217921802181218221832184218521862187218821892190219121922193219421952196219721982199220022012202220322042205220622072208220922102211221222132214221522162217221822192220222122222223222422252226222722282229223022312232223322342235223622372238223922402241224222432244224522462247224822492250225122522253225422552256225722582259226022612262226322642265226622672268226922702271227222732274227522762277227822792280228122822283228422852286228722882289229022912292229322942295229622972298229923002301230223032304230523062307230823092310231123122313231423152316231723182319232023212322232323242325232623272328232923302331233223332334233523362337233823392340234123422343234423452346234723482349235023512352235323542355235623572358235923602361236223632364236523662367236823692370237123722373237423752376237723782379238023812382238323842385238623872388238923902391239223932394239523962397239823992400240124022403240424052406240724082409241024112412241324142415241624172418241924202421242224232424242524262427242824292430243124322433243424352436243724382439244024412442244324442445244624472448244924502451245224532454245524562457245824592460246124622463246424652466246724682469247024712472247324742475247624772478247924802481248224832484248524862487248824892490249124922493249424952496249724982499250025012502250325042505250625072508250925102511251225132514251525162517251825192520252125222523252425252526252725282529253025312532253325342535253625372538253925402541254225432544254525462547254825492550255125522553255425552556255725582559256025612562256325642565256625672568256925702571257225732574257525762577257825792580258125822583258425852586258725882589259025912592259325942595259625972598259926002601260226032604260526062607260826092610261126122613261426152616261726182619262026212622262326242625262626272628262926302631263226332634263526362637263826392640264126422643264426452646264726482649265026512652265326542655265626572658265926602661266226632664266526662667266826692670267126722673267426752676267726782679268026812682268326842685268626872688268926902691269226932694269526962697269826992700270127022703270427052706270727082709271027112712271327142715271627172718271927202721272227232724272527262727272827292730273127322733273427352736273727382739274027412742274327442745274627472748274927502751275227532754275527562757275827592760276127622763276427652766276727682769277027712772277327742775277627772778277927802781278227832784278527862787278827892790279127922793279427952796279727982799280028012802280328042805280628072808280928102811281228132814281528162817281828192820282128222823282428252826282728282829283028312832283328342835283628372838283928402841284228432844284528462847284828492850285128522853285428552856285728582859286028612862286328642865286628672868286928702871287228732874287528762877287828792880288128822883288428852886288728882889289028912892289328942895289628972898289929002901290229032904290529062907290829092910291129122913291429152916291729182919292029212922292329242925292629272928292929302931293229332934293529362937293829392940294129422943294429452946294729482949295029512952295329542955295629572958295929602961296229632964296529662967296829692970297129722973297429752976297729782979298029812982298329842985298629872988298929902991299229932994299529962997299829993000300130023003300430053006300730083009301030113012301330143015301630173018301930203021302230233024302530263027302830293030303130323033303430353036303730383039304030413042304330443045304630473048304930503051305230533054305530563057305830593060306130623063306430653066306730683069307030713072307330743075307630773078307930803081308230833084308530863087308830893090309130923093309430953096309730983099310031013102310331043105310631073108310931103111311231133114311531163117311831193120312131223123312431253126312731283129313031313132313331343135313631373138313931403141314231433144314531463147314831493150315131523153315431553156315731583159316031613162316331643165316631673168316931703171317231733174317531763177317831793180318131823183318431853186318731883189319031913192319331943195319631973198319932003201320232033204320532063207320832093210321132123213321432153216321732183219322032213222322332243225322632273228322932303231323232333234323532363237323832393240324132423243324432453246324732483249325032513252325332543255325632573258325932603261326232633264326532663267326832693270327132723273327432753276327732783279328032813282328332843285328632873288328932903291329232933294329532963297329832993300330133023303330433053306330733083309331033113312331333143315331633173318331933203321332233233324332533263327332833293330333133323333333433353336333733383339334033413342334333443345334633473348334933503351335233533354335533563357335833593360336133623363336433653366336733683369337033713372337333743375337633773378337933803381338233833384338533863387338833893390339133923393339433953396339733983399340034013402340334043405340634073408340934103411341234133414341534163417341834193420342134223423342434253426342734283429343034313432343334343435343634373438343934403441344234433444344534463447344834493450345134523453345434553456345734583459346034613462346334643465346634673468346934703471347234733474347534763477347834793480348134823483348434853486348734883489349034913492349334943495349634973498349935003501350235033504350535063507350835093510351135123513351435153516351735183519352035213522352335243525352635273528352935303531353235333534353535363537353835393540354135423543354435453546354735483549355035513552355335543555355635573558355935603561356235633564356535663567356835693570357135723573357435753576357735783579358035813582358335843585358635873588358935903591359235933594359535963597359835993600360136023603360436053606360736083609361036113612361336143615361636173618361936203621362236233624362536263627362836293630363136323633363436353636363736383639364036413642364336443645364636473648364936503651365236533654365536563657365836593660366136623663366436653666366736683669367036713672367336743675367636773678367936803681368236833684368536863687368836893690369136923693369436953696369736983699370037013702370337043705370637073708370937103711371237133714371537163717371837193720372137223723372437253726372737283729373037313732373337343735373637373738373937403741374237433744374537463747374837493750375137523753375437553756375737583759376037613762376337643765376637673768376937703771377237733774377537763777377837793780378137823783378437853786378737883789379037913792379337943795379637973798379938003801380238033804380538063807380838093810381138123813381438153816381738183819382038213822382338243825382638273828382938303831383238333834383538363837383838393840384138423843384438453846384738483849385038513852385338543855385638573858385938603861386238633864386538663867386838693870387138723873387438753876387738783879388038813882388338843885388638873888388938903891389238933894389538963897389838993900390139023903390439053906390739083909391039113912391339143915391639173918391939203921392239233924392539263927392839293930393139323933393439353936393739383939394039413942394339443945394639473948394939503951395239533954395539563957395839593960396139623963396439653966396739683969397039713972397339743975397639773978397939803981398239833984398539863987398839893990399139923993399439953996399739983999400040014002400340044005400640074008400940104011401240134014401540164017401840194020402140224023402440254026402740284029403040314032403340344035403640374038403940404041404240434044404540464047404840494050405140524053405440554056405740584059406040614062406340644065406640674068406940704071407240734074407540764077407840794080408140824083408440854086408740884089409040914092409340944095409640974098409941004101410241034104410541064107410841094110411141124113411441154116411741184119412041214122412341244125412641274128412941304131413241334134413541364137413841394140414141424143414441454146414741484149415041514152415341544155415641574158415941604161416241634164416541664167416841694170417141724173417441754176417741784179418041814182418341844185418641874188418941904191419241934194419541964197419841994200420142024203420442054206420742084209421042114212421342144215421642174218421942204221422242234224422542264227422842294230423142324233423442354236423742384239424042414242424342444245424642474248424942504251425242534254425542564257425842594260426142624263426442654266426742684269427042714272427342744275427642774278427942804281428242834284428542864287428842894290429142924293429442954296429742984299430043014302430343044305430643074308430943104311431243134314431543164317431843194320432143224323432443254326432743284329433043314332433343344335433643374338433943404341434243434344434543464347434843494350435143524353435443554356435743584359436043614362436343644365436643674368436943704371437243734374437543764377437843794380438143824383438443854386438743884389439043914392439343944395439643974398439944004401440244034404440544064407440844094410441144124413441444154416441744184419442044214422442344244425442644274428442944304431443244334434443544364437443844394440444144424443444444454446444744484449445044514452445344544455445644574458445944604461446244634464446544664467446844694470447144724473447444754476447744784479448044814482448344844485448644874488448944904491449244934494449544964497449844994500450145024503450445054506450745084509451045114512451345144515451645174518451945204521452245234524452545264527452845294530453145324533453445354536453745384539454045414542454345444545454645474548454945504551455245534554455545564557455845594560456145624563456445654566456745684569457045714572457345744575457645774578457945804581458245834584458545864587458845894590459145924593459445954596459745984599460046014602460346044605460646074608460946104611461246134614461546164617461846194620462146224623462446254626462746284629463046314632463346344635463646374638463946404641464246434644464546464647464846494650465146524653465446554656465746584659466046614662466346644665466646674668466946704671467246734674467546764677467846794680468146824683468446854686468746884689469046914692469346944695469646974698469947004701470247034704470547064707470847094710471147124713471447154716471747184719472047214722472347244725472647274728472947304731473247334734473547364737473847394740474147424743474447454746474747484749475047514752475347544755475647574758475947604761476247634764476547664767476847694770477147724773477447754776477747784779478047814782478347844785478647874788478947904791479247934794479547964797479847994800480148024803480448054806480748084809481048114812481348144815481648174818481948204821482248234824482548264827482848294830483148324833483448354836483748384839484048414842484348444845484648474848484948504851485248534854485548564857485848594860486148624863486448654866486748684869487048714872487348744875487648774878487948804881488248834884488548864887488848894890489148924893489448954896489748984899490049014902490349044905490649074908490949104911491249134914491549164917491849194920492149224923492449254926492749284929493049314932493349344935493649374938493949404941494249434944494549464947494849494950495149524953495449554956495749584959496049614962496349644965496649674968496949704971497249734974497549764977497849794980498149824983498449854986498749884989499049914992499349944995499649974998499950005001500250035004500550065007500850095010501150125013501450155016501750185019502050215022502350245025502650275028502950305031503250335034503550365037503850395040504150425043504450455046504750485049505050515052505350545055505650575058505950605061506250635064506550665067506850695070507150725073507450755076507750785079508050815082508350845085508650875088508950905091509250935094509550965097509850995100510151025103510451055106510751085109511051115112511351145115511651175118511951205121512251235124512551265127512851295130513151325133513451355136513751385139514051415142514351445145514651475148514951505151515251535154515551565157515851595160516151625163516451655166516751685169517051715172517351745175517651775178517951805181518251835184518551865187518851895190519151925193519451955196519751985199520052015202520352045205520652075208520952105211521252135214521552165217521852195220522152225223522452255226522752285229523052315232523352345235523652375238523952405241524252435244524552465247524852495250525152525253525452555256525752585259526052615262526352645265526652675268526952705271527252735274527552765277527852795280528152825283528452855286528752885289529052915292529352945295529652975298529953005301530253035304530553065307530853095310531153125313531453155316531753185319532053215322532353245325532653275328532953305331533253335334533553365337533853395340534153425343534453455346534753485349535053515352535353545355535653575358535953605361536253635364536553665367536853695370537153725373537453755376537753785379538053815382538353845385538653875388538953905391539253935394539553965397539853995400540154025403540454055406540754085409541054115412541354145415541654175418541954205421542254235424542554265427542854295430543154325433543454355436543754385439544054415442544354445445544654475448544954505451545254535454545554565457545854595460546154625463546454655466546754685469547054715472547354745475547654775478547954805481548254835484548554865487548854895490549154925493549454955496549754985499550055015502550355045505550655075508550955105511551255135514551555165517551855195520552155225523552455255526552755285529553055315532553355345535553655375538553955405541554255435544554555465547554855495550555155525553555455555556555755585559556055615562556355645565556655675568556955705571557255735574557555765577557855795580558155825583558455855586558755885589559055915592559355945595559655975598559956005601560256035604560556065607560856095610561156125613561456155616561756185619562056215622562356245625562656275628562956305631563256335634563556365637563856395640564156425643564456455646564756485649565056515652565356545655565656575658565956605661566256635664566556665667566856695670567156725673567456755676567756785679568056815682568356845685568656875688568956905691569256935694569556965697569856995700570157025703570457055706570757085709571057115712571357145715571657175718571957205721572257235724572557265727572857295730573157325733573457355736573757385739574057415742574357445745574657475748574957505751575257535754575557565757575857595760576157625763576457655766576757685769577057715772577357745775577657775778577957805781578257835784578557865787578857895790579157925793579457955796579757985799580058015802580358045805580658075808580958105811581258135814581558165817581858195820582158225823582458255826582758285829583058315832583358345835583658375838583958405841584258435844584558465847584858495850585158525853585458555856585758585859586058615862586358645865586658675868586958705871587258735874587558765877587858795880588158825883588458855886588758885889589058915892589358945895589658975898589959005901590259035904590559065907590859095910591159125913591459155916591759185919592059215922592359245925592659275928592959305931593259335934593559365937593859395940594159425943594459455946594759485949595059515952595359545955595659575958595959605961596259635964596559665967596859695970597159725973597459755976597759785979598059815982598359845985598659875988598959905991599259935994599559965997599859996000600160026003600460056006600760086009601060116012601360146015601660176018601960206021602260236024602560266027602860296030603160326033603460356036603760386039604060416042604360446045604660476048604960506051605260536054605560566057605860596060606160626063606460656066606760686069607060716072607360746075607660776078607960806081608260836084608560866087608860896090609160926093609460956096609760986099610061016102610361046105610661076108610961106111611261136114611561166117611861196120612161226123612461256126612761286129613061316132613361346135613661376138613961406141614261436144614561466147614861496150615161526153615461556156615761586159616061616162616361646165616661676168616961706171617261736174617561766177617861796180618161826183618461856186618761886189619061916192619361946195619661976198619962006201620262036204620562066207620862096210621162126213621462156216621762186219622062216222622362246225622662276228622962306231623262336234623562366237623862396240624162426243624462456246624762486249625062516252625362546255625662576258625962606261626262636264626562666267626862696270627162726273627462756276627762786279628062816282628362846285628662876288628962906291629262936294629562966297629862996300630163026303630463056306630763086309631063116312631363146315631663176318631963206321632263236324632563266327632863296330633163326333633463356336633763386339634063416342634363446345634663476348634963506351635263536354635563566357635863596360636163626363636463656366636763686369637063716372637363746375637663776378637963806381638263836384638563866387638863896390639163926393639463956396639763986399640064016402640364046405640664076408640964106411641264136414641564166417641864196420642164226423642464256426642764286429643064316432643364346435643664376438643964406441644264436444644564466447644864496450645164526453645464556456645764586459646064616462646364646465646664676468646964706471647264736474647564766477647864796480648164826483648464856486648764886489649064916492649364946495649664976498649965006501650265036504650565066507650865096510651165126513651465156516651765186519652065216522652365246525652665276528652965306531653265336534653565366537653865396540654165426543654465456546654765486549655065516552655365546555655665576558655965606561656265636564656565666567656865696570657165726573657465756576657765786579658065816582658365846585658665876588658965906591659265936594659565966597659865996600660166026603660466056606660766086609661066116612661366146615661666176618661966206621662266236624662566266627662866296630663166326633663466356636663766386639664066416642664366446645664666476648664966506651665266536654665566566657665866596660666166626663666466656666666766686669667066716672667366746675667666776678667966806681668266836684668566866687668866896690669166926693669466956696669766986699670067016702670367046705670667076708670967106711671267136714671567166717671867196720672167226723672467256726672767286729673067316732673367346735673667376738673967406741674267436744674567466747674867496750675167526753675467556756675767586759676067616762676367646765676667676768676967706771677267736774677567766777677867796780678167826783678467856786678767886789679067916792679367946795679667976798679968006801680268036804680568066807680868096810681168126813681468156816681768186819682068216822682368246825682668276828682968306831683268336834683568366837683868396840684168426843684468456846684768486849685068516852685368546855685668576858685968606861686268636864686568666867686868696870687168726873687468756876687768786879688068816882688368846885688668876888688968906891689268936894689568966897689868996900690169026903690469056906690769086909691069116912691369146915691669176918691969206921692269236924692569266927692869296930693169326933693469356936693769386939694069416942694369446945694669476948694969506951695269536954695569566957695869596960696169626963696469656966696769686969697069716972697369746975697669776978697969806981698269836984698569866987698869896990699169926993699469956996699769986999700070017002700370047005700670077008700970107011701270137014701570167017701870197020702170227023702470257026702770287029703070317032703370347035703670377038703970407041704270437044704570467047704870497050705170527053705470557056705770587059706070617062706370647065706670677068706970707071707270737074707570767077707870797080708170827083708470857086708770887089709070917092709370947095709670977098709971007101710271037104710571067107710871097110711171127113711471157116711771187119712071217122712371247125712671277128712971307131713271337134713571367137713871397140714171427143714471457146714771487149715071517152715371547155715671577158715971607161716271637164716571667167716871697170717171727173717471757176717771787179718071817182718371847185718671877188718971907191719271937194719571967197719871997200720172027203720472057206720772087209721072117212721372147215721672177218721972207221722272237224722572267227722872297230723172327233723472357236723772387239724072417242724372447245724672477248724972507251725272537254725572567257725872597260726172627263726472657266726772687269727072717272727372747275727672777278727972807281728272837284728572867287728872897290729172927293729472957296729772987299730073017302730373047305730673077308730973107311731273137314731573167317731873197320732173227323732473257326732773287329733073317332733373347335733673377338733973407341734273437344734573467347734873497350735173527353735473557356735773587359736073617362736373647365736673677368736973707371737273737374737573767377737873797380738173827383738473857386738773887389739073917392739373947395739673977398739974007401740274037404740574067407740874097410741174127413741474157416741774187419742074217422742374247425742674277428742974307431743274337434743574367437743874397440744174427443744474457446744774487449745074517452745374547455745674577458745974607461746274637464746574667467746874697470747174727473747474757476747774787479748074817482748374847485748674877488748974907491749274937494749574967497749874997500750175027503750475057506750775087509751075117512751375147515751675177518751975207521752275237524752575267527752875297530753175327533753475357536753775387539754075417542754375447545754675477548754975507551755275537554755575567557755875597560756175627563756475657566756775687569757075717572757375747575757675777578757975807581758275837584758575867587758875897590759175927593759475957596759775987599760076017602760376047605760676077608760976107611761276137614761576167617761876197620762176227623762476257626762776287629763076317632763376347635763676377638763976407641764276437644764576467647764876497650765176527653765476557656765776587659766076617662766376647665766676677668766976707671767276737674767576767677767876797680768176827683768476857686768776887689769076917692769376947695769676977698769977007701770277037704770577067707770877097710771177127713771477157716771777187719772077217722772377247725772677277728772977307731773277337734773577367737773877397740774177427743774477457746774777487749775077517752775377547755775677577758775977607761776277637764776577667767776877697770777177727773777477757776777777787779778077817782778377847785778677877788778977907791779277937794779577967797779877997800780178027803780478057806780778087809781078117812781378147815781678177818781978207821782278237824782578267827782878297830783178327833783478357836783778387839784078417842784378447845784678477848784978507851785278537854785578567857785878597860786178627863786478657866786778687869787078717872787378747875787678777878787978807881788278837884788578867887788878897890789178927893789478957896789778987899790079017902790379047905790679077908790979107911791279137914791579167917791879197920792179227923792479257926792779287929793079317932793379347935793679377938793979407941794279437944794579467947794879497950795179527953795479557956795779587959796079617962796379647965796679677968796979707971797279737974797579767977797879797980798179827983798479857986798779887989799079917992799379947995799679977998799980008001800280038004800580068007800880098010801180128013801480158016801780188019802080218022802380248025802680278028802980308031803280338034803580368037803880398040804180428043804480458046804780488049805080518052805380548055805680578058805980608061806280638064806580668067806880698070807180728073807480758076807780788079808080818082808380848085808680878088808980908091809280938094809580968097
  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. to {
  13. -webkit-transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
  14. transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1)); } }
  15. @keyframes mdc-ripple-fg-radius-in {
  16. from {
  17. -webkit-animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  18. animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  19. -webkit-transform: translate(var(--mdc-ripple-fg-translate-start, 0)) scale(1);
  20. transform: translate(var(--mdc-ripple-fg-translate-start, 0)) scale(1); }
  21. to {
  22. -webkit-transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
  23. transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1)); } }
  24. @-webkit-keyframes mdc-ripple-fg-opacity-in {
  25. from {
  26. -webkit-animation-timing-function: linear;
  27. animation-timing-function: linear;
  28. opacity: 0; }
  29. to {
  30. opacity: var(--mdc-ripple-fg-opacity, 0); } }
  31. @keyframes mdc-ripple-fg-opacity-in {
  32. from {
  33. -webkit-animation-timing-function: linear;
  34. animation-timing-function: linear;
  35. opacity: 0; }
  36. to {
  37. opacity: var(--mdc-ripple-fg-opacity, 0); } }
  38. @-webkit-keyframes mdc-ripple-fg-opacity-out {
  39. from {
  40. -webkit-animation-timing-function: linear;
  41. animation-timing-function: linear;
  42. opacity: var(--mdc-ripple-fg-opacity, 0); }
  43. to {
  44. opacity: 0; } }
  45. @keyframes mdc-ripple-fg-opacity-out {
  46. from {
  47. -webkit-animation-timing-function: linear;
  48. animation-timing-function: linear;
  49. opacity: var(--mdc-ripple-fg-opacity, 0); }
  50. to {
  51. opacity: 0; } }
  52. .mdc-ripple-surface--test-edge-var-bug {
  53. --mdc-ripple-surface-test-edge-var: 1px solid #000;
  54. visibility: hidden; }
  55. .mdc-ripple-surface--test-edge-var-bug::before {
  56. border: var(--mdc-ripple-surface-test-edge-var); }
  57. .mdc-button {
  58. font-family: Roboto, sans-serif;
  59. -moz-osx-font-smoothing: grayscale;
  60. -webkit-font-smoothing: antialiased;
  61. font-size: 0.875rem;
  62. line-height: 2.25rem;
  63. font-weight: 500;
  64. letter-spacing: 0.08929em;
  65. text-decoration: none;
  66. text-transform: uppercase;
  67. --mdc-ripple-fg-size: 0;
  68. --mdc-ripple-left: 0;
  69. --mdc-ripple-top: 0;
  70. --mdc-ripple-fg-scale: 1;
  71. --mdc-ripple-fg-translate-end: 0;
  72. --mdc-ripple-fg-translate-start: 0;
  73. -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  74. will-change: transform, opacity;
  75. padding: 0 8px 0 8px;
  76. display: inline-flex;
  77. position: relative;
  78. align-items: center;
  79. justify-content: center;
  80. box-sizing: border-box;
  81. min-width: 64px;
  82. height: 36px;
  83. border: none;
  84. outline: none;
  85. /* @alternate */
  86. line-height: inherit;
  87. -webkit-user-select: none;
  88. -moz-user-select: none;
  89. -ms-user-select: none;
  90. user-select: none;
  91. -webkit-appearance: none;
  92. overflow: hidden;
  93. vertical-align: middle;
  94. border-radius: 4px; }
  95. .mdc-button::before, .mdc-button::after {
  96. position: absolute;
  97. border-radius: 50%;
  98. opacity: 0;
  99. pointer-events: none;
  100. content: ""; }
  101. .mdc-button::before {
  102. transition: opacity 15ms linear, background-color 15ms linear;
  103. z-index: 1; }
  104. .mdc-button.mdc-ripple-upgraded::before {
  105. -webkit-transform: scale(var(--mdc-ripple-fg-scale, 1));
  106. transform: scale(var(--mdc-ripple-fg-scale, 1)); }
  107. .mdc-button.mdc-ripple-upgraded::after {
  108. top: 0;
  109. /* @noflip */
  110. left: 0;
  111. -webkit-transform: scale(0);
  112. transform: scale(0);
  113. -webkit-transform-origin: center center;
  114. transform-origin: center center; }
  115. .mdc-button.mdc-ripple-upgraded--unbounded::after {
  116. top: var(--mdc-ripple-top, 0);
  117. /* @noflip */
  118. left: var(--mdc-ripple-left, 0); }
  119. .mdc-button.mdc-ripple-upgraded--foreground-activation::after {
  120. -webkit-animation: 225ms mdc-ripple-fg-radius-in forwards, 75ms mdc-ripple-fg-opacity-in forwards;
  121. animation: 225ms mdc-ripple-fg-radius-in forwards, 75ms mdc-ripple-fg-opacity-in forwards; }
  122. .mdc-button.mdc-ripple-upgraded--foreground-deactivation::after {
  123. -webkit-animation: 150ms mdc-ripple-fg-opacity-out;
  124. animation: 150ms mdc-ripple-fg-opacity-out;
  125. -webkit-transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
  126. transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1)); }
  127. .mdc-button::before, .mdc-button::after {
  128. top: calc(50% - 100%);
  129. /* @noflip */
  130. left: calc(50% - 100%);
  131. width: 200%;
  132. height: 200%; }
  133. .mdc-button.mdc-ripple-upgraded::after {
  134. width: var(--mdc-ripple-fg-size, 100%);
  135. height: var(--mdc-ripple-fg-size, 100%); }
  136. .mdc-button::-moz-focus-inner {
  137. padding: 0;
  138. border: 0; }
  139. .mdc-button:active {
  140. outline: none; }
  141. .mdc-button:hover {
  142. cursor: pointer; }
  143. .mdc-button:disabled {
  144. background-color: transparent;
  145. color: rgba(0, 0, 0, 0.37);
  146. cursor: default;
  147. pointer-events: none; }
  148. .mdc-button.mdc-button--dense {
  149. border-radius: 4px; }
  150. .mdc-button:not(:disabled) {
  151. background-color: transparent; }
  152. .mdc-button:not(:disabled) {
  153. color: #6200ee;
  154. /* @alternate */
  155. color: var(--mdc-theme-primary, #6200ee); }
  156. .mdc-button::before, .mdc-button::after {
  157. background-color: #6200ee; }
  158. @supports not (-ms-ime-align: auto) {
  159. .mdc-button::before, .mdc-button::after {
  160. /* @alternate */
  161. background-color: var(--mdc-theme-primary, #6200ee); } }
  162. .mdc-button:hover::before {
  163. opacity: 0.04; }
  164. .mdc-button:not(.mdc-ripple-upgraded):focus::before, .mdc-button.mdc-ripple-upgraded--background-focused::before {
  165. transition-duration: 75ms;
  166. opacity: 0.12; }
  167. .mdc-button:not(.mdc-ripple-upgraded)::after {
  168. transition: opacity 150ms linear; }
  169. .mdc-button:not(.mdc-ripple-upgraded):active::after {
  170. transition-duration: 75ms;
  171. opacity: 0.16; }
  172. .mdc-button.mdc-ripple-upgraded {
  173. --mdc-ripple-fg-opacity: 0.16; }
  174. .mdc-button .mdc-button__icon {
  175. /* @noflip */
  176. margin-left: 0;
  177. /* @noflip */
  178. margin-right: 8px;
  179. display: inline-block;
  180. width: 18px;
  181. height: 18px;
  182. font-size: 18px;
  183. vertical-align: top; }
  184. [dir="rtl"] .mdc-button .mdc-button__icon, .mdc-button .mdc-button__icon[dir="rtl"] {
  185. /* @noflip */
  186. margin-left: 8px;
  187. /* @noflip */
  188. margin-right: 0; }
  189. .mdc-button svg.mdc-button__icon {
  190. fill: currentColor; }
  191. .mdc-button--raised .mdc-button__icon,
  192. .mdc-button--unelevated .mdc-button__icon,
  193. .mdc-button--outlined .mdc-button__icon {
  194. /* @noflip */
  195. margin-left: -4px;
  196. /* @noflip */
  197. margin-right: 8px; }
  198. [dir="rtl"] .mdc-button--raised .mdc-button__icon, .mdc-button--raised .mdc-button__icon[dir="rtl"], [dir="rtl"]
  199. .mdc-button--unelevated .mdc-button__icon,
  200. .mdc-button--unelevated .mdc-button__icon[dir="rtl"], [dir="rtl"]
  201. .mdc-button--outlined .mdc-button__icon,
  202. .mdc-button--outlined .mdc-button__icon[dir="rtl"] {
  203. /* @noflip */
  204. margin-left: 8px;
  205. /* @noflip */
  206. margin-right: -4px; }
  207. .mdc-button--raised,
  208. .mdc-button--unelevated {
  209. padding: 0 16px 0 16px; }
  210. .mdc-button--raised:disabled,
  211. .mdc-button--unelevated:disabled {
  212. background-color: rgba(0, 0, 0, 0.12);
  213. color: rgba(0, 0, 0, 0.37); }
  214. .mdc-button--raised:not(:disabled),
  215. .mdc-button--unelevated:not(:disabled) {
  216. background-color: #6200ee; }
  217. @supports not (-ms-ime-align: auto) {
  218. .mdc-button--raised:not(:disabled),
  219. .mdc-button--unelevated:not(:disabled) {
  220. /* @alternate */
  221. background-color: var(--mdc-theme-primary, #6200ee); } }
  222. .mdc-button--raised:not(:disabled),
  223. .mdc-button--unelevated:not(:disabled) {
  224. color: #fff;
  225. /* @alternate */
  226. color: var(--mdc-theme-on-primary, #fff); }
  227. .mdc-button--raised::before, .mdc-button--raised::after,
  228. .mdc-button--unelevated::before,
  229. .mdc-button--unelevated::after {
  230. background-color: #fff; }
  231. @supports not (-ms-ime-align: auto) {
  232. .mdc-button--raised::before, .mdc-button--raised::after,
  233. .mdc-button--unelevated::before,
  234. .mdc-button--unelevated::after {
  235. /* @alternate */
  236. background-color: var(--mdc-theme-on-primary, #fff); } }
  237. .mdc-button--raised:hover::before,
  238. .mdc-button--unelevated:hover::before {
  239. opacity: 0.08; }
  240. .mdc-button--raised:not(.mdc-ripple-upgraded):focus::before, .mdc-button--raised.mdc-ripple-upgraded--background-focused::before,
  241. .mdc-button--unelevated:not(.mdc-ripple-upgraded):focus::before,
  242. .mdc-button--unelevated.mdc-ripple-upgraded--background-focused::before {
  243. transition-duration: 75ms;
  244. opacity: 0.24; }
  245. .mdc-button--raised:not(.mdc-ripple-upgraded)::after,
  246. .mdc-button--unelevated:not(.mdc-ripple-upgraded)::after {
  247. transition: opacity 150ms linear; }
  248. .mdc-button--raised:not(.mdc-ripple-upgraded):active::after,
  249. .mdc-button--unelevated:not(.mdc-ripple-upgraded):active::after {
  250. transition-duration: 75ms;
  251. opacity: 0.32; }
  252. .mdc-button--raised.mdc-ripple-upgraded,
  253. .mdc-button--unelevated.mdc-ripple-upgraded {
  254. --mdc-ripple-fg-opacity: 0.32; }
  255. .mdc-button--raised {
  256. 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);
  257. transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1); }
  258. .mdc-button--raised:hover, .mdc-button--raised:focus {
  259. 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); }
  260. .mdc-button--raised:active {
  261. 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); }
  262. .mdc-button--raised:disabled {
  263. 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); }
  264. .mdc-button--outlined {
  265. border-style: solid;
  266. padding: 0 14px 0 14px;
  267. border-width: 2px; }
  268. .mdc-button--outlined:disabled {
  269. border-color: rgba(0, 0, 0, 0.37); }
  270. .mdc-button--outlined:not(:disabled) {
  271. border-color: #6200ee;
  272. /* @alternate */
  273. border-color: var(--mdc-theme-primary, #6200ee); }
  274. .mdc-button--dense {
  275. height: 32px;
  276. font-size: .8125rem; }
  277. .mdc-card {
  278. background-color: #fff;
  279. /* @alternate */
  280. background-color: var(--mdc-theme-surface, #fff);
  281. border-radius: 4px;
  282. 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);
  283. display: flex;
  284. flex-direction: column;
  285. box-sizing: border-box; }
  286. .mdc-card--outlined {
  287. 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);
  288. border: 1px solid #e0e0e0; }
  289. .mdc-card__media {
  290. position: relative;
  291. box-sizing: border-box;
  292. background-repeat: no-repeat;
  293. background-position: center;
  294. background-size: cover; }
  295. .mdc-card__media::before {
  296. display: block;
  297. content: ""; }
  298. .mdc-card__media:first-child {
  299. border-top-left-radius: inherit;
  300. border-top-right-radius: inherit; }
  301. .mdc-card__media:last-child {
  302. border-bottom-left-radius: inherit;
  303. border-bottom-right-radius: inherit; }
  304. .mdc-card__media--square::before {
  305. margin-top: 100%; }
  306. .mdc-card__media--16-9::before {
  307. margin-top: 56.25%; }
  308. .mdc-card__media-content {
  309. position: absolute;
  310. top: 0;
  311. right: 0;
  312. bottom: 0;
  313. left: 0;
  314. box-sizing: border-box; }
  315. .mdc-card__primary-action {
  316. --mdc-ripple-fg-size: 0;
  317. --mdc-ripple-left: 0;
  318. --mdc-ripple-top: 0;
  319. --mdc-ripple-fg-scale: 1;
  320. --mdc-ripple-fg-translate-end: 0;
  321. --mdc-ripple-fg-translate-start: 0;
  322. -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  323. will-change: transform, opacity;
  324. display: flex;
  325. flex-direction: column;
  326. box-sizing: border-box;
  327. position: relative;
  328. outline: none;
  329. color: inherit;
  330. text-decoration: none;
  331. cursor: pointer;
  332. overflow: hidden; }
  333. .mdc-card__primary-action::before, .mdc-card__primary-action::after {
  334. position: absolute;
  335. border-radius: 50%;
  336. opacity: 0;
  337. pointer-events: none;
  338. content: ""; }
  339. .mdc-card__primary-action::before {
  340. transition: opacity 15ms linear, background-color 15ms linear;
  341. z-index: 1; }
  342. .mdc-card__primary-action.mdc-ripple-upgraded::before {
  343. -webkit-transform: scale(var(--mdc-ripple-fg-scale, 1));
  344. transform: scale(var(--mdc-ripple-fg-scale, 1)); }
  345. .mdc-card__primary-action.mdc-ripple-upgraded::after {
  346. top: 0;
  347. /* @noflip */
  348. left: 0;
  349. -webkit-transform: scale(0);
  350. transform: scale(0);
  351. -webkit-transform-origin: center center;
  352. transform-origin: center center; }
  353. .mdc-card__primary-action.mdc-ripple-upgraded--unbounded::after {
  354. top: var(--mdc-ripple-top, 0);
  355. /* @noflip */
  356. left: var(--mdc-ripple-left, 0); }
  357. .mdc-card__primary-action.mdc-ripple-upgraded--foreground-activation::after {
  358. -webkit-animation: 225ms mdc-ripple-fg-radius-in forwards, 75ms mdc-ripple-fg-opacity-in forwards;
  359. animation: 225ms mdc-ripple-fg-radius-in forwards, 75ms mdc-ripple-fg-opacity-in forwards; }
  360. .mdc-card__primary-action.mdc-ripple-upgraded--foreground-deactivation::after {
  361. -webkit-animation: 150ms mdc-ripple-fg-opacity-out;
  362. animation: 150ms mdc-ripple-fg-opacity-out;
  363. -webkit-transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
  364. transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1)); }
  365. .mdc-card__primary-action::before, .mdc-card__primary-action::after {
  366. top: calc(50% - 100%);
  367. /* @noflip */
  368. left: calc(50% - 100%);
  369. width: 200%;
  370. height: 200%; }
  371. .mdc-card__primary-action.mdc-ripple-upgraded::after {
  372. width: var(--mdc-ripple-fg-size, 100%);
  373. height: var(--mdc-ripple-fg-size, 100%); }
  374. .mdc-card__primary-action::before, .mdc-card__primary-action::after {
  375. background-color: #000; }
  376. .mdc-card__primary-action:hover::before {
  377. opacity: 0.04; }
  378. .mdc-card__primary-action:not(.mdc-ripple-upgraded):focus::before, .mdc-card__primary-action.mdc-ripple-upgraded--background-focused::before {
  379. transition-duration: 75ms;
  380. opacity: 0.12; }
  381. .mdc-card__primary-action:not(.mdc-ripple-upgraded)::after {
  382. transition: opacity 150ms linear; }
  383. .mdc-card__primary-action:not(.mdc-ripple-upgraded):active::after {
  384. transition-duration: 75ms;
  385. opacity: 0.16; }
  386. .mdc-card__primary-action.mdc-ripple-upgraded {
  387. --mdc-ripple-fg-opacity: 0.16; }
  388. .mdc-card__primary-action:first-child {
  389. border-top-left-radius: inherit;
  390. border-top-right-radius: inherit; }
  391. .mdc-card__primary-action:last-child {
  392. border-bottom-left-radius: inherit;
  393. border-bottom-right-radius: inherit; }
  394. .mdc-card__actions {
  395. display: flex;
  396. flex-direction: row;
  397. align-items: center;
  398. box-sizing: border-box;
  399. min-height: 52px;
  400. padding: 8px; }
  401. .mdc-card__actions--full-bleed {
  402. padding: 0; }
  403. .mdc-card__action-buttons,
  404. .mdc-card__action-icons {
  405. display: flex;
  406. flex-direction: row;
  407. align-items: center;
  408. box-sizing: border-box; }
  409. .mdc-card__action-icons {
  410. color: rgba(0, 0, 0, 0.38);
  411. /* @alternate */
  412. color: var(--mdc-theme-text-icon-on-background, rgba(0, 0, 0, 0.38));
  413. flex-grow: 1;
  414. justify-content: flex-end; }
  415. .mdc-card__action-buttons + .mdc-card__action-icons {
  416. /* @noflip */
  417. margin-left: 16px;
  418. /* @noflip */
  419. margin-right: 0; }
  420. [dir="rtl"] .mdc-card__action-buttons + .mdc-card__action-icons, .mdc-card__action-buttons + .mdc-card__action-icons[dir="rtl"] {
  421. /* @noflip */
  422. margin-left: 0;
  423. /* @noflip */
  424. margin-right: 16px; }
  425. .mdc-card__action {
  426. display: inline-flex;
  427. flex-direction: row;
  428. align-items: center;
  429. box-sizing: border-box;
  430. justify-content: center;
  431. cursor: pointer;
  432. -webkit-user-select: none;
  433. -moz-user-select: none;
  434. -ms-user-select: none;
  435. user-select: none; }
  436. .mdc-card__action:focus {
  437. outline: none; }
  438. .mdc-card__action--button {
  439. /* @noflip */
  440. margin-left: 0;
  441. /* @noflip */
  442. margin-right: 8px;
  443. padding: 0 8px; }
  444. [dir="rtl"] .mdc-card__action--button, .mdc-card__action--button[dir="rtl"] {
  445. /* @noflip */
  446. margin-left: 8px;
  447. /* @noflip */
  448. margin-right: 0; }
  449. .mdc-card__action--button:last-child {
  450. /* @noflip */
  451. margin-left: 0;
  452. /* @noflip */
  453. margin-right: 0; }
  454. [dir="rtl"] .mdc-card__action--button:last-child, .mdc-card__action--button:last-child[dir="rtl"] {
  455. /* @noflip */
  456. margin-left: 0;
  457. /* @noflip */
  458. margin-right: 0; }
  459. .mdc-card__actions--full-bleed .mdc-card__action--button {
  460. justify-content: space-between;
  461. width: 100%;
  462. height: auto;
  463. max-height: none;
  464. margin: 0;
  465. padding: 8px 16px;
  466. text-align: left; }
  467. [dir="rtl"] .mdc-card__actions--full-bleed .mdc-card__action--button, .mdc-card__actions--full-bleed .mdc-card__action--button[dir="rtl"] {
  468. text-align: right; }
  469. .mdc-card__action--icon {
  470. margin: -6px 0;
  471. padding: 12px; }
  472. .mdc-card__action--icon:not(:disabled) {
  473. color: rgba(0, 0, 0, 0.38);
  474. /* @alternate */
  475. color: var(--mdc-theme-text-icon-on-background, rgba(0, 0, 0, 0.38)); }
  476. @-webkit-keyframes mdc-checkbox-unchecked-checked-checkmark-path {
  477. 0%,
  478. 50% {
  479. stroke-dashoffset: 29.78334; }
  480. 50% {
  481. -webkit-animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
  482. animation-timing-function: cubic-bezier(0, 0, 0.2, 1); }
  483. 100% {
  484. stroke-dashoffset: 0; } }
  485. @keyframes mdc-checkbox-unchecked-checked-checkmark-path {
  486. 0%,
  487. 50% {
  488. stroke-dashoffset: 29.78334; }
  489. 50% {
  490. -webkit-animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
  491. animation-timing-function: cubic-bezier(0, 0, 0.2, 1); }
  492. 100% {
  493. stroke-dashoffset: 0; } }
  494. @-webkit-keyframes mdc-checkbox-unchecked-indeterminate-mixedmark {
  495. 0%,
  496. 68.2% {
  497. -webkit-transform: scaleX(0);
  498. transform: scaleX(0); }
  499. 68.2% {
  500. -webkit-animation-timing-function: cubic-bezier(0, 0, 0, 1);
  501. animation-timing-function: cubic-bezier(0, 0, 0, 1); }
  502. 100% {
  503. -webkit-transform: scaleX(1);
  504. transform: scaleX(1); } }
  505. @keyframes mdc-checkbox-unchecked-indeterminate-mixedmark {
  506. 0%,
  507. 68.2% {
  508. -webkit-transform: scaleX(0);
  509. transform: scaleX(0); }
  510. 68.2% {
  511. -webkit-animation-timing-function: cubic-bezier(0, 0, 0, 1);
  512. animation-timing-function: cubic-bezier(0, 0, 0, 1); }
  513. 100% {
  514. -webkit-transform: scaleX(1);
  515. transform: scaleX(1); } }
  516. @-webkit-keyframes mdc-checkbox-checked-unchecked-checkmark-path {
  517. from {
  518. -webkit-animation-timing-function: cubic-bezier(0.4, 0, 1, 1);
  519. animation-timing-function: cubic-bezier(0.4, 0, 1, 1);
  520. opacity: 1;
  521. stroke-dashoffset: 0; }
  522. to {
  523. opacity: 0;
  524. stroke-dashoffset: -29.78334; } }
  525. @keyframes mdc-checkbox-checked-unchecked-checkmark-path {
  526. from {
  527. -webkit-animation-timing-function: cubic-bezier(0.4, 0, 1, 1);
  528. animation-timing-function: cubic-bezier(0.4, 0, 1, 1);
  529. opacity: 1;
  530. stroke-dashoffset: 0; }
  531. to {
  532. opacity: 0;
  533. stroke-dashoffset: -29.78334; } }
  534. @-webkit-keyframes mdc-checkbox-checked-indeterminate-checkmark {
  535. from {
  536. -webkit-animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
  537. animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
  538. -webkit-transform: rotate(0deg);
  539. transform: rotate(0deg);
  540. opacity: 1; }
  541. to {
  542. -webkit-transform: rotate(45deg);
  543. transform: rotate(45deg);
  544. opacity: 0; } }
  545. @keyframes mdc-checkbox-checked-indeterminate-checkmark {
  546. from {
  547. -webkit-animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
  548. animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
  549. -webkit-transform: rotate(0deg);
  550. transform: rotate(0deg);
  551. opacity: 1; }
  552. to {
  553. -webkit-transform: rotate(45deg);
  554. transform: rotate(45deg);
  555. opacity: 0; } }
  556. @-webkit-keyframes mdc-checkbox-indeterminate-checked-checkmark {
  557. from {
  558. -webkit-animation-timing-function: cubic-bezier(0.14, 0, 0, 1);
  559. animation-timing-function: cubic-bezier(0.14, 0, 0, 1);
  560. -webkit-transform: rotate(45deg);
  561. transform: rotate(45deg);
  562. opacity: 0; }
  563. to {
  564. -webkit-transform: rotate(360deg);
  565. transform: rotate(360deg);
  566. opacity: 1; } }
  567. @keyframes mdc-checkbox-indeterminate-checked-checkmark {
  568. from {
  569. -webkit-animation-timing-function: cubic-bezier(0.14, 0, 0, 1);
  570. animation-timing-function: cubic-bezier(0.14, 0, 0, 1);
  571. -webkit-transform: rotate(45deg);
  572. transform: rotate(45deg);
  573. opacity: 0; }
  574. to {
  575. -webkit-transform: rotate(360deg);
  576. transform: rotate(360deg);
  577. opacity: 1; } }
  578. @-webkit-keyframes mdc-checkbox-checked-indeterminate-mixedmark {
  579. from {
  580. -webkit-animation-timing-function: mdc-animation-deceleration-curve-timing-function;
  581. animation-timing-function: mdc-animation-deceleration-curve-timing-function;
  582. -webkit-transform: rotate(-45deg);
  583. transform: rotate(-45deg);
  584. opacity: 0; }
  585. to {
  586. -webkit-transform: rotate(0deg);
  587. transform: rotate(0deg);
  588. opacity: 1; } }
  589. @keyframes mdc-checkbox-checked-indeterminate-mixedmark {
  590. from {
  591. -webkit-animation-timing-function: mdc-animation-deceleration-curve-timing-function;
  592. animation-timing-function: mdc-animation-deceleration-curve-timing-function;
  593. -webkit-transform: rotate(-45deg);
  594. transform: rotate(-45deg);
  595. opacity: 0; }
  596. to {
  597. -webkit-transform: rotate(0deg);
  598. transform: rotate(0deg);
  599. opacity: 1; } }
  600. @-webkit-keyframes mdc-checkbox-indeterminate-checked-mixedmark {
  601. from {
  602. -webkit-animation-timing-function: cubic-bezier(0.14, 0, 0, 1);
  603. animation-timing-function: cubic-bezier(0.14, 0, 0, 1);
  604. -webkit-transform: rotate(0deg);
  605. transform: rotate(0deg);
  606. opacity: 1; }
  607. to {
  608. -webkit-transform: rotate(315deg);
  609. transform: rotate(315deg);
  610. opacity: 0; } }
  611. @keyframes mdc-checkbox-indeterminate-checked-mixedmark {
  612. from {
  613. -webkit-animation-timing-function: cubic-bezier(0.14, 0, 0, 1);
  614. animation-timing-function: cubic-bezier(0.14, 0, 0, 1);
  615. -webkit-transform: rotate(0deg);
  616. transform: rotate(0deg);
  617. opacity: 1; }
  618. to {
  619. -webkit-transform: rotate(315deg);
  620. transform: rotate(315deg);
  621. opacity: 0; } }
  622. @-webkit-keyframes mdc-checkbox-indeterminate-unchecked-mixedmark {
  623. 0% {
  624. -webkit-animation-timing-function: linear;
  625. animation-timing-function: linear;
  626. -webkit-transform: scaleX(1);
  627. transform: scaleX(1);
  628. opacity: 1; }
  629. 32.8%,
  630. 100% {
  631. -webkit-transform: scaleX(0);
  632. transform: scaleX(0);
  633. opacity: 0; } }
  634. @keyframes mdc-checkbox-indeterminate-unchecked-mixedmark {
  635. 0% {
  636. -webkit-animation-timing-function: linear;
  637. animation-timing-function: linear;
  638. -webkit-transform: scaleX(1);
  639. transform: scaleX(1);
  640. opacity: 1; }
  641. 32.8%,
  642. 100% {
  643. -webkit-transform: scaleX(0);
  644. transform: scaleX(0);
  645. opacity: 0; } }
  646. .mdc-checkbox {
  647. display: inline-block;
  648. position: relative;
  649. flex: 0 0 18px;
  650. box-sizing: content-box;
  651. width: 18px;
  652. height: 18px;
  653. padding: 11px;
  654. line-height: 0;
  655. white-space: nowrap;
  656. cursor: pointer;
  657. vertical-align: bottom;
  658. --mdc-ripple-fg-size: 0;
  659. --mdc-ripple-left: 0;
  660. --mdc-ripple-top: 0;
  661. --mdc-ripple-fg-scale: 1;
  662. --mdc-ripple-fg-translate-end: 0;
  663. --mdc-ripple-fg-translate-start: 0;
  664. -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  665. will-change: transform, opacity; }
  666. .mdc-checkbox::before, .mdc-checkbox::after {
  667. position: absolute;
  668. border-radius: 50%;
  669. opacity: 0;
  670. pointer-events: none;
  671. content: ""; }
  672. .mdc-checkbox::before {
  673. transition: opacity 15ms linear, background-color 15ms linear;
  674. z-index: 1; }
  675. .mdc-checkbox.mdc-ripple-upgraded::before {
  676. -webkit-transform: scale(var(--mdc-ripple-fg-scale, 1));
  677. transform: scale(var(--mdc-ripple-fg-scale, 1)); }
  678. .mdc-checkbox.mdc-ripple-upgraded::after {
  679. top: 0;
  680. /* @noflip */
  681. left: 0;
  682. -webkit-transform: scale(0);
  683. transform: scale(0);
  684. -webkit-transform-origin: center center;
  685. transform-origin: center center; }
  686. .mdc-checkbox.mdc-ripple-upgraded--unbounded::after {
  687. top: var(--mdc-ripple-top, 0);
  688. /* @noflip */
  689. left: var(--mdc-ripple-left, 0); }
  690. .mdc-checkbox.mdc-ripple-upgraded--foreground-activation::after {
  691. -webkit-animation: 225ms mdc-ripple-fg-radius-in forwards, 75ms mdc-ripple-fg-opacity-in forwards;
  692. animation: 225ms mdc-ripple-fg-radius-in forwards, 75ms mdc-ripple-fg-opacity-in forwards; }
  693. .mdc-checkbox.mdc-ripple-upgraded--foreground-deactivation::after {
  694. -webkit-animation: 150ms mdc-ripple-fg-opacity-out;
  695. animation: 150ms mdc-ripple-fg-opacity-out;
  696. -webkit-transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
  697. transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1)); }
  698. .mdc-checkbox::before, .mdc-checkbox::after {
  699. background-color: #018786; }
  700. @supports not (-ms-ime-align: auto) {
  701. .mdc-checkbox::before, .mdc-checkbox::after {
  702. /* @alternate */
  703. background-color: var(--mdc-theme-secondary, #018786); } }
  704. .mdc-checkbox:hover::before {
  705. opacity: 0.04; }
  706. .mdc-checkbox:not(.mdc-ripple-upgraded):focus::before, .mdc-checkbox.mdc-ripple-upgraded--background-focused::before {
  707. transition-duration: 75ms;
  708. opacity: 0.12; }
  709. .mdc-checkbox:not(.mdc-ripple-upgraded)::after {
  710. transition: opacity 150ms linear; }
  711. .mdc-checkbox:not(.mdc-ripple-upgraded):active::after {
  712. transition-duration: 75ms;
  713. opacity: 0.16; }
  714. .mdc-checkbox.mdc-ripple-upgraded {
  715. --mdc-ripple-fg-opacity: 0.16; }
  716. .mdc-checkbox::before, .mdc-checkbox::after {
  717. top: calc(50% - 50%);
  718. /* @noflip */
  719. left: calc(50% - 50%);
  720. width: 100%;
  721. height: 100%; }
  722. .mdc-checkbox.mdc-ripple-upgraded::before, .mdc-checkbox.mdc-ripple-upgraded::after {
  723. top: var(--mdc-ripple-top, calc(50% - 50%));
  724. /* @noflip */
  725. left: var(--mdc-ripple-left, calc(50% - 50%));
  726. width: var(--mdc-ripple-fg-size, 100%);
  727. height: var(--mdc-ripple-fg-size, 100%); }
  728. .mdc-checkbox.mdc-ripple-upgraded::after {
  729. width: var(--mdc-ripple-fg-size, 100%);
  730. height: var(--mdc-ripple-fg-size, 100%); }
  731. .mdc-checkbox__checkmark {
  732. color: #fff; }
  733. .mdc-checkbox__mixedmark {
  734. border-color: #fff; }
  735. .mdc-checkbox__background::before {
  736. background-color: #018786; }
  737. @supports not (-ms-ime-align: auto) {
  738. .mdc-checkbox__background::before {
  739. /* @alternate */
  740. background-color: var(--mdc-theme-secondary, #018786); } }
  741. .mdc-checkbox__native-control:enabled:not(:checked):not(:indeterminate) ~ .mdc-checkbox__background {
  742. border-color: rgba(0, 0, 0, 0.54);
  743. background-color: transparent; }
  744. .mdc-checkbox__native-control:enabled:checked ~ .mdc-checkbox__background,
  745. .mdc-checkbox__native-control:enabled:indeterminate ~ .mdc-checkbox__background {
  746. border-color: #018786;
  747. /* @alternate */
  748. border-color: var(--mdc-theme-secondary, #018786);
  749. background-color: #018786;
  750. /* @alternate */
  751. background-color: var(--mdc-theme-secondary, #018786); }
  752. @-webkit-keyframes mdc-checkbox-fade-in-background-0 {
  753. 0% {
  754. border-color: rgba(0, 0, 0, 0.54);
  755. background-color: transparent; }
  756. 50% {
  757. border-color: #018786;
  758. /* @alternate */
  759. border-color: var(--mdc-theme-secondary, #018786);
  760. background-color: #018786;
  761. /* @alternate */
  762. background-color: var(--mdc-theme-secondary, #018786); } }
  763. @keyframes mdc-checkbox-fade-in-background-0 {
  764. 0% {
  765. border-color: rgba(0, 0, 0, 0.54);
  766. background-color: transparent; }
  767. 50% {
  768. border-color: #018786;
  769. /* @alternate */
  770. border-color: var(--mdc-theme-secondary, #018786);
  771. background-color: #018786;
  772. /* @alternate */
  773. background-color: var(--mdc-theme-secondary, #018786); } }
  774. @-webkit-keyframes mdc-checkbox-fade-out-background-0 {
  775. 0%, 80% {
  776. border-color: #018786;
  777. /* @alternate */
  778. border-color: var(--mdc-theme-secondary, #018786);
  779. background-color: #018786;
  780. /* @alternate */
  781. background-color: var(--mdc-theme-secondary, #018786); }
  782. 100% {
  783. border-color: rgba(0, 0, 0, 0.54);
  784. background-color: transparent; } }
  785. @keyframes mdc-checkbox-fade-out-background-0 {
  786. 0%, 80% {
  787. border-color: #018786;
  788. /* @alternate */
  789. border-color: var(--mdc-theme-secondary, #018786);
  790. background-color: #018786;
  791. /* @alternate */
  792. background-color: var(--mdc-theme-secondary, #018786); }
  793. 100% {
  794. border-color: rgba(0, 0, 0, 0.54);
  795. background-color: transparent; } }
  796. .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 {
  797. -webkit-animation-name: mdc-checkbox-fade-in-background-0;
  798. animation-name: mdc-checkbox-fade-in-background-0; }
  799. .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 {
  800. -webkit-animation-name: mdc-checkbox-fade-out-background-0;
  801. animation-name: mdc-checkbox-fade-out-background-0; }
  802. .mdc-checkbox__native-control:disabled:not(:checked):not(:indeterminate) ~ .mdc-checkbox__background {
  803. border-color: rgba(0, 0, 0, 0.26); }
  804. .mdc-checkbox__native-control:disabled:checked ~ .mdc-checkbox__background,
  805. .mdc-checkbox__native-control:disabled:indeterminate ~ .mdc-checkbox__background {
  806. border-color: transparent;
  807. background-color: rgba(0, 0, 0, 0.26); }
  808. @media screen and (-ms-high-contrast: active) {
  809. .mdc-checkbox__mixedmark {
  810. margin: 0 1px; } }
  811. .mdc-checkbox--disabled {
  812. cursor: default;
  813. pointer-events: none; }
  814. .mdc-checkbox__background {
  815. /* @noflip */
  816. left: 11px;
  817. /* @noflip */
  818. right: initial;
  819. display: inline-flex;
  820. position: absolute;
  821. top: 11px;
  822. bottom: 0;
  823. align-items: center;
  824. justify-content: center;
  825. box-sizing: border-box;
  826. width: 45%;
  827. height: 45%;
  828. 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);
  829. border: 2px solid currentColor;
  830. border-radius: 2px;
  831. background-color: transparent;
  832. pointer-events: none;
  833. will-change: background-color, border-color; }
  834. .mdc-checkbox[dir="rtl"] .mdc-checkbox__background,
  835. [dir="rtl"] .mdc-checkbox .mdc-checkbox__background {
  836. /* @noflip */
  837. left: initial;
  838. /* @noflip */
  839. right: 11px; }
  840. .mdc-checkbox__checkmark {
  841. position: absolute;
  842. top: 0;
  843. right: 0;
  844. bottom: 0;
  845. left: 0;
  846. width: 100%;
  847. transition: opacity 180ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
  848. opacity: 0; }
  849. .mdc-checkbox--upgraded .mdc-checkbox__checkmark {
  850. opacity: 1; }
  851. .mdc-checkbox__checkmark-path {
  852. transition: stroke-dashoffset 180ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
  853. stroke: currentColor;
  854. stroke-width: 3.12px;
  855. stroke-dashoffset: 29.78334;
  856. stroke-dasharray: 29.78334; }
  857. .mdc-checkbox__mixedmark {
  858. width: 100%;
  859. height: 0;
  860. -webkit-transform: scaleX(0) rotate(0deg);
  861. transform: scaleX(0) rotate(0deg);
  862. transition: opacity 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1), -webkit-transform 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
  863. transition: opacity 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1), transform 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
  864. 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);
  865. border-width: 1px;
  866. border-style: solid;
  867. opacity: 0; }
  868. .mdc-checkbox--upgraded .mdc-checkbox__background,
  869. .mdc-checkbox--upgraded .mdc-checkbox__checkmark,
  870. .mdc-checkbox--upgraded .mdc-checkbox__checkmark-path,
  871. .mdc-checkbox--upgraded .mdc-checkbox__mixedmark {
  872. transition: none !important; }
  873. .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 {
  874. -webkit-animation-duration: 180ms;
  875. animation-duration: 180ms;
  876. -webkit-animation-timing-function: linear;
  877. animation-timing-function: linear; }
  878. .mdc-checkbox--anim-unchecked-checked .mdc-checkbox__checkmark-path {
  879. -webkit-animation: 180ms linear 0s mdc-checkbox-unchecked-checked-checkmark-path;
  880. animation: 180ms linear 0s mdc-checkbox-unchecked-checked-checkmark-path;
  881. transition: none; }
  882. .mdc-checkbox--anim-unchecked-indeterminate .mdc-checkbox__mixedmark {
  883. -webkit-animation: 90ms linear 0s mdc-checkbox-unchecked-indeterminate-mixedmark;
  884. animation: 90ms linear 0s mdc-checkbox-unchecked-indeterminate-mixedmark;
  885. transition: none; }
  886. .mdc-checkbox--anim-checked-unchecked .mdc-checkbox__checkmark-path {
  887. -webkit-animation: 90ms linear 0s mdc-checkbox-checked-unchecked-checkmark-path;
  888. animation: 90ms linear 0s mdc-checkbox-checked-unchecked-checkmark-path;
  889. transition: none; }
  890. .mdc-checkbox--anim-checked-indeterminate .mdc-checkbox__checkmark {
  891. -webkit-animation: 90ms linear 0s mdc-checkbox-checked-indeterminate-checkmark;
  892. animation: 90ms linear 0s mdc-checkbox-checked-indeterminate-checkmark;
  893. transition: none; }
  894. .mdc-checkbox--anim-checked-indeterminate .mdc-checkbox__mixedmark {
  895. -webkit-animation: 90ms linear 0s mdc-checkbox-checked-indeterminate-mixedmark;
  896. animation: 90ms linear 0s mdc-checkbox-checked-indeterminate-mixedmark;
  897. transition: none; }
  898. .mdc-checkbox--anim-indeterminate-checked .mdc-checkbox__checkmark {
  899. -webkit-animation: 500ms linear 0s mdc-checkbox-indeterminate-checked-checkmark;
  900. animation: 500ms linear 0s mdc-checkbox-indeterminate-checked-checkmark;
  901. transition: none; }
  902. .mdc-checkbox--anim-indeterminate-checked .mdc-checkbox__mixedmark {
  903. -webkit-animation: 500ms linear 0s mdc-checkbox-indeterminate-checked-mixedmark;
  904. animation: 500ms linear 0s mdc-checkbox-indeterminate-checked-mixedmark;
  905. transition: none; }
  906. .mdc-checkbox--anim-indeterminate-unchecked .mdc-checkbox__mixedmark {
  907. -webkit-animation: 300ms linear 0s mdc-checkbox-indeterminate-unchecked-mixedmark;
  908. animation: 300ms linear 0s mdc-checkbox-indeterminate-unchecked-mixedmark;
  909. transition: none; }
  910. .mdc-checkbox__native-control:checked ~ .mdc-checkbox__background,
  911. .mdc-checkbox__native-control:indeterminate ~ .mdc-checkbox__background {
  912. transition: border-color 90ms 0ms cubic-bezier(0, 0, 0.2, 1), background-color 90ms 0ms cubic-bezier(0, 0, 0.2, 1); }
  913. .mdc-checkbox__native-control:checked ~ .mdc-checkbox__background .mdc-checkbox__checkmark-path,
  914. .mdc-checkbox__native-control:indeterminate ~ .mdc-checkbox__background .mdc-checkbox__checkmark-path {
  915. stroke-dashoffset: 0; }
  916. .mdc-checkbox__background::before {
  917. position: absolute;
  918. top: 0;
  919. right: 0;
  920. bottom: 0;
  921. left: 0;
  922. width: 100%;
  923. height: 100%;
  924. -webkit-transform: scale(0, 0);
  925. transform: scale(0, 0);
  926. transition: opacity 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1), -webkit-transform 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
  927. transition: opacity 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1), transform 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
  928. 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);
  929. border-radius: 50%;
  930. opacity: 0;
  931. pointer-events: none;
  932. content: "";
  933. will-change: opacity, transform; }
  934. .mdc-ripple-upgraded--background-focused .mdc-checkbox__background::before {
  935. content: none; }
  936. .mdc-checkbox__native-control:focus ~ .mdc-checkbox__background::before {
  937. -webkit-transform: scale(2.75, 2.75);
  938. transform: scale(2.75, 2.75);
  939. transition: opacity 80ms 0ms cubic-bezier(0, 0, 0.2, 1), -webkit-transform 80ms 0ms cubic-bezier(0, 0, 0.2, 1);
  940. transition: opacity 80ms 0ms cubic-bezier(0, 0, 0.2, 1), transform 80ms 0ms cubic-bezier(0, 0, 0.2, 1);
  941. 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);
  942. opacity: 0.12; }
  943. .mdc-checkbox__native-control {
  944. position: absolute;
  945. top: 0;
  946. left: 0;
  947. width: 100%;
  948. height: 100%;
  949. margin: 0;
  950. padding: 0;
  951. opacity: 0;
  952. cursor: inherit; }
  953. .mdc-checkbox__native-control:disabled {
  954. cursor: default;
  955. pointer-events: none; }
  956. .mdc-checkbox__native-control:checked ~ .mdc-checkbox__background .mdc-checkbox__checkmark {
  957. transition: opacity 180ms 0ms cubic-bezier(0, 0, 0.2, 1), -webkit-transform 180ms 0ms cubic-bezier(0, 0, 0.2, 1);
  958. transition: opacity 180ms 0ms cubic-bezier(0, 0, 0.2, 1), transform 180ms 0ms cubic-bezier(0, 0, 0.2, 1);
  959. 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);
  960. opacity: 1; }
  961. .mdc-checkbox__native-control:checked ~ .mdc-checkbox__background .mdc-checkbox__mixedmark {
  962. -webkit-transform: scaleX(1) rotate(-45deg);
  963. transform: scaleX(1) rotate(-45deg); }
  964. .mdc-checkbox__native-control:indeterminate ~ .mdc-checkbox__background .mdc-checkbox__checkmark {
  965. -webkit-transform: rotate(45deg);
  966. transform: rotate(45deg);
  967. transition: opacity 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1), -webkit-transform 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
  968. transition: opacity 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1), transform 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
  969. 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);
  970. opacity: 0; }
  971. .mdc-checkbox__native-control:indeterminate ~ .mdc-checkbox__background .mdc-checkbox__mixedmark {
  972. -webkit-transform: scaleX(1) rotate(0deg);
  973. transform: scaleX(1) rotate(0deg);
  974. opacity: 1; }
  975. .mdc-chip {
  976. --mdc-ripple-fg-size: 0;
  977. --mdc-ripple-left: 0;
  978. --mdc-ripple-top: 0;
  979. --mdc-ripple-fg-scale: 1;
  980. --mdc-ripple-fg-translate-end: 0;
  981. --mdc-ripple-fg-translate-start: 0;
  982. -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  983. will-change: transform, opacity;
  984. border-radius: 16px;
  985. background-color: #e0e0e0;
  986. color: rgba(0, 0, 0, 0.87);
  987. font-family: Roboto, sans-serif;
  988. -moz-osx-font-smoothing: grayscale;
  989. -webkit-font-smoothing: antialiased;
  990. font-size: 0.875rem;
  991. line-height: 1.25rem;
  992. font-weight: 400;
  993. letter-spacing: 0.01786em;
  994. text-decoration: inherit;
  995. text-transform: inherit;
  996. height: 32px;
  997. display: inline-flex;
  998. position: relative;
  999. align-items: center;
  1000. box-sizing: border-box;
  1001. padding: 7px 12px;
  1002. outline: none;
  1003. cursor: pointer;
  1004. overflow: hidden; }
  1005. .mdc-chip::before, .mdc-chip::after {
  1006. position: absolute;
  1007. border-radius: 50%;
  1008. opacity: 0;
  1009. pointer-events: none;
  1010. content: ""; }
  1011. .mdc-chip::before {
  1012. transition: opacity 15ms linear, background-color 15ms linear;
  1013. z-index: 1; }
  1014. .mdc-chip.mdc-ripple-upgraded::before {
  1015. -webkit-transform: scale(var(--mdc-ripple-fg-scale, 1));
  1016. transform: scale(var(--mdc-ripple-fg-scale, 1)); }
  1017. .mdc-chip.mdc-ripple-upgraded::after {
  1018. top: 0;
  1019. /* @noflip */
  1020. left: 0;
  1021. -webkit-transform: scale(0);
  1022. transform: scale(0);
  1023. -webkit-transform-origin: center center;
  1024. transform-origin: center center; }
  1025. .mdc-chip.mdc-ripple-upgraded--unbounded::after {
  1026. top: var(--mdc-ripple-top, 0);
  1027. /* @noflip */
  1028. left: var(--mdc-ripple-left, 0); }
  1029. .mdc-chip.mdc-ripple-upgraded--foreground-activation::after {
  1030. -webkit-animation: 225ms mdc-ripple-fg-radius-in forwards, 75ms mdc-ripple-fg-opacity-in forwards;
  1031. animation: 225ms mdc-ripple-fg-radius-in forwards, 75ms mdc-ripple-fg-opacity-in forwards; }
  1032. .mdc-chip.mdc-ripple-upgraded--foreground-deactivation::after {
  1033. -webkit-animation: 150ms mdc-ripple-fg-opacity-out;
  1034. animation: 150ms mdc-ripple-fg-opacity-out;
  1035. -webkit-transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
  1036. transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1)); }
  1037. .mdc-chip::before, .mdc-chip::after {
  1038. top: calc(50% - 100%);
  1039. /* @noflip */
  1040. left: calc(50% - 100%);
  1041. width: 200%;
  1042. height: 200%; }
  1043. .mdc-chip.mdc-ripple-upgraded::after {
  1044. width: var(--mdc-ripple-fg-size, 100%);
  1045. height: var(--mdc-ripple-fg-size, 100%); }
  1046. .mdc-chip::before, .mdc-chip::after {
  1047. background-color: rgba(0, 0, 0, 0.87); }
  1048. .mdc-chip:hover::before {
  1049. opacity: 0.04; }
  1050. .mdc-chip:not(.mdc-ripple-upgraded):focus::before, .mdc-chip.mdc-ripple-upgraded--background-focused::before {
  1051. transition-duration: 75ms;
  1052. opacity: 0.12; }
  1053. .mdc-chip:not(.mdc-ripple-upgraded)::after {
  1054. transition: opacity 150ms linear; }
  1055. .mdc-chip:not(.mdc-ripple-upgraded):active::after {
  1056. transition-duration: 75ms;
  1057. opacity: 0.16; }
  1058. .mdc-chip.mdc-ripple-upgraded {
  1059. --mdc-ripple-fg-opacity: 0.16; }
  1060. .mdc-chip:hover {
  1061. color: rgba(0, 0, 0, 0.87); }
  1062. .mdc-chip.mdc-chip--selected .mdc-chip__checkmark,
  1063. .mdc-chip .mdc-chip__icon--leading:not(.mdc-chip__icon--leading-hidden) {
  1064. margin: -4px 4px -4px -4px; }
  1065. .mdc-chip:hover {
  1066. color: #000;
  1067. /* @alternate */
  1068. color: var(--mdc-theme-on-surface, #000); }
  1069. .mdc-chip__icon--leading {
  1070. color: rgba(0, 0, 0, 0.54); }
  1071. .mdc-chip__icon--trailing {
  1072. color: rgba(0, 0, 0, 0.54); }
  1073. .mdc-chip__icon--trailing:hover {
  1074. color: rgba(0, 0, 0, 0.62); }
  1075. .mdc-chip__icon--trailing:focus {
  1076. color: rgba(0, 0, 0, 0.87); }
  1077. .mdc-chip__icon.mdc-chip__icon--leading:not(.mdc-chip__icon--leading-hidden) {
  1078. width: 20px;
  1079. height: 20px;
  1080. font-size: 20px; }
  1081. .mdc-chip__icon.mdc-chip__icon--trailing {
  1082. width: 18px;
  1083. height: 18px;
  1084. font-size: 18px; }
  1085. .mdc-chip__icon--trailing {
  1086. margin: 0 -4px 0 4px; }
  1087. .mdc-chip--exit {
  1088. 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;
  1089. opacity: 0; }
  1090. .mdc-chip__text {
  1091. white-space: nowrap; }
  1092. .mdc-chip__icon {
  1093. border-radius: 50%;
  1094. outline: none;
  1095. vertical-align: middle; }
  1096. .mdc-chip__checkmark {
  1097. height: 20px; }
  1098. .mdc-chip__checkmark-path {
  1099. transition: stroke-dashoffset 150ms 50ms cubic-bezier(0.4, 0, 0.6, 1);
  1100. stroke-width: 2px;
  1101. stroke-dashoffset: 29.78334;
  1102. stroke-dasharray: 29.78334; }
  1103. .mdc-chip--selected .mdc-chip__checkmark-path {
  1104. stroke-dashoffset: 0; }
  1105. .mdc-chip-set--choice .mdc-chip.mdc-chip--selected::before {
  1106. opacity: 0.08; }
  1107. .mdc-chip-set--choice .mdc-chip.mdc-chip--selected::before, .mdc-chip-set--choice .mdc-chip.mdc-chip--selected::after {
  1108. background-color: #6200ee; }
  1109. @supports not (-ms-ime-align: auto) {
  1110. .mdc-chip-set--choice .mdc-chip.mdc-chip--selected::before, .mdc-chip-set--choice .mdc-chip.mdc-chip--selected::after {
  1111. /* @alternate */
  1112. background-color: var(--mdc-theme-primary, #6200ee); } }
  1113. .mdc-chip-set--choice .mdc-chip.mdc-chip--selected:hover::before {
  1114. opacity: 0.12; }
  1115. .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 {
  1116. transition-duration: 75ms;
  1117. opacity: 0.2; }
  1118. .mdc-chip-set--choice .mdc-chip.mdc-chip--selected:not(.mdc-ripple-upgraded)::after {
  1119. transition: opacity 150ms linear; }
  1120. .mdc-chip-set--choice .mdc-chip.mdc-chip--selected:not(.mdc-ripple-upgraded):active::after {
  1121. transition-duration: 75ms;
  1122. opacity: 0.24; }
  1123. .mdc-chip-set--choice .mdc-chip.mdc-chip--selected.mdc-ripple-upgraded {
  1124. --mdc-ripple-fg-opacity: 0.24; }
  1125. .mdc-chip-set--choice .mdc-chip.mdc-chip--selected {
  1126. color: #6200ee;
  1127. /* @alternate */
  1128. color: var(--mdc-theme-primary, #6200ee); }
  1129. .mdc-chip-set--choice .mdc-chip.mdc-chip--selected .mdc-chip__icon--leading {
  1130. color: rgba(98, 0, 238, 0.54); }
  1131. .mdc-chip-set--choice .mdc-chip.mdc-chip--selected:hover {
  1132. color: #6200ee;
  1133. /* @alternate */
  1134. color: var(--mdc-theme-primary, #6200ee); }
  1135. .mdc-chip-set--choice .mdc-chip .mdc-chip__checkmark-path {
  1136. stroke: #6200ee;
  1137. /* @alternate */
  1138. stroke: var(--mdc-theme-primary, #6200ee); }
  1139. .mdc-chip-set--choice .mdc-chip--selected {
  1140. background-color: #fff;
  1141. /* @alternate */
  1142. background-color: var(--mdc-theme-surface, #fff); }
  1143. .mdc-chip__checkmark-svg {
  1144. width: 0;
  1145. height: 20px;
  1146. transition: width 150ms cubic-bezier(0.4, 0, 0.2, 1); }
  1147. .mdc-chip--selected .mdc-chip__checkmark-svg {
  1148. width: 20px; }
  1149. .mdc-chip-set--filter .mdc-chip__icon--leading {
  1150. transition: opacity 75ms linear;
  1151. transition-delay: -50ms;
  1152. opacity: 1; }
  1153. .mdc-chip-set--filter .mdc-chip__icon--leading + .mdc-chip__checkmark {
  1154. transition: opacity 75ms linear;
  1155. transition-delay: 80ms;
  1156. opacity: 0; }
  1157. .mdc-chip-set--filter .mdc-chip__icon--leading + .mdc-chip__checkmark .mdc-chip__checkmark-svg {
  1158. transition: width 0ms; }
  1159. .mdc-chip-set--filter .mdc-chip--selected .mdc-chip__icon--leading {
  1160. opacity: 0; }
  1161. .mdc-chip-set--filter .mdc-chip--selected .mdc-chip__icon--leading + .mdc-chip__checkmark {
  1162. width: 0;
  1163. opacity: 1; }
  1164. .mdc-chip-set--filter .mdc-chip__icon--leading-hidden.mdc-chip__icon--leading {
  1165. width: 0;
  1166. opacity: 0; }
  1167. .mdc-chip-set--filter .mdc-chip__icon--leading-hidden.mdc-chip__icon--leading + .mdc-chip__checkmark {
  1168. width: 20px; }
  1169. @-webkit-keyframes mdc-chip-entry {
  1170. from {
  1171. -webkit-transform: scale(0.8);
  1172. transform: scale(0.8);
  1173. opacity: .4; }
  1174. to {
  1175. -webkit-transform: scale(1);
  1176. transform: scale(1);
  1177. opacity: 1; } }
  1178. @keyframes mdc-chip-entry {
  1179. from {
  1180. -webkit-transform: scale(0.8);
  1181. transform: scale(0.8);
  1182. opacity: .4; }
  1183. to {
  1184. -webkit-transform: scale(1);
  1185. transform: scale(1);
  1186. opacity: 1; } }
  1187. .mdc-chip-set {
  1188. padding: 4px;
  1189. display: flex;
  1190. flex-wrap: wrap;
  1191. box-sizing: border-box; }
  1192. .mdc-chip-set .mdc-chip {
  1193. margin: 4px; }
  1194. .mdc-chip-set--input .mdc-chip {
  1195. -webkit-animation: mdc-chip-entry 100ms cubic-bezier(0, 0, 0.2, 1);
  1196. animation: mdc-chip-entry 100ms cubic-bezier(0, 0, 0.2, 1); }
  1197. .mdc-dialog,
  1198. .mdc-dialog__scrim {
  1199. position: fixed;
  1200. top: 0;
  1201. left: 0;
  1202. align-items: center;
  1203. justify-content: center;
  1204. box-sizing: border-box;
  1205. width: 100%;
  1206. height: 100%; }
  1207. .mdc-dialog {
  1208. display: none;
  1209. z-index: 7; }
  1210. .mdc-dialog .mdc-dialog__surface {
  1211. background-color: #fff;
  1212. /* @alternate */
  1213. background-color: var(--mdc-theme-surface, #fff); }
  1214. .mdc-dialog .mdc-dialog__scrim {
  1215. background-color: rgba(0, 0, 0, 0.32); }
  1216. .mdc-dialog .mdc-dialog__title {
  1217. color: rgba(0, 0, 0, 0.87); }
  1218. .mdc-dialog .mdc-dialog__content {
  1219. color: rgba(0, 0, 0, 0.6); }
  1220. .mdc-dialog.mdc-dialog--scrollable .mdc-dialog__title,
  1221. .mdc-dialog.mdc-dialog--scrollable .mdc-dialog__actions {
  1222. border-color: rgba(0, 0, 0, 0.12); }
  1223. .mdc-dialog .mdc-dialog__surface {
  1224. min-width: 280px; }
  1225. @media (max-width: 592px) {
  1226. .mdc-dialog .mdc-dialog__surface {
  1227. max-width: calc(100vw - 32px); } }
  1228. @media (min-width: 592px) {
  1229. .mdc-dialog .mdc-dialog__surface {
  1230. max-width: 560px; } }
  1231. .mdc-dialog .mdc-dialog__surface {
  1232. max-height: calc(100vh - 32px); }
  1233. .mdc-dialog .mdc-dialog__surface {
  1234. border-radius: 4px; }
  1235. .mdc-dialog__scrim {
  1236. opacity: 0;
  1237. z-index: -1; }
  1238. .mdc-dialog__container {
  1239. display: flex;
  1240. flex-direction: row;
  1241. justify-content: space-around;
  1242. box-sizing: border-box;
  1243. -webkit-transform: scale(0.8);
  1244. transform: scale(0.8);
  1245. opacity: 0; }
  1246. .mdc-dialog__surface {
  1247. 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);
  1248. display: flex;
  1249. flex-direction: column;
  1250. flex-grow: 0;
  1251. flex-shrink: 0;
  1252. box-sizing: border-box;
  1253. max-width: 100%;
  1254. max-height: 100%; }
  1255. .mdc-dialog[dir="rtl"] .mdc-dialog__surface,
  1256. [dir="rtl"] .mdc-dialog .mdc-dialog__surface {
  1257. text-align: right; }
  1258. .mdc-dialog__title {
  1259. display: block;
  1260. margin-top: 0;
  1261. /* @alternate */
  1262. line-height: normal;
  1263. font-family: Roboto, sans-serif;
  1264. -moz-osx-font-smoothing: grayscale;
  1265. -webkit-font-smoothing: antialiased;
  1266. font-size: 1.25rem;
  1267. line-height: 2rem;
  1268. font-weight: 500;
  1269. letter-spacing: 0.0125em;
  1270. text-decoration: inherit;
  1271. text-transform: inherit;
  1272. display: block;
  1273. position: relative;
  1274. flex-shrink: 0;
  1275. box-sizing: border-box;
  1276. margin: 0;
  1277. padding: 0 24px 9px;
  1278. border-bottom: 1px solid transparent; }
  1279. .mdc-dialog__title::before {
  1280. display: inline-block;
  1281. width: 0;
  1282. height: 40px;
  1283. content: "";
  1284. vertical-align: 0; }
  1285. .mdc-dialog[dir="rtl"] .mdc-dialog__title,
  1286. [dir="rtl"] .mdc-dialog .mdc-dialog__title {
  1287. text-align: right; }
  1288. .mdc-dialog--scrollable .mdc-dialog__title {
  1289. padding-bottom: 15px; }
  1290. .mdc-dialog__content {
  1291. font-family: Roboto, sans-serif;
  1292. -moz-osx-font-smoothing: grayscale;
  1293. -webkit-font-smoothing: antialiased;
  1294. font-size: 1rem;
  1295. line-height: 1.5rem;
  1296. font-weight: 400;
  1297. letter-spacing: 0.03125em;
  1298. text-decoration: inherit;
  1299. text-transform: inherit;
  1300. flex-grow: 1;
  1301. box-sizing: border-box;
  1302. margin: 0;
  1303. padding: 20px 24px;
  1304. overflow: auto;
  1305. -webkit-overflow-scrolling: touch; }
  1306. .mdc-dialog__content > :first-child {
  1307. margin-top: 0; }
  1308. .mdc-dialog__content > :last-child {
  1309. margin-bottom: 0; }
  1310. .mdc-dialog__title + .mdc-dialog__content {
  1311. padding-top: 0; }
  1312. .mdc-dialog--scrollable .mdc-dialog__content {
  1313. padding-top: 8px;
  1314. padding-bottom: 8px; }
  1315. .mdc-dialog__content .mdc-list:first-child:last-child {
  1316. padding: 6px 0 0; }
  1317. .mdc-dialog--scrollable .mdc-dialog__content .mdc-list:first-child:last-child {
  1318. padding: 0; }
  1319. .mdc-dialog__actions {
  1320. display: flex;
  1321. position: relative;
  1322. flex-shrink: 0;
  1323. flex-wrap: wrap;
  1324. align-items: center;
  1325. justify-content: flex-end;
  1326. box-sizing: border-box;
  1327. min-height: 52px;
  1328. margin: 0;
  1329. padding: 8px;
  1330. border-top: 1px solid transparent; }
  1331. .mdc-dialog--stacked .mdc-dialog__actions {
  1332. flex-direction: column;
  1333. align-items: flex-end; }
  1334. .mdc-dialog__button {
  1335. /* @noflip */
  1336. margin-left: 8px;
  1337. /* @noflip */
  1338. margin-right: 0;
  1339. max-width: 100%;
  1340. text-align: right; }
  1341. [dir="rtl"] .mdc-dialog__button, .mdc-dialog__button[dir="rtl"] {
  1342. /* @noflip */
  1343. margin-left: 0;
  1344. /* @noflip */
  1345. margin-right: 8px; }
  1346. .mdc-dialog__button:first-child {
  1347. /* @noflip */
  1348. margin-left: 0;
  1349. /* @noflip */
  1350. margin-right: 0; }
  1351. [dir="rtl"] .mdc-dialog__button:first-child, .mdc-dialog__button:first-child[dir="rtl"] {
  1352. /* @noflip */
  1353. margin-left: 0;
  1354. /* @noflip */
  1355. margin-right: 0; }
  1356. .mdc-dialog[dir="rtl"] .mdc-dialog__button,
  1357. [dir="rtl"] .mdc-dialog .mdc-dialog__button {
  1358. text-align: left; }
  1359. .mdc-dialog--stacked .mdc-dialog__button:not(:first-child) {
  1360. margin-top: 12px; }
  1361. .mdc-dialog--open,
  1362. .mdc-dialog--opening,
  1363. .mdc-dialog--closing {
  1364. display: flex; }
  1365. .mdc-dialog--opening .mdc-dialog__scrim {
  1366. transition: opacity 150ms linear; }
  1367. .mdc-dialog--opening .mdc-dialog__container {
  1368. transition: opacity 75ms linear, -webkit-transform 150ms 0ms cubic-bezier(0, 0, 0.2, 1);
  1369. transition: opacity 75ms linear, transform 150ms 0ms cubic-bezier(0, 0, 0.2, 1);
  1370. 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); }
  1371. .mdc-dialog--closing .mdc-dialog__scrim,
  1372. .mdc-dialog--closing .mdc-dialog__container {
  1373. transition: opacity 75ms linear; }
  1374. .mdc-dialog--closing .mdc-dialog__container {
  1375. -webkit-transform: scale(1);
  1376. transform: scale(1); }
  1377. .mdc-dialog--open .mdc-dialog__scrim {
  1378. opacity: 1; }
  1379. .mdc-dialog--open .mdc-dialog__container {
  1380. -webkit-transform: scale(1);
  1381. transform: scale(1);
  1382. opacity: 1; }
  1383. .mdc-dialog-scroll-lock {
  1384. overflow: hidden; }
  1385. .mdc-drawer {
  1386. border-color: rgba(0, 0, 0, 0.12);
  1387. background-color: #fff;
  1388. border-radius: 0 0 0 0;
  1389. z-index: 6;
  1390. width: 256px;
  1391. display: flex;
  1392. flex-direction: column;
  1393. flex-shrink: 0;
  1394. box-sizing: border-box;
  1395. height: 100%;
  1396. transition-property: -webkit-transform;
  1397. transition-property: transform;
  1398. transition-property: transform, -webkit-transform;
  1399. transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  1400. border-right-width: 1px;
  1401. border-right-style: solid;
  1402. overflow: hidden; }
  1403. .mdc-drawer .mdc-drawer__title {
  1404. color: rgba(0, 0, 0, 0.87); }
  1405. .mdc-drawer .mdc-list-group__subheader {
  1406. color: rgba(0, 0, 0, 0.6); }
  1407. .mdc-drawer .mdc-drawer__subtitle {
  1408. color: rgba(0, 0, 0, 0.6); }
  1409. .mdc-drawer .mdc-list-item__graphic {
  1410. color: rgba(0, 0, 0, 0.6); }
  1411. .mdc-drawer .mdc-list-item {
  1412. color: rgba(0, 0, 0, 0.87); }
  1413. .mdc-drawer .mdc-list-item--activated .mdc-list-item__graphic {
  1414. color: #6200ee; }
  1415. .mdc-drawer .mdc-list-item--activated {
  1416. color: rgba(98, 0, 238, 0.87); }
  1417. [dir="rtl"] .mdc-drawer, .mdc-drawer[dir="rtl"] {
  1418. border-radius: large 0 0 large; }
  1419. .mdc-drawer .mdc-list-item {
  1420. border-radius: 4px; }
  1421. [dir="rtl"] .mdc-drawer .mdc-list-item, .mdc-drawer .mdc-list-item[dir="rtl"] {
  1422. border-radius: 4px; }
  1423. .mdc-drawer.mdc-drawer--open:not(.mdc-drawer--closing) + .mdc-drawer-app-content {
  1424. /* @noflip */
  1425. margin-left: 256px;
  1426. /* @noflip */
  1427. margin-right: 0; }
  1428. [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"] {
  1429. /* @noflip */
  1430. margin-left: 0;
  1431. /* @noflip */
  1432. margin-right: 256px; }
  1433. [dir="rtl"] .mdc-drawer, .mdc-drawer[dir="rtl"] {
  1434. border-right-width: 0;
  1435. border-left-width: 1px;
  1436. border-right-style: none;
  1437. border-left-style: solid; }
  1438. .mdc-drawer .mdc-list-item {
  1439. font-family: Roboto, sans-serif;
  1440. -moz-osx-font-smoothing: grayscale;
  1441. -webkit-font-smoothing: antialiased;
  1442. font-size: 0.875rem;
  1443. line-height: 1.375rem;
  1444. font-weight: 500;
  1445. letter-spacing: 0.00714em;
  1446. text-decoration: inherit;
  1447. text-transform: inherit;
  1448. height: calc(48px - 2 * 4px);
  1449. margin: 8px 8px;
  1450. padding: 0 8px; }
  1451. .mdc-drawer .mdc-list-item:nth-child(1) {
  1452. margin-top: 2px; }
  1453. .mdc-drawer .mdc-list-item:nth-last-child(1) {
  1454. margin-bottom: 0; }
  1455. .mdc-drawer .mdc-list-group__subheader {
  1456. font-family: Roboto, sans-serif;
  1457. -moz-osx-font-smoothing: grayscale;
  1458. -webkit-font-smoothing: antialiased;
  1459. font-size: 0.875rem;
  1460. line-height: 1.25rem;
  1461. font-weight: 400;
  1462. letter-spacing: 0.01786em;
  1463. text-decoration: inherit;
  1464. text-transform: inherit;
  1465. display: block;
  1466. margin-top: 0;
  1467. /* @alternate */
  1468. line-height: normal;
  1469. margin: 0;
  1470. padding: 0 16px; }
  1471. .mdc-drawer .mdc-list-group__subheader::before {
  1472. display: inline-block;
  1473. width: 0;
  1474. height: 24px;
  1475. content: "";
  1476. vertical-align: 0; }
  1477. .mdc-drawer .mdc-list-divider {
  1478. margin: 3px 0 4px 0; }
  1479. .mdc-drawer .mdc-list-item__text,
  1480. .mdc-drawer .mdc-list-item__graphic {
  1481. pointer-events: none; }
  1482. .mdc-drawer--open {
  1483. transition: -webkit-transform 250ms 0ms cubic-bezier(0.4, 0, 0.2, 1);
  1484. transition: transform 250ms 0ms cubic-bezier(0.4, 0, 0.2, 1);
  1485. transition: transform 250ms 0ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 250ms 0ms cubic-bezier(0.4, 0, 0.2, 1); }
  1486. .mdc-drawer--animate {
  1487. -webkit-transform: translateX(-100%);
  1488. transform: translateX(-100%); }
  1489. [dir="rtl"] .mdc-drawer--animate, .mdc-drawer--animate[dir="rtl"] {
  1490. -webkit-transform: translateX(100%);
  1491. transform: translateX(100%); }
  1492. .mdc-drawer--opening {
  1493. -webkit-transform: translateX(0);
  1494. transform: translateX(0);
  1495. transition-duration: 250ms; }
  1496. [dir="rtl"] .mdc-drawer--opening, .mdc-drawer--opening[dir="rtl"] {
  1497. -webkit-transform: translateX(0);
  1498. transform: translateX(0); }
  1499. .mdc-drawer--closing {
  1500. -webkit-transform: translateX(-100%);
  1501. transform: translateX(-100%);
  1502. transition-duration: 200ms; }
  1503. [dir="rtl"] .mdc-drawer--closing, .mdc-drawer--closing[dir="rtl"] {
  1504. -webkit-transform: translateX(100%);
  1505. transform: translateX(100%); }
  1506. .mdc-drawer__header {
  1507. flex-shrink: 0;
  1508. box-sizing: border-box;
  1509. min-height: 64px;
  1510. padding: 0 16px 4px; }
  1511. .mdc-drawer__title {
  1512. font-family: Roboto, sans-serif;
  1513. -moz-osx-font-smoothing: grayscale;
  1514. -webkit-font-smoothing: antialiased;
  1515. font-size: 1.25rem;
  1516. line-height: 2rem;
  1517. font-weight: 500;
  1518. letter-spacing: 0.0125em;
  1519. text-decoration: inherit;
  1520. text-transform: inherit;
  1521. display: block;
  1522. margin-top: 0;
  1523. /* @alternate */
  1524. line-height: normal;
  1525. margin-bottom: -20px; }
  1526. .mdc-drawer__title::before {
  1527. display: inline-block;
  1528. width: 0;
  1529. height: 36px;
  1530. content: "";
  1531. vertical-align: 0; }
  1532. .mdc-drawer__title::after {
  1533. display: inline-block;
  1534. width: 0;
  1535. height: 20px;
  1536. content: "";
  1537. vertical-align: -20px; }
  1538. .mdc-drawer__subtitle {
  1539. font-family: Roboto, sans-serif;
  1540. -moz-osx-font-smoothing: grayscale;
  1541. -webkit-font-smoothing: antialiased;
  1542. font-size: 0.875rem;
  1543. line-height: 1.25rem;
  1544. font-weight: 400;
  1545. letter-spacing: 0.01786em;
  1546. text-decoration: inherit;
  1547. text-transform: inherit;
  1548. display: block;
  1549. margin-top: 0;
  1550. /* @alternate */
  1551. line-height: normal;
  1552. margin-bottom: 0; }
  1553. .mdc-drawer__subtitle::before {
  1554. display: inline-block;
  1555. width: 0;
  1556. height: 20px;
  1557. content: "";
  1558. vertical-align: 0; }
  1559. .mdc-drawer__content {
  1560. height: 100%;
  1561. overflow-y: auto;
  1562. -webkit-overflow-scrolling: touch; }
  1563. .mdc-drawer--dismissible {
  1564. /* @noflip */
  1565. left: 0;
  1566. /* @noflip */
  1567. right: initial;
  1568. display: none;
  1569. position: absolute;
  1570. top: 0; }
  1571. [dir="rtl"] .mdc-drawer--dismissible, .mdc-drawer--dismissible[dir="rtl"] {
  1572. /* @noflip */
  1573. left: initial;
  1574. /* @noflip */
  1575. right: 0; }
  1576. .mdc-drawer--dismissible.mdc-drawer--open {
  1577. display: flex; }
  1578. .mdc-drawer-app-content {
  1579. /* @noflip */
  1580. margin-left: 0;
  1581. /* @noflip */
  1582. margin-right: 0;
  1583. position: relative; }
  1584. [dir="rtl"] .mdc-drawer-app-content, .mdc-drawer-app-content[dir="rtl"] {
  1585. /* @noflip */
  1586. margin-left: 0;
  1587. /* @noflip */
  1588. margin-right: 0; }
  1589. .mdc-drawer--modal {
  1590. 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);
  1591. /* @noflip */
  1592. left: 0;
  1593. /* @noflip */
  1594. right: initial;
  1595. display: none;
  1596. position: fixed; }
  1597. .mdc-drawer--modal + .mdc-drawer-scrim {
  1598. background-color: rgba(0, 0, 0, 0.32); }
  1599. [dir="rtl"] .mdc-drawer--modal, .mdc-drawer--modal[dir="rtl"] {
  1600. /* @noflip */
  1601. left: initial;
  1602. /* @noflip */
  1603. right: 0; }
  1604. .mdc-drawer--modal.mdc-drawer--open {
  1605. display: flex; }
  1606. .mdc-drawer-scrim {
  1607. display: none;
  1608. position: fixed;
  1609. top: 0;
  1610. left: 0;
  1611. width: 100%;
  1612. height: 100%;
  1613. transition-property: opacity;
  1614. transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  1615. z-index: 5; }
  1616. .mdc-drawer--open + .mdc-drawer-scrim {
  1617. display: block; }
  1618. .mdc-drawer--animate + .mdc-drawer-scrim {
  1619. opacity: 0; }
  1620. .mdc-drawer--opening + .mdc-drawer-scrim {
  1621. transition-duration: 250ms;
  1622. opacity: 1; }
  1623. .mdc-drawer--closing + .mdc-drawer-scrim {
  1624. transition-duration: 200ms;
  1625. opacity: 0; }
  1626. .mdc-elevation--z0 {
  1627. 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); }
  1628. .mdc-elevation--z1 {
  1629. 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); }
  1630. .mdc-elevation--z2 {
  1631. 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); }
  1632. .mdc-elevation--z3 {
  1633. 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); }
  1634. .mdc-elevation--z4 {
  1635. 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); }
  1636. .mdc-elevation--z5 {
  1637. 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); }
  1638. .mdc-elevation--z6 {
  1639. 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); }
  1640. .mdc-elevation--z7 {
  1641. 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); }
  1642. .mdc-elevation--z8 {
  1643. 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); }
  1644. .mdc-elevation--z9 {
  1645. 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); }
  1646. .mdc-elevation--z10 {
  1647. 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); }
  1648. .mdc-elevation--z11 {
  1649. 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); }
  1650. .mdc-elevation--z12 {
  1651. 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); }
  1652. .mdc-elevation--z13 {
  1653. 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); }
  1654. .mdc-elevation--z14 {
  1655. 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); }
  1656. .mdc-elevation--z15 {
  1657. 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); }
  1658. .mdc-elevation--z16 {
  1659. 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); }
  1660. .mdc-elevation--z17 {
  1661. 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); }
  1662. .mdc-elevation--z18 {
  1663. 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); }
  1664. .mdc-elevation--z19 {
  1665. 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); }
  1666. .mdc-elevation--z20 {
  1667. 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); }
  1668. .mdc-elevation--z21 {
  1669. 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); }
  1670. .mdc-elevation--z22 {
  1671. 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); }
  1672. .mdc-elevation--z23 {
  1673. 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); }
  1674. .mdc-elevation--z24 {
  1675. 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); }
  1676. .mdc-elevation-transition {
  1677. transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1);
  1678. will-change: box-shadow; }
  1679. .mdc-fab {
  1680. --mdc-ripple-fg-size: 0;
  1681. --mdc-ripple-left: 0;
  1682. --mdc-ripple-top: 0;
  1683. --mdc-ripple-fg-scale: 1;
  1684. --mdc-ripple-fg-translate-end: 0;
  1685. --mdc-ripple-fg-translate-start: 0;
  1686. -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  1687. will-change: transform, opacity;
  1688. 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);
  1689. border-radius: 28px;
  1690. display: inline-flex;
  1691. position: relative;
  1692. align-items: center;
  1693. justify-content: center;
  1694. box-sizing: border-box;
  1695. width: 56px;
  1696. height: 56px;
  1697. padding: 0;
  1698. 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);
  1699. 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);
  1700. 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);
  1701. border: none;
  1702. fill: currentColor;
  1703. cursor: pointer;
  1704. -webkit-user-select: none;
  1705. -moz-user-select: none;
  1706. -ms-user-select: none;
  1707. user-select: none;
  1708. -moz-appearance: none;
  1709. -webkit-appearance: none;
  1710. overflow: hidden;
  1711. background-color: #018786;
  1712. color: #fff;
  1713. /* @alternate */
  1714. color: var(--mdc-theme-on-secondary, #fff); }
  1715. .mdc-fab::before, .mdc-fab::after {
  1716. position: absolute;
  1717. border-radius: 50%;
  1718. opacity: 0;
  1719. pointer-events: none;
  1720. content: ""; }
  1721. .mdc-fab::before {
  1722. transition: opacity 15ms linear, background-color 15ms linear;
  1723. z-index: 1; }
  1724. .mdc-fab.mdc-ripple-upgraded::before {
  1725. -webkit-transform: scale(var(--mdc-ripple-fg-scale, 1));
  1726. transform: scale(var(--mdc-ripple-fg-scale, 1)); }
  1727. .mdc-fab.mdc-ripple-upgraded::after {
  1728. top: 0;
  1729. /* @noflip */
  1730. left: 0;
  1731. -webkit-transform: scale(0);
  1732. transform: scale(0);
  1733. -webkit-transform-origin: center center;
  1734. transform-origin: center center; }
  1735. .mdc-fab.mdc-ripple-upgraded--unbounded::after {
  1736. top: var(--mdc-ripple-top, 0);
  1737. /* @noflip */
  1738. left: var(--mdc-ripple-left, 0); }
  1739. .mdc-fab.mdc-ripple-upgraded--foreground-activation::after {
  1740. -webkit-animation: 225ms mdc-ripple-fg-radius-in forwards, 75ms mdc-ripple-fg-opacity-in forwards;
  1741. animation: 225ms mdc-ripple-fg-radius-in forwards, 75ms mdc-ripple-fg-opacity-in forwards; }
  1742. .mdc-fab.mdc-ripple-upgraded--foreground-deactivation::after {
  1743. -webkit-animation: 150ms mdc-ripple-fg-opacity-out;
  1744. animation: 150ms mdc-ripple-fg-opacity-out;
  1745. -webkit-transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
  1746. transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1)); }
  1747. .mdc-fab::before, .mdc-fab::after {
  1748. top: calc(50% - 100%);
  1749. /* @noflip */
  1750. left: calc(50% - 100%);
  1751. width: 200%;
  1752. height: 200%; }
  1753. .mdc-fab.mdc-ripple-upgraded::after {
  1754. width: var(--mdc-ripple-fg-size, 100%);
  1755. height: var(--mdc-ripple-fg-size, 100%); }
  1756. .mdc-fab.mdc-fab--mini {
  1757. border-radius: 20px; }
  1758. .mdc-fab.mdc-fab--extended {
  1759. border-radius: 24px; }
  1760. .mdc-fab::-moz-focus-inner {
  1761. padding: 0;
  1762. border: 0; }
  1763. .mdc-fab:hover, .mdc-fab:focus {
  1764. 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); }
  1765. .mdc-fab:active {
  1766. 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); }
  1767. .mdc-fab:active, .mdc-fab:focus {
  1768. outline: none; }
  1769. .mdc-fab:hover {
  1770. cursor: pointer; }
  1771. .mdc-fab > svg {
  1772. width: 100%; }
  1773. @supports not (-ms-ime-align: auto) {
  1774. .mdc-fab {
  1775. /* @alternate */
  1776. background-color: var(--mdc-theme-secondary, #018786); } }
  1777. .mdc-fab .mdc-fab__icon {
  1778. width: 24px;
  1779. height: 24px;
  1780. font-size: 24px; }
  1781. .mdc-fab::before, .mdc-fab::after {
  1782. background-color: #fff; }
  1783. @supports not (-ms-ime-align: auto) {
  1784. .mdc-fab::before, .mdc-fab::after {
  1785. /* @alternate */
  1786. background-color: var(--mdc-theme-on-secondary, #fff); } }
  1787. .mdc-fab:hover::before {
  1788. opacity: 0.08; }
  1789. .mdc-fab:not(.mdc-ripple-upgraded):focus::before, .mdc-fab.mdc-ripple-upgraded--background-focused::before {
  1790. transition-duration: 75ms;
  1791. opacity: 0.24; }
  1792. .mdc-fab:not(.mdc-ripple-upgraded)::after {
  1793. transition: opacity 150ms linear; }
  1794. .mdc-fab:not(.mdc-ripple-upgraded):active::after {
  1795. transition-duration: 75ms;
  1796. opacity: 0.32; }
  1797. .mdc-fab.mdc-ripple-upgraded {
  1798. --mdc-ripple-fg-opacity: 0.32; }
  1799. .mdc-fab--mini {
  1800. width: 40px;
  1801. height: 40px; }
  1802. .mdc-fab--extended {
  1803. font-family: Roboto, sans-serif;
  1804. -moz-osx-font-smoothing: grayscale;
  1805. -webkit-font-smoothing: antialiased;
  1806. font-size: 0.875rem;
  1807. line-height: 2.25rem;
  1808. font-weight: 500;
  1809. letter-spacing: 0.08929em;
  1810. text-decoration: none;
  1811. text-transform: uppercase;
  1812. padding: 0 20px;
  1813. width: auto;
  1814. max-width: 100%;
  1815. height: 48px; }
  1816. .mdc-fab--extended .mdc-fab__icon {
  1817. /* @noflip */
  1818. margin-left: -8px;
  1819. /* @noflip */
  1820. margin-right: 12px; }
  1821. [dir="rtl"] .mdc-fab--extended .mdc-fab__icon, .mdc-fab--extended .mdc-fab__icon[dir="rtl"] {
  1822. /* @noflip */
  1823. margin-left: 12px;
  1824. /* @noflip */
  1825. margin-right: -8px; }
  1826. .mdc-fab--extended .mdc-fab__label + .mdc-fab__icon {
  1827. /* @noflip */
  1828. margin-left: 12px;
  1829. /* @noflip */
  1830. margin-right: -8px; }
  1831. [dir="rtl"] .mdc-fab--extended .mdc-fab__label + .mdc-fab__icon, .mdc-fab--extended .mdc-fab__label + .mdc-fab__icon[dir="rtl"] {
  1832. /* @noflip */
  1833. margin-left: -8px;
  1834. /* @noflip */
  1835. margin-right: 12px; }
  1836. .mdc-fab__label {
  1837. justify-content: flex-start;
  1838. text-overflow: ellipsis;
  1839. white-space: nowrap;
  1840. overflow: hidden; }
  1841. .mdc-fab__icon {
  1842. transition: -webkit-transform 180ms 90ms cubic-bezier(0, 0, 0.2, 1);
  1843. transition: transform 180ms 90ms cubic-bezier(0, 0, 0.2, 1);
  1844. transition: transform 180ms 90ms cubic-bezier(0, 0, 0.2, 1), -webkit-transform 180ms 90ms cubic-bezier(0, 0, 0.2, 1);
  1845. fill: currentColor;
  1846. will-change: transform; }
  1847. .mdc-fab .mdc-fab__icon {
  1848. display: inline-flex;
  1849. align-items: center;
  1850. justify-content: center; }
  1851. .mdc-fab--exited {
  1852. -webkit-transform: scale(0);
  1853. transform: scale(0);
  1854. transition: opacity 15ms linear 150ms, -webkit-transform 180ms 0ms cubic-bezier(0.4, 0, 1, 1);
  1855. transition: opacity 15ms linear 150ms, transform 180ms 0ms cubic-bezier(0.4, 0, 1, 1);
  1856. 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);
  1857. opacity: 0; }
  1858. .mdc-fab--exited .mdc-fab__icon {
  1859. -webkit-transform: scale(0);
  1860. transform: scale(0);
  1861. transition: -webkit-transform 135ms 0ms cubic-bezier(0.4, 0, 1, 1);
  1862. transition: transform 135ms 0ms cubic-bezier(0.4, 0, 1, 1);
  1863. transition: transform 135ms 0ms cubic-bezier(0.4, 0, 1, 1), -webkit-transform 135ms 0ms cubic-bezier(0.4, 0, 1, 1); }
  1864. .mdc-floating-label {
  1865. font-family: Roboto, sans-serif;
  1866. -moz-osx-font-smoothing: grayscale;
  1867. -webkit-font-smoothing: antialiased;
  1868. font-size: 1rem;
  1869. line-height: 1.75rem;
  1870. font-weight: 400;
  1871. letter-spacing: 0.00937em;
  1872. text-decoration: inherit;
  1873. text-transform: inherit;
  1874. position: absolute;
  1875. bottom: 8px;
  1876. left: 0;
  1877. -webkit-transform-origin: left top;
  1878. transform-origin: left top;
  1879. transition: color 150ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 150ms cubic-bezier(0.4, 0, 0.2, 1);
  1880. transition: transform 150ms cubic-bezier(0.4, 0, 0.2, 1), color 150ms cubic-bezier(0.4, 0, 0.2, 1);
  1881. 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);
  1882. /* @alternate */
  1883. line-height: 1.15rem;
  1884. text-align: left;
  1885. text-overflow: ellipsis;
  1886. white-space: nowrap;
  1887. cursor: text;
  1888. overflow: hidden;
  1889. will-change: transform; }
  1890. [dir="rtl"] .mdc-floating-label, .mdc-floating-label[dir="rtl"] {
  1891. /* @noflip */
  1892. right: 0;
  1893. /* @noflip */
  1894. left: auto;
  1895. /* @noflip */
  1896. -webkit-transform-origin: right top;
  1897. transform-origin: right top;
  1898. /* @noflip */
  1899. text-align: right; }
  1900. .mdc-floating-label--float-above {
  1901. cursor: auto; }
  1902. .mdc-floating-label--float-above {
  1903. -webkit-transform: translateY(-100%) scale(0.75);
  1904. transform: translateY(-100%) scale(0.75); }
  1905. .mdc-floating-label--shake {
  1906. -webkit-animation: mdc-floating-label-shake-float-above-standard 250ms 1;
  1907. animation: mdc-floating-label-shake-float-above-standard 250ms 1; }
  1908. @-webkit-keyframes mdc-floating-label-shake-float-above-standard {
  1909. 0% {
  1910. -webkit-transform: translateX(calc(0 - 0%)) translateY(-100%) scale(0.75);
  1911. transform: translateX(calc(0 - 0%)) translateY(-100%) scale(0.75); }
  1912. 33% {
  1913. -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.70173, 0.49582);
  1914. animation-timing-function: cubic-bezier(0.5, 0, 0.70173, 0.49582);
  1915. -webkit-transform: translateX(calc(4% - 0%)) translateY(-100%) scale(0.75);
  1916. transform: translateX(calc(4% - 0%)) translateY(-100%) scale(0.75); }
  1917. 66% {
  1918. -webkit-animation-timing-function: cubic-bezier(0.30244, 0.38135, 0.55, 0.95635);
  1919. animation-timing-function: cubic-bezier(0.30244, 0.38135, 0.55, 0.95635);
  1920. -webkit-transform: translateX(calc(-4% - 0%)) translateY(-100%) scale(0.75);
  1921. transform: translateX(calc(-4% - 0%)) translateY(-100%) scale(0.75); }
  1922. 100% {
  1923. -webkit-transform: translateX(calc(0 - 0%)) translateY(-100%) scale(0.75);
  1924. transform: translateX(calc(0 - 0%)) translateY(-100%) scale(0.75); } }
  1925. @keyframes mdc-floating-label-shake-float-above-standard {
  1926. 0% {
  1927. -webkit-transform: translateX(calc(0 - 0%)) translateY(-100%) scale(0.75);
  1928. transform: translateX(calc(0 - 0%)) translateY(-100%) scale(0.75); }
  1929. 33% {
  1930. -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.70173, 0.49582);
  1931. animation-timing-function: cubic-bezier(0.5, 0, 0.70173, 0.49582);
  1932. -webkit-transform: translateX(calc(4% - 0%)) translateY(-100%) scale(0.75);
  1933. transform: translateX(calc(4% - 0%)) translateY(-100%) scale(0.75); }
  1934. 66% {
  1935. -webkit-animation-timing-function: cubic-bezier(0.30244, 0.38135, 0.55, 0.95635);
  1936. animation-timing-function: cubic-bezier(0.30244, 0.38135, 0.55, 0.95635);
  1937. -webkit-transform: translateX(calc(-4% - 0%)) translateY(-100%) scale(0.75);
  1938. transform: translateX(calc(-4% - 0%)) translateY(-100%) scale(0.75); }
  1939. 100% {
  1940. -webkit-transform: translateX(calc(0 - 0%)) translateY(-100%) scale(0.75);
  1941. transform: translateX(calc(0 - 0%)) translateY(-100%) scale(0.75); } }
  1942. .mdc-form-field {
  1943. font-family: Roboto, sans-serif;
  1944. -moz-osx-font-smoothing: grayscale;
  1945. -webkit-font-smoothing: antialiased;
  1946. font-size: 0.875rem;
  1947. line-height: 1.25rem;
  1948. font-weight: 400;
  1949. letter-spacing: 0.01786em;
  1950. text-decoration: inherit;
  1951. text-transform: inherit;
  1952. color: rgba(0, 0, 0, 0.87);
  1953. /* @alternate */
  1954. color: var(--mdc-theme-text-primary-on-background, rgba(0, 0, 0, 0.87));
  1955. display: inline-flex;
  1956. align-items: center;
  1957. vertical-align: middle; }
  1958. .mdc-form-field > label {
  1959. order: 0;
  1960. margin-right: auto;
  1961. padding-left: 4px; }
  1962. [dir="rtl"] .mdc-form-field > label, .mdc-form-field[dir="rtl"] > label {
  1963. margin-left: auto;
  1964. padding-right: 4px; }
  1965. .mdc-form-field--align-end > label {
  1966. order: -1;
  1967. margin-left: auto;
  1968. padding-right: 4px; }
  1969. [dir="rtl"] .mdc-form-field--align-end > label, .mdc-form-field--align-end[dir="rtl"] > label {
  1970. margin-right: auto;
  1971. padding-left: 4px; }
  1972. .mdc-grid-tile__primary {
  1973. padding-bottom: calc(100% / 1); }
  1974. .mdc-grid-tile {
  1975. margin: 2px 0;
  1976. padding: 0 2px; }
  1977. .mdc-grid-tile__secondary {
  1978. left: 2px;
  1979. width: calc(100% - 4px); }
  1980. .mdc-grid-list__tiles {
  1981. margin: 2px auto; }
  1982. .mdc-grid-list__tiles {
  1983. display: flex;
  1984. flex-flow: row wrap;
  1985. padding: 0; }
  1986. .mdc-grid-list--tile-gutter-1 .mdc-grid-tile {
  1987. margin: 0.5px 0;
  1988. padding: 0 0.5px; }
  1989. .mdc-grid-list--tile-gutter-1 .mdc-grid-tile__secondary {
  1990. left: 0.5px;
  1991. width: calc(100% - 1px); }
  1992. .mdc-grid-list--tile-gutter-1 .mdc-grid-list__tiles {
  1993. margin: 0.5px auto; }
  1994. .mdc-grid-list--tile-aspect-16x9 .mdc-grid-tile__primary {
  1995. padding-bottom: calc(100% / 1.77778); }
  1996. .mdc-grid-list--tile-aspect-3x2 .mdc-grid-tile__primary {
  1997. padding-bottom: calc(100% / 1.5); }
  1998. .mdc-grid-list--tile-aspect-2x3 .mdc-grid-tile__primary {
  1999. padding-bottom: calc(100% / 0.66667); }
  2000. .mdc-grid-list--tile-aspect-4x3 .mdc-grid-tile__primary {
  2001. padding-bottom: calc(100% / 1.33333); }
  2002. .mdc-grid-list--tile-aspect-3x4 .mdc-grid-tile__primary {
  2003. padding-bottom: calc(100% / 0.75); }
  2004. .mdc-grid-tile {
  2005. display: block;
  2006. position: relative;
  2007. /* @alternate */
  2008. width: 200px;
  2009. width: var(--mdc-grid-list-tile-width, 200px); }
  2010. .mdc-grid-tile__primary {
  2011. background-color: #fff;
  2012. /* @alternate */
  2013. background-color: var(--mdc-theme-background, #fff);
  2014. color: rgba(0, 0, 0, 0.87);
  2015. /* @alternate */
  2016. color: var(--mdc-theme-text-primary-on-background, rgba(0, 0, 0, 0.87));
  2017. position: relative;
  2018. height: 0; }
  2019. .mdc-grid-tile__primary-content {
  2020. position: absolute;
  2021. top: 0;
  2022. right: 0;
  2023. bottom: 0;
  2024. left: 0;
  2025. width: 100%;
  2026. height: 100%;
  2027. background-repeat: no-repeat;
  2028. background-position: center;
  2029. background-size: cover; }
  2030. .mdc-grid-tile__secondary {
  2031. background-color: #6200ee;
  2032. /* @alternate */
  2033. background-color: var(--mdc-theme-primary, #6200ee);
  2034. color: #fff;
  2035. /* @alternate */
  2036. color: var(--mdc-theme-on-primary, #fff);
  2037. position: absolute;
  2038. bottom: 0;
  2039. box-sizing: border-box;
  2040. height: 48px;
  2041. padding: 16px; }
  2042. .mdc-grid-tile__title {
  2043. text-overflow: ellipsis;
  2044. white-space: nowrap;
  2045. overflow: hidden;
  2046. display: block;
  2047. margin: 0;
  2048. padding: 0;
  2049. font-size: 1rem;
  2050. font-weight: 500;
  2051. line-height: 1rem; }
  2052. .mdc-grid-tile__support-text {
  2053. font-family: Roboto, sans-serif;
  2054. -moz-osx-font-smoothing: grayscale;
  2055. -webkit-font-smoothing: antialiased;
  2056. font-size: 1rem;
  2057. line-height: 1.75rem;
  2058. font-weight: 400;
  2059. letter-spacing: 0.00937em;
  2060. text-decoration: inherit;
  2061. text-transform: inherit;
  2062. text-overflow: ellipsis;
  2063. white-space: nowrap;
  2064. overflow: hidden;
  2065. display: block;
  2066. margin: 0;
  2067. margin-top: 4px;
  2068. padding: 0; }
  2069. .mdc-grid-tile__icon {
  2070. position: absolute;
  2071. top: calc(50% - 24px / 2);
  2072. font-size: 0; }
  2073. .mdc-grid-list--twoline-caption .mdc-grid-tile__secondary {
  2074. height: 68px; }
  2075. .mdc-grid-list--header-caption .mdc-grid-tile__secondary {
  2076. top: 0;
  2077. bottom: auto; }
  2078. .mdc-grid-list--with-icon-align-start .mdc-grid-tile__secondary {
  2079. /* @noflip */
  2080. padding-left: 56px;
  2081. /* @noflip */
  2082. padding-right: 8px; }
  2083. .mdc-grid-list[dir="rtl"] .mdc-grid-list--with-icon-align-start .mdc-grid-tile__secondary,
  2084. [dir="rtl"] .mdc-grid-list .mdc-grid-list--with-icon-align-start .mdc-grid-tile__secondary {
  2085. /* @noflip */
  2086. padding-left: 8px;
  2087. /* @noflip */
  2088. padding-right: 56px; }
  2089. .mdc-grid-list--with-icon-align-start .mdc-grid-tile__icon {
  2090. /* @noflip */
  2091. left: 16px;
  2092. /* @noflip */
  2093. right: initial;
  2094. font-size: 24px; }
  2095. .mdc-grid-list[dir="rtl"] .mdc-grid-list--with-icon-align-start .mdc-grid-tile__icon,
  2096. [dir="rtl"] .mdc-grid-list .mdc-grid-list--with-icon-align-start .mdc-grid-tile__icon {
  2097. /* @noflip */
  2098. left: initial;
  2099. /* @noflip */
  2100. right: 16px; }
  2101. .mdc-grid-list--with-icon-align-end .mdc-grid-tile__secondary {
  2102. /* @noflip */
  2103. padding-left: 16px;
  2104. /* @noflip */
  2105. padding-right: 56px; }
  2106. .mdc-grid-list[dir="rtl"] .mdc-grid-list--with-icon-align-end .mdc-grid-tile__secondary,
  2107. [dir="rtl"] .mdc-grid-list .mdc-grid-list--with-icon-align-end .mdc-grid-tile__secondary {
  2108. /* @noflip */
  2109. padding-left: 56px;
  2110. /* @noflip */
  2111. padding-right: 16px; }
  2112. .mdc-grid-list--with-icon-align-end .mdc-grid-tile__icon {
  2113. /* @noflip */
  2114. left: initial;
  2115. /* @noflip */
  2116. right: 16px;
  2117. font-size: 24px; }
  2118. .mdc-grid-list[dir="rtl"] .mdc-grid-list--with-icon-align-end .mdc-grid-tile__icon,
  2119. [dir="rtl"] .mdc-grid-list .mdc-grid-list--with-icon-align-end .mdc-grid-tile__icon {
  2120. /* @noflip */
  2121. left: 16px;
  2122. /* @noflip */
  2123. right: initial; }
  2124. .mdc-icon-button {
  2125. --mdc-ripple-fg-size: 0;
  2126. --mdc-ripple-left: 0;
  2127. --mdc-ripple-top: 0;
  2128. --mdc-ripple-fg-scale: 1;
  2129. --mdc-ripple-fg-translate-end: 0;
  2130. --mdc-ripple-fg-translate-start: 0;
  2131. -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  2132. will-change: transform, opacity;
  2133. width: 48px;
  2134. height: 48px;
  2135. padding: 12px;
  2136. font-size: 24px;
  2137. display: inline-block;
  2138. position: relative;
  2139. box-sizing: border-box;
  2140. border: none;
  2141. outline: none;
  2142. background-color: transparent;
  2143. fill: currentColor;
  2144. color: inherit;
  2145. text-decoration: none;
  2146. cursor: pointer;
  2147. -webkit-user-select: none;
  2148. -moz-user-select: none;
  2149. -ms-user-select: none;
  2150. user-select: none; }
  2151. .mdc-icon-button::before, .mdc-icon-button::after {
  2152. position: absolute;
  2153. border-radius: 50%;
  2154. opacity: 0;
  2155. pointer-events: none;
  2156. content: ""; }
  2157. .mdc-icon-button::before {
  2158. transition: opacity 15ms linear, background-color 15ms linear;
  2159. z-index: 1; }
  2160. .mdc-icon-button.mdc-ripple-upgraded::before {
  2161. -webkit-transform: scale(var(--mdc-ripple-fg-scale, 1));
  2162. transform: scale(var(--mdc-ripple-fg-scale, 1)); }
  2163. .mdc-icon-button.mdc-ripple-upgraded::after {
  2164. top: 0;
  2165. /* @noflip */
  2166. left: 0;
  2167. -webkit-transform: scale(0);
  2168. transform: scale(0);
  2169. -webkit-transform-origin: center center;
  2170. transform-origin: center center; }
  2171. .mdc-icon-button.mdc-ripple-upgraded--unbounded::after {
  2172. top: var(--mdc-ripple-top, 0);
  2173. /* @noflip */
  2174. left: var(--mdc-ripple-left, 0); }
  2175. .mdc-icon-button.mdc-ripple-upgraded--foreground-activation::after {
  2176. -webkit-animation: 225ms mdc-ripple-fg-radius-in forwards, 75ms mdc-ripple-fg-opacity-in forwards;
  2177. animation: 225ms mdc-ripple-fg-radius-in forwards, 75ms mdc-ripple-fg-opacity-in forwards; }
  2178. .mdc-icon-button.mdc-ripple-upgraded--foreground-deactivation::after {
  2179. -webkit-animation: 150ms mdc-ripple-fg-opacity-out;
  2180. animation: 150ms mdc-ripple-fg-opacity-out;
  2181. -webkit-transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
  2182. transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1)); }
  2183. .mdc-icon-button::before, .mdc-icon-button::after {
  2184. top: calc(50% - 50%);
  2185. /* @noflip */
  2186. left: calc(50% - 50%);
  2187. width: 100%;
  2188. height: 100%; }
  2189. .mdc-icon-button.mdc-ripple-upgraded::before, .mdc-icon-button.mdc-ripple-upgraded::after {
  2190. top: var(--mdc-ripple-top, calc(50% - 50%));
  2191. /* @noflip */
  2192. left: var(--mdc-ripple-left, calc(50% - 50%));
  2193. width: var(--mdc-ripple-fg-size, 100%);
  2194. height: var(--mdc-ripple-fg-size, 100%); }
  2195. .mdc-icon-button.mdc-ripple-upgraded::after {
  2196. width: var(--mdc-ripple-fg-size, 100%);
  2197. height: var(--mdc-ripple-fg-size, 100%); }
  2198. .mdc-icon-button svg,
  2199. .mdc-icon-button img {
  2200. width: 24px;
  2201. height: 24px; }
  2202. .mdc-icon-button:disabled {
  2203. color: rgba(0, 0, 0, 0.38);
  2204. /* @alternate */
  2205. color: var(--mdc-theme-text-disabled-on-light, rgba(0, 0, 0, 0.38));
  2206. cursor: default;
  2207. pointer-events: none; }
  2208. .mdc-icon-button::before, .mdc-icon-button::after {
  2209. background-color: #000; }
  2210. .mdc-icon-button:hover::before {
  2211. opacity: 0.04; }
  2212. .mdc-icon-button:not(.mdc-ripple-upgraded):focus::before, .mdc-icon-button.mdc-ripple-upgraded--background-focused::before {
  2213. transition-duration: 75ms;
  2214. opacity: 0.12; }
  2215. .mdc-icon-button:not(.mdc-ripple-upgraded)::after {
  2216. transition: opacity 150ms linear; }
  2217. .mdc-icon-button:not(.mdc-ripple-upgraded):active::after {
  2218. transition-duration: 75ms;
  2219. opacity: 0.16; }
  2220. .mdc-icon-button.mdc-ripple-upgraded {
  2221. --mdc-ripple-fg-opacity: 0.16; }
  2222. .mdc-icon-button__icon {
  2223. display: inline-block; }
  2224. .mdc-icon-button__icon.mdc-icon-button__icon--on {
  2225. display: none; }
  2226. .mdc-icon-button--on .mdc-icon-button__icon {
  2227. display: none; }
  2228. .mdc-icon-button--on .mdc-icon-button__icon.mdc-icon-button__icon--on {
  2229. display: inline-block; }
  2230. .mdc-icon-toggle {
  2231. --mdc-ripple-fg-size: 0;
  2232. --mdc-ripple-left: 0;
  2233. --mdc-ripple-top: 0;
  2234. --mdc-ripple-fg-scale: 1;
  2235. --mdc-ripple-fg-translate-end: 0;
  2236. --mdc-ripple-fg-translate-start: 0;
  2237. -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  2238. will-change: transform, opacity;
  2239. color: rgba(0, 0, 0, 0.87);
  2240. /* @alternate */
  2241. color: var(--mdc-theme-text-primary-on-light, rgba(0, 0, 0, 0.87));
  2242. display: flex;
  2243. position: relative;
  2244. align-items: center;
  2245. justify-content: center;
  2246. box-sizing: border-box;
  2247. width: 48px;
  2248. height: 48px;
  2249. padding: 12px;
  2250. outline: none;
  2251. font-size: 1.5rem;
  2252. cursor: pointer;
  2253. -webkit-user-select: none;
  2254. -moz-user-select: none;
  2255. -ms-user-select: none;
  2256. user-select: none;
  2257. /* @alternate */
  2258. will-change: initial; }
  2259. .mdc-icon-toggle::before, .mdc-icon-toggle::after {
  2260. position: absolute;
  2261. border-radius: 50%;
  2262. opacity: 0;
  2263. pointer-events: none;
  2264. content: ""; }
  2265. .mdc-icon-toggle::before {
  2266. transition: opacity 15ms linear, background-color 15ms linear;
  2267. z-index: 1; }
  2268. .mdc-icon-toggle.mdc-ripple-upgraded::before {
  2269. -webkit-transform: scale(var(--mdc-ripple-fg-scale, 1));
  2270. transform: scale(var(--mdc-ripple-fg-scale, 1)); }
  2271. .mdc-icon-toggle.mdc-ripple-upgraded::after {
  2272. top: 0;
  2273. /* @noflip */
  2274. left: 0;
  2275. -webkit-transform: scale(0);
  2276. transform: scale(0);
  2277. -webkit-transform-origin: center center;
  2278. transform-origin: center center; }
  2279. .mdc-icon-toggle.mdc-ripple-upgraded--unbounded::after {
  2280. top: var(--mdc-ripple-top, 0);
  2281. /* @noflip */
  2282. left: var(--mdc-ripple-left, 0); }
  2283. .mdc-icon-toggle.mdc-ripple-upgraded--foreground-activation::after {
  2284. -webkit-animation: 225ms mdc-ripple-fg-radius-in forwards, 75ms mdc-ripple-fg-opacity-in forwards;
  2285. animation: 225ms mdc-ripple-fg-radius-in forwards, 75ms mdc-ripple-fg-opacity-in forwards; }
  2286. .mdc-icon-toggle.mdc-ripple-upgraded--foreground-deactivation::after {
  2287. -webkit-animation: 150ms mdc-ripple-fg-opacity-out;
  2288. animation: 150ms mdc-ripple-fg-opacity-out;
  2289. -webkit-transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
  2290. transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1)); }
  2291. .mdc-icon-toggle::before, .mdc-icon-toggle::after {
  2292. top: calc(50% - 50%);
  2293. /* @noflip */
  2294. left: calc(50% - 50%);
  2295. width: 100%;
  2296. height: 100%; }
  2297. .mdc-icon-toggle.mdc-ripple-upgraded::before, .mdc-icon-toggle.mdc-ripple-upgraded::after {
  2298. top: var(--mdc-ripple-top, calc(50% - 50%));
  2299. /* @noflip */
  2300. left: var(--mdc-ripple-left, calc(50% - 50%));
  2301. width: var(--mdc-ripple-fg-size, 100%);
  2302. height: var(--mdc-ripple-fg-size, 100%); }
  2303. .mdc-icon-toggle.mdc-ripple-upgraded::after {
  2304. width: var(--mdc-ripple-fg-size, 100%);
  2305. height: var(--mdc-ripple-fg-size, 100%); }
  2306. .mdc-icon-toggle::before, .mdc-icon-toggle::after {
  2307. background-color: black; }
  2308. .mdc-icon-toggle:hover::before {
  2309. opacity: 0.04; }
  2310. .mdc-icon-toggle:not(.mdc-ripple-upgraded):focus::before, .mdc-icon-toggle.mdc-ripple-upgraded--background-focused::before {
  2311. transition-duration: 75ms;
  2312. opacity: 0.12; }
  2313. .mdc-icon-toggle:not(.mdc-ripple-upgraded)::after {
  2314. transition: opacity 150ms linear; }
  2315. .mdc-icon-toggle:not(.mdc-ripple-upgraded):active::after {
  2316. transition-duration: 75ms;
  2317. opacity: 0.16; }
  2318. .mdc-icon-toggle.mdc-ripple-upgraded {
  2319. --mdc-ripple-fg-opacity: 0.16; }
  2320. .mdc-icon-toggle::after {
  2321. position: absolute;
  2322. border-radius: 50%;
  2323. opacity: 0;
  2324. pointer-events: none;
  2325. content: ""; }
  2326. .mdc-icon-toggle--disabled {
  2327. color: rgba(0, 0, 0, 0.38);
  2328. /* @alternate */
  2329. color: var(--mdc-theme-text-disabled-on-light, rgba(0, 0, 0, 0.38));
  2330. pointer-events: none; }
  2331. .mdc-image-list {
  2332. display: flex;
  2333. flex-wrap: wrap;
  2334. margin: 0 auto;
  2335. padding: 0; }
  2336. .mdc-image-list__item,
  2337. .mdc-image-list__image-aspect-container {
  2338. position: relative;
  2339. box-sizing: border-box; }
  2340. .mdc-image-list__item {
  2341. list-style-type: none; }
  2342. .mdc-image-list__image {
  2343. width: 100%; }
  2344. .mdc-image-list__image-aspect-container .mdc-image-list__image {
  2345. position: absolute;
  2346. top: 0;
  2347. right: 0;
  2348. bottom: 0;
  2349. left: 0;
  2350. height: 100%;
  2351. background-repeat: no-repeat;
  2352. background-position: center;
  2353. background-size: cover; }
  2354. .mdc-image-list__image-aspect-container {
  2355. padding-bottom: calc(100% / 1); }
  2356. .mdc-image-list__image {
  2357. border-radius: 0; }
  2358. .mdc-image-list--with-text-protection .mdc-image-list__supporting {
  2359. border-radius: 0 0 0 0; }
  2360. .mdc-image-list__supporting {
  2361. color: rgba(0, 0, 0, 0.87);
  2362. /* @alternate */
  2363. color: var(--mdc-theme-text-primary-on-background, rgba(0, 0, 0, 0.87));
  2364. display: flex;
  2365. align-items: center;
  2366. justify-content: space-between;
  2367. box-sizing: border-box;
  2368. padding: 8px 0;
  2369. line-height: 24px; }
  2370. .mdc-image-list__label {
  2371. font-family: Roboto, sans-serif;
  2372. -moz-osx-font-smoothing: grayscale;
  2373. -webkit-font-smoothing: antialiased;
  2374. font-size: 1rem;
  2375. line-height: 1.75rem;
  2376. font-weight: 400;
  2377. letter-spacing: 0.00937em;
  2378. text-decoration: inherit;
  2379. text-transform: inherit;
  2380. text-overflow: ellipsis;
  2381. white-space: nowrap;
  2382. overflow: hidden; }
  2383. .mdc-image-list--with-text-protection .mdc-image-list__supporting {
  2384. position: absolute;
  2385. bottom: 0;
  2386. width: 100%;
  2387. height: 48px;
  2388. padding: 0 16px;
  2389. background: rgba(0, 0, 0, 0.6);
  2390. color: #fff; }
  2391. .mdc-image-list--masonry {
  2392. display: block; }
  2393. .mdc-image-list--masonry .mdc-image-list__item {
  2394. -webkit-column-break-inside: avoid;
  2395. break-inside: avoid-column; }
  2396. .mdc-image-list--masonry .mdc-image-list__image {
  2397. display: block;
  2398. height: auto; }
  2399. :root {
  2400. --mdc-layout-grid-margin-desktop: 24px;
  2401. --mdc-layout-grid-gutter-desktop: 24px;
  2402. --mdc-layout-grid-column-width-desktop: 72px;
  2403. --mdc-layout-grid-margin-tablet: 16px;
  2404. --mdc-layout-grid-gutter-tablet: 16px;
  2405. --mdc-layout-grid-column-width-tablet: 72px;
  2406. --mdc-layout-grid-margin-phone: 16px;
  2407. --mdc-layout-grid-gutter-phone: 16px;
  2408. --mdc-layout-grid-column-width-phone: 72px; }
  2409. @media (min-width: 840px) {
  2410. .mdc-layout-grid {
  2411. box-sizing: border-box;
  2412. margin: 0 auto;
  2413. padding: 24px;
  2414. padding: var(--mdc-layout-grid-margin-desktop, 24px); } }
  2415. @media (min-width: 480px) and (max-width: 839px) {
  2416. .mdc-layout-grid {
  2417. box-sizing: border-box;
  2418. margin: 0 auto;
  2419. padding: 16px;
  2420. padding: var(--mdc-layout-grid-margin-tablet, 16px); } }
  2421. @media (max-width: 479px) {
  2422. .mdc-layout-grid {
  2423. box-sizing: border-box;
  2424. margin: 0 auto;
  2425. padding: 16px;
  2426. padding: var(--mdc-layout-grid-margin-phone, 16px); } }
  2427. @media (min-width: 840px) {
  2428. .mdc-layout-grid__inner {
  2429. display: flex;
  2430. flex-flow: row wrap;
  2431. align-items: stretch;
  2432. margin: -12px;
  2433. margin: calc(var(--mdc-layout-grid-gutter-desktop, 24px) / 2 * -1); }
  2434. @supports (display: grid) {
  2435. .mdc-layout-grid__inner {
  2436. display: grid;
  2437. margin: 0;
  2438. grid-gap: 24px;
  2439. grid-gap: var(--mdc-layout-grid-gutter-desktop, 24px);
  2440. grid-template-columns: repeat(12, minmax(0, 1fr)); } } }
  2441. @media (min-width: 480px) and (max-width: 839px) {
  2442. .mdc-layout-grid__inner {
  2443. display: flex;
  2444. flex-flow: row wrap;
  2445. align-items: stretch;
  2446. margin: -8px;
  2447. margin: calc(var(--mdc-layout-grid-gutter-tablet, 16px) / 2 * -1); }
  2448. @supports (display: grid) {
  2449. .mdc-layout-grid__inner {
  2450. display: grid;
  2451. margin: 0;
  2452. grid-gap: 16px;
  2453. grid-gap: var(--mdc-layout-grid-gutter-tablet, 16px);
  2454. grid-template-columns: repeat(8, minmax(0, 1fr)); } } }
  2455. @media (max-width: 479px) {
  2456. .mdc-layout-grid__inner {
  2457. display: flex;
  2458. flex-flow: row wrap;
  2459. align-items: stretch;
  2460. margin: -8px;
  2461. margin: calc(var(--mdc-layout-grid-gutter-phone, 16px) / 2 * -1); }
  2462. @supports (display: grid) {
  2463. .mdc-layout-grid__inner {
  2464. display: grid;
  2465. margin: 0;
  2466. grid-gap: 16px;
  2467. grid-gap: var(--mdc-layout-grid-gutter-phone, 16px);
  2468. grid-template-columns: repeat(4, minmax(0, 1fr)); } } }
  2469. @media (min-width: 840px) {
  2470. .mdc-layout-grid__cell {
  2471. width: calc(33.33333% - 24px);
  2472. width: calc(33.33333% - var(--mdc-layout-grid-gutter-desktop, 24px));
  2473. box-sizing: border-box;
  2474. margin: 12px;
  2475. margin: calc(var(--mdc-layout-grid-gutter-desktop, 24px) / 2); }
  2476. @supports (display: grid) {
  2477. .mdc-layout-grid__cell {
  2478. width: auto;
  2479. grid-column-end: span 4; } }
  2480. @supports (display: grid) {
  2481. .mdc-layout-grid__cell {
  2482. margin: 0; } }
  2483. .mdc-layout-grid__cell--span-1,
  2484. .mdc-layout-grid__cell--span-1-desktop {
  2485. width: calc(8.33333% - 24px);
  2486. width: calc(8.33333% - var(--mdc-layout-grid-gutter-desktop, 24px)); }
  2487. @supports (display: grid) {
  2488. .mdc-layout-grid__cell--span-1,
  2489. .mdc-layout-grid__cell--span-1-desktop {
  2490. width: auto;
  2491. grid-column-end: span 1; } }
  2492. .mdc-layout-grid__cell--span-2,
  2493. .mdc-layout-grid__cell--span-2-desktop {
  2494. width: calc(16.66667% - 24px);
  2495. width: calc(16.66667% - var(--mdc-layout-grid-gutter-desktop, 24px)); }
  2496. @supports (display: grid) {
  2497. .mdc-layout-grid__cell--span-2,
  2498. .mdc-layout-grid__cell--span-2-desktop {
  2499. width: auto;
  2500. grid-column-end: span 2; } }
  2501. .mdc-layout-grid__cell--span-3,
  2502. .mdc-layout-grid__cell--span-3-desktop {
  2503. width: calc(25% - 24px);
  2504. width: calc(25% - var(--mdc-layout-grid-gutter-desktop, 24px)); }
  2505. @supports (display: grid) {
  2506. .mdc-layout-grid__cell--span-3,
  2507. .mdc-layout-grid__cell--span-3-desktop {
  2508. width: auto;
  2509. grid-column-end: span 3; } }
  2510. .mdc-layout-grid__cell--span-4,
  2511. .mdc-layout-grid__cell--span-4-desktop {
  2512. width: calc(33.33333% - 24px);
  2513. width: calc(33.33333% - var(--mdc-layout-grid-gutter-desktop, 24px)); }
  2514. @supports (display: grid) {
  2515. .mdc-layout-grid__cell--span-4,
  2516. .mdc-layout-grid__cell--span-4-desktop {
  2517. width: auto;
  2518. grid-column-end: span 4; } }
  2519. .mdc-layout-grid__cell--span-5,
  2520. .mdc-layout-grid__cell--span-5-desktop {
  2521. width: calc(41.66667% - 24px);
  2522. width: calc(41.66667% - var(--mdc-layout-grid-gutter-desktop, 24px)); }
  2523. @supports (display: grid) {
  2524. .mdc-layout-grid__cell--span-5,
  2525. .mdc-layout-grid__cell--span-5-desktop {
  2526. width: auto;
  2527. grid-column-end: span 5; } }
  2528. .mdc-layout-grid__cell--span-6,
  2529. .mdc-layout-grid__cell--span-6-desktop {
  2530. width: calc(50% - 24px);
  2531. width: calc(50% - var(--mdc-layout-grid-gutter-desktop, 24px)); }
  2532. @supports (display: grid) {
  2533. .mdc-layout-grid__cell--span-6,
  2534. .mdc-layout-grid__cell--span-6-desktop {
  2535. width: auto;
  2536. grid-column-end: span 6; } }
  2537. .mdc-layout-grid__cell--span-7,
  2538. .mdc-layout-grid__cell--span-7-desktop {
  2539. width: calc(58.33333% - 24px);
  2540. width: calc(58.33333% - var(--mdc-layout-grid-gutter-desktop, 24px)); }
  2541. @supports (display: grid) {
  2542. .mdc-layout-grid__cell--span-7,
  2543. .mdc-layout-grid__cell--span-7-desktop {
  2544. width: auto;
  2545. grid-column-end: span 7; } }
  2546. .mdc-layout-grid__cell--span-8,
  2547. .mdc-layout-grid__cell--span-8-desktop {
  2548. width: calc(66.66667% - 24px);
  2549. width: calc(66.66667% - var(--mdc-layout-grid-gutter-desktop, 24px)); }
  2550. @supports (display: grid) {
  2551. .mdc-layout-grid__cell--span-8,
  2552. .mdc-layout-grid__cell--span-8-desktop {
  2553. width: auto;
  2554. grid-column-end: span 8; } }
  2555. .mdc-layout-grid__cell--span-9,
  2556. .mdc-layout-grid__cell--span-9-desktop {
  2557. width: calc(75% - 24px);
  2558. width: calc(75% - var(--mdc-layout-grid-gutter-desktop, 24px)); }
  2559. @supports (display: grid) {
  2560. .mdc-layout-grid__cell--span-9,
  2561. .mdc-layout-grid__cell--span-9-desktop {
  2562. width: auto;
  2563. grid-column-end: span 9; } }
  2564. .mdc-layout-grid__cell--span-10,
  2565. .mdc-layout-grid__cell--span-10-desktop {
  2566. width: calc(83.33333% - 24px);
  2567. width: calc(83.33333% - var(--mdc-layout-grid-gutter-desktop, 24px)); }
  2568. @supports (display: grid) {
  2569. .mdc-layout-grid__cell--span-10,
  2570. .mdc-layout-grid__cell--span-10-desktop {
  2571. width: auto;
  2572. grid-column-end: span 10; } }
  2573. .mdc-layout-grid__cell--span-11,
  2574. .mdc-layout-grid__cell--span-11-desktop {
  2575. width: calc(91.66667% - 24px);
  2576. width: calc(91.66667% - var(--mdc-layout-grid-gutter-desktop, 24px)); }
  2577. @supports (display: grid) {
  2578. .mdc-layout-grid__cell--span-11,
  2579. .mdc-layout-grid__cell--span-11-desktop {
  2580. width: auto;
  2581. grid-column-end: span 11; } }
  2582. .mdc-layout-grid__cell--span-12,
  2583. .mdc-layout-grid__cell--span-12-desktop {
  2584. width: calc(100% - 24px);
  2585. width: calc(100% - var(--mdc-layout-grid-gutter-desktop, 24px)); }
  2586. @supports (display: grid) {
  2587. .mdc-layout-grid__cell--span-12,
  2588. .mdc-layout-grid__cell--span-12-desktop {
  2589. width: auto;
  2590. grid-column-end: span 12; } } }
  2591. @media (min-width: 480px) and (max-width: 839px) {
  2592. .mdc-layout-grid__cell {
  2593. width: calc(50% - 16px);
  2594. width: calc(50% - var(--mdc-layout-grid-gutter-tablet, 16px));
  2595. box-sizing: border-box;
  2596. margin: 8px;
  2597. margin: calc(var(--mdc-layout-grid-gutter-tablet, 16px) / 2); }
  2598. @supports (display: grid) {
  2599. .mdc-layout-grid__cell {
  2600. width: auto;
  2601. grid-column-end: span 4; } }
  2602. @supports (display: grid) {
  2603. .mdc-layout-grid__cell {
  2604. margin: 0; } }
  2605. .mdc-layout-grid__cell--span-1,
  2606. .mdc-layout-grid__cell--span-1-tablet {
  2607. width: calc(12.5% - 16px);
  2608. width: calc(12.5% - var(--mdc-layout-grid-gutter-tablet, 16px)); }
  2609. @supports (display: grid) {
  2610. .mdc-layout-grid__cell--span-1,
  2611. .mdc-layout-grid__cell--span-1-tablet {
  2612. width: auto;
  2613. grid-column-end: span 1; } }
  2614. .mdc-layout-grid__cell--span-2,
  2615. .mdc-layout-grid__cell--span-2-tablet {
  2616. width: calc(25% - 16px);
  2617. width: calc(25% - var(--mdc-layout-grid-gutter-tablet, 16px)); }
  2618. @supports (display: grid) {
  2619. .mdc-layout-grid__cell--span-2,
  2620. .mdc-layout-grid__cell--span-2-tablet {
  2621. width: auto;
  2622. grid-column-end: span 2; } }
  2623. .mdc-layout-grid__cell--span-3,
  2624. .mdc-layout-grid__cell--span-3-tablet {
  2625. width: calc(37.5% - 16px);
  2626. width: calc(37.5% - var(--mdc-layout-grid-gutter-tablet, 16px)); }
  2627. @supports (display: grid) {
  2628. .mdc-layout-grid__cell--span-3,
  2629. .mdc-layout-grid__cell--span-3-tablet {
  2630. width: auto;
  2631. grid-column-end: span 3; } }
  2632. .mdc-layout-grid__cell--span-4,
  2633. .mdc-layout-grid__cell--span-4-tablet {
  2634. width: calc(50% - 16px);
  2635. width: calc(50% - var(--mdc-layout-grid-gutter-tablet, 16px)); }
  2636. @supports (display: grid) {
  2637. .mdc-layout-grid__cell--span-4,
  2638. .mdc-layout-grid__cell--span-4-tablet {
  2639. width: auto;
  2640. grid-column-end: span 4; } }
  2641. .mdc-layout-grid__cell--span-5,
  2642. .mdc-layout-grid__cell--span-5-tablet {
  2643. width: calc(62.5% - 16px);
  2644. width: calc(62.5% - var(--mdc-layout-grid-gutter-tablet, 16px)); }
  2645. @supports (display: grid) {
  2646. .mdc-layout-grid__cell--span-5,
  2647. .mdc-layout-grid__cell--span-5-tablet {
  2648. width: auto;
  2649. grid-column-end: span 5; } }
  2650. .mdc-layout-grid__cell--span-6,
  2651. .mdc-layout-grid__cell--span-6-tablet {
  2652. width: calc(75% - 16px);
  2653. width: calc(75% - var(--mdc-layout-grid-gutter-tablet, 16px)); }
  2654. @supports (display: grid) {
  2655. .mdc-layout-grid__cell--span-6,
  2656. .mdc-layout-grid__cell--span-6-tablet {
  2657. width: auto;
  2658. grid-column-end: span 6; } }
  2659. .mdc-layout-grid__cell--span-7,
  2660. .mdc-layout-grid__cell--span-7-tablet {
  2661. width: calc(87.5% - 16px);
  2662. width: calc(87.5% - var(--mdc-layout-grid-gutter-tablet, 16px)); }
  2663. @supports (display: grid) {
  2664. .mdc-layout-grid__cell--span-7,
  2665. .mdc-layout-grid__cell--span-7-tablet {
  2666. width: auto;
  2667. grid-column-end: span 7; } }
  2668. .mdc-layout-grid__cell--span-8,
  2669. .mdc-layout-grid__cell--span-8-tablet {
  2670. width: calc(100% - 16px);
  2671. width: calc(100% - var(--mdc-layout-grid-gutter-tablet, 16px)); }
  2672. @supports (display: grid) {
  2673. .mdc-layout-grid__cell--span-8,
  2674. .mdc-layout-grid__cell--span-8-tablet {
  2675. width: auto;
  2676. grid-column-end: span 8; } }
  2677. .mdc-layout-grid__cell--span-9,
  2678. .mdc-layout-grid__cell--span-9-tablet {
  2679. width: calc(100% - 16px);
  2680. width: calc(100% - var(--mdc-layout-grid-gutter-tablet, 16px)); }
  2681. @supports (display: grid) {
  2682. .mdc-layout-grid__cell--span-9,
  2683. .mdc-layout-grid__cell--span-9-tablet {
  2684. width: auto;
  2685. grid-column-end: span 8; } }
  2686. .mdc-layout-grid__cell--span-10,
  2687. .mdc-layout-grid__cell--span-10-tablet {
  2688. width: calc(100% - 16px);
  2689. width: calc(100% - var(--mdc-layout-grid-gutter-tablet, 16px)); }
  2690. @supports (display: grid) {
  2691. .mdc-layout-grid__cell--span-10,
  2692. .mdc-layout-grid__cell--span-10-tablet {
  2693. width: auto;
  2694. grid-column-end: span 8; } }
  2695. .mdc-layout-grid__cell--span-11,
  2696. .mdc-layout-grid__cell--span-11-tablet {
  2697. width: calc(100% - 16px);
  2698. width: calc(100% - var(--mdc-layout-grid-gutter-tablet, 16px)); }
  2699. @supports (display: grid) {
  2700. .mdc-layout-grid__cell--span-11,
  2701. .mdc-layout-grid__cell--span-11-tablet {
  2702. width: auto;
  2703. grid-column-end: span 8; } }
  2704. .mdc-layout-grid__cell--span-12,
  2705. .mdc-layout-grid__cell--span-12-tablet {
  2706. width: calc(100% - 16px);
  2707. width: calc(100% - var(--mdc-layout-grid-gutter-tablet, 16px)); }
  2708. @supports (display: grid) {
  2709. .mdc-layout-grid__cell--span-12,
  2710. .mdc-layout-grid__cell--span-12-tablet {
  2711. width: auto;
  2712. grid-column-end: span 8; } } }
  2713. @media (max-width: 479px) {
  2714. .mdc-layout-grid__cell {
  2715. width: calc(100% - 16px);
  2716. width: calc(100% - var(--mdc-layout-grid-gutter-phone, 16px));
  2717. box-sizing: border-box;
  2718. margin: 8px;
  2719. margin: calc(var(--mdc-layout-grid-gutter-phone, 16px) / 2); }
  2720. @supports (display: grid) {
  2721. .mdc-layout-grid__cell {
  2722. width: auto;
  2723. grid-column-end: span 4; } }
  2724. @supports (display: grid) {
  2725. .mdc-layout-grid__cell {
  2726. margin: 0; } }
  2727. .mdc-layout-grid__cell--span-1,
  2728. .mdc-layout-grid__cell--span-1-phone {
  2729. width: calc(25% - 16px);
  2730. width: calc(25% - var(--mdc-layout-grid-gutter-phone, 16px)); }
  2731. @supports (display: grid) {
  2732. .mdc-layout-grid__cell--span-1,
  2733. .mdc-layout-grid__cell--span-1-phone {
  2734. width: auto;
  2735. grid-column-end: span 1; } }
  2736. .mdc-layout-grid__cell--span-2,
  2737. .mdc-layout-grid__cell--span-2-phone {
  2738. width: calc(50% - 16px);
  2739. width: calc(50% - var(--mdc-layout-grid-gutter-phone, 16px)); }
  2740. @supports (display: grid) {
  2741. .mdc-layout-grid__cell--span-2,
  2742. .mdc-layout-grid__cell--span-2-phone {
  2743. width: auto;
  2744. grid-column-end: span 2; } }
  2745. .mdc-layout-grid__cell--span-3,
  2746. .mdc-layout-grid__cell--span-3-phone {
  2747. width: calc(75% - 16px);
  2748. width: calc(75% - var(--mdc-layout-grid-gutter-phone, 16px)); }
  2749. @supports (display: grid) {
  2750. .mdc-layout-grid__cell--span-3,
  2751. .mdc-layout-grid__cell--span-3-phone {
  2752. width: auto;
  2753. grid-column-end: span 3; } }
  2754. .mdc-layout-grid__cell--span-4,
  2755. .mdc-layout-grid__cell--span-4-phone {
  2756. width: calc(100% - 16px);
  2757. width: calc(100% - var(--mdc-layout-grid-gutter-phone, 16px)); }
  2758. @supports (display: grid) {
  2759. .mdc-layout-grid__cell--span-4,
  2760. .mdc-layout-grid__cell--span-4-phone {
  2761. width: auto;
  2762. grid-column-end: span 4; } }
  2763. .mdc-layout-grid__cell--span-5,
  2764. .mdc-layout-grid__cell--span-5-phone {
  2765. width: calc(100% - 16px);
  2766. width: calc(100% - var(--mdc-layout-grid-gutter-phone, 16px)); }
  2767. @supports (display: grid) {
  2768. .mdc-layout-grid__cell--span-5,
  2769. .mdc-layout-grid__cell--span-5-phone {
  2770. width: auto;
  2771. grid-column-end: span 4; } }
  2772. .mdc-layout-grid__cell--span-6,
  2773. .mdc-layout-grid__cell--span-6-phone {
  2774. width: calc(100% - 16px);
  2775. width: calc(100% - var(--mdc-layout-grid-gutter-phone, 16px)); }
  2776. @supports (display: grid) {
  2777. .mdc-layout-grid__cell--span-6,
  2778. .mdc-layout-grid__cell--span-6-phone {
  2779. width: auto;
  2780. grid-column-end: span 4; } }
  2781. .mdc-layout-grid__cell--span-7,
  2782. .mdc-layout-grid__cell--span-7-phone {
  2783. width: calc(100% - 16px);
  2784. width: calc(100% - var(--mdc-layout-grid-gutter-phone, 16px)); }
  2785. @supports (display: grid) {
  2786. .mdc-layout-grid__cell--span-7,
  2787. .mdc-layout-grid__cell--span-7-phone {
  2788. width: auto;
  2789. grid-column-end: span 4; } }
  2790. .mdc-layout-grid__cell--span-8,
  2791. .mdc-layout-grid__cell--span-8-phone {
  2792. width: calc(100% - 16px);
  2793. width: calc(100% - var(--mdc-layout-grid-gutter-phone, 16px)); }
  2794. @supports (display: grid) {
  2795. .mdc-layout-grid__cell--span-8,
  2796. .mdc-layout-grid__cell--span-8-phone {
  2797. width: auto;
  2798. grid-column-end: span 4; } }
  2799. .mdc-layout-grid__cell--span-9,
  2800. .mdc-layout-grid__cell--span-9-phone {
  2801. width: calc(100% - 16px);
  2802. width: calc(100% - var(--mdc-layout-grid-gutter-phone, 16px)); }
  2803. @supports (display: grid) {
  2804. .mdc-layout-grid__cell--span-9,
  2805. .mdc-layout-grid__cell--span-9-phone {
  2806. width: auto;
  2807. grid-column-end: span 4; } }
  2808. .mdc-layout-grid__cell--span-10,
  2809. .mdc-layout-grid__cell--span-10-phone {
  2810. width: calc(100% - 16px);
  2811. width: calc(100% - var(--mdc-layout-grid-gutter-phone, 16px)); }
  2812. @supports (display: grid) {
  2813. .mdc-layout-grid__cell--span-10,
  2814. .mdc-layout-grid__cell--span-10-phone {
  2815. width: auto;
  2816. grid-column-end: span 4; } }
  2817. .mdc-layout-grid__cell--span-11,
  2818. .mdc-layout-grid__cell--span-11-phone {
  2819. width: calc(100% - 16px);
  2820. width: calc(100% - var(--mdc-layout-grid-gutter-phone, 16px)); }
  2821. @supports (display: grid) {
  2822. .mdc-layout-grid__cell--span-11,
  2823. .mdc-layout-grid__cell--span-11-phone {
  2824. width: auto;
  2825. grid-column-end: span 4; } }
  2826. .mdc-layout-grid__cell--span-12,
  2827. .mdc-layout-grid__cell--span-12-phone {
  2828. width: calc(100% - 16px);
  2829. width: calc(100% - var(--mdc-layout-grid-gutter-phone, 16px)); }
  2830. @supports (display: grid) {
  2831. .mdc-layout-grid__cell--span-12,
  2832. .mdc-layout-grid__cell--span-12-phone {
  2833. width: auto;
  2834. grid-column-end: span 4; } } }
  2835. .mdc-layout-grid__cell--order-1 {
  2836. order: 1; }
  2837. .mdc-layout-grid__cell--order-2 {
  2838. order: 2; }
  2839. .mdc-layout-grid__cell--order-3 {
  2840. order: 3; }
  2841. .mdc-layout-grid__cell--order-4 {
  2842. order: 4; }
  2843. .mdc-layout-grid__cell--order-5 {
  2844. order: 5; }
  2845. .mdc-layout-grid__cell--order-6 {
  2846. order: 6; }
  2847. .mdc-layout-grid__cell--order-7 {
  2848. order: 7; }
  2849. .mdc-layout-grid__cell--order-8 {
  2850. order: 8; }
  2851. .mdc-layout-grid__cell--order-9 {
  2852. order: 9; }
  2853. .mdc-layout-grid__cell--order-10 {
  2854. order: 10; }
  2855. .mdc-layout-grid__cell--order-11 {
  2856. order: 11; }
  2857. .mdc-layout-grid__cell--order-12 {
  2858. order: 12; }
  2859. .mdc-layout-grid__cell--align-top {
  2860. align-self: flex-start; }
  2861. @supports (display: grid) {
  2862. .mdc-layout-grid__cell--align-top {
  2863. align-self: start; } }
  2864. .mdc-layout-grid__cell--align-middle {
  2865. align-self: center; }
  2866. .mdc-layout-grid__cell--align-bottom {
  2867. align-self: flex-end; }
  2868. @supports (display: grid) {
  2869. .mdc-layout-grid__cell--align-bottom {
  2870. align-self: end; } }
  2871. @media (min-width: 840px) {
  2872. .mdc-layout-grid--fixed-column-width {
  2873. width: 1176px;
  2874. 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); } }
  2875. @media (min-width: 480px) and (max-width: 839px) {
  2876. .mdc-layout-grid--fixed-column-width {
  2877. width: 720px;
  2878. 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); } }
  2879. @media (max-width: 479px) {
  2880. .mdc-layout-grid--fixed-column-width {
  2881. width: 368px;
  2882. 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); } }
  2883. .mdc-layout-grid--align-left {
  2884. margin-right: auto;
  2885. margin-left: 0; }
  2886. .mdc-layout-grid--align-right {
  2887. margin-right: 0;
  2888. margin-left: auto; }
  2889. .mdc-line-ripple {
  2890. position: absolute;
  2891. bottom: 0;
  2892. left: 0;
  2893. width: 100%;
  2894. height: 2px;
  2895. -webkit-transform: scaleX(0);
  2896. transform: scaleX(0);
  2897. transition: opacity 180ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 180ms cubic-bezier(0.4, 0, 0.2, 1);
  2898. transition: transform 180ms cubic-bezier(0.4, 0, 0.2, 1), opacity 180ms cubic-bezier(0.4, 0, 0.2, 1);
  2899. 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);
  2900. opacity: 0;
  2901. z-index: 2; }
  2902. .mdc-line-ripple--active {
  2903. -webkit-transform: scaleX(1);
  2904. transform: scaleX(1);
  2905. opacity: 1; }
  2906. .mdc-line-ripple--deactivating {
  2907. opacity: 0; }
  2908. @-webkit-keyframes primary-indeterminate-translate {
  2909. 0% {
  2910. -webkit-transform: translateX(0);
  2911. transform: translateX(0); }
  2912. 20% {
  2913. -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.70173, 0.49582);
  2914. animation-timing-function: cubic-bezier(0.5, 0, 0.70173, 0.49582);
  2915. -webkit-transform: translateX(0);
  2916. transform: translateX(0); }
  2917. 59.15% {
  2918. -webkit-animation-timing-function: cubic-bezier(0.30244, 0.38135, 0.55, 0.95635);
  2919. animation-timing-function: cubic-bezier(0.30244, 0.38135, 0.55, 0.95635);
  2920. -webkit-transform: translateX(83.67142%);
  2921. transform: translateX(83.67142%); }
  2922. 100% {
  2923. -webkit-transform: translateX(200.61106%);
  2924. transform: translateX(200.61106%); } }
  2925. @keyframes primary-indeterminate-translate {
  2926. 0% {
  2927. -webkit-transform: translateX(0);
  2928. transform: translateX(0); }
  2929. 20% {
  2930. -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.70173, 0.49582);
  2931. animation-timing-function: cubic-bezier(0.5, 0, 0.70173, 0.49582);
  2932. -webkit-transform: translateX(0);
  2933. transform: translateX(0); }
  2934. 59.15% {
  2935. -webkit-animation-timing-function: cubic-bezier(0.30244, 0.38135, 0.55, 0.95635);
  2936. animation-timing-function: cubic-bezier(0.30244, 0.38135, 0.55, 0.95635);
  2937. -webkit-transform: translateX(83.67142%);
  2938. transform: translateX(83.67142%); }
  2939. 100% {
  2940. -webkit-transform: translateX(200.61106%);
  2941. transform: translateX(200.61106%); } }
  2942. @-webkit-keyframes primary-indeterminate-scale {
  2943. 0% {
  2944. -webkit-transform: scaleX(0.08);
  2945. transform: scaleX(0.08); }
  2946. 36.65% {
  2947. -webkit-animation-timing-function: cubic-bezier(0.33473, 0.12482, 0.78584, 1);
  2948. animation-timing-function: cubic-bezier(0.33473, 0.12482, 0.78584, 1);
  2949. -webkit-transform: scaleX(0.08);
  2950. transform: scaleX(0.08); }
  2951. 69.15% {
  2952. -webkit-animation-timing-function: cubic-bezier(0.06, 0.11, 0.6, 1);
  2953. animation-timing-function: cubic-bezier(0.06, 0.11, 0.6, 1);
  2954. -webkit-transform: scaleX(0.66148);
  2955. transform: scaleX(0.66148); }
  2956. 100% {
  2957. -webkit-transform: scaleX(0.08);
  2958. transform: scaleX(0.08); } }
  2959. @keyframes primary-indeterminate-scale {
  2960. 0% {
  2961. -webkit-transform: scaleX(0.08);
  2962. transform: scaleX(0.08); }
  2963. 36.65% {
  2964. -webkit-animation-timing-function: cubic-bezier(0.33473, 0.12482, 0.78584, 1);
  2965. animation-timing-function: cubic-bezier(0.33473, 0.12482, 0.78584, 1);
  2966. -webkit-transform: scaleX(0.08);
  2967. transform: scaleX(0.08); }
  2968. 69.15% {
  2969. -webkit-animation-timing-function: cubic-bezier(0.06, 0.11, 0.6, 1);
  2970. animation-timing-function: cubic-bezier(0.06, 0.11, 0.6, 1);
  2971. -webkit-transform: scaleX(0.66148);
  2972. transform: scaleX(0.66148); }
  2973. 100% {
  2974. -webkit-transform: scaleX(0.08);
  2975. transform: scaleX(0.08); } }
  2976. @-webkit-keyframes secondary-indeterminate-translate {
  2977. 0% {
  2978. -webkit-animation-timing-function: cubic-bezier(0.15, 0, 0.51506, 0.40969);
  2979. animation-timing-function: cubic-bezier(0.15, 0, 0.51506, 0.40969);
  2980. -webkit-transform: translateX(0);
  2981. transform: translateX(0); }
  2982. 25% {
  2983. -webkit-animation-timing-function: cubic-bezier(0.31033, 0.28406, 0.8, 0.73371);
  2984. animation-timing-function: cubic-bezier(0.31033, 0.28406, 0.8, 0.73371);
  2985. -webkit-transform: translateX(37.65191%);
  2986. transform: translateX(37.65191%); }
  2987. 48.35% {
  2988. -webkit-animation-timing-function: cubic-bezier(0.4, 0.62704, 0.6, 0.90203);
  2989. animation-timing-function: cubic-bezier(0.4, 0.62704, 0.6, 0.90203);
  2990. -webkit-transform: translateX(84.38617%);
  2991. transform: translateX(84.38617%); }
  2992. 100% {
  2993. -webkit-transform: translateX(160.27778%);
  2994. transform: translateX(160.27778%); } }
  2995. @keyframes secondary-indeterminate-translate {
  2996. 0% {
  2997. -webkit-animation-timing-function: cubic-bezier(0.15, 0, 0.51506, 0.40969);
  2998. animation-timing-function: cubic-bezier(0.15, 0, 0.51506, 0.40969);
  2999. -webkit-transform: translateX(0);
  3000. transform: translateX(0); }
  3001. 25% {
  3002. -webkit-animation-timing-function: cubic-bezier(0.31033, 0.28406, 0.8, 0.73371);
  3003. animation-timing-function: cubic-bezier(0.31033, 0.28406, 0.8, 0.73371);
  3004. -webkit-transform: translateX(37.65191%);
  3005. transform: translateX(37.65191%); }
  3006. 48.35% {
  3007. -webkit-animation-timing-function: cubic-bezier(0.4, 0.62704, 0.6, 0.90203);
  3008. animation-timing-function: cubic-bezier(0.4, 0.62704, 0.6, 0.90203);
  3009. -webkit-transform: translateX(84.38617%);
  3010. transform: translateX(84.38617%); }
  3011. 100% {
  3012. -webkit-transform: translateX(160.27778%);
  3013. transform: translateX(160.27778%); } }
  3014. @-webkit-keyframes secondary-indeterminate-scale {
  3015. 0% {
  3016. -webkit-animation-timing-function: cubic-bezier(0.20503, 0.05705, 0.57661, 0.45397);
  3017. animation-timing-function: cubic-bezier(0.20503, 0.05705, 0.57661, 0.45397);
  3018. -webkit-transform: scaleX(0.08);
  3019. transform: scaleX(0.08); }
  3020. 19.15% {
  3021. -webkit-animation-timing-function: cubic-bezier(0.15231, 0.19643, 0.64837, 1.00432);
  3022. animation-timing-function: cubic-bezier(0.15231, 0.19643, 0.64837, 1.00432);
  3023. -webkit-transform: scaleX(0.4571);
  3024. transform: scaleX(0.4571); }
  3025. 44.15% {
  3026. -webkit-animation-timing-function: cubic-bezier(0.25776, -0.00316, 0.21176, 1.38179);
  3027. animation-timing-function: cubic-bezier(0.25776, -0.00316, 0.21176, 1.38179);
  3028. -webkit-transform: scaleX(0.72796);
  3029. transform: scaleX(0.72796); }
  3030. 100% {
  3031. -webkit-transform: scaleX(0.08);
  3032. transform: scaleX(0.08); } }
  3033. @keyframes secondary-indeterminate-scale {
  3034. 0% {
  3035. -webkit-animation-timing-function: cubic-bezier(0.20503, 0.05705, 0.57661, 0.45397);
  3036. animation-timing-function: cubic-bezier(0.20503, 0.05705, 0.57661, 0.45397);
  3037. -webkit-transform: scaleX(0.08);
  3038. transform: scaleX(0.08); }
  3039. 19.15% {
  3040. -webkit-animation-timing-function: cubic-bezier(0.15231, 0.19643, 0.64837, 1.00432);
  3041. animation-timing-function: cubic-bezier(0.15231, 0.19643, 0.64837, 1.00432);
  3042. -webkit-transform: scaleX(0.4571);
  3043. transform: scaleX(0.4571); }
  3044. 44.15% {
  3045. -webkit-animation-timing-function: cubic-bezier(0.25776, -0.00316, 0.21176, 1.38179);
  3046. animation-timing-function: cubic-bezier(0.25776, -0.00316, 0.21176, 1.38179);
  3047. -webkit-transform: scaleX(0.72796);
  3048. transform: scaleX(0.72796); }
  3049. 100% {
  3050. -webkit-transform: scaleX(0.08);
  3051. transform: scaleX(0.08); } }
  3052. @-webkit-keyframes buffering {
  3053. to {
  3054. -webkit-transform: translateX(-10px);
  3055. transform: translateX(-10px); } }
  3056. @keyframes buffering {
  3057. to {
  3058. -webkit-transform: translateX(-10px);
  3059. transform: translateX(-10px); } }
  3060. @-webkit-keyframes primary-indeterminate-translate-reverse {
  3061. 0% {
  3062. -webkit-transform: translateX(0);
  3063. transform: translateX(0); }
  3064. 20% {
  3065. -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.70173, 0.49582);
  3066. animation-timing-function: cubic-bezier(0.5, 0, 0.70173, 0.49582);
  3067. -webkit-transform: translateX(0);
  3068. transform: translateX(0); }
  3069. 59.15% {
  3070. -webkit-animation-timing-function: cubic-bezier(0.30244, 0.38135, 0.55, 0.95635);
  3071. animation-timing-function: cubic-bezier(0.30244, 0.38135, 0.55, 0.95635);
  3072. -webkit-transform: translateX(-83.67142%);
  3073. transform: translateX(-83.67142%); }
  3074. 100% {
  3075. -webkit-transform: translateX(-200.61106%);
  3076. transform: translateX(-200.61106%); } }
  3077. @keyframes primary-indeterminate-translate-reverse {
  3078. 0% {
  3079. -webkit-transform: translateX(0);
  3080. transform: translateX(0); }
  3081. 20% {
  3082. -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.70173, 0.49582);
  3083. animation-timing-function: cubic-bezier(0.5, 0, 0.70173, 0.49582);
  3084. -webkit-transform: translateX(0);
  3085. transform: translateX(0); }
  3086. 59.15% {
  3087. -webkit-animation-timing-function: cubic-bezier(0.30244, 0.38135, 0.55, 0.95635);
  3088. animation-timing-function: cubic-bezier(0.30244, 0.38135, 0.55, 0.95635);
  3089. -webkit-transform: translateX(-83.67142%);
  3090. transform: translateX(-83.67142%); }
  3091. 100% {
  3092. -webkit-transform: translateX(-200.61106%);
  3093. transform: translateX(-200.61106%); } }
  3094. @-webkit-keyframes secondary-indeterminate-translate-reverse {
  3095. 0% {
  3096. -webkit-animation-timing-function: cubic-bezier(0.15, 0, 0.51506, 0.40969);
  3097. animation-timing-function: cubic-bezier(0.15, 0, 0.51506, 0.40969);
  3098. -webkit-transform: translateX(0);
  3099. transform: translateX(0); }
  3100. 25% {
  3101. -webkit-animation-timing-function: cubic-bezier(0.31033, 0.28406, 0.8, 0.73371);
  3102. animation-timing-function: cubic-bezier(0.31033, 0.28406, 0.8, 0.73371);
  3103. -webkit-transform: translateX(-37.65191%);
  3104. transform: translateX(-37.65191%); }
  3105. 48.35% {
  3106. -webkit-animation-timing-function: cubic-bezier(0.4, 0.62704, 0.6, 0.90203);
  3107. animation-timing-function: cubic-bezier(0.4, 0.62704, 0.6, 0.90203);
  3108. -webkit-transform: translateX(-84.38617%);
  3109. transform: translateX(-84.38617%); }
  3110. 100% {
  3111. -webkit-transform: translateX(-160.27778%);
  3112. transform: translateX(-160.27778%); } }
  3113. @keyframes secondary-indeterminate-translate-reverse {
  3114. 0% {
  3115. -webkit-animation-timing-function: cubic-bezier(0.15, 0, 0.51506, 0.40969);
  3116. animation-timing-function: cubic-bezier(0.15, 0, 0.51506, 0.40969);
  3117. -webkit-transform: translateX(0);
  3118. transform: translateX(0); }
  3119. 25% {
  3120. -webkit-animation-timing-function: cubic-bezier(0.31033, 0.28406, 0.8, 0.73371);
  3121. animation-timing-function: cubic-bezier(0.31033, 0.28406, 0.8, 0.73371);
  3122. -webkit-transform: translateX(-37.65191%);
  3123. transform: translateX(-37.65191%); }
  3124. 48.35% {
  3125. -webkit-animation-timing-function: cubic-bezier(0.4, 0.62704, 0.6, 0.90203);
  3126. animation-timing-function: cubic-bezier(0.4, 0.62704, 0.6, 0.90203);
  3127. -webkit-transform: translateX(-84.38617%);
  3128. transform: translateX(-84.38617%); }
  3129. 100% {
  3130. -webkit-transform: translateX(-160.27778%);
  3131. transform: translateX(-160.27778%); } }
  3132. @-webkit-keyframes buffering-reverse {
  3133. to {
  3134. -webkit-transform: translateX(10px);
  3135. transform: translateX(10px); } }
  3136. @keyframes buffering-reverse {
  3137. to {
  3138. -webkit-transform: translateX(10px);
  3139. transform: translateX(10px); } }
  3140. .mdc-linear-progress {
  3141. position: relative;
  3142. width: 100%;
  3143. height: 4px;
  3144. -webkit-transform: translateZ(0);
  3145. transform: translateZ(0);
  3146. transition: opacity 250ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
  3147. overflow: hidden; }
  3148. .mdc-linear-progress__bar {
  3149. position: absolute;
  3150. width: 100%;
  3151. height: 100%;
  3152. -webkit-animation: none;
  3153. animation: none;
  3154. -webkit-transform-origin: top left;
  3155. transform-origin: top left;
  3156. transition: -webkit-transform 250ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
  3157. transition: transform 250ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
  3158. transition: transform 250ms 0ms cubic-bezier(0.4, 0, 0.6, 1), -webkit-transform 250ms 0ms cubic-bezier(0.4, 0, 0.6, 1); }
  3159. .mdc-linear-progress__bar-inner {
  3160. display: inline-block;
  3161. position: absolute;
  3162. width: 100%;
  3163. height: 100%;
  3164. -webkit-animation: none;
  3165. animation: none; }
  3166. .mdc-linear-progress__buffering-dots {
  3167. position: absolute;
  3168. width: 100%;
  3169. height: 100%;
  3170. -webkit-animation: buffering 250ms infinite linear;
  3171. animation: buffering 250ms infinite linear;
  3172. background-repeat: repeat-x;
  3173. background-size: 10px 4px; }
  3174. .mdc-linear-progress__buffer {
  3175. position: absolute;
  3176. width: 100%;
  3177. height: 100%;
  3178. -webkit-transform-origin: top left;
  3179. transform-origin: top left;
  3180. transition: -webkit-transform 250ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
  3181. transition: transform 250ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
  3182. transition: transform 250ms 0ms cubic-bezier(0.4, 0, 0.6, 1), -webkit-transform 250ms 0ms cubic-bezier(0.4, 0, 0.6, 1); }
  3183. .mdc-linear-progress__primary-bar {
  3184. -webkit-transform: scaleX(0);
  3185. transform: scaleX(0); }
  3186. .mdc-linear-progress__secondary-bar {
  3187. visibility: hidden; }
  3188. .mdc-linear-progress--indeterminate .mdc-linear-progress__bar {
  3189. transition: none; }
  3190. .mdc-linear-progress--indeterminate .mdc-linear-progress__primary-bar {
  3191. left: -145.166611%;
  3192. -webkit-animation: primary-indeterminate-translate 2s infinite linear;
  3193. animation: primary-indeterminate-translate 2s infinite linear; }
  3194. .mdc-linear-progress--indeterminate .mdc-linear-progress__primary-bar > .mdc-linear-progress__bar-inner {
  3195. -webkit-animation: primary-indeterminate-scale 2s infinite linear;
  3196. animation: primary-indeterminate-scale 2s infinite linear; }
  3197. .mdc-linear-progress--indeterminate .mdc-linear-progress__secondary-bar {
  3198. left: -54.888891%;
  3199. -webkit-animation: secondary-indeterminate-translate 2s infinite linear;
  3200. animation: secondary-indeterminate-translate 2s infinite linear;
  3201. visibility: visible; }
  3202. .mdc-linear-progress--indeterminate .mdc-linear-progress__secondary-bar > .mdc-linear-progress__bar-inner {
  3203. -webkit-animation: secondary-indeterminate-scale 2s infinite linear;
  3204. animation: secondary-indeterminate-scale 2s infinite linear; }
  3205. .mdc-linear-progress--reversed .mdc-linear-progress__bar,
  3206. .mdc-linear-progress--reversed .mdc-linear-progress__buffer {
  3207. right: 0;
  3208. -webkit-transform-origin: center right;
  3209. transform-origin: center right; }
  3210. .mdc-linear-progress--reversed .mdc-linear-progress__primary-bar {
  3211. -webkit-animation-name: primary-indeterminate-translate-reverse;
  3212. animation-name: primary-indeterminate-translate-reverse; }
  3213. .mdc-linear-progress--reversed .mdc-linear-progress__secondary-bar {
  3214. -webkit-animation-name: secondary-indeterminate-translate-reverse;
  3215. animation-name: secondary-indeterminate-translate-reverse; }
  3216. .mdc-linear-progress--reversed .mdc-linear-progress__buffering-dots {
  3217. -webkit-animation: buffering-reverse 250ms infinite linear;
  3218. animation: buffering-reverse 250ms infinite linear; }
  3219. .mdc-linear-progress--closed {
  3220. opacity: 0; }
  3221. .mdc-linear-progress__bar-inner {
  3222. background-color: #6200ee;
  3223. /* @alternate */
  3224. background-color: var(--mdc-theme-primary, #6200ee); }
  3225. .mdc-linear-progress__buffering-dots {
  3226. 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"); }
  3227. .mdc-linear-progress__buffer {
  3228. background-color: #e6e6e6; }
  3229. .mdc-linear-progress--indeterminate.mdc-linear-progress--reversed .mdc-linear-progress__primary-bar {
  3230. right: -145.166611%;
  3231. left: auto; }
  3232. .mdc-linear-progress--indeterminate.mdc-linear-progress--reversed .mdc-linear-progress__secondary-bar {
  3233. right: -54.888891%;
  3234. left: auto; }
  3235. .mdc-list {
  3236. font-family: Roboto, sans-serif;
  3237. -moz-osx-font-smoothing: grayscale;
  3238. -webkit-font-smoothing: antialiased;
  3239. font-size: 1rem;
  3240. line-height: 1.75rem;
  3241. font-weight: 400;
  3242. letter-spacing: 0.00937em;
  3243. text-decoration: inherit;
  3244. text-transform: inherit;
  3245. color: rgba(0, 0, 0, 0.87);
  3246. /* @alternate */
  3247. color: var(--mdc-theme-text-primary-on-background, rgba(0, 0, 0, 0.87));
  3248. margin: 0;
  3249. padding: 8px 0;
  3250. /* @alternate */
  3251. line-height: 1.5rem;
  3252. list-style-type: none; }
  3253. .mdc-list-item__secondary-text {
  3254. color: rgba(0, 0, 0, 0.54);
  3255. /* @alternate */
  3256. color: var(--mdc-theme-text-secondary-on-background, rgba(0, 0, 0, 0.54)); }
  3257. .mdc-list-item__graphic {
  3258. background-color: transparent; }
  3259. .mdc-list-item__graphic {
  3260. color: rgba(0, 0, 0, 0.38);
  3261. /* @alternate */
  3262. color: var(--mdc-theme-text-icon-on-background, rgba(0, 0, 0, 0.38)); }
  3263. .mdc-list-item__meta {
  3264. color: rgba(0, 0, 0, 0.38);
  3265. /* @alternate */
  3266. color: var(--mdc-theme-text-hint-on-background, rgba(0, 0, 0, 0.38)); }
  3267. .mdc-list--dense {
  3268. padding-top: 4px;
  3269. padding-bottom: 4px;
  3270. font-size: .812rem; }
  3271. .mdc-list-item {
  3272. display: flex;
  3273. position: relative;
  3274. align-items: center;
  3275. justify-content: flex-start;
  3276. height: 48px;
  3277. padding: 0 16px;
  3278. overflow: hidden; }
  3279. .mdc-list-item:focus {
  3280. outline: none; }
  3281. .mdc-list-item--selected,
  3282. .mdc-list-item--activated {
  3283. color: #6200ee;
  3284. /* @alternate */
  3285. color: var(--mdc-theme-primary, #6200ee); }
  3286. .mdc-list-item--selected .mdc-list-item__graphic,
  3287. .mdc-list-item--activated .mdc-list-item__graphic {
  3288. color: #6200ee;
  3289. /* @alternate */
  3290. color: var(--mdc-theme-primary, #6200ee); }
  3291. .mdc-list-item--disabled {
  3292. color: rgba(0, 0, 0, 0.38);
  3293. /* @alternate */
  3294. color: var(--mdc-theme-text-disabled-on-background, rgba(0, 0, 0, 0.38)); }
  3295. .mdc-list-item__graphic {
  3296. /* @noflip */
  3297. margin-left: 0;
  3298. /* @noflip */
  3299. margin-right: 32px;
  3300. width: 24px;
  3301. height: 24px;
  3302. font-size: 24px;
  3303. display: inline-flex;
  3304. flex-shrink: 0;
  3305. align-items: center;
  3306. justify-content: center;
  3307. fill: currentColor; }
  3308. .mdc-list-item[dir="rtl"] .mdc-list-item__graphic,
  3309. [dir="rtl"] .mdc-list-item .mdc-list-item__graphic {
  3310. /* @noflip */
  3311. margin-left: 32px;
  3312. /* @noflip */
  3313. margin-right: 0; }
  3314. .mdc-list-item__meta {
  3315. /* @noflip */
  3316. margin-left: auto;
  3317. /* @noflip */
  3318. margin-right: 0; }
  3319. .mdc-list-item[dir="rtl"] .mdc-list-item__meta,
  3320. [dir="rtl"] .mdc-list-item .mdc-list-item__meta {
  3321. /* @noflip */
  3322. margin-left: 0;
  3323. /* @noflip */
  3324. margin-right: auto; }
  3325. .mdc-list-item__text {
  3326. text-overflow: ellipsis;
  3327. white-space: nowrap;
  3328. overflow: hidden; }
  3329. .mdc-list-item__primary-text {
  3330. text-overflow: ellipsis;
  3331. white-space: nowrap;
  3332. overflow: hidden;
  3333. display: block;
  3334. margin-top: 0;
  3335. /* @alternate */
  3336. line-height: normal;
  3337. margin-bottom: -20px;
  3338. display: block; }
  3339. .mdc-list-item__primary-text::before {
  3340. display: inline-block;
  3341. width: 0;
  3342. height: 32px;
  3343. content: "";
  3344. vertical-align: 0; }
  3345. .mdc-list-item__primary-text::after {
  3346. display: inline-block;
  3347. width: 0;
  3348. height: 20px;
  3349. content: "";
  3350. vertical-align: -20px; }
  3351. .mdc-list--dense .mdc-list-item__primary-text {
  3352. display: block;
  3353. margin-top: 0;
  3354. /* @alternate */
  3355. line-height: normal;
  3356. margin-bottom: -20px; }
  3357. .mdc-list--dense .mdc-list-item__primary-text::before {
  3358. display: inline-block;
  3359. width: 0;
  3360. height: 24px;
  3361. content: "";
  3362. vertical-align: 0; }
  3363. .mdc-list--dense .mdc-list-item__primary-text::after {
  3364. display: inline-block;
  3365. width: 0;
  3366. height: 20px;
  3367. content: "";
  3368. vertical-align: -20px; }
  3369. .mdc-list-item__secondary-text {
  3370. font-family: Roboto, sans-serif;
  3371. -moz-osx-font-smoothing: grayscale;
  3372. -webkit-font-smoothing: antialiased;
  3373. font-size: 0.875rem;
  3374. line-height: 1.25rem;
  3375. font-weight: 400;
  3376. letter-spacing: 0.01786em;
  3377. text-decoration: inherit;
  3378. text-transform: inherit;
  3379. text-overflow: ellipsis;
  3380. white-space: nowrap;
  3381. overflow: hidden;
  3382. display: block;
  3383. margin-top: 0;
  3384. /* @alternate */
  3385. line-height: normal;
  3386. display: block; }
  3387. .mdc-list-item__secondary-text::before {
  3388. display: inline-block;
  3389. width: 0;
  3390. height: 20px;
  3391. content: "";
  3392. vertical-align: 0; }
  3393. .mdc-list--dense .mdc-list-item__secondary-text {
  3394. display: block;
  3395. margin-top: 0;
  3396. /* @alternate */
  3397. line-height: normal;
  3398. font-size: inherit; }
  3399. .mdc-list--dense .mdc-list-item__secondary-text::before {
  3400. display: inline-block;
  3401. width: 0;
  3402. height: 20px;
  3403. content: "";
  3404. vertical-align: 0; }
  3405. .mdc-list--dense .mdc-list-item {
  3406. height: 40px; }
  3407. .mdc-list--dense .mdc-list-item__graphic {
  3408. /* @noflip */
  3409. margin-left: 0;
  3410. /* @noflip */
  3411. margin-right: 36px;
  3412. width: 20px;
  3413. height: 20px;
  3414. font-size: 20px; }
  3415. .mdc-list-item[dir="rtl"] .mdc-list--dense .mdc-list-item__graphic,
  3416. [dir="rtl"] .mdc-list-item .mdc-list--dense .mdc-list-item__graphic {
  3417. /* @noflip */
  3418. margin-left: 36px;
  3419. /* @noflip */
  3420. margin-right: 0; }
  3421. .mdc-list--avatar-list .mdc-list-item {
  3422. height: 56px; }
  3423. .mdc-list--avatar-list .mdc-list-item__graphic {
  3424. /* @noflip */
  3425. margin-left: 0;
  3426. /* @noflip */
  3427. margin-right: 16px;
  3428. width: 40px;
  3429. height: 40px;
  3430. font-size: 40px;
  3431. border-radius: 50%; }
  3432. .mdc-list-item[dir="rtl"] .mdc-list--avatar-list .mdc-list-item__graphic,
  3433. [dir="rtl"] .mdc-list-item .mdc-list--avatar-list .mdc-list-item__graphic {
  3434. /* @noflip */
  3435. margin-left: 16px;
  3436. /* @noflip */
  3437. margin-right: 0; }
  3438. .mdc-list--two-line .mdc-list-item__text {
  3439. align-self: flex-start; }
  3440. .mdc-list--two-line .mdc-list-item {
  3441. height: 72px; }
  3442. .mdc-list--two-line.mdc-list--dense .mdc-list-item {
  3443. height: 60px; }
  3444. .mdc-list--avatar-list.mdc-list--dense .mdc-list-item {
  3445. height: 60px; }
  3446. .mdc-list--avatar-list.mdc-list--dense .mdc-list-item__graphic {
  3447. /* @noflip */
  3448. margin-left: 0;
  3449. /* @noflip */
  3450. margin-right: 20px;
  3451. width: 36px;
  3452. height: 36px;
  3453. font-size: 36px; }
  3454. .mdc-list-item[dir="rtl"] .mdc-list--avatar-list.mdc-list--dense .mdc-list-item__graphic,
  3455. [dir="rtl"] .mdc-list-item .mdc-list--avatar-list.mdc-list--dense .mdc-list-item__graphic {
  3456. /* @noflip */
  3457. margin-left: 20px;
  3458. /* @noflip */
  3459. margin-right: 0; }
  3460. :not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item {
  3461. --mdc-ripple-fg-size: 0;
  3462. --mdc-ripple-left: 0;
  3463. --mdc-ripple-top: 0;
  3464. --mdc-ripple-fg-scale: 1;
  3465. --mdc-ripple-fg-translate-end: 0;
  3466. --mdc-ripple-fg-translate-start: 0;
  3467. -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  3468. will-change: transform, opacity; }
  3469. :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 {
  3470. position: absolute;
  3471. border-radius: 50%;
  3472. opacity: 0;
  3473. pointer-events: none;
  3474. content: ""; }
  3475. :not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item::before {
  3476. transition: opacity 15ms linear, background-color 15ms linear;
  3477. z-index: 1; }
  3478. :not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item.mdc-ripple-upgraded::before {
  3479. -webkit-transform: scale(var(--mdc-ripple-fg-scale, 1));
  3480. transform: scale(var(--mdc-ripple-fg-scale, 1)); }
  3481. :not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item.mdc-ripple-upgraded::after {
  3482. top: 0;
  3483. /* @noflip */
  3484. left: 0;
  3485. -webkit-transform: scale(0);
  3486. transform: scale(0);
  3487. -webkit-transform-origin: center center;
  3488. transform-origin: center center; }
  3489. :not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item.mdc-ripple-upgraded--unbounded::after {
  3490. top: var(--mdc-ripple-top, 0);
  3491. /* @noflip */
  3492. left: var(--mdc-ripple-left, 0); }
  3493. :not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item.mdc-ripple-upgraded--foreground-activation::after {
  3494. -webkit-animation: 225ms mdc-ripple-fg-radius-in forwards, 75ms mdc-ripple-fg-opacity-in forwards;
  3495. animation: 225ms mdc-ripple-fg-radius-in forwards, 75ms mdc-ripple-fg-opacity-in forwards; }
  3496. :not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item.mdc-ripple-upgraded--foreground-deactivation::after {
  3497. -webkit-animation: 150ms mdc-ripple-fg-opacity-out;
  3498. animation: 150ms mdc-ripple-fg-opacity-out;
  3499. -webkit-transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
  3500. transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1)); }
  3501. :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 {
  3502. top: calc(50% - 100%);
  3503. /* @noflip */
  3504. left: calc(50% - 100%);
  3505. width: 200%;
  3506. height: 200%; }
  3507. :not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item.mdc-ripple-upgraded::after {
  3508. width: var(--mdc-ripple-fg-size, 100%);
  3509. height: var(--mdc-ripple-fg-size, 100%); }
  3510. :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 {
  3511. background-color: #000; }
  3512. :not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item:hover::before {
  3513. opacity: 0.04; }
  3514. :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 {
  3515. transition-duration: 75ms;
  3516. opacity: 0.12; }
  3517. :not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item:not(.mdc-ripple-upgraded)::after {
  3518. transition: opacity 150ms linear; }
  3519. :not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item:not(.mdc-ripple-upgraded):active::after {
  3520. transition-duration: 75ms;
  3521. opacity: 0.16; }
  3522. :not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item.mdc-ripple-upgraded {
  3523. --mdc-ripple-fg-opacity: 0.16; }
  3524. :not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item--activated::before {
  3525. opacity: 0.12; }
  3526. :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 {
  3527. background-color: #6200ee; }
  3528. @supports not (-ms-ime-align: auto) {
  3529. :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 {
  3530. /* @alternate */
  3531. background-color: var(--mdc-theme-primary, #6200ee); } }
  3532. :not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item--activated:hover::before {
  3533. opacity: 0.16; }
  3534. :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 {
  3535. transition-duration: 75ms;
  3536. opacity: 0.24; }
  3537. :not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item--activated:not(.mdc-ripple-upgraded)::after {
  3538. transition: opacity 150ms linear; }
  3539. :not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item--activated:not(.mdc-ripple-upgraded):active::after {
  3540. transition-duration: 75ms;
  3541. opacity: 0.28; }
  3542. :not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item--activated.mdc-ripple-upgraded {
  3543. --mdc-ripple-fg-opacity: 0.28; }
  3544. :not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item--selected::before {
  3545. opacity: 0.08; }
  3546. :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 {
  3547. background-color: #6200ee; }
  3548. @supports not (-ms-ime-align: auto) {
  3549. :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 {
  3550. /* @alternate */
  3551. background-color: var(--mdc-theme-primary, #6200ee); } }
  3552. :not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item--selected:hover::before {
  3553. opacity: 0.12; }
  3554. :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 {
  3555. transition-duration: 75ms;
  3556. opacity: 0.2; }
  3557. :not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item--selected:not(.mdc-ripple-upgraded)::after {
  3558. transition: opacity 150ms linear; }
  3559. :not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item--selected:not(.mdc-ripple-upgraded):active::after {
  3560. transition-duration: 75ms;
  3561. opacity: 0.24; }
  3562. :not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item--selected.mdc-ripple-upgraded {
  3563. --mdc-ripple-fg-opacity: 0.24; }
  3564. a.mdc-list-item {
  3565. color: inherit;
  3566. text-decoration: none; }
  3567. .mdc-list-divider {
  3568. height: 0;
  3569. margin: 0;
  3570. border: none;
  3571. border-bottom-width: 1px;
  3572. border-bottom-style: solid; }
  3573. .mdc-list-divider {
  3574. border-bottom-color: rgba(0, 0, 0, 0.12); }
  3575. .mdc-list-divider--padded {
  3576. margin: 0 16px; }
  3577. .mdc-list-divider--inset {
  3578. /* @noflip */
  3579. margin-left: 72px;
  3580. /* @noflip */
  3581. margin-right: 0;
  3582. width: calc(100% - 72px); }
  3583. .mdc-list-group[dir="rtl"] .mdc-list-divider--inset,
  3584. [dir="rtl"] .mdc-list-group .mdc-list-divider--inset {
  3585. /* @noflip */
  3586. margin-left: 0;
  3587. /* @noflip */
  3588. margin-right: 72px; }
  3589. .mdc-list-divider--inset.mdc-list-divider--padded {
  3590. width: calc(100% - 72px - 16px); }
  3591. .mdc-list-group .mdc-list {
  3592. padding: 0; }
  3593. .mdc-list-group__subheader {
  3594. font-family: Roboto, sans-serif;
  3595. -moz-osx-font-smoothing: grayscale;
  3596. -webkit-font-smoothing: antialiased;
  3597. font-size: 1rem;
  3598. line-height: 1.75rem;
  3599. font-weight: 400;
  3600. letter-spacing: 0.00937em;
  3601. text-decoration: inherit;
  3602. text-transform: inherit;
  3603. margin: 0.75rem 16px; }
  3604. .mdc-list-group__subheader {
  3605. color: rgba(0, 0, 0, 0.87);
  3606. /* @alternate */
  3607. color: var(--mdc-theme-text-primary-on-background, rgba(0, 0, 0, 0.87)); }
  3608. .mdc-menu {
  3609. min-width: 112px; }
  3610. .mdc-menu .mdc-list-item__meta {
  3611. color: rgba(0, 0, 0, 0.87);
  3612. /* @alternate */
  3613. color: var(--mdc-theme-text-primary-on-background, rgba(0, 0, 0, 0.87)); }
  3614. .mdc-menu .mdc-list-item__graphic {
  3615. color: rgba(0, 0, 0, 0.87);
  3616. /* @alternate */
  3617. color: var(--mdc-theme-text-primary-on-background, rgba(0, 0, 0, 0.87)); }
  3618. .mdc-menu .mdc-list-divider {
  3619. margin: 8px 0; }
  3620. .mdc-menu .mdc-list-item {
  3621. cursor: pointer;
  3622. -webkit-user-select: none;
  3623. -moz-user-select: none;
  3624. -ms-user-select: none;
  3625. user-select: none; }
  3626. .mdc-menu .mdc-list-item--disabled {
  3627. cursor: auto; }
  3628. .mdc-menu a.mdc-list-item .mdc-list-item__text,
  3629. .mdc-menu a.mdc-list-item .mdc-list-item__graphic {
  3630. pointer-events: none; }
  3631. .mdc-menu__selection-group {
  3632. padding: 0;
  3633. fill: currentColor; }
  3634. .mdc-menu__selection-group .mdc-list-item {
  3635. /* @noflip */
  3636. padding-left: 56px;
  3637. /* @noflip */
  3638. padding-right: 0; }
  3639. [dir="rtl"] .mdc-menu__selection-group .mdc-list-item, .mdc-menu__selection-group .mdc-list-item[dir="rtl"] {
  3640. /* @noflip */
  3641. padding-left: 0;
  3642. /* @noflip */
  3643. padding-right: 56px; }
  3644. .mdc-menu__selection-group-icon {
  3645. /* @noflip */
  3646. left: 16px;
  3647. /* @noflip */
  3648. right: initial;
  3649. display: none;
  3650. position: absolute; }
  3651. [dir="rtl"] .mdc-menu__selection-group-icon, .mdc-menu__selection-group-icon[dir="rtl"] {
  3652. /* @noflip */
  3653. left: initial;
  3654. /* @noflip */
  3655. right: 16px; }
  3656. .mdc-menu-item--selected .mdc-menu__selection-group-icon {
  3657. display: inline; }
  3658. .mdc-menu-surface {
  3659. 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);
  3660. background-color: #fff;
  3661. /* @alternate */
  3662. background-color: var(--mdc-theme-surface, #fff);
  3663. color: #000;
  3664. /* @alternate */
  3665. color: var(--mdc-theme-on-surface, #000);
  3666. /* @noflip */
  3667. transform-origin-left: top left;
  3668. /* @noflip */
  3669. transform-origin-right: top right;
  3670. border-radius: 4px;
  3671. display: none;
  3672. position: absolute;
  3673. box-sizing: border-box;
  3674. max-width: calc(100vw - 32px);
  3675. max-height: calc(100vh - 32px);
  3676. margin: 0;
  3677. padding: 0;
  3678. -webkit-transform: scale(1);
  3679. transform: scale(1);
  3680. -webkit-transform-origin: top left;
  3681. transform-origin: top left;
  3682. opacity: 0;
  3683. overflow: auto;
  3684. will-change: transform, opacity;
  3685. z-index: 4; }
  3686. [dir="rtl"] .mdc-menu-surface, .mdc-menu-surface[dir="rtl"] {
  3687. /* @noflip */
  3688. transform-origin-left: top right;
  3689. /* @noflip */
  3690. transform-origin-right: top left; }
  3691. .mdc-menu-surface:focus {
  3692. outline: none; }
  3693. .mdc-menu-surface--animating-open {
  3694. display: inline-block;
  3695. -webkit-transform: scale(0.8);
  3696. transform: scale(0.8);
  3697. transition: opacity 0.03s linear, -webkit-transform 0.12s cubic-bezier(0, 0, 0.2, 1);
  3698. transition: opacity 0.03s linear, transform 0.12s cubic-bezier(0, 0, 0.2, 1);
  3699. 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);
  3700. opacity: 0; }
  3701. .mdc-menu-surface--open {
  3702. display: inline-block;
  3703. -webkit-transform: scale(1);
  3704. transform: scale(1);
  3705. opacity: 1; }
  3706. .mdc-menu-surface--animating-closed {
  3707. display: inline-block;
  3708. transition: opacity 0.075s linear;
  3709. opacity: 0; }
  3710. .mdc-menu-surface--anchor {
  3711. position: relative;
  3712. overflow: visible; }
  3713. .mdc-menu-surface--fixed {
  3714. position: fixed; }
  3715. .mdc-notched-outline,
  3716. .mdc-notched-outline__idle {
  3717. position: absolute;
  3718. top: 0;
  3719. left: 0;
  3720. box-sizing: border-box;
  3721. width: 100%;
  3722. height: 100%; }
  3723. .mdc-notched-outline {
  3724. transition: opacity 150ms cubic-bezier(0.4, 0, 0.2, 1);
  3725. opacity: 0;
  3726. text-align: left;
  3727. overflow: hidden; }
  3728. [dir="rtl"] .mdc-notched-outline, .mdc-notched-outline[dir="rtl"] {
  3729. /* @noflip */
  3730. text-align: right; }
  3731. .mdc-notched-outline svg {
  3732. position: absolute;
  3733. width: 100%;
  3734. height: 100%; }
  3735. .mdc-notched-outline__idle {
  3736. transition: opacity 150ms cubic-bezier(0.4, 0, 0.2, 1), border-color 150ms cubic-bezier(0.4, 0, 0.2, 1);
  3737. border: 1px solid;
  3738. opacity: 1; }
  3739. .mdc-notched-outline__path {
  3740. stroke-width: 1px;
  3741. transition: stroke 150ms cubic-bezier(0.4, 0, 0.2, 1), stroke-width 150ms cubic-bezier(0.4, 0, 0.2, 1);
  3742. fill: transparent; }
  3743. .mdc-notched-outline--notched {
  3744. opacity: 1; }
  3745. .mdc-notched-outline--notched ~ .mdc-notched-outline__idle {
  3746. opacity: 0; }
  3747. .mdc-radio {
  3748. --mdc-ripple-fg-size: 0;
  3749. --mdc-ripple-left: 0;
  3750. --mdc-ripple-top: 0;
  3751. --mdc-ripple-fg-scale: 1;
  3752. --mdc-ripple-fg-translate-end: 0;
  3753. --mdc-ripple-fg-translate-start: 0;
  3754. -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  3755. will-change: transform, opacity;
  3756. display: inline-block;
  3757. position: relative;
  3758. flex: 0 0 auto;
  3759. box-sizing: border-box;
  3760. width: 40px;
  3761. height: 40px;
  3762. padding: 10px;
  3763. cursor: pointer;
  3764. /* @alternate */
  3765. will-change: opacity, transform, border-color, color; }
  3766. .mdc-radio .mdc-radio__native-control:enabled:not(:checked) + .mdc-radio__background .mdc-radio__outer-circle {
  3767. border-color: rgba(0, 0, 0, 0.54); }
  3768. .mdc-radio .mdc-radio__native-control:enabled:checked + .mdc-radio__background .mdc-radio__outer-circle {
  3769. border-color: #018786;
  3770. /* @alternate */
  3771. border-color: var(--mdc-theme-secondary, #018786); }
  3772. .mdc-radio .mdc-radio__native-control:enabled + .mdc-radio__background .mdc-radio__inner-circle {
  3773. border-color: #018786;
  3774. /* @alternate */
  3775. border-color: var(--mdc-theme-secondary, #018786); }
  3776. .mdc-radio .mdc-radio__background::before {
  3777. background-color: #018786; }
  3778. @supports not (-ms-ime-align: auto) {
  3779. .mdc-radio .mdc-radio__background::before {
  3780. /* @alternate */
  3781. background-color: var(--mdc-theme-secondary, #018786); } }
  3782. .mdc-radio::before, .mdc-radio::after {
  3783. position: absolute;
  3784. border-radius: 50%;
  3785. opacity: 0;
  3786. pointer-events: none;
  3787. content: ""; }
  3788. .mdc-radio::before {
  3789. transition: opacity 15ms linear, background-color 15ms linear;
  3790. z-index: 1; }
  3791. .mdc-radio.mdc-ripple-upgraded::before {
  3792. -webkit-transform: scale(var(--mdc-ripple-fg-scale, 1));
  3793. transform: scale(var(--mdc-ripple-fg-scale, 1)); }
  3794. .mdc-radio.mdc-ripple-upgraded::after {
  3795. top: 0;
  3796. /* @noflip */
  3797. left: 0;
  3798. -webkit-transform: scale(0);
  3799. transform: scale(0);
  3800. -webkit-transform-origin: center center;
  3801. transform-origin: center center; }
  3802. .mdc-radio.mdc-ripple-upgraded--unbounded::after {
  3803. top: var(--mdc-ripple-top, 0);
  3804. /* @noflip */
  3805. left: var(--mdc-ripple-left, 0); }
  3806. .mdc-radio.mdc-ripple-upgraded--foreground-activation::after {
  3807. -webkit-animation: 225ms mdc-ripple-fg-radius-in forwards, 75ms mdc-ripple-fg-opacity-in forwards;
  3808. animation: 225ms mdc-ripple-fg-radius-in forwards, 75ms mdc-ripple-fg-opacity-in forwards; }
  3809. .mdc-radio.mdc-ripple-upgraded--foreground-deactivation::after {
  3810. -webkit-animation: 150ms mdc-ripple-fg-opacity-out;
  3811. animation: 150ms mdc-ripple-fg-opacity-out;
  3812. -webkit-transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
  3813. transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1)); }
  3814. .mdc-radio::before, .mdc-radio::after {
  3815. top: calc(50% - 50%);
  3816. /* @noflip */
  3817. left: calc(50% - 50%);
  3818. width: 100%;
  3819. height: 100%; }
  3820. .mdc-radio.mdc-ripple-upgraded::before, .mdc-radio.mdc-ripple-upgraded::after {
  3821. top: var(--mdc-ripple-top, calc(50% - 50%));
  3822. /* @noflip */
  3823. left: var(--mdc-ripple-left, calc(50% - 50%));
  3824. width: var(--mdc-ripple-fg-size, 100%);
  3825. height: var(--mdc-ripple-fg-size, 100%); }
  3826. .mdc-radio.mdc-ripple-upgraded::after {
  3827. width: var(--mdc-ripple-fg-size, 100%);
  3828. height: var(--mdc-ripple-fg-size, 100%); }
  3829. .mdc-radio::before, .mdc-radio::after {
  3830. background-color: #018786; }
  3831. @supports not (-ms-ime-align: auto) {
  3832. .mdc-radio::before, .mdc-radio::after {
  3833. /* @alternate */
  3834. background-color: var(--mdc-theme-secondary, #018786); } }
  3835. .mdc-radio:hover::before {
  3836. opacity: 0.04; }
  3837. .mdc-radio:not(.mdc-ripple-upgraded):focus::before, .mdc-radio.mdc-ripple-upgraded--background-focused::before {
  3838. transition-duration: 75ms;
  3839. opacity: 0.12; }
  3840. .mdc-radio:not(.mdc-ripple-upgraded)::after {
  3841. transition: opacity 150ms linear; }
  3842. .mdc-radio:not(.mdc-ripple-upgraded):active::after {
  3843. transition-duration: 75ms;
  3844. opacity: 0.16; }
  3845. .mdc-radio.mdc-ripple-upgraded {
  3846. --mdc-ripple-fg-opacity: 0.16; }
  3847. .mdc-radio__background {
  3848. display: inline-block;
  3849. position: absolute;
  3850. left: 10px;
  3851. box-sizing: border-box;
  3852. width: 50%;
  3853. height: 50%; }
  3854. .mdc-radio__background::before {
  3855. position: absolute;
  3856. top: 0;
  3857. left: 0;
  3858. width: 100%;
  3859. height: 100%;
  3860. -webkit-transform: scale(0, 0);
  3861. transform: scale(0, 0);
  3862. transition: opacity 120ms 0ms cubic-bezier(0.4, 0, 0.6, 1), -webkit-transform 120ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
  3863. transition: opacity 120ms 0ms cubic-bezier(0.4, 0, 0.6, 1), transform 120ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
  3864. 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);
  3865. border-radius: 50%;
  3866. opacity: 0;
  3867. pointer-events: none;
  3868. content: ""; }
  3869. .mdc-radio__outer-circle {
  3870. position: absolute;
  3871. top: 0;
  3872. left: 0;
  3873. box-sizing: border-box;
  3874. width: 100%;
  3875. height: 100%;
  3876. transition: border-color 120ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
  3877. border-width: 2px;
  3878. border-style: solid;
  3879. border-radius: 50%; }
  3880. .mdc-radio__inner-circle {
  3881. position: absolute;
  3882. top: 0;
  3883. left: 0;
  3884. box-sizing: border-box;
  3885. width: 100%;
  3886. height: 100%;
  3887. -webkit-transform: scale(0, 0);
  3888. transform: scale(0, 0);
  3889. 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);
  3890. transition: transform 120ms 0ms cubic-bezier(0.4, 0, 0.6, 1), border-color 120ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
  3891. 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);
  3892. border-width: 10px;
  3893. border-style: solid;
  3894. border-radius: 50%; }
  3895. .mdc-radio__native-control {
  3896. position: absolute;
  3897. top: 0;
  3898. left: 0;
  3899. width: 100%;
  3900. height: 100%;
  3901. margin: 0;
  3902. padding: 0;
  3903. opacity: 0;
  3904. cursor: inherit;
  3905. z-index: 1; }
  3906. .mdc-radio.mdc-ripple-upgraded--background-focused .mdc-radio__background::before {
  3907. content: none; }
  3908. .mdc-radio__native-control:checked + .mdc-radio__background,
  3909. .mdc-radio__native-control:disabled + .mdc-radio__background {
  3910. transition: opacity 120ms 0ms cubic-bezier(0, 0, 0.2, 1), -webkit-transform 120ms 0ms cubic-bezier(0, 0, 0.2, 1);
  3911. transition: opacity 120ms 0ms cubic-bezier(0, 0, 0.2, 1), transform 120ms 0ms cubic-bezier(0, 0, 0.2, 1);
  3912. 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); }
  3913. .mdc-radio__native-control:checked + .mdc-radio__background .mdc-radio__outer-circle,
  3914. .mdc-radio__native-control:disabled + .mdc-radio__background .mdc-radio__outer-circle {
  3915. transition: border-color 120ms 0ms cubic-bezier(0, 0, 0.2, 1); }
  3916. .mdc-radio__native-control:checked + .mdc-radio__background .mdc-radio__inner-circle,
  3917. .mdc-radio__native-control:disabled + .mdc-radio__background .mdc-radio__inner-circle {
  3918. transition: border-color 120ms 0ms cubic-bezier(0, 0, 0.2, 1), -webkit-transform 120ms 0ms cubic-bezier(0, 0, 0.2, 1);
  3919. transition: transform 120ms 0ms cubic-bezier(0, 0, 0.2, 1), border-color 120ms 0ms cubic-bezier(0, 0, 0.2, 1);
  3920. 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); }
  3921. .mdc-radio--disabled {
  3922. cursor: default;
  3923. pointer-events: none; }
  3924. .mdc-radio__native-control:checked + .mdc-radio__background .mdc-radio__inner-circle {
  3925. -webkit-transform: scale(0.5);
  3926. transform: scale(0.5);
  3927. transition: border-color 120ms 0ms cubic-bezier(0, 0, 0.2, 1), -webkit-transform 120ms 0ms cubic-bezier(0, 0, 0.2, 1);
  3928. transition: transform 120ms 0ms cubic-bezier(0, 0, 0.2, 1), border-color 120ms 0ms cubic-bezier(0, 0, 0.2, 1);
  3929. 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); }
  3930. .mdc-radio__native-control:disabled + .mdc-radio__background,
  3931. [aria-disabled="true"] .mdc-radio__native-control + .mdc-radio__background {
  3932. cursor: default; }
  3933. .mdc-radio__native-control:disabled + .mdc-radio__background .mdc-radio__outer-circle,
  3934. [aria-disabled="true"] .mdc-radio__native-control + .mdc-radio__background .mdc-radio__outer-circle {
  3935. border-color: rgba(0, 0, 0, 0.26); }
  3936. .mdc-radio__native-control:disabled + .mdc-radio__background .mdc-radio__inner-circle,
  3937. [aria-disabled="true"] .mdc-radio__native-control + .mdc-radio__background .mdc-radio__inner-circle {
  3938. border-color: rgba(0, 0, 0, 0.26); }
  3939. .mdc-radio__native-control:focus + .mdc-radio__background::before {
  3940. -webkit-transform: scale(2, 2);
  3941. transform: scale(2, 2);
  3942. transition: opacity 120ms 0ms cubic-bezier(0, 0, 0.2, 1), -webkit-transform 120ms 0ms cubic-bezier(0, 0, 0.2, 1);
  3943. transition: opacity 120ms 0ms cubic-bezier(0, 0, 0.2, 1), transform 120ms 0ms cubic-bezier(0, 0, 0.2, 1);
  3944. 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);
  3945. opacity: 0.12; }
  3946. .mdc-ripple-surface {
  3947. --mdc-ripple-fg-size: 0;
  3948. --mdc-ripple-left: 0;
  3949. --mdc-ripple-top: 0;
  3950. --mdc-ripple-fg-scale: 1;
  3951. --mdc-ripple-fg-translate-end: 0;
  3952. --mdc-ripple-fg-translate-start: 0;
  3953. -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  3954. will-change: transform, opacity;
  3955. position: relative;
  3956. outline: none;
  3957. overflow: hidden; }
  3958. .mdc-ripple-surface::before, .mdc-ripple-surface::after {
  3959. position: absolute;
  3960. border-radius: 50%;
  3961. opacity: 0;
  3962. pointer-events: none;
  3963. content: ""; }
  3964. .mdc-ripple-surface::before {
  3965. transition: opacity 15ms linear, background-color 15ms linear;
  3966. z-index: 1; }
  3967. .mdc-ripple-surface.mdc-ripple-upgraded::before {
  3968. -webkit-transform: scale(var(--mdc-ripple-fg-scale, 1));
  3969. transform: scale(var(--mdc-ripple-fg-scale, 1)); }
  3970. .mdc-ripple-surface.mdc-ripple-upgraded::after {
  3971. top: 0;
  3972. /* @noflip */
  3973. left: 0;
  3974. -webkit-transform: scale(0);
  3975. transform: scale(0);
  3976. -webkit-transform-origin: center center;
  3977. transform-origin: center center; }
  3978. .mdc-ripple-surface.mdc-ripple-upgraded--unbounded::after {
  3979. top: var(--mdc-ripple-top, 0);
  3980. /* @noflip */
  3981. left: var(--mdc-ripple-left, 0); }
  3982. .mdc-ripple-surface.mdc-ripple-upgraded--foreground-activation::after {
  3983. -webkit-animation: 225ms mdc-ripple-fg-radius-in forwards, 75ms mdc-ripple-fg-opacity-in forwards;
  3984. animation: 225ms mdc-ripple-fg-radius-in forwards, 75ms mdc-ripple-fg-opacity-in forwards; }
  3985. .mdc-ripple-surface.mdc-ripple-upgraded--foreground-deactivation::after {
  3986. -webkit-animation: 150ms mdc-ripple-fg-opacity-out;
  3987. animation: 150ms mdc-ripple-fg-opacity-out;
  3988. -webkit-transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
  3989. transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1)); }
  3990. .mdc-ripple-surface::before, .mdc-ripple-surface::after {
  3991. background-color: #000; }
  3992. .mdc-ripple-surface:hover::before {
  3993. opacity: 0.04; }
  3994. .mdc-ripple-surface:not(.mdc-ripple-upgraded):focus::before, .mdc-ripple-surface.mdc-ripple-upgraded--background-focused::before {
  3995. transition-duration: 75ms;
  3996. opacity: 0.12; }
  3997. .mdc-ripple-surface:not(.mdc-ripple-upgraded)::after {
  3998. transition: opacity 150ms linear; }
  3999. .mdc-ripple-surface:not(.mdc-ripple-upgraded):active::after {
  4000. transition-duration: 75ms;
  4001. opacity: 0.16; }
  4002. .mdc-ripple-surface.mdc-ripple-upgraded {
  4003. --mdc-ripple-fg-opacity: 0.16; }
  4004. .mdc-ripple-surface::before, .mdc-ripple-surface::after {
  4005. top: calc(50% - 100%);
  4006. /* @noflip */
  4007. left: calc(50% - 100%);
  4008. width: 200%;
  4009. height: 200%; }
  4010. .mdc-ripple-surface.mdc-ripple-upgraded::after {
  4011. width: var(--mdc-ripple-fg-size, 100%);
  4012. height: var(--mdc-ripple-fg-size, 100%); }
  4013. .mdc-ripple-surface[data-mdc-ripple-is-unbounded] {
  4014. overflow: visible; }
  4015. .mdc-ripple-surface[data-mdc-ripple-is-unbounded]::before, .mdc-ripple-surface[data-mdc-ripple-is-unbounded]::after {
  4016. top: calc(50% - 50%);
  4017. /* @noflip */
  4018. left: calc(50% - 50%);
  4019. width: 100%;
  4020. height: 100%; }
  4021. .mdc-ripple-surface[data-mdc-ripple-is-unbounded].mdc-ripple-upgraded::before, .mdc-ripple-surface[data-mdc-ripple-is-unbounded].mdc-ripple-upgraded::after {
  4022. top: var(--mdc-ripple-top, calc(50% - 50%));
  4023. /* @noflip */
  4024. left: var(--mdc-ripple-left, calc(50% - 50%));
  4025. width: var(--mdc-ripple-fg-size, 100%);
  4026. height: var(--mdc-ripple-fg-size, 100%); }
  4027. .mdc-ripple-surface[data-mdc-ripple-is-unbounded].mdc-ripple-upgraded::after {
  4028. width: var(--mdc-ripple-fg-size, 100%);
  4029. height: var(--mdc-ripple-fg-size, 100%); }
  4030. .mdc-ripple-surface--primary::before, .mdc-ripple-surface--primary::after {
  4031. background-color: #6200ee; }
  4032. @supports not (-ms-ime-align: auto) {
  4033. .mdc-ripple-surface--primary::before, .mdc-ripple-surface--primary::after {
  4034. /* @alternate */
  4035. background-color: var(--mdc-theme-primary, #6200ee); } }
  4036. .mdc-ripple-surface--primary:hover::before {
  4037. opacity: 0.04; }
  4038. .mdc-ripple-surface--primary:not(.mdc-ripple-upgraded):focus::before, .mdc-ripple-surface--primary.mdc-ripple-upgraded--background-focused::before {
  4039. transition-duration: 75ms;
  4040. opacity: 0.12; }
  4041. .mdc-ripple-surface--primary:not(.mdc-ripple-upgraded)::after {
  4042. transition: opacity 150ms linear; }
  4043. .mdc-ripple-surface--primary:not(.mdc-ripple-upgraded):active::after {
  4044. transition-duration: 75ms;
  4045. opacity: 0.16; }
  4046. .mdc-ripple-surface--primary.mdc-ripple-upgraded {
  4047. --mdc-ripple-fg-opacity: 0.16; }
  4048. .mdc-ripple-surface--accent::before, .mdc-ripple-surface--accent::after {
  4049. background-color: #018786; }
  4050. @supports not (-ms-ime-align: auto) {
  4051. .mdc-ripple-surface--accent::before, .mdc-ripple-surface--accent::after {
  4052. /* @alternate */
  4053. background-color: var(--mdc-theme-secondary, #018786); } }
  4054. .mdc-ripple-surface--accent:hover::before {
  4055. opacity: 0.04; }
  4056. .mdc-ripple-surface--accent:not(.mdc-ripple-upgraded):focus::before, .mdc-ripple-surface--accent.mdc-ripple-upgraded--background-focused::before {
  4057. transition-duration: 75ms;
  4058. opacity: 0.12; }
  4059. .mdc-ripple-surface--accent:not(.mdc-ripple-upgraded)::after {
  4060. transition: opacity 150ms linear; }
  4061. .mdc-ripple-surface--accent:not(.mdc-ripple-upgraded):active::after {
  4062. transition-duration: 75ms;
  4063. opacity: 0.16; }
  4064. .mdc-ripple-surface--accent.mdc-ripple-upgraded {
  4065. --mdc-ripple-fg-opacity: 0.16; }
  4066. @-webkit-keyframes mdc-select-float-native-control {
  4067. 0% {
  4068. -webkit-transform: translateY(8px);
  4069. transform: translateY(8px);
  4070. opacity: 0; }
  4071. 100% {
  4072. -webkit-transform: translateY(0);
  4073. transform: translateY(0);
  4074. opacity: 1; } }
  4075. @keyframes mdc-select-float-native-control {
  4076. 0% {
  4077. -webkit-transform: translateY(8px);
  4078. transform: translateY(8px);
  4079. opacity: 0; }
  4080. 100% {
  4081. -webkit-transform: translateY(0);
  4082. transform: translateY(0);
  4083. opacity: 1; } }
  4084. .mdc-select--with-leading-icon:not(.mdc-select--disabled) .mdc-select__icon {
  4085. color: #000;
  4086. /* @alternate */
  4087. color: var(--mdc-theme-on-surface, #000); }
  4088. .mdc-select--with-leading-icon .mdc-select__icon {
  4089. display: inline-block;
  4090. position: absolute;
  4091. bottom: 16px;
  4092. box-sizing: border-box;
  4093. width: 24px;
  4094. height: 24px;
  4095. border: none;
  4096. background-color: transparent;
  4097. fill: currentColor;
  4098. opacity: 0.54;
  4099. text-decoration: none;
  4100. cursor: pointer;
  4101. -webkit-user-select: none;
  4102. -moz-user-select: none;
  4103. -ms-user-select: none;
  4104. user-select: none; }
  4105. .mdc-select__icon:not([tabindex]),
  4106. .mdc-select__icon[tabindex="-1"] {
  4107. cursor: default;
  4108. pointer-events: none; }
  4109. .mdc-select-helper-text {
  4110. font-family: Roboto, sans-serif;
  4111. -moz-osx-font-smoothing: grayscale;
  4112. -webkit-font-smoothing: antialiased;
  4113. font-size: 0.75rem;
  4114. line-height: 1.25rem;
  4115. font-weight: 400;
  4116. letter-spacing: 0.03333em;
  4117. text-decoration: inherit;
  4118. text-transform: inherit;
  4119. display: block;
  4120. margin-top: 0;
  4121. /* @alternate */
  4122. line-height: normal;
  4123. margin: 0;
  4124. transition: opacity 180ms cubic-bezier(0.4, 0, 0.2, 1);
  4125. opacity: 0;
  4126. will-change: opacity; }
  4127. .mdc-select-helper-text::before {
  4128. display: inline-block;
  4129. width: 0;
  4130. height: 16px;
  4131. content: "";
  4132. vertical-align: 0; }
  4133. .mdc-select-helper-text--persistent {
  4134. transition: none;
  4135. opacity: 1;
  4136. will-change: initial; }
  4137. .mdc-select {
  4138. --mdc-ripple-fg-size: 0;
  4139. --mdc-ripple-left: 0;
  4140. --mdc-ripple-top: 0;
  4141. --mdc-ripple-fg-scale: 1;
  4142. --mdc-ripple-fg-translate-end: 0;
  4143. --mdc-ripple-fg-translate-start: 0;
  4144. -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  4145. will-change: transform, opacity;
  4146. display: inline-flex;
  4147. position: relative;
  4148. box-sizing: border-box;
  4149. height: 56px;
  4150. overflow: hidden;
  4151. will-change: opacity, transform, color; }
  4152. .mdc-select:not(.mdc-select--disabled) {
  4153. background-color: whitesmoke; }
  4154. .mdc-select::before, .mdc-select::after {
  4155. position: absolute;
  4156. border-radius: 50%;
  4157. opacity: 0;
  4158. pointer-events: none;
  4159. content: ""; }
  4160. .mdc-select::before {
  4161. transition: opacity 15ms linear, background-color 15ms linear;
  4162. z-index: 1; }
  4163. .mdc-select.mdc-ripple-upgraded::before {
  4164. -webkit-transform: scale(var(--mdc-ripple-fg-scale, 1));
  4165. transform: scale(var(--mdc-ripple-fg-scale, 1)); }
  4166. .mdc-select.mdc-ripple-upgraded::after {
  4167. top: 0;
  4168. /* @noflip */
  4169. left: 0;
  4170. -webkit-transform: scale(0);
  4171. transform: scale(0);
  4172. -webkit-transform-origin: center center;
  4173. transform-origin: center center; }
  4174. .mdc-select.mdc-ripple-upgraded--unbounded::after {
  4175. top: var(--mdc-ripple-top, 0);
  4176. /* @noflip */
  4177. left: var(--mdc-ripple-left, 0); }
  4178. .mdc-select.mdc-ripple-upgraded--foreground-activation::after {
  4179. -webkit-animation: 225ms mdc-ripple-fg-radius-in forwards, 75ms mdc-ripple-fg-opacity-in forwards;
  4180. animation: 225ms mdc-ripple-fg-radius-in forwards, 75ms mdc-ripple-fg-opacity-in forwards; }
  4181. .mdc-select.mdc-ripple-upgraded--foreground-deactivation::after {
  4182. -webkit-animation: 150ms mdc-ripple-fg-opacity-out;
  4183. animation: 150ms mdc-ripple-fg-opacity-out;
  4184. -webkit-transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
  4185. transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1)); }
  4186. .mdc-select::before, .mdc-select::after {
  4187. top: calc(50% - 100%);
  4188. /* @noflip */
  4189. left: calc(50% - 100%);
  4190. width: 200%;
  4191. height: 200%; }
  4192. .mdc-select.mdc-ripple-upgraded::after {
  4193. width: var(--mdc-ripple-fg-size, 100%);
  4194. height: var(--mdc-ripple-fg-size, 100%); }
  4195. .mdc-select::before, .mdc-select::after {
  4196. background-color: rgba(0, 0, 0, 0.87); }
  4197. .mdc-select:hover::before {
  4198. opacity: 0.04; }
  4199. .mdc-select:not(.mdc-ripple-upgraded):focus::before, .mdc-select.mdc-ripple-upgraded--background-focused::before {
  4200. transition-duration: 75ms;
  4201. opacity: 0.12; }
  4202. .mdc-select:not(.mdc-select--disabled) .mdc-select__native-control,
  4203. .mdc-select:not(.mdc-select--disabled) .mdc-select__selected-text {
  4204. color: rgba(0, 0, 0, 0.87); }
  4205. .mdc-select:not(.mdc-select--disabled) .mdc-floating-label {
  4206. color: rgba(0, 0, 0, 0.6); }
  4207. .mdc-select:not(.mdc-select--disabled) .mdc-select__native-control,
  4208. .mdc-select:not(.mdc-select--disabled) .mdc-select__selected-text {
  4209. border-bottom-color: rgba(0, 0, 0, 0.42); }
  4210. .mdc-select:not(.mdc-select--disabled) + .mdc-select-helper-text {
  4211. color: rgba(0, 0, 0, 0.6); }
  4212. .mdc-select, .mdc-select__native-control {
  4213. border-radius: 4px 4px 0 0; }
  4214. .mdc-select:not(.mdc-select--disabled).mdc-select--focused .mdc-line-ripple {
  4215. background-color: #6200ee;
  4216. /* @alternate */
  4217. background-color: var(--mdc-theme-primary, #6200ee); }
  4218. .mdc-select:not(.mdc-select--disabled).mdc-select--focused .mdc-floating-label {
  4219. color: rgba(98, 0, 238, 0.87); }
  4220. .mdc-select:not(.mdc-select--disabled) .mdc-select__native-control:hover {
  4221. border-bottom-color: rgba(0, 0, 0, 0.87); }
  4222. .mdc-select .mdc-floating-label--float-above {
  4223. -webkit-transform: translateY(-40%) scale(0.75);
  4224. transform: translateY(-40%) scale(0.75); }
  4225. .mdc-select .mdc-floating-label {
  4226. /* @noflip */
  4227. left: 16px;
  4228. /* @noflip */
  4229. right: initial;
  4230. bottom: 12px;
  4231. line-height: 1.75rem;
  4232. pointer-events: none; }
  4233. [dir="rtl"] .mdc-select .mdc-floating-label, .mdc-select .mdc-floating-label[dir="rtl"] {
  4234. /* @noflip */
  4235. left: initial;
  4236. /* @noflip */
  4237. right: 16px; }
  4238. [dir="rtl"] .mdc-select, .mdc-select[dir="rtl"] {
  4239. background-position: left 10px center; }
  4240. .mdc-select__dropdown-icon {
  4241. 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;
  4242. /* @noflip */
  4243. left: auto;
  4244. /* @noflip */
  4245. right: 8px;
  4246. position: absolute;
  4247. bottom: 16px;
  4248. width: 24px;
  4249. height: 24px;
  4250. transition: -webkit-transform 150ms cubic-bezier(0.4, 0, 0.2, 1);
  4251. transition: transform 150ms cubic-bezier(0.4, 0, 0.2, 1);
  4252. transition: transform 150ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 150ms cubic-bezier(0.4, 0, 0.2, 1);
  4253. pointer-events: none; }
  4254. [dir="rtl"] .mdc-select__dropdown-icon, .mdc-select__dropdown-icon[dir="rtl"] {
  4255. /* @noflip */
  4256. left: 8px;
  4257. /* @noflip */
  4258. right: auto; }
  4259. .mdc-select--focused .mdc-select__dropdown-icon {
  4260. 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;
  4261. -webkit-transform: rotate(180deg) translateY(-5px);
  4262. transform: rotate(180deg) translateY(-5px);
  4263. transition: -webkit-transform 150ms cubic-bezier(0.4, 0, 0.2, 1);
  4264. transition: transform 150ms cubic-bezier(0.4, 0, 0.2, 1);
  4265. transition: transform 150ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 150ms cubic-bezier(0.4, 0, 0.2, 1); }
  4266. .mdc-select__native-control {
  4267. padding-top: 20px; }
  4268. .mdc-select.mdc-select--focused .mdc-line-ripple::after {
  4269. -webkit-transform: scale(1, 2);
  4270. transform: scale(1, 2);
  4271. opacity: 1; }
  4272. .mdc-select + .mdc-select-helper-text {
  4273. margin-right: 12px;
  4274. margin-left: 12px; }
  4275. .mdc-select--outlined + .mdc-select-helper-text {
  4276. margin-right: 16px;
  4277. margin-left: 16px; }
  4278. .mdc-select--focused + .mdc-select-helper-text:not(.mdc-select-helper-text--validation-msg) {
  4279. opacity: 1; }
  4280. .mdc-select__selected-text {
  4281. min-width: 200px;
  4282. padding-top: 22px; }
  4283. .mdc-select__native-control,
  4284. .mdc-select__selected-text {
  4285. /* @noflip */
  4286. padding-left: 16px;
  4287. /* @noflip */
  4288. padding-right: 26px;
  4289. font-family: Roboto, sans-serif;
  4290. -moz-osx-font-smoothing: grayscale;
  4291. -webkit-font-smoothing: antialiased;
  4292. font-size: 1rem;
  4293. line-height: 1.75rem;
  4294. font-weight: 400;
  4295. letter-spacing: 0.00937em;
  4296. text-decoration: inherit;
  4297. text-transform: inherit;
  4298. box-sizing: border-box;
  4299. width: 100%;
  4300. height: 56px;
  4301. padding-top: 20px;
  4302. padding-bottom: 4px;
  4303. border: none;
  4304. border-bottom: 1px solid;
  4305. outline: none;
  4306. background-color: transparent;
  4307. color: inherit;
  4308. white-space: nowrap;
  4309. cursor: pointer;
  4310. -webkit-appearance: none;
  4311. -moz-appearance: none;
  4312. appearance: none; }
  4313. [dir="rtl"] .mdc-select__native-control, .mdc-select__native-control[dir="rtl"], [dir="rtl"]
  4314. .mdc-select__selected-text,
  4315. .mdc-select__selected-text[dir="rtl"] {
  4316. /* @noflip */
  4317. padding-left: 26px;
  4318. /* @noflip */
  4319. padding-right: 16px; }
  4320. .mdc-select__native-control::-ms-expand,
  4321. .mdc-select__selected-text::-ms-expand {
  4322. display: none; }
  4323. .mdc-select__native-control::-ms-value,
  4324. .mdc-select__selected-text::-ms-value {
  4325. background-color: transparent;
  4326. color: inherit; }
  4327. @-moz-document url-prefix("") {
  4328. .mdc-select__native-control,
  4329. .mdc-select__selected-text {
  4330. text-indent: -2px; } }
  4331. .mdc-select__native-control > option,
  4332. .mdc-select__selected-text > option {
  4333. background-color: #fff;
  4334. /* @alternate */
  4335. background-color: var(--mdc-theme-surface, #fff);
  4336. color: inherit; }
  4337. .mdc-select--outlined {
  4338. border: none;
  4339. overflow: visible; }
  4340. .mdc-select--outlined:not(.mdc-select--disabled) {
  4341. background-color: transparent; }
  4342. .mdc-select--outlined:not(.mdc-select--disabled) .mdc-notched-outline__idle {
  4343. border-color: rgba(0, 0, 0, 0.24); }
  4344. .mdc-select--outlined:not(.mdc-select--disabled) .mdc-notched-outline__path {
  4345. stroke: rgba(0, 0, 0, 0.24); }
  4346. .mdc-select--outlined:not(.mdc-select--disabled):not(.mdc-select--focused) .mdc-select__native-control:hover ~ .mdc-notched-outline__idle,
  4347. .mdc-select--outlined:not(.mdc-select--disabled):not(.mdc-select--focused) .mdc-select__selected-text:hover ~ .mdc-notched-outline__idle {
  4348. border-color: rgba(0, 0, 0, 0.87); }
  4349. .mdc-select--outlined:not(.mdc-select--disabled):not(.mdc-select--focused) .mdc-select__native-control:hover ~ .mdc-notched-outline .mdc-notched-outline__path,
  4350. .mdc-select--outlined:not(.mdc-select--disabled):not(.mdc-select--focused) .mdc-select__selected-text:hover ~ .mdc-notched-outline .mdc-notched-outline__path {
  4351. stroke: rgba(0, 0, 0, 0.87); }
  4352. .mdc-select--outlined:not(.mdc-select--disabled).mdc-select--focused .mdc-notched-outline .mdc-notched-outline__path {
  4353. stroke-width: 2px; }
  4354. .mdc-select--outlined:not(.mdc-select--disabled).mdc-select--focused .mdc-notched-outline .mdc-notched-outline__path {
  4355. stroke: #6200ee;
  4356. /* @alternate */
  4357. stroke: var(--mdc-theme-primary, #6200ee); }
  4358. .mdc-select--outlined:not(.mdc-select--disabled).mdc-select--focused .mdc-notched-outline__idle {
  4359. border-color: #6200ee;
  4360. /* @alternate */
  4361. border-color: var(--mdc-theme-primary, #6200ee); }
  4362. .mdc-select--outlined .mdc-floating-label--shake {
  4363. -webkit-animation: mdc-floating-label-shake-float-above-text-field-outlined 250ms 1;
  4364. animation: mdc-floating-label-shake-float-above-text-field-outlined 250ms 1; }
  4365. .mdc-select--outlined .mdc-notched-outline {
  4366. border-radius: 4px; }
  4367. .mdc-select--outlined .mdc-notched-outline__idle {
  4368. border-radius: 4px; }
  4369. .mdc-select--outlined__native-control {
  4370. border-radius: 4px; }
  4371. .mdc-select--outlined .mdc-floating-label--float-above {
  4372. -webkit-transform: translateY(-130%) scale(0.75);
  4373. transform: translateY(-130%) scale(0.75); }
  4374. .mdc-select--outlined::before, .mdc-select--outlined::after {
  4375. background-color: transparent; }
  4376. .mdc-select--outlined:not(.mdc-select--disabled) {
  4377. background-color: transparent; }
  4378. .mdc-select--outlined .mdc-select__native-control,
  4379. .mdc-select--outlined .mdc-select__selected-text {
  4380. /* @noflip */
  4381. padding-left: 16px;
  4382. /* @noflip */
  4383. padding-right: 26px;
  4384. display: flex;
  4385. padding-top: 12px;
  4386. padding-bottom: 12px;
  4387. border: none;
  4388. background-color: transparent;
  4389. z-index: 1; }
  4390. [dir="rtl"] .mdc-select--outlined .mdc-select__native-control, .mdc-select--outlined .mdc-select__native-control[dir="rtl"], [dir="rtl"]
  4391. .mdc-select--outlined .mdc-select__selected-text,
  4392. .mdc-select--outlined .mdc-select__selected-text[dir="rtl"] {
  4393. /* @noflip */
  4394. padding-left: 26px;
  4395. /* @noflip */
  4396. padding-right: 16px; }
  4397. .mdc-select--outlined .mdc-select__selected-text {
  4398. padding-top: 14px; }
  4399. .mdc-select--outlined .mdc-select__icon {
  4400. z-index: 2; }
  4401. .mdc-select--outlined .mdc-floating-label {
  4402. bottom: 20px;
  4403. line-height: 1.15rem;
  4404. pointer-events: auto; }
  4405. .mdc-select--invalid:not(.mdc-select--disabled) .mdc-floating-label {
  4406. color: #b00020;
  4407. /* @alternate */
  4408. color: var(--mdc-theme-error, #b00020); }
  4409. .mdc-select--invalid:not(.mdc-select--disabled) .mdc-select__native-control,
  4410. .mdc-select--invalid:not(.mdc-select--disabled) .mdc-select__selected-text {
  4411. border-bottom-color: #b00020;
  4412. /* @alternate */
  4413. border-bottom-color: var(--mdc-theme-error, #b00020); }
  4414. .mdc-select--invalid:not(.mdc-select--disabled).mdc-select--focused .mdc-line-ripple {
  4415. background-color: #b00020;
  4416. /* @alternate */
  4417. background-color: var(--mdc-theme-error, #b00020); }
  4418. .mdc-select--invalid:not(.mdc-select--disabled).mdc-select--focused .mdc-floating-label {
  4419. color: #b00020; }
  4420. .mdc-select--invalid:not(.mdc-select--disabled).mdc-select--invalid + .mdc-select-helper-text--validation-msg {
  4421. color: #b00020;
  4422. /* @alternate */
  4423. color: var(--mdc-theme-error, #b00020); }
  4424. .mdc-select--invalid:not(.mdc-select--disabled) .mdc-select__native-control:hover {
  4425. border-bottom-color: #b00020;
  4426. /* @alternate */
  4427. border-bottom-color: var(--mdc-theme-error, #b00020); }
  4428. .mdc-select--invalid.mdc-select--outlined:not(.mdc-select--disabled) .mdc-notched-outline__idle {
  4429. border-color: #b00020;
  4430. /* @alternate */
  4431. border-color: var(--mdc-theme-error, #b00020); }
  4432. .mdc-select--invalid.mdc-select--outlined:not(.mdc-select--disabled) .mdc-notched-outline__path {
  4433. stroke: #b00020;
  4434. /* @alternate */
  4435. stroke: var(--mdc-theme-error, #b00020); }
  4436. .mdc-select--invalid.mdc-select--outlined:not(.mdc-select--disabled):not(.mdc-select--focused) .mdc-select__native-control:hover ~ .mdc-notched-outline__idle,
  4437. .mdc-select--invalid.mdc-select--outlined:not(.mdc-select--disabled):not(.mdc-select--focused) .mdc-select__selected-text:hover ~ .mdc-notched-outline__idle {
  4438. border-color: #b00020;
  4439. /* @alternate */
  4440. border-color: var(--mdc-theme-error, #b00020); }
  4441. .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__path,
  4442. .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__path {
  4443. stroke: #b00020;
  4444. /* @alternate */
  4445. stroke: var(--mdc-theme-error, #b00020); }
  4446. .mdc-select--invalid.mdc-select--outlined:not(.mdc-select--disabled).mdc-select--focused .mdc-notched-outline .mdc-notched-outline__path {
  4447. stroke-width: 2px; }
  4448. .mdc-select--invalid.mdc-select--outlined:not(.mdc-select--disabled).mdc-select--focused .mdc-notched-outline .mdc-notched-outline__path {
  4449. stroke: #b00020;
  4450. /* @alternate */
  4451. stroke: var(--mdc-theme-error, #b00020); }
  4452. .mdc-select--invalid.mdc-select--outlined:not(.mdc-select--disabled).mdc-select--focused .mdc-notched-outline__idle {
  4453. border-color: #b00020;
  4454. /* @alternate */
  4455. border-color: var(--mdc-theme-error, #b00020); }
  4456. .mdc-select--invalid .mdc-select__dropdown-icon {
  4457. 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; }
  4458. .mdc-select--invalid + .mdc-select-helper-text--validation-msg {
  4459. opacity: 1; }
  4460. .mdc-select--required .mdc-floating-label::after {
  4461. content: "*"; }
  4462. .mdc-select--disabled {
  4463. background-color: #fafafa;
  4464. cursor: default;
  4465. pointer-events: none; }
  4466. .mdc-select--disabled .mdc-floating-label {
  4467. color: rgba(0, 0, 0, 0.37); }
  4468. .mdc-select--disabled .mdc-select__dropdown-icon {
  4469. 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; }
  4470. .mdc-select--disabled .mdc-line-ripple {
  4471. display: none; }
  4472. .mdc-select--disabled .mdc-select__icon {
  4473. color: rgba(0, 0, 0, 0.37); }
  4474. .mdc-select--disabled .mdc-select__native-control,
  4475. .mdc-select--disabled .mdc-select__selected-text {
  4476. color: rgba(0, 0, 0, 0.37);
  4477. border-bottom-style: dotted; }
  4478. .mdc-select--disabled .mdc-select__selected-text {
  4479. pointer-events: none; }
  4480. .mdc-select--disabled.mdc-select--outlined {
  4481. background-color: transparent; }
  4482. .mdc-select--disabled.mdc-select--outlined .mdc-select__native-control,
  4483. .mdc-select--disabled.mdc-select--outlined .mdc-select__selected-text {
  4484. border-bottom-style: none; }
  4485. .mdc-select--disabled.mdc-select--outlined .mdc-notched-outline__idle {
  4486. border-color: rgba(0, 0, 0, 0.16); }
  4487. .mdc-select--disabled.mdc-select--outlined .mdc-notched-outline__path {
  4488. stroke: rgba(0, 0, 0, 0.16); }
  4489. .mdc-select--with-leading-icon .mdc-select__icon {
  4490. /* @noflip */
  4491. left: 16px;
  4492. /* @noflip */
  4493. right: initial; }
  4494. [dir="rtl"] .mdc-select--with-leading-icon .mdc-select__icon, .mdc-select--with-leading-icon .mdc-select__icon[dir="rtl"] {
  4495. /* @noflip */
  4496. left: initial;
  4497. /* @noflip */
  4498. right: 16px; }
  4499. .mdc-select--with-leading-icon .mdc-select__native-control,
  4500. .mdc-select--with-leading-icon .mdc-select__selected-text {
  4501. /* @noflip */
  4502. padding-left: 48px;
  4503. /* @noflip */
  4504. padding-right: 32px; }
  4505. [dir="rtl"] .mdc-select--with-leading-icon .mdc-select__native-control, .mdc-select--with-leading-icon .mdc-select__native-control[dir="rtl"], [dir="rtl"]
  4506. .mdc-select--with-leading-icon .mdc-select__selected-text,
  4507. .mdc-select--with-leading-icon .mdc-select__selected-text[dir="rtl"] {
  4508. /* @noflip */
  4509. padding-left: 32px;
  4510. /* @noflip */
  4511. padding-right: 48px; }
  4512. .mdc-select--with-leading-icon .mdc-floating-label {
  4513. /* @noflip */
  4514. left: 48px;
  4515. /* @noflip */
  4516. right: initial; }
  4517. [dir="rtl"] .mdc-select--with-leading-icon .mdc-floating-label, .mdc-select--with-leading-icon .mdc-floating-label[dir="rtl"] {
  4518. /* @noflip */
  4519. left: initial;
  4520. /* @noflip */
  4521. right: 48px; }
  4522. .mdc-select--with-leading-icon.mdc-select--outlined .mdc-floating-label--float-above {
  4523. -webkit-transform: translateY(-130%) translateX(-32px) scale(0.75);
  4524. transform: translateY(-130%) translateX(-32px) scale(0.75); }
  4525. [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"] {
  4526. -webkit-transform: translateY(-130%) translateX(32px) scale(0.75);
  4527. transform: translateY(-130%) translateX(32px) scale(0.75); }
  4528. .mdc-select--with-leading-icon.mdc-select--outlined .mdc-floating-label--shake {
  4529. -webkit-animation: mdc-floating-label-shake-float-above-select-outlined-leading-icon 250ms 1;
  4530. animation: mdc-floating-label-shake-float-above-select-outlined-leading-icon 250ms 1; }
  4531. [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 {
  4532. -webkit-animation: mdc-floating-label-shake-float-above-select-outlined-leading-icon-rtl 250ms 1;
  4533. animation: mdc-floating-label-shake-float-above-select-outlined-leading-icon-rtl 250ms 1; }
  4534. .mdc-select--with-leading-icon.mdc-select__menu .mdc-list-item__text {
  4535. /* @noflip */
  4536. padding-left: 32px;
  4537. /* @noflip */
  4538. padding-right: 32px; }
  4539. [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"] {
  4540. /* @noflip */
  4541. padding-left: 32px;
  4542. /* @noflip */
  4543. padding-right: 32px; }
  4544. .mdc-select__menu .mdc-list .mdc-list-item--selected {
  4545. color: #000;
  4546. /* @alternate */
  4547. color: var(--mdc-theme-on-surface, #000); }
  4548. .mdc-select__menu .mdc-list .mdc-list-item--selected::before, .mdc-select__menu .mdc-list .mdc-list-item--selected::after {
  4549. background-color: #000; }
  4550. @supports not (-ms-ime-align: auto) {
  4551. .mdc-select__menu .mdc-list .mdc-list-item--selected::before, .mdc-select__menu .mdc-list .mdc-list-item--selected::after {
  4552. /* @alternate */
  4553. background-color: var(--mdc-theme-on-surface, #000); } }
  4554. .mdc-select__menu .mdc-list .mdc-list-item--selected:hover::before {
  4555. opacity: 0.04; }
  4556. .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 {
  4557. transition-duration: 75ms;
  4558. opacity: 0.12; }
  4559. .mdc-select__menu .mdc-list .mdc-list-item--selected:not(.mdc-ripple-upgraded)::after {
  4560. transition: opacity 150ms linear; }
  4561. .mdc-select__menu .mdc-list .mdc-list-item--selected:not(.mdc-ripple-upgraded):active::after {
  4562. transition-duration: 75ms;
  4563. opacity: 0.16; }
  4564. .mdc-select__menu .mdc-list .mdc-list-item--selected.mdc-ripple-upgraded {
  4565. --mdc-ripple-fg-opacity: 0.16; }
  4566. @-webkit-keyframes mdc-floating-label-shake-float-above-select-outlined-leading-icon {
  4567. 0% {
  4568. -webkit-transform: translateX(calc(0 - 32px)) translateY(-130%) scale(0.75);
  4569. transform: translateX(calc(0 - 32px)) translateY(-130%) scale(0.75); }
  4570. 33% {
  4571. -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.70173, 0.49582);
  4572. animation-timing-function: cubic-bezier(0.5, 0, 0.70173, 0.49582);
  4573. -webkit-transform: translateX(calc(4% - 32px)) translateY(-130%) scale(0.75);
  4574. transform: translateX(calc(4% - 32px)) translateY(-130%) scale(0.75); }
  4575. 66% {
  4576. -webkit-animation-timing-function: cubic-bezier(0.30244, 0.38135, 0.55, 0.95635);
  4577. animation-timing-function: cubic-bezier(0.30244, 0.38135, 0.55, 0.95635);
  4578. -webkit-transform: translateX(calc(-4% - 32px)) translateY(-130%) scale(0.75);
  4579. transform: translateX(calc(-4% - 32px)) translateY(-130%) scale(0.75); }
  4580. 100% {
  4581. -webkit-transform: translateX(calc(0 - 32px)) translateY(-130%) scale(0.75);
  4582. transform: translateX(calc(0 - 32px)) translateY(-130%) scale(0.75); } }
  4583. @keyframes mdc-floating-label-shake-float-above-select-outlined-leading-icon {
  4584. 0% {
  4585. -webkit-transform: translateX(calc(0 - 32px)) translateY(-130%) scale(0.75);
  4586. transform: translateX(calc(0 - 32px)) translateY(-130%) scale(0.75); }
  4587. 33% {
  4588. -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.70173, 0.49582);
  4589. animation-timing-function: cubic-bezier(0.5, 0, 0.70173, 0.49582);
  4590. -webkit-transform: translateX(calc(4% - 32px)) translateY(-130%) scale(0.75);
  4591. transform: translateX(calc(4% - 32px)) translateY(-130%) scale(0.75); }
  4592. 66% {
  4593. -webkit-animation-timing-function: cubic-bezier(0.30244, 0.38135, 0.55, 0.95635);
  4594. animation-timing-function: cubic-bezier(0.30244, 0.38135, 0.55, 0.95635);
  4595. -webkit-transform: translateX(calc(-4% - 32px)) translateY(-130%) scale(0.75);
  4596. transform: translateX(calc(-4% - 32px)) translateY(-130%) scale(0.75); }
  4597. 100% {
  4598. -webkit-transform: translateX(calc(0 - 32px)) translateY(-130%) scale(0.75);
  4599. transform: translateX(calc(0 - 32px)) translateY(-130%) scale(0.75); } }
  4600. @-webkit-keyframes mdc-floating-label-shake-float-above-select-outlined-leading-icon-rtl {
  4601. 0% {
  4602. -webkit-transform: translateX(calc(0 - -32px)) translateY(-130%) scale(0.75);
  4603. transform: translateX(calc(0 - -32px)) translateY(-130%) scale(0.75); }
  4604. 33% {
  4605. -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.70173, 0.49582);
  4606. animation-timing-function: cubic-bezier(0.5, 0, 0.70173, 0.49582);
  4607. -webkit-transform: translateX(calc(4% - -32px)) translateY(-130%) scale(0.75);
  4608. transform: translateX(calc(4% - -32px)) translateY(-130%) scale(0.75); }
  4609. 66% {
  4610. -webkit-animation-timing-function: cubic-bezier(0.30244, 0.38135, 0.55, 0.95635);
  4611. animation-timing-function: cubic-bezier(0.30244, 0.38135, 0.55, 0.95635);
  4612. -webkit-transform: translateX(calc(-4% - -32px)) translateY(-130%) scale(0.75);
  4613. transform: translateX(calc(-4% - -32px)) translateY(-130%) scale(0.75); }
  4614. 100% {
  4615. -webkit-transform: translateX(calc(0 - -32px)) translateY(-130%) scale(0.75);
  4616. transform: translateX(calc(0 - -32px)) translateY(-130%) scale(0.75); } }
  4617. @keyframes mdc-floating-label-shake-float-above-select-outlined-leading-icon-rtl {
  4618. 0% {
  4619. -webkit-transform: translateX(calc(0 - -32px)) translateY(-130%) scale(0.75);
  4620. transform: translateX(calc(0 - -32px)) translateY(-130%) scale(0.75); }
  4621. 33% {
  4622. -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.70173, 0.49582);
  4623. animation-timing-function: cubic-bezier(0.5, 0, 0.70173, 0.49582);
  4624. -webkit-transform: translateX(calc(4% - -32px)) translateY(-130%) scale(0.75);
  4625. transform: translateX(calc(4% - -32px)) translateY(-130%) scale(0.75); }
  4626. 66% {
  4627. -webkit-animation-timing-function: cubic-bezier(0.30244, 0.38135, 0.55, 0.95635);
  4628. animation-timing-function: cubic-bezier(0.30244, 0.38135, 0.55, 0.95635);
  4629. -webkit-transform: translateX(calc(-4% - -32px)) translateY(-130%) scale(0.75);
  4630. transform: translateX(calc(-4% - -32px)) translateY(-130%) scale(0.75); }
  4631. 100% {
  4632. -webkit-transform: translateX(calc(0 - -32px)) translateY(-130%) scale(0.75);
  4633. transform: translateX(calc(0 - -32px)) translateY(-130%) scale(0.75); } }
  4634. @-webkit-keyframes mdc-slider-emphasize {
  4635. 0% {
  4636. -webkit-animation-timing-function: ease-out;
  4637. animation-timing-function: ease-out; }
  4638. 50% {
  4639. -webkit-animation-timing-function: ease-in;
  4640. animation-timing-function: ease-in;
  4641. -webkit-transform: scale(0.85);
  4642. transform: scale(0.85); }
  4643. 100% {
  4644. -webkit-transform: scale(0.571);
  4645. transform: scale(0.571); } }
  4646. @keyframes mdc-slider-emphasize {
  4647. 0% {
  4648. -webkit-animation-timing-function: ease-out;
  4649. animation-timing-function: ease-out; }
  4650. 50% {
  4651. -webkit-animation-timing-function: ease-in;
  4652. animation-timing-function: ease-in;
  4653. -webkit-transform: scale(0.85);
  4654. transform: scale(0.85); }
  4655. 100% {
  4656. -webkit-transform: scale(0.571);
  4657. transform: scale(0.571); } }
  4658. .mdc-slider {
  4659. position: relative;
  4660. width: 100%;
  4661. height: 48px;
  4662. cursor: pointer;
  4663. touch-action: pan-x;
  4664. -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
  4665. .mdc-slider:not(.mdc-slider--disabled) .mdc-slider__track {
  4666. background-color: #018786;
  4667. /* @alternate */
  4668. background-color: var(--mdc-theme-secondary, #018786); }
  4669. .mdc-slider:not(.mdc-slider--disabled) .mdc-slider__track-container {
  4670. background-color: rgba(1, 135, 134, 0.26); }
  4671. .mdc-slider:not(.mdc-slider--disabled) .mdc-slider__track-marker::after,
  4672. .mdc-slider:not(.mdc-slider--disabled) .mdc-slider__track-marker-container::after {
  4673. background-color: #018786;
  4674. /* @alternate */
  4675. background-color: var(--mdc-theme-secondary, #018786); }
  4676. .mdc-slider:not(.mdc-slider--disabled) .mdc-slider__thumb {
  4677. fill: #018786;
  4678. /* @alternate */
  4679. fill: var(--mdc-theme-secondary, #018786);
  4680. stroke: #018786;
  4681. /* @alternate */
  4682. stroke: var(--mdc-theme-secondary, #018786); }
  4683. .mdc-slider:not(.mdc-slider--disabled) .mdc-slider__focus-ring {
  4684. background-color: #018786;
  4685. /* @alternate */
  4686. background-color: var(--mdc-theme-secondary, #018786); }
  4687. .mdc-slider:not(.mdc-slider--disabled) .mdc-slider__pin {
  4688. background-color: #018786;
  4689. /* @alternate */
  4690. background-color: var(--mdc-theme-secondary, #018786); }
  4691. .mdc-slider:not(.mdc-slider--disabled) .mdc-slider__pin {
  4692. color: white;
  4693. /* @alternate */
  4694. color: var(--mdc-theme-text-primary-on-dark, white); }
  4695. .mdc-slider--disabled {
  4696. cursor: auto; }
  4697. .mdc-slider--disabled .mdc-slider__track {
  4698. background-color: #9a9a9a; }
  4699. .mdc-slider--disabled .mdc-slider__track-container {
  4700. background-color: rgba(154, 154, 154, 0.26); }
  4701. .mdc-slider--disabled .mdc-slider__track-marker::after,
  4702. .mdc-slider--disabled .mdc-slider__track-marker-container::after {
  4703. background-color: #9a9a9a; }
  4704. .mdc-slider--disabled .mdc-slider__thumb {
  4705. fill: #9a9a9a;
  4706. stroke: #9a9a9a; }
  4707. .mdc-slider--disabled .mdc-slider__thumb {
  4708. /* @alternate */
  4709. stroke: white;
  4710. stroke: var(--mdc-slider-bg-color-behind-component, white); }
  4711. .mdc-slider:focus {
  4712. outline: none; }
  4713. .mdc-slider__track-container {
  4714. position: absolute;
  4715. top: 50%;
  4716. width: 100%;
  4717. height: 2px;
  4718. overflow: hidden; }
  4719. .mdc-slider__track {
  4720. position: absolute;
  4721. width: 100%;
  4722. height: 100%;
  4723. -webkit-transform-origin: left top;
  4724. transform-origin: left top;
  4725. will-change: transform; }
  4726. .mdc-slider[dir="rtl"] .mdc-slider__track,
  4727. [dir="rtl"] .mdc-slider .mdc-slider__track {
  4728. -webkit-transform-origin: right top;
  4729. transform-origin: right top; }
  4730. .mdc-slider__track-marker-container {
  4731. display: flex;
  4732. margin-right: 0;
  4733. margin-left: -1px;
  4734. visibility: hidden; }
  4735. .mdc-slider[dir="rtl"] .mdc-slider__track-marker-container,
  4736. [dir="rtl"] .mdc-slider .mdc-slider__track-marker-container {
  4737. margin-right: -1px;
  4738. margin-left: 0; }
  4739. .mdc-slider__track-marker-container::after {
  4740. display: block;
  4741. width: 2px;
  4742. height: 2px;
  4743. content: ""; }
  4744. .mdc-slider__track-marker {
  4745. flex: 1; }
  4746. .mdc-slider__track-marker::after {
  4747. display: block;
  4748. width: 2px;
  4749. height: 2px;
  4750. content: ""; }
  4751. .mdc-slider__track-marker:first-child::after {
  4752. width: 3px; }
  4753. .mdc-slider__thumb-container {
  4754. position: absolute;
  4755. top: 15px;
  4756. left: 0;
  4757. width: 21px;
  4758. height: 100%;
  4759. -webkit-user-select: none;
  4760. -moz-user-select: none;
  4761. -ms-user-select: none;
  4762. user-select: none;
  4763. will-change: transform; }
  4764. .mdc-slider__thumb {
  4765. position: absolute;
  4766. top: 0;
  4767. left: 0;
  4768. -webkit-transform: scale(0.571);
  4769. transform: scale(0.571);
  4770. transition: fill 100ms ease-out, stroke 100ms ease-out, -webkit-transform 100ms ease-out;
  4771. transition: transform 100ms ease-out, fill 100ms ease-out, stroke 100ms ease-out;
  4772. transition: transform 100ms ease-out, fill 100ms ease-out, stroke 100ms ease-out, -webkit-transform 100ms ease-out;
  4773. stroke-width: 3.5; }
  4774. .mdc-slider__focus-ring {
  4775. width: 21px;
  4776. height: 21px;
  4777. transition: opacity 266.67ms ease-out, background-color 266.67ms ease-out, -webkit-transform 266.67ms ease-out;
  4778. transition: transform 266.67ms ease-out, opacity 266.67ms ease-out, background-color 266.67ms ease-out;
  4779. transition: transform 266.67ms ease-out, opacity 266.67ms ease-out, background-color 266.67ms ease-out, -webkit-transform 266.67ms ease-out;
  4780. border-radius: 50%;
  4781. opacity: 0; }
  4782. .mdc-slider__pin {
  4783. display: flex;
  4784. position: absolute;
  4785. top: 0;
  4786. left: 0;
  4787. align-items: center;
  4788. justify-content: center;
  4789. width: 26px;
  4790. height: 26px;
  4791. margin-top: -2px;
  4792. margin-left: -2px;
  4793. -webkit-transform: rotate(-45deg) scale(0) translate(0, 0);
  4794. transform: rotate(-45deg) scale(0) translate(0, 0);
  4795. transition: -webkit-transform 100ms ease-out;
  4796. transition: transform 100ms ease-out;
  4797. transition: transform 100ms ease-out, -webkit-transform 100ms ease-out;
  4798. border-radius: 50% 50% 50% 0%;
  4799. z-index: 1; }
  4800. .mdc-slider__pin-value-marker {
  4801. font-family: Roboto, sans-serif;
  4802. -moz-osx-font-smoothing: grayscale;
  4803. -webkit-font-smoothing: antialiased;
  4804. font-size: 0.875rem;
  4805. line-height: 1.25rem;
  4806. font-weight: 400;
  4807. letter-spacing: 0.01786em;
  4808. text-decoration: inherit;
  4809. text-transform: inherit;
  4810. -webkit-transform: rotate(45deg);
  4811. transform: rotate(45deg); }
  4812. .mdc-slider--active .mdc-slider__thumb {
  4813. -webkit-transform: scale3d(1, 1, 1);
  4814. transform: scale3d(1, 1, 1); }
  4815. .mdc-slider--focus .mdc-slider__thumb {
  4816. -webkit-animation: mdc-slider-emphasize 266.67ms linear;
  4817. animation: mdc-slider-emphasize 266.67ms linear; }
  4818. .mdc-slider--focus .mdc-slider__focus-ring {
  4819. -webkit-transform: scale3d(1.55, 1.55, 1.55);
  4820. transform: scale3d(1.55, 1.55, 1.55);
  4821. opacity: .25; }
  4822. .mdc-slider--in-transit .mdc-slider__thumb {
  4823. transition-delay: 140ms; }
  4824. .mdc-slider--in-transit .mdc-slider__thumb-container,
  4825. .mdc-slider--in-transit .mdc-slider__track,
  4826. .mdc-slider:focus:not(.mdc-slider--active) .mdc-slider__thumb-container,
  4827. .mdc-slider:focus:not(.mdc-slider--active) .mdc-slider__track {
  4828. transition: -webkit-transform 80ms ease;
  4829. transition: transform 80ms ease;
  4830. transition: transform 80ms ease, -webkit-transform 80ms ease; }
  4831. .mdc-slider--discrete.mdc-slider--active .mdc-slider__thumb {
  4832. -webkit-transform: scale(calc(12 / 21));
  4833. transform: scale(calc(12 / 21)); }
  4834. .mdc-slider--discrete.mdc-slider--active .mdc-slider__pin {
  4835. -webkit-transform: rotate(-45deg) scale(1) translate(19px, -20px);
  4836. transform: rotate(-45deg) scale(1) translate(19px, -20px); }
  4837. .mdc-slider--discrete.mdc-slider--focus .mdc-slider__thumb {
  4838. -webkit-animation: none;
  4839. animation: none; }
  4840. .mdc-slider--discrete.mdc-slider--display-markers .mdc-slider__track-marker-container {
  4841. visibility: visible; }
  4842. .mdc-snackbar {
  4843. display: flex;
  4844. position: fixed;
  4845. bottom: 0;
  4846. left: 50%;
  4847. align-items: center;
  4848. justify-content: flex-start;
  4849. box-sizing: border-box;
  4850. padding-right: 24px;
  4851. padding-left: 24px;
  4852. -webkit-transform: translate(-50%, 100%);
  4853. transform: translate(-50%, 100%);
  4854. transition: -webkit-transform 0.25s 0ms cubic-bezier(0.4, 0, 1, 1);
  4855. transition: transform 0.25s 0ms cubic-bezier(0.4, 0, 1, 1);
  4856. transition: transform 0.25s 0ms cubic-bezier(0.4, 0, 1, 1), -webkit-transform 0.25s 0ms cubic-bezier(0.4, 0, 1, 1);
  4857. background-color: #323232;
  4858. pointer-events: none;
  4859. will-change: transform; }
  4860. @media (max-width: 599px) {
  4861. .mdc-snackbar {
  4862. left: 0;
  4863. width: 100%;
  4864. -webkit-transform: translate(0, 100%);
  4865. transform: translate(0, 100%); } }
  4866. @media (min-width: 600px) {
  4867. .mdc-snackbar {
  4868. min-width: 288px;
  4869. max-width: 568px;
  4870. border-radius: 2px; } }
  4871. @media (min-width: 600px) {
  4872. .mdc-snackbar--align-start {
  4873. /* @noflip */
  4874. left: 24px;
  4875. /* @noflip */
  4876. right: initial;
  4877. bottom: 24px;
  4878. -webkit-transform: translate(0, 200%);
  4879. transform: translate(0, 200%); }
  4880. [dir="rtl"] .mdc-snackbar--align-start, .mdc-snackbar--align-start[dir="rtl"] {
  4881. /* @noflip */
  4882. left: initial;
  4883. /* @noflip */
  4884. right: 24px; } }
  4885. @media (max-width: 599px) {
  4886. .mdc-snackbar--align-start {
  4887. bottom: 0;
  4888. left: 0;
  4889. width: 100%;
  4890. -webkit-transform: translate(0, 100%);
  4891. transform: translate(0, 100%); } }
  4892. .mdc-snackbar--active {
  4893. -webkit-transform: translate(0);
  4894. transform: translate(0);
  4895. transition: -webkit-transform 0.25s 0ms cubic-bezier(0, 0, 0.2, 1);
  4896. transition: transform 0.25s 0ms cubic-bezier(0, 0, 0.2, 1);
  4897. transition: transform 0.25s 0ms cubic-bezier(0, 0, 0.2, 1), -webkit-transform 0.25s 0ms cubic-bezier(0, 0, 0.2, 1);
  4898. pointer-events: auto; }
  4899. .mdc-snackbar--active:not(.mdc-snackbar--align-start) {
  4900. -webkit-transform: translate(-50%, 0);
  4901. transform: translate(-50%, 0); }
  4902. @media (max-width: 599px) {
  4903. .mdc-snackbar--active:not(.mdc-snackbar--align-start) {
  4904. bottom: 0;
  4905. left: 0;
  4906. width: 100%;
  4907. -webkit-transform: translate(0);
  4908. transform: translate(0); } }
  4909. .mdc-snackbar__action-wrapper {
  4910. /* @noflip */
  4911. padding-left: 24px;
  4912. /* @noflip */
  4913. padding-right: 0; }
  4914. [dir="rtl"] .mdc-snackbar__action-wrapper, .mdc-snackbar__action-wrapper[dir="rtl"] {
  4915. /* @noflip */
  4916. padding-left: 0;
  4917. /* @noflip */
  4918. padding-right: 24px; }
  4919. .mdc-snackbar--action-on-bottom {
  4920. flex-direction: column; }
  4921. .mdc-snackbar__text {
  4922. font-family: Roboto, sans-serif;
  4923. -moz-osx-font-smoothing: grayscale;
  4924. -webkit-font-smoothing: antialiased;
  4925. font-size: 1rem;
  4926. line-height: 1.5rem;
  4927. font-weight: 400;
  4928. letter-spacing: 0.03125em;
  4929. text-decoration: inherit;
  4930. text-transform: inherit;
  4931. /* @noflip */
  4932. margin-left: 0;
  4933. /* @noflip */
  4934. margin-right: auto;
  4935. display: flex;
  4936. align-items: center;
  4937. height: 48px;
  4938. transition: opacity 0.3s 0ms cubic-bezier(0.4, 0, 1, 1);
  4939. opacity: 0;
  4940. color: white; }
  4941. .mdc-snackbar[dir="rtl"] .mdc-snackbar__text,
  4942. [dir="rtl"] .mdc-snackbar .mdc-snackbar__text {
  4943. /* @noflip */
  4944. margin-left: auto;
  4945. /* @noflip */
  4946. margin-right: 0; }
  4947. @media (min-width: 600px) {
  4948. .mdc-snackbar__text {
  4949. /* @noflip */
  4950. padding-left: 0;
  4951. /* @noflip */
  4952. padding-right: 24px; }
  4953. [dir="rtl"] .mdc-snackbar__text, .mdc-snackbar__text[dir="rtl"] {
  4954. /* @noflip */
  4955. padding-left: 24px;
  4956. /* @noflip */
  4957. padding-right: 0; } }
  4958. .mdc-snackbar--action-on-bottom .mdc-snackbar__text {
  4959. margin-right: inherit; }
  4960. .mdc-snackbar--action-on-bottom .mdc-snackbar__action-wrapper {
  4961. /* @noflip */
  4962. margin-left: auto;
  4963. /* @noflip */
  4964. margin-right: 0;
  4965. flex-direction: column;
  4966. justify-content: flex-start;
  4967. margin-top: -12px;
  4968. margin-bottom: 8px; }
  4969. [dir="rtl"] .mdc-snackbar--action-on-bottom .mdc-snackbar__action-wrapper, .mdc-snackbar--action-on-bottom .mdc-snackbar__action-wrapper[dir="rtl"] {
  4970. /* @noflip */
  4971. margin-left: 0;
  4972. /* @noflip */
  4973. margin-right: auto; }
  4974. .mdc-snackbar--multiline .mdc-snackbar__text {
  4975. height: 80px; }
  4976. .mdc-snackbar__action-button {
  4977. font-family: Roboto, sans-serif;
  4978. -moz-osx-font-smoothing: grayscale;
  4979. -webkit-font-smoothing: antialiased;
  4980. font-size: 0.875rem;
  4981. line-height: 2.25rem;
  4982. font-weight: 500;
  4983. letter-spacing: 0.08929em;
  4984. text-decoration: none;
  4985. text-transform: uppercase;
  4986. color: #018786;
  4987. /* @alternate */
  4988. color: var(--mdc-theme-secondary, #018786);
  4989. padding: 0;
  4990. transition: opacity 0.3s 0ms cubic-bezier(0.4, 0, 1, 1);
  4991. border: none;
  4992. outline: none;
  4993. background-color: transparent;
  4994. opacity: 0;
  4995. -webkit-user-select: none;
  4996. -moz-user-select: none;
  4997. -ms-user-select: none;
  4998. user-select: none;
  4999. -webkit-appearance: none;
  5000. visibility: hidden; }
  5001. .mdc-snackbar__action-button::-moz-focus-inner {
  5002. border: 0; }
  5003. .mdc-snackbar__action-button:hover {
  5004. cursor: pointer; }
  5005. .mdc-snackbar__action-button:not([aria-hidden]) {
  5006. visibility: inherit; }
  5007. .mdc-snackbar--active .mdc-snackbar__text,
  5008. .mdc-snackbar--active .mdc-snackbar__action-button:not([aria-hidden]) {
  5009. transition: opacity 0.3s 0ms cubic-bezier(0.4, 0, 1, 1);
  5010. opacity: 1; }
  5011. .mdc-snackbar--multiline.mdc-snackbar--action-on-bottom .mdc-snackbar__text {
  5012. margin: 0; }
  5013. .mdc-switch {
  5014. display: inline-block;
  5015. position: relative;
  5016. outline: none;
  5017. -webkit-user-select: none;
  5018. -moz-user-select: none;
  5019. -ms-user-select: none;
  5020. user-select: none; }
  5021. .mdc-switch.mdc-switch--checked .mdc-switch__track {
  5022. background-color: #018786;
  5023. /* @alternate */
  5024. background-color: var(--mdc-theme-secondary, #018786);
  5025. border-color: #018786;
  5026. /* @alternate */
  5027. border-color: var(--mdc-theme-secondary, #018786); }
  5028. .mdc-switch.mdc-switch--checked .mdc-switch__thumb {
  5029. background-color: #018786;
  5030. /* @alternate */
  5031. background-color: var(--mdc-theme-secondary, #018786);
  5032. border-color: #018786;
  5033. /* @alternate */
  5034. border-color: var(--mdc-theme-secondary, #018786); }
  5035. .mdc-switch:not(.mdc-switch--checked) .mdc-switch__track {
  5036. background-color: #000;
  5037. border-color: #000; }
  5038. .mdc-switch:not(.mdc-switch--checked) .mdc-switch__thumb {
  5039. background-color: #fff;
  5040. border-color: #fff; }
  5041. .mdc-switch:not(.mdc-switch--checked) .mdc-switch__thumb-underlay::before, .mdc-switch:not(.mdc-switch--checked) .mdc-switch__thumb-underlay::after {
  5042. background-color: #9e9e9e; }
  5043. .mdc-switch:not(.mdc-switch--checked) .mdc-switch__thumb-underlay:hover::before {
  5044. opacity: 0.08; }
  5045. .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 {
  5046. transition-duration: 75ms;
  5047. opacity: 0.24; }
  5048. .mdc-switch:not(.mdc-switch--checked) .mdc-switch__thumb-underlay:not(.mdc-ripple-upgraded)::after {
  5049. transition: opacity 150ms linear; }
  5050. .mdc-switch:not(.mdc-switch--checked) .mdc-switch__thumb-underlay:not(.mdc-ripple-upgraded):active::after {
  5051. transition-duration: 75ms;
  5052. opacity: 0.32; }
  5053. .mdc-switch:not(.mdc-switch--checked) .mdc-switch__thumb-underlay.mdc-ripple-upgraded {
  5054. --mdc-ripple-fg-opacity: 0.32; }
  5055. .mdc-switch__native-control {
  5056. /* @noflip */
  5057. left: 0;
  5058. /* @noflip */
  5059. right: initial;
  5060. position: absolute;
  5061. top: 0;
  5062. width: 68px;
  5063. height: 48px;
  5064. margin: 0;
  5065. opacity: 0;
  5066. cursor: pointer;
  5067. pointer-events: auto; }
  5068. [dir="rtl"] .mdc-switch__native-control, .mdc-switch__native-control[dir="rtl"] {
  5069. /* @noflip */
  5070. left: initial;
  5071. /* @noflip */
  5072. right: 0; }
  5073. .mdc-switch__track {
  5074. box-sizing: border-box;
  5075. width: 32px;
  5076. height: 14px;
  5077. 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);
  5078. border: 1px solid;
  5079. border-radius: 7px;
  5080. opacity: .38; }
  5081. .mdc-switch__thumb-underlay {
  5082. /* @noflip */
  5083. left: -18px;
  5084. /* @noflip */
  5085. right: initial;
  5086. --mdc-ripple-fg-size: 0;
  5087. --mdc-ripple-left: 0;
  5088. --mdc-ripple-top: 0;
  5089. --mdc-ripple-fg-scale: 1;
  5090. --mdc-ripple-fg-translate-end: 0;
  5091. --mdc-ripple-fg-translate-start: 0;
  5092. -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  5093. will-change: transform, opacity;
  5094. display: flex;
  5095. position: absolute;
  5096. top: -17px;
  5097. align-items: center;
  5098. justify-content: center;
  5099. width: 48px;
  5100. height: 48px;
  5101. -webkit-transform: translateX(0);
  5102. transform: translateX(0);
  5103. 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);
  5104. 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);
  5105. 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); }
  5106. [dir="rtl"] .mdc-switch__thumb-underlay, .mdc-switch__thumb-underlay[dir="rtl"] {
  5107. /* @noflip */
  5108. left: initial;
  5109. /* @noflip */
  5110. right: -18px; }
  5111. .mdc-switch__thumb-underlay::before, .mdc-switch__thumb-underlay::after {
  5112. position: absolute;
  5113. border-radius: 50%;
  5114. opacity: 0;
  5115. pointer-events: none;
  5116. content: ""; }
  5117. .mdc-switch__thumb-underlay::before {
  5118. transition: opacity 15ms linear, background-color 15ms linear;
  5119. z-index: 1; }
  5120. .mdc-switch__thumb-underlay.mdc-ripple-upgraded::before {
  5121. -webkit-transform: scale(var(--mdc-ripple-fg-scale, 1));
  5122. transform: scale(var(--mdc-ripple-fg-scale, 1)); }
  5123. .mdc-switch__thumb-underlay.mdc-ripple-upgraded::after {
  5124. top: 0;
  5125. /* @noflip */
  5126. left: 0;
  5127. -webkit-transform: scale(0);
  5128. transform: scale(0);
  5129. -webkit-transform-origin: center center;
  5130. transform-origin: center center; }
  5131. .mdc-switch__thumb-underlay.mdc-ripple-upgraded--unbounded::after {
  5132. top: var(--mdc-ripple-top, 0);
  5133. /* @noflip */
  5134. left: var(--mdc-ripple-left, 0); }
  5135. .mdc-switch__thumb-underlay.mdc-ripple-upgraded--foreground-activation::after {
  5136. -webkit-animation: 225ms mdc-ripple-fg-radius-in forwards, 75ms mdc-ripple-fg-opacity-in forwards;
  5137. animation: 225ms mdc-ripple-fg-radius-in forwards, 75ms mdc-ripple-fg-opacity-in forwards; }
  5138. .mdc-switch__thumb-underlay.mdc-ripple-upgraded--foreground-deactivation::after {
  5139. -webkit-animation: 150ms mdc-ripple-fg-opacity-out;
  5140. animation: 150ms mdc-ripple-fg-opacity-out;
  5141. -webkit-transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
  5142. transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1)); }
  5143. .mdc-switch__thumb-underlay::before, .mdc-switch__thumb-underlay::after {
  5144. top: calc(50% - 50%);
  5145. /* @noflip */
  5146. left: calc(50% - 50%);
  5147. width: 100%;
  5148. height: 100%; }
  5149. .mdc-switch__thumb-underlay.mdc-ripple-upgraded::before, .mdc-switch__thumb-underlay.mdc-ripple-upgraded::after {
  5150. top: var(--mdc-ripple-top, calc(50% - 50%));
  5151. /* @noflip */
  5152. left: var(--mdc-ripple-left, calc(50% - 50%));
  5153. width: var(--mdc-ripple-fg-size, 100%);
  5154. height: var(--mdc-ripple-fg-size, 100%); }
  5155. .mdc-switch__thumb-underlay.mdc-ripple-upgraded::after {
  5156. width: var(--mdc-ripple-fg-size, 100%);
  5157. height: var(--mdc-ripple-fg-size, 100%); }
  5158. .mdc-switch__thumb-underlay::before, .mdc-switch__thumb-underlay::after {
  5159. background-color: #018786; }
  5160. @supports not (-ms-ime-align: auto) {
  5161. .mdc-switch__thumb-underlay::before, .mdc-switch__thumb-underlay::after {
  5162. /* @alternate */
  5163. background-color: var(--mdc-theme-secondary, #018786); } }
  5164. .mdc-switch__thumb-underlay:hover::before {
  5165. opacity: 0.04; }
  5166. .mdc-switch__thumb-underlay:not(.mdc-ripple-upgraded):focus::before, .mdc-switch__thumb-underlay.mdc-ripple-upgraded--background-focused::before {
  5167. transition-duration: 75ms;
  5168. opacity: 0.12; }
  5169. .mdc-switch__thumb-underlay:not(.mdc-ripple-upgraded)::after {
  5170. transition: opacity 150ms linear; }
  5171. .mdc-switch__thumb-underlay:not(.mdc-ripple-upgraded):active::after {
  5172. transition-duration: 75ms;
  5173. opacity: 0.16; }
  5174. .mdc-switch__thumb-underlay.mdc-ripple-upgraded {
  5175. --mdc-ripple-fg-opacity: 0.16; }
  5176. .mdc-switch__thumb {
  5177. 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);
  5178. box-sizing: border-box;
  5179. width: 20px;
  5180. height: 20px;
  5181. border: 10px solid;
  5182. border-radius: 50%;
  5183. pointer-events: none;
  5184. z-index: 1; }
  5185. .mdc-switch--checked .mdc-switch__track {
  5186. opacity: .54; }
  5187. .mdc-switch--checked .mdc-switch__thumb-underlay {
  5188. -webkit-transform: translateX(20px);
  5189. transform: translateX(20px); }
  5190. [dir="rtl"] .mdc-switch--checked .mdc-switch__thumb-underlay, .mdc-switch--checked .mdc-switch__thumb-underlay[dir="rtl"] {
  5191. -webkit-transform: translateX(-20px);
  5192. transform: translateX(-20px); }
  5193. .mdc-switch--checked .mdc-switch__native-control {
  5194. -webkit-transform: translateX(-20px);
  5195. transform: translateX(-20px); }
  5196. [dir="rtl"] .mdc-switch--checked .mdc-switch__native-control, .mdc-switch--checked .mdc-switch__native-control[dir="rtl"] {
  5197. -webkit-transform: translateX(20px);
  5198. transform: translateX(20px); }
  5199. .mdc-switch--disabled {
  5200. opacity: .38;
  5201. pointer-events: none; }
  5202. .mdc-switch--disabled .mdc-switch__thumb {
  5203. border-width: 1px; }
  5204. .mdc-switch--disabled .mdc-switch__native-control {
  5205. cursor: default;
  5206. pointer-events: none; }
  5207. /**
  5208. * @license
  5209. * Copyright 2018 Google Inc.
  5210. *
  5211. * Permission is hereby granted, free of charge, to any person obtaining a copy
  5212. * of this software and associated documentation files (the "Software"), to deal
  5213. * in the Software without restriction, including without limitation the rights
  5214. * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
  5215. * copies of the Software, and to permit persons to whom the Software is
  5216. * furnished to do so, subject to the following conditions:
  5217. *
  5218. * The above copyright notice and this permission notice shall be included in
  5219. * all copies or substantial portions of the Software.
  5220. *
  5221. * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
  5222. * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
  5223. * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
  5224. * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
  5225. * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
  5226. * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
  5227. * THE SOFTWARE.
  5228. */
  5229. .mdc-tab {
  5230. position: relative;
  5231. font-family: Roboto, sans-serif;
  5232. -moz-osx-font-smoothing: grayscale;
  5233. -webkit-font-smoothing: antialiased;
  5234. font-size: 0.875rem;
  5235. line-height: 2.25rem;
  5236. font-weight: 500;
  5237. letter-spacing: 0.08929em;
  5238. text-decoration: none;
  5239. text-transform: uppercase;
  5240. display: flex;
  5241. flex: 1 0 auto;
  5242. justify-content: center;
  5243. box-sizing: border-box;
  5244. height: 48px;
  5245. padding: 0 24px;
  5246. border: none;
  5247. outline: none;
  5248. background: none;
  5249. text-align: center;
  5250. text-decoration: none;
  5251. text-transform: uppercase;
  5252. white-space: nowrap;
  5253. cursor: pointer;
  5254. -webkit-appearance: none;
  5255. z-index: 1; }
  5256. .mdc-tab .mdc-tab__text-label {
  5257. color: #000;
  5258. /* @alternate */
  5259. color: var(--mdc-theme-on-surface, #000); }
  5260. .mdc-tab .mdc-tab__icon {
  5261. color: #000;
  5262. /* @alternate */
  5263. color: var(--mdc-theme-on-surface, #000); }
  5264. .mdc-tab--min-width {
  5265. flex: 0 1 auto; }
  5266. .mdc-tab__ripple {
  5267. --mdc-ripple-fg-size: 0;
  5268. --mdc-ripple-left: 0;
  5269. --mdc-ripple-top: 0;
  5270. --mdc-ripple-fg-scale: 1;
  5271. --mdc-ripple-fg-translate-end: 0;
  5272. --mdc-ripple-fg-translate-start: 0;
  5273. -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  5274. will-change: transform, opacity;
  5275. position: absolute;
  5276. top: 0;
  5277. left: 0;
  5278. width: 100%;
  5279. height: 100%;
  5280. overflow: hidden; }
  5281. .mdc-tab__ripple::before, .mdc-tab__ripple::after {
  5282. position: absolute;
  5283. border-radius: 50%;
  5284. opacity: 0;
  5285. pointer-events: none;
  5286. content: ""; }
  5287. .mdc-tab__ripple::before {
  5288. transition: opacity 15ms linear, background-color 15ms linear;
  5289. z-index: 1; }
  5290. .mdc-tab__ripple.mdc-ripple-upgraded::before {
  5291. -webkit-transform: scale(var(--mdc-ripple-fg-scale, 1));
  5292. transform: scale(var(--mdc-ripple-fg-scale, 1)); }
  5293. .mdc-tab__ripple.mdc-ripple-upgraded::after {
  5294. top: 0;
  5295. /* @noflip */
  5296. left: 0;
  5297. -webkit-transform: scale(0);
  5298. transform: scale(0);
  5299. -webkit-transform-origin: center center;
  5300. transform-origin: center center; }
  5301. .mdc-tab__ripple.mdc-ripple-upgraded--unbounded::after {
  5302. top: var(--mdc-ripple-top, 0);
  5303. /* @noflip */
  5304. left: var(--mdc-ripple-left, 0); }
  5305. .mdc-tab__ripple.mdc-ripple-upgraded--foreground-activation::after {
  5306. -webkit-animation: 225ms mdc-ripple-fg-radius-in forwards, 75ms mdc-ripple-fg-opacity-in forwards;
  5307. animation: 225ms mdc-ripple-fg-radius-in forwards, 75ms mdc-ripple-fg-opacity-in forwards; }
  5308. .mdc-tab__ripple.mdc-ripple-upgraded--foreground-deactivation::after {
  5309. -webkit-animation: 150ms mdc-ripple-fg-opacity-out;
  5310. animation: 150ms mdc-ripple-fg-opacity-out;
  5311. -webkit-transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
  5312. transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1)); }
  5313. .mdc-tab__ripple::before, .mdc-tab__ripple::after {
  5314. top: calc(50% - 100%);
  5315. /* @noflip */
  5316. left: calc(50% - 100%);
  5317. width: 200%;
  5318. height: 200%; }
  5319. .mdc-tab__ripple.mdc-ripple-upgraded::after {
  5320. width: var(--mdc-ripple-fg-size, 100%);
  5321. height: var(--mdc-ripple-fg-size, 100%); }
  5322. .mdc-tab__ripple::before, .mdc-tab__ripple::after {
  5323. background-color: #6200ee; }
  5324. @supports not (-ms-ime-align: auto) {
  5325. .mdc-tab__ripple::before, .mdc-tab__ripple::after {
  5326. /* @alternate */
  5327. background-color: var(--mdc-theme-primary, #6200ee); } }
  5328. .mdc-tab__ripple:hover::before {
  5329. opacity: 0.04; }
  5330. .mdc-tab__ripple:not(.mdc-ripple-upgraded):focus::before, .mdc-tab__ripple.mdc-ripple-upgraded--background-focused::before {
  5331. transition-duration: 75ms;
  5332. opacity: 0.12; }
  5333. .mdc-tab__ripple:not(.mdc-ripple-upgraded)::after {
  5334. transition: opacity 150ms linear; }
  5335. .mdc-tab__ripple:not(.mdc-ripple-upgraded):active::after {
  5336. transition-duration: 75ms;
  5337. opacity: 0.16; }
  5338. .mdc-tab__ripple.mdc-ripple-upgraded {
  5339. --mdc-ripple-fg-opacity: 0.16; }
  5340. .mdc-tab__content {
  5341. position: relative;
  5342. display: flex;
  5343. align-items: center;
  5344. justify-content: center;
  5345. height: inherit;
  5346. pointer-events: none; }
  5347. .mdc-tab__text-label,
  5348. .mdc-tab__icon {
  5349. transition: 150ms color linear, 150ms opacity linear;
  5350. z-index: 2; }
  5351. .mdc-tab__text-label {
  5352. display: inline-block;
  5353. opacity: 0.6;
  5354. line-height: 1; }
  5355. .mdc-tab__icon {
  5356. width: 24px;
  5357. height: 24px;
  5358. opacity: 0.54;
  5359. font-size: 24px; }
  5360. .mdc-tab--stacked {
  5361. height: 72px; }
  5362. .mdc-tab--stacked .mdc-tab__content {
  5363. flex-direction: column;
  5364. align-items: center;
  5365. justify-content: space-between; }
  5366. .mdc-tab--stacked .mdc-tab__icon {
  5367. padding-top: 12px; }
  5368. .mdc-tab--stacked .mdc-tab__text-label {
  5369. padding-bottom: 16px; }
  5370. .mdc-tab--active .mdc-tab__text-label {
  5371. color: #6200ee;
  5372. /* @alternate */
  5373. color: var(--mdc-theme-primary, #6200ee); }
  5374. .mdc-tab--active .mdc-tab__icon {
  5375. color: #6200ee;
  5376. /* @alternate */
  5377. color: var(--mdc-theme-primary, #6200ee); }
  5378. .mdc-tab--active .mdc-tab__text-label,
  5379. .mdc-tab--active .mdc-tab__icon {
  5380. transition-delay: 100ms;
  5381. opacity: 1; }
  5382. .mdc-tab:not(.mdc-tab--stacked) .mdc-tab__icon + .mdc-tab__text-label {
  5383. /* @noflip */
  5384. padding-left: 8px;
  5385. /* @noflip */
  5386. padding-right: 0; }
  5387. [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"] {
  5388. /* @noflip */
  5389. padding-left: 0;
  5390. /* @noflip */
  5391. padding-right: 8px; }
  5392. /**
  5393. * @license
  5394. * Copyright 2018 Google Inc.
  5395. *
  5396. * Permission is hereby granted, free of charge, to any person obtaining a copy
  5397. * of this software and associated documentation files (the "Software"), to deal
  5398. * in the Software without restriction, including without limitation the rights
  5399. * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
  5400. * copies of the Software, and to permit persons to whom the Software is
  5401. * furnished to do so, subject to the following conditions:
  5402. *
  5403. * The above copyright notice and this permission notice shall be included in
  5404. * all copies or substantial portions of the Software.
  5405. *
  5406. * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
  5407. * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
  5408. * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
  5409. * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
  5410. * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
  5411. * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
  5412. * THE SOFTWARE.
  5413. */
  5414. /**
  5415. * @license
  5416. * Copyright 2018 Google Inc.
  5417. *
  5418. * Permission is hereby granted, free of charge, to any person obtaining a copy
  5419. * of this software and associated documentation files (the "Software"), to deal
  5420. * in the Software without restriction, including without limitation the rights
  5421. * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
  5422. * copies of the Software, and to permit persons to whom the Software is
  5423. * furnished to do so, subject to the following conditions:
  5424. *
  5425. * The above copyright notice and this permission notice shall be included in
  5426. * all copies or substantial portions of the Software.
  5427. *
  5428. * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
  5429. * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
  5430. * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
  5431. * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
  5432. * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
  5433. * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
  5434. * THE SOFTWARE.
  5435. */
  5436. .mdc-tab-bar {
  5437. width: 100%; }
  5438. /**
  5439. * @license
  5440. * Copyright 2018 Google Inc.
  5441. *
  5442. * Permission is hereby granted, free of charge, to any person obtaining a copy
  5443. * of this software and associated documentation files (the "Software"), to deal
  5444. * in the Software without restriction, including without limitation the rights
  5445. * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
  5446. * copies of the Software, and to permit persons to whom the Software is
  5447. * furnished to do so, subject to the following conditions:
  5448. *
  5449. * The above copyright notice and this permission notice shall be included in
  5450. * all copies or substantial portions of the Software.
  5451. *
  5452. * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
  5453. * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
  5454. * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
  5455. * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
  5456. * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
  5457. * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
  5458. * THE SOFTWARE.
  5459. */
  5460. /**
  5461. * @license
  5462. * Copyright 2018 Google Inc.
  5463. *
  5464. * Permission is hereby granted, free of charge, to any person obtaining a copy
  5465. * of this software and associated documentation files (the "Software"), to deal
  5466. * in the Software without restriction, including without limitation the rights
  5467. * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
  5468. * copies of the Software, and to permit persons to whom the Software is
  5469. * furnished to do so, subject to the following conditions:
  5470. *
  5471. * The above copyright notice and this permission notice shall be included in
  5472. * all copies or substantial portions of the Software.
  5473. *
  5474. * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
  5475. * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
  5476. * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
  5477. * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
  5478. * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
  5479. * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
  5480. * THE SOFTWARE.
  5481. */
  5482. .mdc-tab-indicator {
  5483. display: flex;
  5484. position: absolute;
  5485. top: 0;
  5486. left: 0;
  5487. width: 100%;
  5488. height: 100%;
  5489. pointer-events: none;
  5490. z-index: 1; }
  5491. .mdc-tab-indicator > .mdc-tab-indicator__content--underline {
  5492. background-color: #6200ee;
  5493. /* @alternate */
  5494. background-color: var(--mdc-theme-primary, #6200ee); }
  5495. .mdc-tab-indicator > .mdc-tab-indicator__content--underline {
  5496. height: 2px; }
  5497. .mdc-tab-indicator > .mdc-tab-indicator__content--icon {
  5498. color: #018786;
  5499. /* @alternate */
  5500. color: var(--mdc-theme-secondary, #018786); }
  5501. .mdc-tab-indicator > .mdc-tab-indicator__content--icon {
  5502. height: 34px;
  5503. font-size: 34px; }
  5504. .mdc-tab-indicator__content {
  5505. -webkit-transform-origin: left;
  5506. transform-origin: left;
  5507. opacity: 0; }
  5508. .mdc-tab-indicator__content--underline {
  5509. align-self: flex-end;
  5510. width: 100%; }
  5511. .mdc-tab-indicator__content--icon {
  5512. align-self: center;
  5513. margin: 0 auto; }
  5514. .mdc-tab-indicator--active > .mdc-tab-indicator__content {
  5515. opacity: 1; }
  5516. .mdc-tab-indicator > .mdc-tab-indicator__content {
  5517. transition: 250ms -webkit-transform cubic-bezier(0.4, 0, 0.2, 1);
  5518. transition: 250ms transform cubic-bezier(0.4, 0, 0.2, 1);
  5519. transition: 250ms transform cubic-bezier(0.4, 0, 0.2, 1), 250ms -webkit-transform cubic-bezier(0.4, 0, 0.2, 1); }
  5520. .mdc-tab-indicator--no-transition > .mdc-tab-indicator__content {
  5521. transition: none; }
  5522. .mdc-tab-indicator--fade > .mdc-tab-indicator__content {
  5523. transition: 150ms opacity linear; }
  5524. .mdc-tab-indicator--active.mdc-tab-indicator--fade > .mdc-tab-indicator__content {
  5525. transition-delay: 100ms; }
  5526. /**
  5527. * @license
  5528. * Copyright 2018 Google Inc.
  5529. *
  5530. * Permission is hereby granted, free of charge, to any person obtaining a copy
  5531. * of this software and associated documentation files (the "Software"), to deal
  5532. * in the Software without restriction, including without limitation the rights
  5533. * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
  5534. * copies of the Software, and to permit persons to whom the Software is
  5535. * furnished to do so, subject to the following conditions:
  5536. *
  5537. * The above copyright notice and this permission notice shall be included in
  5538. * all copies or substantial portions of the Software.
  5539. *
  5540. * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
  5541. * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
  5542. * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
  5543. * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
  5544. * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
  5545. * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
  5546. * THE SOFTWARE.
  5547. */
  5548. .mdc-tab-scroller {
  5549. overflow-y: hidden; }
  5550. .mdc-tab-scroller__test {
  5551. position: absolute;
  5552. top: -9999px;
  5553. width: 100px;
  5554. height: 100px;
  5555. overflow-x: scroll; }
  5556. .mdc-tab-scroller__scroll-area {
  5557. -webkit-overflow-scrolling: touch;
  5558. display: flex;
  5559. overflow-x: hidden; }
  5560. .mdc-tab-scroller__scroll-area::-webkit-scrollbar,
  5561. .mdc-tab-scroller__test::-webkit-scrollbar {
  5562. display: none; }
  5563. .mdc-tab-scroller__scroll-area--scroll {
  5564. overflow-x: scroll; }
  5565. .mdc-tab-scroller__scroll-content {
  5566. position: relative;
  5567. display: flex;
  5568. flex: 1 0 auto;
  5569. -webkit-transform: none;
  5570. transform: none;
  5571. will-change: transform; }
  5572. .mdc-tab-scroller--align-start .mdc-tab-scroller__scroll-content {
  5573. justify-content: flex-start; }
  5574. .mdc-tab-scroller--align-end .mdc-tab-scroller__scroll-content {
  5575. justify-content: flex-end; }
  5576. .mdc-tab-scroller--align-center .mdc-tab-scroller__scroll-content {
  5577. justify-content: center; }
  5578. .mdc-tab-scroller--animating .mdc-tab-scroller__scroll-area {
  5579. -webkit-overflow-scrolling: auto; }
  5580. .mdc-tab-scroller--animating .mdc-tab-scroller__scroll-content {
  5581. transition: 250ms -webkit-transform cubic-bezier(0.4, 0, 0.2, 1);
  5582. transition: 250ms transform cubic-bezier(0.4, 0, 0.2, 1);
  5583. transition: 250ms transform cubic-bezier(0.4, 0, 0.2, 1), 250ms -webkit-transform cubic-bezier(0.4, 0, 0.2, 1); }
  5584. .mdc-text-field-helper-text {
  5585. font-family: Roboto, sans-serif;
  5586. -moz-osx-font-smoothing: grayscale;
  5587. -webkit-font-smoothing: antialiased;
  5588. font-size: 0.75rem;
  5589. line-height: 1.25rem;
  5590. font-weight: 400;
  5591. letter-spacing: 0.03333em;
  5592. text-decoration: inherit;
  5593. text-transform: inherit;
  5594. display: block;
  5595. margin-top: 0;
  5596. /* @alternate */
  5597. line-height: normal;
  5598. margin: 0;
  5599. transition: opacity 180ms cubic-bezier(0.4, 0, 0.2, 1);
  5600. opacity: 0;
  5601. will-change: opacity; }
  5602. .mdc-text-field-helper-text::before {
  5603. display: inline-block;
  5604. width: 0;
  5605. height: 16px;
  5606. content: "";
  5607. vertical-align: 0; }
  5608. .mdc-text-field-helper-text--persistent {
  5609. transition: none;
  5610. opacity: 1;
  5611. will-change: initial; }
  5612. .mdc-text-field--with-leading-icon .mdc-text-field__icon,
  5613. .mdc-text-field--with-trailing-icon .mdc-text-field__icon {
  5614. position: absolute;
  5615. bottom: 16px;
  5616. cursor: pointer; }
  5617. .mdc-text-field__icon:not([tabindex]),
  5618. .mdc-text-field__icon[tabindex="-1"] {
  5619. cursor: default;
  5620. pointer-events: none; }
  5621. .mdc-text-field {
  5622. --mdc-ripple-fg-size: 0;
  5623. --mdc-ripple-left: 0;
  5624. --mdc-ripple-top: 0;
  5625. --mdc-ripple-fg-scale: 1;
  5626. --mdc-ripple-fg-translate-end: 0;
  5627. --mdc-ripple-fg-translate-start: 0;
  5628. -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  5629. will-change: transform, opacity;
  5630. border-radius: 4px 4px 0 0;
  5631. display: inline-flex;
  5632. position: relative;
  5633. box-sizing: border-box;
  5634. height: 56px;
  5635. overflow: hidden;
  5636. will-change: opacity, transform, color; }
  5637. .mdc-text-field::before, .mdc-text-field::after {
  5638. position: absolute;
  5639. border-radius: 50%;
  5640. opacity: 0;
  5641. pointer-events: none;
  5642. content: ""; }
  5643. .mdc-text-field::before {
  5644. transition: opacity 15ms linear, background-color 15ms linear;
  5645. z-index: 1; }
  5646. .mdc-text-field.mdc-ripple-upgraded::before {
  5647. -webkit-transform: scale(var(--mdc-ripple-fg-scale, 1));
  5648. transform: scale(var(--mdc-ripple-fg-scale, 1)); }
  5649. .mdc-text-field.mdc-ripple-upgraded::after {
  5650. top: 0;
  5651. /* @noflip */
  5652. left: 0;
  5653. -webkit-transform: scale(0);
  5654. transform: scale(0);
  5655. -webkit-transform-origin: center center;
  5656. transform-origin: center center; }
  5657. .mdc-text-field.mdc-ripple-upgraded--unbounded::after {
  5658. top: var(--mdc-ripple-top, 0);
  5659. /* @noflip */
  5660. left: var(--mdc-ripple-left, 0); }
  5661. .mdc-text-field.mdc-ripple-upgraded--foreground-activation::after {
  5662. -webkit-animation: 225ms mdc-ripple-fg-radius-in forwards, 75ms mdc-ripple-fg-opacity-in forwards;
  5663. animation: 225ms mdc-ripple-fg-radius-in forwards, 75ms mdc-ripple-fg-opacity-in forwards; }
  5664. .mdc-text-field.mdc-ripple-upgraded--foreground-deactivation::after {
  5665. -webkit-animation: 150ms mdc-ripple-fg-opacity-out;
  5666. animation: 150ms mdc-ripple-fg-opacity-out;
  5667. -webkit-transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
  5668. transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1)); }
  5669. .mdc-text-field::before, .mdc-text-field::after {
  5670. background-color: rgba(0, 0, 0, 0.87); }
  5671. .mdc-text-field:hover::before {
  5672. opacity: 0.04; }
  5673. .mdc-text-field:not(.mdc-ripple-upgraded):focus::before, .mdc-text-field.mdc-ripple-upgraded--background-focused::before {
  5674. transition-duration: 75ms;
  5675. opacity: 0.12; }
  5676. .mdc-text-field::before, .mdc-text-field::after {
  5677. top: calc(50% - 100%);
  5678. /* @noflip */
  5679. left: calc(50% - 100%);
  5680. width: 200%;
  5681. height: 200%; }
  5682. .mdc-text-field.mdc-ripple-upgraded::after {
  5683. width: var(--mdc-ripple-fg-size, 100%);
  5684. height: var(--mdc-ripple-fg-size, 100%); }
  5685. .mdc-text-field:not(.mdc-text-field--disabled) .mdc-floating-label {
  5686. color: rgba(0, 0, 0, 0.6); }
  5687. .mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__input::-webkit-input-placeholder {
  5688. color: rgba(0, 0, 0, 0.6); }
  5689. .mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__input:-ms-input-placeholder {
  5690. color: rgba(0, 0, 0, 0.6); }
  5691. .mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__input::-ms-input-placeholder {
  5692. color: rgba(0, 0, 0, 0.6); }
  5693. .mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__input::placeholder {
  5694. color: rgba(0, 0, 0, 0.6); }
  5695. .mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__input {
  5696. color: rgba(0, 0, 0, 0.87); }
  5697. .mdc-text-field .mdc-text-field__input {
  5698. caret-color: #6200ee;
  5699. /* @alternate */
  5700. caret-color: var(--mdc-theme-primary, #6200ee); }
  5701. .mdc-text-field:not(.mdc-text-field--disabled):not(.mdc-text-field--outlined):not(.mdc-text-field--textarea) .mdc-text-field__input {
  5702. border-bottom-color: rgba(0, 0, 0, 0.42); }
  5703. .mdc-text-field:not(.mdc-text-field--disabled):not(.mdc-text-field--outlined):not(.mdc-text-field--textarea) .mdc-text-field__input:hover {
  5704. border-bottom-color: rgba(0, 0, 0, 0.87); }
  5705. .mdc-text-field .mdc-line-ripple {
  5706. background-color: #6200ee;
  5707. /* @alternate */
  5708. background-color: var(--mdc-theme-primary, #6200ee); }
  5709. .mdc-text-field:not(.mdc-text-field--disabled):not(.mdc-text-field--textarea) {
  5710. border-bottom-color: rgba(0, 0, 0, 0.12); }
  5711. .mdc-text-field:not(.mdc-text-field--disabled) + .mdc-text-field-helper-text {
  5712. color: rgba(0, 0, 0, 0.6); }
  5713. .mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__icon {
  5714. color: rgba(0, 0, 0, 0.54); }
  5715. .mdc-text-field:not(.mdc-text-field--disabled) {
  5716. background-color: whitesmoke; }
  5717. .mdc-text-field .mdc-floating-label {
  5718. /* @noflip */
  5719. left: 12px;
  5720. /* @noflip */
  5721. right: initial;
  5722. bottom: 20px;
  5723. pointer-events: none; }
  5724. [dir="rtl"] .mdc-text-field .mdc-floating-label, .mdc-text-field .mdc-floating-label[dir="rtl"] {
  5725. /* @noflip */
  5726. left: initial;
  5727. /* @noflip */
  5728. right: 12px; }
  5729. .mdc-text-field:not(.mdc-text-field--outlined):not(.mdc-text-field--textarea) .mdc-floating-label {
  5730. max-width: calc(100% - 48px); }
  5731. .mdc-text-field .mdc-floating-label--float-above {
  5732. -webkit-transform: translateY(-50%) scale(0.75);
  5733. transform: translateY(-50%) scale(0.75); }
  5734. .mdc-text-field .mdc-floating-label--shake {
  5735. -webkit-animation: mdc-floating-label-shake-float-above-text-field-box 250ms 1;
  5736. animation: mdc-floating-label-shake-float-above-text-field-box 250ms 1; }
  5737. @-webkit-keyframes mdc-floating-label-shake-float-above-text-field-box {
  5738. 0% {
  5739. -webkit-transform: translateX(calc(0 - 0%)) translateY(-50%) scale(0.75);
  5740. transform: translateX(calc(0 - 0%)) translateY(-50%) scale(0.75); }
  5741. 33% {
  5742. -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.70173, 0.49582);
  5743. animation-timing-function: cubic-bezier(0.5, 0, 0.70173, 0.49582);
  5744. -webkit-transform: translateX(calc(4% - 0%)) translateY(-50%) scale(0.75);
  5745. transform: translateX(calc(4% - 0%)) translateY(-50%) scale(0.75); }
  5746. 66% {
  5747. -webkit-animation-timing-function: cubic-bezier(0.30244, 0.38135, 0.55, 0.95635);
  5748. animation-timing-function: cubic-bezier(0.30244, 0.38135, 0.55, 0.95635);
  5749. -webkit-transform: translateX(calc(-4% - 0%)) translateY(-50%) scale(0.75);
  5750. transform: translateX(calc(-4% - 0%)) translateY(-50%) scale(0.75); }
  5751. 100% {
  5752. -webkit-transform: translateX(calc(0 - 0%)) translateY(-50%) scale(0.75);
  5753. transform: translateX(calc(0 - 0%)) translateY(-50%) scale(0.75); } }
  5754. @keyframes mdc-floating-label-shake-float-above-text-field-box {
  5755. 0% {
  5756. -webkit-transform: translateX(calc(0 - 0%)) translateY(-50%) scale(0.75);
  5757. transform: translateX(calc(0 - 0%)) translateY(-50%) scale(0.75); }
  5758. 33% {
  5759. -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.70173, 0.49582);
  5760. animation-timing-function: cubic-bezier(0.5, 0, 0.70173, 0.49582);
  5761. -webkit-transform: translateX(calc(4% - 0%)) translateY(-50%) scale(0.75);
  5762. transform: translateX(calc(4% - 0%)) translateY(-50%) scale(0.75); }
  5763. 66% {
  5764. -webkit-animation-timing-function: cubic-bezier(0.30244, 0.38135, 0.55, 0.95635);
  5765. animation-timing-function: cubic-bezier(0.30244, 0.38135, 0.55, 0.95635);
  5766. -webkit-transform: translateX(calc(-4% - 0%)) translateY(-50%) scale(0.75);
  5767. transform: translateX(calc(-4% - 0%)) translateY(-50%) scale(0.75); }
  5768. 100% {
  5769. -webkit-transform: translateX(calc(0 - 0%)) translateY(-50%) scale(0.75);
  5770. transform: translateX(calc(0 - 0%)) translateY(-50%) scale(0.75); } }
  5771. .mdc-text-field__input {
  5772. font-family: Roboto, sans-serif;
  5773. -moz-osx-font-smoothing: grayscale;
  5774. -webkit-font-smoothing: antialiased;
  5775. font-size: 1rem;
  5776. line-height: 1.75rem;
  5777. font-weight: 400;
  5778. letter-spacing: 0.00937em;
  5779. text-decoration: inherit;
  5780. text-transform: inherit;
  5781. align-self: flex-end;
  5782. box-sizing: border-box;
  5783. width: 100%;
  5784. height: 100%;
  5785. padding: 20px 12px 6px;
  5786. transition: opacity 180ms cubic-bezier(0.4, 0, 0.2, 1);
  5787. border: none;
  5788. border-bottom: 1px solid;
  5789. border-radius: 0;
  5790. background: none;
  5791. -webkit-appearance: none;
  5792. -moz-appearance: none;
  5793. appearance: none; }
  5794. .mdc-text-field__input::-webkit-input-placeholder {
  5795. transition: color 180ms cubic-bezier(0.4, 0, 0.2, 1);
  5796. opacity: 1; }
  5797. .mdc-text-field__input:-ms-input-placeholder {
  5798. transition: color 180ms cubic-bezier(0.4, 0, 0.2, 1);
  5799. opacity: 1; }
  5800. .mdc-text-field__input::-ms-input-placeholder {
  5801. transition: color 180ms cubic-bezier(0.4, 0, 0.2, 1);
  5802. opacity: 1; }
  5803. .mdc-text-field__input::placeholder {
  5804. transition: color 180ms cubic-bezier(0.4, 0, 0.2, 1);
  5805. opacity: 1; }
  5806. .mdc-text-field__input:focus {
  5807. outline: none; }
  5808. .mdc-text-field__input:invalid {
  5809. box-shadow: none; }
  5810. .mdc-text-field__input:-webkit-autofill + .mdc-floating-label {
  5811. -webkit-transform: translateY(-50%) scale(0.75);
  5812. transform: translateY(-50%) scale(0.75);
  5813. cursor: auto; }
  5814. .mdc-text-field--outlined {
  5815. border: none;
  5816. overflow: visible; }
  5817. .mdc-text-field--outlined:not(.mdc-text-field--disabled) .mdc-notched-outline__idle {
  5818. border-color: rgba(0, 0, 0, 0.24); }
  5819. .mdc-text-field--outlined:not(.mdc-text-field--disabled) .mdc-notched-outline__path {
  5820. stroke: rgba(0, 0, 0, 0.24); }
  5821. .mdc-text-field--outlined:not(.mdc-text-field--disabled):not(.mdc-text-field--focused) .mdc-text-field__input:hover ~ .mdc-notched-outline__idle,
  5822. .mdc-text-field--outlined:not(.mdc-text-field--disabled):not(.mdc-text-field--focused) .mdc-text-field__icon:hover ~ .mdc-notched-outline__idle {
  5823. border-color: rgba(0, 0, 0, 0.87); }
  5824. .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__path,
  5825. .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__path {
  5826. stroke: rgba(0, 0, 0, 0.87); }
  5827. .mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__path {
  5828. stroke: #6200ee;
  5829. /* @alternate */
  5830. stroke: var(--mdc-theme-primary, #6200ee); }
  5831. .mdc-text-field--outlined .mdc-floating-label--shake {
  5832. -webkit-animation: mdc-floating-label-shake-float-above-text-field-outlined 250ms 1;
  5833. animation: mdc-floating-label-shake-float-above-text-field-outlined 250ms 1; }
  5834. .mdc-text-field--outlined .mdc-notched-outline {
  5835. border-radius: 4px; }
  5836. .mdc-text-field--outlined .mdc-notched-outline__idle {
  5837. border-radius: 4px; }
  5838. .mdc-text-field--outlined .mdc-floating-label--float-above {
  5839. -webkit-transform: translateY(-130%) scale(0.75);
  5840. transform: translateY(-130%) scale(0.75); }
  5841. .mdc-text-field--outlined::before, .mdc-text-field--outlined::after {
  5842. background-color: transparent; }
  5843. .mdc-text-field--outlined:not(.mdc-text-field--disabled) {
  5844. background-color: transparent; }
  5845. .mdc-text-field--outlined .mdc-text-field__input {
  5846. display: flex;
  5847. padding: 12px 16px 14px;
  5848. border: none !important;
  5849. background-color: transparent;
  5850. z-index: 1; }
  5851. .mdc-text-field--outlined .mdc-text-field__icon {
  5852. z-index: 2; }
  5853. .mdc-text-field--outlined .mdc-floating-label {
  5854. /* @noflip */
  5855. left: 16px;
  5856. /* @noflip */
  5857. right: initial;
  5858. width: auto; }
  5859. [dir="rtl"] .mdc-text-field--outlined .mdc-floating-label, .mdc-text-field--outlined .mdc-floating-label[dir="rtl"] {
  5860. /* @noflip */
  5861. left: initial;
  5862. /* @noflip */
  5863. right: 16px; }
  5864. .mdc-text-field--outlined.mdc-text-field--focused .mdc-notched-outline__path {
  5865. stroke-width: 2px; }
  5866. .mdc-text-field--outlined.mdc-text-field--disabled {
  5867. background-color: transparent; }
  5868. .mdc-text-field--outlined.mdc-text-field--disabled .mdc-notched-outline__idle {
  5869. border-color: rgba(0, 0, 0, 0.06); }
  5870. .mdc-text-field--outlined.mdc-text-field--disabled .mdc-notched-outline__path {
  5871. stroke: rgba(0, 0, 0, 0.06); }
  5872. .mdc-text-field--outlined.mdc-text-field--disabled .mdc-text-field__input {
  5873. border-bottom: none; }
  5874. .mdc-text-field--outlined.mdc-text-field--dense {
  5875. height: 48px; }
  5876. .mdc-text-field--outlined.mdc-text-field--dense .mdc-floating-label--float-above {
  5877. -webkit-transform: translateY(-110%) scale(0.923);
  5878. transform: translateY(-110%) scale(0.923); }
  5879. .mdc-text-field--outlined.mdc-text-field--dense .mdc-floating-label--shake {
  5880. -webkit-animation: mdc-floating-label-shake-float-above-text-field-outlined-dense 250ms 1;
  5881. animation: mdc-floating-label-shake-float-above-text-field-outlined-dense 250ms 1; }
  5882. .mdc-text-field--outlined.mdc-text-field--dense .mdc-text-field__input {
  5883. padding: 12px 12px 7px; }
  5884. .mdc-text-field--outlined.mdc-text-field--dense .mdc-floating-label {
  5885. bottom: 16px; }
  5886. .mdc-text-field--outlined.mdc-text-field--dense .mdc-text-field__icon {
  5887. top: 12px; }
  5888. .mdc-text-field--with-leading-icon .mdc-text-field__icon {
  5889. /* @noflip */
  5890. left: 16px;
  5891. /* @noflip */
  5892. right: initial; }
  5893. [dir="rtl"] .mdc-text-field--with-leading-icon .mdc-text-field__icon, .mdc-text-field--with-leading-icon .mdc-text-field__icon[dir="rtl"] {
  5894. /* @noflip */
  5895. left: initial;
  5896. /* @noflip */
  5897. right: 16px; }
  5898. .mdc-text-field--with-leading-icon .mdc-text-field__input {
  5899. /* @noflip */
  5900. padding-left: 48px;
  5901. /* @noflip */
  5902. padding-right: 16px; }
  5903. [dir="rtl"] .mdc-text-field--with-leading-icon .mdc-text-field__input, .mdc-text-field--with-leading-icon .mdc-text-field__input[dir="rtl"] {
  5904. /* @noflip */
  5905. padding-left: 16px;
  5906. /* @noflip */
  5907. padding-right: 48px; }
  5908. .mdc-text-field--with-leading-icon .mdc-floating-label {
  5909. /* @noflip */
  5910. left: 48px;
  5911. /* @noflip */
  5912. right: initial; }
  5913. [dir="rtl"] .mdc-text-field--with-leading-icon .mdc-floating-label, .mdc-text-field--with-leading-icon .mdc-floating-label[dir="rtl"] {
  5914. /* @noflip */
  5915. left: initial;
  5916. /* @noflip */
  5917. right: 48px; }
  5918. .mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-floating-label--float-above {
  5919. -webkit-transform: translateY(-130%) translateX(-32px) scale(0.75);
  5920. transform: translateY(-130%) translateX(-32px) scale(0.75); }
  5921. [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"] {
  5922. -webkit-transform: translateY(-130%) translateX(32px) scale(0.75);
  5923. transform: translateY(-130%) translateX(32px) scale(0.75); }
  5924. .mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-floating-label--shake {
  5925. -webkit-animation: mdc-floating-label-shake-float-above-text-field-outlined-leading-icon 250ms 1;
  5926. animation: mdc-floating-label-shake-float-above-text-field-outlined-leading-icon 250ms 1; }
  5927. [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 {
  5928. -webkit-animation: mdc-floating-label-shake-float-above-text-field-outlined-leading-icon-rtl 250ms 1;
  5929. animation: mdc-floating-label-shake-float-above-text-field-outlined-leading-icon-rtl 250ms 1; }
  5930. .mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-text-field--dense .mdc-floating-label--float-above {
  5931. -webkit-transform: translateY(-110%) translateX(-21px) scale(0.923);
  5932. transform: translateY(-110%) translateX(-21px) scale(0.923); }
  5933. [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"] {
  5934. -webkit-transform: translateY(-110%) translateX(21px) scale(0.923);
  5935. transform: translateY(-110%) translateX(21px) scale(0.923); }
  5936. .mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-text-field--dense .mdc-floating-label--shake {
  5937. -webkit-animation: mdc-floating-label-shake-float-above-text-field-outlined-leading-icon-dense 250ms 1;
  5938. animation: mdc-floating-label-shake-float-above-text-field-outlined-leading-icon-dense 250ms 1; }
  5939. [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 {
  5940. -webkit-animation: mdc-floating-label-shake-float-above-text-field-outlined-leading-icon-dense-rtl 250ms 1;
  5941. animation: mdc-floating-label-shake-float-above-text-field-outlined-leading-icon-dense-rtl 250ms 1; }
  5942. .mdc-text-field--with-trailing-icon .mdc-text-field__icon {
  5943. /* @noflip */
  5944. left: initial;
  5945. /* @noflip */
  5946. right: 12px; }
  5947. [dir="rtl"] .mdc-text-field--with-trailing-icon .mdc-text-field__icon, .mdc-text-field--with-trailing-icon .mdc-text-field__icon[dir="rtl"] {
  5948. /* @noflip */
  5949. left: 12px;
  5950. /* @noflip */
  5951. right: initial; }
  5952. .mdc-text-field--with-trailing-icon .mdc-text-field__input {
  5953. /* @noflip */
  5954. padding-left: 12px;
  5955. /* @noflip */
  5956. padding-right: 48px; }
  5957. [dir="rtl"] .mdc-text-field--with-trailing-icon .mdc-text-field__input, .mdc-text-field--with-trailing-icon .mdc-text-field__input[dir="rtl"] {
  5958. /* @noflip */
  5959. padding-left: 48px;
  5960. /* @noflip */
  5961. padding-right: 12px; }
  5962. .mdc-text-field--with-trailing-icon.mdc-text-field--outlined .mdc-text-field__icon {
  5963. /* @noflip */
  5964. left: initial;
  5965. /* @noflip */
  5966. right: 16px; }
  5967. [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"] {
  5968. /* @noflip */
  5969. left: 16px;
  5970. /* @noflip */
  5971. right: initial; }
  5972. .mdc-text-field--with-trailing-icon.mdc-text-field--outlined .mdc-text-field__input {
  5973. /* @noflip */
  5974. padding-left: 16px;
  5975. /* @noflip */
  5976. padding-right: 48px; }
  5977. [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"] {
  5978. /* @noflip */
  5979. padding-left: 48px;
  5980. /* @noflip */
  5981. padding-right: 16px; }
  5982. .mdc-text-field--with-leading-icon.mdc-text-field--with-trailing-icon .mdc-text-field__icon {
  5983. /* @noflip */
  5984. left: 16px;
  5985. /* @noflip */
  5986. right: auto; }
  5987. [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"] {
  5988. /* @noflip */
  5989. left: auto;
  5990. /* @noflip */
  5991. right: 16px; }
  5992. .mdc-text-field--with-leading-icon.mdc-text-field--with-trailing-icon .mdc-text-field__icon ~ .mdc-text-field__icon {
  5993. /* @noflip */
  5994. right: 12px;
  5995. /* @noflip */
  5996. left: auto; }
  5997. [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"] {
  5998. /* @noflip */
  5999. right: auto;
  6000. /* @noflip */
  6001. left: 12px; }
  6002. .mdc-text-field--with-leading-icon.mdc-text-field--with-trailing-icon .mdc-text-field__input {
  6003. /* @noflip */
  6004. padding-left: 48px;
  6005. /* @noflip */
  6006. padding-right: 48px; }
  6007. [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"] {
  6008. /* @noflip */
  6009. padding-left: 48px;
  6010. /* @noflip */
  6011. padding-right: 48px; }
  6012. .mdc-text-field--with-leading-icon.mdc-text-field--with-trailing-icon .mdc-floating-label {
  6013. /* @noflip */
  6014. left: 48px;
  6015. /* @noflip */
  6016. right: auto; }
  6017. [dir="rtl"] .mdc-text-field--with-leading-icon.mdc-text-field--with-trailing-icon .mdc-floating-label, .mdc-text-field--with-leading-icon.mdc-text-field--with-trailing-icon .mdc-floating-label[dir="rtl"] {
  6018. /* @noflip */
  6019. left: auto;
  6020. /* @noflip */
  6021. right: 48px; }
  6022. .mdc-text-field--with-leading-icon.mdc-text-field--dense .mdc-text-field__icon,
  6023. .mdc-text-field--with-trailing-icon.mdc-text-field--dense .mdc-text-field__icon {
  6024. bottom: 16px;
  6025. -webkit-transform: scale(0.8);
  6026. transform: scale(0.8); }
  6027. .mdc-text-field--with-leading-icon.mdc-text-field--dense .mdc-text-field__icon {
  6028. /* @noflip */
  6029. left: 12px;
  6030. /* @noflip */
  6031. right: initial; }
  6032. [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"] {
  6033. /* @noflip */
  6034. left: initial;
  6035. /* @noflip */
  6036. right: 12px; }
  6037. .mdc-text-field--with-leading-icon.mdc-text-field--dense .mdc-text-field__input {
  6038. /* @noflip */
  6039. padding-left: 38px;
  6040. /* @noflip */
  6041. padding-right: 12px; }
  6042. [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"] {
  6043. /* @noflip */
  6044. padding-left: 12px;
  6045. /* @noflip */
  6046. padding-right: 38px; }
  6047. .mdc-text-field--with-leading-icon.mdc-text-field--dense .mdc-floating-label {
  6048. /* @noflip */
  6049. left: 38px;
  6050. /* @noflip */
  6051. right: initial; }
  6052. [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"] {
  6053. /* @noflip */
  6054. left: initial;
  6055. /* @noflip */
  6056. right: 38px; }
  6057. .mdc-text-field--with-trailing-icon.mdc-text-field--dense .mdc-text-field__icon {
  6058. /* @noflip */
  6059. left: initial;
  6060. /* @noflip */
  6061. right: 12px; }
  6062. [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"] {
  6063. /* @noflip */
  6064. left: 12px;
  6065. /* @noflip */
  6066. right: initial; }
  6067. .mdc-text-field--with-trailing-icon.mdc-text-field--dense .mdc-text-field__input {
  6068. /* @noflip */
  6069. padding-left: 12px;
  6070. /* @noflip */
  6071. padding-right: 38px; }
  6072. [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"] {
  6073. /* @noflip */
  6074. padding-left: 38px;
  6075. /* @noflip */
  6076. padding-right: 12px; }
  6077. .mdc-text-field--with-leading-icon.mdc-text-field--with-trailing-icon.mdc-text-field--dense .mdc-text-field__icon {
  6078. /* @noflip */
  6079. left: 12px;
  6080. /* @noflip */
  6081. right: auto; }
  6082. [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"] {
  6083. /* @noflip */
  6084. left: auto;
  6085. /* @noflip */
  6086. right: 12px; }
  6087. .mdc-text-field--with-leading-icon.mdc-text-field--with-trailing-icon.mdc-text-field--dense .mdc-text-field__icon ~ .mdc-text-field__icon {
  6088. /* @noflip */
  6089. right: 12px;
  6090. /* @noflip */
  6091. left: auto; }
  6092. [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"] {
  6093. /* @noflip */
  6094. right: auto;
  6095. /* @noflip */
  6096. left: 12px; }
  6097. .mdc-text-field--with-leading-icon.mdc-text-field--with-trailing-icon.mdc-text-field--dense .mdc-text-field__input {
  6098. /* @noflip */
  6099. padding-left: 38px;
  6100. /* @noflip */
  6101. padding-right: 38px; }
  6102. [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"] {
  6103. /* @noflip */
  6104. padding-left: 38px;
  6105. /* @noflip */
  6106. padding-right: 38px; }
  6107. .mdc-text-field--with-leading-icon.mdc-text-field--with-trailing-icon.mdc-text-field--dense .mdc-floating-label {
  6108. /* @noflip */
  6109. left: 38px;
  6110. /* @noflip */
  6111. right: auto; }
  6112. [dir="rtl"] .mdc-text-field--with-leading-icon.mdc-text-field--with-trailing-icon.mdc-text-field--dense .mdc-floating-label, .mdc-text-field--with-leading-icon.mdc-text-field--with-trailing-icon.mdc-text-field--dense .mdc-floating-label[dir="rtl"] {
  6113. /* @noflip */
  6114. left: auto;
  6115. /* @noflip */
  6116. right: 38px; }
  6117. .mdc-text-field--dense .mdc-floating-label--float-above {
  6118. -webkit-transform: translateY(-70%) scale(0.923);
  6119. transform: translateY(-70%) scale(0.923); }
  6120. .mdc-text-field--dense .mdc-floating-label--shake {
  6121. -webkit-animation: mdc-floating-label-shake-float-above-text-field-dense 250ms 1;
  6122. animation: mdc-floating-label-shake-float-above-text-field-dense 250ms 1; }
  6123. .mdc-text-field--dense .mdc-text-field__input {
  6124. padding: 12px 12px 0; }
  6125. .mdc-text-field--dense .mdc-floating-label {
  6126. font-size: .813rem; }
  6127. .mdc-text-field__input:required + .mdc-floating-label::after {
  6128. margin-left: 1px;
  6129. content: "*"; }
  6130. .mdc-text-field--textarea {
  6131. border-radius: 4px;
  6132. display: flex;
  6133. width: auto;
  6134. height: auto;
  6135. transition: none;
  6136. border: 1px solid;
  6137. overflow: hidden; }
  6138. .mdc-text-field--textarea .mdc-floating-label {
  6139. border-radius: 4px 4px 0 0; }
  6140. .mdc-text-field--textarea .mdc-text-field__input {
  6141. border-radius: 2px; }
  6142. .mdc-text-field--textarea:not(.mdc-text-field--disabled) {
  6143. border-color: rgba(0, 0, 0, 0.73); }
  6144. .mdc-text-field--textarea:not(.mdc-text-field--disabled) .mdc-text-field__input:focus {
  6145. border-color: rgba(0, 0, 0, 0.73); }
  6146. .mdc-text-field--textarea .mdc-floating-label--float-above {
  6147. -webkit-transform: translateY(-50%) scale(0.923);
  6148. transform: translateY(-50%) scale(0.923); }
  6149. .mdc-text-field--textarea .mdc-floating-label--shake {
  6150. -webkit-animation: mdc-floating-label-shake-float-above-textarea 250ms 1;
  6151. animation: mdc-floating-label-shake-float-above-textarea 250ms 1; }
  6152. .mdc-text-field--textarea::before, .mdc-text-field--textarea::after {
  6153. background-color: transparent; }
  6154. .mdc-text-field--textarea:not(.mdc-text-field--disabled) {
  6155. background-color: transparent; }
  6156. .mdc-text-field--textarea .mdc-text-field__input {
  6157. align-self: auto;
  6158. box-sizing: content-box;
  6159. height: auto;
  6160. margin: 0;
  6161. padding: 16px;
  6162. padding-top: 32px;
  6163. border: 1px solid transparent; }
  6164. .mdc-text-field--textarea .mdc-floating-label {
  6165. background-color: white;
  6166. /* @noflip */
  6167. left: 1px;
  6168. /* @noflip */
  6169. right: 0;
  6170. /* @noflip */
  6171. margin-left: 8px;
  6172. /* @noflip */
  6173. margin-right: 0;
  6174. top: 18px;
  6175. bottom: auto;
  6176. width: auto;
  6177. margin-top: 2px;
  6178. padding: 12px 8px 8px 8px;
  6179. line-height: 1.15;
  6180. pointer-events: none; }
  6181. [dir="rtl"] .mdc-text-field--textarea .mdc-floating-label, .mdc-text-field--textarea .mdc-floating-label[dir="rtl"] {
  6182. /* @noflip */
  6183. left: 0;
  6184. /* @noflip */
  6185. right: 1px; }
  6186. [dir="rtl"] .mdc-text-field--textarea .mdc-floating-label, .mdc-text-field--textarea .mdc-floating-label[dir="rtl"] {
  6187. /* @noflip */
  6188. margin-left: 0;
  6189. /* @noflip */
  6190. margin-right: 8px; }
  6191. .mdc-text-field--fullwidth {
  6192. width: 100%; }
  6193. .mdc-text-field--fullwidth:not(.mdc-text-field--textarea) {
  6194. display: block; }
  6195. .mdc-text-field--fullwidth:not(.mdc-text-field--textarea)::before, .mdc-text-field--fullwidth:not(.mdc-text-field--textarea)::after {
  6196. background-color: transparent; }
  6197. .mdc-text-field--fullwidth:not(.mdc-text-field--textarea):not(.mdc-text-field--disabled) {
  6198. background-color: transparent; }
  6199. .mdc-text-field--fullwidth:not(.mdc-text-field--textarea) .mdc-text-field__input {
  6200. padding: 0; }
  6201. .mdc-text-field--fullwidth.mdc-text-field--invalid:not(.mdc-text-field--disabled):not(.mdc-text-field--textarea) {
  6202. border-bottom-color: #b00020;
  6203. /* @alternate */
  6204. border-bottom-color: var(--mdc-theme-error, #b00020); }
  6205. .mdc-text-field--dense + .mdc-text-field-helper-text {
  6206. margin-bottom: 4px; }
  6207. .mdc-text-field + .mdc-text-field-helper-text {
  6208. margin-right: 12px;
  6209. margin-left: 12px; }
  6210. .mdc-text-field--outlined + .mdc-text-field-helper-text {
  6211. margin-right: 16px;
  6212. margin-left: 16px; }
  6213. .mdc-form-field > .mdc-text-field + label {
  6214. align-self: flex-start; }
  6215. .mdc-text-field--focused:not(.mdc-text-field--disabled) .mdc-floating-label {
  6216. color: rgba(98, 0, 238, 0.87); }
  6217. .mdc-text-field--focused:not(.mdc-text-field--disabled) .mdc-text-field__input::-webkit-input-placeholder {
  6218. color: rgba(98, 0, 238, 0.87); }
  6219. .mdc-text-field--focused:not(.mdc-text-field--disabled) .mdc-text-field__input:-ms-input-placeholder {
  6220. color: rgba(98, 0, 238, 0.87); }
  6221. .mdc-text-field--focused:not(.mdc-text-field--disabled) .mdc-text-field__input::-ms-input-placeholder {
  6222. color: rgba(98, 0, 238, 0.87); }
  6223. .mdc-text-field--focused:not(.mdc-text-field--disabled) .mdc-text-field__input::placeholder {
  6224. color: rgba(98, 0, 238, 0.87); }
  6225. .mdc-text-field--focused .mdc-text-field__input:required + .mdc-floating-label::after {
  6226. color: #b00020;
  6227. /* @alternate */
  6228. color: var(--mdc-theme-error, #b00020); }
  6229. .mdc-text-field--focused + .mdc-text-field-helper-text:not(.mdc-text-field-helper-text--validation-msg) {
  6230. opacity: 1; }
  6231. .mdc-text-field--textarea.mdc-text-field--focused:not(.mdc-text-field--disabled) {
  6232. border-color: #6200ee;
  6233. /* @alternate */
  6234. border-color: var(--mdc-theme-primary, #6200ee); }
  6235. .mdc-text-field--textarea.mdc-text-field--focused:not(.mdc-text-field--disabled) .mdc-text-field__input:focus {
  6236. border-color: #6200ee;
  6237. /* @alternate */
  6238. border-color: var(--mdc-theme-primary, #6200ee); }
  6239. .mdc-text-field--invalid:not(.mdc-text-field--disabled):not(.mdc-text-field--outlined):not(.mdc-text-field--textarea) .mdc-text-field__input {
  6240. border-bottom-color: #b00020;
  6241. /* @alternate */
  6242. border-bottom-color: var(--mdc-theme-error, #b00020); }
  6243. .mdc-text-field--invalid:not(.mdc-text-field--disabled):not(.mdc-text-field--outlined):not(.mdc-text-field--textarea) .mdc-text-field__input:hover {
  6244. border-bottom-color: #b00020;
  6245. /* @alternate */
  6246. border-bottom-color: var(--mdc-theme-error, #b00020); }
  6247. .mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-line-ripple {
  6248. background-color: #b00020;
  6249. /* @alternate */
  6250. background-color: var(--mdc-theme-error, #b00020); }
  6251. .mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-floating-label {
  6252. color: #b00020;
  6253. /* @alternate */
  6254. color: var(--mdc-theme-error, #b00020); }
  6255. .mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-text-field__input::-webkit-input-placeholder {
  6256. color: #b00020;
  6257. /* @alternate */
  6258. color: var(--mdc-theme-error, #b00020); }
  6259. .mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-text-field__input:-ms-input-placeholder {
  6260. color: #b00020;
  6261. /* @alternate */
  6262. color: var(--mdc-theme-error, #b00020); }
  6263. .mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-text-field__input::-ms-input-placeholder {
  6264. color: #b00020;
  6265. /* @alternate */
  6266. color: var(--mdc-theme-error, #b00020); }
  6267. .mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-text-field__input::placeholder {
  6268. color: #b00020;
  6269. /* @alternate */
  6270. color: var(--mdc-theme-error, #b00020); }
  6271. .mdc-text-field--invalid:not(.mdc-text-field--disabled).mdc-text-field--invalid + .mdc-text-field-helper-text--validation-msg {
  6272. color: #b00020;
  6273. /* @alternate */
  6274. color: var(--mdc-theme-error, #b00020); }
  6275. .mdc-text-field--invalid .mdc-text-field__input {
  6276. caret-color: #b00020;
  6277. /* @alternate */
  6278. caret-color: var(--mdc-theme-error, #b00020); }
  6279. .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 {
  6280. color: #b00020;
  6281. /* @alternate */
  6282. color: var(--mdc-theme-error, #b00020); }
  6283. .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 {
  6284. color: #b00020;
  6285. /* @alternate */
  6286. color: var(--mdc-theme-error, #b00020); }
  6287. .mdc-text-field--invalid + .mdc-text-field-helper-text--validation-msg {
  6288. opacity: 1; }
  6289. .mdc-text-field--textarea.mdc-text-field--invalid:not(.mdc-text-field--disabled) {
  6290. border-color: #b00020;
  6291. /* @alternate */
  6292. border-color: var(--mdc-theme-error, #b00020); }
  6293. .mdc-text-field--textarea.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-text-field__input:focus {
  6294. border-color: #b00020;
  6295. /* @alternate */
  6296. border-color: var(--mdc-theme-error, #b00020); }
  6297. .mdc-text-field--outlined.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-notched-outline__idle {
  6298. border-color: #b00020;
  6299. /* @alternate */
  6300. border-color: var(--mdc-theme-error, #b00020); }
  6301. .mdc-text-field--outlined.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-notched-outline__path {
  6302. stroke: #b00020;
  6303. /* @alternate */
  6304. stroke: var(--mdc-theme-error, #b00020); }
  6305. .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__idle,
  6306. .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__idle {
  6307. border-color: #b00020;
  6308. /* @alternate */
  6309. border-color: var(--mdc-theme-error, #b00020); }
  6310. .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__path,
  6311. .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__path {
  6312. stroke: #b00020;
  6313. /* @alternate */
  6314. stroke: var(--mdc-theme-error, #b00020); }
  6315. .mdc-text-field--outlined.mdc-text-field--invalid:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__path {
  6316. stroke: #b00020;
  6317. /* @alternate */
  6318. stroke: var(--mdc-theme-error, #b00020); }
  6319. .mdc-text-field--disabled {
  6320. background-color: #fafafa;
  6321. border-bottom: none;
  6322. pointer-events: none; }
  6323. .mdc-text-field--disabled .mdc-text-field__input {
  6324. border-bottom-color: rgba(0, 0, 0, 0.06); }
  6325. .mdc-text-field--disabled .mdc-text-field__input {
  6326. color: rgba(0, 0, 0, 0.37); }
  6327. .mdc-text-field--disabled .mdc-floating-label {
  6328. color: rgba(0, 0, 0, 0.37); }
  6329. .mdc-text-field--disabled .mdc-text-field__input::-webkit-input-placeholder {
  6330. color: rgba(0, 0, 0, 0.37); }
  6331. .mdc-text-field--disabled .mdc-text-field__input:-ms-input-placeholder {
  6332. color: rgba(0, 0, 0, 0.37); }
  6333. .mdc-text-field--disabled .mdc-text-field__input::-ms-input-placeholder {
  6334. color: rgba(0, 0, 0, 0.37); }
  6335. .mdc-text-field--disabled .mdc-text-field__input::placeholder {
  6336. color: rgba(0, 0, 0, 0.37); }
  6337. .mdc-text-field--disabled + .mdc-text-field-helper-text {
  6338. color: rgba(0, 0, 0, 0.37); }
  6339. .mdc-text-field--disabled .mdc-text-field__icon {
  6340. color: rgba(0, 0, 0, 0.3); }
  6341. .mdc-text-field--disabled:not(.mdc-text-field--textarea) {
  6342. border-bottom-color: rgba(0, 0, 0, 0.12); }
  6343. .mdc-text-field--disabled .mdc-floating-label {
  6344. cursor: default; }
  6345. .mdc-text-field--textarea.mdc-text-field--disabled {
  6346. border-color: rgba(0, 0, 0, 0.26);
  6347. background-color: #f9f9f9;
  6348. border-bottom-width: 1px;
  6349. border-style: solid; }
  6350. .mdc-text-field--textarea.mdc-text-field--disabled .mdc-text-field__input:focus {
  6351. border-color: rgba(0, 0, 0, 0.26); }
  6352. .mdc-text-field--textarea.mdc-text-field--disabled .mdc-text-field__input {
  6353. border: 1px solid transparent; }
  6354. .mdc-text-field--textarea.mdc-text-field--disabled .mdc-floating-label {
  6355. background-color: #f9f9f9; }
  6356. @-webkit-keyframes mdc-floating-label-shake-float-above-text-field-dense {
  6357. 0% {
  6358. -webkit-transform: translateX(calc(0 - 0%)) translateY(-70%) scale(0.923);
  6359. transform: translateX(calc(0 - 0%)) translateY(-70%) scale(0.923); }
  6360. 33% {
  6361. -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.70173, 0.49582);
  6362. animation-timing-function: cubic-bezier(0.5, 0, 0.70173, 0.49582);
  6363. -webkit-transform: translateX(calc(4% - 0%)) translateY(-70%) scale(0.923);
  6364. transform: translateX(calc(4% - 0%)) translateY(-70%) scale(0.923); }
  6365. 66% {
  6366. -webkit-animation-timing-function: cubic-bezier(0.30244, 0.38135, 0.55, 0.95635);
  6367. animation-timing-function: cubic-bezier(0.30244, 0.38135, 0.55, 0.95635);
  6368. -webkit-transform: translateX(calc(-4% - 0%)) translateY(-70%) scale(0.923);
  6369. transform: translateX(calc(-4% - 0%)) translateY(-70%) scale(0.923); }
  6370. 100% {
  6371. -webkit-transform: translateX(calc(0 - 0%)) translateY(-70%) scale(0.923);
  6372. transform: translateX(calc(0 - 0%)) translateY(-70%) scale(0.923); } }
  6373. @keyframes mdc-floating-label-shake-float-above-text-field-dense {
  6374. 0% {
  6375. -webkit-transform: translateX(calc(0 - 0%)) translateY(-70%) scale(0.923);
  6376. transform: translateX(calc(0 - 0%)) translateY(-70%) scale(0.923); }
  6377. 33% {
  6378. -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.70173, 0.49582);
  6379. animation-timing-function: cubic-bezier(0.5, 0, 0.70173, 0.49582);
  6380. -webkit-transform: translateX(calc(4% - 0%)) translateY(-70%) scale(0.923);
  6381. transform: translateX(calc(4% - 0%)) translateY(-70%) scale(0.923); }
  6382. 66% {
  6383. -webkit-animation-timing-function: cubic-bezier(0.30244, 0.38135, 0.55, 0.95635);
  6384. animation-timing-function: cubic-bezier(0.30244, 0.38135, 0.55, 0.95635);
  6385. -webkit-transform: translateX(calc(-4% - 0%)) translateY(-70%) scale(0.923);
  6386. transform: translateX(calc(-4% - 0%)) translateY(-70%) scale(0.923); }
  6387. 100% {
  6388. -webkit-transform: translateX(calc(0 - 0%)) translateY(-70%) scale(0.923);
  6389. transform: translateX(calc(0 - 0%)) translateY(-70%) scale(0.923); } }
  6390. @-webkit-keyframes mdc-floating-label-shake-float-above-text-field-outlined {
  6391. 0% {
  6392. -webkit-transform: translateX(calc(0 - 0%)) translateY(-130%) scale(0.75);
  6393. transform: translateX(calc(0 - 0%)) translateY(-130%) scale(0.75); }
  6394. 33% {
  6395. -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.70173, 0.49582);
  6396. animation-timing-function: cubic-bezier(0.5, 0, 0.70173, 0.49582);
  6397. -webkit-transform: translateX(calc(4% - 0%)) translateY(-130%) scale(0.75);
  6398. transform: translateX(calc(4% - 0%)) translateY(-130%) scale(0.75); }
  6399. 66% {
  6400. -webkit-animation-timing-function: cubic-bezier(0.30244, 0.38135, 0.55, 0.95635);
  6401. animation-timing-function: cubic-bezier(0.30244, 0.38135, 0.55, 0.95635);
  6402. -webkit-transform: translateX(calc(-4% - 0%)) translateY(-130%) scale(0.75);
  6403. transform: translateX(calc(-4% - 0%)) translateY(-130%) scale(0.75); }
  6404. 100% {
  6405. -webkit-transform: translateX(calc(0 - 0%)) translateY(-130%) scale(0.75);
  6406. transform: translateX(calc(0 - 0%)) translateY(-130%) scale(0.75); } }
  6407. @keyframes mdc-floating-label-shake-float-above-text-field-outlined {
  6408. 0% {
  6409. -webkit-transform: translateX(calc(0 - 0%)) translateY(-130%) scale(0.75);
  6410. transform: translateX(calc(0 - 0%)) translateY(-130%) scale(0.75); }
  6411. 33% {
  6412. -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.70173, 0.49582);
  6413. animation-timing-function: cubic-bezier(0.5, 0, 0.70173, 0.49582);
  6414. -webkit-transform: translateX(calc(4% - 0%)) translateY(-130%) scale(0.75);
  6415. transform: translateX(calc(4% - 0%)) translateY(-130%) scale(0.75); }
  6416. 66% {
  6417. -webkit-animation-timing-function: cubic-bezier(0.30244, 0.38135, 0.55, 0.95635);
  6418. animation-timing-function: cubic-bezier(0.30244, 0.38135, 0.55, 0.95635);
  6419. -webkit-transform: translateX(calc(-4% - 0%)) translateY(-130%) scale(0.75);
  6420. transform: translateX(calc(-4% - 0%)) translateY(-130%) scale(0.75); }
  6421. 100% {
  6422. -webkit-transform: translateX(calc(0 - 0%)) translateY(-130%) scale(0.75);
  6423. transform: translateX(calc(0 - 0%)) translateY(-130%) scale(0.75); } }
  6424. @-webkit-keyframes mdc-floating-label-shake-float-above-text-field-outlined-dense {
  6425. 0% {
  6426. -webkit-transform: translateX(calc(0 - 0%)) translateY(-110%) scale(0.923);
  6427. transform: translateX(calc(0 - 0%)) translateY(-110%) scale(0.923); }
  6428. 33% {
  6429. -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.70173, 0.49582);
  6430. animation-timing-function: cubic-bezier(0.5, 0, 0.70173, 0.49582);
  6431. -webkit-transform: translateX(calc(4% - 0%)) translateY(-110%) scale(0.923);
  6432. transform: translateX(calc(4% - 0%)) translateY(-110%) scale(0.923); }
  6433. 66% {
  6434. -webkit-animation-timing-function: cubic-bezier(0.30244, 0.38135, 0.55, 0.95635);
  6435. animation-timing-function: cubic-bezier(0.30244, 0.38135, 0.55, 0.95635);
  6436. -webkit-transform: translateX(calc(-4% - 0%)) translateY(-110%) scale(0.923);
  6437. transform: translateX(calc(-4% - 0%)) translateY(-110%) scale(0.923); }
  6438. 100% {
  6439. -webkit-transform: translateX(calc(0 - 0%)) translateY(-110%) scale(0.923);
  6440. transform: translateX(calc(0 - 0%)) translateY(-110%) scale(0.923); } }
  6441. @keyframes mdc-floating-label-shake-float-above-text-field-outlined-dense {
  6442. 0% {
  6443. -webkit-transform: translateX(calc(0 - 0%)) translateY(-110%) scale(0.923);
  6444. transform: translateX(calc(0 - 0%)) translateY(-110%) scale(0.923); }
  6445. 33% {
  6446. -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.70173, 0.49582);
  6447. animation-timing-function: cubic-bezier(0.5, 0, 0.70173, 0.49582);
  6448. -webkit-transform: translateX(calc(4% - 0%)) translateY(-110%) scale(0.923);
  6449. transform: translateX(calc(4% - 0%)) translateY(-110%) scale(0.923); }
  6450. 66% {
  6451. -webkit-animation-timing-function: cubic-bezier(0.30244, 0.38135, 0.55, 0.95635);
  6452. animation-timing-function: cubic-bezier(0.30244, 0.38135, 0.55, 0.95635);
  6453. -webkit-transform: translateX(calc(-4% - 0%)) translateY(-110%) scale(0.923);
  6454. transform: translateX(calc(-4% - 0%)) translateY(-110%) scale(0.923); }
  6455. 100% {
  6456. -webkit-transform: translateX(calc(0 - 0%)) translateY(-110%) scale(0.923);
  6457. transform: translateX(calc(0 - 0%)) translateY(-110%) scale(0.923); } }
  6458. @-webkit-keyframes mdc-floating-label-shake-float-above-text-field-outlined-leading-icon {
  6459. 0% {
  6460. -webkit-transform: translateX(calc(0 - 32px)) translateY(-130%) scale(0.75);
  6461. transform: translateX(calc(0 - 32px)) translateY(-130%) scale(0.75); }
  6462. 33% {
  6463. -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.70173, 0.49582);
  6464. animation-timing-function: cubic-bezier(0.5, 0, 0.70173, 0.49582);
  6465. -webkit-transform: translateX(calc(4% - 32px)) translateY(-130%) scale(0.75);
  6466. transform: translateX(calc(4% - 32px)) translateY(-130%) scale(0.75); }
  6467. 66% {
  6468. -webkit-animation-timing-function: cubic-bezier(0.30244, 0.38135, 0.55, 0.95635);
  6469. animation-timing-function: cubic-bezier(0.30244, 0.38135, 0.55, 0.95635);
  6470. -webkit-transform: translateX(calc(-4% - 32px)) translateY(-130%) scale(0.75);
  6471. transform: translateX(calc(-4% - 32px)) translateY(-130%) scale(0.75); }
  6472. 100% {
  6473. -webkit-transform: translateX(calc(0 - 32px)) translateY(-130%) scale(0.75);
  6474. transform: translateX(calc(0 - 32px)) translateY(-130%) scale(0.75); } }
  6475. @keyframes mdc-floating-label-shake-float-above-text-field-outlined-leading-icon {
  6476. 0% {
  6477. -webkit-transform: translateX(calc(0 - 32px)) translateY(-130%) scale(0.75);
  6478. transform: translateX(calc(0 - 32px)) translateY(-130%) scale(0.75); }
  6479. 33% {
  6480. -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.70173, 0.49582);
  6481. animation-timing-function: cubic-bezier(0.5, 0, 0.70173, 0.49582);
  6482. -webkit-transform: translateX(calc(4% - 32px)) translateY(-130%) scale(0.75);
  6483. transform: translateX(calc(4% - 32px)) translateY(-130%) scale(0.75); }
  6484. 66% {
  6485. -webkit-animation-timing-function: cubic-bezier(0.30244, 0.38135, 0.55, 0.95635);
  6486. animation-timing-function: cubic-bezier(0.30244, 0.38135, 0.55, 0.95635);
  6487. -webkit-transform: translateX(calc(-4% - 32px)) translateY(-130%) scale(0.75);
  6488. transform: translateX(calc(-4% - 32px)) translateY(-130%) scale(0.75); }
  6489. 100% {
  6490. -webkit-transform: translateX(calc(0 - 32px)) translateY(-130%) scale(0.75);
  6491. transform: translateX(calc(0 - 32px)) translateY(-130%) scale(0.75); } }
  6492. @-webkit-keyframes mdc-floating-label-shake-float-above-text-field-outlined-leading-icon-dense {
  6493. 0% {
  6494. -webkit-transform: translateX(calc(0 - 21px)) translateY(-110%) scale(0.923);
  6495. transform: translateX(calc(0 - 21px)) translateY(-110%) scale(0.923); }
  6496. 33% {
  6497. -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.70173, 0.49582);
  6498. animation-timing-function: cubic-bezier(0.5, 0, 0.70173, 0.49582);
  6499. -webkit-transform: translateX(calc(4% - 21px)) translateY(-110%) scale(0.923);
  6500. transform: translateX(calc(4% - 21px)) translateY(-110%) scale(0.923); }
  6501. 66% {
  6502. -webkit-animation-timing-function: cubic-bezier(0.30244, 0.38135, 0.55, 0.95635);
  6503. animation-timing-function: cubic-bezier(0.30244, 0.38135, 0.55, 0.95635);
  6504. -webkit-transform: translateX(calc(-4% - 21px)) translateY(-110%) scale(0.923);
  6505. transform: translateX(calc(-4% - 21px)) translateY(-110%) scale(0.923); }
  6506. 100% {
  6507. -webkit-transform: translateX(calc(0 - 21px)) translateY(-110%) scale(0.923);
  6508. transform: translateX(calc(0 - 21px)) translateY(-110%) scale(0.923); } }
  6509. @keyframes mdc-floating-label-shake-float-above-text-field-outlined-leading-icon-dense {
  6510. 0% {
  6511. -webkit-transform: translateX(calc(0 - 21px)) translateY(-110%) scale(0.923);
  6512. transform: translateX(calc(0 - 21px)) translateY(-110%) scale(0.923); }
  6513. 33% {
  6514. -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.70173, 0.49582);
  6515. animation-timing-function: cubic-bezier(0.5, 0, 0.70173, 0.49582);
  6516. -webkit-transform: translateX(calc(4% - 21px)) translateY(-110%) scale(0.923);
  6517. transform: translateX(calc(4% - 21px)) translateY(-110%) scale(0.923); }
  6518. 66% {
  6519. -webkit-animation-timing-function: cubic-bezier(0.30244, 0.38135, 0.55, 0.95635);
  6520. animation-timing-function: cubic-bezier(0.30244, 0.38135, 0.55, 0.95635);
  6521. -webkit-transform: translateX(calc(-4% - 21px)) translateY(-110%) scale(0.923);
  6522. transform: translateX(calc(-4% - 21px)) translateY(-110%) scale(0.923); }
  6523. 100% {
  6524. -webkit-transform: translateX(calc(0 - 21px)) translateY(-110%) scale(0.923);
  6525. transform: translateX(calc(0 - 21px)) translateY(-110%) scale(0.923); } }
  6526. @-webkit-keyframes mdc-floating-label-shake-float-above-text-field-outlined-leading-icon-rtl {
  6527. 0% {
  6528. -webkit-transform: translateX(calc(0 - -32px)) translateY(-130%) scale(0.75);
  6529. transform: translateX(calc(0 - -32px)) translateY(-130%) scale(0.75); }
  6530. 33% {
  6531. -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.70173, 0.49582);
  6532. animation-timing-function: cubic-bezier(0.5, 0, 0.70173, 0.49582);
  6533. -webkit-transform: translateX(calc(4% - -32px)) translateY(-130%) scale(0.75);
  6534. transform: translateX(calc(4% - -32px)) translateY(-130%) scale(0.75); }
  6535. 66% {
  6536. -webkit-animation-timing-function: cubic-bezier(0.30244, 0.38135, 0.55, 0.95635);
  6537. animation-timing-function: cubic-bezier(0.30244, 0.38135, 0.55, 0.95635);
  6538. -webkit-transform: translateX(calc(-4% - -32px)) translateY(-130%) scale(0.75);
  6539. transform: translateX(calc(-4% - -32px)) translateY(-130%) scale(0.75); }
  6540. 100% {
  6541. -webkit-transform: translateX(calc(0 - -32px)) translateY(-130%) scale(0.75);
  6542. transform: translateX(calc(0 - -32px)) translateY(-130%) scale(0.75); } }
  6543. @keyframes mdc-floating-label-shake-float-above-text-field-outlined-leading-icon-rtl {
  6544. 0% {
  6545. -webkit-transform: translateX(calc(0 - -32px)) translateY(-130%) scale(0.75);
  6546. transform: translateX(calc(0 - -32px)) translateY(-130%) scale(0.75); }
  6547. 33% {
  6548. -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.70173, 0.49582);
  6549. animation-timing-function: cubic-bezier(0.5, 0, 0.70173, 0.49582);
  6550. -webkit-transform: translateX(calc(4% - -32px)) translateY(-130%) scale(0.75);
  6551. transform: translateX(calc(4% - -32px)) translateY(-130%) scale(0.75); }
  6552. 66% {
  6553. -webkit-animation-timing-function: cubic-bezier(0.30244, 0.38135, 0.55, 0.95635);
  6554. animation-timing-function: cubic-bezier(0.30244, 0.38135, 0.55, 0.95635);
  6555. -webkit-transform: translateX(calc(-4% - -32px)) translateY(-130%) scale(0.75);
  6556. transform: translateX(calc(-4% - -32px)) translateY(-130%) scale(0.75); }
  6557. 100% {
  6558. -webkit-transform: translateX(calc(0 - -32px)) translateY(-130%) scale(0.75);
  6559. transform: translateX(calc(0 - -32px)) translateY(-130%) scale(0.75); } }
  6560. @-webkit-keyframes mdc-floating-label-shake-float-above-text-field-outlined-leading-icon-dense-rtl {
  6561. 0% {
  6562. -webkit-transform: translateX(calc(0 - -21px)) translateY(-110%) scale(0.923);
  6563. transform: translateX(calc(0 - -21px)) translateY(-110%) scale(0.923); }
  6564. 33% {
  6565. -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.70173, 0.49582);
  6566. animation-timing-function: cubic-bezier(0.5, 0, 0.70173, 0.49582);
  6567. -webkit-transform: translateX(calc(4% - -21px)) translateY(-110%) scale(0.923);
  6568. transform: translateX(calc(4% - -21px)) translateY(-110%) scale(0.923); }
  6569. 66% {
  6570. -webkit-animation-timing-function: cubic-bezier(0.30244, 0.38135, 0.55, 0.95635);
  6571. animation-timing-function: cubic-bezier(0.30244, 0.38135, 0.55, 0.95635);
  6572. -webkit-transform: translateX(calc(-4% - -21px)) translateY(-110%) scale(0.923);
  6573. transform: translateX(calc(-4% - -21px)) translateY(-110%) scale(0.923); }
  6574. 100% {
  6575. -webkit-transform: translateX(calc(0 - -21px)) translateY(-110%) scale(0.923);
  6576. transform: translateX(calc(0 - -21px)) translateY(-110%) scale(0.923); } }
  6577. @keyframes mdc-floating-label-shake-float-above-text-field-outlined-leading-icon-dense-rtl {
  6578. 0% {
  6579. -webkit-transform: translateX(calc(0 - -21px)) translateY(-110%) scale(0.923);
  6580. transform: translateX(calc(0 - -21px)) translateY(-110%) scale(0.923); }
  6581. 33% {
  6582. -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.70173, 0.49582);
  6583. animation-timing-function: cubic-bezier(0.5, 0, 0.70173, 0.49582);
  6584. -webkit-transform: translateX(calc(4% - -21px)) translateY(-110%) scale(0.923);
  6585. transform: translateX(calc(4% - -21px)) translateY(-110%) scale(0.923); }
  6586. 66% {
  6587. -webkit-animation-timing-function: cubic-bezier(0.30244, 0.38135, 0.55, 0.95635);
  6588. animation-timing-function: cubic-bezier(0.30244, 0.38135, 0.55, 0.95635);
  6589. -webkit-transform: translateX(calc(-4% - -21px)) translateY(-110%) scale(0.923);
  6590. transform: translateX(calc(-4% - -21px)) translateY(-110%) scale(0.923); }
  6591. 100% {
  6592. -webkit-transform: translateX(calc(0 - -21px)) translateY(-110%) scale(0.923);
  6593. transform: translateX(calc(0 - -21px)) translateY(-110%) scale(0.923); } }
  6594. @-webkit-keyframes mdc-floating-label-shake-float-above-textarea {
  6595. 0% {
  6596. -webkit-transform: translateX(calc(0 - 0%)) translateY(-50%) scale(0.923);
  6597. transform: translateX(calc(0 - 0%)) translateY(-50%) scale(0.923); }
  6598. 33% {
  6599. -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.70173, 0.49582);
  6600. animation-timing-function: cubic-bezier(0.5, 0, 0.70173, 0.49582);
  6601. -webkit-transform: translateX(calc(4% - 0%)) translateY(-50%) scale(0.923);
  6602. transform: translateX(calc(4% - 0%)) translateY(-50%) scale(0.923); }
  6603. 66% {
  6604. -webkit-animation-timing-function: cubic-bezier(0.30244, 0.38135, 0.55, 0.95635);
  6605. animation-timing-function: cubic-bezier(0.30244, 0.38135, 0.55, 0.95635);
  6606. -webkit-transform: translateX(calc(-4% - 0%)) translateY(-50%) scale(0.923);
  6607. transform: translateX(calc(-4% - 0%)) translateY(-50%) scale(0.923); }
  6608. 100% {
  6609. -webkit-transform: translateX(calc(0 - 0%)) translateY(-50%) scale(0.923);
  6610. transform: translateX(calc(0 - 0%)) translateY(-50%) scale(0.923); } }
  6611. @keyframes mdc-floating-label-shake-float-above-textarea {
  6612. 0% {
  6613. -webkit-transform: translateX(calc(0 - 0%)) translateY(-50%) scale(0.923);
  6614. transform: translateX(calc(0 - 0%)) translateY(-50%) scale(0.923); }
  6615. 33% {
  6616. -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.70173, 0.49582);
  6617. animation-timing-function: cubic-bezier(0.5, 0, 0.70173, 0.49582);
  6618. -webkit-transform: translateX(calc(4% - 0%)) translateY(-50%) scale(0.923);
  6619. transform: translateX(calc(4% - 0%)) translateY(-50%) scale(0.923); }
  6620. 66% {
  6621. -webkit-animation-timing-function: cubic-bezier(0.30244, 0.38135, 0.55, 0.95635);
  6622. animation-timing-function: cubic-bezier(0.30244, 0.38135, 0.55, 0.95635);
  6623. -webkit-transform: translateX(calc(-4% - 0%)) translateY(-50%) scale(0.923);
  6624. transform: translateX(calc(-4% - 0%)) translateY(-50%) scale(0.923); }
  6625. 100% {
  6626. -webkit-transform: translateX(calc(0 - 0%)) translateY(-50%) scale(0.923);
  6627. transform: translateX(calc(0 - 0%)) translateY(-50%) scale(0.923); } }
  6628. :root {
  6629. --mdc-theme-primary: #6200ee;
  6630. --mdc-theme-secondary: #018786;
  6631. --mdc-theme-background: #fff;
  6632. --mdc-theme-surface: #fff;
  6633. --mdc-theme-error: #b00020;
  6634. --mdc-theme-on-primary: #fff;
  6635. --mdc-theme-on-secondary: #fff;
  6636. --mdc-theme-on-surface: #000;
  6637. --mdc-theme-on-error: #fff;
  6638. --mdc-theme-text-primary-on-background: rgba(0, 0, 0, 0.87);
  6639. --mdc-theme-text-secondary-on-background: rgba(0, 0, 0, 0.54);
  6640. --mdc-theme-text-hint-on-background: rgba(0, 0, 0, 0.38);
  6641. --mdc-theme-text-disabled-on-background: rgba(0, 0, 0, 0.38);
  6642. --mdc-theme-text-icon-on-background: rgba(0, 0, 0, 0.38);
  6643. --mdc-theme-text-primary-on-light: rgba(0, 0, 0, 0.87);
  6644. --mdc-theme-text-secondary-on-light: rgba(0, 0, 0, 0.54);
  6645. --mdc-theme-text-hint-on-light: rgba(0, 0, 0, 0.38);
  6646. --mdc-theme-text-disabled-on-light: rgba(0, 0, 0, 0.38);
  6647. --mdc-theme-text-icon-on-light: rgba(0, 0, 0, 0.38);
  6648. --mdc-theme-text-primary-on-dark: white;
  6649. --mdc-theme-text-secondary-on-dark: rgba(255, 255, 255, 0.7);
  6650. --mdc-theme-text-hint-on-dark: rgba(255, 255, 255, 0.5);
  6651. --mdc-theme-text-disabled-on-dark: rgba(255, 255, 255, 0.5);
  6652. --mdc-theme-text-icon-on-dark: rgba(255, 255, 255, 0.5); }
  6653. .mdc-theme--primary {
  6654. color: #6200ee !important;
  6655. /* @alternate */
  6656. color: var(--mdc-theme-primary, #6200ee) !important; }
  6657. .mdc-theme--secondary {
  6658. color: #018786 !important;
  6659. /* @alternate */
  6660. color: var(--mdc-theme-secondary, #018786) !important; }
  6661. .mdc-theme--background {
  6662. background-color: #fff;
  6663. /* @alternate */
  6664. background-color: var(--mdc-theme-background, #fff); }
  6665. .mdc-theme--surface {
  6666. background-color: #fff;
  6667. /* @alternate */
  6668. background-color: var(--mdc-theme-surface, #fff); }
  6669. .mdc-theme--error {
  6670. color: #b00020 !important;
  6671. /* @alternate */
  6672. color: var(--mdc-theme-error, #b00020) !important; }
  6673. .mdc-theme--on-primary {
  6674. color: #fff !important;
  6675. /* @alternate */
  6676. color: var(--mdc-theme-on-primary, #fff) !important; }
  6677. .mdc-theme--on-secondary {
  6678. color: #fff !important;
  6679. /* @alternate */
  6680. color: var(--mdc-theme-on-secondary, #fff) !important; }
  6681. .mdc-theme--on-surface {
  6682. color: #000 !important;
  6683. /* @alternate */
  6684. color: var(--mdc-theme-on-surface, #000) !important; }
  6685. .mdc-theme--on-error {
  6686. color: #fff !important;
  6687. /* @alternate */
  6688. color: var(--mdc-theme-on-error, #fff) !important; }
  6689. .mdc-theme--text-primary-on-background {
  6690. color: rgba(0, 0, 0, 0.87) !important;
  6691. /* @alternate */
  6692. color: var(--mdc-theme-text-primary-on-background, rgba(0, 0, 0, 0.87)) !important; }
  6693. .mdc-theme--text-secondary-on-background {
  6694. color: rgba(0, 0, 0, 0.54) !important;
  6695. /* @alternate */
  6696. color: var(--mdc-theme-text-secondary-on-background, rgba(0, 0, 0, 0.54)) !important; }
  6697. .mdc-theme--text-hint-on-background {
  6698. color: rgba(0, 0, 0, 0.38) !important;
  6699. /* @alternate */
  6700. color: var(--mdc-theme-text-hint-on-background, rgba(0, 0, 0, 0.38)) !important; }
  6701. .mdc-theme--text-disabled-on-background {
  6702. color: rgba(0, 0, 0, 0.38) !important;
  6703. /* @alternate */
  6704. color: var(--mdc-theme-text-disabled-on-background, rgba(0, 0, 0, 0.38)) !important; }
  6705. .mdc-theme--text-icon-on-background {
  6706. color: rgba(0, 0, 0, 0.38) !important;
  6707. /* @alternate */
  6708. color: var(--mdc-theme-text-icon-on-background, rgba(0, 0, 0, 0.38)) !important; }
  6709. .mdc-theme--text-primary-on-light {
  6710. color: rgba(0, 0, 0, 0.87) !important;
  6711. /* @alternate */
  6712. color: var(--mdc-theme-text-primary-on-light, rgba(0, 0, 0, 0.87)) !important; }
  6713. .mdc-theme--text-secondary-on-light {
  6714. color: rgba(0, 0, 0, 0.54) !important;
  6715. /* @alternate */
  6716. color: var(--mdc-theme-text-secondary-on-light, rgba(0, 0, 0, 0.54)) !important; }
  6717. .mdc-theme--text-hint-on-light {
  6718. color: rgba(0, 0, 0, 0.38) !important;
  6719. /* @alternate */
  6720. color: var(--mdc-theme-text-hint-on-light, rgba(0, 0, 0, 0.38)) !important; }
  6721. .mdc-theme--text-disabled-on-light {
  6722. color: rgba(0, 0, 0, 0.38) !important;
  6723. /* @alternate */
  6724. color: var(--mdc-theme-text-disabled-on-light, rgba(0, 0, 0, 0.38)) !important; }
  6725. .mdc-theme--text-icon-on-light {
  6726. color: rgba(0, 0, 0, 0.38) !important;
  6727. /* @alternate */
  6728. color: var(--mdc-theme-text-icon-on-light, rgba(0, 0, 0, 0.38)) !important; }
  6729. .mdc-theme--text-primary-on-dark {
  6730. color: white !important;
  6731. /* @alternate */
  6732. color: var(--mdc-theme-text-primary-on-dark, white) !important; }
  6733. .mdc-theme--text-secondary-on-dark {
  6734. color: rgba(255, 255, 255, 0.7) !important;
  6735. /* @alternate */
  6736. color: var(--mdc-theme-text-secondary-on-dark, rgba(255, 255, 255, 0.7)) !important; }
  6737. .mdc-theme--text-hint-on-dark {
  6738. color: rgba(255, 255, 255, 0.5) !important;
  6739. /* @alternate */
  6740. color: var(--mdc-theme-text-hint-on-dark, rgba(255, 255, 255, 0.5)) !important; }
  6741. .mdc-theme--text-disabled-on-dark {
  6742. color: rgba(255, 255, 255, 0.5) !important;
  6743. /* @alternate */
  6744. color: var(--mdc-theme-text-disabled-on-dark, rgba(255, 255, 255, 0.5)) !important; }
  6745. .mdc-theme--text-icon-on-dark {
  6746. color: rgba(255, 255, 255, 0.5) !important;
  6747. /* @alternate */
  6748. color: var(--mdc-theme-text-icon-on-dark, rgba(255, 255, 255, 0.5)) !important; }
  6749. .mdc-theme--primary-bg {
  6750. background-color: #6200ee !important;
  6751. /* @alternate */
  6752. background-color: var(--mdc-theme-primary, #6200ee) !important; }
  6753. .mdc-theme--secondary-bg {
  6754. background-color: #018786 !important;
  6755. /* @alternate */
  6756. background-color: var(--mdc-theme-secondary, #018786) !important; }
  6757. .mdc-toolbar {
  6758. background-color: #6200ee;
  6759. /* @alternate */
  6760. background-color: var(--mdc-theme-primary, #6200ee);
  6761. color: white;
  6762. display: flex;
  6763. position: relative;
  6764. flex-direction: column;
  6765. justify-content: space-between;
  6766. box-sizing: border-box;
  6767. width: 100%; }
  6768. .mdc-toolbar .mdc-toolbar__icon {
  6769. color: white; }
  6770. .mdc-toolbar .mdc-toolbar__icon::before, .mdc-toolbar .mdc-toolbar__icon::after {
  6771. background-color: white; }
  6772. .mdc-toolbar .mdc-toolbar__icon:hover::before {
  6773. opacity: 0.08; }
  6774. .mdc-toolbar .mdc-toolbar__icon:not(.mdc-ripple-upgraded):focus::before, .mdc-toolbar .mdc-toolbar__icon.mdc-ripple-upgraded--background-focused::before {
  6775. transition-duration: 75ms;
  6776. opacity: 0.24; }
  6777. .mdc-toolbar .mdc-toolbar__icon:not(.mdc-ripple-upgraded)::after {
  6778. transition: opacity 150ms linear; }
  6779. .mdc-toolbar .mdc-toolbar__icon:not(.mdc-ripple-upgraded):active::after {
  6780. transition-duration: 75ms;
  6781. opacity: 0.32; }
  6782. .mdc-toolbar .mdc-toolbar__icon.mdc-ripple-upgraded {
  6783. --mdc-ripple-fg-opacity: 0.32; }
  6784. .mdc-toolbar__row {
  6785. display: flex;
  6786. position: relative;
  6787. align-items: center;
  6788. box-sizing: border-box;
  6789. width: 100%;
  6790. height: auto;
  6791. min-height: 64px; }
  6792. @media (max-width: 959px) and (orientation: landscape) {
  6793. .mdc-toolbar__row {
  6794. min-height: 48px; } }
  6795. @media (max-width: 599px) {
  6796. .mdc-toolbar__row {
  6797. min-height: 56px; } }
  6798. .mdc-toolbar__section {
  6799. display: inline-flex;
  6800. flex: 1;
  6801. align-items: start;
  6802. justify-content: center;
  6803. box-sizing: border-box;
  6804. min-width: 0;
  6805. height: 100%;
  6806. padding: 8px;
  6807. z-index: 1; }
  6808. @media (max-width: 959px) and (orientation: landscape) {
  6809. .mdc-toolbar__section {
  6810. padding: 0; } }
  6811. @media (max-width: 599px) {
  6812. .mdc-toolbar__section {
  6813. padding: 4px 0; } }
  6814. .mdc-toolbar__section--align-start {
  6815. /* @noflip */
  6816. padding-left: 12px;
  6817. /* @noflip */
  6818. padding-right: 0;
  6819. justify-content: flex-start;
  6820. order: -1; }
  6821. [dir="rtl"] .mdc-toolbar__section--align-start, .mdc-toolbar__section--align-start[dir="rtl"] {
  6822. /* @noflip */
  6823. padding-left: 0;
  6824. /* @noflip */
  6825. padding-right: 12px; }
  6826. @media (max-width: 959px) and (orientation: landscape) {
  6827. .mdc-toolbar__section--align-start {
  6828. /* @noflip */
  6829. padding-left: 4px;
  6830. /* @noflip */
  6831. padding-right: 0; }
  6832. [dir="rtl"] .mdc-toolbar__section--align-start, .mdc-toolbar__section--align-start[dir="rtl"] {
  6833. /* @noflip */
  6834. padding-left: 0;
  6835. /* @noflip */
  6836. padding-right: 4px; } }
  6837. @media (max-width: 599px) {
  6838. .mdc-toolbar__section--align-start {
  6839. /* @noflip */
  6840. padding-left: 4px;
  6841. /* @noflip */
  6842. padding-right: 0; }
  6843. [dir="rtl"] .mdc-toolbar__section--align-start, .mdc-toolbar__section--align-start[dir="rtl"] {
  6844. /* @noflip */
  6845. padding-left: 0;
  6846. /* @noflip */
  6847. padding-right: 4px; } }
  6848. .mdc-toolbar__section--align-end {
  6849. /* @noflip */
  6850. padding-left: 0;
  6851. /* @noflip */
  6852. padding-right: 12px;
  6853. justify-content: flex-end;
  6854. order: 1; }
  6855. [dir="rtl"] .mdc-toolbar__section--align-end, .mdc-toolbar__section--align-end[dir="rtl"] {
  6856. /* @noflip */
  6857. padding-left: 12px;
  6858. /* @noflip */
  6859. padding-right: 0; }
  6860. @media (max-width: 959px) and (orientation: landscape) {
  6861. .mdc-toolbar__section--align-end {
  6862. /* @noflip */
  6863. padding-left: 0;
  6864. /* @noflip */
  6865. padding-right: 4px; }
  6866. [dir="rtl"] .mdc-toolbar__section--align-end, .mdc-toolbar__section--align-end[dir="rtl"] {
  6867. /* @noflip */
  6868. padding-left: 4px;
  6869. /* @noflip */
  6870. padding-right: 0; } }
  6871. @media (max-width: 599px) {
  6872. .mdc-toolbar__section--align-end {
  6873. /* @noflip */
  6874. padding-left: 0;
  6875. /* @noflip */
  6876. padding-right: 4px; }
  6877. [dir="rtl"] .mdc-toolbar__section--align-end, .mdc-toolbar__section--align-end[dir="rtl"] {
  6878. /* @noflip */
  6879. padding-left: 4px;
  6880. /* @noflip */
  6881. padding-right: 0; } }
  6882. .mdc-toolbar__title {
  6883. font-family: Roboto, sans-serif;
  6884. -moz-osx-font-smoothing: grayscale;
  6885. -webkit-font-smoothing: antialiased;
  6886. font-size: 1.25rem;
  6887. line-height: 2rem;
  6888. font-weight: 500;
  6889. letter-spacing: 0.0125em;
  6890. text-decoration: inherit;
  6891. text-transform: inherit;
  6892. text-overflow: ellipsis;
  6893. white-space: nowrap;
  6894. overflow: hidden;
  6895. /* @noflip */
  6896. margin-left: 24px;
  6897. /* @noflip */
  6898. margin-right: 0;
  6899. align-self: center;
  6900. padding: 12px 0;
  6901. line-height: 1.5rem;
  6902. z-index: 1; }
  6903. [dir="rtl"] .mdc-toolbar__title, .mdc-toolbar__title[dir="rtl"] {
  6904. /* @noflip */
  6905. margin-left: 0;
  6906. /* @noflip */
  6907. margin-right: 24px; }
  6908. .mdc-toolbar__icon, .mdc-toolbar__menu-icon {
  6909. --mdc-ripple-fg-size: 0;
  6910. --mdc-ripple-left: 0;
  6911. --mdc-ripple-top: 0;
  6912. --mdc-ripple-fg-scale: 1;
  6913. --mdc-ripple-fg-translate-end: 0;
  6914. --mdc-ripple-fg-translate-start: 0;
  6915. -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  6916. will-change: transform, opacity;
  6917. display: flex;
  6918. position: relative;
  6919. align-items: start;
  6920. justify-content: center;
  6921. box-sizing: border-box;
  6922. width: 48px;
  6923. height: 48px;
  6924. padding: 12px;
  6925. border: none;
  6926. outline: none;
  6927. background-color: transparent;
  6928. fill: currentColor;
  6929. color: inherit;
  6930. text-decoration: none;
  6931. cursor: pointer; }
  6932. .mdc-toolbar__icon::before, .mdc-toolbar__icon::after, .mdc-toolbar__menu-icon::before, .mdc-toolbar__menu-icon::after {
  6933. position: absolute;
  6934. border-radius: 50%;
  6935. opacity: 0;
  6936. pointer-events: none;
  6937. content: ""; }
  6938. .mdc-toolbar__icon::before, .mdc-toolbar__menu-icon::before {
  6939. transition: opacity 15ms linear, background-color 15ms linear;
  6940. z-index: 1; }
  6941. .mdc-toolbar__icon.mdc-ripple-upgraded::before, .mdc-toolbar__menu-icon.mdc-ripple-upgraded::before {
  6942. -webkit-transform: scale(var(--mdc-ripple-fg-scale, 1));
  6943. transform: scale(var(--mdc-ripple-fg-scale, 1)); }
  6944. .mdc-toolbar__icon.mdc-ripple-upgraded::after, .mdc-toolbar__menu-icon.mdc-ripple-upgraded::after {
  6945. top: 0;
  6946. /* @noflip */
  6947. left: 0;
  6948. -webkit-transform: scale(0);
  6949. transform: scale(0);
  6950. -webkit-transform-origin: center center;
  6951. transform-origin: center center; }
  6952. .mdc-toolbar__icon.mdc-ripple-upgraded--unbounded::after, .mdc-toolbar__menu-icon.mdc-ripple-upgraded--unbounded::after {
  6953. top: var(--mdc-ripple-top, 0);
  6954. /* @noflip */
  6955. left: var(--mdc-ripple-left, 0); }
  6956. .mdc-toolbar__icon.mdc-ripple-upgraded--foreground-activation::after, .mdc-toolbar__menu-icon.mdc-ripple-upgraded--foreground-activation::after {
  6957. -webkit-animation: 225ms mdc-ripple-fg-radius-in forwards, 75ms mdc-ripple-fg-opacity-in forwards;
  6958. animation: 225ms mdc-ripple-fg-radius-in forwards, 75ms mdc-ripple-fg-opacity-in forwards; }
  6959. .mdc-toolbar__icon.mdc-ripple-upgraded--foreground-deactivation::after, .mdc-toolbar__menu-icon.mdc-ripple-upgraded--foreground-deactivation::after {
  6960. -webkit-animation: 150ms mdc-ripple-fg-opacity-out;
  6961. animation: 150ms mdc-ripple-fg-opacity-out;
  6962. -webkit-transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
  6963. transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1)); }
  6964. .mdc-toolbar__icon::before, .mdc-toolbar__icon::after, .mdc-toolbar__menu-icon::before, .mdc-toolbar__menu-icon::after {
  6965. top: calc(50% - 50%);
  6966. /* @noflip */
  6967. left: calc(50% - 50%);
  6968. width: 100%;
  6969. height: 100%; }
  6970. .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 {
  6971. top: var(--mdc-ripple-top, calc(50% - 50%));
  6972. /* @noflip */
  6973. left: var(--mdc-ripple-left, calc(50% - 50%));
  6974. width: var(--mdc-ripple-fg-size, 100%);
  6975. height: var(--mdc-ripple-fg-size, 100%); }
  6976. .mdc-toolbar__icon.mdc-ripple-upgraded::after, .mdc-toolbar__menu-icon.mdc-ripple-upgraded::after {
  6977. width: var(--mdc-ripple-fg-size, 100%);
  6978. height: var(--mdc-ripple-fg-size, 100%); }
  6979. .mdc-toolbar__menu-icon + .mdc-toolbar__title {
  6980. /* @noflip */
  6981. margin-left: 8px;
  6982. /* @noflip */
  6983. margin-right: 0; }
  6984. [dir="rtl"] .mdc-toolbar__menu-icon + .mdc-toolbar__title, .mdc-toolbar__menu-icon + .mdc-toolbar__title[dir="rtl"] {
  6985. /* @noflip */
  6986. margin-left: 0;
  6987. /* @noflip */
  6988. margin-right: 8px; }
  6989. @media (max-width: 599px) {
  6990. .mdc-toolbar__title {
  6991. /* @noflip */
  6992. margin-left: 16px;
  6993. /* @noflip */
  6994. margin-right: 0; }
  6995. [dir="rtl"] .mdc-toolbar__title, .mdc-toolbar__title[dir="rtl"] {
  6996. /* @noflip */
  6997. margin-left: 0;
  6998. /* @noflip */
  6999. margin-right: 16px; } }
  7000. .mdc-toolbar--fixed {
  7001. 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);
  7002. position: fixed;
  7003. top: 0;
  7004. left: 0;
  7005. z-index: 4; }
  7006. .mdc-toolbar--flexible {
  7007. --mdc-toolbar-ratio-to-extend-flexible: 4; }
  7008. .mdc-toolbar--flexible .mdc-toolbar__row:first-child {
  7009. height: 256px;
  7010. height: calc(64px * var(--mdc-toolbar-ratio-to-extend-flexible, 4)); }
  7011. @media (max-width: 599px) {
  7012. .mdc-toolbar--flexible .mdc-toolbar__row:first-child {
  7013. height: 224px;
  7014. height: calc(56px * var(--mdc-toolbar-ratio-to-extend-flexible, 4)); } }
  7015. .mdc-toolbar--flexible .mdc-toolbar__row:first-child::after {
  7016. position: absolute;
  7017. content: ""; }
  7018. .mdc-toolbar--flexible-default-behavior .mdc-toolbar__title {
  7019. font-family: Roboto, sans-serif;
  7020. -moz-osx-font-smoothing: grayscale;
  7021. -webkit-font-smoothing: antialiased;
  7022. font-size: 1.25rem;
  7023. line-height: 2rem;
  7024. font-weight: 500;
  7025. letter-spacing: 0.0125em;
  7026. text-decoration: inherit;
  7027. text-transform: inherit;
  7028. align-self: flex-end;
  7029. line-height: 1.5rem; }
  7030. .mdc-toolbar--flexible-default-behavior .mdc-toolbar__row:first-child::after {
  7031. top: 0;
  7032. left: 0;
  7033. width: 100%;
  7034. height: 100%;
  7035. transition: opacity .2s ease;
  7036. opacity: 1; }
  7037. .mdc-toolbar--flexible-default-behavior.mdc-toolbar--flexible-space-minimized .mdc-toolbar__row:first-child::after {
  7038. opacity: 0; }
  7039. .mdc-toolbar--flexible-default-behavior.mdc-toolbar--flexible-space-minimized .mdc-toolbar__title {
  7040. font-weight: 500; }
  7041. .mdc-toolbar--waterfall.mdc-toolbar--fixed {
  7042. 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);
  7043. transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1);
  7044. will-change: box-shadow; }
  7045. .mdc-toolbar--waterfall.mdc-toolbar--fixed.mdc-toolbar--flexible-space-minimized {
  7046. 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); }
  7047. .mdc-toolbar--waterfall.mdc-toolbar--fixed.mdc-toolbar--fixed-lastrow-only.mdc-toolbar--flexible-space-minimized {
  7048. 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); }
  7049. .mdc-toolbar--waterfall.mdc-toolbar--fixed.mdc-toolbar--fixed-lastrow-only.mdc-toolbar--fixed-at-last-row {
  7050. 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); }
  7051. .mdc-toolbar-fixed-adjust {
  7052. padding-top: 64px; }
  7053. @media (max-width: 959px) and (max-height: 599px) {
  7054. .mdc-toolbar-fixed-adjust {
  7055. padding-top: 48px; } }
  7056. @media (max-width: 599px) {
  7057. .mdc-toolbar-fixed-adjust {
  7058. padding-top: 56px; } }
  7059. .mdc-toolbar__section--shrink-to-fit {
  7060. flex: none; }
  7061. .mdc-top-app-bar {
  7062. background-color: #6200ee;
  7063. /* @alternate */
  7064. background-color: var(--mdc-theme-primary, #6200ee);
  7065. color: white;
  7066. display: flex;
  7067. position: fixed;
  7068. flex-direction: column;
  7069. justify-content: space-between;
  7070. box-sizing: border-box;
  7071. width: 100%;
  7072. z-index: 4; }
  7073. .mdc-top-app-bar .mdc-top-app-bar__action-item,
  7074. .mdc-top-app-bar .mdc-top-app-bar__navigation-icon {
  7075. color: #fff;
  7076. /* @alternate */
  7077. color: var(--mdc-theme-on-primary, #fff); }
  7078. .mdc-top-app-bar .mdc-top-app-bar__action-item::before, .mdc-top-app-bar .mdc-top-app-bar__action-item::after,
  7079. .mdc-top-app-bar .mdc-top-app-bar__navigation-icon::before,
  7080. .mdc-top-app-bar .mdc-top-app-bar__navigation-icon::after {
  7081. background-color: #fff; }
  7082. @supports not (-ms-ime-align: auto) {
  7083. .mdc-top-app-bar .mdc-top-app-bar__action-item::before, .mdc-top-app-bar .mdc-top-app-bar__action-item::after,
  7084. .mdc-top-app-bar .mdc-top-app-bar__navigation-icon::before,
  7085. .mdc-top-app-bar .mdc-top-app-bar__navigation-icon::after {
  7086. /* @alternate */
  7087. background-color: var(--mdc-theme-on-primary, #fff); } }
  7088. .mdc-top-app-bar .mdc-top-app-bar__action-item:hover::before,
  7089. .mdc-top-app-bar .mdc-top-app-bar__navigation-icon:hover::before {
  7090. opacity: 0.08; }
  7091. .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,
  7092. .mdc-top-app-bar .mdc-top-app-bar__navigation-icon:not(.mdc-ripple-upgraded):focus::before,
  7093. .mdc-top-app-bar .mdc-top-app-bar__navigation-icon.mdc-ripple-upgraded--background-focused::before {
  7094. transition-duration: 75ms;
  7095. opacity: 0.24; }
  7096. .mdc-top-app-bar .mdc-top-app-bar__action-item:not(.mdc-ripple-upgraded)::after,
  7097. .mdc-top-app-bar .mdc-top-app-bar__navigation-icon:not(.mdc-ripple-upgraded)::after {
  7098. transition: opacity 150ms linear; }
  7099. .mdc-top-app-bar .mdc-top-app-bar__action-item:not(.mdc-ripple-upgraded):active::after,
  7100. .mdc-top-app-bar .mdc-top-app-bar__navigation-icon:not(.mdc-ripple-upgraded):active::after {
  7101. transition-duration: 75ms;
  7102. opacity: 0.32; }
  7103. .mdc-top-app-bar .mdc-top-app-bar__action-item.mdc-ripple-upgraded,
  7104. .mdc-top-app-bar .mdc-top-app-bar__navigation-icon.mdc-ripple-upgraded {
  7105. --mdc-ripple-fg-opacity: 0.32; }
  7106. .mdc-top-app-bar__row {
  7107. display: flex;
  7108. position: relative;
  7109. box-sizing: border-box;
  7110. width: 100%;
  7111. height: 64px; }
  7112. .mdc-top-app-bar__section {
  7113. display: inline-flex;
  7114. flex: 1 1 auto;
  7115. align-items: center;
  7116. min-width: 0;
  7117. padding: 8px 12px;
  7118. z-index: 1; }
  7119. .mdc-top-app-bar__section--align-start {
  7120. justify-content: flex-start;
  7121. order: -1; }
  7122. .mdc-top-app-bar__section--align-end {
  7123. justify-content: flex-end;
  7124. order: 1; }
  7125. .mdc-top-app-bar__title {
  7126. font-family: Roboto, sans-serif;
  7127. -moz-osx-font-smoothing: grayscale;
  7128. -webkit-font-smoothing: antialiased;
  7129. font-size: 1.25rem;
  7130. line-height: 2rem;
  7131. font-weight: 500;
  7132. letter-spacing: 0.0125em;
  7133. text-decoration: inherit;
  7134. text-transform: inherit;
  7135. /* @noflip */
  7136. padding-left: 20px;
  7137. /* @noflip */
  7138. padding-right: 0;
  7139. text-overflow: ellipsis;
  7140. white-space: nowrap;
  7141. overflow: hidden;
  7142. z-index: 1; }
  7143. [dir="rtl"] .mdc-top-app-bar__title, .mdc-top-app-bar__title[dir="rtl"] {
  7144. /* @noflip */
  7145. padding-left: 0;
  7146. /* @noflip */
  7147. padding-right: 20px; }
  7148. .mdc-top-app-bar__action-item, .mdc-top-app-bar__navigation-icon {
  7149. --mdc-ripple-fg-size: 0;
  7150. --mdc-ripple-left: 0;
  7151. --mdc-ripple-top: 0;
  7152. --mdc-ripple-fg-scale: 1;
  7153. --mdc-ripple-fg-translate-end: 0;
  7154. --mdc-ripple-fg-translate-start: 0;
  7155. -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  7156. will-change: transform, opacity;
  7157. display: flex;
  7158. position: relative;
  7159. flex-shrink: 0;
  7160. align-items: center;
  7161. justify-content: center;
  7162. box-sizing: border-box;
  7163. width: 48px;
  7164. height: 48px;
  7165. padding: 12px;
  7166. border: none;
  7167. outline: none;
  7168. background-color: transparent;
  7169. fill: currentColor;
  7170. color: inherit;
  7171. text-decoration: none;
  7172. cursor: pointer; }
  7173. .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 {
  7174. position: absolute;
  7175. border-radius: 50%;
  7176. opacity: 0;
  7177. pointer-events: none;
  7178. content: ""; }
  7179. .mdc-top-app-bar__action-item::before, .mdc-top-app-bar__navigation-icon::before {
  7180. transition: opacity 15ms linear, background-color 15ms linear;
  7181. z-index: 1; }
  7182. .mdc-top-app-bar__action-item.mdc-ripple-upgraded::before, .mdc-top-app-bar__navigation-icon.mdc-ripple-upgraded::before {
  7183. -webkit-transform: scale(var(--mdc-ripple-fg-scale, 1));
  7184. transform: scale(var(--mdc-ripple-fg-scale, 1)); }
  7185. .mdc-top-app-bar__action-item.mdc-ripple-upgraded::after, .mdc-top-app-bar__navigation-icon.mdc-ripple-upgraded::after {
  7186. top: 0;
  7187. /* @noflip */
  7188. left: 0;
  7189. -webkit-transform: scale(0);
  7190. transform: scale(0);
  7191. -webkit-transform-origin: center center;
  7192. transform-origin: center center; }
  7193. .mdc-top-app-bar__action-item.mdc-ripple-upgraded--unbounded::after, .mdc-top-app-bar__navigation-icon.mdc-ripple-upgraded--unbounded::after {
  7194. top: var(--mdc-ripple-top, 0);
  7195. /* @noflip */
  7196. left: var(--mdc-ripple-left, 0); }
  7197. .mdc-top-app-bar__action-item.mdc-ripple-upgraded--foreground-activation::after, .mdc-top-app-bar__navigation-icon.mdc-ripple-upgraded--foreground-activation::after {
  7198. -webkit-animation: 225ms mdc-ripple-fg-radius-in forwards, 75ms mdc-ripple-fg-opacity-in forwards;
  7199. animation: 225ms mdc-ripple-fg-radius-in forwards, 75ms mdc-ripple-fg-opacity-in forwards; }
  7200. .mdc-top-app-bar__action-item.mdc-ripple-upgraded--foreground-deactivation::after, .mdc-top-app-bar__navigation-icon.mdc-ripple-upgraded--foreground-deactivation::after {
  7201. -webkit-animation: 150ms mdc-ripple-fg-opacity-out;
  7202. animation: 150ms mdc-ripple-fg-opacity-out;
  7203. -webkit-transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
  7204. transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1)); }
  7205. .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 {
  7206. top: calc(50% - 50%);
  7207. /* @noflip */
  7208. left: calc(50% - 50%);
  7209. width: 100%;
  7210. height: 100%; }
  7211. .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 {
  7212. top: var(--mdc-ripple-top, calc(50% - 50%));
  7213. /* @noflip */
  7214. left: var(--mdc-ripple-left, calc(50% - 50%));
  7215. width: var(--mdc-ripple-fg-size, 100%);
  7216. height: var(--mdc-ripple-fg-size, 100%); }
  7217. .mdc-top-app-bar__action-item.mdc-ripple-upgraded::after, .mdc-top-app-bar__navigation-icon.mdc-ripple-upgraded::after {
  7218. width: var(--mdc-ripple-fg-size, 100%);
  7219. height: var(--mdc-ripple-fg-size, 100%); }
  7220. .mdc-top-app-bar--short-collapsed {
  7221. border-radius: 0 0 24px 0; }
  7222. [dir="rtl"] .mdc-top-app-bar--short-collapsed, .mdc-top-app-bar--short-collapsed[dir="rtl"] {
  7223. border-radius: 0 0 0 24px; }
  7224. .mdc-top-app-bar--short {
  7225. top: 0;
  7226. right: auto;
  7227. left: 0;
  7228. width: 100%;
  7229. transition: width 250ms cubic-bezier(0.4, 0, 0.2, 1); }
  7230. [dir="rtl"] .mdc-top-app-bar--short, .mdc-top-app-bar--short[dir="rtl"] {
  7231. right: 0;
  7232. left: auto; }
  7233. .mdc-top-app-bar--short .mdc-top-app-bar__row {
  7234. height: 56px; }
  7235. .mdc-top-app-bar--short .mdc-top-app-bar__section {
  7236. padding: 4px; }
  7237. .mdc-top-app-bar--short .mdc-top-app-bar__title {
  7238. transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1);
  7239. opacity: 1; }
  7240. .mdc-top-app-bar--short-collapsed {
  7241. 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);
  7242. width: 56px;
  7243. transition: width 300ms cubic-bezier(0.4, 0, 0.2, 1); }
  7244. .mdc-top-app-bar--short-collapsed .mdc-top-app-bar__title {
  7245. display: none; }
  7246. .mdc-top-app-bar--short-collapsed .mdc-top-app-bar__action-item {
  7247. transition: padding 150ms cubic-bezier(0.4, 0, 0.2, 1); }
  7248. .mdc-top-app-bar--short-collapsed.mdc-top-app-bar--short-has-action-item {
  7249. width: 112px; }
  7250. .mdc-top-app-bar--short-collapsed.mdc-top-app-bar--short-has-action-item .mdc-top-app-bar__section--align-end {
  7251. /* @noflip */
  7252. padding-left: 0;
  7253. /* @noflip */
  7254. padding-right: 12px; }
  7255. [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"] {
  7256. /* @noflip */
  7257. padding-left: 12px;
  7258. /* @noflip */
  7259. padding-right: 0; }
  7260. .mdc-top-app-bar--dense .mdc-top-app-bar__row {
  7261. height: 48px; }
  7262. .mdc-top-app-bar--dense .mdc-top-app-bar__section {
  7263. padding: 0 4px; }
  7264. .mdc-top-app-bar--dense .mdc-top-app-bar__title {
  7265. /* @noflip */
  7266. padding-left: 12px;
  7267. /* @noflip */
  7268. padding-right: 0; }
  7269. [dir="rtl"] .mdc-top-app-bar--dense .mdc-top-app-bar__title, .mdc-top-app-bar--dense .mdc-top-app-bar__title[dir="rtl"] {
  7270. /* @noflip */
  7271. padding-left: 0;
  7272. /* @noflip */
  7273. padding-right: 12px; }
  7274. .mdc-top-app-bar--prominent .mdc-top-app-bar__row {
  7275. height: 128px; }
  7276. .mdc-top-app-bar--prominent .mdc-top-app-bar__title {
  7277. align-self: flex-end;
  7278. padding-bottom: 2px; }
  7279. .mdc-top-app-bar--prominent .mdc-top-app-bar__action-item,
  7280. .mdc-top-app-bar--prominent .mdc-top-app-bar__navigation-icon {
  7281. align-self: flex-start; }
  7282. .mdc-top-app-bar--fixed {
  7283. transition: box-shadow 200ms linear; }
  7284. .mdc-top-app-bar--fixed-scrolled {
  7285. 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);
  7286. transition: box-shadow 200ms linear; }
  7287. .mdc-top-app-bar--dense.mdc-top-app-bar--prominent .mdc-top-app-bar__row {
  7288. height: 96px; }
  7289. .mdc-top-app-bar--dense.mdc-top-app-bar--prominent .mdc-top-app-bar__section {
  7290. padding: 0 12px; }
  7291. .mdc-top-app-bar--dense.mdc-top-app-bar--prominent .mdc-top-app-bar__title {
  7292. /* @noflip */
  7293. padding-left: 20px;
  7294. /* @noflip */
  7295. padding-right: 0;
  7296. padding-bottom: 9px; }
  7297. [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"] {
  7298. /* @noflip */
  7299. padding-left: 0;
  7300. /* @noflip */
  7301. padding-right: 20px; }
  7302. .mdc-top-app-bar--fixed-adjust {
  7303. padding-top: 64px; }
  7304. .mdc-top-app-bar--dense-fixed-adjust {
  7305. padding-top: 48px; }
  7306. .mdc-top-app-bar--short-fixed-adjust {
  7307. padding-top: 56px; }
  7308. .mdc-top-app-bar--prominent-fixed-adjust {
  7309. padding-top: 128px; }
  7310. .mdc-top-app-bar--dense-prominent-fixed-adjust {
  7311. padding-top: 96px; }
  7312. @media (max-width: 599px) {
  7313. .mdc-top-app-bar__row {
  7314. height: 56px; }
  7315. .mdc-top-app-bar__section {
  7316. padding: 4px; }
  7317. .mdc-top-app-bar--short {
  7318. transition: width 200ms cubic-bezier(0.4, 0, 0.2, 1); }
  7319. .mdc-top-app-bar--short-collapsed {
  7320. transition: width 250ms cubic-bezier(0.4, 0, 0.2, 1); }
  7321. .mdc-top-app-bar--short-collapsed .mdc-top-app-bar__section--align-end {
  7322. /* @noflip */
  7323. padding-left: 0;
  7324. /* @noflip */
  7325. padding-right: 12px; }
  7326. [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"] {
  7327. /* @noflip */
  7328. padding-left: 12px;
  7329. /* @noflip */
  7330. padding-right: 0; }
  7331. .mdc-top-app-bar--prominent .mdc-top-app-bar__title {
  7332. padding-bottom: 6px; }
  7333. .mdc-top-app-bar--fixed-adjust {
  7334. padding-top: 56px; } }
  7335. .mdc-typography {
  7336. font-family: Roboto, sans-serif;
  7337. -moz-osx-font-smoothing: grayscale;
  7338. -webkit-font-smoothing: antialiased; }
  7339. .mdc-typography--headline1 {
  7340. font-family: Roboto, sans-serif;
  7341. -moz-osx-font-smoothing: grayscale;
  7342. -webkit-font-smoothing: antialiased;
  7343. font-size: 6rem;
  7344. line-height: 6rem;
  7345. font-weight: 300;
  7346. letter-spacing: -0.01562em;
  7347. text-decoration: inherit;
  7348. text-transform: inherit; }
  7349. .mdc-typography--headline2 {
  7350. font-family: Roboto, sans-serif;
  7351. -moz-osx-font-smoothing: grayscale;
  7352. -webkit-font-smoothing: antialiased;
  7353. font-size: 3.75rem;
  7354. line-height: 3.75rem;
  7355. font-weight: 300;
  7356. letter-spacing: -0.00833em;
  7357. text-decoration: inherit;
  7358. text-transform: inherit; }
  7359. .mdc-typography--headline3 {
  7360. font-family: Roboto, sans-serif;
  7361. -moz-osx-font-smoothing: grayscale;
  7362. -webkit-font-smoothing: antialiased;
  7363. font-size: 3rem;
  7364. line-height: 3.125rem;
  7365. font-weight: 400;
  7366. letter-spacing: normal;
  7367. text-decoration: inherit;
  7368. text-transform: inherit; }
  7369. .mdc-typography--headline4 {
  7370. font-family: Roboto, sans-serif;
  7371. -moz-osx-font-smoothing: grayscale;
  7372. -webkit-font-smoothing: antialiased;
  7373. font-size: 2.125rem;
  7374. line-height: 2.5rem;
  7375. font-weight: 400;
  7376. letter-spacing: 0.00735em;
  7377. text-decoration: inherit;
  7378. text-transform: inherit; }
  7379. .mdc-typography--headline5 {
  7380. font-family: Roboto, sans-serif;
  7381. -moz-osx-font-smoothing: grayscale;
  7382. -webkit-font-smoothing: antialiased;
  7383. font-size: 1.5rem;
  7384. line-height: 2rem;
  7385. font-weight: 400;
  7386. letter-spacing: normal;
  7387. text-decoration: inherit;
  7388. text-transform: inherit; }
  7389. .mdc-typography--headline6 {
  7390. font-family: Roboto, sans-serif;
  7391. -moz-osx-font-smoothing: grayscale;
  7392. -webkit-font-smoothing: antialiased;
  7393. font-size: 1.25rem;
  7394. line-height: 2rem;
  7395. font-weight: 500;
  7396. letter-spacing: 0.0125em;
  7397. text-decoration: inherit;
  7398. text-transform: inherit; }
  7399. .mdc-typography--subtitle1 {
  7400. font-family: Roboto, sans-serif;
  7401. -moz-osx-font-smoothing: grayscale;
  7402. -webkit-font-smoothing: antialiased;
  7403. font-size: 1rem;
  7404. line-height: 1.75rem;
  7405. font-weight: 400;
  7406. letter-spacing: 0.00937em;
  7407. text-decoration: inherit;
  7408. text-transform: inherit; }
  7409. .mdc-typography--subtitle2 {
  7410. font-family: Roboto, sans-serif;
  7411. -moz-osx-font-smoothing: grayscale;
  7412. -webkit-font-smoothing: antialiased;
  7413. font-size: 0.875rem;
  7414. line-height: 1.375rem;
  7415. font-weight: 500;
  7416. letter-spacing: 0.00714em;
  7417. text-decoration: inherit;
  7418. text-transform: inherit; }
  7419. .mdc-typography--body1 {
  7420. font-family: Roboto, sans-serif;
  7421. -moz-osx-font-smoothing: grayscale;
  7422. -webkit-font-smoothing: antialiased;
  7423. font-size: 1rem;
  7424. line-height: 1.5rem;
  7425. font-weight: 400;
  7426. letter-spacing: 0.03125em;
  7427. text-decoration: inherit;
  7428. text-transform: inherit; }
  7429. .mdc-typography--body2 {
  7430. font-family: Roboto, sans-serif;
  7431. -moz-osx-font-smoothing: grayscale;
  7432. -webkit-font-smoothing: antialiased;
  7433. font-size: 0.875rem;
  7434. line-height: 1.25rem;
  7435. font-weight: 400;
  7436. letter-spacing: 0.01786em;
  7437. text-decoration: inherit;
  7438. text-transform: inherit; }
  7439. .mdc-typography--caption {
  7440. font-family: Roboto, sans-serif;
  7441. -moz-osx-font-smoothing: grayscale;
  7442. -webkit-font-smoothing: antialiased;
  7443. font-size: 0.75rem;
  7444. line-height: 1.25rem;
  7445. font-weight: 400;
  7446. letter-spacing: 0.03333em;
  7447. text-decoration: inherit;
  7448. text-transform: inherit; }
  7449. .mdc-typography--button {
  7450. font-family: Roboto, sans-serif;
  7451. -moz-osx-font-smoothing: grayscale;
  7452. -webkit-font-smoothing: antialiased;
  7453. font-size: 0.875rem;
  7454. line-height: 2.25rem;
  7455. font-weight: 500;
  7456. letter-spacing: 0.08929em;
  7457. text-decoration: none;
  7458. text-transform: uppercase; }
  7459. .mdc-typography--overline {
  7460. font-family: Roboto, sans-serif;
  7461. -moz-osx-font-smoothing: grayscale;
  7462. -webkit-font-smoothing: antialiased;
  7463. font-size: 0.75rem;
  7464. line-height: 2rem;
  7465. font-weight: 500;
  7466. letter-spacing: 0.16667em;
  7467. text-decoration: none;
  7468. text-transform: uppercase; }
  7469. /*# sourceMappingURL=material-components-web.css.map*/