material-components-web.css 499 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697989910010110210310410510610710810911011111211311411511611711811912012112212312412512612712812913013113213313413513613713813914014114214314414514614714814915015115215315415515615715815916016116216316416516616716816917017117217317417517617717817918018118218318418518618718818919019119219319419519619719819920020120220320420520620720820921021121221321421521621721821922022122222322422522622722822923023123223323423523623723823924024124224324424524624724824925025125225325425525625725825926026126226326426526626726826927027127227327427527627727827928028128228328428528628728828929029129229329429529629729829930030130230330430530630730830931031131231331431531631731831932032132232332432532632732832933033133233333433533633733833934034134234334434534634734834935035135235335435535635735835936036136236336436536636736836937037137237337437537637737837938038138238338438538638738838939039139239339439539639739839940040140240340440540640740840941041141241341441541641741841942042142242342442542642742842943043143243343443543643743843944044144244344444544644744844945045145245345445545645745845946046146246346446546646746846947047147247347447547647747847948048148248348448548648748848949049149249349449549649749849950050150250350450550650750850951051151251351451551651751851952052152252352452552652752852953053153253353453553653753853954054154254354454554654754854955055155255355455555655755855956056156256356456556656756856957057157257357457557657757857958058158258358458558658758858959059159259359459559659759859960060160260360460560660760860961061161261361461561661761861962062162262362462562662762862963063163263363463563663763863964064164264364464564664764864965065165265365465565665765865966066166266366466566666766866967067167267367467567667767867968068168268368468568668768868969069169269369469569669769869970070170270370470570670770870971071171271371471571671771871972072172272372472572672772872973073173273373473573673773873974074174274374474574674774874975075175275375475575675775875976076176276376476576676776876977077177277377477577677777877978078178278378478578678778878979079179279379479579679779879980080180280380480580680780880981081181281381481581681781881982082182282382482582682782882983083183283383483583683783883984084184284384484584684784884985085185285385485585685785885986086186286386486586686786886987087187287387487587687787887988088188288388488588688788888989089189289389489589689789889990090190290390490590690790890991091191291391491591691791891992092192292392492592692792892993093193293393493593693793893994094194294394494594694794894995095195295395495595695795895996096196296396496596696796896997097197297397497597697797897998098198298398498598698798898999099199299399499599699799899910001001100210031004100510061007100810091010101110121013101410151016101710181019102010211022102310241025102610271028102910301031103210331034103510361037103810391040104110421043104410451046104710481049105010511052105310541055105610571058105910601061106210631064106510661067106810691070107110721073107410751076107710781079108010811082108310841085108610871088108910901091109210931094109510961097109810991100110111021103110411051106110711081109111011111112111311141115111611171118111911201121112211231124112511261127112811291130113111321133113411351136113711381139114011411142114311441145114611471148114911501151115211531154115511561157115811591160116111621163116411651166116711681169117011711172117311741175117611771178117911801181118211831184118511861187118811891190119111921193119411951196119711981199120012011202120312041205120612071208120912101211121212131214121512161217121812191220122112221223122412251226122712281229123012311232123312341235123612371238123912401241124212431244124512461247124812491250125112521253125412551256125712581259126012611262126312641265126612671268126912701271127212731274127512761277127812791280128112821283128412851286128712881289129012911292129312941295129612971298129913001301130213031304130513061307130813091310131113121313131413151316131713181319132013211322132313241325132613271328132913301331133213331334133513361337133813391340134113421343134413451346134713481349135013511352135313541355135613571358135913601361136213631364136513661367136813691370137113721373137413751376137713781379138013811382138313841385138613871388138913901391139213931394139513961397139813991400140114021403140414051406140714081409141014111412141314141415141614171418141914201421142214231424142514261427142814291430143114321433143414351436143714381439144014411442144314441445144614471448144914501451145214531454145514561457145814591460146114621463146414651466146714681469147014711472147314741475147614771478147914801481148214831484148514861487148814891490149114921493149414951496149714981499150015011502150315041505150615071508150915101511151215131514151515161517151815191520152115221523152415251526152715281529153015311532153315341535153615371538153915401541154215431544154515461547154815491550155115521553155415551556155715581559156015611562156315641565156615671568156915701571157215731574157515761577157815791580158115821583158415851586158715881589159015911592159315941595159615971598159916001601160216031604160516061607160816091610161116121613161416151616161716181619162016211622162316241625162616271628162916301631163216331634163516361637163816391640164116421643164416451646164716481649165016511652165316541655165616571658165916601661166216631664166516661667166816691670167116721673167416751676167716781679168016811682168316841685168616871688168916901691169216931694169516961697169816991700170117021703170417051706170717081709171017111712171317141715171617171718171917201721172217231724172517261727172817291730173117321733173417351736173717381739174017411742174317441745174617471748174917501751175217531754175517561757175817591760176117621763176417651766176717681769177017711772177317741775177617771778177917801781178217831784178517861787178817891790179117921793179417951796179717981799180018011802180318041805180618071808180918101811181218131814181518161817181818191820182118221823182418251826182718281829183018311832183318341835183618371838183918401841184218431844184518461847184818491850185118521853185418551856185718581859186018611862186318641865186618671868186918701871187218731874187518761877187818791880188118821883188418851886188718881889189018911892189318941895189618971898189919001901190219031904190519061907190819091910191119121913191419151916191719181919192019211922192319241925192619271928192919301931193219331934193519361937193819391940194119421943194419451946194719481949195019511952195319541955195619571958195919601961196219631964196519661967196819691970197119721973197419751976197719781979198019811982198319841985198619871988198919901991199219931994199519961997199819992000200120022003200420052006200720082009201020112012201320142015201620172018201920202021202220232024202520262027202820292030203120322033203420352036203720382039204020412042204320442045204620472048204920502051205220532054205520562057205820592060206120622063206420652066206720682069207020712072207320742075207620772078207920802081208220832084208520862087208820892090209120922093209420952096209720982099210021012102210321042105210621072108210921102111211221132114211521162117211821192120212121222123212421252126212721282129213021312132213321342135213621372138213921402141214221432144214521462147214821492150215121522153215421552156215721582159216021612162216321642165216621672168216921702171217221732174217521762177217821792180218121822183218421852186218721882189219021912192219321942195219621972198219922002201220222032204220522062207220822092210221122122213221422152216221722182219222022212222222322242225222622272228222922302231223222332234223522362237223822392240224122422243224422452246224722482249225022512252225322542255225622572258225922602261226222632264226522662267226822692270227122722273227422752276227722782279228022812282228322842285228622872288228922902291229222932294229522962297229822992300230123022303230423052306230723082309231023112312231323142315231623172318231923202321232223232324232523262327232823292330233123322333233423352336233723382339234023412342234323442345234623472348234923502351235223532354235523562357235823592360236123622363236423652366236723682369237023712372237323742375237623772378237923802381238223832384238523862387238823892390239123922393239423952396239723982399240024012402240324042405240624072408240924102411241224132414241524162417241824192420242124222423242424252426242724282429243024312432243324342435243624372438243924402441244224432444244524462447244824492450245124522453245424552456245724582459246024612462246324642465246624672468246924702471247224732474247524762477247824792480248124822483248424852486248724882489249024912492249324942495249624972498249925002501250225032504250525062507250825092510251125122513251425152516251725182519252025212522252325242525252625272528252925302531253225332534253525362537253825392540254125422543254425452546254725482549255025512552255325542555255625572558255925602561256225632564256525662567256825692570257125722573257425752576257725782579258025812582258325842585258625872588258925902591259225932594259525962597259825992600260126022603260426052606260726082609261026112612261326142615261626172618261926202621262226232624262526262627262826292630263126322633263426352636263726382639264026412642264326442645264626472648264926502651265226532654265526562657265826592660266126622663266426652666266726682669267026712672267326742675267626772678267926802681268226832684268526862687268826892690269126922693269426952696269726982699270027012702270327042705270627072708270927102711271227132714271527162717271827192720272127222723272427252726272727282729273027312732273327342735273627372738273927402741274227432744274527462747274827492750275127522753275427552756275727582759276027612762276327642765276627672768276927702771277227732774277527762777277827792780278127822783278427852786278727882789279027912792279327942795279627972798279928002801280228032804280528062807280828092810281128122813281428152816281728182819282028212822282328242825282628272828282928302831283228332834283528362837283828392840284128422843284428452846284728482849285028512852285328542855285628572858285928602861286228632864286528662867286828692870287128722873287428752876287728782879288028812882288328842885288628872888288928902891289228932894289528962897289828992900290129022903290429052906290729082909291029112912291329142915291629172918291929202921292229232924292529262927292829292930293129322933293429352936293729382939294029412942294329442945294629472948294929502951295229532954295529562957295829592960296129622963296429652966296729682969297029712972297329742975297629772978297929802981298229832984298529862987298829892990299129922993299429952996299729982999300030013002300330043005300630073008300930103011301230133014301530163017301830193020302130223023302430253026302730283029303030313032303330343035303630373038303930403041304230433044304530463047304830493050305130523053305430553056305730583059306030613062306330643065306630673068306930703071307230733074307530763077307830793080308130823083308430853086308730883089309030913092309330943095309630973098309931003101310231033104310531063107310831093110311131123113311431153116311731183119312031213122312331243125312631273128312931303131313231333134313531363137313831393140314131423143314431453146314731483149315031513152315331543155315631573158315931603161316231633164316531663167316831693170317131723173317431753176317731783179318031813182318331843185318631873188318931903191319231933194319531963197319831993200320132023203320432053206320732083209321032113212321332143215321632173218321932203221322232233224322532263227322832293230323132323233323432353236323732383239324032413242324332443245324632473248324932503251325232533254325532563257325832593260326132623263326432653266326732683269327032713272327332743275327632773278327932803281328232833284328532863287328832893290329132923293329432953296329732983299330033013302330333043305330633073308330933103311331233133314331533163317331833193320332133223323332433253326332733283329333033313332333333343335333633373338333933403341334233433344334533463347334833493350335133523353335433553356335733583359336033613362336333643365336633673368336933703371337233733374337533763377337833793380338133823383338433853386338733883389339033913392339333943395339633973398339934003401340234033404340534063407340834093410341134123413341434153416341734183419342034213422342334243425342634273428342934303431343234333434343534363437343834393440344134423443344434453446344734483449345034513452345334543455345634573458345934603461346234633464346534663467346834693470347134723473347434753476347734783479348034813482348334843485348634873488348934903491349234933494349534963497349834993500350135023503350435053506350735083509351035113512351335143515351635173518351935203521352235233524352535263527352835293530353135323533353435353536353735383539354035413542354335443545354635473548354935503551355235533554355535563557355835593560356135623563356435653566356735683569357035713572357335743575357635773578357935803581358235833584358535863587358835893590359135923593359435953596359735983599360036013602360336043605360636073608360936103611361236133614361536163617361836193620362136223623362436253626362736283629363036313632363336343635363636373638363936403641364236433644364536463647364836493650365136523653365436553656365736583659366036613662366336643665366636673668366936703671367236733674367536763677367836793680368136823683368436853686368736883689369036913692369336943695369636973698369937003701370237033704370537063707370837093710371137123713371437153716371737183719372037213722372337243725372637273728372937303731373237333734373537363737373837393740374137423743374437453746374737483749375037513752375337543755375637573758375937603761376237633764376537663767376837693770377137723773377437753776377737783779378037813782378337843785378637873788378937903791379237933794379537963797379837993800380138023803380438053806380738083809381038113812381338143815381638173818381938203821382238233824382538263827382838293830383138323833383438353836383738383839384038413842384338443845384638473848384938503851385238533854385538563857385838593860386138623863386438653866386738683869387038713872387338743875387638773878387938803881388238833884388538863887388838893890389138923893389438953896389738983899390039013902390339043905390639073908390939103911391239133914391539163917391839193920392139223923392439253926392739283929393039313932393339343935393639373938393939403941394239433944394539463947394839493950395139523953395439553956395739583959396039613962396339643965396639673968396939703971397239733974397539763977397839793980398139823983398439853986398739883989399039913992399339943995399639973998399940004001400240034004400540064007400840094010401140124013401440154016401740184019402040214022402340244025402640274028402940304031403240334034403540364037403840394040404140424043404440454046404740484049405040514052405340544055405640574058405940604061406240634064406540664067406840694070407140724073407440754076407740784079408040814082408340844085408640874088408940904091409240934094409540964097409840994100410141024103410441054106410741084109411041114112411341144115411641174118411941204121412241234124412541264127412841294130413141324133413441354136413741384139414041414142414341444145414641474148414941504151415241534154415541564157415841594160416141624163416441654166416741684169417041714172417341744175417641774178417941804181418241834184418541864187418841894190419141924193419441954196419741984199420042014202420342044205420642074208420942104211421242134214421542164217421842194220422142224223422442254226422742284229423042314232423342344235423642374238423942404241424242434244424542464247424842494250425142524253425442554256425742584259426042614262426342644265426642674268426942704271427242734274427542764277427842794280428142824283428442854286428742884289429042914292429342944295429642974298429943004301430243034304430543064307430843094310431143124313431443154316431743184319432043214322432343244325432643274328432943304331433243334334433543364337433843394340434143424343434443454346434743484349435043514352435343544355435643574358435943604361436243634364436543664367436843694370437143724373437443754376437743784379438043814382438343844385438643874388438943904391439243934394439543964397439843994400440144024403440444054406440744084409441044114412441344144415441644174418441944204421442244234424442544264427442844294430443144324433443444354436443744384439444044414442444344444445444644474448444944504451445244534454445544564457445844594460446144624463446444654466446744684469447044714472447344744475447644774478447944804481448244834484448544864487448844894490449144924493449444954496449744984499450045014502450345044505450645074508450945104511451245134514451545164517451845194520452145224523452445254526452745284529453045314532453345344535453645374538453945404541454245434544454545464547454845494550455145524553455445554556455745584559456045614562456345644565456645674568456945704571457245734574457545764577457845794580458145824583458445854586458745884589459045914592459345944595459645974598459946004601460246034604460546064607460846094610461146124613461446154616461746184619462046214622462346244625462646274628462946304631463246334634463546364637463846394640464146424643464446454646464746484649465046514652465346544655465646574658465946604661466246634664466546664667466846694670467146724673467446754676467746784679468046814682468346844685468646874688468946904691469246934694469546964697469846994700470147024703470447054706470747084709471047114712471347144715471647174718471947204721472247234724472547264727472847294730473147324733473447354736473747384739474047414742474347444745474647474748474947504751475247534754475547564757475847594760476147624763476447654766476747684769477047714772477347744775477647774778477947804781478247834784478547864787478847894790479147924793479447954796479747984799480048014802480348044805480648074808480948104811481248134814481548164817481848194820482148224823482448254826482748284829483048314832483348344835483648374838483948404841484248434844484548464847484848494850485148524853485448554856485748584859486048614862486348644865486648674868486948704871487248734874487548764877487848794880488148824883488448854886488748884889489048914892489348944895489648974898489949004901490249034904490549064907490849094910491149124913491449154916491749184919492049214922492349244925492649274928492949304931493249334934493549364937493849394940494149424943494449454946494749484949495049514952495349544955495649574958495949604961496249634964496549664967496849694970497149724973497449754976497749784979498049814982498349844985498649874988498949904991499249934994499549964997499849995000500150025003500450055006500750085009501050115012501350145015501650175018501950205021502250235024502550265027502850295030503150325033503450355036503750385039504050415042504350445045504650475048504950505051505250535054505550565057505850595060506150625063506450655066506750685069507050715072507350745075507650775078507950805081508250835084508550865087508850895090509150925093509450955096509750985099510051015102510351045105510651075108510951105111511251135114511551165117511851195120512151225123512451255126512751285129513051315132513351345135513651375138513951405141514251435144514551465147514851495150515151525153515451555156515751585159516051615162516351645165516651675168516951705171517251735174517551765177517851795180518151825183518451855186518751885189519051915192519351945195519651975198519952005201520252035204520552065207520852095210521152125213521452155216521752185219522052215222522352245225522652275228522952305231523252335234523552365237523852395240524152425243524452455246524752485249525052515252525352545255525652575258525952605261526252635264526552665267526852695270527152725273527452755276527752785279528052815282528352845285528652875288528952905291529252935294529552965297529852995300530153025303530453055306530753085309531053115312531353145315531653175318531953205321532253235324532553265327532853295330533153325333533453355336533753385339534053415342534353445345534653475348534953505351535253535354535553565357535853595360536153625363536453655366536753685369537053715372537353745375537653775378537953805381538253835384538553865387538853895390539153925393539453955396539753985399540054015402540354045405540654075408540954105411541254135414541554165417541854195420542154225423542454255426542754285429543054315432543354345435543654375438543954405441544254435444544554465447544854495450545154525453545454555456545754585459546054615462546354645465546654675468546954705471547254735474547554765477547854795480548154825483548454855486548754885489549054915492549354945495549654975498549955005501550255035504550555065507550855095510551155125513551455155516551755185519552055215522552355245525552655275528552955305531553255335534553555365537553855395540554155425543554455455546554755485549555055515552555355545555555655575558555955605561556255635564556555665567556855695570557155725573557455755576557755785579558055815582558355845585558655875588558955905591559255935594559555965597559855995600560156025603560456055606560756085609561056115612561356145615561656175618561956205621562256235624562556265627562856295630563156325633563456355636563756385639564056415642564356445645564656475648564956505651565256535654565556565657565856595660566156625663566456655666566756685669567056715672567356745675567656775678567956805681568256835684568556865687568856895690569156925693569456955696569756985699570057015702570357045705570657075708570957105711571257135714571557165717571857195720572157225723572457255726572757285729573057315732573357345735573657375738573957405741574257435744574557465747574857495750575157525753575457555756575757585759576057615762576357645765576657675768576957705771577257735774577557765777577857795780578157825783578457855786578757885789579057915792579357945795579657975798579958005801580258035804580558065807580858095810581158125813581458155816581758185819582058215822582358245825582658275828582958305831583258335834583558365837583858395840584158425843584458455846584758485849585058515852585358545855585658575858585958605861586258635864586558665867586858695870587158725873587458755876587758785879588058815882588358845885588658875888588958905891589258935894589558965897589858995900590159025903590459055906590759085909591059115912591359145915591659175918591959205921592259235924592559265927592859295930593159325933593459355936593759385939594059415942594359445945594659475948594959505951595259535954595559565957595859595960596159625963596459655966596759685969597059715972597359745975597659775978597959805981598259835984598559865987598859895990599159925993599459955996599759985999600060016002600360046005600660076008600960106011601260136014601560166017601860196020602160226023602460256026602760286029603060316032603360346035603660376038603960406041604260436044604560466047604860496050605160526053605460556056605760586059606060616062606360646065606660676068606960706071607260736074607560766077607860796080608160826083608460856086608760886089609060916092609360946095609660976098609961006101610261036104610561066107610861096110611161126113611461156116611761186119612061216122612361246125612661276128612961306131613261336134613561366137613861396140614161426143614461456146614761486149615061516152615361546155615661576158615961606161616261636164616561666167616861696170617161726173617461756176617761786179618061816182618361846185618661876188618961906191619261936194619561966197619861996200620162026203620462056206620762086209621062116212621362146215621662176218621962206221622262236224622562266227622862296230623162326233623462356236623762386239624062416242624362446245624662476248624962506251625262536254625562566257625862596260626162626263626462656266626762686269627062716272627362746275627662776278627962806281628262836284628562866287628862896290629162926293629462956296629762986299630063016302630363046305630663076308630963106311631263136314631563166317631863196320632163226323632463256326632763286329633063316332633363346335633663376338633963406341634263436344634563466347634863496350635163526353635463556356635763586359636063616362636363646365636663676368636963706371637263736374637563766377637863796380638163826383638463856386638763886389639063916392639363946395639663976398639964006401640264036404640564066407640864096410641164126413641464156416641764186419642064216422642364246425642664276428642964306431643264336434643564366437643864396440644164426443644464456446644764486449645064516452645364546455645664576458645964606461646264636464646564666467646864696470647164726473647464756476647764786479648064816482648364846485648664876488648964906491649264936494649564966497649864996500650165026503650465056506650765086509651065116512651365146515651665176518651965206521652265236524652565266527652865296530653165326533653465356536653765386539654065416542654365446545654665476548654965506551655265536554655565566557655865596560656165626563656465656566656765686569657065716572657365746575657665776578657965806581658265836584658565866587658865896590659165926593659465956596659765986599660066016602660366046605660666076608660966106611661266136614661566166617661866196620662166226623662466256626662766286629663066316632663366346635663666376638663966406641664266436644664566466647664866496650665166526653665466556656665766586659666066616662666366646665666666676668666966706671667266736674667566766677667866796680668166826683668466856686668766886689669066916692669366946695669666976698669967006701670267036704670567066707670867096710671167126713671467156716671767186719672067216722672367246725672667276728672967306731673267336734673567366737673867396740674167426743674467456746674767486749675067516752675367546755675667576758675967606761676267636764676567666767676867696770677167726773677467756776677767786779678067816782678367846785678667876788678967906791679267936794679567966797679867996800680168026803680468056806680768086809681068116812681368146815681668176818681968206821682268236824682568266827682868296830683168326833683468356836683768386839684068416842684368446845684668476848684968506851685268536854685568566857685868596860686168626863686468656866686768686869687068716872687368746875687668776878687968806881688268836884688568866887688868896890689168926893689468956896689768986899690069016902690369046905690669076908690969106911691269136914691569166917691869196920692169226923692469256926692769286929693069316932693369346935693669376938693969406941694269436944694569466947694869496950695169526953695469556956695769586959696069616962696369646965696669676968696969706971697269736974697569766977697869796980698169826983698469856986698769886989699069916992699369946995699669976998699970007001700270037004700570067007700870097010701170127013701470157016701770187019702070217022702370247025702670277028702970307031703270337034703570367037703870397040704170427043704470457046704770487049705070517052705370547055705670577058705970607061706270637064706570667067706870697070707170727073707470757076707770787079708070817082708370847085708670877088708970907091709270937094709570967097709870997100710171027103710471057106710771087109711071117112711371147115711671177118711971207121712271237124712571267127712871297130713171327133713471357136713771387139714071417142714371447145714671477148714971507151715271537154715571567157715871597160716171627163716471657166716771687169717071717172717371747175717671777178717971807181718271837184718571867187718871897190719171927193719471957196719771987199720072017202720372047205720672077208720972107211721272137214721572167217721872197220722172227223722472257226722772287229723072317232723372347235723672377238723972407241724272437244724572467247724872497250725172527253725472557256725772587259726072617262726372647265726672677268726972707271727272737274727572767277727872797280728172827283728472857286728772887289729072917292729372947295729672977298729973007301730273037304730573067307730873097310731173127313731473157316731773187319732073217322732373247325732673277328732973307331733273337334733573367337733873397340734173427343734473457346734773487349735073517352735373547355735673577358735973607361736273637364736573667367736873697370737173727373737473757376737773787379738073817382738373847385738673877388738973907391739273937394739573967397739873997400740174027403740474057406740774087409741074117412741374147415741674177418741974207421742274237424742574267427742874297430743174327433743474357436743774387439744074417442744374447445744674477448744974507451745274537454745574567457745874597460746174627463746474657466746774687469747074717472747374747475747674777478747974807481748274837484748574867487748874897490749174927493749474957496749774987499750075017502750375047505750675077508750975107511751275137514751575167517751875197520752175227523752475257526752775287529753075317532753375347535753675377538753975407541754275437544754575467547754875497550755175527553755475557556755775587559756075617562756375647565756675677568756975707571757275737574757575767577757875797580758175827583758475857586758775887589759075917592759375947595759675977598759976007601760276037604760576067607760876097610761176127613761476157616761776187619762076217622762376247625762676277628762976307631763276337634763576367637763876397640764176427643764476457646764776487649765076517652765376547655765676577658765976607661766276637664766576667667766876697670767176727673767476757676767776787679768076817682768376847685768676877688768976907691769276937694769576967697769876997700770177027703770477057706770777087709771077117712771377147715771677177718771977207721772277237724772577267727772877297730773177327733773477357736773777387739774077417742774377447745774677477748774977507751775277537754775577567757775877597760776177627763776477657766776777687769777077717772777377747775777677777778777977807781778277837784778577867787778877897790779177927793779477957796779777987799780078017802780378047805780678077808780978107811781278137814781578167817781878197820782178227823782478257826782778287829783078317832783378347835783678377838783978407841784278437844784578467847784878497850785178527853785478557856785778587859786078617862786378647865786678677868786978707871787278737874787578767877787878797880788178827883788478857886788778887889789078917892789378947895789678977898789979007901790279037904790579067907790879097910791179127913791479157916791779187919792079217922792379247925792679277928792979307931793279337934793579367937793879397940794179427943794479457946794779487949795079517952795379547955795679577958795979607961796279637964796579667967796879697970797179727973797479757976797779787979798079817982798379847985798679877988798979907991799279937994799579967997799879998000800180028003800480058006800780088009801080118012801380148015801680178018801980208021802280238024802580268027802880298030803180328033803480358036803780388039804080418042804380448045804680478048804980508051805280538054805580568057805880598060806180628063806480658066806780688069807080718072807380748075807680778078807980808081808280838084808580868087808880898090809180928093809480958096809780988099810081018102810381048105810681078108810981108111811281138114811581168117811881198120812181228123812481258126812781288129813081318132813381348135813681378138813981408141814281438144814581468147814881498150815181528153815481558156815781588159816081618162816381648165816681678168816981708171817281738174817581768177817881798180818181828183818481858186818781888189819081918192819381948195819681978198819982008201820282038204820582068207820882098210821182128213821482158216821782188219822082218222822382248225822682278228822982308231823282338234823582368237823882398240824182428243824482458246824782488249825082518252825382548255825682578258825982608261826282638264826582668267826882698270827182728273827482758276827782788279828082818282828382848285828682878288828982908291829282938294829582968297829882998300830183028303830483058306830783088309831083118312831383148315831683178318831983208321832283238324832583268327832883298330833183328333833483358336833783388339834083418342834383448345834683478348834983508351835283538354835583568357835883598360836183628363836483658366836783688369837083718372837383748375837683778378837983808381838283838384838583868387838883898390839183928393839483958396839783988399840084018402840384048405840684078408840984108411841284138414841584168417841884198420842184228423842484258426842784288429843084318432843384348435843684378438843984408441844284438444844584468447844884498450845184528453845484558456845784588459846084618462846384648465846684678468846984708471847284738474847584768477847884798480848184828483848484858486848784888489849084918492849384948495849684978498849985008501850285038504850585068507850885098510851185128513851485158516851785188519852085218522852385248525852685278528852985308531853285338534853585368537853885398540854185428543854485458546854785488549855085518552855385548555855685578558855985608561856285638564856585668567856885698570857185728573857485758576857785788579858085818582858385848585858685878588858985908591859285938594859585968597859885998600860186028603860486058606860786088609861086118612861386148615861686178618861986208621862286238624862586268627862886298630863186328633863486358636863786388639864086418642864386448645864686478648864986508651865286538654865586568657865886598660866186628663866486658666866786688669867086718672867386748675867686778678867986808681868286838684868586868687868886898690869186928693869486958696869786988699870087018702870387048705870687078708870987108711871287138714871587168717871887198720872187228723872487258726872787288729873087318732873387348735873687378738873987408741874287438744874587468747874887498750875187528753875487558756875787588759876087618762876387648765876687678768876987708771877287738774877587768777877887798780878187828783878487858786878787888789879087918792879387948795879687978798879988008801880288038804880588068807880888098810881188128813881488158816881788188819882088218822882388248825882688278828882988308831883288338834883588368837883888398840884188428843884488458846884788488849885088518852885388548855885688578858885988608861886288638864886588668867886888698870887188728873887488758876887788788879888088818882888388848885888688878888888988908891889288938894889588968897889888998900890189028903890489058906890789088909891089118912891389148915891689178918891989208921892289238924892589268927892889298930893189328933893489358936893789388939894089418942894389448945894689478948894989508951895289538954895589568957895889598960896189628963896489658966896789688969897089718972897389748975897689778978897989808981898289838984898589868987898889898990899189928993899489958996899789988999900090019002900390049005900690079008900990109011901290139014901590169017901890199020902190229023902490259026902790289029903090319032903390349035903690379038903990409041904290439044904590469047904890499050905190529053905490559056905790589059906090619062906390649065906690679068906990709071907290739074907590769077907890799080908190829083908490859086908790889089909090919092909390949095909690979098909991009101910291039104910591069107910891099110911191129113911491159116911791189119912091219122912391249125912691279128912991309131913291339134913591369137913891399140914191429143914491459146914791489149915091519152915391549155915691579158915991609161916291639164916591669167916891699170917191729173917491759176917791789179918091819182918391849185918691879188918991909191919291939194919591969197919891999200920192029203920492059206920792089209921092119212921392149215921692179218921992209221922292239224922592269227922892299230923192329233923492359236923792389239924092419242924392449245924692479248924992509251925292539254925592569257925892599260926192629263926492659266926792689269927092719272927392749275927692779278927992809281928292839284928592869287928892899290929192929293929492959296929792989299930093019302930393049305930693079308930993109311931293139314931593169317931893199320932193229323932493259326932793289329933093319332933393349335933693379338933993409341934293439344934593469347934893499350935193529353935493559356935793589359936093619362936393649365936693679368936993709371937293739374937593769377937893799380938193829383938493859386938793889389939093919392939393949395939693979398939994009401940294039404940594069407940894099410941194129413941494159416941794189419942094219422942394249425942694279428942994309431943294339434943594369437943894399440944194429443944494459446944794489449945094519452945394549455945694579458945994609461946294639464946594669467946894699470947194729473947494759476947794789479948094819482948394849485948694879488948994909491949294939494949594969497949894999500950195029503950495059506950795089509951095119512951395149515951695179518951995209521952295239524952595269527952895299530953195329533953495359536953795389539954095419542954395449545954695479548954995509551955295539554955595569557955895599560956195629563956495659566956795689569957095719572957395749575957695779578957995809581958295839584958595869587958895899590959195929593959495959596959795989599960096019602960396049605960696079608960996109611961296139614961596169617961896199620962196229623962496259626962796289629963096319632963396349635963696379638963996409641964296439644964596469647964896499650965196529653965496559656965796589659966096619662966396649665966696679668966996709671967296739674967596769677967896799680968196829683968496859686968796889689969096919692969396949695969696979698969997009701970297039704970597069707970897099710971197129713971497159716971797189719972097219722972397249725972697279728972997309731973297339734973597369737973897399740974197429743974497459746974797489749975097519752975397549755975697579758975997609761976297639764976597669767976897699770977197729773977497759776977797789779978097819782978397849785978697879788978997909791979297939794979597969797979897999800980198029803980498059806980798089809981098119812981398149815981698179818981998209821982298239824982598269827982898299830983198329833983498359836983798389839984098419842984398449845984698479848984998509851985298539854985598569857985898599860986198629863986498659866986798689869987098719872987398749875987698779878987998809881988298839884988598869887988898899890989198929893989498959896989798989899990099019902990399049905990699079908990999109911991299139914991599169917991899199920992199229923992499259926992799289929993099319932993399349935993699379938993999409941994299439944994599469947994899499950995199529953995499559956995799589959996099619962996399649965996699679968996999709971997299739974997599769977997899799980998199829983998499859986998799889989999099919992999399949995999699979998999910000100011000210003100041000510006100071000810009100101001110012100131001410015100161001710018100191002010021100221002310024100251002610027100281002910030100311003210033100341003510036100371003810039100401004110042100431004410045100461004710048100491005010051100521005310054100551005610057100581005910060100611006210063100641006510066100671006810069100701007110072100731007410075100761007710078100791008010081100821008310084100851008610087100881008910090100911009210093100941009510096100971009810099101001010110102101031010410105101061010710108101091011010111101121011310114101151011610117101181011910120101211012210123101241012510126101271012810129101301013110132101331013410135101361013710138101391014010141101421014310144101451014610147101481014910150101511015210153101541015510156101571015810159101601016110162101631016410165101661016710168101691017010171101721017310174101751017610177101781017910180101811018210183101841018510186101871018810189101901019110192101931019410195101961019710198101991020010201102021020310204102051020610207102081020910210102111021210213102141021510216102171021810219102201022110222102231022410225102261022710228102291023010231102321023310234102351023610237102381023910240102411024210243102441024510246102471024810249102501025110252102531025410255102561025710258102591026010261102621026310264102651026610267102681026910270102711027210273102741027510276102771027810279102801028110282102831028410285102861028710288102891029010291102921029310294102951029610297102981029910300103011030210303103041030510306103071030810309103101031110312103131031410315103161031710318103191032010321103221032310324103251032610327103281032910330103311033210333103341033510336103371033810339103401034110342103431034410345103461034710348103491035010351103521035310354103551035610357103581035910360103611036210363103641036510366103671036810369103701037110372103731037410375103761037710378103791038010381103821038310384103851038610387103881038910390103911039210393103941039510396103971039810399104001040110402104031040410405104061040710408104091041010411104121041310414104151041610417104181041910420104211042210423104241042510426104271042810429104301043110432104331043410435104361043710438104391044010441104421044310444104451044610447104481044910450104511045210453104541045510456104571045810459104601046110462104631046410465104661046710468104691047010471104721047310474104751047610477104781047910480104811048210483104841048510486104871048810489104901049110492104931049410495104961049710498104991050010501105021050310504105051050610507105081050910510105111051210513105141051510516105171051810519105201052110522105231052410525105261052710528105291053010531105321053310534105351053610537105381053910540105411054210543105441054510546105471054810549105501055110552105531055410555105561055710558105591056010561105621056310564105651056610567105681056910570105711057210573105741057510576105771057810579105801058110582105831058410585105861058710588105891059010591105921059310594105951059610597105981059910600106011060210603106041060510606106071060810609106101061110612106131061410615106161061710618106191062010621106221062310624106251062610627106281062910630106311063210633106341063510636106371063810639106401064110642106431064410645106461064710648106491065010651106521065310654106551065610657106581065910660106611066210663106641066510666106671066810669106701067110672106731067410675106761067710678106791068010681106821068310684106851068610687106881068910690106911069210693106941069510696106971069810699107001070110702107031070410705107061070710708107091071010711107121071310714107151071610717107181071910720107211072210723107241072510726107271072810729107301073110732107331073410735107361073710738107391074010741107421074310744107451074610747107481074910750107511075210753107541075510756107571075810759107601076110762107631076410765107661076710768107691077010771107721077310774107751077610777107781077910780107811078210783107841078510786107871078810789107901079110792107931079410795107961079710798107991080010801108021080310804108051080610807108081080910810108111081210813108141081510816108171081810819108201082110822108231082410825108261082710828108291083010831108321083310834108351083610837108381083910840108411084210843108441084510846108471084810849108501085110852108531085410855108561085710858108591086010861108621086310864108651086610867108681086910870108711087210873108741087510876108771087810879108801088110882108831088410885108861088710888108891089010891108921089310894108951089610897108981089910900109011090210903109041090510906109071090810909109101091110912109131091410915109161091710918109191092010921109221092310924109251092610927109281092910930109311093210933109341093510936109371093810939109401094110942109431094410945109461094710948109491095010951109521095310954109551095610957109581095910960109611096210963109641096510966109671096810969109701097110972109731097410975109761097710978109791098010981109821098310984109851098610987109881098910990109911099210993109941099510996109971099810999110001100111002110031100411005110061100711008110091101011011110121101311014110151101611017110181101911020110211102211023110241102511026110271102811029110301103111032110331103411035110361103711038110391104011041110421104311044110451104611047110481104911050110511105211053110541105511056110571105811059110601106111062110631106411065110661106711068110691107011071110721107311074110751107611077110781107911080110811108211083110841108511086110871108811089110901109111092110931109411095110961109711098110991110011101111021110311104111051110611107111081110911110111111111211113111141111511116111171111811119111201112111122111231112411125111261112711128111291113011131111321113311134111351113611137111381113911140111411114211143111441114511146111471114811149111501115111152111531115411155111561115711158111591116011161111621116311164111651116611167111681116911170111711117211173111741117511176111771117811179111801118111182111831118411185111861118711188111891119011191111921119311194111951119611197111981119911200112011120211203112041120511206112071120811209112101121111212112131121411215112161121711218112191122011221112221122311224112251122611227112281122911230112311123211233112341123511236112371123811239112401124111242112431124411245112461124711248112491125011251112521125311254112551125611257112581125911260112611126211263112641126511266112671126811269112701127111272112731127411275112761127711278112791128011281112821128311284112851128611287112881128911290112911129211293112941129511296112971129811299113001130111302113031130411305113061130711308113091131011311113121131311314113151131611317113181131911320113211132211323113241132511326113271132811329113301133111332113331133411335113361133711338113391134011341113421134311344113451134611347113481134911350113511135211353113541135511356113571135811359113601136111362113631136411365113661136711368113691137011371113721137311374113751137611377113781137911380113811138211383113841138511386113871138811389113901139111392113931139411395113961139711398113991140011401114021140311404114051140611407114081140911410114111141211413114141141511416114171141811419114201142111422114231142411425114261142711428114291143011431114321143311434114351143611437114381143911440114411144211443114441144511446114471144811449114501145111452114531145411455114561145711458114591146011461114621146311464114651146611467114681146911470114711147211473114741147511476114771147811479114801148111482114831148411485114861148711488114891149011491114921149311494114951149611497114981149911500115011150211503115041150511506115071150811509115101151111512115131151411515115161151711518115191152011521115221152311524115251152611527115281152911530115311153211533115341153511536115371153811539115401154111542115431154411545115461154711548115491155011551115521155311554115551155611557115581155911560115611156211563115641156511566115671156811569115701157111572115731157411575115761157711578115791158011581115821158311584115851158611587115881158911590115911159211593115941159511596115971159811599116001160111602116031160411605116061160711608116091161011611116121161311614116151161611617116181161911620116211162211623116241162511626116271162811629116301163111632116331163411635116361163711638116391164011641116421164311644116451164611647116481164911650116511165211653116541165511656116571165811659116601166111662116631166411665116661166711668116691167011671116721167311674116751167611677116781167911680116811168211683116841168511686116871168811689116901169111692116931169411695116961169711698116991170011701117021170311704117051170611707117081170911710117111171211713117141171511716117171171811719117201172111722117231172411725117261172711728117291173011731117321173311734117351173611737117381173911740117411174211743117441174511746117471174811749117501175111752117531175411755117561175711758117591176011761117621176311764117651176611767117681176911770117711177211773117741177511776117771177811779117801178111782117831178411785117861178711788117891179011791117921179311794117951179611797117981179911800118011180211803118041180511806118071180811809118101181111812118131181411815118161181711818118191182011821118221182311824118251182611827118281182911830118311183211833118341183511836118371183811839118401184111842118431184411845118461184711848118491185011851118521185311854118551185611857118581185911860118611186211863118641186511866118671186811869118701187111872118731187411875118761187711878118791188011881118821188311884118851188611887118881188911890118911189211893118941189511896118971189811899119001190111902119031190411905119061190711908119091191011911119121191311914119151191611917119181191911920119211192211923119241192511926119271192811929119301193111932119331193411935119361193711938119391194011941119421194311944119451194611947119481194911950119511195211953119541195511956119571195811959119601196111962119631196411965119661196711968119691197011971119721197311974119751197611977119781197911980119811198211983119841198511986119871198811989119901199111992119931199411995119961199711998119991200012001120021200312004120051200612007120081200912010120111201212013120141201512016120171201812019120201202112022120231202412025120261202712028120291203012031120321203312034120351203612037120381203912040120411204212043120441204512046120471204812049120501205112052120531205412055120561205712058120591206012061120621206312064120651206612067120681206912070120711207212073120741207512076120771207812079120801208112082120831208412085120861208712088120891209012091120921209312094120951209612097120981209912100121011210212103121041210512106121071210812109121101211112112121131211412115121161211712118121191212012121121221212312124121251212612127121281212912130121311213212133121341213512136121371213812139121401214112142121431214412145121461214712148121491215012151121521215312154121551215612157121581215912160121611216212163121641216512166121671216812169121701217112172121731217412175121761217712178121791218012181121821218312184121851218612187121881218912190121911219212193121941219512196121971219812199122001220112202122031220412205122061220712208122091221012211122121221312214122151221612217122181221912220122211222212223122241222512226122271222812229122301223112232122331223412235122361223712238122391224012241122421224312244122451224612247122481224912250122511225212253122541225512256122571225812259122601226112262122631226412265122661226712268122691227012271122721227312274122751227612277122781227912280122811228212283122841228512286122871228812289122901229112292122931229412295122961229712298122991230012301123021230312304123051230612307123081230912310123111231212313123141231512316123171231812319123201232112322123231232412325123261232712328123291233012331123321233312334123351233612337123381233912340123411234212343123441234512346123471234812349123501235112352123531235412355123561235712358123591236012361123621236312364123651236612367123681236912370123711237212373123741237512376123771237812379123801238112382123831238412385123861238712388123891239012391123921239312394123951239612397123981239912400124011240212403124041240512406124071240812409124101241112412124131241412415124161241712418124191242012421124221242312424124251242612427124281242912430124311243212433124341243512436124371243812439124401244112442124431244412445124461244712448124491245012451124521245312454124551245612457124581245912460124611246212463124641246512466124671246812469124701247112472124731247412475124761247712478124791248012481124821248312484124851248612487124881248912490124911249212493124941249512496124971249812499125001250112502125031250412505125061250712508125091251012511125121251312514125151251612517125181251912520125211252212523125241252512526125271252812529125301253112532125331253412535125361253712538125391254012541125421254312544125451254612547125481254912550125511255212553125541255512556125571255812559125601256112562125631256412565125661256712568125691257012571125721257312574125751257612577125781257912580125811258212583125841258512586125871258812589125901259112592125931259412595125961259712598125991260012601126021260312604126051260612607126081260912610126111261212613126141261512616126171261812619126201262112622126231262412625126261262712628126291263012631126321263312634126351263612637126381263912640126411264212643126441264512646126471264812649126501265112652126531265412655126561265712658126591266012661126621266312664126651266612667126681266912670126711267212673126741267512676126771267812679126801268112682126831268412685126861268712688126891269012691126921269312694126951269612697126981269912700127011270212703127041270512706127071270812709127101271112712127131271412715127161271712718127191272012721127221272312724127251272612727127281272912730127311273212733127341273512736127371273812739127401274112742127431274412745127461274712748127491275012751127521275312754127551275612757127581275912760127611276212763127641276512766127671276812769127701277112772127731277412775127761277712778127791278012781127821278312784127851278612787127881278912790127911279212793127941279512796127971279812799128001280112802128031280412805128061280712808128091281012811128121281312814128151281612817128181281912820128211282212823128241282512826128271282812829128301283112832128331283412835128361283712838128391284012841128421284312844128451284612847128481284912850128511285212853128541285512856128571285812859128601286112862128631286412865128661286712868128691287012871128721287312874128751287612877128781287912880128811288212883128841288512886128871288812889128901289112892128931289412895128961289712898128991290012901129021290312904129051290612907129081290912910129111291212913129141291512916129171291812919129201292112922129231292412925129261292712928129291293012931129321293312934129351293612937129381293912940129411294212943129441294512946129471294812949129501295112952129531295412955129561295712958129591296012961129621296312964129651296612967129681296912970129711297212973129741297512976129771297812979129801298112982129831298412985129861298712988129891299012991129921299312994129951299612997129981299913000130011300213003130041300513006130071300813009130101301113012130131301413015130161301713018130191302013021130221302313024130251302613027130281302913030130311303213033130341303513036130371303813039130401304113042130431304413045130461304713048130491305013051130521305313054130551305613057130581305913060130611306213063130641306513066130671306813069130701307113072130731307413075130761307713078130791308013081130821308313084130851308613087130881308913090130911309213093130941309513096130971309813099131001310113102131031310413105131061310713108131091311013111131121311313114131151311613117131181311913120131211312213123131241312513126131271312813129131301313113132131331313413135131361313713138131391314013141131421314313144131451314613147131481314913150131511315213153131541315513156131571315813159131601316113162131631316413165131661316713168131691317013171131721317313174131751317613177131781317913180131811318213183131841318513186131871318813189131901319113192131931319413195131961319713198131991320013201132021320313204132051320613207132081320913210132111321213213132141321513216132171321813219132201322113222132231322413225132261322713228132291323013231132321323313234132351323613237132381323913240132411324213243132441324513246132471324813249132501325113252132531325413255132561325713258132591326013261132621326313264132651326613267132681326913270132711327213273132741327513276132771327813279132801328113282132831328413285132861328713288132891329013291132921329313294132951329613297132981329913300133011330213303133041330513306133071330813309133101331113312133131331413315133161331713318133191332013321133221332313324133251332613327133281332913330133311333213333133341333513336133371333813339133401334113342133431334413345133461334713348133491335013351133521335313354133551335613357133581335913360133611336213363133641336513366133671336813369133701337113372133731337413375133761337713378133791338013381133821338313384133851338613387133881338913390133911339213393133941339513396133971339813399134001340113402134031340413405134061340713408134091341013411134121341313414134151341613417134181341913420134211342213423134241342513426134271342813429134301343113432134331343413435134361343713438134391344013441134421344313444134451344613447134481344913450134511345213453134541345513456134571345813459134601346113462134631346413465134661346713468134691347013471134721347313474134751347613477134781347913480134811348213483134841348513486134871348813489134901349113492134931349413495134961349713498134991350013501135021350313504135051350613507135081350913510135111351213513135141351513516135171351813519135201352113522135231352413525135261352713528135291353013531135321353313534135351353613537135381353913540135411354213543135441354513546135471354813549135501355113552135531355413555135561355713558135591356013561135621356313564135651356613567135681356913570135711357213573135741357513576135771357813579135801358113582135831358413585135861358713588135891359013591135921359313594135951359613597135981359913600136011360213603136041360513606136071360813609136101361113612136131361413615136161361713618136191362013621136221362313624136251362613627136281362913630136311363213633136341363513636136371363813639136401364113642136431364413645136461364713648136491365013651136521365313654136551365613657136581365913660136611366213663136641366513666136671366813669136701367113672136731367413675136761367713678136791368013681136821368313684136851368613687136881368913690136911369213693136941369513696136971369813699137001370113702137031370413705137061370713708137091371013711137121371313714137151371613717137181371913720137211372213723137241372513726137271372813729137301373113732137331373413735137361373713738137391374013741137421374313744137451374613747137481374913750137511375213753137541375513756137571375813759137601376113762137631376413765137661376713768137691377013771137721377313774137751377613777137781377913780137811378213783137841378513786137871378813789137901379113792137931379413795137961379713798137991380013801138021380313804138051380613807138081380913810138111381213813138141381513816138171381813819138201382113822138231382413825138261382713828138291383013831138321383313834138351383613837138381383913840138411384213843138441384513846138471384813849138501385113852138531385413855138561385713858138591386013861138621386313864138651386613867138681386913870138711387213873138741387513876138771387813879138801388113882138831388413885138861388713888138891389013891138921389313894138951389613897138981389913900139011390213903139041390513906139071390813909139101391113912139131391413915139161391713918139191392013921139221392313924139251392613927139281392913930139311393213933139341393513936139371393813939139401394113942139431394413945139461394713948139491395013951139521395313954139551395613957139581395913960139611396213963139641396513966139671396813969139701397113972139731397413975139761397713978139791398013981139821398313984139851398613987139881398913990139911399213993139941399513996139971399813999140001400114002140031400414005140061400714008140091401014011140121401314014140151401614017140181401914020140211402214023140241402514026140271402814029140301403114032140331403414035140361403714038140391404014041140421404314044140451404614047140481404914050140511405214053140541405514056140571405814059140601406114062140631406414065140661406714068140691407014071140721407314074140751407614077140781407914080140811408214083140841408514086140871408814089140901409114092140931409414095140961409714098140991410014101141021410314104141051410614107141081410914110141111411214113141141411514116141171411814119141201412114122141231412414125141261412714128141291413014131141321413314134141351413614137141381413914140141411414214143141441414514146141471414814149141501415114152141531415414155141561415714158141591416014161141621416314164141651416614167141681416914170141711417214173141741417514176141771417814179141801418114182141831418414185141861418714188141891419014191141921419314194141951419614197141981419914200142011420214203142041420514206142071420814209142101421114212142131421414215142161421714218142191422014221142221422314224142251422614227142281422914230142311423214233142341423514236142371423814239142401424114242142431424414245142461424714248142491425014251142521425314254142551425614257142581425914260142611426214263142641426514266142671426814269142701427114272142731427414275142761427714278142791428014281142821428314284142851428614287142881428914290142911429214293142941429514296142971429814299143001430114302143031430414305143061430714308143091431014311143121431314314143151431614317143181431914320143211432214323143241432514326143271432814329143301433114332143331433414335143361433714338143391434014341143421434314344143451434614347143481434914350143511435214353143541435514356143571435814359143601436114362143631436414365143661436714368143691437014371143721437314374143751437614377143781437914380143811438214383143841438514386143871438814389143901439114392143931439414395143961439714398143991440014401144021440314404144051440614407144081440914410144111441214413144141441514416144171441814419144201442114422144231442414425144261442714428144291443014431144321443314434144351443614437144381443914440144411444214443144441444514446144471444814449144501445114452144531445414455144561445714458144591446014461144621446314464144651446614467144681446914470144711447214473144741447514476144771447814479144801448114482144831448414485144861448714488144891449014491144921449314494144951449614497144981449914500145011450214503145041450514506145071450814509145101451114512145131451414515145161451714518145191452014521145221452314524145251452614527145281452914530145311453214533145341453514536145371453814539145401454114542145431454414545145461454714548145491455014551145521455314554145551455614557145581455914560145611456214563145641456514566145671456814569145701457114572145731457414575145761457714578145791458014581145821458314584145851458614587145881458914590145911459214593145941459514596145971459814599146001460114602146031460414605146061460714608146091461014611146121461314614146151461614617146181461914620146211462214623146241462514626146271462814629146301463114632146331463414635146361463714638146391464014641146421464314644146451464614647146481464914650146511465214653146541465514656146571465814659146601466114662146631466414665146661466714668146691467014671146721467314674146751467614677146781467914680146811468214683146841468514686146871468814689146901469114692146931469414695146961469714698146991470014701147021470314704147051470614707147081470914710147111471214713147141471514716147171471814719147201472114722147231472414725147261472714728147291473014731147321473314734147351473614737147381473914740147411474214743147441474514746147471474814749147501475114752147531475414755147561475714758147591476014761147621476314764147651476614767147681476914770147711477214773147741477514776147771477814779147801478114782147831478414785147861478714788147891479014791147921479314794147951479614797147981479914800148011480214803148041480514806148071480814809148101481114812148131481414815148161481714818148191482014821148221482314824148251482614827148281482914830148311483214833148341483514836148371483814839148401484114842148431484414845148461484714848148491485014851148521485314854148551485614857148581485914860148611486214863148641486514866148671486814869148701487114872148731487414875148761487714878148791488014881148821488314884148851488614887148881488914890148911489214893148941489514896148971489814899149001490114902149031490414905149061490714908149091491014911149121491314914149151491614917149181491914920149211492214923149241492514926149271492814929149301493114932149331493414935149361493714938149391494014941149421494314944149451494614947149481494914950149511495214953149541495514956149571495814959149601496114962149631496414965149661496714968149691497014971149721497314974149751497614977149781497914980149811498214983149841498514986149871498814989149901499114992149931499414995149961499714998149991500015001150021500315004150051500615007150081500915010150111501215013150141501515016150171501815019150201502115022150231502415025150261502715028150291503015031150321503315034150351503615037150381503915040150411504215043150441504515046150471504815049150501505115052150531505415055150561505715058150591506015061150621506315064150651506615067150681506915070150711507215073150741507515076150771507815079150801508115082150831508415085150861508715088150891509015091150921509315094150951509615097150981509915100151011510215103151041510515106151071510815109151101511115112151131511415115151161511715118151191512015121151221512315124151251512615127151281512915130151311513215133151341513515136151371513815139151401514115142151431514415145151461514715148151491515015151151521515315154151551515615157151581515915160151611516215163151641516515166151671516815169151701517115172151731517415175151761517715178151791518015181151821518315184151851518615187151881518915190151911519215193151941519515196151971519815199152001520115202152031520415205152061520715208152091521015211152121521315214152151521615217152181521915220152211522215223152241522515226152271522815229152301523115232152331523415235152361523715238152391524015241152421524315244152451524615247152481524915250152511525215253152541525515256152571525815259152601526115262152631526415265152661526715268152691527015271152721527315274152751527615277152781527915280152811528215283152841528515286152871528815289152901529115292152931529415295152961529715298152991530015301153021530315304153051530615307153081530915310153111531215313153141531515316153171531815319153201532115322153231532415325153261532715328153291533015331153321533315334153351533615337153381533915340153411534215343153441534515346153471534815349153501535115352153531535415355153561535715358153591536015361153621536315364153651536615367153681536915370153711537215373153741537515376153771537815379153801538115382153831538415385153861538715388153891539015391153921539315394153951539615397153981539915400154011540215403154041540515406154071540815409154101541115412154131541415415154161541715418154191542015421154221542315424154251542615427154281542915430154311543215433154341543515436154371543815439154401544115442154431544415445154461544715448154491545015451154521545315454154551545615457154581545915460154611546215463154641546515466154671546815469154701547115472154731547415475154761547715478154791548015481154821548315484154851548615487154881548915490154911549215493154941549515496154971549815499155001550115502155031550415505155061550715508155091551015511
  1. /**
  2. * @license
  3. * Copyright Google LLC All Rights Reserved.
  4. *
  5. * Use of this source code is governed by an MIT-style license that can be
  6. * found in the LICENSE file at https://github.com/material-components/material-components-web/blob/master/LICENSE
  7. */
  8. @charset "UTF-8";
  9. .mdc-banner__text {
  10. color: #000;
  11. /* @alternate */
  12. color: var(--mdc-theme-on-surface, #000);
  13. }
  14. .mdc-banner__graphic {
  15. color: #fff;
  16. /* @alternate */
  17. color: var(--mdc-theme-surface, #fff);
  18. }
  19. .mdc-banner__graphic {
  20. background-color: #6200ee;
  21. /* @alternate */
  22. background-color: var(--mdc-theme-primary, #6200ee);
  23. }
  24. .mdc-banner__graphic {
  25. border-radius: 50%;
  26. }
  27. .mdc-banner__content,
  28. .mdc-banner__fixed {
  29. min-width: 344px;
  30. }
  31. @media (max-width: 480px), (max-width: 344px) {
  32. .mdc-banner__content,
  33. .mdc-banner__fixed {
  34. min-width: 100%;
  35. }
  36. }
  37. .mdc-banner__content {
  38. max-width: 720px;
  39. }
  40. .mdc-banner {
  41. background-color: #fff;
  42. /* @alternate */
  43. background-color: var(--mdc-theme-surface, #fff);
  44. border-bottom-color: rgba(0, 0, 0, 0.12);
  45. z-index: 1;
  46. border-bottom-style: solid;
  47. border-bottom-width: 1px;
  48. box-sizing: border-box;
  49. display: none;
  50. flex-shrink: 0;
  51. height: 0;
  52. position: relative;
  53. width: 100%;
  54. }
  55. .mdc-banner .mdc-banner__fixed {
  56. background-color: #fff;
  57. /* @alternate */
  58. background-color: var(--mdc-theme-surface, #fff);
  59. }
  60. .mdc-banner .mdc-banner__fixed {
  61. border-bottom-color: rgba(0, 0, 0, 0.12);
  62. }
  63. @media (max-width: 480px) {
  64. .mdc-banner .mdc-banner__fixed {
  65. left: 0;
  66. right: 0;
  67. }
  68. .mdc-banner .mdc-banner__text {
  69. /* @noflip */
  70. margin-left: 16px;
  71. /* @noflip */
  72. margin-right: 36px;
  73. }
  74. [dir=rtl] .mdc-banner .mdc-banner__text, .mdc-banner .mdc-banner__text[dir=rtl] {
  75. /* @noflip */
  76. margin-left: 36px;
  77. /* @noflip */
  78. margin-right: 16px;
  79. }
  80. }
  81. @media (max-width: 480px) {
  82. .mdc-banner.mdc-banner--mobile-stacked .mdc-banner__content {
  83. flex-wrap: wrap;
  84. }
  85. .mdc-banner.mdc-banner--mobile-stacked .mdc-banner__graphic {
  86. margin-bottom: 12px;
  87. }
  88. .mdc-banner.mdc-banner--mobile-stacked .mdc-banner__text {
  89. /* @noflip */
  90. margin-left: 16px;
  91. /* @noflip */
  92. margin-right: 8px;
  93. padding-bottom: 4px;
  94. }
  95. [dir=rtl] .mdc-banner.mdc-banner--mobile-stacked .mdc-banner__text, .mdc-banner.mdc-banner--mobile-stacked .mdc-banner__text[dir=rtl] {
  96. /* @noflip */
  97. margin-left: 8px;
  98. /* @noflip */
  99. margin-right: 16px;
  100. }
  101. .mdc-banner.mdc-banner--mobile-stacked .mdc-banner__actions {
  102. margin-left: auto;
  103. }
  104. }
  105. .mdc-banner--opening,
  106. .mdc-banner--open,
  107. .mdc-banner--closing {
  108. display: flex;
  109. }
  110. .mdc-banner--open {
  111. transition: height 300ms ease;
  112. }
  113. .mdc-banner--open .mdc-banner__content {
  114. transition: -webkit-transform 300ms ease;
  115. transition: transform 300ms ease;
  116. transition: transform 300ms ease, -webkit-transform 300ms ease;
  117. -webkit-transform: translateY(0);
  118. transform: translateY(0);
  119. }
  120. .mdc-banner--closing {
  121. transition: height 250ms ease;
  122. }
  123. .mdc-banner--closing .mdc-banner__content {
  124. transition: -webkit-transform 250ms ease;
  125. transition: transform 250ms ease;
  126. transition: transform 250ms ease, -webkit-transform 250ms ease;
  127. }
  128. .mdc-banner--centered .mdc-banner__content {
  129. left: 0;
  130. margin-left: auto;
  131. margin-right: auto;
  132. right: 0;
  133. }
  134. .mdc-banner__fixed {
  135. border-bottom-style: solid;
  136. border-bottom-width: 1px;
  137. box-sizing: border-box;
  138. height: inherit;
  139. position: fixed;
  140. width: 100%;
  141. }
  142. .mdc-banner__content {
  143. display: flex;
  144. min-height: 52px;
  145. position: absolute;
  146. -webkit-transform: translateY(-100%);
  147. transform: translateY(-100%);
  148. width: 100%;
  149. }
  150. .mdc-banner__graphic-text-wrapper {
  151. display: flex;
  152. width: 100%;
  153. }
  154. .mdc-banner__graphic {
  155. /* @noflip */
  156. margin-left: 16px;
  157. /* @noflip */
  158. margin-right: 0;
  159. flex-shrink: 0;
  160. height: 40px;
  161. margin-top: 16px;
  162. margin-bottom: 16px;
  163. text-align: center;
  164. width: 40px;
  165. }
  166. [dir=rtl] .mdc-banner__graphic, .mdc-banner__graphic[dir=rtl] {
  167. /* @noflip */
  168. margin-left: 0;
  169. /* @noflip */
  170. margin-right: 16px;
  171. }
  172. .mdc-banner__icon {
  173. position: relative;
  174. top: 50%;
  175. -webkit-transform: translateY(-50%);
  176. transform: translateY(-50%);
  177. }
  178. .mdc-banner__text {
  179. -moz-osx-font-smoothing: grayscale;
  180. -webkit-font-smoothing: antialiased;
  181. font-family: Roboto, sans-serif;
  182. /* @alternate */
  183. font-family: var(--mdc-typography-body2-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));
  184. font-size: 0.875rem;
  185. /* @alternate */
  186. font-size: var(--mdc-typography-body2-font-size, 0.875rem);
  187. line-height: 1.25rem;
  188. /* @alternate */
  189. line-height: var(--mdc-typography-body2-line-height, 1.25rem);
  190. font-weight: 400;
  191. /* @alternate */
  192. font-weight: var(--mdc-typography-body2-font-weight, 400);
  193. letter-spacing: 0.0178571429em;
  194. /* @alternate */
  195. letter-spacing: var(--mdc-typography-body2-letter-spacing, 0.0178571429em);
  196. text-decoration: inherit;
  197. /* @alternate */
  198. -webkit-text-decoration: var(--mdc-typography-body2-text-decoration, inherit);
  199. text-decoration: var(--mdc-typography-body2-text-decoration, inherit);
  200. text-transform: inherit;
  201. /* @alternate */
  202. text-transform: var(--mdc-typography-body2-text-transform, inherit);
  203. /* @noflip */
  204. margin-left: 24px;
  205. /* @noflip */
  206. margin-right: 90px;
  207. align-self: center;
  208. flex-grow: 1;
  209. padding-top: 16px;
  210. padding-bottom: 16px;
  211. }
  212. [dir=rtl] .mdc-banner__text, .mdc-banner__text[dir=rtl] {
  213. /* @noflip */
  214. margin-left: 90px;
  215. /* @noflip */
  216. margin-right: 24px;
  217. }
  218. .mdc-banner__actions {
  219. /* @noflip */
  220. padding-left: 0;
  221. /* @noflip */
  222. padding-right: 8px;
  223. align-self: flex-end;
  224. display: flex;
  225. flex-shrink: 0;
  226. padding-bottom: 8px;
  227. padding-top: 8px;
  228. }
  229. [dir=rtl] .mdc-banner__actions, .mdc-banner__actions[dir=rtl] {
  230. /* @noflip */
  231. padding-left: 8px;
  232. /* @noflip */
  233. padding-right: 0;
  234. }
  235. .mdc-banner__primary-action:not(:disabled) {
  236. color: #6200ee;
  237. /* @alternate */
  238. color: var(--mdc-theme-primary, #6200ee);
  239. }
  240. .mdc-banner__primary-action::before, .mdc-banner__primary-action::after {
  241. background-color: #6200ee;
  242. /* @alternate */
  243. background-color: var(--mdc-ripple-color, var(--mdc-theme-primary, #6200ee));
  244. }
  245. .mdc-banner__primary-action:hover::before, .mdc-banner__primary-action.mdc-ripple-surface--hover::before {
  246. opacity: 0.04;
  247. /* @alternate */
  248. opacity: var(--mdc-ripple-hover-opacity, 0.04);
  249. }
  250. .mdc-banner__primary-action.mdc-ripple-upgraded--background-focused::before, .mdc-banner__primary-action:not(.mdc-ripple-upgraded):focus::before {
  251. transition-duration: 75ms;
  252. opacity: 0.12;
  253. /* @alternate */
  254. opacity: var(--mdc-ripple-focus-opacity, 0.12);
  255. }
  256. .mdc-banner__primary-action:not(.mdc-ripple-upgraded)::after {
  257. transition: opacity 150ms linear;
  258. }
  259. .mdc-banner__primary-action:not(.mdc-ripple-upgraded):active::after {
  260. transition-duration: 75ms;
  261. opacity: 0.12;
  262. /* @alternate */
  263. opacity: var(--mdc-ripple-press-opacity, 0.12);
  264. }
  265. .mdc-banner__primary-action.mdc-ripple-upgraded {
  266. --mdc-ripple-fg-opacity: var(--mdc-ripple-press-opacity, 0.12);
  267. }
  268. .mdc-banner__secondary-action {
  269. /* @noflip */
  270. margin-left: 0;
  271. /* @noflip */
  272. margin-right: 8px;
  273. }
  274. .mdc-banner__secondary-action:not(:disabled) {
  275. color: #6200ee;
  276. /* @alternate */
  277. color: var(--mdc-theme-primary, #6200ee);
  278. }
  279. .mdc-banner__secondary-action::before, .mdc-banner__secondary-action::after {
  280. background-color: #6200ee;
  281. /* @alternate */
  282. background-color: var(--mdc-ripple-color, var(--mdc-theme-primary, #6200ee));
  283. }
  284. .mdc-banner__secondary-action:hover::before, .mdc-banner__secondary-action.mdc-ripple-surface--hover::before {
  285. opacity: 0.04;
  286. /* @alternate */
  287. opacity: var(--mdc-ripple-hover-opacity, 0.04);
  288. }
  289. .mdc-banner__secondary-action.mdc-ripple-upgraded--background-focused::before, .mdc-banner__secondary-action:not(.mdc-ripple-upgraded):focus::before {
  290. transition-duration: 75ms;
  291. opacity: 0.12;
  292. /* @alternate */
  293. opacity: var(--mdc-ripple-focus-opacity, 0.12);
  294. }
  295. .mdc-banner__secondary-action:not(.mdc-ripple-upgraded)::after {
  296. transition: opacity 150ms linear;
  297. }
  298. .mdc-banner__secondary-action:not(.mdc-ripple-upgraded):active::after {
  299. transition-duration: 75ms;
  300. opacity: 0.12;
  301. /* @alternate */
  302. opacity: var(--mdc-ripple-press-opacity, 0.12);
  303. }
  304. .mdc-banner__secondary-action.mdc-ripple-upgraded {
  305. --mdc-ripple-fg-opacity: var(--mdc-ripple-press-opacity, 0.12);
  306. }
  307. [dir=rtl] .mdc-banner__secondary-action, .mdc-banner__secondary-action[dir=rtl] {
  308. /* @noflip */
  309. margin-left: 8px;
  310. /* @noflip */
  311. margin-right: 0;
  312. }
  313. .mdc-touch-target-wrapper {
  314. display: inline;
  315. }
  316. .mdc-elevation-overlay {
  317. position: absolute;
  318. border-radius: inherit;
  319. pointer-events: none;
  320. opacity: 0;
  321. /* @alternate */
  322. opacity: var(--mdc-elevation-overlay-opacity, 0);
  323. transition: opacity 280ms cubic-bezier(0.4, 0, 0.2, 1);
  324. background-color: #fff;
  325. /* @alternate */
  326. background-color: var(--mdc-elevation-overlay-color, #fff);
  327. }
  328. .mdc-button {
  329. -moz-osx-font-smoothing: grayscale;
  330. -webkit-font-smoothing: antialiased;
  331. font-family: Roboto, sans-serif;
  332. /* @alternate */
  333. font-family: var(--mdc-typography-button-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));
  334. font-size: 0.875rem;
  335. /* @alternate */
  336. font-size: var(--mdc-typography-button-font-size, 0.875rem);
  337. line-height: 2.25rem;
  338. /* @alternate */
  339. line-height: var(--mdc-typography-button-line-height, 2.25rem);
  340. font-weight: 500;
  341. /* @alternate */
  342. font-weight: var(--mdc-typography-button-font-weight, 500);
  343. letter-spacing: 0.0892857143em;
  344. /* @alternate */
  345. letter-spacing: var(--mdc-typography-button-letter-spacing, 0.0892857143em);
  346. text-decoration: none;
  347. /* @alternate */
  348. -webkit-text-decoration: var(--mdc-typography-button-text-decoration, none);
  349. text-decoration: var(--mdc-typography-button-text-decoration, none);
  350. text-transform: uppercase;
  351. /* @alternate */
  352. text-transform: var(--mdc-typography-button-text-transform, uppercase);
  353. /* @alternate */
  354. position: relative;
  355. display: inline-flex;
  356. align-items: center;
  357. justify-content: center;
  358. box-sizing: border-box;
  359. min-width: 64px;
  360. border: none;
  361. outline: none;
  362. /* @alternate */
  363. line-height: inherit;
  364. -webkit-user-select: none;
  365. -moz-user-select: none;
  366. -ms-user-select: none;
  367. user-select: none;
  368. -webkit-appearance: none;
  369. overflow: visible;
  370. vertical-align: middle;
  371. }
  372. .mdc-button .mdc-elevation-overlay {
  373. width: 100%;
  374. height: 100%;
  375. top: 0;
  376. /* @noflip */
  377. left: 0;
  378. }
  379. .mdc-button::-moz-focus-inner {
  380. padding: 0;
  381. border: 0;
  382. }
  383. .mdc-button:active {
  384. outline: none;
  385. }
  386. .mdc-button:hover {
  387. cursor: pointer;
  388. }
  389. .mdc-button:disabled {
  390. cursor: default;
  391. pointer-events: none;
  392. }
  393. .mdc-button .mdc-button__icon {
  394. /* @noflip */
  395. margin-left: 0;
  396. /* @noflip */
  397. margin-right: 8px;
  398. display: inline-block;
  399. width: 18px;
  400. height: 18px;
  401. font-size: 18px;
  402. vertical-align: top;
  403. }
  404. [dir=rtl] .mdc-button .mdc-button__icon, .mdc-button .mdc-button__icon[dir=rtl] {
  405. /* @noflip */
  406. margin-left: 8px;
  407. /* @noflip */
  408. margin-right: 0;
  409. }
  410. .mdc-button .mdc-button__touch {
  411. position: absolute;
  412. top: 50%;
  413. right: 0;
  414. height: 48px;
  415. left: 0;
  416. -webkit-transform: translateY(-50%);
  417. transform: translateY(-50%);
  418. }
  419. .mdc-button__label + .mdc-button__icon {
  420. /* @noflip */
  421. margin-left: 8px;
  422. /* @noflip */
  423. margin-right: 0;
  424. }
  425. [dir=rtl] .mdc-button__label + .mdc-button__icon, .mdc-button__label + .mdc-button__icon[dir=rtl] {
  426. /* @noflip */
  427. margin-left: 0;
  428. /* @noflip */
  429. margin-right: 8px;
  430. }
  431. svg.mdc-button__icon {
  432. fill: currentColor;
  433. }
  434. .mdc-button--raised .mdc-button__icon,
  435. .mdc-button--unelevated .mdc-button__icon,
  436. .mdc-button--outlined .mdc-button__icon {
  437. /* @noflip */
  438. margin-left: -4px;
  439. /* @noflip */
  440. margin-right: 8px;
  441. }
  442. [dir=rtl] .mdc-button--raised .mdc-button__icon, .mdc-button--raised .mdc-button__icon[dir=rtl],
  443. [dir=rtl] .mdc-button--unelevated .mdc-button__icon,
  444. .mdc-button--unelevated .mdc-button__icon[dir=rtl],
  445. [dir=rtl] .mdc-button--outlined .mdc-button__icon,
  446. .mdc-button--outlined .mdc-button__icon[dir=rtl] {
  447. /* @noflip */
  448. margin-left: 8px;
  449. /* @noflip */
  450. margin-right: -4px;
  451. }
  452. .mdc-button--raised .mdc-button__label + .mdc-button__icon,
  453. .mdc-button--unelevated .mdc-button__label + .mdc-button__icon,
  454. .mdc-button--outlined .mdc-button__label + .mdc-button__icon {
  455. /* @noflip */
  456. margin-left: 8px;
  457. /* @noflip */
  458. margin-right: -4px;
  459. }
  460. [dir=rtl] .mdc-button--raised .mdc-button__label + .mdc-button__icon, .mdc-button--raised .mdc-button__label + .mdc-button__icon[dir=rtl],
  461. [dir=rtl] .mdc-button--unelevated .mdc-button__label + .mdc-button__icon,
  462. .mdc-button--unelevated .mdc-button__label + .mdc-button__icon[dir=rtl],
  463. [dir=rtl] .mdc-button--outlined .mdc-button__label + .mdc-button__icon,
  464. .mdc-button--outlined .mdc-button__label + .mdc-button__icon[dir=rtl] {
  465. /* @noflip */
  466. margin-left: -4px;
  467. /* @noflip */
  468. margin-right: 8px;
  469. }
  470. .mdc-button--touch {
  471. margin-top: 6px;
  472. margin-bottom: 6px;
  473. }
  474. @-webkit-keyframes mdc-ripple-fg-radius-in {
  475. from {
  476. -webkit-animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  477. animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  478. -webkit-transform: translate(var(--mdc-ripple-fg-translate-start, 0)) scale(1);
  479. transform: translate(var(--mdc-ripple-fg-translate-start, 0)) scale(1);
  480. }
  481. to {
  482. -webkit-transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
  483. transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
  484. }
  485. }
  486. @keyframes mdc-ripple-fg-radius-in {
  487. from {
  488. -webkit-animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  489. animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  490. -webkit-transform: translate(var(--mdc-ripple-fg-translate-start, 0)) scale(1);
  491. transform: translate(var(--mdc-ripple-fg-translate-start, 0)) scale(1);
  492. }
  493. to {
  494. -webkit-transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
  495. transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
  496. }
  497. }
  498. @-webkit-keyframes mdc-ripple-fg-opacity-in {
  499. from {
  500. -webkit-animation-timing-function: linear;
  501. animation-timing-function: linear;
  502. opacity: 0;
  503. }
  504. to {
  505. opacity: var(--mdc-ripple-fg-opacity, 0);
  506. }
  507. }
  508. @keyframes mdc-ripple-fg-opacity-in {
  509. from {
  510. -webkit-animation-timing-function: linear;
  511. animation-timing-function: linear;
  512. opacity: 0;
  513. }
  514. to {
  515. opacity: var(--mdc-ripple-fg-opacity, 0);
  516. }
  517. }
  518. @-webkit-keyframes mdc-ripple-fg-opacity-out {
  519. from {
  520. -webkit-animation-timing-function: linear;
  521. animation-timing-function: linear;
  522. opacity: var(--mdc-ripple-fg-opacity, 0);
  523. }
  524. to {
  525. opacity: 0;
  526. }
  527. }
  528. @keyframes mdc-ripple-fg-opacity-out {
  529. from {
  530. -webkit-animation-timing-function: linear;
  531. animation-timing-function: linear;
  532. opacity: var(--mdc-ripple-fg-opacity, 0);
  533. }
  534. to {
  535. opacity: 0;
  536. }
  537. }
  538. .mdc-button {
  539. --mdc-ripple-fg-size: 0;
  540. --mdc-ripple-left: 0;
  541. --mdc-ripple-top: 0;
  542. --mdc-ripple-fg-scale: 1;
  543. --mdc-ripple-fg-translate-end: 0;
  544. --mdc-ripple-fg-translate-start: 0;
  545. -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  546. will-change: transform, opacity;
  547. }
  548. .mdc-button .mdc-button__ripple::before,
  549. .mdc-button .mdc-button__ripple::after {
  550. position: absolute;
  551. border-radius: 50%;
  552. opacity: 0;
  553. pointer-events: none;
  554. content: "";
  555. }
  556. .mdc-button .mdc-button__ripple::before {
  557. transition: opacity 15ms linear, background-color 15ms linear;
  558. z-index: 1;
  559. /* @alternate */
  560. z-index: var(--mdc-ripple-z-index, 1);
  561. }
  562. .mdc-button .mdc-button__ripple::after {
  563. z-index: 0;
  564. /* @alternate */
  565. z-index: var(--mdc-ripple-z-index, 0);
  566. }
  567. .mdc-button.mdc-ripple-upgraded .mdc-button__ripple::before {
  568. -webkit-transform: scale(var(--mdc-ripple-fg-scale, 1));
  569. transform: scale(var(--mdc-ripple-fg-scale, 1));
  570. }
  571. .mdc-button.mdc-ripple-upgraded .mdc-button__ripple::after {
  572. top: 0;
  573. /* @noflip */
  574. left: 0;
  575. -webkit-transform: scale(0);
  576. transform: scale(0);
  577. -webkit-transform-origin: center center;
  578. transform-origin: center center;
  579. }
  580. .mdc-button.mdc-ripple-upgraded--unbounded .mdc-button__ripple::after {
  581. top: var(--mdc-ripple-top, 0);
  582. /* @noflip */
  583. left: var(--mdc-ripple-left, 0);
  584. }
  585. .mdc-button.mdc-ripple-upgraded--foreground-activation .mdc-button__ripple::after {
  586. -webkit-animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards;
  587. animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards;
  588. }
  589. .mdc-button.mdc-ripple-upgraded--foreground-deactivation .mdc-button__ripple::after {
  590. -webkit-animation: mdc-ripple-fg-opacity-out 150ms;
  591. animation: mdc-ripple-fg-opacity-out 150ms;
  592. -webkit-transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
  593. transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
  594. }
  595. .mdc-button .mdc-button__ripple::before,
  596. .mdc-button .mdc-button__ripple::after {
  597. top: calc(50% - 100%);
  598. /* @noflip */
  599. left: calc(50% - 100%);
  600. width: 200%;
  601. height: 200%;
  602. }
  603. .mdc-button.mdc-ripple-upgraded .mdc-button__ripple::after {
  604. width: var(--mdc-ripple-fg-size, 100%);
  605. height: var(--mdc-ripple-fg-size, 100%);
  606. }
  607. .mdc-button .mdc-button__ripple {
  608. position: absolute;
  609. box-sizing: content-box;
  610. width: 100%;
  611. height: 100%;
  612. overflow: hidden;
  613. }
  614. .mdc-button:not(.mdc-button--outlined) .mdc-button__ripple {
  615. top: 0;
  616. left: 0;
  617. }
  618. .mdc-button--raised {
  619. /* @alternate */
  620. 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);
  621. transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1);
  622. }
  623. .mdc-button--raised:hover, .mdc-button--raised:focus {
  624. /* @alternate */
  625. 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);
  626. }
  627. .mdc-button--raised:active {
  628. /* @alternate */
  629. 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);
  630. }
  631. .mdc-button--raised:disabled {
  632. /* @alternate */
  633. 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);
  634. }
  635. .mdc-button--outlined {
  636. border-style: solid;
  637. }
  638. .mdc-button {
  639. height: 36px;
  640. border-radius: 4px;
  641. /* @alternate */
  642. border-radius: var(--mdc-shape-small, 4px);
  643. padding: 0 8px 0 8px;
  644. }
  645. .mdc-button:not(:disabled) {
  646. background-color: transparent;
  647. }
  648. .mdc-button:disabled {
  649. background-color: transparent;
  650. }
  651. .mdc-button:not(:disabled) {
  652. color: #6200ee;
  653. /* @alternate */
  654. color: var(--mdc-theme-primary, #6200ee);
  655. }
  656. .mdc-button:disabled {
  657. color: rgba(0, 0, 0, 0.38);
  658. }
  659. .mdc-button .mdc-button__ripple::before, .mdc-button .mdc-button__ripple::after {
  660. background-color: #6200ee;
  661. /* @alternate */
  662. background-color: var(--mdc-ripple-color, var(--mdc-theme-primary, #6200ee));
  663. }
  664. .mdc-button:hover .mdc-button__ripple::before, .mdc-button.mdc-ripple-surface--hover .mdc-button__ripple::before {
  665. opacity: 0.04;
  666. /* @alternate */
  667. opacity: var(--mdc-ripple-hover-opacity, 0.04);
  668. }
  669. .mdc-button.mdc-ripple-upgraded--background-focused .mdc-button__ripple::before, .mdc-button:not(.mdc-ripple-upgraded):focus .mdc-button__ripple::before {
  670. transition-duration: 75ms;
  671. opacity: 0.12;
  672. /* @alternate */
  673. opacity: var(--mdc-ripple-focus-opacity, 0.12);
  674. }
  675. .mdc-button:not(.mdc-ripple-upgraded) .mdc-button__ripple::after {
  676. transition: opacity 150ms linear;
  677. }
  678. .mdc-button:not(.mdc-ripple-upgraded):active .mdc-button__ripple::after {
  679. transition-duration: 75ms;
  680. opacity: 0.12;
  681. /* @alternate */
  682. opacity: var(--mdc-ripple-press-opacity, 0.12);
  683. }
  684. .mdc-button.mdc-ripple-upgraded {
  685. --mdc-ripple-fg-opacity: var(--mdc-ripple-press-opacity, 0.12);
  686. }
  687. .mdc-button .mdc-button__ripple {
  688. border-radius: 4px;
  689. /* @alternate */
  690. border-radius: var(--mdc-shape-small, 4px);
  691. }
  692. .mdc-button--unelevated {
  693. padding: 0 16px 0 16px;
  694. height: 36px;
  695. border-radius: 4px;
  696. /* @alternate */
  697. border-radius: var(--mdc-shape-small, 4px);
  698. }
  699. .mdc-button--unelevated:not(:disabled) {
  700. background-color: #6200ee;
  701. /* @alternate */
  702. background-color: var(--mdc-theme-primary, #6200ee);
  703. }
  704. .mdc-button--unelevated:disabled {
  705. background-color: rgba(0, 0, 0, 0.12);
  706. }
  707. .mdc-button--unelevated:not(:disabled) {
  708. color: #fff;
  709. /* @alternate */
  710. color: var(--mdc-theme-on-primary, #fff);
  711. }
  712. .mdc-button--unelevated:disabled {
  713. color: rgba(0, 0, 0, 0.38);
  714. }
  715. .mdc-button--unelevated .mdc-button__ripple::before, .mdc-button--unelevated .mdc-button__ripple::after {
  716. background-color: #fff;
  717. /* @alternate */
  718. background-color: var(--mdc-ripple-color, var(--mdc-theme-on-primary, #fff));
  719. }
  720. .mdc-button--unelevated:hover .mdc-button__ripple::before, .mdc-button--unelevated.mdc-ripple-surface--hover .mdc-button__ripple::before {
  721. opacity: 0.08;
  722. /* @alternate */
  723. opacity: var(--mdc-ripple-hover-opacity, 0.08);
  724. }
  725. .mdc-button--unelevated.mdc-ripple-upgraded--background-focused .mdc-button__ripple::before, .mdc-button--unelevated:not(.mdc-ripple-upgraded):focus .mdc-button__ripple::before {
  726. transition-duration: 75ms;
  727. opacity: 0.24;
  728. /* @alternate */
  729. opacity: var(--mdc-ripple-focus-opacity, 0.24);
  730. }
  731. .mdc-button--unelevated:not(.mdc-ripple-upgraded) .mdc-button__ripple::after {
  732. transition: opacity 150ms linear;
  733. }
  734. .mdc-button--unelevated:not(.mdc-ripple-upgraded):active .mdc-button__ripple::after {
  735. transition-duration: 75ms;
  736. opacity: 0.24;
  737. /* @alternate */
  738. opacity: var(--mdc-ripple-press-opacity, 0.24);
  739. }
  740. .mdc-button--unelevated.mdc-ripple-upgraded {
  741. --mdc-ripple-fg-opacity: var(--mdc-ripple-press-opacity, 0.24);
  742. }
  743. .mdc-button--unelevated .mdc-button__ripple {
  744. border-radius: 4px;
  745. /* @alternate */
  746. border-radius: var(--mdc-shape-small, 4px);
  747. }
  748. .mdc-button--raised {
  749. padding: 0 16px 0 16px;
  750. }
  751. .mdc-button--raised:not(:disabled) {
  752. background-color: #6200ee;
  753. /* @alternate */
  754. background-color: var(--mdc-theme-primary, #6200ee);
  755. }
  756. .mdc-button--raised:not(:disabled) {
  757. color: #fff;
  758. /* @alternate */
  759. color: var(--mdc-theme-on-primary, #fff);
  760. }
  761. .mdc-button--raised:disabled {
  762. background-color: rgba(0, 0, 0, 0.12);
  763. }
  764. .mdc-button--raised:disabled {
  765. color: rgba(0, 0, 0, 0.38);
  766. }
  767. .mdc-button--raised .mdc-button__ripple::before, .mdc-button--raised .mdc-button__ripple::after {
  768. background-color: #fff;
  769. /* @alternate */
  770. background-color: var(--mdc-ripple-color, var(--mdc-theme-on-primary, #fff));
  771. }
  772. .mdc-button--raised:hover .mdc-button__ripple::before, .mdc-button--raised.mdc-ripple-surface--hover .mdc-button__ripple::before {
  773. opacity: 0.08;
  774. /* @alternate */
  775. opacity: var(--mdc-ripple-hover-opacity, 0.08);
  776. }
  777. .mdc-button--raised.mdc-ripple-upgraded--background-focused .mdc-button__ripple::before, .mdc-button--raised:not(.mdc-ripple-upgraded):focus .mdc-button__ripple::before {
  778. transition-duration: 75ms;
  779. opacity: 0.24;
  780. /* @alternate */
  781. opacity: var(--mdc-ripple-focus-opacity, 0.24);
  782. }
  783. .mdc-button--raised:not(.mdc-ripple-upgraded) .mdc-button__ripple::after {
  784. transition: opacity 150ms linear;
  785. }
  786. .mdc-button--raised:not(.mdc-ripple-upgraded):active .mdc-button__ripple::after {
  787. transition-duration: 75ms;
  788. opacity: 0.24;
  789. /* @alternate */
  790. opacity: var(--mdc-ripple-press-opacity, 0.24);
  791. }
  792. .mdc-button--raised.mdc-ripple-upgraded {
  793. --mdc-ripple-fg-opacity: var(--mdc-ripple-press-opacity, 0.24);
  794. }
  795. .mdc-button--outlined {
  796. height: 36px;
  797. border-radius: 4px;
  798. /* @alternate */
  799. border-radius: var(--mdc-shape-small, 4px);
  800. padding: 0 15px 0 15px;
  801. border-width: 1px;
  802. }
  803. .mdc-button--outlined:not(:disabled) {
  804. background-color: transparent;
  805. }
  806. .mdc-button--outlined:disabled {
  807. background-color: transparent;
  808. }
  809. .mdc-button--outlined:not(:disabled) {
  810. color: #6200ee;
  811. /* @alternate */
  812. color: var(--mdc-theme-primary, #6200ee);
  813. }
  814. .mdc-button--outlined:disabled {
  815. color: rgba(0, 0, 0, 0.38);
  816. }
  817. .mdc-button--outlined .mdc-button__ripple::before, .mdc-button--outlined .mdc-button__ripple::after {
  818. background-color: #6200ee;
  819. /* @alternate */
  820. background-color: var(--mdc-ripple-color, var(--mdc-theme-primary, #6200ee));
  821. }
  822. .mdc-button--outlined:hover .mdc-button__ripple::before, .mdc-button--outlined.mdc-ripple-surface--hover .mdc-button__ripple::before {
  823. opacity: 0.04;
  824. /* @alternate */
  825. opacity: var(--mdc-ripple-hover-opacity, 0.04);
  826. }
  827. .mdc-button--outlined.mdc-ripple-upgraded--background-focused .mdc-button__ripple::before, .mdc-button--outlined:not(.mdc-ripple-upgraded):focus .mdc-button__ripple::before {
  828. transition-duration: 75ms;
  829. opacity: 0.12;
  830. /* @alternate */
  831. opacity: var(--mdc-ripple-focus-opacity, 0.12);
  832. }
  833. .mdc-button--outlined:not(.mdc-ripple-upgraded) .mdc-button__ripple::after {
  834. transition: opacity 150ms linear;
  835. }
  836. .mdc-button--outlined:not(.mdc-ripple-upgraded):active .mdc-button__ripple::after {
  837. transition-duration: 75ms;
  838. opacity: 0.12;
  839. /* @alternate */
  840. opacity: var(--mdc-ripple-press-opacity, 0.12);
  841. }
  842. .mdc-button--outlined.mdc-ripple-upgraded {
  843. --mdc-ripple-fg-opacity: var(--mdc-ripple-press-opacity, 0.12);
  844. }
  845. .mdc-button--outlined .mdc-button__ripple {
  846. border-radius: 4px;
  847. /* @alternate */
  848. border-radius: var(--mdc-shape-small, 4px);
  849. }
  850. .mdc-button--outlined:not(:disabled) {
  851. border-color: rgba(0, 0, 0, 0.12);
  852. }
  853. .mdc-button--outlined:disabled {
  854. border-color: rgba(0, 0, 0, 0.12);
  855. }
  856. .mdc-button--outlined .mdc-button__ripple {
  857. top: -1px;
  858. left: -1px;
  859. border: 1px solid transparent;
  860. }
  861. .mdc-button--outlined .mdc-button__touch {
  862. left: -1px;
  863. width: calc(100% + 2 * 1px);
  864. }
  865. .mdc-card {
  866. border-radius: 4px;
  867. /* @alternate */
  868. border-radius: var(--mdc-shape-medium, 4px);
  869. background-color: #fff;
  870. /* @alternate */
  871. background-color: var(--mdc-theme-surface, #fff);
  872. /* @alternate */
  873. position: relative;
  874. /* @alternate */
  875. 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);
  876. display: flex;
  877. flex-direction: column;
  878. box-sizing: border-box;
  879. }
  880. .mdc-card .mdc-elevation-overlay {
  881. width: 100%;
  882. height: 100%;
  883. top: 0;
  884. /* @noflip */
  885. left: 0;
  886. }
  887. .mdc-card::after {
  888. border-radius: 4px;
  889. /* @alternate */
  890. border-radius: var(--mdc-shape-medium, 4px);
  891. position: absolute;
  892. box-sizing: border-box;
  893. width: 100%;
  894. height: 100%;
  895. top: 0;
  896. left: 0;
  897. border: 1px solid transparent;
  898. border-radius: inherit;
  899. content: "";
  900. pointer-events: none;
  901. }
  902. .mdc-card--outlined {
  903. /* @alternate */
  904. 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);
  905. border-width: 1px;
  906. border-style: solid;
  907. border-color: #e0e0e0;
  908. }
  909. .mdc-card--outlined::after {
  910. border: none;
  911. }
  912. .mdc-card__content {
  913. border-radius: inherit;
  914. height: 100%;
  915. }
  916. .mdc-card__media {
  917. position: relative;
  918. box-sizing: border-box;
  919. background-repeat: no-repeat;
  920. background-position: center;
  921. background-size: cover;
  922. }
  923. .mdc-card__media::before {
  924. display: block;
  925. content: "";
  926. }
  927. .mdc-card__media:first-child {
  928. border-top-left-radius: inherit;
  929. border-top-right-radius: inherit;
  930. }
  931. .mdc-card__media:last-child {
  932. border-bottom-left-radius: inherit;
  933. border-bottom-right-radius: inherit;
  934. }
  935. .mdc-card__media--square::before {
  936. margin-top: 100%;
  937. }
  938. .mdc-card__media--16-9::before {
  939. margin-top: 56.25%;
  940. }
  941. .mdc-card__media-content {
  942. position: absolute;
  943. top: 0;
  944. right: 0;
  945. bottom: 0;
  946. left: 0;
  947. box-sizing: border-box;
  948. }
  949. .mdc-card__primary-action {
  950. display: flex;
  951. flex-direction: column;
  952. box-sizing: border-box;
  953. position: relative;
  954. outline: none;
  955. color: inherit;
  956. text-decoration: none;
  957. cursor: pointer;
  958. overflow: hidden;
  959. }
  960. .mdc-card__primary-action:first-child {
  961. border-top-left-radius: inherit;
  962. border-top-right-radius: inherit;
  963. }
  964. .mdc-card__primary-action:last-child {
  965. border-bottom-left-radius: inherit;
  966. border-bottom-right-radius: inherit;
  967. }
  968. .mdc-card__actions {
  969. display: flex;
  970. flex-direction: row;
  971. align-items: center;
  972. box-sizing: border-box;
  973. min-height: 52px;
  974. padding: 8px;
  975. }
  976. .mdc-card__actions--full-bleed {
  977. padding: 0;
  978. }
  979. .mdc-card__action-buttons,
  980. .mdc-card__action-icons {
  981. display: flex;
  982. flex-direction: row;
  983. align-items: center;
  984. box-sizing: border-box;
  985. }
  986. .mdc-card__action-icons {
  987. color: rgba(0, 0, 0, 0.6);
  988. flex-grow: 1;
  989. justify-content: flex-end;
  990. }
  991. .mdc-card__action-buttons + .mdc-card__action-icons {
  992. /* @noflip */
  993. margin-left: 16px;
  994. /* @noflip */
  995. margin-right: 0;
  996. }
  997. [dir=rtl] .mdc-card__action-buttons + .mdc-card__action-icons, .mdc-card__action-buttons + .mdc-card__action-icons[dir=rtl] {
  998. /* @noflip */
  999. margin-left: 0;
  1000. /* @noflip */
  1001. margin-right: 16px;
  1002. }
  1003. .mdc-card__action {
  1004. display: inline-flex;
  1005. flex-direction: row;
  1006. align-items: center;
  1007. box-sizing: border-box;
  1008. justify-content: center;
  1009. cursor: pointer;
  1010. -webkit-user-select: none;
  1011. -moz-user-select: none;
  1012. -ms-user-select: none;
  1013. user-select: none;
  1014. }
  1015. .mdc-card__action:focus {
  1016. outline: none;
  1017. }
  1018. .mdc-card__action--button {
  1019. /* @noflip */
  1020. margin-left: 0;
  1021. /* @noflip */
  1022. margin-right: 8px;
  1023. padding: 0 8px;
  1024. }
  1025. [dir=rtl] .mdc-card__action--button, .mdc-card__action--button[dir=rtl] {
  1026. /* @noflip */
  1027. margin-left: 8px;
  1028. /* @noflip */
  1029. margin-right: 0;
  1030. }
  1031. .mdc-card__action--button:last-child {
  1032. /* @noflip */
  1033. margin-left: 0;
  1034. /* @noflip */
  1035. margin-right: 0;
  1036. }
  1037. [dir=rtl] .mdc-card__action--button:last-child, .mdc-card__action--button:last-child[dir=rtl] {
  1038. /* @noflip */
  1039. margin-left: 0;
  1040. /* @noflip */
  1041. margin-right: 0;
  1042. }
  1043. .mdc-card__actions--full-bleed .mdc-card__action--button {
  1044. justify-content: space-between;
  1045. width: 100%;
  1046. height: auto;
  1047. max-height: none;
  1048. margin: 0;
  1049. padding: 8px 16px;
  1050. /* @noflip */
  1051. text-align: left;
  1052. }
  1053. [dir=rtl] .mdc-card__actions--full-bleed .mdc-card__action--button, .mdc-card__actions--full-bleed .mdc-card__action--button[dir=rtl] {
  1054. /* @noflip */
  1055. text-align: right;
  1056. }
  1057. .mdc-card__action--icon {
  1058. margin: -6px 0;
  1059. padding: 12px;
  1060. }
  1061. .mdc-card__action--icon:not(:disabled) {
  1062. color: rgba(0, 0, 0, 0.6);
  1063. }
  1064. .mdc-card__primary-action {
  1065. --mdc-ripple-fg-size: 0;
  1066. --mdc-ripple-left: 0;
  1067. --mdc-ripple-top: 0;
  1068. --mdc-ripple-fg-scale: 1;
  1069. --mdc-ripple-fg-translate-end: 0;
  1070. --mdc-ripple-fg-translate-start: 0;
  1071. -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  1072. will-change: transform, opacity;
  1073. }
  1074. .mdc-card__primary-action::before, .mdc-card__primary-action::after {
  1075. position: absolute;
  1076. border-radius: 50%;
  1077. opacity: 0;
  1078. pointer-events: none;
  1079. content: "";
  1080. }
  1081. .mdc-card__primary-action::before {
  1082. transition: opacity 15ms linear, background-color 15ms linear;
  1083. z-index: 1;
  1084. /* @alternate */
  1085. z-index: var(--mdc-ripple-z-index, 1);
  1086. }
  1087. .mdc-card__primary-action::after {
  1088. z-index: 0;
  1089. /* @alternate */
  1090. z-index: var(--mdc-ripple-z-index, 0);
  1091. }
  1092. .mdc-card__primary-action.mdc-ripple-upgraded::before {
  1093. -webkit-transform: scale(var(--mdc-ripple-fg-scale, 1));
  1094. transform: scale(var(--mdc-ripple-fg-scale, 1));
  1095. }
  1096. .mdc-card__primary-action.mdc-ripple-upgraded::after {
  1097. top: 0;
  1098. /* @noflip */
  1099. left: 0;
  1100. -webkit-transform: scale(0);
  1101. transform: scale(0);
  1102. -webkit-transform-origin: center center;
  1103. transform-origin: center center;
  1104. }
  1105. .mdc-card__primary-action.mdc-ripple-upgraded--unbounded::after {
  1106. top: var(--mdc-ripple-top, 0);
  1107. /* @noflip */
  1108. left: var(--mdc-ripple-left, 0);
  1109. }
  1110. .mdc-card__primary-action.mdc-ripple-upgraded--foreground-activation::after {
  1111. -webkit-animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards;
  1112. animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards;
  1113. }
  1114. .mdc-card__primary-action.mdc-ripple-upgraded--foreground-deactivation::after {
  1115. -webkit-animation: mdc-ripple-fg-opacity-out 150ms;
  1116. animation: mdc-ripple-fg-opacity-out 150ms;
  1117. -webkit-transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
  1118. transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
  1119. }
  1120. .mdc-card__primary-action::before, .mdc-card__primary-action::after {
  1121. top: calc(50% - 100%);
  1122. /* @noflip */
  1123. left: calc(50% - 100%);
  1124. width: 200%;
  1125. height: 200%;
  1126. }
  1127. .mdc-card__primary-action.mdc-ripple-upgraded::after {
  1128. width: var(--mdc-ripple-fg-size, 100%);
  1129. height: var(--mdc-ripple-fg-size, 100%);
  1130. }
  1131. .mdc-card__primary-action::before, .mdc-card__primary-action::after {
  1132. background-color: #000;
  1133. /* @alternate */
  1134. background-color: var(--mdc-ripple-color, #000);
  1135. }
  1136. .mdc-card__primary-action:hover::before, .mdc-card__primary-action.mdc-ripple-surface--hover::before {
  1137. opacity: 0.04;
  1138. /* @alternate */
  1139. opacity: var(--mdc-ripple-hover-opacity, 0.04);
  1140. }
  1141. .mdc-card__primary-action.mdc-ripple-upgraded--background-focused::before, .mdc-card__primary-action:not(.mdc-ripple-upgraded):focus::before {
  1142. transition-duration: 75ms;
  1143. opacity: 0.12;
  1144. /* @alternate */
  1145. opacity: var(--mdc-ripple-focus-opacity, 0.12);
  1146. }
  1147. .mdc-card__primary-action:not(.mdc-ripple-upgraded)::after {
  1148. transition: opacity 150ms linear;
  1149. }
  1150. .mdc-card__primary-action:not(.mdc-ripple-upgraded):active::after {
  1151. transition-duration: 75ms;
  1152. opacity: 0.12;
  1153. /* @alternate */
  1154. opacity: var(--mdc-ripple-press-opacity, 0.12);
  1155. }
  1156. .mdc-card__primary-action.mdc-ripple-upgraded {
  1157. --mdc-ripple-fg-opacity: var(--mdc-ripple-press-opacity, 0.12);
  1158. }
  1159. .mdc-checkbox {
  1160. padding: calc((40px - 18px) / 2);
  1161. /* @alternate */
  1162. padding: calc((var(--mdc-checkbox-ripple-size, 40px) - 18px) / 2);
  1163. margin: calc((40px - 40px) / 2);
  1164. /* @alternate */
  1165. margin: calc((var(--mdc-checkbox-ripple-size, 40px) - var(--mdc-checkbox-ripple-size, 40px)) / 2);
  1166. }
  1167. .mdc-checkbox .mdc-checkbox__ripple::before, .mdc-checkbox .mdc-checkbox__ripple::after {
  1168. background-color: #000;
  1169. /* @alternate */
  1170. background-color: var(--mdc-ripple-color, #000);
  1171. }
  1172. .mdc-checkbox:hover .mdc-checkbox__ripple::before, .mdc-checkbox.mdc-ripple-surface--hover .mdc-checkbox__ripple::before {
  1173. opacity: 0.04;
  1174. /* @alternate */
  1175. opacity: var(--mdc-ripple-hover-opacity, 0.04);
  1176. }
  1177. .mdc-checkbox.mdc-ripple-upgraded--background-focused .mdc-checkbox__ripple::before, .mdc-checkbox:not(.mdc-ripple-upgraded):focus .mdc-checkbox__ripple::before {
  1178. transition-duration: 75ms;
  1179. opacity: 0.12;
  1180. /* @alternate */
  1181. opacity: var(--mdc-ripple-focus-opacity, 0.12);
  1182. }
  1183. .mdc-checkbox:not(.mdc-ripple-upgraded) .mdc-checkbox__ripple::after {
  1184. transition: opacity 150ms linear;
  1185. }
  1186. .mdc-checkbox:not(.mdc-ripple-upgraded):active .mdc-checkbox__ripple::after {
  1187. transition-duration: 75ms;
  1188. opacity: 0.12;
  1189. /* @alternate */
  1190. opacity: var(--mdc-ripple-press-opacity, 0.12);
  1191. }
  1192. .mdc-checkbox.mdc-ripple-upgraded {
  1193. --mdc-ripple-fg-opacity: var(--mdc-ripple-press-opacity, 0.12);
  1194. }
  1195. .mdc-checkbox.mdc-checkbox--selected .mdc-checkbox__ripple::before, .mdc-checkbox.mdc-checkbox--selected .mdc-checkbox__ripple::after {
  1196. background-color: #018786;
  1197. /* @alternate */
  1198. background-color: var(--mdc-ripple-color, var(--mdc-theme-secondary, #018786));
  1199. }
  1200. .mdc-checkbox.mdc-checkbox--selected:hover .mdc-checkbox__ripple::before, .mdc-checkbox.mdc-checkbox--selected.mdc-ripple-surface--hover .mdc-checkbox__ripple::before {
  1201. opacity: 0.04;
  1202. /* @alternate */
  1203. opacity: var(--mdc-ripple-hover-opacity, 0.04);
  1204. }
  1205. .mdc-checkbox.mdc-checkbox--selected.mdc-ripple-upgraded--background-focused .mdc-checkbox__ripple::before, .mdc-checkbox.mdc-checkbox--selected:not(.mdc-ripple-upgraded):focus .mdc-checkbox__ripple::before {
  1206. transition-duration: 75ms;
  1207. opacity: 0.12;
  1208. /* @alternate */
  1209. opacity: var(--mdc-ripple-focus-opacity, 0.12);
  1210. }
  1211. .mdc-checkbox.mdc-checkbox--selected:not(.mdc-ripple-upgraded) .mdc-checkbox__ripple::after {
  1212. transition: opacity 150ms linear;
  1213. }
  1214. .mdc-checkbox.mdc-checkbox--selected:not(.mdc-ripple-upgraded):active .mdc-checkbox__ripple::after {
  1215. transition-duration: 75ms;
  1216. opacity: 0.12;
  1217. /* @alternate */
  1218. opacity: var(--mdc-ripple-press-opacity, 0.12);
  1219. }
  1220. .mdc-checkbox.mdc-checkbox--selected.mdc-ripple-upgraded {
  1221. --mdc-ripple-fg-opacity: var(--mdc-ripple-press-opacity, 0.12);
  1222. }
  1223. .mdc-checkbox.mdc-ripple-upgraded--background-focused.mdc-checkbox--selected .mdc-checkbox__ripple::before,
  1224. .mdc-checkbox.mdc-ripple-upgraded--background-focused.mdc-checkbox--selected .mdc-checkbox__ripple::after {
  1225. background-color: #018786;
  1226. /* @alternate */
  1227. background-color: var(--mdc-ripple-color, var(--mdc-theme-secondary, #018786));
  1228. }
  1229. .mdc-checkbox .mdc-checkbox__background {
  1230. top: calc((40px - 18px) / 2);
  1231. /* @alternate */
  1232. top: calc((var(--mdc-checkbox-ripple-size, 40px) - 18px) / 2);
  1233. left: calc((40px - 18px) / 2);
  1234. /* @alternate */
  1235. left: calc((var(--mdc-checkbox-ripple-size, 40px) - 18px) / 2);
  1236. }
  1237. .mdc-checkbox .mdc-checkbox__native-control {
  1238. top: calc((40px - 40px) / 2);
  1239. /* @alternate */
  1240. top: calc((var(--mdc-checkbox-ripple-size, 40px) - var(--mdc-checkbox-ripple-size, 40px)) / 2);
  1241. right: calc((40px - 40px) / 2);
  1242. /* @alternate */
  1243. right: calc((var(--mdc-checkbox-ripple-size, 40px) - var(--mdc-checkbox-ripple-size, 40px)) / 2);
  1244. left: calc((40px - 40px) / 2);
  1245. /* @alternate */
  1246. left: calc((var(--mdc-checkbox-ripple-size, 40px) - var(--mdc-checkbox-ripple-size, 40px)) / 2);
  1247. width: 40px;
  1248. /* @alternate */
  1249. width: var(--mdc-checkbox-ripple-size, 40px);
  1250. height: 40px;
  1251. /* @alternate */
  1252. height: var(--mdc-checkbox-ripple-size, 40px);
  1253. }
  1254. .mdc-checkbox .mdc-checkbox__native-control:enabled:not(:checked):not(:indeterminate):not([data-indeterminate=true]) ~ .mdc-checkbox__background {
  1255. border-color: rgba(0, 0, 0, 0.54);
  1256. /* @alternate */
  1257. border-color: var(--mdc-checkbox-unchecked-color, rgba(0, 0, 0, 0.54));
  1258. background-color: transparent;
  1259. }
  1260. .mdc-checkbox .mdc-checkbox__native-control:enabled:checked ~ .mdc-checkbox__background,
  1261. .mdc-checkbox .mdc-checkbox__native-control:enabled:indeterminate ~ .mdc-checkbox__background,
  1262. .mdc-checkbox .mdc-checkbox__native-control[data-indeterminate=true]:enabled ~ .mdc-checkbox__background {
  1263. border-color: #018786;
  1264. /* @alternate */
  1265. border-color: var(--mdc-checkbox-checked-color, var(--mdc-theme-secondary, #018786));
  1266. background-color: #018786;
  1267. /* @alternate */
  1268. background-color: var(--mdc-checkbox-checked-color, var(--mdc-theme-secondary, #018786));
  1269. }
  1270. @-webkit-keyframes mdc-checkbox-fade-in-background-8A000000FF01878600000000FF018786 {
  1271. 0% {
  1272. border-color: rgba(0, 0, 0, 0.54);
  1273. /* @alternate */
  1274. border-color: var(--mdc-checkbox-unchecked-color, rgba(0, 0, 0, 0.54));
  1275. background-color: transparent;
  1276. }
  1277. 50% {
  1278. border-color: #018786;
  1279. /* @alternate */
  1280. border-color: var(--mdc-checkbox-checked-color, var(--mdc-theme-secondary, #018786));
  1281. background-color: #018786;
  1282. /* @alternate */
  1283. background-color: var(--mdc-checkbox-checked-color, var(--mdc-theme-secondary, #018786));
  1284. }
  1285. }
  1286. @keyframes mdc-checkbox-fade-in-background-8A000000FF01878600000000FF018786 {
  1287. 0% {
  1288. border-color: rgba(0, 0, 0, 0.54);
  1289. /* @alternate */
  1290. border-color: var(--mdc-checkbox-unchecked-color, rgba(0, 0, 0, 0.54));
  1291. background-color: transparent;
  1292. }
  1293. 50% {
  1294. border-color: #018786;
  1295. /* @alternate */
  1296. border-color: var(--mdc-checkbox-checked-color, var(--mdc-theme-secondary, #018786));
  1297. background-color: #018786;
  1298. /* @alternate */
  1299. background-color: var(--mdc-checkbox-checked-color, var(--mdc-theme-secondary, #018786));
  1300. }
  1301. }
  1302. @-webkit-keyframes mdc-checkbox-fade-out-background-8A000000FF01878600000000FF018786 {
  1303. 0%, 80% {
  1304. border-color: #018786;
  1305. /* @alternate */
  1306. border-color: var(--mdc-checkbox-checked-color, var(--mdc-theme-secondary, #018786));
  1307. background-color: #018786;
  1308. /* @alternate */
  1309. background-color: var(--mdc-checkbox-checked-color, var(--mdc-theme-secondary, #018786));
  1310. }
  1311. 100% {
  1312. border-color: rgba(0, 0, 0, 0.54);
  1313. /* @alternate */
  1314. border-color: var(--mdc-checkbox-unchecked-color, rgba(0, 0, 0, 0.54));
  1315. background-color: transparent;
  1316. }
  1317. }
  1318. @keyframes mdc-checkbox-fade-out-background-8A000000FF01878600000000FF018786 {
  1319. 0%, 80% {
  1320. border-color: #018786;
  1321. /* @alternate */
  1322. border-color: var(--mdc-checkbox-checked-color, var(--mdc-theme-secondary, #018786));
  1323. background-color: #018786;
  1324. /* @alternate */
  1325. background-color: var(--mdc-checkbox-checked-color, var(--mdc-theme-secondary, #018786));
  1326. }
  1327. 100% {
  1328. border-color: rgba(0, 0, 0, 0.54);
  1329. /* @alternate */
  1330. border-color: var(--mdc-checkbox-unchecked-color, rgba(0, 0, 0, 0.54));
  1331. background-color: transparent;
  1332. }
  1333. }
  1334. .mdc-checkbox.mdc-checkbox--anim-unchecked-checked .mdc-checkbox__native-control:enabled ~ .mdc-checkbox__background, .mdc-checkbox.mdc-checkbox--anim-unchecked-indeterminate .mdc-checkbox__native-control:enabled ~ .mdc-checkbox__background {
  1335. -webkit-animation-name: mdc-checkbox-fade-in-background-8A000000FF01878600000000FF018786;
  1336. animation-name: mdc-checkbox-fade-in-background-8A000000FF01878600000000FF018786;
  1337. }
  1338. .mdc-checkbox.mdc-checkbox--anim-checked-unchecked .mdc-checkbox__native-control:enabled ~ .mdc-checkbox__background, .mdc-checkbox.mdc-checkbox--anim-indeterminate-unchecked .mdc-checkbox__native-control:enabled ~ .mdc-checkbox__background {
  1339. -webkit-animation-name: mdc-checkbox-fade-out-background-8A000000FF01878600000000FF018786;
  1340. animation-name: mdc-checkbox-fade-out-background-8A000000FF01878600000000FF018786;
  1341. }
  1342. .mdc-checkbox .mdc-checkbox__native-control[disabled]:not(:checked):not(:indeterminate):not([data-indeterminate=true]) ~ .mdc-checkbox__background {
  1343. border-color: rgba(0, 0, 0, 0.38);
  1344. /* @alternate */
  1345. border-color: var(--mdc-checkbox-disabled-color, rgba(0, 0, 0, 0.38));
  1346. background-color: transparent;
  1347. }
  1348. .mdc-checkbox .mdc-checkbox__native-control[disabled]:checked ~ .mdc-checkbox__background,
  1349. .mdc-checkbox .mdc-checkbox__native-control[disabled]:indeterminate ~ .mdc-checkbox__background,
  1350. .mdc-checkbox .mdc-checkbox__native-control[data-indeterminate=true][disabled] ~ .mdc-checkbox__background {
  1351. border-color: transparent;
  1352. background-color: rgba(0, 0, 0, 0.38);
  1353. /* @alternate */
  1354. background-color: var(--mdc-checkbox-disabled-color, rgba(0, 0, 0, 0.38));
  1355. }
  1356. .mdc-checkbox .mdc-checkbox__native-control:enabled ~ .mdc-checkbox__background .mdc-checkbox__checkmark {
  1357. color: #fff;
  1358. /* @alternate */
  1359. color: var(--mdc-checkbox-ink-color, #fff);
  1360. }
  1361. .mdc-checkbox .mdc-checkbox__native-control:enabled ~ .mdc-checkbox__background .mdc-checkbox__mixedmark {
  1362. border-color: #fff;
  1363. /* @alternate */
  1364. border-color: var(--mdc-checkbox-ink-color, #fff);
  1365. }
  1366. .mdc-checkbox .mdc-checkbox__native-control:disabled ~ .mdc-checkbox__background .mdc-checkbox__checkmark {
  1367. color: #fff;
  1368. /* @alternate */
  1369. color: var(--mdc-checkbox-ink-color, #fff);
  1370. }
  1371. .mdc-checkbox .mdc-checkbox__native-control:disabled ~ .mdc-checkbox__background .mdc-checkbox__mixedmark {
  1372. border-color: #fff;
  1373. /* @alternate */
  1374. border-color: var(--mdc-checkbox-ink-color, #fff);
  1375. }
  1376. @-webkit-keyframes mdc-checkbox-unchecked-checked-checkmark-path {
  1377. 0%, 50% {
  1378. stroke-dashoffset: 29.7833385;
  1379. }
  1380. 50% {
  1381. -webkit-animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
  1382. animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
  1383. }
  1384. 100% {
  1385. stroke-dashoffset: 0;
  1386. }
  1387. }
  1388. @keyframes mdc-checkbox-unchecked-checked-checkmark-path {
  1389. 0%, 50% {
  1390. stroke-dashoffset: 29.7833385;
  1391. }
  1392. 50% {
  1393. -webkit-animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
  1394. animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
  1395. }
  1396. 100% {
  1397. stroke-dashoffset: 0;
  1398. }
  1399. }
  1400. @-webkit-keyframes mdc-checkbox-unchecked-indeterminate-mixedmark {
  1401. 0%, 68.2% {
  1402. -webkit-transform: scaleX(0);
  1403. transform: scaleX(0);
  1404. }
  1405. 68.2% {
  1406. -webkit-animation-timing-function: cubic-bezier(0, 0, 0, 1);
  1407. animation-timing-function: cubic-bezier(0, 0, 0, 1);
  1408. }
  1409. 100% {
  1410. -webkit-transform: scaleX(1);
  1411. transform: scaleX(1);
  1412. }
  1413. }
  1414. @keyframes mdc-checkbox-unchecked-indeterminate-mixedmark {
  1415. 0%, 68.2% {
  1416. -webkit-transform: scaleX(0);
  1417. transform: scaleX(0);
  1418. }
  1419. 68.2% {
  1420. -webkit-animation-timing-function: cubic-bezier(0, 0, 0, 1);
  1421. animation-timing-function: cubic-bezier(0, 0, 0, 1);
  1422. }
  1423. 100% {
  1424. -webkit-transform: scaleX(1);
  1425. transform: scaleX(1);
  1426. }
  1427. }
  1428. @-webkit-keyframes mdc-checkbox-checked-unchecked-checkmark-path {
  1429. from {
  1430. -webkit-animation-timing-function: cubic-bezier(0.4, 0, 1, 1);
  1431. animation-timing-function: cubic-bezier(0.4, 0, 1, 1);
  1432. opacity: 1;
  1433. stroke-dashoffset: 0;
  1434. }
  1435. to {
  1436. opacity: 0;
  1437. stroke-dashoffset: -29.7833385;
  1438. }
  1439. }
  1440. @keyframes mdc-checkbox-checked-unchecked-checkmark-path {
  1441. from {
  1442. -webkit-animation-timing-function: cubic-bezier(0.4, 0, 1, 1);
  1443. animation-timing-function: cubic-bezier(0.4, 0, 1, 1);
  1444. opacity: 1;
  1445. stroke-dashoffset: 0;
  1446. }
  1447. to {
  1448. opacity: 0;
  1449. stroke-dashoffset: -29.7833385;
  1450. }
  1451. }
  1452. @-webkit-keyframes mdc-checkbox-checked-indeterminate-checkmark {
  1453. from {
  1454. -webkit-animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
  1455. animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
  1456. -webkit-transform: rotate(0deg);
  1457. transform: rotate(0deg);
  1458. opacity: 1;
  1459. }
  1460. to {
  1461. -webkit-transform: rotate(45deg);
  1462. transform: rotate(45deg);
  1463. opacity: 0;
  1464. }
  1465. }
  1466. @keyframes mdc-checkbox-checked-indeterminate-checkmark {
  1467. from {
  1468. -webkit-animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
  1469. animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
  1470. -webkit-transform: rotate(0deg);
  1471. transform: rotate(0deg);
  1472. opacity: 1;
  1473. }
  1474. to {
  1475. -webkit-transform: rotate(45deg);
  1476. transform: rotate(45deg);
  1477. opacity: 0;
  1478. }
  1479. }
  1480. @-webkit-keyframes mdc-checkbox-indeterminate-checked-checkmark {
  1481. from {
  1482. -webkit-animation-timing-function: cubic-bezier(0.14, 0, 0, 1);
  1483. animation-timing-function: cubic-bezier(0.14, 0, 0, 1);
  1484. -webkit-transform: rotate(45deg);
  1485. transform: rotate(45deg);
  1486. opacity: 0;
  1487. }
  1488. to {
  1489. -webkit-transform: rotate(360deg);
  1490. transform: rotate(360deg);
  1491. opacity: 1;
  1492. }
  1493. }
  1494. @keyframes mdc-checkbox-indeterminate-checked-checkmark {
  1495. from {
  1496. -webkit-animation-timing-function: cubic-bezier(0.14, 0, 0, 1);
  1497. animation-timing-function: cubic-bezier(0.14, 0, 0, 1);
  1498. -webkit-transform: rotate(45deg);
  1499. transform: rotate(45deg);
  1500. opacity: 0;
  1501. }
  1502. to {
  1503. -webkit-transform: rotate(360deg);
  1504. transform: rotate(360deg);
  1505. opacity: 1;
  1506. }
  1507. }
  1508. @-webkit-keyframes mdc-checkbox-checked-indeterminate-mixedmark {
  1509. from {
  1510. -webkit-animation-timing-function: mdc-animation-deceleration-curve-timing-function;
  1511. animation-timing-function: mdc-animation-deceleration-curve-timing-function;
  1512. -webkit-transform: rotate(-45deg);
  1513. transform: rotate(-45deg);
  1514. opacity: 0;
  1515. }
  1516. to {
  1517. -webkit-transform: rotate(0deg);
  1518. transform: rotate(0deg);
  1519. opacity: 1;
  1520. }
  1521. }
  1522. @keyframes mdc-checkbox-checked-indeterminate-mixedmark {
  1523. from {
  1524. -webkit-animation-timing-function: mdc-animation-deceleration-curve-timing-function;
  1525. animation-timing-function: mdc-animation-deceleration-curve-timing-function;
  1526. -webkit-transform: rotate(-45deg);
  1527. transform: rotate(-45deg);
  1528. opacity: 0;
  1529. }
  1530. to {
  1531. -webkit-transform: rotate(0deg);
  1532. transform: rotate(0deg);
  1533. opacity: 1;
  1534. }
  1535. }
  1536. @-webkit-keyframes mdc-checkbox-indeterminate-checked-mixedmark {
  1537. from {
  1538. -webkit-animation-timing-function: cubic-bezier(0.14, 0, 0, 1);
  1539. animation-timing-function: cubic-bezier(0.14, 0, 0, 1);
  1540. -webkit-transform: rotate(0deg);
  1541. transform: rotate(0deg);
  1542. opacity: 1;
  1543. }
  1544. to {
  1545. -webkit-transform: rotate(315deg);
  1546. transform: rotate(315deg);
  1547. opacity: 0;
  1548. }
  1549. }
  1550. @keyframes mdc-checkbox-indeterminate-checked-mixedmark {
  1551. from {
  1552. -webkit-animation-timing-function: cubic-bezier(0.14, 0, 0, 1);
  1553. animation-timing-function: cubic-bezier(0.14, 0, 0, 1);
  1554. -webkit-transform: rotate(0deg);
  1555. transform: rotate(0deg);
  1556. opacity: 1;
  1557. }
  1558. to {
  1559. -webkit-transform: rotate(315deg);
  1560. transform: rotate(315deg);
  1561. opacity: 0;
  1562. }
  1563. }
  1564. @-webkit-keyframes mdc-checkbox-indeterminate-unchecked-mixedmark {
  1565. 0% {
  1566. -webkit-animation-timing-function: linear;
  1567. animation-timing-function: linear;
  1568. -webkit-transform: scaleX(1);
  1569. transform: scaleX(1);
  1570. opacity: 1;
  1571. }
  1572. 32.8%, 100% {
  1573. -webkit-transform: scaleX(0);
  1574. transform: scaleX(0);
  1575. opacity: 0;
  1576. }
  1577. }
  1578. @keyframes mdc-checkbox-indeterminate-unchecked-mixedmark {
  1579. 0% {
  1580. -webkit-animation-timing-function: linear;
  1581. animation-timing-function: linear;
  1582. -webkit-transform: scaleX(1);
  1583. transform: scaleX(1);
  1584. opacity: 1;
  1585. }
  1586. 32.8%, 100% {
  1587. -webkit-transform: scaleX(0);
  1588. transform: scaleX(0);
  1589. opacity: 0;
  1590. }
  1591. }
  1592. .mdc-checkbox {
  1593. display: inline-block;
  1594. position: relative;
  1595. flex: 0 0 18px;
  1596. box-sizing: content-box;
  1597. width: 18px;
  1598. height: 18px;
  1599. line-height: 0;
  1600. white-space: nowrap;
  1601. cursor: pointer;
  1602. vertical-align: bottom;
  1603. }
  1604. @media screen and (-ms-high-contrast: active) {
  1605. .mdc-checkbox__native-control[disabled]:not(:checked):not(:indeterminate):not([data-indeterminate=true]) ~ .mdc-checkbox__background {
  1606. border-color: GrayText;
  1607. /* @alternate */
  1608. border-color: var(--mdc-checkbox-disabled-color, GrayText);
  1609. background-color: transparent;
  1610. }
  1611. .mdc-checkbox__native-control[disabled]:checked ~ .mdc-checkbox__background,
  1612. .mdc-checkbox__native-control[disabled]:indeterminate ~ .mdc-checkbox__background,
  1613. .mdc-checkbox__native-control[data-indeterminate=true][disabled] ~ .mdc-checkbox__background {
  1614. border-color: GrayText;
  1615. background-color: transparent;
  1616. /* @alternate */
  1617. background-color: var(--mdc-checkbox-disabled-color, transparent);
  1618. }
  1619. .mdc-checkbox__native-control:disabled ~ .mdc-checkbox__background .mdc-checkbox__checkmark {
  1620. color: GrayText;
  1621. /* @alternate */
  1622. color: var(--mdc-checkbox-ink-color, GrayText);
  1623. }
  1624. .mdc-checkbox__native-control:disabled ~ .mdc-checkbox__background .mdc-checkbox__mixedmark {
  1625. border-color: GrayText;
  1626. /* @alternate */
  1627. border-color: var(--mdc-checkbox-ink-color, GrayText);
  1628. }
  1629. .mdc-checkbox__mixedmark {
  1630. margin: 0 1px;
  1631. }
  1632. }
  1633. .mdc-checkbox--disabled {
  1634. cursor: default;
  1635. pointer-events: none;
  1636. }
  1637. .mdc-checkbox__background {
  1638. display: inline-flex;
  1639. position: absolute;
  1640. align-items: center;
  1641. justify-content: center;
  1642. box-sizing: border-box;
  1643. width: 18px;
  1644. height: 18px;
  1645. border: 2px solid currentColor;
  1646. border-radius: 2px;
  1647. background-color: transparent;
  1648. pointer-events: none;
  1649. will-change: background-color, border-color;
  1650. 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);
  1651. }
  1652. .mdc-checkbox__checkmark {
  1653. position: absolute;
  1654. top: 0;
  1655. right: 0;
  1656. bottom: 0;
  1657. left: 0;
  1658. width: 100%;
  1659. opacity: 0;
  1660. transition: opacity 180ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
  1661. }
  1662. .mdc-checkbox--upgraded .mdc-checkbox__checkmark {
  1663. opacity: 1;
  1664. }
  1665. .mdc-checkbox__checkmark-path {
  1666. transition: stroke-dashoffset 180ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
  1667. stroke: currentColor;
  1668. stroke-width: 3.12px;
  1669. stroke-dashoffset: 29.7833385;
  1670. stroke-dasharray: 29.7833385;
  1671. }
  1672. .mdc-checkbox__mixedmark {
  1673. width: 100%;
  1674. height: 0;
  1675. -webkit-transform: scaleX(0) rotate(0deg);
  1676. transform: scaleX(0) rotate(0deg);
  1677. border-width: 1px;
  1678. border-style: solid;
  1679. opacity: 0;
  1680. transition: opacity 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1), -webkit-transform 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
  1681. transition: opacity 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1), transform 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
  1682. 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);
  1683. }
  1684. .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 {
  1685. -webkit-animation-duration: 180ms;
  1686. animation-duration: 180ms;
  1687. -webkit-animation-timing-function: linear;
  1688. animation-timing-function: linear;
  1689. }
  1690. .mdc-checkbox--anim-unchecked-checked .mdc-checkbox__checkmark-path {
  1691. -webkit-animation: mdc-checkbox-unchecked-checked-checkmark-path 180ms linear 0s;
  1692. animation: mdc-checkbox-unchecked-checked-checkmark-path 180ms linear 0s;
  1693. transition: none;
  1694. }
  1695. .mdc-checkbox--anim-unchecked-indeterminate .mdc-checkbox__mixedmark {
  1696. -webkit-animation: mdc-checkbox-unchecked-indeterminate-mixedmark 90ms linear 0s;
  1697. animation: mdc-checkbox-unchecked-indeterminate-mixedmark 90ms linear 0s;
  1698. transition: none;
  1699. }
  1700. .mdc-checkbox--anim-checked-unchecked .mdc-checkbox__checkmark-path {
  1701. -webkit-animation: mdc-checkbox-checked-unchecked-checkmark-path 90ms linear 0s;
  1702. animation: mdc-checkbox-checked-unchecked-checkmark-path 90ms linear 0s;
  1703. transition: none;
  1704. }
  1705. .mdc-checkbox--anim-checked-indeterminate .mdc-checkbox__checkmark {
  1706. -webkit-animation: mdc-checkbox-checked-indeterminate-checkmark 90ms linear 0s;
  1707. animation: mdc-checkbox-checked-indeterminate-checkmark 90ms linear 0s;
  1708. transition: none;
  1709. }
  1710. .mdc-checkbox--anim-checked-indeterminate .mdc-checkbox__mixedmark {
  1711. -webkit-animation: mdc-checkbox-checked-indeterminate-mixedmark 90ms linear 0s;
  1712. animation: mdc-checkbox-checked-indeterminate-mixedmark 90ms linear 0s;
  1713. transition: none;
  1714. }
  1715. .mdc-checkbox--anim-indeterminate-checked .mdc-checkbox__checkmark {
  1716. -webkit-animation: mdc-checkbox-indeterminate-checked-checkmark 500ms linear 0s;
  1717. animation: mdc-checkbox-indeterminate-checked-checkmark 500ms linear 0s;
  1718. transition: none;
  1719. }
  1720. .mdc-checkbox--anim-indeterminate-checked .mdc-checkbox__mixedmark {
  1721. -webkit-animation: mdc-checkbox-indeterminate-checked-mixedmark 500ms linear 0s;
  1722. animation: mdc-checkbox-indeterminate-checked-mixedmark 500ms linear 0s;
  1723. transition: none;
  1724. }
  1725. .mdc-checkbox--anim-indeterminate-unchecked .mdc-checkbox__mixedmark {
  1726. -webkit-animation: mdc-checkbox-indeterminate-unchecked-mixedmark 300ms linear 0s;
  1727. animation: mdc-checkbox-indeterminate-unchecked-mixedmark 300ms linear 0s;
  1728. transition: none;
  1729. }
  1730. .mdc-checkbox__native-control:checked ~ .mdc-checkbox__background,
  1731. .mdc-checkbox__native-control:indeterminate ~ .mdc-checkbox__background,
  1732. .mdc-checkbox__native-control[data-indeterminate=true] ~ .mdc-checkbox__background {
  1733. transition: border-color 90ms 0ms cubic-bezier(0, 0, 0.2, 1), background-color 90ms 0ms cubic-bezier(0, 0, 0.2, 1);
  1734. }
  1735. .mdc-checkbox__native-control:checked ~ .mdc-checkbox__background .mdc-checkbox__checkmark-path,
  1736. .mdc-checkbox__native-control:indeterminate ~ .mdc-checkbox__background .mdc-checkbox__checkmark-path,
  1737. .mdc-checkbox__native-control[data-indeterminate=true] ~ .mdc-checkbox__background .mdc-checkbox__checkmark-path {
  1738. stroke-dashoffset: 0;
  1739. }
  1740. .mdc-checkbox__native-control {
  1741. position: absolute;
  1742. margin: 0;
  1743. padding: 0;
  1744. opacity: 0;
  1745. cursor: inherit;
  1746. }
  1747. .mdc-checkbox__native-control:disabled {
  1748. cursor: default;
  1749. pointer-events: none;
  1750. }
  1751. .mdc-checkbox--touch {
  1752. margin: calc((48px - 40px) / 2);
  1753. /* @alternate */
  1754. margin: calc((var(--mdc-checkbox-touch-target-size, 48px) - var(--mdc-checkbox-ripple-size, 40px)) / 2);
  1755. }
  1756. .mdc-checkbox--touch .mdc-checkbox__native-control {
  1757. top: calc((40px - 48px) / 2);
  1758. /* @alternate */
  1759. top: calc((var(--mdc-checkbox-ripple-size, 40px) - var(--mdc-checkbox-touch-target-size, 48px)) / 2);
  1760. right: calc((40px - 48px) / 2);
  1761. /* @alternate */
  1762. right: calc((var(--mdc-checkbox-ripple-size, 40px) - var(--mdc-checkbox-touch-target-size, 48px)) / 2);
  1763. left: calc((40px - 48px) / 2);
  1764. /* @alternate */
  1765. left: calc((var(--mdc-checkbox-ripple-size, 40px) - var(--mdc-checkbox-touch-target-size, 48px)) / 2);
  1766. width: 48px;
  1767. /* @alternate */
  1768. width: var(--mdc-checkbox-touch-target-size, 48px);
  1769. height: 48px;
  1770. /* @alternate */
  1771. height: var(--mdc-checkbox-touch-target-size, 48px);
  1772. }
  1773. .mdc-checkbox__native-control:checked ~ .mdc-checkbox__background .mdc-checkbox__checkmark {
  1774. transition: opacity 180ms 0ms cubic-bezier(0, 0, 0.2, 1), -webkit-transform 180ms 0ms cubic-bezier(0, 0, 0.2, 1);
  1775. transition: opacity 180ms 0ms cubic-bezier(0, 0, 0.2, 1), transform 180ms 0ms cubic-bezier(0, 0, 0.2, 1);
  1776. 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);
  1777. opacity: 1;
  1778. }
  1779. .mdc-checkbox__native-control:checked ~ .mdc-checkbox__background .mdc-checkbox__mixedmark {
  1780. -webkit-transform: scaleX(1) rotate(-45deg);
  1781. transform: scaleX(1) rotate(-45deg);
  1782. }
  1783. .mdc-checkbox__native-control:indeterminate ~ .mdc-checkbox__background .mdc-checkbox__checkmark,
  1784. .mdc-checkbox__native-control[data-indeterminate=true] ~ .mdc-checkbox__background .mdc-checkbox__checkmark {
  1785. -webkit-transform: rotate(45deg);
  1786. transform: rotate(45deg);
  1787. opacity: 0;
  1788. transition: opacity 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1), -webkit-transform 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
  1789. transition: opacity 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1), transform 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
  1790. 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);
  1791. }
  1792. .mdc-checkbox__native-control:indeterminate ~ .mdc-checkbox__background .mdc-checkbox__mixedmark,
  1793. .mdc-checkbox__native-control[data-indeterminate=true] ~ .mdc-checkbox__background .mdc-checkbox__mixedmark {
  1794. -webkit-transform: scaleX(1) rotate(0deg);
  1795. transform: scaleX(1) rotate(0deg);
  1796. opacity: 1;
  1797. }
  1798. .mdc-checkbox.mdc-checkbox--upgraded .mdc-checkbox__background,
  1799. .mdc-checkbox.mdc-checkbox--upgraded .mdc-checkbox__checkmark,
  1800. .mdc-checkbox.mdc-checkbox--upgraded .mdc-checkbox__checkmark-path,
  1801. .mdc-checkbox.mdc-checkbox--upgraded .mdc-checkbox__mixedmark {
  1802. transition: none;
  1803. }
  1804. .mdc-checkbox {
  1805. --mdc-ripple-fg-size: 0;
  1806. --mdc-ripple-left: 0;
  1807. --mdc-ripple-top: 0;
  1808. --mdc-ripple-fg-scale: 1;
  1809. --mdc-ripple-fg-translate-end: 0;
  1810. --mdc-ripple-fg-translate-start: 0;
  1811. -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  1812. will-change: transform, opacity;
  1813. }
  1814. .mdc-checkbox .mdc-checkbox__ripple::before,
  1815. .mdc-checkbox .mdc-checkbox__ripple::after {
  1816. position: absolute;
  1817. border-radius: 50%;
  1818. opacity: 0;
  1819. pointer-events: none;
  1820. content: "";
  1821. }
  1822. .mdc-checkbox .mdc-checkbox__ripple::before {
  1823. transition: opacity 15ms linear, background-color 15ms linear;
  1824. z-index: 1;
  1825. /* @alternate */
  1826. z-index: var(--mdc-ripple-z-index, 1);
  1827. }
  1828. .mdc-checkbox .mdc-checkbox__ripple::after {
  1829. z-index: 0;
  1830. /* @alternate */
  1831. z-index: var(--mdc-ripple-z-index, 0);
  1832. }
  1833. .mdc-checkbox.mdc-ripple-upgraded .mdc-checkbox__ripple::before {
  1834. -webkit-transform: scale(var(--mdc-ripple-fg-scale, 1));
  1835. transform: scale(var(--mdc-ripple-fg-scale, 1));
  1836. }
  1837. .mdc-checkbox.mdc-ripple-upgraded .mdc-checkbox__ripple::after {
  1838. top: 0;
  1839. /* @noflip */
  1840. left: 0;
  1841. -webkit-transform: scale(0);
  1842. transform: scale(0);
  1843. -webkit-transform-origin: center center;
  1844. transform-origin: center center;
  1845. }
  1846. .mdc-checkbox.mdc-ripple-upgraded--unbounded .mdc-checkbox__ripple::after {
  1847. top: var(--mdc-ripple-top, 0);
  1848. /* @noflip */
  1849. left: var(--mdc-ripple-left, 0);
  1850. }
  1851. .mdc-checkbox.mdc-ripple-upgraded--foreground-activation .mdc-checkbox__ripple::after {
  1852. -webkit-animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards;
  1853. animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards;
  1854. }
  1855. .mdc-checkbox.mdc-ripple-upgraded--foreground-deactivation .mdc-checkbox__ripple::after {
  1856. -webkit-animation: mdc-ripple-fg-opacity-out 150ms;
  1857. animation: mdc-ripple-fg-opacity-out 150ms;
  1858. -webkit-transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
  1859. transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
  1860. }
  1861. .mdc-checkbox .mdc-checkbox__ripple::before,
  1862. .mdc-checkbox .mdc-checkbox__ripple::after {
  1863. top: calc(50% - 50%);
  1864. /* @noflip */
  1865. left: calc(50% - 50%);
  1866. width: 100%;
  1867. height: 100%;
  1868. }
  1869. .mdc-checkbox.mdc-ripple-upgraded .mdc-checkbox__ripple::before,
  1870. .mdc-checkbox.mdc-ripple-upgraded .mdc-checkbox__ripple::after {
  1871. top: var(--mdc-ripple-top, calc(50% - 50%));
  1872. /* @noflip */
  1873. left: var(--mdc-ripple-left, calc(50% - 50%));
  1874. width: var(--mdc-ripple-fg-size, 100%);
  1875. height: var(--mdc-ripple-fg-size, 100%);
  1876. }
  1877. .mdc-checkbox.mdc-ripple-upgraded .mdc-checkbox__ripple::after {
  1878. width: var(--mdc-ripple-fg-size, 100%);
  1879. height: var(--mdc-ripple-fg-size, 100%);
  1880. }
  1881. .mdc-checkbox {
  1882. z-index: 0;
  1883. }
  1884. .mdc-checkbox .mdc-checkbox__ripple::before,
  1885. .mdc-checkbox .mdc-checkbox__ripple::after {
  1886. z-index: -1;
  1887. /* @alternate */
  1888. z-index: var(--mdc-ripple-z-index, -1);
  1889. }
  1890. .mdc-checkbox__ripple {
  1891. position: absolute;
  1892. top: 0;
  1893. left: 0;
  1894. width: 100%;
  1895. height: 100%;
  1896. pointer-events: none;
  1897. }
  1898. .mdc-chip-trailing-action__touch {
  1899. position: absolute;
  1900. top: 50%;
  1901. right: 0;
  1902. height: 48px;
  1903. /* @noflip */
  1904. left: 50%;
  1905. width: 48px;
  1906. -webkit-transform: translate(-50%, -50%);
  1907. transform: translate(-50%, -50%);
  1908. }
  1909. .mdc-chip-trailing-action {
  1910. border: none;
  1911. display: inline-flex;
  1912. position: relative;
  1913. align-items: center;
  1914. justify-content: center;
  1915. box-sizing: border-box;
  1916. padding: 0;
  1917. outline: none;
  1918. cursor: pointer;
  1919. -webkit-appearance: none;
  1920. background: none;
  1921. }
  1922. .mdc-chip-trailing-action .mdc-chip-trailing-action__icon {
  1923. height: 18px;
  1924. width: 18px;
  1925. font-size: 18px;
  1926. }
  1927. .mdc-chip-trailing-action .mdc-chip-trailing-action {
  1928. color: #000;
  1929. /* @alternate */
  1930. color: var(--mdc-theme-on-surface, #000);
  1931. }
  1932. .mdc-chip-trailing-action .mdc-chip-trailing-action__touch {
  1933. width: 26px;
  1934. }
  1935. .mdc-chip-trailing-action .mdc-chip-trailing-action__icon {
  1936. fill: currentColor;
  1937. color: inherit;
  1938. }
  1939. .mdc-chip-trailing-action {
  1940. --mdc-ripple-fg-size: 0;
  1941. --mdc-ripple-left: 0;
  1942. --mdc-ripple-top: 0;
  1943. --mdc-ripple-fg-scale: 1;
  1944. --mdc-ripple-fg-translate-end: 0;
  1945. --mdc-ripple-fg-translate-start: 0;
  1946. -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  1947. will-change: transform, opacity;
  1948. }
  1949. .mdc-chip-trailing-action .mdc-chip-trailing-action__ripple::before,
  1950. .mdc-chip-trailing-action .mdc-chip-trailing-action__ripple::after {
  1951. position: absolute;
  1952. border-radius: 50%;
  1953. opacity: 0;
  1954. pointer-events: none;
  1955. content: "";
  1956. }
  1957. .mdc-chip-trailing-action .mdc-chip-trailing-action__ripple::before {
  1958. transition: opacity 15ms linear, background-color 15ms linear;
  1959. z-index: 1;
  1960. /* @alternate */
  1961. z-index: var(--mdc-ripple-z-index, 1);
  1962. }
  1963. .mdc-chip-trailing-action .mdc-chip-trailing-action__ripple::after {
  1964. z-index: 0;
  1965. /* @alternate */
  1966. z-index: var(--mdc-ripple-z-index, 0);
  1967. }
  1968. .mdc-chip-trailing-action.mdc-ripple-upgraded .mdc-chip-trailing-action__ripple::before {
  1969. -webkit-transform: scale(var(--mdc-ripple-fg-scale, 1));
  1970. transform: scale(var(--mdc-ripple-fg-scale, 1));
  1971. }
  1972. .mdc-chip-trailing-action.mdc-ripple-upgraded .mdc-chip-trailing-action__ripple::after {
  1973. top: 0;
  1974. /* @noflip */
  1975. left: 0;
  1976. -webkit-transform: scale(0);
  1977. transform: scale(0);
  1978. -webkit-transform-origin: center center;
  1979. transform-origin: center center;
  1980. }
  1981. .mdc-chip-trailing-action.mdc-ripple-upgraded--unbounded .mdc-chip-trailing-action__ripple::after {
  1982. top: var(--mdc-ripple-top, 0);
  1983. /* @noflip */
  1984. left: var(--mdc-ripple-left, 0);
  1985. }
  1986. .mdc-chip-trailing-action.mdc-ripple-upgraded--foreground-activation .mdc-chip-trailing-action__ripple::after {
  1987. -webkit-animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards;
  1988. animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards;
  1989. }
  1990. .mdc-chip-trailing-action.mdc-ripple-upgraded--foreground-deactivation .mdc-chip-trailing-action__ripple::after {
  1991. -webkit-animation: mdc-ripple-fg-opacity-out 150ms;
  1992. animation: mdc-ripple-fg-opacity-out 150ms;
  1993. -webkit-transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
  1994. transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
  1995. }
  1996. .mdc-chip-trailing-action .mdc-chip-trailing-action__ripple::before,
  1997. .mdc-chip-trailing-action .mdc-chip-trailing-action__ripple::after {
  1998. top: calc(50% - 50%);
  1999. /* @noflip */
  2000. left: calc(50% - 50%);
  2001. width: 100%;
  2002. height: 100%;
  2003. }
  2004. .mdc-chip-trailing-action.mdc-ripple-upgraded .mdc-chip-trailing-action__ripple::before,
  2005. .mdc-chip-trailing-action.mdc-ripple-upgraded .mdc-chip-trailing-action__ripple::after {
  2006. top: var(--mdc-ripple-top, calc(50% - 50%));
  2007. /* @noflip */
  2008. left: var(--mdc-ripple-left, calc(50% - 50%));
  2009. width: var(--mdc-ripple-fg-size, 100%);
  2010. height: var(--mdc-ripple-fg-size, 100%);
  2011. }
  2012. .mdc-chip-trailing-action.mdc-ripple-upgraded .mdc-chip-trailing-action__ripple::after {
  2013. width: var(--mdc-ripple-fg-size, 100%);
  2014. height: var(--mdc-ripple-fg-size, 100%);
  2015. }
  2016. .mdc-chip-trailing-action .mdc-chip-trailing-action__ripple::before, .mdc-chip-trailing-action .mdc-chip-trailing-action__ripple::after {
  2017. background-color: #000;
  2018. /* @alternate */
  2019. background-color: var(--mdc-ripple-color, var(--mdc-theme-on-surface, #000));
  2020. }
  2021. .mdc-chip-trailing-action:hover .mdc-chip-trailing-action__ripple::before, .mdc-chip-trailing-action.mdc-ripple-surface--hover .mdc-chip-trailing-action__ripple::before {
  2022. opacity: 0.04;
  2023. /* @alternate */
  2024. opacity: var(--mdc-ripple-hover-opacity, 0.04);
  2025. }
  2026. .mdc-chip-trailing-action.mdc-ripple-upgraded--background-focused .mdc-chip-trailing-action__ripple::before, .mdc-chip-trailing-action:not(.mdc-ripple-upgraded):focus .mdc-chip-trailing-action__ripple::before {
  2027. transition-duration: 75ms;
  2028. opacity: 0.12;
  2029. /* @alternate */
  2030. opacity: var(--mdc-ripple-focus-opacity, 0.12);
  2031. }
  2032. .mdc-chip-trailing-action:not(.mdc-ripple-upgraded) .mdc-chip-trailing-action__ripple::after {
  2033. transition: opacity 150ms linear;
  2034. }
  2035. .mdc-chip-trailing-action:not(.mdc-ripple-upgraded):active .mdc-chip-trailing-action__ripple::after {
  2036. transition-duration: 75ms;
  2037. opacity: 0.12;
  2038. /* @alternate */
  2039. opacity: var(--mdc-ripple-press-opacity, 0.12);
  2040. }
  2041. .mdc-chip-trailing-action.mdc-ripple-upgraded {
  2042. --mdc-ripple-fg-opacity: var(--mdc-ripple-press-opacity, 0.12);
  2043. }
  2044. .mdc-chip-trailing-action .mdc-chip-trailing-action__ripple {
  2045. position: absolute;
  2046. box-sizing: content-box;
  2047. width: 100%;
  2048. height: 100%;
  2049. overflow: hidden;
  2050. }
  2051. .mdc-chip__icon--leading {
  2052. color: rgba(0, 0, 0, 0.54);
  2053. }
  2054. .mdc-chip-trailing-action {
  2055. color: #000;
  2056. }
  2057. .mdc-chip__icon--trailing {
  2058. color: rgba(0, 0, 0, 0.54);
  2059. }
  2060. .mdc-chip__icon--trailing:hover {
  2061. color: rgba(0, 0, 0, 0.62);
  2062. }
  2063. .mdc-chip__icon--trailing:focus {
  2064. color: rgba(0, 0, 0, 0.87);
  2065. }
  2066. .mdc-chip__icon.mdc-chip__icon--leading:not(.mdc-chip__icon--leading-hidden) {
  2067. width: 20px;
  2068. height: 20px;
  2069. font-size: 20px;
  2070. }
  2071. .mdc-chip-trailing-action__icon {
  2072. height: 18px;
  2073. width: 18px;
  2074. font-size: 18px;
  2075. }
  2076. .mdc-chip__icon.mdc-chip__icon--trailing {
  2077. width: 18px;
  2078. height: 18px;
  2079. font-size: 18px;
  2080. }
  2081. .mdc-chip-trailing-action {
  2082. /* @noflip */
  2083. margin-left: 4px;
  2084. /* @noflip */
  2085. margin-right: -4px;
  2086. }
  2087. [dir=rtl] .mdc-chip-trailing-action, .mdc-chip-trailing-action[dir=rtl] {
  2088. /* @noflip */
  2089. margin-left: -4px;
  2090. /* @noflip */
  2091. margin-right: 4px;
  2092. }
  2093. .mdc-chip__icon--trailing {
  2094. /* @noflip */
  2095. margin-left: 4px;
  2096. /* @noflip */
  2097. margin-right: -4px;
  2098. }
  2099. [dir=rtl] .mdc-chip__icon--trailing, .mdc-chip__icon--trailing[dir=rtl] {
  2100. /* @noflip */
  2101. margin-left: -4px;
  2102. /* @noflip */
  2103. margin-right: 4px;
  2104. }
  2105. .mdc-chip {
  2106. border-radius: 16px;
  2107. background-color: #e0e0e0;
  2108. color: rgba(0, 0, 0, 0.87);
  2109. -moz-osx-font-smoothing: grayscale;
  2110. -webkit-font-smoothing: antialiased;
  2111. font-family: Roboto, sans-serif;
  2112. /* @alternate */
  2113. font-family: var(--mdc-typography-body2-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));
  2114. font-size: 0.875rem;
  2115. /* @alternate */
  2116. font-size: var(--mdc-typography-body2-font-size, 0.875rem);
  2117. line-height: 1.25rem;
  2118. /* @alternate */
  2119. line-height: var(--mdc-typography-body2-line-height, 1.25rem);
  2120. font-weight: 400;
  2121. /* @alternate */
  2122. font-weight: var(--mdc-typography-body2-font-weight, 400);
  2123. letter-spacing: 0.0178571429em;
  2124. /* @alternate */
  2125. letter-spacing: var(--mdc-typography-body2-letter-spacing, 0.0178571429em);
  2126. text-decoration: inherit;
  2127. /* @alternate */
  2128. -webkit-text-decoration: var(--mdc-typography-body2-text-decoration, inherit);
  2129. text-decoration: var(--mdc-typography-body2-text-decoration, inherit);
  2130. text-transform: inherit;
  2131. /* @alternate */
  2132. text-transform: var(--mdc-typography-body2-text-transform, inherit);
  2133. height: 32px;
  2134. /* @alternate */
  2135. position: relative;
  2136. display: inline-flex;
  2137. align-items: center;
  2138. box-sizing: border-box;
  2139. padding: 0 12px;
  2140. border-width: 0;
  2141. outline: none;
  2142. cursor: pointer;
  2143. -webkit-appearance: none;
  2144. }
  2145. .mdc-chip .mdc-chip__ripple {
  2146. border-radius: 16px;
  2147. }
  2148. .mdc-chip:hover {
  2149. color: rgba(0, 0, 0, 0.87);
  2150. }
  2151. .mdc-chip.mdc-chip--selected .mdc-chip__checkmark,
  2152. .mdc-chip .mdc-chip__icon--leading:not(.mdc-chip__icon--leading-hidden) {
  2153. /* @noflip */
  2154. margin-left: -4px;
  2155. /* @noflip */
  2156. margin-right: 4px;
  2157. }
  2158. [dir=rtl] .mdc-chip.mdc-chip--selected .mdc-chip__checkmark, .mdc-chip.mdc-chip--selected .mdc-chip__checkmark[dir=rtl],
  2159. [dir=rtl] .mdc-chip .mdc-chip__icon--leading:not(.mdc-chip__icon--leading-hidden),
  2160. .mdc-chip .mdc-chip__icon--leading:not(.mdc-chip__icon--leading-hidden)[dir=rtl] {
  2161. /* @noflip */
  2162. margin-left: 4px;
  2163. /* @noflip */
  2164. margin-right: -4px;
  2165. }
  2166. .mdc-chip .mdc-elevation-overlay {
  2167. width: 100%;
  2168. height: 100%;
  2169. top: 0;
  2170. /* @noflip */
  2171. left: 0;
  2172. }
  2173. .mdc-chip::-moz-focus-inner {
  2174. padding: 0;
  2175. border: 0;
  2176. }
  2177. .mdc-chip:hover {
  2178. color: #000;
  2179. /* @alternate */
  2180. color: var(--mdc-theme-on-surface, #000);
  2181. }
  2182. .mdc-chip .mdc-chip__touch {
  2183. position: absolute;
  2184. top: 50%;
  2185. right: 0;
  2186. height: 48px;
  2187. left: 0;
  2188. -webkit-transform: translateY(-50%);
  2189. transform: translateY(-50%);
  2190. }
  2191. .mdc-chip--exit {
  2192. 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;
  2193. opacity: 0;
  2194. }
  2195. .mdc-chip__overflow {
  2196. text-overflow: ellipsis;
  2197. overflow: hidden;
  2198. }
  2199. .mdc-chip__text {
  2200. white-space: nowrap;
  2201. }
  2202. .mdc-chip__icon {
  2203. border-radius: 50%;
  2204. outline: none;
  2205. vertical-align: middle;
  2206. }
  2207. .mdc-chip__checkmark {
  2208. height: 20px;
  2209. }
  2210. .mdc-chip__checkmark-path {
  2211. transition: stroke-dashoffset 150ms 50ms cubic-bezier(0.4, 0, 0.6, 1);
  2212. stroke-width: 2px;
  2213. stroke-dashoffset: 29.7833385;
  2214. stroke-dasharray: 29.7833385;
  2215. }
  2216. .mdc-chip__primary-action:focus {
  2217. outline: none;
  2218. }
  2219. .mdc-chip--selected .mdc-chip__checkmark-path {
  2220. stroke-dashoffset: 0;
  2221. }
  2222. .mdc-chip__icon--leading,
  2223. .mdc-chip__icon--trailing {
  2224. position: relative;
  2225. }
  2226. .mdc-chip-set--choice .mdc-chip.mdc-chip--selected {
  2227. color: #6200ee;
  2228. /* @alternate */
  2229. color: var(--mdc-theme-primary, #6200ee);
  2230. }
  2231. .mdc-chip-set--choice .mdc-chip.mdc-chip--selected .mdc-chip__icon--leading {
  2232. color: rgba(98, 0, 238, 0.54);
  2233. }
  2234. .mdc-chip-set--choice .mdc-chip.mdc-chip--selected:hover {
  2235. color: #6200ee;
  2236. /* @alternate */
  2237. color: var(--mdc-theme-primary, #6200ee);
  2238. }
  2239. .mdc-chip-set--choice .mdc-chip .mdc-chip__checkmark-path {
  2240. stroke: #6200ee;
  2241. /* @alternate */
  2242. stroke: var(--mdc-theme-primary, #6200ee);
  2243. }
  2244. .mdc-chip-set--choice .mdc-chip--selected {
  2245. background-color: #fff;
  2246. /* @alternate */
  2247. background-color: var(--mdc-theme-surface, #fff);
  2248. }
  2249. .mdc-chip__checkmark-svg {
  2250. width: 0;
  2251. height: 20px;
  2252. transition: width 150ms cubic-bezier(0.4, 0, 0.2, 1);
  2253. }
  2254. .mdc-chip--selected .mdc-chip__checkmark-svg {
  2255. width: 20px;
  2256. }
  2257. .mdc-chip-set--filter .mdc-chip__icon--leading {
  2258. transition: opacity 75ms linear;
  2259. transition-delay: -50ms;
  2260. opacity: 1;
  2261. }
  2262. .mdc-chip-set--filter .mdc-chip__icon--leading + .mdc-chip__checkmark {
  2263. transition: opacity 75ms linear;
  2264. transition-delay: 80ms;
  2265. opacity: 0;
  2266. }
  2267. .mdc-chip-set--filter .mdc-chip__icon--leading + .mdc-chip__checkmark .mdc-chip__checkmark-svg {
  2268. transition: width 0ms;
  2269. }
  2270. .mdc-chip-set--filter .mdc-chip--selected .mdc-chip__icon--leading {
  2271. opacity: 0;
  2272. }
  2273. .mdc-chip-set--filter .mdc-chip--selected .mdc-chip__icon--leading + .mdc-chip__checkmark {
  2274. width: 0;
  2275. opacity: 1;
  2276. }
  2277. .mdc-chip-set--filter .mdc-chip__icon--leading-hidden.mdc-chip__icon--leading {
  2278. width: 0;
  2279. opacity: 0;
  2280. }
  2281. .mdc-chip-set--filter .mdc-chip__icon--leading-hidden.mdc-chip__icon--leading + .mdc-chip__checkmark {
  2282. width: 20px;
  2283. }
  2284. .mdc-chip {
  2285. --mdc-ripple-fg-size: 0;
  2286. --mdc-ripple-left: 0;
  2287. --mdc-ripple-top: 0;
  2288. --mdc-ripple-fg-scale: 1;
  2289. --mdc-ripple-fg-translate-end: 0;
  2290. --mdc-ripple-fg-translate-start: 0;
  2291. -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  2292. will-change: transform, opacity;
  2293. }
  2294. .mdc-chip .mdc-chip__ripple::before,
  2295. .mdc-chip .mdc-chip__ripple::after {
  2296. position: absolute;
  2297. border-radius: 50%;
  2298. opacity: 0;
  2299. pointer-events: none;
  2300. content: "";
  2301. }
  2302. .mdc-chip .mdc-chip__ripple::before {
  2303. transition: opacity 15ms linear, background-color 15ms linear;
  2304. z-index: 1;
  2305. /* @alternate */
  2306. z-index: var(--mdc-ripple-z-index, 1);
  2307. }
  2308. .mdc-chip .mdc-chip__ripple::after {
  2309. z-index: 0;
  2310. /* @alternate */
  2311. z-index: var(--mdc-ripple-z-index, 0);
  2312. }
  2313. .mdc-chip.mdc-ripple-upgraded .mdc-chip__ripple::before {
  2314. -webkit-transform: scale(var(--mdc-ripple-fg-scale, 1));
  2315. transform: scale(var(--mdc-ripple-fg-scale, 1));
  2316. }
  2317. .mdc-chip.mdc-ripple-upgraded .mdc-chip__ripple::after {
  2318. top: 0;
  2319. /* @noflip */
  2320. left: 0;
  2321. -webkit-transform: scale(0);
  2322. transform: scale(0);
  2323. -webkit-transform-origin: center center;
  2324. transform-origin: center center;
  2325. }
  2326. .mdc-chip.mdc-ripple-upgraded--unbounded .mdc-chip__ripple::after {
  2327. top: var(--mdc-ripple-top, 0);
  2328. /* @noflip */
  2329. left: var(--mdc-ripple-left, 0);
  2330. }
  2331. .mdc-chip.mdc-ripple-upgraded--foreground-activation .mdc-chip__ripple::after {
  2332. -webkit-animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards;
  2333. animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards;
  2334. }
  2335. .mdc-chip.mdc-ripple-upgraded--foreground-deactivation .mdc-chip__ripple::after {
  2336. -webkit-animation: mdc-ripple-fg-opacity-out 150ms;
  2337. animation: mdc-ripple-fg-opacity-out 150ms;
  2338. -webkit-transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
  2339. transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
  2340. }
  2341. .mdc-chip .mdc-chip__ripple::before,
  2342. .mdc-chip .mdc-chip__ripple::after {
  2343. top: calc(50% - 100%);
  2344. /* @noflip */
  2345. left: calc(50% - 100%);
  2346. width: 200%;
  2347. height: 200%;
  2348. }
  2349. .mdc-chip.mdc-ripple-upgraded .mdc-chip__ripple::after {
  2350. width: var(--mdc-ripple-fg-size, 100%);
  2351. height: var(--mdc-ripple-fg-size, 100%);
  2352. }
  2353. .mdc-chip .mdc-chip__ripple::before, .mdc-chip .mdc-chip__ripple::after {
  2354. background-color: rgba(0, 0, 0, 0.87);
  2355. /* @alternate */
  2356. background-color: var(--mdc-ripple-color, rgba(0, 0, 0, 0.87));
  2357. }
  2358. .mdc-chip:hover .mdc-chip__ripple::before, .mdc-chip.mdc-ripple-surface--hover .mdc-chip__ripple::before {
  2359. opacity: 0.04;
  2360. /* @alternate */
  2361. opacity: var(--mdc-ripple-hover-opacity, 0.04);
  2362. }
  2363. .mdc-chip.mdc-ripple-upgraded--background-focused .mdc-chip__ripple::before, .mdc-chip.mdc-ripple-upgraded:focus-within .mdc-chip__ripple::before, .mdc-chip:not(.mdc-ripple-upgraded):focus .mdc-chip__ripple::before, .mdc-chip:not(.mdc-ripple-upgraded):focus-within .mdc-chip__ripple::before {
  2364. transition-duration: 75ms;
  2365. opacity: 0.12;
  2366. /* @alternate */
  2367. opacity: var(--mdc-ripple-focus-opacity, 0.12);
  2368. }
  2369. .mdc-chip:not(.mdc-ripple-upgraded) .mdc-chip__ripple::after {
  2370. transition: opacity 150ms linear;
  2371. }
  2372. .mdc-chip:not(.mdc-ripple-upgraded):active .mdc-chip__ripple::after {
  2373. transition-duration: 75ms;
  2374. opacity: 0.12;
  2375. /* @alternate */
  2376. opacity: var(--mdc-ripple-press-opacity, 0.12);
  2377. }
  2378. .mdc-chip.mdc-ripple-upgraded {
  2379. --mdc-ripple-fg-opacity: var(--mdc-ripple-press-opacity, 0.12);
  2380. }
  2381. .mdc-chip .mdc-chip__ripple {
  2382. position: absolute;
  2383. top: 0;
  2384. left: 0;
  2385. width: 100%;
  2386. height: 100%;
  2387. pointer-events: none;
  2388. overflow: hidden;
  2389. }
  2390. .mdc-chip-set--choice .mdc-chip.mdc-chip--selected .mdc-chip__ripple::before {
  2391. opacity: 0.08;
  2392. /* @alternate */
  2393. opacity: var(--mdc-ripple-selected-opacity, 0.08);
  2394. }
  2395. .mdc-chip-set--choice .mdc-chip.mdc-chip--selected .mdc-chip__ripple::before, .mdc-chip-set--choice .mdc-chip.mdc-chip--selected .mdc-chip__ripple::after {
  2396. background-color: #6200ee;
  2397. /* @alternate */
  2398. background-color: var(--mdc-ripple-color, var(--mdc-theme-primary, #6200ee));
  2399. }
  2400. .mdc-chip-set--choice .mdc-chip.mdc-chip--selected:hover .mdc-chip__ripple::before, .mdc-chip-set--choice .mdc-chip.mdc-chip--selected.mdc-ripple-surface--hover .mdc-chip__ripple::before {
  2401. opacity: 0.12;
  2402. /* @alternate */
  2403. opacity: var(--mdc-ripple-hover-opacity, 0.12);
  2404. }
  2405. .mdc-chip-set--choice .mdc-chip.mdc-chip--selected.mdc-ripple-upgraded--background-focused .mdc-chip__ripple::before, .mdc-chip-set--choice .mdc-chip.mdc-chip--selected.mdc-ripple-upgraded:focus-within .mdc-chip__ripple::before, .mdc-chip-set--choice .mdc-chip.mdc-chip--selected:not(.mdc-ripple-upgraded):focus .mdc-chip__ripple::before, .mdc-chip-set--choice .mdc-chip.mdc-chip--selected:not(.mdc-ripple-upgraded):focus-within .mdc-chip__ripple::before {
  2406. transition-duration: 75ms;
  2407. opacity: 0.2;
  2408. /* @alternate */
  2409. opacity: var(--mdc-ripple-focus-opacity, 0.2);
  2410. }
  2411. .mdc-chip-set--choice .mdc-chip.mdc-chip--selected:not(.mdc-ripple-upgraded) .mdc-chip__ripple::after {
  2412. transition: opacity 150ms linear;
  2413. }
  2414. .mdc-chip-set--choice .mdc-chip.mdc-chip--selected:not(.mdc-ripple-upgraded):active .mdc-chip__ripple::after {
  2415. transition-duration: 75ms;
  2416. opacity: 0.2;
  2417. /* @alternate */
  2418. opacity: var(--mdc-ripple-press-opacity, 0.2);
  2419. }
  2420. .mdc-chip-set--choice .mdc-chip.mdc-chip--selected.mdc-ripple-upgraded {
  2421. --mdc-ripple-fg-opacity: var(--mdc-ripple-press-opacity, 0.2);
  2422. }
  2423. @-webkit-keyframes mdc-chip-entry {
  2424. from {
  2425. -webkit-transform: scale(0.8);
  2426. transform: scale(0.8);
  2427. opacity: 0.4;
  2428. }
  2429. to {
  2430. -webkit-transform: scale(1);
  2431. transform: scale(1);
  2432. opacity: 1;
  2433. }
  2434. }
  2435. @keyframes mdc-chip-entry {
  2436. from {
  2437. -webkit-transform: scale(0.8);
  2438. transform: scale(0.8);
  2439. opacity: 0.4;
  2440. }
  2441. to {
  2442. -webkit-transform: scale(1);
  2443. transform: scale(1);
  2444. opacity: 1;
  2445. }
  2446. }
  2447. .mdc-chip-set {
  2448. padding: 4px;
  2449. display: flex;
  2450. flex-wrap: wrap;
  2451. box-sizing: border-box;
  2452. }
  2453. .mdc-chip-set .mdc-chip {
  2454. margin: 4px;
  2455. }
  2456. .mdc-chip-set .mdc-chip--touch {
  2457. margin-top: 8px;
  2458. margin-bottom: 8px;
  2459. }
  2460. .mdc-chip-set--input .mdc-chip {
  2461. -webkit-animation: mdc-chip-entry 100ms cubic-bezier(0, 0, 0.2, 1);
  2462. animation: mdc-chip-entry 100ms cubic-bezier(0, 0, 0.2, 1);
  2463. }
  2464. .mdc-circular-progress__determinate-circle,
  2465. .mdc-circular-progress__indeterminate-circle-graphic {
  2466. stroke: #6200ee;
  2467. /* @alternate */
  2468. stroke: var(--mdc-theme-primary, #6200ee);
  2469. }
  2470. .mdc-circular-progress__determinate-track {
  2471. stroke: transparent;
  2472. }
  2473. @-webkit-keyframes mdc-circular-progress-container-rotate {
  2474. to {
  2475. -webkit-transform: rotate(360deg);
  2476. transform: rotate(360deg);
  2477. }
  2478. }
  2479. @keyframes mdc-circular-progress-container-rotate {
  2480. to {
  2481. -webkit-transform: rotate(360deg);
  2482. transform: rotate(360deg);
  2483. }
  2484. }
  2485. @-webkit-keyframes mdc-circular-progress-spinner-layer-rotate {
  2486. 12.5% {
  2487. -webkit-transform: rotate(135deg);
  2488. transform: rotate(135deg);
  2489. }
  2490. 25% {
  2491. -webkit-transform: rotate(270deg);
  2492. transform: rotate(270deg);
  2493. }
  2494. 37.5% {
  2495. -webkit-transform: rotate(405deg);
  2496. transform: rotate(405deg);
  2497. }
  2498. 50% {
  2499. -webkit-transform: rotate(540deg);
  2500. transform: rotate(540deg);
  2501. }
  2502. 62.5% {
  2503. -webkit-transform: rotate(675deg);
  2504. transform: rotate(675deg);
  2505. }
  2506. 75% {
  2507. -webkit-transform: rotate(810deg);
  2508. transform: rotate(810deg);
  2509. }
  2510. 87.5% {
  2511. -webkit-transform: rotate(945deg);
  2512. transform: rotate(945deg);
  2513. }
  2514. 100% {
  2515. -webkit-transform: rotate(1080deg);
  2516. transform: rotate(1080deg);
  2517. }
  2518. }
  2519. @keyframes mdc-circular-progress-spinner-layer-rotate {
  2520. 12.5% {
  2521. -webkit-transform: rotate(135deg);
  2522. transform: rotate(135deg);
  2523. }
  2524. 25% {
  2525. -webkit-transform: rotate(270deg);
  2526. transform: rotate(270deg);
  2527. }
  2528. 37.5% {
  2529. -webkit-transform: rotate(405deg);
  2530. transform: rotate(405deg);
  2531. }
  2532. 50% {
  2533. -webkit-transform: rotate(540deg);
  2534. transform: rotate(540deg);
  2535. }
  2536. 62.5% {
  2537. -webkit-transform: rotate(675deg);
  2538. transform: rotate(675deg);
  2539. }
  2540. 75% {
  2541. -webkit-transform: rotate(810deg);
  2542. transform: rotate(810deg);
  2543. }
  2544. 87.5% {
  2545. -webkit-transform: rotate(945deg);
  2546. transform: rotate(945deg);
  2547. }
  2548. 100% {
  2549. -webkit-transform: rotate(1080deg);
  2550. transform: rotate(1080deg);
  2551. }
  2552. }
  2553. @-webkit-keyframes mdc-circular-progress-color-1-fade-in-out {
  2554. from {
  2555. opacity: 0.99;
  2556. }
  2557. 25% {
  2558. opacity: 0.99;
  2559. }
  2560. 26% {
  2561. opacity: 0;
  2562. }
  2563. 89% {
  2564. opacity: 0;
  2565. }
  2566. 90% {
  2567. opacity: 0.99;
  2568. }
  2569. to {
  2570. opacity: 0.99;
  2571. }
  2572. }
  2573. @keyframes mdc-circular-progress-color-1-fade-in-out {
  2574. from {
  2575. opacity: 0.99;
  2576. }
  2577. 25% {
  2578. opacity: 0.99;
  2579. }
  2580. 26% {
  2581. opacity: 0;
  2582. }
  2583. 89% {
  2584. opacity: 0;
  2585. }
  2586. 90% {
  2587. opacity: 0.99;
  2588. }
  2589. to {
  2590. opacity: 0.99;
  2591. }
  2592. }
  2593. @-webkit-keyframes mdc-circular-progress-color-2-fade-in-out {
  2594. from {
  2595. opacity: 0;
  2596. }
  2597. 15% {
  2598. opacity: 0;
  2599. }
  2600. 25% {
  2601. opacity: 0.99;
  2602. }
  2603. 50% {
  2604. opacity: 0.99;
  2605. }
  2606. 51% {
  2607. opacity: 0;
  2608. }
  2609. to {
  2610. opacity: 0;
  2611. }
  2612. }
  2613. @keyframes mdc-circular-progress-color-2-fade-in-out {
  2614. from {
  2615. opacity: 0;
  2616. }
  2617. 15% {
  2618. opacity: 0;
  2619. }
  2620. 25% {
  2621. opacity: 0.99;
  2622. }
  2623. 50% {
  2624. opacity: 0.99;
  2625. }
  2626. 51% {
  2627. opacity: 0;
  2628. }
  2629. to {
  2630. opacity: 0;
  2631. }
  2632. }
  2633. @-webkit-keyframes mdc-circular-progress-color-3-fade-in-out {
  2634. from {
  2635. opacity: 0;
  2636. }
  2637. 40% {
  2638. opacity: 0;
  2639. }
  2640. 50% {
  2641. opacity: 0.99;
  2642. }
  2643. 75% {
  2644. opacity: 0.99;
  2645. }
  2646. 76% {
  2647. opacity: 0;
  2648. }
  2649. to {
  2650. opacity: 0;
  2651. }
  2652. }
  2653. @keyframes mdc-circular-progress-color-3-fade-in-out {
  2654. from {
  2655. opacity: 0;
  2656. }
  2657. 40% {
  2658. opacity: 0;
  2659. }
  2660. 50% {
  2661. opacity: 0.99;
  2662. }
  2663. 75% {
  2664. opacity: 0.99;
  2665. }
  2666. 76% {
  2667. opacity: 0;
  2668. }
  2669. to {
  2670. opacity: 0;
  2671. }
  2672. }
  2673. @-webkit-keyframes mdc-circular-progress-color-4-fade-in-out {
  2674. from {
  2675. opacity: 0;
  2676. }
  2677. 65% {
  2678. opacity: 0;
  2679. }
  2680. 75% {
  2681. opacity: 0.99;
  2682. }
  2683. 90% {
  2684. opacity: 0.99;
  2685. }
  2686. to {
  2687. opacity: 0;
  2688. }
  2689. }
  2690. @keyframes mdc-circular-progress-color-4-fade-in-out {
  2691. from {
  2692. opacity: 0;
  2693. }
  2694. 65% {
  2695. opacity: 0;
  2696. }
  2697. 75% {
  2698. opacity: 0.99;
  2699. }
  2700. 90% {
  2701. opacity: 0.99;
  2702. }
  2703. to {
  2704. opacity: 0;
  2705. }
  2706. }
  2707. @-webkit-keyframes mdc-circular-progress-left-spin {
  2708. from {
  2709. -webkit-transform: rotate(265deg);
  2710. transform: rotate(265deg);
  2711. }
  2712. 50% {
  2713. -webkit-transform: rotate(130deg);
  2714. transform: rotate(130deg);
  2715. }
  2716. to {
  2717. -webkit-transform: rotate(265deg);
  2718. transform: rotate(265deg);
  2719. }
  2720. }
  2721. @keyframes mdc-circular-progress-left-spin {
  2722. from {
  2723. -webkit-transform: rotate(265deg);
  2724. transform: rotate(265deg);
  2725. }
  2726. 50% {
  2727. -webkit-transform: rotate(130deg);
  2728. transform: rotate(130deg);
  2729. }
  2730. to {
  2731. -webkit-transform: rotate(265deg);
  2732. transform: rotate(265deg);
  2733. }
  2734. }
  2735. @-webkit-keyframes mdc-circular-progress-right-spin {
  2736. from {
  2737. -webkit-transform: rotate(-265deg);
  2738. transform: rotate(-265deg);
  2739. }
  2740. 50% {
  2741. -webkit-transform: rotate(-130deg);
  2742. transform: rotate(-130deg);
  2743. }
  2744. to {
  2745. -webkit-transform: rotate(-265deg);
  2746. transform: rotate(-265deg);
  2747. }
  2748. }
  2749. @keyframes mdc-circular-progress-right-spin {
  2750. from {
  2751. -webkit-transform: rotate(-265deg);
  2752. transform: rotate(-265deg);
  2753. }
  2754. 50% {
  2755. -webkit-transform: rotate(-130deg);
  2756. transform: rotate(-130deg);
  2757. }
  2758. to {
  2759. -webkit-transform: rotate(-265deg);
  2760. transform: rotate(-265deg);
  2761. }
  2762. }
  2763. .mdc-circular-progress {
  2764. display: inline-flex;
  2765. position: relative;
  2766. /* @noflip */
  2767. direction: ltr;
  2768. transition: opacity 250ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
  2769. }
  2770. .mdc-circular-progress__determinate-container,
  2771. .mdc-circular-progress__indeterminate-circle-graphic,
  2772. .mdc-circular-progress__indeterminate-container,
  2773. .mdc-circular-progress__spinner-layer {
  2774. position: absolute;
  2775. width: 100%;
  2776. height: 100%;
  2777. }
  2778. .mdc-circular-progress__determinate-container {
  2779. -webkit-transform: rotate(-90deg);
  2780. transform: rotate(-90deg);
  2781. }
  2782. .mdc-circular-progress__indeterminate-container {
  2783. font-size: 0;
  2784. letter-spacing: 0;
  2785. white-space: nowrap;
  2786. opacity: 0;
  2787. }
  2788. .mdc-circular-progress__determinate-circle-graphic,
  2789. .mdc-circular-progress__indeterminate-circle-graphic {
  2790. fill: transparent;
  2791. }
  2792. .mdc-circular-progress__determinate-circle {
  2793. transition: stroke-dashoffset 500ms 0ms cubic-bezier(0, 0, 0.2, 1);
  2794. }
  2795. .mdc-circular-progress__gap-patch {
  2796. position: absolute;
  2797. top: 0;
  2798. /* @noflip */
  2799. left: 47.5%;
  2800. box-sizing: border-box;
  2801. width: 5%;
  2802. height: 100%;
  2803. overflow: hidden;
  2804. }
  2805. .mdc-circular-progress__gap-patch .mdc-circular-progress__indeterminate-circle-graphic {
  2806. /* @noflip */
  2807. left: -900%;
  2808. width: 2000%;
  2809. -webkit-transform: rotate(180deg);
  2810. transform: rotate(180deg);
  2811. }
  2812. .mdc-circular-progress__circle-clipper {
  2813. display: inline-flex;
  2814. position: relative;
  2815. width: 50%;
  2816. height: 100%;
  2817. overflow: hidden;
  2818. }
  2819. .mdc-circular-progress__circle-clipper .mdc-circular-progress__indeterminate-circle-graphic {
  2820. width: 200%;
  2821. }
  2822. .mdc-circular-progress__circle-right .mdc-circular-progress__indeterminate-circle-graphic {
  2823. /* @noflip */
  2824. left: -100%;
  2825. }
  2826. .mdc-circular-progress--indeterminate .mdc-circular-progress__determinate-container {
  2827. opacity: 0;
  2828. }
  2829. .mdc-circular-progress--indeterminate .mdc-circular-progress__indeterminate-container {
  2830. opacity: 1;
  2831. }
  2832. .mdc-circular-progress--indeterminate .mdc-circular-progress__indeterminate-container {
  2833. -webkit-animation: mdc-circular-progress-container-rotate 1568.2352941176ms linear infinite;
  2834. animation: mdc-circular-progress-container-rotate 1568.2352941176ms linear infinite;
  2835. }
  2836. .mdc-circular-progress--indeterminate .mdc-circular-progress__spinner-layer {
  2837. -webkit-animation: mdc-circular-progress-spinner-layer-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
  2838. animation: mdc-circular-progress-spinner-layer-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
  2839. }
  2840. .mdc-circular-progress--indeterminate .mdc-circular-progress__color-1 {
  2841. -webkit-animation: mdc-circular-progress-spinner-layer-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, mdc-circular-progress-color-1-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
  2842. animation: mdc-circular-progress-spinner-layer-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, mdc-circular-progress-color-1-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
  2843. }
  2844. .mdc-circular-progress--indeterminate .mdc-circular-progress__color-2 {
  2845. -webkit-animation: mdc-circular-progress-spinner-layer-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, mdc-circular-progress-color-2-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
  2846. animation: mdc-circular-progress-spinner-layer-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, mdc-circular-progress-color-2-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
  2847. }
  2848. .mdc-circular-progress--indeterminate .mdc-circular-progress__color-3 {
  2849. -webkit-animation: mdc-circular-progress-spinner-layer-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, mdc-circular-progress-color-3-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
  2850. animation: mdc-circular-progress-spinner-layer-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, mdc-circular-progress-color-3-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
  2851. }
  2852. .mdc-circular-progress--indeterminate .mdc-circular-progress__color-4 {
  2853. -webkit-animation: mdc-circular-progress-spinner-layer-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, mdc-circular-progress-color-4-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
  2854. animation: mdc-circular-progress-spinner-layer-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, mdc-circular-progress-color-4-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
  2855. }
  2856. .mdc-circular-progress--indeterminate .mdc-circular-progress__circle-left .mdc-circular-progress__indeterminate-circle-graphic {
  2857. -webkit-animation: mdc-circular-progress-left-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
  2858. animation: mdc-circular-progress-left-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
  2859. }
  2860. .mdc-circular-progress--indeterminate .mdc-circular-progress__circle-right .mdc-circular-progress__indeterminate-circle-graphic {
  2861. -webkit-animation: mdc-circular-progress-right-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
  2862. animation: mdc-circular-progress-right-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
  2863. }
  2864. .mdc-circular-progress--closed {
  2865. opacity: 0;
  2866. }
  2867. .mdc-floating-label {
  2868. -moz-osx-font-smoothing: grayscale;
  2869. -webkit-font-smoothing: antialiased;
  2870. font-family: Roboto, sans-serif;
  2871. /* @alternate */
  2872. font-family: var(--mdc-typography-subtitle1-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));
  2873. font-size: 1rem;
  2874. /* @alternate */
  2875. font-size: var(--mdc-typography-subtitle1-font-size, 1rem);
  2876. font-weight: 400;
  2877. /* @alternate */
  2878. font-weight: var(--mdc-typography-subtitle1-font-weight, 400);
  2879. letter-spacing: 0.009375em;
  2880. /* @alternate */
  2881. letter-spacing: var(--mdc-typography-subtitle1-letter-spacing, 0.009375em);
  2882. text-decoration: inherit;
  2883. /* @alternate */
  2884. -webkit-text-decoration: var(--mdc-typography-subtitle1-text-decoration, inherit);
  2885. text-decoration: var(--mdc-typography-subtitle1-text-decoration, inherit);
  2886. text-transform: inherit;
  2887. /* @alternate */
  2888. text-transform: var(--mdc-typography-subtitle1-text-transform, inherit);
  2889. position: absolute;
  2890. /* @noflip */
  2891. left: 0;
  2892. /* @noflip */
  2893. -webkit-transform-origin: left top;
  2894. transform-origin: left top;
  2895. line-height: 1.15rem;
  2896. text-align: left;
  2897. text-overflow: ellipsis;
  2898. white-space: nowrap;
  2899. cursor: text;
  2900. overflow: hidden;
  2901. /* @alternate */
  2902. will-change: transform;
  2903. transition: color 150ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 150ms cubic-bezier(0.4, 0, 0.2, 1);
  2904. transition: transform 150ms cubic-bezier(0.4, 0, 0.2, 1), color 150ms cubic-bezier(0.4, 0, 0.2, 1);
  2905. 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);
  2906. }
  2907. [dir=rtl] .mdc-floating-label, .mdc-floating-label[dir=rtl] {
  2908. /* @noflip */
  2909. right: 0;
  2910. /* @noflip */
  2911. left: auto;
  2912. /* @noflip */
  2913. -webkit-transform-origin: right top;
  2914. transform-origin: right top;
  2915. /* @noflip */
  2916. text-align: right;
  2917. }
  2918. .mdc-floating-label--float-above {
  2919. cursor: auto;
  2920. }
  2921. .mdc-floating-label--required::after {
  2922. /* @noflip */
  2923. margin-left: 1px;
  2924. /* @noflip */
  2925. margin-right: 0px;
  2926. content: "*";
  2927. }
  2928. [dir=rtl] .mdc-floating-label--required::after, .mdc-floating-label--required[dir=rtl]::after {
  2929. /* @noflip */
  2930. margin-left: 0;
  2931. /* @noflip */
  2932. margin-right: 1px;
  2933. }
  2934. .mdc-floating-label--float-above {
  2935. -webkit-transform: translateY(-106%) scale(0.75);
  2936. transform: translateY(-106%) scale(0.75);
  2937. }
  2938. .mdc-floating-label--shake {
  2939. -webkit-animation: mdc-floating-label-shake-float-above-standard 250ms 1;
  2940. animation: mdc-floating-label-shake-float-above-standard 250ms 1;
  2941. }
  2942. @-webkit-keyframes mdc-floating-label-shake-float-above-standard {
  2943. 0% {
  2944. -webkit-transform: translateX(calc(0 - 0%)) translateY(-106%) scale(0.75);
  2945. transform: translateX(calc(0 - 0%)) translateY(-106%) scale(0.75);
  2946. }
  2947. 33% {
  2948. -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);
  2949. animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);
  2950. -webkit-transform: translateX(calc(4% - 0%)) translateY(-106%) scale(0.75);
  2951. transform: translateX(calc(4% - 0%)) translateY(-106%) scale(0.75);
  2952. }
  2953. 66% {
  2954. -webkit-animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
  2955. animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
  2956. -webkit-transform: translateX(calc(-4% - 0%)) translateY(-106%) scale(0.75);
  2957. transform: translateX(calc(-4% - 0%)) translateY(-106%) scale(0.75);
  2958. }
  2959. 100% {
  2960. -webkit-transform: translateX(calc(0 - 0%)) translateY(-106%) scale(0.75);
  2961. transform: translateX(calc(0 - 0%)) translateY(-106%) scale(0.75);
  2962. }
  2963. }
  2964. @keyframes mdc-floating-label-shake-float-above-standard {
  2965. 0% {
  2966. -webkit-transform: translateX(calc(0 - 0%)) translateY(-106%) scale(0.75);
  2967. transform: translateX(calc(0 - 0%)) translateY(-106%) scale(0.75);
  2968. }
  2969. 33% {
  2970. -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);
  2971. animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);
  2972. -webkit-transform: translateX(calc(4% - 0%)) translateY(-106%) scale(0.75);
  2973. transform: translateX(calc(4% - 0%)) translateY(-106%) scale(0.75);
  2974. }
  2975. 66% {
  2976. -webkit-animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
  2977. animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
  2978. -webkit-transform: translateX(calc(-4% - 0%)) translateY(-106%) scale(0.75);
  2979. transform: translateX(calc(-4% - 0%)) translateY(-106%) scale(0.75);
  2980. }
  2981. 100% {
  2982. -webkit-transform: translateX(calc(0 - 0%)) translateY(-106%) scale(0.75);
  2983. transform: translateX(calc(0 - 0%)) translateY(-106%) scale(0.75);
  2984. }
  2985. }
  2986. .mdc-line-ripple::before, .mdc-line-ripple::after {
  2987. position: absolute;
  2988. bottom: 0;
  2989. left: 0;
  2990. width: 100%;
  2991. border-bottom-style: solid;
  2992. content: "";
  2993. }
  2994. .mdc-line-ripple::before {
  2995. border-bottom-width: 1px;
  2996. z-index: 1;
  2997. }
  2998. .mdc-line-ripple::after {
  2999. -webkit-transform: scaleX(0);
  3000. transform: scaleX(0);
  3001. border-bottom-width: 2px;
  3002. opacity: 0;
  3003. z-index: 2;
  3004. }
  3005. .mdc-line-ripple::after {
  3006. transition: opacity 180ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 180ms cubic-bezier(0.4, 0, 0.2, 1);
  3007. transition: transform 180ms cubic-bezier(0.4, 0, 0.2, 1), opacity 180ms cubic-bezier(0.4, 0, 0.2, 1);
  3008. 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);
  3009. }
  3010. .mdc-line-ripple--active::after {
  3011. -webkit-transform: scaleX(1);
  3012. transform: scaleX(1);
  3013. opacity: 1;
  3014. }
  3015. .mdc-line-ripple--deactivating::after {
  3016. opacity: 0;
  3017. }
  3018. .mdc-notched-outline {
  3019. display: flex;
  3020. position: absolute;
  3021. top: 0;
  3022. right: 0;
  3023. left: 0;
  3024. box-sizing: border-box;
  3025. width: 100%;
  3026. max-width: 100%;
  3027. height: 100%;
  3028. /* @noflip */
  3029. text-align: left;
  3030. pointer-events: none;
  3031. }
  3032. [dir=rtl] .mdc-notched-outline, .mdc-notched-outline[dir=rtl] {
  3033. /* @noflip */
  3034. text-align: right;
  3035. }
  3036. .mdc-notched-outline__leading, .mdc-notched-outline__notch, .mdc-notched-outline__trailing {
  3037. box-sizing: border-box;
  3038. height: 100%;
  3039. border-top: 1px solid;
  3040. border-bottom: 1px solid;
  3041. pointer-events: none;
  3042. }
  3043. .mdc-notched-outline__leading {
  3044. /* @noflip */
  3045. border-left: 1px solid;
  3046. /* @noflip */
  3047. border-right: none;
  3048. width: 12px;
  3049. }
  3050. [dir=rtl] .mdc-notched-outline__leading, .mdc-notched-outline__leading[dir=rtl] {
  3051. /* @noflip */
  3052. border-left: none;
  3053. /* @noflip */
  3054. border-right: 1px solid;
  3055. }
  3056. .mdc-notched-outline__trailing {
  3057. /* @noflip */
  3058. border-left: none;
  3059. /* @noflip */
  3060. border-right: 1px solid;
  3061. flex-grow: 1;
  3062. }
  3063. [dir=rtl] .mdc-notched-outline__trailing, .mdc-notched-outline__trailing[dir=rtl] {
  3064. /* @noflip */
  3065. border-left: 1px solid;
  3066. /* @noflip */
  3067. border-right: none;
  3068. }
  3069. .mdc-notched-outline__notch {
  3070. flex: 0 0 auto;
  3071. width: auto;
  3072. max-width: calc(100% - 12px * 2);
  3073. }
  3074. .mdc-notched-outline .mdc-floating-label {
  3075. display: inline-block;
  3076. position: relative;
  3077. max-width: 100%;
  3078. }
  3079. .mdc-notched-outline .mdc-floating-label--float-above {
  3080. text-overflow: clip;
  3081. }
  3082. .mdc-notched-outline--upgraded .mdc-floating-label--float-above {
  3083. max-width: calc(100% / 0.75);
  3084. }
  3085. .mdc-notched-outline--notched .mdc-notched-outline__notch {
  3086. /* @noflip */
  3087. padding-left: 0;
  3088. /* @noflip */
  3089. padding-right: 8px;
  3090. border-top: none;
  3091. }
  3092. [dir=rtl] .mdc-notched-outline--notched .mdc-notched-outline__notch, .mdc-notched-outline--notched .mdc-notched-outline__notch[dir=rtl] {
  3093. /* @noflip */
  3094. padding-left: 8px;
  3095. /* @noflip */
  3096. padding-right: 0;
  3097. }
  3098. .mdc-notched-outline--no-label .mdc-notched-outline__notch {
  3099. display: none;
  3100. }
  3101. .mdc-select {
  3102. display: inline-flex;
  3103. position: relative;
  3104. }
  3105. .mdc-select:not(.mdc-select--disabled) .mdc-select__selected-text {
  3106. color: rgba(0, 0, 0, 0.87);
  3107. }
  3108. .mdc-select.mdc-select--disabled .mdc-select__selected-text {
  3109. color: rgba(0, 0, 0, 0.38);
  3110. }
  3111. .mdc-select:not(.mdc-select--disabled) .mdc-floating-label {
  3112. color: rgba(0, 0, 0, 0.6);
  3113. }
  3114. .mdc-select:not(.mdc-select--disabled).mdc-select--focused .mdc-floating-label {
  3115. color: rgba(98, 0, 238, 0.87);
  3116. }
  3117. .mdc-select.mdc-select--disabled .mdc-floating-label {
  3118. color: rgba(0, 0, 0, 0.38);
  3119. }
  3120. .mdc-select:not(.mdc-select--disabled) .mdc-select__dropdown-icon {
  3121. fill: rgba(0, 0, 0, 0.54);
  3122. }
  3123. .mdc-select:not(.mdc-select--disabled).mdc-select--focused .mdc-select__dropdown-icon {
  3124. fill: #6200ee;
  3125. /* @alternate */
  3126. fill: var(--mdc-theme-primary, #6200ee);
  3127. }
  3128. .mdc-select.mdc-select--disabled .mdc-select__dropdown-icon {
  3129. fill: rgba(0, 0, 0, 0.38);
  3130. }
  3131. .mdc-select:not(.mdc-select--disabled) + .mdc-select-helper-text {
  3132. color: rgba(0, 0, 0, 0.6);
  3133. }
  3134. .mdc-select.mdc-select--disabled + .mdc-select-helper-text {
  3135. color: rgba(0, 0, 0, 0.38);
  3136. }
  3137. .mdc-select:not(.mdc-select--disabled) .mdc-select__icon {
  3138. color: rgba(0, 0, 0, 0.54);
  3139. }
  3140. .mdc-select.mdc-select--disabled .mdc-select__icon {
  3141. color: rgba(0, 0, 0, 0.38);
  3142. }
  3143. @media screen and (-ms-high-contrast: active) {
  3144. .mdc-select.mdc-select--disabled .mdc-select__selected-text {
  3145. color: GrayText;
  3146. }
  3147. .mdc-select.mdc-select--disabled .mdc-select__dropdown-icon {
  3148. fill: red;
  3149. }
  3150. .mdc-select.mdc-select--disabled .mdc-floating-label {
  3151. color: GrayText;
  3152. }
  3153. .mdc-select.mdc-select--disabled .mdc-line-ripple::before {
  3154. border-bottom-color: GrayText;
  3155. }
  3156. .mdc-select.mdc-select--disabled .mdc-notched-outline__leading,
  3157. .mdc-select.mdc-select--disabled .mdc-notched-outline__notch,
  3158. .mdc-select.mdc-select--disabled .mdc-notched-outline__trailing {
  3159. border-color: GrayText;
  3160. }
  3161. .mdc-select.mdc-select--disabled .mdc-select__icon {
  3162. color: GrayText;
  3163. }
  3164. .mdc-select.mdc-select--disabled + .mdc-select-helper-text {
  3165. color: GrayText;
  3166. }
  3167. }
  3168. .mdc-select .mdc-floating-label {
  3169. top: 50%;
  3170. -webkit-transform: translateY(-50%);
  3171. transform: translateY(-50%);
  3172. pointer-events: none;
  3173. }
  3174. .mdc-select .mdc-select__anchor {
  3175. /* @noflip */
  3176. padding-left: 16px;
  3177. /* @noflip */
  3178. padding-right: 0;
  3179. }
  3180. [dir=rtl] .mdc-select .mdc-select__anchor, .mdc-select .mdc-select__anchor[dir=rtl] {
  3181. /* @noflip */
  3182. padding-left: 0;
  3183. /* @noflip */
  3184. padding-right: 16px;
  3185. }
  3186. .mdc-select.mdc-select--with-leading-icon .mdc-select__anchor {
  3187. /* @noflip */
  3188. padding-left: 0;
  3189. /* @noflip */
  3190. padding-right: 0;
  3191. }
  3192. [dir=rtl] .mdc-select.mdc-select--with-leading-icon .mdc-select__anchor, .mdc-select.mdc-select--with-leading-icon .mdc-select__anchor[dir=rtl] {
  3193. /* @noflip */
  3194. padding-left: 0;
  3195. /* @noflip */
  3196. padding-right: 0;
  3197. }
  3198. .mdc-select .mdc-select__icon {
  3199. width: 24px;
  3200. height: 24px;
  3201. font-size: 24px;
  3202. }
  3203. .mdc-select .mdc-select__dropdown-icon {
  3204. width: 24px;
  3205. height: 24px;
  3206. }
  3207. .mdc-select .mdc-select__menu .mdc-list-item {
  3208. /* @noflip */
  3209. padding-left: 16px;
  3210. /* @noflip */
  3211. padding-right: 16px;
  3212. }
  3213. [dir=rtl] .mdc-select .mdc-select__menu .mdc-list-item, .mdc-select .mdc-select__menu .mdc-list-item[dir=rtl] {
  3214. /* @noflip */
  3215. padding-left: 16px;
  3216. /* @noflip */
  3217. padding-right: 16px;
  3218. }
  3219. .mdc-select .mdc-select__menu .mdc-list-item__graphic {
  3220. /* @noflip */
  3221. margin-left: 0;
  3222. /* @noflip */
  3223. margin-right: 12px;
  3224. }
  3225. [dir=rtl] .mdc-select .mdc-select__menu .mdc-list-item__graphic, .mdc-select .mdc-select__menu .mdc-list-item__graphic[dir=rtl] {
  3226. /* @noflip */
  3227. margin-left: 12px;
  3228. /* @noflip */
  3229. margin-right: 0;
  3230. }
  3231. .mdc-select__dropdown-icon {
  3232. /* @noflip */
  3233. margin-left: 12px;
  3234. /* @noflip */
  3235. margin-right: 12px;
  3236. display: inline-flex;
  3237. position: relative;
  3238. align-self: center;
  3239. align-items: center;
  3240. justify-content: center;
  3241. flex-shrink: 0;
  3242. pointer-events: none;
  3243. }
  3244. .mdc-select__dropdown-icon .mdc-select__dropdown-icon-active,
  3245. .mdc-select__dropdown-icon .mdc-select__dropdown-icon-inactive {
  3246. position: absolute;
  3247. top: 0;
  3248. left: 0;
  3249. }
  3250. .mdc-select__dropdown-icon .mdc-select__dropdown-icon-graphic {
  3251. width: 41.6666666667%;
  3252. height: 20.8333333333%;
  3253. }
  3254. .mdc-select__dropdown-icon .mdc-select__dropdown-icon-inactive {
  3255. opacity: 1;
  3256. transition: opacity 75ms linear 75ms;
  3257. }
  3258. .mdc-select__dropdown-icon .mdc-select__dropdown-icon-active {
  3259. opacity: 0;
  3260. transition: opacity 75ms linear;
  3261. }
  3262. [dir=rtl] .mdc-select__dropdown-icon, .mdc-select__dropdown-icon[dir=rtl] {
  3263. /* @noflip */
  3264. margin-left: 12px;
  3265. /* @noflip */
  3266. margin-right: 12px;
  3267. }
  3268. .mdc-select--activated .mdc-select__dropdown-icon .mdc-select__dropdown-icon-inactive {
  3269. opacity: 0;
  3270. transition: opacity 49.5ms linear;
  3271. }
  3272. .mdc-select--activated .mdc-select__dropdown-icon .mdc-select__dropdown-icon-active {
  3273. opacity: 1;
  3274. transition: opacity 100.5ms linear 49.5ms;
  3275. }
  3276. .mdc-select__anchor {
  3277. width: 200px;
  3278. min-width: 0;
  3279. flex: 1 1 auto;
  3280. position: relative;
  3281. box-sizing: border-box;
  3282. overflow: hidden;
  3283. outline: none;
  3284. cursor: pointer;
  3285. }
  3286. .mdc-select__anchor .mdc-floating-label--float-above {
  3287. -webkit-transform: translateY(-106%) scale(0.75);
  3288. transform: translateY(-106%) scale(0.75);
  3289. }
  3290. .mdc-select__selected-text-container {
  3291. display: flex;
  3292. -webkit-appearance: none;
  3293. -moz-appearance: none;
  3294. appearance: none;
  3295. pointer-events: none;
  3296. box-sizing: border-box;
  3297. width: auto;
  3298. min-width: 0;
  3299. flex-grow: 1;
  3300. height: 28px;
  3301. border: none;
  3302. outline: none;
  3303. padding: 0;
  3304. background-color: transparent;
  3305. color: inherit;
  3306. }
  3307. .mdc-select__selected-text {
  3308. -moz-osx-font-smoothing: grayscale;
  3309. -webkit-font-smoothing: antialiased;
  3310. font-family: Roboto, sans-serif;
  3311. /* @alternate */
  3312. font-family: var(--mdc-typography-subtitle1-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));
  3313. font-size: 1rem;
  3314. /* @alternate */
  3315. font-size: var(--mdc-typography-subtitle1-font-size, 1rem);
  3316. line-height: 1.75rem;
  3317. /* @alternate */
  3318. line-height: var(--mdc-typography-subtitle1-line-height, 1.75rem);
  3319. font-weight: 400;
  3320. /* @alternate */
  3321. font-weight: var(--mdc-typography-subtitle1-font-weight, 400);
  3322. letter-spacing: 0.009375em;
  3323. /* @alternate */
  3324. letter-spacing: var(--mdc-typography-subtitle1-letter-spacing, 0.009375em);
  3325. text-decoration: inherit;
  3326. /* @alternate */
  3327. -webkit-text-decoration: var(--mdc-typography-subtitle1-text-decoration, inherit);
  3328. text-decoration: var(--mdc-typography-subtitle1-text-decoration, inherit);
  3329. text-transform: inherit;
  3330. /* @alternate */
  3331. text-transform: var(--mdc-typography-subtitle1-text-transform, inherit);
  3332. text-overflow: ellipsis;
  3333. white-space: nowrap;
  3334. overflow: hidden;
  3335. display: block;
  3336. width: 100%;
  3337. /* @noflip */
  3338. text-align: left;
  3339. }
  3340. [dir=rtl] .mdc-select__selected-text, .mdc-select__selected-text[dir=rtl] {
  3341. /* @noflip */
  3342. text-align: right;
  3343. }
  3344. .mdc-select--invalid:not(.mdc-select--disabled) .mdc-floating-label {
  3345. color: #b00020;
  3346. /* @alternate */
  3347. color: var(--mdc-theme-error, #b00020);
  3348. }
  3349. .mdc-select--invalid:not(.mdc-select--disabled).mdc-select--focused .mdc-floating-label {
  3350. color: #b00020;
  3351. /* @alternate */
  3352. color: var(--mdc-theme-error, #b00020);
  3353. }
  3354. .mdc-select--invalid:not(.mdc-select--disabled).mdc-select--invalid + .mdc-select-helper-text--validation-msg {
  3355. color: #b00020;
  3356. /* @alternate */
  3357. color: var(--mdc-theme-error, #b00020);
  3358. }
  3359. .mdc-select--invalid:not(.mdc-select--disabled) .mdc-select__dropdown-icon {
  3360. fill: #b00020;
  3361. /* @alternate */
  3362. fill: var(--mdc-theme-error, #b00020);
  3363. }
  3364. .mdc-select--invalid:not(.mdc-select--disabled).mdc-select--focused .mdc-select__dropdown-icon {
  3365. fill: #b00020;
  3366. /* @alternate */
  3367. fill: var(--mdc-theme-error, #b00020);
  3368. }
  3369. .mdc-select--disabled {
  3370. cursor: default;
  3371. pointer-events: none;
  3372. }
  3373. .mdc-select--with-leading-icon .mdc-select__menu .mdc-list-item {
  3374. /* @noflip */
  3375. padding-left: 12px;
  3376. /* @noflip */
  3377. padding-right: 12px;
  3378. }
  3379. [dir=rtl] .mdc-select--with-leading-icon .mdc-select__menu .mdc-list-item, .mdc-select--with-leading-icon .mdc-select__menu .mdc-list-item[dir=rtl] {
  3380. /* @noflip */
  3381. padding-left: 12px;
  3382. /* @noflip */
  3383. padding-right: 12px;
  3384. }
  3385. .mdc-select__menu .mdc-list .mdc-select__icon {
  3386. /* @noflip */
  3387. margin-left: 0;
  3388. /* @noflip */
  3389. margin-right: 0;
  3390. }
  3391. [dir=rtl] .mdc-select__menu .mdc-list .mdc-select__icon, .mdc-select__menu .mdc-list .mdc-select__icon[dir=rtl] {
  3392. /* @noflip */
  3393. margin-left: 0;
  3394. /* @noflip */
  3395. margin-right: 0;
  3396. }
  3397. .mdc-select__menu .mdc-list .mdc-list-item--selected,
  3398. .mdc-select__menu .mdc-list .mdc-list-item--activated {
  3399. color: #000;
  3400. /* @alternate */
  3401. color: var(--mdc-theme-on-surface, #000);
  3402. }
  3403. .mdc-select__menu .mdc-list .mdc-list-item--selected .mdc-list-item__graphic,
  3404. .mdc-select__menu .mdc-list .mdc-list-item--activated .mdc-list-item__graphic {
  3405. color: #000;
  3406. /* @alternate */
  3407. color: var(--mdc-theme-on-surface, #000);
  3408. }
  3409. .mdc-select--filled .mdc-select__anchor {
  3410. height: 56px;
  3411. display: flex;
  3412. align-items: baseline;
  3413. }
  3414. .mdc-select--filled .mdc-select__anchor::before {
  3415. display: inline-block;
  3416. width: 0;
  3417. height: 40px;
  3418. content: "";
  3419. vertical-align: 0;
  3420. }
  3421. .mdc-select--filled.mdc-select--no-label .mdc-select__anchor .mdc-select__selected-text::before {
  3422. content: "​";
  3423. }
  3424. .mdc-select--filled.mdc-select--no-label .mdc-select__anchor .mdc-select__selected-text-container {
  3425. height: 100%;
  3426. display: inline-flex;
  3427. align-items: center;
  3428. }
  3429. .mdc-select--filled.mdc-select--no-label .mdc-select__anchor::before {
  3430. display: none;
  3431. }
  3432. .mdc-select--filled .mdc-select__anchor {
  3433. border-top-left-radius: 4px;
  3434. /* @alternate */
  3435. border-top-left-radius: var(--mdc-shape-small, 4px);
  3436. border-top-right-radius: 4px;
  3437. /* @alternate */
  3438. border-top-right-radius: var(--mdc-shape-small, 4px);
  3439. border-bottom-right-radius: 0;
  3440. border-bottom-left-radius: 0;
  3441. }
  3442. .mdc-select--filled:not(.mdc-select--disabled) .mdc-select__anchor {
  3443. background-color: whitesmoke;
  3444. }
  3445. .mdc-select--filled.mdc-select--disabled .mdc-select__anchor {
  3446. background-color: #fafafa;
  3447. }
  3448. .mdc-select--filled:not(.mdc-select--disabled) .mdc-line-ripple::before {
  3449. border-bottom-color: rgba(0, 0, 0, 0.42);
  3450. }
  3451. .mdc-select--filled:not(.mdc-select--disabled):hover .mdc-line-ripple::before {
  3452. border-bottom-color: rgba(0, 0, 0, 0.87);
  3453. }
  3454. .mdc-select--filled:not(.mdc-select--disabled) .mdc-line-ripple::after {
  3455. border-bottom-color: #6200ee;
  3456. /* @alternate */
  3457. border-bottom-color: var(--mdc-theme-primary, #6200ee);
  3458. }
  3459. .mdc-select--filled.mdc-select--disabled .mdc-line-ripple::before {
  3460. border-bottom-color: rgba(0, 0, 0, 0.06);
  3461. }
  3462. .mdc-select--filled .mdc-floating-label {
  3463. max-width: calc(100% - 64px);
  3464. }
  3465. .mdc-select--filled .mdc-floating-label--float-above {
  3466. max-width: calc(100% / 0.75 - 64px / 0.75);
  3467. }
  3468. .mdc-select--filled .mdc-menu-surface--is-open-below {
  3469. border-top-left-radius: 0px;
  3470. border-top-right-radius: 0px;
  3471. }
  3472. .mdc-select--filled.mdc-select--focused.mdc-line-ripple::after {
  3473. -webkit-transform: scale(1, 2);
  3474. transform: scale(1, 2);
  3475. opacity: 1;
  3476. }
  3477. .mdc-select--filled .mdc-floating-label {
  3478. /* @noflip */
  3479. left: 16px;
  3480. /* @noflip */
  3481. right: initial;
  3482. }
  3483. [dir=rtl] .mdc-select--filled .mdc-floating-label, .mdc-select--filled .mdc-floating-label[dir=rtl] {
  3484. /* @noflip */
  3485. left: initial;
  3486. /* @noflip */
  3487. right: 16px;
  3488. }
  3489. .mdc-select--filled.mdc-select--with-leading-icon .mdc-floating-label {
  3490. /* @noflip */
  3491. left: 48px;
  3492. /* @noflip */
  3493. right: initial;
  3494. }
  3495. [dir=rtl] .mdc-select--filled.mdc-select--with-leading-icon .mdc-floating-label, .mdc-select--filled.mdc-select--with-leading-icon .mdc-floating-label[dir=rtl] {
  3496. /* @noflip */
  3497. left: initial;
  3498. /* @noflip */
  3499. right: 48px;
  3500. }
  3501. .mdc-select--filled.mdc-select--with-leading-icon .mdc-floating-label {
  3502. max-width: calc(100% - 96px);
  3503. }
  3504. .mdc-select--filled.mdc-select--with-leading-icon .mdc-floating-label--float-above {
  3505. max-width: calc(100% / 0.75 - 96px / 0.75);
  3506. }
  3507. .mdc-select--invalid:not(.mdc-select--disabled) .mdc-line-ripple::before {
  3508. border-bottom-color: #b00020;
  3509. /* @alternate */
  3510. border-bottom-color: var(--mdc-theme-error, #b00020);
  3511. }
  3512. .mdc-select--invalid:not(.mdc-select--disabled):hover .mdc-line-ripple::before {
  3513. border-bottom-color: #b00020;
  3514. /* @alternate */
  3515. border-bottom-color: var(--mdc-theme-error, #b00020);
  3516. }
  3517. .mdc-select--invalid:not(.mdc-select--disabled) .mdc-line-ripple::after {
  3518. border-bottom-color: #b00020;
  3519. /* @alternate */
  3520. border-bottom-color: var(--mdc-theme-error, #b00020);
  3521. }
  3522. .mdc-select--outlined {
  3523. border: none;
  3524. }
  3525. .mdc-select--outlined .mdc-select__anchor {
  3526. height: 56px;
  3527. }
  3528. .mdc-select--outlined .mdc-select__anchor .mdc-floating-label--float-above {
  3529. -webkit-transform: translateY(-37.25px) scale(1);
  3530. transform: translateY(-37.25px) scale(1);
  3531. }
  3532. .mdc-select--outlined .mdc-select__anchor .mdc-floating-label--float-above {
  3533. font-size: 0.75rem;
  3534. }
  3535. .mdc-select--outlined .mdc-select__anchor.mdc-notched-outline--upgraded .mdc-floating-label--float-above,
  3536. .mdc-select--outlined .mdc-select__anchor .mdc-notched-outline--upgraded .mdc-floating-label--float-above {
  3537. -webkit-transform: translateY(-34.75px) scale(0.75);
  3538. transform: translateY(-34.75px) scale(0.75);
  3539. }
  3540. .mdc-select--outlined .mdc-select__anchor.mdc-notched-outline--upgraded .mdc-floating-label--float-above,
  3541. .mdc-select--outlined .mdc-select__anchor .mdc-notched-outline--upgraded .mdc-floating-label--float-above {
  3542. font-size: 1rem;
  3543. }
  3544. .mdc-select--outlined .mdc-select__anchor .mdc-floating-label--shake {
  3545. -webkit-animation: mdc-floating-label-shake-float-above-select-outlined-56px 250ms 1;
  3546. animation: mdc-floating-label-shake-float-above-select-outlined-56px 250ms 1;
  3547. }
  3548. @-webkit-keyframes mdc-floating-label-shake-float-above-select-outlined-56px {
  3549. 0% {
  3550. -webkit-transform: translateX(calc(0 - 0%)) translateY(-34.75px) scale(0.75);
  3551. transform: translateX(calc(0 - 0%)) translateY(-34.75px) scale(0.75);
  3552. }
  3553. 33% {
  3554. -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);
  3555. animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);
  3556. -webkit-transform: translateX(calc(4% - 0%)) translateY(-34.75px) scale(0.75);
  3557. transform: translateX(calc(4% - 0%)) translateY(-34.75px) scale(0.75);
  3558. }
  3559. 66% {
  3560. -webkit-animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
  3561. animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
  3562. -webkit-transform: translateX(calc(-4% - 0%)) translateY(-34.75px) scale(0.75);
  3563. transform: translateX(calc(-4% - 0%)) translateY(-34.75px) scale(0.75);
  3564. }
  3565. 100% {
  3566. -webkit-transform: translateX(calc(0 - 0%)) translateY(-34.75px) scale(0.75);
  3567. transform: translateX(calc(0 - 0%)) translateY(-34.75px) scale(0.75);
  3568. }
  3569. }
  3570. @keyframes mdc-floating-label-shake-float-above-select-outlined-56px {
  3571. 0% {
  3572. -webkit-transform: translateX(calc(0 - 0%)) translateY(-34.75px) scale(0.75);
  3573. transform: translateX(calc(0 - 0%)) translateY(-34.75px) scale(0.75);
  3574. }
  3575. 33% {
  3576. -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);
  3577. animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);
  3578. -webkit-transform: translateX(calc(4% - 0%)) translateY(-34.75px) scale(0.75);
  3579. transform: translateX(calc(4% - 0%)) translateY(-34.75px) scale(0.75);
  3580. }
  3581. 66% {
  3582. -webkit-animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
  3583. animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
  3584. -webkit-transform: translateX(calc(-4% - 0%)) translateY(-34.75px) scale(0.75);
  3585. transform: translateX(calc(-4% - 0%)) translateY(-34.75px) scale(0.75);
  3586. }
  3587. 100% {
  3588. -webkit-transform: translateX(calc(0 - 0%)) translateY(-34.75px) scale(0.75);
  3589. transform: translateX(calc(0 - 0%)) translateY(-34.75px) scale(0.75);
  3590. }
  3591. }
  3592. .mdc-select--outlined .mdc-notched-outline .mdc-notched-outline__leading {
  3593. /* @noflip */
  3594. border-top-left-radius: 4px;
  3595. /* @alternate */
  3596. /* @noflip */
  3597. border-top-left-radius: var(--mdc-shape-small, 4px);
  3598. /* @noflip */
  3599. border-top-right-radius: 0;
  3600. /* @noflip */
  3601. border-bottom-right-radius: 0;
  3602. /* @noflip */
  3603. border-bottom-left-radius: 4px;
  3604. /* @alternate */
  3605. /* @noflip */
  3606. border-bottom-left-radius: var(--mdc-shape-small, 4px);
  3607. }
  3608. [dir=rtl] .mdc-select--outlined .mdc-notched-outline .mdc-notched-outline__leading, .mdc-select--outlined .mdc-notched-outline .mdc-notched-outline__leading[dir=rtl] {
  3609. /* @noflip */
  3610. border-top-left-radius: 0;
  3611. /* @noflip */
  3612. border-top-right-radius: 4px;
  3613. /* @alternate */
  3614. /* @noflip */
  3615. border-top-right-radius: var(--mdc-shape-small, 4px);
  3616. /* @noflip */
  3617. border-bottom-right-radius: 4px;
  3618. /* @alternate */
  3619. /* @noflip */
  3620. border-bottom-right-radius: var(--mdc-shape-small, 4px);
  3621. /* @noflip */
  3622. border-bottom-left-radius: 0;
  3623. }
  3624. @supports (top: max(0%)) {
  3625. .mdc-select--outlined .mdc-notched-outline .mdc-notched-outline__leading {
  3626. width: max(12px, var(--mdc-shape-small, 4px));
  3627. }
  3628. }
  3629. @supports (top: max(0%)) {
  3630. .mdc-select--outlined .mdc-notched-outline .mdc-notched-outline__notch {
  3631. max-width: calc(100% - max(12px, var(--mdc-shape-small, 4px)) * 2);
  3632. }
  3633. }
  3634. .mdc-select--outlined .mdc-notched-outline .mdc-notched-outline__trailing {
  3635. /* @noflip */
  3636. border-top-left-radius: 0;
  3637. /* @noflip */
  3638. border-top-right-radius: 4px;
  3639. /* @alternate */
  3640. /* @noflip */
  3641. border-top-right-radius: var(--mdc-shape-small, 4px);
  3642. /* @noflip */
  3643. border-bottom-right-radius: 4px;
  3644. /* @alternate */
  3645. /* @noflip */
  3646. border-bottom-right-radius: var(--mdc-shape-small, 4px);
  3647. /* @noflip */
  3648. border-bottom-left-radius: 0;
  3649. }
  3650. [dir=rtl] .mdc-select--outlined .mdc-notched-outline .mdc-notched-outline__trailing, .mdc-select--outlined .mdc-notched-outline .mdc-notched-outline__trailing[dir=rtl] {
  3651. /* @noflip */
  3652. border-top-left-radius: 4px;
  3653. /* @alternate */
  3654. /* @noflip */
  3655. border-top-left-radius: var(--mdc-shape-small, 4px);
  3656. /* @noflip */
  3657. border-top-right-radius: 0;
  3658. /* @noflip */
  3659. border-bottom-right-radius: 0;
  3660. /* @noflip */
  3661. border-bottom-left-radius: 4px;
  3662. /* @alternate */
  3663. /* @noflip */
  3664. border-bottom-left-radius: var(--mdc-shape-small, 4px);
  3665. }
  3666. @supports (top: max(0%)) {
  3667. .mdc-select--outlined .mdc-select__anchor {
  3668. /* @noflip */
  3669. padding-left: max(16px, calc(var(--mdc-shape-small, 4px) + 4px));
  3670. }
  3671. }
  3672. [dir=rtl] .mdc-select--outlined .mdc-select__anchor, .mdc-select--outlined .mdc-select__anchor[dir=rtl] {
  3673. /* @noflip */
  3674. padding-left: 0;
  3675. }
  3676. @supports (top: max(0%)) {
  3677. [dir=rtl] .mdc-select--outlined .mdc-select__anchor, .mdc-select--outlined .mdc-select__anchor[dir=rtl] {
  3678. /* @noflip */
  3679. padding-right: max(16px, calc(var(--mdc-shape-small, 4px) + 4px));
  3680. }
  3681. }
  3682. @supports (top: max(0%)) {
  3683. .mdc-select--outlined + .mdc-select-helper-text {
  3684. /* @noflip */
  3685. margin-left: max(16px, calc(var(--mdc-shape-small, 4px) + 4px));
  3686. }
  3687. }
  3688. [dir=rtl] .mdc-select--outlined + .mdc-select-helper-text, .mdc-select--outlined + .mdc-select-helper-text[dir=rtl] {
  3689. /* @noflip */
  3690. margin-left: 0;
  3691. }
  3692. @supports (top: max(0%)) {
  3693. [dir=rtl] .mdc-select--outlined + .mdc-select-helper-text, .mdc-select--outlined + .mdc-select-helper-text[dir=rtl] {
  3694. /* @noflip */
  3695. margin-right: max(16px, calc(var(--mdc-shape-small, 4px) + 4px));
  3696. }
  3697. }
  3698. .mdc-select--outlined:not(.mdc-select--disabled) .mdc-select__anchor {
  3699. background-color: transparent;
  3700. }
  3701. .mdc-select--outlined.mdc-select--disabled .mdc-select__anchor {
  3702. background-color: transparent;
  3703. }
  3704. .mdc-select--outlined:not(.mdc-select--disabled) .mdc-notched-outline__leading,
  3705. .mdc-select--outlined:not(.mdc-select--disabled) .mdc-notched-outline__notch,
  3706. .mdc-select--outlined:not(.mdc-select--disabled) .mdc-notched-outline__trailing {
  3707. border-color: rgba(0, 0, 0, 0.38);
  3708. }
  3709. .mdc-select--outlined:not(.mdc-select--disabled):not(.mdc-select--focused) .mdc-select__anchor:hover .mdc-notched-outline .mdc-notched-outline__leading,
  3710. .mdc-select--outlined:not(.mdc-select--disabled):not(.mdc-select--focused) .mdc-select__anchor:hover .mdc-notched-outline .mdc-notched-outline__notch,
  3711. .mdc-select--outlined:not(.mdc-select--disabled):not(.mdc-select--focused) .mdc-select__anchor:hover .mdc-notched-outline .mdc-notched-outline__trailing {
  3712. border-color: rgba(0, 0, 0, 0.87);
  3713. }
  3714. .mdc-select--outlined:not(.mdc-select--disabled).mdc-select--focused .mdc-notched-outline .mdc-notched-outline__leading,
  3715. .mdc-select--outlined:not(.mdc-select--disabled).mdc-select--focused .mdc-notched-outline .mdc-notched-outline__notch,
  3716. .mdc-select--outlined:not(.mdc-select--disabled).mdc-select--focused .mdc-notched-outline .mdc-notched-outline__trailing {
  3717. border-width: 2px;
  3718. }
  3719. .mdc-select--outlined:not(.mdc-select--disabled).mdc-select--focused .mdc-notched-outline .mdc-notched-outline__leading,
  3720. .mdc-select--outlined:not(.mdc-select--disabled).mdc-select--focused .mdc-notched-outline .mdc-notched-outline__notch,
  3721. .mdc-select--outlined:not(.mdc-select--disabled).mdc-select--focused .mdc-notched-outline .mdc-notched-outline__trailing {
  3722. border-color: #6200ee;
  3723. /* @alternate */
  3724. border-color: var(--mdc-theme-primary, #6200ee);
  3725. }
  3726. .mdc-select--outlined.mdc-select--disabled .mdc-notched-outline__leading,
  3727. .mdc-select--outlined.mdc-select--disabled .mdc-notched-outline__notch,
  3728. .mdc-select--outlined.mdc-select--disabled .mdc-notched-outline__trailing {
  3729. border-color: rgba(0, 0, 0, 0.06);
  3730. }
  3731. .mdc-select--outlined .mdc-select__anchor :not(.mdc-notched-outline--notched) .mdc-notched-outline__notch {
  3732. max-width: calc(100% - 60px);
  3733. }
  3734. .mdc-select--outlined .mdc-select__anchor {
  3735. display: flex;
  3736. align-items: baseline;
  3737. overflow: visible;
  3738. }
  3739. .mdc-select--outlined .mdc-select__anchor .mdc-floating-label--shake {
  3740. -webkit-animation: mdc-floating-label-shake-float-above-select-outlined 250ms 1;
  3741. animation: mdc-floating-label-shake-float-above-select-outlined 250ms 1;
  3742. }
  3743. .mdc-select--outlined .mdc-select__anchor .mdc-floating-label--float-above {
  3744. -webkit-transform: translateY(-37.25px) scale(1);
  3745. transform: translateY(-37.25px) scale(1);
  3746. }
  3747. .mdc-select--outlined .mdc-select__anchor .mdc-floating-label--float-above {
  3748. font-size: 0.75rem;
  3749. }
  3750. .mdc-select--outlined .mdc-select__anchor.mdc-notched-outline--upgraded .mdc-floating-label--float-above,
  3751. .mdc-select--outlined .mdc-select__anchor .mdc-notched-outline--upgraded .mdc-floating-label--float-above {
  3752. -webkit-transform: translateY(-34.75px) scale(0.75);
  3753. transform: translateY(-34.75px) scale(0.75);
  3754. }
  3755. .mdc-select--outlined .mdc-select__anchor.mdc-notched-outline--upgraded .mdc-floating-label--float-above,
  3756. .mdc-select--outlined .mdc-select__anchor .mdc-notched-outline--upgraded .mdc-floating-label--float-above {
  3757. font-size: 1rem;
  3758. }
  3759. .mdc-select--outlined .mdc-select__anchor .mdc-notched-outline--notched .mdc-notched-outline__notch {
  3760. padding-top: 1px;
  3761. }
  3762. .mdc-select--outlined .mdc-select__anchor .mdc-select__selected-text::before {
  3763. content: "​";
  3764. }
  3765. .mdc-select--outlined .mdc-select__anchor .mdc-select__selected-text-container {
  3766. height: 100%;
  3767. display: inline-flex;
  3768. align-items: center;
  3769. }
  3770. .mdc-select--outlined .mdc-select__anchor::before {
  3771. display: none;
  3772. }
  3773. .mdc-select--outlined .mdc-select__selected-text-container {
  3774. display: flex;
  3775. border: none;
  3776. z-index: 1;
  3777. background-color: transparent;
  3778. }
  3779. .mdc-select--outlined .mdc-select__icon {
  3780. z-index: 2;
  3781. }
  3782. .mdc-select--outlined .mdc-floating-label {
  3783. line-height: 1.15rem;
  3784. /* @noflip */
  3785. left: 4px;
  3786. /* @noflip */
  3787. right: initial;
  3788. }
  3789. [dir=rtl] .mdc-select--outlined .mdc-floating-label, .mdc-select--outlined .mdc-floating-label[dir=rtl] {
  3790. /* @noflip */
  3791. left: initial;
  3792. /* @noflip */
  3793. right: 4px;
  3794. }
  3795. .mdc-select--outlined.mdc-select--focused .mdc-notched-outline--notched .mdc-notched-outline__notch {
  3796. padding-top: 2px;
  3797. }
  3798. .mdc-select--outlined.mdc-select--invalid:not(.mdc-select--disabled) .mdc-notched-outline__leading,
  3799. .mdc-select--outlined.mdc-select--invalid:not(.mdc-select--disabled) .mdc-notched-outline__notch,
  3800. .mdc-select--outlined.mdc-select--invalid:not(.mdc-select--disabled) .mdc-notched-outline__trailing {
  3801. border-color: #b00020;
  3802. /* @alternate */
  3803. border-color: var(--mdc-theme-error, #b00020);
  3804. }
  3805. .mdc-select--outlined.mdc-select--invalid:not(.mdc-select--disabled):not(.mdc-select--focused) .mdc-select__anchor:hover .mdc-notched-outline .mdc-notched-outline__leading,
  3806. .mdc-select--outlined.mdc-select--invalid:not(.mdc-select--disabled):not(.mdc-select--focused) .mdc-select__anchor:hover .mdc-notched-outline .mdc-notched-outline__notch,
  3807. .mdc-select--outlined.mdc-select--invalid:not(.mdc-select--disabled):not(.mdc-select--focused) .mdc-select__anchor:hover .mdc-notched-outline .mdc-notched-outline__trailing {
  3808. border-color: #b00020;
  3809. /* @alternate */
  3810. border-color: var(--mdc-theme-error, #b00020);
  3811. }
  3812. .mdc-select--outlined.mdc-select--invalid:not(.mdc-select--disabled).mdc-select--focused .mdc-notched-outline .mdc-notched-outline__leading,
  3813. .mdc-select--outlined.mdc-select--invalid:not(.mdc-select--disabled).mdc-select--focused .mdc-notched-outline .mdc-notched-outline__notch,
  3814. .mdc-select--outlined.mdc-select--invalid:not(.mdc-select--disabled).mdc-select--focused .mdc-notched-outline .mdc-notched-outline__trailing {
  3815. border-width: 2px;
  3816. }
  3817. .mdc-select--outlined.mdc-select--invalid:not(.mdc-select--disabled).mdc-select--focused .mdc-notched-outline .mdc-notched-outline__leading,
  3818. .mdc-select--outlined.mdc-select--invalid:not(.mdc-select--disabled).mdc-select--focused .mdc-notched-outline .mdc-notched-outline__notch,
  3819. .mdc-select--outlined.mdc-select--invalid:not(.mdc-select--disabled).mdc-select--focused .mdc-notched-outline .mdc-notched-outline__trailing {
  3820. border-color: #b00020;
  3821. /* @alternate */
  3822. border-color: var(--mdc-theme-error, #b00020);
  3823. }
  3824. .mdc-select--outlined.mdc-select--with-leading-icon .mdc-floating-label {
  3825. /* @noflip */
  3826. left: 36px;
  3827. /* @noflip */
  3828. right: initial;
  3829. }
  3830. [dir=rtl] .mdc-select--outlined.mdc-select--with-leading-icon .mdc-floating-label, .mdc-select--outlined.mdc-select--with-leading-icon .mdc-floating-label[dir=rtl] {
  3831. /* @noflip */
  3832. left: initial;
  3833. /* @noflip */
  3834. right: 36px;
  3835. }
  3836. .mdc-select--outlined.mdc-select--with-leading-icon .mdc-floating-label--float-above {
  3837. -webkit-transform: translateY(-37.25px) translateX(-32px) scale(1);
  3838. transform: translateY(-37.25px) translateX(-32px) scale(1);
  3839. }
  3840. [dir=rtl] .mdc-select--outlined.mdc-select--with-leading-icon .mdc-floating-label--float-above, .mdc-select--outlined.mdc-select--with-leading-icon .mdc-floating-label--float-above[dir=rtl] {
  3841. -webkit-transform: translateY(-37.25px) translateX(32px) scale(1);
  3842. transform: translateY(-37.25px) translateX(32px) scale(1);
  3843. }
  3844. .mdc-select--outlined.mdc-select--with-leading-icon .mdc-floating-label--float-above {
  3845. font-size: 0.75rem;
  3846. }
  3847. .mdc-select--outlined.mdc-select--with-leading-icon.mdc-notched-outline--upgraded .mdc-floating-label--float-above,
  3848. .mdc-select--outlined.mdc-select--with-leading-icon .mdc-notched-outline--upgraded .mdc-floating-label--float-above {
  3849. -webkit-transform: translateY(-34.75px) translateX(-32px) scale(0.75);
  3850. transform: translateY(-34.75px) translateX(-32px) scale(0.75);
  3851. }
  3852. [dir=rtl] .mdc-select--outlined.mdc-select--with-leading-icon.mdc-notched-outline--upgraded .mdc-floating-label--float-above, .mdc-select--outlined.mdc-select--with-leading-icon.mdc-notched-outline--upgraded .mdc-floating-label--float-above[dir=rtl],
  3853. [dir=rtl] .mdc-select--outlined.mdc-select--with-leading-icon .mdc-notched-outline--upgraded .mdc-floating-label--float-above,
  3854. .mdc-select--outlined.mdc-select--with-leading-icon .mdc-notched-outline--upgraded .mdc-floating-label--float-above[dir=rtl] {
  3855. -webkit-transform: translateY(-34.75px) translateX(32px) scale(0.75);
  3856. transform: translateY(-34.75px) translateX(32px) scale(0.75);
  3857. }
  3858. .mdc-select--outlined.mdc-select--with-leading-icon.mdc-notched-outline--upgraded .mdc-floating-label--float-above,
  3859. .mdc-select--outlined.mdc-select--with-leading-icon .mdc-notched-outline--upgraded .mdc-floating-label--float-above {
  3860. font-size: 1rem;
  3861. }
  3862. .mdc-select--outlined.mdc-select--with-leading-icon .mdc-floating-label--shake {
  3863. -webkit-animation: mdc-floating-label-shake-float-above-select-outlined-leading-icon-56px 250ms 1;
  3864. animation: mdc-floating-label-shake-float-above-select-outlined-leading-icon-56px 250ms 1;
  3865. }
  3866. @-webkit-keyframes mdc-floating-label-shake-float-above-select-outlined-leading-icon-56px {
  3867. 0% {
  3868. -webkit-transform: translateX(calc(0 - 32px)) translateY(-34.75px) scale(0.75);
  3869. transform: translateX(calc(0 - 32px)) translateY(-34.75px) scale(0.75);
  3870. }
  3871. 33% {
  3872. -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);
  3873. animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);
  3874. -webkit-transform: translateX(calc(4% - 32px)) translateY(-34.75px) scale(0.75);
  3875. transform: translateX(calc(4% - 32px)) translateY(-34.75px) scale(0.75);
  3876. }
  3877. 66% {
  3878. -webkit-animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
  3879. animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
  3880. -webkit-transform: translateX(calc(-4% - 32px)) translateY(-34.75px) scale(0.75);
  3881. transform: translateX(calc(-4% - 32px)) translateY(-34.75px) scale(0.75);
  3882. }
  3883. 100% {
  3884. -webkit-transform: translateX(calc(0 - 32px)) translateY(-34.75px) scale(0.75);
  3885. transform: translateX(calc(0 - 32px)) translateY(-34.75px) scale(0.75);
  3886. }
  3887. }
  3888. @keyframes mdc-floating-label-shake-float-above-select-outlined-leading-icon-56px {
  3889. 0% {
  3890. -webkit-transform: translateX(calc(0 - 32px)) translateY(-34.75px) scale(0.75);
  3891. transform: translateX(calc(0 - 32px)) translateY(-34.75px) scale(0.75);
  3892. }
  3893. 33% {
  3894. -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);
  3895. animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);
  3896. -webkit-transform: translateX(calc(4% - 32px)) translateY(-34.75px) scale(0.75);
  3897. transform: translateX(calc(4% - 32px)) translateY(-34.75px) scale(0.75);
  3898. }
  3899. 66% {
  3900. -webkit-animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
  3901. animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
  3902. -webkit-transform: translateX(calc(-4% - 32px)) translateY(-34.75px) scale(0.75);
  3903. transform: translateX(calc(-4% - 32px)) translateY(-34.75px) scale(0.75);
  3904. }
  3905. 100% {
  3906. -webkit-transform: translateX(calc(0 - 32px)) translateY(-34.75px) scale(0.75);
  3907. transform: translateX(calc(0 - 32px)) translateY(-34.75px) scale(0.75);
  3908. }
  3909. }
  3910. [dir=rtl] .mdc-select--outlined.mdc-select--with-leading-icon .mdc-floating-label--shake, .mdc-select--outlined.mdc-select--with-leading-icon[dir=rtl] .mdc-floating-label--shake {
  3911. -webkit-animation: mdc-floating-label-shake-float-above-select-outlined-leading-icon-56px 250ms 1;
  3912. animation: mdc-floating-label-shake-float-above-select-outlined-leading-icon-56px 250ms 1;
  3913. }
  3914. @-webkit-keyframes mdc-floating-label-shake-float-above-select-outlined-leading-icon-56px-rtl {
  3915. 0% {
  3916. -webkit-transform: translateX(calc(0 - -32px)) translateY(-34.75px) scale(0.75);
  3917. transform: translateX(calc(0 - -32px)) translateY(-34.75px) scale(0.75);
  3918. }
  3919. 33% {
  3920. -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);
  3921. animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);
  3922. -webkit-transform: translateX(calc(4% - -32px)) translateY(-34.75px) scale(0.75);
  3923. transform: translateX(calc(4% - -32px)) translateY(-34.75px) scale(0.75);
  3924. }
  3925. 66% {
  3926. -webkit-animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
  3927. animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
  3928. -webkit-transform: translateX(calc(-4% - -32px)) translateY(-34.75px) scale(0.75);
  3929. transform: translateX(calc(-4% - -32px)) translateY(-34.75px) scale(0.75);
  3930. }
  3931. 100% {
  3932. -webkit-transform: translateX(calc(0 - -32px)) translateY(-34.75px) scale(0.75);
  3933. transform: translateX(calc(0 - -32px)) translateY(-34.75px) scale(0.75);
  3934. }
  3935. }
  3936. @keyframes mdc-floating-label-shake-float-above-select-outlined-leading-icon-56px-rtl {
  3937. 0% {
  3938. -webkit-transform: translateX(calc(0 - -32px)) translateY(-34.75px) scale(0.75);
  3939. transform: translateX(calc(0 - -32px)) translateY(-34.75px) scale(0.75);
  3940. }
  3941. 33% {
  3942. -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);
  3943. animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);
  3944. -webkit-transform: translateX(calc(4% - -32px)) translateY(-34.75px) scale(0.75);
  3945. transform: translateX(calc(4% - -32px)) translateY(-34.75px) scale(0.75);
  3946. }
  3947. 66% {
  3948. -webkit-animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
  3949. animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
  3950. -webkit-transform: translateX(calc(-4% - -32px)) translateY(-34.75px) scale(0.75);
  3951. transform: translateX(calc(-4% - -32px)) translateY(-34.75px) scale(0.75);
  3952. }
  3953. 100% {
  3954. -webkit-transform: translateX(calc(0 - -32px)) translateY(-34.75px) scale(0.75);
  3955. transform: translateX(calc(0 - -32px)) translateY(-34.75px) scale(0.75);
  3956. }
  3957. }
  3958. .mdc-select--outlined.mdc-select--with-leading-icon .mdc-select__anchor :not(.mdc-notched-outline--notched) .mdc-notched-outline__notch {
  3959. max-width: calc(100% - 96px);
  3960. }
  3961. .mdc-select--outlined .mdc-menu-surface {
  3962. margin-bottom: 8px;
  3963. }
  3964. .mdc-select--outlined.mdc-select--no-label .mdc-menu-surface,
  3965. .mdc-select--outlined .mdc-menu-surface--is-open-below {
  3966. margin-bottom: 0;
  3967. }
  3968. .mdc-select__anchor {
  3969. --mdc-ripple-fg-size: 0;
  3970. --mdc-ripple-left: 0;
  3971. --mdc-ripple-top: 0;
  3972. --mdc-ripple-fg-scale: 1;
  3973. --mdc-ripple-fg-translate-end: 0;
  3974. --mdc-ripple-fg-translate-start: 0;
  3975. -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  3976. will-change: transform, opacity;
  3977. }
  3978. .mdc-select__anchor .mdc-select__ripple::before,
  3979. .mdc-select__anchor .mdc-select__ripple::after {
  3980. position: absolute;
  3981. border-radius: 50%;
  3982. opacity: 0;
  3983. pointer-events: none;
  3984. content: "";
  3985. }
  3986. .mdc-select__anchor .mdc-select__ripple::before {
  3987. transition: opacity 15ms linear, background-color 15ms linear;
  3988. z-index: 1;
  3989. /* @alternate */
  3990. z-index: var(--mdc-ripple-z-index, 1);
  3991. }
  3992. .mdc-select__anchor .mdc-select__ripple::after {
  3993. z-index: 0;
  3994. /* @alternate */
  3995. z-index: var(--mdc-ripple-z-index, 0);
  3996. }
  3997. .mdc-select__anchor.mdc-ripple-upgraded .mdc-select__ripple::before {
  3998. -webkit-transform: scale(var(--mdc-ripple-fg-scale, 1));
  3999. transform: scale(var(--mdc-ripple-fg-scale, 1));
  4000. }
  4001. .mdc-select__anchor.mdc-ripple-upgraded .mdc-select__ripple::after {
  4002. top: 0;
  4003. /* @noflip */
  4004. left: 0;
  4005. -webkit-transform: scale(0);
  4006. transform: scale(0);
  4007. -webkit-transform-origin: center center;
  4008. transform-origin: center center;
  4009. }
  4010. .mdc-select__anchor.mdc-ripple-upgraded--unbounded .mdc-select__ripple::after {
  4011. top: var(--mdc-ripple-top, 0);
  4012. /* @noflip */
  4013. left: var(--mdc-ripple-left, 0);
  4014. }
  4015. .mdc-select__anchor.mdc-ripple-upgraded--foreground-activation .mdc-select__ripple::after {
  4016. -webkit-animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards;
  4017. animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards;
  4018. }
  4019. .mdc-select__anchor.mdc-ripple-upgraded--foreground-deactivation .mdc-select__ripple::after {
  4020. -webkit-animation: mdc-ripple-fg-opacity-out 150ms;
  4021. animation: mdc-ripple-fg-opacity-out 150ms;
  4022. -webkit-transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
  4023. transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
  4024. }
  4025. .mdc-select__anchor .mdc-select__ripple::before,
  4026. .mdc-select__anchor .mdc-select__ripple::after {
  4027. top: calc(50% - 100%);
  4028. /* @noflip */
  4029. left: calc(50% - 100%);
  4030. width: 200%;
  4031. height: 200%;
  4032. }
  4033. .mdc-select__anchor.mdc-ripple-upgraded .mdc-select__ripple::after {
  4034. width: var(--mdc-ripple-fg-size, 100%);
  4035. height: var(--mdc-ripple-fg-size, 100%);
  4036. }
  4037. .mdc-select__anchor .mdc-select__ripple::before,
  4038. .mdc-select__anchor .mdc-select__ripple::after {
  4039. background-color: rgba(0, 0, 0, 0.87);
  4040. /* @alternate */
  4041. background-color: var(--mdc-ripple-color, rgba(0, 0, 0, 0.87));
  4042. }
  4043. .mdc-select__anchor:hover .mdc-select__ripple::before, .mdc-select__anchor.mdc-ripple-surface--hover .mdc-select__ripple::before {
  4044. opacity: 0.04;
  4045. /* @alternate */
  4046. opacity: var(--mdc-ripple-hover-opacity, 0.04);
  4047. }
  4048. .mdc-select__anchor.mdc-ripple-upgraded--background-focused .mdc-select__ripple::before, .mdc-select__anchor:not(.mdc-ripple-upgraded):focus .mdc-select__ripple::before {
  4049. transition-duration: 75ms;
  4050. opacity: 0.12;
  4051. /* @alternate */
  4052. opacity: var(--mdc-ripple-focus-opacity, 0.12);
  4053. }
  4054. .mdc-select__anchor .mdc-select__ripple {
  4055. position: absolute;
  4056. top: 0;
  4057. left: 0;
  4058. width: 100%;
  4059. height: 100%;
  4060. pointer-events: none;
  4061. }
  4062. .mdc-select__menu .mdc-list .mdc-list-item--selected .mdc-list-item__ripple::before, .mdc-select__menu .mdc-list .mdc-list-item--selected .mdc-list-item__ripple::after {
  4063. background-color: #000;
  4064. /* @alternate */
  4065. background-color: var(--mdc-ripple-color, var(--mdc-theme-on-surface, #000));
  4066. }
  4067. .mdc-select__menu .mdc-list .mdc-list-item--selected:hover .mdc-list-item__ripple::before, .mdc-select__menu .mdc-list .mdc-list-item--selected.mdc-ripple-surface--hover .mdc-list-item__ripple::before {
  4068. opacity: 0.04;
  4069. /* @alternate */
  4070. opacity: var(--mdc-ripple-hover-opacity, 0.04);
  4071. }
  4072. .mdc-select__menu .mdc-list .mdc-list-item--selected.mdc-ripple-upgraded--background-focused .mdc-list-item__ripple::before, .mdc-select__menu .mdc-list .mdc-list-item--selected:not(.mdc-ripple-upgraded):focus .mdc-list-item__ripple::before {
  4073. transition-duration: 75ms;
  4074. opacity: 0.12;
  4075. /* @alternate */
  4076. opacity: var(--mdc-ripple-focus-opacity, 0.12);
  4077. }
  4078. .mdc-select__menu .mdc-list .mdc-list-item--selected:not(.mdc-ripple-upgraded) .mdc-list-item__ripple::after {
  4079. transition: opacity 150ms linear;
  4080. }
  4081. .mdc-select__menu .mdc-list .mdc-list-item--selected:not(.mdc-ripple-upgraded):active .mdc-list-item__ripple::after {
  4082. transition-duration: 75ms;
  4083. opacity: 0.12;
  4084. /* @alternate */
  4085. opacity: var(--mdc-ripple-press-opacity, 0.12);
  4086. }
  4087. .mdc-select__menu .mdc-list .mdc-list-item--selected.mdc-ripple-upgraded {
  4088. --mdc-ripple-fg-opacity: var(--mdc-ripple-press-opacity, 0.12);
  4089. }
  4090. .mdc-select-helper-text {
  4091. margin: 0;
  4092. /* @noflip */
  4093. margin-left: 16px;
  4094. /* @noflip */
  4095. margin-right: 16px;
  4096. -moz-osx-font-smoothing: grayscale;
  4097. -webkit-font-smoothing: antialiased;
  4098. font-family: Roboto, sans-serif;
  4099. /* @alternate */
  4100. font-family: var(--mdc-typography-caption-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));
  4101. font-size: 0.75rem;
  4102. /* @alternate */
  4103. font-size: var(--mdc-typography-caption-font-size, 0.75rem);
  4104. line-height: 1.25rem;
  4105. /* @alternate */
  4106. line-height: var(--mdc-typography-caption-line-height, 1.25rem);
  4107. font-weight: 400;
  4108. /* @alternate */
  4109. font-weight: var(--mdc-typography-caption-font-weight, 400);
  4110. letter-spacing: 0.0333333333em;
  4111. /* @alternate */
  4112. letter-spacing: var(--mdc-typography-caption-letter-spacing, 0.0333333333em);
  4113. text-decoration: inherit;
  4114. /* @alternate */
  4115. -webkit-text-decoration: var(--mdc-typography-caption-text-decoration, inherit);
  4116. text-decoration: var(--mdc-typography-caption-text-decoration, inherit);
  4117. text-transform: inherit;
  4118. /* @alternate */
  4119. text-transform: var(--mdc-typography-caption-text-transform, inherit);
  4120. display: block;
  4121. margin-top: 0;
  4122. /* @alternate */
  4123. line-height: normal;
  4124. }
  4125. [dir=rtl] .mdc-select-helper-text, .mdc-select-helper-text[dir=rtl] {
  4126. /* @noflip */
  4127. margin-left: 16px;
  4128. /* @noflip */
  4129. margin-right: 16px;
  4130. }
  4131. .mdc-select-helper-text::before {
  4132. display: inline-block;
  4133. width: 0;
  4134. height: 16px;
  4135. content: "";
  4136. vertical-align: 0;
  4137. }
  4138. .mdc-select-helper-text--validation-msg {
  4139. opacity: 0;
  4140. transition: opacity 180ms cubic-bezier(0.4, 0, 0.2, 1);
  4141. }
  4142. .mdc-select--invalid + .mdc-select-helper-text--validation-msg,
  4143. .mdc-select-helper-text--validation-msg-persistent {
  4144. opacity: 1;
  4145. }
  4146. .mdc-select--with-leading-icon .mdc-select__icon {
  4147. display: inline-block;
  4148. box-sizing: border-box;
  4149. border: none;
  4150. text-decoration: none;
  4151. cursor: pointer;
  4152. -webkit-user-select: none;
  4153. -moz-user-select: none;
  4154. -ms-user-select: none;
  4155. user-select: none;
  4156. flex-shrink: 0;
  4157. align-self: center;
  4158. background-color: transparent;
  4159. fill: currentColor;
  4160. }
  4161. .mdc-select--with-leading-icon .mdc-select__icon {
  4162. /* @noflip */
  4163. margin-left: 12px;
  4164. /* @noflip */
  4165. margin-right: 12px;
  4166. }
  4167. [dir=rtl] .mdc-select--with-leading-icon .mdc-select__icon, .mdc-select--with-leading-icon .mdc-select__icon[dir=rtl] {
  4168. /* @noflip */
  4169. margin-left: 12px;
  4170. /* @noflip */
  4171. margin-right: 12px;
  4172. }
  4173. .mdc-select__icon:not([tabindex]),
  4174. .mdc-select__icon[tabindex="-1"] {
  4175. cursor: default;
  4176. pointer-events: none;
  4177. }
  4178. .mdc-data-table__content {
  4179. -moz-osx-font-smoothing: grayscale;
  4180. -webkit-font-smoothing: antialiased;
  4181. font-family: Roboto, sans-serif;
  4182. /* @alternate */
  4183. font-family: var(--mdc-typography-body2-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));
  4184. font-size: 0.875rem;
  4185. /* @alternate */
  4186. font-size: var(--mdc-typography-body2-font-size, 0.875rem);
  4187. line-height: 1.25rem;
  4188. /* @alternate */
  4189. line-height: var(--mdc-typography-body2-line-height, 1.25rem);
  4190. font-weight: 400;
  4191. /* @alternate */
  4192. font-weight: var(--mdc-typography-body2-font-weight, 400);
  4193. letter-spacing: 0.0178571429em;
  4194. /* @alternate */
  4195. letter-spacing: var(--mdc-typography-body2-letter-spacing, 0.0178571429em);
  4196. text-decoration: inherit;
  4197. /* @alternate */
  4198. -webkit-text-decoration: var(--mdc-typography-body2-text-decoration, inherit);
  4199. text-decoration: var(--mdc-typography-body2-text-decoration, inherit);
  4200. text-transform: inherit;
  4201. /* @alternate */
  4202. text-transform: var(--mdc-typography-body2-text-transform, inherit);
  4203. }
  4204. .mdc-data-table {
  4205. background-color: #fff;
  4206. /* @alternate */
  4207. background-color: var(--mdc-theme-surface, #fff);
  4208. border-radius: 4px;
  4209. /* @alternate */
  4210. border-radius: var(--mdc-shape-medium, 4px);
  4211. border-width: 1px;
  4212. border-style: solid;
  4213. border-color: rgba(0, 0, 0, 0.12);
  4214. -webkit-overflow-scrolling: touch;
  4215. display: inline-flex;
  4216. flex-direction: column;
  4217. box-sizing: border-box;
  4218. position: relative;
  4219. }
  4220. .mdc-data-table .mdc-data-table__header-cell:first-child {
  4221. border-top-left-radius: 4px;
  4222. /* @alternate */
  4223. border-top-left-radius: var(--mdc-shape-medium, 4px);
  4224. }
  4225. [dir=rtl] .mdc-data-table .mdc-data-table__header-cell:first-child, .mdc-data-table .mdc-data-table__header-cell:first-child[dir=rtl] {
  4226. border-top-right-radius: 4px;
  4227. /* @alternate */
  4228. border-top-right-radius: var(--mdc-shape-medium, 4px);
  4229. border-top-left-radius: 0;
  4230. }
  4231. .mdc-data-table .mdc-data-table__header-cell:last-child {
  4232. border-top-right-radius: 4px;
  4233. /* @alternate */
  4234. border-top-right-radius: var(--mdc-shape-medium, 4px);
  4235. }
  4236. [dir=rtl] .mdc-data-table .mdc-data-table__header-cell:last-child, .mdc-data-table .mdc-data-table__header-cell:last-child[dir=rtl] {
  4237. border-top-left-radius: 4px;
  4238. /* @alternate */
  4239. border-top-left-radius: var(--mdc-shape-medium, 4px);
  4240. border-top-right-radius: 0;
  4241. }
  4242. .mdc-data-table__row {
  4243. background-color: inherit;
  4244. }
  4245. .mdc-data-table__header-cell {
  4246. background-color: #fff;
  4247. /* @alternate */
  4248. background-color: var(--mdc-theme-surface, #fff);
  4249. }
  4250. .mdc-data-table__row--selected {
  4251. background-color: rgba(98, 0, 238, 0.04);
  4252. }
  4253. .mdc-data-table__header-cell:after {
  4254. border-bottom-color: rgba(0, 0, 0, 0.12);
  4255. }
  4256. .mdc-data-table__pagination-rows-per-page-select:not(.mdc-select--disabled) .mdc-notched-outline__leading,
  4257. .mdc-data-table__pagination-rows-per-page-select:not(.mdc-select--disabled) .mdc-notched-outline__notch,
  4258. .mdc-data-table__pagination-rows-per-page-select:not(.mdc-select--disabled) .mdc-notched-outline__trailing {
  4259. border-color: rgba(0, 0, 0, 0.12);
  4260. }
  4261. .mdc-data-table__row,
  4262. .mdc-data-table__pagination {
  4263. border-top-color: rgba(0, 0, 0, 0.12);
  4264. }
  4265. .mdc-data-table__header-cell:after {
  4266. border-bottom-style: solid;
  4267. border-bottom-width: 1px;
  4268. }
  4269. .mdc-data-table__row,
  4270. .mdc-data-table__pagination {
  4271. border-top-width: 1px;
  4272. border-top-style: solid;
  4273. }
  4274. .mdc-data-table__row:not(.mdc-data-table__row--selected):hover {
  4275. background-color: rgba(0, 0, 0, 0.04);
  4276. }
  4277. .mdc-data-table__header-cell {
  4278. color: rgba(0, 0, 0, 0.87);
  4279. }
  4280. .mdc-data-table__pagination-total,
  4281. .mdc-data-table__pagination-rows-per-page-label,
  4282. .mdc-data-table__cell {
  4283. color: rgba(0, 0, 0, 0.87);
  4284. }
  4285. .mdc-data-table__cell {
  4286. height: 52px;
  4287. }
  4288. .mdc-data-table__pagination {
  4289. min-height: 52px;
  4290. }
  4291. .mdc-data-table__header-cell {
  4292. height: 56px;
  4293. }
  4294. .mdc-data-table__cell,
  4295. .mdc-data-table__header-cell {
  4296. padding-right: 16px;
  4297. padding-left: 16px;
  4298. }
  4299. .mdc-data-table__header-cell--checkbox,
  4300. .mdc-data-table__cell--checkbox {
  4301. /* @noflip */
  4302. padding-left: 4px;
  4303. /* @noflip */
  4304. padding-right: 0;
  4305. }
  4306. [dir=rtl] .mdc-data-table__header-cell--checkbox, .mdc-data-table__header-cell--checkbox[dir=rtl],
  4307. [dir=rtl] .mdc-data-table__cell--checkbox,
  4308. .mdc-data-table__cell--checkbox[dir=rtl] {
  4309. /* @noflip */
  4310. padding-left: 0;
  4311. /* @noflip */
  4312. padding-right: 4px;
  4313. }
  4314. .mdc-data-table__sort-icon-button {
  4315. color: rgba(0, 0, 0, 0.6);
  4316. }
  4317. .mdc-data-table__sort-icon-button::before, .mdc-data-table__sort-icon-button::after {
  4318. background-color: rgba(0, 0, 0, 0.6);
  4319. /* @alternate */
  4320. background-color: var(--mdc-ripple-color, rgba(0, 0, 0, 0.6));
  4321. }
  4322. .mdc-data-table__sort-icon-button:hover::before, .mdc-data-table__sort-icon-button.mdc-ripple-surface--hover::before {
  4323. opacity: 0.04;
  4324. /* @alternate */
  4325. opacity: var(--mdc-ripple-hover-opacity, 0.04);
  4326. }
  4327. .mdc-data-table__sort-icon-button.mdc-ripple-upgraded--background-focused::before, .mdc-data-table__sort-icon-button:not(.mdc-ripple-upgraded):focus::before {
  4328. transition-duration: 75ms;
  4329. opacity: 0.12;
  4330. /* @alternate */
  4331. opacity: var(--mdc-ripple-focus-opacity, 0.12);
  4332. }
  4333. .mdc-data-table__sort-icon-button:not(.mdc-ripple-upgraded)::after {
  4334. transition: opacity 150ms linear;
  4335. }
  4336. .mdc-data-table__sort-icon-button:not(.mdc-ripple-upgraded):active::after {
  4337. transition-duration: 75ms;
  4338. opacity: 0.12;
  4339. /* @alternate */
  4340. opacity: var(--mdc-ripple-press-opacity, 0.12);
  4341. }
  4342. .mdc-data-table__sort-icon-button.mdc-ripple-upgraded {
  4343. --mdc-ripple-fg-opacity: var(--mdc-ripple-press-opacity, 0.12);
  4344. }
  4345. .mdc-data-table__header-cell--sorted .mdc-data-table__sort-icon-button {
  4346. color: rgba(0, 0, 0, 0.87);
  4347. }
  4348. .mdc-data-table__header-cell--sorted .mdc-data-table__sort-icon-button::before, .mdc-data-table__header-cell--sorted .mdc-data-table__sort-icon-button::after {
  4349. background-color: rgba(0, 0, 0, 0.87);
  4350. /* @alternate */
  4351. background-color: var(--mdc-ripple-color, rgba(0, 0, 0, 0.87));
  4352. }
  4353. .mdc-data-table__header-cell--sorted .mdc-data-table__sort-icon-button:hover::before, .mdc-data-table__header-cell--sorted .mdc-data-table__sort-icon-button.mdc-ripple-surface--hover::before {
  4354. opacity: 0.04;
  4355. /* @alternate */
  4356. opacity: var(--mdc-ripple-hover-opacity, 0.04);
  4357. }
  4358. .mdc-data-table__header-cell--sorted .mdc-data-table__sort-icon-button.mdc-ripple-upgraded--background-focused::before, .mdc-data-table__header-cell--sorted .mdc-data-table__sort-icon-button:not(.mdc-ripple-upgraded):focus::before {
  4359. transition-duration: 75ms;
  4360. opacity: 0.12;
  4361. /* @alternate */
  4362. opacity: var(--mdc-ripple-focus-opacity, 0.12);
  4363. }
  4364. .mdc-data-table__header-cell--sorted .mdc-data-table__sort-icon-button:not(.mdc-ripple-upgraded)::after {
  4365. transition: opacity 150ms linear;
  4366. }
  4367. .mdc-data-table__header-cell--sorted .mdc-data-table__sort-icon-button:not(.mdc-ripple-upgraded):active::after {
  4368. transition-duration: 75ms;
  4369. opacity: 0.12;
  4370. /* @alternate */
  4371. opacity: var(--mdc-ripple-press-opacity, 0.12);
  4372. }
  4373. .mdc-data-table__header-cell--sorted .mdc-data-table__sort-icon-button.mdc-ripple-upgraded {
  4374. --mdc-ripple-fg-opacity: var(--mdc-ripple-press-opacity, 0.12);
  4375. }
  4376. .mdc-data-table__table-container {
  4377. -webkit-overflow-scrolling: touch;
  4378. overflow-x: auto;
  4379. width: 100%;
  4380. }
  4381. .mdc-data-table__table {
  4382. min-width: 100%;
  4383. border: 0;
  4384. white-space: nowrap;
  4385. border-collapse: collapse;
  4386. /**
  4387. * With table-layout:fixed, table and column widths are defined by the width
  4388. * of the first row of cells. Cells in subsequent rows do not affect column
  4389. * widths. This results in a predictable table layout and may also speed up
  4390. * rendering.
  4391. */
  4392. table-layout: fixed;
  4393. }
  4394. .mdc-data-table__cell {
  4395. -moz-osx-font-smoothing: grayscale;
  4396. -webkit-font-smoothing: antialiased;
  4397. font-family: Roboto, sans-serif;
  4398. /* @alternate */
  4399. font-family: var(--mdc-typography-body2-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));
  4400. font-size: 0.875rem;
  4401. /* @alternate */
  4402. font-size: var(--mdc-typography-body2-font-size, 0.875rem);
  4403. line-height: 1.25rem;
  4404. /* @alternate */
  4405. line-height: var(--mdc-typography-body2-line-height, 1.25rem);
  4406. font-weight: 400;
  4407. /* @alternate */
  4408. font-weight: var(--mdc-typography-body2-font-weight, 400);
  4409. letter-spacing: 0.0178571429em;
  4410. /* @alternate */
  4411. letter-spacing: var(--mdc-typography-body2-letter-spacing, 0.0178571429em);
  4412. text-decoration: inherit;
  4413. /* @alternate */
  4414. -webkit-text-decoration: var(--mdc-typography-body2-text-decoration, inherit);
  4415. text-decoration: var(--mdc-typography-body2-text-decoration, inherit);
  4416. text-transform: inherit;
  4417. /* @alternate */
  4418. text-transform: var(--mdc-typography-body2-text-transform, inherit);
  4419. box-sizing: border-box;
  4420. overflow: hidden;
  4421. text-align: left;
  4422. text-overflow: ellipsis;
  4423. }
  4424. [dir=rtl] .mdc-data-table__cell, .mdc-data-table__cell[dir=rtl] {
  4425. /* @noflip */
  4426. text-align: right;
  4427. }
  4428. .mdc-data-table__cell--numeric {
  4429. text-align: right;
  4430. }
  4431. [dir=rtl] .mdc-data-table__cell--numeric, .mdc-data-table__cell--numeric[dir=rtl] {
  4432. /* @noflip */
  4433. text-align: left;
  4434. }
  4435. .mdc-data-table__cell--checkbox {
  4436. width: 1px;
  4437. }
  4438. .mdc-data-table__header-cell {
  4439. -moz-osx-font-smoothing: grayscale;
  4440. -webkit-font-smoothing: antialiased;
  4441. font-family: Roboto, sans-serif;
  4442. /* @alternate */
  4443. font-family: var(--mdc-typography-subtitle2-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));
  4444. font-size: 0.875rem;
  4445. /* @alternate */
  4446. font-size: var(--mdc-typography-subtitle2-font-size, 0.875rem);
  4447. line-height: 1.375rem;
  4448. /* @alternate */
  4449. line-height: var(--mdc-typography-subtitle2-line-height, 1.375rem);
  4450. font-weight: 500;
  4451. /* @alternate */
  4452. font-weight: var(--mdc-typography-subtitle2-font-weight, 500);
  4453. letter-spacing: 0.0071428571em;
  4454. /* @alternate */
  4455. letter-spacing: var(--mdc-typography-subtitle2-letter-spacing, 0.0071428571em);
  4456. text-decoration: inherit;
  4457. /* @alternate */
  4458. -webkit-text-decoration: var(--mdc-typography-subtitle2-text-decoration, inherit);
  4459. text-decoration: var(--mdc-typography-subtitle2-text-decoration, inherit);
  4460. text-transform: inherit;
  4461. /* @alternate */
  4462. text-transform: var(--mdc-typography-subtitle2-text-transform, inherit);
  4463. box-sizing: border-box;
  4464. text-overflow: ellipsis;
  4465. overflow: hidden;
  4466. outline: none;
  4467. /* @noflip */
  4468. text-align: left;
  4469. }
  4470. [dir=rtl] .mdc-data-table__header-cell, .mdc-data-table__header-cell[dir=rtl] {
  4471. /* @noflip */
  4472. text-align: right;
  4473. }
  4474. .mdc-data-table__header-cell--checkbox {
  4475. width: 1px;
  4476. }
  4477. .mdc-data-table__header-cell--numeric {
  4478. text-align: right;
  4479. }
  4480. [dir=rtl] .mdc-data-table__header-cell--numeric, .mdc-data-table__header-cell--numeric[dir=rtl] {
  4481. /* @noflip */
  4482. text-align: left;
  4483. }
  4484. .mdc-data-table__sort-icon-button {
  4485. width: 28px;
  4486. height: 28px;
  4487. padding: 2px;
  4488. -webkit-transform: rotate(0.0001deg);
  4489. transform: rotate(0.0001deg);
  4490. /* @noflip */
  4491. margin-left: 4px;
  4492. /* @noflip */
  4493. margin-right: 0;
  4494. transition: -webkit-transform 150ms 0ms cubic-bezier(0.4, 0, 0.2, 1);
  4495. transition: transform 150ms 0ms cubic-bezier(0.4, 0, 0.2, 1);
  4496. transition: transform 150ms 0ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 150ms 0ms cubic-bezier(0.4, 0, 0.2, 1);
  4497. opacity: 0;
  4498. }
  4499. [dir=rtl] .mdc-data-table__sort-icon-button, .mdc-data-table__sort-icon-button[dir=rtl] {
  4500. /* @noflip */
  4501. margin-left: 0;
  4502. /* @noflip */
  4503. margin-right: 4px;
  4504. }
  4505. .mdc-data-table__header-cell--numeric .mdc-data-table__sort-icon-button {
  4506. /* @noflip */
  4507. margin-left: 0;
  4508. /* @noflip */
  4509. margin-right: 4px;
  4510. }
  4511. [dir=rtl] .mdc-data-table__header-cell--numeric .mdc-data-table__sort-icon-button, .mdc-data-table__header-cell--numeric .mdc-data-table__sort-icon-button[dir=rtl] {
  4512. /* @noflip */
  4513. margin-left: 4px;
  4514. /* @noflip */
  4515. margin-right: 0;
  4516. }
  4517. .mdc-data-table__header-cell--sorted-descending .mdc-data-table__sort-icon-button {
  4518. -webkit-transform: rotate(-180deg);
  4519. transform: rotate(-180deg);
  4520. }
  4521. .mdc-data-table__sort-icon-button:focus, .mdc-data-table__header-cell:hover .mdc-data-table__sort-icon-button, .mdc-data-table__header-cell--sorted .mdc-data-table__sort-icon-button {
  4522. opacity: 1;
  4523. }
  4524. .mdc-data-table__header-cell-wrapper {
  4525. align-items: center;
  4526. display: inline-flex;
  4527. vertical-align: middle;
  4528. }
  4529. .mdc-data-table__header-cell--with-sort {
  4530. cursor: pointer;
  4531. }
  4532. .mdc-data-table__sort-status-label {
  4533. clip: rect(1px, 1px, 1px, 1px);
  4534. height: 1px;
  4535. overflow: hidden;
  4536. position: absolute;
  4537. white-space: nowrap;
  4538. /* added line */
  4539. width: 1px;
  4540. }
  4541. .mdc-data-table__progress-indicator {
  4542. display: none;
  4543. position: absolute;
  4544. width: 100%;
  4545. }
  4546. .mdc-data-table--in-progress .mdc-data-table__progress-indicator {
  4547. display: block;
  4548. }
  4549. .mdc-data-table__scrim {
  4550. background-color: #fff;
  4551. /* @alternate */
  4552. background-color: var(--mdc-theme-surface, #fff);
  4553. height: 100%;
  4554. opacity: 0.32;
  4555. position: absolute;
  4556. top: 0;
  4557. width: 100%;
  4558. }
  4559. .mdc-data-table--sticky-header .mdc-data-table__header-cell {
  4560. position: -webkit-sticky;
  4561. position: sticky;
  4562. top: 0;
  4563. z-index: 1;
  4564. }
  4565. .mdc-data-table--sticky-header .mdc-data-table__header-cell:after {
  4566. bottom: 0;
  4567. content: "";
  4568. left: 0;
  4569. position: absolute;
  4570. width: 100%;
  4571. }
  4572. .mdc-data-table--sticky-header .mdc-data-table__row:first-child {
  4573. border-top: 0;
  4574. }
  4575. .mdc-data-table__pagination {
  4576. -moz-osx-font-smoothing: grayscale;
  4577. -webkit-font-smoothing: antialiased;
  4578. font-family: Roboto, sans-serif;
  4579. /* @alternate */
  4580. font-family: var(--mdc-typography-body2-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));
  4581. font-size: 0.875rem;
  4582. /* @alternate */
  4583. font-size: var(--mdc-typography-body2-font-size, 0.875rem);
  4584. line-height: 1.25rem;
  4585. /* @alternate */
  4586. line-height: var(--mdc-typography-body2-line-height, 1.25rem);
  4587. font-weight: 400;
  4588. /* @alternate */
  4589. font-weight: var(--mdc-typography-body2-font-weight, 400);
  4590. letter-spacing: 0.0178571429em;
  4591. /* @alternate */
  4592. letter-spacing: var(--mdc-typography-body2-letter-spacing, 0.0178571429em);
  4593. text-decoration: inherit;
  4594. /* @alternate */
  4595. -webkit-text-decoration: var(--mdc-typography-body2-text-decoration, inherit);
  4596. text-decoration: var(--mdc-typography-body2-text-decoration, inherit);
  4597. text-transform: inherit;
  4598. /* @alternate */
  4599. text-transform: var(--mdc-typography-body2-text-transform, inherit);
  4600. box-sizing: border-box;
  4601. display: flex;
  4602. justify-content: flex-end;
  4603. }
  4604. .mdc-data-table__pagination-trailing {
  4605. /* @noflip */
  4606. margin-left: 4px;
  4607. /* @noflip */
  4608. margin-right: 0;
  4609. align-items: center;
  4610. display: flex;
  4611. flex-wrap: wrap;
  4612. justify-content: flex-end;
  4613. }
  4614. [dir=rtl] .mdc-data-table__pagination-trailing, .mdc-data-table__pagination-trailing[dir=rtl] {
  4615. /* @noflip */
  4616. margin-left: 0;
  4617. /* @noflip */
  4618. margin-right: 4px;
  4619. }
  4620. .mdc-data-table__pagination-navigation {
  4621. align-items: center;
  4622. display: flex;
  4623. }
  4624. .mdc-data-table__pagination-button {
  4625. /* @noflip */
  4626. margin-left: 0;
  4627. /* @noflip */
  4628. margin-right: 4px;
  4629. }
  4630. [dir=rtl] .mdc-data-table__pagination-button .mdc-button__icon, .mdc-data-table__pagination-button .mdc-button__icon[dir=rtl] {
  4631. /* @noflip */
  4632. -webkit-transform: rotate(180deg);
  4633. transform: rotate(180deg);
  4634. }
  4635. [dir=rtl] .mdc-data-table__pagination-button, .mdc-data-table__pagination-button[dir=rtl] {
  4636. /* @noflip */
  4637. margin-left: 4px;
  4638. /* @noflip */
  4639. margin-right: 0;
  4640. }
  4641. .mdc-data-table__pagination-total {
  4642. /* @noflip */
  4643. margin-left: 14px;
  4644. /* @noflip */
  4645. margin-right: 36px;
  4646. white-space: nowrap;
  4647. }
  4648. [dir=rtl] .mdc-data-table__pagination-total, .mdc-data-table__pagination-total[dir=rtl] {
  4649. /* @noflip */
  4650. margin-left: 36px;
  4651. /* @noflip */
  4652. margin-right: 14px;
  4653. }
  4654. .mdc-data-table__pagination-rows-per-page {
  4655. /* @noflip */
  4656. margin-left: 0;
  4657. /* @noflip */
  4658. margin-right: 22px;
  4659. align-items: center;
  4660. display: inline-flex;
  4661. }
  4662. [dir=rtl] .mdc-data-table__pagination-rows-per-page, .mdc-data-table__pagination-rows-per-page[dir=rtl] {
  4663. /* @noflip */
  4664. margin-left: 22px;
  4665. /* @noflip */
  4666. margin-right: 0;
  4667. }
  4668. .mdc-data-table__pagination-rows-per-page-label {
  4669. /* @noflip */
  4670. margin-left: 0;
  4671. /* @noflip */
  4672. margin-right: 12px;
  4673. white-space: nowrap;
  4674. }
  4675. [dir=rtl] .mdc-data-table__pagination-rows-per-page-label, .mdc-data-table__pagination-rows-per-page-label[dir=rtl] {
  4676. /* @noflip */
  4677. margin-left: 12px;
  4678. /* @noflip */
  4679. margin-right: 0;
  4680. }
  4681. .mdc-data-table__pagination-rows-per-page-select {
  4682. min-width: 80px;
  4683. /* @alternate */
  4684. min-width: var(--mdc-menu-min-width, 80px);
  4685. margin: 8px 0;
  4686. }
  4687. .mdc-data-table__pagination-rows-per-page-select .mdc-select__anchor {
  4688. width: 100%;
  4689. min-width: 80px;
  4690. }
  4691. .mdc-data-table__pagination-rows-per-page-select .mdc-select__anchor {
  4692. height: 36px;
  4693. }
  4694. .mdc-data-table__pagination-rows-per-page-select .mdc-select__anchor .mdc-floating-label--float-above {
  4695. -webkit-transform: translateY(-27.25px) scale(1);
  4696. transform: translateY(-27.25px) scale(1);
  4697. }
  4698. .mdc-data-table__pagination-rows-per-page-select .mdc-select__anchor .mdc-floating-label--float-above {
  4699. font-size: 0.75rem;
  4700. }
  4701. .mdc-data-table__pagination-rows-per-page-select .mdc-select__anchor.mdc-notched-outline--upgraded .mdc-floating-label--float-above,
  4702. .mdc-data-table__pagination-rows-per-page-select .mdc-select__anchor .mdc-notched-outline--upgraded .mdc-floating-label--float-above {
  4703. -webkit-transform: translateY(-24.75px) scale(0.75);
  4704. transform: translateY(-24.75px) scale(0.75);
  4705. }
  4706. .mdc-data-table__pagination-rows-per-page-select .mdc-select__anchor.mdc-notched-outline--upgraded .mdc-floating-label--float-above,
  4707. .mdc-data-table__pagination-rows-per-page-select .mdc-select__anchor .mdc-notched-outline--upgraded .mdc-floating-label--float-above {
  4708. font-size: 1rem;
  4709. }
  4710. .mdc-data-table__pagination-rows-per-page-select .mdc-select__anchor .mdc-floating-label--shake {
  4711. -webkit-animation: mdc-floating-label-shake-float-above-select-outlined-36px 250ms 1;
  4712. animation: mdc-floating-label-shake-float-above-select-outlined-36px 250ms 1;
  4713. }
  4714. @-webkit-keyframes mdc-floating-label-shake-float-above-select-outlined-36px {
  4715. 0% {
  4716. -webkit-transform: translateX(calc(0 - 0%)) translateY(-24.75px) scale(0.75);
  4717. transform: translateX(calc(0 - 0%)) translateY(-24.75px) scale(0.75);
  4718. }
  4719. 33% {
  4720. -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);
  4721. animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);
  4722. -webkit-transform: translateX(calc(4% - 0%)) translateY(-24.75px) scale(0.75);
  4723. transform: translateX(calc(4% - 0%)) translateY(-24.75px) scale(0.75);
  4724. }
  4725. 66% {
  4726. -webkit-animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
  4727. animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
  4728. -webkit-transform: translateX(calc(-4% - 0%)) translateY(-24.75px) scale(0.75);
  4729. transform: translateX(calc(-4% - 0%)) translateY(-24.75px) scale(0.75);
  4730. }
  4731. 100% {
  4732. -webkit-transform: translateX(calc(0 - 0%)) translateY(-24.75px) scale(0.75);
  4733. transform: translateX(calc(0 - 0%)) translateY(-24.75px) scale(0.75);
  4734. }
  4735. }
  4736. @keyframes mdc-floating-label-shake-float-above-select-outlined-36px {
  4737. 0% {
  4738. -webkit-transform: translateX(calc(0 - 0%)) translateY(-24.75px) scale(0.75);
  4739. transform: translateX(calc(0 - 0%)) translateY(-24.75px) scale(0.75);
  4740. }
  4741. 33% {
  4742. -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);
  4743. animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);
  4744. -webkit-transform: translateX(calc(4% - 0%)) translateY(-24.75px) scale(0.75);
  4745. transform: translateX(calc(4% - 0%)) translateY(-24.75px) scale(0.75);
  4746. }
  4747. 66% {
  4748. -webkit-animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
  4749. animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
  4750. -webkit-transform: translateX(calc(-4% - 0%)) translateY(-24.75px) scale(0.75);
  4751. transform: translateX(calc(-4% - 0%)) translateY(-24.75px) scale(0.75);
  4752. }
  4753. 100% {
  4754. -webkit-transform: translateX(calc(0 - 0%)) translateY(-24.75px) scale(0.75);
  4755. transform: translateX(calc(0 - 0%)) translateY(-24.75px) scale(0.75);
  4756. }
  4757. }
  4758. .mdc-data-table__pagination-rows-per-page-select .mdc-select__dropdown-icon {
  4759. width: 20px;
  4760. height: 20px;
  4761. }
  4762. .mdc-data-table__pagination-rows-per-page-select.mdc-select--outlined .mdc-select__anchor :not(.mdc-notched-outline--notched) .mdc-notched-outline__notch {
  4763. max-width: calc(100% - 56px);
  4764. }
  4765. .mdc-data-table__pagination-rows-per-page-select .mdc-list-item {
  4766. height: 36px;
  4767. }
  4768. .mdc-data-table__header-row-checkbox.mdc-checkbox--selected .mdc-checkbox__ripple::before, .mdc-data-table__header-row-checkbox.mdc-checkbox--selected .mdc-checkbox__ripple::after,
  4769. .mdc-data-table__row-checkbox.mdc-checkbox--selected .mdc-checkbox__ripple::before,
  4770. .mdc-data-table__row-checkbox.mdc-checkbox--selected .mdc-checkbox__ripple::after {
  4771. background-color: #6200ee;
  4772. /* @alternate */
  4773. background-color: var(--mdc-ripple-color, var(--mdc-theme-primary, #6200ee));
  4774. }
  4775. .mdc-data-table__header-row-checkbox.mdc-checkbox--selected:hover .mdc-checkbox__ripple::before, .mdc-data-table__header-row-checkbox.mdc-checkbox--selected.mdc-ripple-surface--hover .mdc-checkbox__ripple::before,
  4776. .mdc-data-table__row-checkbox.mdc-checkbox--selected:hover .mdc-checkbox__ripple::before,
  4777. .mdc-data-table__row-checkbox.mdc-checkbox--selected.mdc-ripple-surface--hover .mdc-checkbox__ripple::before {
  4778. opacity: 0.04;
  4779. /* @alternate */
  4780. opacity: var(--mdc-ripple-hover-opacity, 0.04);
  4781. }
  4782. .mdc-data-table__header-row-checkbox.mdc-checkbox--selected.mdc-ripple-upgraded--background-focused .mdc-checkbox__ripple::before, .mdc-data-table__header-row-checkbox.mdc-checkbox--selected:not(.mdc-ripple-upgraded):focus .mdc-checkbox__ripple::before,
  4783. .mdc-data-table__row-checkbox.mdc-checkbox--selected.mdc-ripple-upgraded--background-focused .mdc-checkbox__ripple::before,
  4784. .mdc-data-table__row-checkbox.mdc-checkbox--selected:not(.mdc-ripple-upgraded):focus .mdc-checkbox__ripple::before {
  4785. transition-duration: 75ms;
  4786. opacity: 0.12;
  4787. /* @alternate */
  4788. opacity: var(--mdc-ripple-focus-opacity, 0.12);
  4789. }
  4790. .mdc-data-table__header-row-checkbox.mdc-checkbox--selected:not(.mdc-ripple-upgraded) .mdc-checkbox__ripple::after,
  4791. .mdc-data-table__row-checkbox.mdc-checkbox--selected:not(.mdc-ripple-upgraded) .mdc-checkbox__ripple::after {
  4792. transition: opacity 150ms linear;
  4793. }
  4794. .mdc-data-table__header-row-checkbox.mdc-checkbox--selected:not(.mdc-ripple-upgraded):active .mdc-checkbox__ripple::after,
  4795. .mdc-data-table__row-checkbox.mdc-checkbox--selected:not(.mdc-ripple-upgraded):active .mdc-checkbox__ripple::after {
  4796. transition-duration: 75ms;
  4797. opacity: 0.12;
  4798. /* @alternate */
  4799. opacity: var(--mdc-ripple-press-opacity, 0.12);
  4800. }
  4801. .mdc-data-table__header-row-checkbox.mdc-checkbox--selected.mdc-ripple-upgraded,
  4802. .mdc-data-table__row-checkbox.mdc-checkbox--selected.mdc-ripple-upgraded {
  4803. --mdc-ripple-fg-opacity: var(--mdc-ripple-press-opacity, 0.12);
  4804. }
  4805. .mdc-data-table__header-row-checkbox.mdc-ripple-upgraded--background-focused.mdc-checkbox--selected .mdc-checkbox__ripple::before,
  4806. .mdc-data-table__header-row-checkbox.mdc-ripple-upgraded--background-focused.mdc-checkbox--selected .mdc-checkbox__ripple::after,
  4807. .mdc-data-table__row-checkbox.mdc-ripple-upgraded--background-focused.mdc-checkbox--selected .mdc-checkbox__ripple::before,
  4808. .mdc-data-table__row-checkbox.mdc-ripple-upgraded--background-focused.mdc-checkbox--selected .mdc-checkbox__ripple::after {
  4809. background-color: #6200ee;
  4810. /* @alternate */
  4811. background-color: var(--mdc-ripple-color, var(--mdc-theme-primary, #6200ee));
  4812. }
  4813. .mdc-data-table__header-row-checkbox .mdc-checkbox__native-control:enabled:not(:checked):not(:indeterminate):not([data-indeterminate=true]) ~ .mdc-checkbox__background,
  4814. .mdc-data-table__row-checkbox .mdc-checkbox__native-control:enabled:not(:checked):not(:indeterminate):not([data-indeterminate=true]) ~ .mdc-checkbox__background {
  4815. border-color: rgba(0, 0, 0, 0.54);
  4816. /* @alternate */
  4817. border-color: var(--mdc-checkbox-unchecked-color, rgba(0, 0, 0, 0.54));
  4818. background-color: transparent;
  4819. }
  4820. .mdc-data-table__header-row-checkbox .mdc-checkbox__native-control:enabled:checked ~ .mdc-checkbox__background,
  4821. .mdc-data-table__header-row-checkbox .mdc-checkbox__native-control:enabled:indeterminate ~ .mdc-checkbox__background,
  4822. .mdc-data-table__header-row-checkbox .mdc-checkbox__native-control[data-indeterminate=true]:enabled ~ .mdc-checkbox__background,
  4823. .mdc-data-table__row-checkbox .mdc-checkbox__native-control:enabled:checked ~ .mdc-checkbox__background,
  4824. .mdc-data-table__row-checkbox .mdc-checkbox__native-control:enabled:indeterminate ~ .mdc-checkbox__background,
  4825. .mdc-data-table__row-checkbox .mdc-checkbox__native-control[data-indeterminate=true]:enabled ~ .mdc-checkbox__background {
  4826. border-color: #6200ee;
  4827. /* @alternate */
  4828. border-color: var(--mdc-checkbox-checked-color, var(--mdc-theme-secondary, #6200ee));
  4829. background-color: #6200ee;
  4830. /* @alternate */
  4831. background-color: var(--mdc-checkbox-checked-color, var(--mdc-theme-secondary, #6200ee));
  4832. }
  4833. @-webkit-keyframes mdc-checkbox-fade-in-background-8A000000FF6200EE00000000FF6200EE {
  4834. 0% {
  4835. border-color: rgba(0, 0, 0, 0.54);
  4836. /* @alternate */
  4837. border-color: var(--mdc-checkbox-unchecked-color, rgba(0, 0, 0, 0.54));
  4838. background-color: transparent;
  4839. }
  4840. 50% {
  4841. border-color: #6200ee;
  4842. /* @alternate */
  4843. border-color: var(--mdc-checkbox-checked-color, var(--mdc-theme-secondary, #6200ee));
  4844. background-color: #6200ee;
  4845. /* @alternate */
  4846. background-color: var(--mdc-checkbox-checked-color, var(--mdc-theme-secondary, #6200ee));
  4847. }
  4848. }
  4849. @keyframes mdc-checkbox-fade-in-background-8A000000FF6200EE00000000FF6200EE {
  4850. 0% {
  4851. border-color: rgba(0, 0, 0, 0.54);
  4852. /* @alternate */
  4853. border-color: var(--mdc-checkbox-unchecked-color, rgba(0, 0, 0, 0.54));
  4854. background-color: transparent;
  4855. }
  4856. 50% {
  4857. border-color: #6200ee;
  4858. /* @alternate */
  4859. border-color: var(--mdc-checkbox-checked-color, var(--mdc-theme-secondary, #6200ee));
  4860. background-color: #6200ee;
  4861. /* @alternate */
  4862. background-color: var(--mdc-checkbox-checked-color, var(--mdc-theme-secondary, #6200ee));
  4863. }
  4864. }
  4865. @-webkit-keyframes mdc-checkbox-fade-out-background-8A000000FF6200EE00000000FF6200EE {
  4866. 0%, 80% {
  4867. border-color: #6200ee;
  4868. /* @alternate */
  4869. border-color: var(--mdc-checkbox-checked-color, var(--mdc-theme-secondary, #6200ee));
  4870. background-color: #6200ee;
  4871. /* @alternate */
  4872. background-color: var(--mdc-checkbox-checked-color, var(--mdc-theme-secondary, #6200ee));
  4873. }
  4874. 100% {
  4875. border-color: rgba(0, 0, 0, 0.54);
  4876. /* @alternate */
  4877. border-color: var(--mdc-checkbox-unchecked-color, rgba(0, 0, 0, 0.54));
  4878. background-color: transparent;
  4879. }
  4880. }
  4881. @keyframes mdc-checkbox-fade-out-background-8A000000FF6200EE00000000FF6200EE {
  4882. 0%, 80% {
  4883. border-color: #6200ee;
  4884. /* @alternate */
  4885. border-color: var(--mdc-checkbox-checked-color, var(--mdc-theme-secondary, #6200ee));
  4886. background-color: #6200ee;
  4887. /* @alternate */
  4888. background-color: var(--mdc-checkbox-checked-color, var(--mdc-theme-secondary, #6200ee));
  4889. }
  4890. 100% {
  4891. border-color: rgba(0, 0, 0, 0.54);
  4892. /* @alternate */
  4893. border-color: var(--mdc-checkbox-unchecked-color, rgba(0, 0, 0, 0.54));
  4894. background-color: transparent;
  4895. }
  4896. }
  4897. .mdc-data-table__header-row-checkbox.mdc-checkbox--anim-unchecked-checked .mdc-checkbox__native-control:enabled ~ .mdc-checkbox__background, .mdc-data-table__header-row-checkbox.mdc-checkbox--anim-unchecked-indeterminate .mdc-checkbox__native-control:enabled ~ .mdc-checkbox__background,
  4898. .mdc-data-table__row-checkbox.mdc-checkbox--anim-unchecked-checked .mdc-checkbox__native-control:enabled ~ .mdc-checkbox__background,
  4899. .mdc-data-table__row-checkbox.mdc-checkbox--anim-unchecked-indeterminate .mdc-checkbox__native-control:enabled ~ .mdc-checkbox__background {
  4900. -webkit-animation-name: mdc-checkbox-fade-in-background-8A000000FF6200EE00000000FF6200EE;
  4901. animation-name: mdc-checkbox-fade-in-background-8A000000FF6200EE00000000FF6200EE;
  4902. }
  4903. .mdc-data-table__header-row-checkbox.mdc-checkbox--anim-checked-unchecked .mdc-checkbox__native-control:enabled ~ .mdc-checkbox__background, .mdc-data-table__header-row-checkbox.mdc-checkbox--anim-indeterminate-unchecked .mdc-checkbox__native-control:enabled ~ .mdc-checkbox__background,
  4904. .mdc-data-table__row-checkbox.mdc-checkbox--anim-checked-unchecked .mdc-checkbox__native-control:enabled ~ .mdc-checkbox__background,
  4905. .mdc-data-table__row-checkbox.mdc-checkbox--anim-indeterminate-unchecked .mdc-checkbox__native-control:enabled ~ .mdc-checkbox__background {
  4906. -webkit-animation-name: mdc-checkbox-fade-out-background-8A000000FF6200EE00000000FF6200EE;
  4907. animation-name: mdc-checkbox-fade-out-background-8A000000FF6200EE00000000FF6200EE;
  4908. }
  4909. .mdc-dialog,
  4910. .mdc-dialog__scrim {
  4911. position: fixed;
  4912. top: 0;
  4913. left: 0;
  4914. align-items: center;
  4915. justify-content: center;
  4916. box-sizing: border-box;
  4917. width: 100%;
  4918. height: 100%;
  4919. }
  4920. .mdc-dialog {
  4921. display: none;
  4922. z-index: 7;
  4923. /* @alternate */
  4924. z-index: var(--mdc-dialog-z-index, 7);
  4925. }
  4926. .mdc-dialog .mdc-dialog__surface {
  4927. background-color: #fff;
  4928. /* @alternate */
  4929. background-color: var(--mdc-theme-surface, #fff);
  4930. }
  4931. .mdc-dialog .mdc-dialog__scrim {
  4932. background-color: rgba(0, 0, 0, 0.32);
  4933. }
  4934. .mdc-dialog .mdc-dialog__title {
  4935. color: rgba(0, 0, 0, 0.87);
  4936. }
  4937. .mdc-dialog .mdc-dialog__content {
  4938. color: rgba(0, 0, 0, 0.6);
  4939. }
  4940. .mdc-dialog.mdc-dialog--scrollable .mdc-dialog__title, .mdc-dialog.mdc-dialog--scrollable .mdc-dialog__actions, .mdc-dialog.mdc-dialog--scrollable.mdc-dialog-scroll-divider-footer .mdc-dialog__actions {
  4941. border-color: rgba(0, 0, 0, 0.12);
  4942. }
  4943. .mdc-dialog.mdc-dialog-scroll-divider-header.mdc-dialog--fullscreen .mdc-dialog__header {
  4944. /* @alternate */
  4945. 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);
  4946. }
  4947. .mdc-dialog .mdc-dialog__content {
  4948. padding: 20px 24px 20px 24px;
  4949. }
  4950. .mdc-dialog .mdc-dialog__surface {
  4951. min-width: 280px;
  4952. }
  4953. @media (max-width: 592px) {
  4954. .mdc-dialog .mdc-dialog__surface {
  4955. max-width: calc(100vw - 32px);
  4956. }
  4957. }
  4958. @media (min-width: 592px) {
  4959. .mdc-dialog .mdc-dialog__surface {
  4960. max-width: 560px;
  4961. }
  4962. }
  4963. .mdc-dialog .mdc-dialog__surface {
  4964. max-height: calc(100% - 32px);
  4965. }
  4966. @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  4967. .mdc-dialog .mdc-dialog__container {
  4968. /* stylelint-disable */
  4969. /* stylelint-enable*/
  4970. }
  4971. }
  4972. .mdc-dialog .mdc-dialog__surface {
  4973. border-radius: 4px;
  4974. /* @alternate */
  4975. border-radius: var(--mdc-shape-medium, 4px);
  4976. }
  4977. @media (max-width: 960px) and (max-height: 1440px) {
  4978. .mdc-dialog.mdc-dialog--fullscreen .mdc-dialog__surface {
  4979. max-height: 560px;
  4980. max-width: 560px;
  4981. }
  4982. }
  4983. @media (max-width: 720px) and (max-height: 1023px) and (max-width: 672px) {
  4984. .mdc-dialog.mdc-dialog--fullscreen .mdc-dialog__surface {
  4985. max-width: calc(100vw - 112px);
  4986. }
  4987. }
  4988. @media (max-width: 720px) and (max-height: 1023px) and (min-width: 672px) {
  4989. .mdc-dialog.mdc-dialog--fullscreen .mdc-dialog__surface {
  4990. max-width: 560px;
  4991. }
  4992. }
  4993. @media (max-width: 720px) and (max-height: 1023px) and (max-height: 720px) {
  4994. .mdc-dialog.mdc-dialog--fullscreen .mdc-dialog__surface {
  4995. max-height: calc(100vh - 160px);
  4996. }
  4997. }
  4998. @media (max-width: 720px) and (max-height: 1023px) and (min-height: 720px) {
  4999. .mdc-dialog.mdc-dialog--fullscreen .mdc-dialog__surface {
  5000. max-height: 560px;
  5001. }
  5002. }
  5003. @media (max-width: 720px) and (max-height: 400px) {
  5004. .mdc-dialog.mdc-dialog--fullscreen .mdc-dialog__surface {
  5005. max-width: 100vw;
  5006. width: 100vw;
  5007. max-height: 100vh;
  5008. height: 100vh;
  5009. border-radius: 0;
  5010. }
  5011. }
  5012. @media (max-width: 600px) and (max-height: 960px) {
  5013. .mdc-dialog.mdc-dialog--fullscreen .mdc-dialog__surface {
  5014. max-width: 100vw;
  5015. width: 100vw;
  5016. max-height: 100vh;
  5017. height: 100vh;
  5018. border-radius: 0;
  5019. }
  5020. }
  5021. @media (min-width: 960px) and (min-height: 1440px) {
  5022. .mdc-dialog.mdc-dialog--fullscreen .mdc-dialog__surface {
  5023. max-width: calc(100vw - 400px);
  5024. }
  5025. }
  5026. .mdc-dialog__scrim {
  5027. opacity: 0;
  5028. z-index: -1;
  5029. }
  5030. .mdc-dialog__container {
  5031. display: flex;
  5032. flex-direction: row;
  5033. align-items: center;
  5034. justify-content: space-around;
  5035. box-sizing: border-box;
  5036. height: 100%;
  5037. -webkit-transform: scale(0.8);
  5038. transform: scale(0.8);
  5039. opacity: 0;
  5040. pointer-events: none;
  5041. }
  5042. .mdc-dialog__surface {
  5043. /* @alternate */
  5044. position: relative;
  5045. /* @alternate */
  5046. 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);
  5047. display: flex;
  5048. flex-direction: column;
  5049. flex-grow: 0;
  5050. flex-shrink: 0;
  5051. box-sizing: border-box;
  5052. max-width: 100%;
  5053. max-height: 100%;
  5054. pointer-events: auto;
  5055. overflow-y: auto;
  5056. }
  5057. .mdc-dialog__surface .mdc-elevation-overlay {
  5058. width: 100%;
  5059. height: 100%;
  5060. top: 0;
  5061. /* @noflip */
  5062. left: 0;
  5063. }
  5064. .mdc-dialog[dir=rtl] .mdc-dialog__surface, [dir=rtl] .mdc-dialog .mdc-dialog__surface {
  5065. /* @noflip */
  5066. text-align: right;
  5067. }
  5068. .mdc-dialog__title {
  5069. display: block;
  5070. margin-top: 0;
  5071. /* @alternate */
  5072. line-height: normal;
  5073. -moz-osx-font-smoothing: grayscale;
  5074. -webkit-font-smoothing: antialiased;
  5075. font-family: Roboto, sans-serif;
  5076. /* @alternate */
  5077. font-family: var(--mdc-typography-headline6-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));
  5078. font-size: 1.25rem;
  5079. /* @alternate */
  5080. font-size: var(--mdc-typography-headline6-font-size, 1.25rem);
  5081. line-height: 2rem;
  5082. /* @alternate */
  5083. line-height: var(--mdc-typography-headline6-line-height, 2rem);
  5084. font-weight: 500;
  5085. /* @alternate */
  5086. font-weight: var(--mdc-typography-headline6-font-weight, 500);
  5087. letter-spacing: 0.0125em;
  5088. /* @alternate */
  5089. letter-spacing: var(--mdc-typography-headline6-letter-spacing, 0.0125em);
  5090. text-decoration: inherit;
  5091. /* @alternate */
  5092. -webkit-text-decoration: var(--mdc-typography-headline6-text-decoration, inherit);
  5093. text-decoration: var(--mdc-typography-headline6-text-decoration, inherit);
  5094. text-transform: inherit;
  5095. /* @alternate */
  5096. text-transform: var(--mdc-typography-headline6-text-transform, inherit);
  5097. position: relative;
  5098. flex-shrink: 0;
  5099. box-sizing: border-box;
  5100. margin: 0;
  5101. padding: 0 24px 9px;
  5102. border-bottom: 1px solid transparent;
  5103. }
  5104. .mdc-dialog__title::before {
  5105. display: inline-block;
  5106. width: 0;
  5107. height: 40px;
  5108. content: "";
  5109. vertical-align: 0;
  5110. }
  5111. .mdc-dialog[dir=rtl] .mdc-dialog__title, [dir=rtl] .mdc-dialog .mdc-dialog__title {
  5112. /* @noflip */
  5113. text-align: right;
  5114. }
  5115. .mdc-dialog--scrollable .mdc-dialog__title {
  5116. padding-bottom: 15px;
  5117. }
  5118. .mdc-dialog--fullscreen .mdc-dialog__header {
  5119. display: inline-flex;
  5120. padding: 0 16px 9px;
  5121. border-bottom: 1px solid transparent;
  5122. justify-content: space-between;
  5123. align-items: baseline;
  5124. }
  5125. .mdc-dialog--fullscreen .mdc-dialog__title {
  5126. padding: 0;
  5127. border-bottom: 0;
  5128. }
  5129. .mdc-dialog--fullscreen .mdc-dialog__close {
  5130. width: 24px;
  5131. height: 24px;
  5132. padding: 0px;
  5133. }
  5134. .mdc-dialog--fullscreen.mdc-dialog--scrollable .mdc-dialog__actions {
  5135. border-top: 1px solid transparent;
  5136. }
  5137. .mdc-dialog__content {
  5138. -moz-osx-font-smoothing: grayscale;
  5139. -webkit-font-smoothing: antialiased;
  5140. font-family: Roboto, sans-serif;
  5141. /* @alternate */
  5142. font-family: var(--mdc-typography-body1-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));
  5143. font-size: 1rem;
  5144. /* @alternate */
  5145. font-size: var(--mdc-typography-body1-font-size, 1rem);
  5146. line-height: 1.5rem;
  5147. /* @alternate */
  5148. line-height: var(--mdc-typography-body1-line-height, 1.5rem);
  5149. font-weight: 400;
  5150. /* @alternate */
  5151. font-weight: var(--mdc-typography-body1-font-weight, 400);
  5152. letter-spacing: 0.03125em;
  5153. /* @alternate */
  5154. letter-spacing: var(--mdc-typography-body1-letter-spacing, 0.03125em);
  5155. text-decoration: inherit;
  5156. /* @alternate */
  5157. -webkit-text-decoration: var(--mdc-typography-body1-text-decoration, inherit);
  5158. text-decoration: var(--mdc-typography-body1-text-decoration, inherit);
  5159. text-transform: inherit;
  5160. /* @alternate */
  5161. text-transform: var(--mdc-typography-body1-text-transform, inherit);
  5162. flex-grow: 1;
  5163. box-sizing: border-box;
  5164. margin: 0;
  5165. overflow: auto;
  5166. -webkit-overflow-scrolling: touch;
  5167. }
  5168. .mdc-dialog__content > :first-child {
  5169. margin-top: 0;
  5170. }
  5171. .mdc-dialog__content > :last-child {
  5172. margin-bottom: 0;
  5173. }
  5174. .mdc-dialog__title + .mdc-dialog__content {
  5175. padding-top: 0;
  5176. }
  5177. .mdc-dialog--scrollable .mdc-dialog__title + .mdc-dialog__content {
  5178. padding-top: 8px;
  5179. padding-bottom: 8px;
  5180. }
  5181. .mdc-dialog__content .mdc-list:first-child:last-child {
  5182. padding: 6px 0 0;
  5183. }
  5184. .mdc-dialog--scrollable .mdc-dialog__content .mdc-list:first-child:last-child {
  5185. padding: 0;
  5186. }
  5187. .mdc-dialog__actions {
  5188. display: flex;
  5189. position: relative;
  5190. flex-shrink: 0;
  5191. flex-wrap: wrap;
  5192. align-items: center;
  5193. justify-content: flex-end;
  5194. box-sizing: border-box;
  5195. min-height: 52px;
  5196. margin: 0;
  5197. padding: 8px;
  5198. border-top: 1px solid transparent;
  5199. }
  5200. .mdc-dialog--stacked .mdc-dialog__actions {
  5201. flex-direction: column;
  5202. align-items: flex-end;
  5203. }
  5204. .mdc-dialog__button {
  5205. /* @noflip */
  5206. margin-left: 8px;
  5207. /* @noflip */
  5208. margin-right: 0;
  5209. max-width: 100%;
  5210. /* @noflip */
  5211. text-align: right;
  5212. }
  5213. [dir=rtl] .mdc-dialog__button, .mdc-dialog__button[dir=rtl] {
  5214. /* @noflip */
  5215. margin-left: 0;
  5216. /* @noflip */
  5217. margin-right: 8px;
  5218. }
  5219. .mdc-dialog__button:first-child {
  5220. /* @noflip */
  5221. margin-left: 0;
  5222. /* @noflip */
  5223. margin-right: 0;
  5224. }
  5225. [dir=rtl] .mdc-dialog__button:first-child, .mdc-dialog__button:first-child[dir=rtl] {
  5226. /* @noflip */
  5227. margin-left: 0;
  5228. /* @noflip */
  5229. margin-right: 0;
  5230. }
  5231. .mdc-dialog[dir=rtl] .mdc-dialog__button, [dir=rtl] .mdc-dialog .mdc-dialog__button {
  5232. /* @noflip */
  5233. text-align: left;
  5234. }
  5235. .mdc-dialog--stacked .mdc-dialog__button:not(:first-child) {
  5236. margin-top: 12px;
  5237. }
  5238. .mdc-dialog--open,
  5239. .mdc-dialog--opening,
  5240. .mdc-dialog--closing {
  5241. display: flex;
  5242. }
  5243. .mdc-dialog--opening .mdc-dialog__scrim {
  5244. transition: opacity 150ms linear;
  5245. }
  5246. .mdc-dialog--opening .mdc-dialog__container {
  5247. transition: opacity 75ms linear, -webkit-transform 150ms 0ms cubic-bezier(0, 0, 0.2, 1);
  5248. transition: opacity 75ms linear, transform 150ms 0ms cubic-bezier(0, 0, 0.2, 1);
  5249. transition: opacity 75ms linear, transform 150ms 0ms cubic-bezier(0, 0, 0.2, 1), -webkit-transform 150ms 0ms cubic-bezier(0, 0, 0.2, 1);
  5250. }
  5251. .mdc-dialog--closing .mdc-dialog__scrim,
  5252. .mdc-dialog--closing .mdc-dialog__container {
  5253. transition: opacity 75ms linear;
  5254. }
  5255. .mdc-dialog--closing .mdc-dialog__container {
  5256. -webkit-transform: none;
  5257. transform: none;
  5258. }
  5259. .mdc-dialog--open .mdc-dialog__scrim {
  5260. opacity: 1;
  5261. }
  5262. .mdc-dialog--open .mdc-dialog__container {
  5263. -webkit-transform: none;
  5264. transform: none;
  5265. opacity: 1;
  5266. }
  5267. .mdc-dialog-scroll-lock {
  5268. overflow: hidden;
  5269. }
  5270. .mdc-drawer {
  5271. border-color: rgba(0, 0, 0, 0.12);
  5272. background-color: #fff;
  5273. /* @alternate */
  5274. background-color: var(--mdc-theme-surface, #fff);
  5275. /* @noflip */
  5276. border-top-left-radius: 0;
  5277. /* @noflip */
  5278. border-top-right-radius: 0;
  5279. /* @alternate */
  5280. /* @noflip */
  5281. border-top-right-radius: var(--mdc-shape-large, 0);
  5282. /* @noflip */
  5283. border-bottom-right-radius: 0;
  5284. /* @alternate */
  5285. /* @noflip */
  5286. border-bottom-right-radius: var(--mdc-shape-large, 0);
  5287. /* @noflip */
  5288. border-bottom-left-radius: 0;
  5289. z-index: 6;
  5290. width: 256px;
  5291. display: flex;
  5292. flex-direction: column;
  5293. flex-shrink: 0;
  5294. box-sizing: border-box;
  5295. height: 100%;
  5296. /* @noflip */
  5297. border-right-width: 1px;
  5298. /* @noflip */
  5299. border-right-style: solid;
  5300. overflow: hidden;
  5301. transition-property: -webkit-transform;
  5302. transition-property: transform;
  5303. transition-property: transform, -webkit-transform;
  5304. transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  5305. }
  5306. .mdc-drawer .mdc-drawer__title {
  5307. color: rgba(0, 0, 0, 0.87);
  5308. }
  5309. .mdc-drawer .mdc-list-group__subheader {
  5310. color: rgba(0, 0, 0, 0.6);
  5311. }
  5312. .mdc-drawer .mdc-drawer__subtitle {
  5313. color: rgba(0, 0, 0, 0.6);
  5314. }
  5315. .mdc-drawer .mdc-list-item__graphic {
  5316. color: rgba(0, 0, 0, 0.6);
  5317. }
  5318. .mdc-drawer .mdc-list-item {
  5319. color: rgba(0, 0, 0, 0.87);
  5320. }
  5321. .mdc-drawer .mdc-list-item--activated .mdc-list-item__graphic {
  5322. color: #6200ee;
  5323. }
  5324. .mdc-drawer .mdc-list-item--activated {
  5325. color: rgba(98, 0, 238, 0.87);
  5326. }
  5327. [dir=rtl] .mdc-drawer, .mdc-drawer[dir=rtl] {
  5328. /* @noflip */
  5329. border-top-left-radius: 0;
  5330. /* @alternate */
  5331. /* @noflip */
  5332. border-top-left-radius: var(--mdc-shape-large, 0);
  5333. /* @noflip */
  5334. border-top-right-radius: 0;
  5335. /* @noflip */
  5336. border-bottom-right-radius: 0;
  5337. /* @noflip */
  5338. border-bottom-left-radius: 0;
  5339. /* @alternate */
  5340. /* @noflip */
  5341. border-bottom-left-radius: var(--mdc-shape-large, 0);
  5342. }
  5343. .mdc-drawer .mdc-list-item {
  5344. border-radius: 4px;
  5345. /* @alternate */
  5346. border-radius: var(--mdc-shape-small, 4px);
  5347. }
  5348. .mdc-drawer.mdc-drawer--open:not(.mdc-drawer--closing) + .mdc-drawer-app-content {
  5349. /* @noflip */
  5350. margin-left: 256px;
  5351. /* @noflip */
  5352. margin-right: 0;
  5353. }
  5354. [dir=rtl] .mdc-drawer.mdc-drawer--open:not(.mdc-drawer--closing) + .mdc-drawer-app-content, .mdc-drawer.mdc-drawer--open:not(.mdc-drawer--closing) + .mdc-drawer-app-content[dir=rtl] {
  5355. /* @noflip */
  5356. margin-left: 0;
  5357. /* @noflip */
  5358. margin-right: 256px;
  5359. }
  5360. [dir=rtl] .mdc-drawer, .mdc-drawer[dir=rtl] {
  5361. /* @noflip */
  5362. border-right-width: 0;
  5363. /* @noflip */
  5364. border-left-width: 1px;
  5365. /* @noflip */
  5366. border-right-style: none;
  5367. /* @noflip */
  5368. border-left-style: solid;
  5369. }
  5370. .mdc-drawer .mdc-list-item {
  5371. -moz-osx-font-smoothing: grayscale;
  5372. -webkit-font-smoothing: antialiased;
  5373. font-family: Roboto, sans-serif;
  5374. /* @alternate */
  5375. font-family: var(--mdc-typography-subtitle2-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));
  5376. font-size: 0.875rem;
  5377. /* @alternate */
  5378. font-size: var(--mdc-typography-subtitle2-font-size, 0.875rem);
  5379. line-height: 1.375rem;
  5380. /* @alternate */
  5381. line-height: var(--mdc-typography-subtitle2-line-height, 1.375rem);
  5382. font-weight: 500;
  5383. /* @alternate */
  5384. font-weight: var(--mdc-typography-subtitle2-font-weight, 500);
  5385. letter-spacing: 0.0071428571em;
  5386. /* @alternate */
  5387. letter-spacing: var(--mdc-typography-subtitle2-letter-spacing, 0.0071428571em);
  5388. text-decoration: inherit;
  5389. /* @alternate */
  5390. -webkit-text-decoration: var(--mdc-typography-subtitle2-text-decoration, inherit);
  5391. text-decoration: var(--mdc-typography-subtitle2-text-decoration, inherit);
  5392. text-transform: inherit;
  5393. /* @alternate */
  5394. text-transform: var(--mdc-typography-subtitle2-text-transform, inherit);
  5395. height: calc(48px - 2 * 4px);
  5396. margin: 8px 8px;
  5397. padding: 0 8px;
  5398. }
  5399. .mdc-drawer .mdc-list-item:nth-child(1) {
  5400. margin-top: 2px;
  5401. }
  5402. .mdc-drawer .mdc-list-item:nth-last-child(1) {
  5403. margin-bottom: 0;
  5404. }
  5405. .mdc-drawer .mdc-list-group__subheader {
  5406. -moz-osx-font-smoothing: grayscale;
  5407. -webkit-font-smoothing: antialiased;
  5408. font-family: Roboto, sans-serif;
  5409. /* @alternate */
  5410. font-family: var(--mdc-typography-body2-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));
  5411. font-size: 0.875rem;
  5412. /* @alternate */
  5413. font-size: var(--mdc-typography-body2-font-size, 0.875rem);
  5414. line-height: 1.25rem;
  5415. /* @alternate */
  5416. line-height: var(--mdc-typography-body2-line-height, 1.25rem);
  5417. font-weight: 400;
  5418. /* @alternate */
  5419. font-weight: var(--mdc-typography-body2-font-weight, 400);
  5420. letter-spacing: 0.0178571429em;
  5421. /* @alternate */
  5422. letter-spacing: var(--mdc-typography-body2-letter-spacing, 0.0178571429em);
  5423. text-decoration: inherit;
  5424. /* @alternate */
  5425. -webkit-text-decoration: var(--mdc-typography-body2-text-decoration, inherit);
  5426. text-decoration: var(--mdc-typography-body2-text-decoration, inherit);
  5427. text-transform: inherit;
  5428. /* @alternate */
  5429. text-transform: var(--mdc-typography-body2-text-transform, inherit);
  5430. display: block;
  5431. margin-top: 0;
  5432. /* @alternate */
  5433. line-height: normal;
  5434. margin: 0;
  5435. padding: 0 16px;
  5436. }
  5437. .mdc-drawer .mdc-list-group__subheader::before {
  5438. display: inline-block;
  5439. width: 0;
  5440. height: 24px;
  5441. content: "";
  5442. vertical-align: 0;
  5443. }
  5444. .mdc-drawer .mdc-list-divider {
  5445. margin: 3px 0 4px;
  5446. }
  5447. .mdc-drawer .mdc-list-item__text,
  5448. .mdc-drawer .mdc-list-item__graphic {
  5449. pointer-events: none;
  5450. }
  5451. .mdc-drawer--animate {
  5452. -webkit-transform: translateX(-100%);
  5453. transform: translateX(-100%);
  5454. }
  5455. [dir=rtl] .mdc-drawer--animate, .mdc-drawer--animate[dir=rtl] {
  5456. -webkit-transform: translateX(100%);
  5457. transform: translateX(100%);
  5458. }
  5459. .mdc-drawer--opening {
  5460. -webkit-transform: translateX(0);
  5461. transform: translateX(0);
  5462. transition-duration: 250ms;
  5463. }
  5464. [dir=rtl] .mdc-drawer--opening, .mdc-drawer--opening[dir=rtl] {
  5465. -webkit-transform: translateX(0);
  5466. transform: translateX(0);
  5467. }
  5468. .mdc-drawer--closing {
  5469. -webkit-transform: translateX(-100%);
  5470. transform: translateX(-100%);
  5471. transition-duration: 200ms;
  5472. }
  5473. [dir=rtl] .mdc-drawer--closing, .mdc-drawer--closing[dir=rtl] {
  5474. -webkit-transform: translateX(100%);
  5475. transform: translateX(100%);
  5476. }
  5477. .mdc-drawer__header {
  5478. flex-shrink: 0;
  5479. box-sizing: border-box;
  5480. min-height: 64px;
  5481. padding: 0 16px 4px;
  5482. }
  5483. .mdc-drawer__title {
  5484. -moz-osx-font-smoothing: grayscale;
  5485. -webkit-font-smoothing: antialiased;
  5486. font-family: Roboto, sans-serif;
  5487. /* @alternate */
  5488. font-family: var(--mdc-typography-headline6-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));
  5489. font-size: 1.25rem;
  5490. /* @alternate */
  5491. font-size: var(--mdc-typography-headline6-font-size, 1.25rem);
  5492. line-height: 2rem;
  5493. /* @alternate */
  5494. line-height: var(--mdc-typography-headline6-line-height, 2rem);
  5495. font-weight: 500;
  5496. /* @alternate */
  5497. font-weight: var(--mdc-typography-headline6-font-weight, 500);
  5498. letter-spacing: 0.0125em;
  5499. /* @alternate */
  5500. letter-spacing: var(--mdc-typography-headline6-letter-spacing, 0.0125em);
  5501. text-decoration: inherit;
  5502. /* @alternate */
  5503. -webkit-text-decoration: var(--mdc-typography-headline6-text-decoration, inherit);
  5504. text-decoration: var(--mdc-typography-headline6-text-decoration, inherit);
  5505. text-transform: inherit;
  5506. /* @alternate */
  5507. text-transform: var(--mdc-typography-headline6-text-transform, inherit);
  5508. display: block;
  5509. margin-top: 0;
  5510. /* @alternate */
  5511. line-height: normal;
  5512. margin-bottom: -20px;
  5513. }
  5514. .mdc-drawer__title::before {
  5515. display: inline-block;
  5516. width: 0;
  5517. height: 36px;
  5518. content: "";
  5519. vertical-align: 0;
  5520. }
  5521. .mdc-drawer__title::after {
  5522. display: inline-block;
  5523. width: 0;
  5524. height: 20px;
  5525. content: "";
  5526. vertical-align: -20px;
  5527. }
  5528. .mdc-drawer__subtitle {
  5529. -moz-osx-font-smoothing: grayscale;
  5530. -webkit-font-smoothing: antialiased;
  5531. font-family: Roboto, sans-serif;
  5532. /* @alternate */
  5533. font-family: var(--mdc-typography-body2-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));
  5534. font-size: 0.875rem;
  5535. /* @alternate */
  5536. font-size: var(--mdc-typography-body2-font-size, 0.875rem);
  5537. line-height: 1.25rem;
  5538. /* @alternate */
  5539. line-height: var(--mdc-typography-body2-line-height, 1.25rem);
  5540. font-weight: 400;
  5541. /* @alternate */
  5542. font-weight: var(--mdc-typography-body2-font-weight, 400);
  5543. letter-spacing: 0.0178571429em;
  5544. /* @alternate */
  5545. letter-spacing: var(--mdc-typography-body2-letter-spacing, 0.0178571429em);
  5546. text-decoration: inherit;
  5547. /* @alternate */
  5548. -webkit-text-decoration: var(--mdc-typography-body2-text-decoration, inherit);
  5549. text-decoration: var(--mdc-typography-body2-text-decoration, inherit);
  5550. text-transform: inherit;
  5551. /* @alternate */
  5552. text-transform: var(--mdc-typography-body2-text-transform, inherit);
  5553. display: block;
  5554. margin-top: 0;
  5555. /* @alternate */
  5556. line-height: normal;
  5557. margin-bottom: 0;
  5558. }
  5559. .mdc-drawer__subtitle::before {
  5560. display: inline-block;
  5561. width: 0;
  5562. height: 20px;
  5563. content: "";
  5564. vertical-align: 0;
  5565. }
  5566. .mdc-drawer__content {
  5567. height: 100%;
  5568. overflow-y: auto;
  5569. -webkit-overflow-scrolling: touch;
  5570. }
  5571. .mdc-drawer--dismissible {
  5572. /* @noflip */
  5573. left: 0;
  5574. /* @noflip */
  5575. right: initial;
  5576. display: none;
  5577. position: absolute;
  5578. }
  5579. [dir=rtl] .mdc-drawer--dismissible, .mdc-drawer--dismissible[dir=rtl] {
  5580. /* @noflip */
  5581. left: initial;
  5582. /* @noflip */
  5583. right: 0;
  5584. }
  5585. .mdc-drawer--dismissible.mdc-drawer--open {
  5586. display: flex;
  5587. }
  5588. .mdc-drawer-app-content {
  5589. /* @noflip */
  5590. margin-left: 0;
  5591. /* @noflip */
  5592. margin-right: 0;
  5593. position: relative;
  5594. }
  5595. [dir=rtl] .mdc-drawer-app-content, .mdc-drawer-app-content[dir=rtl] {
  5596. /* @noflip */
  5597. margin-left: 0;
  5598. /* @noflip */
  5599. margin-right: 0;
  5600. }
  5601. .mdc-drawer--modal {
  5602. /* @alternate */
  5603. 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);
  5604. /* @noflip */
  5605. left: 0;
  5606. /* @noflip */
  5607. right: initial;
  5608. display: none;
  5609. position: fixed;
  5610. }
  5611. .mdc-drawer--modal + .mdc-drawer-scrim {
  5612. background-color: rgba(0, 0, 0, 0.32);
  5613. }
  5614. [dir=rtl] .mdc-drawer--modal, .mdc-drawer--modal[dir=rtl] {
  5615. /* @noflip */
  5616. left: initial;
  5617. /* @noflip */
  5618. right: 0;
  5619. }
  5620. .mdc-drawer--modal.mdc-drawer--open {
  5621. display: flex;
  5622. }
  5623. .mdc-drawer-scrim {
  5624. display: none;
  5625. position: fixed;
  5626. top: 0;
  5627. left: 0;
  5628. width: 100%;
  5629. height: 100%;
  5630. z-index: 5;
  5631. transition-property: opacity;
  5632. transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  5633. }
  5634. .mdc-drawer--open + .mdc-drawer-scrim {
  5635. display: block;
  5636. }
  5637. .mdc-drawer--animate + .mdc-drawer-scrim {
  5638. opacity: 0;
  5639. }
  5640. .mdc-drawer--opening + .mdc-drawer-scrim {
  5641. transition-duration: 250ms;
  5642. opacity: 1;
  5643. }
  5644. .mdc-drawer--closing + .mdc-drawer-scrim {
  5645. transition-duration: 200ms;
  5646. opacity: 0;
  5647. }
  5648. .mdc-elevation--z0 {
  5649. /* @alternate */
  5650. 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);
  5651. }
  5652. .mdc-elevation--z1 {
  5653. /* @alternate */
  5654. 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);
  5655. }
  5656. .mdc-elevation--z2 {
  5657. /* @alternate */
  5658. 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);
  5659. }
  5660. .mdc-elevation--z3 {
  5661. /* @alternate */
  5662. 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);
  5663. }
  5664. .mdc-elevation--z4 {
  5665. /* @alternate */
  5666. 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);
  5667. }
  5668. .mdc-elevation--z5 {
  5669. /* @alternate */
  5670. 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);
  5671. }
  5672. .mdc-elevation--z6 {
  5673. /* @alternate */
  5674. 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);
  5675. }
  5676. .mdc-elevation--z7 {
  5677. /* @alternate */
  5678. 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);
  5679. }
  5680. .mdc-elevation--z8 {
  5681. /* @alternate */
  5682. 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);
  5683. }
  5684. .mdc-elevation--z9 {
  5685. /* @alternate */
  5686. 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);
  5687. }
  5688. .mdc-elevation--z10 {
  5689. /* @alternate */
  5690. 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);
  5691. }
  5692. .mdc-elevation--z11 {
  5693. /* @alternate */
  5694. 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);
  5695. }
  5696. .mdc-elevation--z12 {
  5697. /* @alternate */
  5698. 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);
  5699. }
  5700. .mdc-elevation--z13 {
  5701. /* @alternate */
  5702. 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);
  5703. }
  5704. .mdc-elevation--z14 {
  5705. /* @alternate */
  5706. 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);
  5707. }
  5708. .mdc-elevation--z15 {
  5709. /* @alternate */
  5710. 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);
  5711. }
  5712. .mdc-elevation--z16 {
  5713. /* @alternate */
  5714. 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);
  5715. }
  5716. .mdc-elevation--z17 {
  5717. /* @alternate */
  5718. 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);
  5719. }
  5720. .mdc-elevation--z18 {
  5721. /* @alternate */
  5722. 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);
  5723. }
  5724. .mdc-elevation--z19 {
  5725. /* @alternate */
  5726. 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);
  5727. }
  5728. .mdc-elevation--z20 {
  5729. /* @alternate */
  5730. 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);
  5731. }
  5732. .mdc-elevation--z21 {
  5733. /* @alternate */
  5734. 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);
  5735. }
  5736. .mdc-elevation--z22 {
  5737. /* @alternate */
  5738. 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);
  5739. }
  5740. .mdc-elevation--z23 {
  5741. /* @alternate */
  5742. 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);
  5743. }
  5744. .mdc-elevation--z24 {
  5745. /* @alternate */
  5746. 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);
  5747. }
  5748. .mdc-elevation-transition {
  5749. transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1);
  5750. will-change: box-shadow;
  5751. }
  5752. .mdc-fab {
  5753. /* @alternate */
  5754. position: relative;
  5755. /* @alternate */
  5756. 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);
  5757. display: inline-flex;
  5758. position: relative;
  5759. align-items: center;
  5760. justify-content: center;
  5761. box-sizing: border-box;
  5762. width: 56px;
  5763. height: 56px;
  5764. padding: 0;
  5765. border: none;
  5766. fill: currentColor;
  5767. text-decoration: none;
  5768. cursor: pointer;
  5769. -webkit-user-select: none;
  5770. -moz-user-select: none;
  5771. -ms-user-select: none;
  5772. user-select: none;
  5773. -moz-appearance: none;
  5774. -webkit-appearance: none;
  5775. overflow: visible;
  5776. 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);
  5777. 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);
  5778. 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);
  5779. background-color: #018786;
  5780. /* @alternate */
  5781. background-color: var(--mdc-theme-secondary, #018786);
  5782. color: #fff;
  5783. /* @alternate */
  5784. color: var(--mdc-theme-on-secondary, #fff);
  5785. }
  5786. .mdc-fab .mdc-elevation-overlay {
  5787. width: 100%;
  5788. height: 100%;
  5789. top: 0;
  5790. /* @noflip */
  5791. left: 0;
  5792. }
  5793. .mdc-fab:not(.mdc-fab--extended) {
  5794. border-radius: 50%;
  5795. }
  5796. .mdc-fab:not(.mdc-fab--extended) .mdc-fab__ripple {
  5797. border-radius: 50%;
  5798. }
  5799. .mdc-fab::-moz-focus-inner {
  5800. padding: 0;
  5801. border: 0;
  5802. }
  5803. .mdc-fab:hover, .mdc-fab:focus {
  5804. /* @alternate */
  5805. 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);
  5806. }
  5807. .mdc-fab:active {
  5808. /* @alternate */
  5809. 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);
  5810. }
  5811. .mdc-fab:active, .mdc-fab:focus {
  5812. outline: none;
  5813. }
  5814. .mdc-fab:hover {
  5815. cursor: pointer;
  5816. }
  5817. .mdc-fab > svg {
  5818. width: 100%;
  5819. }
  5820. .mdc-fab .mdc-fab__icon {
  5821. width: 24px;
  5822. height: 24px;
  5823. font-size: 24px;
  5824. }
  5825. .mdc-fab--mini {
  5826. width: 40px;
  5827. height: 40px;
  5828. }
  5829. .mdc-fab--extended {
  5830. -moz-osx-font-smoothing: grayscale;
  5831. -webkit-font-smoothing: antialiased;
  5832. font-family: Roboto, sans-serif;
  5833. /* @alternate */
  5834. font-family: var(--mdc-typography-button-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));
  5835. font-size: 0.875rem;
  5836. /* @alternate */
  5837. font-size: var(--mdc-typography-button-font-size, 0.875rem);
  5838. line-height: 2.25rem;
  5839. /* @alternate */
  5840. line-height: var(--mdc-typography-button-line-height, 2.25rem);
  5841. font-weight: 500;
  5842. /* @alternate */
  5843. font-weight: var(--mdc-typography-button-font-weight, 500);
  5844. letter-spacing: 0.0892857143em;
  5845. /* @alternate */
  5846. letter-spacing: var(--mdc-typography-button-letter-spacing, 0.0892857143em);
  5847. text-decoration: none;
  5848. /* @alternate */
  5849. -webkit-text-decoration: var(--mdc-typography-button-text-decoration, none);
  5850. text-decoration: var(--mdc-typography-button-text-decoration, none);
  5851. text-transform: uppercase;
  5852. /* @alternate */
  5853. text-transform: var(--mdc-typography-button-text-transform, uppercase);
  5854. border-radius: 24px;
  5855. /* @noflip */
  5856. padding-left: 20px;
  5857. /* @noflip */
  5858. padding-right: 20px;
  5859. width: auto;
  5860. max-width: 100%;
  5861. height: 48px;
  5862. /* @alternate */
  5863. line-height: normal;
  5864. }
  5865. .mdc-fab--extended .mdc-fab__ripple {
  5866. border-radius: 24px;
  5867. }
  5868. .mdc-fab--extended .mdc-fab__icon {
  5869. /* @noflip */
  5870. margin-left: calc(12px - 20px);
  5871. /* @noflip */
  5872. margin-right: 12px;
  5873. }
  5874. [dir=rtl] .mdc-fab--extended .mdc-fab__icon, .mdc-fab--extended .mdc-fab__icon[dir=rtl] {
  5875. /* @noflip */
  5876. margin-left: 12px;
  5877. /* @noflip */
  5878. margin-right: calc(12px - 20px);
  5879. }
  5880. .mdc-fab--extended .mdc-fab__label + .mdc-fab__icon {
  5881. /* @noflip */
  5882. margin-left: 12px;
  5883. /* @noflip */
  5884. margin-right: calc(12px - 20px);
  5885. }
  5886. [dir=rtl] .mdc-fab--extended .mdc-fab__label + .mdc-fab__icon, .mdc-fab--extended .mdc-fab__label + .mdc-fab__icon[dir=rtl] {
  5887. /* @noflip */
  5888. margin-left: calc(12px - 20px);
  5889. /* @noflip */
  5890. margin-right: 12px;
  5891. }
  5892. .mdc-fab--touch {
  5893. margin-top: 4px;
  5894. margin-bottom: 4px;
  5895. margin-right: 4px;
  5896. margin-left: 4px;
  5897. }
  5898. .mdc-fab--touch .mdc-fab__touch {
  5899. position: absolute;
  5900. top: 50%;
  5901. right: 0;
  5902. height: 48px;
  5903. /* @noflip */
  5904. left: 50%;
  5905. width: 48px;
  5906. -webkit-transform: translate(-50%, -50%);
  5907. transform: translate(-50%, -50%);
  5908. }
  5909. .mdc-fab::before {
  5910. position: absolute;
  5911. box-sizing: border-box;
  5912. width: 100%;
  5913. height: 100%;
  5914. top: 0;
  5915. left: 0;
  5916. border: 1px solid transparent;
  5917. border-radius: inherit;
  5918. content: "";
  5919. }
  5920. .mdc-fab__label {
  5921. justify-content: flex-start;
  5922. text-overflow: ellipsis;
  5923. white-space: nowrap;
  5924. overflow-x: hidden;
  5925. overflow-y: visible;
  5926. }
  5927. .mdc-fab__icon {
  5928. transition: -webkit-transform 180ms 90ms cubic-bezier(0, 0, 0.2, 1);
  5929. transition: transform 180ms 90ms cubic-bezier(0, 0, 0.2, 1);
  5930. transition: transform 180ms 90ms cubic-bezier(0, 0, 0.2, 1), -webkit-transform 180ms 90ms cubic-bezier(0, 0, 0.2, 1);
  5931. fill: currentColor;
  5932. will-change: transform;
  5933. }
  5934. .mdc-fab .mdc-fab__icon {
  5935. display: inline-flex;
  5936. align-items: center;
  5937. justify-content: center;
  5938. }
  5939. .mdc-fab--exited {
  5940. -webkit-transform: scale(0);
  5941. transform: scale(0);
  5942. opacity: 0;
  5943. transition: opacity 15ms linear 150ms, -webkit-transform 180ms 0ms cubic-bezier(0.4, 0, 1, 1);
  5944. transition: opacity 15ms linear 150ms, transform 180ms 0ms cubic-bezier(0.4, 0, 1, 1);
  5945. 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);
  5946. }
  5947. .mdc-fab--exited .mdc-fab__icon {
  5948. -webkit-transform: scale(0);
  5949. transform: scale(0);
  5950. transition: -webkit-transform 135ms 0ms cubic-bezier(0.4, 0, 1, 1);
  5951. transition: transform 135ms 0ms cubic-bezier(0.4, 0, 1, 1);
  5952. transition: transform 135ms 0ms cubic-bezier(0.4, 0, 1, 1), -webkit-transform 135ms 0ms cubic-bezier(0.4, 0, 1, 1);
  5953. }
  5954. .mdc-fab {
  5955. --mdc-ripple-fg-size: 0;
  5956. --mdc-ripple-left: 0;
  5957. --mdc-ripple-top: 0;
  5958. --mdc-ripple-fg-scale: 1;
  5959. --mdc-ripple-fg-translate-end: 0;
  5960. --mdc-ripple-fg-translate-start: 0;
  5961. -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  5962. will-change: transform, opacity;
  5963. }
  5964. .mdc-fab .mdc-fab__ripple::before,
  5965. .mdc-fab .mdc-fab__ripple::after {
  5966. position: absolute;
  5967. border-radius: 50%;
  5968. opacity: 0;
  5969. pointer-events: none;
  5970. content: "";
  5971. }
  5972. .mdc-fab .mdc-fab__ripple::before {
  5973. transition: opacity 15ms linear, background-color 15ms linear;
  5974. z-index: 1;
  5975. /* @alternate */
  5976. z-index: var(--mdc-ripple-z-index, 1);
  5977. }
  5978. .mdc-fab .mdc-fab__ripple::after {
  5979. z-index: 0;
  5980. /* @alternate */
  5981. z-index: var(--mdc-ripple-z-index, 0);
  5982. }
  5983. .mdc-fab.mdc-ripple-upgraded .mdc-fab__ripple::before {
  5984. -webkit-transform: scale(var(--mdc-ripple-fg-scale, 1));
  5985. transform: scale(var(--mdc-ripple-fg-scale, 1));
  5986. }
  5987. .mdc-fab.mdc-ripple-upgraded .mdc-fab__ripple::after {
  5988. top: 0;
  5989. /* @noflip */
  5990. left: 0;
  5991. -webkit-transform: scale(0);
  5992. transform: scale(0);
  5993. -webkit-transform-origin: center center;
  5994. transform-origin: center center;
  5995. }
  5996. .mdc-fab.mdc-ripple-upgraded--unbounded .mdc-fab__ripple::after {
  5997. top: var(--mdc-ripple-top, 0);
  5998. /* @noflip */
  5999. left: var(--mdc-ripple-left, 0);
  6000. }
  6001. .mdc-fab.mdc-ripple-upgraded--foreground-activation .mdc-fab__ripple::after {
  6002. -webkit-animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards;
  6003. animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards;
  6004. }
  6005. .mdc-fab.mdc-ripple-upgraded--foreground-deactivation .mdc-fab__ripple::after {
  6006. -webkit-animation: mdc-ripple-fg-opacity-out 150ms;
  6007. animation: mdc-ripple-fg-opacity-out 150ms;
  6008. -webkit-transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
  6009. transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
  6010. }
  6011. .mdc-fab .mdc-fab__ripple::before,
  6012. .mdc-fab .mdc-fab__ripple::after {
  6013. top: calc(50% - 100%);
  6014. /* @noflip */
  6015. left: calc(50% - 100%);
  6016. width: 200%;
  6017. height: 200%;
  6018. }
  6019. .mdc-fab.mdc-ripple-upgraded .mdc-fab__ripple::after {
  6020. width: var(--mdc-ripple-fg-size, 100%);
  6021. height: var(--mdc-ripple-fg-size, 100%);
  6022. }
  6023. .mdc-fab .mdc-fab__ripple::before, .mdc-fab .mdc-fab__ripple::after {
  6024. background-color: #fff;
  6025. /* @alternate */
  6026. background-color: var(--mdc-ripple-color, var(--mdc-theme-on-secondary, #fff));
  6027. }
  6028. .mdc-fab:hover .mdc-fab__ripple::before, .mdc-fab.mdc-ripple-surface--hover .mdc-fab__ripple::before {
  6029. opacity: 0.08;
  6030. /* @alternate */
  6031. opacity: var(--mdc-ripple-hover-opacity, 0.08);
  6032. }
  6033. .mdc-fab.mdc-ripple-upgraded--background-focused .mdc-fab__ripple::before, .mdc-fab:not(.mdc-ripple-upgraded):focus .mdc-fab__ripple::before {
  6034. transition-duration: 75ms;
  6035. opacity: 0.24;
  6036. /* @alternate */
  6037. opacity: var(--mdc-ripple-focus-opacity, 0.24);
  6038. }
  6039. .mdc-fab:not(.mdc-ripple-upgraded) .mdc-fab__ripple::after {
  6040. transition: opacity 150ms linear;
  6041. }
  6042. .mdc-fab:not(.mdc-ripple-upgraded):active .mdc-fab__ripple::after {
  6043. transition-duration: 75ms;
  6044. opacity: 0.24;
  6045. /* @alternate */
  6046. opacity: var(--mdc-ripple-press-opacity, 0.24);
  6047. }
  6048. .mdc-fab.mdc-ripple-upgraded {
  6049. --mdc-ripple-fg-opacity: var(--mdc-ripple-press-opacity, 0.24);
  6050. }
  6051. .mdc-fab .mdc-fab__ripple {
  6052. position: absolute;
  6053. top: 0;
  6054. left: 0;
  6055. width: 100%;
  6056. height: 100%;
  6057. pointer-events: none;
  6058. overflow: hidden;
  6059. z-index: -1;
  6060. }
  6061. .mdc-form-field {
  6062. -moz-osx-font-smoothing: grayscale;
  6063. -webkit-font-smoothing: antialiased;
  6064. font-family: Roboto, sans-serif;
  6065. /* @alternate */
  6066. font-family: var(--mdc-typography-body2-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));
  6067. font-size: 0.875rem;
  6068. /* @alternate */
  6069. font-size: var(--mdc-typography-body2-font-size, 0.875rem);
  6070. line-height: 1.25rem;
  6071. /* @alternate */
  6072. line-height: var(--mdc-typography-body2-line-height, 1.25rem);
  6073. font-weight: 400;
  6074. /* @alternate */
  6075. font-weight: var(--mdc-typography-body2-font-weight, 400);
  6076. letter-spacing: 0.0178571429em;
  6077. /* @alternate */
  6078. letter-spacing: var(--mdc-typography-body2-letter-spacing, 0.0178571429em);
  6079. text-decoration: inherit;
  6080. /* @alternate */
  6081. -webkit-text-decoration: var(--mdc-typography-body2-text-decoration, inherit);
  6082. text-decoration: var(--mdc-typography-body2-text-decoration, inherit);
  6083. text-transform: inherit;
  6084. /* @alternate */
  6085. text-transform: var(--mdc-typography-body2-text-transform, inherit);
  6086. color: rgba(0, 0, 0, 0.87);
  6087. /* @alternate */
  6088. color: var(--mdc-theme-text-primary-on-background, rgba(0, 0, 0, 0.87));
  6089. display: inline-flex;
  6090. align-items: center;
  6091. vertical-align: middle;
  6092. }
  6093. .mdc-form-field > label {
  6094. /* @noflip */
  6095. margin-left: 0;
  6096. /* @noflip */
  6097. margin-right: auto;
  6098. /* @noflip */
  6099. padding-left: 4px;
  6100. /* @noflip */
  6101. padding-right: 0;
  6102. order: 0;
  6103. }
  6104. [dir=rtl] .mdc-form-field > label, .mdc-form-field > label[dir=rtl] {
  6105. /* @noflip */
  6106. margin-left: auto;
  6107. /* @noflip */
  6108. margin-right: 0;
  6109. }
  6110. [dir=rtl] .mdc-form-field > label, .mdc-form-field > label[dir=rtl] {
  6111. /* @noflip */
  6112. padding-left: 0;
  6113. /* @noflip */
  6114. padding-right: 4px;
  6115. }
  6116. .mdc-form-field--nowrap > label {
  6117. text-overflow: ellipsis;
  6118. overflow: hidden;
  6119. white-space: nowrap;
  6120. }
  6121. .mdc-form-field--align-end > label {
  6122. /* @noflip */
  6123. margin-left: auto;
  6124. /* @noflip */
  6125. margin-right: 0;
  6126. /* @noflip */
  6127. padding-left: 0;
  6128. /* @noflip */
  6129. padding-right: 4px;
  6130. order: -1;
  6131. }
  6132. [dir=rtl] .mdc-form-field--align-end > label, .mdc-form-field--align-end > label[dir=rtl] {
  6133. /* @noflip */
  6134. margin-left: 0;
  6135. /* @noflip */
  6136. margin-right: auto;
  6137. }
  6138. [dir=rtl] .mdc-form-field--align-end > label, .mdc-form-field--align-end > label[dir=rtl] {
  6139. /* @noflip */
  6140. padding-left: 4px;
  6141. /* @noflip */
  6142. padding-right: 0;
  6143. }
  6144. .mdc-form-field--space-between {
  6145. justify-content: space-between;
  6146. }
  6147. .mdc-form-field--space-between > label {
  6148. margin: 0;
  6149. }
  6150. [dir=rtl] .mdc-form-field--space-between > label, .mdc-form-field--space-between > label[dir=rtl] {
  6151. margin: 0;
  6152. }
  6153. .mdc-icon-button {
  6154. display: inline-block;
  6155. position: relative;
  6156. box-sizing: border-box;
  6157. border: none;
  6158. outline: none;
  6159. background-color: transparent;
  6160. fill: currentColor;
  6161. color: inherit;
  6162. font-size: 24px;
  6163. text-decoration: none;
  6164. cursor: pointer;
  6165. -webkit-user-select: none;
  6166. -moz-user-select: none;
  6167. -ms-user-select: none;
  6168. user-select: none;
  6169. width: 48px;
  6170. height: 48px;
  6171. padding: 12px;
  6172. }
  6173. .mdc-icon-button svg,
  6174. .mdc-icon-button img {
  6175. width: 24px;
  6176. height: 24px;
  6177. }
  6178. .mdc-icon-button:disabled {
  6179. color: rgba(0, 0, 0, 0.38);
  6180. /* @alternate */
  6181. color: var(--mdc-theme-text-disabled-on-light, rgba(0, 0, 0, 0.38));
  6182. }
  6183. .mdc-icon-button:disabled {
  6184. cursor: default;
  6185. pointer-events: none;
  6186. }
  6187. .mdc-icon-button__icon {
  6188. display: inline-block;
  6189. }
  6190. .mdc-icon-button__icon.mdc-icon-button__icon--on {
  6191. display: none;
  6192. }
  6193. .mdc-icon-button--on .mdc-icon-button__icon {
  6194. display: none;
  6195. }
  6196. .mdc-icon-button--on .mdc-icon-button__icon.mdc-icon-button__icon--on {
  6197. display: inline-block;
  6198. }
  6199. .mdc-icon-button {
  6200. --mdc-ripple-fg-size: 0;
  6201. --mdc-ripple-left: 0;
  6202. --mdc-ripple-top: 0;
  6203. --mdc-ripple-fg-scale: 1;
  6204. --mdc-ripple-fg-translate-end: 0;
  6205. --mdc-ripple-fg-translate-start: 0;
  6206. -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  6207. will-change: transform, opacity;
  6208. }
  6209. .mdc-icon-button::before, .mdc-icon-button::after {
  6210. position: absolute;
  6211. border-radius: 50%;
  6212. opacity: 0;
  6213. pointer-events: none;
  6214. content: "";
  6215. }
  6216. .mdc-icon-button::before {
  6217. transition: opacity 15ms linear, background-color 15ms linear;
  6218. z-index: 1;
  6219. /* @alternate */
  6220. z-index: var(--mdc-ripple-z-index, 1);
  6221. }
  6222. .mdc-icon-button::after {
  6223. z-index: 0;
  6224. /* @alternate */
  6225. z-index: var(--mdc-ripple-z-index, 0);
  6226. }
  6227. .mdc-icon-button.mdc-ripple-upgraded::before {
  6228. -webkit-transform: scale(var(--mdc-ripple-fg-scale, 1));
  6229. transform: scale(var(--mdc-ripple-fg-scale, 1));
  6230. }
  6231. .mdc-icon-button.mdc-ripple-upgraded::after {
  6232. top: 0;
  6233. /* @noflip */
  6234. left: 0;
  6235. -webkit-transform: scale(0);
  6236. transform: scale(0);
  6237. -webkit-transform-origin: center center;
  6238. transform-origin: center center;
  6239. }
  6240. .mdc-icon-button.mdc-ripple-upgraded--unbounded::after {
  6241. top: var(--mdc-ripple-top, 0);
  6242. /* @noflip */
  6243. left: var(--mdc-ripple-left, 0);
  6244. }
  6245. .mdc-icon-button.mdc-ripple-upgraded--foreground-activation::after {
  6246. -webkit-animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards;
  6247. animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards;
  6248. }
  6249. .mdc-icon-button.mdc-ripple-upgraded--foreground-deactivation::after {
  6250. -webkit-animation: mdc-ripple-fg-opacity-out 150ms;
  6251. animation: mdc-ripple-fg-opacity-out 150ms;
  6252. -webkit-transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
  6253. transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
  6254. }
  6255. .mdc-icon-button::before, .mdc-icon-button::after {
  6256. top: calc(50% - 50%);
  6257. /* @noflip */
  6258. left: calc(50% - 50%);
  6259. width: 100%;
  6260. height: 100%;
  6261. }
  6262. .mdc-icon-button.mdc-ripple-upgraded::before, .mdc-icon-button.mdc-ripple-upgraded::after {
  6263. top: var(--mdc-ripple-top, calc(50% - 50%));
  6264. /* @noflip */
  6265. left: var(--mdc-ripple-left, calc(50% - 50%));
  6266. width: var(--mdc-ripple-fg-size, 100%);
  6267. height: var(--mdc-ripple-fg-size, 100%);
  6268. }
  6269. .mdc-icon-button.mdc-ripple-upgraded::after {
  6270. width: var(--mdc-ripple-fg-size, 100%);
  6271. height: var(--mdc-ripple-fg-size, 100%);
  6272. }
  6273. .mdc-icon-button::before, .mdc-icon-button::after {
  6274. background-color: #000;
  6275. /* @alternate */
  6276. background-color: var(--mdc-ripple-color, #000);
  6277. }
  6278. .mdc-icon-button:hover::before, .mdc-icon-button.mdc-ripple-surface--hover::before {
  6279. opacity: 0.04;
  6280. /* @alternate */
  6281. opacity: var(--mdc-ripple-hover-opacity, 0.04);
  6282. }
  6283. .mdc-icon-button.mdc-ripple-upgraded--background-focused::before, .mdc-icon-button:not(.mdc-ripple-upgraded):focus::before {
  6284. transition-duration: 75ms;
  6285. opacity: 0.12;
  6286. /* @alternate */
  6287. opacity: var(--mdc-ripple-focus-opacity, 0.12);
  6288. }
  6289. .mdc-icon-button:not(.mdc-ripple-upgraded)::after {
  6290. transition: opacity 150ms linear;
  6291. }
  6292. .mdc-icon-button:not(.mdc-ripple-upgraded):active::after {
  6293. transition-duration: 75ms;
  6294. opacity: 0.12;
  6295. /* @alternate */
  6296. opacity: var(--mdc-ripple-press-opacity, 0.12);
  6297. }
  6298. .mdc-icon-button.mdc-ripple-upgraded {
  6299. --mdc-ripple-fg-opacity: var(--mdc-ripple-press-opacity, 0.12);
  6300. }
  6301. .mdc-image-list {
  6302. display: flex;
  6303. flex-wrap: wrap;
  6304. margin: 0 auto;
  6305. padding: 0;
  6306. }
  6307. .mdc-image-list__item,
  6308. .mdc-image-list__image-aspect-container {
  6309. position: relative;
  6310. box-sizing: border-box;
  6311. }
  6312. .mdc-image-list__item {
  6313. list-style-type: none;
  6314. }
  6315. .mdc-image-list__image {
  6316. width: 100%;
  6317. }
  6318. .mdc-image-list__image-aspect-container .mdc-image-list__image {
  6319. position: absolute;
  6320. top: 0;
  6321. right: 0;
  6322. bottom: 0;
  6323. left: 0;
  6324. height: 100%;
  6325. background-repeat: no-repeat;
  6326. background-position: center;
  6327. background-size: cover;
  6328. }
  6329. .mdc-image-list__image-aspect-container {
  6330. padding-bottom: calc(100% / 1);
  6331. }
  6332. .mdc-image-list__image {
  6333. border-radius: 0;
  6334. }
  6335. .mdc-image-list--with-text-protection .mdc-image-list__supporting {
  6336. border-top-left-radius: 0;
  6337. border-top-right-radius: 0;
  6338. border-bottom-right-radius: 0;
  6339. border-bottom-left-radius: 0;
  6340. }
  6341. .mdc-image-list__supporting {
  6342. color: rgba(0, 0, 0, 0.87);
  6343. /* @alternate */
  6344. color: var(--mdc-theme-text-primary-on-background, rgba(0, 0, 0, 0.87));
  6345. display: flex;
  6346. align-items: center;
  6347. justify-content: space-between;
  6348. box-sizing: border-box;
  6349. padding: 8px 0;
  6350. line-height: 24px;
  6351. }
  6352. .mdc-image-list__label {
  6353. -moz-osx-font-smoothing: grayscale;
  6354. -webkit-font-smoothing: antialiased;
  6355. font-family: Roboto, sans-serif;
  6356. /* @alternate */
  6357. font-family: var(--mdc-typography-subtitle1-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));
  6358. font-size: 1rem;
  6359. /* @alternate */
  6360. font-size: var(--mdc-typography-subtitle1-font-size, 1rem);
  6361. line-height: 1.75rem;
  6362. /* @alternate */
  6363. line-height: var(--mdc-typography-subtitle1-line-height, 1.75rem);
  6364. font-weight: 400;
  6365. /* @alternate */
  6366. font-weight: var(--mdc-typography-subtitle1-font-weight, 400);
  6367. letter-spacing: 0.009375em;
  6368. /* @alternate */
  6369. letter-spacing: var(--mdc-typography-subtitle1-letter-spacing, 0.009375em);
  6370. text-decoration: inherit;
  6371. /* @alternate */
  6372. -webkit-text-decoration: var(--mdc-typography-subtitle1-text-decoration, inherit);
  6373. text-decoration: var(--mdc-typography-subtitle1-text-decoration, inherit);
  6374. text-transform: inherit;
  6375. /* @alternate */
  6376. text-transform: var(--mdc-typography-subtitle1-text-transform, inherit);
  6377. text-overflow: ellipsis;
  6378. white-space: nowrap;
  6379. overflow: hidden;
  6380. }
  6381. .mdc-image-list--with-text-protection .mdc-image-list__supporting {
  6382. position: absolute;
  6383. bottom: 0;
  6384. width: 100%;
  6385. height: 48px;
  6386. padding: 0 16px;
  6387. background: rgba(0, 0, 0, 0.6);
  6388. color: #fff;
  6389. }
  6390. .mdc-image-list--masonry {
  6391. display: block;
  6392. }
  6393. .mdc-image-list--masonry .mdc-image-list__item {
  6394. -webkit-column-break-inside: avoid;
  6395. break-inside: avoid-column;
  6396. }
  6397. .mdc-image-list--masonry .mdc-image-list__image {
  6398. display: block;
  6399. height: auto;
  6400. }
  6401. :root {
  6402. --mdc-layout-grid-margin-desktop: 24px;
  6403. --mdc-layout-grid-gutter-desktop: 24px;
  6404. --mdc-layout-grid-column-width-desktop: 72px;
  6405. --mdc-layout-grid-margin-tablet: 16px;
  6406. --mdc-layout-grid-gutter-tablet: 16px;
  6407. --mdc-layout-grid-column-width-tablet: 72px;
  6408. --mdc-layout-grid-margin-phone: 16px;
  6409. --mdc-layout-grid-gutter-phone: 16px;
  6410. --mdc-layout-grid-column-width-phone: 72px;
  6411. }
  6412. @media (min-width: 840px) {
  6413. .mdc-layout-grid {
  6414. box-sizing: border-box;
  6415. margin: 0 auto;
  6416. padding: 24px;
  6417. padding: var(--mdc-layout-grid-margin-desktop, 24px);
  6418. }
  6419. }
  6420. @media (min-width: 600px) and (max-width: 839px) {
  6421. .mdc-layout-grid {
  6422. box-sizing: border-box;
  6423. margin: 0 auto;
  6424. padding: 16px;
  6425. padding: var(--mdc-layout-grid-margin-tablet, 16px);
  6426. }
  6427. }
  6428. @media (max-width: 599px) {
  6429. .mdc-layout-grid {
  6430. box-sizing: border-box;
  6431. margin: 0 auto;
  6432. padding: 16px;
  6433. padding: var(--mdc-layout-grid-margin-phone, 16px);
  6434. }
  6435. }
  6436. @media (min-width: 840px) {
  6437. .mdc-layout-grid__inner {
  6438. display: flex;
  6439. flex-flow: row wrap;
  6440. align-items: stretch;
  6441. margin: -12px;
  6442. margin: calc(var(--mdc-layout-grid-gutter-desktop, 24px) / 2 * -1);
  6443. }
  6444. @supports (display: grid) {
  6445. .mdc-layout-grid__inner {
  6446. display: grid;
  6447. margin: 0;
  6448. grid-gap: 24px;
  6449. grid-gap: var(--mdc-layout-grid-gutter-desktop, 24px);
  6450. grid-template-columns: repeat(12, minmax(0, 1fr));
  6451. }
  6452. }
  6453. }
  6454. @media (min-width: 600px) and (max-width: 839px) {
  6455. .mdc-layout-grid__inner {
  6456. display: flex;
  6457. flex-flow: row wrap;
  6458. align-items: stretch;
  6459. margin: -8px;
  6460. margin: calc(var(--mdc-layout-grid-gutter-tablet, 16px) / 2 * -1);
  6461. }
  6462. @supports (display: grid) {
  6463. .mdc-layout-grid__inner {
  6464. display: grid;
  6465. margin: 0;
  6466. grid-gap: 16px;
  6467. grid-gap: var(--mdc-layout-grid-gutter-tablet, 16px);
  6468. grid-template-columns: repeat(8, minmax(0, 1fr));
  6469. }
  6470. }
  6471. }
  6472. @media (max-width: 599px) {
  6473. .mdc-layout-grid__inner {
  6474. display: flex;
  6475. flex-flow: row wrap;
  6476. align-items: stretch;
  6477. margin: -8px;
  6478. margin: calc(var(--mdc-layout-grid-gutter-phone, 16px) / 2 * -1);
  6479. }
  6480. @supports (display: grid) {
  6481. .mdc-layout-grid__inner {
  6482. display: grid;
  6483. margin: 0;
  6484. grid-gap: 16px;
  6485. grid-gap: var(--mdc-layout-grid-gutter-phone, 16px);
  6486. grid-template-columns: repeat(4, minmax(0, 1fr));
  6487. }
  6488. }
  6489. }
  6490. @media (min-width: 840px) {
  6491. .mdc-layout-grid__cell {
  6492. width: calc(33.3333333333% - 24px);
  6493. width: calc(33.3333333333% - var(--mdc-layout-grid-gutter-desktop, 24px));
  6494. box-sizing: border-box;
  6495. margin: 12px;
  6496. margin: calc(var(--mdc-layout-grid-gutter-desktop, 24px) / 2);
  6497. }
  6498. @supports (display: grid) {
  6499. .mdc-layout-grid__cell {
  6500. width: auto;
  6501. grid-column-end: span 4;
  6502. }
  6503. }
  6504. @supports (display: grid) {
  6505. .mdc-layout-grid__cell {
  6506. margin: 0;
  6507. }
  6508. }
  6509. .mdc-layout-grid__cell--span-1,
  6510. .mdc-layout-grid__cell--span-1-desktop {
  6511. width: calc(8.3333333333% - 24px);
  6512. width: calc(8.3333333333% - var(--mdc-layout-grid-gutter-desktop, 24px));
  6513. }
  6514. @supports (display: grid) {
  6515. .mdc-layout-grid__cell--span-1,
  6516. .mdc-layout-grid__cell--span-1-desktop {
  6517. width: auto;
  6518. grid-column-end: span 1;
  6519. }
  6520. }
  6521. .mdc-layout-grid__cell--span-2,
  6522. .mdc-layout-grid__cell--span-2-desktop {
  6523. width: calc(16.6666666667% - 24px);
  6524. width: calc(16.6666666667% - var(--mdc-layout-grid-gutter-desktop, 24px));
  6525. }
  6526. @supports (display: grid) {
  6527. .mdc-layout-grid__cell--span-2,
  6528. .mdc-layout-grid__cell--span-2-desktop {
  6529. width: auto;
  6530. grid-column-end: span 2;
  6531. }
  6532. }
  6533. .mdc-layout-grid__cell--span-3,
  6534. .mdc-layout-grid__cell--span-3-desktop {
  6535. width: calc(25% - 24px);
  6536. width: calc(25% - var(--mdc-layout-grid-gutter-desktop, 24px));
  6537. }
  6538. @supports (display: grid) {
  6539. .mdc-layout-grid__cell--span-3,
  6540. .mdc-layout-grid__cell--span-3-desktop {
  6541. width: auto;
  6542. grid-column-end: span 3;
  6543. }
  6544. }
  6545. .mdc-layout-grid__cell--span-4,
  6546. .mdc-layout-grid__cell--span-4-desktop {
  6547. width: calc(33.3333333333% - 24px);
  6548. width: calc(33.3333333333% - var(--mdc-layout-grid-gutter-desktop, 24px));
  6549. }
  6550. @supports (display: grid) {
  6551. .mdc-layout-grid__cell--span-4,
  6552. .mdc-layout-grid__cell--span-4-desktop {
  6553. width: auto;
  6554. grid-column-end: span 4;
  6555. }
  6556. }
  6557. .mdc-layout-grid__cell--span-5,
  6558. .mdc-layout-grid__cell--span-5-desktop {
  6559. width: calc(41.6666666667% - 24px);
  6560. width: calc(41.6666666667% - var(--mdc-layout-grid-gutter-desktop, 24px));
  6561. }
  6562. @supports (display: grid) {
  6563. .mdc-layout-grid__cell--span-5,
  6564. .mdc-layout-grid__cell--span-5-desktop {
  6565. width: auto;
  6566. grid-column-end: span 5;
  6567. }
  6568. }
  6569. .mdc-layout-grid__cell--span-6,
  6570. .mdc-layout-grid__cell--span-6-desktop {
  6571. width: calc(50% - 24px);
  6572. width: calc(50% - var(--mdc-layout-grid-gutter-desktop, 24px));
  6573. }
  6574. @supports (display: grid) {
  6575. .mdc-layout-grid__cell--span-6,
  6576. .mdc-layout-grid__cell--span-6-desktop {
  6577. width: auto;
  6578. grid-column-end: span 6;
  6579. }
  6580. }
  6581. .mdc-layout-grid__cell--span-7,
  6582. .mdc-layout-grid__cell--span-7-desktop {
  6583. width: calc(58.3333333333% - 24px);
  6584. width: calc(58.3333333333% - var(--mdc-layout-grid-gutter-desktop, 24px));
  6585. }
  6586. @supports (display: grid) {
  6587. .mdc-layout-grid__cell--span-7,
  6588. .mdc-layout-grid__cell--span-7-desktop {
  6589. width: auto;
  6590. grid-column-end: span 7;
  6591. }
  6592. }
  6593. .mdc-layout-grid__cell--span-8,
  6594. .mdc-layout-grid__cell--span-8-desktop {
  6595. width: calc(66.6666666667% - 24px);
  6596. width: calc(66.6666666667% - var(--mdc-layout-grid-gutter-desktop, 24px));
  6597. }
  6598. @supports (display: grid) {
  6599. .mdc-layout-grid__cell--span-8,
  6600. .mdc-layout-grid__cell--span-8-desktop {
  6601. width: auto;
  6602. grid-column-end: span 8;
  6603. }
  6604. }
  6605. .mdc-layout-grid__cell--span-9,
  6606. .mdc-layout-grid__cell--span-9-desktop {
  6607. width: calc(75% - 24px);
  6608. width: calc(75% - var(--mdc-layout-grid-gutter-desktop, 24px));
  6609. }
  6610. @supports (display: grid) {
  6611. .mdc-layout-grid__cell--span-9,
  6612. .mdc-layout-grid__cell--span-9-desktop {
  6613. width: auto;
  6614. grid-column-end: span 9;
  6615. }
  6616. }
  6617. .mdc-layout-grid__cell--span-10,
  6618. .mdc-layout-grid__cell--span-10-desktop {
  6619. width: calc(83.3333333333% - 24px);
  6620. width: calc(83.3333333333% - var(--mdc-layout-grid-gutter-desktop, 24px));
  6621. }
  6622. @supports (display: grid) {
  6623. .mdc-layout-grid__cell--span-10,
  6624. .mdc-layout-grid__cell--span-10-desktop {
  6625. width: auto;
  6626. grid-column-end: span 10;
  6627. }
  6628. }
  6629. .mdc-layout-grid__cell--span-11,
  6630. .mdc-layout-grid__cell--span-11-desktop {
  6631. width: calc(91.6666666667% - 24px);
  6632. width: calc(91.6666666667% - var(--mdc-layout-grid-gutter-desktop, 24px));
  6633. }
  6634. @supports (display: grid) {
  6635. .mdc-layout-grid__cell--span-11,
  6636. .mdc-layout-grid__cell--span-11-desktop {
  6637. width: auto;
  6638. grid-column-end: span 11;
  6639. }
  6640. }
  6641. .mdc-layout-grid__cell--span-12,
  6642. .mdc-layout-grid__cell--span-12-desktop {
  6643. width: calc(100% - 24px);
  6644. width: calc(100% - var(--mdc-layout-grid-gutter-desktop, 24px));
  6645. }
  6646. @supports (display: grid) {
  6647. .mdc-layout-grid__cell--span-12,
  6648. .mdc-layout-grid__cell--span-12-desktop {
  6649. width: auto;
  6650. grid-column-end: span 12;
  6651. }
  6652. }
  6653. }
  6654. @media (min-width: 600px) and (max-width: 839px) {
  6655. .mdc-layout-grid__cell {
  6656. width: calc(50% - 16px);
  6657. width: calc(50% - var(--mdc-layout-grid-gutter-tablet, 16px));
  6658. box-sizing: border-box;
  6659. margin: 8px;
  6660. margin: calc(var(--mdc-layout-grid-gutter-tablet, 16px) / 2);
  6661. }
  6662. @supports (display: grid) {
  6663. .mdc-layout-grid__cell {
  6664. width: auto;
  6665. grid-column-end: span 4;
  6666. }
  6667. }
  6668. @supports (display: grid) {
  6669. .mdc-layout-grid__cell {
  6670. margin: 0;
  6671. }
  6672. }
  6673. .mdc-layout-grid__cell--span-1,
  6674. .mdc-layout-grid__cell--span-1-tablet {
  6675. width: calc(12.5% - 16px);
  6676. width: calc(12.5% - var(--mdc-layout-grid-gutter-tablet, 16px));
  6677. }
  6678. @supports (display: grid) {
  6679. .mdc-layout-grid__cell--span-1,
  6680. .mdc-layout-grid__cell--span-1-tablet {
  6681. width: auto;
  6682. grid-column-end: span 1;
  6683. }
  6684. }
  6685. .mdc-layout-grid__cell--span-2,
  6686. .mdc-layout-grid__cell--span-2-tablet {
  6687. width: calc(25% - 16px);
  6688. width: calc(25% - var(--mdc-layout-grid-gutter-tablet, 16px));
  6689. }
  6690. @supports (display: grid) {
  6691. .mdc-layout-grid__cell--span-2,
  6692. .mdc-layout-grid__cell--span-2-tablet {
  6693. width: auto;
  6694. grid-column-end: span 2;
  6695. }
  6696. }
  6697. .mdc-layout-grid__cell--span-3,
  6698. .mdc-layout-grid__cell--span-3-tablet {
  6699. width: calc(37.5% - 16px);
  6700. width: calc(37.5% - var(--mdc-layout-grid-gutter-tablet, 16px));
  6701. }
  6702. @supports (display: grid) {
  6703. .mdc-layout-grid__cell--span-3,
  6704. .mdc-layout-grid__cell--span-3-tablet {
  6705. width: auto;
  6706. grid-column-end: span 3;
  6707. }
  6708. }
  6709. .mdc-layout-grid__cell--span-4,
  6710. .mdc-layout-grid__cell--span-4-tablet {
  6711. width: calc(50% - 16px);
  6712. width: calc(50% - var(--mdc-layout-grid-gutter-tablet, 16px));
  6713. }
  6714. @supports (display: grid) {
  6715. .mdc-layout-grid__cell--span-4,
  6716. .mdc-layout-grid__cell--span-4-tablet {
  6717. width: auto;
  6718. grid-column-end: span 4;
  6719. }
  6720. }
  6721. .mdc-layout-grid__cell--span-5,
  6722. .mdc-layout-grid__cell--span-5-tablet {
  6723. width: calc(62.5% - 16px);
  6724. width: calc(62.5% - var(--mdc-layout-grid-gutter-tablet, 16px));
  6725. }
  6726. @supports (display: grid) {
  6727. .mdc-layout-grid__cell--span-5,
  6728. .mdc-layout-grid__cell--span-5-tablet {
  6729. width: auto;
  6730. grid-column-end: span 5;
  6731. }
  6732. }
  6733. .mdc-layout-grid__cell--span-6,
  6734. .mdc-layout-grid__cell--span-6-tablet {
  6735. width: calc(75% - 16px);
  6736. width: calc(75% - var(--mdc-layout-grid-gutter-tablet, 16px));
  6737. }
  6738. @supports (display: grid) {
  6739. .mdc-layout-grid__cell--span-6,
  6740. .mdc-layout-grid__cell--span-6-tablet {
  6741. width: auto;
  6742. grid-column-end: span 6;
  6743. }
  6744. }
  6745. .mdc-layout-grid__cell--span-7,
  6746. .mdc-layout-grid__cell--span-7-tablet {
  6747. width: calc(87.5% - 16px);
  6748. width: calc(87.5% - var(--mdc-layout-grid-gutter-tablet, 16px));
  6749. }
  6750. @supports (display: grid) {
  6751. .mdc-layout-grid__cell--span-7,
  6752. .mdc-layout-grid__cell--span-7-tablet {
  6753. width: auto;
  6754. grid-column-end: span 7;
  6755. }
  6756. }
  6757. .mdc-layout-grid__cell--span-8,
  6758. .mdc-layout-grid__cell--span-8-tablet {
  6759. width: calc(100% - 16px);
  6760. width: calc(100% - var(--mdc-layout-grid-gutter-tablet, 16px));
  6761. }
  6762. @supports (display: grid) {
  6763. .mdc-layout-grid__cell--span-8,
  6764. .mdc-layout-grid__cell--span-8-tablet {
  6765. width: auto;
  6766. grid-column-end: span 8;
  6767. }
  6768. }
  6769. .mdc-layout-grid__cell--span-9,
  6770. .mdc-layout-grid__cell--span-9-tablet {
  6771. width: calc(100% - 16px);
  6772. width: calc(100% - var(--mdc-layout-grid-gutter-tablet, 16px));
  6773. }
  6774. @supports (display: grid) {
  6775. .mdc-layout-grid__cell--span-9,
  6776. .mdc-layout-grid__cell--span-9-tablet {
  6777. width: auto;
  6778. grid-column-end: span 8;
  6779. }
  6780. }
  6781. .mdc-layout-grid__cell--span-10,
  6782. .mdc-layout-grid__cell--span-10-tablet {
  6783. width: calc(100% - 16px);
  6784. width: calc(100% - var(--mdc-layout-grid-gutter-tablet, 16px));
  6785. }
  6786. @supports (display: grid) {
  6787. .mdc-layout-grid__cell--span-10,
  6788. .mdc-layout-grid__cell--span-10-tablet {
  6789. width: auto;
  6790. grid-column-end: span 8;
  6791. }
  6792. }
  6793. .mdc-layout-grid__cell--span-11,
  6794. .mdc-layout-grid__cell--span-11-tablet {
  6795. width: calc(100% - 16px);
  6796. width: calc(100% - var(--mdc-layout-grid-gutter-tablet, 16px));
  6797. }
  6798. @supports (display: grid) {
  6799. .mdc-layout-grid__cell--span-11,
  6800. .mdc-layout-grid__cell--span-11-tablet {
  6801. width: auto;
  6802. grid-column-end: span 8;
  6803. }
  6804. }
  6805. .mdc-layout-grid__cell--span-12,
  6806. .mdc-layout-grid__cell--span-12-tablet {
  6807. width: calc(100% - 16px);
  6808. width: calc(100% - var(--mdc-layout-grid-gutter-tablet, 16px));
  6809. }
  6810. @supports (display: grid) {
  6811. .mdc-layout-grid__cell--span-12,
  6812. .mdc-layout-grid__cell--span-12-tablet {
  6813. width: auto;
  6814. grid-column-end: span 8;
  6815. }
  6816. }
  6817. }
  6818. @media (max-width: 599px) {
  6819. .mdc-layout-grid__cell {
  6820. width: calc(100% - 16px);
  6821. width: calc(100% - var(--mdc-layout-grid-gutter-phone, 16px));
  6822. box-sizing: border-box;
  6823. margin: 8px;
  6824. margin: calc(var(--mdc-layout-grid-gutter-phone, 16px) / 2);
  6825. }
  6826. @supports (display: grid) {
  6827. .mdc-layout-grid__cell {
  6828. width: auto;
  6829. grid-column-end: span 4;
  6830. }
  6831. }
  6832. @supports (display: grid) {
  6833. .mdc-layout-grid__cell {
  6834. margin: 0;
  6835. }
  6836. }
  6837. .mdc-layout-grid__cell--span-1,
  6838. .mdc-layout-grid__cell--span-1-phone {
  6839. width: calc(25% - 16px);
  6840. width: calc(25% - var(--mdc-layout-grid-gutter-phone, 16px));
  6841. }
  6842. @supports (display: grid) {
  6843. .mdc-layout-grid__cell--span-1,
  6844. .mdc-layout-grid__cell--span-1-phone {
  6845. width: auto;
  6846. grid-column-end: span 1;
  6847. }
  6848. }
  6849. .mdc-layout-grid__cell--span-2,
  6850. .mdc-layout-grid__cell--span-2-phone {
  6851. width: calc(50% - 16px);
  6852. width: calc(50% - var(--mdc-layout-grid-gutter-phone, 16px));
  6853. }
  6854. @supports (display: grid) {
  6855. .mdc-layout-grid__cell--span-2,
  6856. .mdc-layout-grid__cell--span-2-phone {
  6857. width: auto;
  6858. grid-column-end: span 2;
  6859. }
  6860. }
  6861. .mdc-layout-grid__cell--span-3,
  6862. .mdc-layout-grid__cell--span-3-phone {
  6863. width: calc(75% - 16px);
  6864. width: calc(75% - var(--mdc-layout-grid-gutter-phone, 16px));
  6865. }
  6866. @supports (display: grid) {
  6867. .mdc-layout-grid__cell--span-3,
  6868. .mdc-layout-grid__cell--span-3-phone {
  6869. width: auto;
  6870. grid-column-end: span 3;
  6871. }
  6872. }
  6873. .mdc-layout-grid__cell--span-4,
  6874. .mdc-layout-grid__cell--span-4-phone {
  6875. width: calc(100% - 16px);
  6876. width: calc(100% - var(--mdc-layout-grid-gutter-phone, 16px));
  6877. }
  6878. @supports (display: grid) {
  6879. .mdc-layout-grid__cell--span-4,
  6880. .mdc-layout-grid__cell--span-4-phone {
  6881. width: auto;
  6882. grid-column-end: span 4;
  6883. }
  6884. }
  6885. .mdc-layout-grid__cell--span-5,
  6886. .mdc-layout-grid__cell--span-5-phone {
  6887. width: calc(100% - 16px);
  6888. width: calc(100% - var(--mdc-layout-grid-gutter-phone, 16px));
  6889. }
  6890. @supports (display: grid) {
  6891. .mdc-layout-grid__cell--span-5,
  6892. .mdc-layout-grid__cell--span-5-phone {
  6893. width: auto;
  6894. grid-column-end: span 4;
  6895. }
  6896. }
  6897. .mdc-layout-grid__cell--span-6,
  6898. .mdc-layout-grid__cell--span-6-phone {
  6899. width: calc(100% - 16px);
  6900. width: calc(100% - var(--mdc-layout-grid-gutter-phone, 16px));
  6901. }
  6902. @supports (display: grid) {
  6903. .mdc-layout-grid__cell--span-6,
  6904. .mdc-layout-grid__cell--span-6-phone {
  6905. width: auto;
  6906. grid-column-end: span 4;
  6907. }
  6908. }
  6909. .mdc-layout-grid__cell--span-7,
  6910. .mdc-layout-grid__cell--span-7-phone {
  6911. width: calc(100% - 16px);
  6912. width: calc(100% - var(--mdc-layout-grid-gutter-phone, 16px));
  6913. }
  6914. @supports (display: grid) {
  6915. .mdc-layout-grid__cell--span-7,
  6916. .mdc-layout-grid__cell--span-7-phone {
  6917. width: auto;
  6918. grid-column-end: span 4;
  6919. }
  6920. }
  6921. .mdc-layout-grid__cell--span-8,
  6922. .mdc-layout-grid__cell--span-8-phone {
  6923. width: calc(100% - 16px);
  6924. width: calc(100% - var(--mdc-layout-grid-gutter-phone, 16px));
  6925. }
  6926. @supports (display: grid) {
  6927. .mdc-layout-grid__cell--span-8,
  6928. .mdc-layout-grid__cell--span-8-phone {
  6929. width: auto;
  6930. grid-column-end: span 4;
  6931. }
  6932. }
  6933. .mdc-layout-grid__cell--span-9,
  6934. .mdc-layout-grid__cell--span-9-phone {
  6935. width: calc(100% - 16px);
  6936. width: calc(100% - var(--mdc-layout-grid-gutter-phone, 16px));
  6937. }
  6938. @supports (display: grid) {
  6939. .mdc-layout-grid__cell--span-9,
  6940. .mdc-layout-grid__cell--span-9-phone {
  6941. width: auto;
  6942. grid-column-end: span 4;
  6943. }
  6944. }
  6945. .mdc-layout-grid__cell--span-10,
  6946. .mdc-layout-grid__cell--span-10-phone {
  6947. width: calc(100% - 16px);
  6948. width: calc(100% - var(--mdc-layout-grid-gutter-phone, 16px));
  6949. }
  6950. @supports (display: grid) {
  6951. .mdc-layout-grid__cell--span-10,
  6952. .mdc-layout-grid__cell--span-10-phone {
  6953. width: auto;
  6954. grid-column-end: span 4;
  6955. }
  6956. }
  6957. .mdc-layout-grid__cell--span-11,
  6958. .mdc-layout-grid__cell--span-11-phone {
  6959. width: calc(100% - 16px);
  6960. width: calc(100% - var(--mdc-layout-grid-gutter-phone, 16px));
  6961. }
  6962. @supports (display: grid) {
  6963. .mdc-layout-grid__cell--span-11,
  6964. .mdc-layout-grid__cell--span-11-phone {
  6965. width: auto;
  6966. grid-column-end: span 4;
  6967. }
  6968. }
  6969. .mdc-layout-grid__cell--span-12,
  6970. .mdc-layout-grid__cell--span-12-phone {
  6971. width: calc(100% - 16px);
  6972. width: calc(100% - var(--mdc-layout-grid-gutter-phone, 16px));
  6973. }
  6974. @supports (display: grid) {
  6975. .mdc-layout-grid__cell--span-12,
  6976. .mdc-layout-grid__cell--span-12-phone {
  6977. width: auto;
  6978. grid-column-end: span 4;
  6979. }
  6980. }
  6981. }
  6982. .mdc-layout-grid__cell--order-1 {
  6983. order: 1;
  6984. }
  6985. .mdc-layout-grid__cell--order-2 {
  6986. order: 2;
  6987. }
  6988. .mdc-layout-grid__cell--order-3 {
  6989. order: 3;
  6990. }
  6991. .mdc-layout-grid__cell--order-4 {
  6992. order: 4;
  6993. }
  6994. .mdc-layout-grid__cell--order-5 {
  6995. order: 5;
  6996. }
  6997. .mdc-layout-grid__cell--order-6 {
  6998. order: 6;
  6999. }
  7000. .mdc-layout-grid__cell--order-7 {
  7001. order: 7;
  7002. }
  7003. .mdc-layout-grid__cell--order-8 {
  7004. order: 8;
  7005. }
  7006. .mdc-layout-grid__cell--order-9 {
  7007. order: 9;
  7008. }
  7009. .mdc-layout-grid__cell--order-10 {
  7010. order: 10;
  7011. }
  7012. .mdc-layout-grid__cell--order-11 {
  7013. order: 11;
  7014. }
  7015. .mdc-layout-grid__cell--order-12 {
  7016. order: 12;
  7017. }
  7018. .mdc-layout-grid__cell--align-top {
  7019. align-self: flex-start;
  7020. }
  7021. @supports (display: grid) {
  7022. .mdc-layout-grid__cell--align-top {
  7023. align-self: start;
  7024. }
  7025. }
  7026. .mdc-layout-grid__cell--align-middle {
  7027. align-self: center;
  7028. }
  7029. .mdc-layout-grid__cell--align-bottom {
  7030. align-self: flex-end;
  7031. }
  7032. @supports (display: grid) {
  7033. .mdc-layout-grid__cell--align-bottom {
  7034. align-self: end;
  7035. }
  7036. }
  7037. @media (min-width: 840px) {
  7038. .mdc-layout-grid--fixed-column-width {
  7039. width: 1176px;
  7040. 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 );
  7041. }
  7042. }
  7043. @media (min-width: 600px) and (max-width: 839px) {
  7044. .mdc-layout-grid--fixed-column-width {
  7045. width: 720px;
  7046. 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 );
  7047. }
  7048. }
  7049. @media (max-width: 599px) {
  7050. .mdc-layout-grid--fixed-column-width {
  7051. width: 368px;
  7052. 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 );
  7053. }
  7054. }
  7055. .mdc-layout-grid--align-left {
  7056. margin-right: auto;
  7057. margin-left: 0;
  7058. }
  7059. .mdc-layout-grid--align-right {
  7060. margin-right: 0;
  7061. margin-left: auto;
  7062. }
  7063. @-webkit-keyframes mdc-linear-progress-primary-indeterminate-translate {
  7064. 0% {
  7065. -webkit-transform: translateX(0);
  7066. transform: translateX(0);
  7067. }
  7068. 20% {
  7069. -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);
  7070. animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);
  7071. -webkit-transform: translateX(0);
  7072. transform: translateX(0);
  7073. }
  7074. 59.15% {
  7075. -webkit-animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
  7076. animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
  7077. -webkit-transform: translateX(83.67142%);
  7078. transform: translateX(83.67142%);
  7079. /* @alternate */
  7080. -webkit-transform: translateX(var(--mdc-linear-progress-primary-half, 83.67142%));
  7081. transform: translateX(var(--mdc-linear-progress-primary-half, 83.67142%));
  7082. }
  7083. 100% {
  7084. -webkit-transform: translateX(200.611057%);
  7085. transform: translateX(200.611057%);
  7086. /* @alternate */
  7087. -webkit-transform: translateX(var(--mdc-linear-progress-primary-full, 200.611057%));
  7088. transform: translateX(var(--mdc-linear-progress-primary-full, 200.611057%));
  7089. }
  7090. }
  7091. @keyframes mdc-linear-progress-primary-indeterminate-translate {
  7092. 0% {
  7093. -webkit-transform: translateX(0);
  7094. transform: translateX(0);
  7095. }
  7096. 20% {
  7097. -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);
  7098. animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);
  7099. -webkit-transform: translateX(0);
  7100. transform: translateX(0);
  7101. }
  7102. 59.15% {
  7103. -webkit-animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
  7104. animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
  7105. -webkit-transform: translateX(83.67142%);
  7106. transform: translateX(83.67142%);
  7107. /* @alternate */
  7108. -webkit-transform: translateX(var(--mdc-linear-progress-primary-half, 83.67142%));
  7109. transform: translateX(var(--mdc-linear-progress-primary-half, 83.67142%));
  7110. }
  7111. 100% {
  7112. -webkit-transform: translateX(200.611057%);
  7113. transform: translateX(200.611057%);
  7114. /* @alternate */
  7115. -webkit-transform: translateX(var(--mdc-linear-progress-primary-full, 200.611057%));
  7116. transform: translateX(var(--mdc-linear-progress-primary-full, 200.611057%));
  7117. }
  7118. }
  7119. @-webkit-keyframes mdc-linear-progress-primary-indeterminate-scale {
  7120. 0% {
  7121. -webkit-transform: scaleX(0.08);
  7122. transform: scaleX(0.08);
  7123. }
  7124. 36.65% {
  7125. -webkit-animation-timing-function: cubic-bezier(0.334731, 0.12482, 0.785844, 1);
  7126. animation-timing-function: cubic-bezier(0.334731, 0.12482, 0.785844, 1);
  7127. -webkit-transform: scaleX(0.08);
  7128. transform: scaleX(0.08);
  7129. }
  7130. 69.15% {
  7131. -webkit-animation-timing-function: cubic-bezier(0.06, 0.11, 0.6, 1);
  7132. animation-timing-function: cubic-bezier(0.06, 0.11, 0.6, 1);
  7133. -webkit-transform: scaleX(0.661479);
  7134. transform: scaleX(0.661479);
  7135. }
  7136. 100% {
  7137. -webkit-transform: scaleX(0.08);
  7138. transform: scaleX(0.08);
  7139. }
  7140. }
  7141. @keyframes mdc-linear-progress-primary-indeterminate-scale {
  7142. 0% {
  7143. -webkit-transform: scaleX(0.08);
  7144. transform: scaleX(0.08);
  7145. }
  7146. 36.65% {
  7147. -webkit-animation-timing-function: cubic-bezier(0.334731, 0.12482, 0.785844, 1);
  7148. animation-timing-function: cubic-bezier(0.334731, 0.12482, 0.785844, 1);
  7149. -webkit-transform: scaleX(0.08);
  7150. transform: scaleX(0.08);
  7151. }
  7152. 69.15% {
  7153. -webkit-animation-timing-function: cubic-bezier(0.06, 0.11, 0.6, 1);
  7154. animation-timing-function: cubic-bezier(0.06, 0.11, 0.6, 1);
  7155. -webkit-transform: scaleX(0.661479);
  7156. transform: scaleX(0.661479);
  7157. }
  7158. 100% {
  7159. -webkit-transform: scaleX(0.08);
  7160. transform: scaleX(0.08);
  7161. }
  7162. }
  7163. @-webkit-keyframes mdc-linear-progress-secondary-indeterminate-translate {
  7164. 0% {
  7165. -webkit-animation-timing-function: cubic-bezier(0.15, 0, 0.515058, 0.409685);
  7166. animation-timing-function: cubic-bezier(0.15, 0, 0.515058, 0.409685);
  7167. -webkit-transform: translateX(0);
  7168. transform: translateX(0);
  7169. }
  7170. 25% {
  7171. -webkit-animation-timing-function: cubic-bezier(0.31033, 0.284058, 0.8, 0.733712);
  7172. animation-timing-function: cubic-bezier(0.31033, 0.284058, 0.8, 0.733712);
  7173. -webkit-transform: translateX(37.651913%);
  7174. transform: translateX(37.651913%);
  7175. /* @alternate */
  7176. -webkit-transform: translateX(var(--mdc-linear-progress-secondary-quarter, 37.651913%));
  7177. transform: translateX(var(--mdc-linear-progress-secondary-quarter, 37.651913%));
  7178. }
  7179. 48.35% {
  7180. -webkit-animation-timing-function: cubic-bezier(0.4, 0.627035, 0.6, 0.902026);
  7181. animation-timing-function: cubic-bezier(0.4, 0.627035, 0.6, 0.902026);
  7182. -webkit-transform: translateX(84.386165%);
  7183. transform: translateX(84.386165%);
  7184. /* @alternate */
  7185. -webkit-transform: translateX(var(--mdc-linear-progress-secondary-half, 84.386165%));
  7186. transform: translateX(var(--mdc-linear-progress-secondary-half, 84.386165%));
  7187. }
  7188. 100% {
  7189. -webkit-transform: translateX(160.277782%);
  7190. transform: translateX(160.277782%);
  7191. /* @alternate */
  7192. -webkit-transform: translateX(var(--mdc-linear-progress-secondary-full, 160.277782%));
  7193. transform: translateX(var(--mdc-linear-progress-secondary-full, 160.277782%));
  7194. }
  7195. }
  7196. @keyframes mdc-linear-progress-secondary-indeterminate-translate {
  7197. 0% {
  7198. -webkit-animation-timing-function: cubic-bezier(0.15, 0, 0.515058, 0.409685);
  7199. animation-timing-function: cubic-bezier(0.15, 0, 0.515058, 0.409685);
  7200. -webkit-transform: translateX(0);
  7201. transform: translateX(0);
  7202. }
  7203. 25% {
  7204. -webkit-animation-timing-function: cubic-bezier(0.31033, 0.284058, 0.8, 0.733712);
  7205. animation-timing-function: cubic-bezier(0.31033, 0.284058, 0.8, 0.733712);
  7206. -webkit-transform: translateX(37.651913%);
  7207. transform: translateX(37.651913%);
  7208. /* @alternate */
  7209. -webkit-transform: translateX(var(--mdc-linear-progress-secondary-quarter, 37.651913%));
  7210. transform: translateX(var(--mdc-linear-progress-secondary-quarter, 37.651913%));
  7211. }
  7212. 48.35% {
  7213. -webkit-animation-timing-function: cubic-bezier(0.4, 0.627035, 0.6, 0.902026);
  7214. animation-timing-function: cubic-bezier(0.4, 0.627035, 0.6, 0.902026);
  7215. -webkit-transform: translateX(84.386165%);
  7216. transform: translateX(84.386165%);
  7217. /* @alternate */
  7218. -webkit-transform: translateX(var(--mdc-linear-progress-secondary-half, 84.386165%));
  7219. transform: translateX(var(--mdc-linear-progress-secondary-half, 84.386165%));
  7220. }
  7221. 100% {
  7222. -webkit-transform: translateX(160.277782%);
  7223. transform: translateX(160.277782%);
  7224. /* @alternate */
  7225. -webkit-transform: translateX(var(--mdc-linear-progress-secondary-full, 160.277782%));
  7226. transform: translateX(var(--mdc-linear-progress-secondary-full, 160.277782%));
  7227. }
  7228. }
  7229. @-webkit-keyframes mdc-linear-progress-secondary-indeterminate-scale {
  7230. 0% {
  7231. -webkit-animation-timing-function: cubic-bezier(0.205028, 0.057051, 0.57661, 0.453971);
  7232. animation-timing-function: cubic-bezier(0.205028, 0.057051, 0.57661, 0.453971);
  7233. -webkit-transform: scaleX(0.08);
  7234. transform: scaleX(0.08);
  7235. }
  7236. 19.15% {
  7237. -webkit-animation-timing-function: cubic-bezier(0.152313, 0.196432, 0.648374, 1.004315);
  7238. animation-timing-function: cubic-bezier(0.152313, 0.196432, 0.648374, 1.004315);
  7239. -webkit-transform: scaleX(0.457104);
  7240. transform: scaleX(0.457104);
  7241. }
  7242. 44.15% {
  7243. -webkit-animation-timing-function: cubic-bezier(0.257759, -0.003163, 0.211762, 1.38179);
  7244. animation-timing-function: cubic-bezier(0.257759, -0.003163, 0.211762, 1.38179);
  7245. -webkit-transform: scaleX(0.72796);
  7246. transform: scaleX(0.72796);
  7247. }
  7248. 100% {
  7249. -webkit-transform: scaleX(0.08);
  7250. transform: scaleX(0.08);
  7251. }
  7252. }
  7253. @keyframes mdc-linear-progress-secondary-indeterminate-scale {
  7254. 0% {
  7255. -webkit-animation-timing-function: cubic-bezier(0.205028, 0.057051, 0.57661, 0.453971);
  7256. animation-timing-function: cubic-bezier(0.205028, 0.057051, 0.57661, 0.453971);
  7257. -webkit-transform: scaleX(0.08);
  7258. transform: scaleX(0.08);
  7259. }
  7260. 19.15% {
  7261. -webkit-animation-timing-function: cubic-bezier(0.152313, 0.196432, 0.648374, 1.004315);
  7262. animation-timing-function: cubic-bezier(0.152313, 0.196432, 0.648374, 1.004315);
  7263. -webkit-transform: scaleX(0.457104);
  7264. transform: scaleX(0.457104);
  7265. }
  7266. 44.15% {
  7267. -webkit-animation-timing-function: cubic-bezier(0.257759, -0.003163, 0.211762, 1.38179);
  7268. animation-timing-function: cubic-bezier(0.257759, -0.003163, 0.211762, 1.38179);
  7269. -webkit-transform: scaleX(0.72796);
  7270. transform: scaleX(0.72796);
  7271. }
  7272. 100% {
  7273. -webkit-transform: scaleX(0.08);
  7274. transform: scaleX(0.08);
  7275. }
  7276. }
  7277. @-webkit-keyframes mdc-linear-progress-buffering {
  7278. from {
  7279. -webkit-transform: rotate(180deg) translateX(-10px);
  7280. transform: rotate(180deg) translateX(-10px);
  7281. }
  7282. }
  7283. @keyframes mdc-linear-progress-buffering {
  7284. from {
  7285. -webkit-transform: rotate(180deg) translateX(-10px);
  7286. transform: rotate(180deg) translateX(-10px);
  7287. }
  7288. }
  7289. @-webkit-keyframes mdc-linear-progress-primary-indeterminate-translate-reverse {
  7290. 0% {
  7291. -webkit-transform: translateX(0);
  7292. transform: translateX(0);
  7293. }
  7294. 20% {
  7295. -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);
  7296. animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);
  7297. -webkit-transform: translateX(0);
  7298. transform: translateX(0);
  7299. }
  7300. 59.15% {
  7301. -webkit-animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
  7302. animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
  7303. -webkit-transform: translateX(-83.67142%);
  7304. transform: translateX(-83.67142%);
  7305. /* @alternate */
  7306. -webkit-transform: translateX(var(--mdc-linear-progress-primary-half-neg, -83.67142%));
  7307. transform: translateX(var(--mdc-linear-progress-primary-half-neg, -83.67142%));
  7308. }
  7309. 100% {
  7310. -webkit-transform: translateX(-200.611057%);
  7311. transform: translateX(-200.611057%);
  7312. /* @alternate */
  7313. -webkit-transform: translateX(var(--mdc-linear-progress-primary-full-neg, -200.611057%));
  7314. transform: translateX(var(--mdc-linear-progress-primary-full-neg, -200.611057%));
  7315. }
  7316. }
  7317. @keyframes mdc-linear-progress-primary-indeterminate-translate-reverse {
  7318. 0% {
  7319. -webkit-transform: translateX(0);
  7320. transform: translateX(0);
  7321. }
  7322. 20% {
  7323. -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);
  7324. animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);
  7325. -webkit-transform: translateX(0);
  7326. transform: translateX(0);
  7327. }
  7328. 59.15% {
  7329. -webkit-animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
  7330. animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
  7331. -webkit-transform: translateX(-83.67142%);
  7332. transform: translateX(-83.67142%);
  7333. /* @alternate */
  7334. -webkit-transform: translateX(var(--mdc-linear-progress-primary-half-neg, -83.67142%));
  7335. transform: translateX(var(--mdc-linear-progress-primary-half-neg, -83.67142%));
  7336. }
  7337. 100% {
  7338. -webkit-transform: translateX(-200.611057%);
  7339. transform: translateX(-200.611057%);
  7340. /* @alternate */
  7341. -webkit-transform: translateX(var(--mdc-linear-progress-primary-full-neg, -200.611057%));
  7342. transform: translateX(var(--mdc-linear-progress-primary-full-neg, -200.611057%));
  7343. }
  7344. }
  7345. @-webkit-keyframes mdc-linear-progress-secondary-indeterminate-translate-reverse {
  7346. 0% {
  7347. -webkit-animation-timing-function: cubic-bezier(0.15, 0, 0.515058, 0.409685);
  7348. animation-timing-function: cubic-bezier(0.15, 0, 0.515058, 0.409685);
  7349. -webkit-transform: translateX(0);
  7350. transform: translateX(0);
  7351. }
  7352. 25% {
  7353. -webkit-animation-timing-function: cubic-bezier(0.31033, 0.284058, 0.8, 0.733712);
  7354. animation-timing-function: cubic-bezier(0.31033, 0.284058, 0.8, 0.733712);
  7355. -webkit-transform: translateX(-37.651913%);
  7356. transform: translateX(-37.651913%);
  7357. /* @alternate */
  7358. -webkit-transform: translateX(var(--mdc-linear-progress-secondary-quarter-neg, -37.651913%));
  7359. transform: translateX(var(--mdc-linear-progress-secondary-quarter-neg, -37.651913%));
  7360. }
  7361. 48.35% {
  7362. -webkit-animation-timing-function: cubic-bezier(0.4, 0.627035, 0.6, 0.902026);
  7363. animation-timing-function: cubic-bezier(0.4, 0.627035, 0.6, 0.902026);
  7364. -webkit-transform: translateX(-84.386165%);
  7365. transform: translateX(-84.386165%);
  7366. /* @alternate */
  7367. -webkit-transform: translateX(var(--mdc-linear-progress-secondary-half-neg, -84.386165%));
  7368. transform: translateX(var(--mdc-linear-progress-secondary-half-neg, -84.386165%));
  7369. }
  7370. 100% {
  7371. -webkit-transform: translateX(-160.277782%);
  7372. transform: translateX(-160.277782%);
  7373. /* @alternate */
  7374. -webkit-transform: translateX(var(--mdc-linear-progress-secondary-full-neg, -160.277782%));
  7375. transform: translateX(var(--mdc-linear-progress-secondary-full-neg, -160.277782%));
  7376. }
  7377. }
  7378. @keyframes mdc-linear-progress-secondary-indeterminate-translate-reverse {
  7379. 0% {
  7380. -webkit-animation-timing-function: cubic-bezier(0.15, 0, 0.515058, 0.409685);
  7381. animation-timing-function: cubic-bezier(0.15, 0, 0.515058, 0.409685);
  7382. -webkit-transform: translateX(0);
  7383. transform: translateX(0);
  7384. }
  7385. 25% {
  7386. -webkit-animation-timing-function: cubic-bezier(0.31033, 0.284058, 0.8, 0.733712);
  7387. animation-timing-function: cubic-bezier(0.31033, 0.284058, 0.8, 0.733712);
  7388. -webkit-transform: translateX(-37.651913%);
  7389. transform: translateX(-37.651913%);
  7390. /* @alternate */
  7391. -webkit-transform: translateX(var(--mdc-linear-progress-secondary-quarter-neg, -37.651913%));
  7392. transform: translateX(var(--mdc-linear-progress-secondary-quarter-neg, -37.651913%));
  7393. }
  7394. 48.35% {
  7395. -webkit-animation-timing-function: cubic-bezier(0.4, 0.627035, 0.6, 0.902026);
  7396. animation-timing-function: cubic-bezier(0.4, 0.627035, 0.6, 0.902026);
  7397. -webkit-transform: translateX(-84.386165%);
  7398. transform: translateX(-84.386165%);
  7399. /* @alternate */
  7400. -webkit-transform: translateX(var(--mdc-linear-progress-secondary-half-neg, -84.386165%));
  7401. transform: translateX(var(--mdc-linear-progress-secondary-half-neg, -84.386165%));
  7402. }
  7403. 100% {
  7404. -webkit-transform: translateX(-160.277782%);
  7405. transform: translateX(-160.277782%);
  7406. /* @alternate */
  7407. -webkit-transform: translateX(var(--mdc-linear-progress-secondary-full-neg, -160.277782%));
  7408. transform: translateX(var(--mdc-linear-progress-secondary-full-neg, -160.277782%));
  7409. }
  7410. }
  7411. @-webkit-keyframes mdc-linear-progress-buffering-reverse {
  7412. from {
  7413. -webkit-transform: translateX(-10px);
  7414. transform: translateX(-10px);
  7415. }
  7416. }
  7417. @keyframes mdc-linear-progress-buffering-reverse {
  7418. from {
  7419. -webkit-transform: translateX(-10px);
  7420. transform: translateX(-10px);
  7421. }
  7422. }
  7423. .mdc-linear-progress {
  7424. position: relative;
  7425. width: 100%;
  7426. height: 4px;
  7427. -webkit-transform: translateZ(0);
  7428. transform: translateZ(0);
  7429. outline: 1px solid transparent;
  7430. overflow: hidden;
  7431. transition: opacity 250ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
  7432. }
  7433. .mdc-linear-progress__bar {
  7434. position: absolute;
  7435. width: 100%;
  7436. height: 100%;
  7437. -webkit-animation: none;
  7438. animation: none;
  7439. -webkit-transform-origin: top left;
  7440. transform-origin: top left;
  7441. transition: -webkit-transform 250ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
  7442. transition: transform 250ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
  7443. transition: transform 250ms 0ms cubic-bezier(0.4, 0, 0.6, 1), -webkit-transform 250ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
  7444. }
  7445. .mdc-linear-progress__bar-inner {
  7446. display: inline-block;
  7447. position: absolute;
  7448. width: 100%;
  7449. -webkit-animation: none;
  7450. animation: none;
  7451. border-top: 4px solid;
  7452. }
  7453. .mdc-linear-progress__buffer {
  7454. display: flex;
  7455. position: absolute;
  7456. width: 100%;
  7457. height: 100%;
  7458. }
  7459. .mdc-linear-progress__buffer-dots {
  7460. background-repeat: repeat-x;
  7461. background-size: 10px 4px;
  7462. flex: auto;
  7463. -webkit-transform: rotate(180deg);
  7464. transform: rotate(180deg);
  7465. -webkit-animation: mdc-linear-progress-buffering 250ms infinite linear;
  7466. animation: mdc-linear-progress-buffering 250ms infinite linear;
  7467. }
  7468. .mdc-linear-progress__buffer-bar {
  7469. flex: 0 1 100%;
  7470. transition: flex-basis 250ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
  7471. }
  7472. .mdc-linear-progress__primary-bar {
  7473. -webkit-transform: scaleX(0);
  7474. transform: scaleX(0);
  7475. }
  7476. .mdc-linear-progress__secondary-bar {
  7477. visibility: hidden;
  7478. }
  7479. .mdc-linear-progress--indeterminate .mdc-linear-progress__bar {
  7480. transition: none;
  7481. }
  7482. .mdc-linear-progress--indeterminate .mdc-linear-progress__primary-bar {
  7483. left: -145.166611%;
  7484. }
  7485. .mdc-linear-progress--indeterminate .mdc-linear-progress__secondary-bar {
  7486. left: -54.888891%;
  7487. visibility: visible;
  7488. }
  7489. .mdc-linear-progress--indeterminate.mdc-linear-progress--animation-ready .mdc-linear-progress__primary-bar {
  7490. -webkit-animation: mdc-linear-progress-primary-indeterminate-translate 2s infinite linear;
  7491. animation: mdc-linear-progress-primary-indeterminate-translate 2s infinite linear;
  7492. }
  7493. .mdc-linear-progress--indeterminate.mdc-linear-progress--animation-ready .mdc-linear-progress__primary-bar > .mdc-linear-progress__bar-inner {
  7494. -webkit-animation: mdc-linear-progress-primary-indeterminate-scale 2s infinite linear;
  7495. animation: mdc-linear-progress-primary-indeterminate-scale 2s infinite linear;
  7496. }
  7497. .mdc-linear-progress--indeterminate.mdc-linear-progress--animation-ready .mdc-linear-progress__secondary-bar {
  7498. -webkit-animation: mdc-linear-progress-secondary-indeterminate-translate 2s infinite linear;
  7499. animation: mdc-linear-progress-secondary-indeterminate-translate 2s infinite linear;
  7500. }
  7501. .mdc-linear-progress--indeterminate.mdc-linear-progress--animation-ready .mdc-linear-progress__secondary-bar > .mdc-linear-progress__bar-inner {
  7502. -webkit-animation: mdc-linear-progress-secondary-indeterminate-scale 2s infinite linear;
  7503. animation: mdc-linear-progress-secondary-indeterminate-scale 2s infinite linear;
  7504. }
  7505. [dir=rtl] .mdc-linear-progress:not([dir=ltr]) .mdc-linear-progress__bar, .mdc-linear-progress[dir=rtl]:not([dir=ltr]) .mdc-linear-progress__bar {
  7506. /* @noflip */
  7507. right: 0;
  7508. /* @noflip */
  7509. -webkit-transform-origin: center right;
  7510. transform-origin: center right;
  7511. }
  7512. [dir=rtl] .mdc-linear-progress:not([dir=ltr]).mdc-linear-progress--animation-ready .mdc-linear-progress__primary-bar, .mdc-linear-progress[dir=rtl]:not([dir=ltr]).mdc-linear-progress--animation-ready .mdc-linear-progress__primary-bar {
  7513. -webkit-animation-name: mdc-linear-progress-primary-indeterminate-translate-reverse;
  7514. animation-name: mdc-linear-progress-primary-indeterminate-translate-reverse;
  7515. }
  7516. [dir=rtl] .mdc-linear-progress:not([dir=ltr]).mdc-linear-progress--animation-ready .mdc-linear-progress__secondary-bar, .mdc-linear-progress[dir=rtl]:not([dir=ltr]).mdc-linear-progress--animation-ready .mdc-linear-progress__secondary-bar {
  7517. -webkit-animation-name: mdc-linear-progress-secondary-indeterminate-translate-reverse;
  7518. animation-name: mdc-linear-progress-secondary-indeterminate-translate-reverse;
  7519. }
  7520. [dir=rtl] .mdc-linear-progress:not([dir=ltr]) .mdc-linear-progress__buffer-dots, .mdc-linear-progress[dir=rtl]:not([dir=ltr]) .mdc-linear-progress__buffer-dots {
  7521. -webkit-animation: mdc-linear-progress-buffering-reverse 250ms infinite linear;
  7522. animation: mdc-linear-progress-buffering-reverse 250ms infinite linear;
  7523. -webkit-transform: rotate(0);
  7524. transform: rotate(0);
  7525. }
  7526. [dir=rtl] .mdc-linear-progress:not([dir=ltr]).mdc-linear-progress--indeterminate .mdc-linear-progress__primary-bar, .mdc-linear-progress[dir=rtl]:not([dir=ltr]).mdc-linear-progress--indeterminate .mdc-linear-progress__primary-bar {
  7527. /* @noflip */
  7528. right: -145.166611%;
  7529. /* @noflip */
  7530. left: auto;
  7531. }
  7532. [dir=rtl] .mdc-linear-progress:not([dir=ltr]).mdc-linear-progress--indeterminate .mdc-linear-progress__secondary-bar, .mdc-linear-progress[dir=rtl]:not([dir=ltr]).mdc-linear-progress--indeterminate .mdc-linear-progress__secondary-bar {
  7533. /* @noflip */
  7534. right: -54.888891%;
  7535. /* @noflip */
  7536. left: auto;
  7537. }
  7538. .mdc-linear-progress--closed {
  7539. opacity: 0;
  7540. }
  7541. .mdc-linear-progress--closed-animation-off .mdc-linear-progress__buffer-dots {
  7542. -webkit-animation: none;
  7543. animation: none;
  7544. }
  7545. .mdc-linear-progress--closed-animation-off.mdc-linear-progress--indeterminate .mdc-linear-progress__bar,
  7546. .mdc-linear-progress--closed-animation-off.mdc-linear-progress--indeterminate .mdc-linear-progress__bar .mdc-linear-progress__bar-inner {
  7547. -webkit-animation: none;
  7548. animation: none;
  7549. }
  7550. .mdc-linear-progress__bar-inner {
  7551. border-color: #6200ee;
  7552. /* @alternate */
  7553. border-color: var(--mdc-theme-primary, #6200ee);
  7554. }
  7555. .mdc-linear-progress__buffer-dots {
  7556. 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");
  7557. }
  7558. .mdc-linear-progress__buffer-bar {
  7559. background-color: #e6e6e6;
  7560. }
  7561. .mdc-list {
  7562. -moz-osx-font-smoothing: grayscale;
  7563. -webkit-font-smoothing: antialiased;
  7564. font-family: Roboto, sans-serif;
  7565. /* @alternate */
  7566. font-family: var(--mdc-typography-subtitle1-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));
  7567. font-size: 1rem;
  7568. /* @alternate */
  7569. font-size: var(--mdc-typography-subtitle1-font-size, 1rem);
  7570. line-height: 1.75rem;
  7571. /* @alternate */
  7572. line-height: var(--mdc-typography-subtitle1-line-height, 1.75rem);
  7573. font-weight: 400;
  7574. /* @alternate */
  7575. font-weight: var(--mdc-typography-subtitle1-font-weight, 400);
  7576. letter-spacing: 0.009375em;
  7577. /* @alternate */
  7578. letter-spacing: var(--mdc-typography-subtitle1-letter-spacing, 0.009375em);
  7579. text-decoration: inherit;
  7580. /* @alternate */
  7581. -webkit-text-decoration: var(--mdc-typography-subtitle1-text-decoration, inherit);
  7582. text-decoration: var(--mdc-typography-subtitle1-text-decoration, inherit);
  7583. text-transform: inherit;
  7584. /* @alternate */
  7585. text-transform: var(--mdc-typography-subtitle1-text-transform, inherit);
  7586. /* @alternate */
  7587. line-height: 1.5rem;
  7588. margin: 0;
  7589. padding: 8px 0;
  7590. list-style-type: none;
  7591. color: rgba(0, 0, 0, 0.87);
  7592. /* @alternate */
  7593. color: var(--mdc-theme-text-primary-on-background, rgba(0, 0, 0, 0.87));
  7594. }
  7595. .mdc-list:focus {
  7596. outline: none;
  7597. }
  7598. .mdc-list-item {
  7599. height: 48px;
  7600. }
  7601. .mdc-list-item__secondary-text {
  7602. color: rgba(0, 0, 0, 0.54);
  7603. /* @alternate */
  7604. color: var(--mdc-theme-text-secondary-on-background, rgba(0, 0, 0, 0.54));
  7605. }
  7606. .mdc-list-item__graphic {
  7607. background-color: transparent;
  7608. }
  7609. .mdc-list-item__graphic {
  7610. color: rgba(0, 0, 0, 0.38);
  7611. /* @alternate */
  7612. color: var(--mdc-theme-text-icon-on-background, rgba(0, 0, 0, 0.38));
  7613. }
  7614. .mdc-list-item__meta {
  7615. color: rgba(0, 0, 0, 0.38);
  7616. /* @alternate */
  7617. color: var(--mdc-theme-text-hint-on-background, rgba(0, 0, 0, 0.38));
  7618. }
  7619. .mdc-list-group__subheader {
  7620. color: rgba(0, 0, 0, 0.87);
  7621. /* @alternate */
  7622. color: var(--mdc-theme-text-primary-on-background, rgba(0, 0, 0, 0.87));
  7623. }
  7624. .mdc-list-item--disabled .mdc-list-item__text {
  7625. opacity: 0.38;
  7626. }
  7627. .mdc-list-item--disabled .mdc-list-item__text,
  7628. .mdc-list-item--disabled .mdc-list-item__primary-text,
  7629. .mdc-list-item--disabled .mdc-list-item__secondary-text {
  7630. color: #000;
  7631. /* @alternate */
  7632. color: var(--mdc-theme-on-surface, #000);
  7633. }
  7634. .mdc-list-item--selected,
  7635. .mdc-list-item--activated {
  7636. color: #6200ee;
  7637. /* @alternate */
  7638. color: var(--mdc-theme-primary, #6200ee);
  7639. }
  7640. .mdc-list-item--selected .mdc-list-item__graphic,
  7641. .mdc-list-item--activated .mdc-list-item__graphic {
  7642. color: #6200ee;
  7643. /* @alternate */
  7644. color: var(--mdc-theme-primary, #6200ee);
  7645. }
  7646. .mdc-list--dense {
  7647. padding-top: 4px;
  7648. padding-bottom: 4px;
  7649. font-size: 0.812rem;
  7650. }
  7651. .mdc-list-item {
  7652. display: flex;
  7653. position: relative;
  7654. align-items: center;
  7655. justify-content: flex-start;
  7656. overflow: hidden;
  7657. padding: 0;
  7658. /* @noflip */
  7659. padding-left: 16px;
  7660. /* @noflip */
  7661. padding-right: 16px;
  7662. height: 48px;
  7663. }
  7664. .mdc-list-item:focus {
  7665. outline: none;
  7666. }
  7667. .mdc-list-item:not(.mdc-list-item--selected):focus::before, .mdc-list-item.mdc-ripple-upgraded--background-focused::before {
  7668. position: absolute;
  7669. box-sizing: border-box;
  7670. width: 100%;
  7671. height: 100%;
  7672. top: 0;
  7673. left: 0;
  7674. border: 1px solid transparent;
  7675. border-radius: inherit;
  7676. content: "";
  7677. }
  7678. .mdc-list-item.mdc-list-item--selected::before {
  7679. position: absolute;
  7680. box-sizing: border-box;
  7681. width: 100%;
  7682. height: 100%;
  7683. top: 0;
  7684. left: 0;
  7685. border: 3px double transparent;
  7686. border-radius: inherit;
  7687. content: "";
  7688. }
  7689. [dir=rtl] .mdc-list-item, .mdc-list-item[dir=rtl] {
  7690. /* @noflip */
  7691. padding-left: 16px;
  7692. /* @noflip */
  7693. padding-right: 16px;
  7694. }
  7695. .mdc-list--icon-list .mdc-list-item {
  7696. /* @noflip */
  7697. padding-left: 16px;
  7698. /* @noflip */
  7699. padding-right: 16px;
  7700. height: 56px;
  7701. }
  7702. [dir=rtl] .mdc-list--icon-list .mdc-list-item, .mdc-list--icon-list .mdc-list-item[dir=rtl] {
  7703. /* @noflip */
  7704. padding-left: 16px;
  7705. /* @noflip */
  7706. padding-right: 16px;
  7707. }
  7708. .mdc-list--avatar-list .mdc-list-item {
  7709. /* @noflip */
  7710. padding-left: 16px;
  7711. /* @noflip */
  7712. padding-right: 16px;
  7713. height: 56px;
  7714. }
  7715. [dir=rtl] .mdc-list--avatar-list .mdc-list-item, .mdc-list--avatar-list .mdc-list-item[dir=rtl] {
  7716. /* @noflip */
  7717. padding-left: 16px;
  7718. /* @noflip */
  7719. padding-right: 16px;
  7720. }
  7721. .mdc-list--thumbnail-list .mdc-list-item {
  7722. /* @noflip */
  7723. padding-left: 16px;
  7724. /* @noflip */
  7725. padding-right: 16px;
  7726. height: 56px;
  7727. }
  7728. [dir=rtl] .mdc-list--thumbnail-list .mdc-list-item, .mdc-list--thumbnail-list .mdc-list-item[dir=rtl] {
  7729. /* @noflip */
  7730. padding-left: 16px;
  7731. /* @noflip */
  7732. padding-right: 16px;
  7733. }
  7734. .mdc-list--image-list .mdc-list-item {
  7735. /* @noflip */
  7736. padding-left: 16px;
  7737. /* @noflip */
  7738. padding-right: 16px;
  7739. height: 72px;
  7740. }
  7741. [dir=rtl] .mdc-list--image-list .mdc-list-item, .mdc-list--image-list .mdc-list-item[dir=rtl] {
  7742. /* @noflip */
  7743. padding-left: 16px;
  7744. /* @noflip */
  7745. padding-right: 16px;
  7746. }
  7747. .mdc-list--video-list .mdc-list-item {
  7748. /* @noflip */
  7749. padding-left: 0px;
  7750. /* @noflip */
  7751. padding-right: 16px;
  7752. height: 72px;
  7753. }
  7754. [dir=rtl] .mdc-list--video-list .mdc-list-item, .mdc-list--video-list .mdc-list-item[dir=rtl] {
  7755. /* @noflip */
  7756. padding-left: 16px;
  7757. /* @noflip */
  7758. padding-right: 0px;
  7759. }
  7760. .mdc-list--dense .mdc-list-item__graphic {
  7761. /* @noflip */
  7762. margin-left: 0;
  7763. /* @noflip */
  7764. margin-right: 16px;
  7765. width: 20px;
  7766. height: 20px;
  7767. }
  7768. [dir=rtl] .mdc-list--dense .mdc-list-item__graphic, .mdc-list--dense .mdc-list-item__graphic[dir=rtl] {
  7769. /* @noflip */
  7770. margin-left: 16px;
  7771. /* @noflip */
  7772. margin-right: 0;
  7773. }
  7774. .mdc-list-item__graphic {
  7775. flex-shrink: 0;
  7776. align-items: center;
  7777. justify-content: center;
  7778. fill: currentColor;
  7779. -o-object-fit: cover;
  7780. object-fit: cover;
  7781. /* @noflip */
  7782. margin-left: 0;
  7783. /* @noflip */
  7784. margin-right: 32px;
  7785. width: 24px;
  7786. height: 24px;
  7787. }
  7788. [dir=rtl] .mdc-list-item__graphic, .mdc-list-item__graphic[dir=rtl] {
  7789. /* @noflip */
  7790. margin-left: 32px;
  7791. /* @noflip */
  7792. margin-right: 0;
  7793. }
  7794. .mdc-list--icon-list .mdc-list-item__graphic {
  7795. /* @noflip */
  7796. margin-left: 0;
  7797. /* @noflip */
  7798. margin-right: 32px;
  7799. width: 24px;
  7800. height: 24px;
  7801. }
  7802. [dir=rtl] .mdc-list--icon-list .mdc-list-item__graphic, .mdc-list--icon-list .mdc-list-item__graphic[dir=rtl] {
  7803. /* @noflip */
  7804. margin-left: 32px;
  7805. /* @noflip */
  7806. margin-right: 0;
  7807. }
  7808. .mdc-list--avatar-list .mdc-list-item__graphic {
  7809. /* @noflip */
  7810. margin-left: 0;
  7811. /* @noflip */
  7812. margin-right: 16px;
  7813. width: 40px;
  7814. height: 40px;
  7815. border-radius: 50%;
  7816. }
  7817. [dir=rtl] .mdc-list--avatar-list .mdc-list-item__graphic, .mdc-list--avatar-list .mdc-list-item__graphic[dir=rtl] {
  7818. /* @noflip */
  7819. margin-left: 16px;
  7820. /* @noflip */
  7821. margin-right: 0;
  7822. }
  7823. .mdc-list--thumbnail-list .mdc-list-item__graphic {
  7824. /* @noflip */
  7825. margin-left: 0;
  7826. /* @noflip */
  7827. margin-right: 16px;
  7828. width: 40px;
  7829. height: 40px;
  7830. }
  7831. [dir=rtl] .mdc-list--thumbnail-list .mdc-list-item__graphic, .mdc-list--thumbnail-list .mdc-list-item__graphic[dir=rtl] {
  7832. /* @noflip */
  7833. margin-left: 16px;
  7834. /* @noflip */
  7835. margin-right: 0;
  7836. }
  7837. .mdc-list--image-list .mdc-list-item__graphic {
  7838. /* @noflip */
  7839. margin-left: 0;
  7840. /* @noflip */
  7841. margin-right: 16px;
  7842. width: 56px;
  7843. height: 56px;
  7844. }
  7845. [dir=rtl] .mdc-list--image-list .mdc-list-item__graphic, .mdc-list--image-list .mdc-list-item__graphic[dir=rtl] {
  7846. /* @noflip */
  7847. margin-left: 16px;
  7848. /* @noflip */
  7849. margin-right: 0;
  7850. }
  7851. .mdc-list--video-list .mdc-list-item__graphic {
  7852. /* @noflip */
  7853. margin-left: 0;
  7854. /* @noflip */
  7855. margin-right: 16px;
  7856. width: 100px;
  7857. height: 56px;
  7858. }
  7859. [dir=rtl] .mdc-list--video-list .mdc-list-item__graphic, .mdc-list--video-list .mdc-list-item__graphic[dir=rtl] {
  7860. /* @noflip */
  7861. margin-left: 16px;
  7862. /* @noflip */
  7863. margin-right: 0;
  7864. }
  7865. .mdc-list .mdc-list-item__graphic {
  7866. display: inline-flex;
  7867. }
  7868. .mdc-list-item__meta {
  7869. /* @noflip */
  7870. margin-left: auto;
  7871. /* @noflip */
  7872. margin-right: 0;
  7873. }
  7874. .mdc-list-item__meta:not(.material-icons) {
  7875. -moz-osx-font-smoothing: grayscale;
  7876. -webkit-font-smoothing: antialiased;
  7877. font-family: Roboto, sans-serif;
  7878. /* @alternate */
  7879. font-family: var(--mdc-typography-caption-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));
  7880. font-size: 0.75rem;
  7881. /* @alternate */
  7882. font-size: var(--mdc-typography-caption-font-size, 0.75rem);
  7883. line-height: 1.25rem;
  7884. /* @alternate */
  7885. line-height: var(--mdc-typography-caption-line-height, 1.25rem);
  7886. font-weight: 400;
  7887. /* @alternate */
  7888. font-weight: var(--mdc-typography-caption-font-weight, 400);
  7889. letter-spacing: 0.0333333333em;
  7890. /* @alternate */
  7891. letter-spacing: var(--mdc-typography-caption-letter-spacing, 0.0333333333em);
  7892. text-decoration: inherit;
  7893. /* @alternate */
  7894. -webkit-text-decoration: var(--mdc-typography-caption-text-decoration, inherit);
  7895. text-decoration: var(--mdc-typography-caption-text-decoration, inherit);
  7896. text-transform: inherit;
  7897. /* @alternate */
  7898. text-transform: var(--mdc-typography-caption-text-transform, inherit);
  7899. }
  7900. .mdc-list-item[dir=rtl] .mdc-list-item__meta, [dir=rtl] .mdc-list-item .mdc-list-item__meta {
  7901. /* @noflip */
  7902. margin-left: 0;
  7903. /* @noflip */
  7904. margin-right: auto;
  7905. }
  7906. .mdc-list-item__text {
  7907. text-overflow: ellipsis;
  7908. white-space: nowrap;
  7909. overflow: hidden;
  7910. }
  7911. .mdc-list-item__text[for] {
  7912. pointer-events: none;
  7913. }
  7914. .mdc-list-item__primary-text {
  7915. text-overflow: ellipsis;
  7916. white-space: nowrap;
  7917. overflow: hidden;
  7918. display: block;
  7919. margin-top: 0;
  7920. /* @alternate */
  7921. line-height: normal;
  7922. margin-bottom: -20px;
  7923. }
  7924. .mdc-list-item__primary-text::before {
  7925. display: inline-block;
  7926. width: 0;
  7927. height: 28px;
  7928. content: "";
  7929. vertical-align: 0;
  7930. }
  7931. .mdc-list-item__primary-text::after {
  7932. display: inline-block;
  7933. width: 0;
  7934. height: 20px;
  7935. content: "";
  7936. vertical-align: -20px;
  7937. }
  7938. .mdc-list--video-list .mdc-list-item__primary-text, .mdc-list--image-list .mdc-list-item__primary-text, .mdc-list--thumbnail-list .mdc-list-item__primary-text, .mdc-list--avatar-list .mdc-list-item__primary-text, .mdc-list--icon-list .mdc-list-item__primary-text {
  7939. display: block;
  7940. margin-top: 0;
  7941. /* @alternate */
  7942. line-height: normal;
  7943. margin-bottom: -20px;
  7944. }
  7945. .mdc-list--video-list .mdc-list-item__primary-text::before, .mdc-list--image-list .mdc-list-item__primary-text::before, .mdc-list--thumbnail-list .mdc-list-item__primary-text::before, .mdc-list--avatar-list .mdc-list-item__primary-text::before, .mdc-list--icon-list .mdc-list-item__primary-text::before {
  7946. display: inline-block;
  7947. width: 0;
  7948. height: 32px;
  7949. content: "";
  7950. vertical-align: 0;
  7951. }
  7952. .mdc-list--video-list .mdc-list-item__primary-text::after, .mdc-list--image-list .mdc-list-item__primary-text::after, .mdc-list--thumbnail-list .mdc-list-item__primary-text::after, .mdc-list--avatar-list .mdc-list-item__primary-text::after, .mdc-list--icon-list .mdc-list-item__primary-text::after {
  7953. display: inline-block;
  7954. width: 0;
  7955. height: 20px;
  7956. content: "";
  7957. vertical-align: -20px;
  7958. }
  7959. .mdc-list--dense .mdc-list-item__primary-text {
  7960. display: block;
  7961. margin-top: 0;
  7962. /* @alternate */
  7963. line-height: normal;
  7964. margin-bottom: -20px;
  7965. }
  7966. .mdc-list--dense .mdc-list-item__primary-text::before {
  7967. display: inline-block;
  7968. width: 0;
  7969. height: 24px;
  7970. content: "";
  7971. vertical-align: 0;
  7972. }
  7973. .mdc-list--dense .mdc-list-item__primary-text::after {
  7974. display: inline-block;
  7975. width: 0;
  7976. height: 20px;
  7977. content: "";
  7978. vertical-align: -20px;
  7979. }
  7980. .mdc-list-item__secondary-text {
  7981. -moz-osx-font-smoothing: grayscale;
  7982. -webkit-font-smoothing: antialiased;
  7983. font-family: Roboto, sans-serif;
  7984. /* @alternate */
  7985. font-family: var(--mdc-typography-body2-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));
  7986. font-size: 0.875rem;
  7987. /* @alternate */
  7988. font-size: var(--mdc-typography-body2-font-size, 0.875rem);
  7989. line-height: 1.25rem;
  7990. /* @alternate */
  7991. line-height: var(--mdc-typography-body2-line-height, 1.25rem);
  7992. font-weight: 400;
  7993. /* @alternate */
  7994. font-weight: var(--mdc-typography-body2-font-weight, 400);
  7995. letter-spacing: 0.0178571429em;
  7996. /* @alternate */
  7997. letter-spacing: var(--mdc-typography-body2-letter-spacing, 0.0178571429em);
  7998. text-decoration: inherit;
  7999. /* @alternate */
  8000. -webkit-text-decoration: var(--mdc-typography-body2-text-decoration, inherit);
  8001. text-decoration: var(--mdc-typography-body2-text-decoration, inherit);
  8002. text-transform: inherit;
  8003. /* @alternate */
  8004. text-transform: var(--mdc-typography-body2-text-transform, inherit);
  8005. text-overflow: ellipsis;
  8006. white-space: nowrap;
  8007. overflow: hidden;
  8008. display: block;
  8009. margin-top: 0;
  8010. /* @alternate */
  8011. line-height: normal;
  8012. }
  8013. .mdc-list-item__secondary-text::before {
  8014. display: inline-block;
  8015. width: 0;
  8016. height: 20px;
  8017. content: "";
  8018. vertical-align: 0;
  8019. }
  8020. .mdc-list--dense .mdc-list-item__secondary-text {
  8021. font-size: inherit;
  8022. }
  8023. .mdc-list--dense .mdc-list-item {
  8024. height: 40px;
  8025. }
  8026. .mdc-list--two-line .mdc-list-item__text {
  8027. align-self: flex-start;
  8028. }
  8029. .mdc-list--two-line .mdc-list-item {
  8030. height: 64px;
  8031. }
  8032. .mdc-list--two-line.mdc-list--video-list .mdc-list-item, .mdc-list--two-line.mdc-list--image-list .mdc-list-item, .mdc-list--two-line.mdc-list--thumbnail-list .mdc-list-item, .mdc-list--two-line.mdc-list--avatar-list .mdc-list-item, .mdc-list--two-line.mdc-list--icon-list .mdc-list-item {
  8033. height: 72px;
  8034. }
  8035. .mdc-list--two-line.mdc-list--icon-list .mdc-list-item__graphic {
  8036. align-self: flex-start;
  8037. margin-top: 16px;
  8038. }
  8039. .mdc-list--two-line.mdc-list--dense .mdc-list-item,
  8040. .mdc-list--avatar-list.mdc-list--dense .mdc-list-item {
  8041. height: 60px;
  8042. }
  8043. .mdc-list--avatar-list.mdc-list--dense .mdc-list-item__graphic {
  8044. /* @noflip */
  8045. margin-left: 0;
  8046. /* @noflip */
  8047. margin-right: 16px;
  8048. width: 36px;
  8049. height: 36px;
  8050. }
  8051. [dir=rtl] .mdc-list--avatar-list.mdc-list--dense .mdc-list-item__graphic, .mdc-list--avatar-list.mdc-list--dense .mdc-list-item__graphic[dir=rtl] {
  8052. /* @noflip */
  8053. margin-left: 16px;
  8054. /* @noflip */
  8055. margin-right: 0;
  8056. }
  8057. :not(.mdc-list-item--disabled).mdc-list-item {
  8058. cursor: pointer;
  8059. }
  8060. a.mdc-list-item {
  8061. color: inherit;
  8062. text-decoration: none;
  8063. }
  8064. .mdc-list-divider {
  8065. height: 0;
  8066. margin: 0;
  8067. border: none;
  8068. border-bottom-width: 1px;
  8069. border-bottom-style: solid;
  8070. }
  8071. .mdc-list-divider {
  8072. border-bottom-color: rgba(0, 0, 0, 0.12);
  8073. }
  8074. .mdc-list-divider--padded {
  8075. /* @noflip */
  8076. margin-left: 16px;
  8077. /* @noflip */
  8078. margin-right: 0;
  8079. width: calc(100% - 32px);
  8080. }
  8081. [dir=rtl] .mdc-list-divider--padded, .mdc-list-divider--padded[dir=rtl] {
  8082. /* @noflip */
  8083. margin-left: 0;
  8084. /* @noflip */
  8085. margin-right: 16px;
  8086. }
  8087. .mdc-list-divider--inset {
  8088. /* @noflip */
  8089. margin-left: 72px;
  8090. /* @noflip */
  8091. margin-right: 0;
  8092. width: calc(100% - 72px);
  8093. }
  8094. [dir=rtl] .mdc-list-divider--inset, .mdc-list-divider--inset[dir=rtl] {
  8095. /* @noflip */
  8096. margin-left: 0;
  8097. /* @noflip */
  8098. margin-right: 72px;
  8099. }
  8100. .mdc-list-divider--inset.mdc-list-divider--padded {
  8101. /* @noflip */
  8102. margin-left: 72px;
  8103. /* @noflip */
  8104. margin-right: 0;
  8105. width: calc(100% - 88px);
  8106. }
  8107. [dir=rtl] .mdc-list-divider--inset.mdc-list-divider--padded, .mdc-list-divider--inset.mdc-list-divider--padded[dir=rtl] {
  8108. /* @noflip */
  8109. margin-left: 0;
  8110. /* @noflip */
  8111. margin-right: 72px;
  8112. }
  8113. .mdc-list .mdc-list-divider--inset-leading {
  8114. /* @noflip */
  8115. margin-left: 16px;
  8116. /* @noflip */
  8117. margin-right: 0;
  8118. width: calc(100% - 16px);
  8119. }
  8120. [dir=rtl] .mdc-list .mdc-list-divider--inset-leading, .mdc-list .mdc-list-divider--inset-leading[dir=rtl] {
  8121. /* @noflip */
  8122. margin-left: 0;
  8123. /* @noflip */
  8124. margin-right: 16px;
  8125. }
  8126. .mdc-list .mdc-list-divider--inset-trailing {
  8127. width: calc(100% - 16px);
  8128. }
  8129. .mdc-list .mdc-list-divider--inset-leading.mdc-list-divider--inset-trailing {
  8130. /* @noflip */
  8131. margin-left: 16px;
  8132. /* @noflip */
  8133. margin-right: 0;
  8134. width: calc(100% - 32px);
  8135. }
  8136. [dir=rtl] .mdc-list .mdc-list-divider--inset-leading.mdc-list-divider--inset-trailing, .mdc-list .mdc-list-divider--inset-leading.mdc-list-divider--inset-trailing[dir=rtl] {
  8137. /* @noflip */
  8138. margin-left: 0;
  8139. /* @noflip */
  8140. margin-right: 16px;
  8141. }
  8142. .mdc-list .mdc-list-divider--inset-leading.mdc-list-divider--padding {
  8143. /* @noflip */
  8144. margin-left: 16px;
  8145. /* @noflip */
  8146. margin-right: 0;
  8147. width: calc(100% - 16px);
  8148. }
  8149. [dir=rtl] .mdc-list .mdc-list-divider--inset-leading.mdc-list-divider--padding, .mdc-list .mdc-list-divider--inset-leading.mdc-list-divider--padding[dir=rtl] {
  8150. /* @noflip */
  8151. margin-left: 0;
  8152. /* @noflip */
  8153. margin-right: 16px;
  8154. }
  8155. .mdc-list .mdc-list-divider--inset-leading.mdc-list-divider--inset-trailing.mdc-list-divider--inset-padding {
  8156. /* @noflip */
  8157. margin-left: 16px;
  8158. /* @noflip */
  8159. margin-right: 0;
  8160. width: calc(100% - 32px);
  8161. }
  8162. [dir=rtl] .mdc-list .mdc-list-divider--inset-leading.mdc-list-divider--inset-trailing.mdc-list-divider--inset-padding, .mdc-list .mdc-list-divider--inset-leading.mdc-list-divider--inset-trailing.mdc-list-divider--inset-padding[dir=rtl] {
  8163. /* @noflip */
  8164. margin-left: 0;
  8165. /* @noflip */
  8166. margin-right: 16px;
  8167. }
  8168. .mdc-list--icon-list .mdc-list-divider--inset-leading {
  8169. /* @noflip */
  8170. margin-left: 72px;
  8171. /* @noflip */
  8172. margin-right: 0;
  8173. width: calc(100% - 72px);
  8174. }
  8175. [dir=rtl] .mdc-list--icon-list .mdc-list-divider--inset-leading, .mdc-list--icon-list .mdc-list-divider--inset-leading[dir=rtl] {
  8176. /* @noflip */
  8177. margin-left: 0;
  8178. /* @noflip */
  8179. margin-right: 72px;
  8180. }
  8181. .mdc-list--icon-list .mdc-list-divider--inset-trailing {
  8182. width: calc(100% - 16px);
  8183. }
  8184. .mdc-list--icon-list .mdc-list-divider--inset-leading.mdc-list-divider--inset-trailing {
  8185. /* @noflip */
  8186. margin-left: 72px;
  8187. /* @noflip */
  8188. margin-right: 0;
  8189. width: calc(100% - 88px);
  8190. }
  8191. [dir=rtl] .mdc-list--icon-list .mdc-list-divider--inset-leading.mdc-list-divider--inset-trailing, .mdc-list--icon-list .mdc-list-divider--inset-leading.mdc-list-divider--inset-trailing[dir=rtl] {
  8192. /* @noflip */
  8193. margin-left: 0;
  8194. /* @noflip */
  8195. margin-right: 72px;
  8196. }
  8197. .mdc-list--icon-list .mdc-list-divider--inset-leading.mdc-list-divider--padding {
  8198. /* @noflip */
  8199. margin-left: 16px;
  8200. /* @noflip */
  8201. margin-right: 0;
  8202. width: calc(100% - 16px);
  8203. }
  8204. [dir=rtl] .mdc-list--icon-list .mdc-list-divider--inset-leading.mdc-list-divider--padding, .mdc-list--icon-list .mdc-list-divider--inset-leading.mdc-list-divider--padding[dir=rtl] {
  8205. /* @noflip */
  8206. margin-left: 0;
  8207. /* @noflip */
  8208. margin-right: 16px;
  8209. }
  8210. .mdc-list--icon-list .mdc-list-divider--inset-leading.mdc-list-divider--inset-trailing.mdc-list-divider--inset-padding {
  8211. /* @noflip */
  8212. margin-left: 16px;
  8213. /* @noflip */
  8214. margin-right: 0;
  8215. width: calc(100% - 32px);
  8216. }
  8217. [dir=rtl] .mdc-list--icon-list .mdc-list-divider--inset-leading.mdc-list-divider--inset-trailing.mdc-list-divider--inset-padding, .mdc-list--icon-list .mdc-list-divider--inset-leading.mdc-list-divider--inset-trailing.mdc-list-divider--inset-padding[dir=rtl] {
  8218. /* @noflip */
  8219. margin-left: 0;
  8220. /* @noflip */
  8221. margin-right: 16px;
  8222. }
  8223. .mdc-list--avatar-list .mdc-list-divider--inset-leading {
  8224. /* @noflip */
  8225. margin-left: 72px;
  8226. /* @noflip */
  8227. margin-right: 0;
  8228. width: calc(100% - 72px);
  8229. }
  8230. [dir=rtl] .mdc-list--avatar-list .mdc-list-divider--inset-leading, .mdc-list--avatar-list .mdc-list-divider--inset-leading[dir=rtl] {
  8231. /* @noflip */
  8232. margin-left: 0;
  8233. /* @noflip */
  8234. margin-right: 72px;
  8235. }
  8236. .mdc-list--avatar-list .mdc-list-divider--inset-trailing {
  8237. width: calc(100% - 16px);
  8238. }
  8239. .mdc-list--avatar-list .mdc-list-divider--inset-leading.mdc-list-divider--inset-trailing {
  8240. /* @noflip */
  8241. margin-left: 72px;
  8242. /* @noflip */
  8243. margin-right: 0;
  8244. width: calc(100% - 88px);
  8245. }
  8246. [dir=rtl] .mdc-list--avatar-list .mdc-list-divider--inset-leading.mdc-list-divider--inset-trailing, .mdc-list--avatar-list .mdc-list-divider--inset-leading.mdc-list-divider--inset-trailing[dir=rtl] {
  8247. /* @noflip */
  8248. margin-left: 0;
  8249. /* @noflip */
  8250. margin-right: 72px;
  8251. }
  8252. .mdc-list--avatar-list .mdc-list-divider--inset-leading.mdc-list-divider--padding {
  8253. /* @noflip */
  8254. margin-left: 16px;
  8255. /* @noflip */
  8256. margin-right: 0;
  8257. width: calc(100% - 16px);
  8258. }
  8259. [dir=rtl] .mdc-list--avatar-list .mdc-list-divider--inset-leading.mdc-list-divider--padding, .mdc-list--avatar-list .mdc-list-divider--inset-leading.mdc-list-divider--padding[dir=rtl] {
  8260. /* @noflip */
  8261. margin-left: 0;
  8262. /* @noflip */
  8263. margin-right: 16px;
  8264. }
  8265. .mdc-list--avatar-list .mdc-list-divider--inset-leading.mdc-list-divider--inset-trailing.mdc-list-divider--inset-padding {
  8266. /* @noflip */
  8267. margin-left: 16px;
  8268. /* @noflip */
  8269. margin-right: 0;
  8270. width: calc(100% - 32px);
  8271. }
  8272. [dir=rtl] .mdc-list--avatar-list .mdc-list-divider--inset-leading.mdc-list-divider--inset-trailing.mdc-list-divider--inset-padding, .mdc-list--avatar-list .mdc-list-divider--inset-leading.mdc-list-divider--inset-trailing.mdc-list-divider--inset-padding[dir=rtl] {
  8273. /* @noflip */
  8274. margin-left: 0;
  8275. /* @noflip */
  8276. margin-right: 16px;
  8277. }
  8278. .mdc-list--thumbnail-list .mdc-list-divider--inset-leading {
  8279. /* @noflip */
  8280. margin-left: 72px;
  8281. /* @noflip */
  8282. margin-right: 0;
  8283. width: calc(100% - 72px);
  8284. }
  8285. [dir=rtl] .mdc-list--thumbnail-list .mdc-list-divider--inset-leading, .mdc-list--thumbnail-list .mdc-list-divider--inset-leading[dir=rtl] {
  8286. /* @noflip */
  8287. margin-left: 0;
  8288. /* @noflip */
  8289. margin-right: 72px;
  8290. }
  8291. .mdc-list--thumbnail-list .mdc-list-divider--inset-trailing {
  8292. width: calc(100% - 16px);
  8293. }
  8294. .mdc-list--thumbnail-list .mdc-list-divider--inset-leading.mdc-list-divider--inset-trailing {
  8295. /* @noflip */
  8296. margin-left: 72px;
  8297. /* @noflip */
  8298. margin-right: 0;
  8299. width: calc(100% - 88px);
  8300. }
  8301. [dir=rtl] .mdc-list--thumbnail-list .mdc-list-divider--inset-leading.mdc-list-divider--inset-trailing, .mdc-list--thumbnail-list .mdc-list-divider--inset-leading.mdc-list-divider--inset-trailing[dir=rtl] {
  8302. /* @noflip */
  8303. margin-left: 0;
  8304. /* @noflip */
  8305. margin-right: 72px;
  8306. }
  8307. .mdc-list--thumbnail-list .mdc-list-divider--inset-leading.mdc-list-divider--padding {
  8308. /* @noflip */
  8309. margin-left: 16px;
  8310. /* @noflip */
  8311. margin-right: 0;
  8312. width: calc(100% - 16px);
  8313. }
  8314. [dir=rtl] .mdc-list--thumbnail-list .mdc-list-divider--inset-leading.mdc-list-divider--padding, .mdc-list--thumbnail-list .mdc-list-divider--inset-leading.mdc-list-divider--padding[dir=rtl] {
  8315. /* @noflip */
  8316. margin-left: 0;
  8317. /* @noflip */
  8318. margin-right: 16px;
  8319. }
  8320. .mdc-list--thumbnail-list .mdc-list-divider--inset-leading.mdc-list-divider--inset-trailing.mdc-list-divider--inset-padding {
  8321. /* @noflip */
  8322. margin-left: 16px;
  8323. /* @noflip */
  8324. margin-right: 0;
  8325. width: calc(100% - 32px);
  8326. }
  8327. [dir=rtl] .mdc-list--thumbnail-list .mdc-list-divider--inset-leading.mdc-list-divider--inset-trailing.mdc-list-divider--inset-padding, .mdc-list--thumbnail-list .mdc-list-divider--inset-leading.mdc-list-divider--inset-trailing.mdc-list-divider--inset-padding[dir=rtl] {
  8328. /* @noflip */
  8329. margin-left: 0;
  8330. /* @noflip */
  8331. margin-right: 16px;
  8332. }
  8333. .mdc-list--image-list .mdc-list-divider--inset-leading {
  8334. /* @noflip */
  8335. margin-left: 88px;
  8336. /* @noflip */
  8337. margin-right: 0;
  8338. width: calc(100% - 88px);
  8339. }
  8340. [dir=rtl] .mdc-list--image-list .mdc-list-divider--inset-leading, .mdc-list--image-list .mdc-list-divider--inset-leading[dir=rtl] {
  8341. /* @noflip */
  8342. margin-left: 0;
  8343. /* @noflip */
  8344. margin-right: 88px;
  8345. }
  8346. .mdc-list--image-list .mdc-list-divider--inset-trailing {
  8347. width: calc(100% - 16px);
  8348. }
  8349. .mdc-list--image-list .mdc-list-divider--inset-leading.mdc-list-divider--inset-trailing {
  8350. /* @noflip */
  8351. margin-left: 88px;
  8352. /* @noflip */
  8353. margin-right: 0;
  8354. width: calc(100% - 104px);
  8355. }
  8356. [dir=rtl] .mdc-list--image-list .mdc-list-divider--inset-leading.mdc-list-divider--inset-trailing, .mdc-list--image-list .mdc-list-divider--inset-leading.mdc-list-divider--inset-trailing[dir=rtl] {
  8357. /* @noflip */
  8358. margin-left: 0;
  8359. /* @noflip */
  8360. margin-right: 88px;
  8361. }
  8362. .mdc-list--image-list .mdc-list-divider--inset-leading.mdc-list-divider--padding {
  8363. /* @noflip */
  8364. margin-left: 16px;
  8365. /* @noflip */
  8366. margin-right: 0;
  8367. width: calc(100% - 16px);
  8368. }
  8369. [dir=rtl] .mdc-list--image-list .mdc-list-divider--inset-leading.mdc-list-divider--padding, .mdc-list--image-list .mdc-list-divider--inset-leading.mdc-list-divider--padding[dir=rtl] {
  8370. /* @noflip */
  8371. margin-left: 0;
  8372. /* @noflip */
  8373. margin-right: 16px;
  8374. }
  8375. .mdc-list--image-list .mdc-list-divider--inset-leading.mdc-list-divider--inset-trailing.mdc-list-divider--inset-padding {
  8376. /* @noflip */
  8377. margin-left: 16px;
  8378. /* @noflip */
  8379. margin-right: 0;
  8380. width: calc(100% - 32px);
  8381. }
  8382. [dir=rtl] .mdc-list--image-list .mdc-list-divider--inset-leading.mdc-list-divider--inset-trailing.mdc-list-divider--inset-padding, .mdc-list--image-list .mdc-list-divider--inset-leading.mdc-list-divider--inset-trailing.mdc-list-divider--inset-padding[dir=rtl] {
  8383. /* @noflip */
  8384. margin-left: 0;
  8385. /* @noflip */
  8386. margin-right: 16px;
  8387. }
  8388. .mdc-list--video-list .mdc-list-divider--inset-leading {
  8389. /* @noflip */
  8390. margin-left: 116px;
  8391. /* @noflip */
  8392. margin-right: 0;
  8393. width: calc(100% - 116px);
  8394. }
  8395. [dir=rtl] .mdc-list--video-list .mdc-list-divider--inset-leading, .mdc-list--video-list .mdc-list-divider--inset-leading[dir=rtl] {
  8396. /* @noflip */
  8397. margin-left: 0;
  8398. /* @noflip */
  8399. margin-right: 116px;
  8400. }
  8401. .mdc-list--video-list .mdc-list-divider--inset-trailing {
  8402. width: calc(100% - 16px);
  8403. }
  8404. .mdc-list--video-list .mdc-list-divider--inset-leading.mdc-list-divider--inset-trailing {
  8405. /* @noflip */
  8406. margin-left: 116px;
  8407. /* @noflip */
  8408. margin-right: 0;
  8409. width: calc(100% - 132px);
  8410. }
  8411. [dir=rtl] .mdc-list--video-list .mdc-list-divider--inset-leading.mdc-list-divider--inset-trailing, .mdc-list--video-list .mdc-list-divider--inset-leading.mdc-list-divider--inset-trailing[dir=rtl] {
  8412. /* @noflip */
  8413. margin-left: 0;
  8414. /* @noflip */
  8415. margin-right: 116px;
  8416. }
  8417. .mdc-list--video-list .mdc-list-divider--inset-leading.mdc-list-divider--padding {
  8418. /* @noflip */
  8419. margin-left: 0px;
  8420. /* @noflip */
  8421. margin-right: 0;
  8422. width: calc(100% - 0px);
  8423. }
  8424. [dir=rtl] .mdc-list--video-list .mdc-list-divider--inset-leading.mdc-list-divider--padding, .mdc-list--video-list .mdc-list-divider--inset-leading.mdc-list-divider--padding[dir=rtl] {
  8425. /* @noflip */
  8426. margin-left: 0;
  8427. /* @noflip */
  8428. margin-right: 0px;
  8429. }
  8430. .mdc-list--video-list .mdc-list-divider--inset-leading.mdc-list-divider--inset-trailing.mdc-list-divider--inset-padding {
  8431. /* @noflip */
  8432. margin-left: 0px;
  8433. /* @noflip */
  8434. margin-right: 0;
  8435. width: calc(100% - 16px);
  8436. }
  8437. [dir=rtl] .mdc-list--video-list .mdc-list-divider--inset-leading.mdc-list-divider--inset-trailing.mdc-list-divider--inset-padding, .mdc-list--video-list .mdc-list-divider--inset-leading.mdc-list-divider--inset-trailing.mdc-list-divider--inset-padding[dir=rtl] {
  8438. /* @noflip */
  8439. margin-left: 0;
  8440. /* @noflip */
  8441. margin-right: 0px;
  8442. }
  8443. .mdc-list-group .mdc-list {
  8444. padding: 0;
  8445. }
  8446. .mdc-list-group__subheader {
  8447. -moz-osx-font-smoothing: grayscale;
  8448. -webkit-font-smoothing: antialiased;
  8449. font-family: Roboto, sans-serif;
  8450. /* @alternate */
  8451. font-family: var(--mdc-typography-subtitle1-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));
  8452. font-size: 1rem;
  8453. /* @alternate */
  8454. font-size: var(--mdc-typography-subtitle1-font-size, 1rem);
  8455. line-height: 1.75rem;
  8456. /* @alternate */
  8457. line-height: var(--mdc-typography-subtitle1-line-height, 1.75rem);
  8458. font-weight: 400;
  8459. /* @alternate */
  8460. font-weight: var(--mdc-typography-subtitle1-font-weight, 400);
  8461. letter-spacing: 0.009375em;
  8462. /* @alternate */
  8463. letter-spacing: var(--mdc-typography-subtitle1-letter-spacing, 0.009375em);
  8464. text-decoration: inherit;
  8465. /* @alternate */
  8466. -webkit-text-decoration: var(--mdc-typography-subtitle1-text-decoration, inherit);
  8467. text-decoration: var(--mdc-typography-subtitle1-text-decoration, inherit);
  8468. text-transform: inherit;
  8469. /* @alternate */
  8470. text-transform: var(--mdc-typography-subtitle1-text-transform, inherit);
  8471. margin: calc( (3rem - 1.5rem) / 2 ) 16px;
  8472. }
  8473. .mdc-evolution-list-item__primary-text {
  8474. color: rgba(0, 0, 0, 0.87);
  8475. /* @alternate */
  8476. color: var(--mdc-theme-text-primary-on-background, rgba(0, 0, 0, 0.87));
  8477. }
  8478. .mdc-evolution-list-item__secondary-text {
  8479. color: rgba(0, 0, 0, 0.54);
  8480. /* @alternate */
  8481. color: var(--mdc-theme-text-secondary-on-background, rgba(0, 0, 0, 0.54));
  8482. }
  8483. .mdc-evolution-list-item--with-leading-icon .mdc-evolution-list-item__start,
  8484. .mdc-evolution-list-item--with-trailing-icon .mdc-evolution-list-item__end {
  8485. background-color: transparent;
  8486. }
  8487. .mdc-evolution-list-item--with-leading-icon .mdc-evolution-list-item__start,
  8488. .mdc-evolution-list-item--with-trailing-icon .mdc-evolution-list-item__end {
  8489. color: rgba(0, 0, 0, 0.38);
  8490. /* @alternate */
  8491. color: var(--mdc-theme-text-icon-on-background, rgba(0, 0, 0, 0.38));
  8492. }
  8493. .mdc-evolution-list-item--with-trailing-meta .mdc-evolution-list-item__end {
  8494. color: rgba(0, 0, 0, 0.38);
  8495. /* @alternate */
  8496. color: var(--mdc-theme-text-hint-on-background, rgba(0, 0, 0, 0.38));
  8497. }
  8498. .mdc-evolution-list-item--disabled .mdc-evolution-list-item__start,
  8499. .mdc-evolution-list-item--disabled .mdc-evolution-list-item__content,
  8500. .mdc-evolution-list-item--disabled .mdc-evolution-list-item__end {
  8501. opacity: 0.38;
  8502. }
  8503. .mdc-evolution-list-item--disabled .mdc-evolution-list-item__primary-text {
  8504. color: #000;
  8505. /* @alternate */
  8506. color: var(--mdc-theme-on-surface, #000);
  8507. }
  8508. .mdc-evolution-list-item--disabled .mdc-evolution-list-item__secondary-text {
  8509. color: #000;
  8510. /* @alternate */
  8511. color: var(--mdc-theme-on-surface, #000);
  8512. }
  8513. .mdc-evolution-list-item--disabled.mdc-evolution-list-item--with-leading-icon .mdc-evolution-list-item__start {
  8514. color: #000;
  8515. /* @alternate */
  8516. color: var(--mdc-theme-on-surface, #000);
  8517. }
  8518. .mdc-evolution-list-item--disabled.mdc-evolution-list-item--with-trailing-icon .mdc-evolution-list-item__end {
  8519. color: #000;
  8520. /* @alternate */
  8521. color: var(--mdc-theme-on-surface, #000);
  8522. }
  8523. .mdc-evolution-list-item--disabled.mdc-evolution-list-item--with-trailing-meta .mdc-evolution-list-item__end {
  8524. color: #000;
  8525. /* @alternate */
  8526. color: var(--mdc-theme-on-surface, #000);
  8527. }
  8528. .mdc-evolution-list-item--selected .mdc-evolution-list-item__primary-text,
  8529. .mdc-evolution-list-item--activated .mdc-evolution-list-item__primary-text {
  8530. color: #6200ee;
  8531. /* @alternate */
  8532. color: var(--mdc-theme-primary, #6200ee);
  8533. }
  8534. .mdc-evolution-list-item--selected.mdc-evolution-list-item--with-leading-icon .mdc-evolution-list-item__start,
  8535. .mdc-evolution-list-item--activated.mdc-evolution-list-item--with-leading-icon .mdc-evolution-list-item__start {
  8536. color: #6200ee;
  8537. /* @alternate */
  8538. color: var(--mdc-theme-primary, #6200ee);
  8539. }
  8540. .mdc-list-group__subheader {
  8541. color: rgba(0, 0, 0, 0.87);
  8542. /* @alternate */
  8543. color: var(--mdc-theme-text-primary-on-background, rgba(0, 0, 0, 0.87));
  8544. }
  8545. @media screen and (-ms-high-contrast: active) {
  8546. .mdc-evolution-list-divider::after {
  8547. content: "";
  8548. display: block;
  8549. border-bottom-width: 1px;
  8550. border-bottom-style: solid;
  8551. border-bottom-color: white;
  8552. }
  8553. }
  8554. .mdc-evolution-list {
  8555. -moz-osx-font-smoothing: grayscale;
  8556. -webkit-font-smoothing: antialiased;
  8557. font-family: Roboto, sans-serif;
  8558. /* @alternate */
  8559. font-family: var(--mdc-typography-subtitle1-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));
  8560. font-size: 1rem;
  8561. /* @alternate */
  8562. font-size: var(--mdc-typography-subtitle1-font-size, 1rem);
  8563. line-height: 1.75rem;
  8564. /* @alternate */
  8565. line-height: var(--mdc-typography-subtitle1-line-height, 1.75rem);
  8566. font-weight: 400;
  8567. /* @alternate */
  8568. font-weight: var(--mdc-typography-subtitle1-font-weight, 400);
  8569. letter-spacing: 0.009375em;
  8570. /* @alternate */
  8571. letter-spacing: var(--mdc-typography-subtitle1-letter-spacing, 0.009375em);
  8572. text-decoration: inherit;
  8573. /* @alternate */
  8574. -webkit-text-decoration: var(--mdc-typography-subtitle1-text-decoration, inherit);
  8575. text-decoration: var(--mdc-typography-subtitle1-text-decoration, inherit);
  8576. text-transform: inherit;
  8577. /* @alternate */
  8578. text-transform: var(--mdc-typography-subtitle1-text-transform, inherit);
  8579. /* @alternate */
  8580. line-height: 1.5rem;
  8581. margin: 0;
  8582. padding: 8px 0;
  8583. list-style-type: none;
  8584. }
  8585. .mdc-evolution-list:focus {
  8586. outline: none;
  8587. }
  8588. .mdc-evolution-list-item {
  8589. display: flex;
  8590. position: relative;
  8591. align-items: center;
  8592. justify-content: flex-start;
  8593. overflow: hidden;
  8594. padding: 0;
  8595. /* @noflip */
  8596. padding-left: 16px;
  8597. /* @noflip */
  8598. padding-right: 16px;
  8599. align-items: stretch;
  8600. cursor: pointer;
  8601. }
  8602. .mdc-evolution-list-item:focus {
  8603. outline: none;
  8604. }
  8605. [dir=rtl] .mdc-evolution-list-item, .mdc-evolution-list-item[dir=rtl] {
  8606. /* @noflip */
  8607. padding-left: 16px;
  8608. /* @noflip */
  8609. padding-right: 16px;
  8610. }
  8611. .mdc-evolution-list-item.mdc-evolution-list-item--with-one-line {
  8612. height: 48px;
  8613. }
  8614. .mdc-evolution-list-item.mdc-evolution-list-item--with-two-lines {
  8615. height: 64px;
  8616. }
  8617. .mdc-evolution-list-item.mdc-evolution-list-item--with-three-lines {
  8618. height: 88px;
  8619. }
  8620. .mdc-evolution-list-item.mdc-evolution-list-item--with-one-line .mdc-evolution-list-item__start {
  8621. align-self: center;
  8622. margin-top: 0;
  8623. }
  8624. .mdc-evolution-list-item.mdc-evolution-list-item--with-two-lines .mdc-evolution-list-item__start {
  8625. align-self: flex-start;
  8626. margin-top: 16px;
  8627. }
  8628. .mdc-evolution-list-item.mdc-evolution-list-item--with-three-lines .mdc-evolution-list-item__start {
  8629. align-self: flex-start;
  8630. margin-top: 16px;
  8631. }
  8632. .mdc-evolution-list-item.mdc-evolution-list-item--with-one-line .mdc-evolution-list-item__end {
  8633. align-self: center;
  8634. margin-top: 0;
  8635. }
  8636. .mdc-evolution-list-item.mdc-evolution-list-item--with-two-lines .mdc-evolution-list-item__end {
  8637. align-self: center;
  8638. margin-top: 0;
  8639. }
  8640. .mdc-evolution-list-item.mdc-evolution-list-item--with-three-lines .mdc-evolution-list-item__end {
  8641. align-self: flex-start;
  8642. margin-top: 16px;
  8643. }
  8644. .mdc-evolution-list-item.mdc-evolution-list-item--disabled, .mdc-evolution-list-item.mdc-evolution-list-item--non-interactive {
  8645. cursor: auto;
  8646. }
  8647. .mdc-evolution-list-item:not(.mdc-evolution-list-item--selected):focus::before, .mdc-evolution-list-item.mdc-ripple-upgraded--background-focused::before {
  8648. position: absolute;
  8649. box-sizing: border-box;
  8650. width: 100%;
  8651. height: 100%;
  8652. top: 0;
  8653. left: 0;
  8654. border: 1px solid transparent;
  8655. border-radius: inherit;
  8656. content: "";
  8657. }
  8658. .mdc-evolution-list-item.mdc-evolution-list-item--selected::before {
  8659. position: absolute;
  8660. box-sizing: border-box;
  8661. width: 100%;
  8662. height: 100%;
  8663. top: 0;
  8664. left: 0;
  8665. border: 3px double transparent;
  8666. border-radius: inherit;
  8667. content: "";
  8668. }
  8669. a.mdc-evolution-list-item {
  8670. color: inherit;
  8671. text-decoration: none;
  8672. }
  8673. .mdc-evolution-list-item__start {
  8674. fill: currentColor;
  8675. flex-shrink: 0;
  8676. }
  8677. .mdc-evolution-list-item__end {
  8678. flex-shrink: 0;
  8679. }
  8680. .mdc-evolution-list-item__content {
  8681. text-overflow: ellipsis;
  8682. white-space: nowrap;
  8683. overflow: hidden;
  8684. align-self: center;
  8685. flex: 1;
  8686. }
  8687. .mdc-evolution-list-item--with-two-lines .mdc-evolution-list-item__content, .mdc-evolution-list-item--with-three-lines .mdc-evolution-list-item__content {
  8688. align-self: stretch;
  8689. }
  8690. .mdc-evolution-list-item__content[for] {
  8691. pointer-events: none;
  8692. }
  8693. .mdc-evolution-list-item__primary-text {
  8694. -moz-osx-font-smoothing: grayscale;
  8695. -webkit-font-smoothing: antialiased;
  8696. font-family: Roboto, sans-serif;
  8697. /* @alternate */
  8698. font-family: var(--mdc-typography-subtitle1-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));
  8699. font-size: 1rem;
  8700. /* @alternate */
  8701. font-size: var(--mdc-typography-subtitle1-font-size, 1rem);
  8702. line-height: 1.75rem;
  8703. /* @alternate */
  8704. line-height: var(--mdc-typography-subtitle1-line-height, 1.75rem);
  8705. font-weight: 400;
  8706. /* @alternate */
  8707. font-weight: var(--mdc-typography-subtitle1-font-weight, 400);
  8708. letter-spacing: 0.009375em;
  8709. /* @alternate */
  8710. letter-spacing: var(--mdc-typography-subtitle1-letter-spacing, 0.009375em);
  8711. text-decoration: inherit;
  8712. /* @alternate */
  8713. -webkit-text-decoration: var(--mdc-typography-subtitle1-text-decoration, inherit);
  8714. text-decoration: var(--mdc-typography-subtitle1-text-decoration, inherit);
  8715. text-transform: inherit;
  8716. /* @alternate */
  8717. text-transform: var(--mdc-typography-subtitle1-text-transform, inherit);
  8718. text-overflow: ellipsis;
  8719. white-space: nowrap;
  8720. overflow: hidden;
  8721. }
  8722. .mdc-evolution-list-item--with-two-lines .mdc-evolution-list-item__primary-text, .mdc-evolution-list-item--with-three-lines .mdc-evolution-list-item__primary-text {
  8723. display: block;
  8724. margin-top: 0;
  8725. /* @alternate */
  8726. line-height: normal;
  8727. margin-bottom: -20px;
  8728. }
  8729. .mdc-evolution-list-item--with-two-lines .mdc-evolution-list-item__primary-text::before, .mdc-evolution-list-item--with-three-lines .mdc-evolution-list-item__primary-text::before {
  8730. display: inline-block;
  8731. width: 0;
  8732. height: 28px;
  8733. content: "";
  8734. vertical-align: 0;
  8735. }
  8736. .mdc-evolution-list-item--with-two-lines .mdc-evolution-list-item__primary-text::after, .mdc-evolution-list-item--with-three-lines .mdc-evolution-list-item__primary-text::after {
  8737. display: inline-block;
  8738. width: 0;
  8739. height: 20px;
  8740. content: "";
  8741. vertical-align: -20px;
  8742. }
  8743. .mdc-evolution-list-item__secondary-text {
  8744. -moz-osx-font-smoothing: grayscale;
  8745. -webkit-font-smoothing: antialiased;
  8746. font-family: Roboto, sans-serif;
  8747. /* @alternate */
  8748. font-family: var(--mdc-typography-body2-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));
  8749. font-size: 0.875rem;
  8750. /* @alternate */
  8751. font-size: var(--mdc-typography-body2-font-size, 0.875rem);
  8752. line-height: 1.25rem;
  8753. /* @alternate */
  8754. line-height: var(--mdc-typography-body2-line-height, 1.25rem);
  8755. font-weight: 400;
  8756. /* @alternate */
  8757. font-weight: var(--mdc-typography-body2-font-weight, 400);
  8758. letter-spacing: 0.0178571429em;
  8759. /* @alternate */
  8760. letter-spacing: var(--mdc-typography-body2-letter-spacing, 0.0178571429em);
  8761. text-decoration: inherit;
  8762. /* @alternate */
  8763. -webkit-text-decoration: var(--mdc-typography-body2-text-decoration, inherit);
  8764. text-decoration: var(--mdc-typography-body2-text-decoration, inherit);
  8765. text-transform: inherit;
  8766. /* @alternate */
  8767. text-transform: var(--mdc-typography-body2-text-transform, inherit);
  8768. text-overflow: ellipsis;
  8769. white-space: nowrap;
  8770. overflow: hidden;
  8771. display: block;
  8772. margin-top: 0;
  8773. /* @alternate */
  8774. line-height: normal;
  8775. }
  8776. .mdc-evolution-list-item__secondary-text::before {
  8777. display: inline-block;
  8778. width: 0;
  8779. height: 20px;
  8780. content: "";
  8781. vertical-align: 0;
  8782. }
  8783. .mdc-evolution-list-item__overline-text {
  8784. text-overflow: ellipsis;
  8785. white-space: nowrap;
  8786. overflow: hidden;
  8787. }
  8788. .mdc-evolution-list-item--with-two-lines .mdc-evolution-list-item__overline-text, .mdc-evolution-list-item--with-three-lines .mdc-evolution-list-item__overline-text {
  8789. display: block;
  8790. margin-top: 0;
  8791. /* @alternate */
  8792. line-height: normal;
  8793. margin-bottom: -20px;
  8794. }
  8795. .mdc-evolution-list-item--with-two-lines .mdc-evolution-list-item__overline-text::before, .mdc-evolution-list-item--with-three-lines .mdc-evolution-list-item__overline-text::before {
  8796. display: inline-block;
  8797. width: 0;
  8798. height: 24px;
  8799. content: "";
  8800. vertical-align: 0;
  8801. }
  8802. .mdc-evolution-list-item--with-two-lines .mdc-evolution-list-item__overline-text::after, .mdc-evolution-list-item--with-three-lines .mdc-evolution-list-item__overline-text::after {
  8803. display: inline-block;
  8804. width: 0;
  8805. height: 20px;
  8806. content: "";
  8807. vertical-align: -20px;
  8808. }
  8809. .mdc-evolution-list-item--with-leading-avatar.mdc-evolution-list-item {
  8810. /* @noflip */
  8811. padding-left: 0;
  8812. /* @noflip */
  8813. padding-right: auto;
  8814. }
  8815. [dir=rtl] .mdc-evolution-list-item--with-leading-avatar.mdc-evolution-list-item, .mdc-evolution-list-item--with-leading-avatar.mdc-evolution-list-item[dir=rtl] {
  8816. /* @noflip */
  8817. padding-left: auto;
  8818. /* @noflip */
  8819. padding-right: 0;
  8820. }
  8821. .mdc-evolution-list-item--with-leading-avatar .mdc-evolution-list-item__start {
  8822. /* @noflip */
  8823. margin-left: 16px;
  8824. /* @noflip */
  8825. margin-right: 16px;
  8826. }
  8827. [dir=rtl] .mdc-evolution-list-item--with-leading-avatar .mdc-evolution-list-item__start, .mdc-evolution-list-item--with-leading-avatar .mdc-evolution-list-item__start[dir=rtl] {
  8828. /* @noflip */
  8829. margin-left: 16px;
  8830. /* @noflip */
  8831. margin-right: 16px;
  8832. }
  8833. .mdc-evolution-list-item--with-leading-avatar .mdc-evolution-list-item__start {
  8834. width: 40px;
  8835. height: 40px;
  8836. }
  8837. .mdc-evolution-list-item--with-leading-avatar.mdc-evolution-list-item--with-two-lines .mdc-evolution-list-item__primary-text {
  8838. display: block;
  8839. margin-top: 0;
  8840. /* @alternate */
  8841. line-height: normal;
  8842. margin-bottom: -20px;
  8843. }
  8844. .mdc-evolution-list-item--with-leading-avatar.mdc-evolution-list-item--with-two-lines .mdc-evolution-list-item__primary-text::before {
  8845. display: inline-block;
  8846. width: 0;
  8847. height: 32px;
  8848. content: "";
  8849. vertical-align: 0;
  8850. }
  8851. .mdc-evolution-list-item--with-leading-avatar.mdc-evolution-list-item--with-two-lines .mdc-evolution-list-item__primary-text::after {
  8852. display: inline-block;
  8853. width: 0;
  8854. height: 20px;
  8855. content: "";
  8856. vertical-align: -20px;
  8857. }
  8858. .mdc-evolution-list-item--with-leading-avatar.mdc-evolution-list-item--with-two-lines.mdc-evolution-list-item--with-trailing-meta .mdc-evolution-list-item__end {
  8859. display: block;
  8860. margin-top: 0;
  8861. /* @alternate */
  8862. line-height: normal;
  8863. }
  8864. .mdc-evolution-list-item--with-leading-avatar.mdc-evolution-list-item--with-two-lines.mdc-evolution-list-item--with-trailing-meta .mdc-evolution-list-item__end::before {
  8865. display: inline-block;
  8866. width: 0;
  8867. height: 32px;
  8868. content: "";
  8869. vertical-align: 0;
  8870. }
  8871. .mdc-evolution-list-item--with-leading-avatar.mdc-evolution-list-item--with-one-line {
  8872. height: 56px;
  8873. }
  8874. .mdc-evolution-list-item--with-leading-avatar.mdc-evolution-list-item--with-two-lines {
  8875. height: 72px;
  8876. }
  8877. .mdc-evolution-list-item--with-leading-avatar .mdc-evolution-list-item__start {
  8878. border-radius: 50%;
  8879. }
  8880. .mdc-evolution-list-item--with-leading-icon .mdc-evolution-list-item__start {
  8881. width: 24px;
  8882. height: 24px;
  8883. }
  8884. .mdc-evolution-list-item--with-leading-icon.mdc-evolution-list-item {
  8885. /* @noflip */
  8886. padding-left: 0;
  8887. /* @noflip */
  8888. padding-right: auto;
  8889. }
  8890. [dir=rtl] .mdc-evolution-list-item--with-leading-icon.mdc-evolution-list-item, .mdc-evolution-list-item--with-leading-icon.mdc-evolution-list-item[dir=rtl] {
  8891. /* @noflip */
  8892. padding-left: auto;
  8893. /* @noflip */
  8894. padding-right: 0;
  8895. }
  8896. .mdc-evolution-list-item--with-leading-icon .mdc-evolution-list-item__start {
  8897. /* @noflip */
  8898. margin-left: 16px;
  8899. /* @noflip */
  8900. margin-right: 32px;
  8901. }
  8902. [dir=rtl] .mdc-evolution-list-item--with-leading-icon .mdc-evolution-list-item__start, .mdc-evolution-list-item--with-leading-icon .mdc-evolution-list-item__start[dir=rtl] {
  8903. /* @noflip */
  8904. margin-left: 32px;
  8905. /* @noflip */
  8906. margin-right: 16px;
  8907. }
  8908. .mdc-evolution-list-item--with-leading-icon.mdc-evolution-list-item--with-two-lines .mdc-evolution-list-item__primary-text {
  8909. display: block;
  8910. margin-top: 0;
  8911. /* @alternate */
  8912. line-height: normal;
  8913. margin-bottom: -20px;
  8914. }
  8915. .mdc-evolution-list-item--with-leading-icon.mdc-evolution-list-item--with-two-lines .mdc-evolution-list-item__primary-text::before {
  8916. display: inline-block;
  8917. width: 0;
  8918. height: 32px;
  8919. content: "";
  8920. vertical-align: 0;
  8921. }
  8922. .mdc-evolution-list-item--with-leading-icon.mdc-evolution-list-item--with-two-lines .mdc-evolution-list-item__primary-text::after {
  8923. display: inline-block;
  8924. width: 0;
  8925. height: 20px;
  8926. content: "";
  8927. vertical-align: -20px;
  8928. }
  8929. .mdc-evolution-list-item--with-leading-icon.mdc-evolution-list-item--with-two-lines.mdc-evolution-list-item--with-trailing-meta .mdc-evolution-list-item__end {
  8930. display: block;
  8931. margin-top: 0;
  8932. /* @alternate */
  8933. line-height: normal;
  8934. }
  8935. .mdc-evolution-list-item--with-leading-icon.mdc-evolution-list-item--with-two-lines.mdc-evolution-list-item--with-trailing-meta .mdc-evolution-list-item__end::before {
  8936. display: inline-block;
  8937. width: 0;
  8938. height: 32px;
  8939. content: "";
  8940. vertical-align: 0;
  8941. }
  8942. .mdc-evolution-list-item--with-leading-icon.mdc-evolution-list-item--with-one-line {
  8943. height: 56px;
  8944. }
  8945. .mdc-evolution-list-item--with-leading-icon.mdc-evolution-list-item--with-two-lines {
  8946. height: 72px;
  8947. }
  8948. .mdc-evolution-list-item--with-leading-thumbnail.mdc-evolution-list-item {
  8949. /* @noflip */
  8950. padding-left: 0;
  8951. /* @noflip */
  8952. padding-right: auto;
  8953. }
  8954. [dir=rtl] .mdc-evolution-list-item--with-leading-thumbnail.mdc-evolution-list-item, .mdc-evolution-list-item--with-leading-thumbnail.mdc-evolution-list-item[dir=rtl] {
  8955. /* @noflip */
  8956. padding-left: auto;
  8957. /* @noflip */
  8958. padding-right: 0;
  8959. }
  8960. .mdc-evolution-list-item--with-leading-thumbnail .mdc-evolution-list-item__start {
  8961. /* @noflip */
  8962. margin-left: 16px;
  8963. /* @noflip */
  8964. margin-right: 16px;
  8965. }
  8966. [dir=rtl] .mdc-evolution-list-item--with-leading-thumbnail .mdc-evolution-list-item__start, .mdc-evolution-list-item--with-leading-thumbnail .mdc-evolution-list-item__start[dir=rtl] {
  8967. /* @noflip */
  8968. margin-left: 16px;
  8969. /* @noflip */
  8970. margin-right: 16px;
  8971. }
  8972. .mdc-evolution-list-item--with-leading-thumbnail .mdc-evolution-list-item__start {
  8973. width: 40px;
  8974. height: 40px;
  8975. }
  8976. .mdc-evolution-list-item--with-leading-thumbnail.mdc-evolution-list-item--with-two-lines .mdc-evolution-list-item__primary-text {
  8977. display: block;
  8978. margin-top: 0;
  8979. /* @alternate */
  8980. line-height: normal;
  8981. margin-bottom: -20px;
  8982. }
  8983. .mdc-evolution-list-item--with-leading-thumbnail.mdc-evolution-list-item--with-two-lines .mdc-evolution-list-item__primary-text::before {
  8984. display: inline-block;
  8985. width: 0;
  8986. height: 32px;
  8987. content: "";
  8988. vertical-align: 0;
  8989. }
  8990. .mdc-evolution-list-item--with-leading-thumbnail.mdc-evolution-list-item--with-two-lines .mdc-evolution-list-item__primary-text::after {
  8991. display: inline-block;
  8992. width: 0;
  8993. height: 20px;
  8994. content: "";
  8995. vertical-align: -20px;
  8996. }
  8997. .mdc-evolution-list-item--with-leading-thumbnail.mdc-evolution-list-item--with-two-lines.mdc-evolution-list-item--with-trailing-meta .mdc-evolution-list-item__end {
  8998. display: block;
  8999. margin-top: 0;
  9000. /* @alternate */
  9001. line-height: normal;
  9002. }
  9003. .mdc-evolution-list-item--with-leading-thumbnail.mdc-evolution-list-item--with-two-lines.mdc-evolution-list-item--with-trailing-meta .mdc-evolution-list-item__end::before {
  9004. display: inline-block;
  9005. width: 0;
  9006. height: 32px;
  9007. content: "";
  9008. vertical-align: 0;
  9009. }
  9010. .mdc-evolution-list-item--with-leading-thumbnail.mdc-evolution-list-item--with-one-line {
  9011. height: 56px;
  9012. }
  9013. .mdc-evolution-list-item--with-leading-thumbnail.mdc-evolution-list-item--with-two-lines {
  9014. height: 72px;
  9015. }
  9016. .mdc-evolution-list-item--with-leading-image.mdc-evolution-list-item {
  9017. /* @noflip */
  9018. padding-left: 0;
  9019. /* @noflip */
  9020. padding-right: auto;
  9021. }
  9022. [dir=rtl] .mdc-evolution-list-item--with-leading-image.mdc-evolution-list-item, .mdc-evolution-list-item--with-leading-image.mdc-evolution-list-item[dir=rtl] {
  9023. /* @noflip */
  9024. padding-left: auto;
  9025. /* @noflip */
  9026. padding-right: 0;
  9027. }
  9028. .mdc-evolution-list-item--with-leading-image .mdc-evolution-list-item__start {
  9029. /* @noflip */
  9030. margin-left: 16px;
  9031. /* @noflip */
  9032. margin-right: 16px;
  9033. }
  9034. [dir=rtl] .mdc-evolution-list-item--with-leading-image .mdc-evolution-list-item__start, .mdc-evolution-list-item--with-leading-image .mdc-evolution-list-item__start[dir=rtl] {
  9035. /* @noflip */
  9036. margin-left: 16px;
  9037. /* @noflip */
  9038. margin-right: 16px;
  9039. }
  9040. .mdc-evolution-list-item--with-leading-image .mdc-evolution-list-item__start {
  9041. width: 56px;
  9042. height: 56px;
  9043. }
  9044. .mdc-evolution-list-item--with-leading-image.mdc-evolution-list-item--with-two-lines .mdc-evolution-list-item__primary-text {
  9045. display: block;
  9046. margin-top: 0;
  9047. /* @alternate */
  9048. line-height: normal;
  9049. margin-bottom: -20px;
  9050. }
  9051. .mdc-evolution-list-item--with-leading-image.mdc-evolution-list-item--with-two-lines .mdc-evolution-list-item__primary-text::before {
  9052. display: inline-block;
  9053. width: 0;
  9054. height: 32px;
  9055. content: "";
  9056. vertical-align: 0;
  9057. }
  9058. .mdc-evolution-list-item--with-leading-image.mdc-evolution-list-item--with-two-lines .mdc-evolution-list-item__primary-text::after {
  9059. display: inline-block;
  9060. width: 0;
  9061. height: 20px;
  9062. content: "";
  9063. vertical-align: -20px;
  9064. }
  9065. .mdc-evolution-list-item--with-leading-image.mdc-evolution-list-item--with-two-lines.mdc-evolution-list-item--with-trailing-meta .mdc-evolution-list-item__end {
  9066. display: block;
  9067. margin-top: 0;
  9068. /* @alternate */
  9069. line-height: normal;
  9070. }
  9071. .mdc-evolution-list-item--with-leading-image.mdc-evolution-list-item--with-two-lines.mdc-evolution-list-item--with-trailing-meta .mdc-evolution-list-item__end::before {
  9072. display: inline-block;
  9073. width: 0;
  9074. height: 32px;
  9075. content: "";
  9076. vertical-align: 0;
  9077. }
  9078. .mdc-evolution-list-item--with-leading-image.mdc-evolution-list-item--with-one-line {
  9079. height: 72px;
  9080. }
  9081. .mdc-evolution-list-item--with-leading-image.mdc-evolution-list-item--with-two-lines {
  9082. height: 72px;
  9083. }
  9084. .mdc-evolution-list-item--with-leading-video.mdc-evolution-list-item--with-two-lines .mdc-evolution-list-item__start {
  9085. align-self: flex-start;
  9086. margin-top: 8px;
  9087. }
  9088. .mdc-evolution-list-item--with-leading-video.mdc-evolution-list-item {
  9089. /* @noflip */
  9090. padding-left: 0;
  9091. /* @noflip */
  9092. padding-right: auto;
  9093. }
  9094. [dir=rtl] .mdc-evolution-list-item--with-leading-video.mdc-evolution-list-item, .mdc-evolution-list-item--with-leading-video.mdc-evolution-list-item[dir=rtl] {
  9095. /* @noflip */
  9096. padding-left: auto;
  9097. /* @noflip */
  9098. padding-right: 0;
  9099. }
  9100. .mdc-evolution-list-item--with-leading-video .mdc-evolution-list-item__start {
  9101. /* @noflip */
  9102. margin-left: 0;
  9103. /* @noflip */
  9104. margin-right: 16px;
  9105. }
  9106. [dir=rtl] .mdc-evolution-list-item--with-leading-video .mdc-evolution-list-item__start, .mdc-evolution-list-item--with-leading-video .mdc-evolution-list-item__start[dir=rtl] {
  9107. /* @noflip */
  9108. margin-left: 16px;
  9109. /* @noflip */
  9110. margin-right: 0;
  9111. }
  9112. .mdc-evolution-list-item--with-leading-video .mdc-evolution-list-item__start {
  9113. width: 100px;
  9114. height: 56px;
  9115. }
  9116. .mdc-evolution-list-item--with-leading-video.mdc-evolution-list-item--with-two-lines .mdc-evolution-list-item__primary-text {
  9117. display: block;
  9118. margin-top: 0;
  9119. /* @alternate */
  9120. line-height: normal;
  9121. margin-bottom: -20px;
  9122. }
  9123. .mdc-evolution-list-item--with-leading-video.mdc-evolution-list-item--with-two-lines .mdc-evolution-list-item__primary-text::before {
  9124. display: inline-block;
  9125. width: 0;
  9126. height: 32px;
  9127. content: "";
  9128. vertical-align: 0;
  9129. }
  9130. .mdc-evolution-list-item--with-leading-video.mdc-evolution-list-item--with-two-lines .mdc-evolution-list-item__primary-text::after {
  9131. display: inline-block;
  9132. width: 0;
  9133. height: 20px;
  9134. content: "";
  9135. vertical-align: -20px;
  9136. }
  9137. .mdc-evolution-list-item--with-leading-video.mdc-evolution-list-item--with-two-lines.mdc-evolution-list-item--with-trailing-meta .mdc-evolution-list-item__end {
  9138. display: block;
  9139. margin-top: 0;
  9140. /* @alternate */
  9141. line-height: normal;
  9142. }
  9143. .mdc-evolution-list-item--with-leading-video.mdc-evolution-list-item--with-two-lines.mdc-evolution-list-item--with-trailing-meta .mdc-evolution-list-item__end::before {
  9144. display: inline-block;
  9145. width: 0;
  9146. height: 32px;
  9147. content: "";
  9148. vertical-align: 0;
  9149. }
  9150. .mdc-evolution-list-item--with-leading-video.mdc-evolution-list-item--with-one-line {
  9151. height: 72px;
  9152. }
  9153. .mdc-evolution-list-item--with-leading-video.mdc-evolution-list-item--with-two-lines {
  9154. height: 72px;
  9155. }
  9156. .mdc-evolution-list-item--with-leading-checkbox.mdc-evolution-list-item {
  9157. /* @noflip */
  9158. padding-left: 0;
  9159. /* @noflip */
  9160. padding-right: auto;
  9161. }
  9162. [dir=rtl] .mdc-evolution-list-item--with-leading-checkbox.mdc-evolution-list-item, .mdc-evolution-list-item--with-leading-checkbox.mdc-evolution-list-item[dir=rtl] {
  9163. /* @noflip */
  9164. padding-left: auto;
  9165. /* @noflip */
  9166. padding-right: 0;
  9167. }
  9168. .mdc-evolution-list-item--with-leading-checkbox .mdc-evolution-list-item__start {
  9169. /* @noflip */
  9170. margin-left: 8px;
  9171. /* @noflip */
  9172. margin-right: 24px;
  9173. }
  9174. [dir=rtl] .mdc-evolution-list-item--with-leading-checkbox .mdc-evolution-list-item__start, .mdc-evolution-list-item--with-leading-checkbox .mdc-evolution-list-item__start[dir=rtl] {
  9175. /* @noflip */
  9176. margin-left: 24px;
  9177. /* @noflip */
  9178. margin-right: 8px;
  9179. }
  9180. .mdc-evolution-list-item--with-leading-checkbox .mdc-evolution-list-item__start {
  9181. width: 40px;
  9182. height: 40px;
  9183. }
  9184. .mdc-evolution-list-item--with-leading-checkbox.mdc-evolution-list-item--with-two-lines .mdc-evolution-list-item__start {
  9185. align-self: flex-start;
  9186. margin-top: 8px;
  9187. }
  9188. .mdc-evolution-list-item--with-leading-checkbox.mdc-evolution-list-item--with-two-lines .mdc-evolution-list-item__primary-text {
  9189. display: block;
  9190. margin-top: 0;
  9191. /* @alternate */
  9192. line-height: normal;
  9193. margin-bottom: -20px;
  9194. }
  9195. .mdc-evolution-list-item--with-leading-checkbox.mdc-evolution-list-item--with-two-lines .mdc-evolution-list-item__primary-text::before {
  9196. display: inline-block;
  9197. width: 0;
  9198. height: 32px;
  9199. content: "";
  9200. vertical-align: 0;
  9201. }
  9202. .mdc-evolution-list-item--with-leading-checkbox.mdc-evolution-list-item--with-two-lines .mdc-evolution-list-item__primary-text::after {
  9203. display: inline-block;
  9204. width: 0;
  9205. height: 20px;
  9206. content: "";
  9207. vertical-align: -20px;
  9208. }
  9209. .mdc-evolution-list-item--with-leading-checkbox.mdc-evolution-list-item--with-two-lines.mdc-evolution-list-item--with-trailing-meta .mdc-evolution-list-item__end {
  9210. display: block;
  9211. margin-top: 0;
  9212. /* @alternate */
  9213. line-height: normal;
  9214. }
  9215. .mdc-evolution-list-item--with-leading-checkbox.mdc-evolution-list-item--with-two-lines.mdc-evolution-list-item--with-trailing-meta .mdc-evolution-list-item__end::before {
  9216. display: inline-block;
  9217. width: 0;
  9218. height: 32px;
  9219. content: "";
  9220. vertical-align: 0;
  9221. }
  9222. .mdc-evolution-list-item--with-leading-checkbox.mdc-evolution-list-item--with-one-line {
  9223. height: 56px;
  9224. }
  9225. .mdc-evolution-list-item--with-leading-checkbox.mdc-evolution-list-item--with-two-lines {
  9226. height: 72px;
  9227. }
  9228. .mdc-evolution-list-item--with-leading-radio.mdc-evolution-list-item {
  9229. /* @noflip */
  9230. padding-left: 0;
  9231. /* @noflip */
  9232. padding-right: auto;
  9233. }
  9234. [dir=rtl] .mdc-evolution-list-item--with-leading-radio.mdc-evolution-list-item, .mdc-evolution-list-item--with-leading-radio.mdc-evolution-list-item[dir=rtl] {
  9235. /* @noflip */
  9236. padding-left: auto;
  9237. /* @noflip */
  9238. padding-right: 0;
  9239. }
  9240. .mdc-evolution-list-item--with-leading-radio .mdc-evolution-list-item__start {
  9241. /* @noflip */
  9242. margin-left: 8px;
  9243. /* @noflip */
  9244. margin-right: 24px;
  9245. }
  9246. [dir=rtl] .mdc-evolution-list-item--with-leading-radio .mdc-evolution-list-item__start, .mdc-evolution-list-item--with-leading-radio .mdc-evolution-list-item__start[dir=rtl] {
  9247. /* @noflip */
  9248. margin-left: 24px;
  9249. /* @noflip */
  9250. margin-right: 8px;
  9251. }
  9252. .mdc-evolution-list-item--with-leading-radio .mdc-evolution-list-item__start {
  9253. width: 40px;
  9254. height: 40px;
  9255. }
  9256. .mdc-evolution-list-item--with-leading-radio.mdc-evolution-list-item--with-two-lines .mdc-evolution-list-item__start {
  9257. align-self: flex-start;
  9258. margin-top: 8px;
  9259. }
  9260. .mdc-evolution-list-item--with-leading-radio.mdc-evolution-list-item--with-two-lines .mdc-evolution-list-item__primary-text {
  9261. display: block;
  9262. margin-top: 0;
  9263. /* @alternate */
  9264. line-height: normal;
  9265. margin-bottom: -20px;
  9266. }
  9267. .mdc-evolution-list-item--with-leading-radio.mdc-evolution-list-item--with-two-lines .mdc-evolution-list-item__primary-text::before {
  9268. display: inline-block;
  9269. width: 0;
  9270. height: 32px;
  9271. content: "";
  9272. vertical-align: 0;
  9273. }
  9274. .mdc-evolution-list-item--with-leading-radio.mdc-evolution-list-item--with-two-lines .mdc-evolution-list-item__primary-text::after {
  9275. display: inline-block;
  9276. width: 0;
  9277. height: 20px;
  9278. content: "";
  9279. vertical-align: -20px;
  9280. }
  9281. .mdc-evolution-list-item--with-leading-radio.mdc-evolution-list-item--with-two-lines.mdc-evolution-list-item--with-trailing-meta .mdc-evolution-list-item__end {
  9282. display: block;
  9283. margin-top: 0;
  9284. /* @alternate */
  9285. line-height: normal;
  9286. }
  9287. .mdc-evolution-list-item--with-leading-radio.mdc-evolution-list-item--with-two-lines.mdc-evolution-list-item--with-trailing-meta .mdc-evolution-list-item__end::before {
  9288. display: inline-block;
  9289. width: 0;
  9290. height: 32px;
  9291. content: "";
  9292. vertical-align: 0;
  9293. }
  9294. .mdc-evolution-list-item--with-leading-radio.mdc-evolution-list-item--with-one-line {
  9295. height: 56px;
  9296. }
  9297. .mdc-evolution-list-item--with-leading-radio.mdc-evolution-list-item--with-two-lines {
  9298. height: 72px;
  9299. }
  9300. .mdc-evolution-list-item--with-leading-switch.mdc-evolution-list-item {
  9301. /* @noflip */
  9302. padding-left: 0;
  9303. /* @noflip */
  9304. padding-right: auto;
  9305. }
  9306. [dir=rtl] .mdc-evolution-list-item--with-leading-switch.mdc-evolution-list-item, .mdc-evolution-list-item--with-leading-switch.mdc-evolution-list-item[dir=rtl] {
  9307. /* @noflip */
  9308. padding-left: auto;
  9309. /* @noflip */
  9310. padding-right: 0;
  9311. }
  9312. .mdc-evolution-list-item--with-leading-switch .mdc-evolution-list-item__start {
  9313. /* @noflip */
  9314. margin-left: 16px;
  9315. /* @noflip */
  9316. margin-right: 16px;
  9317. }
  9318. [dir=rtl] .mdc-evolution-list-item--with-leading-switch .mdc-evolution-list-item__start, .mdc-evolution-list-item--with-leading-switch .mdc-evolution-list-item__start[dir=rtl] {
  9319. /* @noflip */
  9320. margin-left: 16px;
  9321. /* @noflip */
  9322. margin-right: 16px;
  9323. }
  9324. .mdc-evolution-list-item--with-leading-switch .mdc-evolution-list-item__start {
  9325. width: 36px;
  9326. height: 20px;
  9327. }
  9328. .mdc-evolution-list-item--with-leading-switch.mdc-evolution-list-item--with-two-lines .mdc-evolution-list-item__start {
  9329. align-self: flex-start;
  9330. margin-top: 16px;
  9331. }
  9332. .mdc-evolution-list-item--with-leading-switch.mdc-evolution-list-item--with-two-lines .mdc-evolution-list-item__primary-text {
  9333. display: block;
  9334. margin-top: 0;
  9335. /* @alternate */
  9336. line-height: normal;
  9337. margin-bottom: -20px;
  9338. }
  9339. .mdc-evolution-list-item--with-leading-switch.mdc-evolution-list-item--with-two-lines .mdc-evolution-list-item__primary-text::before {
  9340. display: inline-block;
  9341. width: 0;
  9342. height: 32px;
  9343. content: "";
  9344. vertical-align: 0;
  9345. }
  9346. .mdc-evolution-list-item--with-leading-switch.mdc-evolution-list-item--with-two-lines .mdc-evolution-list-item__primary-text::after {
  9347. display: inline-block;
  9348. width: 0;
  9349. height: 20px;
  9350. content: "";
  9351. vertical-align: -20px;
  9352. }
  9353. .mdc-evolution-list-item--with-leading-switch.mdc-evolution-list-item--with-two-lines.mdc-evolution-list-item--with-trailing-meta .mdc-evolution-list-item__end {
  9354. display: block;
  9355. margin-top: 0;
  9356. /* @alternate */
  9357. line-height: normal;
  9358. }
  9359. .mdc-evolution-list-item--with-leading-switch.mdc-evolution-list-item--with-two-lines.mdc-evolution-list-item--with-trailing-meta .mdc-evolution-list-item__end::before {
  9360. display: inline-block;
  9361. width: 0;
  9362. height: 32px;
  9363. content: "";
  9364. vertical-align: 0;
  9365. }
  9366. .mdc-evolution-list-item--with-leading-switch.mdc-evolution-list-item--with-one-line {
  9367. height: 56px;
  9368. }
  9369. .mdc-evolution-list-item--with-leading-switch.mdc-evolution-list-item--with-two-lines {
  9370. height: 72px;
  9371. }
  9372. .mdc-evolution-list-item--with-trailing-icon.mdc-evolution-list-item {
  9373. /* @noflip */
  9374. padding-left: auto;
  9375. /* @noflip */
  9376. padding-right: 0;
  9377. }
  9378. [dir=rtl] .mdc-evolution-list-item--with-trailing-icon.mdc-evolution-list-item, .mdc-evolution-list-item--with-trailing-icon.mdc-evolution-list-item[dir=rtl] {
  9379. /* @noflip */
  9380. padding-left: 0;
  9381. /* @noflip */
  9382. padding-right: auto;
  9383. }
  9384. .mdc-evolution-list-item--with-trailing-icon .mdc-evolution-list-item__end {
  9385. /* @noflip */
  9386. margin-left: 16px;
  9387. /* @noflip */
  9388. margin-right: 16px;
  9389. }
  9390. [dir=rtl] .mdc-evolution-list-item--with-trailing-icon .mdc-evolution-list-item__end, .mdc-evolution-list-item--with-trailing-icon .mdc-evolution-list-item__end[dir=rtl] {
  9391. /* @noflip */
  9392. margin-left: 16px;
  9393. /* @noflip */
  9394. margin-right: 16px;
  9395. }
  9396. .mdc-evolution-list-item--with-trailing-icon .mdc-evolution-list-item__end {
  9397. width: 24px;
  9398. height: 24px;
  9399. }
  9400. .mdc-evolution-list-item--with-trailing-meta.mdc-evolution-list-item--with-two-lines .mdc-evolution-list-item__end {
  9401. align-self: flex-start;
  9402. margin-top: 0;
  9403. }
  9404. .mdc-evolution-list-item--with-trailing-meta.mdc-evolution-list-item--with-three-lines .mdc-evolution-list-item__end {
  9405. align-self: flex-start;
  9406. margin-top: 0;
  9407. }
  9408. .mdc-evolution-list-item--with-trailing-meta.mdc-evolution-list-item {
  9409. /* @noflip */
  9410. padding-left: auto;
  9411. /* @noflip */
  9412. padding-right: 0;
  9413. }
  9414. [dir=rtl] .mdc-evolution-list-item--with-trailing-meta.mdc-evolution-list-item, .mdc-evolution-list-item--with-trailing-meta.mdc-evolution-list-item[dir=rtl] {
  9415. /* @noflip */
  9416. padding-left: 0;
  9417. /* @noflip */
  9418. padding-right: auto;
  9419. }
  9420. .mdc-evolution-list-item--with-trailing-meta .mdc-evolution-list-item__end {
  9421. /* @noflip */
  9422. margin-left: 28px;
  9423. /* @noflip */
  9424. margin-right: 16px;
  9425. }
  9426. [dir=rtl] .mdc-evolution-list-item--with-trailing-meta .mdc-evolution-list-item__end, .mdc-evolution-list-item--with-trailing-meta .mdc-evolution-list-item__end[dir=rtl] {
  9427. /* @noflip */
  9428. margin-left: 16px;
  9429. /* @noflip */
  9430. margin-right: 28px;
  9431. }
  9432. .mdc-evolution-list-item--with-trailing-meta.mdc-evolution-list-item--with-two-lines .mdc-evolution-list-item__end {
  9433. display: block;
  9434. margin-top: 0;
  9435. /* @alternate */
  9436. line-height: normal;
  9437. }
  9438. .mdc-evolution-list-item--with-trailing-meta.mdc-evolution-list-item--with-two-lines .mdc-evolution-list-item__end::before {
  9439. display: inline-block;
  9440. width: 0;
  9441. height: 28px;
  9442. content: "";
  9443. vertical-align: 0;
  9444. }
  9445. .mdc-evolution-list-item--with-trailing-meta.mdc-evolution-list-item--with-three-lines .mdc-evolution-list-item__end {
  9446. display: block;
  9447. margin-top: 0;
  9448. /* @alternate */
  9449. line-height: normal;
  9450. }
  9451. .mdc-evolution-list-item--with-trailing-meta.mdc-evolution-list-item--with-three-lines .mdc-evolution-list-item__end::before {
  9452. display: inline-block;
  9453. width: 0;
  9454. height: 28px;
  9455. content: "";
  9456. vertical-align: 0;
  9457. }
  9458. .mdc-evolution-list-item--with-trailing-meta .mdc-evolution-list-item__end {
  9459. -moz-osx-font-smoothing: grayscale;
  9460. -webkit-font-smoothing: antialiased;
  9461. font-family: Roboto, sans-serif;
  9462. /* @alternate */
  9463. font-family: var(--mdc-typography-caption-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));
  9464. font-size: 0.75rem;
  9465. /* @alternate */
  9466. font-size: var(--mdc-typography-caption-font-size, 0.75rem);
  9467. line-height: 1.25rem;
  9468. /* @alternate */
  9469. line-height: var(--mdc-typography-caption-line-height, 1.25rem);
  9470. font-weight: 400;
  9471. /* @alternate */
  9472. font-weight: var(--mdc-typography-caption-font-weight, 400);
  9473. letter-spacing: 0.0333333333em;
  9474. /* @alternate */
  9475. letter-spacing: var(--mdc-typography-caption-letter-spacing, 0.0333333333em);
  9476. text-decoration: inherit;
  9477. /* @alternate */
  9478. -webkit-text-decoration: var(--mdc-typography-caption-text-decoration, inherit);
  9479. text-decoration: var(--mdc-typography-caption-text-decoration, inherit);
  9480. text-transform: inherit;
  9481. /* @alternate */
  9482. text-transform: var(--mdc-typography-caption-text-transform, inherit);
  9483. }
  9484. .mdc-evolution-list-item--with-trailing-checkbox.mdc-evolution-list-item {
  9485. /* @noflip */
  9486. padding-left: auto;
  9487. /* @noflip */
  9488. padding-right: 0;
  9489. }
  9490. [dir=rtl] .mdc-evolution-list-item--with-trailing-checkbox.mdc-evolution-list-item, .mdc-evolution-list-item--with-trailing-checkbox.mdc-evolution-list-item[dir=rtl] {
  9491. /* @noflip */
  9492. padding-left: 0;
  9493. /* @noflip */
  9494. padding-right: auto;
  9495. }
  9496. .mdc-evolution-list-item--with-trailing-checkbox .mdc-evolution-list-item__end {
  9497. /* @noflip */
  9498. margin-left: 24px;
  9499. /* @noflip */
  9500. margin-right: 8px;
  9501. }
  9502. [dir=rtl] .mdc-evolution-list-item--with-trailing-checkbox .mdc-evolution-list-item__end, .mdc-evolution-list-item--with-trailing-checkbox .mdc-evolution-list-item__end[dir=rtl] {
  9503. /* @noflip */
  9504. margin-left: 8px;
  9505. /* @noflip */
  9506. margin-right: 24px;
  9507. }
  9508. .mdc-evolution-list-item--with-trailing-checkbox .mdc-evolution-list-item__end {
  9509. width: 40px;
  9510. height: 40px;
  9511. }
  9512. .mdc-evolution-list-item--with-trailing-checkbox.mdc-evolution-list-item--with-three-lines .mdc-evolution-list-item__end {
  9513. align-self: flex-start;
  9514. margin-top: 8px;
  9515. }
  9516. .mdc-evolution-list-item--with-trailing-radio.mdc-evolution-list-item {
  9517. /* @noflip */
  9518. padding-left: auto;
  9519. /* @noflip */
  9520. padding-right: 0;
  9521. }
  9522. [dir=rtl] .mdc-evolution-list-item--with-trailing-radio.mdc-evolution-list-item, .mdc-evolution-list-item--with-trailing-radio.mdc-evolution-list-item[dir=rtl] {
  9523. /* @noflip */
  9524. padding-left: 0;
  9525. /* @noflip */
  9526. padding-right: auto;
  9527. }
  9528. .mdc-evolution-list-item--with-trailing-radio .mdc-evolution-list-item__end {
  9529. /* @noflip */
  9530. margin-left: 24px;
  9531. /* @noflip */
  9532. margin-right: 8px;
  9533. }
  9534. [dir=rtl] .mdc-evolution-list-item--with-trailing-radio .mdc-evolution-list-item__end, .mdc-evolution-list-item--with-trailing-radio .mdc-evolution-list-item__end[dir=rtl] {
  9535. /* @noflip */
  9536. margin-left: 8px;
  9537. /* @noflip */
  9538. margin-right: 24px;
  9539. }
  9540. .mdc-evolution-list-item--with-trailing-radio .mdc-evolution-list-item__end {
  9541. width: 40px;
  9542. height: 40px;
  9543. }
  9544. .mdc-evolution-list-item--with-trailing-radio.mdc-evolution-list-item--with-three-lines .mdc-evolution-list-item__end {
  9545. align-self: flex-start;
  9546. margin-top: 8px;
  9547. }
  9548. .mdc-evolution-list-item--with-trailing-switch.mdc-evolution-list-item {
  9549. /* @noflip */
  9550. padding-left: auto;
  9551. /* @noflip */
  9552. padding-right: 0;
  9553. }
  9554. [dir=rtl] .mdc-evolution-list-item--with-trailing-switch.mdc-evolution-list-item, .mdc-evolution-list-item--with-trailing-switch.mdc-evolution-list-item[dir=rtl] {
  9555. /* @noflip */
  9556. padding-left: 0;
  9557. /* @noflip */
  9558. padding-right: auto;
  9559. }
  9560. .mdc-evolution-list-item--with-trailing-switch .mdc-evolution-list-item__end {
  9561. /* @noflip */
  9562. margin-left: 16px;
  9563. /* @noflip */
  9564. margin-right: 16px;
  9565. }
  9566. [dir=rtl] .mdc-evolution-list-item--with-trailing-switch .mdc-evolution-list-item__end, .mdc-evolution-list-item--with-trailing-switch .mdc-evolution-list-item__end[dir=rtl] {
  9567. /* @noflip */
  9568. margin-left: 16px;
  9569. /* @noflip */
  9570. margin-right: 16px;
  9571. }
  9572. .mdc-evolution-list-item--with-trailing-switch .mdc-evolution-list-item__end {
  9573. width: 36px;
  9574. height: 20px;
  9575. }
  9576. .mdc-evolution-list-item--with-trailing-switch.mdc-evolution-list-item--with-three-lines .mdc-evolution-list-item__end {
  9577. align-self: flex-start;
  9578. margin-top: 16px;
  9579. }
  9580. .mdc-evolution-list-group .mdc-list {
  9581. padding: 0;
  9582. }
  9583. .mdc-evolution-list-group__subheader {
  9584. -moz-osx-font-smoothing: grayscale;
  9585. -webkit-font-smoothing: antialiased;
  9586. font-family: Roboto, sans-serif;
  9587. /* @alternate */
  9588. font-family: var(--mdc-typography-subtitle1-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));
  9589. font-size: 1rem;
  9590. /* @alternate */
  9591. font-size: var(--mdc-typography-subtitle1-font-size, 1rem);
  9592. line-height: 1.75rem;
  9593. /* @alternate */
  9594. line-height: var(--mdc-typography-subtitle1-line-height, 1.75rem);
  9595. font-weight: 400;
  9596. /* @alternate */
  9597. font-weight: var(--mdc-typography-subtitle1-font-weight, 400);
  9598. letter-spacing: 0.009375em;
  9599. /* @alternate */
  9600. letter-spacing: var(--mdc-typography-subtitle1-letter-spacing, 0.009375em);
  9601. text-decoration: inherit;
  9602. /* @alternate */
  9603. -webkit-text-decoration: var(--mdc-typography-subtitle1-text-decoration, inherit);
  9604. text-decoration: var(--mdc-typography-subtitle1-text-decoration, inherit);
  9605. text-transform: inherit;
  9606. /* @alternate */
  9607. text-transform: var(--mdc-typography-subtitle1-text-transform, inherit);
  9608. margin: calc( (3rem - 1.5rem) / 2 ) 16px;
  9609. }
  9610. .mdc-evolution-list-divider {
  9611. background-color: rgba(0, 0, 0, 0.12);
  9612. }
  9613. .mdc-evolution-list-divider {
  9614. height: 1px;
  9615. padding: 0;
  9616. background-clip: content-box;
  9617. }
  9618. .mdc-evolution-list-divider.mdc-evolution-list-divider--with-leading-padding {
  9619. /* @noflip */
  9620. padding-left: 16px;
  9621. /* @noflip */
  9622. padding-right: auto;
  9623. }
  9624. [dir=rtl] .mdc-evolution-list-divider.mdc-evolution-list-divider--with-leading-padding, .mdc-evolution-list-divider.mdc-evolution-list-divider--with-leading-padding[dir=rtl] {
  9625. /* @noflip */
  9626. padding-left: auto;
  9627. /* @noflip */
  9628. padding-right: 16px;
  9629. }
  9630. .mdc-evolution-list-divider.mdc-evolution-list-divider--with-leading-inset {
  9631. /* @noflip */
  9632. padding-left: 16px;
  9633. /* @noflip */
  9634. padding-right: auto;
  9635. }
  9636. [dir=rtl] .mdc-evolution-list-divider.mdc-evolution-list-divider--with-leading-inset, .mdc-evolution-list-divider.mdc-evolution-list-divider--with-leading-inset[dir=rtl] {
  9637. /* @noflip */
  9638. padding-left: auto;
  9639. /* @noflip */
  9640. padding-right: 16px;
  9641. }
  9642. .mdc-evolution-list-divider.mdc-evolution-list-divider--with-trailing-inset {
  9643. /* @noflip */
  9644. padding-left: auto;
  9645. /* @noflip */
  9646. padding-right: 16px;
  9647. }
  9648. [dir=rtl] .mdc-evolution-list-divider.mdc-evolution-list-divider--with-trailing-inset, .mdc-evolution-list-divider.mdc-evolution-list-divider--with-trailing-inset[dir=rtl] {
  9649. /* @noflip */
  9650. padding-left: 16px;
  9651. /* @noflip */
  9652. padding-right: auto;
  9653. }
  9654. .mdc-evolution-list-divider--with-leading-icon.mdc-evolution-list-divider--with-leading-inset {
  9655. /* @noflip */
  9656. padding-left: 72px;
  9657. /* @noflip */
  9658. padding-right: auto;
  9659. }
  9660. [dir=rtl] .mdc-evolution-list-divider--with-leading-icon.mdc-evolution-list-divider--with-leading-inset, .mdc-evolution-list-divider--with-leading-icon.mdc-evolution-list-divider--with-leading-inset[dir=rtl] {
  9661. /* @noflip */
  9662. padding-left: auto;
  9663. /* @noflip */
  9664. padding-right: 72px;
  9665. }
  9666. .mdc-evolution-list-divider--with-leading-image.mdc-evolution-list-divider--with-leading-inset {
  9667. /* @noflip */
  9668. padding-left: 88px;
  9669. /* @noflip */
  9670. padding-right: auto;
  9671. }
  9672. [dir=rtl] .mdc-evolution-list-divider--with-leading-image.mdc-evolution-list-divider--with-leading-inset, .mdc-evolution-list-divider--with-leading-image.mdc-evolution-list-divider--with-leading-inset[dir=rtl] {
  9673. /* @noflip */
  9674. padding-left: auto;
  9675. /* @noflip */
  9676. padding-right: 88px;
  9677. }
  9678. .mdc-evolution-list-divider--with-leading-thumbnail.mdc-evolution-list-divider--with-leading-inset {
  9679. /* @noflip */
  9680. padding-left: 72px;
  9681. /* @noflip */
  9682. padding-right: auto;
  9683. }
  9684. [dir=rtl] .mdc-evolution-list-divider--with-leading-thumbnail.mdc-evolution-list-divider--with-leading-inset, .mdc-evolution-list-divider--with-leading-thumbnail.mdc-evolution-list-divider--with-leading-inset[dir=rtl] {
  9685. /* @noflip */
  9686. padding-left: auto;
  9687. /* @noflip */
  9688. padding-right: 72px;
  9689. }
  9690. .mdc-evolution-list-divider--with-leading-video.mdc-evolution-list-divider--with-leading-padding {
  9691. /* @noflip */
  9692. padding-left: 0px;
  9693. /* @noflip */
  9694. padding-right: auto;
  9695. }
  9696. [dir=rtl] .mdc-evolution-list-divider--with-leading-video.mdc-evolution-list-divider--with-leading-padding, .mdc-evolution-list-divider--with-leading-video.mdc-evolution-list-divider--with-leading-padding[dir=rtl] {
  9697. /* @noflip */
  9698. padding-left: auto;
  9699. /* @noflip */
  9700. padding-right: 0px;
  9701. }
  9702. .mdc-evolution-list-divider--with-leading-video.mdc-evolution-list-divider--with-leading-inset {
  9703. /* @noflip */
  9704. padding-left: 116px;
  9705. /* @noflip */
  9706. padding-right: auto;
  9707. }
  9708. [dir=rtl] .mdc-evolution-list-divider--with-leading-video.mdc-evolution-list-divider--with-leading-inset, .mdc-evolution-list-divider--with-leading-video.mdc-evolution-list-divider--with-leading-inset[dir=rtl] {
  9709. /* @noflip */
  9710. padding-left: auto;
  9711. /* @noflip */
  9712. padding-right: 116px;
  9713. }
  9714. .mdc-evolution-list-divider--with-leading-avatar.mdc-evolution-list-divider--with-leading-inset {
  9715. /* @noflip */
  9716. padding-left: 72px;
  9717. /* @noflip */
  9718. padding-right: auto;
  9719. }
  9720. [dir=rtl] .mdc-evolution-list-divider--with-leading-avatar.mdc-evolution-list-divider--with-leading-inset, .mdc-evolution-list-divider--with-leading-avatar.mdc-evolution-list-divider--with-leading-inset[dir=rtl] {
  9721. /* @noflip */
  9722. padding-left: auto;
  9723. /* @noflip */
  9724. padding-right: 72px;
  9725. }
  9726. .mdc-evolution-list-divider--with-leading-checkbox.mdc-evolution-list-divider--with-leading-inset {
  9727. /* @noflip */
  9728. padding-left: 72px;
  9729. /* @noflip */
  9730. padding-right: auto;
  9731. }
  9732. [dir=rtl] .mdc-evolution-list-divider--with-leading-checkbox.mdc-evolution-list-divider--with-leading-inset, .mdc-evolution-list-divider--with-leading-checkbox.mdc-evolution-list-divider--with-leading-inset[dir=rtl] {
  9733. /* @noflip */
  9734. padding-left: auto;
  9735. /* @noflip */
  9736. padding-right: 72px;
  9737. }
  9738. .mdc-evolution-list-divider--with-leading-switch.mdc-evolution-list-divider--with-leading-inset {
  9739. /* @noflip */
  9740. padding-left: 84px;
  9741. /* @noflip */
  9742. padding-right: auto;
  9743. }
  9744. [dir=rtl] .mdc-evolution-list-divider--with-leading-switch.mdc-evolution-list-divider--with-leading-inset, .mdc-evolution-list-divider--with-leading-switch.mdc-evolution-list-divider--with-leading-inset[dir=rtl] {
  9745. /* @noflip */
  9746. padding-left: auto;
  9747. /* @noflip */
  9748. padding-right: 84px;
  9749. }
  9750. .mdc-evolution-list-divider--with-leading-radio.mdc-evolution-list-divider--with-leading-inset {
  9751. /* @noflip */
  9752. padding-left: 72px;
  9753. /* @noflip */
  9754. padding-right: auto;
  9755. }
  9756. [dir=rtl] .mdc-evolution-list-divider--with-leading-radio.mdc-evolution-list-divider--with-leading-inset, .mdc-evolution-list-divider--with-leading-radio.mdc-evolution-list-divider--with-leading-inset[dir=rtl] {
  9757. /* @noflip */
  9758. padding-left: auto;
  9759. /* @noflip */
  9760. padding-right: 72px;
  9761. }
  9762. :not(.mdc-list-item--disabled).mdc-list-item {
  9763. --mdc-ripple-fg-size: 0;
  9764. --mdc-ripple-left: 0;
  9765. --mdc-ripple-top: 0;
  9766. --mdc-ripple-fg-scale: 1;
  9767. --mdc-ripple-fg-translate-end: 0;
  9768. --mdc-ripple-fg-translate-start: 0;
  9769. -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  9770. will-change: transform, opacity;
  9771. }
  9772. :not(.mdc-list-item--disabled).mdc-list-item .mdc-list-item__ripple::before,
  9773. :not(.mdc-list-item--disabled).mdc-list-item .mdc-list-item__ripple::after {
  9774. position: absolute;
  9775. border-radius: 50%;
  9776. opacity: 0;
  9777. pointer-events: none;
  9778. content: "";
  9779. }
  9780. :not(.mdc-list-item--disabled).mdc-list-item .mdc-list-item__ripple::before {
  9781. transition: opacity 15ms linear, background-color 15ms linear;
  9782. z-index: 1;
  9783. /* @alternate */
  9784. z-index: var(--mdc-ripple-z-index, 1);
  9785. }
  9786. :not(.mdc-list-item--disabled).mdc-list-item .mdc-list-item__ripple::after {
  9787. z-index: 0;
  9788. /* @alternate */
  9789. z-index: var(--mdc-ripple-z-index, 0);
  9790. }
  9791. :not(.mdc-list-item--disabled).mdc-list-item.mdc-ripple-upgraded .mdc-list-item__ripple::before {
  9792. -webkit-transform: scale(var(--mdc-ripple-fg-scale, 1));
  9793. transform: scale(var(--mdc-ripple-fg-scale, 1));
  9794. }
  9795. :not(.mdc-list-item--disabled).mdc-list-item.mdc-ripple-upgraded .mdc-list-item__ripple::after {
  9796. top: 0;
  9797. /* @noflip */
  9798. left: 0;
  9799. -webkit-transform: scale(0);
  9800. transform: scale(0);
  9801. -webkit-transform-origin: center center;
  9802. transform-origin: center center;
  9803. }
  9804. :not(.mdc-list-item--disabled).mdc-list-item.mdc-ripple-upgraded--unbounded .mdc-list-item__ripple::after {
  9805. top: var(--mdc-ripple-top, 0);
  9806. /* @noflip */
  9807. left: var(--mdc-ripple-left, 0);
  9808. }
  9809. :not(.mdc-list-item--disabled).mdc-list-item.mdc-ripple-upgraded--foreground-activation .mdc-list-item__ripple::after {
  9810. -webkit-animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards;
  9811. animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards;
  9812. }
  9813. :not(.mdc-list-item--disabled).mdc-list-item.mdc-ripple-upgraded--foreground-deactivation .mdc-list-item__ripple::after {
  9814. -webkit-animation: mdc-ripple-fg-opacity-out 150ms;
  9815. animation: mdc-ripple-fg-opacity-out 150ms;
  9816. -webkit-transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
  9817. transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
  9818. }
  9819. :not(.mdc-list-item--disabled).mdc-list-item .mdc-list-item__ripple::before,
  9820. :not(.mdc-list-item--disabled).mdc-list-item .mdc-list-item__ripple::after {
  9821. top: calc(50% - 100%);
  9822. /* @noflip */
  9823. left: calc(50% - 100%);
  9824. width: 200%;
  9825. height: 200%;
  9826. }
  9827. :not(.mdc-list-item--disabled).mdc-list-item.mdc-ripple-upgraded .mdc-list-item__ripple::after {
  9828. width: var(--mdc-ripple-fg-size, 100%);
  9829. height: var(--mdc-ripple-fg-size, 100%);
  9830. }
  9831. :not(.mdc-list-item--disabled).mdc-list-item .mdc-list-item__ripple::before, :not(.mdc-list-item--disabled).mdc-list-item .mdc-list-item__ripple::after {
  9832. background-color: #000;
  9833. /* @alternate */
  9834. background-color: var(--mdc-ripple-color, #000);
  9835. }
  9836. :not(.mdc-list-item--disabled).mdc-list-item:hover .mdc-list-item__ripple::before, :not(.mdc-list-item--disabled).mdc-list-item.mdc-ripple-surface--hover .mdc-list-item__ripple::before {
  9837. opacity: 0.04;
  9838. /* @alternate */
  9839. opacity: var(--mdc-ripple-hover-opacity, 0.04);
  9840. }
  9841. :not(.mdc-list-item--disabled).mdc-list-item.mdc-ripple-upgraded--background-focused .mdc-list-item__ripple::before, :not(.mdc-list-item--disabled).mdc-list-item:not(.mdc-ripple-upgraded):focus .mdc-list-item__ripple::before {
  9842. transition-duration: 75ms;
  9843. opacity: 0.12;
  9844. /* @alternate */
  9845. opacity: var(--mdc-ripple-focus-opacity, 0.12);
  9846. }
  9847. :not(.mdc-list-item--disabled).mdc-list-item:not(.mdc-ripple-upgraded) .mdc-list-item__ripple::after {
  9848. transition: opacity 150ms linear;
  9849. }
  9850. :not(.mdc-list-item--disabled).mdc-list-item:not(.mdc-ripple-upgraded):active .mdc-list-item__ripple::after {
  9851. transition-duration: 75ms;
  9852. opacity: 0.12;
  9853. /* @alternate */
  9854. opacity: var(--mdc-ripple-press-opacity, 0.12);
  9855. }
  9856. :not(.mdc-list-item--disabled).mdc-list-item.mdc-ripple-upgraded {
  9857. --mdc-ripple-fg-opacity: var(--mdc-ripple-press-opacity, 0.12);
  9858. }
  9859. :not(.mdc-list-item--disabled).mdc-list-item--activated .mdc-list-item__ripple::before {
  9860. opacity: 0.12;
  9861. /* @alternate */
  9862. opacity: var(--mdc-ripple-activated-opacity, 0.12);
  9863. }
  9864. :not(.mdc-list-item--disabled).mdc-list-item--activated .mdc-list-item__ripple::before, :not(.mdc-list-item--disabled).mdc-list-item--activated .mdc-list-item__ripple::after {
  9865. background-color: #6200ee;
  9866. /* @alternate */
  9867. background-color: var(--mdc-ripple-color, var(--mdc-theme-primary, #6200ee));
  9868. }
  9869. :not(.mdc-list-item--disabled).mdc-list-item--activated:hover .mdc-list-item__ripple::before, :not(.mdc-list-item--disabled).mdc-list-item--activated.mdc-ripple-surface--hover .mdc-list-item__ripple::before {
  9870. opacity: 0.16;
  9871. /* @alternate */
  9872. opacity: var(--mdc-ripple-hover-opacity, 0.16);
  9873. }
  9874. :not(.mdc-list-item--disabled).mdc-list-item--activated.mdc-ripple-upgraded--background-focused .mdc-list-item__ripple::before, :not(.mdc-list-item--disabled).mdc-list-item--activated:not(.mdc-ripple-upgraded):focus .mdc-list-item__ripple::before {
  9875. transition-duration: 75ms;
  9876. opacity: 0.24;
  9877. /* @alternate */
  9878. opacity: var(--mdc-ripple-focus-opacity, 0.24);
  9879. }
  9880. :not(.mdc-list-item--disabled).mdc-list-item--activated:not(.mdc-ripple-upgraded) .mdc-list-item__ripple::after {
  9881. transition: opacity 150ms linear;
  9882. }
  9883. :not(.mdc-list-item--disabled).mdc-list-item--activated:not(.mdc-ripple-upgraded):active .mdc-list-item__ripple::after {
  9884. transition-duration: 75ms;
  9885. opacity: 0.24;
  9886. /* @alternate */
  9887. opacity: var(--mdc-ripple-press-opacity, 0.24);
  9888. }
  9889. :not(.mdc-list-item--disabled).mdc-list-item--activated.mdc-ripple-upgraded {
  9890. --mdc-ripple-fg-opacity: var(--mdc-ripple-press-opacity, 0.24);
  9891. }
  9892. :not(.mdc-list-item--disabled).mdc-list-item--selected .mdc-list-item__ripple::before {
  9893. opacity: 0.08;
  9894. /* @alternate */
  9895. opacity: var(--mdc-ripple-selected-opacity, 0.08);
  9896. }
  9897. :not(.mdc-list-item--disabled).mdc-list-item--selected .mdc-list-item__ripple::before, :not(.mdc-list-item--disabled).mdc-list-item--selected .mdc-list-item__ripple::after {
  9898. background-color: #6200ee;
  9899. /* @alternate */
  9900. background-color: var(--mdc-ripple-color, var(--mdc-theme-primary, #6200ee));
  9901. }
  9902. :not(.mdc-list-item--disabled).mdc-list-item--selected:hover .mdc-list-item__ripple::before, :not(.mdc-list-item--disabled).mdc-list-item--selected.mdc-ripple-surface--hover .mdc-list-item__ripple::before {
  9903. opacity: 0.12;
  9904. /* @alternate */
  9905. opacity: var(--mdc-ripple-hover-opacity, 0.12);
  9906. }
  9907. :not(.mdc-list-item--disabled).mdc-list-item--selected.mdc-ripple-upgraded--background-focused .mdc-list-item__ripple::before, :not(.mdc-list-item--disabled).mdc-list-item--selected:not(.mdc-ripple-upgraded):focus .mdc-list-item__ripple::before {
  9908. transition-duration: 75ms;
  9909. opacity: 0.2;
  9910. /* @alternate */
  9911. opacity: var(--mdc-ripple-focus-opacity, 0.2);
  9912. }
  9913. :not(.mdc-list-item--disabled).mdc-list-item--selected:not(.mdc-ripple-upgraded) .mdc-list-item__ripple::after {
  9914. transition: opacity 150ms linear;
  9915. }
  9916. :not(.mdc-list-item--disabled).mdc-list-item--selected:not(.mdc-ripple-upgraded):active .mdc-list-item__ripple::after {
  9917. transition-duration: 75ms;
  9918. opacity: 0.2;
  9919. /* @alternate */
  9920. opacity: var(--mdc-ripple-press-opacity, 0.2);
  9921. }
  9922. :not(.mdc-list-item--disabled).mdc-list-item--selected.mdc-ripple-upgraded {
  9923. --mdc-ripple-fg-opacity: var(--mdc-ripple-press-opacity, 0.2);
  9924. }
  9925. :not(.mdc-list-item--disabled).mdc-list-item .mdc-list-item__ripple {
  9926. position: absolute;
  9927. top: 0;
  9928. left: 0;
  9929. width: 100%;
  9930. height: 100%;
  9931. pointer-events: none;
  9932. }
  9933. .mdc-list-item--disabled {
  9934. --mdc-ripple-fg-size: 0;
  9935. --mdc-ripple-left: 0;
  9936. --mdc-ripple-top: 0;
  9937. --mdc-ripple-fg-scale: 1;
  9938. --mdc-ripple-fg-translate-end: 0;
  9939. --mdc-ripple-fg-translate-start: 0;
  9940. -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  9941. will-change: transform, opacity;
  9942. }
  9943. .mdc-list-item--disabled .mdc-list-item__ripple::before,
  9944. .mdc-list-item--disabled .mdc-list-item__ripple::after {
  9945. position: absolute;
  9946. border-radius: 50%;
  9947. opacity: 0;
  9948. pointer-events: none;
  9949. content: "";
  9950. }
  9951. .mdc-list-item--disabled .mdc-list-item__ripple::before {
  9952. transition: opacity 15ms linear, background-color 15ms linear;
  9953. z-index: 1;
  9954. /* @alternate */
  9955. z-index: var(--mdc-ripple-z-index, 1);
  9956. }
  9957. .mdc-list-item--disabled .mdc-list-item__ripple::after {
  9958. z-index: 0;
  9959. /* @alternate */
  9960. z-index: var(--mdc-ripple-z-index, 0);
  9961. }
  9962. .mdc-list-item--disabled.mdc-ripple-upgraded .mdc-list-item__ripple::before {
  9963. -webkit-transform: scale(var(--mdc-ripple-fg-scale, 1));
  9964. transform: scale(var(--mdc-ripple-fg-scale, 1));
  9965. }
  9966. .mdc-list-item--disabled.mdc-ripple-upgraded .mdc-list-item__ripple::after {
  9967. top: 0;
  9968. /* @noflip */
  9969. left: 0;
  9970. -webkit-transform: scale(0);
  9971. transform: scale(0);
  9972. -webkit-transform-origin: center center;
  9973. transform-origin: center center;
  9974. }
  9975. .mdc-list-item--disabled.mdc-ripple-upgraded--unbounded .mdc-list-item__ripple::after {
  9976. top: var(--mdc-ripple-top, 0);
  9977. /* @noflip */
  9978. left: var(--mdc-ripple-left, 0);
  9979. }
  9980. .mdc-list-item--disabled.mdc-ripple-upgraded--foreground-activation .mdc-list-item__ripple::after {
  9981. -webkit-animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards;
  9982. animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards;
  9983. }
  9984. .mdc-list-item--disabled.mdc-ripple-upgraded--foreground-deactivation .mdc-list-item__ripple::after {
  9985. -webkit-animation: mdc-ripple-fg-opacity-out 150ms;
  9986. animation: mdc-ripple-fg-opacity-out 150ms;
  9987. -webkit-transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
  9988. transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
  9989. }
  9990. .mdc-list-item--disabled .mdc-list-item__ripple::before,
  9991. .mdc-list-item--disabled .mdc-list-item__ripple::after {
  9992. top: calc(50% - 100%);
  9993. /* @noflip */
  9994. left: calc(50% - 100%);
  9995. width: 200%;
  9996. height: 200%;
  9997. }
  9998. .mdc-list-item--disabled.mdc-ripple-upgraded .mdc-list-item__ripple::after {
  9999. width: var(--mdc-ripple-fg-size, 100%);
  10000. height: var(--mdc-ripple-fg-size, 100%);
  10001. }
  10002. .mdc-list-item--disabled .mdc-list-item__ripple::before,
  10003. .mdc-list-item--disabled .mdc-list-item__ripple::after {
  10004. background-color: #000;
  10005. /* @alternate */
  10006. background-color: var(--mdc-ripple-color, #000);
  10007. }
  10008. .mdc-list-item--disabled.mdc-ripple-upgraded--background-focused .mdc-list-item__ripple::before, .mdc-list-item--disabled:not(.mdc-ripple-upgraded):focus .mdc-list-item__ripple::before {
  10009. transition-duration: 75ms;
  10010. opacity: 0.12;
  10011. /* @alternate */
  10012. opacity: var(--mdc-ripple-focus-opacity, 0.12);
  10013. }
  10014. .mdc-list-item--disabled .mdc-list-item__ripple {
  10015. position: absolute;
  10016. top: 0;
  10017. left: 0;
  10018. width: 100%;
  10019. height: 100%;
  10020. pointer-events: none;
  10021. }
  10022. :not(.mdc-evolution-list-item--disabled).mdc-evolution-list-item {
  10023. --mdc-ripple-fg-size: 0;
  10024. --mdc-ripple-left: 0;
  10025. --mdc-ripple-top: 0;
  10026. --mdc-ripple-fg-scale: 1;
  10027. --mdc-ripple-fg-translate-end: 0;
  10028. --mdc-ripple-fg-translate-start: 0;
  10029. -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  10030. will-change: transform, opacity;
  10031. }
  10032. :not(.mdc-evolution-list-item--disabled).mdc-evolution-list-item .mdc-evolution-list-item__ripple::before,
  10033. :not(.mdc-evolution-list-item--disabled).mdc-evolution-list-item .mdc-evolution-list-item__ripple::after {
  10034. position: absolute;
  10035. border-radius: 50%;
  10036. opacity: 0;
  10037. pointer-events: none;
  10038. content: "";
  10039. }
  10040. :not(.mdc-evolution-list-item--disabled).mdc-evolution-list-item .mdc-evolution-list-item__ripple::before {
  10041. transition: opacity 15ms linear, background-color 15ms linear;
  10042. z-index: 1;
  10043. /* @alternate */
  10044. z-index: var(--mdc-ripple-z-index, 1);
  10045. }
  10046. :not(.mdc-evolution-list-item--disabled).mdc-evolution-list-item .mdc-evolution-list-item__ripple::after {
  10047. z-index: 0;
  10048. /* @alternate */
  10049. z-index: var(--mdc-ripple-z-index, 0);
  10050. }
  10051. :not(.mdc-evolution-list-item--disabled).mdc-evolution-list-item.mdc-ripple-upgraded .mdc-evolution-list-item__ripple::before {
  10052. -webkit-transform: scale(var(--mdc-ripple-fg-scale, 1));
  10053. transform: scale(var(--mdc-ripple-fg-scale, 1));
  10054. }
  10055. :not(.mdc-evolution-list-item--disabled).mdc-evolution-list-item.mdc-ripple-upgraded .mdc-evolution-list-item__ripple::after {
  10056. top: 0;
  10057. /* @noflip */
  10058. left: 0;
  10059. -webkit-transform: scale(0);
  10060. transform: scale(0);
  10061. -webkit-transform-origin: center center;
  10062. transform-origin: center center;
  10063. }
  10064. :not(.mdc-evolution-list-item--disabled).mdc-evolution-list-item.mdc-ripple-upgraded--unbounded .mdc-evolution-list-item__ripple::after {
  10065. top: var(--mdc-ripple-top, 0);
  10066. /* @noflip */
  10067. left: var(--mdc-ripple-left, 0);
  10068. }
  10069. :not(.mdc-evolution-list-item--disabled).mdc-evolution-list-item.mdc-ripple-upgraded--foreground-activation .mdc-evolution-list-item__ripple::after {
  10070. -webkit-animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards;
  10071. animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards;
  10072. }
  10073. :not(.mdc-evolution-list-item--disabled).mdc-evolution-list-item.mdc-ripple-upgraded--foreground-deactivation .mdc-evolution-list-item__ripple::after {
  10074. -webkit-animation: mdc-ripple-fg-opacity-out 150ms;
  10075. animation: mdc-ripple-fg-opacity-out 150ms;
  10076. -webkit-transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
  10077. transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
  10078. }
  10079. :not(.mdc-evolution-list-item--disabled).mdc-evolution-list-item .mdc-evolution-list-item__ripple::before,
  10080. :not(.mdc-evolution-list-item--disabled).mdc-evolution-list-item .mdc-evolution-list-item__ripple::after {
  10081. top: calc(50% - 100%);
  10082. /* @noflip */
  10083. left: calc(50% - 100%);
  10084. width: 200%;
  10085. height: 200%;
  10086. }
  10087. :not(.mdc-evolution-list-item--disabled).mdc-evolution-list-item.mdc-ripple-upgraded .mdc-evolution-list-item__ripple::after {
  10088. width: var(--mdc-ripple-fg-size, 100%);
  10089. height: var(--mdc-ripple-fg-size, 100%);
  10090. }
  10091. :not(.mdc-evolution-list-item--disabled).mdc-evolution-list-item .mdc-evolution-list-item__ripple::before, :not(.mdc-evolution-list-item--disabled).mdc-evolution-list-item .mdc-evolution-list-item__ripple::after {
  10092. background-color: #000;
  10093. /* @alternate */
  10094. background-color: var(--mdc-ripple-color, #000);
  10095. }
  10096. :not(.mdc-evolution-list-item--disabled).mdc-evolution-list-item:hover .mdc-evolution-list-item__ripple::before, :not(.mdc-evolution-list-item--disabled).mdc-evolution-list-item.mdc-ripple-surface--hover .mdc-evolution-list-item__ripple::before {
  10097. opacity: 0.04;
  10098. /* @alternate */
  10099. opacity: var(--mdc-ripple-hover-opacity, 0.04);
  10100. }
  10101. :not(.mdc-evolution-list-item--disabled).mdc-evolution-list-item.mdc-ripple-upgraded--background-focused .mdc-evolution-list-item__ripple::before, :not(.mdc-evolution-list-item--disabled).mdc-evolution-list-item:not(.mdc-ripple-upgraded):focus .mdc-evolution-list-item__ripple::before {
  10102. transition-duration: 75ms;
  10103. opacity: 0.12;
  10104. /* @alternate */
  10105. opacity: var(--mdc-ripple-focus-opacity, 0.12);
  10106. }
  10107. :not(.mdc-evolution-list-item--disabled).mdc-evolution-list-item:not(.mdc-ripple-upgraded) .mdc-evolution-list-item__ripple::after {
  10108. transition: opacity 150ms linear;
  10109. }
  10110. :not(.mdc-evolution-list-item--disabled).mdc-evolution-list-item:not(.mdc-ripple-upgraded):active .mdc-evolution-list-item__ripple::after {
  10111. transition-duration: 75ms;
  10112. opacity: 0.12;
  10113. /* @alternate */
  10114. opacity: var(--mdc-ripple-press-opacity, 0.12);
  10115. }
  10116. :not(.mdc-evolution-list-item--disabled).mdc-evolution-list-item.mdc-ripple-upgraded {
  10117. --mdc-ripple-fg-opacity: var(--mdc-ripple-press-opacity, 0.12);
  10118. }
  10119. :not(.mdc-evolution-list-item--disabled).mdc-evolution-list-item--activated .mdc-evolution-list-item__ripple::before {
  10120. opacity: 0.12;
  10121. /* @alternate */
  10122. opacity: var(--mdc-ripple-activated-opacity, 0.12);
  10123. }
  10124. :not(.mdc-evolution-list-item--disabled).mdc-evolution-list-item--activated .mdc-evolution-list-item__ripple::before, :not(.mdc-evolution-list-item--disabled).mdc-evolution-list-item--activated .mdc-evolution-list-item__ripple::after {
  10125. background-color: #6200ee;
  10126. /* @alternate */
  10127. background-color: var(--mdc-ripple-color, var(--mdc-theme-primary, #6200ee));
  10128. }
  10129. :not(.mdc-evolution-list-item--disabled).mdc-evolution-list-item--activated:hover .mdc-evolution-list-item__ripple::before, :not(.mdc-evolution-list-item--disabled).mdc-evolution-list-item--activated.mdc-ripple-surface--hover .mdc-evolution-list-item__ripple::before {
  10130. opacity: 0.16;
  10131. /* @alternate */
  10132. opacity: var(--mdc-ripple-hover-opacity, 0.16);
  10133. }
  10134. :not(.mdc-evolution-list-item--disabled).mdc-evolution-list-item--activated.mdc-ripple-upgraded--background-focused .mdc-evolution-list-item__ripple::before, :not(.mdc-evolution-list-item--disabled).mdc-evolution-list-item--activated:not(.mdc-ripple-upgraded):focus .mdc-evolution-list-item__ripple::before {
  10135. transition-duration: 75ms;
  10136. opacity: 0.24;
  10137. /* @alternate */
  10138. opacity: var(--mdc-ripple-focus-opacity, 0.24);
  10139. }
  10140. :not(.mdc-evolution-list-item--disabled).mdc-evolution-list-item--activated:not(.mdc-ripple-upgraded) .mdc-evolution-list-item__ripple::after {
  10141. transition: opacity 150ms linear;
  10142. }
  10143. :not(.mdc-evolution-list-item--disabled).mdc-evolution-list-item--activated:not(.mdc-ripple-upgraded):active .mdc-evolution-list-item__ripple::after {
  10144. transition-duration: 75ms;
  10145. opacity: 0.24;
  10146. /* @alternate */
  10147. opacity: var(--mdc-ripple-press-opacity, 0.24);
  10148. }
  10149. :not(.mdc-evolution-list-item--disabled).mdc-evolution-list-item--activated.mdc-ripple-upgraded {
  10150. --mdc-ripple-fg-opacity: var(--mdc-ripple-press-opacity, 0.24);
  10151. }
  10152. :not(.mdc-evolution-list-item--disabled).mdc-evolution-list-item--selected .mdc-evolution-list-item__ripple::before {
  10153. opacity: 0.08;
  10154. /* @alternate */
  10155. opacity: var(--mdc-ripple-selected-opacity, 0.08);
  10156. }
  10157. :not(.mdc-evolution-list-item--disabled).mdc-evolution-list-item--selected .mdc-evolution-list-item__ripple::before, :not(.mdc-evolution-list-item--disabled).mdc-evolution-list-item--selected .mdc-evolution-list-item__ripple::after {
  10158. background-color: #6200ee;
  10159. /* @alternate */
  10160. background-color: var(--mdc-ripple-color, var(--mdc-theme-primary, #6200ee));
  10161. }
  10162. :not(.mdc-evolution-list-item--disabled).mdc-evolution-list-item--selected:hover .mdc-evolution-list-item__ripple::before, :not(.mdc-evolution-list-item--disabled).mdc-evolution-list-item--selected.mdc-ripple-surface--hover .mdc-evolution-list-item__ripple::before {
  10163. opacity: 0.12;
  10164. /* @alternate */
  10165. opacity: var(--mdc-ripple-hover-opacity, 0.12);
  10166. }
  10167. :not(.mdc-evolution-list-item--disabled).mdc-evolution-list-item--selected.mdc-ripple-upgraded--background-focused .mdc-evolution-list-item__ripple::before, :not(.mdc-evolution-list-item--disabled).mdc-evolution-list-item--selected:not(.mdc-ripple-upgraded):focus .mdc-evolution-list-item__ripple::before {
  10168. transition-duration: 75ms;
  10169. opacity: 0.2;
  10170. /* @alternate */
  10171. opacity: var(--mdc-ripple-focus-opacity, 0.2);
  10172. }
  10173. :not(.mdc-evolution-list-item--disabled).mdc-evolution-list-item--selected:not(.mdc-ripple-upgraded) .mdc-evolution-list-item__ripple::after {
  10174. transition: opacity 150ms linear;
  10175. }
  10176. :not(.mdc-evolution-list-item--disabled).mdc-evolution-list-item--selected:not(.mdc-ripple-upgraded):active .mdc-evolution-list-item__ripple::after {
  10177. transition-duration: 75ms;
  10178. opacity: 0.2;
  10179. /* @alternate */
  10180. opacity: var(--mdc-ripple-press-opacity, 0.2);
  10181. }
  10182. :not(.mdc-evolution-list-item--disabled).mdc-evolution-list-item--selected.mdc-ripple-upgraded {
  10183. --mdc-ripple-fg-opacity: var(--mdc-ripple-press-opacity, 0.2);
  10184. }
  10185. :not(.mdc-evolution-list-item--disabled).mdc-evolution-list-item .mdc-evolution-list-item__ripple {
  10186. position: absolute;
  10187. top: 0;
  10188. left: 0;
  10189. width: 100%;
  10190. height: 100%;
  10191. pointer-events: none;
  10192. }
  10193. .mdc-evolution-list-item--disabled {
  10194. --mdc-ripple-fg-size: 0;
  10195. --mdc-ripple-left: 0;
  10196. --mdc-ripple-top: 0;
  10197. --mdc-ripple-fg-scale: 1;
  10198. --mdc-ripple-fg-translate-end: 0;
  10199. --mdc-ripple-fg-translate-start: 0;
  10200. -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  10201. will-change: transform, opacity;
  10202. }
  10203. .mdc-evolution-list-item--disabled .mdc-evolution-list-item__ripple::before,
  10204. .mdc-evolution-list-item--disabled .mdc-evolution-list-item__ripple::after {
  10205. position: absolute;
  10206. border-radius: 50%;
  10207. opacity: 0;
  10208. pointer-events: none;
  10209. content: "";
  10210. }
  10211. .mdc-evolution-list-item--disabled .mdc-evolution-list-item__ripple::before {
  10212. transition: opacity 15ms linear, background-color 15ms linear;
  10213. z-index: 1;
  10214. /* @alternate */
  10215. z-index: var(--mdc-ripple-z-index, 1);
  10216. }
  10217. .mdc-evolution-list-item--disabled .mdc-evolution-list-item__ripple::after {
  10218. z-index: 0;
  10219. /* @alternate */
  10220. z-index: var(--mdc-ripple-z-index, 0);
  10221. }
  10222. .mdc-evolution-list-item--disabled.mdc-ripple-upgraded .mdc-evolution-list-item__ripple::before {
  10223. -webkit-transform: scale(var(--mdc-ripple-fg-scale, 1));
  10224. transform: scale(var(--mdc-ripple-fg-scale, 1));
  10225. }
  10226. .mdc-evolution-list-item--disabled.mdc-ripple-upgraded .mdc-evolution-list-item__ripple::after {
  10227. top: 0;
  10228. /* @noflip */
  10229. left: 0;
  10230. -webkit-transform: scale(0);
  10231. transform: scale(0);
  10232. -webkit-transform-origin: center center;
  10233. transform-origin: center center;
  10234. }
  10235. .mdc-evolution-list-item--disabled.mdc-ripple-upgraded--unbounded .mdc-evolution-list-item__ripple::after {
  10236. top: var(--mdc-ripple-top, 0);
  10237. /* @noflip */
  10238. left: var(--mdc-ripple-left, 0);
  10239. }
  10240. .mdc-evolution-list-item--disabled.mdc-ripple-upgraded--foreground-activation .mdc-evolution-list-item__ripple::after {
  10241. -webkit-animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards;
  10242. animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards;
  10243. }
  10244. .mdc-evolution-list-item--disabled.mdc-ripple-upgraded--foreground-deactivation .mdc-evolution-list-item__ripple::after {
  10245. -webkit-animation: mdc-ripple-fg-opacity-out 150ms;
  10246. animation: mdc-ripple-fg-opacity-out 150ms;
  10247. -webkit-transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
  10248. transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
  10249. }
  10250. .mdc-evolution-list-item--disabled .mdc-evolution-list-item__ripple::before,
  10251. .mdc-evolution-list-item--disabled .mdc-evolution-list-item__ripple::after {
  10252. top: calc(50% - 100%);
  10253. /* @noflip */
  10254. left: calc(50% - 100%);
  10255. width: 200%;
  10256. height: 200%;
  10257. }
  10258. .mdc-evolution-list-item--disabled.mdc-ripple-upgraded .mdc-evolution-list-item__ripple::after {
  10259. width: var(--mdc-ripple-fg-size, 100%);
  10260. height: var(--mdc-ripple-fg-size, 100%);
  10261. }
  10262. .mdc-evolution-list-item--disabled .mdc-evolution-list-item__ripple::before,
  10263. .mdc-evolution-list-item--disabled .mdc-evolution-list-item__ripple::after {
  10264. background-color: #000;
  10265. /* @alternate */
  10266. background-color: var(--mdc-ripple-color, #000);
  10267. }
  10268. .mdc-evolution-list-item--disabled.mdc-ripple-upgraded--background-focused .mdc-evolution-list-item__ripple::before, .mdc-evolution-list-item--disabled:not(.mdc-ripple-upgraded):focus .mdc-evolution-list-item__ripple::before {
  10269. transition-duration: 75ms;
  10270. opacity: 0.12;
  10271. /* @alternate */
  10272. opacity: var(--mdc-ripple-focus-opacity, 0.12);
  10273. }
  10274. .mdc-evolution-list-item--disabled .mdc-evolution-list-item__ripple {
  10275. position: absolute;
  10276. top: 0;
  10277. left: 0;
  10278. width: 100%;
  10279. height: 100%;
  10280. pointer-events: none;
  10281. }
  10282. .mdc-menu {
  10283. min-width: 112px;
  10284. /* @alternate */
  10285. min-width: var(--mdc-menu-min-width, 112px);
  10286. }
  10287. .mdc-menu .mdc-list-item__meta {
  10288. color: rgba(0, 0, 0, 0.87);
  10289. }
  10290. .mdc-menu .mdc-list-item__graphic {
  10291. color: rgba(0, 0, 0, 0.87);
  10292. }
  10293. .mdc-menu .mdc-list {
  10294. color: rgba(0, 0, 0, 0.87);
  10295. /* @alternate */
  10296. position: relative;
  10297. }
  10298. .mdc-menu .mdc-list .mdc-elevation-overlay {
  10299. width: 100%;
  10300. height: 100%;
  10301. top: 0;
  10302. /* @noflip */
  10303. left: 0;
  10304. }
  10305. .mdc-menu .mdc-list-divider {
  10306. margin: 8px 0;
  10307. }
  10308. .mdc-menu .mdc-list-item {
  10309. -webkit-user-select: none;
  10310. -moz-user-select: none;
  10311. -ms-user-select: none;
  10312. user-select: none;
  10313. }
  10314. .mdc-menu .mdc-list-item--disabled {
  10315. cursor: auto;
  10316. }
  10317. .mdc-menu a.mdc-list-item .mdc-list-item__text,
  10318. .mdc-menu a.mdc-list-item .mdc-list-item__graphic {
  10319. pointer-events: none;
  10320. }
  10321. .mdc-menu__selection-group {
  10322. padding: 0;
  10323. fill: currentColor;
  10324. }
  10325. .mdc-menu__selection-group .mdc-list-item {
  10326. /* @noflip */
  10327. padding-left: 56px;
  10328. /* @noflip */
  10329. padding-right: 16px;
  10330. }
  10331. [dir=rtl] .mdc-menu__selection-group .mdc-list-item, .mdc-menu__selection-group .mdc-list-item[dir=rtl] {
  10332. /* @noflip */
  10333. padding-left: 16px;
  10334. /* @noflip */
  10335. padding-right: 56px;
  10336. }
  10337. .mdc-menu__selection-group .mdc-menu__selection-group-icon {
  10338. /* @noflip */
  10339. left: 16px;
  10340. /* @noflip */
  10341. right: initial;
  10342. display: none;
  10343. position: absolute;
  10344. top: 50%;
  10345. -webkit-transform: translateY(-50%);
  10346. transform: translateY(-50%);
  10347. }
  10348. [dir=rtl] .mdc-menu__selection-group .mdc-menu__selection-group-icon, .mdc-menu__selection-group .mdc-menu__selection-group-icon[dir=rtl] {
  10349. /* @noflip */
  10350. left: initial;
  10351. /* @noflip */
  10352. right: 16px;
  10353. }
  10354. .mdc-menu-item--selected .mdc-menu__selection-group-icon {
  10355. display: inline;
  10356. }
  10357. .mdc-menu-surface {
  10358. display: none;
  10359. position: absolute;
  10360. box-sizing: border-box;
  10361. max-width: calc(100vw - 32px);
  10362. /* @alternate */
  10363. max-width: var(--mdc-menu-max-width, calc(100vw - 32px));
  10364. max-height: calc(100vh - 32px);
  10365. /* @alternate */
  10366. max-height: var(--mdc-menu-max-height, calc(100vh - 32px));
  10367. margin: 0;
  10368. padding: 0;
  10369. -webkit-transform: scale(1);
  10370. transform: scale(1);
  10371. -webkit-transform-origin: top left;
  10372. transform-origin: top left;
  10373. opacity: 0;
  10374. overflow: auto;
  10375. will-change: transform, opacity;
  10376. z-index: 8;
  10377. transition: opacity 0.03s linear, height 250ms cubic-bezier(0, 0, 0.2, 1), -webkit-transform 0.12s cubic-bezier(0, 0, 0.2, 1);
  10378. transition: opacity 0.03s linear, transform 0.12s cubic-bezier(0, 0, 0.2, 1), height 250ms cubic-bezier(0, 0, 0.2, 1);
  10379. transition: opacity 0.03s linear, transform 0.12s cubic-bezier(0, 0, 0.2, 1), height 250ms cubic-bezier(0, 0, 0.2, 1), -webkit-transform 0.12s cubic-bezier(0, 0, 0.2, 1);
  10380. /* @alternate */
  10381. 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);
  10382. background-color: #fff;
  10383. /* @alternate */
  10384. background-color: var(--mdc-theme-surface, #fff);
  10385. color: #000;
  10386. /* @alternate */
  10387. color: var(--mdc-theme-on-surface, #000);
  10388. border-radius: 4px;
  10389. /* @alternate */
  10390. border-radius: var(--mdc-shape-medium, 4px);
  10391. /* @noflip */
  10392. transform-origin-left: top left;
  10393. /* @noflip */
  10394. transform-origin-right: top right;
  10395. }
  10396. .mdc-menu-surface:focus {
  10397. outline: none;
  10398. }
  10399. .mdc-menu-surface--open {
  10400. display: inline-block;
  10401. -webkit-transform: scale(1);
  10402. transform: scale(1);
  10403. opacity: 1;
  10404. }
  10405. .mdc-menu-surface--animating-open {
  10406. display: inline-block;
  10407. -webkit-transform: scale(0.8);
  10408. transform: scale(0.8);
  10409. opacity: 0;
  10410. }
  10411. .mdc-menu-surface--animating-closed {
  10412. display: inline-block;
  10413. opacity: 0;
  10414. transition: opacity 0.075s linear;
  10415. }
  10416. [dir=rtl] .mdc-menu-surface, .mdc-menu-surface[dir=rtl] {
  10417. /* @noflip */
  10418. transform-origin-left: top right;
  10419. /* @noflip */
  10420. transform-origin-right: top left;
  10421. }
  10422. .mdc-menu-surface--anchor {
  10423. position: relative;
  10424. overflow: visible;
  10425. }
  10426. .mdc-menu-surface--fixed {
  10427. position: fixed;
  10428. }
  10429. .mdc-menu-surface--fullwidth {
  10430. width: 100%;
  10431. }
  10432. .mdc-radio {
  10433. padding: 10px;
  10434. display: inline-block;
  10435. position: relative;
  10436. flex: 0 0 auto;
  10437. box-sizing: content-box;
  10438. width: 20px;
  10439. height: 20px;
  10440. cursor: pointer;
  10441. /* @alternate */
  10442. will-change: opacity, transform, border-color, color;
  10443. }
  10444. .mdc-radio .mdc-radio__native-control:enabled:not(:checked) + .mdc-radio__background .mdc-radio__outer-circle {
  10445. border-color: rgba(0, 0, 0, 0.54);
  10446. }
  10447. .mdc-radio .mdc-radio__native-control:enabled:checked + .mdc-radio__background .mdc-radio__outer-circle {
  10448. border-color: #018786;
  10449. /* @alternate */
  10450. border-color: var(--mdc-theme-secondary, #018786);
  10451. }
  10452. .mdc-radio .mdc-radio__native-control:enabled + .mdc-radio__background .mdc-radio__inner-circle {
  10453. border-color: #018786;
  10454. /* @alternate */
  10455. border-color: var(--mdc-theme-secondary, #018786);
  10456. }
  10457. .mdc-radio [aria-disabled=true] .mdc-radio__native-control:not(:checked) + .mdc-radio__background .mdc-radio__outer-circle,
  10458. .mdc-radio .mdc-radio__native-control:disabled:not(:checked) + .mdc-radio__background .mdc-radio__outer-circle {
  10459. border-color: rgba(0, 0, 0, 0.38);
  10460. }
  10461. .mdc-radio [aria-disabled=true] .mdc-radio__native-control:checked + .mdc-radio__background .mdc-radio__outer-circle,
  10462. .mdc-radio .mdc-radio__native-control:disabled:checked + .mdc-radio__background .mdc-radio__outer-circle {
  10463. border-color: rgba(0, 0, 0, 0.38);
  10464. }
  10465. .mdc-radio [aria-disabled=true] .mdc-radio__native-control + .mdc-radio__background .mdc-radio__inner-circle,
  10466. .mdc-radio .mdc-radio__native-control:disabled + .mdc-radio__background .mdc-radio__inner-circle {
  10467. border-color: rgba(0, 0, 0, 0.38);
  10468. }
  10469. .mdc-radio .mdc-radio__background::before {
  10470. background-color: #018786;
  10471. /* @alternate */
  10472. background-color: var(--mdc-theme-secondary, #018786);
  10473. }
  10474. .mdc-radio .mdc-radio__background::before {
  10475. top: -10px;
  10476. left: -10px;
  10477. width: 40px;
  10478. height: 40px;
  10479. }
  10480. .mdc-radio .mdc-radio__native-control {
  10481. top: 0px;
  10482. right: 0px;
  10483. left: 0px;
  10484. width: 40px;
  10485. height: 40px;
  10486. }
  10487. @media screen and (-ms-high-contrast: active) {
  10488. .mdc-radio [aria-disabled=true] .mdc-radio__native-control:not(:checked) + .mdc-radio__background .mdc-radio__outer-circle,
  10489. .mdc-radio .mdc-radio__native-control:disabled:not(:checked) + .mdc-radio__background .mdc-radio__outer-circle {
  10490. border-color: GrayText;
  10491. }
  10492. .mdc-radio [aria-disabled=true] .mdc-radio__native-control:checked + .mdc-radio__background .mdc-radio__outer-circle,
  10493. .mdc-radio .mdc-radio__native-control:disabled:checked + .mdc-radio__background .mdc-radio__outer-circle {
  10494. border-color: GrayText;
  10495. }
  10496. .mdc-radio [aria-disabled=true] .mdc-radio__native-control + .mdc-radio__background .mdc-radio__inner-circle,
  10497. .mdc-radio .mdc-radio__native-control:disabled + .mdc-radio__background .mdc-radio__inner-circle {
  10498. border-color: GrayText;
  10499. }
  10500. }
  10501. .mdc-radio__background {
  10502. display: inline-block;
  10503. position: relative;
  10504. box-sizing: border-box;
  10505. width: 20px;
  10506. height: 20px;
  10507. }
  10508. .mdc-radio__background::before {
  10509. position: absolute;
  10510. -webkit-transform: scale(0, 0);
  10511. transform: scale(0, 0);
  10512. border-radius: 50%;
  10513. opacity: 0;
  10514. pointer-events: none;
  10515. content: "";
  10516. transition: opacity 120ms 0ms cubic-bezier(0.4, 0, 0.6, 1), -webkit-transform 120ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
  10517. transition: opacity 120ms 0ms cubic-bezier(0.4, 0, 0.6, 1), transform 120ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
  10518. 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);
  10519. }
  10520. .mdc-radio__outer-circle {
  10521. position: absolute;
  10522. top: 0;
  10523. left: 0;
  10524. box-sizing: border-box;
  10525. width: 100%;
  10526. height: 100%;
  10527. border-width: 2px;
  10528. border-style: solid;
  10529. border-radius: 50%;
  10530. transition: border-color 120ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
  10531. }
  10532. .mdc-radio__inner-circle {
  10533. position: absolute;
  10534. top: 0;
  10535. left: 0;
  10536. box-sizing: border-box;
  10537. width: 100%;
  10538. height: 100%;
  10539. -webkit-transform: scale(0, 0);
  10540. transform: scale(0, 0);
  10541. border-width: 10px;
  10542. border-style: solid;
  10543. border-radius: 50%;
  10544. 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);
  10545. transition: transform 120ms 0ms cubic-bezier(0.4, 0, 0.6, 1), border-color 120ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
  10546. 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);
  10547. }
  10548. .mdc-radio__native-control {
  10549. position: absolute;
  10550. margin: 0;
  10551. padding: 0;
  10552. opacity: 0;
  10553. cursor: inherit;
  10554. z-index: 1;
  10555. }
  10556. .mdc-radio--touch {
  10557. margin-top: 4px;
  10558. margin-bottom: 4px;
  10559. margin-right: 4px;
  10560. margin-left: 4px;
  10561. }
  10562. .mdc-radio--touch .mdc-radio__native-control {
  10563. top: -4px;
  10564. right: -4px;
  10565. left: -4px;
  10566. width: 48px;
  10567. height: 48px;
  10568. }
  10569. .mdc-radio__native-control:checked + .mdc-radio__background,
  10570. .mdc-radio__native-control:disabled + .mdc-radio__background {
  10571. transition: opacity 120ms 0ms cubic-bezier(0, 0, 0.2, 1), -webkit-transform 120ms 0ms cubic-bezier(0, 0, 0.2, 1);
  10572. transition: opacity 120ms 0ms cubic-bezier(0, 0, 0.2, 1), transform 120ms 0ms cubic-bezier(0, 0, 0.2, 1);
  10573. 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);
  10574. }
  10575. .mdc-radio__native-control:checked + .mdc-radio__background .mdc-radio__outer-circle,
  10576. .mdc-radio__native-control:disabled + .mdc-radio__background .mdc-radio__outer-circle {
  10577. transition: border-color 120ms 0ms cubic-bezier(0, 0, 0.2, 1);
  10578. }
  10579. .mdc-radio__native-control:checked + .mdc-radio__background .mdc-radio__inner-circle,
  10580. .mdc-radio__native-control:disabled + .mdc-radio__background .mdc-radio__inner-circle {
  10581. transition: border-color 120ms 0ms cubic-bezier(0, 0, 0.2, 1), -webkit-transform 120ms 0ms cubic-bezier(0, 0, 0.2, 1);
  10582. transition: transform 120ms 0ms cubic-bezier(0, 0, 0.2, 1), border-color 120ms 0ms cubic-bezier(0, 0, 0.2, 1);
  10583. 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);
  10584. }
  10585. .mdc-radio--disabled {
  10586. cursor: default;
  10587. pointer-events: none;
  10588. }
  10589. .mdc-radio__native-control:checked + .mdc-radio__background .mdc-radio__inner-circle {
  10590. -webkit-transform: scale(0.5);
  10591. transform: scale(0.5);
  10592. transition: border-color 120ms 0ms cubic-bezier(0, 0, 0.2, 1), -webkit-transform 120ms 0ms cubic-bezier(0, 0, 0.2, 1);
  10593. transition: transform 120ms 0ms cubic-bezier(0, 0, 0.2, 1), border-color 120ms 0ms cubic-bezier(0, 0, 0.2, 1);
  10594. 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);
  10595. }
  10596. .mdc-radio__native-control:disabled + .mdc-radio__background,
  10597. [aria-disabled=true] .mdc-radio__native-control + .mdc-radio__background {
  10598. cursor: default;
  10599. }
  10600. .mdc-radio__native-control:focus + .mdc-radio__background::before {
  10601. -webkit-transform: scale(1);
  10602. transform: scale(1);
  10603. opacity: 0.12;
  10604. transition: opacity 120ms 0ms cubic-bezier(0, 0, 0.2, 1), -webkit-transform 120ms 0ms cubic-bezier(0, 0, 0.2, 1);
  10605. transition: opacity 120ms 0ms cubic-bezier(0, 0, 0.2, 1), transform 120ms 0ms cubic-bezier(0, 0, 0.2, 1);
  10606. 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);
  10607. }
  10608. .mdc-radio {
  10609. --mdc-ripple-fg-size: 0;
  10610. --mdc-ripple-left: 0;
  10611. --mdc-ripple-top: 0;
  10612. --mdc-ripple-fg-scale: 1;
  10613. --mdc-ripple-fg-translate-end: 0;
  10614. --mdc-ripple-fg-translate-start: 0;
  10615. -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  10616. will-change: transform, opacity;
  10617. }
  10618. .mdc-radio .mdc-radio__ripple::before,
  10619. .mdc-radio .mdc-radio__ripple::after {
  10620. position: absolute;
  10621. border-radius: 50%;
  10622. opacity: 0;
  10623. pointer-events: none;
  10624. content: "";
  10625. }
  10626. .mdc-radio .mdc-radio__ripple::before {
  10627. transition: opacity 15ms linear, background-color 15ms linear;
  10628. z-index: 1;
  10629. /* @alternate */
  10630. z-index: var(--mdc-ripple-z-index, 1);
  10631. }
  10632. .mdc-radio .mdc-radio__ripple::after {
  10633. z-index: 0;
  10634. /* @alternate */
  10635. z-index: var(--mdc-ripple-z-index, 0);
  10636. }
  10637. .mdc-radio.mdc-ripple-upgraded .mdc-radio__ripple::before {
  10638. -webkit-transform: scale(var(--mdc-ripple-fg-scale, 1));
  10639. transform: scale(var(--mdc-ripple-fg-scale, 1));
  10640. }
  10641. .mdc-radio.mdc-ripple-upgraded .mdc-radio__ripple::after {
  10642. top: 0;
  10643. /* @noflip */
  10644. left: 0;
  10645. -webkit-transform: scale(0);
  10646. transform: scale(0);
  10647. -webkit-transform-origin: center center;
  10648. transform-origin: center center;
  10649. }
  10650. .mdc-radio.mdc-ripple-upgraded--unbounded .mdc-radio__ripple::after {
  10651. top: var(--mdc-ripple-top, 0);
  10652. /* @noflip */
  10653. left: var(--mdc-ripple-left, 0);
  10654. }
  10655. .mdc-radio.mdc-ripple-upgraded--foreground-activation .mdc-radio__ripple::after {
  10656. -webkit-animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards;
  10657. animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards;
  10658. }
  10659. .mdc-radio.mdc-ripple-upgraded--foreground-deactivation .mdc-radio__ripple::after {
  10660. -webkit-animation: mdc-ripple-fg-opacity-out 150ms;
  10661. animation: mdc-ripple-fg-opacity-out 150ms;
  10662. -webkit-transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
  10663. transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
  10664. }
  10665. .mdc-radio .mdc-radio__ripple::before,
  10666. .mdc-radio .mdc-radio__ripple::after {
  10667. top: calc(50% - 50%);
  10668. /* @noflip */
  10669. left: calc(50% - 50%);
  10670. width: 100%;
  10671. height: 100%;
  10672. }
  10673. .mdc-radio.mdc-ripple-upgraded .mdc-radio__ripple::before,
  10674. .mdc-radio.mdc-ripple-upgraded .mdc-radio__ripple::after {
  10675. top: var(--mdc-ripple-top, calc(50% - 50%));
  10676. /* @noflip */
  10677. left: var(--mdc-ripple-left, calc(50% - 50%));
  10678. width: var(--mdc-ripple-fg-size, 100%);
  10679. height: var(--mdc-ripple-fg-size, 100%);
  10680. }
  10681. .mdc-radio.mdc-ripple-upgraded .mdc-radio__ripple::after {
  10682. width: var(--mdc-ripple-fg-size, 100%);
  10683. height: var(--mdc-ripple-fg-size, 100%);
  10684. }
  10685. .mdc-radio .mdc-radio__ripple::before, .mdc-radio .mdc-radio__ripple::after {
  10686. background-color: #018786;
  10687. /* @alternate */
  10688. background-color: var(--mdc-ripple-color, var(--mdc-theme-secondary, #018786));
  10689. }
  10690. .mdc-radio:hover .mdc-radio__ripple::before, .mdc-radio.mdc-ripple-surface--hover .mdc-radio__ripple::before {
  10691. opacity: 0.04;
  10692. /* @alternate */
  10693. opacity: var(--mdc-ripple-hover-opacity, 0.04);
  10694. }
  10695. .mdc-radio.mdc-ripple-upgraded--background-focused .mdc-radio__ripple::before, .mdc-radio:not(.mdc-ripple-upgraded):focus .mdc-radio__ripple::before {
  10696. transition-duration: 75ms;
  10697. opacity: 0.12;
  10698. /* @alternate */
  10699. opacity: var(--mdc-ripple-focus-opacity, 0.12);
  10700. }
  10701. .mdc-radio:not(.mdc-ripple-upgraded) .mdc-radio__ripple::after {
  10702. transition: opacity 150ms linear;
  10703. }
  10704. .mdc-radio:not(.mdc-ripple-upgraded):active .mdc-radio__ripple::after {
  10705. transition-duration: 75ms;
  10706. opacity: 0.12;
  10707. /* @alternate */
  10708. opacity: var(--mdc-ripple-press-opacity, 0.12);
  10709. }
  10710. .mdc-radio.mdc-ripple-upgraded {
  10711. --mdc-ripple-fg-opacity: var(--mdc-ripple-press-opacity, 0.12);
  10712. }
  10713. .mdc-radio.mdc-ripple-upgraded--background-focused .mdc-radio__background::before {
  10714. content: none;
  10715. }
  10716. .mdc-radio__ripple {
  10717. position: absolute;
  10718. top: 0;
  10719. left: 0;
  10720. width: 100%;
  10721. height: 100%;
  10722. pointer-events: none;
  10723. }
  10724. .mdc-ripple-surface {
  10725. --mdc-ripple-fg-size: 0;
  10726. --mdc-ripple-left: 0;
  10727. --mdc-ripple-top: 0;
  10728. --mdc-ripple-fg-scale: 1;
  10729. --mdc-ripple-fg-translate-end: 0;
  10730. --mdc-ripple-fg-translate-start: 0;
  10731. -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  10732. will-change: transform, opacity;
  10733. position: relative;
  10734. outline: none;
  10735. overflow: hidden;
  10736. }
  10737. .mdc-ripple-surface::before, .mdc-ripple-surface::after {
  10738. position: absolute;
  10739. border-radius: 50%;
  10740. opacity: 0;
  10741. pointer-events: none;
  10742. content: "";
  10743. }
  10744. .mdc-ripple-surface::before {
  10745. transition: opacity 15ms linear, background-color 15ms linear;
  10746. z-index: 1;
  10747. /* @alternate */
  10748. z-index: var(--mdc-ripple-z-index, 1);
  10749. }
  10750. .mdc-ripple-surface::after {
  10751. z-index: 0;
  10752. /* @alternate */
  10753. z-index: var(--mdc-ripple-z-index, 0);
  10754. }
  10755. .mdc-ripple-surface.mdc-ripple-upgraded::before {
  10756. -webkit-transform: scale(var(--mdc-ripple-fg-scale, 1));
  10757. transform: scale(var(--mdc-ripple-fg-scale, 1));
  10758. }
  10759. .mdc-ripple-surface.mdc-ripple-upgraded::after {
  10760. top: 0;
  10761. /* @noflip */
  10762. left: 0;
  10763. -webkit-transform: scale(0);
  10764. transform: scale(0);
  10765. -webkit-transform-origin: center center;
  10766. transform-origin: center center;
  10767. }
  10768. .mdc-ripple-surface.mdc-ripple-upgraded--unbounded::after {
  10769. top: var(--mdc-ripple-top, 0);
  10770. /* @noflip */
  10771. left: var(--mdc-ripple-left, 0);
  10772. }
  10773. .mdc-ripple-surface.mdc-ripple-upgraded--foreground-activation::after {
  10774. -webkit-animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards;
  10775. animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards;
  10776. }
  10777. .mdc-ripple-surface.mdc-ripple-upgraded--foreground-deactivation::after {
  10778. -webkit-animation: mdc-ripple-fg-opacity-out 150ms;
  10779. animation: mdc-ripple-fg-opacity-out 150ms;
  10780. -webkit-transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
  10781. transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
  10782. }
  10783. .mdc-ripple-surface::before, .mdc-ripple-surface::after {
  10784. background-color: #000;
  10785. /* @alternate */
  10786. background-color: var(--mdc-ripple-color, #000);
  10787. }
  10788. .mdc-ripple-surface:hover::before, .mdc-ripple-surface.mdc-ripple-surface--hover::before {
  10789. opacity: 0.04;
  10790. /* @alternate */
  10791. opacity: var(--mdc-ripple-hover-opacity, 0.04);
  10792. }
  10793. .mdc-ripple-surface.mdc-ripple-upgraded--background-focused::before, .mdc-ripple-surface:not(.mdc-ripple-upgraded):focus::before {
  10794. transition-duration: 75ms;
  10795. opacity: 0.12;
  10796. /* @alternate */
  10797. opacity: var(--mdc-ripple-focus-opacity, 0.12);
  10798. }
  10799. .mdc-ripple-surface:not(.mdc-ripple-upgraded)::after {
  10800. transition: opacity 150ms linear;
  10801. }
  10802. .mdc-ripple-surface:not(.mdc-ripple-upgraded):active::after {
  10803. transition-duration: 75ms;
  10804. opacity: 0.12;
  10805. /* @alternate */
  10806. opacity: var(--mdc-ripple-press-opacity, 0.12);
  10807. }
  10808. .mdc-ripple-surface.mdc-ripple-upgraded {
  10809. --mdc-ripple-fg-opacity: var(--mdc-ripple-press-opacity, 0.12);
  10810. }
  10811. .mdc-ripple-surface::before, .mdc-ripple-surface::after {
  10812. top: calc(50% - 100%);
  10813. /* @noflip */
  10814. left: calc(50% - 100%);
  10815. width: 200%;
  10816. height: 200%;
  10817. }
  10818. .mdc-ripple-surface.mdc-ripple-upgraded::after {
  10819. width: var(--mdc-ripple-fg-size, 100%);
  10820. height: var(--mdc-ripple-fg-size, 100%);
  10821. }
  10822. .mdc-ripple-surface[data-mdc-ripple-is-unbounded],
  10823. .mdc-ripple-upgraded--unbounded {
  10824. overflow: visible;
  10825. }
  10826. .mdc-ripple-surface[data-mdc-ripple-is-unbounded]::before, .mdc-ripple-surface[data-mdc-ripple-is-unbounded]::after,
  10827. .mdc-ripple-upgraded--unbounded::before,
  10828. .mdc-ripple-upgraded--unbounded::after {
  10829. top: calc(50% - 50%);
  10830. /* @noflip */
  10831. left: calc(50% - 50%);
  10832. width: 100%;
  10833. height: 100%;
  10834. }
  10835. .mdc-ripple-surface[data-mdc-ripple-is-unbounded].mdc-ripple-upgraded::before, .mdc-ripple-surface[data-mdc-ripple-is-unbounded].mdc-ripple-upgraded::after,
  10836. .mdc-ripple-upgraded--unbounded.mdc-ripple-upgraded::before,
  10837. .mdc-ripple-upgraded--unbounded.mdc-ripple-upgraded::after {
  10838. top: var(--mdc-ripple-top, calc(50% - 50%));
  10839. /* @noflip */
  10840. left: var(--mdc-ripple-left, calc(50% - 50%));
  10841. width: var(--mdc-ripple-fg-size, 100%);
  10842. height: var(--mdc-ripple-fg-size, 100%);
  10843. }
  10844. .mdc-ripple-surface[data-mdc-ripple-is-unbounded].mdc-ripple-upgraded::after,
  10845. .mdc-ripple-upgraded--unbounded.mdc-ripple-upgraded::after {
  10846. width: var(--mdc-ripple-fg-size, 100%);
  10847. height: var(--mdc-ripple-fg-size, 100%);
  10848. }
  10849. .mdc-segmented-button {
  10850. display: inline-block;
  10851. font-size: 0;
  10852. }
  10853. .mdc-segmented-button__segment {
  10854. border-color: rgba(0, 0, 0, 0.12);
  10855. /* @alternate */
  10856. border-color: var(--mdc-segmented-button-outline-color, rgba(0, 0, 0, 0.12));
  10857. }
  10858. .mdc-segmented-button__segment {
  10859. color: rgba(0, 0, 0, 0.6);
  10860. /* @alternate */
  10861. color: var(--mdc-segmented-button-unselected-ink-color, rgba(0, 0, 0, 0.6));
  10862. }
  10863. .mdc-segmented-button__segment {
  10864. background-color: white;
  10865. /* @alternate */
  10866. background-color: var(--mdc-segmented-button-unselected-container-fill-color, white);
  10867. }
  10868. .mdc-segmented-button__segment--selected {
  10869. color: #6200ee;
  10870. /* @alternate */
  10871. color: var(--mdc-segmented-button-selected-ink-color, #6200ee);
  10872. }
  10873. .mdc-segmented-button__segment--selected {
  10874. background-color: rgba(98, 0, 238, 0.08);
  10875. /* @alternate */
  10876. background-color: var(--mdc-segmented-button-selected-container-fill-color, rgba(98, 0, 238, 0.08));
  10877. }
  10878. .mdc-segmented-button__segment {
  10879. /* @alternate */
  10880. position: relative;
  10881. -moz-osx-font-smoothing: grayscale;
  10882. -webkit-font-smoothing: antialiased;
  10883. font-family: Roboto, sans-serif;
  10884. /* @alternate */
  10885. font-family: var(--mdc-typography-button-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));
  10886. font-size: 0.875rem;
  10887. /* @alternate */
  10888. font-size: var(--mdc-typography-button-font-size, 0.875rem);
  10889. line-height: 2.25rem;
  10890. /* @alternate */
  10891. line-height: var(--mdc-typography-button-line-height, 2.25rem);
  10892. font-weight: 500;
  10893. /* @alternate */
  10894. font-weight: var(--mdc-typography-button-font-weight, 500);
  10895. letter-spacing: 0.0892857143em;
  10896. /* @alternate */
  10897. letter-spacing: var(--mdc-typography-button-letter-spacing, 0.0892857143em);
  10898. text-decoration: none;
  10899. /* @alternate */
  10900. -webkit-text-decoration: var(--mdc-typography-button-text-decoration, none);
  10901. text-decoration: var(--mdc-typography-button-text-decoration, none);
  10902. text-transform: uppercase;
  10903. /* @alternate */
  10904. text-transform: var(--mdc-typography-button-text-transform, uppercase);
  10905. display: inline-flex;
  10906. vertical-align: top;
  10907. align-items: center;
  10908. height: 36px;
  10909. min-width: 48px;
  10910. padding: 0 12px;
  10911. border-width: 1px 0 1px 1px;
  10912. }
  10913. .mdc-segmented-button__segment .mdc-elevation-overlay {
  10914. width: 100%;
  10915. height: 100%;
  10916. top: 0;
  10917. /* @noflip */
  10918. left: 0;
  10919. }
  10920. .mdc-segmented-button__segment:hover {
  10921. cursor: pointer;
  10922. }
  10923. .mdc-segmented-button__segment:focus {
  10924. outline-width: 0;
  10925. }
  10926. .mdc-segmented-button__segment:first-child {
  10927. border-radius: 4px 0 0 4px;
  10928. }
  10929. .mdc-segmented-button__segment:last-child {
  10930. border-right-width: 1px;
  10931. border-radius: 0 4px 4px 0;
  10932. }
  10933. .mdc-segmented-button__segment .mdc-segmented-button__segment__touch {
  10934. position: absolute;
  10935. top: 50%;
  10936. right: 0;
  10937. height: 48px;
  10938. left: 0;
  10939. -webkit-transform: translateY(-50%);
  10940. transform: translateY(-50%);
  10941. }
  10942. .mdc-segmented-button__segment .mdc-segmented-button__segment--touch {
  10943. margin-top: 0px;
  10944. margin-bottom: 0px;
  10945. }
  10946. .mdc-touch-target-wrapper .mdc-segmented-button__segment {
  10947. border-radius: 0;
  10948. border-right-width: 0;
  10949. }
  10950. .mdc-touch-target-wrapper:first-child .mdc-segmented-button__segment {
  10951. border-radius: 4px 0 0 4px;
  10952. }
  10953. .mdc-touch-target-wrapper:last-child .mdc-segmented-button__segment {
  10954. border-right-width: 1px;
  10955. border-radius: 0 4px 4px 0;
  10956. }
  10957. .mdc-segmented-button__icon {
  10958. width: 24px;
  10959. font-size: 18px;
  10960. }
  10961. .mdc-segmented-button__icon + .mdc-segmented-button__label {
  10962. padding-left: 6px;
  10963. }
  10964. .mdc-segmented-button__segment {
  10965. --mdc-ripple-fg-size: 0;
  10966. --mdc-ripple-left: 0;
  10967. --mdc-ripple-top: 0;
  10968. --mdc-ripple-fg-scale: 1;
  10969. --mdc-ripple-fg-translate-end: 0;
  10970. --mdc-ripple-fg-translate-start: 0;
  10971. -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  10972. will-change: transform, opacity;
  10973. overflow: hidden;
  10974. }
  10975. .mdc-segmented-button__segment .mdc-segmented-button__ripple::before,
  10976. .mdc-segmented-button__segment .mdc-segmented-button__ripple::after {
  10977. position: absolute;
  10978. border-radius: 50%;
  10979. opacity: 0;
  10980. pointer-events: none;
  10981. content: "";
  10982. }
  10983. .mdc-segmented-button__segment .mdc-segmented-button__ripple::before {
  10984. transition: opacity 15ms linear, background-color 15ms linear;
  10985. z-index: 1;
  10986. /* @alternate */
  10987. z-index: var(--mdc-ripple-z-index, 1);
  10988. }
  10989. .mdc-segmented-button__segment .mdc-segmented-button__ripple::after {
  10990. z-index: 0;
  10991. /* @alternate */
  10992. z-index: var(--mdc-ripple-z-index, 0);
  10993. }
  10994. .mdc-segmented-button__segment.mdc-ripple-upgraded .mdc-segmented-button__ripple::before {
  10995. -webkit-transform: scale(var(--mdc-ripple-fg-scale, 1));
  10996. transform: scale(var(--mdc-ripple-fg-scale, 1));
  10997. }
  10998. .mdc-segmented-button__segment.mdc-ripple-upgraded .mdc-segmented-button__ripple::after {
  10999. top: 0;
  11000. /* @noflip */
  11001. left: 0;
  11002. -webkit-transform: scale(0);
  11003. transform: scale(0);
  11004. -webkit-transform-origin: center center;
  11005. transform-origin: center center;
  11006. }
  11007. .mdc-segmented-button__segment.mdc-ripple-upgraded--unbounded .mdc-segmented-button__ripple::after {
  11008. top: var(--mdc-ripple-top, 0);
  11009. /* @noflip */
  11010. left: var(--mdc-ripple-left, 0);
  11011. }
  11012. .mdc-segmented-button__segment.mdc-ripple-upgraded--foreground-activation .mdc-segmented-button__ripple::after {
  11013. -webkit-animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards;
  11014. animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards;
  11015. }
  11016. .mdc-segmented-button__segment.mdc-ripple-upgraded--foreground-deactivation .mdc-segmented-button__ripple::after {
  11017. -webkit-animation: mdc-ripple-fg-opacity-out 150ms;
  11018. animation: mdc-ripple-fg-opacity-out 150ms;
  11019. -webkit-transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
  11020. transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
  11021. }
  11022. .mdc-segmented-button__segment .mdc-segmented-button__ripple::before,
  11023. .mdc-segmented-button__segment .mdc-segmented-button__ripple::after {
  11024. top: calc(50% - 100%);
  11025. /* @noflip */
  11026. left: calc(50% - 100%);
  11027. width: 200%;
  11028. height: 200%;
  11029. }
  11030. .mdc-segmented-button__segment.mdc-ripple-upgraded .mdc-segmented-button__ripple::after {
  11031. width: var(--mdc-ripple-fg-size, 100%);
  11032. height: var(--mdc-ripple-fg-size, 100%);
  11033. }
  11034. .mdc-segmented-button__segment .mdc-segmented-button__ripple::before, .mdc-segmented-button__segment .mdc-segmented-button__ripple::after {
  11035. background-color: #6200ee;
  11036. /* @alternate */
  11037. background-color: var(--mdc-ripple-color, #6200ee);
  11038. }
  11039. .mdc-segmented-button__segment:hover .mdc-segmented-button__ripple::before, .mdc-segmented-button__segment.mdc-ripple-surface--hover .mdc-segmented-button__ripple::before {
  11040. opacity: 0.04;
  11041. /* @alternate */
  11042. opacity: var(--mdc-ripple-hover-opacity, 0.04);
  11043. }
  11044. .mdc-segmented-button__segment.mdc-ripple-upgraded--background-focused .mdc-segmented-button__ripple::before, .mdc-segmented-button__segment.mdc-ripple-upgraded:focus-within .mdc-segmented-button__ripple::before, .mdc-segmented-button__segment:not(.mdc-ripple-upgraded):focus .mdc-segmented-button__ripple::before, .mdc-segmented-button__segment:not(.mdc-ripple-upgraded):focus-within .mdc-segmented-button__ripple::before {
  11045. transition-duration: 75ms;
  11046. opacity: 0.12;
  11047. /* @alternate */
  11048. opacity: var(--mdc-ripple-focus-opacity, 0.12);
  11049. }
  11050. .mdc-segmented-button__segment:not(.mdc-ripple-upgraded) .mdc-segmented-button__ripple::after {
  11051. transition: opacity 150ms linear;
  11052. }
  11053. .mdc-segmented-button__segment:not(.mdc-ripple-upgraded):active .mdc-segmented-button__ripple::after {
  11054. transition-duration: 75ms;
  11055. opacity: 0.12;
  11056. /* @alternate */
  11057. opacity: var(--mdc-ripple-press-opacity, 0.12);
  11058. }
  11059. .mdc-segmented-button__segment.mdc-ripple-upgraded {
  11060. --mdc-ripple-fg-opacity: var(--mdc-ripple-press-opacity, 0.12);
  11061. }
  11062. .mdc-segmented-button__segment .mdc-segmented-button__ripple {
  11063. position: absolute;
  11064. top: 0;
  11065. left: 0;
  11066. width: 100%;
  11067. height: 100%;
  11068. pointer-events: none;
  11069. }
  11070. .mdc-slider__thumb {
  11071. --mdc-ripple-fg-size: 0;
  11072. --mdc-ripple-left: 0;
  11073. --mdc-ripple-top: 0;
  11074. --mdc-ripple-fg-scale: 1;
  11075. --mdc-ripple-fg-translate-end: 0;
  11076. --mdc-ripple-fg-translate-start: 0;
  11077. -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  11078. will-change: transform, opacity;
  11079. }
  11080. .mdc-slider__thumb::before, .mdc-slider__thumb::after {
  11081. position: absolute;
  11082. border-radius: 50%;
  11083. opacity: 0;
  11084. pointer-events: none;
  11085. content: "";
  11086. }
  11087. .mdc-slider__thumb::before {
  11088. transition: opacity 15ms linear, background-color 15ms linear;
  11089. z-index: 1;
  11090. /* @alternate */
  11091. z-index: var(--mdc-ripple-z-index, 1);
  11092. }
  11093. .mdc-slider__thumb::after {
  11094. z-index: 0;
  11095. /* @alternate */
  11096. z-index: var(--mdc-ripple-z-index, 0);
  11097. }
  11098. .mdc-slider__thumb.mdc-ripple-upgraded::before {
  11099. -webkit-transform: scale(var(--mdc-ripple-fg-scale, 1));
  11100. transform: scale(var(--mdc-ripple-fg-scale, 1));
  11101. }
  11102. .mdc-slider__thumb.mdc-ripple-upgraded::after {
  11103. top: 0;
  11104. /* @noflip */
  11105. left: 0;
  11106. -webkit-transform: scale(0);
  11107. transform: scale(0);
  11108. -webkit-transform-origin: center center;
  11109. transform-origin: center center;
  11110. }
  11111. .mdc-slider__thumb.mdc-ripple-upgraded--unbounded::after {
  11112. top: var(--mdc-ripple-top, 0);
  11113. /* @noflip */
  11114. left: var(--mdc-ripple-left, 0);
  11115. }
  11116. .mdc-slider__thumb.mdc-ripple-upgraded--foreground-activation::after {
  11117. -webkit-animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards;
  11118. animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards;
  11119. }
  11120. .mdc-slider__thumb.mdc-ripple-upgraded--foreground-deactivation::after {
  11121. -webkit-animation: mdc-ripple-fg-opacity-out 150ms;
  11122. animation: mdc-ripple-fg-opacity-out 150ms;
  11123. -webkit-transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
  11124. transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
  11125. }
  11126. .mdc-slider__thumb::before, .mdc-slider__thumb::after {
  11127. top: calc(50% - 50%);
  11128. /* @noflip */
  11129. left: calc(50% - 50%);
  11130. width: 100%;
  11131. height: 100%;
  11132. }
  11133. .mdc-slider__thumb.mdc-ripple-upgraded::before, .mdc-slider__thumb.mdc-ripple-upgraded::after {
  11134. top: var(--mdc-ripple-top, calc(50% - 50%));
  11135. /* @noflip */
  11136. left: var(--mdc-ripple-left, calc(50% - 50%));
  11137. width: var(--mdc-ripple-fg-size, 100%);
  11138. height: var(--mdc-ripple-fg-size, 100%);
  11139. }
  11140. .mdc-slider__thumb.mdc-ripple-upgraded::after {
  11141. width: var(--mdc-ripple-fg-size, 100%);
  11142. height: var(--mdc-ripple-fg-size, 100%);
  11143. }
  11144. .mdc-slider__thumb::before, .mdc-slider__thumb::after {
  11145. background-color: #6200ee;
  11146. /* @alternate */
  11147. background-color: var(--mdc-ripple-color, var(--mdc-theme-primary, #6200ee));
  11148. }
  11149. .mdc-slider__thumb:hover::before, .mdc-slider__thumb.mdc-ripple-surface--hover::before {
  11150. opacity: 0.04;
  11151. /* @alternate */
  11152. opacity: var(--mdc-ripple-hover-opacity, 0.04);
  11153. }
  11154. .mdc-slider__thumb.mdc-ripple-upgraded--background-focused::before, .mdc-slider__thumb:not(.mdc-ripple-upgraded):focus::before {
  11155. transition-duration: 75ms;
  11156. opacity: 0.12;
  11157. /* @alternate */
  11158. opacity: var(--mdc-ripple-focus-opacity, 0.12);
  11159. }
  11160. .mdc-slider__thumb:not(.mdc-ripple-upgraded)::after {
  11161. transition: opacity 150ms linear;
  11162. }
  11163. .mdc-slider__thumb:not(.mdc-ripple-upgraded):active::after {
  11164. transition-duration: 75ms;
  11165. opacity: 0.12;
  11166. /* @alternate */
  11167. opacity: var(--mdc-ripple-press-opacity, 0.12);
  11168. }
  11169. .mdc-slider__thumb.mdc-ripple-upgraded {
  11170. --mdc-ripple-fg-opacity: var(--mdc-ripple-press-opacity, 0.12);
  11171. }
  11172. .mdc-slider {
  11173. cursor: pointer;
  11174. height: 48px;
  11175. margin: 0 24px;
  11176. position: relative;
  11177. touch-action: pan-y;
  11178. }
  11179. .mdc-slider .mdc-slider__track {
  11180. height: 4px;
  11181. position: absolute;
  11182. top: 50%;
  11183. -webkit-transform: translateY(-50%);
  11184. transform: translateY(-50%);
  11185. width: 100%;
  11186. }
  11187. .mdc-slider .mdc-slider__track--active,
  11188. .mdc-slider .mdc-slider__track--inactive {
  11189. display: flex;
  11190. height: 100%;
  11191. position: absolute;
  11192. width: 100%;
  11193. }
  11194. .mdc-slider .mdc-slider__track--active {
  11195. border-radius: 3px;
  11196. height: 6px;
  11197. overflow: hidden;
  11198. top: -1px;
  11199. }
  11200. .mdc-slider .mdc-slider__track--active_fill {
  11201. border: 6px solid;
  11202. box-sizing: border-box;
  11203. height: 100%;
  11204. width: 100%;
  11205. position: relative;
  11206. /* @noflip */
  11207. -webkit-transform-origin: left;
  11208. transform-origin: left;
  11209. }
  11210. [dir=rtl] .mdc-slider .mdc-slider__track--active_fill, .mdc-slider .mdc-slider__track--active_fill[dir=rtl] {
  11211. /* @noflip */
  11212. -webkit-transform-origin: right;
  11213. transform-origin: right;
  11214. }
  11215. .mdc-slider .mdc-slider__track--inactive {
  11216. border-radius: 2px;
  11217. height: 4px;
  11218. left: 0;
  11219. outline: 1px solid transparent;
  11220. top: 0;
  11221. }
  11222. .mdc-slider .mdc-slider__track--active_fill {
  11223. border-color: #6200ee;
  11224. /* @alternate */
  11225. border-color: var(--mdc-theme-primary, #6200ee);
  11226. }
  11227. .mdc-slider.mdc-slider--disabled .mdc-slider__track--active_fill {
  11228. border-color: #000;
  11229. /* @alternate */
  11230. border-color: var(--mdc-theme-on-surface, #000);
  11231. }
  11232. .mdc-slider .mdc-slider__track--inactive {
  11233. background-color: #6200ee;
  11234. /* @alternate */
  11235. background-color: var(--mdc-theme-primary, #6200ee);
  11236. opacity: 0.24;
  11237. }
  11238. .mdc-slider.mdc-slider--disabled .mdc-slider__track--inactive {
  11239. background-color: #000;
  11240. /* @alternate */
  11241. background-color: var(--mdc-theme-on-surface, #000);
  11242. opacity: 0.24;
  11243. }
  11244. .mdc-slider .mdc-slider__value-indicator-container {
  11245. bottom: 44px;
  11246. left: 50%;
  11247. pointer-events: none;
  11248. position: absolute;
  11249. -webkit-transform: translateX(-50%);
  11250. transform: translateX(-50%);
  11251. }
  11252. .mdc-slider .mdc-slider__value-indicator {
  11253. transition: -webkit-transform 100ms 0ms cubic-bezier(0.4, 0, 1, 1);
  11254. transition: transform 100ms 0ms cubic-bezier(0.4, 0, 1, 1);
  11255. transition: transform 100ms 0ms cubic-bezier(0.4, 0, 1, 1), -webkit-transform 100ms 0ms cubic-bezier(0.4, 0, 1, 1);
  11256. align-items: center;
  11257. border-radius: 4px;
  11258. display: flex;
  11259. height: 32px;
  11260. outline: 1px solid transparent;
  11261. padding: 0 12px;
  11262. -webkit-transform: scale(0);
  11263. transform: scale(0);
  11264. -webkit-transform-origin: bottom;
  11265. transform-origin: bottom;
  11266. }
  11267. .mdc-slider .mdc-slider__value-indicator::before {
  11268. border-left: 6px solid transparent;
  11269. border-right: 6px solid transparent;
  11270. border-top: 6px solid;
  11271. bottom: -5px;
  11272. content: "";
  11273. height: 0;
  11274. left: 50%;
  11275. position: absolute;
  11276. -webkit-transform: translateX(-50%);
  11277. transform: translateX(-50%);
  11278. width: 0;
  11279. }
  11280. .mdc-slider .mdc-slider__thumb--with-indicator .mdc-slider__value-indicator-container {
  11281. pointer-events: auto;
  11282. }
  11283. .mdc-slider .mdc-slider__thumb--with-indicator .mdc-slider__value-indicator {
  11284. transition: -webkit-transform 100ms 0ms cubic-bezier(0, 0, 0.2, 1);
  11285. transition: transform 100ms 0ms cubic-bezier(0, 0, 0.2, 1);
  11286. transition: transform 100ms 0ms cubic-bezier(0, 0, 0.2, 1), -webkit-transform 100ms 0ms cubic-bezier(0, 0, 0.2, 1);
  11287. -webkit-transform: scale(1);
  11288. transform: scale(1);
  11289. }
  11290. @media (prefers-reduced-motion) {
  11291. .mdc-slider .mdc-slider__value-indicator,
  11292. .mdc-slider .mdc-slider__thumb--with-indicator .mdc-slider__value-indicator {
  11293. transition: none;
  11294. }
  11295. }
  11296. .mdc-slider .mdc-slider__value-indicator-text {
  11297. -moz-osx-font-smoothing: grayscale;
  11298. -webkit-font-smoothing: antialiased;
  11299. font-family: Roboto, sans-serif;
  11300. /* @alternate */
  11301. font-family: var(--mdc-typography-subtitle2-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));
  11302. font-size: 0.875rem;
  11303. /* @alternate */
  11304. font-size: var(--mdc-typography-subtitle2-font-size, 0.875rem);
  11305. line-height: 1.375rem;
  11306. /* @alternate */
  11307. line-height: var(--mdc-typography-subtitle2-line-height, 1.375rem);
  11308. font-weight: 500;
  11309. /* @alternate */
  11310. font-weight: var(--mdc-typography-subtitle2-font-weight, 500);
  11311. letter-spacing: 0.0071428571em;
  11312. /* @alternate */
  11313. letter-spacing: var(--mdc-typography-subtitle2-letter-spacing, 0.0071428571em);
  11314. text-decoration: inherit;
  11315. /* @alternate */
  11316. -webkit-text-decoration: var(--mdc-typography-subtitle2-text-decoration, inherit);
  11317. text-decoration: var(--mdc-typography-subtitle2-text-decoration, inherit);
  11318. text-transform: inherit;
  11319. /* @alternate */
  11320. text-transform: var(--mdc-typography-subtitle2-text-transform, inherit);
  11321. }
  11322. .mdc-slider .mdc-slider__value-indicator {
  11323. background-color: #000;
  11324. opacity: 0.6;
  11325. }
  11326. .mdc-slider .mdc-slider__value-indicator::before {
  11327. border-top-color: #000;
  11328. }
  11329. .mdc-slider .mdc-slider__value-indicator {
  11330. color: #fff;
  11331. /* @alternate */
  11332. color: var(--mdc-theme-on-primary, #fff);
  11333. }
  11334. .mdc-slider .mdc-slider__thumb {
  11335. display: flex;
  11336. height: 48px;
  11337. left: -24px;
  11338. outline: none;
  11339. position: absolute;
  11340. -webkit-user-select: none;
  11341. -moz-user-select: none;
  11342. -ms-user-select: none;
  11343. user-select: none;
  11344. width: 48px;
  11345. }
  11346. .mdc-slider .mdc-slider__thumb--top {
  11347. z-index: 1;
  11348. }
  11349. .mdc-slider .mdc-slider__thumb--top .mdc-slider__thumb-knob {
  11350. border: 1px solid;
  11351. box-sizing: content-box;
  11352. border-color: #fff;
  11353. }
  11354. .mdc-slider .mdc-slider__thumb-knob {
  11355. /* @alternate */
  11356. 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);
  11357. border: 10px solid;
  11358. border-radius: 50%;
  11359. box-sizing: border-box;
  11360. height: 20px;
  11361. /* @noflip */
  11362. left: 50%;
  11363. position: absolute;
  11364. top: 50%;
  11365. -webkit-transform: translate(-50%, -50%);
  11366. transform: translate(-50%, -50%);
  11367. width: 20px;
  11368. }
  11369. .mdc-slider .mdc-slider__thumb-knob {
  11370. background-color: #6200ee;
  11371. /* @alternate */
  11372. background-color: var(--mdc-theme-primary, #6200ee);
  11373. border-color: #6200ee;
  11374. /* @alternate */
  11375. border-color: var(--mdc-theme-primary, #6200ee);
  11376. }
  11377. .mdc-slider.mdc-slider--disabled .mdc-slider__thumb-knob {
  11378. background-color: #000;
  11379. /* @alternate */
  11380. background-color: var(--mdc-theme-on-surface, #000);
  11381. border-color: #000;
  11382. /* @alternate */
  11383. border-color: var(--mdc-theme-on-surface, #000);
  11384. }
  11385. .mdc-slider .mdc-slider__thumb::before, .mdc-slider .mdc-slider__thumb::after {
  11386. background-color: #6200ee;
  11387. /* @alternate */
  11388. background-color: var(--mdc-ripple-color, var(--mdc-theme-primary, #6200ee));
  11389. }
  11390. .mdc-slider .mdc-slider__thumb:hover::before, .mdc-slider .mdc-slider__thumb.mdc-ripple-surface--hover::before {
  11391. opacity: 0.04;
  11392. /* @alternate */
  11393. opacity: var(--mdc-ripple-hover-opacity, 0.04);
  11394. }
  11395. .mdc-slider .mdc-slider__thumb.mdc-ripple-upgraded--background-focused::before, .mdc-slider .mdc-slider__thumb:not(.mdc-ripple-upgraded):focus::before {
  11396. transition-duration: 75ms;
  11397. opacity: 0.12;
  11398. /* @alternate */
  11399. opacity: var(--mdc-ripple-focus-opacity, 0.12);
  11400. }
  11401. .mdc-slider .mdc-slider__thumb:not(.mdc-ripple-upgraded)::after {
  11402. transition: opacity 150ms linear;
  11403. }
  11404. .mdc-slider .mdc-slider__thumb:not(.mdc-ripple-upgraded):active::after {
  11405. transition-duration: 75ms;
  11406. opacity: 0.12;
  11407. /* @alternate */
  11408. opacity: var(--mdc-ripple-press-opacity, 0.12);
  11409. }
  11410. .mdc-slider .mdc-slider__thumb.mdc-ripple-upgraded {
  11411. --mdc-ripple-fg-opacity: var(--mdc-ripple-press-opacity, 0.12);
  11412. }
  11413. .mdc-slider .mdc-slider__tick-marks {
  11414. align-items: center;
  11415. box-sizing: border-box;
  11416. display: flex;
  11417. height: 100%;
  11418. justify-content: space-between;
  11419. padding: 0 1px;
  11420. position: absolute;
  11421. width: 100%;
  11422. }
  11423. .mdc-slider .mdc-slider__tick-mark--active,
  11424. .mdc-slider .mdc-slider__tick-mark--inactive {
  11425. border-radius: 50%;
  11426. height: 2px;
  11427. width: 2px;
  11428. }
  11429. .mdc-slider .mdc-slider__tick-mark--active {
  11430. background-color: #fff;
  11431. /* @alternate */
  11432. background-color: var(--mdc-theme-on-primary, #fff);
  11433. opacity: 0.6;
  11434. }
  11435. .mdc-slider.mdc-slider--disabled .mdc-slider__tick-mark--active {
  11436. background-color: #fff;
  11437. /* @alternate */
  11438. background-color: var(--mdc-theme-on-primary, #fff);
  11439. opacity: 0.6;
  11440. }
  11441. .mdc-slider .mdc-slider__tick-mark--inactive {
  11442. background-color: #6200ee;
  11443. /* @alternate */
  11444. background-color: var(--mdc-theme-primary, #6200ee);
  11445. opacity: 0.6;
  11446. }
  11447. .mdc-slider.mdc-slider--disabled .mdc-slider__tick-mark--inactive {
  11448. background-color: #000;
  11449. /* @alternate */
  11450. background-color: var(--mdc-theme-on-surface, #000);
  11451. opacity: 0.6;
  11452. }
  11453. .mdc-slider.mdc-slider--disabled {
  11454. opacity: 0.38;
  11455. cursor: auto;
  11456. }
  11457. .mdc-slider.mdc-slider--disabled .mdc-slider__thumb {
  11458. pointer-events: none;
  11459. }
  11460. .mdc-slider--discrete .mdc-slider__thumb,
  11461. .mdc-slider--discrete .mdc-slider__track--active_fill {
  11462. transition: -webkit-transform 80ms ease;
  11463. transition: transform 80ms ease;
  11464. transition: transform 80ms ease, -webkit-transform 80ms ease;
  11465. }
  11466. @media (prefers-reduced-motion) {
  11467. .mdc-slider--discrete .mdc-slider__thumb,
  11468. .mdc-slider--discrete .mdc-slider__track--active_fill {
  11469. transition: none;
  11470. }
  11471. }
  11472. .mdc-slider__input {
  11473. cursor: pointer;
  11474. left: 0;
  11475. margin: 0;
  11476. height: 100%;
  11477. opacity: 0;
  11478. pointer-events: none;
  11479. position: absolute;
  11480. top: 0;
  11481. width: 100%;
  11482. }
  11483. .mdc-snackbar {
  11484. z-index: 8;
  11485. margin: 8px;
  11486. display: none;
  11487. position: fixed;
  11488. right: 0;
  11489. bottom: 0;
  11490. left: 0;
  11491. align-items: center;
  11492. justify-content: center;
  11493. box-sizing: border-box;
  11494. pointer-events: none;
  11495. -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  11496. }
  11497. .mdc-snackbar__surface {
  11498. background-color: #333333;
  11499. }
  11500. .mdc-snackbar__label {
  11501. color: rgba(255, 255, 255, 0.87);
  11502. }
  11503. .mdc-snackbar__surface {
  11504. min-width: 344px;
  11505. }
  11506. @media (max-width: 480px), (max-width: 344px) {
  11507. .mdc-snackbar__surface {
  11508. min-width: 100%;
  11509. }
  11510. }
  11511. .mdc-snackbar__surface {
  11512. max-width: 672px;
  11513. }
  11514. .mdc-snackbar__surface {
  11515. /* @alternate */
  11516. 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);
  11517. }
  11518. .mdc-snackbar__surface {
  11519. border-radius: 4px;
  11520. /* @alternate */
  11521. border-radius: var(--mdc-shape-small, 4px);
  11522. }
  11523. .mdc-snackbar--opening,
  11524. .mdc-snackbar--open,
  11525. .mdc-snackbar--closing {
  11526. display: flex;
  11527. }
  11528. .mdc-snackbar--open .mdc-snackbar__label,
  11529. .mdc-snackbar--open .mdc-snackbar__actions {
  11530. visibility: visible;
  11531. }
  11532. .mdc-snackbar--leading {
  11533. justify-content: flex-start;
  11534. }
  11535. .mdc-snackbar--stacked .mdc-snackbar__label {
  11536. /* @noflip */
  11537. padding-left: 16px;
  11538. /* @noflip */
  11539. padding-right: 8px;
  11540. padding-bottom: 12px;
  11541. }
  11542. [dir=rtl] .mdc-snackbar--stacked .mdc-snackbar__label, .mdc-snackbar--stacked .mdc-snackbar__label[dir=rtl] {
  11543. /* @noflip */
  11544. padding-left: 8px;
  11545. /* @noflip */
  11546. padding-right: 16px;
  11547. }
  11548. .mdc-snackbar--stacked .mdc-snackbar__surface {
  11549. flex-direction: column;
  11550. align-items: flex-start;
  11551. }
  11552. .mdc-snackbar--stacked .mdc-snackbar__actions {
  11553. align-self: flex-end;
  11554. margin-bottom: 8px;
  11555. }
  11556. .mdc-snackbar__surface {
  11557. /* @noflip */
  11558. padding-left: 0;
  11559. /* @noflip */
  11560. padding-right: 8px;
  11561. display: flex;
  11562. align-items: center;
  11563. justify-content: flex-start;
  11564. box-sizing: border-box;
  11565. -webkit-transform: scale(0.8);
  11566. transform: scale(0.8);
  11567. opacity: 0;
  11568. }
  11569. [dir=rtl] .mdc-snackbar__surface, .mdc-snackbar__surface[dir=rtl] {
  11570. /* @noflip */
  11571. padding-left: 8px;
  11572. /* @noflip */
  11573. padding-right: 0;
  11574. }
  11575. .mdc-snackbar--open .mdc-snackbar__surface {
  11576. -webkit-transform: scale(1);
  11577. transform: scale(1);
  11578. opacity: 1;
  11579. pointer-events: auto;
  11580. transition: opacity 150ms 0ms cubic-bezier(0, 0, 0.2, 1), -webkit-transform 150ms 0ms cubic-bezier(0, 0, 0.2, 1);
  11581. transition: opacity 150ms 0ms cubic-bezier(0, 0, 0.2, 1), transform 150ms 0ms cubic-bezier(0, 0, 0.2, 1);
  11582. transition: opacity 150ms 0ms cubic-bezier(0, 0, 0.2, 1), transform 150ms 0ms cubic-bezier(0, 0, 0.2, 1), -webkit-transform 150ms 0ms cubic-bezier(0, 0, 0.2, 1);
  11583. }
  11584. .mdc-snackbar--closing .mdc-snackbar__surface {
  11585. -webkit-transform: scale(1);
  11586. transform: scale(1);
  11587. transition: opacity 75ms 0ms cubic-bezier(0.4, 0, 1, 1);
  11588. }
  11589. .mdc-snackbar__label {
  11590. -moz-osx-font-smoothing: grayscale;
  11591. -webkit-font-smoothing: antialiased;
  11592. font-family: Roboto, sans-serif;
  11593. /* @alternate */
  11594. font-family: var(--mdc-typography-body2-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));
  11595. font-size: 0.875rem;
  11596. /* @alternate */
  11597. font-size: var(--mdc-typography-body2-font-size, 0.875rem);
  11598. line-height: 1.25rem;
  11599. /* @alternate */
  11600. line-height: var(--mdc-typography-body2-line-height, 1.25rem);
  11601. font-weight: 400;
  11602. /* @alternate */
  11603. font-weight: var(--mdc-typography-body2-font-weight, 400);
  11604. letter-spacing: 0.0178571429em;
  11605. /* @alternate */
  11606. letter-spacing: var(--mdc-typography-body2-letter-spacing, 0.0178571429em);
  11607. text-decoration: inherit;
  11608. /* @alternate */
  11609. -webkit-text-decoration: var(--mdc-typography-body2-text-decoration, inherit);
  11610. text-decoration: var(--mdc-typography-body2-text-decoration, inherit);
  11611. text-transform: inherit;
  11612. /* @alternate */
  11613. text-transform: var(--mdc-typography-body2-text-transform, inherit);
  11614. /* @noflip */
  11615. padding-left: 16px;
  11616. /* @noflip */
  11617. padding-right: 8px;
  11618. width: 100%;
  11619. flex-grow: 1;
  11620. box-sizing: border-box;
  11621. margin: 0;
  11622. visibility: hidden;
  11623. padding-top: 14px;
  11624. padding-bottom: 14px;
  11625. }
  11626. [dir=rtl] .mdc-snackbar__label, .mdc-snackbar__label[dir=rtl] {
  11627. /* @noflip */
  11628. padding-left: 8px;
  11629. /* @noflip */
  11630. padding-right: 16px;
  11631. }
  11632. .mdc-snackbar__label::before {
  11633. display: inline;
  11634. content: attr(data-mdc-snackbar-label-text);
  11635. }
  11636. .mdc-snackbar__actions {
  11637. display: flex;
  11638. flex-shrink: 0;
  11639. align-items: center;
  11640. box-sizing: border-box;
  11641. visibility: hidden;
  11642. }
  11643. .mdc-snackbar__action:not(:disabled) {
  11644. color: #bb86fc;
  11645. }
  11646. .mdc-snackbar__action::before, .mdc-snackbar__action::after {
  11647. background-color: #bb86fc;
  11648. /* @alternate */
  11649. background-color: var(--mdc-ripple-color, #bb86fc);
  11650. }
  11651. .mdc-snackbar__action:hover::before, .mdc-snackbar__action.mdc-ripple-surface--hover::before {
  11652. opacity: 0.08;
  11653. /* @alternate */
  11654. opacity: var(--mdc-ripple-hover-opacity, 0.08);
  11655. }
  11656. .mdc-snackbar__action.mdc-ripple-upgraded--background-focused::before, .mdc-snackbar__action:not(.mdc-ripple-upgraded):focus::before {
  11657. transition-duration: 75ms;
  11658. opacity: 0.24;
  11659. /* @alternate */
  11660. opacity: var(--mdc-ripple-focus-opacity, 0.24);
  11661. }
  11662. .mdc-snackbar__action:not(.mdc-ripple-upgraded)::after {
  11663. transition: opacity 150ms linear;
  11664. }
  11665. .mdc-snackbar__action:not(.mdc-ripple-upgraded):active::after {
  11666. transition-duration: 75ms;
  11667. opacity: 0.24;
  11668. /* @alternate */
  11669. opacity: var(--mdc-ripple-press-opacity, 0.24);
  11670. }
  11671. .mdc-snackbar__action.mdc-ripple-upgraded {
  11672. --mdc-ripple-fg-opacity: var(--mdc-ripple-press-opacity, 0.24);
  11673. }
  11674. .mdc-snackbar__dismiss {
  11675. color: rgba(255, 255, 255, 0.87);
  11676. }
  11677. .mdc-snackbar__dismiss::before, .mdc-snackbar__dismiss::after {
  11678. background-color: rgba(255, 255, 255, 0.87);
  11679. /* @alternate */
  11680. background-color: var(--mdc-ripple-color, rgba(255, 255, 255, 0.87));
  11681. }
  11682. .mdc-snackbar__dismiss:hover::before, .mdc-snackbar__dismiss.mdc-ripple-surface--hover::before {
  11683. opacity: 0.08;
  11684. /* @alternate */
  11685. opacity: var(--mdc-ripple-hover-opacity, 0.08);
  11686. }
  11687. .mdc-snackbar__dismiss.mdc-ripple-upgraded--background-focused::before, .mdc-snackbar__dismiss:not(.mdc-ripple-upgraded):focus::before {
  11688. transition-duration: 75ms;
  11689. opacity: 0.24;
  11690. /* @alternate */
  11691. opacity: var(--mdc-ripple-focus-opacity, 0.24);
  11692. }
  11693. .mdc-snackbar__dismiss:not(.mdc-ripple-upgraded)::after {
  11694. transition: opacity 150ms linear;
  11695. }
  11696. .mdc-snackbar__dismiss:not(.mdc-ripple-upgraded):active::after {
  11697. transition-duration: 75ms;
  11698. opacity: 0.24;
  11699. /* @alternate */
  11700. opacity: var(--mdc-ripple-press-opacity, 0.24);
  11701. }
  11702. .mdc-snackbar__dismiss.mdc-ripple-upgraded {
  11703. --mdc-ripple-fg-opacity: var(--mdc-ripple-press-opacity, 0.24);
  11704. }
  11705. .mdc-snackbar__dismiss.mdc-snackbar__dismiss {
  11706. width: 36px;
  11707. height: 36px;
  11708. padding: 9px;
  11709. font-size: 18px;
  11710. }
  11711. .mdc-snackbar__dismiss.mdc-snackbar__dismiss svg,
  11712. .mdc-snackbar__dismiss.mdc-snackbar__dismiss img {
  11713. width: 18px;
  11714. height: 18px;
  11715. }
  11716. .mdc-snackbar__action + .mdc-snackbar__dismiss {
  11717. /* @noflip */
  11718. margin-left: 8px;
  11719. /* @noflip */
  11720. margin-right: 0;
  11721. }
  11722. [dir=rtl] .mdc-snackbar__action + .mdc-snackbar__dismiss, .mdc-snackbar__action + .mdc-snackbar__dismiss[dir=rtl] {
  11723. /* @noflip */
  11724. margin-left: 0;
  11725. /* @noflip */
  11726. margin-right: 8px;
  11727. }
  11728. .mdc-switch__thumb-underlay {
  11729. /* @noflip */
  11730. left: -14px;
  11731. /* @noflip */
  11732. right: initial;
  11733. top: -17px;
  11734. width: 48px;
  11735. height: 48px;
  11736. }
  11737. [dir=rtl] .mdc-switch__thumb-underlay, .mdc-switch__thumb-underlay[dir=rtl] {
  11738. /* @noflip */
  11739. left: initial;
  11740. /* @noflip */
  11741. right: -14px;
  11742. }
  11743. .mdc-switch__native-control {
  11744. width: 64px;
  11745. height: 48px;
  11746. }
  11747. .mdc-switch {
  11748. display: inline-block;
  11749. position: relative;
  11750. outline: none;
  11751. -webkit-user-select: none;
  11752. -moz-user-select: none;
  11753. -ms-user-select: none;
  11754. user-select: none;
  11755. }
  11756. .mdc-switch.mdc-switch--checked .mdc-switch__track {
  11757. background-color: #018786;
  11758. /* @alternate */
  11759. background-color: var(--mdc-theme-secondary, #018786);
  11760. }
  11761. .mdc-switch.mdc-switch--checked .mdc-switch__thumb {
  11762. background-color: #018786;
  11763. /* @alternate */
  11764. background-color: var(--mdc-theme-secondary, #018786);
  11765. border-color: #018786;
  11766. /* @alternate */
  11767. border-color: var(--mdc-theme-secondary, #018786);
  11768. }
  11769. .mdc-switch:not(.mdc-switch--checked) .mdc-switch__track {
  11770. background-color: #000;
  11771. /* @alternate */
  11772. background-color: var(--mdc-theme-on-surface, #000);
  11773. }
  11774. .mdc-switch:not(.mdc-switch--checked) .mdc-switch__thumb {
  11775. background-color: #fff;
  11776. /* @alternate */
  11777. background-color: var(--mdc-theme-surface, #fff);
  11778. border-color: #fff;
  11779. /* @alternate */
  11780. border-color: var(--mdc-theme-surface, #fff);
  11781. }
  11782. .mdc-switch__native-control {
  11783. /* @noflip */
  11784. left: 0;
  11785. /* @noflip */
  11786. right: initial;
  11787. position: absolute;
  11788. top: 0;
  11789. margin: 0;
  11790. opacity: 0;
  11791. cursor: pointer;
  11792. pointer-events: auto;
  11793. transition: -webkit-transform 90ms cubic-bezier(0.4, 0, 0.2, 1);
  11794. transition: transform 90ms cubic-bezier(0.4, 0, 0.2, 1);
  11795. transition: transform 90ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 90ms cubic-bezier(0.4, 0, 0.2, 1);
  11796. }
  11797. [dir=rtl] .mdc-switch__native-control, .mdc-switch__native-control[dir=rtl] {
  11798. /* @noflip */
  11799. left: initial;
  11800. /* @noflip */
  11801. right: 0;
  11802. }
  11803. .mdc-switch__track {
  11804. box-sizing: border-box;
  11805. width: 36px;
  11806. height: 14px;
  11807. border: 1px solid transparent;
  11808. border-radius: 7px;
  11809. opacity: 0.38;
  11810. 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);
  11811. }
  11812. .mdc-switch__thumb-underlay {
  11813. display: flex;
  11814. position: absolute;
  11815. align-items: center;
  11816. justify-content: center;
  11817. -webkit-transform: translateX(0);
  11818. transform: translateX(0);
  11819. 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);
  11820. 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);
  11821. 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);
  11822. }
  11823. .mdc-switch__thumb {
  11824. /* @alternate */
  11825. 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);
  11826. box-sizing: border-box;
  11827. width: 20px;
  11828. height: 20px;
  11829. border: 10px solid;
  11830. border-radius: 50%;
  11831. pointer-events: none;
  11832. z-index: 1;
  11833. }
  11834. .mdc-switch--checked .mdc-switch__track {
  11835. opacity: 0.54;
  11836. }
  11837. .mdc-switch--checked .mdc-switch__thumb-underlay {
  11838. -webkit-transform: translateX(16px);
  11839. transform: translateX(16px);
  11840. }
  11841. [dir=rtl] .mdc-switch--checked .mdc-switch__thumb-underlay, .mdc-switch--checked .mdc-switch__thumb-underlay[dir=rtl] {
  11842. -webkit-transform: translateX(-16px);
  11843. transform: translateX(-16px);
  11844. }
  11845. .mdc-switch--checked .mdc-switch__native-control {
  11846. -webkit-transform: translateX(-16px);
  11847. transform: translateX(-16px);
  11848. }
  11849. [dir=rtl] .mdc-switch--checked .mdc-switch__native-control, .mdc-switch--checked .mdc-switch__native-control[dir=rtl] {
  11850. -webkit-transform: translateX(16px);
  11851. transform: translateX(16px);
  11852. }
  11853. .mdc-switch--disabled {
  11854. opacity: 0.38;
  11855. pointer-events: none;
  11856. }
  11857. .mdc-switch--disabled .mdc-switch__thumb {
  11858. border-width: 1px;
  11859. }
  11860. .mdc-switch--disabled .mdc-switch__native-control {
  11861. cursor: default;
  11862. pointer-events: none;
  11863. }
  11864. .mdc-switch:not(.mdc-switch--checked) .mdc-switch__thumb-underlay::before, .mdc-switch:not(.mdc-switch--checked) .mdc-switch__thumb-underlay::after {
  11865. background-color: #9e9e9e;
  11866. /* @alternate */
  11867. background-color: var(--mdc-ripple-color, #9e9e9e);
  11868. }
  11869. .mdc-switch:not(.mdc-switch--checked) .mdc-switch__thumb-underlay:hover::before, .mdc-switch:not(.mdc-switch--checked) .mdc-switch__thumb-underlay.mdc-ripple-surface--hover::before {
  11870. opacity: 0.08;
  11871. /* @alternate */
  11872. opacity: var(--mdc-ripple-hover-opacity, 0.08);
  11873. }
  11874. .mdc-switch:not(.mdc-switch--checked) .mdc-switch__thumb-underlay.mdc-ripple-upgraded--background-focused::before, .mdc-switch:not(.mdc-switch--checked) .mdc-switch__thumb-underlay:not(.mdc-ripple-upgraded):focus::before {
  11875. transition-duration: 75ms;
  11876. opacity: 0.24;
  11877. /* @alternate */
  11878. opacity: var(--mdc-ripple-focus-opacity, 0.24);
  11879. }
  11880. .mdc-switch:not(.mdc-switch--checked) .mdc-switch__thumb-underlay:not(.mdc-ripple-upgraded)::after {
  11881. transition: opacity 150ms linear;
  11882. }
  11883. .mdc-switch:not(.mdc-switch--checked) .mdc-switch__thumb-underlay:not(.mdc-ripple-upgraded):active::after {
  11884. transition-duration: 75ms;
  11885. opacity: 0.24;
  11886. /* @alternate */
  11887. opacity: var(--mdc-ripple-press-opacity, 0.24);
  11888. }
  11889. .mdc-switch:not(.mdc-switch--checked) .mdc-switch__thumb-underlay.mdc-ripple-upgraded {
  11890. --mdc-ripple-fg-opacity: var(--mdc-ripple-press-opacity, 0.24);
  11891. }
  11892. .mdc-switch__thumb-underlay {
  11893. --mdc-ripple-fg-size: 0;
  11894. --mdc-ripple-left: 0;
  11895. --mdc-ripple-top: 0;
  11896. --mdc-ripple-fg-scale: 1;
  11897. --mdc-ripple-fg-translate-end: 0;
  11898. --mdc-ripple-fg-translate-start: 0;
  11899. -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  11900. will-change: transform, opacity;
  11901. }
  11902. .mdc-switch__thumb-underlay::before, .mdc-switch__thumb-underlay::after {
  11903. position: absolute;
  11904. border-radius: 50%;
  11905. opacity: 0;
  11906. pointer-events: none;
  11907. content: "";
  11908. }
  11909. .mdc-switch__thumb-underlay::before {
  11910. transition: opacity 15ms linear, background-color 15ms linear;
  11911. z-index: 1;
  11912. /* @alternate */
  11913. z-index: var(--mdc-ripple-z-index, 1);
  11914. }
  11915. .mdc-switch__thumb-underlay::after {
  11916. z-index: 0;
  11917. /* @alternate */
  11918. z-index: var(--mdc-ripple-z-index, 0);
  11919. }
  11920. .mdc-switch__thumb-underlay.mdc-ripple-upgraded::before {
  11921. -webkit-transform: scale(var(--mdc-ripple-fg-scale, 1));
  11922. transform: scale(var(--mdc-ripple-fg-scale, 1));
  11923. }
  11924. .mdc-switch__thumb-underlay.mdc-ripple-upgraded::after {
  11925. top: 0;
  11926. /* @noflip */
  11927. left: 0;
  11928. -webkit-transform: scale(0);
  11929. transform: scale(0);
  11930. -webkit-transform-origin: center center;
  11931. transform-origin: center center;
  11932. }
  11933. .mdc-switch__thumb-underlay.mdc-ripple-upgraded--unbounded::after {
  11934. top: var(--mdc-ripple-top, 0);
  11935. /* @noflip */
  11936. left: var(--mdc-ripple-left, 0);
  11937. }
  11938. .mdc-switch__thumb-underlay.mdc-ripple-upgraded--foreground-activation::after {
  11939. -webkit-animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards;
  11940. animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards;
  11941. }
  11942. .mdc-switch__thumb-underlay.mdc-ripple-upgraded--foreground-deactivation::after {
  11943. -webkit-animation: mdc-ripple-fg-opacity-out 150ms;
  11944. animation: mdc-ripple-fg-opacity-out 150ms;
  11945. -webkit-transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
  11946. transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
  11947. }
  11948. .mdc-switch__thumb-underlay::before, .mdc-switch__thumb-underlay::after {
  11949. top: calc(50% - 50%);
  11950. /* @noflip */
  11951. left: calc(50% - 50%);
  11952. width: 100%;
  11953. height: 100%;
  11954. }
  11955. .mdc-switch__thumb-underlay.mdc-ripple-upgraded::before, .mdc-switch__thumb-underlay.mdc-ripple-upgraded::after {
  11956. top: var(--mdc-ripple-top, calc(50% - 50%));
  11957. /* @noflip */
  11958. left: var(--mdc-ripple-left, calc(50% - 50%));
  11959. width: var(--mdc-ripple-fg-size, 100%);
  11960. height: var(--mdc-ripple-fg-size, 100%);
  11961. }
  11962. .mdc-switch__thumb-underlay.mdc-ripple-upgraded::after {
  11963. width: var(--mdc-ripple-fg-size, 100%);
  11964. height: var(--mdc-ripple-fg-size, 100%);
  11965. }
  11966. .mdc-switch__thumb-underlay::before, .mdc-switch__thumb-underlay::after {
  11967. background-color: #018786;
  11968. /* @alternate */
  11969. background-color: var(--mdc-ripple-color, var(--mdc-theme-secondary, #018786));
  11970. }
  11971. .mdc-switch__thumb-underlay:hover::before, .mdc-switch__thumb-underlay.mdc-ripple-surface--hover::before {
  11972. opacity: 0.04;
  11973. /* @alternate */
  11974. opacity: var(--mdc-ripple-hover-opacity, 0.04);
  11975. }
  11976. .mdc-switch__thumb-underlay.mdc-ripple-upgraded--background-focused::before, .mdc-switch__thumb-underlay:not(.mdc-ripple-upgraded):focus::before {
  11977. transition-duration: 75ms;
  11978. opacity: 0.12;
  11979. /* @alternate */
  11980. opacity: var(--mdc-ripple-focus-opacity, 0.12);
  11981. }
  11982. .mdc-switch__thumb-underlay:not(.mdc-ripple-upgraded)::after {
  11983. transition: opacity 150ms linear;
  11984. }
  11985. .mdc-switch__thumb-underlay:not(.mdc-ripple-upgraded):active::after {
  11986. transition-duration: 75ms;
  11987. opacity: 0.12;
  11988. /* @alternate */
  11989. opacity: var(--mdc-ripple-press-opacity, 0.12);
  11990. }
  11991. .mdc-switch__thumb-underlay.mdc-ripple-upgraded {
  11992. --mdc-ripple-fg-opacity: var(--mdc-ripple-press-opacity, 0.12);
  11993. }
  11994. .mdc-tab {
  11995. -moz-osx-font-smoothing: grayscale;
  11996. -webkit-font-smoothing: antialiased;
  11997. font-family: Roboto, sans-serif;
  11998. /* @alternate */
  11999. font-family: var(--mdc-typography-button-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));
  12000. font-size: 0.875rem;
  12001. /* @alternate */
  12002. font-size: var(--mdc-typography-button-font-size, 0.875rem);
  12003. line-height: 2.25rem;
  12004. /* @alternate */
  12005. line-height: var(--mdc-typography-button-line-height, 2.25rem);
  12006. font-weight: 500;
  12007. /* @alternate */
  12008. font-weight: var(--mdc-typography-button-font-weight, 500);
  12009. letter-spacing: 0.0892857143em;
  12010. /* @alternate */
  12011. letter-spacing: var(--mdc-typography-button-letter-spacing, 0.0892857143em);
  12012. text-decoration: none;
  12013. /* @alternate */
  12014. -webkit-text-decoration: var(--mdc-typography-button-text-decoration, none);
  12015. text-decoration: var(--mdc-typography-button-text-decoration, none);
  12016. text-transform: uppercase;
  12017. /* @alternate */
  12018. text-transform: var(--mdc-typography-button-text-transform, uppercase);
  12019. padding-right: 24px;
  12020. padding-left: 24px;
  12021. min-width: 90px;
  12022. position: relative;
  12023. display: flex;
  12024. flex: 1 0 auto;
  12025. justify-content: center;
  12026. box-sizing: border-box;
  12027. margin: 0;
  12028. padding-top: 0;
  12029. padding-bottom: 0;
  12030. border: none;
  12031. outline: none;
  12032. background: none;
  12033. text-align: center;
  12034. white-space: nowrap;
  12035. cursor: pointer;
  12036. -webkit-appearance: none;
  12037. z-index: 1;
  12038. }
  12039. .mdc-tab .mdc-tab__text-label {
  12040. color: rgba(0, 0, 0, 0.6);
  12041. }
  12042. .mdc-tab .mdc-tab__icon {
  12043. color: rgba(0, 0, 0, 0.54);
  12044. fill: currentColor;
  12045. }
  12046. .mdc-tab::-moz-focus-inner {
  12047. padding: 0;
  12048. border: 0;
  12049. }
  12050. .mdc-tab--min-width {
  12051. flex: 0 1 auto;
  12052. }
  12053. .mdc-tab__content {
  12054. position: relative;
  12055. display: flex;
  12056. align-items: center;
  12057. justify-content: center;
  12058. height: inherit;
  12059. pointer-events: none;
  12060. }
  12061. .mdc-tab__text-label {
  12062. transition: 150ms color linear;
  12063. display: inline-block;
  12064. line-height: 1;
  12065. z-index: 2;
  12066. }
  12067. .mdc-tab__icon {
  12068. transition: 150ms color linear;
  12069. width: 24px;
  12070. height: 24px;
  12071. font-size: 24px;
  12072. z-index: 2;
  12073. }
  12074. .mdc-tab--stacked .mdc-tab__content {
  12075. flex-direction: column;
  12076. align-items: center;
  12077. justify-content: center;
  12078. }
  12079. .mdc-tab--stacked .mdc-tab__text-label {
  12080. padding-top: 6px;
  12081. padding-bottom: 4px;
  12082. }
  12083. .mdc-tab--active .mdc-tab__text-label {
  12084. color: #6200ee;
  12085. /* @alternate */
  12086. color: var(--mdc-theme-primary, #6200ee);
  12087. }
  12088. .mdc-tab--active .mdc-tab__icon {
  12089. color: #6200ee;
  12090. /* @alternate */
  12091. color: var(--mdc-theme-primary, #6200ee);
  12092. fill: currentColor;
  12093. }
  12094. .mdc-tab--active .mdc-tab__text-label,
  12095. .mdc-tab--active .mdc-tab__icon {
  12096. transition-delay: 100ms;
  12097. }
  12098. .mdc-tab:not(.mdc-tab--stacked) .mdc-tab__icon + .mdc-tab__text-label {
  12099. /* @noflip */
  12100. padding-left: 8px;
  12101. /* @noflip */
  12102. padding-right: 0;
  12103. }
  12104. [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] {
  12105. /* @noflip */
  12106. padding-left: 0;
  12107. /* @noflip */
  12108. padding-right: 8px;
  12109. }
  12110. .mdc-tab__ripple {
  12111. --mdc-ripple-fg-size: 0;
  12112. --mdc-ripple-left: 0;
  12113. --mdc-ripple-top: 0;
  12114. --mdc-ripple-fg-scale: 1;
  12115. --mdc-ripple-fg-translate-end: 0;
  12116. --mdc-ripple-fg-translate-start: 0;
  12117. -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  12118. will-change: transform, opacity;
  12119. position: absolute;
  12120. top: 0;
  12121. left: 0;
  12122. width: 100%;
  12123. height: 100%;
  12124. overflow: hidden;
  12125. }
  12126. .mdc-tab__ripple::before, .mdc-tab__ripple::after {
  12127. position: absolute;
  12128. border-radius: 50%;
  12129. opacity: 0;
  12130. pointer-events: none;
  12131. content: "";
  12132. }
  12133. .mdc-tab__ripple::before {
  12134. transition: opacity 15ms linear, background-color 15ms linear;
  12135. z-index: 1;
  12136. /* @alternate */
  12137. z-index: var(--mdc-ripple-z-index, 1);
  12138. }
  12139. .mdc-tab__ripple::after {
  12140. z-index: 0;
  12141. /* @alternate */
  12142. z-index: var(--mdc-ripple-z-index, 0);
  12143. }
  12144. .mdc-tab__ripple.mdc-ripple-upgraded::before {
  12145. -webkit-transform: scale(var(--mdc-ripple-fg-scale, 1));
  12146. transform: scale(var(--mdc-ripple-fg-scale, 1));
  12147. }
  12148. .mdc-tab__ripple.mdc-ripple-upgraded::after {
  12149. top: 0;
  12150. /* @noflip */
  12151. left: 0;
  12152. -webkit-transform: scale(0);
  12153. transform: scale(0);
  12154. -webkit-transform-origin: center center;
  12155. transform-origin: center center;
  12156. }
  12157. .mdc-tab__ripple.mdc-ripple-upgraded--unbounded::after {
  12158. top: var(--mdc-ripple-top, 0);
  12159. /* @noflip */
  12160. left: var(--mdc-ripple-left, 0);
  12161. }
  12162. .mdc-tab__ripple.mdc-ripple-upgraded--foreground-activation::after {
  12163. -webkit-animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards;
  12164. animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards;
  12165. }
  12166. .mdc-tab__ripple.mdc-ripple-upgraded--foreground-deactivation::after {
  12167. -webkit-animation: mdc-ripple-fg-opacity-out 150ms;
  12168. animation: mdc-ripple-fg-opacity-out 150ms;
  12169. -webkit-transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
  12170. transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
  12171. }
  12172. .mdc-tab__ripple::before, .mdc-tab__ripple::after {
  12173. top: calc(50% - 100%);
  12174. /* @noflip */
  12175. left: calc(50% - 100%);
  12176. width: 200%;
  12177. height: 200%;
  12178. }
  12179. .mdc-tab__ripple.mdc-ripple-upgraded::after {
  12180. width: var(--mdc-ripple-fg-size, 100%);
  12181. height: var(--mdc-ripple-fg-size, 100%);
  12182. }
  12183. .mdc-tab__ripple::before, .mdc-tab__ripple::after {
  12184. background-color: #6200ee;
  12185. /* @alternate */
  12186. background-color: var(--mdc-ripple-color, var(--mdc-theme-primary, #6200ee));
  12187. }
  12188. .mdc-tab__ripple:hover::before, .mdc-tab__ripple.mdc-ripple-surface--hover::before {
  12189. opacity: 0.04;
  12190. /* @alternate */
  12191. opacity: var(--mdc-ripple-hover-opacity, 0.04);
  12192. }
  12193. .mdc-tab__ripple.mdc-ripple-upgraded--background-focused::before, .mdc-tab__ripple:not(.mdc-ripple-upgraded):focus::before {
  12194. transition-duration: 75ms;
  12195. opacity: 0.12;
  12196. /* @alternate */
  12197. opacity: var(--mdc-ripple-focus-opacity, 0.12);
  12198. }
  12199. .mdc-tab__ripple:not(.mdc-ripple-upgraded)::after {
  12200. transition: opacity 150ms linear;
  12201. }
  12202. .mdc-tab__ripple:not(.mdc-ripple-upgraded):active::after {
  12203. transition-duration: 75ms;
  12204. opacity: 0.12;
  12205. /* @alternate */
  12206. opacity: var(--mdc-ripple-press-opacity, 0.12);
  12207. }
  12208. .mdc-tab__ripple.mdc-ripple-upgraded {
  12209. --mdc-ripple-fg-opacity: var(--mdc-ripple-press-opacity, 0.12);
  12210. }
  12211. /**
  12212. * @license
  12213. * Copyright 2018 Google Inc.
  12214. *
  12215. * Permission is hereby granted, free of charge, to any person obtaining a copy
  12216. * of this software and associated documentation files (the "Software"), to deal
  12217. * in the Software without restriction, including without limitation the rights
  12218. * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
  12219. * copies of the Software, and to permit persons to whom the Software is
  12220. * furnished to do so, subject to the following conditions:
  12221. *
  12222. * The above copyright notice and this permission notice shall be included in
  12223. * all copies or substantial portions of the Software.
  12224. *
  12225. * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
  12226. * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
  12227. * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
  12228. * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
  12229. * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
  12230. * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
  12231. * THE SOFTWARE.
  12232. */
  12233. .mdc-tab-bar {
  12234. width: 100%;
  12235. }
  12236. .mdc-tab {
  12237. height: 48px;
  12238. }
  12239. .mdc-tab--stacked {
  12240. height: 72px;
  12241. }
  12242. /**
  12243. * @license
  12244. * Copyright 2018 Google Inc.
  12245. *
  12246. * Permission is hereby granted, free of charge, to any person obtaining a copy
  12247. * of this software and associated documentation files (the "Software"), to deal
  12248. * in the Software without restriction, including without limitation the rights
  12249. * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
  12250. * copies of the Software, and to permit persons to whom the Software is
  12251. * furnished to do so, subject to the following conditions:
  12252. *
  12253. * The above copyright notice and this permission notice shall be included in
  12254. * all copies or substantial portions of the Software.
  12255. *
  12256. * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
  12257. * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
  12258. * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
  12259. * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
  12260. * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
  12261. * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
  12262. * THE SOFTWARE.
  12263. */
  12264. .mdc-tab-indicator {
  12265. display: flex;
  12266. position: absolute;
  12267. top: 0;
  12268. left: 0;
  12269. justify-content: center;
  12270. width: 100%;
  12271. height: 100%;
  12272. pointer-events: none;
  12273. z-index: 1;
  12274. }
  12275. .mdc-tab-indicator .mdc-tab-indicator__content--underline {
  12276. border-color: #6200ee;
  12277. /* @alternate */
  12278. border-color: var(--mdc-theme-primary, #6200ee);
  12279. }
  12280. .mdc-tab-indicator .mdc-tab-indicator__content--icon {
  12281. color: #018786;
  12282. /* @alternate */
  12283. color: var(--mdc-theme-secondary, #018786);
  12284. }
  12285. .mdc-tab-indicator .mdc-tab-indicator__content--underline {
  12286. border-top-width: 2px;
  12287. }
  12288. .mdc-tab-indicator .mdc-tab-indicator__content--icon {
  12289. height: 34px;
  12290. font-size: 34px;
  12291. }
  12292. .mdc-tab-indicator__content {
  12293. -webkit-transform-origin: left;
  12294. transform-origin: left;
  12295. opacity: 0;
  12296. }
  12297. .mdc-tab-indicator__content--underline {
  12298. align-self: flex-end;
  12299. box-sizing: border-box;
  12300. width: 100%;
  12301. border-top-style: solid;
  12302. }
  12303. .mdc-tab-indicator__content--icon {
  12304. align-self: center;
  12305. margin: 0 auto;
  12306. }
  12307. .mdc-tab-indicator--active .mdc-tab-indicator__content {
  12308. opacity: 1;
  12309. }
  12310. .mdc-tab-indicator .mdc-tab-indicator__content {
  12311. transition: 250ms -webkit-transform cubic-bezier(0.4, 0, 0.2, 1);
  12312. transition: 250ms transform cubic-bezier(0.4, 0, 0.2, 1);
  12313. transition: 250ms transform cubic-bezier(0.4, 0, 0.2, 1), 250ms -webkit-transform cubic-bezier(0.4, 0, 0.2, 1);
  12314. }
  12315. .mdc-tab-indicator--no-transition .mdc-tab-indicator__content {
  12316. transition: none;
  12317. }
  12318. .mdc-tab-indicator--fade .mdc-tab-indicator__content {
  12319. transition: 150ms opacity linear;
  12320. }
  12321. .mdc-tab-indicator--active.mdc-tab-indicator--fade .mdc-tab-indicator__content {
  12322. transition-delay: 100ms;
  12323. }
  12324. /**
  12325. * @license
  12326. * Copyright 2018 Google Inc.
  12327. *
  12328. * Permission is hereby granted, free of charge, to any person obtaining a copy
  12329. * of this software and associated documentation files (the "Software"), to deal
  12330. * in the Software without restriction, including without limitation the rights
  12331. * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
  12332. * copies of the Software, and to permit persons to whom the Software is
  12333. * furnished to do so, subject to the following conditions:
  12334. *
  12335. * The above copyright notice and this permission notice shall be included in
  12336. * all copies or substantial portions of the Software.
  12337. *
  12338. * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
  12339. * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
  12340. * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
  12341. * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
  12342. * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
  12343. * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
  12344. * THE SOFTWARE.
  12345. */
  12346. .mdc-tab-scroller {
  12347. overflow-y: hidden;
  12348. }
  12349. .mdc-tab-scroller.mdc-tab-scroller--animating .mdc-tab-scroller__scroll-content {
  12350. transition: 250ms -webkit-transform cubic-bezier(0.4, 0, 0.2, 1);
  12351. transition: 250ms transform cubic-bezier(0.4, 0, 0.2, 1);
  12352. transition: 250ms transform cubic-bezier(0.4, 0, 0.2, 1), 250ms -webkit-transform cubic-bezier(0.4, 0, 0.2, 1);
  12353. }
  12354. .mdc-tab-scroller__test {
  12355. position: absolute;
  12356. top: -9999px;
  12357. width: 100px;
  12358. height: 100px;
  12359. overflow-x: scroll;
  12360. }
  12361. .mdc-tab-scroller__scroll-area {
  12362. -webkit-overflow-scrolling: touch;
  12363. display: flex;
  12364. overflow-x: hidden;
  12365. }
  12366. .mdc-tab-scroller__scroll-area::-webkit-scrollbar,
  12367. .mdc-tab-scroller__test::-webkit-scrollbar {
  12368. display: none;
  12369. }
  12370. .mdc-tab-scroller__scroll-area--scroll {
  12371. overflow-x: scroll;
  12372. }
  12373. .mdc-tab-scroller__scroll-content {
  12374. position: relative;
  12375. display: flex;
  12376. flex: 1 0 auto;
  12377. -webkit-transform: none;
  12378. transform: none;
  12379. will-change: transform;
  12380. }
  12381. .mdc-tab-scroller--align-start .mdc-tab-scroller__scroll-content {
  12382. justify-content: flex-start;
  12383. }
  12384. .mdc-tab-scroller--align-end .mdc-tab-scroller__scroll-content {
  12385. justify-content: flex-end;
  12386. }
  12387. .mdc-tab-scroller--align-center .mdc-tab-scroller__scroll-content {
  12388. justify-content: center;
  12389. }
  12390. .mdc-tab-scroller--animating .mdc-tab-scroller__scroll-area {
  12391. -webkit-overflow-scrolling: auto;
  12392. }
  12393. .mdc-text-field--filled {
  12394. --mdc-ripple-fg-size: 0;
  12395. --mdc-ripple-left: 0;
  12396. --mdc-ripple-top: 0;
  12397. --mdc-ripple-fg-scale: 1;
  12398. --mdc-ripple-fg-translate-end: 0;
  12399. --mdc-ripple-fg-translate-start: 0;
  12400. -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  12401. will-change: transform, opacity;
  12402. }
  12403. .mdc-text-field--filled .mdc-text-field__ripple::before,
  12404. .mdc-text-field--filled .mdc-text-field__ripple::after {
  12405. position: absolute;
  12406. border-radius: 50%;
  12407. opacity: 0;
  12408. pointer-events: none;
  12409. content: "";
  12410. }
  12411. .mdc-text-field--filled .mdc-text-field__ripple::before {
  12412. transition: opacity 15ms linear, background-color 15ms linear;
  12413. z-index: 1;
  12414. /* @alternate */
  12415. z-index: var(--mdc-ripple-z-index, 1);
  12416. }
  12417. .mdc-text-field--filled .mdc-text-field__ripple::after {
  12418. z-index: 0;
  12419. /* @alternate */
  12420. z-index: var(--mdc-ripple-z-index, 0);
  12421. }
  12422. .mdc-text-field--filled.mdc-ripple-upgraded .mdc-text-field__ripple::before {
  12423. -webkit-transform: scale(var(--mdc-ripple-fg-scale, 1));
  12424. transform: scale(var(--mdc-ripple-fg-scale, 1));
  12425. }
  12426. .mdc-text-field--filled.mdc-ripple-upgraded .mdc-text-field__ripple::after {
  12427. top: 0;
  12428. /* @noflip */
  12429. left: 0;
  12430. -webkit-transform: scale(0);
  12431. transform: scale(0);
  12432. -webkit-transform-origin: center center;
  12433. transform-origin: center center;
  12434. }
  12435. .mdc-text-field--filled.mdc-ripple-upgraded--unbounded .mdc-text-field__ripple::after {
  12436. top: var(--mdc-ripple-top, 0);
  12437. /* @noflip */
  12438. left: var(--mdc-ripple-left, 0);
  12439. }
  12440. .mdc-text-field--filled.mdc-ripple-upgraded--foreground-activation .mdc-text-field__ripple::after {
  12441. -webkit-animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards;
  12442. animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards;
  12443. }
  12444. .mdc-text-field--filled.mdc-ripple-upgraded--foreground-deactivation .mdc-text-field__ripple::after {
  12445. -webkit-animation: mdc-ripple-fg-opacity-out 150ms;
  12446. animation: mdc-ripple-fg-opacity-out 150ms;
  12447. -webkit-transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
  12448. transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
  12449. }
  12450. .mdc-text-field--filled .mdc-text-field__ripple::before,
  12451. .mdc-text-field--filled .mdc-text-field__ripple::after {
  12452. top: calc(50% - 100%);
  12453. /* @noflip */
  12454. left: calc(50% - 100%);
  12455. width: 200%;
  12456. height: 200%;
  12457. }
  12458. .mdc-text-field--filled.mdc-ripple-upgraded .mdc-text-field__ripple::after {
  12459. width: var(--mdc-ripple-fg-size, 100%);
  12460. height: var(--mdc-ripple-fg-size, 100%);
  12461. }
  12462. .mdc-text-field__ripple {
  12463. position: absolute;
  12464. top: 0;
  12465. left: 0;
  12466. width: 100%;
  12467. height: 100%;
  12468. pointer-events: none;
  12469. }
  12470. .mdc-text-field {
  12471. border-top-left-radius: 4px;
  12472. /* @alternate */
  12473. border-top-left-radius: var(--mdc-shape-small, 4px);
  12474. border-top-right-radius: 4px;
  12475. /* @alternate */
  12476. border-top-right-radius: var(--mdc-shape-small, 4px);
  12477. border-bottom-right-radius: 0;
  12478. border-bottom-left-radius: 0;
  12479. display: inline-flex;
  12480. align-items: baseline;
  12481. padding: 0 16px;
  12482. position: relative;
  12483. box-sizing: border-box;
  12484. overflow: hidden;
  12485. /* @alternate */
  12486. will-change: opacity, transform, color;
  12487. }
  12488. .mdc-text-field:not(.mdc-text-field--disabled) .mdc-floating-label {
  12489. color: rgba(0, 0, 0, 0.6);
  12490. }
  12491. .mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__input {
  12492. color: rgba(0, 0, 0, 0.87);
  12493. }
  12494. @media all {
  12495. .mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__input::-webkit-input-placeholder {
  12496. color: rgba(0, 0, 0, 0.54);
  12497. }
  12498. .mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__input:-ms-input-placeholder {
  12499. color: rgba(0, 0, 0, 0.54);
  12500. }
  12501. .mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__input::-ms-input-placeholder {
  12502. color: rgba(0, 0, 0, 0.54);
  12503. }
  12504. .mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__input::placeholder {
  12505. color: rgba(0, 0, 0, 0.54);
  12506. }
  12507. }
  12508. @media all {
  12509. .mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__input:-ms-input-placeholder {
  12510. color: rgba(0, 0, 0, 0.54);
  12511. }
  12512. }
  12513. .mdc-text-field .mdc-text-field__input {
  12514. caret-color: #6200ee;
  12515. /* @alternate */
  12516. caret-color: var(--mdc-theme-primary, #6200ee);
  12517. }
  12518. .mdc-text-field:not(.mdc-text-field--disabled) + .mdc-text-field-helper-line .mdc-text-field-helper-text {
  12519. color: rgba(0, 0, 0, 0.6);
  12520. }
  12521. .mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field-character-counter,
  12522. .mdc-text-field:not(.mdc-text-field--disabled) + .mdc-text-field-helper-line .mdc-text-field-character-counter {
  12523. color: rgba(0, 0, 0, 0.6);
  12524. }
  12525. .mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__icon--leading {
  12526. color: rgba(0, 0, 0, 0.54);
  12527. }
  12528. .mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__icon--trailing {
  12529. color: rgba(0, 0, 0, 0.54);
  12530. }
  12531. .mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__affix--prefix {
  12532. color: rgba(0, 0, 0, 0.6);
  12533. }
  12534. .mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__affix--suffix {
  12535. color: rgba(0, 0, 0, 0.6);
  12536. }
  12537. .mdc-text-field .mdc-floating-label {
  12538. top: 50%;
  12539. -webkit-transform: translateY(-50%);
  12540. transform: translateY(-50%);
  12541. pointer-events: none;
  12542. }
  12543. .mdc-text-field__input {
  12544. -moz-osx-font-smoothing: grayscale;
  12545. -webkit-font-smoothing: antialiased;
  12546. font-family: Roboto, sans-serif;
  12547. /* @alternate */
  12548. font-family: var(--mdc-typography-subtitle1-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));
  12549. font-size: 1rem;
  12550. /* @alternate */
  12551. font-size: var(--mdc-typography-subtitle1-font-size, 1rem);
  12552. font-weight: 400;
  12553. /* @alternate */
  12554. font-weight: var(--mdc-typography-subtitle1-font-weight, 400);
  12555. letter-spacing: 0.009375em;
  12556. /* @alternate */
  12557. letter-spacing: var(--mdc-typography-subtitle1-letter-spacing, 0.009375em);
  12558. text-decoration: inherit;
  12559. /* @alternate */
  12560. -webkit-text-decoration: var(--mdc-typography-subtitle1-text-decoration, inherit);
  12561. text-decoration: var(--mdc-typography-subtitle1-text-decoration, inherit);
  12562. text-transform: inherit;
  12563. /* @alternate */
  12564. text-transform: var(--mdc-typography-subtitle1-text-transform, inherit);
  12565. height: 28px;
  12566. transition: opacity 150ms cubic-bezier(0.4, 0, 0.2, 1);
  12567. width: 100%;
  12568. min-width: 0;
  12569. border: none;
  12570. border-radius: 0;
  12571. background: none;
  12572. -webkit-appearance: none;
  12573. -moz-appearance: none;
  12574. appearance: none;
  12575. padding: 0;
  12576. }
  12577. .mdc-text-field__input::-ms-clear {
  12578. display: none;
  12579. }
  12580. .mdc-text-field__input::-webkit-calendar-picker-indicator {
  12581. display: none;
  12582. }
  12583. .mdc-text-field__input:focus {
  12584. outline: none;
  12585. }
  12586. .mdc-text-field__input:invalid {
  12587. box-shadow: none;
  12588. }
  12589. @media all {
  12590. .mdc-text-field__input::-webkit-input-placeholder {
  12591. transition: opacity 67ms cubic-bezier(0.4, 0, 0.2, 1);
  12592. opacity: 0;
  12593. }
  12594. .mdc-text-field__input:-ms-input-placeholder {
  12595. transition: opacity 67ms cubic-bezier(0.4, 0, 0.2, 1);
  12596. opacity: 0;
  12597. }
  12598. .mdc-text-field__input::-ms-input-placeholder {
  12599. transition: opacity 67ms cubic-bezier(0.4, 0, 0.2, 1);
  12600. opacity: 0;
  12601. }
  12602. .mdc-text-field__input::placeholder {
  12603. transition: opacity 67ms cubic-bezier(0.4, 0, 0.2, 1);
  12604. opacity: 0;
  12605. }
  12606. }
  12607. @media all {
  12608. .mdc-text-field__input:-ms-input-placeholder {
  12609. transition: opacity 67ms cubic-bezier(0.4, 0, 0.2, 1);
  12610. opacity: 0;
  12611. }
  12612. }
  12613. @media all {
  12614. .mdc-text-field--no-label .mdc-text-field__input::-webkit-input-placeholder, .mdc-text-field--focused .mdc-text-field__input::-webkit-input-placeholder {
  12615. transition-delay: 40ms;
  12616. transition-duration: 110ms;
  12617. opacity: 1;
  12618. }
  12619. .mdc-text-field--no-label .mdc-text-field__input:-ms-input-placeholder, .mdc-text-field--focused .mdc-text-field__input:-ms-input-placeholder {
  12620. transition-delay: 40ms;
  12621. transition-duration: 110ms;
  12622. opacity: 1;
  12623. }
  12624. .mdc-text-field--no-label .mdc-text-field__input::-ms-input-placeholder, .mdc-text-field--focused .mdc-text-field__input::-ms-input-placeholder {
  12625. transition-delay: 40ms;
  12626. transition-duration: 110ms;
  12627. opacity: 1;
  12628. }
  12629. .mdc-text-field--no-label .mdc-text-field__input::placeholder, .mdc-text-field--focused .mdc-text-field__input::placeholder {
  12630. transition-delay: 40ms;
  12631. transition-duration: 110ms;
  12632. opacity: 1;
  12633. }
  12634. }
  12635. @media all {
  12636. .mdc-text-field--no-label .mdc-text-field__input:-ms-input-placeholder, .mdc-text-field--focused .mdc-text-field__input:-ms-input-placeholder {
  12637. transition-delay: 40ms;
  12638. transition-duration: 110ms;
  12639. opacity: 1;
  12640. }
  12641. }
  12642. .mdc-text-field__affix {
  12643. -moz-osx-font-smoothing: grayscale;
  12644. -webkit-font-smoothing: antialiased;
  12645. font-family: Roboto, sans-serif;
  12646. /* @alternate */
  12647. font-family: var(--mdc-typography-subtitle1-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));
  12648. font-size: 1rem;
  12649. /* @alternate */
  12650. font-size: var(--mdc-typography-subtitle1-font-size, 1rem);
  12651. font-weight: 400;
  12652. /* @alternate */
  12653. font-weight: var(--mdc-typography-subtitle1-font-weight, 400);
  12654. letter-spacing: 0.009375em;
  12655. /* @alternate */
  12656. letter-spacing: var(--mdc-typography-subtitle1-letter-spacing, 0.009375em);
  12657. text-decoration: inherit;
  12658. /* @alternate */
  12659. -webkit-text-decoration: var(--mdc-typography-subtitle1-text-decoration, inherit);
  12660. text-decoration: var(--mdc-typography-subtitle1-text-decoration, inherit);
  12661. text-transform: inherit;
  12662. /* @alternate */
  12663. text-transform: var(--mdc-typography-subtitle1-text-transform, inherit);
  12664. height: 28px;
  12665. transition: opacity 150ms cubic-bezier(0.4, 0, 0.2, 1);
  12666. opacity: 0;
  12667. white-space: nowrap;
  12668. }
  12669. .mdc-text-field--label-floating .mdc-text-field__affix, .mdc-text-field--no-label .mdc-text-field__affix {
  12670. opacity: 1;
  12671. }
  12672. @supports (-webkit-hyphens: none) {
  12673. .mdc-text-field--outlined .mdc-text-field__affix {
  12674. align-items: center;
  12675. align-self: center;
  12676. display: inline-flex;
  12677. height: 100%;
  12678. }
  12679. }
  12680. .mdc-text-field__affix--prefix {
  12681. /* @noflip */
  12682. padding-left: 0;
  12683. /* @noflip */
  12684. padding-right: 2px;
  12685. }
  12686. [dir=rtl] .mdc-text-field__affix--prefix, .mdc-text-field__affix--prefix[dir=rtl] {
  12687. /* @noflip */
  12688. padding-left: 2px;
  12689. /* @noflip */
  12690. padding-right: 0;
  12691. }
  12692. .mdc-text-field--end-aligned .mdc-text-field__affix--prefix {
  12693. /* @noflip */
  12694. padding-left: 0;
  12695. /* @noflip */
  12696. padding-right: 12px;
  12697. }
  12698. [dir=rtl] .mdc-text-field--end-aligned .mdc-text-field__affix--prefix, .mdc-text-field--end-aligned .mdc-text-field__affix--prefix[dir=rtl] {
  12699. /* @noflip */
  12700. padding-left: 12px;
  12701. /* @noflip */
  12702. padding-right: 0;
  12703. }
  12704. .mdc-text-field__affix--suffix {
  12705. /* @noflip */
  12706. padding-left: 12px;
  12707. /* @noflip */
  12708. padding-right: 0;
  12709. }
  12710. [dir=rtl] .mdc-text-field__affix--suffix, .mdc-text-field__affix--suffix[dir=rtl] {
  12711. /* @noflip */
  12712. padding-left: 0;
  12713. /* @noflip */
  12714. padding-right: 12px;
  12715. }
  12716. .mdc-text-field--end-aligned .mdc-text-field__affix--suffix {
  12717. /* @noflip */
  12718. padding-left: 2px;
  12719. /* @noflip */
  12720. padding-right: 0;
  12721. }
  12722. [dir=rtl] .mdc-text-field--end-aligned .mdc-text-field__affix--suffix, .mdc-text-field--end-aligned .mdc-text-field__affix--suffix[dir=rtl] {
  12723. /* @noflip */
  12724. padding-left: 0;
  12725. /* @noflip */
  12726. padding-right: 2px;
  12727. }
  12728. .mdc-text-field--filled {
  12729. height: 56px;
  12730. }
  12731. .mdc-text-field--filled .mdc-text-field__ripple::before,
  12732. .mdc-text-field--filled .mdc-text-field__ripple::after {
  12733. background-color: rgba(0, 0, 0, 0.87);
  12734. /* @alternate */
  12735. background-color: var(--mdc-ripple-color, rgba(0, 0, 0, 0.87));
  12736. }
  12737. .mdc-text-field--filled:hover .mdc-text-field__ripple::before, .mdc-text-field--filled.mdc-ripple-surface--hover .mdc-text-field__ripple::before {
  12738. opacity: 0.04;
  12739. /* @alternate */
  12740. opacity: var(--mdc-ripple-hover-opacity, 0.04);
  12741. }
  12742. .mdc-text-field--filled.mdc-ripple-upgraded--background-focused .mdc-text-field__ripple::before, .mdc-text-field--filled:not(.mdc-ripple-upgraded):focus .mdc-text-field__ripple::before {
  12743. transition-duration: 75ms;
  12744. opacity: 0.12;
  12745. /* @alternate */
  12746. opacity: var(--mdc-ripple-focus-opacity, 0.12);
  12747. }
  12748. .mdc-text-field--filled::before {
  12749. display: inline-block;
  12750. width: 0;
  12751. height: 40px;
  12752. content: "";
  12753. vertical-align: 0;
  12754. }
  12755. .mdc-text-field--filled:not(.mdc-text-field--disabled) {
  12756. background-color: whitesmoke;
  12757. }
  12758. .mdc-text-field--filled:not(.mdc-text-field--disabled) .mdc-line-ripple::before {
  12759. border-bottom-color: rgba(0, 0, 0, 0.42);
  12760. }
  12761. .mdc-text-field--filled:not(.mdc-text-field--disabled):hover .mdc-line-ripple::before {
  12762. border-bottom-color: rgba(0, 0, 0, 0.87);
  12763. }
  12764. .mdc-text-field--filled .mdc-line-ripple::after {
  12765. border-bottom-color: #6200ee;
  12766. /* @alternate */
  12767. border-bottom-color: var(--mdc-theme-primary, #6200ee);
  12768. }
  12769. .mdc-text-field--filled .mdc-floating-label {
  12770. /* @noflip */
  12771. left: 16px;
  12772. /* @noflip */
  12773. right: initial;
  12774. }
  12775. [dir=rtl] .mdc-text-field--filled .mdc-floating-label, .mdc-text-field--filled .mdc-floating-label[dir=rtl] {
  12776. /* @noflip */
  12777. left: initial;
  12778. /* @noflip */
  12779. right: 16px;
  12780. }
  12781. .mdc-text-field--filled .mdc-floating-label--float-above {
  12782. -webkit-transform: translateY(-106%) scale(0.75);
  12783. transform: translateY(-106%) scale(0.75);
  12784. }
  12785. .mdc-text-field--filled.mdc-text-field--no-label .mdc-text-field__input {
  12786. height: 100%;
  12787. }
  12788. .mdc-text-field--filled.mdc-text-field--no-label .mdc-floating-label {
  12789. display: none;
  12790. }
  12791. .mdc-text-field--filled.mdc-text-field--no-label::before {
  12792. display: none;
  12793. }
  12794. @supports (-webkit-hyphens: none) {
  12795. .mdc-text-field--filled.mdc-text-field--no-label .mdc-text-field__affix {
  12796. align-items: center;
  12797. align-self: center;
  12798. display: inline-flex;
  12799. height: 100%;
  12800. }
  12801. }
  12802. .mdc-text-field--outlined {
  12803. height: 56px;
  12804. overflow: visible;
  12805. }
  12806. .mdc-text-field--outlined .mdc-floating-label--float-above {
  12807. -webkit-transform: translateY(-37.25px) scale(1);
  12808. transform: translateY(-37.25px) scale(1);
  12809. }
  12810. .mdc-text-field--outlined .mdc-floating-label--float-above {
  12811. font-size: 0.75rem;
  12812. }
  12813. .mdc-text-field--outlined.mdc-notched-outline--upgraded .mdc-floating-label--float-above,
  12814. .mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above {
  12815. -webkit-transform: translateY(-34.75px) scale(0.75);
  12816. transform: translateY(-34.75px) scale(0.75);
  12817. }
  12818. .mdc-text-field--outlined.mdc-notched-outline--upgraded .mdc-floating-label--float-above,
  12819. .mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above {
  12820. font-size: 1rem;
  12821. }
  12822. .mdc-text-field--outlined .mdc-floating-label--shake {
  12823. -webkit-animation: mdc-floating-label-shake-float-above-text-field-outlined 250ms 1;
  12824. animation: mdc-floating-label-shake-float-above-text-field-outlined 250ms 1;
  12825. }
  12826. @-webkit-keyframes mdc-floating-label-shake-float-above-text-field-outlined {
  12827. 0% {
  12828. -webkit-transform: translateX(calc(0 - 0%)) translateY(-34.75px) scale(0.75);
  12829. transform: translateX(calc(0 - 0%)) translateY(-34.75px) scale(0.75);
  12830. }
  12831. 33% {
  12832. -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);
  12833. animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);
  12834. -webkit-transform: translateX(calc(4% - 0%)) translateY(-34.75px) scale(0.75);
  12835. transform: translateX(calc(4% - 0%)) translateY(-34.75px) scale(0.75);
  12836. }
  12837. 66% {
  12838. -webkit-animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
  12839. animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
  12840. -webkit-transform: translateX(calc(-4% - 0%)) translateY(-34.75px) scale(0.75);
  12841. transform: translateX(calc(-4% - 0%)) translateY(-34.75px) scale(0.75);
  12842. }
  12843. 100% {
  12844. -webkit-transform: translateX(calc(0 - 0%)) translateY(-34.75px) scale(0.75);
  12845. transform: translateX(calc(0 - 0%)) translateY(-34.75px) scale(0.75);
  12846. }
  12847. }
  12848. @keyframes mdc-floating-label-shake-float-above-text-field-outlined {
  12849. 0% {
  12850. -webkit-transform: translateX(calc(0 - 0%)) translateY(-34.75px) scale(0.75);
  12851. transform: translateX(calc(0 - 0%)) translateY(-34.75px) scale(0.75);
  12852. }
  12853. 33% {
  12854. -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);
  12855. animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);
  12856. -webkit-transform: translateX(calc(4% - 0%)) translateY(-34.75px) scale(0.75);
  12857. transform: translateX(calc(4% - 0%)) translateY(-34.75px) scale(0.75);
  12858. }
  12859. 66% {
  12860. -webkit-animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
  12861. animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
  12862. -webkit-transform: translateX(calc(-4% - 0%)) translateY(-34.75px) scale(0.75);
  12863. transform: translateX(calc(-4% - 0%)) translateY(-34.75px) scale(0.75);
  12864. }
  12865. 100% {
  12866. -webkit-transform: translateX(calc(0 - 0%)) translateY(-34.75px) scale(0.75);
  12867. transform: translateX(calc(0 - 0%)) translateY(-34.75px) scale(0.75);
  12868. }
  12869. }
  12870. .mdc-text-field--outlined .mdc-text-field__input {
  12871. height: 100%;
  12872. }
  12873. .mdc-text-field--outlined:not(.mdc-text-field--disabled) .mdc-notched-outline__leading,
  12874. .mdc-text-field--outlined:not(.mdc-text-field--disabled) .mdc-notched-outline__notch,
  12875. .mdc-text-field--outlined:not(.mdc-text-field--disabled) .mdc-notched-outline__trailing {
  12876. border-color: rgba(0, 0, 0, 0.38);
  12877. }
  12878. .mdc-text-field--outlined:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mdc-notched-outline .mdc-notched-outline__leading,
  12879. .mdc-text-field--outlined:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mdc-notched-outline .mdc-notched-outline__notch,
  12880. .mdc-text-field--outlined:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mdc-notched-outline .mdc-notched-outline__trailing {
  12881. border-color: rgba(0, 0, 0, 0.87);
  12882. }
  12883. .mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__leading,
  12884. .mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__notch,
  12885. .mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__trailing {
  12886. border-color: #6200ee;
  12887. /* @alternate */
  12888. border-color: var(--mdc-theme-primary, #6200ee);
  12889. }
  12890. .mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__leading {
  12891. /* @noflip */
  12892. border-top-left-radius: 4px;
  12893. /* @alternate */
  12894. /* @noflip */
  12895. border-top-left-radius: var(--mdc-shape-small, 4px);
  12896. /* @noflip */
  12897. border-top-right-radius: 0;
  12898. /* @noflip */
  12899. border-bottom-right-radius: 0;
  12900. /* @noflip */
  12901. border-bottom-left-radius: 4px;
  12902. /* @alternate */
  12903. /* @noflip */
  12904. border-bottom-left-radius: var(--mdc-shape-small, 4px);
  12905. }
  12906. [dir=rtl] .mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__leading, .mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__leading[dir=rtl] {
  12907. /* @noflip */
  12908. border-top-left-radius: 0;
  12909. /* @noflip */
  12910. border-top-right-radius: 4px;
  12911. /* @alternate */
  12912. /* @noflip */
  12913. border-top-right-radius: var(--mdc-shape-small, 4px);
  12914. /* @noflip */
  12915. border-bottom-right-radius: 4px;
  12916. /* @alternate */
  12917. /* @noflip */
  12918. border-bottom-right-radius: var(--mdc-shape-small, 4px);
  12919. /* @noflip */
  12920. border-bottom-left-radius: 0;
  12921. }
  12922. @supports (top: max(0%)) {
  12923. .mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__leading {
  12924. width: max(12px, var(--mdc-shape-small, 4px));
  12925. }
  12926. }
  12927. @supports (top: max(0%)) {
  12928. .mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__notch {
  12929. max-width: calc(100% - max(12px, var(--mdc-shape-small, 4px)) * 2);
  12930. }
  12931. }
  12932. .mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__trailing {
  12933. /* @noflip */
  12934. border-top-left-radius: 0;
  12935. /* @noflip */
  12936. border-top-right-radius: 4px;
  12937. /* @alternate */
  12938. /* @noflip */
  12939. border-top-right-radius: var(--mdc-shape-small, 4px);
  12940. /* @noflip */
  12941. border-bottom-right-radius: 4px;
  12942. /* @alternate */
  12943. /* @noflip */
  12944. border-bottom-right-radius: var(--mdc-shape-small, 4px);
  12945. /* @noflip */
  12946. border-bottom-left-radius: 0;
  12947. }
  12948. [dir=rtl] .mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__trailing, .mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__trailing[dir=rtl] {
  12949. /* @noflip */
  12950. border-top-left-radius: 4px;
  12951. /* @alternate */
  12952. /* @noflip */
  12953. border-top-left-radius: var(--mdc-shape-small, 4px);
  12954. /* @noflip */
  12955. border-top-right-radius: 0;
  12956. /* @noflip */
  12957. border-bottom-right-radius: 0;
  12958. /* @noflip */
  12959. border-bottom-left-radius: 4px;
  12960. /* @alternate */
  12961. /* @noflip */
  12962. border-bottom-left-radius: var(--mdc-shape-small, 4px);
  12963. }
  12964. @supports (top: max(0%)) {
  12965. .mdc-text-field--outlined {
  12966. /* @noflip */
  12967. padding-left: max(16px, calc(var(--mdc-shape-small, 4px) + 4px));
  12968. }
  12969. }
  12970. @supports (top: max(0%)) {
  12971. .mdc-text-field--outlined {
  12972. /* @noflip */
  12973. padding-right: max(16px, var(--mdc-shape-small, 4px));
  12974. }
  12975. }
  12976. @supports (top: max(0%)) {
  12977. .mdc-text-field--outlined + .mdc-text-field-helper-line {
  12978. /* @noflip */
  12979. padding-left: max(16px, calc(var(--mdc-shape-small, 4px) + 4px));
  12980. }
  12981. }
  12982. @supports (top: max(0%)) {
  12983. .mdc-text-field--outlined + .mdc-text-field-helper-line {
  12984. /* @noflip */
  12985. padding-right: max(16px, var(--mdc-shape-small, 4px));
  12986. }
  12987. }
  12988. .mdc-text-field--outlined.mdc-text-field--with-leading-icon {
  12989. /* @noflip */
  12990. padding-left: 0;
  12991. }
  12992. @supports (top: max(0%)) {
  12993. .mdc-text-field--outlined.mdc-text-field--with-leading-icon {
  12994. /* @noflip */
  12995. padding-right: max(16px, var(--mdc-shape-small, 4px));
  12996. }
  12997. }
  12998. [dir=rtl] .mdc-text-field--outlined.mdc-text-field--with-leading-icon, .mdc-text-field--outlined.mdc-text-field--with-leading-icon[dir=rtl] {
  12999. /* @noflip */
  13000. padding-right: 0;
  13001. }
  13002. @supports (top: max(0%)) {
  13003. [dir=rtl] .mdc-text-field--outlined.mdc-text-field--with-leading-icon, .mdc-text-field--outlined.mdc-text-field--with-leading-icon[dir=rtl] {
  13004. /* @noflip */
  13005. padding-left: max(16px, var(--mdc-shape-small, 4px));
  13006. }
  13007. }
  13008. .mdc-text-field--outlined.mdc-text-field--with-trailing-icon {
  13009. /* @noflip */
  13010. padding-right: 0;
  13011. }
  13012. @supports (top: max(0%)) {
  13013. .mdc-text-field--outlined.mdc-text-field--with-trailing-icon {
  13014. /* @noflip */
  13015. padding-left: max(16px, calc(var(--mdc-shape-small, 4px) + 4px));
  13016. }
  13017. }
  13018. [dir=rtl] .mdc-text-field--outlined.mdc-text-field--with-trailing-icon, .mdc-text-field--outlined.mdc-text-field--with-trailing-icon[dir=rtl] {
  13019. /* @noflip */
  13020. padding-left: 0;
  13021. }
  13022. @supports (top: max(0%)) {
  13023. [dir=rtl] .mdc-text-field--outlined.mdc-text-field--with-trailing-icon, .mdc-text-field--outlined.mdc-text-field--with-trailing-icon[dir=rtl] {
  13024. /* @noflip */
  13025. padding-right: max(16px, calc(var(--mdc-shape-small, 4px) + 4px));
  13026. }
  13027. }
  13028. .mdc-text-field--outlined.mdc-text-field--with-leading-icon.mdc-text-field--with-trailing-icon {
  13029. /* @noflip */
  13030. padding-left: 0;
  13031. /* @noflip */
  13032. padding-right: 0;
  13033. }
  13034. .mdc-text-field--outlined .mdc-notched-outline--notched .mdc-notched-outline__notch {
  13035. padding-top: 1px;
  13036. }
  13037. .mdc-text-field--outlined .mdc-text-field__ripple::before,
  13038. .mdc-text-field--outlined .mdc-text-field__ripple::after {
  13039. content: none;
  13040. }
  13041. .mdc-text-field--outlined .mdc-floating-label {
  13042. /* @noflip */
  13043. left: 4px;
  13044. /* @noflip */
  13045. right: initial;
  13046. }
  13047. [dir=rtl] .mdc-text-field--outlined .mdc-floating-label, .mdc-text-field--outlined .mdc-floating-label[dir=rtl] {
  13048. /* @noflip */
  13049. left: initial;
  13050. /* @noflip */
  13051. right: 4px;
  13052. }
  13053. .mdc-text-field--outlined .mdc-text-field__input {
  13054. display: flex;
  13055. border: none !important;
  13056. background-color: transparent;
  13057. }
  13058. .mdc-text-field--outlined .mdc-notched-outline {
  13059. z-index: 1;
  13060. }
  13061. .mdc-text-field--textarea {
  13062. flex-direction: column;
  13063. align-items: center;
  13064. width: auto;
  13065. height: auto;
  13066. padding: 0;
  13067. transition: none;
  13068. }
  13069. .mdc-text-field--textarea .mdc-floating-label {
  13070. top: 19px;
  13071. }
  13072. .mdc-text-field--textarea .mdc-floating-label:not(.mdc-floating-label--float-above) {
  13073. -webkit-transform: none;
  13074. transform: none;
  13075. }
  13076. .mdc-text-field--textarea .mdc-text-field__input {
  13077. flex-grow: 1;
  13078. height: auto;
  13079. min-height: 1.5rem;
  13080. overflow-x: hidden;
  13081. overflow-y: auto;
  13082. box-sizing: border-box;
  13083. resize: none;
  13084. padding: 0 16px;
  13085. line-height: 1.5rem;
  13086. }
  13087. .mdc-text-field--textarea.mdc-text-field--filled::before {
  13088. display: none;
  13089. }
  13090. .mdc-text-field--textarea.mdc-text-field--filled .mdc-floating-label--float-above {
  13091. -webkit-transform: translateY(-10.25px) scale(0.75);
  13092. transform: translateY(-10.25px) scale(0.75);
  13093. }
  13094. .mdc-text-field--textarea.mdc-text-field--filled .mdc-floating-label--shake {
  13095. -webkit-animation: mdc-floating-label-shake-float-above-textarea-filled 250ms 1;
  13096. animation: mdc-floating-label-shake-float-above-textarea-filled 250ms 1;
  13097. }
  13098. @-webkit-keyframes mdc-floating-label-shake-float-above-textarea-filled {
  13099. 0% {
  13100. -webkit-transform: translateX(calc(0 - 0%)) translateY(-10.25px) scale(0.75);
  13101. transform: translateX(calc(0 - 0%)) translateY(-10.25px) scale(0.75);
  13102. }
  13103. 33% {
  13104. -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);
  13105. animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);
  13106. -webkit-transform: translateX(calc(4% - 0%)) translateY(-10.25px) scale(0.75);
  13107. transform: translateX(calc(4% - 0%)) translateY(-10.25px) scale(0.75);
  13108. }
  13109. 66% {
  13110. -webkit-animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
  13111. animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
  13112. -webkit-transform: translateX(calc(-4% - 0%)) translateY(-10.25px) scale(0.75);
  13113. transform: translateX(calc(-4% - 0%)) translateY(-10.25px) scale(0.75);
  13114. }
  13115. 100% {
  13116. -webkit-transform: translateX(calc(0 - 0%)) translateY(-10.25px) scale(0.75);
  13117. transform: translateX(calc(0 - 0%)) translateY(-10.25px) scale(0.75);
  13118. }
  13119. }
  13120. @keyframes mdc-floating-label-shake-float-above-textarea-filled {
  13121. 0% {
  13122. -webkit-transform: translateX(calc(0 - 0%)) translateY(-10.25px) scale(0.75);
  13123. transform: translateX(calc(0 - 0%)) translateY(-10.25px) scale(0.75);
  13124. }
  13125. 33% {
  13126. -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);
  13127. animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);
  13128. -webkit-transform: translateX(calc(4% - 0%)) translateY(-10.25px) scale(0.75);
  13129. transform: translateX(calc(4% - 0%)) translateY(-10.25px) scale(0.75);
  13130. }
  13131. 66% {
  13132. -webkit-animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
  13133. animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
  13134. -webkit-transform: translateX(calc(-4% - 0%)) translateY(-10.25px) scale(0.75);
  13135. transform: translateX(calc(-4% - 0%)) translateY(-10.25px) scale(0.75);
  13136. }
  13137. 100% {
  13138. -webkit-transform: translateX(calc(0 - 0%)) translateY(-10.25px) scale(0.75);
  13139. transform: translateX(calc(0 - 0%)) translateY(-10.25px) scale(0.75);
  13140. }
  13141. }
  13142. .mdc-text-field--textarea.mdc-text-field--filled .mdc-text-field__input {
  13143. margin-top: 23px;
  13144. margin-bottom: 9px;
  13145. }
  13146. .mdc-text-field--textarea.mdc-text-field--filled.mdc-text-field--no-label .mdc-text-field__input {
  13147. margin-top: 16px;
  13148. margin-bottom: 16px;
  13149. }
  13150. .mdc-text-field--textarea.mdc-text-field--outlined .mdc-notched-outline--notched .mdc-notched-outline__notch {
  13151. padding-top: 0;
  13152. }
  13153. .mdc-text-field--textarea.mdc-text-field--outlined .mdc-floating-label--float-above {
  13154. -webkit-transform: translateY(-27.25px) scale(1);
  13155. transform: translateY(-27.25px) scale(1);
  13156. }
  13157. .mdc-text-field--textarea.mdc-text-field--outlined .mdc-floating-label--float-above {
  13158. font-size: 0.75rem;
  13159. }
  13160. .mdc-text-field--textarea.mdc-text-field--outlined.mdc-notched-outline--upgraded .mdc-floating-label--float-above,
  13161. .mdc-text-field--textarea.mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above {
  13162. -webkit-transform: translateY(-24.75px) scale(0.75);
  13163. transform: translateY(-24.75px) scale(0.75);
  13164. }
  13165. .mdc-text-field--textarea.mdc-text-field--outlined.mdc-notched-outline--upgraded .mdc-floating-label--float-above,
  13166. .mdc-text-field--textarea.mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above {
  13167. font-size: 1rem;
  13168. }
  13169. .mdc-text-field--textarea.mdc-text-field--outlined .mdc-floating-label--shake {
  13170. -webkit-animation: mdc-floating-label-shake-float-above-textarea-outlined 250ms 1;
  13171. animation: mdc-floating-label-shake-float-above-textarea-outlined 250ms 1;
  13172. }
  13173. @-webkit-keyframes mdc-floating-label-shake-float-above-textarea-outlined {
  13174. 0% {
  13175. -webkit-transform: translateX(calc(0 - 0%)) translateY(-24.75px) scale(0.75);
  13176. transform: translateX(calc(0 - 0%)) translateY(-24.75px) scale(0.75);
  13177. }
  13178. 33% {
  13179. -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);
  13180. animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);
  13181. -webkit-transform: translateX(calc(4% - 0%)) translateY(-24.75px) scale(0.75);
  13182. transform: translateX(calc(4% - 0%)) translateY(-24.75px) scale(0.75);
  13183. }
  13184. 66% {
  13185. -webkit-animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
  13186. animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
  13187. -webkit-transform: translateX(calc(-4% - 0%)) translateY(-24.75px) scale(0.75);
  13188. transform: translateX(calc(-4% - 0%)) translateY(-24.75px) scale(0.75);
  13189. }
  13190. 100% {
  13191. -webkit-transform: translateX(calc(0 - 0%)) translateY(-24.75px) scale(0.75);
  13192. transform: translateX(calc(0 - 0%)) translateY(-24.75px) scale(0.75);
  13193. }
  13194. }
  13195. @keyframes mdc-floating-label-shake-float-above-textarea-outlined {
  13196. 0% {
  13197. -webkit-transform: translateX(calc(0 - 0%)) translateY(-24.75px) scale(0.75);
  13198. transform: translateX(calc(0 - 0%)) translateY(-24.75px) scale(0.75);
  13199. }
  13200. 33% {
  13201. -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);
  13202. animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);
  13203. -webkit-transform: translateX(calc(4% - 0%)) translateY(-24.75px) scale(0.75);
  13204. transform: translateX(calc(4% - 0%)) translateY(-24.75px) scale(0.75);
  13205. }
  13206. 66% {
  13207. -webkit-animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
  13208. animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
  13209. -webkit-transform: translateX(calc(-4% - 0%)) translateY(-24.75px) scale(0.75);
  13210. transform: translateX(calc(-4% - 0%)) translateY(-24.75px) scale(0.75);
  13211. }
  13212. 100% {
  13213. -webkit-transform: translateX(calc(0 - 0%)) translateY(-24.75px) scale(0.75);
  13214. transform: translateX(calc(0 - 0%)) translateY(-24.75px) scale(0.75);
  13215. }
  13216. }
  13217. .mdc-text-field--textarea.mdc-text-field--outlined .mdc-text-field__input {
  13218. margin-top: 16px;
  13219. margin-bottom: 16px;
  13220. }
  13221. .mdc-text-field--textarea.mdc-text-field--outlined .mdc-floating-label {
  13222. top: 18px;
  13223. }
  13224. .mdc-text-field--textarea.mdc-text-field--with-internal-counter .mdc-text-field__input {
  13225. margin-bottom: 2px;
  13226. }
  13227. .mdc-text-field--textarea.mdc-text-field--with-internal-counter .mdc-text-field-character-counter {
  13228. align-self: flex-end;
  13229. padding: 0 16px;
  13230. }
  13231. .mdc-text-field--textarea.mdc-text-field--with-internal-counter .mdc-text-field-character-counter::after {
  13232. display: inline-block;
  13233. width: 0;
  13234. height: 16px;
  13235. content: "";
  13236. vertical-align: -16px;
  13237. }
  13238. .mdc-text-field--textarea.mdc-text-field--with-internal-counter .mdc-text-field-character-counter::before {
  13239. display: none;
  13240. }
  13241. .mdc-text-field__resizer {
  13242. align-self: stretch;
  13243. display: inline-flex;
  13244. flex-direction: column;
  13245. flex-grow: 1;
  13246. max-height: 100%;
  13247. max-width: 100%;
  13248. min-height: 56px;
  13249. min-width: -webkit-fit-content;
  13250. min-width: -moz-fit-content;
  13251. min-width: fit-content;
  13252. /* @alternate */
  13253. min-width: -moz-available;
  13254. /* @alternate */
  13255. min-width: -webkit-fill-available;
  13256. overflow: hidden;
  13257. resize: both;
  13258. }
  13259. .mdc-text-field--filled .mdc-text-field__resizer {
  13260. -webkit-transform: translateY(-1px);
  13261. transform: translateY(-1px);
  13262. }
  13263. .mdc-text-field--filled .mdc-text-field__resizer .mdc-text-field__input,
  13264. .mdc-text-field--filled .mdc-text-field__resizer .mdc-text-field-character-counter {
  13265. -webkit-transform: translateY(1px);
  13266. transform: translateY(1px);
  13267. }
  13268. .mdc-text-field--outlined .mdc-text-field__resizer {
  13269. -webkit-transform: translateX(-1px) translateY(-1px);
  13270. transform: translateX(-1px) translateY(-1px);
  13271. }
  13272. [dir=rtl] .mdc-text-field--outlined .mdc-text-field__resizer, .mdc-text-field--outlined .mdc-text-field__resizer[dir=rtl] {
  13273. -webkit-transform: translateX(1px) translateY(-1px);
  13274. transform: translateX(1px) translateY(-1px);
  13275. }
  13276. .mdc-text-field--outlined .mdc-text-field__resizer .mdc-text-field__input,
  13277. .mdc-text-field--outlined .mdc-text-field__resizer .mdc-text-field-character-counter {
  13278. -webkit-transform: translateX(1px) translateY(1px);
  13279. transform: translateX(1px) translateY(1px);
  13280. }
  13281. [dir=rtl] .mdc-text-field--outlined .mdc-text-field__resizer .mdc-text-field__input, .mdc-text-field--outlined .mdc-text-field__resizer .mdc-text-field__input[dir=rtl],
  13282. [dir=rtl] .mdc-text-field--outlined .mdc-text-field__resizer .mdc-text-field-character-counter,
  13283. .mdc-text-field--outlined .mdc-text-field__resizer .mdc-text-field-character-counter[dir=rtl] {
  13284. -webkit-transform: translateX(-1px) translateY(1px);
  13285. transform: translateX(-1px) translateY(1px);
  13286. }
  13287. .mdc-text-field--with-leading-icon {
  13288. /* @noflip */
  13289. padding-left: 0;
  13290. /* @noflip */
  13291. padding-right: 16px;
  13292. }
  13293. [dir=rtl] .mdc-text-field--with-leading-icon, .mdc-text-field--with-leading-icon[dir=rtl] {
  13294. /* @noflip */
  13295. padding-left: 16px;
  13296. /* @noflip */
  13297. padding-right: 0;
  13298. }
  13299. .mdc-text-field--with-leading-icon.mdc-text-field--filled .mdc-floating-label {
  13300. max-width: calc(100% - 48px);
  13301. /* @noflip */
  13302. left: 48px;
  13303. /* @noflip */
  13304. right: initial;
  13305. }
  13306. [dir=rtl] .mdc-text-field--with-leading-icon.mdc-text-field--filled .mdc-floating-label, .mdc-text-field--with-leading-icon.mdc-text-field--filled .mdc-floating-label[dir=rtl] {
  13307. /* @noflip */
  13308. left: initial;
  13309. /* @noflip */
  13310. right: 48px;
  13311. }
  13312. .mdc-text-field--with-leading-icon.mdc-text-field--filled .mdc-floating-label--float-above {
  13313. max-width: calc(100% / 0.75 - 64px / 0.75);
  13314. }
  13315. .mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-floating-label {
  13316. /* @noflip */
  13317. left: 36px;
  13318. /* @noflip */
  13319. right: initial;
  13320. }
  13321. [dir=rtl] .mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-floating-label, .mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-floating-label[dir=rtl] {
  13322. /* @noflip */
  13323. left: initial;
  13324. /* @noflip */
  13325. right: 36px;
  13326. }
  13327. .mdc-text-field--with-leading-icon.mdc-text-field--outlined :not(.mdc-notched-outline--notched) .mdc-notched-outline__notch {
  13328. max-width: calc(100% - 60px);
  13329. }
  13330. .mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-floating-label--float-above {
  13331. -webkit-transform: translateY(-37.25px) translateX(-32px) scale(1);
  13332. transform: translateY(-37.25px) translateX(-32px) scale(1);
  13333. }
  13334. [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] {
  13335. -webkit-transform: translateY(-37.25px) translateX(32px) scale(1);
  13336. transform: translateY(-37.25px) translateX(32px) scale(1);
  13337. }
  13338. .mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-floating-label--float-above {
  13339. font-size: 0.75rem;
  13340. }
  13341. .mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-notched-outline--upgraded .mdc-floating-label--float-above,
  13342. .mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above {
  13343. -webkit-transform: translateY(-34.75px) translateX(-32px) scale(0.75);
  13344. transform: translateY(-34.75px) translateX(-32px) scale(0.75);
  13345. }
  13346. [dir=rtl] .mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-notched-outline--upgraded .mdc-floating-label--float-above, .mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-notched-outline--upgraded .mdc-floating-label--float-above[dir=rtl],
  13347. [dir=rtl] .mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above,
  13348. .mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above[dir=rtl] {
  13349. -webkit-transform: translateY(-34.75px) translateX(32px) scale(0.75);
  13350. transform: translateY(-34.75px) translateX(32px) scale(0.75);
  13351. }
  13352. .mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-notched-outline--upgraded .mdc-floating-label--float-above,
  13353. .mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above {
  13354. font-size: 1rem;
  13355. }
  13356. .mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-floating-label--shake {
  13357. -webkit-animation: mdc-floating-label-shake-float-above-text-field-outlined-leading-icon 250ms 1;
  13358. animation: mdc-floating-label-shake-float-above-text-field-outlined-leading-icon 250ms 1;
  13359. }
  13360. @-webkit-keyframes mdc-floating-label-shake-float-above-text-field-outlined-leading-icon {
  13361. 0% {
  13362. -webkit-transform: translateX(calc(0 - 32px)) translateY(-34.75px) scale(0.75);
  13363. transform: translateX(calc(0 - 32px)) translateY(-34.75px) scale(0.75);
  13364. }
  13365. 33% {
  13366. -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);
  13367. animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);
  13368. -webkit-transform: translateX(calc(4% - 32px)) translateY(-34.75px) scale(0.75);
  13369. transform: translateX(calc(4% - 32px)) translateY(-34.75px) scale(0.75);
  13370. }
  13371. 66% {
  13372. -webkit-animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
  13373. animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
  13374. -webkit-transform: translateX(calc(-4% - 32px)) translateY(-34.75px) scale(0.75);
  13375. transform: translateX(calc(-4% - 32px)) translateY(-34.75px) scale(0.75);
  13376. }
  13377. 100% {
  13378. -webkit-transform: translateX(calc(0 - 32px)) translateY(-34.75px) scale(0.75);
  13379. transform: translateX(calc(0 - 32px)) translateY(-34.75px) scale(0.75);
  13380. }
  13381. }
  13382. @keyframes mdc-floating-label-shake-float-above-text-field-outlined-leading-icon {
  13383. 0% {
  13384. -webkit-transform: translateX(calc(0 - 32px)) translateY(-34.75px) scale(0.75);
  13385. transform: translateX(calc(0 - 32px)) translateY(-34.75px) scale(0.75);
  13386. }
  13387. 33% {
  13388. -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);
  13389. animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);
  13390. -webkit-transform: translateX(calc(4% - 32px)) translateY(-34.75px) scale(0.75);
  13391. transform: translateX(calc(4% - 32px)) translateY(-34.75px) scale(0.75);
  13392. }
  13393. 66% {
  13394. -webkit-animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
  13395. animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
  13396. -webkit-transform: translateX(calc(-4% - 32px)) translateY(-34.75px) scale(0.75);
  13397. transform: translateX(calc(-4% - 32px)) translateY(-34.75px) scale(0.75);
  13398. }
  13399. 100% {
  13400. -webkit-transform: translateX(calc(0 - 32px)) translateY(-34.75px) scale(0.75);
  13401. transform: translateX(calc(0 - 32px)) translateY(-34.75px) scale(0.75);
  13402. }
  13403. }
  13404. [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 {
  13405. -webkit-animation: mdc-floating-label-shake-float-above-text-field-outlined-leading-icon 250ms 1;
  13406. animation: mdc-floating-label-shake-float-above-text-field-outlined-leading-icon 250ms 1;
  13407. }
  13408. @-webkit-keyframes mdc-floating-label-shake-float-above-text-field-outlined-leading-icon-rtl {
  13409. 0% {
  13410. -webkit-transform: translateX(calc(0 - -32px)) translateY(-34.75px) scale(0.75);
  13411. transform: translateX(calc(0 - -32px)) translateY(-34.75px) scale(0.75);
  13412. }
  13413. 33% {
  13414. -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);
  13415. animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);
  13416. -webkit-transform: translateX(calc(4% - -32px)) translateY(-34.75px) scale(0.75);
  13417. transform: translateX(calc(4% - -32px)) translateY(-34.75px) scale(0.75);
  13418. }
  13419. 66% {
  13420. -webkit-animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
  13421. animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
  13422. -webkit-transform: translateX(calc(-4% - -32px)) translateY(-34.75px) scale(0.75);
  13423. transform: translateX(calc(-4% - -32px)) translateY(-34.75px) scale(0.75);
  13424. }
  13425. 100% {
  13426. -webkit-transform: translateX(calc(0 - -32px)) translateY(-34.75px) scale(0.75);
  13427. transform: translateX(calc(0 - -32px)) translateY(-34.75px) scale(0.75);
  13428. }
  13429. }
  13430. @keyframes mdc-floating-label-shake-float-above-text-field-outlined-leading-icon-rtl {
  13431. 0% {
  13432. -webkit-transform: translateX(calc(0 - -32px)) translateY(-34.75px) scale(0.75);
  13433. transform: translateX(calc(0 - -32px)) translateY(-34.75px) scale(0.75);
  13434. }
  13435. 33% {
  13436. -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);
  13437. animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);
  13438. -webkit-transform: translateX(calc(4% - -32px)) translateY(-34.75px) scale(0.75);
  13439. transform: translateX(calc(4% - -32px)) translateY(-34.75px) scale(0.75);
  13440. }
  13441. 66% {
  13442. -webkit-animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
  13443. animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
  13444. -webkit-transform: translateX(calc(-4% - -32px)) translateY(-34.75px) scale(0.75);
  13445. transform: translateX(calc(-4% - -32px)) translateY(-34.75px) scale(0.75);
  13446. }
  13447. 100% {
  13448. -webkit-transform: translateX(calc(0 - -32px)) translateY(-34.75px) scale(0.75);
  13449. transform: translateX(calc(0 - -32px)) translateY(-34.75px) scale(0.75);
  13450. }
  13451. }
  13452. .mdc-text-field--with-trailing-icon {
  13453. /* @noflip */
  13454. padding-left: 16px;
  13455. /* @noflip */
  13456. padding-right: 0;
  13457. }
  13458. [dir=rtl] .mdc-text-field--with-trailing-icon, .mdc-text-field--with-trailing-icon[dir=rtl] {
  13459. /* @noflip */
  13460. padding-left: 0;
  13461. /* @noflip */
  13462. padding-right: 16px;
  13463. }
  13464. .mdc-text-field--with-trailing-icon.mdc-text-field--filled .mdc-floating-label {
  13465. max-width: calc(100% - 64px);
  13466. }
  13467. .mdc-text-field--with-trailing-icon.mdc-text-field--filled .mdc-floating-label--float-above {
  13468. max-width: calc(100% / 0.75 - 64px / 0.75);
  13469. }
  13470. .mdc-text-field--with-trailing-icon.mdc-text-field--outlined :not(.mdc-notched-outline--notched) .mdc-notched-outline__notch {
  13471. max-width: calc(100% - 60px);
  13472. }
  13473. .mdc-text-field--with-leading-icon.mdc-text-field--with-trailing-icon {
  13474. /* @noflip */
  13475. padding-left: 0;
  13476. /* @noflip */
  13477. padding-right: 0;
  13478. }
  13479. .mdc-text-field--with-leading-icon.mdc-text-field--with-trailing-icon.mdc-text-field--filled .mdc-floating-label {
  13480. max-width: calc(100% - 96px);
  13481. }
  13482. .mdc-text-field--with-leading-icon.mdc-text-field--with-trailing-icon.mdc-text-field--filled .mdc-floating-label--float-above {
  13483. max-width: calc(100% / 0.75 - 96px / 0.75);
  13484. }
  13485. .mdc-text-field-helper-line {
  13486. display: flex;
  13487. justify-content: space-between;
  13488. box-sizing: border-box;
  13489. }
  13490. .mdc-text-field + .mdc-text-field-helper-line {
  13491. padding-right: 16px;
  13492. padding-left: 16px;
  13493. }
  13494. .mdc-form-field > .mdc-text-field + label {
  13495. align-self: flex-start;
  13496. }
  13497. .mdc-text-field--focused:not(.mdc-text-field--disabled) .mdc-floating-label {
  13498. color: rgba(98, 0, 238, 0.87);
  13499. }
  13500. .mdc-text-field--focused .mdc-notched-outline__leading,
  13501. .mdc-text-field--focused .mdc-notched-outline__notch,
  13502. .mdc-text-field--focused .mdc-notched-outline__trailing {
  13503. border-width: 2px;
  13504. }
  13505. .mdc-text-field--focused + .mdc-text-field-helper-line .mdc-text-field-helper-text:not(.mdc-text-field-helper-text--validation-msg) {
  13506. opacity: 1;
  13507. }
  13508. .mdc-text-field--focused.mdc-text-field--outlined .mdc-notched-outline--notched .mdc-notched-outline__notch {
  13509. padding-top: 2px;
  13510. }
  13511. .mdc-text-field--focused.mdc-text-field--outlined.mdc-text-field--textarea .mdc-notched-outline--notched .mdc-notched-outline__notch {
  13512. padding-top: 0;
  13513. }
  13514. .mdc-text-field--invalid:not(.mdc-text-field--disabled):hover .mdc-line-ripple::before {
  13515. border-bottom-color: #b00020;
  13516. /* @alternate */
  13517. border-bottom-color: var(--mdc-theme-error, #b00020);
  13518. }
  13519. .mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-line-ripple::after {
  13520. border-bottom-color: #b00020;
  13521. /* @alternate */
  13522. border-bottom-color: var(--mdc-theme-error, #b00020);
  13523. }
  13524. .mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-floating-label {
  13525. color: #b00020;
  13526. /* @alternate */
  13527. color: var(--mdc-theme-error, #b00020);
  13528. }
  13529. .mdc-text-field--invalid:not(.mdc-text-field--disabled).mdc-text-field--invalid + .mdc-text-field-helper-line .mdc-text-field-helper-text--validation-msg {
  13530. color: #b00020;
  13531. /* @alternate */
  13532. color: var(--mdc-theme-error, #b00020);
  13533. }
  13534. .mdc-text-field--invalid .mdc-text-field__input {
  13535. caret-color: #b00020;
  13536. /* @alternate */
  13537. caret-color: var(--mdc-theme-error, #b00020);
  13538. }
  13539. .mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-text-field__icon--trailing {
  13540. color: #b00020;
  13541. /* @alternate */
  13542. color: var(--mdc-theme-error, #b00020);
  13543. }
  13544. .mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-line-ripple::before {
  13545. border-bottom-color: #b00020;
  13546. /* @alternate */
  13547. border-bottom-color: var(--mdc-theme-error, #b00020);
  13548. }
  13549. .mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-notched-outline__leading,
  13550. .mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-notched-outline__notch,
  13551. .mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-notched-outline__trailing {
  13552. border-color: #b00020;
  13553. /* @alternate */
  13554. border-color: var(--mdc-theme-error, #b00020);
  13555. }
  13556. .mdc-text-field--invalid:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mdc-notched-outline .mdc-notched-outline__leading,
  13557. .mdc-text-field--invalid:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mdc-notched-outline .mdc-notched-outline__notch,
  13558. .mdc-text-field--invalid:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mdc-notched-outline .mdc-notched-outline__trailing {
  13559. border-color: #b00020;
  13560. /* @alternate */
  13561. border-color: var(--mdc-theme-error, #b00020);
  13562. }
  13563. .mdc-text-field--invalid:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__leading,
  13564. .mdc-text-field--invalid:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__notch,
  13565. .mdc-text-field--invalid:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__trailing {
  13566. border-color: #b00020;
  13567. /* @alternate */
  13568. border-color: var(--mdc-theme-error, #b00020);
  13569. }
  13570. .mdc-text-field--invalid + .mdc-text-field-helper-line .mdc-text-field-helper-text--validation-msg {
  13571. opacity: 1;
  13572. }
  13573. .mdc-text-field--disabled {
  13574. pointer-events: none;
  13575. }
  13576. .mdc-text-field--disabled .mdc-text-field__input {
  13577. color: rgba(0, 0, 0, 0.38);
  13578. }
  13579. @media all {
  13580. .mdc-text-field--disabled .mdc-text-field__input::-webkit-input-placeholder {
  13581. color: rgba(0, 0, 0, 0.38);
  13582. }
  13583. .mdc-text-field--disabled .mdc-text-field__input:-ms-input-placeholder {
  13584. color: rgba(0, 0, 0, 0.38);
  13585. }
  13586. .mdc-text-field--disabled .mdc-text-field__input::-ms-input-placeholder {
  13587. color: rgba(0, 0, 0, 0.38);
  13588. }
  13589. .mdc-text-field--disabled .mdc-text-field__input::placeholder {
  13590. color: rgba(0, 0, 0, 0.38);
  13591. }
  13592. }
  13593. @media all {
  13594. .mdc-text-field--disabled .mdc-text-field__input:-ms-input-placeholder {
  13595. color: rgba(0, 0, 0, 0.38);
  13596. }
  13597. }
  13598. .mdc-text-field--disabled .mdc-floating-label {
  13599. color: rgba(0, 0, 0, 0.38);
  13600. }
  13601. .mdc-text-field--disabled + .mdc-text-field-helper-line .mdc-text-field-helper-text {
  13602. color: rgba(0, 0, 0, 0.38);
  13603. }
  13604. .mdc-text-field--disabled .mdc-text-field-character-counter,
  13605. .mdc-text-field--disabled + .mdc-text-field-helper-line .mdc-text-field-character-counter {
  13606. color: rgba(0, 0, 0, 0.38);
  13607. }
  13608. .mdc-text-field--disabled .mdc-text-field__icon--leading {
  13609. color: rgba(0, 0, 0, 0.3);
  13610. }
  13611. .mdc-text-field--disabled .mdc-text-field__icon--trailing {
  13612. color: rgba(0, 0, 0, 0.3);
  13613. }
  13614. .mdc-text-field--disabled .mdc-text-field__affix--prefix {
  13615. color: rgba(0, 0, 0, 0.38);
  13616. }
  13617. .mdc-text-field--disabled .mdc-text-field__affix--suffix {
  13618. color: rgba(0, 0, 0, 0.38);
  13619. }
  13620. .mdc-text-field--disabled .mdc-line-ripple::before {
  13621. border-bottom-color: rgba(0, 0, 0, 0.06);
  13622. }
  13623. .mdc-text-field--disabled .mdc-notched-outline__leading,
  13624. .mdc-text-field--disabled .mdc-notched-outline__notch,
  13625. .mdc-text-field--disabled .mdc-notched-outline__trailing {
  13626. border-color: rgba(0, 0, 0, 0.06);
  13627. }
  13628. @media screen and (-ms-high-contrast: active) {
  13629. .mdc-text-field--disabled .mdc-text-field__input::-webkit-input-placeholder {
  13630. color: GrayText;
  13631. }
  13632. .mdc-text-field--disabled .mdc-text-field__input:-ms-input-placeholder {
  13633. color: GrayText;
  13634. }
  13635. .mdc-text-field--disabled .mdc-text-field__input::-ms-input-placeholder {
  13636. color: GrayText;
  13637. }
  13638. .mdc-text-field--disabled .mdc-text-field__input::placeholder {
  13639. color: GrayText;
  13640. }
  13641. }
  13642. @media screen and (-ms-high-contrast: active) {
  13643. .mdc-text-field--disabled .mdc-text-field__input:-ms-input-placeholder {
  13644. color: GrayText;
  13645. }
  13646. }
  13647. @media screen and (-ms-high-contrast: active) {
  13648. .mdc-text-field--disabled .mdc-floating-label {
  13649. color: GrayText;
  13650. }
  13651. }
  13652. @media screen and (-ms-high-contrast: active) {
  13653. .mdc-text-field--disabled + .mdc-text-field-helper-line .mdc-text-field-helper-text {
  13654. color: GrayText;
  13655. }
  13656. }
  13657. @media screen and (-ms-high-contrast: active) {
  13658. .mdc-text-field--disabled .mdc-text-field-character-counter,
  13659. .mdc-text-field--disabled + .mdc-text-field-helper-line .mdc-text-field-character-counter {
  13660. color: GrayText;
  13661. }
  13662. }
  13663. @media screen and (-ms-high-contrast: active) {
  13664. .mdc-text-field--disabled .mdc-text-field__icon--leading {
  13665. color: GrayText;
  13666. }
  13667. }
  13668. @media screen and (-ms-high-contrast: active) {
  13669. .mdc-text-field--disabled .mdc-text-field__icon--trailing {
  13670. color: GrayText;
  13671. }
  13672. }
  13673. @media screen and (-ms-high-contrast: active) {
  13674. .mdc-text-field--disabled .mdc-text-field__affix--prefix {
  13675. color: GrayText;
  13676. }
  13677. }
  13678. @media screen and (-ms-high-contrast: active) {
  13679. .mdc-text-field--disabled .mdc-text-field__affix--suffix {
  13680. color: GrayText;
  13681. }
  13682. }
  13683. @media screen and (-ms-high-contrast: active) {
  13684. .mdc-text-field--disabled .mdc-line-ripple::before {
  13685. border-bottom-color: GrayText;
  13686. }
  13687. }
  13688. @media screen and (-ms-high-contrast: active) {
  13689. .mdc-text-field--disabled .mdc-notched-outline__leading,
  13690. .mdc-text-field--disabled .mdc-notched-outline__notch,
  13691. .mdc-text-field--disabled .mdc-notched-outline__trailing {
  13692. border-color: GrayText;
  13693. }
  13694. }
  13695. .mdc-text-field--disabled .mdc-floating-label {
  13696. cursor: default;
  13697. }
  13698. .mdc-text-field--disabled.mdc-text-field--filled {
  13699. background-color: #fafafa;
  13700. }
  13701. .mdc-text-field--disabled.mdc-text-field--filled .mdc-text-field__ripple {
  13702. display: none;
  13703. }
  13704. .mdc-text-field--disabled .mdc-text-field__input {
  13705. pointer-events: auto;
  13706. }
  13707. .mdc-text-field--end-aligned .mdc-text-field__input {
  13708. /* @noflip */
  13709. text-align: right;
  13710. }
  13711. [dir=rtl] .mdc-text-field--end-aligned .mdc-text-field__input, .mdc-text-field--end-aligned .mdc-text-field__input[dir=rtl] {
  13712. /* @noflip */
  13713. text-align: left;
  13714. }
  13715. [dir=rtl] .mdc-text-field--ltr-text .mdc-text-field__input,
  13716. [dir=rtl] .mdc-text-field--ltr-text .mdc-text-field__affix, .mdc-text-field--ltr-text[dir=rtl] .mdc-text-field__input,
  13717. .mdc-text-field--ltr-text[dir=rtl] .mdc-text-field__affix {
  13718. /* @noflip */
  13719. direction: ltr;
  13720. }
  13721. [dir=rtl] .mdc-text-field--ltr-text .mdc-text-field__affix--prefix, .mdc-text-field--ltr-text[dir=rtl] .mdc-text-field__affix--prefix {
  13722. /* @noflip */
  13723. padding-left: 0;
  13724. /* @noflip */
  13725. padding-right: 2px;
  13726. }
  13727. [dir=rtl] .mdc-text-field--ltr-text .mdc-text-field__affix--suffix, .mdc-text-field--ltr-text[dir=rtl] .mdc-text-field__affix--suffix {
  13728. /* @noflip */
  13729. padding-left: 12px;
  13730. /* @noflip */
  13731. padding-right: 0;
  13732. }
  13733. [dir=rtl] .mdc-text-field--ltr-text .mdc-text-field__icon--leading, .mdc-text-field--ltr-text[dir=rtl] .mdc-text-field__icon--leading {
  13734. order: 1;
  13735. }
  13736. [dir=rtl] .mdc-text-field--ltr-text .mdc-text-field__affix--suffix, .mdc-text-field--ltr-text[dir=rtl] .mdc-text-field__affix--suffix {
  13737. order: 2;
  13738. }
  13739. [dir=rtl] .mdc-text-field--ltr-text .mdc-text-field__input, .mdc-text-field--ltr-text[dir=rtl] .mdc-text-field__input {
  13740. order: 3;
  13741. }
  13742. [dir=rtl] .mdc-text-field--ltr-text .mdc-text-field__affix--prefix, .mdc-text-field--ltr-text[dir=rtl] .mdc-text-field__affix--prefix {
  13743. order: 4;
  13744. }
  13745. [dir=rtl] .mdc-text-field--ltr-text .mdc-text-field__icon--trailing, .mdc-text-field--ltr-text[dir=rtl] .mdc-text-field__icon--trailing {
  13746. order: 5;
  13747. }
  13748. [dir=rtl] .mdc-text-field--ltr-text.mdc-text-field--end-aligned .mdc-text-field__input, .mdc-text-field--ltr-text.mdc-text-field--end-aligned[dir=rtl] .mdc-text-field__input {
  13749. /* @noflip */
  13750. text-align: right;
  13751. }
  13752. [dir=rtl] .mdc-text-field--ltr-text.mdc-text-field--end-aligned .mdc-text-field__affix--prefix, .mdc-text-field--ltr-text.mdc-text-field--end-aligned[dir=rtl] .mdc-text-field__affix--prefix {
  13753. /* @noflip */
  13754. padding-right: 12px;
  13755. }
  13756. [dir=rtl] .mdc-text-field--ltr-text.mdc-text-field--end-aligned .mdc-text-field__affix--suffix, .mdc-text-field--ltr-text.mdc-text-field--end-aligned[dir=rtl] .mdc-text-field__affix--suffix {
  13757. /* @noflip */
  13758. padding-left: 2px;
  13759. }
  13760. .mdc-text-field-helper-text {
  13761. -moz-osx-font-smoothing: grayscale;
  13762. -webkit-font-smoothing: antialiased;
  13763. font-family: Roboto, sans-serif;
  13764. /* @alternate */
  13765. font-family: var(--mdc-typography-caption-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));
  13766. font-size: 0.75rem;
  13767. /* @alternate */
  13768. font-size: var(--mdc-typography-caption-font-size, 0.75rem);
  13769. line-height: 1.25rem;
  13770. /* @alternate */
  13771. line-height: var(--mdc-typography-caption-line-height, 1.25rem);
  13772. font-weight: 400;
  13773. /* @alternate */
  13774. font-weight: var(--mdc-typography-caption-font-weight, 400);
  13775. letter-spacing: 0.0333333333em;
  13776. /* @alternate */
  13777. letter-spacing: var(--mdc-typography-caption-letter-spacing, 0.0333333333em);
  13778. text-decoration: inherit;
  13779. /* @alternate */
  13780. -webkit-text-decoration: var(--mdc-typography-caption-text-decoration, inherit);
  13781. text-decoration: var(--mdc-typography-caption-text-decoration, inherit);
  13782. text-transform: inherit;
  13783. /* @alternate */
  13784. text-transform: var(--mdc-typography-caption-text-transform, inherit);
  13785. display: block;
  13786. margin-top: 0;
  13787. /* @alternate */
  13788. line-height: normal;
  13789. margin: 0;
  13790. opacity: 0;
  13791. will-change: opacity;
  13792. transition: opacity 150ms cubic-bezier(0.4, 0, 0.2, 1);
  13793. }
  13794. .mdc-text-field-helper-text::before {
  13795. display: inline-block;
  13796. width: 0;
  13797. height: 16px;
  13798. content: "";
  13799. vertical-align: 0;
  13800. }
  13801. .mdc-text-field-helper-text--persistent {
  13802. transition: none;
  13803. opacity: 1;
  13804. will-change: initial;
  13805. }
  13806. .mdc-text-field-character-counter {
  13807. -moz-osx-font-smoothing: grayscale;
  13808. -webkit-font-smoothing: antialiased;
  13809. font-family: Roboto, sans-serif;
  13810. /* @alternate */
  13811. font-family: var(--mdc-typography-caption-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));
  13812. font-size: 0.75rem;
  13813. /* @alternate */
  13814. font-size: var(--mdc-typography-caption-font-size, 0.75rem);
  13815. line-height: 1.25rem;
  13816. /* @alternate */
  13817. line-height: var(--mdc-typography-caption-line-height, 1.25rem);
  13818. font-weight: 400;
  13819. /* @alternate */
  13820. font-weight: var(--mdc-typography-caption-font-weight, 400);
  13821. letter-spacing: 0.0333333333em;
  13822. /* @alternate */
  13823. letter-spacing: var(--mdc-typography-caption-letter-spacing, 0.0333333333em);
  13824. text-decoration: inherit;
  13825. /* @alternate */
  13826. -webkit-text-decoration: var(--mdc-typography-caption-text-decoration, inherit);
  13827. text-decoration: var(--mdc-typography-caption-text-decoration, inherit);
  13828. text-transform: inherit;
  13829. /* @alternate */
  13830. text-transform: var(--mdc-typography-caption-text-transform, inherit);
  13831. display: block;
  13832. margin-top: 0;
  13833. /* @alternate */
  13834. line-height: normal;
  13835. /* @noflip */
  13836. margin-left: auto;
  13837. /* @noflip */
  13838. margin-right: 0;
  13839. /* @noflip */
  13840. padding-left: 16px;
  13841. /* @noflip */
  13842. padding-right: 0;
  13843. white-space: nowrap;
  13844. }
  13845. .mdc-text-field-character-counter::before {
  13846. display: inline-block;
  13847. width: 0;
  13848. height: 16px;
  13849. content: "";
  13850. vertical-align: 0;
  13851. }
  13852. [dir=rtl] .mdc-text-field-character-counter, .mdc-text-field-character-counter[dir=rtl] {
  13853. /* @noflip */
  13854. margin-left: 0;
  13855. /* @noflip */
  13856. margin-right: auto;
  13857. }
  13858. [dir=rtl] .mdc-text-field-character-counter, .mdc-text-field-character-counter[dir=rtl] {
  13859. /* @noflip */
  13860. padding-left: 0;
  13861. /* @noflip */
  13862. padding-right: 16px;
  13863. }
  13864. .mdc-text-field__icon {
  13865. align-self: center;
  13866. cursor: pointer;
  13867. }
  13868. .mdc-text-field__icon:not([tabindex]), .mdc-text-field__icon[tabindex="-1"] {
  13869. cursor: default;
  13870. pointer-events: none;
  13871. }
  13872. .mdc-text-field__icon svg {
  13873. display: block;
  13874. }
  13875. .mdc-text-field__icon--leading {
  13876. /* @noflip */
  13877. margin-left: 16px;
  13878. /* @noflip */
  13879. margin-right: 8px;
  13880. }
  13881. [dir=rtl] .mdc-text-field__icon--leading, .mdc-text-field__icon--leading[dir=rtl] {
  13882. /* @noflip */
  13883. margin-left: 8px;
  13884. /* @noflip */
  13885. margin-right: 16px;
  13886. }
  13887. .mdc-text-field__icon--trailing {
  13888. padding: 12px;
  13889. /* @noflip */
  13890. margin-left: 0px;
  13891. /* @noflip */
  13892. margin-right: 0px;
  13893. }
  13894. [dir=rtl] .mdc-text-field__icon--trailing, .mdc-text-field__icon--trailing[dir=rtl] {
  13895. /* @noflip */
  13896. margin-left: 0px;
  13897. /* @noflip */
  13898. margin-right: 0px;
  13899. }
  13900. :root {
  13901. --mdc-theme-primary: #6200ee;
  13902. --mdc-theme-secondary: #018786;
  13903. --mdc-theme-background: #fff;
  13904. --mdc-theme-surface: #fff;
  13905. --mdc-theme-error: #b00020;
  13906. --mdc-theme-on-primary: #fff;
  13907. --mdc-theme-on-secondary: #fff;
  13908. --mdc-theme-on-surface: #000;
  13909. --mdc-theme-on-error: #fff;
  13910. --mdc-theme-text-primary-on-background: rgba(0, 0, 0, 0.87);
  13911. --mdc-theme-text-secondary-on-background: rgba(0, 0, 0, 0.54);
  13912. --mdc-theme-text-hint-on-background: rgba(0, 0, 0, 0.38);
  13913. --mdc-theme-text-disabled-on-background: rgba(0, 0, 0, 0.38);
  13914. --mdc-theme-text-icon-on-background: rgba(0, 0, 0, 0.38);
  13915. --mdc-theme-text-primary-on-light: rgba(0, 0, 0, 0.87);
  13916. --mdc-theme-text-secondary-on-light: rgba(0, 0, 0, 0.54);
  13917. --mdc-theme-text-hint-on-light: rgba(0, 0, 0, 0.38);
  13918. --mdc-theme-text-disabled-on-light: rgba(0, 0, 0, 0.38);
  13919. --mdc-theme-text-icon-on-light: rgba(0, 0, 0, 0.38);
  13920. --mdc-theme-text-primary-on-dark: white;
  13921. --mdc-theme-text-secondary-on-dark: rgba(255, 255, 255, 0.7);
  13922. --mdc-theme-text-hint-on-dark: rgba(255, 255, 255, 0.5);
  13923. --mdc-theme-text-disabled-on-dark: rgba(255, 255, 255, 0.5);
  13924. --mdc-theme-text-icon-on-dark: rgba(255, 255, 255, 0.5);
  13925. }
  13926. .mdc-theme--primary {
  13927. color: #6200ee !important;
  13928. /* @alternate */
  13929. color: var(--mdc-theme-primary, #6200ee) !important;
  13930. }
  13931. .mdc-theme--secondary {
  13932. color: #018786 !important;
  13933. /* @alternate */
  13934. color: var(--mdc-theme-secondary, #018786) !important;
  13935. }
  13936. .mdc-theme--background {
  13937. background-color: #fff;
  13938. /* @alternate */
  13939. background-color: var(--mdc-theme-background, #fff);
  13940. }
  13941. .mdc-theme--surface {
  13942. background-color: #fff;
  13943. /* @alternate */
  13944. background-color: var(--mdc-theme-surface, #fff);
  13945. }
  13946. .mdc-theme--error {
  13947. color: #b00020 !important;
  13948. /* @alternate */
  13949. color: var(--mdc-theme-error, #b00020) !important;
  13950. }
  13951. .mdc-theme--on-primary {
  13952. color: #fff !important;
  13953. /* @alternate */
  13954. color: var(--mdc-theme-on-primary, #fff) !important;
  13955. }
  13956. .mdc-theme--on-secondary {
  13957. color: #fff !important;
  13958. /* @alternate */
  13959. color: var(--mdc-theme-on-secondary, #fff) !important;
  13960. }
  13961. .mdc-theme--on-surface {
  13962. color: #000 !important;
  13963. /* @alternate */
  13964. color: var(--mdc-theme-on-surface, #000) !important;
  13965. }
  13966. .mdc-theme--on-error {
  13967. color: #fff !important;
  13968. /* @alternate */
  13969. color: var(--mdc-theme-on-error, #fff) !important;
  13970. }
  13971. .mdc-theme--text-primary-on-background {
  13972. color: rgba(0, 0, 0, 0.87) !important;
  13973. /* @alternate */
  13974. color: var(--mdc-theme-text-primary-on-background, rgba(0, 0, 0, 0.87)) !important;
  13975. }
  13976. .mdc-theme--text-secondary-on-background {
  13977. color: rgba(0, 0, 0, 0.54) !important;
  13978. /* @alternate */
  13979. color: var(--mdc-theme-text-secondary-on-background, rgba(0, 0, 0, 0.54)) !important;
  13980. }
  13981. .mdc-theme--text-hint-on-background {
  13982. color: rgba(0, 0, 0, 0.38) !important;
  13983. /* @alternate */
  13984. color: var(--mdc-theme-text-hint-on-background, rgba(0, 0, 0, 0.38)) !important;
  13985. }
  13986. .mdc-theme--text-disabled-on-background {
  13987. color: rgba(0, 0, 0, 0.38) !important;
  13988. /* @alternate */
  13989. color: var(--mdc-theme-text-disabled-on-background, rgba(0, 0, 0, 0.38)) !important;
  13990. }
  13991. .mdc-theme--text-icon-on-background {
  13992. color: rgba(0, 0, 0, 0.38) !important;
  13993. /* @alternate */
  13994. color: var(--mdc-theme-text-icon-on-background, rgba(0, 0, 0, 0.38)) !important;
  13995. }
  13996. .mdc-theme--text-primary-on-light {
  13997. color: rgba(0, 0, 0, 0.87) !important;
  13998. /* @alternate */
  13999. color: var(--mdc-theme-text-primary-on-light, rgba(0, 0, 0, 0.87)) !important;
  14000. }
  14001. .mdc-theme--text-secondary-on-light {
  14002. color: rgba(0, 0, 0, 0.54) !important;
  14003. /* @alternate */
  14004. color: var(--mdc-theme-text-secondary-on-light, rgba(0, 0, 0, 0.54)) !important;
  14005. }
  14006. .mdc-theme--text-hint-on-light {
  14007. color: rgba(0, 0, 0, 0.38) !important;
  14008. /* @alternate */
  14009. color: var(--mdc-theme-text-hint-on-light, rgba(0, 0, 0, 0.38)) !important;
  14010. }
  14011. .mdc-theme--text-disabled-on-light {
  14012. color: rgba(0, 0, 0, 0.38) !important;
  14013. /* @alternate */
  14014. color: var(--mdc-theme-text-disabled-on-light, rgba(0, 0, 0, 0.38)) !important;
  14015. }
  14016. .mdc-theme--text-icon-on-light {
  14017. color: rgba(0, 0, 0, 0.38) !important;
  14018. /* @alternate */
  14019. color: var(--mdc-theme-text-icon-on-light, rgba(0, 0, 0, 0.38)) !important;
  14020. }
  14021. .mdc-theme--text-primary-on-dark {
  14022. color: white !important;
  14023. /* @alternate */
  14024. color: var(--mdc-theme-text-primary-on-dark, white) !important;
  14025. }
  14026. .mdc-theme--text-secondary-on-dark {
  14027. color: rgba(255, 255, 255, 0.7) !important;
  14028. /* @alternate */
  14029. color: var(--mdc-theme-text-secondary-on-dark, rgba(255, 255, 255, 0.7)) !important;
  14030. }
  14031. .mdc-theme--text-hint-on-dark {
  14032. color: rgba(255, 255, 255, 0.5) !important;
  14033. /* @alternate */
  14034. color: var(--mdc-theme-text-hint-on-dark, rgba(255, 255, 255, 0.5)) !important;
  14035. }
  14036. .mdc-theme--text-disabled-on-dark {
  14037. color: rgba(255, 255, 255, 0.5) !important;
  14038. /* @alternate */
  14039. color: var(--mdc-theme-text-disabled-on-dark, rgba(255, 255, 255, 0.5)) !important;
  14040. }
  14041. .mdc-theme--text-icon-on-dark {
  14042. color: rgba(255, 255, 255, 0.5) !important;
  14043. /* @alternate */
  14044. color: var(--mdc-theme-text-icon-on-dark, rgba(255, 255, 255, 0.5)) !important;
  14045. }
  14046. .mdc-theme--primary-bg {
  14047. background-color: #6200ee !important;
  14048. /* @alternate */
  14049. background-color: var(--mdc-theme-primary, #6200ee) !important;
  14050. }
  14051. .mdc-theme--secondary-bg {
  14052. background-color: #018786 !important;
  14053. /* @alternate */
  14054. background-color: var(--mdc-theme-secondary, #018786) !important;
  14055. }
  14056. .mdc-tooltip__surface {
  14057. border-radius: 4px;
  14058. /* @alternate */
  14059. border-radius: var(--mdc-shape-small, 4px);
  14060. }
  14061. .mdc-tooltip__surface {
  14062. color: white;
  14063. /* @alternate */
  14064. color: var(--mdc-theme-text-primary-on-dark, white);
  14065. }
  14066. .mdc-tooltip__surface {
  14067. background-color: rgba(0, 0, 0, 0.6);
  14068. }
  14069. .mdc-tooltip__surface {
  14070. word-break: break-all;
  14071. /* @alternate */
  14072. word-break: var(--mdc-tooltip-word-break, normal);
  14073. overflow-wrap: anywhere;
  14074. }
  14075. .mdc-tooltip {
  14076. z-index: 2;
  14077. }
  14078. .mdc-tooltip--showing-transition .mdc-tooltip__surface {
  14079. transition: opacity 150ms 0ms cubic-bezier(0, 0, 0.2, 1), -webkit-transform 150ms 0ms cubic-bezier(0, 0, 0.2, 1);
  14080. transition: opacity 150ms 0ms cubic-bezier(0, 0, 0.2, 1), transform 150ms 0ms cubic-bezier(0, 0, 0.2, 1);
  14081. transition: opacity 150ms 0ms cubic-bezier(0, 0, 0.2, 1), transform 150ms 0ms cubic-bezier(0, 0, 0.2, 1), -webkit-transform 150ms 0ms cubic-bezier(0, 0, 0.2, 1);
  14082. }
  14083. .mdc-tooltip--hide-transition .mdc-tooltip__surface {
  14084. transition: opacity 75ms 0ms cubic-bezier(0.4, 0, 1, 1);
  14085. }
  14086. .mdc-tooltip {
  14087. position: fixed;
  14088. display: none;
  14089. }
  14090. .mdc-tooltip-wrapper--rich {
  14091. position: relative;
  14092. }
  14093. .mdc-tooltip--shown,
  14094. .mdc-tooltip--showing,
  14095. .mdc-tooltip--hide {
  14096. display: inline-flex;
  14097. }
  14098. .mdc-tooltip--shown.mdc-tooltip--rich,
  14099. .mdc-tooltip--showing.mdc-tooltip--rich,
  14100. .mdc-tooltip--hide.mdc-tooltip--rich {
  14101. /* @alternate */
  14102. 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);
  14103. display: inline-block;
  14104. border-radius: 8px;
  14105. left: -320px;
  14106. padding: 8px 8px;
  14107. position: absolute;
  14108. }
  14109. .mdc-tooltip--shown.mdc-tooltip--rich .mdc-tooltip__surface,
  14110. .mdc-tooltip--showing.mdc-tooltip--rich .mdc-tooltip__surface,
  14111. .mdc-tooltip--hide.mdc-tooltip--rich .mdc-tooltip__surface {
  14112. background-color: rgba(255, 255, 255, 0.6);
  14113. }
  14114. .mdc-tooltip--shown.mdc-tooltip--rich .mdc-tooltip__title,
  14115. .mdc-tooltip--showing.mdc-tooltip--rich .mdc-tooltip__title,
  14116. .mdc-tooltip--hide.mdc-tooltip--rich .mdc-tooltip__title {
  14117. color: rgba(0, 0, 0, 0.87);
  14118. /* @alternate */
  14119. color: var(--mdc-theme-text-primary-on-light, rgba(0, 0, 0, 0.87));
  14120. }
  14121. .mdc-tooltip--shown.mdc-tooltip--rich .mdc-tooltip__content,
  14122. .mdc-tooltip--showing.mdc-tooltip--rich .mdc-tooltip__content,
  14123. .mdc-tooltip--hide.mdc-tooltip--rich .mdc-tooltip__content {
  14124. color: rgba(0, 0, 0, 0.6);
  14125. }
  14126. .mdc-tooltip--shown.mdc-tooltip--rich .mdc-tooltip__content-link,
  14127. .mdc-tooltip--showing.mdc-tooltip--rich .mdc-tooltip__content-link,
  14128. .mdc-tooltip--hide.mdc-tooltip--rich .mdc-tooltip__content-link {
  14129. color: #6200ee;
  14130. /* @alternate */
  14131. color: var(--mdc-theme-primary, #6200ee);
  14132. }
  14133. .mdc-tooltip__surface {
  14134. -moz-osx-font-smoothing: grayscale;
  14135. -webkit-font-smoothing: antialiased;
  14136. font-family: Roboto, sans-serif;
  14137. /* @alternate */
  14138. font-family: var(--mdc-typography-caption-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));
  14139. font-size: 0.75rem;
  14140. /* @alternate */
  14141. font-size: var(--mdc-typography-caption-font-size, 0.75rem);
  14142. font-weight: 400;
  14143. /* @alternate */
  14144. font-weight: var(--mdc-typography-caption-font-weight, 400);
  14145. letter-spacing: 0.0333333333em;
  14146. /* @alternate */
  14147. letter-spacing: var(--mdc-typography-caption-letter-spacing, 0.0333333333em);
  14148. text-decoration: inherit;
  14149. /* @alternate */
  14150. -webkit-text-decoration: var(--mdc-typography-caption-text-decoration, inherit);
  14151. text-decoration: var(--mdc-typography-caption-text-decoration, inherit);
  14152. text-transform: inherit;
  14153. /* @alternate */
  14154. text-transform: var(--mdc-typography-caption-text-transform, inherit);
  14155. line-height: 16px;
  14156. padding: 4px 8px;
  14157. min-width: 40px;
  14158. max-width: 200px;
  14159. min-height: 24px;
  14160. max-height: 40vh;
  14161. box-sizing: border-box;
  14162. overflow: hidden;
  14163. -webkit-transform: scale(0.8);
  14164. transform: scale(0.8);
  14165. text-align: center;
  14166. opacity: 0;
  14167. outline: 1px solid transparent;
  14168. }
  14169. .mdc-tooltip--rich .mdc-tooltip__surface {
  14170. align-items: flex-start;
  14171. display: flex;
  14172. flex-direction: column;
  14173. min-height: 24px;
  14174. min-width: 40px;
  14175. max-width: 320px;
  14176. }
  14177. .mdc-tooltip--multiline .mdc-tooltip__surface {
  14178. /* @noflip */
  14179. text-align: left;
  14180. }
  14181. [dir=rtl] .mdc-tooltip--multiline .mdc-tooltip__surface, .mdc-tooltip--multiline .mdc-tooltip__surface[dir=rtl] {
  14182. /* @noflip */
  14183. text-align: right;
  14184. }
  14185. .mdc-tooltip--shown .mdc-tooltip__surface {
  14186. -webkit-transform: scale(1);
  14187. transform: scale(1);
  14188. opacity: 1;
  14189. }
  14190. .mdc-tooltip--hide .mdc-tooltip__surface {
  14191. -webkit-transform: scale(1);
  14192. transform: scale(1);
  14193. }
  14194. .mdc-tooltip__surface .mdc-tooltip__title {
  14195. display: block;
  14196. margin-top: 0;
  14197. /* @alternate */
  14198. line-height: normal;
  14199. -moz-osx-font-smoothing: grayscale;
  14200. -webkit-font-smoothing: antialiased;
  14201. font-family: Roboto, sans-serif;
  14202. /* @alternate */
  14203. font-family: var(--mdc-typography-subtitle2-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));
  14204. font-size: 0.875rem;
  14205. /* @alternate */
  14206. font-size: var(--mdc-typography-subtitle2-font-size, 0.875rem);
  14207. font-weight: 500;
  14208. /* @alternate */
  14209. font-weight: var(--mdc-typography-subtitle2-font-weight, 500);
  14210. letter-spacing: 0.0071428571em;
  14211. /* @alternate */
  14212. letter-spacing: var(--mdc-typography-subtitle2-letter-spacing, 0.0071428571em);
  14213. text-decoration: inherit;
  14214. /* @alternate */
  14215. -webkit-text-decoration: var(--mdc-typography-subtitle2-text-decoration, inherit);
  14216. text-decoration: var(--mdc-typography-subtitle2-text-decoration, inherit);
  14217. text-transform: inherit;
  14218. /* @alternate */
  14219. text-transform: var(--mdc-typography-subtitle2-text-transform, inherit);
  14220. margin: 0 8px;
  14221. }
  14222. .mdc-tooltip__surface .mdc-tooltip__title::before {
  14223. display: inline-block;
  14224. width: 0;
  14225. height: 20px;
  14226. content: "";
  14227. vertical-align: 0;
  14228. }
  14229. .mdc-tooltip__surface .mdc-tooltip__content {
  14230. display: block;
  14231. margin-top: 0;
  14232. /* @alternate */
  14233. line-height: normal;
  14234. -moz-osx-font-smoothing: grayscale;
  14235. -webkit-font-smoothing: antialiased;
  14236. font-family: Roboto, sans-serif;
  14237. /* @alternate */
  14238. font-family: var(--mdc-typography-body1-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));
  14239. font-size: 1rem;
  14240. /* @alternate */
  14241. font-size: var(--mdc-typography-body1-font-size, 1rem);
  14242. font-weight: 400;
  14243. /* @alternate */
  14244. font-weight: var(--mdc-typography-body1-font-weight, 400);
  14245. letter-spacing: 0.03125em;
  14246. /* @alternate */
  14247. letter-spacing: var(--mdc-typography-body1-letter-spacing, 0.03125em);
  14248. text-decoration: inherit;
  14249. /* @alternate */
  14250. -webkit-text-decoration: var(--mdc-typography-body1-text-decoration, inherit);
  14251. text-decoration: var(--mdc-typography-body1-text-decoration, inherit);
  14252. text-transform: inherit;
  14253. /* @alternate */
  14254. text-transform: var(--mdc-typography-body1-text-transform, inherit);
  14255. margin: 0 8px 16px 8px;
  14256. }
  14257. .mdc-tooltip__surface .mdc-tooltip__content::before {
  14258. display: inline-block;
  14259. width: 0;
  14260. height: 24px;
  14261. content: "";
  14262. vertical-align: 0;
  14263. }
  14264. .mdc-tooltip__surface .mdc-tooltip__content-link {
  14265. text-decoration: none;
  14266. }
  14267. .mdc-top-app-bar {
  14268. background-color: #6200ee;
  14269. /* @alternate */
  14270. background-color: var(--mdc-theme-primary, #6200ee);
  14271. color: white;
  14272. display: flex;
  14273. position: fixed;
  14274. flex-direction: column;
  14275. justify-content: space-between;
  14276. box-sizing: border-box;
  14277. width: 100%;
  14278. z-index: 4;
  14279. }
  14280. .mdc-top-app-bar .mdc-top-app-bar__action-item,
  14281. .mdc-top-app-bar .mdc-top-app-bar__navigation-icon {
  14282. color: #fff;
  14283. /* @alternate */
  14284. color: var(--mdc-theme-on-primary, #fff);
  14285. }
  14286. .mdc-top-app-bar .mdc-top-app-bar__action-item::before, .mdc-top-app-bar .mdc-top-app-bar__action-item::after,
  14287. .mdc-top-app-bar .mdc-top-app-bar__navigation-icon::before,
  14288. .mdc-top-app-bar .mdc-top-app-bar__navigation-icon::after {
  14289. background-color: #fff;
  14290. /* @alternate */
  14291. background-color: var(--mdc-ripple-color, var(--mdc-theme-on-primary, #fff));
  14292. }
  14293. .mdc-top-app-bar .mdc-top-app-bar__action-item:hover::before, .mdc-top-app-bar .mdc-top-app-bar__action-item.mdc-ripple-surface--hover::before,
  14294. .mdc-top-app-bar .mdc-top-app-bar__navigation-icon:hover::before,
  14295. .mdc-top-app-bar .mdc-top-app-bar__navigation-icon.mdc-ripple-surface--hover::before {
  14296. opacity: 0.08;
  14297. /* @alternate */
  14298. opacity: var(--mdc-ripple-hover-opacity, 0.08);
  14299. }
  14300. .mdc-top-app-bar .mdc-top-app-bar__action-item.mdc-ripple-upgraded--background-focused::before, .mdc-top-app-bar .mdc-top-app-bar__action-item:not(.mdc-ripple-upgraded):focus::before,
  14301. .mdc-top-app-bar .mdc-top-app-bar__navigation-icon.mdc-ripple-upgraded--background-focused::before,
  14302. .mdc-top-app-bar .mdc-top-app-bar__navigation-icon:not(.mdc-ripple-upgraded):focus::before {
  14303. transition-duration: 75ms;
  14304. opacity: 0.24;
  14305. /* @alternate */
  14306. opacity: var(--mdc-ripple-focus-opacity, 0.24);
  14307. }
  14308. .mdc-top-app-bar .mdc-top-app-bar__action-item:not(.mdc-ripple-upgraded)::after,
  14309. .mdc-top-app-bar .mdc-top-app-bar__navigation-icon:not(.mdc-ripple-upgraded)::after {
  14310. transition: opacity 150ms linear;
  14311. }
  14312. .mdc-top-app-bar .mdc-top-app-bar__action-item:not(.mdc-ripple-upgraded):active::after,
  14313. .mdc-top-app-bar .mdc-top-app-bar__navigation-icon:not(.mdc-ripple-upgraded):active::after {
  14314. transition-duration: 75ms;
  14315. opacity: 0.24;
  14316. /* @alternate */
  14317. opacity: var(--mdc-ripple-press-opacity, 0.24);
  14318. }
  14319. .mdc-top-app-bar .mdc-top-app-bar__action-item.mdc-ripple-upgraded,
  14320. .mdc-top-app-bar .mdc-top-app-bar__navigation-icon.mdc-ripple-upgraded {
  14321. --mdc-ripple-fg-opacity: var(--mdc-ripple-press-opacity, 0.24);
  14322. }
  14323. .mdc-top-app-bar__row {
  14324. display: flex;
  14325. position: relative;
  14326. box-sizing: border-box;
  14327. width: 100%;
  14328. height: 64px;
  14329. }
  14330. .mdc-top-app-bar__section {
  14331. display: inline-flex;
  14332. flex: 1 1 auto;
  14333. align-items: center;
  14334. min-width: 0;
  14335. padding: 8px 12px;
  14336. z-index: 1;
  14337. }
  14338. .mdc-top-app-bar__section--align-start {
  14339. justify-content: flex-start;
  14340. order: -1;
  14341. }
  14342. .mdc-top-app-bar__section--align-end {
  14343. justify-content: flex-end;
  14344. order: 1;
  14345. }
  14346. .mdc-top-app-bar__title {
  14347. -moz-osx-font-smoothing: grayscale;
  14348. -webkit-font-smoothing: antialiased;
  14349. font-family: Roboto, sans-serif;
  14350. /* @alternate */
  14351. font-family: var(--mdc-typography-headline6-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));
  14352. font-size: 1.25rem;
  14353. /* @alternate */
  14354. font-size: var(--mdc-typography-headline6-font-size, 1.25rem);
  14355. line-height: 2rem;
  14356. /* @alternate */
  14357. line-height: var(--mdc-typography-headline6-line-height, 2rem);
  14358. font-weight: 500;
  14359. /* @alternate */
  14360. font-weight: var(--mdc-typography-headline6-font-weight, 500);
  14361. letter-spacing: 0.0125em;
  14362. /* @alternate */
  14363. letter-spacing: var(--mdc-typography-headline6-letter-spacing, 0.0125em);
  14364. text-decoration: inherit;
  14365. /* @alternate */
  14366. -webkit-text-decoration: var(--mdc-typography-headline6-text-decoration, inherit);
  14367. text-decoration: var(--mdc-typography-headline6-text-decoration, inherit);
  14368. text-transform: inherit;
  14369. /* @alternate */
  14370. text-transform: var(--mdc-typography-headline6-text-transform, inherit);
  14371. /* @noflip */
  14372. padding-left: 20px;
  14373. /* @noflip */
  14374. padding-right: 0;
  14375. text-overflow: ellipsis;
  14376. white-space: nowrap;
  14377. overflow: hidden;
  14378. z-index: 1;
  14379. }
  14380. [dir=rtl] .mdc-top-app-bar__title, .mdc-top-app-bar__title[dir=rtl] {
  14381. /* @noflip */
  14382. padding-left: 0;
  14383. /* @noflip */
  14384. padding-right: 20px;
  14385. }
  14386. .mdc-top-app-bar--short-collapsed {
  14387. /* @noflip */
  14388. border-top-left-radius: 0;
  14389. /* @noflip */
  14390. border-top-right-radius: 0;
  14391. /* @noflip */
  14392. border-bottom-right-radius: 24px;
  14393. /* @noflip */
  14394. border-bottom-left-radius: 0;
  14395. }
  14396. [dir=rtl] .mdc-top-app-bar--short-collapsed, .mdc-top-app-bar--short-collapsed[dir=rtl] {
  14397. /* @noflip */
  14398. border-top-left-radius: 0;
  14399. /* @noflip */
  14400. border-top-right-radius: 0;
  14401. /* @noflip */
  14402. border-bottom-right-radius: 0;
  14403. /* @noflip */
  14404. border-bottom-left-radius: 24px;
  14405. }
  14406. .mdc-top-app-bar--short {
  14407. top: 0;
  14408. /* @noflip */
  14409. right: auto;
  14410. /* @noflip */
  14411. left: 0;
  14412. width: 100%;
  14413. transition: width 250ms cubic-bezier(0.4, 0, 0.2, 1);
  14414. }
  14415. [dir=rtl] .mdc-top-app-bar--short, .mdc-top-app-bar--short[dir=rtl] {
  14416. /* @noflip */
  14417. right: 0;
  14418. /* @noflip */
  14419. left: auto;
  14420. }
  14421. .mdc-top-app-bar--short .mdc-top-app-bar__row {
  14422. height: 56px;
  14423. }
  14424. .mdc-top-app-bar--short .mdc-top-app-bar__section {
  14425. padding: 4px;
  14426. }
  14427. .mdc-top-app-bar--short .mdc-top-app-bar__title {
  14428. transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1);
  14429. opacity: 1;
  14430. }
  14431. .mdc-top-app-bar--short-collapsed {
  14432. /* @alternate */
  14433. 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);
  14434. width: 56px;
  14435. transition: width 300ms cubic-bezier(0.4, 0, 0.2, 1);
  14436. }
  14437. .mdc-top-app-bar--short-collapsed .mdc-top-app-bar__title {
  14438. display: none;
  14439. }
  14440. .mdc-top-app-bar--short-collapsed .mdc-top-app-bar__action-item {
  14441. transition: padding 150ms cubic-bezier(0.4, 0, 0.2, 1);
  14442. }
  14443. .mdc-top-app-bar--short-collapsed.mdc-top-app-bar--short-has-action-item {
  14444. width: 112px;
  14445. }
  14446. .mdc-top-app-bar--short-collapsed.mdc-top-app-bar--short-has-action-item .mdc-top-app-bar__section--align-end {
  14447. /* @noflip */
  14448. padding-left: 0;
  14449. /* @noflip */
  14450. padding-right: 12px;
  14451. }
  14452. [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] {
  14453. /* @noflip */
  14454. padding-left: 12px;
  14455. /* @noflip */
  14456. padding-right: 0;
  14457. }
  14458. .mdc-top-app-bar--dense .mdc-top-app-bar__row {
  14459. height: 48px;
  14460. }
  14461. .mdc-top-app-bar--dense .mdc-top-app-bar__section {
  14462. padding: 0 4px;
  14463. }
  14464. .mdc-top-app-bar--dense .mdc-top-app-bar__title {
  14465. /* @noflip */
  14466. padding-left: 12px;
  14467. /* @noflip */
  14468. padding-right: 0;
  14469. }
  14470. [dir=rtl] .mdc-top-app-bar--dense .mdc-top-app-bar__title, .mdc-top-app-bar--dense .mdc-top-app-bar__title[dir=rtl] {
  14471. /* @noflip */
  14472. padding-left: 0;
  14473. /* @noflip */
  14474. padding-right: 12px;
  14475. }
  14476. .mdc-top-app-bar--prominent .mdc-top-app-bar__row {
  14477. height: 128px;
  14478. }
  14479. .mdc-top-app-bar--prominent .mdc-top-app-bar__title {
  14480. align-self: flex-end;
  14481. padding-bottom: 2px;
  14482. }
  14483. .mdc-top-app-bar--prominent .mdc-top-app-bar__action-item,
  14484. .mdc-top-app-bar--prominent .mdc-top-app-bar__navigation-icon {
  14485. align-self: flex-start;
  14486. }
  14487. .mdc-top-app-bar--fixed {
  14488. transition: box-shadow 200ms linear;
  14489. }
  14490. .mdc-top-app-bar--fixed-scrolled {
  14491. /* @alternate */
  14492. 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);
  14493. transition: box-shadow 200ms linear;
  14494. }
  14495. .mdc-top-app-bar--dense.mdc-top-app-bar--prominent .mdc-top-app-bar__row {
  14496. height: 96px;
  14497. }
  14498. .mdc-top-app-bar--dense.mdc-top-app-bar--prominent .mdc-top-app-bar__section {
  14499. padding: 0 12px;
  14500. }
  14501. .mdc-top-app-bar--dense.mdc-top-app-bar--prominent .mdc-top-app-bar__title {
  14502. /* @noflip */
  14503. padding-left: 20px;
  14504. /* @noflip */
  14505. padding-right: 0;
  14506. padding-bottom: 9px;
  14507. }
  14508. [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] {
  14509. /* @noflip */
  14510. padding-left: 0;
  14511. /* @noflip */
  14512. padding-right: 20px;
  14513. }
  14514. .mdc-top-app-bar--fixed-adjust {
  14515. padding-top: 64px;
  14516. }
  14517. .mdc-top-app-bar--dense-fixed-adjust {
  14518. padding-top: 48px;
  14519. }
  14520. .mdc-top-app-bar--short-fixed-adjust {
  14521. padding-top: 56px;
  14522. }
  14523. .mdc-top-app-bar--prominent-fixed-adjust {
  14524. padding-top: 128px;
  14525. }
  14526. .mdc-top-app-bar--dense-prominent-fixed-adjust {
  14527. padding-top: 96px;
  14528. }
  14529. @media (max-width: 599px) {
  14530. .mdc-top-app-bar__row {
  14531. height: 56px;
  14532. }
  14533. .mdc-top-app-bar__section {
  14534. padding: 4px;
  14535. }
  14536. .mdc-top-app-bar--short {
  14537. transition: width 200ms cubic-bezier(0.4, 0, 0.2, 1);
  14538. }
  14539. .mdc-top-app-bar--short-collapsed {
  14540. transition: width 250ms cubic-bezier(0.4, 0, 0.2, 1);
  14541. }
  14542. .mdc-top-app-bar--short-collapsed .mdc-top-app-bar__section--align-end {
  14543. /* @noflip */
  14544. padding-left: 0;
  14545. /* @noflip */
  14546. padding-right: 12px;
  14547. }
  14548. [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] {
  14549. /* @noflip */
  14550. padding-left: 12px;
  14551. /* @noflip */
  14552. padding-right: 0;
  14553. }
  14554. .mdc-top-app-bar--prominent .mdc-top-app-bar__title {
  14555. padding-bottom: 6px;
  14556. }
  14557. .mdc-top-app-bar--fixed-adjust {
  14558. padding-top: 56px;
  14559. }
  14560. }
  14561. .mdc-typography {
  14562. -moz-osx-font-smoothing: grayscale;
  14563. -webkit-font-smoothing: antialiased;
  14564. font-family: Roboto, sans-serif;
  14565. /* @alternate */
  14566. font-family: var(--mdc-typography-font-family, Roboto, sans-serif);
  14567. }
  14568. .mdc-typography--headline1 {
  14569. -moz-osx-font-smoothing: grayscale;
  14570. -webkit-font-smoothing: antialiased;
  14571. font-family: Roboto, sans-serif;
  14572. /* @alternate */
  14573. font-family: var(--mdc-typography-headline1-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));
  14574. font-size: 6rem;
  14575. /* @alternate */
  14576. font-size: var(--mdc-typography-headline1-font-size, 6rem);
  14577. line-height: 6rem;
  14578. /* @alternate */
  14579. line-height: var(--mdc-typography-headline1-line-height, 6rem);
  14580. font-weight: 300;
  14581. /* @alternate */
  14582. font-weight: var(--mdc-typography-headline1-font-weight, 300);
  14583. letter-spacing: -0.015625em;
  14584. /* @alternate */
  14585. letter-spacing: var(--mdc-typography-headline1-letter-spacing, -0.015625em);
  14586. text-decoration: inherit;
  14587. /* @alternate */
  14588. -webkit-text-decoration: var(--mdc-typography-headline1-text-decoration, inherit);
  14589. text-decoration: var(--mdc-typography-headline1-text-decoration, inherit);
  14590. text-transform: inherit;
  14591. /* @alternate */
  14592. text-transform: var(--mdc-typography-headline1-text-transform, inherit);
  14593. }
  14594. .mdc-typography--headline2 {
  14595. -moz-osx-font-smoothing: grayscale;
  14596. -webkit-font-smoothing: antialiased;
  14597. font-family: Roboto, sans-serif;
  14598. /* @alternate */
  14599. font-family: var(--mdc-typography-headline2-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));
  14600. font-size: 3.75rem;
  14601. /* @alternate */
  14602. font-size: var(--mdc-typography-headline2-font-size, 3.75rem);
  14603. line-height: 3.75rem;
  14604. /* @alternate */
  14605. line-height: var(--mdc-typography-headline2-line-height, 3.75rem);
  14606. font-weight: 300;
  14607. /* @alternate */
  14608. font-weight: var(--mdc-typography-headline2-font-weight, 300);
  14609. letter-spacing: -0.0083333333em;
  14610. /* @alternate */
  14611. letter-spacing: var(--mdc-typography-headline2-letter-spacing, -0.0083333333em);
  14612. text-decoration: inherit;
  14613. /* @alternate */
  14614. -webkit-text-decoration: var(--mdc-typography-headline2-text-decoration, inherit);
  14615. text-decoration: var(--mdc-typography-headline2-text-decoration, inherit);
  14616. text-transform: inherit;
  14617. /* @alternate */
  14618. text-transform: var(--mdc-typography-headline2-text-transform, inherit);
  14619. }
  14620. .mdc-typography--headline3 {
  14621. -moz-osx-font-smoothing: grayscale;
  14622. -webkit-font-smoothing: antialiased;
  14623. font-family: Roboto, sans-serif;
  14624. /* @alternate */
  14625. font-family: var(--mdc-typography-headline3-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));
  14626. font-size: 3rem;
  14627. /* @alternate */
  14628. font-size: var(--mdc-typography-headline3-font-size, 3rem);
  14629. line-height: 3.125rem;
  14630. /* @alternate */
  14631. line-height: var(--mdc-typography-headline3-line-height, 3.125rem);
  14632. font-weight: 400;
  14633. /* @alternate */
  14634. font-weight: var(--mdc-typography-headline3-font-weight, 400);
  14635. letter-spacing: normal;
  14636. /* @alternate */
  14637. letter-spacing: var(--mdc-typography-headline3-letter-spacing, normal);
  14638. text-decoration: inherit;
  14639. /* @alternate */
  14640. -webkit-text-decoration: var(--mdc-typography-headline3-text-decoration, inherit);
  14641. text-decoration: var(--mdc-typography-headline3-text-decoration, inherit);
  14642. text-transform: inherit;
  14643. /* @alternate */
  14644. text-transform: var(--mdc-typography-headline3-text-transform, inherit);
  14645. }
  14646. .mdc-typography--headline4 {
  14647. -moz-osx-font-smoothing: grayscale;
  14648. -webkit-font-smoothing: antialiased;
  14649. font-family: Roboto, sans-serif;
  14650. /* @alternate */
  14651. font-family: var(--mdc-typography-headline4-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));
  14652. font-size: 2.125rem;
  14653. /* @alternate */
  14654. font-size: var(--mdc-typography-headline4-font-size, 2.125rem);
  14655. line-height: 2.5rem;
  14656. /* @alternate */
  14657. line-height: var(--mdc-typography-headline4-line-height, 2.5rem);
  14658. font-weight: 400;
  14659. /* @alternate */
  14660. font-weight: var(--mdc-typography-headline4-font-weight, 400);
  14661. letter-spacing: 0.0073529412em;
  14662. /* @alternate */
  14663. letter-spacing: var(--mdc-typography-headline4-letter-spacing, 0.0073529412em);
  14664. text-decoration: inherit;
  14665. /* @alternate */
  14666. -webkit-text-decoration: var(--mdc-typography-headline4-text-decoration, inherit);
  14667. text-decoration: var(--mdc-typography-headline4-text-decoration, inherit);
  14668. text-transform: inherit;
  14669. /* @alternate */
  14670. text-transform: var(--mdc-typography-headline4-text-transform, inherit);
  14671. }
  14672. .mdc-typography--headline5 {
  14673. -moz-osx-font-smoothing: grayscale;
  14674. -webkit-font-smoothing: antialiased;
  14675. font-family: Roboto, sans-serif;
  14676. /* @alternate */
  14677. font-family: var(--mdc-typography-headline5-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));
  14678. font-size: 1.5rem;
  14679. /* @alternate */
  14680. font-size: var(--mdc-typography-headline5-font-size, 1.5rem);
  14681. line-height: 2rem;
  14682. /* @alternate */
  14683. line-height: var(--mdc-typography-headline5-line-height, 2rem);
  14684. font-weight: 400;
  14685. /* @alternate */
  14686. font-weight: var(--mdc-typography-headline5-font-weight, 400);
  14687. letter-spacing: normal;
  14688. /* @alternate */
  14689. letter-spacing: var(--mdc-typography-headline5-letter-spacing, normal);
  14690. text-decoration: inherit;
  14691. /* @alternate */
  14692. -webkit-text-decoration: var(--mdc-typography-headline5-text-decoration, inherit);
  14693. text-decoration: var(--mdc-typography-headline5-text-decoration, inherit);
  14694. text-transform: inherit;
  14695. /* @alternate */
  14696. text-transform: var(--mdc-typography-headline5-text-transform, inherit);
  14697. }
  14698. .mdc-typography--headline6 {
  14699. -moz-osx-font-smoothing: grayscale;
  14700. -webkit-font-smoothing: antialiased;
  14701. font-family: Roboto, sans-serif;
  14702. /* @alternate */
  14703. font-family: var(--mdc-typography-headline6-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));
  14704. font-size: 1.25rem;
  14705. /* @alternate */
  14706. font-size: var(--mdc-typography-headline6-font-size, 1.25rem);
  14707. line-height: 2rem;
  14708. /* @alternate */
  14709. line-height: var(--mdc-typography-headline6-line-height, 2rem);
  14710. font-weight: 500;
  14711. /* @alternate */
  14712. font-weight: var(--mdc-typography-headline6-font-weight, 500);
  14713. letter-spacing: 0.0125em;
  14714. /* @alternate */
  14715. letter-spacing: var(--mdc-typography-headline6-letter-spacing, 0.0125em);
  14716. text-decoration: inherit;
  14717. /* @alternate */
  14718. -webkit-text-decoration: var(--mdc-typography-headline6-text-decoration, inherit);
  14719. text-decoration: var(--mdc-typography-headline6-text-decoration, inherit);
  14720. text-transform: inherit;
  14721. /* @alternate */
  14722. text-transform: var(--mdc-typography-headline6-text-transform, inherit);
  14723. }
  14724. .mdc-typography--subtitle1 {
  14725. -moz-osx-font-smoothing: grayscale;
  14726. -webkit-font-smoothing: antialiased;
  14727. font-family: Roboto, sans-serif;
  14728. /* @alternate */
  14729. font-family: var(--mdc-typography-subtitle1-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));
  14730. font-size: 1rem;
  14731. /* @alternate */
  14732. font-size: var(--mdc-typography-subtitle1-font-size, 1rem);
  14733. line-height: 1.75rem;
  14734. /* @alternate */
  14735. line-height: var(--mdc-typography-subtitle1-line-height, 1.75rem);
  14736. font-weight: 400;
  14737. /* @alternate */
  14738. font-weight: var(--mdc-typography-subtitle1-font-weight, 400);
  14739. letter-spacing: 0.009375em;
  14740. /* @alternate */
  14741. letter-spacing: var(--mdc-typography-subtitle1-letter-spacing, 0.009375em);
  14742. text-decoration: inherit;
  14743. /* @alternate */
  14744. -webkit-text-decoration: var(--mdc-typography-subtitle1-text-decoration, inherit);
  14745. text-decoration: var(--mdc-typography-subtitle1-text-decoration, inherit);
  14746. text-transform: inherit;
  14747. /* @alternate */
  14748. text-transform: var(--mdc-typography-subtitle1-text-transform, inherit);
  14749. }
  14750. .mdc-typography--subtitle2 {
  14751. -moz-osx-font-smoothing: grayscale;
  14752. -webkit-font-smoothing: antialiased;
  14753. font-family: Roboto, sans-serif;
  14754. /* @alternate */
  14755. font-family: var(--mdc-typography-subtitle2-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));
  14756. font-size: 0.875rem;
  14757. /* @alternate */
  14758. font-size: var(--mdc-typography-subtitle2-font-size, 0.875rem);
  14759. line-height: 1.375rem;
  14760. /* @alternate */
  14761. line-height: var(--mdc-typography-subtitle2-line-height, 1.375rem);
  14762. font-weight: 500;
  14763. /* @alternate */
  14764. font-weight: var(--mdc-typography-subtitle2-font-weight, 500);
  14765. letter-spacing: 0.0071428571em;
  14766. /* @alternate */
  14767. letter-spacing: var(--mdc-typography-subtitle2-letter-spacing, 0.0071428571em);
  14768. text-decoration: inherit;
  14769. /* @alternate */
  14770. -webkit-text-decoration: var(--mdc-typography-subtitle2-text-decoration, inherit);
  14771. text-decoration: var(--mdc-typography-subtitle2-text-decoration, inherit);
  14772. text-transform: inherit;
  14773. /* @alternate */
  14774. text-transform: var(--mdc-typography-subtitle2-text-transform, inherit);
  14775. }
  14776. .mdc-typography--body1 {
  14777. -moz-osx-font-smoothing: grayscale;
  14778. -webkit-font-smoothing: antialiased;
  14779. font-family: Roboto, sans-serif;
  14780. /* @alternate */
  14781. font-family: var(--mdc-typography-body1-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));
  14782. font-size: 1rem;
  14783. /* @alternate */
  14784. font-size: var(--mdc-typography-body1-font-size, 1rem);
  14785. line-height: 1.5rem;
  14786. /* @alternate */
  14787. line-height: var(--mdc-typography-body1-line-height, 1.5rem);
  14788. font-weight: 400;
  14789. /* @alternate */
  14790. font-weight: var(--mdc-typography-body1-font-weight, 400);
  14791. letter-spacing: 0.03125em;
  14792. /* @alternate */
  14793. letter-spacing: var(--mdc-typography-body1-letter-spacing, 0.03125em);
  14794. text-decoration: inherit;
  14795. /* @alternate */
  14796. -webkit-text-decoration: var(--mdc-typography-body1-text-decoration, inherit);
  14797. text-decoration: var(--mdc-typography-body1-text-decoration, inherit);
  14798. text-transform: inherit;
  14799. /* @alternate */
  14800. text-transform: var(--mdc-typography-body1-text-transform, inherit);
  14801. }
  14802. .mdc-typography--body2 {
  14803. -moz-osx-font-smoothing: grayscale;
  14804. -webkit-font-smoothing: antialiased;
  14805. font-family: Roboto, sans-serif;
  14806. /* @alternate */
  14807. font-family: var(--mdc-typography-body2-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));
  14808. font-size: 0.875rem;
  14809. /* @alternate */
  14810. font-size: var(--mdc-typography-body2-font-size, 0.875rem);
  14811. line-height: 1.25rem;
  14812. /* @alternate */
  14813. line-height: var(--mdc-typography-body2-line-height, 1.25rem);
  14814. font-weight: 400;
  14815. /* @alternate */
  14816. font-weight: var(--mdc-typography-body2-font-weight, 400);
  14817. letter-spacing: 0.0178571429em;
  14818. /* @alternate */
  14819. letter-spacing: var(--mdc-typography-body2-letter-spacing, 0.0178571429em);
  14820. text-decoration: inherit;
  14821. /* @alternate */
  14822. -webkit-text-decoration: var(--mdc-typography-body2-text-decoration, inherit);
  14823. text-decoration: var(--mdc-typography-body2-text-decoration, inherit);
  14824. text-transform: inherit;
  14825. /* @alternate */
  14826. text-transform: var(--mdc-typography-body2-text-transform, inherit);
  14827. }
  14828. .mdc-typography--caption {
  14829. -moz-osx-font-smoothing: grayscale;
  14830. -webkit-font-smoothing: antialiased;
  14831. font-family: Roboto, sans-serif;
  14832. /* @alternate */
  14833. font-family: var(--mdc-typography-caption-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));
  14834. font-size: 0.75rem;
  14835. /* @alternate */
  14836. font-size: var(--mdc-typography-caption-font-size, 0.75rem);
  14837. line-height: 1.25rem;
  14838. /* @alternate */
  14839. line-height: var(--mdc-typography-caption-line-height, 1.25rem);
  14840. font-weight: 400;
  14841. /* @alternate */
  14842. font-weight: var(--mdc-typography-caption-font-weight, 400);
  14843. letter-spacing: 0.0333333333em;
  14844. /* @alternate */
  14845. letter-spacing: var(--mdc-typography-caption-letter-spacing, 0.0333333333em);
  14846. text-decoration: inherit;
  14847. /* @alternate */
  14848. -webkit-text-decoration: var(--mdc-typography-caption-text-decoration, inherit);
  14849. text-decoration: var(--mdc-typography-caption-text-decoration, inherit);
  14850. text-transform: inherit;
  14851. /* @alternate */
  14852. text-transform: var(--mdc-typography-caption-text-transform, inherit);
  14853. }
  14854. .mdc-typography--button {
  14855. -moz-osx-font-smoothing: grayscale;
  14856. -webkit-font-smoothing: antialiased;
  14857. font-family: Roboto, sans-serif;
  14858. /* @alternate */
  14859. font-family: var(--mdc-typography-button-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));
  14860. font-size: 0.875rem;
  14861. /* @alternate */
  14862. font-size: var(--mdc-typography-button-font-size, 0.875rem);
  14863. line-height: 2.25rem;
  14864. /* @alternate */
  14865. line-height: var(--mdc-typography-button-line-height, 2.25rem);
  14866. font-weight: 500;
  14867. /* @alternate */
  14868. font-weight: var(--mdc-typography-button-font-weight, 500);
  14869. letter-spacing: 0.0892857143em;
  14870. /* @alternate */
  14871. letter-spacing: var(--mdc-typography-button-letter-spacing, 0.0892857143em);
  14872. text-decoration: none;
  14873. /* @alternate */
  14874. -webkit-text-decoration: var(--mdc-typography-button-text-decoration, none);
  14875. text-decoration: var(--mdc-typography-button-text-decoration, none);
  14876. text-transform: uppercase;
  14877. /* @alternate */
  14878. text-transform: var(--mdc-typography-button-text-transform, uppercase);
  14879. }
  14880. .mdc-typography--overline {
  14881. -moz-osx-font-smoothing: grayscale;
  14882. -webkit-font-smoothing: antialiased;
  14883. font-family: Roboto, sans-serif;
  14884. /* @alternate */
  14885. font-family: var(--mdc-typography-overline-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));
  14886. font-size: 0.75rem;
  14887. /* @alternate */
  14888. font-size: var(--mdc-typography-overline-font-size, 0.75rem);
  14889. line-height: 2rem;
  14890. /* @alternate */
  14891. line-height: var(--mdc-typography-overline-line-height, 2rem);
  14892. font-weight: 500;
  14893. /* @alternate */
  14894. font-weight: var(--mdc-typography-overline-font-weight, 500);
  14895. letter-spacing: 0.1666666667em;
  14896. /* @alternate */
  14897. letter-spacing: var(--mdc-typography-overline-letter-spacing, 0.1666666667em);
  14898. text-decoration: none;
  14899. /* @alternate */
  14900. -webkit-text-decoration: var(--mdc-typography-overline-text-decoration, none);
  14901. text-decoration: var(--mdc-typography-overline-text-decoration, none);
  14902. text-transform: uppercase;
  14903. /* @alternate */
  14904. text-transform: var(--mdc-typography-overline-text-transform, uppercase);
  14905. }
  14906. /*# sourceMappingURL=material-components-web.css.map*/