material-components-web.css 283 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798991001011021031041051061071081091101111121131141151161171181191201211221231241251261271281291301311321331341351361371381391401411421431441451461471481491501511521531541551561571581591601611621631641651661671681691701711721731741751761771781791801811821831841851861871881891901911921931941951961971981992002012022032042052062072082092102112122132142152162172182192202212222232242252262272282292302312322332342352362372382392402412422432442452462472482492502512522532542552562572582592602612622632642652662672682692702712722732742752762772782792802812822832842852862872882892902912922932942952962972982993003013023033043053063073083093103113123133143153163173183193203213223233243253263273283293303313323333343353363373383393403413423433443453463473483493503513523533543553563573583593603613623633643653663673683693703713723733743753763773783793803813823833843853863873883893903913923933943953963973983994004014024034044054064074084094104114124134144154164174184194204214224234244254264274284294304314324334344354364374384394404414424434444454464474484494504514524534544554564574584594604614624634644654664674684694704714724734744754764774784794804814824834844854864874884894904914924934944954964974984995005015025035045055065075085095105115125135145155165175185195205215225235245255265275285295305315325335345355365375385395405415425435445455465475485495505515525535545555565575585595605615625635645655665675685695705715725735745755765775785795805815825835845855865875885895905915925935945955965975985996006016026036046056066076086096106116126136146156166176186196206216226236246256266276286296306316326336346356366376386396406416426436446456466476486496506516526536546556566576586596606616626636646656666676686696706716726736746756766776786796806816826836846856866876886896906916926936946956966976986997007017027037047057067077087097107117127137147157167177187197207217227237247257267277287297307317327337347357367377387397407417427437447457467477487497507517527537547557567577587597607617627637647657667677687697707717727737747757767777787797807817827837847857867877887897907917927937947957967977987998008018028038048058068078088098108118128138148158168178188198208218228238248258268278288298308318328338348358368378388398408418428438448458468478488498508518528538548558568578588598608618628638648658668678688698708718728738748758768778788798808818828838848858868878888898908918928938948958968978988999009019029039049059069079089099109119129139149159169179189199209219229239249259269279289299309319329339349359369379389399409419429439449459469479489499509519529539549559569579589599609619629639649659669679689699709719729739749759769779789799809819829839849859869879889899909919929939949959969979989991000100110021003100410051006100710081009101010111012101310141015101610171018101910201021102210231024102510261027102810291030103110321033103410351036103710381039104010411042104310441045104610471048104910501051105210531054105510561057105810591060106110621063106410651066106710681069107010711072107310741075107610771078107910801081108210831084108510861087108810891090109110921093109410951096109710981099110011011102110311041105110611071108110911101111111211131114111511161117111811191120112111221123112411251126112711281129113011311132113311341135113611371138113911401141114211431144114511461147114811491150115111521153115411551156115711581159116011611162116311641165116611671168116911701171117211731174117511761177117811791180118111821183118411851186118711881189119011911192119311941195119611971198119912001201120212031204120512061207120812091210121112121213121412151216121712181219122012211222122312241225122612271228122912301231123212331234123512361237123812391240124112421243124412451246124712481249125012511252125312541255125612571258125912601261126212631264126512661267126812691270127112721273127412751276127712781279128012811282128312841285128612871288128912901291129212931294129512961297129812991300130113021303130413051306130713081309131013111312131313141315131613171318131913201321132213231324132513261327132813291330133113321333133413351336133713381339134013411342134313441345134613471348134913501351135213531354135513561357135813591360136113621363136413651366136713681369137013711372137313741375137613771378137913801381138213831384138513861387138813891390139113921393139413951396139713981399140014011402140314041405140614071408140914101411141214131414141514161417141814191420142114221423142414251426142714281429143014311432143314341435143614371438143914401441144214431444144514461447144814491450145114521453145414551456145714581459146014611462146314641465146614671468146914701471147214731474147514761477147814791480148114821483148414851486148714881489149014911492149314941495149614971498149915001501150215031504150515061507150815091510151115121513151415151516151715181519152015211522152315241525152615271528152915301531153215331534153515361537153815391540154115421543154415451546154715481549155015511552155315541555155615571558155915601561156215631564156515661567156815691570157115721573157415751576157715781579158015811582158315841585158615871588158915901591159215931594159515961597159815991600160116021603160416051606160716081609161016111612161316141615161616171618161916201621162216231624162516261627162816291630163116321633163416351636163716381639164016411642164316441645164616471648164916501651165216531654165516561657165816591660166116621663166416651666166716681669167016711672167316741675167616771678167916801681168216831684168516861687168816891690169116921693169416951696169716981699170017011702170317041705170617071708170917101711171217131714171517161717171817191720172117221723172417251726172717281729173017311732173317341735173617371738173917401741174217431744174517461747174817491750175117521753175417551756175717581759176017611762176317641765176617671768176917701771177217731774177517761777177817791780178117821783178417851786178717881789179017911792179317941795179617971798179918001801180218031804180518061807180818091810181118121813181418151816181718181819182018211822182318241825182618271828182918301831183218331834183518361837183818391840184118421843184418451846184718481849185018511852185318541855185618571858185918601861186218631864186518661867186818691870187118721873187418751876187718781879188018811882188318841885188618871888188918901891189218931894189518961897189818991900190119021903190419051906190719081909191019111912191319141915191619171918191919201921192219231924192519261927192819291930193119321933193419351936193719381939194019411942194319441945194619471948194919501951195219531954195519561957195819591960196119621963196419651966196719681969197019711972197319741975197619771978197919801981198219831984198519861987198819891990199119921993199419951996199719981999200020012002200320042005200620072008200920102011201220132014201520162017201820192020202120222023202420252026202720282029203020312032203320342035203620372038203920402041204220432044204520462047204820492050205120522053205420552056205720582059206020612062206320642065206620672068206920702071207220732074207520762077207820792080208120822083208420852086208720882089209020912092209320942095209620972098209921002101210221032104210521062107210821092110211121122113211421152116211721182119212021212122212321242125212621272128212921302131213221332134213521362137213821392140214121422143214421452146214721482149215021512152215321542155215621572158215921602161216221632164216521662167216821692170217121722173217421752176217721782179218021812182218321842185218621872188218921902191219221932194219521962197219821992200220122022203220422052206220722082209221022112212221322142215221622172218221922202221222222232224222522262227222822292230223122322233223422352236223722382239224022412242224322442245224622472248224922502251225222532254225522562257225822592260226122622263226422652266226722682269227022712272227322742275227622772278227922802281228222832284228522862287228822892290229122922293229422952296229722982299230023012302230323042305230623072308230923102311231223132314231523162317231823192320232123222323232423252326232723282329233023312332233323342335233623372338233923402341234223432344234523462347234823492350235123522353235423552356235723582359236023612362236323642365236623672368236923702371237223732374237523762377237823792380238123822383238423852386238723882389239023912392239323942395239623972398239924002401240224032404240524062407240824092410241124122413241424152416241724182419242024212422242324242425242624272428242924302431243224332434243524362437243824392440244124422443244424452446244724482449245024512452245324542455245624572458245924602461246224632464246524662467246824692470247124722473247424752476247724782479248024812482248324842485248624872488248924902491249224932494249524962497249824992500250125022503250425052506250725082509251025112512251325142515251625172518251925202521252225232524252525262527252825292530253125322533253425352536253725382539254025412542254325442545254625472548254925502551255225532554255525562557255825592560256125622563256425652566256725682569257025712572257325742575257625772578257925802581258225832584258525862587258825892590259125922593259425952596259725982599260026012602260326042605260626072608260926102611261226132614261526162617261826192620262126222623262426252626262726282629263026312632263326342635263626372638263926402641264226432644264526462647264826492650265126522653265426552656265726582659266026612662266326642665266626672668266926702671267226732674267526762677267826792680268126822683268426852686268726882689269026912692269326942695269626972698269927002701270227032704270527062707270827092710271127122713271427152716271727182719272027212722272327242725272627272728272927302731273227332734273527362737273827392740274127422743274427452746274727482749275027512752275327542755275627572758275927602761276227632764276527662767276827692770277127722773277427752776277727782779278027812782278327842785278627872788278927902791279227932794279527962797279827992800280128022803280428052806280728082809281028112812281328142815281628172818281928202821282228232824282528262827282828292830283128322833283428352836283728382839284028412842284328442845284628472848284928502851285228532854285528562857285828592860286128622863286428652866286728682869287028712872287328742875287628772878287928802881288228832884288528862887288828892890289128922893289428952896289728982899290029012902290329042905290629072908290929102911291229132914291529162917291829192920292129222923292429252926292729282929293029312932293329342935293629372938293929402941294229432944294529462947294829492950295129522953295429552956295729582959296029612962296329642965296629672968296929702971297229732974297529762977297829792980298129822983298429852986298729882989299029912992299329942995299629972998299930003001300230033004300530063007300830093010301130123013301430153016301730183019302030213022302330243025302630273028302930303031303230333034303530363037303830393040304130423043304430453046304730483049305030513052305330543055305630573058305930603061306230633064306530663067306830693070307130723073307430753076307730783079308030813082308330843085308630873088308930903091309230933094309530963097309830993100310131023103310431053106310731083109311031113112311331143115311631173118311931203121312231233124312531263127312831293130313131323133313431353136313731383139314031413142314331443145314631473148314931503151315231533154315531563157315831593160316131623163316431653166316731683169317031713172317331743175317631773178317931803181318231833184318531863187318831893190319131923193319431953196319731983199320032013202320332043205320632073208320932103211321232133214321532163217321832193220322132223223322432253226322732283229323032313232323332343235323632373238323932403241324232433244324532463247324832493250325132523253325432553256325732583259326032613262326332643265326632673268326932703271327232733274327532763277327832793280328132823283328432853286328732883289329032913292329332943295329632973298329933003301330233033304330533063307330833093310331133123313331433153316331733183319332033213322332333243325332633273328332933303331333233333334333533363337333833393340334133423343334433453346334733483349335033513352335333543355335633573358335933603361336233633364336533663367336833693370337133723373337433753376337733783379338033813382338333843385338633873388338933903391339233933394339533963397339833993400340134023403340434053406340734083409341034113412341334143415341634173418341934203421342234233424342534263427342834293430343134323433343434353436343734383439344034413442344334443445344634473448344934503451345234533454345534563457345834593460346134623463346434653466346734683469347034713472347334743475347634773478347934803481348234833484348534863487348834893490349134923493349434953496349734983499350035013502350335043505350635073508350935103511351235133514351535163517351835193520352135223523352435253526352735283529353035313532353335343535353635373538353935403541354235433544354535463547354835493550355135523553355435553556355735583559356035613562356335643565356635673568356935703571357235733574357535763577357835793580358135823583358435853586358735883589359035913592359335943595359635973598359936003601360236033604360536063607360836093610361136123613361436153616361736183619362036213622362336243625362636273628362936303631363236333634363536363637363836393640364136423643364436453646364736483649365036513652365336543655365636573658365936603661366236633664366536663667366836693670367136723673367436753676367736783679368036813682368336843685368636873688368936903691369236933694369536963697369836993700370137023703370437053706370737083709371037113712371337143715371637173718371937203721372237233724372537263727372837293730373137323733373437353736373737383739374037413742374337443745374637473748374937503751375237533754375537563757375837593760376137623763376437653766376737683769377037713772377337743775377637773778377937803781378237833784378537863787378837893790379137923793379437953796379737983799380038013802380338043805380638073808380938103811381238133814381538163817381838193820382138223823382438253826382738283829383038313832383338343835383638373838383938403841384238433844384538463847384838493850385138523853385438553856385738583859386038613862386338643865386638673868386938703871387238733874387538763877387838793880388138823883388438853886388738883889389038913892389338943895389638973898389939003901390239033904390539063907390839093910391139123913391439153916391739183919392039213922392339243925392639273928392939303931393239333934393539363937393839393940394139423943394439453946394739483949395039513952395339543955395639573958395939603961396239633964396539663967396839693970397139723973397439753976397739783979398039813982398339843985398639873988398939903991399239933994399539963997399839994000400140024003400440054006400740084009401040114012401340144015401640174018401940204021402240234024402540264027402840294030403140324033403440354036403740384039404040414042404340444045404640474048404940504051405240534054405540564057405840594060406140624063406440654066406740684069407040714072407340744075407640774078407940804081408240834084408540864087408840894090409140924093409440954096409740984099410041014102410341044105410641074108410941104111411241134114411541164117411841194120412141224123412441254126412741284129413041314132413341344135413641374138413941404141414241434144414541464147414841494150415141524153415441554156415741584159416041614162416341644165416641674168416941704171417241734174417541764177417841794180418141824183418441854186418741884189419041914192419341944195419641974198419942004201420242034204420542064207420842094210421142124213421442154216421742184219422042214222422342244225422642274228422942304231423242334234423542364237423842394240424142424243424442454246424742484249425042514252425342544255425642574258425942604261426242634264426542664267426842694270427142724273427442754276427742784279428042814282428342844285428642874288428942904291429242934294429542964297429842994300430143024303430443054306430743084309431043114312431343144315431643174318431943204321432243234324432543264327432843294330433143324333433443354336433743384339434043414342434343444345434643474348434943504351435243534354435543564357435843594360436143624363436443654366436743684369437043714372437343744375437643774378437943804381438243834384438543864387438843894390439143924393439443954396439743984399440044014402440344044405440644074408440944104411441244134414441544164417441844194420442144224423442444254426442744284429443044314432443344344435443644374438443944404441444244434444444544464447444844494450445144524453445444554456445744584459446044614462446344644465446644674468446944704471447244734474447544764477447844794480448144824483448444854486448744884489449044914492449344944495449644974498449945004501450245034504450545064507450845094510451145124513451445154516451745184519452045214522452345244525452645274528452945304531453245334534453545364537453845394540454145424543454445454546454745484549455045514552455345544555455645574558455945604561456245634564456545664567456845694570457145724573457445754576457745784579458045814582458345844585458645874588458945904591459245934594459545964597459845994600460146024603460446054606460746084609461046114612461346144615461646174618461946204621462246234624462546264627462846294630463146324633463446354636463746384639464046414642464346444645464646474648464946504651465246534654465546564657465846594660466146624663466446654666466746684669467046714672467346744675467646774678467946804681468246834684468546864687468846894690469146924693469446954696469746984699470047014702470347044705470647074708470947104711471247134714471547164717471847194720472147224723472447254726472747284729473047314732473347344735473647374738473947404741474247434744474547464747474847494750475147524753475447554756475747584759476047614762476347644765476647674768476947704771477247734774477547764777477847794780478147824783478447854786478747884789479047914792479347944795479647974798479948004801480248034804480548064807480848094810481148124813481448154816481748184819482048214822482348244825482648274828482948304831483248334834483548364837483848394840484148424843484448454846484748484849485048514852485348544855485648574858485948604861486248634864486548664867486848694870487148724873487448754876487748784879488048814882488348844885488648874888488948904891489248934894489548964897489848994900490149024903490449054906490749084909491049114912491349144915491649174918491949204921492249234924492549264927492849294930493149324933493449354936493749384939494049414942494349444945494649474948494949504951495249534954495549564957495849594960496149624963496449654966496749684969497049714972497349744975497649774978497949804981498249834984498549864987498849894990499149924993499449954996499749984999500050015002500350045005500650075008500950105011501250135014501550165017501850195020502150225023502450255026502750285029503050315032503350345035503650375038503950405041504250435044504550465047504850495050505150525053505450555056505750585059506050615062506350645065506650675068506950705071507250735074507550765077507850795080508150825083508450855086508750885089509050915092509350945095509650975098509951005101510251035104510551065107510851095110511151125113511451155116511751185119512051215122512351245125512651275128512951305131513251335134513551365137513851395140514151425143514451455146514751485149515051515152515351545155515651575158515951605161516251635164516551665167516851695170517151725173517451755176517751785179518051815182518351845185518651875188518951905191519251935194519551965197519851995200520152025203520452055206520752085209521052115212521352145215521652175218521952205221522252235224522552265227522852295230523152325233523452355236523752385239524052415242524352445245524652475248524952505251525252535254525552565257525852595260526152625263526452655266526752685269527052715272527352745275527652775278527952805281528252835284528552865287528852895290529152925293529452955296529752985299530053015302530353045305530653075308530953105311531253135314531553165317531853195320532153225323532453255326532753285329533053315332533353345335533653375338533953405341534253435344534553465347534853495350535153525353535453555356535753585359536053615362536353645365536653675368536953705371537253735374537553765377537853795380538153825383538453855386538753885389539053915392539353945395539653975398539954005401540254035404540554065407540854095410541154125413541454155416541754185419542054215422542354245425542654275428542954305431543254335434543554365437543854395440544154425443544454455446544754485449545054515452545354545455545654575458545954605461546254635464546554665467546854695470547154725473547454755476547754785479548054815482548354845485548654875488548954905491549254935494549554965497549854995500550155025503550455055506550755085509551055115512551355145515551655175518551955205521552255235524552555265527552855295530553155325533553455355536553755385539554055415542554355445545554655475548554955505551555255535554555555565557555855595560556155625563556455655566556755685569557055715572557355745575557655775578557955805581558255835584558555865587558855895590559155925593559455955596559755985599560056015602560356045605560656075608560956105611561256135614561556165617561856195620562156225623562456255626562756285629563056315632563356345635563656375638563956405641564256435644564556465647564856495650565156525653565456555656565756585659566056615662566356645665566656675668566956705671567256735674567556765677567856795680568156825683568456855686568756885689569056915692569356945695569656975698569957005701570257035704570557065707570857095710571157125713571457155716571757185719572057215722572357245725572657275728572957305731573257335734573557365737573857395740574157425743574457455746574757485749575057515752575357545755575657575758575957605761576257635764576557665767576857695770577157725773577457755776577757785779578057815782578357845785578657875788578957905791579257935794579557965797579857995800580158025803580458055806580758085809581058115812581358145815581658175818581958205821582258235824582558265827582858295830583158325833583458355836583758385839584058415842584358445845584658475848584958505851585258535854585558565857585858595860586158625863586458655866586758685869587058715872587358745875587658775878587958805881588258835884588558865887588858895890589158925893589458955896589758985899590059015902590359045905590659075908590959105911591259135914591559165917591859195920592159225923592459255926592759285929593059315932593359345935593659375938593959405941594259435944594559465947594859495950595159525953595459555956595759585959596059615962596359645965596659675968596959705971597259735974597559765977597859795980598159825983598459855986598759885989599059915992599359945995599659975998599960006001600260036004600560066007600860096010601160126013601460156016601760186019602060216022602360246025602660276028602960306031603260336034603560366037603860396040604160426043604460456046604760486049605060516052605360546055605660576058605960606061606260636064606560666067606860696070607160726073607460756076607760786079608060816082608360846085608660876088608960906091609260936094609560966097609860996100610161026103610461056106610761086109611061116112611361146115611661176118611961206121612261236124612561266127612861296130613161326133613461356136613761386139614061416142614361446145614661476148614961506151615261536154615561566157615861596160616161626163616461656166616761686169617061716172617361746175617661776178617961806181618261836184618561866187618861896190619161926193619461956196619761986199620062016202620362046205620662076208620962106211621262136214621562166217621862196220622162226223622462256226622762286229623062316232623362346235623662376238623962406241624262436244624562466247624862496250625162526253625462556256625762586259626062616262626362646265626662676268626962706271627262736274627562766277627862796280628162826283628462856286628762886289629062916292629362946295629662976298629963006301630263036304630563066307630863096310631163126313631463156316631763186319632063216322632363246325632663276328632963306331633263336334633563366337633863396340634163426343634463456346634763486349635063516352635363546355635663576358635963606361636263636364636563666367636863696370637163726373637463756376637763786379638063816382638363846385638663876388638963906391639263936394639563966397639863996400640164026403640464056406640764086409641064116412641364146415641664176418641964206421642264236424642564266427642864296430643164326433643464356436643764386439644064416442644364446445644664476448644964506451645264536454645564566457645864596460646164626463646464656466646764686469647064716472647364746475647664776478647964806481648264836484648564866487648864896490649164926493649464956496649764986499650065016502650365046505650665076508650965106511651265136514651565166517651865196520652165226523652465256526652765286529653065316532653365346535653665376538653965406541654265436544654565466547654865496550655165526553655465556556655765586559656065616562656365646565656665676568656965706571657265736574657565766577657865796580658165826583658465856586658765886589659065916592659365946595659665976598659966006601660266036604660566066607660866096610661166126613661466156616661766186619662066216622662366246625662666276628662966306631663266336634663566366637663866396640664166426643664466456646664766486649665066516652665366546655665666576658665966606661666266636664666566666667666866696670667166726673667466756676667766786679668066816682668366846685668666876688668966906691669266936694669566966697669866996700670167026703670467056706670767086709671067116712671367146715671667176718671967206721672267236724672567266727672867296730673167326733673467356736673767386739674067416742674367446745674667476748674967506751675267536754675567566757675867596760676167626763676467656766676767686769677067716772677367746775677667776778677967806781678267836784678567866787678867896790679167926793679467956796679767986799680068016802680368046805680668076808680968106811681268136814681568166817681868196820682168226823682468256826682768286829683068316832683368346835683668376838683968406841684268436844684568466847684868496850685168526853685468556856685768586859686068616862686368646865686668676868686968706871687268736874687568766877687868796880688168826883688468856886688768886889689068916892689368946895689668976898689969006901690269036904690569066907690869096910691169126913691469156916691769186919692069216922692369246925692669276928692969306931693269336934693569366937693869396940694169426943694469456946694769486949695069516952695369546955695669576958695969606961696269636964696569666967696869696970697169726973697469756976697769786979698069816982698369846985698669876988698969906991699269936994699569966997699869997000700170027003700470057006700770087009701070117012701370147015701670177018701970207021702270237024702570267027702870297030703170327033703470357036703770387039704070417042704370447045704670477048704970507051705270537054705570567057705870597060706170627063706470657066706770687069707070717072707370747075707670777078707970807081708270837084708570867087708870897090709170927093709470957096709770987099710071017102710371047105710671077108710971107111711271137114711571167117711871197120712171227123712471257126712771287129713071317132713371347135713671377138713971407141714271437144714571467147714871497150715171527153715471557156715771587159716071617162716371647165716671677168716971707171717271737174717571767177717871797180718171827183718471857186718771887189719071917192719371947195719671977198719972007201720272037204720572067207720872097210721172127213721472157216721772187219722072217222722372247225722672277228722972307231723272337234723572367237723872397240724172427243724472457246724772487249725072517252725372547255725672577258725972607261726272637264726572667267726872697270727172727273727472757276727772787279728072817282728372847285728672877288728972907291729272937294729572967297729872997300730173027303730473057306730773087309731073117312731373147315731673177318731973207321732273237324732573267327732873297330733173327333733473357336733773387339734073417342734373447345734673477348734973507351735273537354735573567357735873597360736173627363736473657366736773687369737073717372737373747375737673777378737973807381738273837384738573867387738873897390739173927393739473957396739773987399740074017402740374047405740674077408740974107411741274137414741574167417741874197420742174227423742474257426742774287429743074317432743374347435743674377438743974407441744274437444744574467447744874497450745174527453745474557456745774587459746074617462746374647465746674677468746974707471747274737474747574767477747874797480748174827483748474857486748774887489749074917492749374947495749674977498749975007501750275037504750575067507750875097510751175127513751475157516751775187519752075217522752375247525752675277528752975307531753275337534753575367537753875397540754175427543754475457546754775487549755075517552755375547555755675577558755975607561756275637564756575667567756875697570757175727573757475757576757775787579758075817582758375847585758675877588
  1. /*!
  2. Material Components for the Web
  3. Copyright (c) 2018 Google Inc.
  4. License: Apache-2.0
  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: 2px; }
  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;
  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:not(:disabled) {
  149. background-color: transparent; }
  150. .mdc-button:not(:disabled) {
  151. color: #6200ee;
  152. /* @alternate */
  153. color: var(--mdc-theme-primary, #6200ee); }
  154. .mdc-button::before, .mdc-button::after {
  155. background-color: #6200ee; }
  156. @supports not (-ms-ime-align: auto) {
  157. .mdc-button::before, .mdc-button::after {
  158. /* @alternate */
  159. background-color: var(--mdc-theme-primary, #6200ee); } }
  160. .mdc-button:hover::before {
  161. opacity: 0.04; }
  162. .mdc-button:not(.mdc-ripple-upgraded):focus::before, .mdc-button.mdc-ripple-upgraded--background-focused::before {
  163. transition-duration: 75ms;
  164. opacity: 0.12; }
  165. .mdc-button:not(.mdc-ripple-upgraded)::after {
  166. transition: opacity 150ms linear; }
  167. .mdc-button:not(.mdc-ripple-upgraded):active::after {
  168. transition-duration: 75ms;
  169. opacity: 0.16; }
  170. .mdc-button.mdc-ripple-upgraded {
  171. --mdc-ripple-fg-opacity: 0.16; }
  172. .mdc-button .mdc-button__icon {
  173. /* @noflip */
  174. margin-left: 0;
  175. /* @noflip */
  176. margin-right: 8px;
  177. display: inline-block;
  178. width: 18px;
  179. height: 18px;
  180. font-size: 18px;
  181. vertical-align: top; }
  182. [dir="rtl"] .mdc-button .mdc-button__icon, .mdc-button .mdc-button__icon[dir="rtl"] {
  183. /* @noflip */
  184. margin-left: 8px;
  185. /* @noflip */
  186. margin-right: 0; }
  187. .mdc-button svg.mdc-button__icon {
  188. fill: currentColor; }
  189. .mdc-button--raised .mdc-button__icon,
  190. .mdc-button--unelevated .mdc-button__icon,
  191. .mdc-button--outlined .mdc-button__icon {
  192. /* @noflip */
  193. margin-left: -4px;
  194. /* @noflip */
  195. margin-right: 8px; }
  196. [dir="rtl"] .mdc-button--raised .mdc-button__icon, .mdc-button--raised .mdc-button__icon[dir="rtl"], [dir="rtl"]
  197. .mdc-button--unelevated .mdc-button__icon,
  198. .mdc-button--unelevated .mdc-button__icon[dir="rtl"], [dir="rtl"]
  199. .mdc-button--outlined .mdc-button__icon,
  200. .mdc-button--outlined .mdc-button__icon[dir="rtl"] {
  201. /* @noflip */
  202. margin-left: 8px;
  203. /* @noflip */
  204. margin-right: -4px; }
  205. .mdc-button--raised,
  206. .mdc-button--unelevated {
  207. padding: 0 16px 0 16px; }
  208. .mdc-button--raised:disabled,
  209. .mdc-button--unelevated:disabled {
  210. background-color: rgba(0, 0, 0, 0.12);
  211. color: rgba(0, 0, 0, 0.37); }
  212. .mdc-button--raised:not(:disabled),
  213. .mdc-button--unelevated:not(:disabled) {
  214. background-color: #6200ee; }
  215. @supports not (-ms-ime-align: auto) {
  216. .mdc-button--raised:not(:disabled),
  217. .mdc-button--unelevated:not(:disabled) {
  218. /* @alternate */
  219. background-color: var(--mdc-theme-primary, #6200ee); } }
  220. .mdc-button--raised:not(:disabled),
  221. .mdc-button--unelevated:not(:disabled) {
  222. color: #fff;
  223. /* @alternate */
  224. color: var(--mdc-theme-on-primary, #fff); }
  225. .mdc-button--raised::before, .mdc-button--raised::after,
  226. .mdc-button--unelevated::before,
  227. .mdc-button--unelevated::after {
  228. background-color: #fff; }
  229. @supports not (-ms-ime-align: auto) {
  230. .mdc-button--raised::before, .mdc-button--raised::after,
  231. .mdc-button--unelevated::before,
  232. .mdc-button--unelevated::after {
  233. /* @alternate */
  234. background-color: var(--mdc-theme-on-primary, #fff); } }
  235. .mdc-button--raised:hover::before,
  236. .mdc-button--unelevated:hover::before {
  237. opacity: 0.08; }
  238. .mdc-button--raised:not(.mdc-ripple-upgraded):focus::before, .mdc-button--raised.mdc-ripple-upgraded--background-focused::before,
  239. .mdc-button--unelevated:not(.mdc-ripple-upgraded):focus::before,
  240. .mdc-button--unelevated.mdc-ripple-upgraded--background-focused::before {
  241. transition-duration: 75ms;
  242. opacity: 0.24; }
  243. .mdc-button--raised:not(.mdc-ripple-upgraded)::after,
  244. .mdc-button--unelevated:not(.mdc-ripple-upgraded)::after {
  245. transition: opacity 150ms linear; }
  246. .mdc-button--raised:not(.mdc-ripple-upgraded):active::after,
  247. .mdc-button--unelevated:not(.mdc-ripple-upgraded):active::after {
  248. transition-duration: 75ms;
  249. opacity: 0.32; }
  250. .mdc-button--raised.mdc-ripple-upgraded,
  251. .mdc-button--unelevated.mdc-ripple-upgraded {
  252. --mdc-ripple-fg-opacity: 0.32; }
  253. .mdc-button--raised {
  254. 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);
  255. transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1); }
  256. .mdc-button--raised:hover, .mdc-button--raised:focus {
  257. 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); }
  258. .mdc-button--raised:active {
  259. 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); }
  260. .mdc-button--raised:disabled {
  261. 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); }
  262. .mdc-button--outlined {
  263. border-style: solid;
  264. padding: 0 14px 0 14px;
  265. border-width: 2px; }
  266. .mdc-button--outlined:disabled {
  267. border-color: rgba(0, 0, 0, 0.37); }
  268. .mdc-button--outlined:not(:disabled) {
  269. border-color: #6200ee;
  270. /* @alternate */
  271. border-color: var(--mdc-theme-primary, #6200ee); }
  272. .mdc-button--dense {
  273. height: 32px;
  274. font-size: .8125rem; }
  275. .mdc-card {
  276. background-color: #fff;
  277. /* @alternate */
  278. background-color: var(--mdc-theme-surface, #fff);
  279. border-radius: 2px;
  280. 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);
  281. display: flex;
  282. flex-direction: column;
  283. box-sizing: border-box; }
  284. .mdc-card--outlined {
  285. 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);
  286. border: 1px solid #e0e0e0; }
  287. .mdc-card__media {
  288. position: relative;
  289. box-sizing: border-box;
  290. background-repeat: no-repeat;
  291. background-position: center;
  292. background-size: cover; }
  293. .mdc-card__media::before {
  294. display: block;
  295. content: ""; }
  296. .mdc-card__media:first-child {
  297. border-top-left-radius: inherit;
  298. border-top-right-radius: inherit; }
  299. .mdc-card__media:last-child {
  300. border-bottom-left-radius: inherit;
  301. border-bottom-right-radius: inherit; }
  302. .mdc-card__media--square::before {
  303. margin-top: 100%; }
  304. .mdc-card__media--16-9::before {
  305. margin-top: 56.25%; }
  306. .mdc-card__media-content {
  307. position: absolute;
  308. top: 0;
  309. right: 0;
  310. bottom: 0;
  311. left: 0;
  312. box-sizing: border-box; }
  313. .mdc-card__primary-action {
  314. --mdc-ripple-fg-size: 0;
  315. --mdc-ripple-left: 0;
  316. --mdc-ripple-top: 0;
  317. --mdc-ripple-fg-scale: 1;
  318. --mdc-ripple-fg-translate-end: 0;
  319. --mdc-ripple-fg-translate-start: 0;
  320. -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  321. will-change: transform, opacity;
  322. display: flex;
  323. flex-direction: column;
  324. box-sizing: border-box;
  325. position: relative;
  326. outline: none;
  327. color: inherit;
  328. text-decoration: none;
  329. cursor: pointer;
  330. overflow: hidden; }
  331. .mdc-card__primary-action::before, .mdc-card__primary-action::after {
  332. position: absolute;
  333. border-radius: 50%;
  334. opacity: 0;
  335. pointer-events: none;
  336. content: ""; }
  337. .mdc-card__primary-action::before {
  338. transition: opacity 15ms linear;
  339. z-index: 1; }
  340. .mdc-card__primary-action.mdc-ripple-upgraded::before {
  341. -webkit-transform: scale(var(--mdc-ripple-fg-scale, 1));
  342. transform: scale(var(--mdc-ripple-fg-scale, 1)); }
  343. .mdc-card__primary-action.mdc-ripple-upgraded::after {
  344. top: 0;
  345. /* @noflip */
  346. left: 0;
  347. -webkit-transform: scale(0);
  348. transform: scale(0);
  349. -webkit-transform-origin: center center;
  350. transform-origin: center center; }
  351. .mdc-card__primary-action.mdc-ripple-upgraded--unbounded::after {
  352. top: var(--mdc-ripple-top, 0);
  353. /* @noflip */
  354. left: var(--mdc-ripple-left, 0); }
  355. .mdc-card__primary-action.mdc-ripple-upgraded--foreground-activation::after {
  356. -webkit-animation: 225ms mdc-ripple-fg-radius-in forwards, 75ms mdc-ripple-fg-opacity-in forwards;
  357. animation: 225ms mdc-ripple-fg-radius-in forwards, 75ms mdc-ripple-fg-opacity-in forwards; }
  358. .mdc-card__primary-action.mdc-ripple-upgraded--foreground-deactivation::after {
  359. -webkit-animation: 150ms mdc-ripple-fg-opacity-out;
  360. animation: 150ms mdc-ripple-fg-opacity-out;
  361. -webkit-transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
  362. transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1)); }
  363. .mdc-card__primary-action::before, .mdc-card__primary-action::after {
  364. top: calc(50% - 100%);
  365. /* @noflip */
  366. left: calc(50% - 100%);
  367. width: 200%;
  368. height: 200%; }
  369. .mdc-card__primary-action.mdc-ripple-upgraded::after {
  370. width: var(--mdc-ripple-fg-size, 100%);
  371. height: var(--mdc-ripple-fg-size, 100%); }
  372. .mdc-card__primary-action::before, .mdc-card__primary-action::after {
  373. background-color: black; }
  374. .mdc-card__primary-action:hover::before {
  375. opacity: 0.04; }
  376. .mdc-card__primary-action:not(.mdc-ripple-upgraded):focus::before, .mdc-card__primary-action.mdc-ripple-upgraded--background-focused::before {
  377. transition-duration: 75ms;
  378. opacity: 0.12; }
  379. .mdc-card__primary-action:not(.mdc-ripple-upgraded)::after {
  380. transition: opacity 150ms linear; }
  381. .mdc-card__primary-action:not(.mdc-ripple-upgraded):active::after {
  382. transition-duration: 75ms;
  383. opacity: 0.16; }
  384. .mdc-card__primary-action.mdc-ripple-upgraded {
  385. --mdc-ripple-fg-opacity: 0.16; }
  386. .mdc-card__primary-action:first-child {
  387. border-top-left-radius: inherit;
  388. border-top-right-radius: inherit; }
  389. .mdc-card__primary-action:last-child {
  390. border-bottom-left-radius: inherit;
  391. border-bottom-right-radius: inherit; }
  392. .mdc-card__actions {
  393. display: flex;
  394. flex-direction: row;
  395. align-items: center;
  396. box-sizing: border-box;
  397. min-height: 52px;
  398. padding: 8px; }
  399. .mdc-card__actions--full-bleed {
  400. padding: 0; }
  401. .mdc-card__action-buttons,
  402. .mdc-card__action-icons {
  403. display: flex;
  404. flex-direction: row;
  405. align-items: center;
  406. box-sizing: border-box; }
  407. .mdc-card__action-icons {
  408. color: rgba(0, 0, 0, 0.38);
  409. /* @alternate */
  410. color: var(--mdc-theme-text-icon-on-background, rgba(0, 0, 0, 0.38));
  411. flex-grow: 1;
  412. justify-content: flex-end; }
  413. .mdc-card__action-buttons + .mdc-card__action-icons {
  414. /* @noflip */
  415. margin-left: 16px;
  416. /* @noflip */
  417. margin-right: 0; }
  418. [dir="rtl"] .mdc-card__action-buttons + .mdc-card__action-icons, .mdc-card__action-buttons + .mdc-card__action-icons[dir="rtl"] {
  419. /* @noflip */
  420. margin-left: 0;
  421. /* @noflip */
  422. margin-right: 16px; }
  423. .mdc-card__action {
  424. display: inline-flex;
  425. flex-direction: row;
  426. align-items: center;
  427. box-sizing: border-box;
  428. justify-content: center;
  429. cursor: pointer;
  430. -webkit-user-select: none;
  431. -moz-user-select: none;
  432. -ms-user-select: none;
  433. user-select: none; }
  434. .mdc-card__action:focus {
  435. outline: none; }
  436. .mdc-card__action--button {
  437. /* @noflip */
  438. margin-left: 0;
  439. /* @noflip */
  440. margin-right: 8px;
  441. padding: 0 8px; }
  442. [dir="rtl"] .mdc-card__action--button, .mdc-card__action--button[dir="rtl"] {
  443. /* @noflip */
  444. margin-left: 8px;
  445. /* @noflip */
  446. margin-right: 0; }
  447. .mdc-card__action--button:last-child {
  448. /* @noflip */
  449. margin-left: 0;
  450. /* @noflip */
  451. margin-right: 0; }
  452. [dir="rtl"] .mdc-card__action--button:last-child, .mdc-card__action--button:last-child[dir="rtl"] {
  453. /* @noflip */
  454. margin-left: 0;
  455. /* @noflip */
  456. margin-right: 0; }
  457. .mdc-card__actions--full-bleed .mdc-card__action--button {
  458. justify-content: space-between;
  459. width: 100%;
  460. height: auto;
  461. max-height: none;
  462. margin: 0;
  463. padding: 8px 16px;
  464. text-align: left; }
  465. [dir="rtl"] .mdc-card__actions--full-bleed .mdc-card__action--button, .mdc-card__actions--full-bleed .mdc-card__action--button[dir="rtl"] {
  466. text-align: right; }
  467. .mdc-card__action--icon {
  468. margin: -6px 0;
  469. padding: 12px; }
  470. .mdc-card__action--icon:not(:disabled) {
  471. color: rgba(0, 0, 0, 0.38);
  472. /* @alternate */
  473. color: var(--mdc-theme-text-icon-on-background, rgba(0, 0, 0, 0.38)); }
  474. @-webkit-keyframes mdc-checkbox-unchecked-checked-checkmark-path {
  475. 0%,
  476. 50% {
  477. stroke-dashoffset: 29.78334; }
  478. 50% {
  479. -webkit-animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
  480. animation-timing-function: cubic-bezier(0, 0, 0.2, 1); }
  481. 100% {
  482. stroke-dashoffset: 0; } }
  483. @keyframes mdc-checkbox-unchecked-checked-checkmark-path {
  484. 0%,
  485. 50% {
  486. stroke-dashoffset: 29.78334; }
  487. 50% {
  488. -webkit-animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
  489. animation-timing-function: cubic-bezier(0, 0, 0.2, 1); }
  490. 100% {
  491. stroke-dashoffset: 0; } }
  492. @-webkit-keyframes mdc-checkbox-unchecked-indeterminate-mixedmark {
  493. 0%,
  494. 68.2% {
  495. -webkit-transform: scaleX(0);
  496. transform: scaleX(0); }
  497. 68.2% {
  498. -webkit-animation-timing-function: cubic-bezier(0, 0, 0, 1);
  499. animation-timing-function: cubic-bezier(0, 0, 0, 1); }
  500. 100% {
  501. -webkit-transform: scaleX(1);
  502. transform: scaleX(1); } }
  503. @keyframes mdc-checkbox-unchecked-indeterminate-mixedmark {
  504. 0%,
  505. 68.2% {
  506. -webkit-transform: scaleX(0);
  507. transform: scaleX(0); }
  508. 68.2% {
  509. -webkit-animation-timing-function: cubic-bezier(0, 0, 0, 1);
  510. animation-timing-function: cubic-bezier(0, 0, 0, 1); }
  511. 100% {
  512. -webkit-transform: scaleX(1);
  513. transform: scaleX(1); } }
  514. @-webkit-keyframes mdc-checkbox-checked-unchecked-checkmark-path {
  515. from {
  516. -webkit-animation-timing-function: cubic-bezier(0.4, 0, 1, 1);
  517. animation-timing-function: cubic-bezier(0.4, 0, 1, 1);
  518. opacity: 1;
  519. stroke-dashoffset: 0; }
  520. to {
  521. opacity: 0;
  522. stroke-dashoffset: -29.78334; } }
  523. @keyframes mdc-checkbox-checked-unchecked-checkmark-path {
  524. from {
  525. -webkit-animation-timing-function: cubic-bezier(0.4, 0, 1, 1);
  526. animation-timing-function: cubic-bezier(0.4, 0, 1, 1);
  527. opacity: 1;
  528. stroke-dashoffset: 0; }
  529. to {
  530. opacity: 0;
  531. stroke-dashoffset: -29.78334; } }
  532. @-webkit-keyframes mdc-checkbox-checked-indeterminate-checkmark {
  533. from {
  534. -webkit-animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
  535. animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
  536. -webkit-transform: rotate(0deg);
  537. transform: rotate(0deg);
  538. opacity: 1; }
  539. to {
  540. -webkit-transform: rotate(45deg);
  541. transform: rotate(45deg);
  542. opacity: 0; } }
  543. @keyframes mdc-checkbox-checked-indeterminate-checkmark {
  544. from {
  545. -webkit-animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
  546. animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
  547. -webkit-transform: rotate(0deg);
  548. transform: rotate(0deg);
  549. opacity: 1; }
  550. to {
  551. -webkit-transform: rotate(45deg);
  552. transform: rotate(45deg);
  553. opacity: 0; } }
  554. @-webkit-keyframes mdc-checkbox-indeterminate-checked-checkmark {
  555. from {
  556. -webkit-animation-timing-function: cubic-bezier(0.14, 0, 0, 1);
  557. animation-timing-function: cubic-bezier(0.14, 0, 0, 1);
  558. -webkit-transform: rotate(45deg);
  559. transform: rotate(45deg);
  560. opacity: 0; }
  561. to {
  562. -webkit-transform: rotate(360deg);
  563. transform: rotate(360deg);
  564. opacity: 1; } }
  565. @keyframes mdc-checkbox-indeterminate-checked-checkmark {
  566. from {
  567. -webkit-animation-timing-function: cubic-bezier(0.14, 0, 0, 1);
  568. animation-timing-function: cubic-bezier(0.14, 0, 0, 1);
  569. -webkit-transform: rotate(45deg);
  570. transform: rotate(45deg);
  571. opacity: 0; }
  572. to {
  573. -webkit-transform: rotate(360deg);
  574. transform: rotate(360deg);
  575. opacity: 1; } }
  576. @-webkit-keyframes mdc-checkbox-checked-indeterminate-mixedmark {
  577. from {
  578. -webkit-animation-timing-function: mdc-animation-deceleration-curve-timing-function;
  579. animation-timing-function: mdc-animation-deceleration-curve-timing-function;
  580. -webkit-transform: rotate(-45deg);
  581. transform: rotate(-45deg);
  582. opacity: 0; }
  583. to {
  584. -webkit-transform: rotate(0deg);
  585. transform: rotate(0deg);
  586. opacity: 1; } }
  587. @keyframes mdc-checkbox-checked-indeterminate-mixedmark {
  588. from {
  589. -webkit-animation-timing-function: mdc-animation-deceleration-curve-timing-function;
  590. animation-timing-function: mdc-animation-deceleration-curve-timing-function;
  591. -webkit-transform: rotate(-45deg);
  592. transform: rotate(-45deg);
  593. opacity: 0; }
  594. to {
  595. -webkit-transform: rotate(0deg);
  596. transform: rotate(0deg);
  597. opacity: 1; } }
  598. @-webkit-keyframes mdc-checkbox-indeterminate-checked-mixedmark {
  599. from {
  600. -webkit-animation-timing-function: cubic-bezier(0.14, 0, 0, 1);
  601. animation-timing-function: cubic-bezier(0.14, 0, 0, 1);
  602. -webkit-transform: rotate(0deg);
  603. transform: rotate(0deg);
  604. opacity: 1; }
  605. to {
  606. -webkit-transform: rotate(315deg);
  607. transform: rotate(315deg);
  608. opacity: 0; } }
  609. @keyframes mdc-checkbox-indeterminate-checked-mixedmark {
  610. from {
  611. -webkit-animation-timing-function: cubic-bezier(0.14, 0, 0, 1);
  612. animation-timing-function: cubic-bezier(0.14, 0, 0, 1);
  613. -webkit-transform: rotate(0deg);
  614. transform: rotate(0deg);
  615. opacity: 1; }
  616. to {
  617. -webkit-transform: rotate(315deg);
  618. transform: rotate(315deg);
  619. opacity: 0; } }
  620. @-webkit-keyframes mdc-checkbox-indeterminate-unchecked-mixedmark {
  621. 0% {
  622. -webkit-animation-timing-function: linear;
  623. animation-timing-function: linear;
  624. -webkit-transform: scaleX(1);
  625. transform: scaleX(1);
  626. opacity: 1; }
  627. 32.8%,
  628. 100% {
  629. -webkit-transform: scaleX(0);
  630. transform: scaleX(0);
  631. opacity: 0; } }
  632. @keyframes mdc-checkbox-indeterminate-unchecked-mixedmark {
  633. 0% {
  634. -webkit-animation-timing-function: linear;
  635. animation-timing-function: linear;
  636. -webkit-transform: scaleX(1);
  637. transform: scaleX(1);
  638. opacity: 1; }
  639. 32.8%,
  640. 100% {
  641. -webkit-transform: scaleX(0);
  642. transform: scaleX(0);
  643. opacity: 0; } }
  644. .mdc-checkbox {
  645. display: inline-block;
  646. position: relative;
  647. flex: 0 0 18px;
  648. box-sizing: content-box;
  649. width: 18px;
  650. height: 18px;
  651. padding: 11px;
  652. line-height: 0;
  653. white-space: nowrap;
  654. cursor: pointer;
  655. vertical-align: bottom;
  656. --mdc-ripple-fg-size: 0;
  657. --mdc-ripple-left: 0;
  658. --mdc-ripple-top: 0;
  659. --mdc-ripple-fg-scale: 1;
  660. --mdc-ripple-fg-translate-end: 0;
  661. --mdc-ripple-fg-translate-start: 0;
  662. -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  663. will-change: transform, opacity; }
  664. .mdc-checkbox::before, .mdc-checkbox::after {
  665. position: absolute;
  666. border-radius: 50%;
  667. opacity: 0;
  668. pointer-events: none;
  669. content: ""; }
  670. .mdc-checkbox::before {
  671. transition: opacity 15ms linear;
  672. z-index: 1; }
  673. .mdc-checkbox.mdc-ripple-upgraded::before {
  674. -webkit-transform: scale(var(--mdc-ripple-fg-scale, 1));
  675. transform: scale(var(--mdc-ripple-fg-scale, 1)); }
  676. .mdc-checkbox.mdc-ripple-upgraded::after {
  677. top: 0;
  678. /* @noflip */
  679. left: 0;
  680. -webkit-transform: scale(0);
  681. transform: scale(0);
  682. -webkit-transform-origin: center center;
  683. transform-origin: center center; }
  684. .mdc-checkbox.mdc-ripple-upgraded--unbounded::after {
  685. top: var(--mdc-ripple-top, 0);
  686. /* @noflip */
  687. left: var(--mdc-ripple-left, 0); }
  688. .mdc-checkbox.mdc-ripple-upgraded--foreground-activation::after {
  689. -webkit-animation: 225ms mdc-ripple-fg-radius-in forwards, 75ms mdc-ripple-fg-opacity-in forwards;
  690. animation: 225ms mdc-ripple-fg-radius-in forwards, 75ms mdc-ripple-fg-opacity-in forwards; }
  691. .mdc-checkbox.mdc-ripple-upgraded--foreground-deactivation::after {
  692. -webkit-animation: 150ms mdc-ripple-fg-opacity-out;
  693. animation: 150ms mdc-ripple-fg-opacity-out;
  694. -webkit-transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
  695. transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1)); }
  696. .mdc-checkbox::before, .mdc-checkbox::after {
  697. background-color: #018786; }
  698. @supports not (-ms-ime-align: auto) {
  699. .mdc-checkbox::before, .mdc-checkbox::after {
  700. /* @alternate */
  701. background-color: var(--mdc-theme-secondary, #018786); } }
  702. .mdc-checkbox:hover::before {
  703. opacity: 0.04; }
  704. .mdc-checkbox:not(.mdc-ripple-upgraded):focus::before, .mdc-checkbox.mdc-ripple-upgraded--background-focused::before {
  705. transition-duration: 75ms;
  706. opacity: 0.12; }
  707. .mdc-checkbox:not(.mdc-ripple-upgraded)::after {
  708. transition: opacity 150ms linear; }
  709. .mdc-checkbox:not(.mdc-ripple-upgraded):active::after {
  710. transition-duration: 75ms;
  711. opacity: 0.16; }
  712. .mdc-checkbox.mdc-ripple-upgraded {
  713. --mdc-ripple-fg-opacity: 0.16; }
  714. .mdc-checkbox::before, .mdc-checkbox::after {
  715. top: calc(50% - 50%);
  716. /* @noflip */
  717. left: calc(50% - 50%);
  718. width: 100%;
  719. height: 100%; }
  720. .mdc-checkbox.mdc-ripple-upgraded::before, .mdc-checkbox.mdc-ripple-upgraded::after {
  721. top: var(--mdc-ripple-top, calc(50% - 50%));
  722. /* @noflip */
  723. left: var(--mdc-ripple-left, calc(50% - 50%));
  724. width: var(--mdc-ripple-fg-size, 100%);
  725. height: var(--mdc-ripple-fg-size, 100%); }
  726. .mdc-checkbox.mdc-ripple-upgraded::after {
  727. width: var(--mdc-ripple-fg-size, 100%);
  728. height: var(--mdc-ripple-fg-size, 100%); }
  729. .mdc-checkbox__checkmark {
  730. color: #fff; }
  731. .mdc-checkbox__mixedmark {
  732. border-color: #fff; }
  733. .mdc-checkbox__background::before {
  734. background-color: #018786; }
  735. @supports not (-ms-ime-align: auto) {
  736. .mdc-checkbox__background::before {
  737. /* @alternate */
  738. background-color: var(--mdc-theme-secondary, #018786); } }
  739. .mdc-checkbox__native-control:enabled:not(:checked):not(:indeterminate) ~ .mdc-checkbox__background {
  740. border-color: rgba(0, 0, 0, 0.54);
  741. background-color: transparent; }
  742. .mdc-checkbox__native-control:enabled:checked ~ .mdc-checkbox__background,
  743. .mdc-checkbox__native-control:enabled:indeterminate ~ .mdc-checkbox__background {
  744. border-color: #018786;
  745. /* @alternate */
  746. border-color: var(--mdc-theme-secondary, #018786);
  747. background-color: #018786;
  748. /* @alternate */
  749. background-color: var(--mdc-theme-secondary, #018786); }
  750. @-webkit-keyframes mdc-checkbox-fade-in-background-0 {
  751. 0% {
  752. border-color: rgba(0, 0, 0, 0.54);
  753. background-color: transparent; }
  754. 50% {
  755. border-color: #018786;
  756. /* @alternate */
  757. border-color: var(--mdc-theme-secondary, #018786);
  758. background-color: #018786;
  759. /* @alternate */
  760. background-color: var(--mdc-theme-secondary, #018786); } }
  761. @keyframes mdc-checkbox-fade-in-background-0 {
  762. 0% {
  763. border-color: rgba(0, 0, 0, 0.54);
  764. background-color: transparent; }
  765. 50% {
  766. border-color: #018786;
  767. /* @alternate */
  768. border-color: var(--mdc-theme-secondary, #018786);
  769. background-color: #018786;
  770. /* @alternate */
  771. background-color: var(--mdc-theme-secondary, #018786); } }
  772. @-webkit-keyframes mdc-checkbox-fade-out-background-0 {
  773. 0%, 80% {
  774. border-color: #018786;
  775. /* @alternate */
  776. border-color: var(--mdc-theme-secondary, #018786);
  777. background-color: #018786;
  778. /* @alternate */
  779. background-color: var(--mdc-theme-secondary, #018786); }
  780. 100% {
  781. border-color: rgba(0, 0, 0, 0.54);
  782. background-color: transparent; } }
  783. @keyframes mdc-checkbox-fade-out-background-0 {
  784. 0%, 80% {
  785. border-color: #018786;
  786. /* @alternate */
  787. border-color: var(--mdc-theme-secondary, #018786);
  788. background-color: #018786;
  789. /* @alternate */
  790. background-color: var(--mdc-theme-secondary, #018786); }
  791. 100% {
  792. border-color: rgba(0, 0, 0, 0.54);
  793. background-color: transparent; } }
  794. .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 {
  795. -webkit-animation-name: mdc-checkbox-fade-in-background-0;
  796. animation-name: mdc-checkbox-fade-in-background-0; }
  797. .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 {
  798. -webkit-animation-name: mdc-checkbox-fade-out-background-0;
  799. animation-name: mdc-checkbox-fade-out-background-0; }
  800. .mdc-checkbox__native-control:disabled:not(:checked):not(:indeterminate) ~ .mdc-checkbox__background {
  801. border-color: rgba(0, 0, 0, 0.26); }
  802. .mdc-checkbox__native-control:disabled:checked ~ .mdc-checkbox__background,
  803. .mdc-checkbox__native-control:disabled:indeterminate ~ .mdc-checkbox__background {
  804. border-color: transparent;
  805. background-color: rgba(0, 0, 0, 0.26); }
  806. @media screen and (-ms-high-contrast: active) {
  807. .mdc-checkbox__mixedmark {
  808. margin: 0 1px; } }
  809. .mdc-checkbox--disabled {
  810. cursor: default;
  811. pointer-events: none; }
  812. .mdc-checkbox__background {
  813. /* @noflip */
  814. left: 11px;
  815. /* @noflip */
  816. right: initial;
  817. display: inline-flex;
  818. position: absolute;
  819. top: 11px;
  820. bottom: 0;
  821. align-items: center;
  822. justify-content: center;
  823. box-sizing: border-box;
  824. width: 45%;
  825. height: 45%;
  826. 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);
  827. border: 2px solid currentColor;
  828. border-radius: 2px;
  829. background-color: transparent;
  830. pointer-events: none;
  831. will-change: background-color, border-color; }
  832. .mdc-checkbox[dir="rtl"] .mdc-checkbox__background,
  833. [dir="rtl"] .mdc-checkbox .mdc-checkbox__background {
  834. /* @noflip */
  835. left: initial;
  836. /* @noflip */
  837. right: 11px; }
  838. .mdc-checkbox__checkmark {
  839. position: absolute;
  840. top: 0;
  841. right: 0;
  842. bottom: 0;
  843. left: 0;
  844. width: 100%;
  845. transition: opacity 180ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
  846. opacity: 0; }
  847. .mdc-checkbox--upgraded .mdc-checkbox__checkmark {
  848. opacity: 1; }
  849. .mdc-checkbox__checkmark-path {
  850. transition: stroke-dashoffset 180ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
  851. stroke: currentColor;
  852. stroke-width: 3.12px;
  853. stroke-dashoffset: 29.78334;
  854. stroke-dasharray: 29.78334; }
  855. .mdc-checkbox__mixedmark {
  856. width: 100%;
  857. height: 0;
  858. -webkit-transform: scaleX(0) rotate(0deg);
  859. transform: scaleX(0) rotate(0deg);
  860. transition: opacity 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1), -webkit-transform 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
  861. transition: opacity 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1), transform 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
  862. 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);
  863. border-width: 1px;
  864. border-style: solid;
  865. opacity: 0; }
  866. .mdc-checkbox--upgraded .mdc-checkbox__background,
  867. .mdc-checkbox--upgraded .mdc-checkbox__checkmark,
  868. .mdc-checkbox--upgraded .mdc-checkbox__checkmark-path,
  869. .mdc-checkbox--upgraded .mdc-checkbox__mixedmark {
  870. transition: none !important; }
  871. .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 {
  872. -webkit-animation-duration: 180ms;
  873. animation-duration: 180ms;
  874. -webkit-animation-timing-function: linear;
  875. animation-timing-function: linear; }
  876. .mdc-checkbox--anim-unchecked-checked .mdc-checkbox__checkmark-path {
  877. -webkit-animation: 180ms linear 0s mdc-checkbox-unchecked-checked-checkmark-path;
  878. animation: 180ms linear 0s mdc-checkbox-unchecked-checked-checkmark-path;
  879. transition: none; }
  880. .mdc-checkbox--anim-unchecked-indeterminate .mdc-checkbox__mixedmark {
  881. -webkit-animation: 90ms linear 0s mdc-checkbox-unchecked-indeterminate-mixedmark;
  882. animation: 90ms linear 0s mdc-checkbox-unchecked-indeterminate-mixedmark;
  883. transition: none; }
  884. .mdc-checkbox--anim-checked-unchecked .mdc-checkbox__checkmark-path {
  885. -webkit-animation: 90ms linear 0s mdc-checkbox-checked-unchecked-checkmark-path;
  886. animation: 90ms linear 0s mdc-checkbox-checked-unchecked-checkmark-path;
  887. transition: none; }
  888. .mdc-checkbox--anim-checked-indeterminate .mdc-checkbox__checkmark {
  889. -webkit-animation: 90ms linear 0s mdc-checkbox-checked-indeterminate-checkmark;
  890. animation: 90ms linear 0s mdc-checkbox-checked-indeterminate-checkmark;
  891. transition: none; }
  892. .mdc-checkbox--anim-checked-indeterminate .mdc-checkbox__mixedmark {
  893. -webkit-animation: 90ms linear 0s mdc-checkbox-checked-indeterminate-mixedmark;
  894. animation: 90ms linear 0s mdc-checkbox-checked-indeterminate-mixedmark;
  895. transition: none; }
  896. .mdc-checkbox--anim-indeterminate-checked .mdc-checkbox__checkmark {
  897. -webkit-animation: 500ms linear 0s mdc-checkbox-indeterminate-checked-checkmark;
  898. animation: 500ms linear 0s mdc-checkbox-indeterminate-checked-checkmark;
  899. transition: none; }
  900. .mdc-checkbox--anim-indeterminate-checked .mdc-checkbox__mixedmark {
  901. -webkit-animation: 500ms linear 0s mdc-checkbox-indeterminate-checked-mixedmark;
  902. animation: 500ms linear 0s mdc-checkbox-indeterminate-checked-mixedmark;
  903. transition: none; }
  904. .mdc-checkbox--anim-indeterminate-unchecked .mdc-checkbox__mixedmark {
  905. -webkit-animation: 300ms linear 0s mdc-checkbox-indeterminate-unchecked-mixedmark;
  906. animation: 300ms linear 0s mdc-checkbox-indeterminate-unchecked-mixedmark;
  907. transition: none; }
  908. .mdc-checkbox__native-control:checked ~ .mdc-checkbox__background,
  909. .mdc-checkbox__native-control:indeterminate ~ .mdc-checkbox__background {
  910. transition: border-color 90ms 0ms cubic-bezier(0, 0, 0.2, 1), background-color 90ms 0ms cubic-bezier(0, 0, 0.2, 1); }
  911. .mdc-checkbox__native-control:checked ~ .mdc-checkbox__background .mdc-checkbox__checkmark-path,
  912. .mdc-checkbox__native-control:indeterminate ~ .mdc-checkbox__background .mdc-checkbox__checkmark-path {
  913. stroke-dashoffset: 0; }
  914. .mdc-checkbox__background::before {
  915. position: absolute;
  916. top: 0;
  917. right: 0;
  918. bottom: 0;
  919. left: 0;
  920. width: 100%;
  921. height: 100%;
  922. -webkit-transform: scale(0, 0);
  923. transform: scale(0, 0);
  924. transition: opacity 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1), -webkit-transform 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
  925. transition: opacity 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1), transform 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
  926. 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);
  927. border-radius: 50%;
  928. opacity: 0;
  929. pointer-events: none;
  930. content: "";
  931. will-change: opacity, transform; }
  932. .mdc-ripple-upgraded--unbounded .mdc-checkbox__background::before {
  933. content: none; }
  934. .mdc-checkbox__native-control:focus ~ .mdc-checkbox__background::before {
  935. -webkit-transform: scale(2.75, 2.75);
  936. transform: scale(2.75, 2.75);
  937. transition: opacity 80ms 0ms cubic-bezier(0, 0, 0.2, 1), -webkit-transform 80ms 0ms cubic-bezier(0, 0, 0.2, 1);
  938. transition: opacity 80ms 0ms cubic-bezier(0, 0, 0.2, 1), transform 80ms 0ms cubic-bezier(0, 0, 0.2, 1);
  939. 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);
  940. opacity: 0.26; }
  941. .mdc-checkbox__native-control {
  942. position: absolute;
  943. top: 0;
  944. left: 0;
  945. width: 100%;
  946. height: 100%;
  947. margin: 0;
  948. padding: 0;
  949. opacity: 0;
  950. cursor: inherit; }
  951. .mdc-checkbox__native-control:disabled {
  952. cursor: default;
  953. pointer-events: none; }
  954. .mdc-checkbox__native-control:checked ~ .mdc-checkbox__background .mdc-checkbox__checkmark {
  955. transition: opacity 180ms 0ms cubic-bezier(0, 0, 0.2, 1), -webkit-transform 180ms 0ms cubic-bezier(0, 0, 0.2, 1);
  956. transition: opacity 180ms 0ms cubic-bezier(0, 0, 0.2, 1), transform 180ms 0ms cubic-bezier(0, 0, 0.2, 1);
  957. 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);
  958. opacity: 1; }
  959. .mdc-checkbox__native-control:checked ~ .mdc-checkbox__background .mdc-checkbox__mixedmark {
  960. -webkit-transform: scaleX(1) rotate(-45deg);
  961. transform: scaleX(1) rotate(-45deg); }
  962. .mdc-checkbox__native-control:indeterminate ~ .mdc-checkbox__background .mdc-checkbox__checkmark {
  963. -webkit-transform: rotate(45deg);
  964. transform: rotate(45deg);
  965. transition: opacity 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1), -webkit-transform 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
  966. transition: opacity 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1), transform 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
  967. 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);
  968. opacity: 0; }
  969. .mdc-checkbox__native-control:indeterminate ~ .mdc-checkbox__background .mdc-checkbox__mixedmark {
  970. -webkit-transform: scaleX(1) rotate(0deg);
  971. transform: scaleX(1) rotate(0deg);
  972. opacity: 1; }
  973. .mdc-chip {
  974. --mdc-ripple-fg-size: 0;
  975. --mdc-ripple-left: 0;
  976. --mdc-ripple-top: 0;
  977. --mdc-ripple-fg-scale: 1;
  978. --mdc-ripple-fg-translate-end: 0;
  979. --mdc-ripple-fg-translate-start: 0;
  980. -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  981. will-change: transform, opacity;
  982. border-radius: 16px;
  983. background-color: #e0e0e0;
  984. color: rgba(0, 0, 0, 0.87);
  985. font-family: Roboto, sans-serif;
  986. -moz-osx-font-smoothing: grayscale;
  987. -webkit-font-smoothing: antialiased;
  988. font-size: 0.875rem;
  989. line-height: 1.25rem;
  990. font-weight: 400;
  991. letter-spacing: 0.01786em;
  992. text-decoration: inherit;
  993. text-transform: inherit;
  994. height: 32px;
  995. display: inline-flex;
  996. position: relative;
  997. align-items: center;
  998. box-sizing: border-box;
  999. padding: 7px 12px;
  1000. outline: none;
  1001. cursor: pointer;
  1002. overflow: hidden; }
  1003. .mdc-chip::before, .mdc-chip::after {
  1004. position: absolute;
  1005. border-radius: 50%;
  1006. opacity: 0;
  1007. pointer-events: none;
  1008. content: ""; }
  1009. .mdc-chip::before {
  1010. transition: opacity 15ms linear;
  1011. z-index: 1; }
  1012. .mdc-chip.mdc-ripple-upgraded::before {
  1013. -webkit-transform: scale(var(--mdc-ripple-fg-scale, 1));
  1014. transform: scale(var(--mdc-ripple-fg-scale, 1)); }
  1015. .mdc-chip.mdc-ripple-upgraded::after {
  1016. top: 0;
  1017. /* @noflip */
  1018. left: 0;
  1019. -webkit-transform: scale(0);
  1020. transform: scale(0);
  1021. -webkit-transform-origin: center center;
  1022. transform-origin: center center; }
  1023. .mdc-chip.mdc-ripple-upgraded--unbounded::after {
  1024. top: var(--mdc-ripple-top, 0);
  1025. /* @noflip */
  1026. left: var(--mdc-ripple-left, 0); }
  1027. .mdc-chip.mdc-ripple-upgraded--foreground-activation::after {
  1028. -webkit-animation: 225ms mdc-ripple-fg-radius-in forwards, 75ms mdc-ripple-fg-opacity-in forwards;
  1029. animation: 225ms mdc-ripple-fg-radius-in forwards, 75ms mdc-ripple-fg-opacity-in forwards; }
  1030. .mdc-chip.mdc-ripple-upgraded--foreground-deactivation::after {
  1031. -webkit-animation: 150ms mdc-ripple-fg-opacity-out;
  1032. animation: 150ms mdc-ripple-fg-opacity-out;
  1033. -webkit-transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
  1034. transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1)); }
  1035. .mdc-chip::before, .mdc-chip::after {
  1036. top: calc(50% - 100%);
  1037. /* @noflip */
  1038. left: calc(50% - 100%);
  1039. width: 200%;
  1040. height: 200%; }
  1041. .mdc-chip.mdc-ripple-upgraded::after {
  1042. width: var(--mdc-ripple-fg-size, 100%);
  1043. height: var(--mdc-ripple-fg-size, 100%); }
  1044. .mdc-chip::before, .mdc-chip::after {
  1045. background-color: rgba(0, 0, 0, 0.87); }
  1046. .mdc-chip:hover::before {
  1047. opacity: 0.04; }
  1048. .mdc-chip:not(.mdc-ripple-upgraded):focus::before, .mdc-chip.mdc-ripple-upgraded--background-focused::before {
  1049. transition-duration: 75ms;
  1050. opacity: 0.12; }
  1051. .mdc-chip:not(.mdc-ripple-upgraded)::after {
  1052. transition: opacity 150ms linear; }
  1053. .mdc-chip:not(.mdc-ripple-upgraded):active::after {
  1054. transition-duration: 75ms;
  1055. opacity: 0.16; }
  1056. .mdc-chip.mdc-ripple-upgraded {
  1057. --mdc-ripple-fg-opacity: 0.16; }
  1058. .mdc-chip:hover {
  1059. color: rgba(0, 0, 0, 0.87); }
  1060. .mdc-chip .mdc-chip__icon.mdc-chip__icon--leading {
  1061. color: rgba(0, 0, 0, 0.54); }
  1062. .mdc-chip .mdc-chip__icon.mdc-chip__icon--trailing {
  1063. color: rgba(0, 0, 0, 0.54); }
  1064. .mdc-chip .mdc-chip__icon.mdc-chip__icon--trailing:hover {
  1065. color: rgba(0, 0, 0, 0.62); }
  1066. .mdc-chip .mdc-chip__icon.mdc-chip__icon--trailing:focus {
  1067. color: rgba(0, 0, 0, 0.87); }
  1068. .mdc-chip .mdc-chip__icon.mdc-chip__icon--leading:not(.mdc-chip__icon--leading-hidden) {
  1069. width: 20px;
  1070. height: 20px;
  1071. font-size: 20px; }
  1072. .mdc-chip .mdc-chip__icon.mdc-chip__icon--trailing {
  1073. width: 18px;
  1074. height: 18px;
  1075. font-size: 18px; }
  1076. .mdc-chip:hover {
  1077. color: #000;
  1078. /* @alternate */
  1079. color: var(--mdc-theme-on-surface, #000); }
  1080. .mdc-chip--exit {
  1081. 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;
  1082. opacity: 0; }
  1083. .mdc-chip__text {
  1084. white-space: nowrap; }
  1085. .mdc-chip__icon {
  1086. border-radius: 50%;
  1087. outline: none;
  1088. vertical-align: middle; }
  1089. .mdc-chip__icon--trailing {
  1090. margin: 0 -4px 0 4px; }
  1091. .mdc-chip__checkmark,
  1092. .mdc-chip__icon--leading {
  1093. height: 20px;
  1094. margin: -4px 4px -4px -4px; }
  1095. .mdc-chip__checkmark-path {
  1096. transition: stroke-dashoffset 150ms 50ms cubic-bezier(0.4, 0, 0.6, 1);
  1097. stroke-width: 2px;
  1098. stroke-dashoffset: 29.78334;
  1099. stroke-dasharray: 29.78334; }
  1100. .mdc-chip--selected .mdc-chip__checkmark-path {
  1101. stroke-dashoffset: 0; }
  1102. .mdc-chip-set--choice .mdc-chip.mdc-chip--selected::before {
  1103. opacity: 0.08; }
  1104. .mdc-chip-set--choice .mdc-chip.mdc-chip--selected::before, .mdc-chip-set--choice .mdc-chip.mdc-chip--selected::after {
  1105. background-color: #6200ee; }
  1106. @supports not (-ms-ime-align: auto) {
  1107. .mdc-chip-set--choice .mdc-chip.mdc-chip--selected::before, .mdc-chip-set--choice .mdc-chip.mdc-chip--selected::after {
  1108. /* @alternate */
  1109. background-color: var(--mdc-theme-primary, #6200ee); } }
  1110. .mdc-chip-set--choice .mdc-chip.mdc-chip--selected:hover::before {
  1111. opacity: 0.12; }
  1112. .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 {
  1113. transition-duration: 75ms;
  1114. opacity: 0.2; }
  1115. .mdc-chip-set--choice .mdc-chip.mdc-chip--selected:not(.mdc-ripple-upgraded)::after {
  1116. transition: opacity 150ms linear; }
  1117. .mdc-chip-set--choice .mdc-chip.mdc-chip--selected:not(.mdc-ripple-upgraded):active::after {
  1118. transition-duration: 75ms;
  1119. opacity: 0.24; }
  1120. .mdc-chip-set--choice .mdc-chip.mdc-chip--selected.mdc-ripple-upgraded {
  1121. --mdc-ripple-fg-opacity: 0.24; }
  1122. .mdc-chip-set--choice .mdc-chip.mdc-chip--selected {
  1123. color: #6200ee;
  1124. /* @alternate */
  1125. color: var(--mdc-theme-primary, #6200ee); }
  1126. .mdc-chip-set--choice .mdc-chip.mdc-chip--selected .mdc-chip__icon.mdc-chip__icon--leading {
  1127. color: rgba(98, 0, 238, 0.54); }
  1128. .mdc-chip-set--choice .mdc-chip.mdc-chip--selected:hover {
  1129. color: #6200ee;
  1130. /* @alternate */
  1131. color: var(--mdc-theme-primary, #6200ee); }
  1132. .mdc-chip-set--choice .mdc-chip .mdc-chip__checkmark-path {
  1133. stroke: #6200ee;
  1134. /* @alternate */
  1135. stroke: var(--mdc-theme-primary, #6200ee); }
  1136. .mdc-chip-set--choice .mdc-chip--selected {
  1137. background-color: #fff;
  1138. /* @alternate */
  1139. background-color: var(--mdc-theme-surface, #fff); }
  1140. .mdc-chip__checkmark-svg {
  1141. width: 0;
  1142. height: 20px;
  1143. transition: width 150ms cubic-bezier(0.4, 0, 0.2, 1); }
  1144. .mdc-chip--selected .mdc-chip__checkmark-svg {
  1145. width: 20px; }
  1146. .mdc-chip-set--filter .mdc-chip__icon--leading {
  1147. transition: opacity 75ms linear;
  1148. transition-delay: -50ms;
  1149. opacity: 1; }
  1150. .mdc-chip-set--filter .mdc-chip__icon--leading + .mdc-chip__checkmark {
  1151. transition: opacity 75ms linear;
  1152. transition-delay: 80ms;
  1153. opacity: 0; }
  1154. .mdc-chip-set--filter .mdc-chip__icon--leading + .mdc-chip__checkmark .mdc-chip__checkmark-svg {
  1155. transition: width 0ms; }
  1156. .mdc-chip-set--filter .mdc-chip--selected .mdc-chip__icon--leading {
  1157. opacity: 0; }
  1158. .mdc-chip-set--filter .mdc-chip--selected .mdc-chip__icon--leading + .mdc-chip__checkmark {
  1159. width: 0;
  1160. opacity: 1; }
  1161. .mdc-chip-set--filter .mdc-chip__icon--leading-hidden.mdc-chip__icon--leading {
  1162. width: 0;
  1163. opacity: 0; }
  1164. .mdc-chip-set--filter .mdc-chip__icon--leading-hidden.mdc-chip__icon--leading + .mdc-chip__checkmark {
  1165. width: 20px; }
  1166. @-webkit-keyframes mdc-chip-entry {
  1167. from {
  1168. -webkit-transform: scale(0.8);
  1169. transform: scale(0.8);
  1170. opacity: .4; }
  1171. to {
  1172. -webkit-transform: scale(1);
  1173. transform: scale(1);
  1174. opacity: 1; } }
  1175. @keyframes mdc-chip-entry {
  1176. from {
  1177. -webkit-transform: scale(0.8);
  1178. transform: scale(0.8);
  1179. opacity: .4; }
  1180. to {
  1181. -webkit-transform: scale(1);
  1182. transform: scale(1);
  1183. opacity: 1; } }
  1184. .mdc-chip-set {
  1185. padding: 4px;
  1186. display: flex;
  1187. flex-wrap: wrap;
  1188. box-sizing: border-box; }
  1189. .mdc-chip-set .mdc-chip {
  1190. margin: 4px; }
  1191. .mdc-chip-set--input .mdc-chip {
  1192. -webkit-animation: mdc-chip-entry 100ms cubic-bezier(0, 0, 0.2, 1);
  1193. animation: mdc-chip-entry 100ms cubic-bezier(0, 0, 0.2, 1); }
  1194. .mdc-dialog {
  1195. display: flex;
  1196. position: fixed;
  1197. top: 0;
  1198. left: 0;
  1199. align-items: center;
  1200. justify-content: center;
  1201. width: 100%;
  1202. height: 100%;
  1203. visibility: hidden;
  1204. z-index: 5; }
  1205. .mdc-dialog__backdrop {
  1206. background-color: rgba(0, 0, 0, 0.87);
  1207. /* @alternate */
  1208. background-color: var(--mdc-theme-text-primary-on-light, rgba(0, 0, 0, 0.87));
  1209. position: fixed;
  1210. top: 0;
  1211. left: 0;
  1212. align-items: center;
  1213. justify-content: center;
  1214. width: 100%;
  1215. height: 100%;
  1216. opacity: 0;
  1217. z-index: -1; }
  1218. .mdc-dialog__surface {
  1219. 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);
  1220. background-color: #fff;
  1221. /* @alternate */
  1222. background-color: var(--mdc-theme-background, #fff);
  1223. display: inline-flex;
  1224. flex-direction: column;
  1225. width: calc(100% - 30px);
  1226. min-width: 640px;
  1227. max-width: 865px;
  1228. -webkit-transform: translateY(150px) scale(0.8);
  1229. transform: translateY(150px) scale(0.8);
  1230. border-radius: 2px;
  1231. opacity: 0; }
  1232. .mdc-dialog[dir="rtl"] .mdc-dialog__surface,
  1233. [dir="rtl"] .mdc-dialog .mdc-dialog__surface {
  1234. text-align: right; }
  1235. .mdc-dialog__header {
  1236. display: flex;
  1237. align-items: center;
  1238. padding: 24px 24px 0; }
  1239. .mdc-dialog[dir="rtl"] .mdc-dialog__header,
  1240. [dir="rtl"] .mdc-dialog .mdc-dialog__header {
  1241. text-align: right; }
  1242. .mdc-dialog__header__empty {
  1243. padding: 0; }
  1244. .mdc-dialog__header__title {
  1245. font-family: Roboto, sans-serif;
  1246. -moz-osx-font-smoothing: grayscale;
  1247. -webkit-font-smoothing: antialiased;
  1248. font-size: 1.25rem;
  1249. line-height: 2rem;
  1250. font-weight: 500;
  1251. letter-spacing: 0.0125em;
  1252. text-decoration: inherit;
  1253. text-transform: inherit;
  1254. flex: 1;
  1255. margin: 0; }
  1256. .mdc-dialog__body {
  1257. color: rgba(0, 0, 0, 0.54);
  1258. /* @alternate */
  1259. color: var(--mdc-theme-text-secondary-on-light, rgba(0, 0, 0, 0.54));
  1260. font-family: Roboto, sans-serif;
  1261. -moz-osx-font-smoothing: grayscale;
  1262. -webkit-font-smoothing: antialiased;
  1263. font-size: 1rem;
  1264. line-height: 1.5rem;
  1265. font-weight: 400;
  1266. letter-spacing: 0.03125em;
  1267. text-decoration: inherit;
  1268. text-transform: inherit;
  1269. margin-top: 20px;
  1270. padding: 0 24px 24px; }
  1271. .mdc-dialog__body--scrollable {
  1272. max-height: 195px;
  1273. border-top: 1px solid rgba(0, 0, 0, 0.1);
  1274. border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  1275. overflow-x: auto;
  1276. overflow-y: scroll;
  1277. -webkit-overflow-scrolling: touch; }
  1278. .mdc-dialog__footer {
  1279. display: flex;
  1280. flex-wrap: wrap;
  1281. align-items: center;
  1282. justify-content: flex-end;
  1283. padding: 8px; }
  1284. .mdc-dialog__footer__button {
  1285. /* @noflip */
  1286. margin-left: 0;
  1287. /* @noflip */
  1288. margin-right: 8px; }
  1289. [dir="rtl"] .mdc-dialog__footer__button, .mdc-dialog__footer__button[dir="rtl"] {
  1290. /* @noflip */
  1291. margin-left: 8px;
  1292. /* @noflip */
  1293. margin-right: 0; }
  1294. .mdc-dialog__footer__button:last-child {
  1295. /* @noflip */
  1296. margin-left: 0;
  1297. /* @noflip */
  1298. margin-right: 0; }
  1299. [dir="rtl"] .mdc-dialog__footer__button:last-child, .mdc-dialog__footer__button:last-child[dir="rtl"] {
  1300. /* @noflip */
  1301. margin-left: 0;
  1302. /* @noflip */
  1303. margin-right: 0; }
  1304. .mdc-dialog__action:not(:disabled) {
  1305. color: #018786;
  1306. /* @alternate */
  1307. color: var(--mdc-theme-secondary, #018786); }
  1308. @media (max-width: 640px) {
  1309. .mdc-dialog {
  1310. min-width: 280px; }
  1311. .mdc-dialog__surface {
  1312. min-width: 280px; }
  1313. .mdc-dialog__body {
  1314. line-height: 24px; } }
  1315. .mdc-dialog--animating {
  1316. visibility: visible; }
  1317. .mdc-dialog--animating .mdc-dialog__backdrop {
  1318. transition: opacity 120ms 0ms cubic-bezier(0, 0, 0.2, 1); }
  1319. .mdc-dialog--animating .mdc-dialog__surface {
  1320. transition: opacity 120ms 0ms cubic-bezier(0, 0, 0.2, 1), -webkit-transform 120ms 0ms cubic-bezier(0, 0, 0.2, 1);
  1321. transition: opacity 120ms 0ms cubic-bezier(0, 0, 0.2, 1), transform 120ms 0ms cubic-bezier(0, 0, 0.2, 1);
  1322. 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); }
  1323. .mdc-dialog--open {
  1324. visibility: visible; }
  1325. .mdc-dialog--open .mdc-dialog__backdrop {
  1326. opacity: .3; }
  1327. .mdc-dialog--open .mdc-dialog__surface {
  1328. -webkit-transform: translateY(0) scale(1);
  1329. transform: translateY(0) scale(1);
  1330. opacity: 1; }
  1331. .mdc-dialog-scroll-lock {
  1332. overflow: hidden; }
  1333. .mdc-drawer--persistent {
  1334. color: rgba(0, 0, 0, 0.87);
  1335. width: 0; }
  1336. .mdc-drawer--persistent .mdc-drawer__toolbar-spacer {
  1337. display: flex;
  1338. position: relative;
  1339. flex-direction: row;
  1340. flex-shrink: 0;
  1341. align-items: center;
  1342. box-sizing: border-box;
  1343. height: 56px;
  1344. padding: 16px;
  1345. border-bottom: 1px solid rgba(0, 0, 0, 0.12); }
  1346. @media (min-width: 600px) {
  1347. .mdc-drawer--persistent .mdc-drawer__toolbar-spacer {
  1348. height: 64px; } }
  1349. .mdc-drawer--persistent .mdc-drawer__header {
  1350. position: relative; }
  1351. .mdc-drawer--persistent .mdc-drawer__header::before {
  1352. display: block;
  1353. padding-top: 56.25%;
  1354. content: ""; }
  1355. .mdc-drawer--persistent .mdc-drawer__header-content {
  1356. display: flex;
  1357. position: absolute;
  1358. top: 0;
  1359. right: 0;
  1360. bottom: 0;
  1361. left: 0;
  1362. align-items: flex-end;
  1363. box-sizing: border-box;
  1364. padding: 16px; }
  1365. .mdc-drawer--persistent .mdc-list-item {
  1366. font-family: Roboto, sans-serif;
  1367. -moz-osx-font-smoothing: grayscale;
  1368. -webkit-font-smoothing: antialiased;
  1369. font-size: 0.875rem;
  1370. line-height: 1.375rem;
  1371. font-weight: 500;
  1372. letter-spacing: 0.00714em;
  1373. text-decoration: inherit;
  1374. text-transform: inherit;
  1375. position: relative;
  1376. outline: none;
  1377. color: inherit;
  1378. text-decoration: none; }
  1379. .mdc-drawer--persistent .mdc-list-item__graphic {
  1380. color: rgba(0, 0, 0, 0.54); }
  1381. .mdc-drawer--persistent.mdc-drawer--permanent,
  1382. .mdc-drawer--persistent .mdc-drawer__drawer {
  1383. background-color: #fff; }
  1384. .mdc-drawer--persistent .mdc-drawer__drawer {
  1385. /* @noflip */
  1386. border-left: 0;
  1387. /* @noflip */
  1388. border-right: 1px solid #e4e4e4;
  1389. /* @noflip */
  1390. left: 0;
  1391. /* @noflip */
  1392. right: initial;
  1393. height: 100%;
  1394. -webkit-transform: translateX(-107%);
  1395. transform: translateX(-107%);
  1396. -webkit-transform: translateX(calc(-100% - 20px));
  1397. transform: translateX(calc(-100% - 20px));
  1398. will-change: transform;
  1399. display: inline-flex;
  1400. flex-direction: column;
  1401. box-sizing: border-box;
  1402. width: 240px;
  1403. overflow: hidden;
  1404. touch-action: none; }
  1405. [dir="rtl"] .mdc-drawer--persistent .mdc-drawer__drawer, .mdc-drawer--persistent .mdc-drawer__drawer[dir="rtl"] {
  1406. /* @noflip */
  1407. border-left: 1px solid #e4e4e4;
  1408. /* @noflip */
  1409. border-right: 0; }
  1410. [dir="rtl"] .mdc-drawer--persistent .mdc-drawer__drawer, .mdc-drawer--persistent .mdc-drawer__drawer[dir="rtl"] {
  1411. /* @noflip */
  1412. left: initial;
  1413. /* @noflip */
  1414. right: 0; }
  1415. [dir="rtl"] .mdc-drawer--persistent .mdc-drawer__drawer, .mdc-drawer--persistent .mdc-drawer__drawer[dir="rtl"] {
  1416. -webkit-transform: translateX(107%);
  1417. transform: translateX(107%);
  1418. -webkit-transform: translateX(calc(100% + 20px));
  1419. transform: translateX(calc(100% + 20px)); }
  1420. .mdc-drawer--persistent.mdc-drawer--open {
  1421. width: 240px;
  1422. pointer-events: auto; }
  1423. .mdc-drawer--persistent.mdc-drawer--open .mdc-drawer__drawer {
  1424. -webkit-transform: none;
  1425. transform: none; }
  1426. [dir="rtl"] .mdc-drawer--persistent.mdc-drawer--open .mdc-drawer__drawer, .mdc-drawer--persistent.mdc-drawer--open[dir="rtl"] .mdc-drawer__drawer {
  1427. -webkit-transform: none;
  1428. transform: none; }
  1429. .mdc-drawer--persistent.mdc-drawer--animating .mdc-drawer__drawer {
  1430. transition: -webkit-transform 200ms 0ms cubic-bezier(0.4, 0, 0.2, 1);
  1431. transition: transform 200ms 0ms cubic-bezier(0.4, 0, 0.2, 1);
  1432. transition: transform 200ms 0ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 200ms 0ms cubic-bezier(0.4, 0, 0.2, 1); }
  1433. .mdc-drawer--persistent.mdc-drawer--animating.mdc-drawer--open .mdc-drawer__drawer {
  1434. transition: -webkit-transform 250ms 0ms cubic-bezier(0.4, 0, 0.2, 1);
  1435. transition: transform 250ms 0ms cubic-bezier(0.4, 0, 0.2, 1);
  1436. transition: transform 250ms 0ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 250ms 0ms cubic-bezier(0.4, 0, 0.2, 1); }
  1437. .mdc-drawer--permanent {
  1438. color: rgba(0, 0, 0, 0.87);
  1439. /* @noflip */
  1440. border-left: 0;
  1441. /* @noflip */
  1442. border-right: 1px solid #e4e4e4;
  1443. /* @noflip */
  1444. left: 0;
  1445. /* @noflip */
  1446. right: initial;
  1447. display: inline-flex;
  1448. flex: 0 0 auto;
  1449. flex-direction: column;
  1450. box-sizing: border-box;
  1451. width: 240px;
  1452. overflow: hidden; }
  1453. .mdc-drawer--permanent .mdc-drawer__toolbar-spacer {
  1454. display: flex;
  1455. position: relative;
  1456. flex-direction: row;
  1457. flex-shrink: 0;
  1458. align-items: center;
  1459. box-sizing: border-box;
  1460. height: 56px;
  1461. padding: 16px;
  1462. border-bottom: 1px solid rgba(0, 0, 0, 0.12); }
  1463. @media (min-width: 600px) {
  1464. .mdc-drawer--permanent .mdc-drawer__toolbar-spacer {
  1465. height: 64px; } }
  1466. .mdc-drawer--permanent .mdc-drawer__header {
  1467. position: relative; }
  1468. .mdc-drawer--permanent .mdc-drawer__header::before {
  1469. display: block;
  1470. padding-top: 56.25%;
  1471. content: ""; }
  1472. .mdc-drawer--permanent .mdc-drawer__header-content {
  1473. display: flex;
  1474. position: absolute;
  1475. top: 0;
  1476. right: 0;
  1477. bottom: 0;
  1478. left: 0;
  1479. align-items: flex-end;
  1480. box-sizing: border-box;
  1481. padding: 16px; }
  1482. .mdc-drawer--permanent .mdc-list-item {
  1483. font-family: Roboto, sans-serif;
  1484. -moz-osx-font-smoothing: grayscale;
  1485. -webkit-font-smoothing: antialiased;
  1486. font-size: 0.875rem;
  1487. line-height: 1.375rem;
  1488. font-weight: 500;
  1489. letter-spacing: 0.00714em;
  1490. text-decoration: inherit;
  1491. text-transform: inherit;
  1492. position: relative;
  1493. outline: none;
  1494. color: inherit;
  1495. text-decoration: none; }
  1496. .mdc-drawer--permanent .mdc-list-item__graphic {
  1497. color: rgba(0, 0, 0, 0.54); }
  1498. .mdc-drawer--permanent.mdc-drawer--permanent,
  1499. .mdc-drawer--permanent .mdc-drawer__drawer {
  1500. background-color: #fff; }
  1501. [dir="rtl"] .mdc-drawer--permanent, .mdc-drawer--permanent[dir="rtl"] {
  1502. /* @noflip */
  1503. border-left: 1px solid #e4e4e4;
  1504. /* @noflip */
  1505. border-right: 0; }
  1506. [dir="rtl"] .mdc-drawer--permanent, .mdc-drawer--permanent[dir="rtl"] {
  1507. /* @noflip */
  1508. left: initial;
  1509. /* @noflip */
  1510. right: 0; }
  1511. .mdc-drawer--permanent--floating {
  1512. /* @noflip */
  1513. border-left: 0;
  1514. /* @noflip */
  1515. border-right: none;
  1516. background: none; }
  1517. [dir="rtl"] .mdc-drawer--permanent--floating, .mdc-drawer--permanent--floating[dir="rtl"] {
  1518. /* @noflip */
  1519. border-left: none;
  1520. /* @noflip */
  1521. border-right: 0; }
  1522. .mdc-drawer--temporary {
  1523. color: rgba(0, 0, 0, 0.87);
  1524. position: fixed;
  1525. top: 0;
  1526. left: 0;
  1527. box-sizing: border-box;
  1528. width: 100%;
  1529. height: 100%;
  1530. pointer-events: none;
  1531. overflow: hidden;
  1532. contain: strict;
  1533. z-index: 5; }
  1534. .mdc-drawer--temporary .mdc-drawer__toolbar-spacer {
  1535. display: flex;
  1536. position: relative;
  1537. flex-direction: row;
  1538. flex-shrink: 0;
  1539. align-items: center;
  1540. box-sizing: border-box;
  1541. height: 56px;
  1542. padding: 16px;
  1543. border-bottom: 1px solid rgba(0, 0, 0, 0.12); }
  1544. @media (min-width: 600px) {
  1545. .mdc-drawer--temporary .mdc-drawer__toolbar-spacer {
  1546. height: 64px; } }
  1547. .mdc-drawer--temporary .mdc-drawer__header {
  1548. position: relative; }
  1549. .mdc-drawer--temporary .mdc-drawer__header::before {
  1550. display: block;
  1551. padding-top: 56.25%;
  1552. content: ""; }
  1553. .mdc-drawer--temporary .mdc-drawer__header-content {
  1554. display: flex;
  1555. position: absolute;
  1556. top: 0;
  1557. right: 0;
  1558. bottom: 0;
  1559. left: 0;
  1560. align-items: flex-end;
  1561. box-sizing: border-box;
  1562. padding: 16px; }
  1563. .mdc-drawer--temporary .mdc-list-item {
  1564. font-family: Roboto, sans-serif;
  1565. -moz-osx-font-smoothing: grayscale;
  1566. -webkit-font-smoothing: antialiased;
  1567. font-size: 0.875rem;
  1568. line-height: 1.375rem;
  1569. font-weight: 500;
  1570. letter-spacing: 0.00714em;
  1571. text-decoration: inherit;
  1572. text-transform: inherit;
  1573. position: relative;
  1574. outline: none;
  1575. color: inherit;
  1576. text-decoration: none; }
  1577. .mdc-drawer--temporary .mdc-list-item__graphic {
  1578. color: rgba(0, 0, 0, 0.54); }
  1579. .mdc-drawer--temporary.mdc-drawer--permanent,
  1580. .mdc-drawer--temporary .mdc-drawer__drawer {
  1581. background-color: #fff; }
  1582. .mdc-drawer--temporary::before {
  1583. background-color: rgba(0, 0, 0, 0.6); }
  1584. .mdc-drawer--temporary::before {
  1585. display: block;
  1586. position: absolute;
  1587. top: 0;
  1588. left: 0;
  1589. box-sizing: border-box;
  1590. width: 100%;
  1591. height: 100%;
  1592. opacity: 0;
  1593. opacity: var(--mdc-temporary-drawer-opacity, 0);
  1594. content: "";
  1595. will-change: opacity; }
  1596. .mdc-drawer--temporary .mdc-drawer__drawer {
  1597. 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);
  1598. /* @noflip */
  1599. left: 0;
  1600. /* @noflip */
  1601. right: initial;
  1602. height: 100%;
  1603. -webkit-transform: translateX(-107%);
  1604. transform: translateX(-107%);
  1605. -webkit-transform: translateX(calc(-100% - 20px));
  1606. transform: translateX(calc(-100% - 20px));
  1607. will-change: transform;
  1608. display: flex;
  1609. position: absolute;
  1610. flex-direction: column;
  1611. box-sizing: border-box;
  1612. width: calc(100% - 56px);
  1613. max-width: 280px;
  1614. overflow: hidden;
  1615. touch-action: none; }
  1616. [dir="rtl"] .mdc-drawer--temporary .mdc-drawer__drawer, .mdc-drawer--temporary .mdc-drawer__drawer[dir="rtl"] {
  1617. /* @noflip */
  1618. left: initial;
  1619. /* @noflip */
  1620. right: 0; }
  1621. [dir="rtl"] .mdc-drawer--temporary .mdc-drawer__drawer, .mdc-drawer--temporary .mdc-drawer__drawer[dir="rtl"] {
  1622. -webkit-transform: translateX(107%);
  1623. transform: translateX(107%);
  1624. -webkit-transform: translateX(calc(100% + 20px));
  1625. transform: translateX(calc(100% + 20px)); }
  1626. @media (min-width: 600px) {
  1627. .mdc-drawer--temporary .mdc-drawer__drawer {
  1628. width: calc(100% - 64px);
  1629. max-width: 320px; } }
  1630. .mdc-drawer--temporary .mdc-drawer__content {
  1631. flex-grow: 1;
  1632. box-sizing: border-box;
  1633. margin: 0;
  1634. overflow-x: hidden;
  1635. overflow-y: auto;
  1636. -webkit-overflow-scrolling: touch;
  1637. touch-action: pan-y; }
  1638. .mdc-drawer--temporary .mdc-drawer__footer {
  1639. 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);
  1640. flex-shrink: 0; }
  1641. .mdc-drawer--temporary.mdc-drawer--open {
  1642. pointer-events: auto; }
  1643. .mdc-drawer--temporary.mdc-drawer--open::before {
  1644. opacity: 1;
  1645. opacity: var(--mdc-temporary-drawer-opacity, 1); }
  1646. .mdc-drawer--temporary.mdc-drawer--open .mdc-drawer__drawer {
  1647. -webkit-transform: none;
  1648. transform: none; }
  1649. [dir="rtl"] .mdc-drawer--temporary.mdc-drawer--open .mdc-drawer__drawer, .mdc-drawer--temporary.mdc-drawer--open[dir="rtl"] .mdc-drawer__drawer {
  1650. -webkit-transform: none;
  1651. transform: none; }
  1652. .mdc-drawer--temporary.mdc-drawer--animating::before {
  1653. transition: opacity 0.3s 0ms cubic-bezier(0, 0, 0.2, 1); }
  1654. .mdc-drawer--temporary.mdc-drawer--animating .mdc-drawer__drawer {
  1655. transition: -webkit-transform 200ms 0ms cubic-bezier(0.4, 0, 0.2, 1);
  1656. transition: transform 200ms 0ms cubic-bezier(0.4, 0, 0.2, 1);
  1657. transition: transform 200ms 0ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 200ms 0ms cubic-bezier(0.4, 0, 0.2, 1); }
  1658. .mdc-drawer--temporary.mdc-drawer--animating.mdc-drawer--open .mdc-drawer__drawer {
  1659. transition: -webkit-transform 250ms 0ms cubic-bezier(0.4, 0, 0.2, 1);
  1660. transition: transform 250ms 0ms cubic-bezier(0.4, 0, 0.2, 1);
  1661. transition: transform 250ms 0ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 250ms 0ms cubic-bezier(0.4, 0, 0.2, 1); }
  1662. .mdc-drawer-scroll-lock {
  1663. overflow: hidden; }
  1664. .mdc-elevation--z0 {
  1665. 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); }
  1666. .mdc-elevation--z1 {
  1667. 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); }
  1668. .mdc-elevation--z2 {
  1669. 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); }
  1670. .mdc-elevation--z3 {
  1671. 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); }
  1672. .mdc-elevation--z4 {
  1673. 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); }
  1674. .mdc-elevation--z5 {
  1675. 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); }
  1676. .mdc-elevation--z6 {
  1677. 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); }
  1678. .mdc-elevation--z7 {
  1679. 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); }
  1680. .mdc-elevation--z8 {
  1681. 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); }
  1682. .mdc-elevation--z9 {
  1683. 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); }
  1684. .mdc-elevation--z10 {
  1685. 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); }
  1686. .mdc-elevation--z11 {
  1687. 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); }
  1688. .mdc-elevation--z12 {
  1689. 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); }
  1690. .mdc-elevation--z13 {
  1691. 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); }
  1692. .mdc-elevation--z14 {
  1693. 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); }
  1694. .mdc-elevation--z15 {
  1695. 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); }
  1696. .mdc-elevation--z16 {
  1697. 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); }
  1698. .mdc-elevation--z17 {
  1699. 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); }
  1700. .mdc-elevation--z18 {
  1701. 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); }
  1702. .mdc-elevation--z19 {
  1703. 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); }
  1704. .mdc-elevation--z20 {
  1705. 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); }
  1706. .mdc-elevation--z21 {
  1707. 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); }
  1708. .mdc-elevation--z22 {
  1709. 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); }
  1710. .mdc-elevation--z23 {
  1711. 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); }
  1712. .mdc-elevation--z24 {
  1713. 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); }
  1714. .mdc-elevation-transition {
  1715. transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1);
  1716. will-change: box-shadow; }
  1717. .mdc-fab {
  1718. --mdc-ripple-fg-size: 0;
  1719. --mdc-ripple-left: 0;
  1720. --mdc-ripple-top: 0;
  1721. --mdc-ripple-fg-scale: 1;
  1722. --mdc-ripple-fg-translate-end: 0;
  1723. --mdc-ripple-fg-translate-start: 0;
  1724. -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  1725. will-change: transform, opacity;
  1726. 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);
  1727. display: inline-flex;
  1728. position: relative;
  1729. align-items: center;
  1730. justify-content: center;
  1731. box-sizing: border-box;
  1732. width: 56px;
  1733. height: 56px;
  1734. padding: 0;
  1735. 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);
  1736. 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);
  1737. 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);
  1738. border: none;
  1739. border-radius: 50%;
  1740. fill: currentColor;
  1741. cursor: pointer;
  1742. -webkit-user-select: none;
  1743. -moz-user-select: none;
  1744. -ms-user-select: none;
  1745. user-select: none;
  1746. -moz-appearance: none;
  1747. -webkit-appearance: none;
  1748. overflow: hidden;
  1749. background-color: #018786;
  1750. color: #fff;
  1751. /* @alternate */
  1752. color: var(--mdc-theme-on-secondary, #fff); }
  1753. .mdc-fab::before, .mdc-fab::after {
  1754. position: absolute;
  1755. border-radius: 50%;
  1756. opacity: 0;
  1757. pointer-events: none;
  1758. content: ""; }
  1759. .mdc-fab::before {
  1760. transition: opacity 15ms linear;
  1761. z-index: 1; }
  1762. .mdc-fab.mdc-ripple-upgraded::before {
  1763. -webkit-transform: scale(var(--mdc-ripple-fg-scale, 1));
  1764. transform: scale(var(--mdc-ripple-fg-scale, 1)); }
  1765. .mdc-fab.mdc-ripple-upgraded::after {
  1766. top: 0;
  1767. /* @noflip */
  1768. left: 0;
  1769. -webkit-transform: scale(0);
  1770. transform: scale(0);
  1771. -webkit-transform-origin: center center;
  1772. transform-origin: center center; }
  1773. .mdc-fab.mdc-ripple-upgraded--unbounded::after {
  1774. top: var(--mdc-ripple-top, 0);
  1775. /* @noflip */
  1776. left: var(--mdc-ripple-left, 0); }
  1777. .mdc-fab.mdc-ripple-upgraded--foreground-activation::after {
  1778. -webkit-animation: 225ms mdc-ripple-fg-radius-in forwards, 75ms mdc-ripple-fg-opacity-in forwards;
  1779. animation: 225ms mdc-ripple-fg-radius-in forwards, 75ms mdc-ripple-fg-opacity-in forwards; }
  1780. .mdc-fab.mdc-ripple-upgraded--foreground-deactivation::after {
  1781. -webkit-animation: 150ms mdc-ripple-fg-opacity-out;
  1782. animation: 150ms mdc-ripple-fg-opacity-out;
  1783. -webkit-transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
  1784. transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1)); }
  1785. .mdc-fab::before, .mdc-fab::after {
  1786. top: calc(50% - 100%);
  1787. /* @noflip */
  1788. left: calc(50% - 100%);
  1789. width: 200%;
  1790. height: 200%; }
  1791. .mdc-fab.mdc-ripple-upgraded::after {
  1792. width: var(--mdc-ripple-fg-size, 100%);
  1793. height: var(--mdc-ripple-fg-size, 100%); }
  1794. .mdc-fab::-moz-focus-inner {
  1795. padding: 0;
  1796. border: 0; }
  1797. .mdc-fab:hover, .mdc-fab:focus {
  1798. 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); }
  1799. .mdc-fab:active {
  1800. 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); }
  1801. .mdc-fab:active, .mdc-fab:focus {
  1802. outline: none; }
  1803. .mdc-fab:hover {
  1804. cursor: pointer; }
  1805. .mdc-fab > svg {
  1806. width: 100%; }
  1807. @supports not (-ms-ime-align: auto) {
  1808. .mdc-fab {
  1809. /* @alternate */
  1810. background-color: var(--mdc-theme-secondary, #018786); } }
  1811. .mdc-fab .mdc-fab__icon {
  1812. width: 24px;
  1813. height: 24px;
  1814. font-size: 24px; }
  1815. .mdc-fab::before, .mdc-fab::after {
  1816. background-color: #fff; }
  1817. @supports not (-ms-ime-align: auto) {
  1818. .mdc-fab::before, .mdc-fab::after {
  1819. /* @alternate */
  1820. background-color: var(--mdc-theme-on-secondary, #fff); } }
  1821. .mdc-fab:hover::before {
  1822. opacity: 0.08; }
  1823. .mdc-fab:not(.mdc-ripple-upgraded):focus::before, .mdc-fab.mdc-ripple-upgraded--background-focused::before {
  1824. transition-duration: 75ms;
  1825. opacity: 0.24; }
  1826. .mdc-fab:not(.mdc-ripple-upgraded)::after {
  1827. transition: opacity 150ms linear; }
  1828. .mdc-fab:not(.mdc-ripple-upgraded):active::after {
  1829. transition-duration: 75ms;
  1830. opacity: 0.32; }
  1831. .mdc-fab.mdc-ripple-upgraded {
  1832. --mdc-ripple-fg-opacity: 0.32; }
  1833. .mdc-fab--mini {
  1834. width: 40px;
  1835. height: 40px; }
  1836. .mdc-fab--extended {
  1837. font-family: Roboto, sans-serif;
  1838. -moz-osx-font-smoothing: grayscale;
  1839. -webkit-font-smoothing: antialiased;
  1840. font-size: 0.875rem;
  1841. line-height: 2.25rem;
  1842. font-weight: 500;
  1843. letter-spacing: 0.08929em;
  1844. text-decoration: none;
  1845. text-transform: uppercase;
  1846. padding: 0 20px;
  1847. width: auto;
  1848. max-width: 100%;
  1849. height: 48px;
  1850. border-radius: 24px; }
  1851. .mdc-fab--extended .mdc-fab__icon {
  1852. /* @noflip */
  1853. margin-left: -8px;
  1854. /* @noflip */
  1855. margin-right: 12px; }
  1856. [dir="rtl"] .mdc-fab--extended .mdc-fab__icon, .mdc-fab--extended .mdc-fab__icon[dir="rtl"] {
  1857. /* @noflip */
  1858. margin-left: 12px;
  1859. /* @noflip */
  1860. margin-right: -8px; }
  1861. .mdc-fab--extended .mdc-fab__label + .mdc-fab__icon {
  1862. /* @noflip */
  1863. margin-left: 12px;
  1864. /* @noflip */
  1865. margin-right: -8px; }
  1866. [dir="rtl"] .mdc-fab--extended .mdc-fab__label + .mdc-fab__icon, .mdc-fab--extended .mdc-fab__label + .mdc-fab__icon[dir="rtl"] {
  1867. /* @noflip */
  1868. margin-left: -8px;
  1869. /* @noflip */
  1870. margin-right: 12px; }
  1871. .mdc-fab__label {
  1872. justify-content: flex-start;
  1873. text-overflow: ellipsis;
  1874. white-space: nowrap;
  1875. overflow: hidden; }
  1876. .mdc-fab__icon {
  1877. transition: -webkit-transform 180ms 90ms cubic-bezier(0, 0, 0.2, 1);
  1878. transition: transform 180ms 90ms cubic-bezier(0, 0, 0.2, 1);
  1879. transition: transform 180ms 90ms cubic-bezier(0, 0, 0.2, 1), -webkit-transform 180ms 90ms cubic-bezier(0, 0, 0.2, 1);
  1880. fill: currentColor;
  1881. will-change: transform; }
  1882. .mdc-fab .mdc-fab__icon {
  1883. display: inline-flex;
  1884. align-items: center;
  1885. justify-content: center; }
  1886. .mdc-fab--exited {
  1887. -webkit-transform: scale(0);
  1888. transform: scale(0);
  1889. transition: opacity 15ms linear 150ms, -webkit-transform 180ms 0ms cubic-bezier(0.4, 0, 1, 1);
  1890. transition: opacity 15ms linear 150ms, transform 180ms 0ms cubic-bezier(0.4, 0, 1, 1);
  1891. 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);
  1892. opacity: 0; }
  1893. .mdc-fab--exited .mdc-fab__icon {
  1894. -webkit-transform: scale(0);
  1895. transform: scale(0);
  1896. transition: -webkit-transform 135ms 0ms cubic-bezier(0.4, 0, 1, 1);
  1897. transition: transform 135ms 0ms cubic-bezier(0.4, 0, 1, 1);
  1898. transition: transform 135ms 0ms cubic-bezier(0.4, 0, 1, 1), -webkit-transform 135ms 0ms cubic-bezier(0.4, 0, 1, 1); }
  1899. .mdc-floating-label {
  1900. font-family: Roboto, sans-serif;
  1901. -moz-osx-font-smoothing: grayscale;
  1902. -webkit-font-smoothing: antialiased;
  1903. font-size: 1rem;
  1904. line-height: 1.75rem;
  1905. font-weight: 400;
  1906. letter-spacing: 0.00937em;
  1907. text-decoration: inherit;
  1908. text-transform: inherit;
  1909. position: absolute;
  1910. bottom: 8px;
  1911. left: 0;
  1912. -webkit-transform-origin: left top;
  1913. transform-origin: left top;
  1914. transition: color 150ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 150ms cubic-bezier(0.4, 0, 0.2, 1);
  1915. transition: transform 150ms cubic-bezier(0.4, 0, 0.2, 1), color 150ms cubic-bezier(0.4, 0, 0.2, 1);
  1916. 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);
  1917. line-height: 1.15rem;
  1918. text-overflow: ellipsis;
  1919. white-space: nowrap;
  1920. cursor: text;
  1921. overflow: hidden;
  1922. will-change: transform; }
  1923. [dir="rtl"] .mdc-floating-label, .mdc-floating-label[dir="rtl"] {
  1924. /* @noflip */
  1925. right: 0;
  1926. /* @noflip */
  1927. left: auto;
  1928. /* @noflip */
  1929. -webkit-transform-origin: right top;
  1930. transform-origin: right top; }
  1931. .mdc-floating-label--float-above {
  1932. cursor: auto; }
  1933. .mdc-floating-label--float-above {
  1934. -webkit-transform: translateY(-100%) scale(0.75);
  1935. transform: translateY(-100%) scale(0.75); }
  1936. .mdc-floating-label--shake {
  1937. -webkit-animation: mdc-floating-label-shake-float-above-standard 250ms 1;
  1938. animation: mdc-floating-label-shake-float-above-standard 250ms 1; }
  1939. @-webkit-keyframes mdc-floating-label-shake-float-above-standard {
  1940. 0% {
  1941. -webkit-transform: translateX(calc(0 - 0%)) translateY(-100%) scale(0.75);
  1942. transform: translateX(calc(0 - 0%)) translateY(-100%) scale(0.75); }
  1943. 33% {
  1944. -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.70173, 0.49582);
  1945. animation-timing-function: cubic-bezier(0.5, 0, 0.70173, 0.49582);
  1946. -webkit-transform: translateX(calc(4% - 0%)) translateY(-100%) scale(0.75);
  1947. transform: translateX(calc(4% - 0%)) translateY(-100%) scale(0.75); }
  1948. 66% {
  1949. -webkit-animation-timing-function: cubic-bezier(0.30244, 0.38135, 0.55, 0.95635);
  1950. animation-timing-function: cubic-bezier(0.30244, 0.38135, 0.55, 0.95635);
  1951. -webkit-transform: translateX(calc(-4% - 0%)) translateY(-100%) scale(0.75);
  1952. transform: translateX(calc(-4% - 0%)) translateY(-100%) scale(0.75); }
  1953. 100% {
  1954. -webkit-transform: translateX(calc(0 - 0%)) translateY(-100%) scale(0.75);
  1955. transform: translateX(calc(0 - 0%)) translateY(-100%) scale(0.75); } }
  1956. @keyframes mdc-floating-label-shake-float-above-standard {
  1957. 0% {
  1958. -webkit-transform: translateX(calc(0 - 0%)) translateY(-100%) scale(0.75);
  1959. transform: translateX(calc(0 - 0%)) translateY(-100%) scale(0.75); }
  1960. 33% {
  1961. -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.70173, 0.49582);
  1962. animation-timing-function: cubic-bezier(0.5, 0, 0.70173, 0.49582);
  1963. -webkit-transform: translateX(calc(4% - 0%)) translateY(-100%) scale(0.75);
  1964. transform: translateX(calc(4% - 0%)) translateY(-100%) scale(0.75); }
  1965. 66% {
  1966. -webkit-animation-timing-function: cubic-bezier(0.30244, 0.38135, 0.55, 0.95635);
  1967. animation-timing-function: cubic-bezier(0.30244, 0.38135, 0.55, 0.95635);
  1968. -webkit-transform: translateX(calc(-4% - 0%)) translateY(-100%) scale(0.75);
  1969. transform: translateX(calc(-4% - 0%)) translateY(-100%) scale(0.75); }
  1970. 100% {
  1971. -webkit-transform: translateX(calc(0 - 0%)) translateY(-100%) scale(0.75);
  1972. transform: translateX(calc(0 - 0%)) translateY(-100%) scale(0.75); } }
  1973. .mdc-form-field {
  1974. font-family: Roboto, sans-serif;
  1975. -moz-osx-font-smoothing: grayscale;
  1976. -webkit-font-smoothing: antialiased;
  1977. font-size: 0.875rem;
  1978. line-height: 1.25rem;
  1979. font-weight: 400;
  1980. letter-spacing: 0.01786em;
  1981. text-decoration: inherit;
  1982. text-transform: inherit;
  1983. color: rgba(0, 0, 0, 0.87);
  1984. /* @alternate */
  1985. color: var(--mdc-theme-text-primary-on-background, rgba(0, 0, 0, 0.87));
  1986. display: inline-flex;
  1987. align-items: center;
  1988. vertical-align: middle; }
  1989. .mdc-form-field > label {
  1990. order: 0;
  1991. margin-right: auto;
  1992. padding-left: 4px; }
  1993. [dir="rtl"] .mdc-form-field > label, .mdc-form-field[dir="rtl"] > label {
  1994. margin-left: auto;
  1995. padding-right: 4px; }
  1996. .mdc-form-field--align-end > label {
  1997. order: -1;
  1998. margin-left: auto;
  1999. padding-right: 4px; }
  2000. [dir="rtl"] .mdc-form-field--align-end > label, .mdc-form-field--align-end[dir="rtl"] > label {
  2001. margin-right: auto;
  2002. padding-left: 4px; }
  2003. .mdc-grid-tile__primary {
  2004. padding-bottom: calc(100% / 1); }
  2005. .mdc-grid-tile {
  2006. margin: 2px 0;
  2007. padding: 0 2px; }
  2008. .mdc-grid-tile__secondary {
  2009. left: 2px;
  2010. width: calc(100% - 4px); }
  2011. .mdc-grid-list__tiles {
  2012. margin: 2px auto; }
  2013. .mdc-grid-list__tiles {
  2014. display: flex;
  2015. flex-flow: row wrap;
  2016. padding: 0; }
  2017. .mdc-grid-list--tile-gutter-1 .mdc-grid-tile {
  2018. margin: 0.5px 0;
  2019. padding: 0 0.5px; }
  2020. .mdc-grid-list--tile-gutter-1 .mdc-grid-tile__secondary {
  2021. left: 0.5px;
  2022. width: calc(100% - 1px); }
  2023. .mdc-grid-list--tile-gutter-1 .mdc-grid-list__tiles {
  2024. margin: 0.5px auto; }
  2025. .mdc-grid-list--tile-aspect-16x9 .mdc-grid-tile__primary {
  2026. padding-bottom: calc(100% / 1.77778); }
  2027. .mdc-grid-list--tile-aspect-3x2 .mdc-grid-tile__primary {
  2028. padding-bottom: calc(100% / 1.5); }
  2029. .mdc-grid-list--tile-aspect-2x3 .mdc-grid-tile__primary {
  2030. padding-bottom: calc(100% / 0.66667); }
  2031. .mdc-grid-list--tile-aspect-4x3 .mdc-grid-tile__primary {
  2032. padding-bottom: calc(100% / 1.33333); }
  2033. .mdc-grid-list--tile-aspect-3x4 .mdc-grid-tile__primary {
  2034. padding-bottom: calc(100% / 0.75); }
  2035. .mdc-grid-tile {
  2036. display: block;
  2037. position: relative;
  2038. /* @alternate */
  2039. width: 200px;
  2040. width: var(--mdc-grid-list-tile-width, 200px); }
  2041. .mdc-grid-tile__primary {
  2042. background-color: #fff;
  2043. /* @alternate */
  2044. background-color: var(--mdc-theme-background, #fff);
  2045. color: rgba(0, 0, 0, 0.87);
  2046. /* @alternate */
  2047. color: var(--mdc-theme-text-primary-on-background, rgba(0, 0, 0, 0.87));
  2048. position: relative;
  2049. height: 0; }
  2050. .mdc-grid-tile__primary-content {
  2051. position: absolute;
  2052. top: 0;
  2053. right: 0;
  2054. bottom: 0;
  2055. left: 0;
  2056. width: 100%;
  2057. height: 100%;
  2058. background-repeat: no-repeat;
  2059. background-position: center;
  2060. background-size: cover; }
  2061. .mdc-grid-tile__secondary {
  2062. background-color: #6200ee;
  2063. /* @alternate */
  2064. background-color: var(--mdc-theme-primary, #6200ee);
  2065. color: #fff;
  2066. /* @alternate */
  2067. color: var(--mdc-theme-on-primary, #fff);
  2068. position: absolute;
  2069. bottom: 0;
  2070. box-sizing: border-box;
  2071. height: 48px;
  2072. padding: 16px; }
  2073. .mdc-grid-tile__title {
  2074. text-overflow: ellipsis;
  2075. white-space: nowrap;
  2076. overflow: hidden;
  2077. display: block;
  2078. margin: 0;
  2079. padding: 0;
  2080. font-size: 1rem;
  2081. font-weight: 500;
  2082. line-height: 1rem; }
  2083. .mdc-grid-tile__support-text {
  2084. font-family: Roboto, sans-serif;
  2085. -moz-osx-font-smoothing: grayscale;
  2086. -webkit-font-smoothing: antialiased;
  2087. font-size: 1rem;
  2088. line-height: 1.75rem;
  2089. font-weight: 400;
  2090. letter-spacing: 0.00937em;
  2091. text-decoration: inherit;
  2092. text-transform: inherit;
  2093. text-overflow: ellipsis;
  2094. white-space: nowrap;
  2095. overflow: hidden;
  2096. display: block;
  2097. margin: 0;
  2098. margin-top: 4px;
  2099. padding: 0; }
  2100. .mdc-grid-tile__icon {
  2101. position: absolute;
  2102. top: calc(50% - 24px / 2);
  2103. font-size: 0; }
  2104. .mdc-grid-list--twoline-caption .mdc-grid-tile__secondary {
  2105. height: 68px; }
  2106. .mdc-grid-list--header-caption .mdc-grid-tile__secondary {
  2107. top: 0;
  2108. bottom: auto; }
  2109. .mdc-grid-list--with-icon-align-start .mdc-grid-tile__secondary {
  2110. /* @noflip */
  2111. padding-left: 56px;
  2112. /* @noflip */
  2113. padding-right: 8px; }
  2114. .mdc-grid-list[dir="rtl"] .mdc-grid-list--with-icon-align-start .mdc-grid-tile__secondary,
  2115. [dir="rtl"] .mdc-grid-list .mdc-grid-list--with-icon-align-start .mdc-grid-tile__secondary {
  2116. /* @noflip */
  2117. padding-left: 8px;
  2118. /* @noflip */
  2119. padding-right: 56px; }
  2120. .mdc-grid-list--with-icon-align-start .mdc-grid-tile__icon {
  2121. /* @noflip */
  2122. left: 16px;
  2123. /* @noflip */
  2124. right: initial;
  2125. font-size: 24px; }
  2126. .mdc-grid-list[dir="rtl"] .mdc-grid-list--with-icon-align-start .mdc-grid-tile__icon,
  2127. [dir="rtl"] .mdc-grid-list .mdc-grid-list--with-icon-align-start .mdc-grid-tile__icon {
  2128. /* @noflip */
  2129. left: initial;
  2130. /* @noflip */
  2131. right: 16px; }
  2132. .mdc-grid-list--with-icon-align-end .mdc-grid-tile__secondary {
  2133. /* @noflip */
  2134. padding-left: 16px;
  2135. /* @noflip */
  2136. padding-right: 56px; }
  2137. .mdc-grid-list[dir="rtl"] .mdc-grid-list--with-icon-align-end .mdc-grid-tile__secondary,
  2138. [dir="rtl"] .mdc-grid-list .mdc-grid-list--with-icon-align-end .mdc-grid-tile__secondary {
  2139. /* @noflip */
  2140. padding-left: 56px;
  2141. /* @noflip */
  2142. padding-right: 16px; }
  2143. .mdc-grid-list--with-icon-align-end .mdc-grid-tile__icon {
  2144. /* @noflip */
  2145. left: initial;
  2146. /* @noflip */
  2147. right: 16px;
  2148. font-size: 24px; }
  2149. .mdc-grid-list[dir="rtl"] .mdc-grid-list--with-icon-align-end .mdc-grid-tile__icon,
  2150. [dir="rtl"] .mdc-grid-list .mdc-grid-list--with-icon-align-end .mdc-grid-tile__icon {
  2151. /* @noflip */
  2152. left: 16px;
  2153. /* @noflip */
  2154. right: initial; }
  2155. .mdc-icon-button {
  2156. --mdc-ripple-fg-size: 0;
  2157. --mdc-ripple-left: 0;
  2158. --mdc-ripple-top: 0;
  2159. --mdc-ripple-fg-scale: 1;
  2160. --mdc-ripple-fg-translate-end: 0;
  2161. --mdc-ripple-fg-translate-start: 0;
  2162. -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  2163. will-change: transform, opacity;
  2164. width: 48px;
  2165. height: 48px;
  2166. padding: 12px;
  2167. font-size: 24px;
  2168. display: inline-block;
  2169. position: relative;
  2170. box-sizing: border-box;
  2171. border: none;
  2172. outline: none;
  2173. background-color: transparent;
  2174. fill: currentColor;
  2175. color: inherit;
  2176. text-decoration: none;
  2177. cursor: pointer;
  2178. -webkit-user-select: none;
  2179. -moz-user-select: none;
  2180. -ms-user-select: none;
  2181. user-select: none; }
  2182. .mdc-icon-button::before, .mdc-icon-button::after {
  2183. position: absolute;
  2184. border-radius: 50%;
  2185. opacity: 0;
  2186. pointer-events: none;
  2187. content: ""; }
  2188. .mdc-icon-button::before {
  2189. transition: opacity 15ms linear;
  2190. z-index: 1; }
  2191. .mdc-icon-button.mdc-ripple-upgraded::before {
  2192. -webkit-transform: scale(var(--mdc-ripple-fg-scale, 1));
  2193. transform: scale(var(--mdc-ripple-fg-scale, 1)); }
  2194. .mdc-icon-button.mdc-ripple-upgraded::after {
  2195. top: 0;
  2196. /* @noflip */
  2197. left: 0;
  2198. -webkit-transform: scale(0);
  2199. transform: scale(0);
  2200. -webkit-transform-origin: center center;
  2201. transform-origin: center center; }
  2202. .mdc-icon-button.mdc-ripple-upgraded--unbounded::after {
  2203. top: var(--mdc-ripple-top, 0);
  2204. /* @noflip */
  2205. left: var(--mdc-ripple-left, 0); }
  2206. .mdc-icon-button.mdc-ripple-upgraded--foreground-activation::after {
  2207. -webkit-animation: 225ms mdc-ripple-fg-radius-in forwards, 75ms mdc-ripple-fg-opacity-in forwards;
  2208. animation: 225ms mdc-ripple-fg-radius-in forwards, 75ms mdc-ripple-fg-opacity-in forwards; }
  2209. .mdc-icon-button.mdc-ripple-upgraded--foreground-deactivation::after {
  2210. -webkit-animation: 150ms mdc-ripple-fg-opacity-out;
  2211. animation: 150ms mdc-ripple-fg-opacity-out;
  2212. -webkit-transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
  2213. transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1)); }
  2214. .mdc-icon-button::before, .mdc-icon-button::after {
  2215. top: calc(50% - 50%);
  2216. /* @noflip */
  2217. left: calc(50% - 50%);
  2218. width: 100%;
  2219. height: 100%; }
  2220. .mdc-icon-button.mdc-ripple-upgraded::before, .mdc-icon-button.mdc-ripple-upgraded::after {
  2221. top: var(--mdc-ripple-top, calc(50% - 50%));
  2222. /* @noflip */
  2223. left: var(--mdc-ripple-left, calc(50% - 50%));
  2224. width: var(--mdc-ripple-fg-size, 100%);
  2225. height: var(--mdc-ripple-fg-size, 100%); }
  2226. .mdc-icon-button.mdc-ripple-upgraded::after {
  2227. width: var(--mdc-ripple-fg-size, 100%);
  2228. height: var(--mdc-ripple-fg-size, 100%); }
  2229. .mdc-icon-button svg,
  2230. .mdc-icon-button img {
  2231. width: 24px;
  2232. height: 24px; }
  2233. .mdc-icon-button:disabled {
  2234. color: rgba(0, 0, 0, 0.38);
  2235. /* @alternate */
  2236. color: var(--mdc-theme-text-disabled-on-light, rgba(0, 0, 0, 0.38));
  2237. cursor: default;
  2238. pointer-events: none; }
  2239. .mdc-icon-button::before, .mdc-icon-button::after {
  2240. background-color: black; }
  2241. .mdc-icon-button:hover::before {
  2242. opacity: 0.04; }
  2243. .mdc-icon-button:not(.mdc-ripple-upgraded):focus::before, .mdc-icon-button.mdc-ripple-upgraded--background-focused::before {
  2244. transition-duration: 75ms;
  2245. opacity: 0.12; }
  2246. .mdc-icon-button:not(.mdc-ripple-upgraded)::after {
  2247. transition: opacity 150ms linear; }
  2248. .mdc-icon-button:not(.mdc-ripple-upgraded):active::after {
  2249. transition-duration: 75ms;
  2250. opacity: 0.16; }
  2251. .mdc-icon-button.mdc-ripple-upgraded {
  2252. --mdc-ripple-fg-opacity: 0.16; }
  2253. .mdc-icon-toggle {
  2254. --mdc-ripple-fg-size: 0;
  2255. --mdc-ripple-left: 0;
  2256. --mdc-ripple-top: 0;
  2257. --mdc-ripple-fg-scale: 1;
  2258. --mdc-ripple-fg-translate-end: 0;
  2259. --mdc-ripple-fg-translate-start: 0;
  2260. -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  2261. will-change: transform, opacity;
  2262. color: rgba(0, 0, 0, 0.87);
  2263. /* @alternate */
  2264. color: var(--mdc-theme-text-primary-on-light, rgba(0, 0, 0, 0.87));
  2265. display: flex;
  2266. position: relative;
  2267. align-items: center;
  2268. justify-content: center;
  2269. box-sizing: border-box;
  2270. width: 48px;
  2271. height: 48px;
  2272. padding: 12px;
  2273. outline: none;
  2274. font-size: 1.5rem;
  2275. cursor: pointer;
  2276. -webkit-user-select: none;
  2277. -moz-user-select: none;
  2278. -ms-user-select: none;
  2279. user-select: none;
  2280. /* @alternate */
  2281. will-change: initial; }
  2282. .mdc-icon-toggle::before, .mdc-icon-toggle::after {
  2283. position: absolute;
  2284. border-radius: 50%;
  2285. opacity: 0;
  2286. pointer-events: none;
  2287. content: ""; }
  2288. .mdc-icon-toggle::before {
  2289. transition: opacity 15ms linear;
  2290. z-index: 1; }
  2291. .mdc-icon-toggle.mdc-ripple-upgraded::before {
  2292. -webkit-transform: scale(var(--mdc-ripple-fg-scale, 1));
  2293. transform: scale(var(--mdc-ripple-fg-scale, 1)); }
  2294. .mdc-icon-toggle.mdc-ripple-upgraded::after {
  2295. top: 0;
  2296. /* @noflip */
  2297. left: 0;
  2298. -webkit-transform: scale(0);
  2299. transform: scale(0);
  2300. -webkit-transform-origin: center center;
  2301. transform-origin: center center; }
  2302. .mdc-icon-toggle.mdc-ripple-upgraded--unbounded::after {
  2303. top: var(--mdc-ripple-top, 0);
  2304. /* @noflip */
  2305. left: var(--mdc-ripple-left, 0); }
  2306. .mdc-icon-toggle.mdc-ripple-upgraded--foreground-activation::after {
  2307. -webkit-animation: 225ms mdc-ripple-fg-radius-in forwards, 75ms mdc-ripple-fg-opacity-in forwards;
  2308. animation: 225ms mdc-ripple-fg-radius-in forwards, 75ms mdc-ripple-fg-opacity-in forwards; }
  2309. .mdc-icon-toggle.mdc-ripple-upgraded--foreground-deactivation::after {
  2310. -webkit-animation: 150ms mdc-ripple-fg-opacity-out;
  2311. animation: 150ms mdc-ripple-fg-opacity-out;
  2312. -webkit-transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
  2313. transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1)); }
  2314. .mdc-icon-toggle::before, .mdc-icon-toggle::after {
  2315. top: calc(50% - 50%);
  2316. /* @noflip */
  2317. left: calc(50% - 50%);
  2318. width: 100%;
  2319. height: 100%; }
  2320. .mdc-icon-toggle.mdc-ripple-upgraded::before, .mdc-icon-toggle.mdc-ripple-upgraded::after {
  2321. top: var(--mdc-ripple-top, calc(50% - 50%));
  2322. /* @noflip */
  2323. left: var(--mdc-ripple-left, calc(50% - 50%));
  2324. width: var(--mdc-ripple-fg-size, 100%);
  2325. height: var(--mdc-ripple-fg-size, 100%); }
  2326. .mdc-icon-toggle.mdc-ripple-upgraded::after {
  2327. width: var(--mdc-ripple-fg-size, 100%);
  2328. height: var(--mdc-ripple-fg-size, 100%); }
  2329. .mdc-icon-toggle::before, .mdc-icon-toggle::after {
  2330. background-color: black; }
  2331. .mdc-icon-toggle:hover::before {
  2332. opacity: 0.04; }
  2333. .mdc-icon-toggle:not(.mdc-ripple-upgraded):focus::before, .mdc-icon-toggle.mdc-ripple-upgraded--background-focused::before {
  2334. transition-duration: 75ms;
  2335. opacity: 0.12; }
  2336. .mdc-icon-toggle:not(.mdc-ripple-upgraded)::after {
  2337. transition: opacity 150ms linear; }
  2338. .mdc-icon-toggle:not(.mdc-ripple-upgraded):active::after {
  2339. transition-duration: 75ms;
  2340. opacity: 0.16; }
  2341. .mdc-icon-toggle.mdc-ripple-upgraded {
  2342. --mdc-ripple-fg-opacity: 0.16; }
  2343. .mdc-icon-toggle::after {
  2344. position: absolute;
  2345. border-radius: 50%;
  2346. opacity: 0;
  2347. pointer-events: none;
  2348. content: ""; }
  2349. .mdc-icon-toggle--disabled {
  2350. color: rgba(0, 0, 0, 0.38);
  2351. /* @alternate */
  2352. color: var(--mdc-theme-text-disabled-on-light, rgba(0, 0, 0, 0.38));
  2353. pointer-events: none; }
  2354. .mdc-image-list {
  2355. display: flex;
  2356. flex-wrap: wrap;
  2357. margin: 0 auto;
  2358. padding: 0; }
  2359. .mdc-image-list__item,
  2360. .mdc-image-list__image-aspect-container {
  2361. position: relative;
  2362. box-sizing: border-box; }
  2363. .mdc-image-list__item {
  2364. list-style-type: none; }
  2365. .mdc-image-list__image {
  2366. width: 100%; }
  2367. .mdc-image-list__image-aspect-container .mdc-image-list__image {
  2368. position: absolute;
  2369. top: 0;
  2370. right: 0;
  2371. bottom: 0;
  2372. left: 0;
  2373. height: 100%;
  2374. background-repeat: no-repeat;
  2375. background-position: center;
  2376. background-size: cover; }
  2377. .mdc-image-list__image-aspect-container {
  2378. padding-bottom: calc(100% / 1); }
  2379. .mdc-image-list__supporting {
  2380. color: rgba(0, 0, 0, 0.87);
  2381. /* @alternate */
  2382. color: var(--mdc-theme-text-primary-on-background, rgba(0, 0, 0, 0.87));
  2383. display: flex;
  2384. align-items: center;
  2385. justify-content: space-between;
  2386. box-sizing: border-box;
  2387. padding: 8px 0;
  2388. line-height: 24px; }
  2389. .mdc-image-list__label {
  2390. font-family: Roboto, sans-serif;
  2391. -moz-osx-font-smoothing: grayscale;
  2392. -webkit-font-smoothing: antialiased;
  2393. font-size: 1rem;
  2394. line-height: 1.75rem;
  2395. font-weight: 400;
  2396. letter-spacing: 0.00937em;
  2397. text-decoration: inherit;
  2398. text-transform: inherit;
  2399. text-overflow: ellipsis;
  2400. white-space: nowrap;
  2401. overflow: hidden; }
  2402. .mdc-image-list--with-text-protection .mdc-image-list__supporting {
  2403. position: absolute;
  2404. bottom: 0;
  2405. width: 100%;
  2406. height: 48px;
  2407. padding: 0 16px;
  2408. background: rgba(0, 0, 0, 0.6);
  2409. color: #fff; }
  2410. .mdc-image-list--masonry {
  2411. display: block; }
  2412. .mdc-image-list--masonry .mdc-image-list__item {
  2413. -webkit-column-break-inside: avoid;
  2414. break-inside: avoid-column; }
  2415. .mdc-image-list--masonry .mdc-image-list__image {
  2416. display: block;
  2417. height: auto; }
  2418. :root {
  2419. --mdc-layout-grid-margin-desktop: 24px;
  2420. --mdc-layout-grid-gutter-desktop: 24px;
  2421. --mdc-layout-grid-column-width-desktop: 72px;
  2422. --mdc-layout-grid-margin-tablet: 16px;
  2423. --mdc-layout-grid-gutter-tablet: 16px;
  2424. --mdc-layout-grid-column-width-tablet: 72px;
  2425. --mdc-layout-grid-margin-phone: 16px;
  2426. --mdc-layout-grid-gutter-phone: 16px;
  2427. --mdc-layout-grid-column-width-phone: 72px; }
  2428. @media (min-width: 840px) {
  2429. .mdc-layout-grid {
  2430. box-sizing: border-box;
  2431. margin: 0 auto;
  2432. padding: 24px;
  2433. padding: var(--mdc-layout-grid-margin-desktop, 24px); } }
  2434. @media (min-width: 480px) and (max-width: 839px) {
  2435. .mdc-layout-grid {
  2436. box-sizing: border-box;
  2437. margin: 0 auto;
  2438. padding: 16px;
  2439. padding: var(--mdc-layout-grid-margin-tablet, 16px); } }
  2440. @media (max-width: 479px) {
  2441. .mdc-layout-grid {
  2442. box-sizing: border-box;
  2443. margin: 0 auto;
  2444. padding: 16px;
  2445. padding: var(--mdc-layout-grid-margin-phone, 16px); } }
  2446. @media (min-width: 840px) {
  2447. .mdc-layout-grid__inner {
  2448. display: flex;
  2449. flex-flow: row wrap;
  2450. align-items: stretch;
  2451. margin: -12px;
  2452. margin: calc(var(--mdc-layout-grid-gutter-desktop, 24px) / 2 * -1); }
  2453. @supports (display: grid) {
  2454. .mdc-layout-grid__inner {
  2455. display: grid;
  2456. margin: 0;
  2457. grid-gap: 24px;
  2458. grid-gap: var(--mdc-layout-grid-gutter-desktop, 24px);
  2459. grid-template-columns: repeat(12, minmax(0, 1fr)); } } }
  2460. @media (min-width: 480px) and (max-width: 839px) {
  2461. .mdc-layout-grid__inner {
  2462. display: flex;
  2463. flex-flow: row wrap;
  2464. align-items: stretch;
  2465. margin: -8px;
  2466. margin: calc(var(--mdc-layout-grid-gutter-tablet, 16px) / 2 * -1); }
  2467. @supports (display: grid) {
  2468. .mdc-layout-grid__inner {
  2469. display: grid;
  2470. margin: 0;
  2471. grid-gap: 16px;
  2472. grid-gap: var(--mdc-layout-grid-gutter-tablet, 16px);
  2473. grid-template-columns: repeat(8, minmax(0, 1fr)); } } }
  2474. @media (max-width: 479px) {
  2475. .mdc-layout-grid__inner {
  2476. display: flex;
  2477. flex-flow: row wrap;
  2478. align-items: stretch;
  2479. margin: -8px;
  2480. margin: calc(var(--mdc-layout-grid-gutter-phone, 16px) / 2 * -1); }
  2481. @supports (display: grid) {
  2482. .mdc-layout-grid__inner {
  2483. display: grid;
  2484. margin: 0;
  2485. grid-gap: 16px;
  2486. grid-gap: var(--mdc-layout-grid-gutter-phone, 16px);
  2487. grid-template-columns: repeat(4, minmax(0, 1fr)); } } }
  2488. @media (min-width: 840px) {
  2489. .mdc-layout-grid__cell {
  2490. width: calc(33.33333% - 24px);
  2491. width: calc(33.33333% - var(--mdc-layout-grid-gutter-desktop, 24px));
  2492. box-sizing: border-box;
  2493. margin: 12px;
  2494. margin: calc(var(--mdc-layout-grid-gutter-desktop, 24px) / 2); }
  2495. @supports (display: grid) {
  2496. .mdc-layout-grid__cell {
  2497. width: auto;
  2498. grid-column-end: span 4; } }
  2499. @supports (display: grid) {
  2500. .mdc-layout-grid__cell {
  2501. margin: 0; } }
  2502. .mdc-layout-grid__cell--span-1,
  2503. .mdc-layout-grid__cell--span-1-desktop {
  2504. width: calc(8.33333% - 24px);
  2505. width: calc(8.33333% - var(--mdc-layout-grid-gutter-desktop, 24px)); }
  2506. @supports (display: grid) {
  2507. .mdc-layout-grid__cell--span-1,
  2508. .mdc-layout-grid__cell--span-1-desktop {
  2509. width: auto;
  2510. grid-column-end: span 1; } }
  2511. .mdc-layout-grid__cell--span-2,
  2512. .mdc-layout-grid__cell--span-2-desktop {
  2513. width: calc(16.66667% - 24px);
  2514. width: calc(16.66667% - var(--mdc-layout-grid-gutter-desktop, 24px)); }
  2515. @supports (display: grid) {
  2516. .mdc-layout-grid__cell--span-2,
  2517. .mdc-layout-grid__cell--span-2-desktop {
  2518. width: auto;
  2519. grid-column-end: span 2; } }
  2520. .mdc-layout-grid__cell--span-3,
  2521. .mdc-layout-grid__cell--span-3-desktop {
  2522. width: calc(25% - 24px);
  2523. width: calc(25% - var(--mdc-layout-grid-gutter-desktop, 24px)); }
  2524. @supports (display: grid) {
  2525. .mdc-layout-grid__cell--span-3,
  2526. .mdc-layout-grid__cell--span-3-desktop {
  2527. width: auto;
  2528. grid-column-end: span 3; } }
  2529. .mdc-layout-grid__cell--span-4,
  2530. .mdc-layout-grid__cell--span-4-desktop {
  2531. width: calc(33.33333% - 24px);
  2532. width: calc(33.33333% - var(--mdc-layout-grid-gutter-desktop, 24px)); }
  2533. @supports (display: grid) {
  2534. .mdc-layout-grid__cell--span-4,
  2535. .mdc-layout-grid__cell--span-4-desktop {
  2536. width: auto;
  2537. grid-column-end: span 4; } }
  2538. .mdc-layout-grid__cell--span-5,
  2539. .mdc-layout-grid__cell--span-5-desktop {
  2540. width: calc(41.66667% - 24px);
  2541. width: calc(41.66667% - var(--mdc-layout-grid-gutter-desktop, 24px)); }
  2542. @supports (display: grid) {
  2543. .mdc-layout-grid__cell--span-5,
  2544. .mdc-layout-grid__cell--span-5-desktop {
  2545. width: auto;
  2546. grid-column-end: span 5; } }
  2547. .mdc-layout-grid__cell--span-6,
  2548. .mdc-layout-grid__cell--span-6-desktop {
  2549. width: calc(50% - 24px);
  2550. width: calc(50% - var(--mdc-layout-grid-gutter-desktop, 24px)); }
  2551. @supports (display: grid) {
  2552. .mdc-layout-grid__cell--span-6,
  2553. .mdc-layout-grid__cell--span-6-desktop {
  2554. width: auto;
  2555. grid-column-end: span 6; } }
  2556. .mdc-layout-grid__cell--span-7,
  2557. .mdc-layout-grid__cell--span-7-desktop {
  2558. width: calc(58.33333% - 24px);
  2559. width: calc(58.33333% - var(--mdc-layout-grid-gutter-desktop, 24px)); }
  2560. @supports (display: grid) {
  2561. .mdc-layout-grid__cell--span-7,
  2562. .mdc-layout-grid__cell--span-7-desktop {
  2563. width: auto;
  2564. grid-column-end: span 7; } }
  2565. .mdc-layout-grid__cell--span-8,
  2566. .mdc-layout-grid__cell--span-8-desktop {
  2567. width: calc(66.66667% - 24px);
  2568. width: calc(66.66667% - var(--mdc-layout-grid-gutter-desktop, 24px)); }
  2569. @supports (display: grid) {
  2570. .mdc-layout-grid__cell--span-8,
  2571. .mdc-layout-grid__cell--span-8-desktop {
  2572. width: auto;
  2573. grid-column-end: span 8; } }
  2574. .mdc-layout-grid__cell--span-9,
  2575. .mdc-layout-grid__cell--span-9-desktop {
  2576. width: calc(75% - 24px);
  2577. width: calc(75% - var(--mdc-layout-grid-gutter-desktop, 24px)); }
  2578. @supports (display: grid) {
  2579. .mdc-layout-grid__cell--span-9,
  2580. .mdc-layout-grid__cell--span-9-desktop {
  2581. width: auto;
  2582. grid-column-end: span 9; } }
  2583. .mdc-layout-grid__cell--span-10,
  2584. .mdc-layout-grid__cell--span-10-desktop {
  2585. width: calc(83.33333% - 24px);
  2586. width: calc(83.33333% - var(--mdc-layout-grid-gutter-desktop, 24px)); }
  2587. @supports (display: grid) {
  2588. .mdc-layout-grid__cell--span-10,
  2589. .mdc-layout-grid__cell--span-10-desktop {
  2590. width: auto;
  2591. grid-column-end: span 10; } }
  2592. .mdc-layout-grid__cell--span-11,
  2593. .mdc-layout-grid__cell--span-11-desktop {
  2594. width: calc(91.66667% - 24px);
  2595. width: calc(91.66667% - var(--mdc-layout-grid-gutter-desktop, 24px)); }
  2596. @supports (display: grid) {
  2597. .mdc-layout-grid__cell--span-11,
  2598. .mdc-layout-grid__cell--span-11-desktop {
  2599. width: auto;
  2600. grid-column-end: span 11; } }
  2601. .mdc-layout-grid__cell--span-12,
  2602. .mdc-layout-grid__cell--span-12-desktop {
  2603. width: calc(100% - 24px);
  2604. width: calc(100% - var(--mdc-layout-grid-gutter-desktop, 24px)); }
  2605. @supports (display: grid) {
  2606. .mdc-layout-grid__cell--span-12,
  2607. .mdc-layout-grid__cell--span-12-desktop {
  2608. width: auto;
  2609. grid-column-end: span 12; } } }
  2610. @media (min-width: 480px) and (max-width: 839px) {
  2611. .mdc-layout-grid__cell {
  2612. width: calc(50% - 16px);
  2613. width: calc(50% - var(--mdc-layout-grid-gutter-tablet, 16px));
  2614. box-sizing: border-box;
  2615. margin: 8px;
  2616. margin: calc(var(--mdc-layout-grid-gutter-tablet, 16px) / 2); }
  2617. @supports (display: grid) {
  2618. .mdc-layout-grid__cell {
  2619. width: auto;
  2620. grid-column-end: span 4; } }
  2621. @supports (display: grid) {
  2622. .mdc-layout-grid__cell {
  2623. margin: 0; } }
  2624. .mdc-layout-grid__cell--span-1,
  2625. .mdc-layout-grid__cell--span-1-tablet {
  2626. width: calc(12.5% - 16px);
  2627. width: calc(12.5% - var(--mdc-layout-grid-gutter-tablet, 16px)); }
  2628. @supports (display: grid) {
  2629. .mdc-layout-grid__cell--span-1,
  2630. .mdc-layout-grid__cell--span-1-tablet {
  2631. width: auto;
  2632. grid-column-end: span 1; } }
  2633. .mdc-layout-grid__cell--span-2,
  2634. .mdc-layout-grid__cell--span-2-tablet {
  2635. width: calc(25% - 16px);
  2636. width: calc(25% - var(--mdc-layout-grid-gutter-tablet, 16px)); }
  2637. @supports (display: grid) {
  2638. .mdc-layout-grid__cell--span-2,
  2639. .mdc-layout-grid__cell--span-2-tablet {
  2640. width: auto;
  2641. grid-column-end: span 2; } }
  2642. .mdc-layout-grid__cell--span-3,
  2643. .mdc-layout-grid__cell--span-3-tablet {
  2644. width: calc(37.5% - 16px);
  2645. width: calc(37.5% - var(--mdc-layout-grid-gutter-tablet, 16px)); }
  2646. @supports (display: grid) {
  2647. .mdc-layout-grid__cell--span-3,
  2648. .mdc-layout-grid__cell--span-3-tablet {
  2649. width: auto;
  2650. grid-column-end: span 3; } }
  2651. .mdc-layout-grid__cell--span-4,
  2652. .mdc-layout-grid__cell--span-4-tablet {
  2653. width: calc(50% - 16px);
  2654. width: calc(50% - var(--mdc-layout-grid-gutter-tablet, 16px)); }
  2655. @supports (display: grid) {
  2656. .mdc-layout-grid__cell--span-4,
  2657. .mdc-layout-grid__cell--span-4-tablet {
  2658. width: auto;
  2659. grid-column-end: span 4; } }
  2660. .mdc-layout-grid__cell--span-5,
  2661. .mdc-layout-grid__cell--span-5-tablet {
  2662. width: calc(62.5% - 16px);
  2663. width: calc(62.5% - var(--mdc-layout-grid-gutter-tablet, 16px)); }
  2664. @supports (display: grid) {
  2665. .mdc-layout-grid__cell--span-5,
  2666. .mdc-layout-grid__cell--span-5-tablet {
  2667. width: auto;
  2668. grid-column-end: span 5; } }
  2669. .mdc-layout-grid__cell--span-6,
  2670. .mdc-layout-grid__cell--span-6-tablet {
  2671. width: calc(75% - 16px);
  2672. width: calc(75% - var(--mdc-layout-grid-gutter-tablet, 16px)); }
  2673. @supports (display: grid) {
  2674. .mdc-layout-grid__cell--span-6,
  2675. .mdc-layout-grid__cell--span-6-tablet {
  2676. width: auto;
  2677. grid-column-end: span 6; } }
  2678. .mdc-layout-grid__cell--span-7,
  2679. .mdc-layout-grid__cell--span-7-tablet {
  2680. width: calc(87.5% - 16px);
  2681. width: calc(87.5% - var(--mdc-layout-grid-gutter-tablet, 16px)); }
  2682. @supports (display: grid) {
  2683. .mdc-layout-grid__cell--span-7,
  2684. .mdc-layout-grid__cell--span-7-tablet {
  2685. width: auto;
  2686. grid-column-end: span 7; } }
  2687. .mdc-layout-grid__cell--span-8,
  2688. .mdc-layout-grid__cell--span-8-tablet {
  2689. width: calc(100% - 16px);
  2690. width: calc(100% - var(--mdc-layout-grid-gutter-tablet, 16px)); }
  2691. @supports (display: grid) {
  2692. .mdc-layout-grid__cell--span-8,
  2693. .mdc-layout-grid__cell--span-8-tablet {
  2694. width: auto;
  2695. grid-column-end: span 8; } }
  2696. .mdc-layout-grid__cell--span-9,
  2697. .mdc-layout-grid__cell--span-9-tablet {
  2698. width: calc(100% - 16px);
  2699. width: calc(100% - var(--mdc-layout-grid-gutter-tablet, 16px)); }
  2700. @supports (display: grid) {
  2701. .mdc-layout-grid__cell--span-9,
  2702. .mdc-layout-grid__cell--span-9-tablet {
  2703. width: auto;
  2704. grid-column-end: span 8; } }
  2705. .mdc-layout-grid__cell--span-10,
  2706. .mdc-layout-grid__cell--span-10-tablet {
  2707. width: calc(100% - 16px);
  2708. width: calc(100% - var(--mdc-layout-grid-gutter-tablet, 16px)); }
  2709. @supports (display: grid) {
  2710. .mdc-layout-grid__cell--span-10,
  2711. .mdc-layout-grid__cell--span-10-tablet {
  2712. width: auto;
  2713. grid-column-end: span 8; } }
  2714. .mdc-layout-grid__cell--span-11,
  2715. .mdc-layout-grid__cell--span-11-tablet {
  2716. width: calc(100% - 16px);
  2717. width: calc(100% - var(--mdc-layout-grid-gutter-tablet, 16px)); }
  2718. @supports (display: grid) {
  2719. .mdc-layout-grid__cell--span-11,
  2720. .mdc-layout-grid__cell--span-11-tablet {
  2721. width: auto;
  2722. grid-column-end: span 8; } }
  2723. .mdc-layout-grid__cell--span-12,
  2724. .mdc-layout-grid__cell--span-12-tablet {
  2725. width: calc(100% - 16px);
  2726. width: calc(100% - var(--mdc-layout-grid-gutter-tablet, 16px)); }
  2727. @supports (display: grid) {
  2728. .mdc-layout-grid__cell--span-12,
  2729. .mdc-layout-grid__cell--span-12-tablet {
  2730. width: auto;
  2731. grid-column-end: span 8; } } }
  2732. @media (max-width: 479px) {
  2733. .mdc-layout-grid__cell {
  2734. width: calc(100% - 16px);
  2735. width: calc(100% - var(--mdc-layout-grid-gutter-phone, 16px));
  2736. box-sizing: border-box;
  2737. margin: 8px;
  2738. margin: calc(var(--mdc-layout-grid-gutter-phone, 16px) / 2); }
  2739. @supports (display: grid) {
  2740. .mdc-layout-grid__cell {
  2741. width: auto;
  2742. grid-column-end: span 4; } }
  2743. @supports (display: grid) {
  2744. .mdc-layout-grid__cell {
  2745. margin: 0; } }
  2746. .mdc-layout-grid__cell--span-1,
  2747. .mdc-layout-grid__cell--span-1-phone {
  2748. width: calc(25% - 16px);
  2749. width: calc(25% - var(--mdc-layout-grid-gutter-phone, 16px)); }
  2750. @supports (display: grid) {
  2751. .mdc-layout-grid__cell--span-1,
  2752. .mdc-layout-grid__cell--span-1-phone {
  2753. width: auto;
  2754. grid-column-end: span 1; } }
  2755. .mdc-layout-grid__cell--span-2,
  2756. .mdc-layout-grid__cell--span-2-phone {
  2757. width: calc(50% - 16px);
  2758. width: calc(50% - var(--mdc-layout-grid-gutter-phone, 16px)); }
  2759. @supports (display: grid) {
  2760. .mdc-layout-grid__cell--span-2,
  2761. .mdc-layout-grid__cell--span-2-phone {
  2762. width: auto;
  2763. grid-column-end: span 2; } }
  2764. .mdc-layout-grid__cell--span-3,
  2765. .mdc-layout-grid__cell--span-3-phone {
  2766. width: calc(75% - 16px);
  2767. width: calc(75% - var(--mdc-layout-grid-gutter-phone, 16px)); }
  2768. @supports (display: grid) {
  2769. .mdc-layout-grid__cell--span-3,
  2770. .mdc-layout-grid__cell--span-3-phone {
  2771. width: auto;
  2772. grid-column-end: span 3; } }
  2773. .mdc-layout-grid__cell--span-4,
  2774. .mdc-layout-grid__cell--span-4-phone {
  2775. width: calc(100% - 16px);
  2776. width: calc(100% - var(--mdc-layout-grid-gutter-phone, 16px)); }
  2777. @supports (display: grid) {
  2778. .mdc-layout-grid__cell--span-4,
  2779. .mdc-layout-grid__cell--span-4-phone {
  2780. width: auto;
  2781. grid-column-end: span 4; } }
  2782. .mdc-layout-grid__cell--span-5,
  2783. .mdc-layout-grid__cell--span-5-phone {
  2784. width: calc(100% - 16px);
  2785. width: calc(100% - var(--mdc-layout-grid-gutter-phone, 16px)); }
  2786. @supports (display: grid) {
  2787. .mdc-layout-grid__cell--span-5,
  2788. .mdc-layout-grid__cell--span-5-phone {
  2789. width: auto;
  2790. grid-column-end: span 4; } }
  2791. .mdc-layout-grid__cell--span-6,
  2792. .mdc-layout-grid__cell--span-6-phone {
  2793. width: calc(100% - 16px);
  2794. width: calc(100% - var(--mdc-layout-grid-gutter-phone, 16px)); }
  2795. @supports (display: grid) {
  2796. .mdc-layout-grid__cell--span-6,
  2797. .mdc-layout-grid__cell--span-6-phone {
  2798. width: auto;
  2799. grid-column-end: span 4; } }
  2800. .mdc-layout-grid__cell--span-7,
  2801. .mdc-layout-grid__cell--span-7-phone {
  2802. width: calc(100% - 16px);
  2803. width: calc(100% - var(--mdc-layout-grid-gutter-phone, 16px)); }
  2804. @supports (display: grid) {
  2805. .mdc-layout-grid__cell--span-7,
  2806. .mdc-layout-grid__cell--span-7-phone {
  2807. width: auto;
  2808. grid-column-end: span 4; } }
  2809. .mdc-layout-grid__cell--span-8,
  2810. .mdc-layout-grid__cell--span-8-phone {
  2811. width: calc(100% - 16px);
  2812. width: calc(100% - var(--mdc-layout-grid-gutter-phone, 16px)); }
  2813. @supports (display: grid) {
  2814. .mdc-layout-grid__cell--span-8,
  2815. .mdc-layout-grid__cell--span-8-phone {
  2816. width: auto;
  2817. grid-column-end: span 4; } }
  2818. .mdc-layout-grid__cell--span-9,
  2819. .mdc-layout-grid__cell--span-9-phone {
  2820. width: calc(100% - 16px);
  2821. width: calc(100% - var(--mdc-layout-grid-gutter-phone, 16px)); }
  2822. @supports (display: grid) {
  2823. .mdc-layout-grid__cell--span-9,
  2824. .mdc-layout-grid__cell--span-9-phone {
  2825. width: auto;
  2826. grid-column-end: span 4; } }
  2827. .mdc-layout-grid__cell--span-10,
  2828. .mdc-layout-grid__cell--span-10-phone {
  2829. width: calc(100% - 16px);
  2830. width: calc(100% - var(--mdc-layout-grid-gutter-phone, 16px)); }
  2831. @supports (display: grid) {
  2832. .mdc-layout-grid__cell--span-10,
  2833. .mdc-layout-grid__cell--span-10-phone {
  2834. width: auto;
  2835. grid-column-end: span 4; } }
  2836. .mdc-layout-grid__cell--span-11,
  2837. .mdc-layout-grid__cell--span-11-phone {
  2838. width: calc(100% - 16px);
  2839. width: calc(100% - var(--mdc-layout-grid-gutter-phone, 16px)); }
  2840. @supports (display: grid) {
  2841. .mdc-layout-grid__cell--span-11,
  2842. .mdc-layout-grid__cell--span-11-phone {
  2843. width: auto;
  2844. grid-column-end: span 4; } }
  2845. .mdc-layout-grid__cell--span-12,
  2846. .mdc-layout-grid__cell--span-12-phone {
  2847. width: calc(100% - 16px);
  2848. width: calc(100% - var(--mdc-layout-grid-gutter-phone, 16px)); }
  2849. @supports (display: grid) {
  2850. .mdc-layout-grid__cell--span-12,
  2851. .mdc-layout-grid__cell--span-12-phone {
  2852. width: auto;
  2853. grid-column-end: span 4; } } }
  2854. .mdc-layout-grid__cell--order-1 {
  2855. order: 1; }
  2856. .mdc-layout-grid__cell--order-2 {
  2857. order: 2; }
  2858. .mdc-layout-grid__cell--order-3 {
  2859. order: 3; }
  2860. .mdc-layout-grid__cell--order-4 {
  2861. order: 4; }
  2862. .mdc-layout-grid__cell--order-5 {
  2863. order: 5; }
  2864. .mdc-layout-grid__cell--order-6 {
  2865. order: 6; }
  2866. .mdc-layout-grid__cell--order-7 {
  2867. order: 7; }
  2868. .mdc-layout-grid__cell--order-8 {
  2869. order: 8; }
  2870. .mdc-layout-grid__cell--order-9 {
  2871. order: 9; }
  2872. .mdc-layout-grid__cell--order-10 {
  2873. order: 10; }
  2874. .mdc-layout-grid__cell--order-11 {
  2875. order: 11; }
  2876. .mdc-layout-grid__cell--order-12 {
  2877. order: 12; }
  2878. .mdc-layout-grid__cell--align-top {
  2879. align-self: flex-start; }
  2880. @supports (display: grid) {
  2881. .mdc-layout-grid__cell--align-top {
  2882. align-self: start; } }
  2883. .mdc-layout-grid__cell--align-middle {
  2884. align-self: center; }
  2885. .mdc-layout-grid__cell--align-bottom {
  2886. align-self: flex-end; }
  2887. @supports (display: grid) {
  2888. .mdc-layout-grid__cell--align-bottom {
  2889. align-self: end; } }
  2890. @media (min-width: 840px) {
  2891. .mdc-layout-grid--fixed-column-width {
  2892. width: 1176px;
  2893. 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); } }
  2894. @media (min-width: 480px) and (max-width: 839px) {
  2895. .mdc-layout-grid--fixed-column-width {
  2896. width: 720px;
  2897. 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); } }
  2898. @media (max-width: 479px) {
  2899. .mdc-layout-grid--fixed-column-width {
  2900. width: 368px;
  2901. 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); } }
  2902. .mdc-layout-grid--align-left {
  2903. margin-right: auto;
  2904. margin-left: 0; }
  2905. .mdc-layout-grid--align-right {
  2906. margin-right: 0;
  2907. margin-left: auto; }
  2908. .mdc-line-ripple {
  2909. position: absolute;
  2910. bottom: 0;
  2911. left: 0;
  2912. width: 100%;
  2913. height: 2px;
  2914. -webkit-transform: scaleX(0);
  2915. transform: scaleX(0);
  2916. transition: opacity 180ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 180ms cubic-bezier(0.4, 0, 0.2, 1);
  2917. transition: transform 180ms cubic-bezier(0.4, 0, 0.2, 1), opacity 180ms cubic-bezier(0.4, 0, 0.2, 1);
  2918. 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);
  2919. opacity: 0;
  2920. z-index: 2; }
  2921. .mdc-line-ripple--active {
  2922. -webkit-transform: scaleX(1);
  2923. transform: scaleX(1);
  2924. opacity: 1; }
  2925. .mdc-line-ripple--deactivating {
  2926. opacity: 0; }
  2927. @-webkit-keyframes primary-indeterminate-translate {
  2928. 0% {
  2929. -webkit-transform: translateX(0);
  2930. transform: translateX(0); }
  2931. 20% {
  2932. -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.70173, 0.49582);
  2933. animation-timing-function: cubic-bezier(0.5, 0, 0.70173, 0.49582);
  2934. -webkit-transform: translateX(0);
  2935. transform: translateX(0); }
  2936. 59.15% {
  2937. -webkit-animation-timing-function: cubic-bezier(0.30244, 0.38135, 0.55, 0.95635);
  2938. animation-timing-function: cubic-bezier(0.30244, 0.38135, 0.55, 0.95635);
  2939. -webkit-transform: translateX(83.67142%);
  2940. transform: translateX(83.67142%); }
  2941. 100% {
  2942. -webkit-transform: translateX(200.61106%);
  2943. transform: translateX(200.61106%); } }
  2944. @keyframes primary-indeterminate-translate {
  2945. 0% {
  2946. -webkit-transform: translateX(0);
  2947. transform: translateX(0); }
  2948. 20% {
  2949. -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.70173, 0.49582);
  2950. animation-timing-function: cubic-bezier(0.5, 0, 0.70173, 0.49582);
  2951. -webkit-transform: translateX(0);
  2952. transform: translateX(0); }
  2953. 59.15% {
  2954. -webkit-animation-timing-function: cubic-bezier(0.30244, 0.38135, 0.55, 0.95635);
  2955. animation-timing-function: cubic-bezier(0.30244, 0.38135, 0.55, 0.95635);
  2956. -webkit-transform: translateX(83.67142%);
  2957. transform: translateX(83.67142%); }
  2958. 100% {
  2959. -webkit-transform: translateX(200.61106%);
  2960. transform: translateX(200.61106%); } }
  2961. @-webkit-keyframes primary-indeterminate-scale {
  2962. 0% {
  2963. -webkit-transform: scaleX(0.08);
  2964. transform: scaleX(0.08); }
  2965. 36.65% {
  2966. -webkit-animation-timing-function: cubic-bezier(0.33473, 0.12482, 0.78584, 1);
  2967. animation-timing-function: cubic-bezier(0.33473, 0.12482, 0.78584, 1);
  2968. -webkit-transform: scaleX(0.08);
  2969. transform: scaleX(0.08); }
  2970. 69.15% {
  2971. -webkit-animation-timing-function: cubic-bezier(0.06, 0.11, 0.6, 1);
  2972. animation-timing-function: cubic-bezier(0.06, 0.11, 0.6, 1);
  2973. -webkit-transform: scaleX(0.66148);
  2974. transform: scaleX(0.66148); }
  2975. 100% {
  2976. -webkit-transform: scaleX(0.08);
  2977. transform: scaleX(0.08); } }
  2978. @keyframes primary-indeterminate-scale {
  2979. 0% {
  2980. -webkit-transform: scaleX(0.08);
  2981. transform: scaleX(0.08); }
  2982. 36.65% {
  2983. -webkit-animation-timing-function: cubic-bezier(0.33473, 0.12482, 0.78584, 1);
  2984. animation-timing-function: cubic-bezier(0.33473, 0.12482, 0.78584, 1);
  2985. -webkit-transform: scaleX(0.08);
  2986. transform: scaleX(0.08); }
  2987. 69.15% {
  2988. -webkit-animation-timing-function: cubic-bezier(0.06, 0.11, 0.6, 1);
  2989. animation-timing-function: cubic-bezier(0.06, 0.11, 0.6, 1);
  2990. -webkit-transform: scaleX(0.66148);
  2991. transform: scaleX(0.66148); }
  2992. 100% {
  2993. -webkit-transform: scaleX(0.08);
  2994. transform: scaleX(0.08); } }
  2995. @-webkit-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. @keyframes secondary-indeterminate-translate {
  3015. 0% {
  3016. -webkit-animation-timing-function: cubic-bezier(0.15, 0, 0.51506, 0.40969);
  3017. animation-timing-function: cubic-bezier(0.15, 0, 0.51506, 0.40969);
  3018. -webkit-transform: translateX(0);
  3019. transform: translateX(0); }
  3020. 25% {
  3021. -webkit-animation-timing-function: cubic-bezier(0.31033, 0.28406, 0.8, 0.73371);
  3022. animation-timing-function: cubic-bezier(0.31033, 0.28406, 0.8, 0.73371);
  3023. -webkit-transform: translateX(37.65191%);
  3024. transform: translateX(37.65191%); }
  3025. 48.35% {
  3026. -webkit-animation-timing-function: cubic-bezier(0.4, 0.62704, 0.6, 0.90203);
  3027. animation-timing-function: cubic-bezier(0.4, 0.62704, 0.6, 0.90203);
  3028. -webkit-transform: translateX(84.38617%);
  3029. transform: translateX(84.38617%); }
  3030. 100% {
  3031. -webkit-transform: translateX(160.27778%);
  3032. transform: translateX(160.27778%); } }
  3033. @-webkit-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. @keyframes secondary-indeterminate-scale {
  3053. 0% {
  3054. -webkit-animation-timing-function: cubic-bezier(0.20503, 0.05705, 0.57661, 0.45397);
  3055. animation-timing-function: cubic-bezier(0.20503, 0.05705, 0.57661, 0.45397);
  3056. -webkit-transform: scaleX(0.08);
  3057. transform: scaleX(0.08); }
  3058. 19.15% {
  3059. -webkit-animation-timing-function: cubic-bezier(0.15231, 0.19643, 0.64837, 1.00432);
  3060. animation-timing-function: cubic-bezier(0.15231, 0.19643, 0.64837, 1.00432);
  3061. -webkit-transform: scaleX(0.4571);
  3062. transform: scaleX(0.4571); }
  3063. 44.15% {
  3064. -webkit-animation-timing-function: cubic-bezier(0.25776, -0.00316, 0.21176, 1.38179);
  3065. animation-timing-function: cubic-bezier(0.25776, -0.00316, 0.21176, 1.38179);
  3066. -webkit-transform: scaleX(0.72796);
  3067. transform: scaleX(0.72796); }
  3068. 100% {
  3069. -webkit-transform: scaleX(0.08);
  3070. transform: scaleX(0.08); } }
  3071. @-webkit-keyframes buffering {
  3072. to {
  3073. -webkit-transform: translateX(-10px);
  3074. transform: translateX(-10px); } }
  3075. @keyframes buffering {
  3076. to {
  3077. -webkit-transform: translateX(-10px);
  3078. transform: translateX(-10px); } }
  3079. @-webkit-keyframes primary-indeterminate-translate-reverse {
  3080. 0% {
  3081. -webkit-transform: translateX(0);
  3082. transform: translateX(0); }
  3083. 20% {
  3084. -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.70173, 0.49582);
  3085. animation-timing-function: cubic-bezier(0.5, 0, 0.70173, 0.49582);
  3086. -webkit-transform: translateX(0);
  3087. transform: translateX(0); }
  3088. 59.15% {
  3089. -webkit-animation-timing-function: cubic-bezier(0.30244, 0.38135, 0.55, 0.95635);
  3090. animation-timing-function: cubic-bezier(0.30244, 0.38135, 0.55, 0.95635);
  3091. -webkit-transform: translateX(-83.67142%);
  3092. transform: translateX(-83.67142%); }
  3093. 100% {
  3094. -webkit-transform: translateX(-200.61106%);
  3095. transform: translateX(-200.61106%); } }
  3096. @keyframes primary-indeterminate-translate-reverse {
  3097. 0% {
  3098. -webkit-transform: translateX(0);
  3099. transform: translateX(0); }
  3100. 20% {
  3101. -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.70173, 0.49582);
  3102. animation-timing-function: cubic-bezier(0.5, 0, 0.70173, 0.49582);
  3103. -webkit-transform: translateX(0);
  3104. transform: translateX(0); }
  3105. 59.15% {
  3106. -webkit-animation-timing-function: cubic-bezier(0.30244, 0.38135, 0.55, 0.95635);
  3107. animation-timing-function: cubic-bezier(0.30244, 0.38135, 0.55, 0.95635);
  3108. -webkit-transform: translateX(-83.67142%);
  3109. transform: translateX(-83.67142%); }
  3110. 100% {
  3111. -webkit-transform: translateX(-200.61106%);
  3112. transform: translateX(-200.61106%); } }
  3113. @-webkit-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. @keyframes secondary-indeterminate-translate-reverse {
  3133. 0% {
  3134. -webkit-animation-timing-function: cubic-bezier(0.15, 0, 0.51506, 0.40969);
  3135. animation-timing-function: cubic-bezier(0.15, 0, 0.51506, 0.40969);
  3136. -webkit-transform: translateX(0);
  3137. transform: translateX(0); }
  3138. 25% {
  3139. -webkit-animation-timing-function: cubic-bezier(0.31033, 0.28406, 0.8, 0.73371);
  3140. animation-timing-function: cubic-bezier(0.31033, 0.28406, 0.8, 0.73371);
  3141. -webkit-transform: translateX(-37.65191%);
  3142. transform: translateX(-37.65191%); }
  3143. 48.35% {
  3144. -webkit-animation-timing-function: cubic-bezier(0.4, 0.62704, 0.6, 0.90203);
  3145. animation-timing-function: cubic-bezier(0.4, 0.62704, 0.6, 0.90203);
  3146. -webkit-transform: translateX(-84.38617%);
  3147. transform: translateX(-84.38617%); }
  3148. 100% {
  3149. -webkit-transform: translateX(-160.27778%);
  3150. transform: translateX(-160.27778%); } }
  3151. @-webkit-keyframes buffering-reverse {
  3152. to {
  3153. -webkit-transform: translateX(10px);
  3154. transform: translateX(10px); } }
  3155. @keyframes buffering-reverse {
  3156. to {
  3157. -webkit-transform: translateX(10px);
  3158. transform: translateX(10px); } }
  3159. .mdc-linear-progress {
  3160. position: relative;
  3161. width: 100%;
  3162. height: 4px;
  3163. -webkit-transform: translateZ(0);
  3164. transform: translateZ(0);
  3165. transition: opacity 250ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
  3166. overflow: hidden; }
  3167. .mdc-linear-progress__bar {
  3168. position: absolute;
  3169. width: 100%;
  3170. height: 100%;
  3171. -webkit-animation: none;
  3172. animation: none;
  3173. -webkit-transform-origin: top left;
  3174. transform-origin: top left;
  3175. transition: -webkit-transform 250ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
  3176. transition: transform 250ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
  3177. transition: transform 250ms 0ms cubic-bezier(0.4, 0, 0.6, 1), -webkit-transform 250ms 0ms cubic-bezier(0.4, 0, 0.6, 1); }
  3178. .mdc-linear-progress__bar-inner {
  3179. display: inline-block;
  3180. position: absolute;
  3181. width: 100%;
  3182. height: 100%;
  3183. -webkit-animation: none;
  3184. animation: none; }
  3185. .mdc-linear-progress__buffering-dots {
  3186. position: absolute;
  3187. width: 100%;
  3188. height: 100%;
  3189. -webkit-animation: buffering 250ms infinite linear;
  3190. animation: buffering 250ms infinite linear;
  3191. background-repeat: repeat-x;
  3192. background-size: 10px 4px; }
  3193. .mdc-linear-progress__buffer {
  3194. position: absolute;
  3195. width: 100%;
  3196. height: 100%;
  3197. -webkit-transform-origin: top left;
  3198. transform-origin: top left;
  3199. transition: -webkit-transform 250ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
  3200. transition: transform 250ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
  3201. transition: transform 250ms 0ms cubic-bezier(0.4, 0, 0.6, 1), -webkit-transform 250ms 0ms cubic-bezier(0.4, 0, 0.6, 1); }
  3202. .mdc-linear-progress__primary-bar {
  3203. -webkit-transform: scaleX(0);
  3204. transform: scaleX(0); }
  3205. .mdc-linear-progress__secondary-bar {
  3206. visibility: hidden; }
  3207. .mdc-linear-progress--indeterminate .mdc-linear-progress__bar {
  3208. transition: none; }
  3209. .mdc-linear-progress--indeterminate .mdc-linear-progress__primary-bar {
  3210. left: -145.166611%;
  3211. -webkit-animation: primary-indeterminate-translate 2s infinite linear;
  3212. animation: primary-indeterminate-translate 2s infinite linear; }
  3213. .mdc-linear-progress--indeterminate .mdc-linear-progress__primary-bar > .mdc-linear-progress__bar-inner {
  3214. -webkit-animation: primary-indeterminate-scale 2s infinite linear;
  3215. animation: primary-indeterminate-scale 2s infinite linear; }
  3216. .mdc-linear-progress--indeterminate .mdc-linear-progress__secondary-bar {
  3217. left: -54.888891%;
  3218. -webkit-animation: secondary-indeterminate-translate 2s infinite linear;
  3219. animation: secondary-indeterminate-translate 2s infinite linear;
  3220. visibility: visible; }
  3221. .mdc-linear-progress--indeterminate .mdc-linear-progress__secondary-bar > .mdc-linear-progress__bar-inner {
  3222. -webkit-animation: secondary-indeterminate-scale 2s infinite linear;
  3223. animation: secondary-indeterminate-scale 2s infinite linear; }
  3224. .mdc-linear-progress--reversed .mdc-linear-progress__bar,
  3225. .mdc-linear-progress--reversed .mdc-linear-progress__buffer {
  3226. right: 0;
  3227. -webkit-transform-origin: center right;
  3228. transform-origin: center right; }
  3229. .mdc-linear-progress--reversed .mdc-linear-progress__primary-bar {
  3230. -webkit-animation-name: primary-indeterminate-translate-reverse;
  3231. animation-name: primary-indeterminate-translate-reverse; }
  3232. .mdc-linear-progress--reversed .mdc-linear-progress__secondary-bar {
  3233. -webkit-animation-name: secondary-indeterminate-translate-reverse;
  3234. animation-name: secondary-indeterminate-translate-reverse; }
  3235. .mdc-linear-progress--reversed .mdc-linear-progress__buffering-dots {
  3236. -webkit-animation: buffering-reverse 250ms infinite linear;
  3237. animation: buffering-reverse 250ms infinite linear; }
  3238. .mdc-linear-progress--closed {
  3239. opacity: 0; }
  3240. .mdc-linear-progress__bar-inner {
  3241. background-color: #6200ee;
  3242. /* @alternate */
  3243. background-color: var(--mdc-theme-primary, #6200ee); }
  3244. .mdc-linear-progress__buffering-dots {
  3245. 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"); }
  3246. .mdc-linear-progress__buffer {
  3247. background-color: #e6e6e6; }
  3248. .mdc-linear-progress--indeterminate.mdc-linear-progress--reversed .mdc-linear-progress__primary-bar {
  3249. right: -145.166611%;
  3250. left: auto; }
  3251. .mdc-linear-progress--indeterminate.mdc-linear-progress--reversed .mdc-linear-progress__secondary-bar {
  3252. right: -54.888891%;
  3253. left: auto; }
  3254. .mdc-list {
  3255. font-family: Roboto, sans-serif;
  3256. -moz-osx-font-smoothing: grayscale;
  3257. -webkit-font-smoothing: antialiased;
  3258. font-size: 1rem;
  3259. line-height: 1.75rem;
  3260. font-weight: 400;
  3261. letter-spacing: 0.00937em;
  3262. text-decoration: inherit;
  3263. text-transform: inherit;
  3264. color: rgba(0, 0, 0, 0.87);
  3265. /* @alternate */
  3266. color: var(--mdc-theme-text-primary-on-background, rgba(0, 0, 0, 0.87));
  3267. margin: 0;
  3268. padding: 8px 0;
  3269. /* @alternate */
  3270. line-height: 1.5rem;
  3271. list-style-type: none; }
  3272. .mdc-list-item__secondary-text {
  3273. color: rgba(0, 0, 0, 0.54);
  3274. /* @alternate */
  3275. color: var(--mdc-theme-text-secondary-on-background, rgba(0, 0, 0, 0.54)); }
  3276. .mdc-list-item__graphic {
  3277. background-color: transparent; }
  3278. .mdc-list-item__graphic {
  3279. color: rgba(0, 0, 0, 0.38);
  3280. /* @alternate */
  3281. color: var(--mdc-theme-text-icon-on-background, rgba(0, 0, 0, 0.38)); }
  3282. .mdc-list-item__meta {
  3283. color: rgba(0, 0, 0, 0.38);
  3284. /* @alternate */
  3285. color: var(--mdc-theme-text-hint-on-background, rgba(0, 0, 0, 0.38)); }
  3286. .mdc-list--dense {
  3287. padding-top: 4px;
  3288. padding-bottom: 4px;
  3289. font-size: .812rem; }
  3290. .mdc-list-item {
  3291. display: flex;
  3292. position: relative;
  3293. align-items: center;
  3294. justify-content: flex-start;
  3295. height: 48px;
  3296. padding: 0 16px;
  3297. overflow: hidden; }
  3298. .mdc-list-item:focus {
  3299. outline: none; }
  3300. .mdc-list-item--selected,
  3301. .mdc-list-item--activated {
  3302. color: #6200ee;
  3303. /* @alternate */
  3304. color: var(--mdc-theme-primary, #6200ee); }
  3305. .mdc-list-item--selected .mdc-list-item__graphic,
  3306. .mdc-list-item--activated .mdc-list-item__graphic {
  3307. color: #6200ee;
  3308. /* @alternate */
  3309. color: var(--mdc-theme-primary, #6200ee); }
  3310. .mdc-list-item--disabled {
  3311. color: rgba(0, 0, 0, 0.38);
  3312. /* @alternate */
  3313. color: var(--mdc-theme-text-disabled-on-background, rgba(0, 0, 0, 0.38)); }
  3314. .mdc-list-item__graphic {
  3315. /* @noflip */
  3316. margin-left: 0;
  3317. /* @noflip */
  3318. margin-right: 32px;
  3319. width: 24px;
  3320. height: 24px;
  3321. display: inline-flex;
  3322. flex-shrink: 0;
  3323. align-items: center;
  3324. justify-content: center; }
  3325. .mdc-list-item[dir="rtl"] .mdc-list-item__graphic,
  3326. [dir="rtl"] .mdc-list-item .mdc-list-item__graphic {
  3327. /* @noflip */
  3328. margin-left: 32px;
  3329. /* @noflip */
  3330. margin-right: 0; }
  3331. .mdc-list-item__meta {
  3332. /* @noflip */
  3333. margin-left: auto;
  3334. /* @noflip */
  3335. margin-right: 0; }
  3336. .mdc-list-item[dir="rtl"] .mdc-list-item__meta,
  3337. [dir="rtl"] .mdc-list-item .mdc-list-item__meta {
  3338. /* @noflip */
  3339. margin-left: 0;
  3340. /* @noflip */
  3341. margin-right: auto; }
  3342. .mdc-list-item__text {
  3343. text-overflow: ellipsis;
  3344. white-space: nowrap;
  3345. overflow: hidden;
  3346. align-self: flex-start; }
  3347. .mdc-list-item__primary-text {
  3348. text-overflow: ellipsis;
  3349. white-space: nowrap;
  3350. overflow: hidden;
  3351. margin-top: 0;
  3352. line-height: normal;
  3353. margin-bottom: -20px;
  3354. display: block; }
  3355. .mdc-list-item__primary-text::before {
  3356. display: inline-block;
  3357. width: 0;
  3358. height: 32px;
  3359. content: "";
  3360. vertical-align: 0; }
  3361. .mdc-list-item__primary-text::after {
  3362. display: inline-block;
  3363. width: 0;
  3364. height: 20px;
  3365. content: "";
  3366. vertical-align: -20px; }
  3367. .mdc-list--dense .mdc-list-item__primary-text {
  3368. margin-top: 0;
  3369. line-height: normal;
  3370. margin-bottom: -20px; }
  3371. .mdc-list--dense .mdc-list-item__primary-text::before {
  3372. display: inline-block;
  3373. width: 0;
  3374. height: 24px;
  3375. content: "";
  3376. vertical-align: 0; }
  3377. .mdc-list--dense .mdc-list-item__primary-text::after {
  3378. display: inline-block;
  3379. width: 0;
  3380. height: 20px;
  3381. content: "";
  3382. vertical-align: -20px; }
  3383. .mdc-list-item__secondary-text {
  3384. font-family: Roboto, sans-serif;
  3385. -moz-osx-font-smoothing: grayscale;
  3386. -webkit-font-smoothing: antialiased;
  3387. font-size: 0.875rem;
  3388. line-height: 1.25rem;
  3389. font-weight: 400;
  3390. letter-spacing: 0.01786em;
  3391. text-decoration: inherit;
  3392. text-transform: inherit;
  3393. text-overflow: ellipsis;
  3394. white-space: nowrap;
  3395. overflow: hidden;
  3396. margin-top: 0;
  3397. line-height: normal;
  3398. display: block; }
  3399. .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__secondary-text {
  3406. margin-top: 0;
  3407. line-height: normal;
  3408. font-size: inherit; }
  3409. .mdc-list--dense .mdc-list-item__secondary-text::before {
  3410. display: inline-block;
  3411. width: 0;
  3412. height: 20px;
  3413. content: "";
  3414. vertical-align: 0; }
  3415. .mdc-list--dense .mdc-list-item {
  3416. height: 40px; }
  3417. .mdc-list--dense .mdc-list-item__graphic {
  3418. /* @noflip */
  3419. margin-left: 0;
  3420. /* @noflip */
  3421. margin-right: 36px;
  3422. width: 20px;
  3423. height: 20px; }
  3424. .mdc-list-item[dir="rtl"] .mdc-list--dense .mdc-list-item__graphic,
  3425. [dir="rtl"] .mdc-list-item .mdc-list--dense .mdc-list-item__graphic {
  3426. /* @noflip */
  3427. margin-left: 36px;
  3428. /* @noflip */
  3429. margin-right: 0; }
  3430. .mdc-list--avatar-list .mdc-list-item {
  3431. height: 56px; }
  3432. .mdc-list--avatar-list .mdc-list-item__graphic {
  3433. /* @noflip */
  3434. margin-left: 0;
  3435. /* @noflip */
  3436. margin-right: 16px;
  3437. width: 40px;
  3438. height: 40px;
  3439. border-radius: 50%; }
  3440. .mdc-list-item[dir="rtl"] .mdc-list--avatar-list .mdc-list-item__graphic,
  3441. [dir="rtl"] .mdc-list-item .mdc-list--avatar-list .mdc-list-item__graphic {
  3442. /* @noflip */
  3443. margin-left: 16px;
  3444. /* @noflip */
  3445. margin-right: 0; }
  3446. .mdc-list--two-line .mdc-list-item {
  3447. height: 72px; }
  3448. .mdc-list--two-line.mdc-list--dense .mdc-list-item {
  3449. height: 60px; }
  3450. .mdc-list--avatar-list.mdc-list--dense .mdc-list-item {
  3451. height: 60px; }
  3452. .mdc-list--avatar-list.mdc-list--dense .mdc-list-item__graphic {
  3453. /* @noflip */
  3454. margin-left: 0;
  3455. /* @noflip */
  3456. margin-right: 20px;
  3457. width: 36px;
  3458. height: 36px; }
  3459. .mdc-list-item[dir="rtl"] .mdc-list--avatar-list.mdc-list--dense .mdc-list-item__graphic,
  3460. [dir="rtl"] .mdc-list-item .mdc-list--avatar-list.mdc-list--dense .mdc-list-item__graphic {
  3461. /* @noflip */
  3462. margin-left: 20px;
  3463. /* @noflip */
  3464. margin-right: 0; }
  3465. :not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item {
  3466. --mdc-ripple-fg-size: 0;
  3467. --mdc-ripple-left: 0;
  3468. --mdc-ripple-top: 0;
  3469. --mdc-ripple-fg-scale: 1;
  3470. --mdc-ripple-fg-translate-end: 0;
  3471. --mdc-ripple-fg-translate-start: 0;
  3472. -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  3473. will-change: transform, opacity; }
  3474. :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 {
  3475. position: absolute;
  3476. border-radius: 50%;
  3477. opacity: 0;
  3478. pointer-events: none;
  3479. content: ""; }
  3480. :not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item::before {
  3481. transition: opacity 15ms linear;
  3482. z-index: 1; }
  3483. :not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item.mdc-ripple-upgraded::before {
  3484. -webkit-transform: scale(var(--mdc-ripple-fg-scale, 1));
  3485. transform: scale(var(--mdc-ripple-fg-scale, 1)); }
  3486. :not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item.mdc-ripple-upgraded::after {
  3487. top: 0;
  3488. /* @noflip */
  3489. left: 0;
  3490. -webkit-transform: scale(0);
  3491. transform: scale(0);
  3492. -webkit-transform-origin: center center;
  3493. transform-origin: center center; }
  3494. :not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item.mdc-ripple-upgraded--unbounded::after {
  3495. top: var(--mdc-ripple-top, 0);
  3496. /* @noflip */
  3497. left: var(--mdc-ripple-left, 0); }
  3498. :not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item.mdc-ripple-upgraded--foreground-activation::after {
  3499. -webkit-animation: 225ms mdc-ripple-fg-radius-in forwards, 75ms mdc-ripple-fg-opacity-in forwards;
  3500. animation: 225ms mdc-ripple-fg-radius-in forwards, 75ms mdc-ripple-fg-opacity-in forwards; }
  3501. :not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item.mdc-ripple-upgraded--foreground-deactivation::after {
  3502. -webkit-animation: 150ms mdc-ripple-fg-opacity-out;
  3503. animation: 150ms mdc-ripple-fg-opacity-out;
  3504. -webkit-transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
  3505. transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1)); }
  3506. :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 {
  3507. top: calc(50% - 100%);
  3508. /* @noflip */
  3509. left: calc(50% - 100%);
  3510. width: 200%;
  3511. height: 200%; }
  3512. :not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item.mdc-ripple-upgraded::after {
  3513. width: var(--mdc-ripple-fg-size, 100%);
  3514. height: var(--mdc-ripple-fg-size, 100%); }
  3515. :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 {
  3516. background-color: black; }
  3517. :not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item:hover::before {
  3518. opacity: 0.04; }
  3519. :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 {
  3520. transition-duration: 75ms;
  3521. opacity: 0.12; }
  3522. :not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item:not(.mdc-ripple-upgraded)::after {
  3523. transition: opacity 150ms linear; }
  3524. :not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item:not(.mdc-ripple-upgraded):active::after {
  3525. transition-duration: 75ms;
  3526. opacity: 0.16; }
  3527. :not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item.mdc-ripple-upgraded {
  3528. --mdc-ripple-fg-opacity: 0.16; }
  3529. :not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item--activated::before {
  3530. opacity: 0.12; }
  3531. :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 {
  3532. background-color: #6200ee; }
  3533. @supports not (-ms-ime-align: auto) {
  3534. :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 {
  3535. /* @alternate */
  3536. background-color: var(--mdc-theme-primary, #6200ee); } }
  3537. :not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item--activated:hover::before {
  3538. opacity: 0.16; }
  3539. :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 {
  3540. transition-duration: 75ms;
  3541. opacity: 0.24; }
  3542. :not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item--activated:not(.mdc-ripple-upgraded)::after {
  3543. transition: opacity 150ms linear; }
  3544. :not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item--activated:not(.mdc-ripple-upgraded):active::after {
  3545. transition-duration: 75ms;
  3546. opacity: 0.28; }
  3547. :not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item--activated.mdc-ripple-upgraded {
  3548. --mdc-ripple-fg-opacity: 0.28; }
  3549. :not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item--selected::before {
  3550. opacity: 0.08; }
  3551. :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 {
  3552. background-color: #6200ee; }
  3553. @supports not (-ms-ime-align: auto) {
  3554. :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 {
  3555. /* @alternate */
  3556. background-color: var(--mdc-theme-primary, #6200ee); } }
  3557. :not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item--selected:hover::before {
  3558. opacity: 0.12; }
  3559. :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 {
  3560. transition-duration: 75ms;
  3561. opacity: 0.2; }
  3562. :not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item--selected:not(.mdc-ripple-upgraded)::after {
  3563. transition: opacity 150ms linear; }
  3564. :not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item--selected:not(.mdc-ripple-upgraded):active::after {
  3565. transition-duration: 75ms;
  3566. opacity: 0.24; }
  3567. :not(.mdc-list--non-interactive) > :not(.mdc-list-item--disabled).mdc-list-item--selected.mdc-ripple-upgraded {
  3568. --mdc-ripple-fg-opacity: 0.24; }
  3569. a.mdc-list-item {
  3570. color: inherit;
  3571. text-decoration: none; }
  3572. .mdc-list-divider {
  3573. height: 0;
  3574. margin: 0;
  3575. border: none;
  3576. border-bottom-width: 1px;
  3577. border-bottom-style: solid; }
  3578. .mdc-list-divider {
  3579. border-bottom-color: rgba(0, 0, 0, 0.12); }
  3580. .mdc-list-divider--padded {
  3581. margin: 0 16px; }
  3582. .mdc-list-divider--inset {
  3583. /* @noflip */
  3584. margin-left: 72px;
  3585. /* @noflip */
  3586. margin-right: 0;
  3587. width: calc(100% - 72px); }
  3588. .mdc-list-group[dir="rtl"] .mdc-list-divider--inset,
  3589. [dir="rtl"] .mdc-list-group .mdc-list-divider--inset {
  3590. /* @noflip */
  3591. margin-left: 0;
  3592. /* @noflip */
  3593. margin-right: 72px; }
  3594. .mdc-list-divider--inset.mdc-list-divider--padded {
  3595. width: calc(100% - 72px - 16px); }
  3596. .mdc-list-group .mdc-list {
  3597. padding: 0; }
  3598. .mdc-list-group__subheader {
  3599. font-family: Roboto, sans-serif;
  3600. -moz-osx-font-smoothing: grayscale;
  3601. -webkit-font-smoothing: antialiased;
  3602. font-size: 1rem;
  3603. line-height: 1.75rem;
  3604. font-weight: 400;
  3605. letter-spacing: 0.00937em;
  3606. text-decoration: inherit;
  3607. text-transform: inherit;
  3608. margin: 0.75rem 16px; }
  3609. .mdc-list-group__subheader {
  3610. color: rgba(0, 0, 0, 0.87);
  3611. /* @alternate */
  3612. color: var(--mdc-theme-text-primary-on-background, rgba(0, 0, 0, 0.87)); }
  3613. .mdc-menu {
  3614. 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);
  3615. background-color: #fff;
  3616. /* @alternate */
  3617. background-color: var(--mdc-theme-background, #fff);
  3618. display: none;
  3619. position: absolute;
  3620. box-sizing: border-box;
  3621. min-width: 170px;
  3622. max-width: calc(100vw - 32px);
  3623. max-height: calc(100vh - 32px);
  3624. margin: 0;
  3625. padding: 0;
  3626. -webkit-transform: scale(1);
  3627. transform: scale(1);
  3628. -webkit-transform-origin: top left;
  3629. transform-origin: top left;
  3630. border-radius: 2px;
  3631. opacity: 0;
  3632. white-space: nowrap;
  3633. overflow-x: hidden;
  3634. overflow-y: auto;
  3635. will-change: transform, opacity;
  3636. z-index: 4; }
  3637. .mdc-menu:focus {
  3638. outline: none; }
  3639. .mdc-menu--animating-open {
  3640. display: inline-block;
  3641. -webkit-transform: scale(0.8);
  3642. transform: scale(0.8);
  3643. transition: opacity 0.03s linear, -webkit-transform 0.12s cubic-bezier(0, 0, 0.2, 1);
  3644. transition: opacity 0.03s linear, transform 0.12s cubic-bezier(0, 0, 0.2, 1);
  3645. 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);
  3646. opacity: 0;
  3647. overflow-y: hidden; }
  3648. .mdc-menu--open {
  3649. display: inline-block;
  3650. -webkit-transform: scale(1);
  3651. transform: scale(1);
  3652. opacity: 1; }
  3653. .mdc-menu--animating-closed {
  3654. display: inline-block;
  3655. transition: opacity 0.075s linear;
  3656. opacity: 0;
  3657. overflow-y: hidden; }
  3658. .mdc-menu__items {
  3659. box-sizing: border-box;
  3660. -webkit-transform: scale(1);
  3661. transform: scale(1);
  3662. overflow-x: hidden;
  3663. overflow-y: auto;
  3664. will-change: transform; }
  3665. .mdc-menu__items > .mdc-list-item {
  3666. cursor: pointer; }
  3667. .mdc-menu--animating .mdc-menu__items {
  3668. overflow-y: hidden; }
  3669. .mdc-menu--animating-open > .mdc-menu__items {
  3670. -webkit-transform: scale(1.25);
  3671. transform: scale(1.25); }
  3672. .mdc-menu--open > .mdc-menu__items {
  3673. -webkit-transform: scale(1);
  3674. transform: scale(1); }
  3675. [dir="rtl"] .mdc-menu {
  3676. -webkit-transform-origin: top right;
  3677. transform-origin: top right; }
  3678. .mdc-menu .mdc-list-group,
  3679. .mdc-menu .mdc-list {
  3680. padding: 8px 0; }
  3681. .mdc-menu .mdc-list-item {
  3682. font-family: Roboto, sans-serif;
  3683. -moz-osx-font-smoothing: grayscale;
  3684. -webkit-font-smoothing: antialiased;
  3685. font-size: 1rem;
  3686. line-height: 1.75rem;
  3687. font-weight: 400;
  3688. letter-spacing: 0.00937em;
  3689. text-decoration: inherit;
  3690. text-transform: inherit;
  3691. position: relative;
  3692. outline: none;
  3693. color: inherit;
  3694. text-decoration: none;
  3695. -webkit-user-select: none;
  3696. -moz-user-select: none;
  3697. -ms-user-select: none;
  3698. user-select: none; }
  3699. .mdc-menu .mdc-list-item__graphic {
  3700. color: rgba(0, 0, 0, 0.54);
  3701. /* @alternate */
  3702. color: var(--mdc-theme-text-secondary-on-background, rgba(0, 0, 0, 0.54)); }
  3703. .mdc-menu .mdc-list-item[aria-disabled="true"] {
  3704. color: rgba(0, 0, 0, 0.38);
  3705. /* @alternate */
  3706. color: var(--mdc-theme-text-disabled-on-background, rgba(0, 0, 0, 0.38));
  3707. cursor: default;
  3708. pointer-events: none; }
  3709. .mdc-menu .mdc-list-item[aria-disabled="true"]:focus::before {
  3710. opacity: 0; }
  3711. .mdc-menu-anchor {
  3712. position: relative;
  3713. overflow: visible; }
  3714. .mdc-notched-outline {
  3715. position: absolute;
  3716. top: 0;
  3717. left: 0;
  3718. width: calc(100% - 1px);
  3719. height: calc(100% - 2px);
  3720. transition: opacity 150ms cubic-bezier(0.4, 0, 0.2, 1);
  3721. opacity: 0;
  3722. overflow: hidden; }
  3723. .mdc-notched-outline svg {
  3724. position: absolute;
  3725. width: 100%;
  3726. height: 100%; }
  3727. .mdc-notched-outline__idle {
  3728. position: absolute;
  3729. top: 0;
  3730. left: 0;
  3731. width: calc(100% - 4px);
  3732. height: calc(100% - 4px);
  3733. transition: opacity 150ms cubic-bezier(0.4, 0, 0.2, 1), border-color 150ms cubic-bezier(0.4, 0, 0.2, 1);
  3734. border: 1px solid;
  3735. opacity: 1; }
  3736. .mdc-notched-outline__path {
  3737. stroke-width: 1px;
  3738. transition: stroke 150ms cubic-bezier(0.4, 0, 0.2, 1), stroke-width 150ms cubic-bezier(0.4, 0, 0.2, 1);
  3739. fill: transparent; }
  3740. .mdc-notched-outline--notched {
  3741. opacity: 1; }
  3742. .mdc-notched-outline--notched ~ .mdc-notched-outline__idle {
  3743. opacity: 0; }
  3744. .mdc-radio {
  3745. --mdc-ripple-fg-size: 0;
  3746. --mdc-ripple-left: 0;
  3747. --mdc-ripple-top: 0;
  3748. --mdc-ripple-fg-scale: 1;
  3749. --mdc-ripple-fg-translate-end: 0;
  3750. --mdc-ripple-fg-translate-start: 0;
  3751. -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  3752. will-change: transform, opacity;
  3753. display: inline-block;
  3754. position: relative;
  3755. flex: 0 0 auto;
  3756. box-sizing: border-box;
  3757. width: 40px;
  3758. height: 40px;
  3759. padding: 10px;
  3760. cursor: pointer;
  3761. /* @alternate */
  3762. will-change: opacity, transform, border-color, color; }
  3763. .mdc-radio .mdc-radio__native-control:enabled:not(:checked) + .mdc-radio__background .mdc-radio__outer-circle {
  3764. border-color: rgba(0, 0, 0, 0.54); }
  3765. .mdc-radio .mdc-radio__native-control:enabled:checked + .mdc-radio__background .mdc-radio__outer-circle {
  3766. border-color: #018786;
  3767. /* @alternate */
  3768. border-color: var(--mdc-theme-secondary, #018786); }
  3769. .mdc-radio .mdc-radio__native-control:enabled + .mdc-radio__background .mdc-radio__inner-circle {
  3770. border-color: #018786;
  3771. /* @alternate */
  3772. border-color: var(--mdc-theme-secondary, #018786); }
  3773. .mdc-radio .mdc-radio__background::before {
  3774. background-color: #018786; }
  3775. @supports not (-ms-ime-align: auto) {
  3776. .mdc-radio .mdc-radio__background::before {
  3777. /* @alternate */
  3778. background-color: var(--mdc-theme-secondary, #018786); } }
  3779. .mdc-radio::before, .mdc-radio::after {
  3780. position: absolute;
  3781. border-radius: 50%;
  3782. opacity: 0;
  3783. pointer-events: none;
  3784. content: ""; }
  3785. .mdc-radio::before {
  3786. transition: opacity 15ms linear;
  3787. z-index: 1; }
  3788. .mdc-radio.mdc-ripple-upgraded::before {
  3789. -webkit-transform: scale(var(--mdc-ripple-fg-scale, 1));
  3790. transform: scale(var(--mdc-ripple-fg-scale, 1)); }
  3791. .mdc-radio.mdc-ripple-upgraded::after {
  3792. top: 0;
  3793. /* @noflip */
  3794. left: 0;
  3795. -webkit-transform: scale(0);
  3796. transform: scale(0);
  3797. -webkit-transform-origin: center center;
  3798. transform-origin: center center; }
  3799. .mdc-radio.mdc-ripple-upgraded--unbounded::after {
  3800. top: var(--mdc-ripple-top, 0);
  3801. /* @noflip */
  3802. left: var(--mdc-ripple-left, 0); }
  3803. .mdc-radio.mdc-ripple-upgraded--foreground-activation::after {
  3804. -webkit-animation: 225ms mdc-ripple-fg-radius-in forwards, 75ms mdc-ripple-fg-opacity-in forwards;
  3805. animation: 225ms mdc-ripple-fg-radius-in forwards, 75ms mdc-ripple-fg-opacity-in forwards; }
  3806. .mdc-radio.mdc-ripple-upgraded--foreground-deactivation::after {
  3807. -webkit-animation: 150ms mdc-ripple-fg-opacity-out;
  3808. animation: 150ms mdc-ripple-fg-opacity-out;
  3809. -webkit-transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
  3810. transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1)); }
  3811. .mdc-radio::before, .mdc-radio::after {
  3812. top: calc(50% - 50%);
  3813. /* @noflip */
  3814. left: calc(50% - 50%);
  3815. width: 100%;
  3816. height: 100%; }
  3817. .mdc-radio.mdc-ripple-upgraded::before, .mdc-radio.mdc-ripple-upgraded::after {
  3818. top: var(--mdc-ripple-top, calc(50% - 50%));
  3819. /* @noflip */
  3820. left: var(--mdc-ripple-left, calc(50% - 50%));
  3821. width: var(--mdc-ripple-fg-size, 100%);
  3822. height: var(--mdc-ripple-fg-size, 100%); }
  3823. .mdc-radio.mdc-ripple-upgraded::after {
  3824. width: var(--mdc-ripple-fg-size, 100%);
  3825. height: var(--mdc-ripple-fg-size, 100%); }
  3826. .mdc-radio::before, .mdc-radio::after {
  3827. background-color: #018786; }
  3828. @supports not (-ms-ime-align: auto) {
  3829. .mdc-radio::before, .mdc-radio::after {
  3830. /* @alternate */
  3831. background-color: var(--mdc-theme-secondary, #018786); } }
  3832. .mdc-radio:hover::before {
  3833. opacity: 0.04; }
  3834. .mdc-radio:not(.mdc-ripple-upgraded):focus::before, .mdc-radio.mdc-ripple-upgraded--background-focused::before {
  3835. transition-duration: 75ms;
  3836. opacity: 0.12; }
  3837. .mdc-radio:not(.mdc-ripple-upgraded)::after {
  3838. transition: opacity 150ms linear; }
  3839. .mdc-radio:not(.mdc-ripple-upgraded):active::after {
  3840. transition-duration: 75ms;
  3841. opacity: 0.16; }
  3842. .mdc-radio.mdc-ripple-upgraded {
  3843. --mdc-ripple-fg-opacity: 0.16; }
  3844. .mdc-radio__background {
  3845. display: inline-block;
  3846. position: absolute;
  3847. left: 10px;
  3848. box-sizing: border-box;
  3849. width: 50%;
  3850. height: 50%; }
  3851. .mdc-radio__background::before {
  3852. position: absolute;
  3853. top: 0;
  3854. left: 0;
  3855. width: 100%;
  3856. height: 100%;
  3857. -webkit-transform: scale(0, 0);
  3858. transform: scale(0, 0);
  3859. transition: opacity 120ms 0ms cubic-bezier(0.4, 0, 0.6, 1), -webkit-transform 120ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
  3860. transition: opacity 120ms 0ms cubic-bezier(0.4, 0, 0.6, 1), transform 120ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
  3861. 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);
  3862. border-radius: 50%;
  3863. opacity: 0;
  3864. pointer-events: none;
  3865. content: ""; }
  3866. .mdc-radio__outer-circle {
  3867. position: absolute;
  3868. top: 0;
  3869. left: 0;
  3870. box-sizing: border-box;
  3871. width: 100%;
  3872. height: 100%;
  3873. transition: border-color 120ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
  3874. border-width: 2px;
  3875. border-style: solid;
  3876. border-radius: 50%; }
  3877. .mdc-radio__inner-circle {
  3878. position: absolute;
  3879. top: 0;
  3880. left: 0;
  3881. box-sizing: border-box;
  3882. width: 100%;
  3883. height: 100%;
  3884. -webkit-transform: scale(0, 0);
  3885. transform: scale(0, 0);
  3886. 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);
  3887. transition: transform 120ms 0ms cubic-bezier(0.4, 0, 0.6, 1), border-color 120ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
  3888. 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);
  3889. border-width: 10px;
  3890. border-style: solid;
  3891. border-radius: 50%; }
  3892. .mdc-radio__native-control {
  3893. position: absolute;
  3894. top: 0;
  3895. left: 0;
  3896. width: 100%;
  3897. height: 100%;
  3898. margin: 0;
  3899. padding: 0;
  3900. opacity: 0;
  3901. cursor: inherit;
  3902. z-index: 1; }
  3903. .mdc-radio.mdc-ripple-upgraded .mdc-radio__background::before {
  3904. content: none; }
  3905. .mdc-radio__native-control:checked + .mdc-radio__background,
  3906. .mdc-radio__native-control:disabled + .mdc-radio__background {
  3907. transition: opacity 120ms 0ms cubic-bezier(0, 0, 0.2, 1), -webkit-transform 120ms 0ms cubic-bezier(0, 0, 0.2, 1);
  3908. transition: opacity 120ms 0ms cubic-bezier(0, 0, 0.2, 1), transform 120ms 0ms cubic-bezier(0, 0, 0.2, 1);
  3909. 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); }
  3910. .mdc-radio__native-control:checked + .mdc-radio__background .mdc-radio__outer-circle,
  3911. .mdc-radio__native-control:disabled + .mdc-radio__background .mdc-radio__outer-circle {
  3912. transition: border-color 120ms 0ms cubic-bezier(0, 0, 0.2, 1); }
  3913. .mdc-radio__native-control:checked + .mdc-radio__background .mdc-radio__inner-circle,
  3914. .mdc-radio__native-control:disabled + .mdc-radio__background .mdc-radio__inner-circle {
  3915. transition: border-color 120ms 0ms cubic-bezier(0, 0, 0.2, 1), -webkit-transform 120ms 0ms cubic-bezier(0, 0, 0.2, 1);
  3916. transition: transform 120ms 0ms cubic-bezier(0, 0, 0.2, 1), border-color 120ms 0ms cubic-bezier(0, 0, 0.2, 1);
  3917. 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); }
  3918. .mdc-radio--disabled {
  3919. cursor: default;
  3920. pointer-events: none; }
  3921. .mdc-radio__native-control:checked + .mdc-radio__background .mdc-radio__inner-circle {
  3922. -webkit-transform: scale(0.5);
  3923. transform: scale(0.5);
  3924. transition: border-color 120ms 0ms cubic-bezier(0, 0, 0.2, 1), -webkit-transform 120ms 0ms cubic-bezier(0, 0, 0.2, 1);
  3925. transition: transform 120ms 0ms cubic-bezier(0, 0, 0.2, 1), border-color 120ms 0ms cubic-bezier(0, 0, 0.2, 1);
  3926. 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); }
  3927. .mdc-radio__native-control:disabled + .mdc-radio__background,
  3928. [aria-disabled="true"] .mdc-radio__native-control + .mdc-radio__background {
  3929. cursor: default; }
  3930. .mdc-radio__native-control:disabled + .mdc-radio__background .mdc-radio__outer-circle,
  3931. [aria-disabled="true"] .mdc-radio__native-control + .mdc-radio__background .mdc-radio__outer-circle {
  3932. border-color: rgba(0, 0, 0, 0.26); }
  3933. .mdc-radio__native-control:disabled + .mdc-radio__background .mdc-radio__inner-circle,
  3934. [aria-disabled="true"] .mdc-radio__native-control + .mdc-radio__background .mdc-radio__inner-circle {
  3935. border-color: rgba(0, 0, 0, 0.26); }
  3936. .mdc-radio__native-control:focus + .mdc-radio__background::before {
  3937. -webkit-transform: scale(2, 2);
  3938. transform: scale(2, 2);
  3939. transition: opacity 120ms 0ms cubic-bezier(0, 0, 0.2, 1), -webkit-transform 120ms 0ms cubic-bezier(0, 0, 0.2, 1);
  3940. transition: opacity 120ms 0ms cubic-bezier(0, 0, 0.2, 1), transform 120ms 0ms cubic-bezier(0, 0, 0.2, 1);
  3941. 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);
  3942. opacity: .26; }
  3943. .mdc-ripple-surface {
  3944. --mdc-ripple-fg-size: 0;
  3945. --mdc-ripple-left: 0;
  3946. --mdc-ripple-top: 0;
  3947. --mdc-ripple-fg-scale: 1;
  3948. --mdc-ripple-fg-translate-end: 0;
  3949. --mdc-ripple-fg-translate-start: 0;
  3950. -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  3951. will-change: transform, opacity;
  3952. position: relative;
  3953. outline: none;
  3954. overflow: hidden; }
  3955. .mdc-ripple-surface::before, .mdc-ripple-surface::after {
  3956. position: absolute;
  3957. border-radius: 50%;
  3958. opacity: 0;
  3959. pointer-events: none;
  3960. content: ""; }
  3961. .mdc-ripple-surface::before {
  3962. transition: opacity 15ms linear;
  3963. z-index: 1; }
  3964. .mdc-ripple-surface.mdc-ripple-upgraded::before {
  3965. -webkit-transform: scale(var(--mdc-ripple-fg-scale, 1));
  3966. transform: scale(var(--mdc-ripple-fg-scale, 1)); }
  3967. .mdc-ripple-surface.mdc-ripple-upgraded::after {
  3968. top: 0;
  3969. /* @noflip */
  3970. left: 0;
  3971. -webkit-transform: scale(0);
  3972. transform: scale(0);
  3973. -webkit-transform-origin: center center;
  3974. transform-origin: center center; }
  3975. .mdc-ripple-surface.mdc-ripple-upgraded--unbounded::after {
  3976. top: var(--mdc-ripple-top, 0);
  3977. /* @noflip */
  3978. left: var(--mdc-ripple-left, 0); }
  3979. .mdc-ripple-surface.mdc-ripple-upgraded--foreground-activation::after {
  3980. -webkit-animation: 225ms mdc-ripple-fg-radius-in forwards, 75ms mdc-ripple-fg-opacity-in forwards;
  3981. animation: 225ms mdc-ripple-fg-radius-in forwards, 75ms mdc-ripple-fg-opacity-in forwards; }
  3982. .mdc-ripple-surface.mdc-ripple-upgraded--foreground-deactivation::after {
  3983. -webkit-animation: 150ms mdc-ripple-fg-opacity-out;
  3984. animation: 150ms mdc-ripple-fg-opacity-out;
  3985. -webkit-transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
  3986. transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1)); }
  3987. .mdc-ripple-surface::before, .mdc-ripple-surface::after {
  3988. background-color: black; }
  3989. .mdc-ripple-surface:hover::before {
  3990. opacity: 0.04; }
  3991. .mdc-ripple-surface:not(.mdc-ripple-upgraded):focus::before, .mdc-ripple-surface.mdc-ripple-upgraded--background-focused::before {
  3992. transition-duration: 75ms;
  3993. opacity: 0.12; }
  3994. .mdc-ripple-surface:not(.mdc-ripple-upgraded)::after {
  3995. transition: opacity 150ms linear; }
  3996. .mdc-ripple-surface:not(.mdc-ripple-upgraded):active::after {
  3997. transition-duration: 75ms;
  3998. opacity: 0.16; }
  3999. .mdc-ripple-surface.mdc-ripple-upgraded {
  4000. --mdc-ripple-fg-opacity: 0.16; }
  4001. .mdc-ripple-surface::before, .mdc-ripple-surface::after {
  4002. top: calc(50% - 100%);
  4003. /* @noflip */
  4004. left: calc(50% - 100%);
  4005. width: 200%;
  4006. height: 200%; }
  4007. .mdc-ripple-surface.mdc-ripple-upgraded::after {
  4008. width: var(--mdc-ripple-fg-size, 100%);
  4009. height: var(--mdc-ripple-fg-size, 100%); }
  4010. .mdc-ripple-surface[data-mdc-ripple-is-unbounded] {
  4011. overflow: visible; }
  4012. .mdc-ripple-surface[data-mdc-ripple-is-unbounded]::before, .mdc-ripple-surface[data-mdc-ripple-is-unbounded]::after {
  4013. top: calc(50% - 50%);
  4014. /* @noflip */
  4015. left: calc(50% - 50%);
  4016. width: 100%;
  4017. height: 100%; }
  4018. .mdc-ripple-surface[data-mdc-ripple-is-unbounded].mdc-ripple-upgraded::before, .mdc-ripple-surface[data-mdc-ripple-is-unbounded].mdc-ripple-upgraded::after {
  4019. top: var(--mdc-ripple-top, calc(50% - 50%));
  4020. /* @noflip */
  4021. left: var(--mdc-ripple-left, calc(50% - 50%));
  4022. width: var(--mdc-ripple-fg-size, 100%);
  4023. height: var(--mdc-ripple-fg-size, 100%); }
  4024. .mdc-ripple-surface[data-mdc-ripple-is-unbounded].mdc-ripple-upgraded::after {
  4025. width: var(--mdc-ripple-fg-size, 100%);
  4026. height: var(--mdc-ripple-fg-size, 100%); }
  4027. .mdc-ripple-surface--primary::before, .mdc-ripple-surface--primary::after {
  4028. background-color: #6200ee; }
  4029. @supports not (-ms-ime-align: auto) {
  4030. .mdc-ripple-surface--primary::before, .mdc-ripple-surface--primary::after {
  4031. /* @alternate */
  4032. background-color: var(--mdc-theme-primary, #6200ee); } }
  4033. .mdc-ripple-surface--primary:hover::before {
  4034. opacity: 0.04; }
  4035. .mdc-ripple-surface--primary:not(.mdc-ripple-upgraded):focus::before, .mdc-ripple-surface--primary.mdc-ripple-upgraded--background-focused::before {
  4036. transition-duration: 75ms;
  4037. opacity: 0.12; }
  4038. .mdc-ripple-surface--primary:not(.mdc-ripple-upgraded)::after {
  4039. transition: opacity 150ms linear; }
  4040. .mdc-ripple-surface--primary:not(.mdc-ripple-upgraded):active::after {
  4041. transition-duration: 75ms;
  4042. opacity: 0.16; }
  4043. .mdc-ripple-surface--primary.mdc-ripple-upgraded {
  4044. --mdc-ripple-fg-opacity: 0.16; }
  4045. .mdc-ripple-surface--accent::before, .mdc-ripple-surface--accent::after {
  4046. background-color: #018786; }
  4047. @supports not (-ms-ime-align: auto) {
  4048. .mdc-ripple-surface--accent::before, .mdc-ripple-surface--accent::after {
  4049. /* @alternate */
  4050. background-color: var(--mdc-theme-secondary, #018786); } }
  4051. .mdc-ripple-surface--accent:hover::before {
  4052. opacity: 0.04; }
  4053. .mdc-ripple-surface--accent:not(.mdc-ripple-upgraded):focus::before, .mdc-ripple-surface--accent.mdc-ripple-upgraded--background-focused::before {
  4054. transition-duration: 75ms;
  4055. opacity: 0.12; }
  4056. .mdc-ripple-surface--accent:not(.mdc-ripple-upgraded)::after {
  4057. transition: opacity 150ms linear; }
  4058. .mdc-ripple-surface--accent:not(.mdc-ripple-upgraded):active::after {
  4059. transition-duration: 75ms;
  4060. opacity: 0.16; }
  4061. .mdc-ripple-surface--accent.mdc-ripple-upgraded {
  4062. --mdc-ripple-fg-opacity: 0.16; }
  4063. @-webkit-keyframes mdc-select-float-native-control {
  4064. 0% {
  4065. -webkit-transform: translateY(8px);
  4066. transform: translateY(8px);
  4067. opacity: 0; }
  4068. 100% {
  4069. -webkit-transform: translateY(0);
  4070. transform: translateY(0);
  4071. opacity: 1; } }
  4072. @keyframes mdc-select-float-native-control {
  4073. 0% {
  4074. -webkit-transform: translateY(8px);
  4075. transform: translateY(8px);
  4076. opacity: 0; }
  4077. 100% {
  4078. -webkit-transform: translateY(0);
  4079. transform: translateY(0);
  4080. opacity: 1; } }
  4081. .mdc-select {
  4082. background-image: 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%230%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");
  4083. display: inline-flex;
  4084. position: relative;
  4085. box-sizing: border-box;
  4086. height: 52px;
  4087. background-repeat: no-repeat;
  4088. background-position: right 8px bottom 12px; }
  4089. .mdc-select:not(.mdc-select--disabled) {
  4090. background-color: transparent; }
  4091. .mdc-select:not(.mdc-select--disabled) .mdc-select__native-control {
  4092. color: rgba(0, 0, 0, 0.87); }
  4093. .mdc-select:not(.mdc-select--disabled) .mdc-floating-label {
  4094. color: rgba(0, 0, 0, 0.6); }
  4095. .mdc-select:not(.mdc-select--disabled) .mdc-select__native-control {
  4096. border-bottom-color: rgba(0, 0, 0, 0.42); }
  4097. .mdc-select:not(.mdc-select--disabled) .mdc-select__native-control:focus ~ .mdc-line-ripple {
  4098. background-color: #6200ee;
  4099. /* @alternate */
  4100. background-color: var(--mdc-theme-primary, #6200ee); }
  4101. .mdc-select:not(.mdc-select--disabled) .mdc-select__native-control:focus ~ .mdc-floating-label {
  4102. color: rgba(98, 0, 238, 0.87); }
  4103. .mdc-select:not(.mdc-select--disabled) .mdc-select__native-control:hover {
  4104. border-bottom-color: rgba(0, 0, 0, 0.87); }
  4105. [dir="rtl"] .mdc-select, .mdc-select[dir="rtl"] {
  4106. background-position: left 8px bottom 12px; }
  4107. .mdc-select__native-control {
  4108. /* @noflip */
  4109. padding-left: 0;
  4110. /* @noflip */
  4111. padding-right: 26px;
  4112. font-family: Roboto, sans-serif;
  4113. -moz-osx-font-smoothing: grayscale;
  4114. -webkit-font-smoothing: antialiased;
  4115. font-size: 1rem;
  4116. line-height: 1.75rem;
  4117. font-weight: 400;
  4118. letter-spacing: 0.00937em;
  4119. text-decoration: inherit;
  4120. text-transform: inherit;
  4121. width: 100%;
  4122. padding-top: 20px;
  4123. padding-bottom: 4px;
  4124. border: none;
  4125. border-bottom: 1px solid;
  4126. border-radius: 0;
  4127. outline: none;
  4128. background-color: transparent;
  4129. white-space: nowrap;
  4130. cursor: pointer;
  4131. -webkit-appearance: none;
  4132. -moz-appearance: none;
  4133. appearance: none; }
  4134. [dir="rtl"] .mdc-select__native-control, .mdc-select__native-control[dir="rtl"] {
  4135. /* @noflip */
  4136. padding-left: 26px;
  4137. /* @noflip */
  4138. padding-right: 0; }
  4139. .mdc-select__native-control::-ms-expand {
  4140. display: none; }
  4141. @-moz-document url-prefix("") {
  4142. .mdc-select__native-control {
  4143. text-indent: -2px; } }
  4144. .mdc-select .mdc-floating-label {
  4145. pointer-events: none; }
  4146. .mdc-select .mdc-select__native-control:focus ~ .mdc-line-ripple::after {
  4147. -webkit-transform: scale(1, 2);
  4148. transform: scale(1, 2);
  4149. opacity: 1; }
  4150. .mdc-select--box {
  4151. --mdc-ripple-fg-size: 0;
  4152. --mdc-ripple-left: 0;
  4153. --mdc-ripple-top: 0;
  4154. --mdc-ripple-fg-scale: 1;
  4155. --mdc-ripple-fg-translate-end: 0;
  4156. --mdc-ripple-fg-translate-start: 0;
  4157. -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  4158. will-change: transform, opacity;
  4159. height: 56px;
  4160. border-radius: 4px 4px 0 0;
  4161. background-position: right 10px center;
  4162. overflow: hidden; }
  4163. .mdc-select--box:not(.mdc-select--disabled) {
  4164. background-color: whitesmoke; }
  4165. .mdc-select--box::before, .mdc-select--box::after {
  4166. position: absolute;
  4167. border-radius: 50%;
  4168. opacity: 0;
  4169. pointer-events: none;
  4170. content: ""; }
  4171. .mdc-select--box::before {
  4172. transition: opacity 15ms linear;
  4173. z-index: 1; }
  4174. .mdc-select--box.mdc-ripple-upgraded::before {
  4175. -webkit-transform: scale(var(--mdc-ripple-fg-scale, 1));
  4176. transform: scale(var(--mdc-ripple-fg-scale, 1)); }
  4177. .mdc-select--box.mdc-ripple-upgraded::after {
  4178. top: 0;
  4179. /* @noflip */
  4180. left: 0;
  4181. -webkit-transform: scale(0);
  4182. transform: scale(0);
  4183. -webkit-transform-origin: center center;
  4184. transform-origin: center center; }
  4185. .mdc-select--box.mdc-ripple-upgraded--unbounded::after {
  4186. top: var(--mdc-ripple-top, 0);
  4187. /* @noflip */
  4188. left: var(--mdc-ripple-left, 0); }
  4189. .mdc-select--box.mdc-ripple-upgraded--foreground-activation::after {
  4190. -webkit-animation: 225ms mdc-ripple-fg-radius-in forwards, 75ms mdc-ripple-fg-opacity-in forwards;
  4191. animation: 225ms mdc-ripple-fg-radius-in forwards, 75ms mdc-ripple-fg-opacity-in forwards; }
  4192. .mdc-select--box.mdc-ripple-upgraded--foreground-deactivation::after {
  4193. -webkit-animation: 150ms mdc-ripple-fg-opacity-out;
  4194. animation: 150ms mdc-ripple-fg-opacity-out;
  4195. -webkit-transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
  4196. transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1)); }
  4197. .mdc-select--box::before, .mdc-select--box::after {
  4198. top: calc(50% - 100%);
  4199. /* @noflip */
  4200. left: calc(50% - 100%);
  4201. width: 200%;
  4202. height: 200%; }
  4203. .mdc-select--box.mdc-ripple-upgraded::after {
  4204. width: var(--mdc-ripple-fg-size, 100%);
  4205. height: var(--mdc-ripple-fg-size, 100%); }
  4206. .mdc-select--box::before, .mdc-select--box::after {
  4207. background-color: rgba(0, 0, 0, 0.87); }
  4208. .mdc-select--box:hover::before {
  4209. opacity: 0.04; }
  4210. .mdc-select--box:not(.mdc-ripple-upgraded):focus::before, .mdc-select--box:not(.mdc-ripple-upgraded):focus-within::before, .mdc-select--box.mdc-ripple-upgraded--background-focused::before {
  4211. transition-duration: 75ms;
  4212. opacity: 0.12; }
  4213. [dir="rtl"] .mdc-select--box, .mdc-select--box[dir="rtl"] {
  4214. background-position: left 10px center; }
  4215. .mdc-select--box .mdc-select__native-control {
  4216. /* @noflip */
  4217. padding-left: 16px;
  4218. /* @noflip */
  4219. padding-right: 26px;
  4220. height: 56px;
  4221. border-radius: 4px 4px 0 0; }
  4222. [dir="rtl"] .mdc-select--box .mdc-select__native-control, .mdc-select--box .mdc-select__native-control[dir="rtl"] {
  4223. /* @noflip */
  4224. padding-left: 26px;
  4225. /* @noflip */
  4226. padding-right: 16px; }
  4227. .mdc-select--box .mdc-floating-label {
  4228. /* @noflip */
  4229. left: 16px;
  4230. /* @noflip */
  4231. right: initial;
  4232. bottom: 12px;
  4233. line-height: 1.75rem; }
  4234. [dir="rtl"] .mdc-select--box .mdc-floating-label, .mdc-select--box .mdc-floating-label[dir="rtl"] {
  4235. /* @noflip */
  4236. left: initial;
  4237. /* @noflip */
  4238. right: 16px; }
  4239. .mdc-select--box .mdc-floating-label--float-above {
  4240. -webkit-transform: translateY(-40%) scale(0.75, 0.75);
  4241. transform: translateY(-40%) scale(0.75, 0.75); }
  4242. .mdc-select--outlined {
  4243. height: 56px;
  4244. border: none;
  4245. background-position: right 10px center; }
  4246. .mdc-select--outlined:not(.mdc-select--disabled) .mdc-notched-outline__idle {
  4247. border-color: rgba(0, 0, 0, 0.24); }
  4248. .mdc-select--outlined:not(.mdc-select--disabled) .mdc-notched-outline__path {
  4249. stroke: rgba(0, 0, 0, 0.24); }
  4250. .mdc-select--outlined:not(.mdc-select--disabled):not(.mdc-select__native-control:focus) .mdc-select__native-control:hover ~ .mdc-notched-outline__idle {
  4251. border-color: rgba(0, 0, 0, 0.87); }
  4252. .mdc-select--outlined:not(.mdc-select--disabled):not(.mdc-select__native-control:focus) .mdc-select__native-control:hover ~ .mdc-notched-outline .mdc-notched-outline__path {
  4253. stroke: rgba(0, 0, 0, 0.87); }
  4254. .mdc-select--outlined:not(.mdc-select--disabled) .mdc-select__native-control:focus ~ .mdc-notched-outline .mdc-notched-outline__path {
  4255. stroke-width: 2px; }
  4256. .mdc-select--outlined:not(.mdc-select--disabled) .mdc-select__native-control:focus ~ .mdc-notched-outline .mdc-notched-outline__path {
  4257. stroke: #6200ee;
  4258. /* @alternate */
  4259. stroke: var(--mdc-theme-primary, #6200ee); }
  4260. .mdc-select--outlined .mdc-floating-label--float-above {
  4261. -webkit-transform: translateY(-130%) scale(0.75);
  4262. transform: translateY(-130%) scale(0.75); }
  4263. .mdc-select--outlined .mdc-floating-label--shake {
  4264. -webkit-animation: mdc-floating-label-shake-float-above-text-field-outlined 250ms 1;
  4265. animation: mdc-floating-label-shake-float-above-text-field-outlined 250ms 1; }
  4266. .mdc-select--outlined .mdc-notched-outline {
  4267. border-radius: 4px; }
  4268. .mdc-select--outlined .mdc-notched-outline__idle {
  4269. border-radius: 4px; }
  4270. [dir="rtl"] .mdc-select--outlined, .mdc-select--outlined[dir="rtl"] {
  4271. background-position: left 10px center; }
  4272. .mdc-select--outlined .mdc-select__native-control {
  4273. /* @noflip */
  4274. padding-left: 16px;
  4275. /* @noflip */
  4276. padding-right: 26px;
  4277. display: flex;
  4278. padding-top: 12px;
  4279. padding-bottom: 12px;
  4280. border: none;
  4281. background-color: transparent;
  4282. z-index: 1; }
  4283. [dir="rtl"] .mdc-select--outlined .mdc-select__native-control, .mdc-select--outlined .mdc-select__native-control[dir="rtl"] {
  4284. /* @noflip */
  4285. padding-left: 26px;
  4286. /* @noflip */
  4287. padding-right: 16px; }
  4288. .mdc-select--outlined .mdc-floating-label {
  4289. /* @noflip */
  4290. left: 16px;
  4291. /* @noflip */
  4292. right: initial;
  4293. position: absolute;
  4294. bottom: 20px; }
  4295. [dir="rtl"] .mdc-select--outlined .mdc-floating-label, .mdc-select--outlined .mdc-floating-label[dir="rtl"] {
  4296. /* @noflip */
  4297. left: initial;
  4298. /* @noflip */
  4299. right: 16px; }
  4300. .mdc-select--disabled {
  4301. background-image: 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%23#000%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");
  4302. opacity: .38;
  4303. cursor: default;
  4304. pointer-events: none; }
  4305. .mdc-select--disabled .mdc-floating-label {
  4306. color: rgba(0, 0, 0, 0.37); }
  4307. .mdc-select--disabled .mdc-line-ripple {
  4308. display: none; }
  4309. .mdc-select--disabled .mdc-select__native-control {
  4310. border-bottom-style: dotted; }
  4311. .mdc-select--disabled.mdc-select--box {
  4312. background-color: #fafafa; }
  4313. .mdc-select--disabled.mdc-select--outlined .mdc-select__native-control {
  4314. border-bottom-style: none; }
  4315. .mdc-select--disabled.mdc-select--outlined .mdc-notched-outline__idle {
  4316. border-color: rgba(0, 0, 0, 0.16); }
  4317. .mdc-select--disabled.mdc-select--outlined .mdc-notched-outline__path {
  4318. stroke: rgba(0, 0, 0, 0.16); }
  4319. .mdc-shape-container {
  4320. display: inline-block;
  4321. position: relative;
  4322. overflow: hidden; }
  4323. .mdc-shape-container__corner {
  4324. position: absolute;
  4325. z-index: 1; }
  4326. .mdc-shape-container__corner::before,
  4327. .mdc-shape-container__corner::after {
  4328. position: absolute;
  4329. box-sizing: border-box;
  4330. width: 100%;
  4331. height: 100%;
  4332. content: ""; }
  4333. .mdc-shape-container__corner--top-left {
  4334. -webkit-transform: rotate(-45deg);
  4335. transform: rotate(-45deg); }
  4336. .mdc-shape-container__corner--top-right {
  4337. -webkit-transform: rotate(45deg);
  4338. transform: rotate(45deg); }
  4339. .mdc-shape-container__corner--bottom-right {
  4340. -webkit-transform: rotate(135deg);
  4341. transform: rotate(135deg); }
  4342. .mdc-shape-container__corner--bottom-left {
  4343. -webkit-transform: rotate(-135deg);
  4344. transform: rotate(-135deg); }
  4345. @-webkit-keyframes mdc-slider-emphasize {
  4346. 0% {
  4347. -webkit-animation-timing-function: ease-out;
  4348. animation-timing-function: ease-out; }
  4349. 50% {
  4350. -webkit-animation-timing-function: ease-in;
  4351. animation-timing-function: ease-in;
  4352. -webkit-transform: scale(0.85);
  4353. transform: scale(0.85); }
  4354. 100% {
  4355. -webkit-transform: scale(0.571);
  4356. transform: scale(0.571); } }
  4357. @keyframes mdc-slider-emphasize {
  4358. 0% {
  4359. -webkit-animation-timing-function: ease-out;
  4360. animation-timing-function: ease-out; }
  4361. 50% {
  4362. -webkit-animation-timing-function: ease-in;
  4363. animation-timing-function: ease-in;
  4364. -webkit-transform: scale(0.85);
  4365. transform: scale(0.85); }
  4366. 100% {
  4367. -webkit-transform: scale(0.571);
  4368. transform: scale(0.571); } }
  4369. .mdc-slider {
  4370. position: relative;
  4371. width: 100%;
  4372. height: 48px;
  4373. cursor: pointer;
  4374. touch-action: pan-x;
  4375. -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
  4376. .mdc-slider:not(.mdc-slider--disabled) .mdc-slider__track {
  4377. background-color: #018786;
  4378. /* @alternate */
  4379. background-color: var(--mdc-theme-secondary, #018786); }
  4380. .mdc-slider:not(.mdc-slider--disabled) .mdc-slider__track-container {
  4381. background-color: rgba(1, 135, 134, 0.26); }
  4382. .mdc-slider:not(.mdc-slider--disabled) .mdc-slider__track-marker::after,
  4383. .mdc-slider:not(.mdc-slider--disabled) .mdc-slider__track-marker-container::after {
  4384. background-color: #018786;
  4385. /* @alternate */
  4386. background-color: var(--mdc-theme-secondary, #018786); }
  4387. .mdc-slider:not(.mdc-slider--disabled) .mdc-slider__thumb {
  4388. fill: #018786;
  4389. /* @alternate */
  4390. fill: var(--mdc-theme-secondary, #018786);
  4391. stroke: #018786;
  4392. /* @alternate */
  4393. stroke: var(--mdc-theme-secondary, #018786); }
  4394. .mdc-slider:not(.mdc-slider--disabled) .mdc-slider__focus-ring {
  4395. background-color: #018786;
  4396. /* @alternate */
  4397. background-color: var(--mdc-theme-secondary, #018786); }
  4398. .mdc-slider:not(.mdc-slider--disabled) .mdc-slider__pin {
  4399. background-color: #018786;
  4400. /* @alternate */
  4401. background-color: var(--mdc-theme-secondary, #018786); }
  4402. .mdc-slider:not(.mdc-slider--disabled) .mdc-slider__pin {
  4403. color: white;
  4404. /* @alternate */
  4405. color: var(--mdc-theme-text-primary-on-dark, white); }
  4406. .mdc-slider--disabled {
  4407. cursor: auto; }
  4408. .mdc-slider--disabled .mdc-slider__track {
  4409. background-color: #9a9a9a; }
  4410. .mdc-slider--disabled .mdc-slider__track-container {
  4411. background-color: rgba(154, 154, 154, 0.26); }
  4412. .mdc-slider--disabled .mdc-slider__track-marker::after,
  4413. .mdc-slider--disabled .mdc-slider__track-marker-container::after {
  4414. background-color: #9a9a9a; }
  4415. .mdc-slider--disabled .mdc-slider__thumb {
  4416. fill: #9a9a9a;
  4417. stroke: #9a9a9a; }
  4418. .mdc-slider--disabled .mdc-slider__thumb {
  4419. /* @alternate */
  4420. stroke: white;
  4421. stroke: var(--mdc-slider-bg-color-behind-component, white); }
  4422. .mdc-slider:focus {
  4423. outline: none; }
  4424. .mdc-slider__track-container {
  4425. position: absolute;
  4426. top: 50%;
  4427. width: 100%;
  4428. height: 2px;
  4429. overflow: hidden; }
  4430. .mdc-slider__track {
  4431. position: absolute;
  4432. width: 100%;
  4433. height: 100%;
  4434. -webkit-transform-origin: left top;
  4435. transform-origin: left top;
  4436. will-change: transform; }
  4437. .mdc-slider[dir="rtl"] .mdc-slider__track,
  4438. [dir="rtl"] .mdc-slider .mdc-slider__track {
  4439. -webkit-transform-origin: right top;
  4440. transform-origin: right top; }
  4441. .mdc-slider__track-marker-container {
  4442. display: flex;
  4443. margin-right: 0;
  4444. margin-left: -1px;
  4445. visibility: hidden; }
  4446. .mdc-slider[dir="rtl"] .mdc-slider__track-marker-container,
  4447. [dir="rtl"] .mdc-slider .mdc-slider__track-marker-container {
  4448. margin-right: -1px;
  4449. margin-left: 0; }
  4450. .mdc-slider__track-marker-container::after {
  4451. display: block;
  4452. width: 2px;
  4453. height: 2px;
  4454. content: ""; }
  4455. .mdc-slider__track-marker {
  4456. flex: 1; }
  4457. .mdc-slider__track-marker::after {
  4458. display: block;
  4459. width: 2px;
  4460. height: 2px;
  4461. content: ""; }
  4462. .mdc-slider__track-marker:first-child::after {
  4463. width: 3px; }
  4464. .mdc-slider__thumb-container {
  4465. position: absolute;
  4466. top: 15px;
  4467. left: 0;
  4468. width: 21px;
  4469. height: 100%;
  4470. -webkit-user-select: none;
  4471. -moz-user-select: none;
  4472. -ms-user-select: none;
  4473. user-select: none;
  4474. will-change: transform; }
  4475. .mdc-slider__thumb {
  4476. position: absolute;
  4477. top: 0;
  4478. left: 0;
  4479. -webkit-transform: scale(0.571);
  4480. transform: scale(0.571);
  4481. transition: fill 100ms ease-out, stroke 100ms ease-out, -webkit-transform 100ms ease-out;
  4482. transition: transform 100ms ease-out, fill 100ms ease-out, stroke 100ms ease-out;
  4483. transition: transform 100ms ease-out, fill 100ms ease-out, stroke 100ms ease-out, -webkit-transform 100ms ease-out;
  4484. stroke-width: 3.5; }
  4485. .mdc-slider__focus-ring {
  4486. width: 21px;
  4487. height: 21px;
  4488. transition: opacity 266.67ms ease-out, background-color 266.67ms ease-out, -webkit-transform 266.67ms ease-out;
  4489. transition: transform 266.67ms ease-out, opacity 266.67ms ease-out, background-color 266.67ms ease-out;
  4490. transition: transform 266.67ms ease-out, opacity 266.67ms ease-out, background-color 266.67ms ease-out, -webkit-transform 266.67ms ease-out;
  4491. border-radius: 50%;
  4492. opacity: 0; }
  4493. .mdc-slider__pin {
  4494. display: flex;
  4495. position: absolute;
  4496. top: 0;
  4497. left: 0;
  4498. align-items: center;
  4499. justify-content: center;
  4500. width: 26px;
  4501. height: 26px;
  4502. margin-top: -2px;
  4503. margin-left: -2px;
  4504. -webkit-transform: rotate(-45deg) scale(0) translate(0, 0);
  4505. transform: rotate(-45deg) scale(0) translate(0, 0);
  4506. transition: -webkit-transform 100ms ease-out;
  4507. transition: transform 100ms ease-out;
  4508. transition: transform 100ms ease-out, -webkit-transform 100ms ease-out;
  4509. border-radius: 50% 50% 50% 0%;
  4510. z-index: 1; }
  4511. .mdc-slider__pin-value-marker {
  4512. font-family: Roboto, sans-serif;
  4513. -moz-osx-font-smoothing: grayscale;
  4514. -webkit-font-smoothing: antialiased;
  4515. font-size: 0.875rem;
  4516. line-height: 1.25rem;
  4517. font-weight: 400;
  4518. letter-spacing: 0.01786em;
  4519. text-decoration: inherit;
  4520. text-transform: inherit;
  4521. -webkit-transform: rotate(45deg);
  4522. transform: rotate(45deg); }
  4523. .mdc-slider--active .mdc-slider__thumb {
  4524. -webkit-transform: scale3d(1, 1, 1);
  4525. transform: scale3d(1, 1, 1); }
  4526. .mdc-slider--focus .mdc-slider__thumb {
  4527. -webkit-animation: mdc-slider-emphasize 266.67ms linear;
  4528. animation: mdc-slider-emphasize 266.67ms linear; }
  4529. .mdc-slider--focus .mdc-slider__focus-ring {
  4530. -webkit-transform: scale3d(1.55, 1.55, 1.55);
  4531. transform: scale3d(1.55, 1.55, 1.55);
  4532. opacity: .25; }
  4533. .mdc-slider--in-transit .mdc-slider__thumb {
  4534. transition-delay: 140ms; }
  4535. .mdc-slider--in-transit .mdc-slider__thumb-container,
  4536. .mdc-slider--in-transit .mdc-slider__track,
  4537. .mdc-slider:focus:not(.mdc-slider--active) .mdc-slider__thumb-container,
  4538. .mdc-slider:focus:not(.mdc-slider--active) .mdc-slider__track {
  4539. transition: -webkit-transform 80ms ease;
  4540. transition: transform 80ms ease;
  4541. transition: transform 80ms ease, -webkit-transform 80ms ease; }
  4542. .mdc-slider--discrete.mdc-slider--active .mdc-slider__thumb {
  4543. -webkit-transform: scale(calc(12 / 21));
  4544. transform: scale(calc(12 / 21)); }
  4545. .mdc-slider--discrete.mdc-slider--active .mdc-slider__pin {
  4546. -webkit-transform: rotate(-45deg) scale(1) translate(19px, -20px);
  4547. transform: rotate(-45deg) scale(1) translate(19px, -20px); }
  4548. .mdc-slider--discrete.mdc-slider--focus .mdc-slider__thumb {
  4549. -webkit-animation: none;
  4550. animation: none; }
  4551. .mdc-slider--discrete.mdc-slider--display-markers .mdc-slider__track-marker-container {
  4552. visibility: visible; }
  4553. .mdc-snackbar {
  4554. display: flex;
  4555. position: fixed;
  4556. bottom: 0;
  4557. left: 50%;
  4558. align-items: center;
  4559. justify-content: flex-start;
  4560. box-sizing: border-box;
  4561. padding-right: 24px;
  4562. padding-left: 24px;
  4563. -webkit-transform: translate(-50%, 100%);
  4564. transform: translate(-50%, 100%);
  4565. transition: -webkit-transform 0.25s 0ms cubic-bezier(0.4, 0, 1, 1);
  4566. transition: transform 0.25s 0ms cubic-bezier(0.4, 0, 1, 1);
  4567. transition: transform 0.25s 0ms cubic-bezier(0.4, 0, 1, 1), -webkit-transform 0.25s 0ms cubic-bezier(0.4, 0, 1, 1);
  4568. background-color: #323232;
  4569. pointer-events: none;
  4570. will-change: transform; }
  4571. @media (max-width: 599px) {
  4572. .mdc-snackbar {
  4573. left: 0;
  4574. width: 100%;
  4575. -webkit-transform: translate(0, 100%);
  4576. transform: translate(0, 100%); } }
  4577. @media (min-width: 600px) {
  4578. .mdc-snackbar {
  4579. min-width: 288px;
  4580. max-width: 568px;
  4581. border-radius: 2px; } }
  4582. @media (min-width: 600px) {
  4583. .mdc-snackbar--align-start {
  4584. /* @noflip */
  4585. left: 24px;
  4586. /* @noflip */
  4587. right: initial;
  4588. bottom: 24px;
  4589. -webkit-transform: translate(0, 200%);
  4590. transform: translate(0, 200%); }
  4591. [dir="rtl"] .mdc-snackbar--align-start, .mdc-snackbar--align-start[dir="rtl"] {
  4592. /* @noflip */
  4593. left: initial;
  4594. /* @noflip */
  4595. right: 24px; } }
  4596. @media (max-width: 599px) {
  4597. .mdc-snackbar--align-start {
  4598. bottom: 0;
  4599. left: 0;
  4600. width: 100%;
  4601. -webkit-transform: translate(0, 100%);
  4602. transform: translate(0, 100%); } }
  4603. .mdc-snackbar--active {
  4604. -webkit-transform: translate(0);
  4605. transform: translate(0);
  4606. transition: -webkit-transform 0.25s 0ms cubic-bezier(0, 0, 0.2, 1);
  4607. transition: transform 0.25s 0ms cubic-bezier(0, 0, 0.2, 1);
  4608. transition: transform 0.25s 0ms cubic-bezier(0, 0, 0.2, 1), -webkit-transform 0.25s 0ms cubic-bezier(0, 0, 0.2, 1);
  4609. pointer-events: auto; }
  4610. .mdc-snackbar--active:not(.mdc-snackbar--align-start) {
  4611. -webkit-transform: translate(-50%, 0);
  4612. transform: translate(-50%, 0); }
  4613. @media (max-width: 599px) {
  4614. .mdc-snackbar--active:not(.mdc-snackbar--align-start) {
  4615. bottom: 0;
  4616. left: 0;
  4617. width: 100%;
  4618. -webkit-transform: translate(0);
  4619. transform: translate(0); } }
  4620. .mdc-snackbar__action-wrapper {
  4621. /* @noflip */
  4622. padding-left: 24px;
  4623. /* @noflip */
  4624. padding-right: 0; }
  4625. [dir="rtl"] .mdc-snackbar__action-wrapper, .mdc-snackbar__action-wrapper[dir="rtl"] {
  4626. /* @noflip */
  4627. padding-left: 0;
  4628. /* @noflip */
  4629. padding-right: 24px; }
  4630. .mdc-snackbar--action-on-bottom {
  4631. flex-direction: column; }
  4632. .mdc-snackbar__text {
  4633. font-family: Roboto, sans-serif;
  4634. -moz-osx-font-smoothing: grayscale;
  4635. -webkit-font-smoothing: antialiased;
  4636. font-size: 1rem;
  4637. line-height: 1.5rem;
  4638. font-weight: 400;
  4639. letter-spacing: 0.03125em;
  4640. text-decoration: inherit;
  4641. text-transform: inherit;
  4642. /* @noflip */
  4643. margin-left: 0;
  4644. /* @noflip */
  4645. margin-right: auto;
  4646. display: flex;
  4647. align-items: center;
  4648. height: 48px;
  4649. transition: opacity 0.3s 0ms cubic-bezier(0.4, 0, 1, 1);
  4650. opacity: 0;
  4651. color: white; }
  4652. .mdc-snackbar[dir="rtl"] .mdc-snackbar__text,
  4653. [dir="rtl"] .mdc-snackbar .mdc-snackbar__text {
  4654. /* @noflip */
  4655. margin-left: auto;
  4656. /* @noflip */
  4657. margin-right: 0; }
  4658. @media (min-width: 600px) {
  4659. .mdc-snackbar__text {
  4660. /* @noflip */
  4661. padding-left: 0;
  4662. /* @noflip */
  4663. padding-right: 24px; }
  4664. [dir="rtl"] .mdc-snackbar__text, .mdc-snackbar__text[dir="rtl"] {
  4665. /* @noflip */
  4666. padding-left: 24px;
  4667. /* @noflip */
  4668. padding-right: 0; } }
  4669. .mdc-snackbar--action-on-bottom .mdc-snackbar__text {
  4670. margin-right: inherit; }
  4671. .mdc-snackbar--action-on-bottom .mdc-snackbar__action-wrapper {
  4672. /* @noflip */
  4673. margin-left: auto;
  4674. /* @noflip */
  4675. margin-right: 0;
  4676. flex-direction: column;
  4677. justify-content: flex-start;
  4678. margin-top: -12px;
  4679. margin-bottom: 8px; }
  4680. [dir="rtl"] .mdc-snackbar--action-on-bottom .mdc-snackbar__action-wrapper, .mdc-snackbar--action-on-bottom .mdc-snackbar__action-wrapper[dir="rtl"] {
  4681. /* @noflip */
  4682. margin-left: 0;
  4683. /* @noflip */
  4684. margin-right: auto; }
  4685. .mdc-snackbar--multiline .mdc-snackbar__text {
  4686. height: 80px; }
  4687. .mdc-snackbar__action-button {
  4688. font-family: Roboto, sans-serif;
  4689. -moz-osx-font-smoothing: grayscale;
  4690. -webkit-font-smoothing: antialiased;
  4691. font-size: 0.875rem;
  4692. line-height: 2.25rem;
  4693. font-weight: 500;
  4694. letter-spacing: 0.08929em;
  4695. text-decoration: none;
  4696. text-transform: uppercase;
  4697. color: #018786;
  4698. /* @alternate */
  4699. color: var(--mdc-theme-secondary, #018786);
  4700. padding: 0;
  4701. transition: opacity 0.3s 0ms cubic-bezier(0.4, 0, 1, 1);
  4702. border: none;
  4703. outline: none;
  4704. background-color: transparent;
  4705. opacity: 0;
  4706. -webkit-user-select: none;
  4707. -moz-user-select: none;
  4708. -ms-user-select: none;
  4709. user-select: none;
  4710. -webkit-appearance: none;
  4711. visibility: hidden; }
  4712. .mdc-snackbar__action-button::-moz-focus-inner {
  4713. border: 0; }
  4714. .mdc-snackbar__action-button:hover {
  4715. cursor: pointer; }
  4716. .mdc-snackbar__action-button:not([aria-hidden]) {
  4717. visibility: inherit; }
  4718. .mdc-snackbar--active .mdc-snackbar__text,
  4719. .mdc-snackbar--active .mdc-snackbar__action-button:not([aria-hidden]) {
  4720. transition: opacity 0.3s 0ms cubic-bezier(0.4, 0, 1, 1);
  4721. opacity: 1; }
  4722. .mdc-snackbar--multiline.mdc-snackbar--action-on-bottom .mdc-snackbar__text {
  4723. margin: 0; }
  4724. .mdc-switch {
  4725. display: inline-block;
  4726. position: relative;
  4727. outline: none;
  4728. -webkit-user-select: none;
  4729. -moz-user-select: none;
  4730. -ms-user-select: none;
  4731. user-select: none; }
  4732. .mdc-switch.mdc-switch--checked .mdc-switch__track {
  4733. background-color: #018786;
  4734. /* @alternate */
  4735. background-color: var(--mdc-theme-secondary, #018786);
  4736. border-color: #018786;
  4737. /* @alternate */
  4738. border-color: var(--mdc-theme-secondary, #018786); }
  4739. .mdc-switch.mdc-switch--checked .mdc-switch__thumb {
  4740. background-color: #018786;
  4741. /* @alternate */
  4742. background-color: var(--mdc-theme-secondary, #018786);
  4743. border-color: #018786;
  4744. /* @alternate */
  4745. border-color: var(--mdc-theme-secondary, #018786); }
  4746. .mdc-switch:not(.mdc-switch--checked) .mdc-switch__track {
  4747. background-color: #000;
  4748. border-color: #000; }
  4749. .mdc-switch:not(.mdc-switch--checked) .mdc-switch__thumb {
  4750. background-color: #fff;
  4751. border-color: #fff; }
  4752. .mdc-switch:not(.mdc-switch--checked) .mdc-switch__thumb-underlay::before, .mdc-switch:not(.mdc-switch--checked) .mdc-switch__thumb-underlay::after {
  4753. background-color: #9e9e9e; }
  4754. .mdc-switch:not(.mdc-switch--checked) .mdc-switch__thumb-underlay:hover::before {
  4755. opacity: 0.08; }
  4756. .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 {
  4757. transition-duration: 75ms;
  4758. opacity: 0.24; }
  4759. .mdc-switch:not(.mdc-switch--checked) .mdc-switch__thumb-underlay:not(.mdc-ripple-upgraded)::after {
  4760. transition: opacity 150ms linear; }
  4761. .mdc-switch:not(.mdc-switch--checked) .mdc-switch__thumb-underlay:not(.mdc-ripple-upgraded):active::after {
  4762. transition-duration: 75ms;
  4763. opacity: 0.32; }
  4764. .mdc-switch:not(.mdc-switch--checked) .mdc-switch__thumb-underlay.mdc-ripple-upgraded {
  4765. --mdc-ripple-fg-opacity: 0.32; }
  4766. .mdc-switch__native-control {
  4767. /* @noflip */
  4768. left: 0;
  4769. /* @noflip */
  4770. right: initial;
  4771. position: absolute;
  4772. top: 0;
  4773. width: 68px;
  4774. height: 48px;
  4775. margin: 0;
  4776. opacity: 0;
  4777. cursor: pointer;
  4778. pointer-events: auto; }
  4779. [dir="rtl"] .mdc-switch__native-control, .mdc-switch__native-control[dir="rtl"] {
  4780. /* @noflip */
  4781. left: initial;
  4782. /* @noflip */
  4783. right: 0; }
  4784. .mdc-switch__track {
  4785. box-sizing: border-box;
  4786. width: 32px;
  4787. height: 14px;
  4788. 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);
  4789. border: 1px solid;
  4790. border-radius: 7px;
  4791. opacity: .38; }
  4792. .mdc-switch__thumb-underlay {
  4793. /* @noflip */
  4794. left: -18px;
  4795. /* @noflip */
  4796. right: initial;
  4797. --mdc-ripple-fg-size: 0;
  4798. --mdc-ripple-left: 0;
  4799. --mdc-ripple-top: 0;
  4800. --mdc-ripple-fg-scale: 1;
  4801. --mdc-ripple-fg-translate-end: 0;
  4802. --mdc-ripple-fg-translate-start: 0;
  4803. -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  4804. will-change: transform, opacity;
  4805. display: flex;
  4806. position: absolute;
  4807. top: -17px;
  4808. align-items: center;
  4809. justify-content: center;
  4810. width: 48px;
  4811. height: 48px;
  4812. -webkit-transform: translateX(0);
  4813. transform: translateX(0);
  4814. 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);
  4815. 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);
  4816. 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); }
  4817. [dir="rtl"] .mdc-switch__thumb-underlay, .mdc-switch__thumb-underlay[dir="rtl"] {
  4818. /* @noflip */
  4819. left: initial;
  4820. /* @noflip */
  4821. right: -18px; }
  4822. .mdc-switch__thumb-underlay::before, .mdc-switch__thumb-underlay::after {
  4823. position: absolute;
  4824. border-radius: 50%;
  4825. opacity: 0;
  4826. pointer-events: none;
  4827. content: ""; }
  4828. .mdc-switch__thumb-underlay::before {
  4829. transition: opacity 15ms linear;
  4830. z-index: 1; }
  4831. .mdc-switch__thumb-underlay.mdc-ripple-upgraded::before {
  4832. -webkit-transform: scale(var(--mdc-ripple-fg-scale, 1));
  4833. transform: scale(var(--mdc-ripple-fg-scale, 1)); }
  4834. .mdc-switch__thumb-underlay.mdc-ripple-upgraded::after {
  4835. top: 0;
  4836. /* @noflip */
  4837. left: 0;
  4838. -webkit-transform: scale(0);
  4839. transform: scale(0);
  4840. -webkit-transform-origin: center center;
  4841. transform-origin: center center; }
  4842. .mdc-switch__thumb-underlay.mdc-ripple-upgraded--unbounded::after {
  4843. top: var(--mdc-ripple-top, 0);
  4844. /* @noflip */
  4845. left: var(--mdc-ripple-left, 0); }
  4846. .mdc-switch__thumb-underlay.mdc-ripple-upgraded--foreground-activation::after {
  4847. -webkit-animation: 225ms mdc-ripple-fg-radius-in forwards, 75ms mdc-ripple-fg-opacity-in forwards;
  4848. animation: 225ms mdc-ripple-fg-radius-in forwards, 75ms mdc-ripple-fg-opacity-in forwards; }
  4849. .mdc-switch__thumb-underlay.mdc-ripple-upgraded--foreground-deactivation::after {
  4850. -webkit-animation: 150ms mdc-ripple-fg-opacity-out;
  4851. animation: 150ms mdc-ripple-fg-opacity-out;
  4852. -webkit-transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
  4853. transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1)); }
  4854. .mdc-switch__thumb-underlay::before, .mdc-switch__thumb-underlay::after {
  4855. top: calc(50% - 50%);
  4856. /* @noflip */
  4857. left: calc(50% - 50%);
  4858. width: 100%;
  4859. height: 100%; }
  4860. .mdc-switch__thumb-underlay.mdc-ripple-upgraded::before, .mdc-switch__thumb-underlay.mdc-ripple-upgraded::after {
  4861. top: var(--mdc-ripple-top, calc(50% - 50%));
  4862. /* @noflip */
  4863. left: var(--mdc-ripple-left, calc(50% - 50%));
  4864. width: var(--mdc-ripple-fg-size, 100%);
  4865. height: var(--mdc-ripple-fg-size, 100%); }
  4866. .mdc-switch__thumb-underlay.mdc-ripple-upgraded::after {
  4867. width: var(--mdc-ripple-fg-size, 100%);
  4868. height: var(--mdc-ripple-fg-size, 100%); }
  4869. .mdc-switch__thumb-underlay::before, .mdc-switch__thumb-underlay::after {
  4870. background-color: #018786; }
  4871. @supports not (-ms-ime-align: auto) {
  4872. .mdc-switch__thumb-underlay::before, .mdc-switch__thumb-underlay::after {
  4873. /* @alternate */
  4874. background-color: var(--mdc-theme-secondary, #018786); } }
  4875. .mdc-switch__thumb-underlay:hover::before {
  4876. opacity: 0.04; }
  4877. .mdc-switch__thumb-underlay:not(.mdc-ripple-upgraded):focus::before, .mdc-switch__thumb-underlay.mdc-ripple-upgraded--background-focused::before {
  4878. transition-duration: 75ms;
  4879. opacity: 0.12; }
  4880. .mdc-switch__thumb-underlay:not(.mdc-ripple-upgraded)::after {
  4881. transition: opacity 150ms linear; }
  4882. .mdc-switch__thumb-underlay:not(.mdc-ripple-upgraded):active::after {
  4883. transition-duration: 75ms;
  4884. opacity: 0.16; }
  4885. .mdc-switch__thumb-underlay.mdc-ripple-upgraded {
  4886. --mdc-ripple-fg-opacity: 0.16; }
  4887. .mdc-switch__thumb {
  4888. 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);
  4889. box-sizing: border-box;
  4890. width: 20px;
  4891. height: 20px;
  4892. border: 10px solid;
  4893. border-radius: 50%;
  4894. pointer-events: none;
  4895. z-index: 1; }
  4896. .mdc-switch--checked .mdc-switch__track {
  4897. opacity: .54; }
  4898. .mdc-switch--checked .mdc-switch__thumb-underlay {
  4899. -webkit-transform: translateX(20px);
  4900. transform: translateX(20px); }
  4901. [dir="rtl"] .mdc-switch--checked .mdc-switch__thumb-underlay, .mdc-switch--checked .mdc-switch__thumb-underlay[dir="rtl"] {
  4902. -webkit-transform: translateX(-20px);
  4903. transform: translateX(-20px); }
  4904. .mdc-switch--checked .mdc-switch__native-control {
  4905. -webkit-transform: translateX(-20px);
  4906. transform: translateX(-20px); }
  4907. [dir="rtl"] .mdc-switch--checked .mdc-switch__native-control, .mdc-switch--checked .mdc-switch__native-control[dir="rtl"] {
  4908. -webkit-transform: translateX(20px);
  4909. transform: translateX(20px); }
  4910. .mdc-switch--disabled {
  4911. opacity: .38;
  4912. pointer-events: none; }
  4913. .mdc-switch--disabled .mdc-switch__thumb {
  4914. border-width: 1px; }
  4915. .mdc-switch--disabled .mdc-switch__native-control {
  4916. cursor: default;
  4917. pointer-events: none; }
  4918. /**
  4919. * @license
  4920. * Copyright 2018 Google Inc. All Rights Reserved.
  4921. *
  4922. * Licensed under the Apache License, Version 2.0 (the "License")
  4923. * you may not use this file except in compliance with the License.
  4924. * You may obtain a copy of the License at
  4925. *
  4926. * http://www.apache.org/licenses/LICENSE-2.0
  4927. *
  4928. * Unless required by applicable law or agreed to in writing, software
  4929. * distributed under the License is distributed on an "AS IS" BASIS,
  4930. * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
  4931. * See the License for the specific language governing permissions and
  4932. * limitations under the License.
  4933. */
  4934. .mdc-tab {
  4935. position: relative;
  4936. font-family: Roboto, sans-serif;
  4937. -moz-osx-font-smoothing: grayscale;
  4938. -webkit-font-smoothing: antialiased;
  4939. font-size: 0.875rem;
  4940. line-height: 2.25rem;
  4941. font-weight: 500;
  4942. letter-spacing: 0.08929em;
  4943. text-decoration: none;
  4944. text-transform: uppercase;
  4945. display: flex;
  4946. flex: 1 0 auto;
  4947. justify-content: center;
  4948. box-sizing: border-box;
  4949. height: 48px;
  4950. padding: 0 24px;
  4951. border: none;
  4952. outline: none;
  4953. background: none;
  4954. text-align: center;
  4955. text-decoration: none;
  4956. text-transform: uppercase;
  4957. white-space: nowrap;
  4958. cursor: pointer;
  4959. -webkit-appearance: none;
  4960. z-index: 1; }
  4961. .mdc-tab .mdc-tab__text-label {
  4962. color: #000;
  4963. /* @alternate */
  4964. color: var(--mdc-theme-on-surface, #000); }
  4965. .mdc-tab .mdc-tab__icon {
  4966. color: #000;
  4967. /* @alternate */
  4968. color: var(--mdc-theme-on-surface, #000); }
  4969. .mdc-tab--min-width {
  4970. flex: 0 1 auto; }
  4971. .mdc-tab__ripple {
  4972. --mdc-ripple-fg-size: 0;
  4973. --mdc-ripple-left: 0;
  4974. --mdc-ripple-top: 0;
  4975. --mdc-ripple-fg-scale: 1;
  4976. --mdc-ripple-fg-translate-end: 0;
  4977. --mdc-ripple-fg-translate-start: 0;
  4978. -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  4979. will-change: transform, opacity;
  4980. position: absolute;
  4981. top: 0;
  4982. left: 0;
  4983. width: 100%;
  4984. height: 100%;
  4985. overflow: hidden; }
  4986. .mdc-tab__ripple::before, .mdc-tab__ripple::after {
  4987. position: absolute;
  4988. border-radius: 50%;
  4989. opacity: 0;
  4990. pointer-events: none;
  4991. content: ""; }
  4992. .mdc-tab__ripple::before {
  4993. transition: opacity 15ms linear;
  4994. z-index: 1; }
  4995. .mdc-tab__ripple.mdc-ripple-upgraded::before {
  4996. -webkit-transform: scale(var(--mdc-ripple-fg-scale, 1));
  4997. transform: scale(var(--mdc-ripple-fg-scale, 1)); }
  4998. .mdc-tab__ripple.mdc-ripple-upgraded::after {
  4999. top: 0;
  5000. /* @noflip */
  5001. left: 0;
  5002. -webkit-transform: scale(0);
  5003. transform: scale(0);
  5004. -webkit-transform-origin: center center;
  5005. transform-origin: center center; }
  5006. .mdc-tab__ripple.mdc-ripple-upgraded--unbounded::after {
  5007. top: var(--mdc-ripple-top, 0);
  5008. /* @noflip */
  5009. left: var(--mdc-ripple-left, 0); }
  5010. .mdc-tab__ripple.mdc-ripple-upgraded--foreground-activation::after {
  5011. -webkit-animation: 225ms mdc-ripple-fg-radius-in forwards, 75ms mdc-ripple-fg-opacity-in forwards;
  5012. animation: 225ms mdc-ripple-fg-radius-in forwards, 75ms mdc-ripple-fg-opacity-in forwards; }
  5013. .mdc-tab__ripple.mdc-ripple-upgraded--foreground-deactivation::after {
  5014. -webkit-animation: 150ms mdc-ripple-fg-opacity-out;
  5015. animation: 150ms mdc-ripple-fg-opacity-out;
  5016. -webkit-transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
  5017. transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1)); }
  5018. .mdc-tab__ripple::before, .mdc-tab__ripple::after {
  5019. top: calc(50% - 100%);
  5020. /* @noflip */
  5021. left: calc(50% - 100%);
  5022. width: 200%;
  5023. height: 200%; }
  5024. .mdc-tab__ripple.mdc-ripple-upgraded::after {
  5025. width: var(--mdc-ripple-fg-size, 100%);
  5026. height: var(--mdc-ripple-fg-size, 100%); }
  5027. .mdc-tab__ripple::before, .mdc-tab__ripple::after {
  5028. background-color: #6200ee; }
  5029. @supports not (-ms-ime-align: auto) {
  5030. .mdc-tab__ripple::before, .mdc-tab__ripple::after {
  5031. /* @alternate */
  5032. background-color: var(--mdc-theme-primary, #6200ee); } }
  5033. .mdc-tab__ripple:hover::before {
  5034. opacity: 0.04; }
  5035. .mdc-tab__ripple:not(.mdc-ripple-upgraded):focus::before, .mdc-tab__ripple.mdc-ripple-upgraded--background-focused::before {
  5036. transition-duration: 75ms;
  5037. opacity: 0.12; }
  5038. .mdc-tab__ripple:not(.mdc-ripple-upgraded)::after {
  5039. transition: opacity 150ms linear; }
  5040. .mdc-tab__ripple:not(.mdc-ripple-upgraded):active::after {
  5041. transition-duration: 75ms;
  5042. opacity: 0.16; }
  5043. .mdc-tab__ripple.mdc-ripple-upgraded {
  5044. --mdc-ripple-fg-opacity: 0.16; }
  5045. .mdc-tab__content {
  5046. position: relative;
  5047. display: flex;
  5048. align-items: center;
  5049. justify-content: center;
  5050. height: inherit;
  5051. pointer-events: none; }
  5052. .mdc-tab__text-label,
  5053. .mdc-tab__icon {
  5054. z-index: 2; }
  5055. .mdc-tab__text-label {
  5056. display: inline-block;
  5057. opacity: 0.6;
  5058. line-height: 1; }
  5059. .mdc-tab__icon {
  5060. width: 24px;
  5061. height: 24px;
  5062. opacity: 0.54; }
  5063. .mdc-tab--stacked {
  5064. height: 72px; }
  5065. .mdc-tab--stacked .mdc-tab__content {
  5066. flex-direction: column;
  5067. align-items: center;
  5068. justify-content: space-between; }
  5069. .mdc-tab--stacked .mdc-tab__icon {
  5070. padding-top: 12px; }
  5071. .mdc-tab--stacked .mdc-tab__text-label {
  5072. padding-bottom: 16px; }
  5073. .mdc-tab--animating-activate .mdc-tab__text-label,
  5074. .mdc-tab--animating-activate .mdc-tab__icon,
  5075. .mdc-tab--animating-deactivate .mdc-tab__text-label,
  5076. .mdc-tab--animating-deactivate .mdc-tab__icon {
  5077. transition: 150ms color linear, 150ms opacity linear; }
  5078. .mdc-tab--animating-activate .mdc-tab__text-label,
  5079. .mdc-tab--animating-activate .mdc-tab__icon {
  5080. transition-delay: 100ms; }
  5081. .mdc-tab--active .mdc-tab__text-label {
  5082. color: #6200ee;
  5083. /* @alternate */
  5084. color: var(--mdc-theme-primary, #6200ee); }
  5085. .mdc-tab--active .mdc-tab__icon {
  5086. color: #6200ee;
  5087. /* @alternate */
  5088. color: var(--mdc-theme-primary, #6200ee); }
  5089. .mdc-tab--active .mdc-tab__text-label,
  5090. .mdc-tab--active .mdc-tab__icon {
  5091. opacity: 1; }
  5092. .mdc-tab:not(.mdc-tab--stacked) .mdc-tab__icon + .mdc-tab__text-label {
  5093. /* @noflip */
  5094. padding-left: 8px;
  5095. /* @noflip */
  5096. padding-right: 0; }
  5097. [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"] {
  5098. /* @noflip */
  5099. padding-left: 0;
  5100. /* @noflip */
  5101. padding-right: 8px; }
  5102. /**
  5103. * @license
  5104. * Copyright 2018 Google Inc. All Rights Reserved.
  5105. *
  5106. * Licensed under the Apache License, Version 2.0 (the "License")
  5107. * you may not use this file except in compliance with the License.
  5108. * You may obtain a copy of the License at
  5109. *
  5110. * http://www.apache.org/licenses/LICENSE-2.0
  5111. *
  5112. * Unless required by applicable law or agreed to in writing, software
  5113. * distributed under the License is distributed on an "AS IS" BASIS,
  5114. * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
  5115. * See the License for the specific language governing permissions and
  5116. * limitations under the License.
  5117. */
  5118. /**
  5119. * @license
  5120. * Copyright 2018 Google Inc. All Rights Reserved.
  5121. *
  5122. * Licensed under the Apache License, Version 2.0 (the "License")
  5123. * you may not use this file except in compliance with the License.
  5124. * You may obtain a copy of the License at
  5125. *
  5126. * http://www.apache.org/licenses/LICENSE-2.0
  5127. *
  5128. * Unless required by applicable law or agreed to in writing, software
  5129. * distributed under the License is distributed on an "AS IS" BASIS,
  5130. * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
  5131. * See the License for the specific language governing permissions and
  5132. * limitations under the License.
  5133. */
  5134. .mdc-tab-bar {
  5135. width: 100%; }
  5136. /**
  5137. * @license
  5138. * Copyright 2018 Google Inc. All Rights Reserved.
  5139. *
  5140. * Licensed under the Apache License, Version 2.0 (the "License")
  5141. * you may not use this file except in compliance with the License.
  5142. * You may obtain a copy of the License at
  5143. *
  5144. * http://www.apache.org/licenses/LICENSE-2.0
  5145. *
  5146. * Unless required by applicable law or agreed to in writing, software
  5147. * distributed under the License is distributed on an "AS IS" BASIS,
  5148. * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
  5149. * See the License for the specific language governing permissions and
  5150. * limitations under the License.
  5151. */
  5152. /**
  5153. * @license
  5154. * Copyright 2018 Google Inc. All Rights Reserved.
  5155. *
  5156. * Licensed under the Apache License, Version 2.0 (the "License")
  5157. * you may not use this file except in compliance with the License.
  5158. * You may obtain a copy of the License at
  5159. *
  5160. * http://www.apache.org/licenses/LICENSE-2.0
  5161. *
  5162. * Unless required by applicable law or agreed to in writing, software
  5163. * distributed under the License is distributed on an "AS IS" BASIS,
  5164. * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
  5165. * See the License for the specific language governing permissions and
  5166. * limitations under the License.
  5167. */
  5168. .mdc-tab-indicator {
  5169. display: flex;
  5170. position: absolute;
  5171. top: 0;
  5172. left: 0;
  5173. width: 100%;
  5174. height: 100%;
  5175. pointer-events: none;
  5176. z-index: 1; }
  5177. .mdc-tab-indicator > .mdc-tab-indicator__content--underline {
  5178. background-color: #6200ee;
  5179. /* @alternate */
  5180. background-color: var(--mdc-theme-primary, #6200ee); }
  5181. .mdc-tab-indicator > .mdc-tab-indicator__content--underline {
  5182. height: 2px; }
  5183. .mdc-tab-indicator > .mdc-tab-indicator__content--icon {
  5184. color: #018786;
  5185. /* @alternate */
  5186. color: var(--mdc-theme-secondary, #018786); }
  5187. .mdc-tab-indicator > .mdc-tab-indicator__content--icon {
  5188. height: 34px;
  5189. font-size: 34px; }
  5190. .mdc-tab-indicator__content {
  5191. -webkit-transform-origin: left;
  5192. transform-origin: left;
  5193. opacity: 0; }
  5194. .mdc-tab-indicator__content--underline {
  5195. align-self: flex-end;
  5196. width: 100%; }
  5197. .mdc-tab-indicator__content--icon {
  5198. align-self: center;
  5199. margin: 0 auto; }
  5200. .mdc-tab-indicator--active > .mdc-tab-indicator__content {
  5201. opacity: 1; }
  5202. .mdc-tab-indicator--sliding-activate > .mdc-tab-indicator__content {
  5203. transition: 250ms -webkit-transform cubic-bezier(0.4, 0, 0.2, 1);
  5204. transition: 250ms transform cubic-bezier(0.4, 0, 0.2, 1);
  5205. transition: 250ms transform cubic-bezier(0.4, 0, 0.2, 1), 250ms -webkit-transform cubic-bezier(0.4, 0, 0.2, 1); }
  5206. .mdc-tab-indicator--fading-activate > .mdc-tab-indicator__content,
  5207. .mdc-tab-indicator--fading-deactivate > .mdc-tab-indicator__content {
  5208. transition: 150ms opacity linear; }
  5209. .mdc-tab-indicator--fading-activate > .mdc-tab-indicator__content {
  5210. transition-delay: 100ms; }
  5211. /**
  5212. * @license
  5213. * Copyright 2018 Google Inc. All Rights Reserved.
  5214. *
  5215. * Licensed under the Apache License, Version 2.0 (the "License")
  5216. * you may not use this file except in compliance with the License.
  5217. * You may obtain a copy of the License at
  5218. *
  5219. * http://www.apache.org/licenses/LICENSE-2.0
  5220. *
  5221. * Unless required by applicable law or agreed to in writing, software
  5222. * distributed under the License is distributed on an "AS IS" BASIS,
  5223. * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
  5224. * See the License for the specific language governing permissions and
  5225. * limitations under the License.
  5226. */
  5227. .mdc-tab-scroller {
  5228. overflow-y: hidden; }
  5229. .mdc-tab-scroller__test {
  5230. position: absolute;
  5231. top: -9999px;
  5232. width: 100px;
  5233. height: 100px;
  5234. overflow-x: scroll; }
  5235. .mdc-tab-scroller__scroll-area {
  5236. -webkit-overflow-scrolling: touch;
  5237. display: flex;
  5238. overflow-x: hidden; }
  5239. .mdc-tab-scroller__scroll-area::-webkit-scrollbar,
  5240. .mdc-tab-scroller__test::-webkit-scrollbar {
  5241. display: none; }
  5242. .mdc-tab-scroller__scroll-area--scroll {
  5243. overflow-x: scroll; }
  5244. .mdc-tab-scroller__scroll-content {
  5245. position: relative;
  5246. display: flex;
  5247. flex: 1 0 auto;
  5248. -webkit-transform: none;
  5249. transform: none;
  5250. will-change: transform; }
  5251. .mdc-tab-scroller--align-start .mdc-tab-scroller__scroll-content {
  5252. justify-content: flex-start; }
  5253. .mdc-tab-scroller--align-end .mdc-tab-scroller__scroll-content {
  5254. justify-content: flex-end; }
  5255. .mdc-tab-scroller--align-center .mdc-tab-scroller__scroll-content {
  5256. justify-content: center; }
  5257. .mdc-tab-scroller--animating .mdc-tab-scroller__scroll-area {
  5258. -webkit-overflow-scrolling: auto; }
  5259. .mdc-tab-scroller--animating .mdc-tab-scroller__scroll-content {
  5260. transition: 250ms -webkit-transform cubic-bezier(0.4, 0, 0.2, 1);
  5261. transition: 250ms transform cubic-bezier(0.4, 0, 0.2, 1);
  5262. transition: 250ms transform cubic-bezier(0.4, 0, 0.2, 1), 250ms -webkit-transform cubic-bezier(0.4, 0, 0.2, 1); }
  5263. .mdc-text-field-helper-text {
  5264. font-family: Roboto, sans-serif;
  5265. -moz-osx-font-smoothing: grayscale;
  5266. -webkit-font-smoothing: antialiased;
  5267. font-size: 0.75rem;
  5268. line-height: 1.25rem;
  5269. font-weight: 400;
  5270. letter-spacing: 0.03333em;
  5271. text-decoration: inherit;
  5272. text-transform: inherit;
  5273. margin: 0;
  5274. transition: opacity 180ms cubic-bezier(0.4, 0, 0.2, 1);
  5275. opacity: 0;
  5276. will-change: opacity; }
  5277. .mdc-text-field + .mdc-text-field-helper-text {
  5278. margin-bottom: 8px; }
  5279. .mdc-text-field-helper-text--persistent {
  5280. transition: none;
  5281. opacity: 1;
  5282. will-change: initial; }
  5283. .mdc-text-field--with-leading-icon .mdc-text-field__icon,
  5284. .mdc-text-field--with-trailing-icon .mdc-text-field__icon {
  5285. position: absolute;
  5286. bottom: 16px;
  5287. cursor: pointer; }
  5288. .mdc-text-field__icon:not([tabindex]),
  5289. .mdc-text-field__icon[tabindex="-1"] {
  5290. cursor: default;
  5291. pointer-events: none; }
  5292. .mdc-text-field {
  5293. display: inline-block;
  5294. position: relative;
  5295. margin-bottom: 8px;
  5296. will-change: opacity, transform, color; }
  5297. .mdc-text-field:not(.mdc-text-field--disabled):not(.mdc-text-field--outlined):not(.mdc-text-field--textarea) .mdc-text-field__input {
  5298. border-bottom-color: rgba(0, 0, 0, 0.42); }
  5299. .mdc-text-field:not(.mdc-text-field--disabled):not(.mdc-text-field--outlined):not(.mdc-text-field--textarea) .mdc-text-field__input:hover {
  5300. border-bottom-color: rgba(0, 0, 0, 0.87); }
  5301. .mdc-text-field .mdc-line-ripple {
  5302. background-color: #6200ee;
  5303. /* @alternate */
  5304. background-color: var(--mdc-theme-primary, #6200ee); }
  5305. .mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__input {
  5306. color: rgba(0, 0, 0, 0.87); }
  5307. .mdc-text-field:not(.mdc-text-field--disabled) .mdc-floating-label {
  5308. color: rgba(0, 0, 0, 0.6); }
  5309. .mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__input::-webkit-input-placeholder {
  5310. color: rgba(0, 0, 0, 0.6); }
  5311. .mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__input:-ms-input-placeholder {
  5312. color: rgba(0, 0, 0, 0.6); }
  5313. .mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__input::-ms-input-placeholder {
  5314. color: rgba(0, 0, 0, 0.6); }
  5315. .mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__input::placeholder {
  5316. color: rgba(0, 0, 0, 0.6); }
  5317. .mdc-text-field:not(.mdc-text-field--disabled) + .mdc-text-field-helper-text {
  5318. color: rgba(0, 0, 0, 0.6); }
  5319. .mdc-text-field:not(.mdc-text-field--disabled):not(.mdc-text-field--textarea) {
  5320. border-bottom-color: rgba(0, 0, 0, 0.12); }
  5321. .mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__icon {
  5322. color: rgba(0, 0, 0, 0.54); }
  5323. .mdc-text-field .mdc-text-field__input {
  5324. caret-color: #6200ee;
  5325. /* @alternate */
  5326. caret-color: var(--mdc-theme-primary, #6200ee); }
  5327. .mdc-text-field__input {
  5328. font-family: Roboto, sans-serif;
  5329. -moz-osx-font-smoothing: grayscale;
  5330. -webkit-font-smoothing: antialiased;
  5331. font-size: 1rem;
  5332. line-height: 1.75rem;
  5333. font-weight: 400;
  5334. letter-spacing: 0.00937em;
  5335. text-decoration: inherit;
  5336. text-transform: inherit;
  5337. width: 100%;
  5338. height: 30px;
  5339. padding: 20px 0 1px;
  5340. transition: opacity 180ms cubic-bezier(0.4, 0, 0.2, 1);
  5341. border: none;
  5342. border-bottom: 1px solid;
  5343. border-radius: 0;
  5344. background: none;
  5345. -webkit-appearance: none;
  5346. -moz-appearance: none;
  5347. appearance: none; }
  5348. .mdc-text-field__input::-webkit-input-placeholder {
  5349. transition: color 180ms cubic-bezier(0.4, 0, 0.2, 1);
  5350. opacity: 1; }
  5351. .mdc-text-field__input:-ms-input-placeholder {
  5352. transition: color 180ms cubic-bezier(0.4, 0, 0.2, 1);
  5353. opacity: 1; }
  5354. .mdc-text-field__input::-ms-input-placeholder {
  5355. transition: color 180ms cubic-bezier(0.4, 0, 0.2, 1);
  5356. opacity: 1; }
  5357. .mdc-text-field__input::placeholder {
  5358. transition: color 180ms cubic-bezier(0.4, 0, 0.2, 1);
  5359. opacity: 1; }
  5360. .mdc-text-field__input:focus {
  5361. outline: none; }
  5362. .mdc-text-field__input:invalid {
  5363. box-shadow: none; }
  5364. .mdc-text-field__input:-webkit-autofill + .mdc-floating-label {
  5365. -webkit-transform: translateY(-100%) scale(0.75);
  5366. transform: translateY(-100%) scale(0.75);
  5367. cursor: auto; }
  5368. .mdc-text-field--outlined {
  5369. height: 56px;
  5370. border: none; }
  5371. .mdc-text-field--outlined:not(.mdc-text-field--disabled) .mdc-notched-outline__idle {
  5372. border-color: rgba(0, 0, 0, 0.24); }
  5373. .mdc-text-field--outlined:not(.mdc-text-field--disabled) .mdc-notched-outline__path {
  5374. stroke: rgba(0, 0, 0, 0.24); }
  5375. .mdc-text-field--outlined:not(.mdc-text-field--disabled):not(.mdc-text-field--focused) .mdc-text-field__input:hover ~ .mdc-notched-outline__idle,
  5376. .mdc-text-field--outlined:not(.mdc-text-field--disabled):not(.mdc-text-field--focused) .mdc-text-field__icon:hover ~ .mdc-notched-outline__idle {
  5377. border-color: rgba(0, 0, 0, 0.87); }
  5378. .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,
  5379. .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 {
  5380. stroke: rgba(0, 0, 0, 0.87); }
  5381. .mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__path {
  5382. stroke: #6200ee;
  5383. /* @alternate */
  5384. stroke: var(--mdc-theme-primary, #6200ee); }
  5385. .mdc-text-field--outlined .mdc-floating-label--float-above {
  5386. -webkit-transform: translateY(-130%) scale(0.75);
  5387. transform: translateY(-130%) scale(0.75); }
  5388. .mdc-text-field--outlined .mdc-floating-label--shake {
  5389. -webkit-animation: mdc-floating-label-shake-float-above-text-field-outlined 250ms 1;
  5390. animation: mdc-floating-label-shake-float-above-text-field-outlined 250ms 1; }
  5391. .mdc-text-field--outlined .mdc-notched-outline {
  5392. border-radius: 4px; }
  5393. .mdc-text-field--outlined .mdc-notched-outline__idle {
  5394. border-radius: 4px; }
  5395. .mdc-text-field--outlined .mdc-text-field__input {
  5396. display: flex;
  5397. padding: 12px;
  5398. border: none !important;
  5399. background-color: transparent;
  5400. z-index: 1; }
  5401. .mdc-text-field--outlined .mdc-floating-label {
  5402. /* @noflip */
  5403. left: 16px;
  5404. /* @noflip */
  5405. right: initial;
  5406. position: absolute;
  5407. bottom: 20px; }
  5408. [dir="rtl"] .mdc-text-field--outlined .mdc-floating-label, .mdc-text-field--outlined .mdc-floating-label[dir="rtl"] {
  5409. /* @noflip */
  5410. left: initial;
  5411. /* @noflip */
  5412. right: 16px; }
  5413. .mdc-text-field--outlined .mdc-text-field__icon {
  5414. z-index: 2; }
  5415. .mdc-text-field--outlined.mdc-text-field--focused .mdc-notched-outline__path {
  5416. stroke-width: 2px; }
  5417. .mdc-text-field--outlined.mdc-text-field--disabled .mdc-text-field__input {
  5418. color: rgba(0, 0, 0, 0.6); }
  5419. .mdc-text-field--outlined.mdc-text-field--disabled .mdc-notched-outline__idle {
  5420. border-color: rgba(0, 0, 0, 0.06); }
  5421. .mdc-text-field--outlined.mdc-text-field--disabled .mdc-notched-outline__path {
  5422. stroke: rgba(0, 0, 0, 0.06); }
  5423. .mdc-text-field--outlined.mdc-text-field--disabled .mdc-text-field__input {
  5424. border-bottom: none; }
  5425. .mdc-text-field--outlined.mdc-text-field--dense {
  5426. height: 48px; }
  5427. .mdc-text-field--outlined.mdc-text-field--dense .mdc-floating-label--float-above {
  5428. -webkit-transform: translateY(-110%) scale(0.923);
  5429. transform: translateY(-110%) scale(0.923); }
  5430. .mdc-text-field--outlined.mdc-text-field--dense .mdc-floating-label--shake {
  5431. -webkit-animation: mdc-floating-label-shake-float-above-text-field-outlined-dense 250ms 1;
  5432. animation: mdc-floating-label-shake-float-above-text-field-outlined-dense 250ms 1; }
  5433. .mdc-text-field--outlined.mdc-text-field--dense .mdc-text-field__input {
  5434. padding: 12px 12px 7px; }
  5435. .mdc-text-field--outlined.mdc-text-field--dense .mdc-floating-label {
  5436. bottom: 16px; }
  5437. .mdc-text-field--outlined.mdc-text-field--dense .mdc-text-field__icon {
  5438. top: 12px; }
  5439. .mdc-text-field--box {
  5440. --mdc-ripple-fg-size: 0;
  5441. --mdc-ripple-left: 0;
  5442. --mdc-ripple-top: 0;
  5443. --mdc-ripple-fg-scale: 1;
  5444. --mdc-ripple-fg-translate-end: 0;
  5445. --mdc-ripple-fg-translate-start: 0;
  5446. -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  5447. will-change: transform, opacity;
  5448. border-radius: 4px 4px 0 0;
  5449. display: inline-flex;
  5450. position: relative;
  5451. height: 56px;
  5452. margin-top: 16px;
  5453. overflow: hidden; }
  5454. .mdc-text-field--box::before, .mdc-text-field--box::after {
  5455. position: absolute;
  5456. border-radius: 50%;
  5457. opacity: 0;
  5458. pointer-events: none;
  5459. content: ""; }
  5460. .mdc-text-field--box::before {
  5461. transition: opacity 15ms linear;
  5462. z-index: 1; }
  5463. .mdc-text-field--box.mdc-ripple-upgraded::before {
  5464. -webkit-transform: scale(var(--mdc-ripple-fg-scale, 1));
  5465. transform: scale(var(--mdc-ripple-fg-scale, 1)); }
  5466. .mdc-text-field--box.mdc-ripple-upgraded::after {
  5467. top: 0;
  5468. /* @noflip */
  5469. left: 0;
  5470. -webkit-transform: scale(0);
  5471. transform: scale(0);
  5472. -webkit-transform-origin: center center;
  5473. transform-origin: center center; }
  5474. .mdc-text-field--box.mdc-ripple-upgraded--unbounded::after {
  5475. top: var(--mdc-ripple-top, 0);
  5476. /* @noflip */
  5477. left: var(--mdc-ripple-left, 0); }
  5478. .mdc-text-field--box.mdc-ripple-upgraded--foreground-activation::after {
  5479. -webkit-animation: 225ms mdc-ripple-fg-radius-in forwards, 75ms mdc-ripple-fg-opacity-in forwards;
  5480. animation: 225ms mdc-ripple-fg-radius-in forwards, 75ms mdc-ripple-fg-opacity-in forwards; }
  5481. .mdc-text-field--box.mdc-ripple-upgraded--foreground-deactivation::after {
  5482. -webkit-animation: 150ms mdc-ripple-fg-opacity-out;
  5483. animation: 150ms mdc-ripple-fg-opacity-out;
  5484. -webkit-transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
  5485. transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1)); }
  5486. .mdc-text-field--box::before, .mdc-text-field--box::after {
  5487. background-color: rgba(0, 0, 0, 0.87); }
  5488. .mdc-text-field--box:hover::before {
  5489. opacity: 0.04; }
  5490. .mdc-text-field--box:not(.mdc-ripple-upgraded):focus::before, .mdc-text-field--box:not(.mdc-ripple-upgraded):focus-within::before, .mdc-text-field--box.mdc-ripple-upgraded--background-focused::before {
  5491. transition-duration: 75ms;
  5492. opacity: 0.12; }
  5493. .mdc-text-field--box::before, .mdc-text-field--box::after {
  5494. top: calc(50% - 100%);
  5495. /* @noflip */
  5496. left: calc(50% - 100%);
  5497. width: 200%;
  5498. height: 200%; }
  5499. .mdc-text-field--box.mdc-ripple-upgraded::after {
  5500. width: var(--mdc-ripple-fg-size, 100%);
  5501. height: var(--mdc-ripple-fg-size, 100%); }
  5502. .mdc-text-field--box:not(.mdc-text-field--disabled) {
  5503. background-color: whitesmoke; }
  5504. .mdc-text-field--box .mdc-floating-label--float-above {
  5505. -webkit-transform: translateY(-50%) scale(0.75);
  5506. transform: translateY(-50%) scale(0.75); }
  5507. .mdc-text-field--box .mdc-floating-label--shake {
  5508. -webkit-animation: mdc-floating-label-shake-float-above-text-field-box 250ms 1;
  5509. animation: mdc-floating-label-shake-float-above-text-field-box 250ms 1; }
  5510. .mdc-text-field--box .mdc-text-field__input {
  5511. align-self: flex-end;
  5512. box-sizing: border-box;
  5513. height: 100%;
  5514. padding: 20px 16px 0; }
  5515. .mdc-text-field--box .mdc-floating-label {
  5516. /* @noflip */
  5517. left: 16px;
  5518. /* @noflip */
  5519. right: initial;
  5520. position: absolute;
  5521. bottom: 20px;
  5522. width: calc(100% - 48px);
  5523. text-overflow: ellipsis;
  5524. white-space: nowrap;
  5525. pointer-events: none;
  5526. overflow: hidden;
  5527. will-change: transform; }
  5528. [dir="rtl"] .mdc-text-field--box .mdc-floating-label, .mdc-text-field--box .mdc-floating-label[dir="rtl"] {
  5529. /* @noflip */
  5530. left: initial;
  5531. /* @noflip */
  5532. right: 16px; }
  5533. .mdc-text-field--box.mdc-text-field--disabled {
  5534. background-color: #fafafa;
  5535. border-bottom: none; }
  5536. .mdc-text-field--box.mdc-text-field--disabled .mdc-text-field__input {
  5537. border-bottom-color: rgba(0, 0, 0, 0.06); }
  5538. .mdc-text-field--box.mdc-text-field--disabled:not(.mdc-text-field--disabled) .mdc-floating-label {
  5539. color: rgba(0, 0, 0, 0.37); }
  5540. .mdc-text-field--box.mdc-text-field--disabled:not(.mdc-text-field--disabled) .mdc-text-field__input::-webkit-input-placeholder {
  5541. color: rgba(0, 0, 0, 0.37); }
  5542. .mdc-text-field--box.mdc-text-field--disabled:not(.mdc-text-field--disabled) .mdc-text-field__input:-ms-input-placeholder {
  5543. color: rgba(0, 0, 0, 0.37); }
  5544. .mdc-text-field--box.mdc-text-field--disabled:not(.mdc-text-field--disabled) .mdc-text-field__input::-ms-input-placeholder {
  5545. color: rgba(0, 0, 0, 0.37); }
  5546. .mdc-text-field--box.mdc-text-field--disabled:not(.mdc-text-field--disabled) .mdc-text-field__input::placeholder {
  5547. color: rgba(0, 0, 0, 0.37); }
  5548. .mdc-text-field--box.mdc-text-field--dense .mdc-floating-label--float-above {
  5549. -webkit-transform: translateY(-70%) scale(0.923);
  5550. transform: translateY(-70%) scale(0.923); }
  5551. .mdc-text-field--box.mdc-text-field--dense .mdc-floating-label--shake {
  5552. -webkit-animation: mdc-floating-label-shake-float-above-text-field-box-dense 250ms 1;
  5553. animation: mdc-floating-label-shake-float-above-text-field-box-dense 250ms 1; }
  5554. .mdc-text-field--box.mdc-text-field--dense .mdc-text-field__input {
  5555. padding: 12px 12px 0; }
  5556. .mdc-text-field--with-leading-icon .mdc-text-field__icon {
  5557. /* @noflip */
  5558. left: 15px;
  5559. /* @noflip */
  5560. right: initial; }
  5561. [dir="rtl"] .mdc-text-field--with-leading-icon .mdc-text-field__icon, .mdc-text-field--with-leading-icon .mdc-text-field__icon[dir="rtl"] {
  5562. /* @noflip */
  5563. left: initial;
  5564. /* @noflip */
  5565. right: 15px; }
  5566. .mdc-text-field--with-leading-icon .mdc-text-field__input {
  5567. /* @noflip */
  5568. padding-left: 48px;
  5569. /* @noflip */
  5570. padding-right: 15px; }
  5571. [dir="rtl"] .mdc-text-field--with-leading-icon .mdc-text-field__input, .mdc-text-field--with-leading-icon .mdc-text-field__input[dir="rtl"] {
  5572. /* @noflip */
  5573. padding-left: 15px;
  5574. /* @noflip */
  5575. padding-right: 48px; }
  5576. .mdc-text-field--with-leading-icon .mdc-floating-label {
  5577. /* @noflip */
  5578. left: 48px;
  5579. /* @noflip */
  5580. right: initial; }
  5581. [dir="rtl"] .mdc-text-field--with-leading-icon .mdc-floating-label, .mdc-text-field--with-leading-icon .mdc-floating-label[dir="rtl"] {
  5582. /* @noflip */
  5583. left: initial;
  5584. /* @noflip */
  5585. right: 48px; }
  5586. .mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-floating-label--float-above {
  5587. -webkit-transform: translateY(-130%) translateX(-32px) scale(0.75);
  5588. transform: translateY(-130%) translateX(-32px) scale(0.75); }
  5589. [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"] {
  5590. -webkit-transform: translateY(-130%) translateX(32px) scale(0.75);
  5591. transform: translateY(-130%) translateX(32px) scale(0.75); }
  5592. .mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-floating-label--shake {
  5593. -webkit-animation: mdc-floating-label-shake-float-above-text-field-outlined-leading-icon 250ms 1;
  5594. animation: mdc-floating-label-shake-float-above-text-field-outlined-leading-icon 250ms 1; }
  5595. [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 {
  5596. -webkit-animation: mdc-floating-label-shake-float-above-text-field-outlined-leading-icon-rtl 250ms 1;
  5597. animation: mdc-floating-label-shake-float-above-text-field-outlined-leading-icon-rtl 250ms 1; }
  5598. .mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-text-field--dense .mdc-floating-label--float-above {
  5599. -webkit-transform: translateY(-110%) translateX(-21px) scale(0.923);
  5600. transform: translateY(-110%) translateX(-21px) scale(0.923); }
  5601. [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"] {
  5602. -webkit-transform: translateY(-110%) translateX(21px) scale(0.923);
  5603. transform: translateY(-110%) translateX(21px) scale(0.923); }
  5604. .mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-text-field--dense .mdc-floating-label--shake {
  5605. -webkit-animation: mdc-floating-label-shake-float-above-text-field-outlined-leading-icon-dense 250ms 1;
  5606. animation: mdc-floating-label-shake-float-above-text-field-outlined-leading-icon-dense 250ms 1; }
  5607. [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 {
  5608. -webkit-animation: mdc-floating-label-shake-float-above-text-field-outlined-leading-icon-dense-rtl 250ms 1;
  5609. animation: mdc-floating-label-shake-float-above-text-field-outlined-leading-icon-dense-rtl 250ms 1; }
  5610. .mdc-text-field--with-trailing-icon .mdc-text-field__icon {
  5611. /* @noflip */
  5612. left: initial;
  5613. /* @noflip */
  5614. right: 15px; }
  5615. [dir="rtl"] .mdc-text-field--with-trailing-icon .mdc-text-field__icon, .mdc-text-field--with-trailing-icon .mdc-text-field__icon[dir="rtl"] {
  5616. /* @noflip */
  5617. left: 15px;
  5618. /* @noflip */
  5619. right: initial; }
  5620. .mdc-text-field--with-trailing-icon .mdc-text-field__input {
  5621. /* @noflip */
  5622. padding-left: 15px;
  5623. /* @noflip */
  5624. padding-right: 48px; }
  5625. [dir="rtl"] .mdc-text-field--with-trailing-icon .mdc-text-field__input, .mdc-text-field--with-trailing-icon .mdc-text-field__input[dir="rtl"] {
  5626. /* @noflip */
  5627. padding-left: 48px;
  5628. /* @noflip */
  5629. padding-right: 15px; }
  5630. .mdc-text-field--with-leading-icon.mdc-text-field--dense .mdc-text-field__icon,
  5631. .mdc-text-field--with-trailing-icon.mdc-text-field--dense .mdc-text-field__icon {
  5632. bottom: 16px;
  5633. -webkit-transform: scale(0.8);
  5634. transform: scale(0.8); }
  5635. .mdc-text-field--with-leading-icon.mdc-text-field--dense .mdc-text-field__icon {
  5636. /* @noflip */
  5637. left: 12px;
  5638. /* @noflip */
  5639. right: initial; }
  5640. [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"] {
  5641. /* @noflip */
  5642. left: initial;
  5643. /* @noflip */
  5644. right: 12px; }
  5645. .mdc-text-field--with-leading-icon.mdc-text-field--dense .mdc-text-field__input {
  5646. /* @noflip */
  5647. padding-left: 38px;
  5648. /* @noflip */
  5649. padding-right: 12px; }
  5650. [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"] {
  5651. /* @noflip */
  5652. padding-left: 12px;
  5653. /* @noflip */
  5654. padding-right: 38px; }
  5655. .mdc-text-field--with-leading-icon.mdc-text-field--dense .mdc-floating-label {
  5656. /* @noflip */
  5657. left: 38px;
  5658. /* @noflip */
  5659. right: initial; }
  5660. [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"] {
  5661. /* @noflip */
  5662. left: initial;
  5663. /* @noflip */
  5664. right: 38px; }
  5665. .mdc-text-field--with-trailing-icon.mdc-text-field--dense .mdc-text-field__icon {
  5666. /* @noflip */
  5667. left: initial;
  5668. /* @noflip */
  5669. right: 12px; }
  5670. [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"] {
  5671. /* @noflip */
  5672. left: 12px;
  5673. /* @noflip */
  5674. right: initial; }
  5675. .mdc-text-field--with-trailing-icon.mdc-text-field--dense .mdc-text-field__input {
  5676. /* @noflip */
  5677. padding-left: 12px;
  5678. /* @noflip */
  5679. padding-right: 38px; }
  5680. [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"] {
  5681. /* @noflip */
  5682. padding-left: 38px;
  5683. /* @noflip */
  5684. padding-right: 12px; }
  5685. .mdc-text-field--upgraded:not(.mdc-text-field--fullwidth):not(.mdc-text-field--box) {
  5686. display: inline-flex;
  5687. position: relative;
  5688. align-items: flex-end;
  5689. box-sizing: border-box;
  5690. margin-top: 16px; }
  5691. .mdc-text-field--upgraded:not(.mdc-text-field--fullwidth):not(.mdc-text-field--box):not(.mdc-text-field--textarea):not(.mdc-text-field--outlined) {
  5692. height: 48px; }
  5693. .mdc-text-field--dense {
  5694. margin-top: 12px;
  5695. margin-bottom: 4px; }
  5696. .mdc-text-field--dense .mdc-floating-label--float-above {
  5697. -webkit-transform: translateY(-110%) scale(0.923);
  5698. transform: translateY(-110%) scale(0.923); }
  5699. .mdc-text-field--dense .mdc-floating-label {
  5700. font-size: .813rem; }
  5701. .mdc-text-field__input:required + .mdc-floating-label::after {
  5702. margin-left: 1px;
  5703. content: "*"; }
  5704. .mdc-text-field--textarea {
  5705. border-radius: 4px;
  5706. display: flex;
  5707. width: -webkit-fit-content;
  5708. width: -moz-fit-content;
  5709. width: fit-content;
  5710. height: initial;
  5711. transition: none;
  5712. border: 1px solid;
  5713. overflow: hidden; }
  5714. .mdc-text-field--textarea .mdc-floating-label {
  5715. border-radius: 4px 4px 0 0; }
  5716. .mdc-text-field--textarea .mdc-text-field__input {
  5717. border-radius: 2px; }
  5718. .mdc-text-field--textarea:not(.mdc-text-field--disabled) {
  5719. border-color: rgba(0, 0, 0, 0.73); }
  5720. .mdc-text-field--textarea:not(.mdc-text-field--disabled) .mdc-text-field__input:focus {
  5721. border-color: rgba(0, 0, 0, 0.73); }
  5722. .mdc-text-field--textarea .mdc-floating-label--float-above {
  5723. -webkit-transform: translateY(-50%) scale(0.923);
  5724. transform: translateY(-50%) scale(0.923); }
  5725. .mdc-text-field--textarea .mdc-floating-label--shake {
  5726. -webkit-animation: mdc-floating-label-shake-float-above-textarea 250ms 1;
  5727. animation: mdc-floating-label-shake-float-above-textarea 250ms 1; }
  5728. .mdc-text-field--textarea .mdc-text-field__input {
  5729. height: auto;
  5730. margin: 0;
  5731. padding: 16px;
  5732. padding-top: 32px;
  5733. border: 1px solid transparent; }
  5734. .mdc-text-field--textarea .mdc-floating-label {
  5735. background-color: white;
  5736. /* @noflip */
  5737. left: 1px;
  5738. /* @noflip */
  5739. right: 0;
  5740. /* @noflip */
  5741. margin-left: 8px;
  5742. /* @noflip */
  5743. margin-right: 0;
  5744. top: 18px;
  5745. bottom: auto;
  5746. margin-top: 2px;
  5747. padding: 12px 8px 8px 8px;
  5748. line-height: 1.15;
  5749. pointer-events: none; }
  5750. [dir="rtl"] .mdc-text-field--textarea .mdc-floating-label, .mdc-text-field--textarea .mdc-floating-label[dir="rtl"] {
  5751. /* @noflip */
  5752. left: 0;
  5753. /* @noflip */
  5754. right: 1px; }
  5755. [dir="rtl"] .mdc-text-field--textarea .mdc-floating-label, .mdc-text-field--textarea .mdc-floating-label[dir="rtl"] {
  5756. /* @noflip */
  5757. margin-left: 0;
  5758. /* @noflip */
  5759. margin-right: 8px; }
  5760. .mdc-text-field--fullwidth {
  5761. width: 100%; }
  5762. .mdc-text-field--fullwidth .mdc-text-field__input {
  5763. resize: vertical; }
  5764. .mdc-text-field--fullwidth:not(.mdc-text-field--textarea) {
  5765. display: block;
  5766. box-sizing: border-box;
  5767. height: 56px;
  5768. margin: 0;
  5769. border: none;
  5770. border-bottom: 1px solid;
  5771. outline: none; }
  5772. .mdc-text-field--fullwidth:not(.mdc-text-field--textarea) .mdc-text-field__input {
  5773. width: 100%;
  5774. height: 100%;
  5775. padding: 0;
  5776. resize: none;
  5777. border: none !important; }
  5778. .mdc-text-field--fullwidth.mdc-text-field--invalid:not(.mdc-text-field--disabled):not(.mdc-text-field--textarea) {
  5779. border-bottom-color: #b00020; }
  5780. .mdc-text-field--dense + .mdc-text-field-helper-text {
  5781. margin-bottom: 4px; }
  5782. .mdc-text-field--box + .mdc-text-field-helper-text,
  5783. .mdc-text-field--outlined + .mdc-text-field-helper-text {
  5784. margin-right: 16px;
  5785. margin-left: 16px; }
  5786. .mdc-form-field > .mdc-text-field + label {
  5787. align-self: flex-start; }
  5788. .mdc-text-field--focused:not(.mdc-text-field--disabled) .mdc-floating-label {
  5789. color: rgba(98, 0, 238, 0.87); }
  5790. .mdc-text-field--focused:not(.mdc-text-field--disabled) .mdc-text-field__input::-webkit-input-placeholder {
  5791. color: rgba(98, 0, 238, 0.87); }
  5792. .mdc-text-field--focused:not(.mdc-text-field--disabled) .mdc-text-field__input:-ms-input-placeholder {
  5793. color: rgba(98, 0, 238, 0.87); }
  5794. .mdc-text-field--focused:not(.mdc-text-field--disabled) .mdc-text-field__input::-ms-input-placeholder {
  5795. color: rgba(98, 0, 238, 0.87); }
  5796. .mdc-text-field--focused:not(.mdc-text-field--disabled) .mdc-text-field__input::placeholder {
  5797. color: rgba(98, 0, 238, 0.87); }
  5798. .mdc-text-field--focused .mdc-text-field__input:required + .mdc-floating-label::after {
  5799. color: #b00020; }
  5800. .mdc-text-field--focused + .mdc-text-field-helper-text:not(.mdc-text-field-helper-text--validation-msg) {
  5801. opacity: 1; }
  5802. .mdc-text-field--textarea.mdc-text-field--focused:not(.mdc-text-field--disabled) {
  5803. border-color: #6200ee;
  5804. /* @alternate */
  5805. border-color: var(--mdc-theme-primary, #6200ee); }
  5806. .mdc-text-field--textarea.mdc-text-field--focused:not(.mdc-text-field--disabled) .mdc-text-field__input:focus {
  5807. border-color: #6200ee;
  5808. /* @alternate */
  5809. border-color: var(--mdc-theme-primary, #6200ee); }
  5810. .mdc-text-field--invalid:not(.mdc-text-field--disabled):not(.mdc-text-field--outlined):not(.mdc-text-field--textarea) .mdc-text-field__input {
  5811. border-bottom-color: #b00020; }
  5812. .mdc-text-field--invalid:not(.mdc-text-field--disabled):not(.mdc-text-field--outlined):not(.mdc-text-field--textarea) .mdc-text-field__input:hover {
  5813. border-bottom-color: #b00020; }
  5814. .mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-line-ripple {
  5815. background-color: #b00020; }
  5816. .mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-floating-label {
  5817. color: #b00020; }
  5818. .mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-text-field__input::-webkit-input-placeholder {
  5819. color: #b00020; }
  5820. .mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-text-field__input:-ms-input-placeholder {
  5821. color: #b00020; }
  5822. .mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-text-field__input::-ms-input-placeholder {
  5823. color: #b00020; }
  5824. .mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-text-field__input::placeholder {
  5825. color: #b00020; }
  5826. .mdc-text-field--invalid:not(.mdc-text-field--disabled).mdc-text-field--invalid + .mdc-text-field-helper-text--validation-msg {
  5827. color: #b00020; }
  5828. .mdc-text-field--invalid .mdc-text-field__input {
  5829. caret-color: #b00020; }
  5830. .mdc-text-field--invalid.mdc-text-field--with-trailing-icon:not(.mdc-text-field--disabled) .mdc-text-field__icon {
  5831. color: #b00020; }
  5832. .mdc-text-field--invalid + .mdc-text-field-helper-text--validation-msg {
  5833. opacity: 1; }
  5834. .mdc-text-field--textarea.mdc-text-field--invalid:not(.mdc-text-field--disabled) {
  5835. border-color: #b00020; }
  5836. .mdc-text-field--textarea.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-text-field__input:focus {
  5837. border-color: #b00020; }
  5838. .mdc-text-field--outlined.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-notched-outline__idle {
  5839. border-color: #b00020; }
  5840. .mdc-text-field--outlined.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-notched-outline__path {
  5841. stroke: #b00020; }
  5842. .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,
  5843. .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 {
  5844. border-color: #b00020; }
  5845. .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,
  5846. .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 {
  5847. stroke: #b00020; }
  5848. .mdc-text-field--outlined.mdc-text-field--invalid:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__path {
  5849. stroke: #b00020; }
  5850. .mdc-text-field--disabled {
  5851. pointer-events: none; }
  5852. .mdc-text-field--disabled .mdc-text-field__input {
  5853. border-bottom-color: rgba(35, 31, 32, 0.26); }
  5854. .mdc-text-field--disabled .mdc-text-field__input {
  5855. color: rgba(0, 0, 0, 0.37); }
  5856. .mdc-text-field--disabled .mdc-floating-label {
  5857. color: rgba(0, 0, 0, 0.37); }
  5858. .mdc-text-field--disabled .mdc-text-field__input::-webkit-input-placeholder {
  5859. color: rgba(0, 0, 0, 0.37); }
  5860. .mdc-text-field--disabled .mdc-text-field__input:-ms-input-placeholder {
  5861. color: rgba(0, 0, 0, 0.37); }
  5862. .mdc-text-field--disabled .mdc-text-field__input::-ms-input-placeholder {
  5863. color: rgba(0, 0, 0, 0.37); }
  5864. .mdc-text-field--disabled .mdc-text-field__input::placeholder {
  5865. color: rgba(0, 0, 0, 0.37); }
  5866. .mdc-text-field--disabled + .mdc-text-field-helper-text {
  5867. color: rgba(0, 0, 0, 0.37); }
  5868. .mdc-text-field--disabled .mdc-text-field__icon {
  5869. color: rgba(0, 0, 0, 0.3); }
  5870. .mdc-text-field--disabled:not(.mdc-text-field--textarea) {
  5871. border-bottom-color: rgba(0, 0, 0, 0.12); }
  5872. .mdc-text-field--disabled .mdc-text-field__input {
  5873. border-bottom: 1px dotted; }
  5874. .mdc-text-field--disabled .mdc-floating-label {
  5875. cursor: default; }
  5876. .mdc-text-field--textarea.mdc-text-field--disabled {
  5877. border-color: rgba(35, 31, 32, 0.26);
  5878. background-color: #f9f9f9;
  5879. border-style: solid; }
  5880. .mdc-text-field--textarea.mdc-text-field--disabled .mdc-text-field__input:focus {
  5881. border-color: rgba(35, 31, 32, 0.26); }
  5882. .mdc-text-field--textarea.mdc-text-field--disabled .mdc-text-field__input {
  5883. border: 1px solid transparent; }
  5884. .mdc-text-field--textarea.mdc-text-field--disabled .mdc-floating-label {
  5885. background-color: #f9f9f9; }
  5886. @-webkit-keyframes mdc-floating-label-shake-float-above-text-field-box {
  5887. 0% {
  5888. -webkit-transform: translateX(calc(0 - 0%)) translateY(-50%) scale(0.75);
  5889. transform: translateX(calc(0 - 0%)) translateY(-50%) scale(0.75); }
  5890. 33% {
  5891. -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.70173, 0.49582);
  5892. animation-timing-function: cubic-bezier(0.5, 0, 0.70173, 0.49582);
  5893. -webkit-transform: translateX(calc(4% - 0%)) translateY(-50%) scale(0.75);
  5894. transform: translateX(calc(4% - 0%)) translateY(-50%) scale(0.75); }
  5895. 66% {
  5896. -webkit-animation-timing-function: cubic-bezier(0.30244, 0.38135, 0.55, 0.95635);
  5897. animation-timing-function: cubic-bezier(0.30244, 0.38135, 0.55, 0.95635);
  5898. -webkit-transform: translateX(calc(-4% - 0%)) translateY(-50%) scale(0.75);
  5899. transform: translateX(calc(-4% - 0%)) translateY(-50%) scale(0.75); }
  5900. 100% {
  5901. -webkit-transform: translateX(calc(0 - 0%)) translateY(-50%) scale(0.75);
  5902. transform: translateX(calc(0 - 0%)) translateY(-50%) scale(0.75); } }
  5903. @keyframes mdc-floating-label-shake-float-above-text-field-box {
  5904. 0% {
  5905. -webkit-transform: translateX(calc(0 - 0%)) translateY(-50%) scale(0.75);
  5906. transform: translateX(calc(0 - 0%)) translateY(-50%) scale(0.75); }
  5907. 33% {
  5908. -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.70173, 0.49582);
  5909. animation-timing-function: cubic-bezier(0.5, 0, 0.70173, 0.49582);
  5910. -webkit-transform: translateX(calc(4% - 0%)) translateY(-50%) scale(0.75);
  5911. transform: translateX(calc(4% - 0%)) translateY(-50%) scale(0.75); }
  5912. 66% {
  5913. -webkit-animation-timing-function: cubic-bezier(0.30244, 0.38135, 0.55, 0.95635);
  5914. animation-timing-function: cubic-bezier(0.30244, 0.38135, 0.55, 0.95635);
  5915. -webkit-transform: translateX(calc(-4% - 0%)) translateY(-50%) scale(0.75);
  5916. transform: translateX(calc(-4% - 0%)) translateY(-50%) scale(0.75); }
  5917. 100% {
  5918. -webkit-transform: translateX(calc(0 - 0%)) translateY(-50%) scale(0.75);
  5919. transform: translateX(calc(0 - 0%)) translateY(-50%) scale(0.75); } }
  5920. @-webkit-keyframes mdc-floating-label-shake-float-above-text-field-box-dense {
  5921. 0% {
  5922. -webkit-transform: translateX(calc(0 - 0%)) translateY(-70%) scale(0.923);
  5923. transform: translateX(calc(0 - 0%)) translateY(-70%) scale(0.923); }
  5924. 33% {
  5925. -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.70173, 0.49582);
  5926. animation-timing-function: cubic-bezier(0.5, 0, 0.70173, 0.49582);
  5927. -webkit-transform: translateX(calc(4% - 0%)) translateY(-70%) scale(0.923);
  5928. transform: translateX(calc(4% - 0%)) translateY(-70%) scale(0.923); }
  5929. 66% {
  5930. -webkit-animation-timing-function: cubic-bezier(0.30244, 0.38135, 0.55, 0.95635);
  5931. animation-timing-function: cubic-bezier(0.30244, 0.38135, 0.55, 0.95635);
  5932. -webkit-transform: translateX(calc(-4% - 0%)) translateY(-70%) scale(0.923);
  5933. transform: translateX(calc(-4% - 0%)) translateY(-70%) scale(0.923); }
  5934. 100% {
  5935. -webkit-transform: translateX(calc(0 - 0%)) translateY(-70%) scale(0.923);
  5936. transform: translateX(calc(0 - 0%)) translateY(-70%) scale(0.923); } }
  5937. @keyframes mdc-floating-label-shake-float-above-text-field-box-dense {
  5938. 0% {
  5939. -webkit-transform: translateX(calc(0 - 0%)) translateY(-70%) scale(0.923);
  5940. transform: translateX(calc(0 - 0%)) translateY(-70%) scale(0.923); }
  5941. 33% {
  5942. -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.70173, 0.49582);
  5943. animation-timing-function: cubic-bezier(0.5, 0, 0.70173, 0.49582);
  5944. -webkit-transform: translateX(calc(4% - 0%)) translateY(-70%) scale(0.923);
  5945. transform: translateX(calc(4% - 0%)) translateY(-70%) scale(0.923); }
  5946. 66% {
  5947. -webkit-animation-timing-function: cubic-bezier(0.30244, 0.38135, 0.55, 0.95635);
  5948. animation-timing-function: cubic-bezier(0.30244, 0.38135, 0.55, 0.95635);
  5949. -webkit-transform: translateX(calc(-4% - 0%)) translateY(-70%) scale(0.923);
  5950. transform: translateX(calc(-4% - 0%)) translateY(-70%) scale(0.923); }
  5951. 100% {
  5952. -webkit-transform: translateX(calc(0 - 0%)) translateY(-70%) scale(0.923);
  5953. transform: translateX(calc(0 - 0%)) translateY(-70%) scale(0.923); } }
  5954. @-webkit-keyframes mdc-floating-label-shake-float-above-text-field-outlined {
  5955. 0% {
  5956. -webkit-transform: translateX(calc(0 - 0%)) translateY(-130%) scale(0.75);
  5957. transform: translateX(calc(0 - 0%)) translateY(-130%) scale(0.75); }
  5958. 33% {
  5959. -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.70173, 0.49582);
  5960. animation-timing-function: cubic-bezier(0.5, 0, 0.70173, 0.49582);
  5961. -webkit-transform: translateX(calc(4% - 0%)) translateY(-130%) scale(0.75);
  5962. transform: translateX(calc(4% - 0%)) translateY(-130%) scale(0.75); }
  5963. 66% {
  5964. -webkit-animation-timing-function: cubic-bezier(0.30244, 0.38135, 0.55, 0.95635);
  5965. animation-timing-function: cubic-bezier(0.30244, 0.38135, 0.55, 0.95635);
  5966. -webkit-transform: translateX(calc(-4% - 0%)) translateY(-130%) scale(0.75);
  5967. transform: translateX(calc(-4% - 0%)) translateY(-130%) scale(0.75); }
  5968. 100% {
  5969. -webkit-transform: translateX(calc(0 - 0%)) translateY(-130%) scale(0.75);
  5970. transform: translateX(calc(0 - 0%)) translateY(-130%) scale(0.75); } }
  5971. @keyframes mdc-floating-label-shake-float-above-text-field-outlined {
  5972. 0% {
  5973. -webkit-transform: translateX(calc(0 - 0%)) translateY(-130%) scale(0.75);
  5974. transform: translateX(calc(0 - 0%)) translateY(-130%) scale(0.75); }
  5975. 33% {
  5976. -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.70173, 0.49582);
  5977. animation-timing-function: cubic-bezier(0.5, 0, 0.70173, 0.49582);
  5978. -webkit-transform: translateX(calc(4% - 0%)) translateY(-130%) scale(0.75);
  5979. transform: translateX(calc(4% - 0%)) translateY(-130%) scale(0.75); }
  5980. 66% {
  5981. -webkit-animation-timing-function: cubic-bezier(0.30244, 0.38135, 0.55, 0.95635);
  5982. animation-timing-function: cubic-bezier(0.30244, 0.38135, 0.55, 0.95635);
  5983. -webkit-transform: translateX(calc(-4% - 0%)) translateY(-130%) scale(0.75);
  5984. transform: translateX(calc(-4% - 0%)) translateY(-130%) scale(0.75); }
  5985. 100% {
  5986. -webkit-transform: translateX(calc(0 - 0%)) translateY(-130%) scale(0.75);
  5987. transform: translateX(calc(0 - 0%)) translateY(-130%) scale(0.75); } }
  5988. @-webkit-keyframes mdc-floating-label-shake-float-above-text-field-outlined-dense {
  5989. 0% {
  5990. -webkit-transform: translateX(calc(0 - 0%)) translateY(-110%) scale(0.923);
  5991. transform: translateX(calc(0 - 0%)) translateY(-110%) scale(0.923); }
  5992. 33% {
  5993. -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.70173, 0.49582);
  5994. animation-timing-function: cubic-bezier(0.5, 0, 0.70173, 0.49582);
  5995. -webkit-transform: translateX(calc(4% - 0%)) translateY(-110%) scale(0.923);
  5996. transform: translateX(calc(4% - 0%)) translateY(-110%) scale(0.923); }
  5997. 66% {
  5998. -webkit-animation-timing-function: cubic-bezier(0.30244, 0.38135, 0.55, 0.95635);
  5999. animation-timing-function: cubic-bezier(0.30244, 0.38135, 0.55, 0.95635);
  6000. -webkit-transform: translateX(calc(-4% - 0%)) translateY(-110%) scale(0.923);
  6001. transform: translateX(calc(-4% - 0%)) translateY(-110%) scale(0.923); }
  6002. 100% {
  6003. -webkit-transform: translateX(calc(0 - 0%)) translateY(-110%) scale(0.923);
  6004. transform: translateX(calc(0 - 0%)) translateY(-110%) scale(0.923); } }
  6005. @keyframes mdc-floating-label-shake-float-above-text-field-outlined-dense {
  6006. 0% {
  6007. -webkit-transform: translateX(calc(0 - 0%)) translateY(-110%) scale(0.923);
  6008. transform: translateX(calc(0 - 0%)) translateY(-110%) scale(0.923); }
  6009. 33% {
  6010. -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.70173, 0.49582);
  6011. animation-timing-function: cubic-bezier(0.5, 0, 0.70173, 0.49582);
  6012. -webkit-transform: translateX(calc(4% - 0%)) translateY(-110%) scale(0.923);
  6013. transform: translateX(calc(4% - 0%)) translateY(-110%) scale(0.923); }
  6014. 66% {
  6015. -webkit-animation-timing-function: cubic-bezier(0.30244, 0.38135, 0.55, 0.95635);
  6016. animation-timing-function: cubic-bezier(0.30244, 0.38135, 0.55, 0.95635);
  6017. -webkit-transform: translateX(calc(-4% - 0%)) translateY(-110%) scale(0.923);
  6018. transform: translateX(calc(-4% - 0%)) translateY(-110%) scale(0.923); }
  6019. 100% {
  6020. -webkit-transform: translateX(calc(0 - 0%)) translateY(-110%) scale(0.923);
  6021. transform: translateX(calc(0 - 0%)) translateY(-110%) scale(0.923); } }
  6022. @-webkit-keyframes mdc-floating-label-shake-float-above-text-field-outlined-leading-icon {
  6023. 0% {
  6024. -webkit-transform: translateX(calc(0 - 32px)) translateY(-130%) scale(0.75);
  6025. transform: translateX(calc(0 - 32px)) translateY(-130%) scale(0.75); }
  6026. 33% {
  6027. -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.70173, 0.49582);
  6028. animation-timing-function: cubic-bezier(0.5, 0, 0.70173, 0.49582);
  6029. -webkit-transform: translateX(calc(4% - 32px)) translateY(-130%) scale(0.75);
  6030. transform: translateX(calc(4% - 32px)) translateY(-130%) scale(0.75); }
  6031. 66% {
  6032. -webkit-animation-timing-function: cubic-bezier(0.30244, 0.38135, 0.55, 0.95635);
  6033. animation-timing-function: cubic-bezier(0.30244, 0.38135, 0.55, 0.95635);
  6034. -webkit-transform: translateX(calc(-4% - 32px)) translateY(-130%) scale(0.75);
  6035. transform: translateX(calc(-4% - 32px)) translateY(-130%) scale(0.75); }
  6036. 100% {
  6037. -webkit-transform: translateX(calc(0 - 32px)) translateY(-130%) scale(0.75);
  6038. transform: translateX(calc(0 - 32px)) translateY(-130%) scale(0.75); } }
  6039. @keyframes mdc-floating-label-shake-float-above-text-field-outlined-leading-icon {
  6040. 0% {
  6041. -webkit-transform: translateX(calc(0 - 32px)) translateY(-130%) scale(0.75);
  6042. transform: translateX(calc(0 - 32px)) translateY(-130%) scale(0.75); }
  6043. 33% {
  6044. -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.70173, 0.49582);
  6045. animation-timing-function: cubic-bezier(0.5, 0, 0.70173, 0.49582);
  6046. -webkit-transform: translateX(calc(4% - 32px)) translateY(-130%) scale(0.75);
  6047. transform: translateX(calc(4% - 32px)) translateY(-130%) scale(0.75); }
  6048. 66% {
  6049. -webkit-animation-timing-function: cubic-bezier(0.30244, 0.38135, 0.55, 0.95635);
  6050. animation-timing-function: cubic-bezier(0.30244, 0.38135, 0.55, 0.95635);
  6051. -webkit-transform: translateX(calc(-4% - 32px)) translateY(-130%) scale(0.75);
  6052. transform: translateX(calc(-4% - 32px)) translateY(-130%) scale(0.75); }
  6053. 100% {
  6054. -webkit-transform: translateX(calc(0 - 32px)) translateY(-130%) scale(0.75);
  6055. transform: translateX(calc(0 - 32px)) translateY(-130%) scale(0.75); } }
  6056. @-webkit-keyframes mdc-floating-label-shake-float-above-text-field-outlined-leading-icon-dense {
  6057. 0% {
  6058. -webkit-transform: translateX(calc(0 - 21px)) translateY(-110%) scale(0.923);
  6059. transform: translateX(calc(0 - 21px)) translateY(-110%) scale(0.923); }
  6060. 33% {
  6061. -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.70173, 0.49582);
  6062. animation-timing-function: cubic-bezier(0.5, 0, 0.70173, 0.49582);
  6063. -webkit-transform: translateX(calc(4% - 21px)) translateY(-110%) scale(0.923);
  6064. transform: translateX(calc(4% - 21px)) translateY(-110%) scale(0.923); }
  6065. 66% {
  6066. -webkit-animation-timing-function: cubic-bezier(0.30244, 0.38135, 0.55, 0.95635);
  6067. animation-timing-function: cubic-bezier(0.30244, 0.38135, 0.55, 0.95635);
  6068. -webkit-transform: translateX(calc(-4% - 21px)) translateY(-110%) scale(0.923);
  6069. transform: translateX(calc(-4% - 21px)) translateY(-110%) scale(0.923); }
  6070. 100% {
  6071. -webkit-transform: translateX(calc(0 - 21px)) translateY(-110%) scale(0.923);
  6072. transform: translateX(calc(0 - 21px)) translateY(-110%) scale(0.923); } }
  6073. @keyframes mdc-floating-label-shake-float-above-text-field-outlined-leading-icon-dense {
  6074. 0% {
  6075. -webkit-transform: translateX(calc(0 - 21px)) translateY(-110%) scale(0.923);
  6076. transform: translateX(calc(0 - 21px)) translateY(-110%) scale(0.923); }
  6077. 33% {
  6078. -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.70173, 0.49582);
  6079. animation-timing-function: cubic-bezier(0.5, 0, 0.70173, 0.49582);
  6080. -webkit-transform: translateX(calc(4% - 21px)) translateY(-110%) scale(0.923);
  6081. transform: translateX(calc(4% - 21px)) translateY(-110%) scale(0.923); }
  6082. 66% {
  6083. -webkit-animation-timing-function: cubic-bezier(0.30244, 0.38135, 0.55, 0.95635);
  6084. animation-timing-function: cubic-bezier(0.30244, 0.38135, 0.55, 0.95635);
  6085. -webkit-transform: translateX(calc(-4% - 21px)) translateY(-110%) scale(0.923);
  6086. transform: translateX(calc(-4% - 21px)) translateY(-110%) scale(0.923); }
  6087. 100% {
  6088. -webkit-transform: translateX(calc(0 - 21px)) translateY(-110%) scale(0.923);
  6089. transform: translateX(calc(0 - 21px)) translateY(-110%) scale(0.923); } }
  6090. @-webkit-keyframes mdc-floating-label-shake-float-above-text-field-outlined-leading-icon-rtl {
  6091. 0% {
  6092. -webkit-transform: translateX(calc(0 - -32px)) translateY(-130%) scale(0.75);
  6093. transform: translateX(calc(0 - -32px)) translateY(-130%) scale(0.75); }
  6094. 33% {
  6095. -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.70173, 0.49582);
  6096. animation-timing-function: cubic-bezier(0.5, 0, 0.70173, 0.49582);
  6097. -webkit-transform: translateX(calc(4% - -32px)) translateY(-130%) scale(0.75);
  6098. transform: translateX(calc(4% - -32px)) translateY(-130%) scale(0.75); }
  6099. 66% {
  6100. -webkit-animation-timing-function: cubic-bezier(0.30244, 0.38135, 0.55, 0.95635);
  6101. animation-timing-function: cubic-bezier(0.30244, 0.38135, 0.55, 0.95635);
  6102. -webkit-transform: translateX(calc(-4% - -32px)) translateY(-130%) scale(0.75);
  6103. transform: translateX(calc(-4% - -32px)) translateY(-130%) scale(0.75); }
  6104. 100% {
  6105. -webkit-transform: translateX(calc(0 - -32px)) translateY(-130%) scale(0.75);
  6106. transform: translateX(calc(0 - -32px)) translateY(-130%) scale(0.75); } }
  6107. @keyframes mdc-floating-label-shake-float-above-text-field-outlined-leading-icon-rtl {
  6108. 0% {
  6109. -webkit-transform: translateX(calc(0 - -32px)) translateY(-130%) scale(0.75);
  6110. transform: translateX(calc(0 - -32px)) translateY(-130%) scale(0.75); }
  6111. 33% {
  6112. -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.70173, 0.49582);
  6113. animation-timing-function: cubic-bezier(0.5, 0, 0.70173, 0.49582);
  6114. -webkit-transform: translateX(calc(4% - -32px)) translateY(-130%) scale(0.75);
  6115. transform: translateX(calc(4% - -32px)) translateY(-130%) scale(0.75); }
  6116. 66% {
  6117. -webkit-animation-timing-function: cubic-bezier(0.30244, 0.38135, 0.55, 0.95635);
  6118. animation-timing-function: cubic-bezier(0.30244, 0.38135, 0.55, 0.95635);
  6119. -webkit-transform: translateX(calc(-4% - -32px)) translateY(-130%) scale(0.75);
  6120. transform: translateX(calc(-4% - -32px)) translateY(-130%) scale(0.75); }
  6121. 100% {
  6122. -webkit-transform: translateX(calc(0 - -32px)) translateY(-130%) scale(0.75);
  6123. transform: translateX(calc(0 - -32px)) translateY(-130%) scale(0.75); } }
  6124. @-webkit-keyframes mdc-floating-label-shake-float-above-text-field-outlined-leading-icon-dense-rtl {
  6125. 0% {
  6126. -webkit-transform: translateX(calc(0 - -21px)) translateY(-110%) scale(0.923);
  6127. transform: translateX(calc(0 - -21px)) translateY(-110%) scale(0.923); }
  6128. 33% {
  6129. -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.70173, 0.49582);
  6130. animation-timing-function: cubic-bezier(0.5, 0, 0.70173, 0.49582);
  6131. -webkit-transform: translateX(calc(4% - -21px)) translateY(-110%) scale(0.923);
  6132. transform: translateX(calc(4% - -21px)) translateY(-110%) scale(0.923); }
  6133. 66% {
  6134. -webkit-animation-timing-function: cubic-bezier(0.30244, 0.38135, 0.55, 0.95635);
  6135. animation-timing-function: cubic-bezier(0.30244, 0.38135, 0.55, 0.95635);
  6136. -webkit-transform: translateX(calc(-4% - -21px)) translateY(-110%) scale(0.923);
  6137. transform: translateX(calc(-4% - -21px)) translateY(-110%) scale(0.923); }
  6138. 100% {
  6139. -webkit-transform: translateX(calc(0 - -21px)) translateY(-110%) scale(0.923);
  6140. transform: translateX(calc(0 - -21px)) translateY(-110%) scale(0.923); } }
  6141. @keyframes mdc-floating-label-shake-float-above-text-field-outlined-leading-icon-dense-rtl {
  6142. 0% {
  6143. -webkit-transform: translateX(calc(0 - -21px)) translateY(-110%) scale(0.923);
  6144. transform: translateX(calc(0 - -21px)) translateY(-110%) scale(0.923); }
  6145. 33% {
  6146. -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.70173, 0.49582);
  6147. animation-timing-function: cubic-bezier(0.5, 0, 0.70173, 0.49582);
  6148. -webkit-transform: translateX(calc(4% - -21px)) translateY(-110%) scale(0.923);
  6149. transform: translateX(calc(4% - -21px)) translateY(-110%) scale(0.923); }
  6150. 66% {
  6151. -webkit-animation-timing-function: cubic-bezier(0.30244, 0.38135, 0.55, 0.95635);
  6152. animation-timing-function: cubic-bezier(0.30244, 0.38135, 0.55, 0.95635);
  6153. -webkit-transform: translateX(calc(-4% - -21px)) translateY(-110%) scale(0.923);
  6154. transform: translateX(calc(-4% - -21px)) translateY(-110%) scale(0.923); }
  6155. 100% {
  6156. -webkit-transform: translateX(calc(0 - -21px)) translateY(-110%) scale(0.923);
  6157. transform: translateX(calc(0 - -21px)) translateY(-110%) scale(0.923); } }
  6158. @-webkit-keyframes mdc-floating-label-shake-float-above-textarea {
  6159. 0% {
  6160. -webkit-transform: translateX(calc(0 - 0%)) translateY(-50%) scale(0.923);
  6161. transform: translateX(calc(0 - 0%)) translateY(-50%) scale(0.923); }
  6162. 33% {
  6163. -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.70173, 0.49582);
  6164. animation-timing-function: cubic-bezier(0.5, 0, 0.70173, 0.49582);
  6165. -webkit-transform: translateX(calc(4% - 0%)) translateY(-50%) scale(0.923);
  6166. transform: translateX(calc(4% - 0%)) translateY(-50%) scale(0.923); }
  6167. 66% {
  6168. -webkit-animation-timing-function: cubic-bezier(0.30244, 0.38135, 0.55, 0.95635);
  6169. animation-timing-function: cubic-bezier(0.30244, 0.38135, 0.55, 0.95635);
  6170. -webkit-transform: translateX(calc(-4% - 0%)) translateY(-50%) scale(0.923);
  6171. transform: translateX(calc(-4% - 0%)) translateY(-50%) scale(0.923); }
  6172. 100% {
  6173. -webkit-transform: translateX(calc(0 - 0%)) translateY(-50%) scale(0.923);
  6174. transform: translateX(calc(0 - 0%)) translateY(-50%) scale(0.923); } }
  6175. @keyframes mdc-floating-label-shake-float-above-textarea {
  6176. 0% {
  6177. -webkit-transform: translateX(calc(0 - 0%)) translateY(-50%) scale(0.923);
  6178. transform: translateX(calc(0 - 0%)) translateY(-50%) scale(0.923); }
  6179. 33% {
  6180. -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.70173, 0.49582);
  6181. animation-timing-function: cubic-bezier(0.5, 0, 0.70173, 0.49582);
  6182. -webkit-transform: translateX(calc(4% - 0%)) translateY(-50%) scale(0.923);
  6183. transform: translateX(calc(4% - 0%)) translateY(-50%) scale(0.923); }
  6184. 66% {
  6185. -webkit-animation-timing-function: cubic-bezier(0.30244, 0.38135, 0.55, 0.95635);
  6186. animation-timing-function: cubic-bezier(0.30244, 0.38135, 0.55, 0.95635);
  6187. -webkit-transform: translateX(calc(-4% - 0%)) translateY(-50%) scale(0.923);
  6188. transform: translateX(calc(-4% - 0%)) translateY(-50%) scale(0.923); }
  6189. 100% {
  6190. -webkit-transform: translateX(calc(0 - 0%)) translateY(-50%) scale(0.923);
  6191. transform: translateX(calc(0 - 0%)) translateY(-50%) scale(0.923); } }
  6192. :root {
  6193. --mdc-theme-primary: #6200ee;
  6194. --mdc-theme-secondary: #018786;
  6195. --mdc-theme-background: #fff;
  6196. --mdc-theme-surface: #fff;
  6197. --mdc-theme-on-primary: #fff;
  6198. --mdc-theme-on-secondary: #fff;
  6199. --mdc-theme-on-surface: #000;
  6200. --mdc-theme-text-primary-on-background: rgba(0, 0, 0, 0.87);
  6201. --mdc-theme-text-secondary-on-background: rgba(0, 0, 0, 0.54);
  6202. --mdc-theme-text-hint-on-background: rgba(0, 0, 0, 0.38);
  6203. --mdc-theme-text-disabled-on-background: rgba(0, 0, 0, 0.38);
  6204. --mdc-theme-text-icon-on-background: rgba(0, 0, 0, 0.38);
  6205. --mdc-theme-text-primary-on-light: rgba(0, 0, 0, 0.87);
  6206. --mdc-theme-text-secondary-on-light: rgba(0, 0, 0, 0.54);
  6207. --mdc-theme-text-hint-on-light: rgba(0, 0, 0, 0.38);
  6208. --mdc-theme-text-disabled-on-light: rgba(0, 0, 0, 0.38);
  6209. --mdc-theme-text-icon-on-light: rgba(0, 0, 0, 0.38);
  6210. --mdc-theme-text-primary-on-dark: white;
  6211. --mdc-theme-text-secondary-on-dark: rgba(255, 255, 255, 0.7);
  6212. --mdc-theme-text-hint-on-dark: rgba(255, 255, 255, 0.5);
  6213. --mdc-theme-text-disabled-on-dark: rgba(255, 255, 255, 0.5);
  6214. --mdc-theme-text-icon-on-dark: rgba(255, 255, 255, 0.5); }
  6215. .mdc-theme--primary {
  6216. color: #6200ee !important;
  6217. /* @alternate */
  6218. color: var(--mdc-theme-primary, #6200ee) !important; }
  6219. .mdc-theme--secondary {
  6220. color: #018786 !important;
  6221. /* @alternate */
  6222. color: var(--mdc-theme-secondary, #018786) !important; }
  6223. .mdc-theme--background {
  6224. background-color: #fff;
  6225. /* @alternate */
  6226. background-color: var(--mdc-theme-background, #fff); }
  6227. .mdc-theme--surface {
  6228. background-color: #fff;
  6229. /* @alternate */
  6230. background-color: var(--mdc-theme-surface, #fff); }
  6231. .mdc-theme--on-primary {
  6232. color: #fff !important;
  6233. /* @alternate */
  6234. color: var(--mdc-theme-on-primary, #fff) !important; }
  6235. .mdc-theme--on-secondary {
  6236. color: #fff !important;
  6237. /* @alternate */
  6238. color: var(--mdc-theme-on-secondary, #fff) !important; }
  6239. .mdc-theme--on-surface {
  6240. color: #000 !important;
  6241. /* @alternate */
  6242. color: var(--mdc-theme-on-surface, #000) !important; }
  6243. .mdc-theme--text-primary-on-background {
  6244. color: rgba(0, 0, 0, 0.87) !important;
  6245. /* @alternate */
  6246. color: var(--mdc-theme-text-primary-on-background, rgba(0, 0, 0, 0.87)) !important; }
  6247. .mdc-theme--text-secondary-on-background {
  6248. color: rgba(0, 0, 0, 0.54) !important;
  6249. /* @alternate */
  6250. color: var(--mdc-theme-text-secondary-on-background, rgba(0, 0, 0, 0.54)) !important; }
  6251. .mdc-theme--text-hint-on-background {
  6252. color: rgba(0, 0, 0, 0.38) !important;
  6253. /* @alternate */
  6254. color: var(--mdc-theme-text-hint-on-background, rgba(0, 0, 0, 0.38)) !important; }
  6255. .mdc-theme--text-disabled-on-background {
  6256. color: rgba(0, 0, 0, 0.38) !important;
  6257. /* @alternate */
  6258. color: var(--mdc-theme-text-disabled-on-background, rgba(0, 0, 0, 0.38)) !important; }
  6259. .mdc-theme--text-icon-on-background {
  6260. color: rgba(0, 0, 0, 0.38) !important;
  6261. /* @alternate */
  6262. color: var(--mdc-theme-text-icon-on-background, rgba(0, 0, 0, 0.38)) !important; }
  6263. .mdc-theme--text-primary-on-light {
  6264. color: rgba(0, 0, 0, 0.87) !important;
  6265. /* @alternate */
  6266. color: var(--mdc-theme-text-primary-on-light, rgba(0, 0, 0, 0.87)) !important; }
  6267. .mdc-theme--text-secondary-on-light {
  6268. color: rgba(0, 0, 0, 0.54) !important;
  6269. /* @alternate */
  6270. color: var(--mdc-theme-text-secondary-on-light, rgba(0, 0, 0, 0.54)) !important; }
  6271. .mdc-theme--text-hint-on-light {
  6272. color: rgba(0, 0, 0, 0.38) !important;
  6273. /* @alternate */
  6274. color: var(--mdc-theme-text-hint-on-light, rgba(0, 0, 0, 0.38)) !important; }
  6275. .mdc-theme--text-disabled-on-light {
  6276. color: rgba(0, 0, 0, 0.38) !important;
  6277. /* @alternate */
  6278. color: var(--mdc-theme-text-disabled-on-light, rgba(0, 0, 0, 0.38)) !important; }
  6279. .mdc-theme--text-icon-on-light {
  6280. color: rgba(0, 0, 0, 0.38) !important;
  6281. /* @alternate */
  6282. color: var(--mdc-theme-text-icon-on-light, rgba(0, 0, 0, 0.38)) !important; }
  6283. .mdc-theme--text-primary-on-dark {
  6284. color: white !important;
  6285. /* @alternate */
  6286. color: var(--mdc-theme-text-primary-on-dark, white) !important; }
  6287. .mdc-theme--text-secondary-on-dark {
  6288. color: rgba(255, 255, 255, 0.7) !important;
  6289. /* @alternate */
  6290. color: var(--mdc-theme-text-secondary-on-dark, rgba(255, 255, 255, 0.7)) !important; }
  6291. .mdc-theme--text-hint-on-dark {
  6292. color: rgba(255, 255, 255, 0.5) !important;
  6293. /* @alternate */
  6294. color: var(--mdc-theme-text-hint-on-dark, rgba(255, 255, 255, 0.5)) !important; }
  6295. .mdc-theme--text-disabled-on-dark {
  6296. color: rgba(255, 255, 255, 0.5) !important;
  6297. /* @alternate */
  6298. color: var(--mdc-theme-text-disabled-on-dark, rgba(255, 255, 255, 0.5)) !important; }
  6299. .mdc-theme--text-icon-on-dark {
  6300. color: rgba(255, 255, 255, 0.5) !important;
  6301. /* @alternate */
  6302. color: var(--mdc-theme-text-icon-on-dark, rgba(255, 255, 255, 0.5)) !important; }
  6303. .mdc-theme--primary-bg {
  6304. background-color: #6200ee !important;
  6305. /* @alternate */
  6306. background-color: var(--mdc-theme-primary, #6200ee) !important; }
  6307. .mdc-theme--secondary-bg {
  6308. background-color: #018786 !important;
  6309. /* @alternate */
  6310. background-color: var(--mdc-theme-secondary, #018786) !important; }
  6311. .mdc-toolbar {
  6312. background-color: #6200ee;
  6313. /* @alternate */
  6314. background-color: var(--mdc-theme-primary, #6200ee);
  6315. color: white;
  6316. display: flex;
  6317. position: relative;
  6318. flex-direction: column;
  6319. justify-content: space-between;
  6320. box-sizing: border-box;
  6321. width: 100%; }
  6322. .mdc-toolbar .mdc-toolbar__icon {
  6323. color: white; }
  6324. .mdc-toolbar .mdc-toolbar__icon::before, .mdc-toolbar .mdc-toolbar__icon::after {
  6325. background-color: white; }
  6326. .mdc-toolbar .mdc-toolbar__icon:hover::before {
  6327. opacity: 0.08; }
  6328. .mdc-toolbar .mdc-toolbar__icon:not(.mdc-ripple-upgraded):focus::before, .mdc-toolbar .mdc-toolbar__icon.mdc-ripple-upgraded--background-focused::before {
  6329. transition-duration: 75ms;
  6330. opacity: 0.24; }
  6331. .mdc-toolbar .mdc-toolbar__icon:not(.mdc-ripple-upgraded)::after {
  6332. transition: opacity 150ms linear; }
  6333. .mdc-toolbar .mdc-toolbar__icon:not(.mdc-ripple-upgraded):active::after {
  6334. transition-duration: 75ms;
  6335. opacity: 0.32; }
  6336. .mdc-toolbar .mdc-toolbar__icon.mdc-ripple-upgraded {
  6337. --mdc-ripple-fg-opacity: 0.32; }
  6338. .mdc-toolbar__row {
  6339. display: flex;
  6340. position: relative;
  6341. align-items: center;
  6342. box-sizing: border-box;
  6343. width: 100%;
  6344. height: auto;
  6345. min-height: 64px; }
  6346. @media (max-width: 959px) and (orientation: landscape) {
  6347. .mdc-toolbar__row {
  6348. min-height: 48px; } }
  6349. @media (max-width: 599px) {
  6350. .mdc-toolbar__row {
  6351. min-height: 56px; } }
  6352. .mdc-toolbar__section {
  6353. display: inline-flex;
  6354. flex: 1;
  6355. align-items: start;
  6356. justify-content: center;
  6357. box-sizing: border-box;
  6358. min-width: 0;
  6359. height: 100%;
  6360. padding: 8px;
  6361. z-index: 1; }
  6362. @media (max-width: 959px) and (orientation: landscape) {
  6363. .mdc-toolbar__section {
  6364. padding: 0; } }
  6365. @media (max-width: 599px) {
  6366. .mdc-toolbar__section {
  6367. padding: 4px 0; } }
  6368. .mdc-toolbar__section--align-start {
  6369. /* @noflip */
  6370. padding-left: 12px;
  6371. /* @noflip */
  6372. padding-right: 0;
  6373. justify-content: flex-start;
  6374. order: -1; }
  6375. [dir="rtl"] .mdc-toolbar__section--align-start, .mdc-toolbar__section--align-start[dir="rtl"] {
  6376. /* @noflip */
  6377. padding-left: 0;
  6378. /* @noflip */
  6379. padding-right: 12px; }
  6380. @media (max-width: 959px) and (orientation: landscape) {
  6381. .mdc-toolbar__section--align-start {
  6382. /* @noflip */
  6383. padding-left: 4px;
  6384. /* @noflip */
  6385. padding-right: 0; }
  6386. [dir="rtl"] .mdc-toolbar__section--align-start, .mdc-toolbar__section--align-start[dir="rtl"] {
  6387. /* @noflip */
  6388. padding-left: 0;
  6389. /* @noflip */
  6390. padding-right: 4px; } }
  6391. @media (max-width: 599px) {
  6392. .mdc-toolbar__section--align-start {
  6393. /* @noflip */
  6394. padding-left: 4px;
  6395. /* @noflip */
  6396. padding-right: 0; }
  6397. [dir="rtl"] .mdc-toolbar__section--align-start, .mdc-toolbar__section--align-start[dir="rtl"] {
  6398. /* @noflip */
  6399. padding-left: 0;
  6400. /* @noflip */
  6401. padding-right: 4px; } }
  6402. .mdc-toolbar__section--align-end {
  6403. /* @noflip */
  6404. padding-left: 0;
  6405. /* @noflip */
  6406. padding-right: 12px;
  6407. justify-content: flex-end;
  6408. order: 1; }
  6409. [dir="rtl"] .mdc-toolbar__section--align-end, .mdc-toolbar__section--align-end[dir="rtl"] {
  6410. /* @noflip */
  6411. padding-left: 12px;
  6412. /* @noflip */
  6413. padding-right: 0; }
  6414. @media (max-width: 959px) and (orientation: landscape) {
  6415. .mdc-toolbar__section--align-end {
  6416. /* @noflip */
  6417. padding-left: 0;
  6418. /* @noflip */
  6419. padding-right: 4px; }
  6420. [dir="rtl"] .mdc-toolbar__section--align-end, .mdc-toolbar__section--align-end[dir="rtl"] {
  6421. /* @noflip */
  6422. padding-left: 4px;
  6423. /* @noflip */
  6424. padding-right: 0; } }
  6425. @media (max-width: 599px) {
  6426. .mdc-toolbar__section--align-end {
  6427. /* @noflip */
  6428. padding-left: 0;
  6429. /* @noflip */
  6430. padding-right: 4px; }
  6431. [dir="rtl"] .mdc-toolbar__section--align-end, .mdc-toolbar__section--align-end[dir="rtl"] {
  6432. /* @noflip */
  6433. padding-left: 4px;
  6434. /* @noflip */
  6435. padding-right: 0; } }
  6436. .mdc-toolbar__title {
  6437. font-family: Roboto, sans-serif;
  6438. -moz-osx-font-smoothing: grayscale;
  6439. -webkit-font-smoothing: antialiased;
  6440. font-size: 1.25rem;
  6441. line-height: 2rem;
  6442. font-weight: 500;
  6443. letter-spacing: 0.0125em;
  6444. text-decoration: inherit;
  6445. text-transform: inherit;
  6446. text-overflow: ellipsis;
  6447. white-space: nowrap;
  6448. overflow: hidden;
  6449. /* @noflip */
  6450. margin-left: 24px;
  6451. /* @noflip */
  6452. margin-right: 0;
  6453. align-self: center;
  6454. padding: 12px 0;
  6455. line-height: 1.5rem;
  6456. z-index: 1; }
  6457. [dir="rtl"] .mdc-toolbar__title, .mdc-toolbar__title[dir="rtl"] {
  6458. /* @noflip */
  6459. margin-left: 0;
  6460. /* @noflip */
  6461. margin-right: 24px; }
  6462. .mdc-toolbar__icon, .mdc-toolbar__menu-icon {
  6463. --mdc-ripple-fg-size: 0;
  6464. --mdc-ripple-left: 0;
  6465. --mdc-ripple-top: 0;
  6466. --mdc-ripple-fg-scale: 1;
  6467. --mdc-ripple-fg-translate-end: 0;
  6468. --mdc-ripple-fg-translate-start: 0;
  6469. -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  6470. will-change: transform, opacity;
  6471. display: flex;
  6472. position: relative;
  6473. align-items: start;
  6474. justify-content: center;
  6475. box-sizing: border-box;
  6476. width: 48px;
  6477. height: 48px;
  6478. padding: 12px;
  6479. border: none;
  6480. outline: none;
  6481. background-color: transparent;
  6482. fill: currentColor;
  6483. color: inherit;
  6484. text-decoration: none;
  6485. cursor: pointer; }
  6486. .mdc-toolbar__icon::before, .mdc-toolbar__icon::after, .mdc-toolbar__menu-icon::before, .mdc-toolbar__menu-icon::after {
  6487. position: absolute;
  6488. border-radius: 50%;
  6489. opacity: 0;
  6490. pointer-events: none;
  6491. content: ""; }
  6492. .mdc-toolbar__icon::before, .mdc-toolbar__menu-icon::before {
  6493. transition: opacity 15ms linear;
  6494. z-index: 1; }
  6495. .mdc-toolbar__icon.mdc-ripple-upgraded::before, .mdc-toolbar__menu-icon.mdc-ripple-upgraded::before {
  6496. -webkit-transform: scale(var(--mdc-ripple-fg-scale, 1));
  6497. transform: scale(var(--mdc-ripple-fg-scale, 1)); }
  6498. .mdc-toolbar__icon.mdc-ripple-upgraded::after, .mdc-toolbar__menu-icon.mdc-ripple-upgraded::after {
  6499. top: 0;
  6500. /* @noflip */
  6501. left: 0;
  6502. -webkit-transform: scale(0);
  6503. transform: scale(0);
  6504. -webkit-transform-origin: center center;
  6505. transform-origin: center center; }
  6506. .mdc-toolbar__icon.mdc-ripple-upgraded--unbounded::after, .mdc-toolbar__menu-icon.mdc-ripple-upgraded--unbounded::after {
  6507. top: var(--mdc-ripple-top, 0);
  6508. /* @noflip */
  6509. left: var(--mdc-ripple-left, 0); }
  6510. .mdc-toolbar__icon.mdc-ripple-upgraded--foreground-activation::after, .mdc-toolbar__menu-icon.mdc-ripple-upgraded--foreground-activation::after {
  6511. -webkit-animation: 225ms mdc-ripple-fg-radius-in forwards, 75ms mdc-ripple-fg-opacity-in forwards;
  6512. animation: 225ms mdc-ripple-fg-radius-in forwards, 75ms mdc-ripple-fg-opacity-in forwards; }
  6513. .mdc-toolbar__icon.mdc-ripple-upgraded--foreground-deactivation::after, .mdc-toolbar__menu-icon.mdc-ripple-upgraded--foreground-deactivation::after {
  6514. -webkit-animation: 150ms mdc-ripple-fg-opacity-out;
  6515. animation: 150ms mdc-ripple-fg-opacity-out;
  6516. -webkit-transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
  6517. transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1)); }
  6518. .mdc-toolbar__icon::before, .mdc-toolbar__icon::after, .mdc-toolbar__menu-icon::before, .mdc-toolbar__menu-icon::after {
  6519. top: calc(50% - 50%);
  6520. /* @noflip */
  6521. left: calc(50% - 50%);
  6522. width: 100%;
  6523. height: 100%; }
  6524. .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 {
  6525. top: var(--mdc-ripple-top, calc(50% - 50%));
  6526. /* @noflip */
  6527. left: var(--mdc-ripple-left, calc(50% - 50%));
  6528. width: var(--mdc-ripple-fg-size, 100%);
  6529. height: var(--mdc-ripple-fg-size, 100%); }
  6530. .mdc-toolbar__icon.mdc-ripple-upgraded::after, .mdc-toolbar__menu-icon.mdc-ripple-upgraded::after {
  6531. width: var(--mdc-ripple-fg-size, 100%);
  6532. height: var(--mdc-ripple-fg-size, 100%); }
  6533. .mdc-toolbar__menu-icon + .mdc-toolbar__title {
  6534. /* @noflip */
  6535. margin-left: 8px;
  6536. /* @noflip */
  6537. margin-right: 0; }
  6538. [dir="rtl"] .mdc-toolbar__menu-icon + .mdc-toolbar__title, .mdc-toolbar__menu-icon + .mdc-toolbar__title[dir="rtl"] {
  6539. /* @noflip */
  6540. margin-left: 0;
  6541. /* @noflip */
  6542. margin-right: 8px; }
  6543. @media (max-width: 599px) {
  6544. .mdc-toolbar__title {
  6545. /* @noflip */
  6546. margin-left: 16px;
  6547. /* @noflip */
  6548. margin-right: 0; }
  6549. [dir="rtl"] .mdc-toolbar__title, .mdc-toolbar__title[dir="rtl"] {
  6550. /* @noflip */
  6551. margin-left: 0;
  6552. /* @noflip */
  6553. margin-right: 16px; } }
  6554. .mdc-toolbar--fixed {
  6555. 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);
  6556. position: fixed;
  6557. top: 0;
  6558. left: 0;
  6559. z-index: 4; }
  6560. .mdc-toolbar--flexible {
  6561. --mdc-toolbar-ratio-to-extend-flexible: 4; }
  6562. .mdc-toolbar--flexible .mdc-toolbar__row:first-child {
  6563. height: 256px;
  6564. height: calc(64px * var(--mdc-toolbar-ratio-to-extend-flexible, 4)); }
  6565. @media (max-width: 599px) {
  6566. .mdc-toolbar--flexible .mdc-toolbar__row:first-child {
  6567. height: 224px;
  6568. height: calc(56px * var(--mdc-toolbar-ratio-to-extend-flexible, 4)); } }
  6569. .mdc-toolbar--flexible .mdc-toolbar__row:first-child::after {
  6570. position: absolute;
  6571. content: ""; }
  6572. .mdc-toolbar--flexible-default-behavior .mdc-toolbar__title {
  6573. font-family: Roboto, sans-serif;
  6574. -moz-osx-font-smoothing: grayscale;
  6575. -webkit-font-smoothing: antialiased;
  6576. font-size: 1.25rem;
  6577. line-height: 2rem;
  6578. font-weight: 500;
  6579. letter-spacing: 0.0125em;
  6580. text-decoration: inherit;
  6581. text-transform: inherit;
  6582. align-self: flex-end;
  6583. line-height: 1.5rem; }
  6584. .mdc-toolbar--flexible-default-behavior .mdc-toolbar__row:first-child::after {
  6585. top: 0;
  6586. left: 0;
  6587. width: 100%;
  6588. height: 100%;
  6589. transition: opacity .2s ease;
  6590. opacity: 1; }
  6591. .mdc-toolbar--flexible-default-behavior.mdc-toolbar--flexible-space-minimized .mdc-toolbar__row:first-child::after {
  6592. opacity: 0; }
  6593. .mdc-toolbar--flexible-default-behavior.mdc-toolbar--flexible-space-minimized .mdc-toolbar__title {
  6594. font-weight: 500; }
  6595. .mdc-toolbar--waterfall.mdc-toolbar--fixed {
  6596. 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);
  6597. transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1);
  6598. will-change: box-shadow; }
  6599. .mdc-toolbar--waterfall.mdc-toolbar--fixed.mdc-toolbar--flexible-space-minimized {
  6600. 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); }
  6601. .mdc-toolbar--waterfall.mdc-toolbar--fixed.mdc-toolbar--fixed-lastrow-only.mdc-toolbar--flexible-space-minimized {
  6602. 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); }
  6603. .mdc-toolbar--waterfall.mdc-toolbar--fixed.mdc-toolbar--fixed-lastrow-only.mdc-toolbar--fixed-at-last-row {
  6604. 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); }
  6605. .mdc-toolbar-fixed-adjust {
  6606. margin-top: 64px; }
  6607. @media (max-width: 959px) and (max-height: 599px) {
  6608. .mdc-toolbar-fixed-adjust {
  6609. margin-top: 48px; } }
  6610. @media (max-width: 599px) {
  6611. .mdc-toolbar-fixed-adjust {
  6612. margin-top: 56px; } }
  6613. .mdc-toolbar__section--shrink-to-fit {
  6614. flex: none; }
  6615. .mdc-top-app-bar {
  6616. background-color: #6200ee;
  6617. /* @alternate */
  6618. background-color: var(--mdc-theme-primary, #6200ee);
  6619. color: white;
  6620. display: flex;
  6621. position: fixed;
  6622. flex-direction: column;
  6623. justify-content: space-between;
  6624. box-sizing: border-box;
  6625. width: 100%;
  6626. z-index: 4; }
  6627. .mdc-top-app-bar .mdc-top-app-bar__action-item,
  6628. .mdc-top-app-bar .mdc-top-app-bar__navigation-icon {
  6629. color: #fff;
  6630. /* @alternate */
  6631. color: var(--mdc-theme-on-primary, #fff); }
  6632. .mdc-top-app-bar .mdc-top-app-bar__action-item::before, .mdc-top-app-bar .mdc-top-app-bar__action-item::after,
  6633. .mdc-top-app-bar .mdc-top-app-bar__navigation-icon::before,
  6634. .mdc-top-app-bar .mdc-top-app-bar__navigation-icon::after {
  6635. background-color: #fff; }
  6636. @supports not (-ms-ime-align: auto) {
  6637. .mdc-top-app-bar .mdc-top-app-bar__action-item::before, .mdc-top-app-bar .mdc-top-app-bar__action-item::after,
  6638. .mdc-top-app-bar .mdc-top-app-bar__navigation-icon::before,
  6639. .mdc-top-app-bar .mdc-top-app-bar__navigation-icon::after {
  6640. /* @alternate */
  6641. background-color: var(--mdc-theme-on-primary, #fff); } }
  6642. .mdc-top-app-bar .mdc-top-app-bar__action-item:hover::before,
  6643. .mdc-top-app-bar .mdc-top-app-bar__navigation-icon:hover::before {
  6644. opacity: 0.08; }
  6645. .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,
  6646. .mdc-top-app-bar .mdc-top-app-bar__navigation-icon:not(.mdc-ripple-upgraded):focus::before,
  6647. .mdc-top-app-bar .mdc-top-app-bar__navigation-icon.mdc-ripple-upgraded--background-focused::before {
  6648. transition-duration: 75ms;
  6649. opacity: 0.24; }
  6650. .mdc-top-app-bar .mdc-top-app-bar__action-item:not(.mdc-ripple-upgraded)::after,
  6651. .mdc-top-app-bar .mdc-top-app-bar__navigation-icon:not(.mdc-ripple-upgraded)::after {
  6652. transition: opacity 150ms linear; }
  6653. .mdc-top-app-bar .mdc-top-app-bar__action-item:not(.mdc-ripple-upgraded):active::after,
  6654. .mdc-top-app-bar .mdc-top-app-bar__navigation-icon:not(.mdc-ripple-upgraded):active::after {
  6655. transition-duration: 75ms;
  6656. opacity: 0.32; }
  6657. .mdc-top-app-bar .mdc-top-app-bar__action-item.mdc-ripple-upgraded,
  6658. .mdc-top-app-bar .mdc-top-app-bar__navigation-icon.mdc-ripple-upgraded {
  6659. --mdc-ripple-fg-opacity: 0.32; }
  6660. .mdc-top-app-bar__row {
  6661. display: flex;
  6662. position: relative;
  6663. box-sizing: border-box;
  6664. width: 100%;
  6665. height: 64px; }
  6666. .mdc-top-app-bar__section {
  6667. display: inline-flex;
  6668. flex: 1 1 auto;
  6669. align-items: center;
  6670. min-width: 0;
  6671. padding: 8px 12px;
  6672. z-index: 1; }
  6673. .mdc-top-app-bar__section--align-start {
  6674. justify-content: flex-start;
  6675. order: -1; }
  6676. .mdc-top-app-bar__section--align-end {
  6677. justify-content: flex-end;
  6678. order: 1; }
  6679. .mdc-top-app-bar__title {
  6680. font-family: Roboto, sans-serif;
  6681. -moz-osx-font-smoothing: grayscale;
  6682. -webkit-font-smoothing: antialiased;
  6683. font-size: 1.25rem;
  6684. line-height: 2rem;
  6685. font-weight: 500;
  6686. letter-spacing: 0.0125em;
  6687. text-decoration: inherit;
  6688. text-transform: inherit;
  6689. /* @noflip */
  6690. padding-left: 20px;
  6691. /* @noflip */
  6692. padding-right: 0;
  6693. text-overflow: ellipsis;
  6694. white-space: nowrap;
  6695. overflow: hidden;
  6696. z-index: 1; }
  6697. [dir="rtl"] .mdc-top-app-bar__title, .mdc-top-app-bar__title[dir="rtl"] {
  6698. /* @noflip */
  6699. padding-left: 0;
  6700. /* @noflip */
  6701. padding-right: 20px; }
  6702. .mdc-top-app-bar__action-item, .mdc-top-app-bar__navigation-icon {
  6703. --mdc-ripple-fg-size: 0;
  6704. --mdc-ripple-left: 0;
  6705. --mdc-ripple-top: 0;
  6706. --mdc-ripple-fg-scale: 1;
  6707. --mdc-ripple-fg-translate-end: 0;
  6708. --mdc-ripple-fg-translate-start: 0;
  6709. -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  6710. will-change: transform, opacity;
  6711. display: flex;
  6712. position: relative;
  6713. flex-shrink: 0;
  6714. align-items: center;
  6715. justify-content: center;
  6716. box-sizing: border-box;
  6717. width: 48px;
  6718. height: 48px;
  6719. padding: 12px;
  6720. border: none;
  6721. outline: none;
  6722. background-color: transparent;
  6723. fill: currentColor;
  6724. color: inherit;
  6725. text-decoration: none;
  6726. cursor: pointer; }
  6727. .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 {
  6728. position: absolute;
  6729. border-radius: 50%;
  6730. opacity: 0;
  6731. pointer-events: none;
  6732. content: ""; }
  6733. .mdc-top-app-bar__action-item::before, .mdc-top-app-bar__navigation-icon::before {
  6734. transition: opacity 15ms linear;
  6735. z-index: 1; }
  6736. .mdc-top-app-bar__action-item.mdc-ripple-upgraded::before, .mdc-top-app-bar__navigation-icon.mdc-ripple-upgraded::before {
  6737. -webkit-transform: scale(var(--mdc-ripple-fg-scale, 1));
  6738. transform: scale(var(--mdc-ripple-fg-scale, 1)); }
  6739. .mdc-top-app-bar__action-item.mdc-ripple-upgraded::after, .mdc-top-app-bar__navigation-icon.mdc-ripple-upgraded::after {
  6740. top: 0;
  6741. /* @noflip */
  6742. left: 0;
  6743. -webkit-transform: scale(0);
  6744. transform: scale(0);
  6745. -webkit-transform-origin: center center;
  6746. transform-origin: center center; }
  6747. .mdc-top-app-bar__action-item.mdc-ripple-upgraded--unbounded::after, .mdc-top-app-bar__navigation-icon.mdc-ripple-upgraded--unbounded::after {
  6748. top: var(--mdc-ripple-top, 0);
  6749. /* @noflip */
  6750. left: var(--mdc-ripple-left, 0); }
  6751. .mdc-top-app-bar__action-item.mdc-ripple-upgraded--foreground-activation::after, .mdc-top-app-bar__navigation-icon.mdc-ripple-upgraded--foreground-activation::after {
  6752. -webkit-animation: 225ms mdc-ripple-fg-radius-in forwards, 75ms mdc-ripple-fg-opacity-in forwards;
  6753. animation: 225ms mdc-ripple-fg-radius-in forwards, 75ms mdc-ripple-fg-opacity-in forwards; }
  6754. .mdc-top-app-bar__action-item.mdc-ripple-upgraded--foreground-deactivation::after, .mdc-top-app-bar__navigation-icon.mdc-ripple-upgraded--foreground-deactivation::after {
  6755. -webkit-animation: 150ms mdc-ripple-fg-opacity-out;
  6756. animation: 150ms mdc-ripple-fg-opacity-out;
  6757. -webkit-transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
  6758. transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1)); }
  6759. .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 {
  6760. top: calc(50% - 50%);
  6761. /* @noflip */
  6762. left: calc(50% - 50%);
  6763. width: 100%;
  6764. height: 100%; }
  6765. .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 {
  6766. top: var(--mdc-ripple-top, calc(50% - 50%));
  6767. /* @noflip */
  6768. left: var(--mdc-ripple-left, calc(50% - 50%));
  6769. width: var(--mdc-ripple-fg-size, 100%);
  6770. height: var(--mdc-ripple-fg-size, 100%); }
  6771. .mdc-top-app-bar__action-item.mdc-ripple-upgraded::after, .mdc-top-app-bar__navigation-icon.mdc-ripple-upgraded::after {
  6772. width: var(--mdc-ripple-fg-size, 100%);
  6773. height: var(--mdc-ripple-fg-size, 100%); }
  6774. .mdc-top-app-bar--short {
  6775. top: 0;
  6776. right: auto;
  6777. left: 0;
  6778. width: 100%;
  6779. transition: width 250ms cubic-bezier(0.4, 0, 0.2, 1); }
  6780. [dir="rtl"] .mdc-top-app-bar--short, .mdc-top-app-bar--short[dir="rtl"] {
  6781. right: 0;
  6782. left: auto; }
  6783. .mdc-top-app-bar--short .mdc-top-app-bar__row {
  6784. height: 56px; }
  6785. .mdc-top-app-bar--short .mdc-top-app-bar__section {
  6786. padding: 4px; }
  6787. .mdc-top-app-bar--short .mdc-top-app-bar__title {
  6788. transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1);
  6789. opacity: 1; }
  6790. .mdc-top-app-bar--short-collapsed {
  6791. /* @noflip */
  6792. border-bottom-left-radius: 0;
  6793. /* @noflip */
  6794. border-bottom-right-radius: 4px;
  6795. 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);
  6796. width: 56px;
  6797. transition: width 300ms cubic-bezier(0.4, 0, 0.2, 1); }
  6798. [dir="rtl"] .mdc-top-app-bar--short-collapsed, .mdc-top-app-bar--short-collapsed[dir="rtl"] {
  6799. /* @noflip */
  6800. border-bottom-left-radius: 4px;
  6801. /* @noflip */
  6802. border-bottom-right-radius: 0; }
  6803. .mdc-top-app-bar--short-collapsed .mdc-top-app-bar__title {
  6804. display: none; }
  6805. .mdc-top-app-bar--short-collapsed .mdc-top-app-bar__action-item {
  6806. transition: padding 150ms cubic-bezier(0.4, 0, 0.2, 1); }
  6807. .mdc-top-app-bar--short-collapsed.mdc-top-app-bar--short-has-action-item {
  6808. width: 112px; }
  6809. .mdc-top-app-bar--short-collapsed.mdc-top-app-bar--short-has-action-item .mdc-top-app-bar__section--align-end {
  6810. /* @noflip */
  6811. padding-left: 0;
  6812. /* @noflip */
  6813. padding-right: 12px; }
  6814. [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"] {
  6815. /* @noflip */
  6816. padding-left: 12px;
  6817. /* @noflip */
  6818. padding-right: 0; }
  6819. .mdc-top-app-bar--dense .mdc-top-app-bar__row {
  6820. height: 48px; }
  6821. .mdc-top-app-bar--dense .mdc-top-app-bar__section {
  6822. padding: 0 4px; }
  6823. .mdc-top-app-bar--dense .mdc-top-app-bar__title {
  6824. /* @noflip */
  6825. padding-left: 12px;
  6826. /* @noflip */
  6827. padding-right: 0; }
  6828. [dir="rtl"] .mdc-top-app-bar--dense .mdc-top-app-bar__title, .mdc-top-app-bar--dense .mdc-top-app-bar__title[dir="rtl"] {
  6829. /* @noflip */
  6830. padding-left: 0;
  6831. /* @noflip */
  6832. padding-right: 12px; }
  6833. .mdc-top-app-bar--prominent .mdc-top-app-bar__row {
  6834. height: 128px; }
  6835. .mdc-top-app-bar--prominent .mdc-top-app-bar__title {
  6836. align-self: flex-end;
  6837. padding-bottom: 2px; }
  6838. .mdc-top-app-bar--prominent .mdc-top-app-bar__action-item,
  6839. .mdc-top-app-bar--prominent .mdc-top-app-bar__navigation-icon {
  6840. align-self: flex-start; }
  6841. .mdc-top-app-bar--fixed {
  6842. transition: box-shadow 200ms linear; }
  6843. .mdc-top-app-bar--fixed-scrolled {
  6844. 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);
  6845. transition: box-shadow 200ms linear; }
  6846. .mdc-top-app-bar--dense.mdc-top-app-bar--prominent .mdc-top-app-bar__row {
  6847. height: 96px; }
  6848. .mdc-top-app-bar--dense.mdc-top-app-bar--prominent .mdc-top-app-bar__section {
  6849. padding: 0 12px; }
  6850. .mdc-top-app-bar--dense.mdc-top-app-bar--prominent .mdc-top-app-bar__title {
  6851. /* @noflip */
  6852. padding-left: 20px;
  6853. /* @noflip */
  6854. padding-right: 0;
  6855. padding-bottom: 9px; }
  6856. [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"] {
  6857. /* @noflip */
  6858. padding-left: 0;
  6859. /* @noflip */
  6860. padding-right: 20px; }
  6861. .mdc-top-app-bar--fixed-adjust {
  6862. padding-top: 64px; }
  6863. .mdc-top-app-bar--dense-fixed-adjust {
  6864. padding-top: 48px; }
  6865. .mdc-top-app-bar--short-fixed-adjust {
  6866. padding-top: 56px; }
  6867. .mdc-top-app-bar--prominent-fixed-adjust {
  6868. padding-top: 128px; }
  6869. .mdc-top-app-bar--dense-prominent-fixed-adjust {
  6870. padding-top: 96px; }
  6871. @media (max-width: 599px) {
  6872. .mdc-top-app-bar__row {
  6873. height: 56px; }
  6874. .mdc-top-app-bar__section {
  6875. padding: 4px; }
  6876. .mdc-top-app-bar--short {
  6877. transition: width 200ms cubic-bezier(0.4, 0, 0.2, 1); }
  6878. .mdc-top-app-bar--short-collapsed {
  6879. transition: width 250ms cubic-bezier(0.4, 0, 0.2, 1); }
  6880. .mdc-top-app-bar--short-collapsed .mdc-top-app-bar__section--align-end {
  6881. /* @noflip */
  6882. padding-left: 0;
  6883. /* @noflip */
  6884. padding-right: 12px; }
  6885. [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"] {
  6886. /* @noflip */
  6887. padding-left: 12px;
  6888. /* @noflip */
  6889. padding-right: 0; }
  6890. .mdc-top-app-bar--prominent .mdc-top-app-bar__title {
  6891. padding-bottom: 6px; }
  6892. .mdc-top-app-bar--fixed-adjust {
  6893. padding-top: 56px; } }
  6894. .mdc-typography {
  6895. font-family: Roboto, sans-serif;
  6896. -moz-osx-font-smoothing: grayscale;
  6897. -webkit-font-smoothing: antialiased; }
  6898. .mdc-typography--headline1 {
  6899. font-family: Roboto, sans-serif;
  6900. -moz-osx-font-smoothing: grayscale;
  6901. -webkit-font-smoothing: antialiased;
  6902. font-size: 6rem;
  6903. line-height: 6rem;
  6904. font-weight: 300;
  6905. letter-spacing: -0.01562em;
  6906. text-decoration: inherit;
  6907. text-transform: inherit; }
  6908. .mdc-typography--headline2 {
  6909. font-family: Roboto, sans-serif;
  6910. -moz-osx-font-smoothing: grayscale;
  6911. -webkit-font-smoothing: antialiased;
  6912. font-size: 3.75rem;
  6913. line-height: 3.75rem;
  6914. font-weight: 300;
  6915. letter-spacing: -0.00833em;
  6916. text-decoration: inherit;
  6917. text-transform: inherit; }
  6918. .mdc-typography--headline3 {
  6919. font-family: Roboto, sans-serif;
  6920. -moz-osx-font-smoothing: grayscale;
  6921. -webkit-font-smoothing: antialiased;
  6922. font-size: 3rem;
  6923. line-height: 3.125rem;
  6924. font-weight: 400;
  6925. letter-spacing: normal;
  6926. text-decoration: inherit;
  6927. text-transform: inherit; }
  6928. .mdc-typography--headline4 {
  6929. font-family: Roboto, sans-serif;
  6930. -moz-osx-font-smoothing: grayscale;
  6931. -webkit-font-smoothing: antialiased;
  6932. font-size: 2.125rem;
  6933. line-height: 2.5rem;
  6934. font-weight: 400;
  6935. letter-spacing: 0.00735em;
  6936. text-decoration: inherit;
  6937. text-transform: inherit; }
  6938. .mdc-typography--headline5 {
  6939. font-family: Roboto, sans-serif;
  6940. -moz-osx-font-smoothing: grayscale;
  6941. -webkit-font-smoothing: antialiased;
  6942. font-size: 1.5rem;
  6943. line-height: 2rem;
  6944. font-weight: 400;
  6945. letter-spacing: normal;
  6946. text-decoration: inherit;
  6947. text-transform: inherit; }
  6948. .mdc-typography--headline6 {
  6949. font-family: Roboto, sans-serif;
  6950. -moz-osx-font-smoothing: grayscale;
  6951. -webkit-font-smoothing: antialiased;
  6952. font-size: 1.25rem;
  6953. line-height: 2rem;
  6954. font-weight: 500;
  6955. letter-spacing: 0.0125em;
  6956. text-decoration: inherit;
  6957. text-transform: inherit; }
  6958. .mdc-typography--subtitle1 {
  6959. font-family: Roboto, sans-serif;
  6960. -moz-osx-font-smoothing: grayscale;
  6961. -webkit-font-smoothing: antialiased;
  6962. font-size: 1rem;
  6963. line-height: 1.75rem;
  6964. font-weight: 400;
  6965. letter-spacing: 0.00937em;
  6966. text-decoration: inherit;
  6967. text-transform: inherit; }
  6968. .mdc-typography--subtitle2 {
  6969. font-family: Roboto, sans-serif;
  6970. -moz-osx-font-smoothing: grayscale;
  6971. -webkit-font-smoothing: antialiased;
  6972. font-size: 0.875rem;
  6973. line-height: 1.375rem;
  6974. font-weight: 500;
  6975. letter-spacing: 0.00714em;
  6976. text-decoration: inherit;
  6977. text-transform: inherit; }
  6978. .mdc-typography--body1 {
  6979. font-family: Roboto, sans-serif;
  6980. -moz-osx-font-smoothing: grayscale;
  6981. -webkit-font-smoothing: antialiased;
  6982. font-size: 1rem;
  6983. line-height: 1.5rem;
  6984. font-weight: 400;
  6985. letter-spacing: 0.03125em;
  6986. text-decoration: inherit;
  6987. text-transform: inherit; }
  6988. .mdc-typography--body2 {
  6989. font-family: Roboto, sans-serif;
  6990. -moz-osx-font-smoothing: grayscale;
  6991. -webkit-font-smoothing: antialiased;
  6992. font-size: 0.875rem;
  6993. line-height: 1.25rem;
  6994. font-weight: 400;
  6995. letter-spacing: 0.01786em;
  6996. text-decoration: inherit;
  6997. text-transform: inherit; }
  6998. .mdc-typography--caption {
  6999. font-family: Roboto, sans-serif;
  7000. -moz-osx-font-smoothing: grayscale;
  7001. -webkit-font-smoothing: antialiased;
  7002. font-size: 0.75rem;
  7003. line-height: 1.25rem;
  7004. font-weight: 400;
  7005. letter-spacing: 0.03333em;
  7006. text-decoration: inherit;
  7007. text-transform: inherit; }
  7008. .mdc-typography--button {
  7009. font-family: Roboto, sans-serif;
  7010. -moz-osx-font-smoothing: grayscale;
  7011. -webkit-font-smoothing: antialiased;
  7012. font-size: 0.875rem;
  7013. line-height: 2.25rem;
  7014. font-weight: 500;
  7015. letter-spacing: 0.08929em;
  7016. text-decoration: none;
  7017. text-transform: uppercase; }
  7018. .mdc-typography--overline {
  7019. font-family: Roboto, sans-serif;
  7020. -moz-osx-font-smoothing: grayscale;
  7021. -webkit-font-smoothing: antialiased;
  7022. font-size: 0.75rem;
  7023. line-height: 2rem;
  7024. font-weight: 500;
  7025. letter-spacing: 0.16667em;
  7026. text-decoration: none;
  7027. text-transform: uppercase; }
  7028. /*# sourceMappingURL=material-components-web.css.map*/