material-components-web.css 497 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798991001011021031041051061071081091101111121131141151161171181191201211221231241251261271281291301311321331341351361371381391401411421431441451461471481491501511521531541551561571581591601611621631641651661671681691701711721731741751761771781791801811821831841851861871881891901911921931941951961971981992002012022032042052062072082092102112122132142152162172182192202212222232242252262272282292302312322332342352362372382392402412422432442452462472482492502512522532542552562572582592602612622632642652662672682692702712722732742752762772782792802812822832842852862872882892902912922932942952962972982993003013023033043053063073083093103113123133143153163173183193203213223233243253263273283293303313323333343353363373383393403413423433443453463473483493503513523533543553563573583593603613623633643653663673683693703713723733743753763773783793803813823833843853863873883893903913923933943953963973983994004014024034044054064074084094104114124134144154164174184194204214224234244254264274284294304314324334344354364374384394404414424434444454464474484494504514524534544554564574584594604614624634644654664674684694704714724734744754764774784794804814824834844854864874884894904914924934944954964974984995005015025035045055065075085095105115125135145155165175185195205215225235245255265275285295305315325335345355365375385395405415425435445455465475485495505515525535545555565575585595605615625635645655665675685695705715725735745755765775785795805815825835845855865875885895905915925935945955965975985996006016026036046056066076086096106116126136146156166176186196206216226236246256266276286296306316326336346356366376386396406416426436446456466476486496506516526536546556566576586596606616626636646656666676686696706716726736746756766776786796806816826836846856866876886896906916926936946956966976986997007017027037047057067077087097107117127137147157167177187197207217227237247257267277287297307317327337347357367377387397407417427437447457467477487497507517527537547557567577587597607617627637647657667677687697707717727737747757767777787797807817827837847857867877887897907917927937947957967977987998008018028038048058068078088098108118128138148158168178188198208218228238248258268278288298308318328338348358368378388398408418428438448458468478488498508518528538548558568578588598608618628638648658668678688698708718728738748758768778788798808818828838848858868878888898908918928938948958968978988999009019029039049059069079089099109119129139149159169179189199209219229239249259269279289299309319329339349359369379389399409419429439449459469479489499509519529539549559569579589599609619629639649659669679689699709719729739749759769779789799809819829839849859869879889899909919929939949959969979989991000100110021003100410051006100710081009101010111012101310141015101610171018101910201021102210231024102510261027102810291030103110321033103410351036103710381039104010411042104310441045104610471048104910501051105210531054105510561057105810591060106110621063106410651066106710681069107010711072107310741075107610771078107910801081108210831084108510861087108810891090109110921093109410951096109710981099110011011102110311041105110611071108110911101111111211131114111511161117111811191120112111221123112411251126112711281129113011311132113311341135113611371138113911401141114211431144114511461147114811491150115111521153115411551156115711581159116011611162116311641165116611671168116911701171117211731174117511761177117811791180118111821183118411851186118711881189119011911192119311941195119611971198119912001201120212031204120512061207120812091210121112121213121412151216121712181219122012211222122312241225122612271228122912301231123212331234123512361237123812391240124112421243124412451246124712481249125012511252125312541255125612571258125912601261126212631264126512661267126812691270127112721273127412751276127712781279128012811282128312841285128612871288128912901291129212931294129512961297129812991300130113021303130413051306130713081309131013111312131313141315131613171318131913201321132213231324132513261327132813291330133113321333133413351336133713381339134013411342134313441345134613471348134913501351135213531354135513561357135813591360136113621363136413651366136713681369137013711372137313741375137613771378137913801381138213831384138513861387138813891390139113921393139413951396139713981399140014011402140314041405140614071408140914101411141214131414141514161417141814191420142114221423142414251426142714281429143014311432143314341435143614371438143914401441144214431444144514461447144814491450145114521453145414551456145714581459146014611462146314641465146614671468146914701471147214731474147514761477147814791480148114821483148414851486148714881489149014911492149314941495149614971498149915001501150215031504150515061507150815091510151115121513151415151516151715181519152015211522152315241525152615271528152915301531153215331534153515361537153815391540154115421543154415451546154715481549155015511552155315541555155615571558155915601561156215631564156515661567156815691570157115721573157415751576157715781579158015811582158315841585158615871588158915901591159215931594159515961597159815991600160116021603160416051606160716081609161016111612161316141615161616171618161916201621162216231624162516261627162816291630163116321633163416351636163716381639164016411642164316441645164616471648164916501651165216531654165516561657165816591660166116621663166416651666166716681669167016711672167316741675167616771678167916801681168216831684168516861687168816891690169116921693169416951696169716981699170017011702170317041705170617071708170917101711171217131714171517161717171817191720172117221723172417251726172717281729173017311732173317341735173617371738173917401741174217431744174517461747174817491750175117521753175417551756175717581759176017611762176317641765176617671768176917701771177217731774177517761777177817791780178117821783178417851786178717881789179017911792179317941795179617971798179918001801180218031804180518061807180818091810181118121813181418151816181718181819182018211822182318241825182618271828182918301831183218331834183518361837183818391840184118421843184418451846184718481849185018511852185318541855185618571858185918601861186218631864186518661867186818691870187118721873187418751876187718781879188018811882188318841885188618871888188918901891189218931894189518961897189818991900190119021903190419051906190719081909191019111912191319141915191619171918191919201921192219231924192519261927192819291930193119321933193419351936193719381939194019411942194319441945194619471948194919501951195219531954195519561957195819591960196119621963196419651966196719681969197019711972197319741975197619771978197919801981198219831984198519861987198819891990199119921993199419951996199719981999200020012002200320042005200620072008200920102011201220132014201520162017201820192020202120222023202420252026202720282029203020312032203320342035203620372038203920402041204220432044204520462047204820492050205120522053205420552056205720582059206020612062206320642065206620672068206920702071207220732074207520762077207820792080208120822083208420852086208720882089209020912092209320942095209620972098209921002101210221032104210521062107210821092110211121122113211421152116211721182119212021212122212321242125212621272128212921302131213221332134213521362137213821392140214121422143214421452146214721482149215021512152215321542155215621572158215921602161216221632164216521662167216821692170217121722173217421752176217721782179218021812182218321842185218621872188218921902191219221932194219521962197219821992200220122022203220422052206220722082209221022112212221322142215221622172218221922202221222222232224222522262227222822292230223122322233223422352236223722382239224022412242224322442245224622472248224922502251225222532254225522562257225822592260226122622263226422652266226722682269227022712272227322742275227622772278227922802281228222832284228522862287228822892290229122922293229422952296229722982299230023012302230323042305230623072308230923102311231223132314231523162317231823192320232123222323232423252326232723282329233023312332233323342335233623372338233923402341234223432344234523462347234823492350235123522353235423552356235723582359236023612362236323642365236623672368236923702371237223732374237523762377237823792380238123822383238423852386238723882389239023912392239323942395239623972398239924002401240224032404240524062407240824092410241124122413241424152416241724182419242024212422242324242425242624272428242924302431243224332434243524362437243824392440244124422443244424452446244724482449245024512452245324542455245624572458245924602461246224632464246524662467246824692470247124722473247424752476247724782479248024812482248324842485248624872488248924902491249224932494249524962497249824992500250125022503250425052506250725082509251025112512251325142515251625172518251925202521252225232524252525262527252825292530253125322533253425352536253725382539254025412542254325442545254625472548254925502551255225532554255525562557255825592560256125622563256425652566256725682569257025712572257325742575257625772578257925802581258225832584258525862587258825892590259125922593259425952596259725982599260026012602260326042605260626072608260926102611261226132614261526162617261826192620262126222623262426252626262726282629263026312632263326342635263626372638263926402641264226432644264526462647264826492650265126522653265426552656265726582659266026612662266326642665266626672668266926702671267226732674267526762677267826792680268126822683268426852686268726882689269026912692269326942695269626972698269927002701270227032704270527062707270827092710271127122713271427152716271727182719272027212722272327242725272627272728272927302731273227332734273527362737273827392740274127422743274427452746274727482749275027512752275327542755275627572758275927602761276227632764276527662767276827692770277127722773277427752776277727782779278027812782278327842785278627872788278927902791279227932794279527962797279827992800280128022803280428052806280728082809281028112812281328142815281628172818281928202821282228232824282528262827282828292830283128322833283428352836283728382839284028412842284328442845284628472848284928502851285228532854285528562857285828592860286128622863286428652866286728682869287028712872287328742875287628772878287928802881288228832884288528862887288828892890289128922893289428952896289728982899290029012902290329042905290629072908290929102911291229132914291529162917291829192920292129222923292429252926292729282929293029312932293329342935293629372938293929402941294229432944294529462947294829492950295129522953295429552956295729582959296029612962296329642965296629672968296929702971297229732974297529762977297829792980298129822983298429852986298729882989299029912992299329942995299629972998299930003001300230033004300530063007300830093010301130123013301430153016301730183019302030213022302330243025302630273028302930303031303230333034303530363037303830393040304130423043304430453046304730483049305030513052305330543055305630573058305930603061306230633064306530663067306830693070307130723073307430753076307730783079308030813082308330843085308630873088308930903091309230933094309530963097309830993100310131023103310431053106310731083109311031113112311331143115311631173118311931203121312231233124312531263127312831293130313131323133313431353136313731383139314031413142314331443145314631473148314931503151315231533154315531563157315831593160316131623163316431653166316731683169317031713172317331743175317631773178317931803181318231833184318531863187318831893190319131923193319431953196319731983199320032013202320332043205320632073208320932103211321232133214321532163217321832193220322132223223322432253226322732283229323032313232323332343235323632373238323932403241324232433244324532463247324832493250325132523253325432553256325732583259326032613262326332643265326632673268326932703271327232733274327532763277327832793280328132823283328432853286328732883289329032913292329332943295329632973298329933003301330233033304330533063307330833093310331133123313331433153316331733183319332033213322332333243325332633273328332933303331333233333334333533363337333833393340334133423343334433453346334733483349335033513352335333543355335633573358335933603361336233633364336533663367336833693370337133723373337433753376337733783379338033813382338333843385338633873388338933903391339233933394339533963397339833993400340134023403340434053406340734083409341034113412341334143415341634173418341934203421342234233424342534263427342834293430343134323433343434353436343734383439344034413442344334443445344634473448344934503451345234533454345534563457345834593460346134623463346434653466346734683469347034713472347334743475347634773478347934803481348234833484348534863487348834893490349134923493349434953496349734983499350035013502350335043505350635073508350935103511351235133514351535163517351835193520352135223523352435253526352735283529353035313532353335343535353635373538353935403541354235433544354535463547354835493550355135523553355435553556355735583559356035613562356335643565356635673568356935703571357235733574357535763577357835793580358135823583358435853586358735883589359035913592359335943595359635973598359936003601360236033604360536063607360836093610361136123613361436153616361736183619362036213622362336243625362636273628362936303631363236333634363536363637363836393640364136423643364436453646364736483649365036513652365336543655365636573658365936603661366236633664366536663667366836693670367136723673367436753676367736783679368036813682368336843685368636873688368936903691369236933694369536963697369836993700370137023703370437053706370737083709371037113712371337143715371637173718371937203721372237233724372537263727372837293730373137323733373437353736373737383739374037413742374337443745374637473748374937503751375237533754375537563757375837593760376137623763376437653766376737683769377037713772377337743775377637773778377937803781378237833784378537863787378837893790379137923793379437953796379737983799380038013802380338043805380638073808380938103811381238133814381538163817381838193820382138223823382438253826382738283829383038313832383338343835383638373838383938403841384238433844384538463847384838493850385138523853385438553856385738583859386038613862386338643865386638673868386938703871387238733874387538763877387838793880388138823883388438853886388738883889389038913892389338943895389638973898389939003901390239033904390539063907390839093910391139123913391439153916391739183919392039213922392339243925392639273928392939303931393239333934393539363937393839393940394139423943394439453946394739483949395039513952395339543955395639573958395939603961396239633964396539663967396839693970397139723973397439753976397739783979398039813982398339843985398639873988398939903991399239933994399539963997399839994000400140024003400440054006400740084009401040114012401340144015401640174018401940204021402240234024402540264027402840294030403140324033403440354036403740384039404040414042404340444045404640474048404940504051405240534054405540564057405840594060406140624063406440654066406740684069407040714072407340744075407640774078407940804081408240834084408540864087408840894090409140924093409440954096409740984099410041014102410341044105410641074108410941104111411241134114411541164117411841194120412141224123412441254126412741284129413041314132413341344135413641374138413941404141414241434144414541464147414841494150415141524153415441554156415741584159416041614162416341644165416641674168416941704171417241734174417541764177417841794180418141824183418441854186418741884189419041914192419341944195419641974198419942004201420242034204420542064207420842094210421142124213421442154216421742184219422042214222422342244225422642274228422942304231423242334234423542364237423842394240424142424243424442454246424742484249425042514252425342544255425642574258425942604261426242634264426542664267426842694270427142724273427442754276427742784279428042814282428342844285428642874288428942904291429242934294429542964297429842994300430143024303430443054306430743084309431043114312431343144315431643174318431943204321432243234324432543264327432843294330433143324333433443354336433743384339434043414342434343444345434643474348434943504351435243534354435543564357435843594360436143624363436443654366436743684369437043714372437343744375437643774378437943804381438243834384438543864387438843894390439143924393439443954396439743984399440044014402440344044405440644074408440944104411441244134414441544164417441844194420442144224423442444254426442744284429443044314432443344344435443644374438443944404441444244434444444544464447444844494450445144524453445444554456445744584459446044614462446344644465446644674468446944704471447244734474447544764477447844794480448144824483448444854486448744884489449044914492449344944495449644974498449945004501450245034504450545064507450845094510451145124513451445154516451745184519452045214522452345244525452645274528452945304531453245334534453545364537453845394540454145424543454445454546454745484549455045514552455345544555455645574558455945604561456245634564456545664567456845694570457145724573457445754576457745784579458045814582458345844585458645874588458945904591459245934594459545964597459845994600460146024603460446054606460746084609461046114612461346144615461646174618461946204621462246234624462546264627462846294630463146324633463446354636463746384639464046414642464346444645464646474648464946504651465246534654465546564657465846594660466146624663466446654666466746684669467046714672467346744675467646774678467946804681468246834684468546864687468846894690469146924693469446954696469746984699470047014702470347044705470647074708470947104711471247134714471547164717471847194720472147224723472447254726472747284729473047314732473347344735473647374738473947404741474247434744474547464747474847494750475147524753475447554756475747584759476047614762476347644765476647674768476947704771477247734774477547764777477847794780478147824783478447854786478747884789479047914792479347944795479647974798479948004801480248034804480548064807480848094810481148124813481448154816481748184819482048214822482348244825482648274828482948304831483248334834483548364837483848394840484148424843484448454846484748484849485048514852485348544855485648574858485948604861486248634864486548664867486848694870487148724873487448754876487748784879488048814882488348844885488648874888488948904891489248934894489548964897489848994900490149024903490449054906490749084909491049114912491349144915491649174918491949204921492249234924492549264927492849294930493149324933493449354936493749384939494049414942494349444945494649474948494949504951495249534954495549564957495849594960496149624963496449654966496749684969497049714972497349744975497649774978497949804981498249834984498549864987498849894990499149924993499449954996499749984999500050015002500350045005500650075008500950105011501250135014501550165017501850195020502150225023502450255026502750285029503050315032503350345035503650375038503950405041504250435044504550465047504850495050505150525053505450555056505750585059506050615062506350645065506650675068506950705071507250735074507550765077507850795080508150825083508450855086508750885089509050915092509350945095509650975098509951005101510251035104510551065107510851095110511151125113511451155116511751185119512051215122512351245125512651275128512951305131513251335134513551365137513851395140514151425143514451455146514751485149515051515152515351545155515651575158515951605161516251635164516551665167516851695170517151725173517451755176517751785179518051815182518351845185518651875188518951905191519251935194519551965197519851995200520152025203520452055206520752085209521052115212521352145215521652175218521952205221522252235224522552265227522852295230523152325233523452355236523752385239524052415242524352445245524652475248524952505251525252535254525552565257525852595260526152625263526452655266526752685269527052715272527352745275527652775278527952805281528252835284528552865287528852895290529152925293529452955296529752985299530053015302530353045305530653075308530953105311531253135314531553165317531853195320532153225323532453255326532753285329533053315332533353345335533653375338533953405341534253435344534553465347534853495350535153525353535453555356535753585359536053615362536353645365536653675368536953705371537253735374537553765377537853795380538153825383538453855386538753885389539053915392539353945395539653975398539954005401540254035404540554065407540854095410541154125413541454155416541754185419542054215422542354245425542654275428542954305431543254335434543554365437543854395440544154425443544454455446544754485449545054515452545354545455545654575458545954605461546254635464546554665467546854695470547154725473547454755476547754785479548054815482548354845485548654875488548954905491549254935494549554965497549854995500550155025503550455055506550755085509551055115512551355145515551655175518551955205521552255235524552555265527552855295530553155325533553455355536553755385539554055415542554355445545554655475548554955505551555255535554555555565557555855595560556155625563556455655566556755685569557055715572557355745575557655775578557955805581558255835584558555865587558855895590559155925593559455955596559755985599560056015602560356045605560656075608560956105611561256135614561556165617561856195620562156225623562456255626562756285629563056315632563356345635563656375638563956405641564256435644564556465647564856495650565156525653565456555656565756585659566056615662566356645665566656675668566956705671567256735674567556765677567856795680568156825683568456855686568756885689569056915692569356945695569656975698569957005701570257035704570557065707570857095710571157125713571457155716571757185719572057215722572357245725572657275728572957305731573257335734573557365737573857395740574157425743574457455746574757485749575057515752575357545755575657575758575957605761576257635764576557665767576857695770577157725773577457755776577757785779578057815782578357845785578657875788578957905791579257935794579557965797579857995800580158025803580458055806580758085809581058115812581358145815581658175818581958205821582258235824582558265827582858295830583158325833583458355836583758385839584058415842584358445845584658475848584958505851585258535854585558565857585858595860586158625863586458655866586758685869587058715872587358745875587658775878587958805881588258835884588558865887588858895890589158925893589458955896589758985899590059015902590359045905590659075908590959105911591259135914591559165917591859195920592159225923592459255926592759285929593059315932593359345935593659375938593959405941594259435944594559465947594859495950595159525953595459555956595759585959596059615962596359645965596659675968596959705971597259735974597559765977597859795980598159825983598459855986598759885989599059915992599359945995599659975998599960006001600260036004600560066007600860096010601160126013601460156016601760186019602060216022602360246025602660276028602960306031603260336034603560366037603860396040604160426043604460456046604760486049605060516052605360546055605660576058605960606061606260636064606560666067606860696070607160726073607460756076607760786079608060816082608360846085608660876088608960906091609260936094609560966097609860996100610161026103610461056106610761086109611061116112611361146115611661176118611961206121612261236124612561266127612861296130613161326133613461356136613761386139614061416142614361446145614661476148614961506151615261536154615561566157615861596160616161626163616461656166616761686169617061716172617361746175617661776178617961806181618261836184618561866187618861896190619161926193619461956196619761986199620062016202620362046205620662076208620962106211621262136214621562166217621862196220622162226223622462256226622762286229623062316232623362346235623662376238623962406241624262436244624562466247624862496250625162526253625462556256625762586259626062616262626362646265626662676268626962706271627262736274627562766277627862796280628162826283628462856286628762886289629062916292629362946295629662976298629963006301630263036304630563066307630863096310631163126313631463156316631763186319632063216322632363246325632663276328632963306331633263336334633563366337633863396340634163426343634463456346634763486349635063516352635363546355635663576358635963606361636263636364636563666367636863696370637163726373637463756376637763786379638063816382638363846385638663876388638963906391639263936394639563966397639863996400640164026403640464056406640764086409641064116412641364146415641664176418641964206421642264236424642564266427642864296430643164326433643464356436643764386439644064416442644364446445644664476448644964506451645264536454645564566457645864596460646164626463646464656466646764686469647064716472647364746475647664776478647964806481648264836484648564866487648864896490649164926493649464956496649764986499650065016502650365046505650665076508650965106511651265136514651565166517651865196520652165226523652465256526652765286529653065316532653365346535653665376538653965406541654265436544654565466547654865496550655165526553655465556556655765586559656065616562656365646565656665676568656965706571657265736574657565766577657865796580658165826583658465856586658765886589659065916592659365946595659665976598659966006601660266036604660566066607660866096610661166126613661466156616661766186619662066216622662366246625662666276628662966306631663266336634663566366637663866396640664166426643664466456646664766486649665066516652665366546655665666576658665966606661666266636664666566666667666866696670667166726673667466756676667766786679668066816682668366846685668666876688668966906691669266936694669566966697669866996700670167026703670467056706670767086709671067116712671367146715671667176718671967206721672267236724672567266727672867296730673167326733673467356736673767386739674067416742674367446745674667476748674967506751675267536754675567566757675867596760676167626763676467656766676767686769677067716772677367746775677667776778677967806781678267836784678567866787678867896790679167926793679467956796679767986799680068016802680368046805680668076808680968106811681268136814681568166817681868196820682168226823682468256826682768286829683068316832683368346835683668376838683968406841684268436844684568466847684868496850685168526853685468556856685768586859686068616862686368646865686668676868686968706871687268736874687568766877687868796880688168826883688468856886688768886889689068916892689368946895689668976898689969006901690269036904690569066907690869096910691169126913691469156916691769186919692069216922692369246925692669276928692969306931693269336934693569366937693869396940694169426943694469456946694769486949695069516952695369546955695669576958695969606961696269636964696569666967696869696970697169726973697469756976697769786979698069816982698369846985698669876988698969906991699269936994699569966997699869997000700170027003700470057006700770087009701070117012701370147015701670177018701970207021702270237024702570267027702870297030703170327033703470357036703770387039704070417042704370447045704670477048704970507051705270537054705570567057705870597060706170627063706470657066706770687069707070717072707370747075707670777078707970807081708270837084708570867087708870897090709170927093709470957096709770987099710071017102710371047105710671077108710971107111711271137114711571167117711871197120712171227123712471257126712771287129713071317132713371347135713671377138713971407141714271437144714571467147714871497150715171527153715471557156715771587159716071617162716371647165716671677168716971707171717271737174717571767177717871797180718171827183718471857186718771887189719071917192719371947195719671977198719972007201720272037204720572067207720872097210721172127213721472157216721772187219722072217222722372247225722672277228722972307231723272337234723572367237723872397240724172427243724472457246724772487249725072517252725372547255725672577258725972607261726272637264726572667267726872697270727172727273727472757276727772787279728072817282728372847285728672877288728972907291729272937294729572967297729872997300730173027303730473057306730773087309731073117312731373147315731673177318731973207321732273237324732573267327732873297330733173327333733473357336733773387339734073417342734373447345734673477348734973507351735273537354735573567357735873597360736173627363736473657366736773687369737073717372737373747375737673777378737973807381738273837384738573867387738873897390739173927393739473957396739773987399740074017402740374047405740674077408740974107411741274137414741574167417741874197420742174227423742474257426742774287429743074317432743374347435743674377438743974407441744274437444744574467447744874497450745174527453745474557456745774587459746074617462746374647465746674677468746974707471747274737474747574767477747874797480748174827483748474857486748774887489749074917492749374947495749674977498749975007501750275037504750575067507750875097510751175127513751475157516751775187519752075217522752375247525752675277528752975307531753275337534753575367537753875397540754175427543754475457546754775487549755075517552755375547555755675577558755975607561756275637564756575667567756875697570757175727573757475757576757775787579758075817582758375847585758675877588758975907591759275937594759575967597759875997600760176027603760476057606760776087609761076117612761376147615761676177618761976207621762276237624762576267627762876297630763176327633763476357636763776387639764076417642764376447645764676477648764976507651765276537654765576567657765876597660766176627663766476657666766776687669767076717672767376747675767676777678767976807681768276837684768576867687768876897690769176927693769476957696769776987699770077017702770377047705770677077708770977107711771277137714771577167717771877197720772177227723772477257726772777287729773077317732773377347735773677377738773977407741774277437744774577467747774877497750775177527753775477557756775777587759776077617762776377647765776677677768776977707771777277737774777577767777777877797780778177827783778477857786778777887789779077917792779377947795779677977798779978007801780278037804780578067807780878097810781178127813781478157816781778187819782078217822782378247825782678277828782978307831783278337834783578367837783878397840784178427843784478457846784778487849785078517852785378547855785678577858785978607861786278637864786578667867786878697870787178727873787478757876787778787879788078817882788378847885788678877888788978907891789278937894789578967897789878997900790179027903790479057906790779087909791079117912791379147915791679177918791979207921792279237924792579267927792879297930793179327933793479357936793779387939794079417942794379447945794679477948794979507951795279537954795579567957795879597960796179627963796479657966796779687969797079717972797379747975797679777978797979807981798279837984798579867987798879897990799179927993799479957996799779987999800080018002800380048005800680078008800980108011801280138014801580168017801880198020802180228023802480258026802780288029803080318032803380348035803680378038803980408041804280438044804580468047804880498050805180528053805480558056805780588059806080618062806380648065806680678068806980708071807280738074807580768077807880798080808180828083808480858086808780888089809080918092809380948095809680978098809981008101810281038104810581068107810881098110811181128113811481158116811781188119812081218122812381248125812681278128812981308131813281338134813581368137813881398140814181428143814481458146814781488149815081518152815381548155815681578158815981608161816281638164816581668167816881698170817181728173817481758176817781788179818081818182818381848185818681878188818981908191819281938194819581968197819881998200820182028203820482058206820782088209821082118212821382148215821682178218821982208221822282238224822582268227822882298230823182328233823482358236823782388239824082418242824382448245824682478248824982508251825282538254825582568257825882598260826182628263826482658266826782688269827082718272827382748275827682778278827982808281828282838284828582868287828882898290829182928293829482958296829782988299830083018302830383048305830683078308830983108311831283138314831583168317831883198320832183228323832483258326832783288329833083318332833383348335833683378338833983408341834283438344834583468347834883498350835183528353835483558356835783588359836083618362836383648365836683678368836983708371837283738374837583768377837883798380838183828383838483858386838783888389839083918392839383948395839683978398839984008401840284038404840584068407840884098410841184128413841484158416841784188419842084218422842384248425842684278428842984308431843284338434843584368437843884398440844184428443844484458446844784488449845084518452845384548455845684578458845984608461846284638464846584668467846884698470847184728473847484758476847784788479848084818482848384848485848684878488848984908491849284938494849584968497849884998500850185028503850485058506850785088509851085118512851385148515851685178518851985208521852285238524852585268527852885298530853185328533853485358536853785388539854085418542854385448545854685478548854985508551855285538554855585568557855885598560856185628563856485658566856785688569857085718572857385748575857685778578857985808581858285838584858585868587858885898590859185928593859485958596859785988599860086018602860386048605860686078608860986108611861286138614861586168617861886198620862186228623862486258626862786288629863086318632863386348635863686378638863986408641864286438644864586468647864886498650865186528653865486558656865786588659866086618662866386648665866686678668866986708671867286738674867586768677867886798680868186828683868486858686868786888689869086918692869386948695869686978698869987008701870287038704870587068707870887098710871187128713871487158716871787188719872087218722872387248725872687278728872987308731873287338734873587368737873887398740874187428743874487458746874787488749875087518752875387548755875687578758875987608761876287638764876587668767876887698770877187728773877487758776877787788779878087818782878387848785878687878788878987908791879287938794879587968797879887998800880188028803880488058806880788088809881088118812881388148815881688178818881988208821882288238824882588268827882888298830883188328833883488358836883788388839884088418842884388448845884688478848884988508851885288538854885588568857885888598860886188628863886488658866886788688869887088718872887388748875887688778878887988808881888288838884888588868887888888898890889188928893889488958896889788988899890089018902890389048905890689078908890989108911891289138914891589168917891889198920892189228923892489258926892789288929893089318932893389348935893689378938893989408941894289438944894589468947894889498950895189528953895489558956895789588959896089618962896389648965896689678968896989708971897289738974897589768977897889798980898189828983898489858986898789888989899089918992899389948995899689978998899990009001900290039004900590069007900890099010901190129013901490159016901790189019902090219022902390249025902690279028902990309031903290339034903590369037903890399040904190429043904490459046904790489049905090519052905390549055905690579058905990609061906290639064906590669067906890699070907190729073907490759076907790789079908090819082908390849085908690879088908990909091909290939094909590969097909890999100910191029103910491059106910791089109911091119112911391149115911691179118911991209121912291239124912591269127912891299130913191329133913491359136913791389139914091419142914391449145914691479148914991509151915291539154915591569157915891599160916191629163916491659166916791689169917091719172917391749175917691779178917991809181918291839184918591869187918891899190919191929193919491959196919791989199920092019202920392049205920692079208920992109211921292139214921592169217921892199220922192229223922492259226922792289229923092319232923392349235923692379238923992409241924292439244924592469247924892499250925192529253925492559256925792589259926092619262926392649265926692679268926992709271927292739274927592769277927892799280928192829283928492859286928792889289929092919292929392949295929692979298929993009301930293039304930593069307930893099310931193129313931493159316931793189319932093219322932393249325932693279328932993309331933293339334933593369337933893399340934193429343934493459346934793489349935093519352935393549355935693579358935993609361936293639364936593669367936893699370937193729373937493759376937793789379938093819382938393849385938693879388938993909391939293939394939593969397939893999400940194029403940494059406940794089409941094119412941394149415941694179418941994209421942294239424942594269427942894299430943194329433943494359436943794389439944094419442944394449445944694479448944994509451945294539454945594569457945894599460946194629463946494659466946794689469947094719472947394749475947694779478947994809481948294839484948594869487948894899490949194929493949494959496949794989499950095019502950395049505950695079508950995109511951295139514951595169517951895199520952195229523952495259526952795289529953095319532953395349535953695379538953995409541954295439544954595469547954895499550955195529553955495559556955795589559956095619562956395649565956695679568956995709571957295739574957595769577957895799580958195829583958495859586958795889589959095919592959395949595959695979598959996009601960296039604960596069607960896099610961196129613961496159616961796189619962096219622962396249625962696279628962996309631963296339634963596369637963896399640964196429643964496459646964796489649965096519652965396549655965696579658965996609661966296639664966596669667966896699670967196729673967496759676967796789679968096819682968396849685968696879688968996909691969296939694969596969697969896999700970197029703970497059706970797089709971097119712971397149715971697179718971997209721972297239724972597269727972897299730973197329733973497359736973797389739974097419742974397449745974697479748974997509751975297539754975597569757975897599760976197629763976497659766976797689769977097719772977397749775977697779778977997809781978297839784978597869787978897899790979197929793979497959796979797989799980098019802980398049805980698079808980998109811981298139814981598169817981898199820982198229823982498259826982798289829983098319832983398349835983698379838983998409841984298439844984598469847984898499850985198529853985498559856985798589859986098619862986398649865986698679868986998709871987298739874987598769877987898799880988198829883988498859886988798889889989098919892989398949895989698979898989999009901990299039904990599069907990899099910991199129913991499159916991799189919992099219922992399249925992699279928992999309931993299339934993599369937993899399940994199429943994499459946994799489949995099519952995399549955995699579958995999609961996299639964996599669967996899699970997199729973997499759976997799789979998099819982998399849985998699879988998999909991999299939994999599969997999899991000010001100021000310004100051000610007100081000910010100111001210013100141001510016100171001810019100201002110022100231002410025100261002710028100291003010031100321003310034100351003610037100381003910040100411004210043100441004510046100471004810049100501005110052100531005410055100561005710058100591006010061100621006310064100651006610067100681006910070100711007210073100741007510076100771007810079100801008110082100831008410085100861008710088100891009010091100921009310094100951009610097100981009910100101011010210103101041010510106101071010810109101101011110112101131011410115101161011710118101191012010121101221012310124101251012610127101281012910130101311013210133101341013510136101371013810139101401014110142101431014410145101461014710148101491015010151101521015310154101551015610157101581015910160101611016210163101641016510166101671016810169101701017110172101731017410175101761017710178101791018010181101821018310184101851018610187101881018910190101911019210193101941019510196101971019810199102001020110202102031020410205102061020710208102091021010211102121021310214102151021610217102181021910220102211022210223102241022510226102271022810229102301023110232102331023410235102361023710238102391024010241102421024310244102451024610247102481024910250102511025210253102541025510256102571025810259102601026110262102631026410265102661026710268102691027010271102721027310274102751027610277102781027910280102811028210283102841028510286102871028810289102901029110292102931029410295102961029710298102991030010301103021030310304103051030610307103081030910310103111031210313103141031510316103171031810319103201032110322103231032410325103261032710328103291033010331103321033310334103351033610337103381033910340103411034210343103441034510346103471034810349103501035110352103531035410355103561035710358103591036010361103621036310364103651036610367103681036910370103711037210373103741037510376103771037810379103801038110382103831038410385103861038710388103891039010391103921039310394103951039610397103981039910400104011040210403104041040510406104071040810409104101041110412104131041410415104161041710418104191042010421104221042310424104251042610427104281042910430104311043210433104341043510436104371043810439104401044110442104431044410445104461044710448104491045010451104521045310454104551045610457104581045910460104611046210463104641046510466104671046810469104701047110472104731047410475104761047710478104791048010481104821048310484104851048610487104881048910490104911049210493104941049510496104971049810499105001050110502105031050410505105061050710508105091051010511105121051310514105151051610517105181051910520105211052210523105241052510526105271052810529105301053110532105331053410535105361053710538105391054010541105421054310544105451054610547105481054910550105511055210553105541055510556105571055810559105601056110562105631056410565105661056710568105691057010571105721057310574105751057610577105781057910580105811058210583105841058510586105871058810589105901059110592105931059410595105961059710598105991060010601106021060310604106051060610607106081060910610106111061210613106141061510616106171061810619106201062110622106231062410625106261062710628106291063010631106321063310634106351063610637106381063910640106411064210643106441064510646106471064810649106501065110652106531065410655106561065710658106591066010661106621066310664106651066610667106681066910670106711067210673106741067510676106771067810679106801068110682106831068410685106861068710688106891069010691106921069310694106951069610697106981069910700107011070210703107041070510706107071070810709107101071110712107131071410715107161071710718107191072010721107221072310724107251072610727107281072910730107311073210733107341073510736107371073810739107401074110742107431074410745107461074710748107491075010751107521075310754107551075610757107581075910760107611076210763107641076510766107671076810769107701077110772107731077410775107761077710778107791078010781107821078310784107851078610787107881078910790107911079210793107941079510796107971079810799108001080110802108031080410805108061080710808108091081010811108121081310814108151081610817108181081910820108211082210823108241082510826108271082810829108301083110832108331083410835108361083710838108391084010841108421084310844108451084610847108481084910850108511085210853108541085510856108571085810859108601086110862108631086410865108661086710868108691087010871108721087310874108751087610877108781087910880108811088210883108841088510886108871088810889108901089110892108931089410895108961089710898108991090010901109021090310904109051090610907109081090910910109111091210913109141091510916109171091810919109201092110922109231092410925109261092710928109291093010931109321093310934109351093610937109381093910940109411094210943109441094510946109471094810949109501095110952109531095410955109561095710958109591096010961109621096310964109651096610967109681096910970109711097210973109741097510976109771097810979109801098110982109831098410985109861098710988109891099010991109921099310994109951099610997109981099911000110011100211003110041100511006110071100811009110101101111012110131101411015110161101711018110191102011021110221102311024110251102611027110281102911030110311103211033110341103511036110371103811039110401104111042110431104411045110461104711048110491105011051110521105311054110551105611057110581105911060110611106211063110641106511066110671106811069110701107111072110731107411075110761107711078110791108011081110821108311084110851108611087110881108911090110911109211093110941109511096110971109811099111001110111102111031110411105111061110711108111091111011111111121111311114111151111611117111181111911120111211112211123111241112511126111271112811129111301113111132111331113411135111361113711138111391114011141111421114311144111451114611147111481114911150111511115211153111541115511156111571115811159111601116111162111631116411165111661116711168111691117011171111721117311174111751117611177111781117911180111811118211183111841118511186111871118811189111901119111192111931119411195111961119711198111991120011201112021120311204112051120611207112081120911210112111121211213112141121511216112171121811219112201122111222112231122411225112261122711228112291123011231112321123311234112351123611237112381123911240112411124211243112441124511246112471124811249112501125111252112531125411255112561125711258112591126011261112621126311264112651126611267112681126911270112711127211273112741127511276112771127811279112801128111282112831128411285112861128711288112891129011291112921129311294112951129611297112981129911300113011130211303113041130511306113071130811309113101131111312113131131411315113161131711318113191132011321113221132311324113251132611327113281132911330113311133211333113341133511336113371133811339113401134111342113431134411345113461134711348113491135011351113521135311354113551135611357113581135911360113611136211363113641136511366113671136811369113701137111372113731137411375113761137711378113791138011381113821138311384113851138611387113881138911390113911139211393113941139511396113971139811399114001140111402114031140411405114061140711408114091141011411114121141311414114151141611417114181141911420114211142211423114241142511426114271142811429114301143111432114331143411435114361143711438114391144011441114421144311444114451144611447114481144911450114511145211453114541145511456114571145811459114601146111462114631146411465114661146711468114691147011471114721147311474114751147611477114781147911480114811148211483114841148511486114871148811489114901149111492114931149411495114961149711498114991150011501115021150311504115051150611507115081150911510115111151211513115141151511516115171151811519115201152111522115231152411525115261152711528115291153011531115321153311534115351153611537115381153911540115411154211543115441154511546115471154811549115501155111552115531155411555115561155711558115591156011561115621156311564115651156611567115681156911570115711157211573115741157511576115771157811579115801158111582115831158411585115861158711588115891159011591115921159311594115951159611597115981159911600116011160211603116041160511606116071160811609116101161111612116131161411615116161161711618116191162011621116221162311624116251162611627116281162911630116311163211633116341163511636116371163811639116401164111642116431164411645116461164711648116491165011651116521165311654116551165611657116581165911660116611166211663116641166511666116671166811669116701167111672116731167411675116761167711678116791168011681116821168311684116851168611687116881168911690116911169211693116941169511696116971169811699117001170111702117031170411705117061170711708117091171011711117121171311714117151171611717117181171911720117211172211723117241172511726117271172811729117301173111732117331173411735117361173711738117391174011741117421174311744117451174611747117481174911750117511175211753117541175511756117571175811759117601176111762117631176411765117661176711768117691177011771117721177311774117751177611777117781177911780117811178211783117841178511786117871178811789117901179111792117931179411795117961179711798117991180011801118021180311804118051180611807118081180911810118111181211813118141181511816118171181811819118201182111822118231182411825118261182711828118291183011831118321183311834118351183611837118381183911840118411184211843118441184511846118471184811849118501185111852118531185411855118561185711858118591186011861118621186311864118651186611867118681186911870118711187211873118741187511876118771187811879118801188111882118831188411885118861188711888118891189011891118921189311894118951189611897118981189911900119011190211903119041190511906119071190811909119101191111912119131191411915119161191711918119191192011921119221192311924119251192611927119281192911930119311193211933119341193511936119371193811939119401194111942119431194411945119461194711948119491195011951119521195311954119551195611957119581195911960119611196211963119641196511966119671196811969119701197111972119731197411975119761197711978119791198011981119821198311984119851198611987119881198911990119911199211993119941199511996119971199811999120001200112002120031200412005120061200712008120091201012011120121201312014120151201612017120181201912020120211202212023120241202512026120271202812029120301203112032120331203412035120361203712038120391204012041120421204312044120451204612047120481204912050120511205212053120541205512056120571205812059120601206112062120631206412065120661206712068120691207012071120721207312074120751207612077120781207912080120811208212083120841208512086120871208812089120901209112092120931209412095120961209712098120991210012101121021210312104121051210612107121081210912110121111211212113121141211512116121171211812119121201212112122121231212412125121261212712128121291213012131121321213312134121351213612137121381213912140121411214212143121441214512146121471214812149121501215112152121531215412155121561215712158121591216012161121621216312164121651216612167121681216912170121711217212173121741217512176121771217812179121801218112182121831218412185121861218712188121891219012191121921219312194121951219612197121981219912200122011220212203122041220512206122071220812209122101221112212122131221412215122161221712218122191222012221122221222312224122251222612227122281222912230122311223212233122341223512236122371223812239122401224112242122431224412245122461224712248122491225012251122521225312254122551225612257122581225912260122611226212263122641226512266122671226812269122701227112272122731227412275122761227712278122791228012281122821228312284122851228612287122881228912290122911229212293122941229512296122971229812299123001230112302123031230412305123061230712308123091231012311123121231312314123151231612317123181231912320123211232212323123241232512326123271232812329123301233112332123331233412335123361233712338123391234012341123421234312344123451234612347123481234912350123511235212353123541235512356123571235812359123601236112362123631236412365123661236712368123691237012371123721237312374123751237612377123781237912380123811238212383123841238512386123871238812389123901239112392123931239412395123961239712398123991240012401124021240312404124051240612407124081240912410124111241212413124141241512416124171241812419124201242112422124231242412425124261242712428124291243012431124321243312434124351243612437124381243912440124411244212443124441244512446124471244812449124501245112452124531245412455124561245712458124591246012461124621246312464124651246612467124681246912470124711247212473124741247512476124771247812479124801248112482124831248412485124861248712488124891249012491124921249312494124951249612497124981249912500125011250212503125041250512506125071250812509125101251112512125131251412515125161251712518125191252012521125221252312524125251252612527125281252912530125311253212533125341253512536125371253812539125401254112542125431254412545125461254712548125491255012551125521255312554125551255612557125581255912560125611256212563125641256512566125671256812569125701257112572125731257412575125761257712578125791258012581125821258312584125851258612587125881258912590125911259212593125941259512596125971259812599126001260112602126031260412605126061260712608126091261012611126121261312614126151261612617126181261912620126211262212623126241262512626126271262812629126301263112632126331263412635126361263712638126391264012641126421264312644126451264612647126481264912650126511265212653126541265512656126571265812659126601266112662126631266412665126661266712668126691267012671126721267312674126751267612677126781267912680126811268212683126841268512686126871268812689126901269112692126931269412695126961269712698126991270012701127021270312704127051270612707127081270912710127111271212713127141271512716127171271812719127201272112722127231272412725127261272712728127291273012731127321273312734127351273612737127381273912740127411274212743127441274512746127471274812749127501275112752127531275412755127561275712758127591276012761127621276312764127651276612767127681276912770127711277212773127741277512776127771277812779127801278112782127831278412785127861278712788127891279012791127921279312794127951279612797127981279912800128011280212803128041280512806128071280812809128101281112812128131281412815128161281712818128191282012821128221282312824128251282612827128281282912830128311283212833128341283512836128371283812839128401284112842128431284412845128461284712848128491285012851128521285312854128551285612857128581285912860128611286212863128641286512866128671286812869128701287112872128731287412875128761287712878128791288012881128821288312884128851288612887128881288912890128911289212893128941289512896128971289812899129001290112902129031290412905129061290712908129091291012911129121291312914129151291612917129181291912920129211292212923129241292512926129271292812929129301293112932129331293412935129361293712938129391294012941129421294312944129451294612947129481294912950129511295212953129541295512956129571295812959129601296112962129631296412965129661296712968129691297012971129721297312974129751297612977129781297912980129811298212983129841298512986129871298812989129901299112992129931299412995129961299712998129991300013001130021300313004130051300613007130081300913010130111301213013130141301513016130171301813019130201302113022130231302413025130261302713028130291303013031130321303313034130351303613037130381303913040130411304213043130441304513046130471304813049130501305113052130531305413055130561305713058130591306013061130621306313064130651306613067130681306913070130711307213073130741307513076130771307813079130801308113082130831308413085130861308713088130891309013091130921309313094130951309613097130981309913100131011310213103131041310513106131071310813109131101311113112131131311413115131161311713118131191312013121131221312313124131251312613127131281312913130131311313213133131341313513136131371313813139131401314113142131431314413145131461314713148131491315013151131521315313154131551315613157131581315913160131611316213163131641316513166131671316813169131701317113172131731317413175131761317713178131791318013181131821318313184131851318613187131881318913190131911319213193131941319513196131971319813199132001320113202132031320413205132061320713208132091321013211132121321313214132151321613217132181321913220132211322213223132241322513226132271322813229132301323113232132331323413235132361323713238132391324013241132421324313244132451324613247132481324913250132511325213253132541325513256132571325813259132601326113262132631326413265132661326713268132691327013271132721327313274132751327613277132781327913280132811328213283132841328513286132871328813289132901329113292132931329413295132961329713298132991330013301133021330313304133051330613307133081330913310133111331213313133141331513316133171331813319133201332113322133231332413325133261332713328133291333013331133321333313334133351333613337133381333913340133411334213343133441334513346133471334813349133501335113352133531335413355133561335713358133591336013361133621336313364133651336613367133681336913370133711337213373133741337513376133771337813379133801338113382133831338413385133861338713388133891339013391133921339313394133951339613397133981339913400134011340213403134041340513406134071340813409134101341113412134131341413415134161341713418134191342013421134221342313424134251342613427134281342913430134311343213433134341343513436134371343813439134401344113442134431344413445134461344713448134491345013451134521345313454134551345613457134581345913460134611346213463134641346513466134671346813469134701347113472134731347413475134761347713478134791348013481134821348313484134851348613487134881348913490134911349213493134941349513496134971349813499135001350113502135031350413505135061350713508135091351013511135121351313514135151351613517135181351913520135211352213523135241352513526135271352813529135301353113532135331353413535135361353713538135391354013541135421354313544135451354613547135481354913550135511355213553135541355513556135571355813559135601356113562135631356413565135661356713568135691357013571135721357313574135751357613577135781357913580135811358213583135841358513586135871358813589135901359113592135931359413595135961359713598135991360013601136021360313604136051360613607136081360913610136111361213613136141361513616136171361813619136201362113622136231362413625136261362713628136291363013631136321363313634136351363613637136381363913640136411364213643136441364513646136471364813649136501365113652136531365413655136561365713658136591366013661136621366313664136651366613667136681366913670136711367213673136741367513676136771367813679136801368113682136831368413685136861368713688136891369013691136921369313694136951369613697136981369913700137011370213703137041370513706137071370813709137101371113712137131371413715137161371713718137191372013721137221372313724137251372613727137281372913730137311373213733137341373513736137371373813739137401374113742137431374413745137461374713748137491375013751137521375313754137551375613757137581375913760137611376213763137641376513766137671376813769137701377113772137731377413775137761377713778137791378013781137821378313784137851378613787137881378913790137911379213793137941379513796137971379813799138001380113802138031380413805138061380713808138091381013811138121381313814138151381613817138181381913820138211382213823138241382513826138271382813829138301383113832138331383413835138361383713838138391384013841138421384313844138451384613847138481384913850138511385213853138541385513856138571385813859138601386113862138631386413865138661386713868138691387013871138721387313874138751387613877138781387913880138811388213883138841388513886138871388813889138901389113892138931389413895138961389713898138991390013901139021390313904139051390613907139081390913910139111391213913139141391513916139171391813919139201392113922139231392413925139261392713928139291393013931139321393313934139351393613937139381393913940139411394213943139441394513946139471394813949139501395113952139531395413955139561395713958139591396013961139621396313964139651396613967139681396913970139711397213973139741397513976139771397813979139801398113982139831398413985139861398713988139891399013991139921399313994139951399613997139981399914000140011400214003140041400514006140071400814009140101401114012140131401414015140161401714018140191402014021140221402314024140251402614027140281402914030140311403214033140341403514036140371403814039140401404114042140431404414045140461404714048140491405014051140521405314054140551405614057140581405914060140611406214063140641406514066140671406814069140701407114072140731407414075140761407714078140791408014081140821408314084140851408614087140881408914090140911409214093140941409514096140971409814099141001410114102141031410414105141061410714108141091411014111141121411314114141151411614117141181411914120141211412214123141241412514126141271412814129141301413114132141331413414135141361413714138141391414014141141421414314144141451414614147141481414914150141511415214153141541415514156141571415814159141601416114162141631416414165141661416714168141691417014171141721417314174141751417614177141781417914180141811418214183141841418514186141871418814189141901419114192141931419414195141961419714198141991420014201142021420314204142051420614207142081420914210142111421214213142141421514216142171421814219142201422114222142231422414225142261422714228142291423014231142321423314234142351423614237142381423914240142411424214243142441424514246142471424814249142501425114252142531425414255142561425714258142591426014261142621426314264142651426614267142681426914270142711427214273142741427514276142771427814279142801428114282142831428414285142861428714288142891429014291142921429314294142951429614297142981429914300143011430214303143041430514306143071430814309143101431114312143131431414315143161431714318143191432014321143221432314324143251432614327143281432914330143311433214333143341433514336143371433814339143401434114342143431434414345143461434714348143491435014351143521435314354143551435614357143581435914360143611436214363143641436514366143671436814369143701437114372143731437414375143761437714378143791438014381143821438314384143851438614387143881438914390143911439214393143941439514396143971439814399144001440114402144031440414405144061440714408144091441014411144121441314414144151441614417144181441914420144211442214423144241442514426144271442814429144301443114432144331443414435144361443714438144391444014441144421444314444144451444614447144481444914450144511445214453144541445514456144571445814459144601446114462144631446414465144661446714468144691447014471144721447314474144751447614477144781447914480144811448214483144841448514486144871448814489144901449114492144931449414495144961449714498144991450014501145021450314504145051450614507145081450914510145111451214513145141451514516145171451814519145201452114522145231452414525145261452714528145291453014531145321453314534145351453614537145381453914540145411454214543145441454514546145471454814549145501455114552145531455414555145561455714558145591456014561145621456314564145651456614567145681456914570145711457214573145741457514576145771457814579145801458114582145831458414585145861458714588145891459014591145921459314594145951459614597145981459914600146011460214603146041460514606146071460814609146101461114612146131461414615146161461714618146191462014621146221462314624146251462614627146281462914630146311463214633146341463514636146371463814639146401464114642146431464414645146461464714648146491465014651146521465314654146551465614657146581465914660146611466214663146641466514666146671466814669146701467114672146731467414675146761467714678146791468014681146821468314684146851468614687146881468914690146911469214693146941469514696146971469814699147001470114702147031470414705147061470714708147091471014711147121471314714147151471614717147181471914720147211472214723147241472514726147271472814729147301473114732147331473414735147361473714738147391474014741147421474314744147451474614747147481474914750147511475214753147541475514756147571475814759147601476114762147631476414765147661476714768147691477014771147721477314774147751477614777147781477914780147811478214783147841478514786147871478814789147901479114792147931479414795147961479714798147991480014801148021480314804148051480614807148081480914810148111481214813148141481514816148171481814819148201482114822148231482414825148261482714828148291483014831148321483314834148351483614837148381483914840148411484214843148441484514846148471484814849148501485114852148531485414855148561485714858148591486014861148621486314864148651486614867148681486914870148711487214873148741487514876148771487814879148801488114882148831488414885148861488714888148891489014891148921489314894148951489614897148981489914900149011490214903149041490514906149071490814909149101491114912149131491414915149161491714918149191492014921149221492314924149251492614927149281492914930149311493214933149341493514936149371493814939149401494114942149431494414945149461494714948149491495014951149521495314954149551495614957149581495914960149611496214963149641496514966149671496814969149701497114972149731497414975149761497714978149791498014981149821498314984149851498614987149881498914990149911499214993149941499514996149971499814999150001500115002150031500415005150061500715008150091501015011150121501315014150151501615017150181501915020150211502215023150241502515026150271502815029150301503115032150331503415035150361503715038150391504015041150421504315044150451504615047150481504915050150511505215053150541505515056150571505815059150601506115062150631506415065150661506715068150691507015071150721507315074150751507615077150781507915080150811508215083150841508515086150871508815089150901509115092150931509415095150961509715098150991510015101151021510315104151051510615107151081510915110151111511215113151141511515116151171511815119151201512115122151231512415125151261512715128151291513015131151321513315134151351513615137151381513915140151411514215143151441514515146151471514815149151501515115152151531515415155151561515715158151591516015161151621516315164151651516615167151681516915170151711517215173151741517515176151771517815179151801518115182151831518415185151861518715188151891519015191151921519315194151951519615197151981519915200152011520215203152041520515206152071520815209152101521115212152131521415215152161521715218152191522015221152221522315224152251522615227152281522915230152311523215233152341523515236152371523815239152401524115242152431524415245152461524715248152491525015251152521525315254152551525615257152581525915260152611526215263152641526515266152671526815269152701527115272152731527415275152761527715278152791528015281152821528315284152851528615287152881528915290152911529215293152941529515296152971529815299153001530115302153031530415305153061530715308153091531015311153121531315314153151531615317153181531915320153211532215323153241532515326153271532815329153301533115332153331533415335153361533715338153391534015341153421534315344153451534615347153481534915350153511535215353153541535515356153571535815359153601536115362153631536415365153661536715368153691537015371153721537315374153751537615377153781537915380153811538215383153841538515386153871538815389153901539115392153931539415395153961539715398153991540015401154021540315404154051540615407154081540915410154111541215413154141541515416154171541815419154201542115422154231542415425154261542715428154291543015431
  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. padding: 0 8px 0 8px;
  354. /* @alternate */
  355. position: relative;
  356. display: inline-flex;
  357. align-items: center;
  358. justify-content: center;
  359. box-sizing: border-box;
  360. min-width: 64px;
  361. border: none;
  362. outline: none;
  363. /* @alternate */
  364. line-height: inherit;
  365. -webkit-user-select: none;
  366. -moz-user-select: none;
  367. -ms-user-select: none;
  368. user-select: none;
  369. -webkit-appearance: none;
  370. overflow: visible;
  371. vertical-align: middle;
  372. border-radius: 4px;
  373. /* @alternate */
  374. border-radius: var(--mdc-shape-small, 4px);
  375. height: 36px;
  376. }
  377. .mdc-button .mdc-elevation-overlay {
  378. width: 100%;
  379. height: 100%;
  380. top: 0;
  381. /* @noflip */
  382. left: 0;
  383. }
  384. .mdc-button::-moz-focus-inner {
  385. padding: 0;
  386. border: 0;
  387. }
  388. .mdc-button:active {
  389. outline: none;
  390. }
  391. .mdc-button:hover {
  392. cursor: pointer;
  393. }
  394. .mdc-button:disabled {
  395. cursor: default;
  396. pointer-events: none;
  397. }
  398. .mdc-button .mdc-button__ripple {
  399. border-radius: 4px;
  400. /* @alternate */
  401. border-radius: var(--mdc-shape-small, 4px);
  402. }
  403. .mdc-button:not(:disabled) {
  404. background-color: transparent;
  405. }
  406. .mdc-button:disabled {
  407. background-color: transparent;
  408. }
  409. .mdc-button .mdc-button__icon {
  410. /* @noflip */
  411. margin-left: 0;
  412. /* @noflip */
  413. margin-right: 8px;
  414. display: inline-block;
  415. width: 18px;
  416. height: 18px;
  417. font-size: 18px;
  418. vertical-align: top;
  419. }
  420. [dir=rtl] .mdc-button .mdc-button__icon, .mdc-button .mdc-button__icon[dir=rtl] {
  421. /* @noflip */
  422. margin-left: 8px;
  423. /* @noflip */
  424. margin-right: 0;
  425. }
  426. .mdc-button .mdc-button__touch {
  427. position: absolute;
  428. top: 50%;
  429. right: 0;
  430. height: 48px;
  431. left: 0;
  432. -webkit-transform: translateY(-50%);
  433. transform: translateY(-50%);
  434. }
  435. .mdc-button:not(:disabled) {
  436. color: #6200ee;
  437. /* @alternate */
  438. color: var(--mdc-theme-primary, #6200ee);
  439. }
  440. .mdc-button:disabled {
  441. color: rgba(0, 0, 0, 0.38);
  442. }
  443. .mdc-button__label + .mdc-button__icon {
  444. /* @noflip */
  445. margin-left: 8px;
  446. /* @noflip */
  447. margin-right: 0;
  448. }
  449. [dir=rtl] .mdc-button__label + .mdc-button__icon, .mdc-button__label + .mdc-button__icon[dir=rtl] {
  450. /* @noflip */
  451. margin-left: 0;
  452. /* @noflip */
  453. margin-right: 8px;
  454. }
  455. svg.mdc-button__icon {
  456. fill: currentColor;
  457. }
  458. .mdc-button--raised .mdc-button__icon,
  459. .mdc-button--unelevated .mdc-button__icon,
  460. .mdc-button--outlined .mdc-button__icon {
  461. /* @noflip */
  462. margin-left: -4px;
  463. /* @noflip */
  464. margin-right: 8px;
  465. }
  466. [dir=rtl] .mdc-button--raised .mdc-button__icon, .mdc-button--raised .mdc-button__icon[dir=rtl],
  467. [dir=rtl] .mdc-button--unelevated .mdc-button__icon,
  468. .mdc-button--unelevated .mdc-button__icon[dir=rtl],
  469. [dir=rtl] .mdc-button--outlined .mdc-button__icon,
  470. .mdc-button--outlined .mdc-button__icon[dir=rtl] {
  471. /* @noflip */
  472. margin-left: 8px;
  473. /* @noflip */
  474. margin-right: -4px;
  475. }
  476. .mdc-button--raised .mdc-button__label + .mdc-button__icon,
  477. .mdc-button--unelevated .mdc-button__label + .mdc-button__icon,
  478. .mdc-button--outlined .mdc-button__label + .mdc-button__icon {
  479. /* @noflip */
  480. margin-left: 8px;
  481. /* @noflip */
  482. margin-right: -4px;
  483. }
  484. [dir=rtl] .mdc-button--raised .mdc-button__label + .mdc-button__icon, .mdc-button--raised .mdc-button__label + .mdc-button__icon[dir=rtl],
  485. [dir=rtl] .mdc-button--unelevated .mdc-button__label + .mdc-button__icon,
  486. .mdc-button--unelevated .mdc-button__label + .mdc-button__icon[dir=rtl],
  487. [dir=rtl] .mdc-button--outlined .mdc-button__label + .mdc-button__icon,
  488. .mdc-button--outlined .mdc-button__label + .mdc-button__icon[dir=rtl] {
  489. /* @noflip */
  490. margin-left: -4px;
  491. /* @noflip */
  492. margin-right: 8px;
  493. }
  494. .mdc-button--touch {
  495. margin-top: 6px;
  496. margin-bottom: 6px;
  497. }
  498. .mdc-button--raised,
  499. .mdc-button--unelevated {
  500. padding: 0 16px 0 16px;
  501. }
  502. .mdc-button--raised:not(:disabled),
  503. .mdc-button--unelevated:not(:disabled) {
  504. background-color: #6200ee;
  505. /* @alternate */
  506. background-color: var(--mdc-theme-primary, #6200ee);
  507. }
  508. .mdc-button--raised:not(:disabled),
  509. .mdc-button--unelevated:not(:disabled) {
  510. color: #fff;
  511. /* @alternate */
  512. color: var(--mdc-theme-on-primary, #fff);
  513. }
  514. .mdc-button--raised:disabled,
  515. .mdc-button--unelevated:disabled {
  516. background-color: rgba(0, 0, 0, 0.12);
  517. }
  518. .mdc-button--raised:disabled,
  519. .mdc-button--unelevated:disabled {
  520. color: rgba(0, 0, 0, 0.38);
  521. }
  522. .mdc-button--raised {
  523. /* @alternate */
  524. 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);
  525. transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1);
  526. }
  527. .mdc-button--raised:hover, .mdc-button--raised:focus {
  528. /* @alternate */
  529. 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);
  530. }
  531. .mdc-button--raised:active {
  532. /* @alternate */
  533. 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);
  534. }
  535. .mdc-button--raised:disabled {
  536. /* @alternate */
  537. 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);
  538. }
  539. .mdc-button--outlined {
  540. padding: 0 15px 0 15px;
  541. border-width: 1px;
  542. border-style: solid;
  543. }
  544. .mdc-button--outlined .mdc-button__ripple {
  545. top: -1px;
  546. left: -1px;
  547. border: 1px solid transparent;
  548. }
  549. .mdc-button--outlined .mdc-button__touch {
  550. left: -1px;
  551. width: calc(100% + 2 * 1px);
  552. }
  553. .mdc-button--outlined:not(:disabled) {
  554. border-color: rgba(0, 0, 0, 0.12);
  555. }
  556. .mdc-button--outlined:disabled {
  557. border-color: rgba(0, 0, 0, 0.12);
  558. }
  559. @-webkit-keyframes mdc-ripple-fg-radius-in {
  560. from {
  561. -webkit-animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  562. animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  563. -webkit-transform: translate(var(--mdc-ripple-fg-translate-start, 0)) scale(1);
  564. transform: translate(var(--mdc-ripple-fg-translate-start, 0)) scale(1);
  565. }
  566. to {
  567. -webkit-transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
  568. transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
  569. }
  570. }
  571. @keyframes mdc-ripple-fg-radius-in {
  572. from {
  573. -webkit-animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  574. animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  575. -webkit-transform: translate(var(--mdc-ripple-fg-translate-start, 0)) scale(1);
  576. transform: translate(var(--mdc-ripple-fg-translate-start, 0)) scale(1);
  577. }
  578. to {
  579. -webkit-transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
  580. transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
  581. }
  582. }
  583. @-webkit-keyframes mdc-ripple-fg-opacity-in {
  584. from {
  585. -webkit-animation-timing-function: linear;
  586. animation-timing-function: linear;
  587. opacity: 0;
  588. }
  589. to {
  590. opacity: var(--mdc-ripple-fg-opacity, 0);
  591. }
  592. }
  593. @keyframes mdc-ripple-fg-opacity-in {
  594. from {
  595. -webkit-animation-timing-function: linear;
  596. animation-timing-function: linear;
  597. opacity: 0;
  598. }
  599. to {
  600. opacity: var(--mdc-ripple-fg-opacity, 0);
  601. }
  602. }
  603. @-webkit-keyframes mdc-ripple-fg-opacity-out {
  604. from {
  605. -webkit-animation-timing-function: linear;
  606. animation-timing-function: linear;
  607. opacity: var(--mdc-ripple-fg-opacity, 0);
  608. }
  609. to {
  610. opacity: 0;
  611. }
  612. }
  613. @keyframes mdc-ripple-fg-opacity-out {
  614. from {
  615. -webkit-animation-timing-function: linear;
  616. animation-timing-function: linear;
  617. opacity: var(--mdc-ripple-fg-opacity, 0);
  618. }
  619. to {
  620. opacity: 0;
  621. }
  622. }
  623. .mdc-button {
  624. --mdc-ripple-fg-size: 0;
  625. --mdc-ripple-left: 0;
  626. --mdc-ripple-top: 0;
  627. --mdc-ripple-fg-scale: 1;
  628. --mdc-ripple-fg-translate-end: 0;
  629. --mdc-ripple-fg-translate-start: 0;
  630. -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  631. will-change: transform, opacity;
  632. }
  633. .mdc-button .mdc-button__ripple::before,
  634. .mdc-button .mdc-button__ripple::after {
  635. position: absolute;
  636. border-radius: 50%;
  637. opacity: 0;
  638. pointer-events: none;
  639. content: "";
  640. }
  641. .mdc-button .mdc-button__ripple::before {
  642. transition: opacity 15ms linear, background-color 15ms linear;
  643. z-index: 1;
  644. /* @alternate */
  645. z-index: var(--mdc-ripple-z-index, 1);
  646. }
  647. .mdc-button .mdc-button__ripple::after {
  648. z-index: 0;
  649. /* @alternate */
  650. z-index: var(--mdc-ripple-z-index, 0);
  651. }
  652. .mdc-button.mdc-ripple-upgraded .mdc-button__ripple::before {
  653. -webkit-transform: scale(var(--mdc-ripple-fg-scale, 1));
  654. transform: scale(var(--mdc-ripple-fg-scale, 1));
  655. }
  656. .mdc-button.mdc-ripple-upgraded .mdc-button__ripple::after {
  657. top: 0;
  658. /* @noflip */
  659. left: 0;
  660. -webkit-transform: scale(0);
  661. transform: scale(0);
  662. -webkit-transform-origin: center center;
  663. transform-origin: center center;
  664. }
  665. .mdc-button.mdc-ripple-upgraded--unbounded .mdc-button__ripple::after {
  666. top: var(--mdc-ripple-top, 0);
  667. /* @noflip */
  668. left: var(--mdc-ripple-left, 0);
  669. }
  670. .mdc-button.mdc-ripple-upgraded--foreground-activation .mdc-button__ripple::after {
  671. -webkit-animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards;
  672. animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards;
  673. }
  674. .mdc-button.mdc-ripple-upgraded--foreground-deactivation .mdc-button__ripple::after {
  675. -webkit-animation: mdc-ripple-fg-opacity-out 150ms;
  676. animation: mdc-ripple-fg-opacity-out 150ms;
  677. -webkit-transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
  678. transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
  679. }
  680. .mdc-button .mdc-button__ripple::before,
  681. .mdc-button .mdc-button__ripple::after {
  682. top: calc(50% - 100%);
  683. /* @noflip */
  684. left: calc(50% - 100%);
  685. width: 200%;
  686. height: 200%;
  687. }
  688. .mdc-button.mdc-ripple-upgraded .mdc-button__ripple::after {
  689. width: var(--mdc-ripple-fg-size, 100%);
  690. height: var(--mdc-ripple-fg-size, 100%);
  691. }
  692. .mdc-button .mdc-button__ripple::before, .mdc-button .mdc-button__ripple::after {
  693. background-color: #6200ee;
  694. /* @alternate */
  695. background-color: var(--mdc-ripple-color, var(--mdc-theme-primary, #6200ee));
  696. }
  697. .mdc-button:hover .mdc-button__ripple::before, .mdc-button.mdc-ripple-surface--hover .mdc-button__ripple::before {
  698. opacity: 0.04;
  699. /* @alternate */
  700. opacity: var(--mdc-ripple-hover-opacity, 0.04);
  701. }
  702. .mdc-button.mdc-ripple-upgraded--background-focused .mdc-button__ripple::before, .mdc-button:not(.mdc-ripple-upgraded):focus .mdc-button__ripple::before {
  703. transition-duration: 75ms;
  704. opacity: 0.12;
  705. /* @alternate */
  706. opacity: var(--mdc-ripple-focus-opacity, 0.12);
  707. }
  708. .mdc-button:not(.mdc-ripple-upgraded) .mdc-button__ripple::after {
  709. transition: opacity 150ms linear;
  710. }
  711. .mdc-button:not(.mdc-ripple-upgraded):active .mdc-button__ripple::after {
  712. transition-duration: 75ms;
  713. opacity: 0.12;
  714. /* @alternate */
  715. opacity: var(--mdc-ripple-press-opacity, 0.12);
  716. }
  717. .mdc-button.mdc-ripple-upgraded {
  718. --mdc-ripple-fg-opacity: var(--mdc-ripple-press-opacity, 0.12);
  719. }
  720. .mdc-button .mdc-button__ripple {
  721. position: absolute;
  722. box-sizing: content-box;
  723. width: 100%;
  724. height: 100%;
  725. overflow: hidden;
  726. }
  727. .mdc-button:not(.mdc-button--outlined) .mdc-button__ripple {
  728. top: 0;
  729. left: 0;
  730. }
  731. .mdc-button--raised .mdc-button__ripple::before, .mdc-button--raised .mdc-button__ripple::after,
  732. .mdc-button--unelevated .mdc-button__ripple::before,
  733. .mdc-button--unelevated .mdc-button__ripple::after {
  734. background-color: #fff;
  735. /* @alternate */
  736. background-color: var(--mdc-ripple-color, var(--mdc-theme-on-primary, #fff));
  737. }
  738. .mdc-button--raised:hover .mdc-button__ripple::before, .mdc-button--raised.mdc-ripple-surface--hover .mdc-button__ripple::before,
  739. .mdc-button--unelevated:hover .mdc-button__ripple::before,
  740. .mdc-button--unelevated.mdc-ripple-surface--hover .mdc-button__ripple::before {
  741. opacity: 0.08;
  742. /* @alternate */
  743. opacity: var(--mdc-ripple-hover-opacity, 0.08);
  744. }
  745. .mdc-button--raised.mdc-ripple-upgraded--background-focused .mdc-button__ripple::before, .mdc-button--raised:not(.mdc-ripple-upgraded):focus .mdc-button__ripple::before,
  746. .mdc-button--unelevated.mdc-ripple-upgraded--background-focused .mdc-button__ripple::before,
  747. .mdc-button--unelevated:not(.mdc-ripple-upgraded):focus .mdc-button__ripple::before {
  748. transition-duration: 75ms;
  749. opacity: 0.24;
  750. /* @alternate */
  751. opacity: var(--mdc-ripple-focus-opacity, 0.24);
  752. }
  753. .mdc-button--raised:not(.mdc-ripple-upgraded) .mdc-button__ripple::after,
  754. .mdc-button--unelevated:not(.mdc-ripple-upgraded) .mdc-button__ripple::after {
  755. transition: opacity 150ms linear;
  756. }
  757. .mdc-button--raised:not(.mdc-ripple-upgraded):active .mdc-button__ripple::after,
  758. .mdc-button--unelevated:not(.mdc-ripple-upgraded):active .mdc-button__ripple::after {
  759. transition-duration: 75ms;
  760. opacity: 0.24;
  761. /* @alternate */
  762. opacity: var(--mdc-ripple-press-opacity, 0.24);
  763. }
  764. .mdc-button--raised.mdc-ripple-upgraded,
  765. .mdc-button--unelevated.mdc-ripple-upgraded {
  766. --mdc-ripple-fg-opacity: var(--mdc-ripple-press-opacity, 0.24);
  767. }
  768. .mdc-card {
  769. border-radius: 4px;
  770. /* @alternate */
  771. border-radius: var(--mdc-shape-medium, 4px);
  772. background-color: #fff;
  773. /* @alternate */
  774. background-color: var(--mdc-theme-surface, #fff);
  775. /* @alternate */
  776. position: relative;
  777. /* @alternate */
  778. 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);
  779. display: flex;
  780. flex-direction: column;
  781. box-sizing: border-box;
  782. }
  783. .mdc-card .mdc-elevation-overlay {
  784. width: 100%;
  785. height: 100%;
  786. top: 0;
  787. /* @noflip */
  788. left: 0;
  789. }
  790. .mdc-card::after {
  791. border-radius: 4px;
  792. /* @alternate */
  793. border-radius: var(--mdc-shape-medium, 4px);
  794. position: absolute;
  795. box-sizing: border-box;
  796. width: 100%;
  797. height: 100%;
  798. top: 0;
  799. left: 0;
  800. border: 1px solid transparent;
  801. border-radius: inherit;
  802. content: "";
  803. pointer-events: none;
  804. }
  805. .mdc-card--outlined {
  806. /* @alternate */
  807. 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);
  808. border-width: 1px;
  809. border-style: solid;
  810. border-color: #e0e0e0;
  811. }
  812. .mdc-card--outlined::after {
  813. border: none;
  814. }
  815. .mdc-card__content {
  816. border-radius: inherit;
  817. height: 100%;
  818. }
  819. .mdc-card__media {
  820. position: relative;
  821. box-sizing: border-box;
  822. background-repeat: no-repeat;
  823. background-position: center;
  824. background-size: cover;
  825. }
  826. .mdc-card__media::before {
  827. display: block;
  828. content: "";
  829. }
  830. .mdc-card__media:first-child {
  831. border-top-left-radius: inherit;
  832. border-top-right-radius: inherit;
  833. }
  834. .mdc-card__media:last-child {
  835. border-bottom-left-radius: inherit;
  836. border-bottom-right-radius: inherit;
  837. }
  838. .mdc-card__media--square::before {
  839. margin-top: 100%;
  840. }
  841. .mdc-card__media--16-9::before {
  842. margin-top: 56.25%;
  843. }
  844. .mdc-card__media-content {
  845. position: absolute;
  846. top: 0;
  847. right: 0;
  848. bottom: 0;
  849. left: 0;
  850. box-sizing: border-box;
  851. }
  852. .mdc-card__primary-action {
  853. display: flex;
  854. flex-direction: column;
  855. box-sizing: border-box;
  856. position: relative;
  857. outline: none;
  858. color: inherit;
  859. text-decoration: none;
  860. cursor: pointer;
  861. overflow: hidden;
  862. }
  863. .mdc-card__primary-action:first-child {
  864. border-top-left-radius: inherit;
  865. border-top-right-radius: inherit;
  866. }
  867. .mdc-card__primary-action:last-child {
  868. border-bottom-left-radius: inherit;
  869. border-bottom-right-radius: inherit;
  870. }
  871. .mdc-card__actions {
  872. display: flex;
  873. flex-direction: row;
  874. align-items: center;
  875. box-sizing: border-box;
  876. min-height: 52px;
  877. padding: 8px;
  878. }
  879. .mdc-card__actions--full-bleed {
  880. padding: 0;
  881. }
  882. .mdc-card__action-buttons,
  883. .mdc-card__action-icons {
  884. display: flex;
  885. flex-direction: row;
  886. align-items: center;
  887. box-sizing: border-box;
  888. }
  889. .mdc-card__action-icons {
  890. color: rgba(0, 0, 0, 0.6);
  891. flex-grow: 1;
  892. justify-content: flex-end;
  893. }
  894. .mdc-card__action-buttons + .mdc-card__action-icons {
  895. /* @noflip */
  896. margin-left: 16px;
  897. /* @noflip */
  898. margin-right: 0;
  899. }
  900. [dir=rtl] .mdc-card__action-buttons + .mdc-card__action-icons, .mdc-card__action-buttons + .mdc-card__action-icons[dir=rtl] {
  901. /* @noflip */
  902. margin-left: 0;
  903. /* @noflip */
  904. margin-right: 16px;
  905. }
  906. .mdc-card__action {
  907. display: inline-flex;
  908. flex-direction: row;
  909. align-items: center;
  910. box-sizing: border-box;
  911. justify-content: center;
  912. cursor: pointer;
  913. -webkit-user-select: none;
  914. -moz-user-select: none;
  915. -ms-user-select: none;
  916. user-select: none;
  917. }
  918. .mdc-card__action:focus {
  919. outline: none;
  920. }
  921. .mdc-card__action--button {
  922. /* @noflip */
  923. margin-left: 0;
  924. /* @noflip */
  925. margin-right: 8px;
  926. padding: 0 8px;
  927. }
  928. [dir=rtl] .mdc-card__action--button, .mdc-card__action--button[dir=rtl] {
  929. /* @noflip */
  930. margin-left: 8px;
  931. /* @noflip */
  932. margin-right: 0;
  933. }
  934. .mdc-card__action--button:last-child {
  935. /* @noflip */
  936. margin-left: 0;
  937. /* @noflip */
  938. margin-right: 0;
  939. }
  940. [dir=rtl] .mdc-card__action--button:last-child, .mdc-card__action--button:last-child[dir=rtl] {
  941. /* @noflip */
  942. margin-left: 0;
  943. /* @noflip */
  944. margin-right: 0;
  945. }
  946. .mdc-card__actions--full-bleed .mdc-card__action--button {
  947. justify-content: space-between;
  948. width: 100%;
  949. height: auto;
  950. max-height: none;
  951. margin: 0;
  952. padding: 8px 16px;
  953. /* @noflip */
  954. text-align: left;
  955. }
  956. [dir=rtl] .mdc-card__actions--full-bleed .mdc-card__action--button, .mdc-card__actions--full-bleed .mdc-card__action--button[dir=rtl] {
  957. /* @noflip */
  958. text-align: right;
  959. }
  960. .mdc-card__action--icon {
  961. margin: -6px 0;
  962. padding: 12px;
  963. }
  964. .mdc-card__action--icon:not(:disabled) {
  965. color: rgba(0, 0, 0, 0.6);
  966. }
  967. .mdc-card__primary-action {
  968. --mdc-ripple-fg-size: 0;
  969. --mdc-ripple-left: 0;
  970. --mdc-ripple-top: 0;
  971. --mdc-ripple-fg-scale: 1;
  972. --mdc-ripple-fg-translate-end: 0;
  973. --mdc-ripple-fg-translate-start: 0;
  974. -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  975. will-change: transform, opacity;
  976. }
  977. .mdc-card__primary-action::before, .mdc-card__primary-action::after {
  978. position: absolute;
  979. border-radius: 50%;
  980. opacity: 0;
  981. pointer-events: none;
  982. content: "";
  983. }
  984. .mdc-card__primary-action::before {
  985. transition: opacity 15ms linear, background-color 15ms linear;
  986. z-index: 1;
  987. /* @alternate */
  988. z-index: var(--mdc-ripple-z-index, 1);
  989. }
  990. .mdc-card__primary-action::after {
  991. z-index: 0;
  992. /* @alternate */
  993. z-index: var(--mdc-ripple-z-index, 0);
  994. }
  995. .mdc-card__primary-action.mdc-ripple-upgraded::before {
  996. -webkit-transform: scale(var(--mdc-ripple-fg-scale, 1));
  997. transform: scale(var(--mdc-ripple-fg-scale, 1));
  998. }
  999. .mdc-card__primary-action.mdc-ripple-upgraded::after {
  1000. top: 0;
  1001. /* @noflip */
  1002. left: 0;
  1003. -webkit-transform: scale(0);
  1004. transform: scale(0);
  1005. -webkit-transform-origin: center center;
  1006. transform-origin: center center;
  1007. }
  1008. .mdc-card__primary-action.mdc-ripple-upgraded--unbounded::after {
  1009. top: var(--mdc-ripple-top, 0);
  1010. /* @noflip */
  1011. left: var(--mdc-ripple-left, 0);
  1012. }
  1013. .mdc-card__primary-action.mdc-ripple-upgraded--foreground-activation::after {
  1014. -webkit-animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards;
  1015. animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards;
  1016. }
  1017. .mdc-card__primary-action.mdc-ripple-upgraded--foreground-deactivation::after {
  1018. -webkit-animation: mdc-ripple-fg-opacity-out 150ms;
  1019. animation: mdc-ripple-fg-opacity-out 150ms;
  1020. -webkit-transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
  1021. transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
  1022. }
  1023. .mdc-card__primary-action::before, .mdc-card__primary-action::after {
  1024. top: calc(50% - 100%);
  1025. /* @noflip */
  1026. left: calc(50% - 100%);
  1027. width: 200%;
  1028. height: 200%;
  1029. }
  1030. .mdc-card__primary-action.mdc-ripple-upgraded::after {
  1031. width: var(--mdc-ripple-fg-size, 100%);
  1032. height: var(--mdc-ripple-fg-size, 100%);
  1033. }
  1034. .mdc-card__primary-action::before, .mdc-card__primary-action::after {
  1035. background-color: #000;
  1036. /* @alternate */
  1037. background-color: var(--mdc-ripple-color, #000);
  1038. }
  1039. .mdc-card__primary-action:hover::before, .mdc-card__primary-action.mdc-ripple-surface--hover::before {
  1040. opacity: 0.04;
  1041. /* @alternate */
  1042. opacity: var(--mdc-ripple-hover-opacity, 0.04);
  1043. }
  1044. .mdc-card__primary-action.mdc-ripple-upgraded--background-focused::before, .mdc-card__primary-action:not(.mdc-ripple-upgraded):focus::before {
  1045. transition-duration: 75ms;
  1046. opacity: 0.12;
  1047. /* @alternate */
  1048. opacity: var(--mdc-ripple-focus-opacity, 0.12);
  1049. }
  1050. .mdc-card__primary-action:not(.mdc-ripple-upgraded)::after {
  1051. transition: opacity 150ms linear;
  1052. }
  1053. .mdc-card__primary-action:not(.mdc-ripple-upgraded):active::after {
  1054. transition-duration: 75ms;
  1055. opacity: 0.12;
  1056. /* @alternate */
  1057. opacity: var(--mdc-ripple-press-opacity, 0.12);
  1058. }
  1059. .mdc-card__primary-action.mdc-ripple-upgraded {
  1060. --mdc-ripple-fg-opacity: var(--mdc-ripple-press-opacity, 0.12);
  1061. }
  1062. .mdc-checkbox {
  1063. padding: calc((40px - 18px) / 2);
  1064. /* @alternate */
  1065. padding: calc((var(--mdc-checkbox-ripple-size, 40px) - 18px) / 2);
  1066. margin: calc((40px - 40px) / 2);
  1067. /* @alternate */
  1068. margin: calc((var(--mdc-checkbox-ripple-size, 40px) - var(--mdc-checkbox-ripple-size, 40px)) / 2);
  1069. }
  1070. .mdc-checkbox .mdc-checkbox__ripple::before, .mdc-checkbox .mdc-checkbox__ripple::after {
  1071. background-color: #000;
  1072. /* @alternate */
  1073. background-color: var(--mdc-ripple-color, #000);
  1074. }
  1075. .mdc-checkbox:hover .mdc-checkbox__ripple::before, .mdc-checkbox.mdc-ripple-surface--hover .mdc-checkbox__ripple::before {
  1076. opacity: 0.04;
  1077. /* @alternate */
  1078. opacity: var(--mdc-ripple-hover-opacity, 0.04);
  1079. }
  1080. .mdc-checkbox.mdc-ripple-upgraded--background-focused .mdc-checkbox__ripple::before, .mdc-checkbox:not(.mdc-ripple-upgraded):focus .mdc-checkbox__ripple::before {
  1081. transition-duration: 75ms;
  1082. opacity: 0.12;
  1083. /* @alternate */
  1084. opacity: var(--mdc-ripple-focus-opacity, 0.12);
  1085. }
  1086. .mdc-checkbox:not(.mdc-ripple-upgraded) .mdc-checkbox__ripple::after {
  1087. transition: opacity 150ms linear;
  1088. }
  1089. .mdc-checkbox:not(.mdc-ripple-upgraded):active .mdc-checkbox__ripple::after {
  1090. transition-duration: 75ms;
  1091. opacity: 0.12;
  1092. /* @alternate */
  1093. opacity: var(--mdc-ripple-press-opacity, 0.12);
  1094. }
  1095. .mdc-checkbox.mdc-ripple-upgraded {
  1096. --mdc-ripple-fg-opacity: var(--mdc-ripple-press-opacity, 0.12);
  1097. }
  1098. .mdc-checkbox.mdc-checkbox--selected .mdc-checkbox__ripple::before, .mdc-checkbox.mdc-checkbox--selected .mdc-checkbox__ripple::after {
  1099. background-color: #018786;
  1100. /* @alternate */
  1101. background-color: var(--mdc-ripple-color, var(--mdc-theme-secondary, #018786));
  1102. }
  1103. .mdc-checkbox.mdc-checkbox--selected:hover .mdc-checkbox__ripple::before, .mdc-checkbox.mdc-checkbox--selected.mdc-ripple-surface--hover .mdc-checkbox__ripple::before {
  1104. opacity: 0.04;
  1105. /* @alternate */
  1106. opacity: var(--mdc-ripple-hover-opacity, 0.04);
  1107. }
  1108. .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 {
  1109. transition-duration: 75ms;
  1110. opacity: 0.12;
  1111. /* @alternate */
  1112. opacity: var(--mdc-ripple-focus-opacity, 0.12);
  1113. }
  1114. .mdc-checkbox.mdc-checkbox--selected:not(.mdc-ripple-upgraded) .mdc-checkbox__ripple::after {
  1115. transition: opacity 150ms linear;
  1116. }
  1117. .mdc-checkbox.mdc-checkbox--selected:not(.mdc-ripple-upgraded):active .mdc-checkbox__ripple::after {
  1118. transition-duration: 75ms;
  1119. opacity: 0.12;
  1120. /* @alternate */
  1121. opacity: var(--mdc-ripple-press-opacity, 0.12);
  1122. }
  1123. .mdc-checkbox.mdc-checkbox--selected.mdc-ripple-upgraded {
  1124. --mdc-ripple-fg-opacity: var(--mdc-ripple-press-opacity, 0.12);
  1125. }
  1126. .mdc-checkbox.mdc-ripple-upgraded--background-focused.mdc-checkbox--selected .mdc-checkbox__ripple::before,
  1127. .mdc-checkbox.mdc-ripple-upgraded--background-focused.mdc-checkbox--selected .mdc-checkbox__ripple::after {
  1128. background-color: #018786;
  1129. /* @alternate */
  1130. background-color: var(--mdc-ripple-color, var(--mdc-theme-secondary, #018786));
  1131. }
  1132. .mdc-checkbox .mdc-checkbox__background {
  1133. top: calc((40px - 18px) / 2);
  1134. /* @alternate */
  1135. top: calc((var(--mdc-checkbox-ripple-size, 40px) - 18px) / 2);
  1136. left: calc((40px - 18px) / 2);
  1137. /* @alternate */
  1138. left: calc((var(--mdc-checkbox-ripple-size, 40px) - 18px) / 2);
  1139. }
  1140. .mdc-checkbox .mdc-checkbox__native-control {
  1141. top: calc((40px - 40px) / 2);
  1142. /* @alternate */
  1143. top: calc((var(--mdc-checkbox-ripple-size, 40px) - var(--mdc-checkbox-ripple-size, 40px)) / 2);
  1144. right: calc((40px - 40px) / 2);
  1145. /* @alternate */
  1146. right: calc((var(--mdc-checkbox-ripple-size, 40px) - var(--mdc-checkbox-ripple-size, 40px)) / 2);
  1147. left: calc((40px - 40px) / 2);
  1148. /* @alternate */
  1149. left: calc((var(--mdc-checkbox-ripple-size, 40px) - var(--mdc-checkbox-ripple-size, 40px)) / 2);
  1150. width: 40px;
  1151. /* @alternate */
  1152. width: var(--mdc-checkbox-ripple-size, 40px);
  1153. height: 40px;
  1154. /* @alternate */
  1155. height: var(--mdc-checkbox-ripple-size, 40px);
  1156. }
  1157. .mdc-checkbox .mdc-checkbox__native-control:enabled:not(:checked):not(:indeterminate):not([data-indeterminate=true]) ~ .mdc-checkbox__background {
  1158. border-color: rgba(0, 0, 0, 0.54);
  1159. /* @alternate */
  1160. border-color: var(--mdc-checkbox-unchecked-color, rgba(0, 0, 0, 0.54));
  1161. background-color: transparent;
  1162. }
  1163. .mdc-checkbox .mdc-checkbox__native-control:enabled:checked ~ .mdc-checkbox__background,
  1164. .mdc-checkbox .mdc-checkbox__native-control:enabled:indeterminate ~ .mdc-checkbox__background,
  1165. .mdc-checkbox .mdc-checkbox__native-control[data-indeterminate=true]:enabled ~ .mdc-checkbox__background {
  1166. border-color: #018786;
  1167. /* @alternate */
  1168. border-color: var(--mdc-checkbox-checked-color, var(--mdc-theme-secondary, #018786));
  1169. background-color: #018786;
  1170. /* @alternate */
  1171. background-color: var(--mdc-checkbox-checked-color, var(--mdc-theme-secondary, #018786));
  1172. }
  1173. @-webkit-keyframes mdc-checkbox-fade-in-background-8A000000FF01878600000000FF018786 {
  1174. 0% {
  1175. border-color: rgba(0, 0, 0, 0.54);
  1176. /* @alternate */
  1177. border-color: var(--mdc-checkbox-unchecked-color, rgba(0, 0, 0, 0.54));
  1178. background-color: transparent;
  1179. }
  1180. 50% {
  1181. border-color: #018786;
  1182. /* @alternate */
  1183. border-color: var(--mdc-checkbox-checked-color, var(--mdc-theme-secondary, #018786));
  1184. background-color: #018786;
  1185. /* @alternate */
  1186. background-color: var(--mdc-checkbox-checked-color, var(--mdc-theme-secondary, #018786));
  1187. }
  1188. }
  1189. @keyframes mdc-checkbox-fade-in-background-8A000000FF01878600000000FF018786 {
  1190. 0% {
  1191. border-color: rgba(0, 0, 0, 0.54);
  1192. /* @alternate */
  1193. border-color: var(--mdc-checkbox-unchecked-color, rgba(0, 0, 0, 0.54));
  1194. background-color: transparent;
  1195. }
  1196. 50% {
  1197. border-color: #018786;
  1198. /* @alternate */
  1199. border-color: var(--mdc-checkbox-checked-color, var(--mdc-theme-secondary, #018786));
  1200. background-color: #018786;
  1201. /* @alternate */
  1202. background-color: var(--mdc-checkbox-checked-color, var(--mdc-theme-secondary, #018786));
  1203. }
  1204. }
  1205. @-webkit-keyframes mdc-checkbox-fade-out-background-8A000000FF01878600000000FF018786 {
  1206. 0%, 80% {
  1207. border-color: #018786;
  1208. /* @alternate */
  1209. border-color: var(--mdc-checkbox-checked-color, var(--mdc-theme-secondary, #018786));
  1210. background-color: #018786;
  1211. /* @alternate */
  1212. background-color: var(--mdc-checkbox-checked-color, var(--mdc-theme-secondary, #018786));
  1213. }
  1214. 100% {
  1215. border-color: rgba(0, 0, 0, 0.54);
  1216. /* @alternate */
  1217. border-color: var(--mdc-checkbox-unchecked-color, rgba(0, 0, 0, 0.54));
  1218. background-color: transparent;
  1219. }
  1220. }
  1221. @keyframes mdc-checkbox-fade-out-background-8A000000FF01878600000000FF018786 {
  1222. 0%, 80% {
  1223. border-color: #018786;
  1224. /* @alternate */
  1225. border-color: var(--mdc-checkbox-checked-color, var(--mdc-theme-secondary, #018786));
  1226. background-color: #018786;
  1227. /* @alternate */
  1228. background-color: var(--mdc-checkbox-checked-color, var(--mdc-theme-secondary, #018786));
  1229. }
  1230. 100% {
  1231. border-color: rgba(0, 0, 0, 0.54);
  1232. /* @alternate */
  1233. border-color: var(--mdc-checkbox-unchecked-color, rgba(0, 0, 0, 0.54));
  1234. background-color: transparent;
  1235. }
  1236. }
  1237. .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 {
  1238. -webkit-animation-name: mdc-checkbox-fade-in-background-8A000000FF01878600000000FF018786;
  1239. animation-name: mdc-checkbox-fade-in-background-8A000000FF01878600000000FF018786;
  1240. }
  1241. .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 {
  1242. -webkit-animation-name: mdc-checkbox-fade-out-background-8A000000FF01878600000000FF018786;
  1243. animation-name: mdc-checkbox-fade-out-background-8A000000FF01878600000000FF018786;
  1244. }
  1245. .mdc-checkbox .mdc-checkbox__native-control[disabled]:not(:checked):not(:indeterminate):not([data-indeterminate=true]) ~ .mdc-checkbox__background {
  1246. border-color: rgba(0, 0, 0, 0.38);
  1247. /* @alternate */
  1248. border-color: var(--mdc-checkbox-disabled-color, rgba(0, 0, 0, 0.38));
  1249. background-color: transparent;
  1250. }
  1251. .mdc-checkbox .mdc-checkbox__native-control[disabled]:checked ~ .mdc-checkbox__background,
  1252. .mdc-checkbox .mdc-checkbox__native-control[disabled]:indeterminate ~ .mdc-checkbox__background,
  1253. .mdc-checkbox .mdc-checkbox__native-control[data-indeterminate=true][disabled] ~ .mdc-checkbox__background {
  1254. border-color: transparent;
  1255. background-color: rgba(0, 0, 0, 0.38);
  1256. /* @alternate */
  1257. background-color: var(--mdc-checkbox-disabled-color, rgba(0, 0, 0, 0.38));
  1258. }
  1259. .mdc-checkbox .mdc-checkbox__native-control:enabled ~ .mdc-checkbox__background .mdc-checkbox__checkmark {
  1260. color: #fff;
  1261. /* @alternate */
  1262. color: var(--mdc-checkbox-ink-color, #fff);
  1263. }
  1264. .mdc-checkbox .mdc-checkbox__native-control:enabled ~ .mdc-checkbox__background .mdc-checkbox__mixedmark {
  1265. border-color: #fff;
  1266. /* @alternate */
  1267. border-color: var(--mdc-checkbox-ink-color, #fff);
  1268. }
  1269. .mdc-checkbox .mdc-checkbox__native-control:disabled ~ .mdc-checkbox__background .mdc-checkbox__checkmark {
  1270. color: #fff;
  1271. /* @alternate */
  1272. color: var(--mdc-checkbox-ink-color, #fff);
  1273. }
  1274. .mdc-checkbox .mdc-checkbox__native-control:disabled ~ .mdc-checkbox__background .mdc-checkbox__mixedmark {
  1275. border-color: #fff;
  1276. /* @alternate */
  1277. border-color: var(--mdc-checkbox-ink-color, #fff);
  1278. }
  1279. @-webkit-keyframes mdc-checkbox-unchecked-checked-checkmark-path {
  1280. 0%, 50% {
  1281. stroke-dashoffset: 29.7833385;
  1282. }
  1283. 50% {
  1284. -webkit-animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
  1285. animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
  1286. }
  1287. 100% {
  1288. stroke-dashoffset: 0;
  1289. }
  1290. }
  1291. @keyframes mdc-checkbox-unchecked-checked-checkmark-path {
  1292. 0%, 50% {
  1293. stroke-dashoffset: 29.7833385;
  1294. }
  1295. 50% {
  1296. -webkit-animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
  1297. animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
  1298. }
  1299. 100% {
  1300. stroke-dashoffset: 0;
  1301. }
  1302. }
  1303. @-webkit-keyframes mdc-checkbox-unchecked-indeterminate-mixedmark {
  1304. 0%, 68.2% {
  1305. -webkit-transform: scaleX(0);
  1306. transform: scaleX(0);
  1307. }
  1308. 68.2% {
  1309. -webkit-animation-timing-function: cubic-bezier(0, 0, 0, 1);
  1310. animation-timing-function: cubic-bezier(0, 0, 0, 1);
  1311. }
  1312. 100% {
  1313. -webkit-transform: scaleX(1);
  1314. transform: scaleX(1);
  1315. }
  1316. }
  1317. @keyframes mdc-checkbox-unchecked-indeterminate-mixedmark {
  1318. 0%, 68.2% {
  1319. -webkit-transform: scaleX(0);
  1320. transform: scaleX(0);
  1321. }
  1322. 68.2% {
  1323. -webkit-animation-timing-function: cubic-bezier(0, 0, 0, 1);
  1324. animation-timing-function: cubic-bezier(0, 0, 0, 1);
  1325. }
  1326. 100% {
  1327. -webkit-transform: scaleX(1);
  1328. transform: scaleX(1);
  1329. }
  1330. }
  1331. @-webkit-keyframes mdc-checkbox-checked-unchecked-checkmark-path {
  1332. from {
  1333. -webkit-animation-timing-function: cubic-bezier(0.4, 0, 1, 1);
  1334. animation-timing-function: cubic-bezier(0.4, 0, 1, 1);
  1335. opacity: 1;
  1336. stroke-dashoffset: 0;
  1337. }
  1338. to {
  1339. opacity: 0;
  1340. stroke-dashoffset: -29.7833385;
  1341. }
  1342. }
  1343. @keyframes mdc-checkbox-checked-unchecked-checkmark-path {
  1344. from {
  1345. -webkit-animation-timing-function: cubic-bezier(0.4, 0, 1, 1);
  1346. animation-timing-function: cubic-bezier(0.4, 0, 1, 1);
  1347. opacity: 1;
  1348. stroke-dashoffset: 0;
  1349. }
  1350. to {
  1351. opacity: 0;
  1352. stroke-dashoffset: -29.7833385;
  1353. }
  1354. }
  1355. @-webkit-keyframes mdc-checkbox-checked-indeterminate-checkmark {
  1356. from {
  1357. -webkit-animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
  1358. animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
  1359. -webkit-transform: rotate(0deg);
  1360. transform: rotate(0deg);
  1361. opacity: 1;
  1362. }
  1363. to {
  1364. -webkit-transform: rotate(45deg);
  1365. transform: rotate(45deg);
  1366. opacity: 0;
  1367. }
  1368. }
  1369. @keyframes mdc-checkbox-checked-indeterminate-checkmark {
  1370. from {
  1371. -webkit-animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
  1372. animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
  1373. -webkit-transform: rotate(0deg);
  1374. transform: rotate(0deg);
  1375. opacity: 1;
  1376. }
  1377. to {
  1378. -webkit-transform: rotate(45deg);
  1379. transform: rotate(45deg);
  1380. opacity: 0;
  1381. }
  1382. }
  1383. @-webkit-keyframes mdc-checkbox-indeterminate-checked-checkmark {
  1384. from {
  1385. -webkit-animation-timing-function: cubic-bezier(0.14, 0, 0, 1);
  1386. animation-timing-function: cubic-bezier(0.14, 0, 0, 1);
  1387. -webkit-transform: rotate(45deg);
  1388. transform: rotate(45deg);
  1389. opacity: 0;
  1390. }
  1391. to {
  1392. -webkit-transform: rotate(360deg);
  1393. transform: rotate(360deg);
  1394. opacity: 1;
  1395. }
  1396. }
  1397. @keyframes mdc-checkbox-indeterminate-checked-checkmark {
  1398. from {
  1399. -webkit-animation-timing-function: cubic-bezier(0.14, 0, 0, 1);
  1400. animation-timing-function: cubic-bezier(0.14, 0, 0, 1);
  1401. -webkit-transform: rotate(45deg);
  1402. transform: rotate(45deg);
  1403. opacity: 0;
  1404. }
  1405. to {
  1406. -webkit-transform: rotate(360deg);
  1407. transform: rotate(360deg);
  1408. opacity: 1;
  1409. }
  1410. }
  1411. @-webkit-keyframes mdc-checkbox-checked-indeterminate-mixedmark {
  1412. from {
  1413. -webkit-animation-timing-function: mdc-animation-deceleration-curve-timing-function;
  1414. animation-timing-function: mdc-animation-deceleration-curve-timing-function;
  1415. -webkit-transform: rotate(-45deg);
  1416. transform: rotate(-45deg);
  1417. opacity: 0;
  1418. }
  1419. to {
  1420. -webkit-transform: rotate(0deg);
  1421. transform: rotate(0deg);
  1422. opacity: 1;
  1423. }
  1424. }
  1425. @keyframes mdc-checkbox-checked-indeterminate-mixedmark {
  1426. from {
  1427. -webkit-animation-timing-function: mdc-animation-deceleration-curve-timing-function;
  1428. animation-timing-function: mdc-animation-deceleration-curve-timing-function;
  1429. -webkit-transform: rotate(-45deg);
  1430. transform: rotate(-45deg);
  1431. opacity: 0;
  1432. }
  1433. to {
  1434. -webkit-transform: rotate(0deg);
  1435. transform: rotate(0deg);
  1436. opacity: 1;
  1437. }
  1438. }
  1439. @-webkit-keyframes mdc-checkbox-indeterminate-checked-mixedmark {
  1440. from {
  1441. -webkit-animation-timing-function: cubic-bezier(0.14, 0, 0, 1);
  1442. animation-timing-function: cubic-bezier(0.14, 0, 0, 1);
  1443. -webkit-transform: rotate(0deg);
  1444. transform: rotate(0deg);
  1445. opacity: 1;
  1446. }
  1447. to {
  1448. -webkit-transform: rotate(315deg);
  1449. transform: rotate(315deg);
  1450. opacity: 0;
  1451. }
  1452. }
  1453. @keyframes mdc-checkbox-indeterminate-checked-mixedmark {
  1454. from {
  1455. -webkit-animation-timing-function: cubic-bezier(0.14, 0, 0, 1);
  1456. animation-timing-function: cubic-bezier(0.14, 0, 0, 1);
  1457. -webkit-transform: rotate(0deg);
  1458. transform: rotate(0deg);
  1459. opacity: 1;
  1460. }
  1461. to {
  1462. -webkit-transform: rotate(315deg);
  1463. transform: rotate(315deg);
  1464. opacity: 0;
  1465. }
  1466. }
  1467. @-webkit-keyframes mdc-checkbox-indeterminate-unchecked-mixedmark {
  1468. 0% {
  1469. -webkit-animation-timing-function: linear;
  1470. animation-timing-function: linear;
  1471. -webkit-transform: scaleX(1);
  1472. transform: scaleX(1);
  1473. opacity: 1;
  1474. }
  1475. 32.8%, 100% {
  1476. -webkit-transform: scaleX(0);
  1477. transform: scaleX(0);
  1478. opacity: 0;
  1479. }
  1480. }
  1481. @keyframes mdc-checkbox-indeterminate-unchecked-mixedmark {
  1482. 0% {
  1483. -webkit-animation-timing-function: linear;
  1484. animation-timing-function: linear;
  1485. -webkit-transform: scaleX(1);
  1486. transform: scaleX(1);
  1487. opacity: 1;
  1488. }
  1489. 32.8%, 100% {
  1490. -webkit-transform: scaleX(0);
  1491. transform: scaleX(0);
  1492. opacity: 0;
  1493. }
  1494. }
  1495. .mdc-checkbox {
  1496. display: inline-block;
  1497. position: relative;
  1498. flex: 0 0 18px;
  1499. box-sizing: content-box;
  1500. width: 18px;
  1501. height: 18px;
  1502. line-height: 0;
  1503. white-space: nowrap;
  1504. cursor: pointer;
  1505. vertical-align: bottom;
  1506. }
  1507. @media screen and (-ms-high-contrast: active) {
  1508. .mdc-checkbox__native-control[disabled]:not(:checked):not(:indeterminate):not([data-indeterminate=true]) ~ .mdc-checkbox__background {
  1509. border-color: GrayText;
  1510. /* @alternate */
  1511. border-color: var(--mdc-checkbox-disabled-color, GrayText);
  1512. background-color: transparent;
  1513. }
  1514. .mdc-checkbox__native-control[disabled]:checked ~ .mdc-checkbox__background,
  1515. .mdc-checkbox__native-control[disabled]:indeterminate ~ .mdc-checkbox__background,
  1516. .mdc-checkbox__native-control[data-indeterminate=true][disabled] ~ .mdc-checkbox__background {
  1517. border-color: GrayText;
  1518. background-color: transparent;
  1519. /* @alternate */
  1520. background-color: var(--mdc-checkbox-disabled-color, transparent);
  1521. }
  1522. .mdc-checkbox__native-control:disabled ~ .mdc-checkbox__background .mdc-checkbox__checkmark {
  1523. color: GrayText;
  1524. /* @alternate */
  1525. color: var(--mdc-checkbox-ink-color, GrayText);
  1526. }
  1527. .mdc-checkbox__native-control:disabled ~ .mdc-checkbox__background .mdc-checkbox__mixedmark {
  1528. border-color: GrayText;
  1529. /* @alternate */
  1530. border-color: var(--mdc-checkbox-ink-color, GrayText);
  1531. }
  1532. .mdc-checkbox__mixedmark {
  1533. margin: 0 1px;
  1534. }
  1535. }
  1536. .mdc-checkbox--disabled {
  1537. cursor: default;
  1538. pointer-events: none;
  1539. }
  1540. .mdc-checkbox__background {
  1541. display: inline-flex;
  1542. position: absolute;
  1543. align-items: center;
  1544. justify-content: center;
  1545. box-sizing: border-box;
  1546. width: 18px;
  1547. height: 18px;
  1548. border: 2px solid currentColor;
  1549. border-radius: 2px;
  1550. background-color: transparent;
  1551. pointer-events: none;
  1552. will-change: background-color, border-color;
  1553. 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);
  1554. }
  1555. .mdc-checkbox__checkmark {
  1556. position: absolute;
  1557. top: 0;
  1558. right: 0;
  1559. bottom: 0;
  1560. left: 0;
  1561. width: 100%;
  1562. opacity: 0;
  1563. transition: opacity 180ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
  1564. }
  1565. .mdc-checkbox--upgraded .mdc-checkbox__checkmark {
  1566. opacity: 1;
  1567. }
  1568. .mdc-checkbox__checkmark-path {
  1569. transition: stroke-dashoffset 180ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
  1570. stroke: currentColor;
  1571. stroke-width: 3.12px;
  1572. stroke-dashoffset: 29.7833385;
  1573. stroke-dasharray: 29.7833385;
  1574. }
  1575. .mdc-checkbox__mixedmark {
  1576. width: 100%;
  1577. height: 0;
  1578. -webkit-transform: scaleX(0) rotate(0deg);
  1579. transform: scaleX(0) rotate(0deg);
  1580. border-width: 1px;
  1581. border-style: solid;
  1582. opacity: 0;
  1583. transition: opacity 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1), -webkit-transform 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
  1584. transition: opacity 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1), transform 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
  1585. 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);
  1586. }
  1587. .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 {
  1588. -webkit-animation-duration: 180ms;
  1589. animation-duration: 180ms;
  1590. -webkit-animation-timing-function: linear;
  1591. animation-timing-function: linear;
  1592. }
  1593. .mdc-checkbox--anim-unchecked-checked .mdc-checkbox__checkmark-path {
  1594. -webkit-animation: mdc-checkbox-unchecked-checked-checkmark-path 180ms linear 0s;
  1595. animation: mdc-checkbox-unchecked-checked-checkmark-path 180ms linear 0s;
  1596. transition: none;
  1597. }
  1598. .mdc-checkbox--anim-unchecked-indeterminate .mdc-checkbox__mixedmark {
  1599. -webkit-animation: mdc-checkbox-unchecked-indeterminate-mixedmark 90ms linear 0s;
  1600. animation: mdc-checkbox-unchecked-indeterminate-mixedmark 90ms linear 0s;
  1601. transition: none;
  1602. }
  1603. .mdc-checkbox--anim-checked-unchecked .mdc-checkbox__checkmark-path {
  1604. -webkit-animation: mdc-checkbox-checked-unchecked-checkmark-path 90ms linear 0s;
  1605. animation: mdc-checkbox-checked-unchecked-checkmark-path 90ms linear 0s;
  1606. transition: none;
  1607. }
  1608. .mdc-checkbox--anim-checked-indeterminate .mdc-checkbox__checkmark {
  1609. -webkit-animation: mdc-checkbox-checked-indeterminate-checkmark 90ms linear 0s;
  1610. animation: mdc-checkbox-checked-indeterminate-checkmark 90ms linear 0s;
  1611. transition: none;
  1612. }
  1613. .mdc-checkbox--anim-checked-indeterminate .mdc-checkbox__mixedmark {
  1614. -webkit-animation: mdc-checkbox-checked-indeterminate-mixedmark 90ms linear 0s;
  1615. animation: mdc-checkbox-checked-indeterminate-mixedmark 90ms linear 0s;
  1616. transition: none;
  1617. }
  1618. .mdc-checkbox--anim-indeterminate-checked .mdc-checkbox__checkmark {
  1619. -webkit-animation: mdc-checkbox-indeterminate-checked-checkmark 500ms linear 0s;
  1620. animation: mdc-checkbox-indeterminate-checked-checkmark 500ms linear 0s;
  1621. transition: none;
  1622. }
  1623. .mdc-checkbox--anim-indeterminate-checked .mdc-checkbox__mixedmark {
  1624. -webkit-animation: mdc-checkbox-indeterminate-checked-mixedmark 500ms linear 0s;
  1625. animation: mdc-checkbox-indeterminate-checked-mixedmark 500ms linear 0s;
  1626. transition: none;
  1627. }
  1628. .mdc-checkbox--anim-indeterminate-unchecked .mdc-checkbox__mixedmark {
  1629. -webkit-animation: mdc-checkbox-indeterminate-unchecked-mixedmark 300ms linear 0s;
  1630. animation: mdc-checkbox-indeterminate-unchecked-mixedmark 300ms linear 0s;
  1631. transition: none;
  1632. }
  1633. .mdc-checkbox__native-control:checked ~ .mdc-checkbox__background,
  1634. .mdc-checkbox__native-control:indeterminate ~ .mdc-checkbox__background,
  1635. .mdc-checkbox__native-control[data-indeterminate=true] ~ .mdc-checkbox__background {
  1636. transition: border-color 90ms 0ms cubic-bezier(0, 0, 0.2, 1), background-color 90ms 0ms cubic-bezier(0, 0, 0.2, 1);
  1637. }
  1638. .mdc-checkbox__native-control:checked ~ .mdc-checkbox__background .mdc-checkbox__checkmark-path,
  1639. .mdc-checkbox__native-control:indeterminate ~ .mdc-checkbox__background .mdc-checkbox__checkmark-path,
  1640. .mdc-checkbox__native-control[data-indeterminate=true] ~ .mdc-checkbox__background .mdc-checkbox__checkmark-path {
  1641. stroke-dashoffset: 0;
  1642. }
  1643. .mdc-checkbox__native-control {
  1644. position: absolute;
  1645. margin: 0;
  1646. padding: 0;
  1647. opacity: 0;
  1648. cursor: inherit;
  1649. }
  1650. .mdc-checkbox__native-control:disabled {
  1651. cursor: default;
  1652. pointer-events: none;
  1653. }
  1654. .mdc-checkbox--touch {
  1655. margin: calc((48px - 40px) / 2);
  1656. /* @alternate */
  1657. margin: calc((var(--mdc-checkbox-touch-target-size, 48px) - var(--mdc-checkbox-ripple-size, 40px)) / 2);
  1658. }
  1659. .mdc-checkbox--touch .mdc-checkbox__native-control {
  1660. top: calc((40px - 48px) / 2);
  1661. /* @alternate */
  1662. top: calc((var(--mdc-checkbox-ripple-size, 40px) - var(--mdc-checkbox-touch-target-size, 48px)) / 2);
  1663. right: calc((40px - 48px) / 2);
  1664. /* @alternate */
  1665. right: calc((var(--mdc-checkbox-ripple-size, 40px) - var(--mdc-checkbox-touch-target-size, 48px)) / 2);
  1666. left: calc((40px - 48px) / 2);
  1667. /* @alternate */
  1668. left: calc((var(--mdc-checkbox-ripple-size, 40px) - var(--mdc-checkbox-touch-target-size, 48px)) / 2);
  1669. width: 48px;
  1670. /* @alternate */
  1671. width: var(--mdc-checkbox-touch-target-size, 48px);
  1672. height: 48px;
  1673. /* @alternate */
  1674. height: var(--mdc-checkbox-touch-target-size, 48px);
  1675. }
  1676. .mdc-checkbox__native-control:checked ~ .mdc-checkbox__background .mdc-checkbox__checkmark {
  1677. transition: opacity 180ms 0ms cubic-bezier(0, 0, 0.2, 1), -webkit-transform 180ms 0ms cubic-bezier(0, 0, 0.2, 1);
  1678. transition: opacity 180ms 0ms cubic-bezier(0, 0, 0.2, 1), transform 180ms 0ms cubic-bezier(0, 0, 0.2, 1);
  1679. 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);
  1680. opacity: 1;
  1681. }
  1682. .mdc-checkbox__native-control:checked ~ .mdc-checkbox__background .mdc-checkbox__mixedmark {
  1683. -webkit-transform: scaleX(1) rotate(-45deg);
  1684. transform: scaleX(1) rotate(-45deg);
  1685. }
  1686. .mdc-checkbox__native-control:indeterminate ~ .mdc-checkbox__background .mdc-checkbox__checkmark,
  1687. .mdc-checkbox__native-control[data-indeterminate=true] ~ .mdc-checkbox__background .mdc-checkbox__checkmark {
  1688. -webkit-transform: rotate(45deg);
  1689. transform: rotate(45deg);
  1690. opacity: 0;
  1691. transition: opacity 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1), -webkit-transform 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
  1692. transition: opacity 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1), transform 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
  1693. 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);
  1694. }
  1695. .mdc-checkbox__native-control:indeterminate ~ .mdc-checkbox__background .mdc-checkbox__mixedmark,
  1696. .mdc-checkbox__native-control[data-indeterminate=true] ~ .mdc-checkbox__background .mdc-checkbox__mixedmark {
  1697. -webkit-transform: scaleX(1) rotate(0deg);
  1698. transform: scaleX(1) rotate(0deg);
  1699. opacity: 1;
  1700. }
  1701. .mdc-checkbox.mdc-checkbox--upgraded .mdc-checkbox__background,
  1702. .mdc-checkbox.mdc-checkbox--upgraded .mdc-checkbox__checkmark,
  1703. .mdc-checkbox.mdc-checkbox--upgraded .mdc-checkbox__checkmark-path,
  1704. .mdc-checkbox.mdc-checkbox--upgraded .mdc-checkbox__mixedmark {
  1705. transition: none;
  1706. }
  1707. .mdc-checkbox {
  1708. --mdc-ripple-fg-size: 0;
  1709. --mdc-ripple-left: 0;
  1710. --mdc-ripple-top: 0;
  1711. --mdc-ripple-fg-scale: 1;
  1712. --mdc-ripple-fg-translate-end: 0;
  1713. --mdc-ripple-fg-translate-start: 0;
  1714. -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  1715. will-change: transform, opacity;
  1716. }
  1717. .mdc-checkbox .mdc-checkbox__ripple::before,
  1718. .mdc-checkbox .mdc-checkbox__ripple::after {
  1719. position: absolute;
  1720. border-radius: 50%;
  1721. opacity: 0;
  1722. pointer-events: none;
  1723. content: "";
  1724. }
  1725. .mdc-checkbox .mdc-checkbox__ripple::before {
  1726. transition: opacity 15ms linear, background-color 15ms linear;
  1727. z-index: 1;
  1728. /* @alternate */
  1729. z-index: var(--mdc-ripple-z-index, 1);
  1730. }
  1731. .mdc-checkbox .mdc-checkbox__ripple::after {
  1732. z-index: 0;
  1733. /* @alternate */
  1734. z-index: var(--mdc-ripple-z-index, 0);
  1735. }
  1736. .mdc-checkbox.mdc-ripple-upgraded .mdc-checkbox__ripple::before {
  1737. -webkit-transform: scale(var(--mdc-ripple-fg-scale, 1));
  1738. transform: scale(var(--mdc-ripple-fg-scale, 1));
  1739. }
  1740. .mdc-checkbox.mdc-ripple-upgraded .mdc-checkbox__ripple::after {
  1741. top: 0;
  1742. /* @noflip */
  1743. left: 0;
  1744. -webkit-transform: scale(0);
  1745. transform: scale(0);
  1746. -webkit-transform-origin: center center;
  1747. transform-origin: center center;
  1748. }
  1749. .mdc-checkbox.mdc-ripple-upgraded--unbounded .mdc-checkbox__ripple::after {
  1750. top: var(--mdc-ripple-top, 0);
  1751. /* @noflip */
  1752. left: var(--mdc-ripple-left, 0);
  1753. }
  1754. .mdc-checkbox.mdc-ripple-upgraded--foreground-activation .mdc-checkbox__ripple::after {
  1755. -webkit-animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards;
  1756. animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards;
  1757. }
  1758. .mdc-checkbox.mdc-ripple-upgraded--foreground-deactivation .mdc-checkbox__ripple::after {
  1759. -webkit-animation: mdc-ripple-fg-opacity-out 150ms;
  1760. animation: mdc-ripple-fg-opacity-out 150ms;
  1761. -webkit-transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
  1762. transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
  1763. }
  1764. .mdc-checkbox .mdc-checkbox__ripple::before,
  1765. .mdc-checkbox .mdc-checkbox__ripple::after {
  1766. top: calc(50% - 50%);
  1767. /* @noflip */
  1768. left: calc(50% - 50%);
  1769. width: 100%;
  1770. height: 100%;
  1771. }
  1772. .mdc-checkbox.mdc-ripple-upgraded .mdc-checkbox__ripple::before,
  1773. .mdc-checkbox.mdc-ripple-upgraded .mdc-checkbox__ripple::after {
  1774. top: var(--mdc-ripple-top, calc(50% - 50%));
  1775. /* @noflip */
  1776. left: var(--mdc-ripple-left, calc(50% - 50%));
  1777. width: var(--mdc-ripple-fg-size, 100%);
  1778. height: var(--mdc-ripple-fg-size, 100%);
  1779. }
  1780. .mdc-checkbox.mdc-ripple-upgraded .mdc-checkbox__ripple::after {
  1781. width: var(--mdc-ripple-fg-size, 100%);
  1782. height: var(--mdc-ripple-fg-size, 100%);
  1783. }
  1784. .mdc-checkbox {
  1785. z-index: 0;
  1786. }
  1787. .mdc-checkbox .mdc-checkbox__ripple::before,
  1788. .mdc-checkbox .mdc-checkbox__ripple::after {
  1789. z-index: -1;
  1790. /* @alternate */
  1791. z-index: var(--mdc-ripple-z-index, -1);
  1792. }
  1793. .mdc-checkbox__ripple {
  1794. position: absolute;
  1795. top: 0;
  1796. left: 0;
  1797. width: 100%;
  1798. height: 100%;
  1799. pointer-events: none;
  1800. }
  1801. .mdc-chip-trailing-action__touch {
  1802. position: absolute;
  1803. top: 50%;
  1804. right: 0;
  1805. height: 48px;
  1806. /* @noflip */
  1807. left: 50%;
  1808. width: 48px;
  1809. -webkit-transform: translate(-50%, -50%);
  1810. transform: translate(-50%, -50%);
  1811. }
  1812. .mdc-chip-trailing-action {
  1813. border: none;
  1814. display: inline-flex;
  1815. position: relative;
  1816. align-items: center;
  1817. justify-content: center;
  1818. box-sizing: border-box;
  1819. padding: 0;
  1820. outline: none;
  1821. cursor: pointer;
  1822. -webkit-appearance: none;
  1823. background: none;
  1824. }
  1825. .mdc-chip-trailing-action .mdc-chip-trailing-action__icon {
  1826. height: 18px;
  1827. width: 18px;
  1828. font-size: 18px;
  1829. }
  1830. .mdc-chip-trailing-action .mdc-chip-trailing-action {
  1831. color: #000;
  1832. /* @alternate */
  1833. color: var(--mdc-theme-on-surface, #000);
  1834. }
  1835. .mdc-chip-trailing-action .mdc-chip-trailing-action__touch {
  1836. width: 26px;
  1837. }
  1838. .mdc-chip-trailing-action .mdc-chip-trailing-action__icon {
  1839. fill: currentColor;
  1840. color: inherit;
  1841. }
  1842. .mdc-chip-trailing-action {
  1843. --mdc-ripple-fg-size: 0;
  1844. --mdc-ripple-left: 0;
  1845. --mdc-ripple-top: 0;
  1846. --mdc-ripple-fg-scale: 1;
  1847. --mdc-ripple-fg-translate-end: 0;
  1848. --mdc-ripple-fg-translate-start: 0;
  1849. -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  1850. will-change: transform, opacity;
  1851. }
  1852. .mdc-chip-trailing-action .mdc-chip-trailing-action__ripple::before,
  1853. .mdc-chip-trailing-action .mdc-chip-trailing-action__ripple::after {
  1854. position: absolute;
  1855. border-radius: 50%;
  1856. opacity: 0;
  1857. pointer-events: none;
  1858. content: "";
  1859. }
  1860. .mdc-chip-trailing-action .mdc-chip-trailing-action__ripple::before {
  1861. transition: opacity 15ms linear, background-color 15ms linear;
  1862. z-index: 1;
  1863. /* @alternate */
  1864. z-index: var(--mdc-ripple-z-index, 1);
  1865. }
  1866. .mdc-chip-trailing-action .mdc-chip-trailing-action__ripple::after {
  1867. z-index: 0;
  1868. /* @alternate */
  1869. z-index: var(--mdc-ripple-z-index, 0);
  1870. }
  1871. .mdc-chip-trailing-action.mdc-ripple-upgraded .mdc-chip-trailing-action__ripple::before {
  1872. -webkit-transform: scale(var(--mdc-ripple-fg-scale, 1));
  1873. transform: scale(var(--mdc-ripple-fg-scale, 1));
  1874. }
  1875. .mdc-chip-trailing-action.mdc-ripple-upgraded .mdc-chip-trailing-action__ripple::after {
  1876. top: 0;
  1877. /* @noflip */
  1878. left: 0;
  1879. -webkit-transform: scale(0);
  1880. transform: scale(0);
  1881. -webkit-transform-origin: center center;
  1882. transform-origin: center center;
  1883. }
  1884. .mdc-chip-trailing-action.mdc-ripple-upgraded--unbounded .mdc-chip-trailing-action__ripple::after {
  1885. top: var(--mdc-ripple-top, 0);
  1886. /* @noflip */
  1887. left: var(--mdc-ripple-left, 0);
  1888. }
  1889. .mdc-chip-trailing-action.mdc-ripple-upgraded--foreground-activation .mdc-chip-trailing-action__ripple::after {
  1890. -webkit-animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards;
  1891. animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards;
  1892. }
  1893. .mdc-chip-trailing-action.mdc-ripple-upgraded--foreground-deactivation .mdc-chip-trailing-action__ripple::after {
  1894. -webkit-animation: mdc-ripple-fg-opacity-out 150ms;
  1895. animation: mdc-ripple-fg-opacity-out 150ms;
  1896. -webkit-transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
  1897. transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
  1898. }
  1899. .mdc-chip-trailing-action .mdc-chip-trailing-action__ripple::before,
  1900. .mdc-chip-trailing-action .mdc-chip-trailing-action__ripple::after {
  1901. top: calc(50% - 50%);
  1902. /* @noflip */
  1903. left: calc(50% - 50%);
  1904. width: 100%;
  1905. height: 100%;
  1906. }
  1907. .mdc-chip-trailing-action.mdc-ripple-upgraded .mdc-chip-trailing-action__ripple::before,
  1908. .mdc-chip-trailing-action.mdc-ripple-upgraded .mdc-chip-trailing-action__ripple::after {
  1909. top: var(--mdc-ripple-top, calc(50% - 50%));
  1910. /* @noflip */
  1911. left: var(--mdc-ripple-left, calc(50% - 50%));
  1912. width: var(--mdc-ripple-fg-size, 100%);
  1913. height: var(--mdc-ripple-fg-size, 100%);
  1914. }
  1915. .mdc-chip-trailing-action.mdc-ripple-upgraded .mdc-chip-trailing-action__ripple::after {
  1916. width: var(--mdc-ripple-fg-size, 100%);
  1917. height: var(--mdc-ripple-fg-size, 100%);
  1918. }
  1919. .mdc-chip-trailing-action .mdc-chip-trailing-action__ripple::before, .mdc-chip-trailing-action .mdc-chip-trailing-action__ripple::after {
  1920. background-color: #000;
  1921. /* @alternate */
  1922. background-color: var(--mdc-ripple-color, var(--mdc-theme-on-surface, #000));
  1923. }
  1924. .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 {
  1925. opacity: 0.04;
  1926. /* @alternate */
  1927. opacity: var(--mdc-ripple-hover-opacity, 0.04);
  1928. }
  1929. .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 {
  1930. transition-duration: 75ms;
  1931. opacity: 0.12;
  1932. /* @alternate */
  1933. opacity: var(--mdc-ripple-focus-opacity, 0.12);
  1934. }
  1935. .mdc-chip-trailing-action:not(.mdc-ripple-upgraded) .mdc-chip-trailing-action__ripple::after {
  1936. transition: opacity 150ms linear;
  1937. }
  1938. .mdc-chip-trailing-action:not(.mdc-ripple-upgraded):active .mdc-chip-trailing-action__ripple::after {
  1939. transition-duration: 75ms;
  1940. opacity: 0.12;
  1941. /* @alternate */
  1942. opacity: var(--mdc-ripple-press-opacity, 0.12);
  1943. }
  1944. .mdc-chip-trailing-action.mdc-ripple-upgraded {
  1945. --mdc-ripple-fg-opacity: var(--mdc-ripple-press-opacity, 0.12);
  1946. }
  1947. .mdc-chip-trailing-action .mdc-chip-trailing-action__ripple {
  1948. position: absolute;
  1949. box-sizing: content-box;
  1950. width: 100%;
  1951. height: 100%;
  1952. overflow: hidden;
  1953. }
  1954. .mdc-chip__icon--leading {
  1955. color: rgba(0, 0, 0, 0.54);
  1956. }
  1957. .mdc-chip-trailing-action {
  1958. color: #000;
  1959. }
  1960. .mdc-chip__icon--trailing {
  1961. color: rgba(0, 0, 0, 0.54);
  1962. }
  1963. .mdc-chip__icon--trailing:hover {
  1964. color: rgba(0, 0, 0, 0.62);
  1965. }
  1966. .mdc-chip__icon--trailing:focus {
  1967. color: rgba(0, 0, 0, 0.87);
  1968. }
  1969. .mdc-chip__icon.mdc-chip__icon--leading:not(.mdc-chip__icon--leading-hidden) {
  1970. width: 20px;
  1971. height: 20px;
  1972. font-size: 20px;
  1973. }
  1974. .mdc-chip-trailing-action__icon {
  1975. height: 18px;
  1976. width: 18px;
  1977. font-size: 18px;
  1978. }
  1979. .mdc-chip__icon.mdc-chip__icon--trailing {
  1980. width: 18px;
  1981. height: 18px;
  1982. font-size: 18px;
  1983. }
  1984. .mdc-chip-trailing-action {
  1985. /* @noflip */
  1986. margin-left: 4px;
  1987. /* @noflip */
  1988. margin-right: -4px;
  1989. }
  1990. [dir=rtl] .mdc-chip-trailing-action, .mdc-chip-trailing-action[dir=rtl] {
  1991. /* @noflip */
  1992. margin-left: -4px;
  1993. /* @noflip */
  1994. margin-right: 4px;
  1995. }
  1996. .mdc-chip__icon--trailing {
  1997. /* @noflip */
  1998. margin-left: 4px;
  1999. /* @noflip */
  2000. margin-right: -4px;
  2001. }
  2002. [dir=rtl] .mdc-chip__icon--trailing, .mdc-chip__icon--trailing[dir=rtl] {
  2003. /* @noflip */
  2004. margin-left: -4px;
  2005. /* @noflip */
  2006. margin-right: 4px;
  2007. }
  2008. .mdc-chip {
  2009. border-radius: 16px;
  2010. background-color: #e0e0e0;
  2011. color: rgba(0, 0, 0, 0.87);
  2012. -moz-osx-font-smoothing: grayscale;
  2013. -webkit-font-smoothing: antialiased;
  2014. font-family: Roboto, sans-serif;
  2015. /* @alternate */
  2016. font-family: var(--mdc-typography-body2-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));
  2017. font-size: 0.875rem;
  2018. /* @alternate */
  2019. font-size: var(--mdc-typography-body2-font-size, 0.875rem);
  2020. line-height: 1.25rem;
  2021. /* @alternate */
  2022. line-height: var(--mdc-typography-body2-line-height, 1.25rem);
  2023. font-weight: 400;
  2024. /* @alternate */
  2025. font-weight: var(--mdc-typography-body2-font-weight, 400);
  2026. letter-spacing: 0.0178571429em;
  2027. /* @alternate */
  2028. letter-spacing: var(--mdc-typography-body2-letter-spacing, 0.0178571429em);
  2029. text-decoration: inherit;
  2030. /* @alternate */
  2031. -webkit-text-decoration: var(--mdc-typography-body2-text-decoration, inherit);
  2032. text-decoration: var(--mdc-typography-body2-text-decoration, inherit);
  2033. text-transform: inherit;
  2034. /* @alternate */
  2035. text-transform: var(--mdc-typography-body2-text-transform, inherit);
  2036. height: 32px;
  2037. /* @alternate */
  2038. position: relative;
  2039. display: inline-flex;
  2040. align-items: center;
  2041. box-sizing: border-box;
  2042. padding: 0 12px;
  2043. border-width: 0;
  2044. outline: none;
  2045. cursor: pointer;
  2046. -webkit-appearance: none;
  2047. }
  2048. .mdc-chip .mdc-chip__ripple {
  2049. border-radius: 16px;
  2050. }
  2051. .mdc-chip:hover {
  2052. color: rgba(0, 0, 0, 0.87);
  2053. }
  2054. .mdc-chip.mdc-chip--selected .mdc-chip__checkmark,
  2055. .mdc-chip .mdc-chip__icon--leading:not(.mdc-chip__icon--leading-hidden) {
  2056. /* @noflip */
  2057. margin-left: -4px;
  2058. /* @noflip */
  2059. margin-right: 4px;
  2060. }
  2061. [dir=rtl] .mdc-chip.mdc-chip--selected .mdc-chip__checkmark, .mdc-chip.mdc-chip--selected .mdc-chip__checkmark[dir=rtl],
  2062. [dir=rtl] .mdc-chip .mdc-chip__icon--leading:not(.mdc-chip__icon--leading-hidden),
  2063. .mdc-chip .mdc-chip__icon--leading:not(.mdc-chip__icon--leading-hidden)[dir=rtl] {
  2064. /* @noflip */
  2065. margin-left: 4px;
  2066. /* @noflip */
  2067. margin-right: -4px;
  2068. }
  2069. .mdc-chip .mdc-elevation-overlay {
  2070. width: 100%;
  2071. height: 100%;
  2072. top: 0;
  2073. /* @noflip */
  2074. left: 0;
  2075. }
  2076. .mdc-chip::-moz-focus-inner {
  2077. padding: 0;
  2078. border: 0;
  2079. }
  2080. .mdc-chip:hover {
  2081. color: #000;
  2082. /* @alternate */
  2083. color: var(--mdc-theme-on-surface, #000);
  2084. }
  2085. .mdc-chip .mdc-chip__touch {
  2086. position: absolute;
  2087. top: 50%;
  2088. right: 0;
  2089. height: 48px;
  2090. left: 0;
  2091. -webkit-transform: translateY(-50%);
  2092. transform: translateY(-50%);
  2093. }
  2094. .mdc-chip--exit {
  2095. 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;
  2096. opacity: 0;
  2097. }
  2098. .mdc-chip__overflow {
  2099. text-overflow: ellipsis;
  2100. overflow: hidden;
  2101. }
  2102. .mdc-chip__text {
  2103. white-space: nowrap;
  2104. }
  2105. .mdc-chip__icon {
  2106. border-radius: 50%;
  2107. outline: none;
  2108. vertical-align: middle;
  2109. }
  2110. .mdc-chip__checkmark {
  2111. height: 20px;
  2112. }
  2113. .mdc-chip__checkmark-path {
  2114. transition: stroke-dashoffset 150ms 50ms cubic-bezier(0.4, 0, 0.6, 1);
  2115. stroke-width: 2px;
  2116. stroke-dashoffset: 29.7833385;
  2117. stroke-dasharray: 29.7833385;
  2118. }
  2119. .mdc-chip__primary-action:focus {
  2120. outline: none;
  2121. }
  2122. .mdc-chip--selected .mdc-chip__checkmark-path {
  2123. stroke-dashoffset: 0;
  2124. }
  2125. .mdc-chip__icon--leading,
  2126. .mdc-chip__icon--trailing {
  2127. position: relative;
  2128. }
  2129. .mdc-chip-set--choice .mdc-chip.mdc-chip--selected {
  2130. color: #6200ee;
  2131. /* @alternate */
  2132. color: var(--mdc-theme-primary, #6200ee);
  2133. }
  2134. .mdc-chip-set--choice .mdc-chip.mdc-chip--selected .mdc-chip__icon--leading {
  2135. color: rgba(98, 0, 238, 0.54);
  2136. }
  2137. .mdc-chip-set--choice .mdc-chip.mdc-chip--selected:hover {
  2138. color: #6200ee;
  2139. /* @alternate */
  2140. color: var(--mdc-theme-primary, #6200ee);
  2141. }
  2142. .mdc-chip-set--choice .mdc-chip .mdc-chip__checkmark-path {
  2143. stroke: #6200ee;
  2144. /* @alternate */
  2145. stroke: var(--mdc-theme-primary, #6200ee);
  2146. }
  2147. .mdc-chip-set--choice .mdc-chip--selected {
  2148. background-color: #fff;
  2149. /* @alternate */
  2150. background-color: var(--mdc-theme-surface, #fff);
  2151. }
  2152. .mdc-chip__checkmark-svg {
  2153. width: 0;
  2154. height: 20px;
  2155. transition: width 150ms cubic-bezier(0.4, 0, 0.2, 1);
  2156. }
  2157. .mdc-chip--selected .mdc-chip__checkmark-svg {
  2158. width: 20px;
  2159. }
  2160. .mdc-chip-set--filter .mdc-chip__icon--leading {
  2161. transition: opacity 75ms linear;
  2162. transition-delay: -50ms;
  2163. opacity: 1;
  2164. }
  2165. .mdc-chip-set--filter .mdc-chip__icon--leading + .mdc-chip__checkmark {
  2166. transition: opacity 75ms linear;
  2167. transition-delay: 80ms;
  2168. opacity: 0;
  2169. }
  2170. .mdc-chip-set--filter .mdc-chip__icon--leading + .mdc-chip__checkmark .mdc-chip__checkmark-svg {
  2171. transition: width 0ms;
  2172. }
  2173. .mdc-chip-set--filter .mdc-chip--selected .mdc-chip__icon--leading {
  2174. opacity: 0;
  2175. }
  2176. .mdc-chip-set--filter .mdc-chip--selected .mdc-chip__icon--leading + .mdc-chip__checkmark {
  2177. width: 0;
  2178. opacity: 1;
  2179. }
  2180. .mdc-chip-set--filter .mdc-chip__icon--leading-hidden.mdc-chip__icon--leading {
  2181. width: 0;
  2182. opacity: 0;
  2183. }
  2184. .mdc-chip-set--filter .mdc-chip__icon--leading-hidden.mdc-chip__icon--leading + .mdc-chip__checkmark {
  2185. width: 20px;
  2186. }
  2187. .mdc-chip {
  2188. --mdc-ripple-fg-size: 0;
  2189. --mdc-ripple-left: 0;
  2190. --mdc-ripple-top: 0;
  2191. --mdc-ripple-fg-scale: 1;
  2192. --mdc-ripple-fg-translate-end: 0;
  2193. --mdc-ripple-fg-translate-start: 0;
  2194. -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  2195. will-change: transform, opacity;
  2196. }
  2197. .mdc-chip .mdc-chip__ripple::before,
  2198. .mdc-chip .mdc-chip__ripple::after {
  2199. position: absolute;
  2200. border-radius: 50%;
  2201. opacity: 0;
  2202. pointer-events: none;
  2203. content: "";
  2204. }
  2205. .mdc-chip .mdc-chip__ripple::before {
  2206. transition: opacity 15ms linear, background-color 15ms linear;
  2207. z-index: 1;
  2208. /* @alternate */
  2209. z-index: var(--mdc-ripple-z-index, 1);
  2210. }
  2211. .mdc-chip .mdc-chip__ripple::after {
  2212. z-index: 0;
  2213. /* @alternate */
  2214. z-index: var(--mdc-ripple-z-index, 0);
  2215. }
  2216. .mdc-chip.mdc-ripple-upgraded .mdc-chip__ripple::before {
  2217. -webkit-transform: scale(var(--mdc-ripple-fg-scale, 1));
  2218. transform: scale(var(--mdc-ripple-fg-scale, 1));
  2219. }
  2220. .mdc-chip.mdc-ripple-upgraded .mdc-chip__ripple::after {
  2221. top: 0;
  2222. /* @noflip */
  2223. left: 0;
  2224. -webkit-transform: scale(0);
  2225. transform: scale(0);
  2226. -webkit-transform-origin: center center;
  2227. transform-origin: center center;
  2228. }
  2229. .mdc-chip.mdc-ripple-upgraded--unbounded .mdc-chip__ripple::after {
  2230. top: var(--mdc-ripple-top, 0);
  2231. /* @noflip */
  2232. left: var(--mdc-ripple-left, 0);
  2233. }
  2234. .mdc-chip.mdc-ripple-upgraded--foreground-activation .mdc-chip__ripple::after {
  2235. -webkit-animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards;
  2236. animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards;
  2237. }
  2238. .mdc-chip.mdc-ripple-upgraded--foreground-deactivation .mdc-chip__ripple::after {
  2239. -webkit-animation: mdc-ripple-fg-opacity-out 150ms;
  2240. animation: mdc-ripple-fg-opacity-out 150ms;
  2241. -webkit-transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
  2242. transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
  2243. }
  2244. .mdc-chip .mdc-chip__ripple::before,
  2245. .mdc-chip .mdc-chip__ripple::after {
  2246. top: calc(50% - 100%);
  2247. /* @noflip */
  2248. left: calc(50% - 100%);
  2249. width: 200%;
  2250. height: 200%;
  2251. }
  2252. .mdc-chip.mdc-ripple-upgraded .mdc-chip__ripple::after {
  2253. width: var(--mdc-ripple-fg-size, 100%);
  2254. height: var(--mdc-ripple-fg-size, 100%);
  2255. }
  2256. .mdc-chip .mdc-chip__ripple::before, .mdc-chip .mdc-chip__ripple::after {
  2257. background-color: rgba(0, 0, 0, 0.87);
  2258. /* @alternate */
  2259. background-color: var(--mdc-ripple-color, rgba(0, 0, 0, 0.87));
  2260. }
  2261. .mdc-chip:hover .mdc-chip__ripple::before, .mdc-chip.mdc-ripple-surface--hover .mdc-chip__ripple::before {
  2262. opacity: 0.04;
  2263. /* @alternate */
  2264. opacity: var(--mdc-ripple-hover-opacity, 0.04);
  2265. }
  2266. .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 {
  2267. transition-duration: 75ms;
  2268. opacity: 0.12;
  2269. /* @alternate */
  2270. opacity: var(--mdc-ripple-focus-opacity, 0.12);
  2271. }
  2272. .mdc-chip:not(.mdc-ripple-upgraded) .mdc-chip__ripple::after {
  2273. transition: opacity 150ms linear;
  2274. }
  2275. .mdc-chip:not(.mdc-ripple-upgraded):active .mdc-chip__ripple::after {
  2276. transition-duration: 75ms;
  2277. opacity: 0.12;
  2278. /* @alternate */
  2279. opacity: var(--mdc-ripple-press-opacity, 0.12);
  2280. }
  2281. .mdc-chip.mdc-ripple-upgraded {
  2282. --mdc-ripple-fg-opacity: var(--mdc-ripple-press-opacity, 0.12);
  2283. }
  2284. .mdc-chip .mdc-chip__ripple {
  2285. position: absolute;
  2286. top: 0;
  2287. left: 0;
  2288. width: 100%;
  2289. height: 100%;
  2290. pointer-events: none;
  2291. overflow: hidden;
  2292. }
  2293. .mdc-chip-set--choice .mdc-chip.mdc-chip--selected .mdc-chip__ripple::before {
  2294. opacity: 0.08;
  2295. /* @alternate */
  2296. opacity: var(--mdc-ripple-selected-opacity, 0.08);
  2297. }
  2298. .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 {
  2299. background-color: #6200ee;
  2300. /* @alternate */
  2301. background-color: var(--mdc-ripple-color, var(--mdc-theme-primary, #6200ee));
  2302. }
  2303. .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 {
  2304. opacity: 0.12;
  2305. /* @alternate */
  2306. opacity: var(--mdc-ripple-hover-opacity, 0.12);
  2307. }
  2308. .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 {
  2309. transition-duration: 75ms;
  2310. opacity: 0.2;
  2311. /* @alternate */
  2312. opacity: var(--mdc-ripple-focus-opacity, 0.2);
  2313. }
  2314. .mdc-chip-set--choice .mdc-chip.mdc-chip--selected:not(.mdc-ripple-upgraded) .mdc-chip__ripple::after {
  2315. transition: opacity 150ms linear;
  2316. }
  2317. .mdc-chip-set--choice .mdc-chip.mdc-chip--selected:not(.mdc-ripple-upgraded):active .mdc-chip__ripple::after {
  2318. transition-duration: 75ms;
  2319. opacity: 0.2;
  2320. /* @alternate */
  2321. opacity: var(--mdc-ripple-press-opacity, 0.2);
  2322. }
  2323. .mdc-chip-set--choice .mdc-chip.mdc-chip--selected.mdc-ripple-upgraded {
  2324. --mdc-ripple-fg-opacity: var(--mdc-ripple-press-opacity, 0.2);
  2325. }
  2326. @-webkit-keyframes mdc-chip-entry {
  2327. from {
  2328. -webkit-transform: scale(0.8);
  2329. transform: scale(0.8);
  2330. opacity: 0.4;
  2331. }
  2332. to {
  2333. -webkit-transform: scale(1);
  2334. transform: scale(1);
  2335. opacity: 1;
  2336. }
  2337. }
  2338. @keyframes mdc-chip-entry {
  2339. from {
  2340. -webkit-transform: scale(0.8);
  2341. transform: scale(0.8);
  2342. opacity: 0.4;
  2343. }
  2344. to {
  2345. -webkit-transform: scale(1);
  2346. transform: scale(1);
  2347. opacity: 1;
  2348. }
  2349. }
  2350. .mdc-chip-set {
  2351. padding: 4px;
  2352. display: flex;
  2353. flex-wrap: wrap;
  2354. box-sizing: border-box;
  2355. }
  2356. .mdc-chip-set .mdc-chip {
  2357. margin: 4px;
  2358. }
  2359. .mdc-chip-set .mdc-chip--touch {
  2360. margin-top: 8px;
  2361. margin-bottom: 8px;
  2362. }
  2363. .mdc-chip-set--input .mdc-chip {
  2364. -webkit-animation: mdc-chip-entry 100ms cubic-bezier(0, 0, 0.2, 1);
  2365. animation: mdc-chip-entry 100ms cubic-bezier(0, 0, 0.2, 1);
  2366. }
  2367. .mdc-circular-progress__determinate-circle,
  2368. .mdc-circular-progress__indeterminate-circle-graphic {
  2369. stroke: #6200ee;
  2370. /* @alternate */
  2371. stroke: var(--mdc-theme-primary, #6200ee);
  2372. }
  2373. .mdc-circular-progress__determinate-track {
  2374. stroke: transparent;
  2375. }
  2376. @-webkit-keyframes mdc-circular-progress-container-rotate {
  2377. to {
  2378. -webkit-transform: rotate(360deg);
  2379. transform: rotate(360deg);
  2380. }
  2381. }
  2382. @keyframes mdc-circular-progress-container-rotate {
  2383. to {
  2384. -webkit-transform: rotate(360deg);
  2385. transform: rotate(360deg);
  2386. }
  2387. }
  2388. @-webkit-keyframes mdc-circular-progress-spinner-layer-rotate {
  2389. 12.5% {
  2390. -webkit-transform: rotate(135deg);
  2391. transform: rotate(135deg);
  2392. }
  2393. 25% {
  2394. -webkit-transform: rotate(270deg);
  2395. transform: rotate(270deg);
  2396. }
  2397. 37.5% {
  2398. -webkit-transform: rotate(405deg);
  2399. transform: rotate(405deg);
  2400. }
  2401. 50% {
  2402. -webkit-transform: rotate(540deg);
  2403. transform: rotate(540deg);
  2404. }
  2405. 62.5% {
  2406. -webkit-transform: rotate(675deg);
  2407. transform: rotate(675deg);
  2408. }
  2409. 75% {
  2410. -webkit-transform: rotate(810deg);
  2411. transform: rotate(810deg);
  2412. }
  2413. 87.5% {
  2414. -webkit-transform: rotate(945deg);
  2415. transform: rotate(945deg);
  2416. }
  2417. 100% {
  2418. -webkit-transform: rotate(1080deg);
  2419. transform: rotate(1080deg);
  2420. }
  2421. }
  2422. @keyframes mdc-circular-progress-spinner-layer-rotate {
  2423. 12.5% {
  2424. -webkit-transform: rotate(135deg);
  2425. transform: rotate(135deg);
  2426. }
  2427. 25% {
  2428. -webkit-transform: rotate(270deg);
  2429. transform: rotate(270deg);
  2430. }
  2431. 37.5% {
  2432. -webkit-transform: rotate(405deg);
  2433. transform: rotate(405deg);
  2434. }
  2435. 50% {
  2436. -webkit-transform: rotate(540deg);
  2437. transform: rotate(540deg);
  2438. }
  2439. 62.5% {
  2440. -webkit-transform: rotate(675deg);
  2441. transform: rotate(675deg);
  2442. }
  2443. 75% {
  2444. -webkit-transform: rotate(810deg);
  2445. transform: rotate(810deg);
  2446. }
  2447. 87.5% {
  2448. -webkit-transform: rotate(945deg);
  2449. transform: rotate(945deg);
  2450. }
  2451. 100% {
  2452. -webkit-transform: rotate(1080deg);
  2453. transform: rotate(1080deg);
  2454. }
  2455. }
  2456. @-webkit-keyframes mdc-circular-progress-color-1-fade-in-out {
  2457. from {
  2458. opacity: 0.99;
  2459. }
  2460. 25% {
  2461. opacity: 0.99;
  2462. }
  2463. 26% {
  2464. opacity: 0;
  2465. }
  2466. 89% {
  2467. opacity: 0;
  2468. }
  2469. 90% {
  2470. opacity: 0.99;
  2471. }
  2472. to {
  2473. opacity: 0.99;
  2474. }
  2475. }
  2476. @keyframes mdc-circular-progress-color-1-fade-in-out {
  2477. from {
  2478. opacity: 0.99;
  2479. }
  2480. 25% {
  2481. opacity: 0.99;
  2482. }
  2483. 26% {
  2484. opacity: 0;
  2485. }
  2486. 89% {
  2487. opacity: 0;
  2488. }
  2489. 90% {
  2490. opacity: 0.99;
  2491. }
  2492. to {
  2493. opacity: 0.99;
  2494. }
  2495. }
  2496. @-webkit-keyframes mdc-circular-progress-color-2-fade-in-out {
  2497. from {
  2498. opacity: 0;
  2499. }
  2500. 15% {
  2501. opacity: 0;
  2502. }
  2503. 25% {
  2504. opacity: 0.99;
  2505. }
  2506. 50% {
  2507. opacity: 0.99;
  2508. }
  2509. 51% {
  2510. opacity: 0;
  2511. }
  2512. to {
  2513. opacity: 0;
  2514. }
  2515. }
  2516. @keyframes mdc-circular-progress-color-2-fade-in-out {
  2517. from {
  2518. opacity: 0;
  2519. }
  2520. 15% {
  2521. opacity: 0;
  2522. }
  2523. 25% {
  2524. opacity: 0.99;
  2525. }
  2526. 50% {
  2527. opacity: 0.99;
  2528. }
  2529. 51% {
  2530. opacity: 0;
  2531. }
  2532. to {
  2533. opacity: 0;
  2534. }
  2535. }
  2536. @-webkit-keyframes mdc-circular-progress-color-3-fade-in-out {
  2537. from {
  2538. opacity: 0;
  2539. }
  2540. 40% {
  2541. opacity: 0;
  2542. }
  2543. 50% {
  2544. opacity: 0.99;
  2545. }
  2546. 75% {
  2547. opacity: 0.99;
  2548. }
  2549. 76% {
  2550. opacity: 0;
  2551. }
  2552. to {
  2553. opacity: 0;
  2554. }
  2555. }
  2556. @keyframes mdc-circular-progress-color-3-fade-in-out {
  2557. from {
  2558. opacity: 0;
  2559. }
  2560. 40% {
  2561. opacity: 0;
  2562. }
  2563. 50% {
  2564. opacity: 0.99;
  2565. }
  2566. 75% {
  2567. opacity: 0.99;
  2568. }
  2569. 76% {
  2570. opacity: 0;
  2571. }
  2572. to {
  2573. opacity: 0;
  2574. }
  2575. }
  2576. @-webkit-keyframes mdc-circular-progress-color-4-fade-in-out {
  2577. from {
  2578. opacity: 0;
  2579. }
  2580. 65% {
  2581. opacity: 0;
  2582. }
  2583. 75% {
  2584. opacity: 0.99;
  2585. }
  2586. 90% {
  2587. opacity: 0.99;
  2588. }
  2589. to {
  2590. opacity: 0;
  2591. }
  2592. }
  2593. @keyframes mdc-circular-progress-color-4-fade-in-out {
  2594. from {
  2595. opacity: 0;
  2596. }
  2597. 65% {
  2598. opacity: 0;
  2599. }
  2600. 75% {
  2601. opacity: 0.99;
  2602. }
  2603. 90% {
  2604. opacity: 0.99;
  2605. }
  2606. to {
  2607. opacity: 0;
  2608. }
  2609. }
  2610. @-webkit-keyframes mdc-circular-progress-left-spin {
  2611. from {
  2612. -webkit-transform: rotate(265deg);
  2613. transform: rotate(265deg);
  2614. }
  2615. 50% {
  2616. -webkit-transform: rotate(130deg);
  2617. transform: rotate(130deg);
  2618. }
  2619. to {
  2620. -webkit-transform: rotate(265deg);
  2621. transform: rotate(265deg);
  2622. }
  2623. }
  2624. @keyframes mdc-circular-progress-left-spin {
  2625. from {
  2626. -webkit-transform: rotate(265deg);
  2627. transform: rotate(265deg);
  2628. }
  2629. 50% {
  2630. -webkit-transform: rotate(130deg);
  2631. transform: rotate(130deg);
  2632. }
  2633. to {
  2634. -webkit-transform: rotate(265deg);
  2635. transform: rotate(265deg);
  2636. }
  2637. }
  2638. @-webkit-keyframes mdc-circular-progress-right-spin {
  2639. from {
  2640. -webkit-transform: rotate(-265deg);
  2641. transform: rotate(-265deg);
  2642. }
  2643. 50% {
  2644. -webkit-transform: rotate(-130deg);
  2645. transform: rotate(-130deg);
  2646. }
  2647. to {
  2648. -webkit-transform: rotate(-265deg);
  2649. transform: rotate(-265deg);
  2650. }
  2651. }
  2652. @keyframes mdc-circular-progress-right-spin {
  2653. from {
  2654. -webkit-transform: rotate(-265deg);
  2655. transform: rotate(-265deg);
  2656. }
  2657. 50% {
  2658. -webkit-transform: rotate(-130deg);
  2659. transform: rotate(-130deg);
  2660. }
  2661. to {
  2662. -webkit-transform: rotate(-265deg);
  2663. transform: rotate(-265deg);
  2664. }
  2665. }
  2666. .mdc-circular-progress {
  2667. display: inline-flex;
  2668. position: relative;
  2669. /* @noflip */
  2670. direction: ltr;
  2671. transition: opacity 250ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
  2672. }
  2673. .mdc-circular-progress__determinate-container,
  2674. .mdc-circular-progress__indeterminate-circle-graphic,
  2675. .mdc-circular-progress__indeterminate-container,
  2676. .mdc-circular-progress__spinner-layer {
  2677. position: absolute;
  2678. width: 100%;
  2679. height: 100%;
  2680. }
  2681. .mdc-circular-progress__determinate-container {
  2682. -webkit-transform: rotate(-90deg);
  2683. transform: rotate(-90deg);
  2684. }
  2685. .mdc-circular-progress__indeterminate-container {
  2686. font-size: 0;
  2687. letter-spacing: 0;
  2688. white-space: nowrap;
  2689. opacity: 0;
  2690. }
  2691. .mdc-circular-progress__determinate-circle-graphic,
  2692. .mdc-circular-progress__indeterminate-circle-graphic {
  2693. fill: transparent;
  2694. }
  2695. .mdc-circular-progress__determinate-circle {
  2696. transition: stroke-dashoffset 500ms 0ms cubic-bezier(0, 0, 0.2, 1);
  2697. }
  2698. .mdc-circular-progress__gap-patch {
  2699. position: absolute;
  2700. top: 0;
  2701. /* @noflip */
  2702. left: 47.5%;
  2703. box-sizing: border-box;
  2704. width: 5%;
  2705. height: 100%;
  2706. overflow: hidden;
  2707. }
  2708. .mdc-circular-progress__gap-patch .mdc-circular-progress__indeterminate-circle-graphic {
  2709. /* @noflip */
  2710. left: -900%;
  2711. width: 2000%;
  2712. -webkit-transform: rotate(180deg);
  2713. transform: rotate(180deg);
  2714. }
  2715. .mdc-circular-progress__circle-clipper {
  2716. display: inline-flex;
  2717. position: relative;
  2718. width: 50%;
  2719. height: 100%;
  2720. overflow: hidden;
  2721. }
  2722. .mdc-circular-progress__circle-clipper .mdc-circular-progress__indeterminate-circle-graphic {
  2723. width: 200%;
  2724. }
  2725. .mdc-circular-progress__circle-right .mdc-circular-progress__indeterminate-circle-graphic {
  2726. /* @noflip */
  2727. left: -100%;
  2728. }
  2729. .mdc-circular-progress--indeterminate .mdc-circular-progress__determinate-container {
  2730. opacity: 0;
  2731. }
  2732. .mdc-circular-progress--indeterminate .mdc-circular-progress__indeterminate-container {
  2733. opacity: 1;
  2734. }
  2735. .mdc-circular-progress--indeterminate .mdc-circular-progress__indeterminate-container {
  2736. -webkit-animation: mdc-circular-progress-container-rotate 1568.2352941176ms linear infinite;
  2737. animation: mdc-circular-progress-container-rotate 1568.2352941176ms linear infinite;
  2738. }
  2739. .mdc-circular-progress--indeterminate .mdc-circular-progress__spinner-layer {
  2740. -webkit-animation: mdc-circular-progress-spinner-layer-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
  2741. animation: mdc-circular-progress-spinner-layer-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
  2742. }
  2743. .mdc-circular-progress--indeterminate .mdc-circular-progress__color-1 {
  2744. -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;
  2745. 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;
  2746. }
  2747. .mdc-circular-progress--indeterminate .mdc-circular-progress__color-2 {
  2748. -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;
  2749. 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;
  2750. }
  2751. .mdc-circular-progress--indeterminate .mdc-circular-progress__color-3 {
  2752. -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;
  2753. 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;
  2754. }
  2755. .mdc-circular-progress--indeterminate .mdc-circular-progress__color-4 {
  2756. -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;
  2757. 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;
  2758. }
  2759. .mdc-circular-progress--indeterminate .mdc-circular-progress__circle-left .mdc-circular-progress__indeterminate-circle-graphic {
  2760. -webkit-animation: mdc-circular-progress-left-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
  2761. animation: mdc-circular-progress-left-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
  2762. }
  2763. .mdc-circular-progress--indeterminate .mdc-circular-progress__circle-right .mdc-circular-progress__indeterminate-circle-graphic {
  2764. -webkit-animation: mdc-circular-progress-right-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
  2765. animation: mdc-circular-progress-right-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
  2766. }
  2767. .mdc-circular-progress--closed {
  2768. opacity: 0;
  2769. }
  2770. .mdc-floating-label {
  2771. -moz-osx-font-smoothing: grayscale;
  2772. -webkit-font-smoothing: antialiased;
  2773. font-family: Roboto, sans-serif;
  2774. /* @alternate */
  2775. font-family: var(--mdc-typography-subtitle1-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));
  2776. font-size: 1rem;
  2777. /* @alternate */
  2778. font-size: var(--mdc-typography-subtitle1-font-size, 1rem);
  2779. font-weight: 400;
  2780. /* @alternate */
  2781. font-weight: var(--mdc-typography-subtitle1-font-weight, 400);
  2782. letter-spacing: 0.009375em;
  2783. /* @alternate */
  2784. letter-spacing: var(--mdc-typography-subtitle1-letter-spacing, 0.009375em);
  2785. text-decoration: inherit;
  2786. /* @alternate */
  2787. -webkit-text-decoration: var(--mdc-typography-subtitle1-text-decoration, inherit);
  2788. text-decoration: var(--mdc-typography-subtitle1-text-decoration, inherit);
  2789. text-transform: inherit;
  2790. /* @alternate */
  2791. text-transform: var(--mdc-typography-subtitle1-text-transform, inherit);
  2792. position: absolute;
  2793. /* @noflip */
  2794. left: 0;
  2795. /* @noflip */
  2796. -webkit-transform-origin: left top;
  2797. transform-origin: left top;
  2798. line-height: 1.15rem;
  2799. text-align: left;
  2800. text-overflow: ellipsis;
  2801. white-space: nowrap;
  2802. cursor: text;
  2803. overflow: hidden;
  2804. /* @alternate */
  2805. will-change: transform;
  2806. transition: color 150ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 150ms cubic-bezier(0.4, 0, 0.2, 1);
  2807. transition: transform 150ms cubic-bezier(0.4, 0, 0.2, 1), color 150ms cubic-bezier(0.4, 0, 0.2, 1);
  2808. 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);
  2809. }
  2810. [dir=rtl] .mdc-floating-label, .mdc-floating-label[dir=rtl] {
  2811. /* @noflip */
  2812. right: 0;
  2813. /* @noflip */
  2814. left: auto;
  2815. /* @noflip */
  2816. -webkit-transform-origin: right top;
  2817. transform-origin: right top;
  2818. /* @noflip */
  2819. text-align: right;
  2820. }
  2821. .mdc-floating-label--float-above {
  2822. cursor: auto;
  2823. }
  2824. .mdc-floating-label--required::after {
  2825. /* @noflip */
  2826. margin-left: 1px;
  2827. /* @noflip */
  2828. margin-right: 0px;
  2829. content: "*";
  2830. }
  2831. [dir=rtl] .mdc-floating-label--required::after, .mdc-floating-label--required[dir=rtl]::after {
  2832. /* @noflip */
  2833. margin-left: 0;
  2834. /* @noflip */
  2835. margin-right: 1px;
  2836. }
  2837. .mdc-floating-label--float-above {
  2838. -webkit-transform: translateY(-106%) scale(0.75);
  2839. transform: translateY(-106%) scale(0.75);
  2840. }
  2841. .mdc-floating-label--shake {
  2842. -webkit-animation: mdc-floating-label-shake-float-above-standard 250ms 1;
  2843. animation: mdc-floating-label-shake-float-above-standard 250ms 1;
  2844. }
  2845. @-webkit-keyframes mdc-floating-label-shake-float-above-standard {
  2846. 0% {
  2847. -webkit-transform: translateX(calc(0 - 0%)) translateY(-106%) scale(0.75);
  2848. transform: translateX(calc(0 - 0%)) translateY(-106%) scale(0.75);
  2849. }
  2850. 33% {
  2851. -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);
  2852. animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);
  2853. -webkit-transform: translateX(calc(4% - 0%)) translateY(-106%) scale(0.75);
  2854. transform: translateX(calc(4% - 0%)) translateY(-106%) scale(0.75);
  2855. }
  2856. 66% {
  2857. -webkit-animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
  2858. animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
  2859. -webkit-transform: translateX(calc(-4% - 0%)) translateY(-106%) scale(0.75);
  2860. transform: translateX(calc(-4% - 0%)) translateY(-106%) scale(0.75);
  2861. }
  2862. 100% {
  2863. -webkit-transform: translateX(calc(0 - 0%)) translateY(-106%) scale(0.75);
  2864. transform: translateX(calc(0 - 0%)) translateY(-106%) scale(0.75);
  2865. }
  2866. }
  2867. @keyframes mdc-floating-label-shake-float-above-standard {
  2868. 0% {
  2869. -webkit-transform: translateX(calc(0 - 0%)) translateY(-106%) scale(0.75);
  2870. transform: translateX(calc(0 - 0%)) translateY(-106%) scale(0.75);
  2871. }
  2872. 33% {
  2873. -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);
  2874. animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);
  2875. -webkit-transform: translateX(calc(4% - 0%)) translateY(-106%) scale(0.75);
  2876. transform: translateX(calc(4% - 0%)) translateY(-106%) scale(0.75);
  2877. }
  2878. 66% {
  2879. -webkit-animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
  2880. animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
  2881. -webkit-transform: translateX(calc(-4% - 0%)) translateY(-106%) scale(0.75);
  2882. transform: translateX(calc(-4% - 0%)) translateY(-106%) scale(0.75);
  2883. }
  2884. 100% {
  2885. -webkit-transform: translateX(calc(0 - 0%)) translateY(-106%) scale(0.75);
  2886. transform: translateX(calc(0 - 0%)) translateY(-106%) scale(0.75);
  2887. }
  2888. }
  2889. .mdc-line-ripple::before, .mdc-line-ripple::after {
  2890. position: absolute;
  2891. bottom: 0;
  2892. left: 0;
  2893. width: 100%;
  2894. border-bottom-style: solid;
  2895. content: "";
  2896. }
  2897. .mdc-line-ripple::before {
  2898. border-bottom-width: 1px;
  2899. z-index: 1;
  2900. }
  2901. .mdc-line-ripple::after {
  2902. -webkit-transform: scaleX(0);
  2903. transform: scaleX(0);
  2904. border-bottom-width: 2px;
  2905. opacity: 0;
  2906. z-index: 2;
  2907. }
  2908. .mdc-line-ripple::after {
  2909. transition: opacity 180ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 180ms cubic-bezier(0.4, 0, 0.2, 1);
  2910. transition: transform 180ms cubic-bezier(0.4, 0, 0.2, 1), opacity 180ms cubic-bezier(0.4, 0, 0.2, 1);
  2911. 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);
  2912. }
  2913. .mdc-line-ripple--active::after {
  2914. -webkit-transform: scaleX(1);
  2915. transform: scaleX(1);
  2916. opacity: 1;
  2917. }
  2918. .mdc-line-ripple--deactivating::after {
  2919. opacity: 0;
  2920. }
  2921. .mdc-notched-outline {
  2922. display: flex;
  2923. position: absolute;
  2924. top: 0;
  2925. right: 0;
  2926. left: 0;
  2927. box-sizing: border-box;
  2928. width: 100%;
  2929. max-width: 100%;
  2930. height: 100%;
  2931. /* @noflip */
  2932. text-align: left;
  2933. pointer-events: none;
  2934. }
  2935. [dir=rtl] .mdc-notched-outline, .mdc-notched-outline[dir=rtl] {
  2936. /* @noflip */
  2937. text-align: right;
  2938. }
  2939. .mdc-notched-outline__leading, .mdc-notched-outline__notch, .mdc-notched-outline__trailing {
  2940. box-sizing: border-box;
  2941. height: 100%;
  2942. border-top: 1px solid;
  2943. border-bottom: 1px solid;
  2944. pointer-events: none;
  2945. }
  2946. .mdc-notched-outline__leading {
  2947. /* @noflip */
  2948. border-left: 1px solid;
  2949. /* @noflip */
  2950. border-right: none;
  2951. width: 12px;
  2952. }
  2953. [dir=rtl] .mdc-notched-outline__leading, .mdc-notched-outline__leading[dir=rtl] {
  2954. /* @noflip */
  2955. border-left: none;
  2956. /* @noflip */
  2957. border-right: 1px solid;
  2958. }
  2959. .mdc-notched-outline__trailing {
  2960. /* @noflip */
  2961. border-left: none;
  2962. /* @noflip */
  2963. border-right: 1px solid;
  2964. flex-grow: 1;
  2965. }
  2966. [dir=rtl] .mdc-notched-outline__trailing, .mdc-notched-outline__trailing[dir=rtl] {
  2967. /* @noflip */
  2968. border-left: 1px solid;
  2969. /* @noflip */
  2970. border-right: none;
  2971. }
  2972. .mdc-notched-outline__notch {
  2973. flex: 0 0 auto;
  2974. width: auto;
  2975. max-width: calc(100% - 12px * 2);
  2976. }
  2977. .mdc-notched-outline .mdc-floating-label {
  2978. display: inline-block;
  2979. position: relative;
  2980. max-width: 100%;
  2981. }
  2982. .mdc-notched-outline .mdc-floating-label--float-above {
  2983. text-overflow: clip;
  2984. }
  2985. .mdc-notched-outline--upgraded .mdc-floating-label--float-above {
  2986. max-width: calc(100% / 0.75);
  2987. }
  2988. .mdc-notched-outline--notched .mdc-notched-outline__notch {
  2989. /* @noflip */
  2990. padding-left: 0;
  2991. /* @noflip */
  2992. padding-right: 8px;
  2993. border-top: none;
  2994. }
  2995. [dir=rtl] .mdc-notched-outline--notched .mdc-notched-outline__notch, .mdc-notched-outline--notched .mdc-notched-outline__notch[dir=rtl] {
  2996. /* @noflip */
  2997. padding-left: 8px;
  2998. /* @noflip */
  2999. padding-right: 0;
  3000. }
  3001. .mdc-notched-outline--no-label .mdc-notched-outline__notch {
  3002. display: none;
  3003. }
  3004. .mdc-select {
  3005. display: inline-flex;
  3006. position: relative;
  3007. }
  3008. .mdc-select:not(.mdc-select--disabled) .mdc-select__selected-text {
  3009. color: rgba(0, 0, 0, 0.87);
  3010. }
  3011. .mdc-select.mdc-select--disabled .mdc-select__selected-text {
  3012. color: rgba(0, 0, 0, 0.38);
  3013. }
  3014. .mdc-select:not(.mdc-select--disabled) .mdc-floating-label {
  3015. color: rgba(0, 0, 0, 0.6);
  3016. }
  3017. .mdc-select:not(.mdc-select--disabled).mdc-select--focused .mdc-floating-label {
  3018. color: rgba(98, 0, 238, 0.87);
  3019. }
  3020. .mdc-select.mdc-select--disabled .mdc-floating-label {
  3021. color: rgba(0, 0, 0, 0.38);
  3022. }
  3023. .mdc-select:not(.mdc-select--disabled) .mdc-select__dropdown-icon {
  3024. fill: rgba(0, 0, 0, 0.54);
  3025. }
  3026. .mdc-select:not(.mdc-select--disabled).mdc-select--focused .mdc-select__dropdown-icon {
  3027. fill: #6200ee;
  3028. /* @alternate */
  3029. fill: var(--mdc-theme-primary, #6200ee);
  3030. }
  3031. .mdc-select.mdc-select--disabled .mdc-select__dropdown-icon {
  3032. fill: rgba(0, 0, 0, 0.38);
  3033. }
  3034. .mdc-select:not(.mdc-select--disabled) + .mdc-select-helper-text {
  3035. color: rgba(0, 0, 0, 0.6);
  3036. }
  3037. .mdc-select.mdc-select--disabled + .mdc-select-helper-text {
  3038. color: rgba(0, 0, 0, 0.38);
  3039. }
  3040. .mdc-select:not(.mdc-select--disabled) .mdc-select__icon {
  3041. color: rgba(0, 0, 0, 0.54);
  3042. }
  3043. .mdc-select.mdc-select--disabled .mdc-select__icon {
  3044. color: rgba(0, 0, 0, 0.38);
  3045. }
  3046. @media screen and (-ms-high-contrast: active) {
  3047. .mdc-select.mdc-select--disabled .mdc-select__selected-text {
  3048. color: GrayText;
  3049. }
  3050. .mdc-select.mdc-select--disabled .mdc-select__dropdown-icon {
  3051. fill: red;
  3052. }
  3053. .mdc-select.mdc-select--disabled .mdc-floating-label {
  3054. color: GrayText;
  3055. }
  3056. .mdc-select.mdc-select--disabled .mdc-line-ripple::before {
  3057. border-bottom-color: GrayText;
  3058. }
  3059. .mdc-select.mdc-select--disabled .mdc-notched-outline__leading,
  3060. .mdc-select.mdc-select--disabled .mdc-notched-outline__notch,
  3061. .mdc-select.mdc-select--disabled .mdc-notched-outline__trailing {
  3062. border-color: GrayText;
  3063. }
  3064. .mdc-select.mdc-select--disabled .mdc-select__icon {
  3065. color: GrayText;
  3066. }
  3067. .mdc-select.mdc-select--disabled + .mdc-select-helper-text {
  3068. color: GrayText;
  3069. }
  3070. }
  3071. .mdc-select .mdc-floating-label {
  3072. top: 50%;
  3073. -webkit-transform: translateY(-50%);
  3074. transform: translateY(-50%);
  3075. pointer-events: none;
  3076. }
  3077. .mdc-select .mdc-select__anchor {
  3078. /* @noflip */
  3079. padding-left: 16px;
  3080. /* @noflip */
  3081. padding-right: 0;
  3082. }
  3083. [dir=rtl] .mdc-select .mdc-select__anchor, .mdc-select .mdc-select__anchor[dir=rtl] {
  3084. /* @noflip */
  3085. padding-left: 0;
  3086. /* @noflip */
  3087. padding-right: 16px;
  3088. }
  3089. .mdc-select.mdc-select--with-leading-icon .mdc-select__anchor {
  3090. /* @noflip */
  3091. padding-left: 0;
  3092. /* @noflip */
  3093. padding-right: 0;
  3094. }
  3095. [dir=rtl] .mdc-select.mdc-select--with-leading-icon .mdc-select__anchor, .mdc-select.mdc-select--with-leading-icon .mdc-select__anchor[dir=rtl] {
  3096. /* @noflip */
  3097. padding-left: 0;
  3098. /* @noflip */
  3099. padding-right: 0;
  3100. }
  3101. .mdc-select .mdc-select__icon {
  3102. width: 24px;
  3103. height: 24px;
  3104. font-size: 24px;
  3105. }
  3106. .mdc-select .mdc-select__dropdown-icon {
  3107. width: 24px;
  3108. height: 24px;
  3109. }
  3110. .mdc-select .mdc-select__menu .mdc-list-item {
  3111. /* @noflip */
  3112. padding-left: 16px;
  3113. /* @noflip */
  3114. padding-right: 16px;
  3115. }
  3116. [dir=rtl] .mdc-select .mdc-select__menu .mdc-list-item, .mdc-select .mdc-select__menu .mdc-list-item[dir=rtl] {
  3117. /* @noflip */
  3118. padding-left: 16px;
  3119. /* @noflip */
  3120. padding-right: 16px;
  3121. }
  3122. .mdc-select .mdc-select__menu .mdc-list-item__graphic {
  3123. /* @noflip */
  3124. margin-left: 0;
  3125. /* @noflip */
  3126. margin-right: 12px;
  3127. }
  3128. [dir=rtl] .mdc-select .mdc-select__menu .mdc-list-item__graphic, .mdc-select .mdc-select__menu .mdc-list-item__graphic[dir=rtl] {
  3129. /* @noflip */
  3130. margin-left: 12px;
  3131. /* @noflip */
  3132. margin-right: 0;
  3133. }
  3134. .mdc-select__dropdown-icon {
  3135. /* @noflip */
  3136. margin-left: 12px;
  3137. /* @noflip */
  3138. margin-right: 12px;
  3139. display: inline-flex;
  3140. position: relative;
  3141. align-self: center;
  3142. align-items: center;
  3143. justify-content: center;
  3144. flex-shrink: 0;
  3145. pointer-events: none;
  3146. }
  3147. .mdc-select__dropdown-icon .mdc-select__dropdown-icon-active,
  3148. .mdc-select__dropdown-icon .mdc-select__dropdown-icon-inactive {
  3149. position: absolute;
  3150. top: 0;
  3151. left: 0;
  3152. }
  3153. .mdc-select__dropdown-icon .mdc-select__dropdown-icon-graphic {
  3154. width: 41.6666666667%;
  3155. height: 20.8333333333%;
  3156. }
  3157. .mdc-select__dropdown-icon .mdc-select__dropdown-icon-inactive {
  3158. opacity: 1;
  3159. transition: opacity 75ms linear 75ms;
  3160. }
  3161. .mdc-select__dropdown-icon .mdc-select__dropdown-icon-active {
  3162. opacity: 0;
  3163. transition: opacity 75ms linear;
  3164. }
  3165. [dir=rtl] .mdc-select__dropdown-icon, .mdc-select__dropdown-icon[dir=rtl] {
  3166. /* @noflip */
  3167. margin-left: 12px;
  3168. /* @noflip */
  3169. margin-right: 12px;
  3170. }
  3171. .mdc-select--activated .mdc-select__dropdown-icon .mdc-select__dropdown-icon-inactive {
  3172. opacity: 0;
  3173. transition: opacity 49.5ms linear;
  3174. }
  3175. .mdc-select--activated .mdc-select__dropdown-icon .mdc-select__dropdown-icon-active {
  3176. opacity: 1;
  3177. transition: opacity 100.5ms linear 49.5ms;
  3178. }
  3179. .mdc-select__anchor {
  3180. width: 200px;
  3181. min-width: 0;
  3182. flex: 1 1 auto;
  3183. position: relative;
  3184. box-sizing: border-box;
  3185. overflow: hidden;
  3186. outline: none;
  3187. cursor: pointer;
  3188. }
  3189. .mdc-select__anchor .mdc-floating-label--float-above {
  3190. -webkit-transform: translateY(-106%) scale(0.75);
  3191. transform: translateY(-106%) scale(0.75);
  3192. }
  3193. .mdc-select__selected-text-container {
  3194. display: flex;
  3195. -webkit-appearance: none;
  3196. -moz-appearance: none;
  3197. appearance: none;
  3198. pointer-events: none;
  3199. box-sizing: border-box;
  3200. width: auto;
  3201. min-width: 0;
  3202. flex-grow: 1;
  3203. height: 28px;
  3204. border: none;
  3205. outline: none;
  3206. padding: 0;
  3207. background-color: transparent;
  3208. color: inherit;
  3209. }
  3210. .mdc-select__selected-text {
  3211. -moz-osx-font-smoothing: grayscale;
  3212. -webkit-font-smoothing: antialiased;
  3213. font-family: Roboto, sans-serif;
  3214. /* @alternate */
  3215. font-family: var(--mdc-typography-subtitle1-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));
  3216. font-size: 1rem;
  3217. /* @alternate */
  3218. font-size: var(--mdc-typography-subtitle1-font-size, 1rem);
  3219. line-height: 1.75rem;
  3220. /* @alternate */
  3221. line-height: var(--mdc-typography-subtitle1-line-height, 1.75rem);
  3222. font-weight: 400;
  3223. /* @alternate */
  3224. font-weight: var(--mdc-typography-subtitle1-font-weight, 400);
  3225. letter-spacing: 0.009375em;
  3226. /* @alternate */
  3227. letter-spacing: var(--mdc-typography-subtitle1-letter-spacing, 0.009375em);
  3228. text-decoration: inherit;
  3229. /* @alternate */
  3230. -webkit-text-decoration: var(--mdc-typography-subtitle1-text-decoration, inherit);
  3231. text-decoration: var(--mdc-typography-subtitle1-text-decoration, inherit);
  3232. text-transform: inherit;
  3233. /* @alternate */
  3234. text-transform: var(--mdc-typography-subtitle1-text-transform, inherit);
  3235. text-overflow: ellipsis;
  3236. white-space: nowrap;
  3237. overflow: hidden;
  3238. display: block;
  3239. width: 100%;
  3240. /* @noflip */
  3241. text-align: left;
  3242. }
  3243. [dir=rtl] .mdc-select__selected-text, .mdc-select__selected-text[dir=rtl] {
  3244. /* @noflip */
  3245. text-align: right;
  3246. }
  3247. .mdc-select--invalid:not(.mdc-select--disabled) .mdc-floating-label {
  3248. color: #b00020;
  3249. /* @alternate */
  3250. color: var(--mdc-theme-error, #b00020);
  3251. }
  3252. .mdc-select--invalid:not(.mdc-select--disabled).mdc-select--focused .mdc-floating-label {
  3253. color: #b00020;
  3254. /* @alternate */
  3255. color: var(--mdc-theme-error, #b00020);
  3256. }
  3257. .mdc-select--invalid:not(.mdc-select--disabled).mdc-select--invalid + .mdc-select-helper-text--validation-msg {
  3258. color: #b00020;
  3259. /* @alternate */
  3260. color: var(--mdc-theme-error, #b00020);
  3261. }
  3262. .mdc-select--invalid:not(.mdc-select--disabled) .mdc-select__dropdown-icon {
  3263. fill: #b00020;
  3264. /* @alternate */
  3265. fill: var(--mdc-theme-error, #b00020);
  3266. }
  3267. .mdc-select--invalid:not(.mdc-select--disabled).mdc-select--focused .mdc-select__dropdown-icon {
  3268. fill: #b00020;
  3269. /* @alternate */
  3270. fill: var(--mdc-theme-error, #b00020);
  3271. }
  3272. .mdc-select--disabled {
  3273. cursor: default;
  3274. pointer-events: none;
  3275. }
  3276. .mdc-select--with-leading-icon .mdc-select__menu .mdc-list-item {
  3277. /* @noflip */
  3278. padding-left: 12px;
  3279. /* @noflip */
  3280. padding-right: 12px;
  3281. }
  3282. [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] {
  3283. /* @noflip */
  3284. padding-left: 12px;
  3285. /* @noflip */
  3286. padding-right: 12px;
  3287. }
  3288. .mdc-select__menu .mdc-list .mdc-select__icon {
  3289. /* @noflip */
  3290. margin-left: 0;
  3291. /* @noflip */
  3292. margin-right: 0;
  3293. }
  3294. [dir=rtl] .mdc-select__menu .mdc-list .mdc-select__icon, .mdc-select__menu .mdc-list .mdc-select__icon[dir=rtl] {
  3295. /* @noflip */
  3296. margin-left: 0;
  3297. /* @noflip */
  3298. margin-right: 0;
  3299. }
  3300. .mdc-select__menu .mdc-list .mdc-list-item--selected,
  3301. .mdc-select__menu .mdc-list .mdc-list-item--activated {
  3302. color: #000;
  3303. /* @alternate */
  3304. color: var(--mdc-theme-on-surface, #000);
  3305. }
  3306. .mdc-select__menu .mdc-list .mdc-list-item--selected .mdc-list-item__graphic,
  3307. .mdc-select__menu .mdc-list .mdc-list-item--activated .mdc-list-item__graphic {
  3308. color: #000;
  3309. /* @alternate */
  3310. color: var(--mdc-theme-on-surface, #000);
  3311. }
  3312. .mdc-select--filled .mdc-select__anchor {
  3313. height: 56px;
  3314. display: flex;
  3315. align-items: baseline;
  3316. }
  3317. .mdc-select--filled .mdc-select__anchor::before {
  3318. display: inline-block;
  3319. width: 0;
  3320. height: 40px;
  3321. content: "";
  3322. vertical-align: 0;
  3323. }
  3324. .mdc-select--filled.mdc-select--no-label .mdc-select__anchor .mdc-select__selected-text::before {
  3325. content: "​";
  3326. }
  3327. .mdc-select--filled.mdc-select--no-label .mdc-select__anchor .mdc-select__selected-text-container {
  3328. height: 100%;
  3329. display: inline-flex;
  3330. align-items: center;
  3331. }
  3332. .mdc-select--filled.mdc-select--no-label .mdc-select__anchor::before {
  3333. display: none;
  3334. }
  3335. .mdc-select--filled .mdc-select__anchor {
  3336. border-top-left-radius: 4px;
  3337. /* @alternate */
  3338. border-top-left-radius: var(--mdc-shape-small, 4px);
  3339. border-top-right-radius: 4px;
  3340. /* @alternate */
  3341. border-top-right-radius: var(--mdc-shape-small, 4px);
  3342. border-bottom-right-radius: 0;
  3343. border-bottom-left-radius: 0;
  3344. }
  3345. .mdc-select--filled:not(.mdc-select--disabled) .mdc-select__anchor {
  3346. background-color: whitesmoke;
  3347. }
  3348. .mdc-select--filled.mdc-select--disabled .mdc-select__anchor {
  3349. background-color: #fafafa;
  3350. }
  3351. .mdc-select--filled:not(.mdc-select--disabled) .mdc-line-ripple::before {
  3352. border-bottom-color: rgba(0, 0, 0, 0.42);
  3353. }
  3354. .mdc-select--filled:not(.mdc-select--disabled):hover .mdc-line-ripple::before {
  3355. border-bottom-color: rgba(0, 0, 0, 0.87);
  3356. }
  3357. .mdc-select--filled:not(.mdc-select--disabled) .mdc-line-ripple::after {
  3358. border-bottom-color: #6200ee;
  3359. /* @alternate */
  3360. border-bottom-color: var(--mdc-theme-primary, #6200ee);
  3361. }
  3362. .mdc-select--filled.mdc-select--disabled .mdc-line-ripple::before {
  3363. border-bottom-color: rgba(0, 0, 0, 0.06);
  3364. }
  3365. .mdc-select--filled .mdc-floating-label {
  3366. max-width: calc(100% - 64px);
  3367. }
  3368. .mdc-select--filled .mdc-floating-label--float-above {
  3369. max-width: calc(100% / 0.75 - 64px / 0.75);
  3370. }
  3371. .mdc-select--filled .mdc-menu-surface--is-open-below {
  3372. border-top-left-radius: 0px;
  3373. border-top-right-radius: 0px;
  3374. }
  3375. .mdc-select--filled.mdc-select--focused.mdc-line-ripple::after {
  3376. -webkit-transform: scale(1, 2);
  3377. transform: scale(1, 2);
  3378. opacity: 1;
  3379. }
  3380. .mdc-select--filled .mdc-floating-label {
  3381. /* @noflip */
  3382. left: 16px;
  3383. /* @noflip */
  3384. right: initial;
  3385. }
  3386. [dir=rtl] .mdc-select--filled .mdc-floating-label, .mdc-select--filled .mdc-floating-label[dir=rtl] {
  3387. /* @noflip */
  3388. left: initial;
  3389. /* @noflip */
  3390. right: 16px;
  3391. }
  3392. .mdc-select--filled.mdc-select--with-leading-icon .mdc-floating-label {
  3393. /* @noflip */
  3394. left: 48px;
  3395. /* @noflip */
  3396. right: initial;
  3397. }
  3398. [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] {
  3399. /* @noflip */
  3400. left: initial;
  3401. /* @noflip */
  3402. right: 48px;
  3403. }
  3404. .mdc-select--filled.mdc-select--with-leading-icon .mdc-floating-label {
  3405. max-width: calc(100% - 96px);
  3406. }
  3407. .mdc-select--filled.mdc-select--with-leading-icon .mdc-floating-label--float-above {
  3408. max-width: calc(100% / 0.75 - 96px / 0.75);
  3409. }
  3410. .mdc-select--invalid:not(.mdc-select--disabled) .mdc-line-ripple::before {
  3411. border-bottom-color: #b00020;
  3412. /* @alternate */
  3413. border-bottom-color: var(--mdc-theme-error, #b00020);
  3414. }
  3415. .mdc-select--invalid:not(.mdc-select--disabled):hover .mdc-line-ripple::before {
  3416. border-bottom-color: #b00020;
  3417. /* @alternate */
  3418. border-bottom-color: var(--mdc-theme-error, #b00020);
  3419. }
  3420. .mdc-select--invalid:not(.mdc-select--disabled) .mdc-line-ripple::after {
  3421. border-bottom-color: #b00020;
  3422. /* @alternate */
  3423. border-bottom-color: var(--mdc-theme-error, #b00020);
  3424. }
  3425. .mdc-select--outlined {
  3426. border: none;
  3427. }
  3428. .mdc-select--outlined .mdc-select__anchor {
  3429. height: 56px;
  3430. }
  3431. .mdc-select--outlined .mdc-select__anchor .mdc-floating-label--float-above {
  3432. -webkit-transform: translateY(-37.25px) scale(1);
  3433. transform: translateY(-37.25px) scale(1);
  3434. }
  3435. .mdc-select--outlined .mdc-select__anchor .mdc-floating-label--float-above {
  3436. font-size: 0.75rem;
  3437. }
  3438. .mdc-select--outlined .mdc-select__anchor.mdc-notched-outline--upgraded .mdc-floating-label--float-above,
  3439. .mdc-select--outlined .mdc-select__anchor .mdc-notched-outline--upgraded .mdc-floating-label--float-above {
  3440. -webkit-transform: translateY(-34.75px) scale(0.75);
  3441. transform: translateY(-34.75px) scale(0.75);
  3442. }
  3443. .mdc-select--outlined .mdc-select__anchor.mdc-notched-outline--upgraded .mdc-floating-label--float-above,
  3444. .mdc-select--outlined .mdc-select__anchor .mdc-notched-outline--upgraded .mdc-floating-label--float-above {
  3445. font-size: 1rem;
  3446. }
  3447. .mdc-select--outlined .mdc-select__anchor .mdc-floating-label--shake {
  3448. -webkit-animation: mdc-floating-label-shake-float-above-select-outlined-56px 250ms 1;
  3449. animation: mdc-floating-label-shake-float-above-select-outlined-56px 250ms 1;
  3450. }
  3451. @-webkit-keyframes mdc-floating-label-shake-float-above-select-outlined-56px {
  3452. 0% {
  3453. -webkit-transform: translateX(calc(0 - 0%)) translateY(-34.75px) scale(0.75);
  3454. transform: translateX(calc(0 - 0%)) translateY(-34.75px) scale(0.75);
  3455. }
  3456. 33% {
  3457. -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);
  3458. animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);
  3459. -webkit-transform: translateX(calc(4% - 0%)) translateY(-34.75px) scale(0.75);
  3460. transform: translateX(calc(4% - 0%)) translateY(-34.75px) scale(0.75);
  3461. }
  3462. 66% {
  3463. -webkit-animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
  3464. animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
  3465. -webkit-transform: translateX(calc(-4% - 0%)) translateY(-34.75px) scale(0.75);
  3466. transform: translateX(calc(-4% - 0%)) translateY(-34.75px) scale(0.75);
  3467. }
  3468. 100% {
  3469. -webkit-transform: translateX(calc(0 - 0%)) translateY(-34.75px) scale(0.75);
  3470. transform: translateX(calc(0 - 0%)) translateY(-34.75px) scale(0.75);
  3471. }
  3472. }
  3473. @keyframes mdc-floating-label-shake-float-above-select-outlined-56px {
  3474. 0% {
  3475. -webkit-transform: translateX(calc(0 - 0%)) translateY(-34.75px) scale(0.75);
  3476. transform: translateX(calc(0 - 0%)) translateY(-34.75px) scale(0.75);
  3477. }
  3478. 33% {
  3479. -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);
  3480. animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);
  3481. -webkit-transform: translateX(calc(4% - 0%)) translateY(-34.75px) scale(0.75);
  3482. transform: translateX(calc(4% - 0%)) translateY(-34.75px) scale(0.75);
  3483. }
  3484. 66% {
  3485. -webkit-animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
  3486. animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
  3487. -webkit-transform: translateX(calc(-4% - 0%)) translateY(-34.75px) scale(0.75);
  3488. transform: translateX(calc(-4% - 0%)) translateY(-34.75px) scale(0.75);
  3489. }
  3490. 100% {
  3491. -webkit-transform: translateX(calc(0 - 0%)) translateY(-34.75px) scale(0.75);
  3492. transform: translateX(calc(0 - 0%)) translateY(-34.75px) scale(0.75);
  3493. }
  3494. }
  3495. .mdc-select--outlined .mdc-notched-outline .mdc-notched-outline__leading {
  3496. /* @noflip */
  3497. border-top-left-radius: 4px;
  3498. /* @alternate */
  3499. /* @noflip */
  3500. border-top-left-radius: var(--mdc-shape-small, 4px);
  3501. /* @noflip */
  3502. border-top-right-radius: 0;
  3503. /* @noflip */
  3504. border-bottom-right-radius: 0;
  3505. /* @noflip */
  3506. border-bottom-left-radius: 4px;
  3507. /* @alternate */
  3508. /* @noflip */
  3509. border-bottom-left-radius: var(--mdc-shape-small, 4px);
  3510. }
  3511. [dir=rtl] .mdc-select--outlined .mdc-notched-outline .mdc-notched-outline__leading, .mdc-select--outlined .mdc-notched-outline .mdc-notched-outline__leading[dir=rtl] {
  3512. /* @noflip */
  3513. border-top-left-radius: 0;
  3514. /* @noflip */
  3515. border-top-right-radius: 4px;
  3516. /* @alternate */
  3517. /* @noflip */
  3518. border-top-right-radius: var(--mdc-shape-small, 4px);
  3519. /* @noflip */
  3520. border-bottom-right-radius: 4px;
  3521. /* @alternate */
  3522. /* @noflip */
  3523. border-bottom-right-radius: var(--mdc-shape-small, 4px);
  3524. /* @noflip */
  3525. border-bottom-left-radius: 0;
  3526. }
  3527. @supports (top: max(0%)) {
  3528. .mdc-select--outlined .mdc-notched-outline .mdc-notched-outline__leading {
  3529. width: max(12px, var(--mdc-shape-small, 4px));
  3530. }
  3531. }
  3532. @supports (top: max(0%)) {
  3533. .mdc-select--outlined .mdc-notched-outline .mdc-notched-outline__notch {
  3534. max-width: calc(100% - max(12px, var(--mdc-shape-small, 4px)) * 2);
  3535. }
  3536. }
  3537. .mdc-select--outlined .mdc-notched-outline .mdc-notched-outline__trailing {
  3538. /* @noflip */
  3539. border-top-left-radius: 0;
  3540. /* @noflip */
  3541. border-top-right-radius: 4px;
  3542. /* @alternate */
  3543. /* @noflip */
  3544. border-top-right-radius: var(--mdc-shape-small, 4px);
  3545. /* @noflip */
  3546. border-bottom-right-radius: 4px;
  3547. /* @alternate */
  3548. /* @noflip */
  3549. border-bottom-right-radius: var(--mdc-shape-small, 4px);
  3550. /* @noflip */
  3551. border-bottom-left-radius: 0;
  3552. }
  3553. [dir=rtl] .mdc-select--outlined .mdc-notched-outline .mdc-notched-outline__trailing, .mdc-select--outlined .mdc-notched-outline .mdc-notched-outline__trailing[dir=rtl] {
  3554. /* @noflip */
  3555. border-top-left-radius: 4px;
  3556. /* @alternate */
  3557. /* @noflip */
  3558. border-top-left-radius: var(--mdc-shape-small, 4px);
  3559. /* @noflip */
  3560. border-top-right-radius: 0;
  3561. /* @noflip */
  3562. border-bottom-right-radius: 0;
  3563. /* @noflip */
  3564. border-bottom-left-radius: 4px;
  3565. /* @alternate */
  3566. /* @noflip */
  3567. border-bottom-left-radius: var(--mdc-shape-small, 4px);
  3568. }
  3569. @supports (top: max(0%)) {
  3570. .mdc-select--outlined .mdc-select__anchor {
  3571. /* @noflip */
  3572. padding-left: max(16px, calc(var(--mdc-shape-small, 4px) + 4px));
  3573. }
  3574. }
  3575. [dir=rtl] .mdc-select--outlined .mdc-select__anchor, .mdc-select--outlined .mdc-select__anchor[dir=rtl] {
  3576. /* @noflip */
  3577. padding-left: 0;
  3578. }
  3579. @supports (top: max(0%)) {
  3580. [dir=rtl] .mdc-select--outlined .mdc-select__anchor, .mdc-select--outlined .mdc-select__anchor[dir=rtl] {
  3581. /* @noflip */
  3582. padding-right: max(16px, calc(var(--mdc-shape-small, 4px) + 4px));
  3583. }
  3584. }
  3585. @supports (top: max(0%)) {
  3586. .mdc-select--outlined + .mdc-select-helper-text {
  3587. /* @noflip */
  3588. margin-left: max(16px, calc(var(--mdc-shape-small, 4px) + 4px));
  3589. }
  3590. }
  3591. [dir=rtl] .mdc-select--outlined + .mdc-select-helper-text, .mdc-select--outlined + .mdc-select-helper-text[dir=rtl] {
  3592. /* @noflip */
  3593. margin-left: 0;
  3594. }
  3595. @supports (top: max(0%)) {
  3596. [dir=rtl] .mdc-select--outlined + .mdc-select-helper-text, .mdc-select--outlined + .mdc-select-helper-text[dir=rtl] {
  3597. /* @noflip */
  3598. margin-right: max(16px, calc(var(--mdc-shape-small, 4px) + 4px));
  3599. }
  3600. }
  3601. .mdc-select--outlined:not(.mdc-select--disabled) .mdc-select__anchor {
  3602. background-color: transparent;
  3603. }
  3604. .mdc-select--outlined.mdc-select--disabled .mdc-select__anchor {
  3605. background-color: transparent;
  3606. }
  3607. .mdc-select--outlined:not(.mdc-select--disabled) .mdc-notched-outline__leading,
  3608. .mdc-select--outlined:not(.mdc-select--disabled) .mdc-notched-outline__notch,
  3609. .mdc-select--outlined:not(.mdc-select--disabled) .mdc-notched-outline__trailing {
  3610. border-color: rgba(0, 0, 0, 0.38);
  3611. }
  3612. .mdc-select--outlined:not(.mdc-select--disabled):not(.mdc-select--focused) .mdc-select__anchor:hover .mdc-notched-outline .mdc-notched-outline__leading,
  3613. .mdc-select--outlined:not(.mdc-select--disabled):not(.mdc-select--focused) .mdc-select__anchor:hover .mdc-notched-outline .mdc-notched-outline__notch,
  3614. .mdc-select--outlined:not(.mdc-select--disabled):not(.mdc-select--focused) .mdc-select__anchor:hover .mdc-notched-outline .mdc-notched-outline__trailing {
  3615. border-color: rgba(0, 0, 0, 0.87);
  3616. }
  3617. .mdc-select--outlined:not(.mdc-select--disabled).mdc-select--focused .mdc-notched-outline .mdc-notched-outline__leading,
  3618. .mdc-select--outlined:not(.mdc-select--disabled).mdc-select--focused .mdc-notched-outline .mdc-notched-outline__notch,
  3619. .mdc-select--outlined:not(.mdc-select--disabled).mdc-select--focused .mdc-notched-outline .mdc-notched-outline__trailing {
  3620. border-width: 2px;
  3621. }
  3622. .mdc-select--outlined:not(.mdc-select--disabled).mdc-select--focused .mdc-notched-outline .mdc-notched-outline__leading,
  3623. .mdc-select--outlined:not(.mdc-select--disabled).mdc-select--focused .mdc-notched-outline .mdc-notched-outline__notch,
  3624. .mdc-select--outlined:not(.mdc-select--disabled).mdc-select--focused .mdc-notched-outline .mdc-notched-outline__trailing {
  3625. border-color: #6200ee;
  3626. /* @alternate */
  3627. border-color: var(--mdc-theme-primary, #6200ee);
  3628. }
  3629. .mdc-select--outlined.mdc-select--disabled .mdc-notched-outline__leading,
  3630. .mdc-select--outlined.mdc-select--disabled .mdc-notched-outline__notch,
  3631. .mdc-select--outlined.mdc-select--disabled .mdc-notched-outline__trailing {
  3632. border-color: rgba(0, 0, 0, 0.06);
  3633. }
  3634. .mdc-select--outlined .mdc-select__anchor :not(.mdc-notched-outline--notched) .mdc-notched-outline__notch {
  3635. max-width: calc(100% - 60px);
  3636. }
  3637. .mdc-select--outlined .mdc-select__anchor {
  3638. display: flex;
  3639. align-items: baseline;
  3640. overflow: visible;
  3641. }
  3642. .mdc-select--outlined .mdc-select__anchor .mdc-floating-label--shake {
  3643. -webkit-animation: mdc-floating-label-shake-float-above-select-outlined 250ms 1;
  3644. animation: mdc-floating-label-shake-float-above-select-outlined 250ms 1;
  3645. }
  3646. .mdc-select--outlined .mdc-select__anchor .mdc-floating-label--float-above {
  3647. -webkit-transform: translateY(-37.25px) scale(1);
  3648. transform: translateY(-37.25px) scale(1);
  3649. }
  3650. .mdc-select--outlined .mdc-select__anchor .mdc-floating-label--float-above {
  3651. font-size: 0.75rem;
  3652. }
  3653. .mdc-select--outlined .mdc-select__anchor.mdc-notched-outline--upgraded .mdc-floating-label--float-above,
  3654. .mdc-select--outlined .mdc-select__anchor .mdc-notched-outline--upgraded .mdc-floating-label--float-above {
  3655. -webkit-transform: translateY(-34.75px) scale(0.75);
  3656. transform: translateY(-34.75px) scale(0.75);
  3657. }
  3658. .mdc-select--outlined .mdc-select__anchor.mdc-notched-outline--upgraded .mdc-floating-label--float-above,
  3659. .mdc-select--outlined .mdc-select__anchor .mdc-notched-outline--upgraded .mdc-floating-label--float-above {
  3660. font-size: 1rem;
  3661. }
  3662. .mdc-select--outlined .mdc-select__anchor .mdc-notched-outline--notched .mdc-notched-outline__notch {
  3663. padding-top: 1px;
  3664. }
  3665. .mdc-select--outlined .mdc-select__anchor .mdc-select__selected-text::before {
  3666. content: "​";
  3667. }
  3668. .mdc-select--outlined .mdc-select__anchor .mdc-select__selected-text-container {
  3669. height: 100%;
  3670. display: inline-flex;
  3671. align-items: center;
  3672. }
  3673. .mdc-select--outlined .mdc-select__anchor::before {
  3674. display: none;
  3675. }
  3676. .mdc-select--outlined .mdc-select__selected-text-container {
  3677. display: flex;
  3678. border: none;
  3679. z-index: 1;
  3680. background-color: transparent;
  3681. }
  3682. .mdc-select--outlined .mdc-select__icon {
  3683. z-index: 2;
  3684. }
  3685. .mdc-select--outlined .mdc-floating-label {
  3686. line-height: 1.15rem;
  3687. /* @noflip */
  3688. left: 4px;
  3689. /* @noflip */
  3690. right: initial;
  3691. }
  3692. [dir=rtl] .mdc-select--outlined .mdc-floating-label, .mdc-select--outlined .mdc-floating-label[dir=rtl] {
  3693. /* @noflip */
  3694. left: initial;
  3695. /* @noflip */
  3696. right: 4px;
  3697. }
  3698. .mdc-select--outlined.mdc-select--focused .mdc-notched-outline--notched .mdc-notched-outline__notch {
  3699. padding-top: 2px;
  3700. }
  3701. .mdc-select--outlined.mdc-select--invalid:not(.mdc-select--disabled) .mdc-notched-outline__leading,
  3702. .mdc-select--outlined.mdc-select--invalid:not(.mdc-select--disabled) .mdc-notched-outline__notch,
  3703. .mdc-select--outlined.mdc-select--invalid:not(.mdc-select--disabled) .mdc-notched-outline__trailing {
  3704. border-color: #b00020;
  3705. /* @alternate */
  3706. border-color: var(--mdc-theme-error, #b00020);
  3707. }
  3708. .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,
  3709. .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,
  3710. .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 {
  3711. border-color: #b00020;
  3712. /* @alternate */
  3713. border-color: var(--mdc-theme-error, #b00020);
  3714. }
  3715. .mdc-select--outlined.mdc-select--invalid:not(.mdc-select--disabled).mdc-select--focused .mdc-notched-outline .mdc-notched-outline__leading,
  3716. .mdc-select--outlined.mdc-select--invalid:not(.mdc-select--disabled).mdc-select--focused .mdc-notched-outline .mdc-notched-outline__notch,
  3717. .mdc-select--outlined.mdc-select--invalid:not(.mdc-select--disabled).mdc-select--focused .mdc-notched-outline .mdc-notched-outline__trailing {
  3718. border-width: 2px;
  3719. }
  3720. .mdc-select--outlined.mdc-select--invalid:not(.mdc-select--disabled).mdc-select--focused .mdc-notched-outline .mdc-notched-outline__leading,
  3721. .mdc-select--outlined.mdc-select--invalid:not(.mdc-select--disabled).mdc-select--focused .mdc-notched-outline .mdc-notched-outline__notch,
  3722. .mdc-select--outlined.mdc-select--invalid:not(.mdc-select--disabled).mdc-select--focused .mdc-notched-outline .mdc-notched-outline__trailing {
  3723. border-color: #b00020;
  3724. /* @alternate */
  3725. border-color: var(--mdc-theme-error, #b00020);
  3726. }
  3727. .mdc-select--outlined.mdc-select--with-leading-icon .mdc-floating-label {
  3728. /* @noflip */
  3729. left: 36px;
  3730. /* @noflip */
  3731. right: initial;
  3732. }
  3733. [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] {
  3734. /* @noflip */
  3735. left: initial;
  3736. /* @noflip */
  3737. right: 36px;
  3738. }
  3739. .mdc-select--outlined.mdc-select--with-leading-icon .mdc-floating-label--float-above {
  3740. -webkit-transform: translateY(-37.25px) translateX(-32px) scale(1);
  3741. transform: translateY(-37.25px) translateX(-32px) scale(1);
  3742. }
  3743. [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] {
  3744. -webkit-transform: translateY(-37.25px) translateX(32px) scale(1);
  3745. transform: translateY(-37.25px) translateX(32px) scale(1);
  3746. }
  3747. .mdc-select--outlined.mdc-select--with-leading-icon .mdc-floating-label--float-above {
  3748. font-size: 0.75rem;
  3749. }
  3750. .mdc-select--outlined.mdc-select--with-leading-icon.mdc-notched-outline--upgraded .mdc-floating-label--float-above,
  3751. .mdc-select--outlined.mdc-select--with-leading-icon .mdc-notched-outline--upgraded .mdc-floating-label--float-above {
  3752. -webkit-transform: translateY(-34.75px) translateX(-32px) scale(0.75);
  3753. transform: translateY(-34.75px) translateX(-32px) scale(0.75);
  3754. }
  3755. [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],
  3756. [dir=rtl] .mdc-select--outlined.mdc-select--with-leading-icon .mdc-notched-outline--upgraded .mdc-floating-label--float-above,
  3757. .mdc-select--outlined.mdc-select--with-leading-icon .mdc-notched-outline--upgraded .mdc-floating-label--float-above[dir=rtl] {
  3758. -webkit-transform: translateY(-34.75px) translateX(32px) scale(0.75);
  3759. transform: translateY(-34.75px) translateX(32px) scale(0.75);
  3760. }
  3761. .mdc-select--outlined.mdc-select--with-leading-icon.mdc-notched-outline--upgraded .mdc-floating-label--float-above,
  3762. .mdc-select--outlined.mdc-select--with-leading-icon .mdc-notched-outline--upgraded .mdc-floating-label--float-above {
  3763. font-size: 1rem;
  3764. }
  3765. .mdc-select--outlined.mdc-select--with-leading-icon .mdc-floating-label--shake {
  3766. -webkit-animation: mdc-floating-label-shake-float-above-select-outlined-leading-icon-56px 250ms 1;
  3767. animation: mdc-floating-label-shake-float-above-select-outlined-leading-icon-56px 250ms 1;
  3768. }
  3769. @-webkit-keyframes mdc-floating-label-shake-float-above-select-outlined-leading-icon-56px {
  3770. 0% {
  3771. -webkit-transform: translateX(calc(0 - 32px)) translateY(-34.75px) scale(0.75);
  3772. transform: translateX(calc(0 - 32px)) translateY(-34.75px) scale(0.75);
  3773. }
  3774. 33% {
  3775. -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);
  3776. animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);
  3777. -webkit-transform: translateX(calc(4% - 32px)) translateY(-34.75px) scale(0.75);
  3778. transform: translateX(calc(4% - 32px)) translateY(-34.75px) scale(0.75);
  3779. }
  3780. 66% {
  3781. -webkit-animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
  3782. animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
  3783. -webkit-transform: translateX(calc(-4% - 32px)) translateY(-34.75px) scale(0.75);
  3784. transform: translateX(calc(-4% - 32px)) translateY(-34.75px) scale(0.75);
  3785. }
  3786. 100% {
  3787. -webkit-transform: translateX(calc(0 - 32px)) translateY(-34.75px) scale(0.75);
  3788. transform: translateX(calc(0 - 32px)) translateY(-34.75px) scale(0.75);
  3789. }
  3790. }
  3791. @keyframes mdc-floating-label-shake-float-above-select-outlined-leading-icon-56px {
  3792. 0% {
  3793. -webkit-transform: translateX(calc(0 - 32px)) translateY(-34.75px) scale(0.75);
  3794. transform: translateX(calc(0 - 32px)) translateY(-34.75px) scale(0.75);
  3795. }
  3796. 33% {
  3797. -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);
  3798. animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);
  3799. -webkit-transform: translateX(calc(4% - 32px)) translateY(-34.75px) scale(0.75);
  3800. transform: translateX(calc(4% - 32px)) translateY(-34.75px) scale(0.75);
  3801. }
  3802. 66% {
  3803. -webkit-animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
  3804. animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
  3805. -webkit-transform: translateX(calc(-4% - 32px)) translateY(-34.75px) scale(0.75);
  3806. transform: translateX(calc(-4% - 32px)) translateY(-34.75px) scale(0.75);
  3807. }
  3808. 100% {
  3809. -webkit-transform: translateX(calc(0 - 32px)) translateY(-34.75px) scale(0.75);
  3810. transform: translateX(calc(0 - 32px)) translateY(-34.75px) scale(0.75);
  3811. }
  3812. }
  3813. [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 {
  3814. -webkit-animation: mdc-floating-label-shake-float-above-select-outlined-leading-icon-56px 250ms 1;
  3815. animation: mdc-floating-label-shake-float-above-select-outlined-leading-icon-56px 250ms 1;
  3816. }
  3817. @-webkit-keyframes mdc-floating-label-shake-float-above-select-outlined-leading-icon-56px-rtl {
  3818. 0% {
  3819. -webkit-transform: translateX(calc(0 - -32px)) translateY(-34.75px) scale(0.75);
  3820. transform: translateX(calc(0 - -32px)) translateY(-34.75px) scale(0.75);
  3821. }
  3822. 33% {
  3823. -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);
  3824. animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);
  3825. -webkit-transform: translateX(calc(4% - -32px)) translateY(-34.75px) scale(0.75);
  3826. transform: translateX(calc(4% - -32px)) translateY(-34.75px) scale(0.75);
  3827. }
  3828. 66% {
  3829. -webkit-animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
  3830. animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
  3831. -webkit-transform: translateX(calc(-4% - -32px)) translateY(-34.75px) scale(0.75);
  3832. transform: translateX(calc(-4% - -32px)) translateY(-34.75px) scale(0.75);
  3833. }
  3834. 100% {
  3835. -webkit-transform: translateX(calc(0 - -32px)) translateY(-34.75px) scale(0.75);
  3836. transform: translateX(calc(0 - -32px)) translateY(-34.75px) scale(0.75);
  3837. }
  3838. }
  3839. @keyframes mdc-floating-label-shake-float-above-select-outlined-leading-icon-56px-rtl {
  3840. 0% {
  3841. -webkit-transform: translateX(calc(0 - -32px)) translateY(-34.75px) scale(0.75);
  3842. transform: translateX(calc(0 - -32px)) translateY(-34.75px) scale(0.75);
  3843. }
  3844. 33% {
  3845. -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);
  3846. animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);
  3847. -webkit-transform: translateX(calc(4% - -32px)) translateY(-34.75px) scale(0.75);
  3848. transform: translateX(calc(4% - -32px)) translateY(-34.75px) scale(0.75);
  3849. }
  3850. 66% {
  3851. -webkit-animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
  3852. animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
  3853. -webkit-transform: translateX(calc(-4% - -32px)) translateY(-34.75px) scale(0.75);
  3854. transform: translateX(calc(-4% - -32px)) translateY(-34.75px) scale(0.75);
  3855. }
  3856. 100% {
  3857. -webkit-transform: translateX(calc(0 - -32px)) translateY(-34.75px) scale(0.75);
  3858. transform: translateX(calc(0 - -32px)) translateY(-34.75px) scale(0.75);
  3859. }
  3860. }
  3861. .mdc-select--outlined.mdc-select--with-leading-icon .mdc-select__anchor :not(.mdc-notched-outline--notched) .mdc-notched-outline__notch {
  3862. max-width: calc(100% - 96px);
  3863. }
  3864. .mdc-select--outlined .mdc-menu-surface {
  3865. margin-bottom: 8px;
  3866. }
  3867. .mdc-select--outlined.mdc-select--no-label .mdc-menu-surface,
  3868. .mdc-select--outlined .mdc-menu-surface--is-open-below {
  3869. margin-bottom: 0;
  3870. }
  3871. .mdc-select__anchor {
  3872. --mdc-ripple-fg-size: 0;
  3873. --mdc-ripple-left: 0;
  3874. --mdc-ripple-top: 0;
  3875. --mdc-ripple-fg-scale: 1;
  3876. --mdc-ripple-fg-translate-end: 0;
  3877. --mdc-ripple-fg-translate-start: 0;
  3878. -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  3879. will-change: transform, opacity;
  3880. }
  3881. .mdc-select__anchor .mdc-select__ripple::before,
  3882. .mdc-select__anchor .mdc-select__ripple::after {
  3883. position: absolute;
  3884. border-radius: 50%;
  3885. opacity: 0;
  3886. pointer-events: none;
  3887. content: "";
  3888. }
  3889. .mdc-select__anchor .mdc-select__ripple::before {
  3890. transition: opacity 15ms linear, background-color 15ms linear;
  3891. z-index: 1;
  3892. /* @alternate */
  3893. z-index: var(--mdc-ripple-z-index, 1);
  3894. }
  3895. .mdc-select__anchor .mdc-select__ripple::after {
  3896. z-index: 0;
  3897. /* @alternate */
  3898. z-index: var(--mdc-ripple-z-index, 0);
  3899. }
  3900. .mdc-select__anchor.mdc-ripple-upgraded .mdc-select__ripple::before {
  3901. -webkit-transform: scale(var(--mdc-ripple-fg-scale, 1));
  3902. transform: scale(var(--mdc-ripple-fg-scale, 1));
  3903. }
  3904. .mdc-select__anchor.mdc-ripple-upgraded .mdc-select__ripple::after {
  3905. top: 0;
  3906. /* @noflip */
  3907. left: 0;
  3908. -webkit-transform: scale(0);
  3909. transform: scale(0);
  3910. -webkit-transform-origin: center center;
  3911. transform-origin: center center;
  3912. }
  3913. .mdc-select__anchor.mdc-ripple-upgraded--unbounded .mdc-select__ripple::after {
  3914. top: var(--mdc-ripple-top, 0);
  3915. /* @noflip */
  3916. left: var(--mdc-ripple-left, 0);
  3917. }
  3918. .mdc-select__anchor.mdc-ripple-upgraded--foreground-activation .mdc-select__ripple::after {
  3919. -webkit-animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards;
  3920. animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards;
  3921. }
  3922. .mdc-select__anchor.mdc-ripple-upgraded--foreground-deactivation .mdc-select__ripple::after {
  3923. -webkit-animation: mdc-ripple-fg-opacity-out 150ms;
  3924. animation: mdc-ripple-fg-opacity-out 150ms;
  3925. -webkit-transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
  3926. transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
  3927. }
  3928. .mdc-select__anchor .mdc-select__ripple::before,
  3929. .mdc-select__anchor .mdc-select__ripple::after {
  3930. top: calc(50% - 100%);
  3931. /* @noflip */
  3932. left: calc(50% - 100%);
  3933. width: 200%;
  3934. height: 200%;
  3935. }
  3936. .mdc-select__anchor.mdc-ripple-upgraded .mdc-select__ripple::after {
  3937. width: var(--mdc-ripple-fg-size, 100%);
  3938. height: var(--mdc-ripple-fg-size, 100%);
  3939. }
  3940. .mdc-select__anchor .mdc-select__ripple::before,
  3941. .mdc-select__anchor .mdc-select__ripple::after {
  3942. background-color: rgba(0, 0, 0, 0.87);
  3943. /* @alternate */
  3944. background-color: var(--mdc-ripple-color, rgba(0, 0, 0, 0.87));
  3945. }
  3946. .mdc-select__anchor:hover .mdc-select__ripple::before, .mdc-select__anchor.mdc-ripple-surface--hover .mdc-select__ripple::before {
  3947. opacity: 0.04;
  3948. /* @alternate */
  3949. opacity: var(--mdc-ripple-hover-opacity, 0.04);
  3950. }
  3951. .mdc-select__anchor.mdc-ripple-upgraded--background-focused .mdc-select__ripple::before, .mdc-select__anchor:not(.mdc-ripple-upgraded):focus .mdc-select__ripple::before {
  3952. transition-duration: 75ms;
  3953. opacity: 0.12;
  3954. /* @alternate */
  3955. opacity: var(--mdc-ripple-focus-opacity, 0.12);
  3956. }
  3957. .mdc-select__anchor .mdc-select__ripple {
  3958. position: absolute;
  3959. top: 0;
  3960. left: 0;
  3961. width: 100%;
  3962. height: 100%;
  3963. pointer-events: none;
  3964. }
  3965. .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 {
  3966. background-color: #000;
  3967. /* @alternate */
  3968. background-color: var(--mdc-ripple-color, var(--mdc-theme-on-surface, #000));
  3969. }
  3970. .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 {
  3971. opacity: 0.04;
  3972. /* @alternate */
  3973. opacity: var(--mdc-ripple-hover-opacity, 0.04);
  3974. }
  3975. .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 {
  3976. transition-duration: 75ms;
  3977. opacity: 0.12;
  3978. /* @alternate */
  3979. opacity: var(--mdc-ripple-focus-opacity, 0.12);
  3980. }
  3981. .mdc-select__menu .mdc-list .mdc-list-item--selected:not(.mdc-ripple-upgraded) .mdc-list-item__ripple::after {
  3982. transition: opacity 150ms linear;
  3983. }
  3984. .mdc-select__menu .mdc-list .mdc-list-item--selected:not(.mdc-ripple-upgraded):active .mdc-list-item__ripple::after {
  3985. transition-duration: 75ms;
  3986. opacity: 0.12;
  3987. /* @alternate */
  3988. opacity: var(--mdc-ripple-press-opacity, 0.12);
  3989. }
  3990. .mdc-select__menu .mdc-list .mdc-list-item--selected.mdc-ripple-upgraded {
  3991. --mdc-ripple-fg-opacity: var(--mdc-ripple-press-opacity, 0.12);
  3992. }
  3993. .mdc-select-helper-text {
  3994. margin: 0;
  3995. /* @noflip */
  3996. margin-left: 16px;
  3997. /* @noflip */
  3998. margin-right: 16px;
  3999. -moz-osx-font-smoothing: grayscale;
  4000. -webkit-font-smoothing: antialiased;
  4001. font-family: Roboto, sans-serif;
  4002. /* @alternate */
  4003. font-family: var(--mdc-typography-caption-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));
  4004. font-size: 0.75rem;
  4005. /* @alternate */
  4006. font-size: var(--mdc-typography-caption-font-size, 0.75rem);
  4007. line-height: 1.25rem;
  4008. /* @alternate */
  4009. line-height: var(--mdc-typography-caption-line-height, 1.25rem);
  4010. font-weight: 400;
  4011. /* @alternate */
  4012. font-weight: var(--mdc-typography-caption-font-weight, 400);
  4013. letter-spacing: 0.0333333333em;
  4014. /* @alternate */
  4015. letter-spacing: var(--mdc-typography-caption-letter-spacing, 0.0333333333em);
  4016. text-decoration: inherit;
  4017. /* @alternate */
  4018. -webkit-text-decoration: var(--mdc-typography-caption-text-decoration, inherit);
  4019. text-decoration: var(--mdc-typography-caption-text-decoration, inherit);
  4020. text-transform: inherit;
  4021. /* @alternate */
  4022. text-transform: var(--mdc-typography-caption-text-transform, inherit);
  4023. display: block;
  4024. margin-top: 0;
  4025. /* @alternate */
  4026. line-height: normal;
  4027. }
  4028. [dir=rtl] .mdc-select-helper-text, .mdc-select-helper-text[dir=rtl] {
  4029. /* @noflip */
  4030. margin-left: 16px;
  4031. /* @noflip */
  4032. margin-right: 16px;
  4033. }
  4034. .mdc-select-helper-text::before {
  4035. display: inline-block;
  4036. width: 0;
  4037. height: 16px;
  4038. content: "";
  4039. vertical-align: 0;
  4040. }
  4041. .mdc-select-helper-text--validation-msg {
  4042. opacity: 0;
  4043. transition: opacity 180ms cubic-bezier(0.4, 0, 0.2, 1);
  4044. }
  4045. .mdc-select--invalid + .mdc-select-helper-text--validation-msg,
  4046. .mdc-select-helper-text--validation-msg-persistent {
  4047. opacity: 1;
  4048. }
  4049. .mdc-select--with-leading-icon .mdc-select__icon {
  4050. display: inline-block;
  4051. box-sizing: border-box;
  4052. border: none;
  4053. text-decoration: none;
  4054. cursor: pointer;
  4055. -webkit-user-select: none;
  4056. -moz-user-select: none;
  4057. -ms-user-select: none;
  4058. user-select: none;
  4059. flex-shrink: 0;
  4060. align-self: center;
  4061. background-color: transparent;
  4062. fill: currentColor;
  4063. }
  4064. .mdc-select--with-leading-icon .mdc-select__icon {
  4065. /* @noflip */
  4066. margin-left: 12px;
  4067. /* @noflip */
  4068. margin-right: 12px;
  4069. }
  4070. [dir=rtl] .mdc-select--with-leading-icon .mdc-select__icon, .mdc-select--with-leading-icon .mdc-select__icon[dir=rtl] {
  4071. /* @noflip */
  4072. margin-left: 12px;
  4073. /* @noflip */
  4074. margin-right: 12px;
  4075. }
  4076. .mdc-select__icon:not([tabindex]),
  4077. .mdc-select__icon[tabindex="-1"] {
  4078. cursor: default;
  4079. pointer-events: none;
  4080. }
  4081. .mdc-data-table__content {
  4082. -moz-osx-font-smoothing: grayscale;
  4083. -webkit-font-smoothing: antialiased;
  4084. font-family: Roboto, sans-serif;
  4085. /* @alternate */
  4086. font-family: var(--mdc-typography-body2-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));
  4087. font-size: 0.875rem;
  4088. /* @alternate */
  4089. font-size: var(--mdc-typography-body2-font-size, 0.875rem);
  4090. line-height: 1.25rem;
  4091. /* @alternate */
  4092. line-height: var(--mdc-typography-body2-line-height, 1.25rem);
  4093. font-weight: 400;
  4094. /* @alternate */
  4095. font-weight: var(--mdc-typography-body2-font-weight, 400);
  4096. letter-spacing: 0.0178571429em;
  4097. /* @alternate */
  4098. letter-spacing: var(--mdc-typography-body2-letter-spacing, 0.0178571429em);
  4099. text-decoration: inherit;
  4100. /* @alternate */
  4101. -webkit-text-decoration: var(--mdc-typography-body2-text-decoration, inherit);
  4102. text-decoration: var(--mdc-typography-body2-text-decoration, inherit);
  4103. text-transform: inherit;
  4104. /* @alternate */
  4105. text-transform: var(--mdc-typography-body2-text-transform, inherit);
  4106. }
  4107. .mdc-data-table {
  4108. background-color: #fff;
  4109. /* @alternate */
  4110. background-color: var(--mdc-theme-surface, #fff);
  4111. border-radius: 4px;
  4112. /* @alternate */
  4113. border-radius: var(--mdc-shape-medium, 4px);
  4114. border-width: 1px;
  4115. border-style: solid;
  4116. border-color: rgba(0, 0, 0, 0.12);
  4117. -webkit-overflow-scrolling: touch;
  4118. display: inline-flex;
  4119. flex-direction: column;
  4120. box-sizing: border-box;
  4121. position: relative;
  4122. }
  4123. .mdc-data-table .mdc-data-table__header-cell:first-child {
  4124. border-top-left-radius: 4px;
  4125. /* @alternate */
  4126. border-top-left-radius: var(--mdc-shape-medium, 4px);
  4127. }
  4128. [dir=rtl] .mdc-data-table .mdc-data-table__header-cell:first-child, .mdc-data-table .mdc-data-table__header-cell:first-child[dir=rtl] {
  4129. border-top-right-radius: 4px;
  4130. /* @alternate */
  4131. border-top-right-radius: var(--mdc-shape-medium, 4px);
  4132. border-top-left-radius: 0;
  4133. }
  4134. .mdc-data-table .mdc-data-table__header-cell:last-child {
  4135. border-top-right-radius: 4px;
  4136. /* @alternate */
  4137. border-top-right-radius: var(--mdc-shape-medium, 4px);
  4138. }
  4139. [dir=rtl] .mdc-data-table .mdc-data-table__header-cell:last-child, .mdc-data-table .mdc-data-table__header-cell:last-child[dir=rtl] {
  4140. border-top-left-radius: 4px;
  4141. /* @alternate */
  4142. border-top-left-radius: var(--mdc-shape-medium, 4px);
  4143. border-top-right-radius: 0;
  4144. }
  4145. .mdc-data-table__row {
  4146. background-color: inherit;
  4147. }
  4148. .mdc-data-table__header-cell {
  4149. background-color: #fff;
  4150. /* @alternate */
  4151. background-color: var(--mdc-theme-surface, #fff);
  4152. }
  4153. .mdc-data-table__row--selected {
  4154. background-color: rgba(98, 0, 238, 0.04);
  4155. }
  4156. .mdc-data-table__header-cell:after {
  4157. border-bottom-color: rgba(0, 0, 0, 0.12);
  4158. }
  4159. .mdc-data-table__pagination-rows-per-page-select:not(.mdc-select--disabled) .mdc-notched-outline__leading,
  4160. .mdc-data-table__pagination-rows-per-page-select:not(.mdc-select--disabled) .mdc-notched-outline__notch,
  4161. .mdc-data-table__pagination-rows-per-page-select:not(.mdc-select--disabled) .mdc-notched-outline__trailing {
  4162. border-color: rgba(0, 0, 0, 0.12);
  4163. }
  4164. .mdc-data-table__row,
  4165. .mdc-data-table__pagination {
  4166. border-top-color: rgba(0, 0, 0, 0.12);
  4167. }
  4168. .mdc-data-table__header-cell:after {
  4169. border-bottom-style: solid;
  4170. border-bottom-width: 1px;
  4171. }
  4172. .mdc-data-table__row,
  4173. .mdc-data-table__pagination {
  4174. border-top-width: 1px;
  4175. border-top-style: solid;
  4176. }
  4177. .mdc-data-table__row:not(.mdc-data-table__row--selected):hover {
  4178. background-color: rgba(0, 0, 0, 0.04);
  4179. }
  4180. .mdc-data-table__header-cell {
  4181. color: rgba(0, 0, 0, 0.87);
  4182. }
  4183. .mdc-data-table__pagination-total,
  4184. .mdc-data-table__pagination-rows-per-page-label,
  4185. .mdc-data-table__cell {
  4186. color: rgba(0, 0, 0, 0.87);
  4187. }
  4188. .mdc-data-table__cell {
  4189. height: 52px;
  4190. }
  4191. .mdc-data-table__pagination {
  4192. min-height: 52px;
  4193. }
  4194. .mdc-data-table__header-cell {
  4195. height: 56px;
  4196. }
  4197. .mdc-data-table__cell,
  4198. .mdc-data-table__header-cell {
  4199. padding-right: 16px;
  4200. padding-left: 16px;
  4201. }
  4202. .mdc-data-table__header-cell--checkbox,
  4203. .mdc-data-table__cell--checkbox {
  4204. /* @noflip */
  4205. padding-left: 4px;
  4206. /* @noflip */
  4207. padding-right: 0;
  4208. }
  4209. [dir=rtl] .mdc-data-table__header-cell--checkbox, .mdc-data-table__header-cell--checkbox[dir=rtl],
  4210. [dir=rtl] .mdc-data-table__cell--checkbox,
  4211. .mdc-data-table__cell--checkbox[dir=rtl] {
  4212. /* @noflip */
  4213. padding-left: 0;
  4214. /* @noflip */
  4215. padding-right: 4px;
  4216. }
  4217. .mdc-data-table__sort-icon-button {
  4218. color: rgba(0, 0, 0, 0.6);
  4219. }
  4220. .mdc-data-table__sort-icon-button::before, .mdc-data-table__sort-icon-button::after {
  4221. background-color: rgba(0, 0, 0, 0.6);
  4222. /* @alternate */
  4223. background-color: var(--mdc-ripple-color, rgba(0, 0, 0, 0.6));
  4224. }
  4225. .mdc-data-table__sort-icon-button:hover::before, .mdc-data-table__sort-icon-button.mdc-ripple-surface--hover::before {
  4226. opacity: 0.04;
  4227. /* @alternate */
  4228. opacity: var(--mdc-ripple-hover-opacity, 0.04);
  4229. }
  4230. .mdc-data-table__sort-icon-button.mdc-ripple-upgraded--background-focused::before, .mdc-data-table__sort-icon-button:not(.mdc-ripple-upgraded):focus::before {
  4231. transition-duration: 75ms;
  4232. opacity: 0.12;
  4233. /* @alternate */
  4234. opacity: var(--mdc-ripple-focus-opacity, 0.12);
  4235. }
  4236. .mdc-data-table__sort-icon-button:not(.mdc-ripple-upgraded)::after {
  4237. transition: opacity 150ms linear;
  4238. }
  4239. .mdc-data-table__sort-icon-button:not(.mdc-ripple-upgraded):active::after {
  4240. transition-duration: 75ms;
  4241. opacity: 0.12;
  4242. /* @alternate */
  4243. opacity: var(--mdc-ripple-press-opacity, 0.12);
  4244. }
  4245. .mdc-data-table__sort-icon-button.mdc-ripple-upgraded {
  4246. --mdc-ripple-fg-opacity: var(--mdc-ripple-press-opacity, 0.12);
  4247. }
  4248. .mdc-data-table__header-cell--sorted .mdc-data-table__sort-icon-button {
  4249. color: rgba(0, 0, 0, 0.87);
  4250. }
  4251. .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 {
  4252. background-color: rgba(0, 0, 0, 0.87);
  4253. /* @alternate */
  4254. background-color: var(--mdc-ripple-color, rgba(0, 0, 0, 0.87));
  4255. }
  4256. .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 {
  4257. opacity: 0.04;
  4258. /* @alternate */
  4259. opacity: var(--mdc-ripple-hover-opacity, 0.04);
  4260. }
  4261. .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 {
  4262. transition-duration: 75ms;
  4263. opacity: 0.12;
  4264. /* @alternate */
  4265. opacity: var(--mdc-ripple-focus-opacity, 0.12);
  4266. }
  4267. .mdc-data-table__header-cell--sorted .mdc-data-table__sort-icon-button:not(.mdc-ripple-upgraded)::after {
  4268. transition: opacity 150ms linear;
  4269. }
  4270. .mdc-data-table__header-cell--sorted .mdc-data-table__sort-icon-button:not(.mdc-ripple-upgraded):active::after {
  4271. transition-duration: 75ms;
  4272. opacity: 0.12;
  4273. /* @alternate */
  4274. opacity: var(--mdc-ripple-press-opacity, 0.12);
  4275. }
  4276. .mdc-data-table__header-cell--sorted .mdc-data-table__sort-icon-button.mdc-ripple-upgraded {
  4277. --mdc-ripple-fg-opacity: var(--mdc-ripple-press-opacity, 0.12);
  4278. }
  4279. .mdc-data-table__table-container {
  4280. -webkit-overflow-scrolling: touch;
  4281. overflow-x: auto;
  4282. width: 100%;
  4283. }
  4284. .mdc-data-table__table {
  4285. min-width: 100%;
  4286. border: 0;
  4287. white-space: nowrap;
  4288. border-collapse: collapse;
  4289. /**
  4290. * With table-layout:fixed, table and column widths are defined by the width
  4291. * of the first row of cells. Cells in subsequent rows do not affect column
  4292. * widths. This results in a predictable table layout and may also speed up
  4293. * rendering.
  4294. */
  4295. table-layout: fixed;
  4296. }
  4297. .mdc-data-table__cell {
  4298. -moz-osx-font-smoothing: grayscale;
  4299. -webkit-font-smoothing: antialiased;
  4300. font-family: Roboto, sans-serif;
  4301. /* @alternate */
  4302. font-family: var(--mdc-typography-body2-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));
  4303. font-size: 0.875rem;
  4304. /* @alternate */
  4305. font-size: var(--mdc-typography-body2-font-size, 0.875rem);
  4306. line-height: 1.25rem;
  4307. /* @alternate */
  4308. line-height: var(--mdc-typography-body2-line-height, 1.25rem);
  4309. font-weight: 400;
  4310. /* @alternate */
  4311. font-weight: var(--mdc-typography-body2-font-weight, 400);
  4312. letter-spacing: 0.0178571429em;
  4313. /* @alternate */
  4314. letter-spacing: var(--mdc-typography-body2-letter-spacing, 0.0178571429em);
  4315. text-decoration: inherit;
  4316. /* @alternate */
  4317. -webkit-text-decoration: var(--mdc-typography-body2-text-decoration, inherit);
  4318. text-decoration: var(--mdc-typography-body2-text-decoration, inherit);
  4319. text-transform: inherit;
  4320. /* @alternate */
  4321. text-transform: var(--mdc-typography-body2-text-transform, inherit);
  4322. box-sizing: border-box;
  4323. overflow: hidden;
  4324. text-align: left;
  4325. text-overflow: ellipsis;
  4326. }
  4327. [dir=rtl] .mdc-data-table__cell, .mdc-data-table__cell[dir=rtl] {
  4328. /* @noflip */
  4329. text-align: right;
  4330. }
  4331. .mdc-data-table__cell--numeric {
  4332. text-align: right;
  4333. }
  4334. [dir=rtl] .mdc-data-table__cell--numeric, .mdc-data-table__cell--numeric[dir=rtl] {
  4335. /* @noflip */
  4336. text-align: left;
  4337. }
  4338. .mdc-data-table__cell--checkbox {
  4339. width: 1px;
  4340. }
  4341. .mdc-data-table__header-cell {
  4342. -moz-osx-font-smoothing: grayscale;
  4343. -webkit-font-smoothing: antialiased;
  4344. font-family: Roboto, sans-serif;
  4345. /* @alternate */
  4346. font-family: var(--mdc-typography-subtitle2-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));
  4347. font-size: 0.875rem;
  4348. /* @alternate */
  4349. font-size: var(--mdc-typography-subtitle2-font-size, 0.875rem);
  4350. line-height: 1.375rem;
  4351. /* @alternate */
  4352. line-height: var(--mdc-typography-subtitle2-line-height, 1.375rem);
  4353. font-weight: 500;
  4354. /* @alternate */
  4355. font-weight: var(--mdc-typography-subtitle2-font-weight, 500);
  4356. letter-spacing: 0.0071428571em;
  4357. /* @alternate */
  4358. letter-spacing: var(--mdc-typography-subtitle2-letter-spacing, 0.0071428571em);
  4359. text-decoration: inherit;
  4360. /* @alternate */
  4361. -webkit-text-decoration: var(--mdc-typography-subtitle2-text-decoration, inherit);
  4362. text-decoration: var(--mdc-typography-subtitle2-text-decoration, inherit);
  4363. text-transform: inherit;
  4364. /* @alternate */
  4365. text-transform: var(--mdc-typography-subtitle2-text-transform, inherit);
  4366. box-sizing: border-box;
  4367. text-overflow: ellipsis;
  4368. overflow: hidden;
  4369. outline: none;
  4370. /* @noflip */
  4371. text-align: left;
  4372. }
  4373. [dir=rtl] .mdc-data-table__header-cell, .mdc-data-table__header-cell[dir=rtl] {
  4374. /* @noflip */
  4375. text-align: right;
  4376. }
  4377. .mdc-data-table__header-cell--checkbox {
  4378. width: 1px;
  4379. }
  4380. .mdc-data-table__header-cell--numeric {
  4381. text-align: right;
  4382. }
  4383. [dir=rtl] .mdc-data-table__header-cell--numeric, .mdc-data-table__header-cell--numeric[dir=rtl] {
  4384. /* @noflip */
  4385. text-align: left;
  4386. }
  4387. .mdc-data-table__sort-icon-button {
  4388. width: 28px;
  4389. height: 28px;
  4390. padding: 2px;
  4391. -webkit-transform: rotate(0.0001deg);
  4392. transform: rotate(0.0001deg);
  4393. /* @noflip */
  4394. margin-left: 4px;
  4395. /* @noflip */
  4396. margin-right: 0;
  4397. transition: -webkit-transform 150ms 0ms cubic-bezier(0.4, 0, 0.2, 1);
  4398. transition: transform 150ms 0ms cubic-bezier(0.4, 0, 0.2, 1);
  4399. transition: transform 150ms 0ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 150ms 0ms cubic-bezier(0.4, 0, 0.2, 1);
  4400. opacity: 0;
  4401. }
  4402. [dir=rtl] .mdc-data-table__sort-icon-button, .mdc-data-table__sort-icon-button[dir=rtl] {
  4403. /* @noflip */
  4404. margin-left: 0;
  4405. /* @noflip */
  4406. margin-right: 4px;
  4407. }
  4408. .mdc-data-table__header-cell--numeric .mdc-data-table__sort-icon-button {
  4409. /* @noflip */
  4410. margin-left: 0;
  4411. /* @noflip */
  4412. margin-right: 4px;
  4413. }
  4414. [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] {
  4415. /* @noflip */
  4416. margin-left: 4px;
  4417. /* @noflip */
  4418. margin-right: 0;
  4419. }
  4420. .mdc-data-table__header-cell--sorted-descending .mdc-data-table__sort-icon-button {
  4421. -webkit-transform: rotate(-180deg);
  4422. transform: rotate(-180deg);
  4423. }
  4424. .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 {
  4425. opacity: 1;
  4426. }
  4427. .mdc-data-table__header-cell-wrapper {
  4428. align-items: center;
  4429. display: inline-flex;
  4430. vertical-align: middle;
  4431. }
  4432. .mdc-data-table__header-cell--with-sort {
  4433. cursor: pointer;
  4434. }
  4435. .mdc-data-table__sort-status-label {
  4436. clip: rect(1px, 1px, 1px, 1px);
  4437. height: 1px;
  4438. overflow: hidden;
  4439. position: absolute;
  4440. white-space: nowrap;
  4441. /* added line */
  4442. width: 1px;
  4443. }
  4444. .mdc-data-table__progress-indicator {
  4445. display: none;
  4446. position: absolute;
  4447. width: 100%;
  4448. }
  4449. .mdc-data-table--in-progress .mdc-data-table__progress-indicator {
  4450. display: block;
  4451. }
  4452. .mdc-data-table__scrim {
  4453. background-color: #fff;
  4454. /* @alternate */
  4455. background-color: var(--mdc-theme-surface, #fff);
  4456. height: 100%;
  4457. opacity: 0.32;
  4458. position: absolute;
  4459. top: 0;
  4460. width: 100%;
  4461. }
  4462. .mdc-data-table--sticky-header .mdc-data-table__header-cell {
  4463. position: -webkit-sticky;
  4464. position: sticky;
  4465. top: 0;
  4466. z-index: 1;
  4467. }
  4468. .mdc-data-table--sticky-header .mdc-data-table__header-cell:after {
  4469. bottom: 0;
  4470. content: "";
  4471. left: 0;
  4472. position: absolute;
  4473. width: 100%;
  4474. }
  4475. .mdc-data-table--sticky-header .mdc-data-table__row:first-child {
  4476. border-top: 0;
  4477. }
  4478. .mdc-data-table__pagination {
  4479. -moz-osx-font-smoothing: grayscale;
  4480. -webkit-font-smoothing: antialiased;
  4481. font-family: Roboto, sans-serif;
  4482. /* @alternate */
  4483. font-family: var(--mdc-typography-body2-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));
  4484. font-size: 0.875rem;
  4485. /* @alternate */
  4486. font-size: var(--mdc-typography-body2-font-size, 0.875rem);
  4487. line-height: 1.25rem;
  4488. /* @alternate */
  4489. line-height: var(--mdc-typography-body2-line-height, 1.25rem);
  4490. font-weight: 400;
  4491. /* @alternate */
  4492. font-weight: var(--mdc-typography-body2-font-weight, 400);
  4493. letter-spacing: 0.0178571429em;
  4494. /* @alternate */
  4495. letter-spacing: var(--mdc-typography-body2-letter-spacing, 0.0178571429em);
  4496. text-decoration: inherit;
  4497. /* @alternate */
  4498. -webkit-text-decoration: var(--mdc-typography-body2-text-decoration, inherit);
  4499. text-decoration: var(--mdc-typography-body2-text-decoration, inherit);
  4500. text-transform: inherit;
  4501. /* @alternate */
  4502. text-transform: var(--mdc-typography-body2-text-transform, inherit);
  4503. box-sizing: border-box;
  4504. display: flex;
  4505. justify-content: flex-end;
  4506. }
  4507. .mdc-data-table__pagination-trailing {
  4508. /* @noflip */
  4509. margin-left: 4px;
  4510. /* @noflip */
  4511. margin-right: 0;
  4512. align-items: center;
  4513. display: flex;
  4514. flex-wrap: wrap;
  4515. justify-content: flex-end;
  4516. }
  4517. [dir=rtl] .mdc-data-table__pagination-trailing, .mdc-data-table__pagination-trailing[dir=rtl] {
  4518. /* @noflip */
  4519. margin-left: 0;
  4520. /* @noflip */
  4521. margin-right: 4px;
  4522. }
  4523. .mdc-data-table__pagination-navigation {
  4524. align-items: center;
  4525. display: flex;
  4526. }
  4527. .mdc-data-table__pagination-button {
  4528. /* @noflip */
  4529. margin-left: 0;
  4530. /* @noflip */
  4531. margin-right: 4px;
  4532. }
  4533. [dir=rtl] .mdc-data-table__pagination-button .mdc-button__icon, .mdc-data-table__pagination-button .mdc-button__icon[dir=rtl] {
  4534. /* @noflip */
  4535. -webkit-transform: rotate(180deg);
  4536. transform: rotate(180deg);
  4537. }
  4538. [dir=rtl] .mdc-data-table__pagination-button, .mdc-data-table__pagination-button[dir=rtl] {
  4539. /* @noflip */
  4540. margin-left: 4px;
  4541. /* @noflip */
  4542. margin-right: 0;
  4543. }
  4544. .mdc-data-table__pagination-total {
  4545. /* @noflip */
  4546. margin-left: 14px;
  4547. /* @noflip */
  4548. margin-right: 36px;
  4549. white-space: nowrap;
  4550. }
  4551. [dir=rtl] .mdc-data-table__pagination-total, .mdc-data-table__pagination-total[dir=rtl] {
  4552. /* @noflip */
  4553. margin-left: 36px;
  4554. /* @noflip */
  4555. margin-right: 14px;
  4556. }
  4557. .mdc-data-table__pagination-rows-per-page {
  4558. /* @noflip */
  4559. margin-left: 0;
  4560. /* @noflip */
  4561. margin-right: 22px;
  4562. align-items: center;
  4563. display: inline-flex;
  4564. }
  4565. [dir=rtl] .mdc-data-table__pagination-rows-per-page, .mdc-data-table__pagination-rows-per-page[dir=rtl] {
  4566. /* @noflip */
  4567. margin-left: 22px;
  4568. /* @noflip */
  4569. margin-right: 0;
  4570. }
  4571. .mdc-data-table__pagination-rows-per-page-label {
  4572. /* @noflip */
  4573. margin-left: 0;
  4574. /* @noflip */
  4575. margin-right: 12px;
  4576. white-space: nowrap;
  4577. }
  4578. [dir=rtl] .mdc-data-table__pagination-rows-per-page-label, .mdc-data-table__pagination-rows-per-page-label[dir=rtl] {
  4579. /* @noflip */
  4580. margin-left: 12px;
  4581. /* @noflip */
  4582. margin-right: 0;
  4583. }
  4584. .mdc-data-table__pagination-rows-per-page-select {
  4585. min-width: 80px;
  4586. margin: 8px 0;
  4587. }
  4588. .mdc-data-table__pagination-rows-per-page-select .mdc-select__anchor {
  4589. width: 100%;
  4590. min-width: 80px;
  4591. }
  4592. .mdc-data-table__pagination-rows-per-page-select .mdc-select__anchor {
  4593. height: 36px;
  4594. }
  4595. .mdc-data-table__pagination-rows-per-page-select .mdc-select__anchor .mdc-floating-label--float-above {
  4596. -webkit-transform: translateY(-27.25px) scale(1);
  4597. transform: translateY(-27.25px) scale(1);
  4598. }
  4599. .mdc-data-table__pagination-rows-per-page-select .mdc-select__anchor .mdc-floating-label--float-above {
  4600. font-size: 0.75rem;
  4601. }
  4602. .mdc-data-table__pagination-rows-per-page-select .mdc-select__anchor.mdc-notched-outline--upgraded .mdc-floating-label--float-above,
  4603. .mdc-data-table__pagination-rows-per-page-select .mdc-select__anchor .mdc-notched-outline--upgraded .mdc-floating-label--float-above {
  4604. -webkit-transform: translateY(-24.75px) scale(0.75);
  4605. transform: translateY(-24.75px) scale(0.75);
  4606. }
  4607. .mdc-data-table__pagination-rows-per-page-select .mdc-select__anchor.mdc-notched-outline--upgraded .mdc-floating-label--float-above,
  4608. .mdc-data-table__pagination-rows-per-page-select .mdc-select__anchor .mdc-notched-outline--upgraded .mdc-floating-label--float-above {
  4609. font-size: 1rem;
  4610. }
  4611. .mdc-data-table__pagination-rows-per-page-select .mdc-select__anchor .mdc-floating-label--shake {
  4612. -webkit-animation: mdc-floating-label-shake-float-above-select-outlined-36px 250ms 1;
  4613. animation: mdc-floating-label-shake-float-above-select-outlined-36px 250ms 1;
  4614. }
  4615. @-webkit-keyframes mdc-floating-label-shake-float-above-select-outlined-36px {
  4616. 0% {
  4617. -webkit-transform: translateX(calc(0 - 0%)) translateY(-24.75px) scale(0.75);
  4618. transform: translateX(calc(0 - 0%)) translateY(-24.75px) scale(0.75);
  4619. }
  4620. 33% {
  4621. -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);
  4622. animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);
  4623. -webkit-transform: translateX(calc(4% - 0%)) translateY(-24.75px) scale(0.75);
  4624. transform: translateX(calc(4% - 0%)) translateY(-24.75px) scale(0.75);
  4625. }
  4626. 66% {
  4627. -webkit-animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
  4628. animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
  4629. -webkit-transform: translateX(calc(-4% - 0%)) translateY(-24.75px) scale(0.75);
  4630. transform: translateX(calc(-4% - 0%)) translateY(-24.75px) scale(0.75);
  4631. }
  4632. 100% {
  4633. -webkit-transform: translateX(calc(0 - 0%)) translateY(-24.75px) scale(0.75);
  4634. transform: translateX(calc(0 - 0%)) translateY(-24.75px) scale(0.75);
  4635. }
  4636. }
  4637. @keyframes mdc-floating-label-shake-float-above-select-outlined-36px {
  4638. 0% {
  4639. -webkit-transform: translateX(calc(0 - 0%)) translateY(-24.75px) scale(0.75);
  4640. transform: translateX(calc(0 - 0%)) translateY(-24.75px) scale(0.75);
  4641. }
  4642. 33% {
  4643. -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);
  4644. animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);
  4645. -webkit-transform: translateX(calc(4% - 0%)) translateY(-24.75px) scale(0.75);
  4646. transform: translateX(calc(4% - 0%)) translateY(-24.75px) scale(0.75);
  4647. }
  4648. 66% {
  4649. -webkit-animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
  4650. animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
  4651. -webkit-transform: translateX(calc(-4% - 0%)) translateY(-24.75px) scale(0.75);
  4652. transform: translateX(calc(-4% - 0%)) translateY(-24.75px) scale(0.75);
  4653. }
  4654. 100% {
  4655. -webkit-transform: translateX(calc(0 - 0%)) translateY(-24.75px) scale(0.75);
  4656. transform: translateX(calc(0 - 0%)) translateY(-24.75px) scale(0.75);
  4657. }
  4658. }
  4659. .mdc-data-table__pagination-rows-per-page-select .mdc-select__dropdown-icon {
  4660. width: 20px;
  4661. height: 20px;
  4662. }
  4663. .mdc-data-table__pagination-rows-per-page-select.mdc-select--outlined .mdc-select__anchor :not(.mdc-notched-outline--notched) .mdc-notched-outline__notch {
  4664. max-width: calc(100% - 56px);
  4665. }
  4666. .mdc-data-table__pagination-rows-per-page-select .mdc-list-item {
  4667. height: 36px;
  4668. }
  4669. .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,
  4670. .mdc-data-table__row-checkbox.mdc-checkbox--selected .mdc-checkbox__ripple::before,
  4671. .mdc-data-table__row-checkbox.mdc-checkbox--selected .mdc-checkbox__ripple::after {
  4672. background-color: #6200ee;
  4673. /* @alternate */
  4674. background-color: var(--mdc-ripple-color, var(--mdc-theme-primary, #6200ee));
  4675. }
  4676. .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,
  4677. .mdc-data-table__row-checkbox.mdc-checkbox--selected:hover .mdc-checkbox__ripple::before,
  4678. .mdc-data-table__row-checkbox.mdc-checkbox--selected.mdc-ripple-surface--hover .mdc-checkbox__ripple::before {
  4679. opacity: 0.04;
  4680. /* @alternate */
  4681. opacity: var(--mdc-ripple-hover-opacity, 0.04);
  4682. }
  4683. .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,
  4684. .mdc-data-table__row-checkbox.mdc-checkbox--selected.mdc-ripple-upgraded--background-focused .mdc-checkbox__ripple::before,
  4685. .mdc-data-table__row-checkbox.mdc-checkbox--selected:not(.mdc-ripple-upgraded):focus .mdc-checkbox__ripple::before {
  4686. transition-duration: 75ms;
  4687. opacity: 0.12;
  4688. /* @alternate */
  4689. opacity: var(--mdc-ripple-focus-opacity, 0.12);
  4690. }
  4691. .mdc-data-table__header-row-checkbox.mdc-checkbox--selected:not(.mdc-ripple-upgraded) .mdc-checkbox__ripple::after,
  4692. .mdc-data-table__row-checkbox.mdc-checkbox--selected:not(.mdc-ripple-upgraded) .mdc-checkbox__ripple::after {
  4693. transition: opacity 150ms linear;
  4694. }
  4695. .mdc-data-table__header-row-checkbox.mdc-checkbox--selected:not(.mdc-ripple-upgraded):active .mdc-checkbox__ripple::after,
  4696. .mdc-data-table__row-checkbox.mdc-checkbox--selected:not(.mdc-ripple-upgraded):active .mdc-checkbox__ripple::after {
  4697. transition-duration: 75ms;
  4698. opacity: 0.12;
  4699. /* @alternate */
  4700. opacity: var(--mdc-ripple-press-opacity, 0.12);
  4701. }
  4702. .mdc-data-table__header-row-checkbox.mdc-checkbox--selected.mdc-ripple-upgraded,
  4703. .mdc-data-table__row-checkbox.mdc-checkbox--selected.mdc-ripple-upgraded {
  4704. --mdc-ripple-fg-opacity: var(--mdc-ripple-press-opacity, 0.12);
  4705. }
  4706. .mdc-data-table__header-row-checkbox.mdc-ripple-upgraded--background-focused.mdc-checkbox--selected .mdc-checkbox__ripple::before,
  4707. .mdc-data-table__header-row-checkbox.mdc-ripple-upgraded--background-focused.mdc-checkbox--selected .mdc-checkbox__ripple::after,
  4708. .mdc-data-table__row-checkbox.mdc-ripple-upgraded--background-focused.mdc-checkbox--selected .mdc-checkbox__ripple::before,
  4709. .mdc-data-table__row-checkbox.mdc-ripple-upgraded--background-focused.mdc-checkbox--selected .mdc-checkbox__ripple::after {
  4710. background-color: #6200ee;
  4711. /* @alternate */
  4712. background-color: var(--mdc-ripple-color, var(--mdc-theme-primary, #6200ee));
  4713. }
  4714. .mdc-data-table__header-row-checkbox .mdc-checkbox__native-control:enabled:not(:checked):not(:indeterminate):not([data-indeterminate=true]) ~ .mdc-checkbox__background,
  4715. .mdc-data-table__row-checkbox .mdc-checkbox__native-control:enabled:not(:checked):not(:indeterminate):not([data-indeterminate=true]) ~ .mdc-checkbox__background {
  4716. border-color: rgba(0, 0, 0, 0.54);
  4717. /* @alternate */
  4718. border-color: var(--mdc-checkbox-unchecked-color, rgba(0, 0, 0, 0.54));
  4719. background-color: transparent;
  4720. }
  4721. .mdc-data-table__header-row-checkbox .mdc-checkbox__native-control:enabled:checked ~ .mdc-checkbox__background,
  4722. .mdc-data-table__header-row-checkbox .mdc-checkbox__native-control:enabled:indeterminate ~ .mdc-checkbox__background,
  4723. .mdc-data-table__header-row-checkbox .mdc-checkbox__native-control[data-indeterminate=true]:enabled ~ .mdc-checkbox__background,
  4724. .mdc-data-table__row-checkbox .mdc-checkbox__native-control:enabled:checked ~ .mdc-checkbox__background,
  4725. .mdc-data-table__row-checkbox .mdc-checkbox__native-control:enabled:indeterminate ~ .mdc-checkbox__background,
  4726. .mdc-data-table__row-checkbox .mdc-checkbox__native-control[data-indeterminate=true]:enabled ~ .mdc-checkbox__background {
  4727. border-color: #6200ee;
  4728. /* @alternate */
  4729. border-color: var(--mdc-checkbox-checked-color, var(--mdc-theme-secondary, #6200ee));
  4730. background-color: #6200ee;
  4731. /* @alternate */
  4732. background-color: var(--mdc-checkbox-checked-color, var(--mdc-theme-secondary, #6200ee));
  4733. }
  4734. @-webkit-keyframes mdc-checkbox-fade-in-background-8A000000FF6200EE00000000FF6200EE {
  4735. 0% {
  4736. border-color: rgba(0, 0, 0, 0.54);
  4737. /* @alternate */
  4738. border-color: var(--mdc-checkbox-unchecked-color, rgba(0, 0, 0, 0.54));
  4739. background-color: transparent;
  4740. }
  4741. 50% {
  4742. border-color: #6200ee;
  4743. /* @alternate */
  4744. border-color: var(--mdc-checkbox-checked-color, var(--mdc-theme-secondary, #6200ee));
  4745. background-color: #6200ee;
  4746. /* @alternate */
  4747. background-color: var(--mdc-checkbox-checked-color, var(--mdc-theme-secondary, #6200ee));
  4748. }
  4749. }
  4750. @keyframes mdc-checkbox-fade-in-background-8A000000FF6200EE00000000FF6200EE {
  4751. 0% {
  4752. border-color: rgba(0, 0, 0, 0.54);
  4753. /* @alternate */
  4754. border-color: var(--mdc-checkbox-unchecked-color, rgba(0, 0, 0, 0.54));
  4755. background-color: transparent;
  4756. }
  4757. 50% {
  4758. border-color: #6200ee;
  4759. /* @alternate */
  4760. border-color: var(--mdc-checkbox-checked-color, var(--mdc-theme-secondary, #6200ee));
  4761. background-color: #6200ee;
  4762. /* @alternate */
  4763. background-color: var(--mdc-checkbox-checked-color, var(--mdc-theme-secondary, #6200ee));
  4764. }
  4765. }
  4766. @-webkit-keyframes mdc-checkbox-fade-out-background-8A000000FF6200EE00000000FF6200EE {
  4767. 0%, 80% {
  4768. border-color: #6200ee;
  4769. /* @alternate */
  4770. border-color: var(--mdc-checkbox-checked-color, var(--mdc-theme-secondary, #6200ee));
  4771. background-color: #6200ee;
  4772. /* @alternate */
  4773. background-color: var(--mdc-checkbox-checked-color, var(--mdc-theme-secondary, #6200ee));
  4774. }
  4775. 100% {
  4776. border-color: rgba(0, 0, 0, 0.54);
  4777. /* @alternate */
  4778. border-color: var(--mdc-checkbox-unchecked-color, rgba(0, 0, 0, 0.54));
  4779. background-color: transparent;
  4780. }
  4781. }
  4782. @keyframes mdc-checkbox-fade-out-background-8A000000FF6200EE00000000FF6200EE {
  4783. 0%, 80% {
  4784. border-color: #6200ee;
  4785. /* @alternate */
  4786. border-color: var(--mdc-checkbox-checked-color, var(--mdc-theme-secondary, #6200ee));
  4787. background-color: #6200ee;
  4788. /* @alternate */
  4789. background-color: var(--mdc-checkbox-checked-color, var(--mdc-theme-secondary, #6200ee));
  4790. }
  4791. 100% {
  4792. border-color: rgba(0, 0, 0, 0.54);
  4793. /* @alternate */
  4794. border-color: var(--mdc-checkbox-unchecked-color, rgba(0, 0, 0, 0.54));
  4795. background-color: transparent;
  4796. }
  4797. }
  4798. .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,
  4799. .mdc-data-table__row-checkbox.mdc-checkbox--anim-unchecked-checked .mdc-checkbox__native-control:enabled ~ .mdc-checkbox__background,
  4800. .mdc-data-table__row-checkbox.mdc-checkbox--anim-unchecked-indeterminate .mdc-checkbox__native-control:enabled ~ .mdc-checkbox__background {
  4801. -webkit-animation-name: mdc-checkbox-fade-in-background-8A000000FF6200EE00000000FF6200EE;
  4802. animation-name: mdc-checkbox-fade-in-background-8A000000FF6200EE00000000FF6200EE;
  4803. }
  4804. .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,
  4805. .mdc-data-table__row-checkbox.mdc-checkbox--anim-checked-unchecked .mdc-checkbox__native-control:enabled ~ .mdc-checkbox__background,
  4806. .mdc-data-table__row-checkbox.mdc-checkbox--anim-indeterminate-unchecked .mdc-checkbox__native-control:enabled ~ .mdc-checkbox__background {
  4807. -webkit-animation-name: mdc-checkbox-fade-out-background-8A000000FF6200EE00000000FF6200EE;
  4808. animation-name: mdc-checkbox-fade-out-background-8A000000FF6200EE00000000FF6200EE;
  4809. }
  4810. .mdc-dialog,
  4811. .mdc-dialog__scrim {
  4812. position: fixed;
  4813. top: 0;
  4814. left: 0;
  4815. align-items: center;
  4816. justify-content: center;
  4817. box-sizing: border-box;
  4818. width: 100%;
  4819. height: 100%;
  4820. }
  4821. .mdc-dialog {
  4822. display: none;
  4823. z-index: 7;
  4824. /* @alternate */
  4825. z-index: var(--mdc-dialog-z-index, 7);
  4826. }
  4827. .mdc-dialog .mdc-dialog__surface {
  4828. background-color: #fff;
  4829. /* @alternate */
  4830. background-color: var(--mdc-theme-surface, #fff);
  4831. }
  4832. .mdc-dialog .mdc-dialog__scrim {
  4833. background-color: rgba(0, 0, 0, 0.32);
  4834. }
  4835. .mdc-dialog .mdc-dialog__title {
  4836. color: rgba(0, 0, 0, 0.87);
  4837. }
  4838. .mdc-dialog .mdc-dialog__content {
  4839. color: rgba(0, 0, 0, 0.6);
  4840. }
  4841. .mdc-dialog.mdc-dialog--scrollable .mdc-dialog__title, .mdc-dialog.mdc-dialog--scrollable .mdc-dialog__actions {
  4842. border-color: rgba(0, 0, 0, 0.12);
  4843. }
  4844. .mdc-dialog .mdc-dialog__content {
  4845. padding: 20px 24px 20px 24px;
  4846. }
  4847. .mdc-dialog .mdc-dialog__surface {
  4848. min-width: 280px;
  4849. }
  4850. @media (max-width: 592px) {
  4851. .mdc-dialog .mdc-dialog__surface {
  4852. max-width: calc(100vw - 32px);
  4853. }
  4854. }
  4855. @media (min-width: 592px) {
  4856. .mdc-dialog .mdc-dialog__surface {
  4857. max-width: 560px;
  4858. }
  4859. }
  4860. .mdc-dialog .mdc-dialog__surface {
  4861. max-height: calc(100% - 32px);
  4862. }
  4863. @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  4864. .mdc-dialog .mdc-dialog__container {
  4865. /* stylelint-disable */
  4866. /* stylelint-enable*/
  4867. }
  4868. }
  4869. .mdc-dialog .mdc-dialog__surface {
  4870. border-radius: 4px;
  4871. /* @alternate */
  4872. border-radius: var(--mdc-shape-medium, 4px);
  4873. }
  4874. @media (max-width: 960px) and (max-height: 1440px) {
  4875. .mdc-dialog.mdc-dialog--fullscreen .mdc-dialog__surface {
  4876. max-height: 560px;
  4877. max-width: 560px;
  4878. }
  4879. }
  4880. @media (max-width: 720px) and (max-height: 1023px) and (max-width: 672px) {
  4881. .mdc-dialog.mdc-dialog--fullscreen .mdc-dialog__surface {
  4882. max-width: calc(100vw - 112px);
  4883. }
  4884. }
  4885. @media (max-width: 720px) and (max-height: 1023px) and (min-width: 672px) {
  4886. .mdc-dialog.mdc-dialog--fullscreen .mdc-dialog__surface {
  4887. max-width: 560px;
  4888. }
  4889. }
  4890. @media (max-width: 720px) and (max-height: 1023px) and (max-height: 720px) {
  4891. .mdc-dialog.mdc-dialog--fullscreen .mdc-dialog__surface {
  4892. max-height: calc(100vh - 160px);
  4893. }
  4894. }
  4895. @media (max-width: 720px) and (max-height: 1023px) and (min-height: 720px) {
  4896. .mdc-dialog.mdc-dialog--fullscreen .mdc-dialog__surface {
  4897. max-height: 560px;
  4898. }
  4899. }
  4900. @media (max-width: 720px) and (max-height: 400px) {
  4901. .mdc-dialog.mdc-dialog--fullscreen .mdc-dialog__surface {
  4902. max-width: 100vw;
  4903. width: 100vw;
  4904. max-height: 100vh;
  4905. height: 100vh;
  4906. border-radius: 0;
  4907. }
  4908. }
  4909. @media (max-width: 600px) and (max-height: 960px) {
  4910. .mdc-dialog.mdc-dialog--fullscreen .mdc-dialog__surface {
  4911. max-width: 100vw;
  4912. width: 100vw;
  4913. max-height: 100vh;
  4914. height: 100vh;
  4915. border-radius: 0;
  4916. }
  4917. }
  4918. @media (min-width: 960px) and (min-height: 1440px) {
  4919. .mdc-dialog.mdc-dialog--fullscreen .mdc-dialog__surface {
  4920. max-width: calc(100vw - 400px);
  4921. }
  4922. }
  4923. .mdc-dialog__scrim {
  4924. opacity: 0;
  4925. z-index: -1;
  4926. }
  4927. .mdc-dialog__container {
  4928. display: flex;
  4929. flex-direction: row;
  4930. align-items: center;
  4931. justify-content: space-around;
  4932. box-sizing: border-box;
  4933. height: 100%;
  4934. -webkit-transform: scale(0.8);
  4935. transform: scale(0.8);
  4936. opacity: 0;
  4937. pointer-events: none;
  4938. }
  4939. .mdc-dialog__surface {
  4940. /* @alternate */
  4941. position: relative;
  4942. /* @alternate */
  4943. 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);
  4944. display: flex;
  4945. flex-direction: column;
  4946. flex-grow: 0;
  4947. flex-shrink: 0;
  4948. box-sizing: border-box;
  4949. max-width: 100%;
  4950. max-height: 100%;
  4951. pointer-events: auto;
  4952. overflow-y: auto;
  4953. }
  4954. .mdc-dialog__surface .mdc-elevation-overlay {
  4955. width: 100%;
  4956. height: 100%;
  4957. top: 0;
  4958. /* @noflip */
  4959. left: 0;
  4960. }
  4961. .mdc-dialog[dir=rtl] .mdc-dialog__surface, [dir=rtl] .mdc-dialog .mdc-dialog__surface {
  4962. /* @noflip */
  4963. text-align: right;
  4964. }
  4965. .mdc-dialog__title {
  4966. display: block;
  4967. margin-top: 0;
  4968. /* @alternate */
  4969. line-height: normal;
  4970. -moz-osx-font-smoothing: grayscale;
  4971. -webkit-font-smoothing: antialiased;
  4972. font-family: Roboto, sans-serif;
  4973. /* @alternate */
  4974. font-family: var(--mdc-typography-headline6-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));
  4975. font-size: 1.25rem;
  4976. /* @alternate */
  4977. font-size: var(--mdc-typography-headline6-font-size, 1.25rem);
  4978. line-height: 2rem;
  4979. /* @alternate */
  4980. line-height: var(--mdc-typography-headline6-line-height, 2rem);
  4981. font-weight: 500;
  4982. /* @alternate */
  4983. font-weight: var(--mdc-typography-headline6-font-weight, 500);
  4984. letter-spacing: 0.0125em;
  4985. /* @alternate */
  4986. letter-spacing: var(--mdc-typography-headline6-letter-spacing, 0.0125em);
  4987. text-decoration: inherit;
  4988. /* @alternate */
  4989. -webkit-text-decoration: var(--mdc-typography-headline6-text-decoration, inherit);
  4990. text-decoration: var(--mdc-typography-headline6-text-decoration, inherit);
  4991. text-transform: inherit;
  4992. /* @alternate */
  4993. text-transform: var(--mdc-typography-headline6-text-transform, inherit);
  4994. position: relative;
  4995. flex-shrink: 0;
  4996. box-sizing: border-box;
  4997. margin: 0;
  4998. padding: 0 24px 9px;
  4999. border-bottom: 1px solid transparent;
  5000. }
  5001. .mdc-dialog__title::before {
  5002. display: inline-block;
  5003. width: 0;
  5004. height: 40px;
  5005. content: "";
  5006. vertical-align: 0;
  5007. }
  5008. .mdc-dialog[dir=rtl] .mdc-dialog__title, [dir=rtl] .mdc-dialog .mdc-dialog__title {
  5009. /* @noflip */
  5010. text-align: right;
  5011. }
  5012. .mdc-dialog--scrollable .mdc-dialog__title {
  5013. padding-bottom: 15px;
  5014. }
  5015. .mdc-dialog--fullscreen .mdc-dialog__header {
  5016. display: inline-flex;
  5017. padding: 0 16px 9px;
  5018. border-bottom: 1px solid transparent;
  5019. justify-content: space-between;
  5020. align-items: baseline;
  5021. }
  5022. .mdc-dialog--fullscreen .mdc-dialog__title {
  5023. padding: 0;
  5024. border-bottom: 0;
  5025. }
  5026. .mdc-dialog--fullscreen .mdc-dialog__close {
  5027. width: 24px;
  5028. height: 24px;
  5029. padding: 0px;
  5030. }
  5031. .mdc-dialog__content {
  5032. -moz-osx-font-smoothing: grayscale;
  5033. -webkit-font-smoothing: antialiased;
  5034. font-family: Roboto, sans-serif;
  5035. /* @alternate */
  5036. font-family: var(--mdc-typography-body1-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));
  5037. font-size: 1rem;
  5038. /* @alternate */
  5039. font-size: var(--mdc-typography-body1-font-size, 1rem);
  5040. line-height: 1.5rem;
  5041. /* @alternate */
  5042. line-height: var(--mdc-typography-body1-line-height, 1.5rem);
  5043. font-weight: 400;
  5044. /* @alternate */
  5045. font-weight: var(--mdc-typography-body1-font-weight, 400);
  5046. letter-spacing: 0.03125em;
  5047. /* @alternate */
  5048. letter-spacing: var(--mdc-typography-body1-letter-spacing, 0.03125em);
  5049. text-decoration: inherit;
  5050. /* @alternate */
  5051. -webkit-text-decoration: var(--mdc-typography-body1-text-decoration, inherit);
  5052. text-decoration: var(--mdc-typography-body1-text-decoration, inherit);
  5053. text-transform: inherit;
  5054. /* @alternate */
  5055. text-transform: var(--mdc-typography-body1-text-transform, inherit);
  5056. flex-grow: 1;
  5057. box-sizing: border-box;
  5058. margin: 0;
  5059. overflow: auto;
  5060. -webkit-overflow-scrolling: touch;
  5061. }
  5062. .mdc-dialog__content > :first-child {
  5063. margin-top: 0;
  5064. }
  5065. .mdc-dialog__content > :last-child {
  5066. margin-bottom: 0;
  5067. }
  5068. .mdc-dialog__title + .mdc-dialog__content {
  5069. padding-top: 0;
  5070. }
  5071. .mdc-dialog--scrollable .mdc-dialog__title + .mdc-dialog__content {
  5072. padding-top: 8px;
  5073. padding-bottom: 8px;
  5074. }
  5075. .mdc-dialog__content .mdc-list:first-child:last-child {
  5076. padding: 6px 0 0;
  5077. }
  5078. .mdc-dialog--scrollable .mdc-dialog__content .mdc-list:first-child:last-child {
  5079. padding: 0;
  5080. }
  5081. .mdc-dialog__actions {
  5082. display: flex;
  5083. position: relative;
  5084. flex-shrink: 0;
  5085. flex-wrap: wrap;
  5086. align-items: center;
  5087. justify-content: flex-end;
  5088. box-sizing: border-box;
  5089. min-height: 52px;
  5090. margin: 0;
  5091. padding: 8px;
  5092. border-top: 1px solid transparent;
  5093. }
  5094. .mdc-dialog--stacked .mdc-dialog__actions {
  5095. flex-direction: column;
  5096. align-items: flex-end;
  5097. }
  5098. .mdc-dialog__button {
  5099. /* @noflip */
  5100. margin-left: 8px;
  5101. /* @noflip */
  5102. margin-right: 0;
  5103. max-width: 100%;
  5104. /* @noflip */
  5105. text-align: right;
  5106. }
  5107. [dir=rtl] .mdc-dialog__button, .mdc-dialog__button[dir=rtl] {
  5108. /* @noflip */
  5109. margin-left: 0;
  5110. /* @noflip */
  5111. margin-right: 8px;
  5112. }
  5113. .mdc-dialog__button:first-child {
  5114. /* @noflip */
  5115. margin-left: 0;
  5116. /* @noflip */
  5117. margin-right: 0;
  5118. }
  5119. [dir=rtl] .mdc-dialog__button:first-child, .mdc-dialog__button:first-child[dir=rtl] {
  5120. /* @noflip */
  5121. margin-left: 0;
  5122. /* @noflip */
  5123. margin-right: 0;
  5124. }
  5125. .mdc-dialog[dir=rtl] .mdc-dialog__button, [dir=rtl] .mdc-dialog .mdc-dialog__button {
  5126. /* @noflip */
  5127. text-align: left;
  5128. }
  5129. .mdc-dialog--stacked .mdc-dialog__button:not(:first-child) {
  5130. margin-top: 12px;
  5131. }
  5132. .mdc-dialog--open,
  5133. .mdc-dialog--opening,
  5134. .mdc-dialog--closing {
  5135. display: flex;
  5136. }
  5137. .mdc-dialog--opening .mdc-dialog__scrim {
  5138. transition: opacity 150ms linear;
  5139. }
  5140. .mdc-dialog--opening .mdc-dialog__container {
  5141. transition: opacity 75ms linear, -webkit-transform 150ms 0ms cubic-bezier(0, 0, 0.2, 1);
  5142. transition: opacity 75ms linear, transform 150ms 0ms cubic-bezier(0, 0, 0.2, 1);
  5143. 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);
  5144. }
  5145. .mdc-dialog--closing .mdc-dialog__scrim,
  5146. .mdc-dialog--closing .mdc-dialog__container {
  5147. transition: opacity 75ms linear;
  5148. }
  5149. .mdc-dialog--closing .mdc-dialog__container {
  5150. -webkit-transform: none;
  5151. transform: none;
  5152. }
  5153. .mdc-dialog--open .mdc-dialog__scrim {
  5154. opacity: 1;
  5155. }
  5156. .mdc-dialog--open .mdc-dialog__container {
  5157. -webkit-transform: none;
  5158. transform: none;
  5159. opacity: 1;
  5160. }
  5161. .mdc-dialog-scroll-lock {
  5162. overflow: hidden;
  5163. }
  5164. .mdc-drawer {
  5165. border-color: rgba(0, 0, 0, 0.12);
  5166. background-color: #fff;
  5167. /* @alternate */
  5168. background-color: var(--mdc-theme-surface, #fff);
  5169. /* @noflip */
  5170. border-top-left-radius: 0;
  5171. /* @noflip */
  5172. border-top-right-radius: 0;
  5173. /* @alternate */
  5174. /* @noflip */
  5175. border-top-right-radius: var(--mdc-shape-large, 0);
  5176. /* @noflip */
  5177. border-bottom-right-radius: 0;
  5178. /* @alternate */
  5179. /* @noflip */
  5180. border-bottom-right-radius: var(--mdc-shape-large, 0);
  5181. /* @noflip */
  5182. border-bottom-left-radius: 0;
  5183. z-index: 6;
  5184. width: 256px;
  5185. display: flex;
  5186. flex-direction: column;
  5187. flex-shrink: 0;
  5188. box-sizing: border-box;
  5189. height: 100%;
  5190. /* @noflip */
  5191. border-right-width: 1px;
  5192. /* @noflip */
  5193. border-right-style: solid;
  5194. overflow: hidden;
  5195. transition-property: -webkit-transform;
  5196. transition-property: transform;
  5197. transition-property: transform, -webkit-transform;
  5198. transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  5199. }
  5200. .mdc-drawer .mdc-drawer__title {
  5201. color: rgba(0, 0, 0, 0.87);
  5202. }
  5203. .mdc-drawer .mdc-list-group__subheader {
  5204. color: rgba(0, 0, 0, 0.6);
  5205. }
  5206. .mdc-drawer .mdc-drawer__subtitle {
  5207. color: rgba(0, 0, 0, 0.6);
  5208. }
  5209. .mdc-drawer .mdc-list-item__graphic {
  5210. color: rgba(0, 0, 0, 0.6);
  5211. }
  5212. .mdc-drawer .mdc-list-item {
  5213. color: rgba(0, 0, 0, 0.87);
  5214. }
  5215. .mdc-drawer .mdc-list-item--activated .mdc-list-item__graphic {
  5216. color: #6200ee;
  5217. }
  5218. .mdc-drawer .mdc-list-item--activated {
  5219. color: rgba(98, 0, 238, 0.87);
  5220. }
  5221. [dir=rtl] .mdc-drawer, .mdc-drawer[dir=rtl] {
  5222. /* @noflip */
  5223. border-top-left-radius: 0;
  5224. /* @alternate */
  5225. /* @noflip */
  5226. border-top-left-radius: var(--mdc-shape-large, 0);
  5227. /* @noflip */
  5228. border-top-right-radius: 0;
  5229. /* @noflip */
  5230. border-bottom-right-radius: 0;
  5231. /* @noflip */
  5232. border-bottom-left-radius: 0;
  5233. /* @alternate */
  5234. /* @noflip */
  5235. border-bottom-left-radius: var(--mdc-shape-large, 0);
  5236. }
  5237. .mdc-drawer .mdc-list-item {
  5238. border-radius: 4px;
  5239. /* @alternate */
  5240. border-radius: var(--mdc-shape-small, 4px);
  5241. }
  5242. .mdc-drawer.mdc-drawer--open:not(.mdc-drawer--closing) + .mdc-drawer-app-content {
  5243. /* @noflip */
  5244. margin-left: 256px;
  5245. /* @noflip */
  5246. margin-right: 0;
  5247. }
  5248. [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] {
  5249. /* @noflip */
  5250. margin-left: 0;
  5251. /* @noflip */
  5252. margin-right: 256px;
  5253. }
  5254. [dir=rtl] .mdc-drawer, .mdc-drawer[dir=rtl] {
  5255. /* @noflip */
  5256. border-right-width: 0;
  5257. /* @noflip */
  5258. border-left-width: 1px;
  5259. /* @noflip */
  5260. border-right-style: none;
  5261. /* @noflip */
  5262. border-left-style: solid;
  5263. }
  5264. .mdc-drawer .mdc-list-item {
  5265. -moz-osx-font-smoothing: grayscale;
  5266. -webkit-font-smoothing: antialiased;
  5267. font-family: Roboto, sans-serif;
  5268. /* @alternate */
  5269. font-family: var(--mdc-typography-subtitle2-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));
  5270. font-size: 0.875rem;
  5271. /* @alternate */
  5272. font-size: var(--mdc-typography-subtitle2-font-size, 0.875rem);
  5273. line-height: 1.375rem;
  5274. /* @alternate */
  5275. line-height: var(--mdc-typography-subtitle2-line-height, 1.375rem);
  5276. font-weight: 500;
  5277. /* @alternate */
  5278. font-weight: var(--mdc-typography-subtitle2-font-weight, 500);
  5279. letter-spacing: 0.0071428571em;
  5280. /* @alternate */
  5281. letter-spacing: var(--mdc-typography-subtitle2-letter-spacing, 0.0071428571em);
  5282. text-decoration: inherit;
  5283. /* @alternate */
  5284. -webkit-text-decoration: var(--mdc-typography-subtitle2-text-decoration, inherit);
  5285. text-decoration: var(--mdc-typography-subtitle2-text-decoration, inherit);
  5286. text-transform: inherit;
  5287. /* @alternate */
  5288. text-transform: var(--mdc-typography-subtitle2-text-transform, inherit);
  5289. height: calc(48px - 2 * 4px);
  5290. margin: 8px 8px;
  5291. padding: 0 8px;
  5292. }
  5293. .mdc-drawer .mdc-list-item:nth-child(1) {
  5294. margin-top: 2px;
  5295. }
  5296. .mdc-drawer .mdc-list-item:nth-last-child(1) {
  5297. margin-bottom: 0;
  5298. }
  5299. .mdc-drawer .mdc-list-group__subheader {
  5300. -moz-osx-font-smoothing: grayscale;
  5301. -webkit-font-smoothing: antialiased;
  5302. font-family: Roboto, sans-serif;
  5303. /* @alternate */
  5304. font-family: var(--mdc-typography-body2-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));
  5305. font-size: 0.875rem;
  5306. /* @alternate */
  5307. font-size: var(--mdc-typography-body2-font-size, 0.875rem);
  5308. line-height: 1.25rem;
  5309. /* @alternate */
  5310. line-height: var(--mdc-typography-body2-line-height, 1.25rem);
  5311. font-weight: 400;
  5312. /* @alternate */
  5313. font-weight: var(--mdc-typography-body2-font-weight, 400);
  5314. letter-spacing: 0.0178571429em;
  5315. /* @alternate */
  5316. letter-spacing: var(--mdc-typography-body2-letter-spacing, 0.0178571429em);
  5317. text-decoration: inherit;
  5318. /* @alternate */
  5319. -webkit-text-decoration: var(--mdc-typography-body2-text-decoration, inherit);
  5320. text-decoration: var(--mdc-typography-body2-text-decoration, inherit);
  5321. text-transform: inherit;
  5322. /* @alternate */
  5323. text-transform: var(--mdc-typography-body2-text-transform, inherit);
  5324. display: block;
  5325. margin-top: 0;
  5326. /* @alternate */
  5327. line-height: normal;
  5328. margin: 0;
  5329. padding: 0 16px;
  5330. }
  5331. .mdc-drawer .mdc-list-group__subheader::before {
  5332. display: inline-block;
  5333. width: 0;
  5334. height: 24px;
  5335. content: "";
  5336. vertical-align: 0;
  5337. }
  5338. .mdc-drawer .mdc-list-divider {
  5339. margin: 3px 0 4px;
  5340. }
  5341. .mdc-drawer .mdc-list-item__text,
  5342. .mdc-drawer .mdc-list-item__graphic {
  5343. pointer-events: none;
  5344. }
  5345. .mdc-drawer--animate {
  5346. -webkit-transform: translateX(-100%);
  5347. transform: translateX(-100%);
  5348. }
  5349. [dir=rtl] .mdc-drawer--animate, .mdc-drawer--animate[dir=rtl] {
  5350. -webkit-transform: translateX(100%);
  5351. transform: translateX(100%);
  5352. }
  5353. .mdc-drawer--opening {
  5354. -webkit-transform: translateX(0);
  5355. transform: translateX(0);
  5356. transition-duration: 250ms;
  5357. }
  5358. [dir=rtl] .mdc-drawer--opening, .mdc-drawer--opening[dir=rtl] {
  5359. -webkit-transform: translateX(0);
  5360. transform: translateX(0);
  5361. }
  5362. .mdc-drawer--closing {
  5363. -webkit-transform: translateX(-100%);
  5364. transform: translateX(-100%);
  5365. transition-duration: 200ms;
  5366. }
  5367. [dir=rtl] .mdc-drawer--closing, .mdc-drawer--closing[dir=rtl] {
  5368. -webkit-transform: translateX(100%);
  5369. transform: translateX(100%);
  5370. }
  5371. .mdc-drawer__header {
  5372. flex-shrink: 0;
  5373. box-sizing: border-box;
  5374. min-height: 64px;
  5375. padding: 0 16px 4px;
  5376. }
  5377. .mdc-drawer__title {
  5378. -moz-osx-font-smoothing: grayscale;
  5379. -webkit-font-smoothing: antialiased;
  5380. font-family: Roboto, sans-serif;
  5381. /* @alternate */
  5382. font-family: var(--mdc-typography-headline6-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));
  5383. font-size: 1.25rem;
  5384. /* @alternate */
  5385. font-size: var(--mdc-typography-headline6-font-size, 1.25rem);
  5386. line-height: 2rem;
  5387. /* @alternate */
  5388. line-height: var(--mdc-typography-headline6-line-height, 2rem);
  5389. font-weight: 500;
  5390. /* @alternate */
  5391. font-weight: var(--mdc-typography-headline6-font-weight, 500);
  5392. letter-spacing: 0.0125em;
  5393. /* @alternate */
  5394. letter-spacing: var(--mdc-typography-headline6-letter-spacing, 0.0125em);
  5395. text-decoration: inherit;
  5396. /* @alternate */
  5397. -webkit-text-decoration: var(--mdc-typography-headline6-text-decoration, inherit);
  5398. text-decoration: var(--mdc-typography-headline6-text-decoration, inherit);
  5399. text-transform: inherit;
  5400. /* @alternate */
  5401. text-transform: var(--mdc-typography-headline6-text-transform, inherit);
  5402. display: block;
  5403. margin-top: 0;
  5404. /* @alternate */
  5405. line-height: normal;
  5406. margin-bottom: -20px;
  5407. }
  5408. .mdc-drawer__title::before {
  5409. display: inline-block;
  5410. width: 0;
  5411. height: 36px;
  5412. content: "";
  5413. vertical-align: 0;
  5414. }
  5415. .mdc-drawer__title::after {
  5416. display: inline-block;
  5417. width: 0;
  5418. height: 20px;
  5419. content: "";
  5420. vertical-align: -20px;
  5421. }
  5422. .mdc-drawer__subtitle {
  5423. -moz-osx-font-smoothing: grayscale;
  5424. -webkit-font-smoothing: antialiased;
  5425. font-family: Roboto, sans-serif;
  5426. /* @alternate */
  5427. font-family: var(--mdc-typography-body2-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));
  5428. font-size: 0.875rem;
  5429. /* @alternate */
  5430. font-size: var(--mdc-typography-body2-font-size, 0.875rem);
  5431. line-height: 1.25rem;
  5432. /* @alternate */
  5433. line-height: var(--mdc-typography-body2-line-height, 1.25rem);
  5434. font-weight: 400;
  5435. /* @alternate */
  5436. font-weight: var(--mdc-typography-body2-font-weight, 400);
  5437. letter-spacing: 0.0178571429em;
  5438. /* @alternate */
  5439. letter-spacing: var(--mdc-typography-body2-letter-spacing, 0.0178571429em);
  5440. text-decoration: inherit;
  5441. /* @alternate */
  5442. -webkit-text-decoration: var(--mdc-typography-body2-text-decoration, inherit);
  5443. text-decoration: var(--mdc-typography-body2-text-decoration, inherit);
  5444. text-transform: inherit;
  5445. /* @alternate */
  5446. text-transform: var(--mdc-typography-body2-text-transform, inherit);
  5447. display: block;
  5448. margin-top: 0;
  5449. /* @alternate */
  5450. line-height: normal;
  5451. margin-bottom: 0;
  5452. }
  5453. .mdc-drawer__subtitle::before {
  5454. display: inline-block;
  5455. width: 0;
  5456. height: 20px;
  5457. content: "";
  5458. vertical-align: 0;
  5459. }
  5460. .mdc-drawer__content {
  5461. height: 100%;
  5462. overflow-y: auto;
  5463. -webkit-overflow-scrolling: touch;
  5464. }
  5465. .mdc-drawer--dismissible {
  5466. /* @noflip */
  5467. left: 0;
  5468. /* @noflip */
  5469. right: initial;
  5470. display: none;
  5471. position: absolute;
  5472. }
  5473. [dir=rtl] .mdc-drawer--dismissible, .mdc-drawer--dismissible[dir=rtl] {
  5474. /* @noflip */
  5475. left: initial;
  5476. /* @noflip */
  5477. right: 0;
  5478. }
  5479. .mdc-drawer--dismissible.mdc-drawer--open {
  5480. display: flex;
  5481. }
  5482. .mdc-drawer-app-content {
  5483. /* @noflip */
  5484. margin-left: 0;
  5485. /* @noflip */
  5486. margin-right: 0;
  5487. position: relative;
  5488. }
  5489. [dir=rtl] .mdc-drawer-app-content, .mdc-drawer-app-content[dir=rtl] {
  5490. /* @noflip */
  5491. margin-left: 0;
  5492. /* @noflip */
  5493. margin-right: 0;
  5494. }
  5495. .mdc-drawer--modal {
  5496. /* @alternate */
  5497. 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);
  5498. /* @noflip */
  5499. left: 0;
  5500. /* @noflip */
  5501. right: initial;
  5502. display: none;
  5503. position: fixed;
  5504. }
  5505. .mdc-drawer--modal + .mdc-drawer-scrim {
  5506. background-color: rgba(0, 0, 0, 0.32);
  5507. }
  5508. [dir=rtl] .mdc-drawer--modal, .mdc-drawer--modal[dir=rtl] {
  5509. /* @noflip */
  5510. left: initial;
  5511. /* @noflip */
  5512. right: 0;
  5513. }
  5514. .mdc-drawer--modal.mdc-drawer--open {
  5515. display: flex;
  5516. }
  5517. .mdc-drawer-scrim {
  5518. display: none;
  5519. position: fixed;
  5520. top: 0;
  5521. left: 0;
  5522. width: 100%;
  5523. height: 100%;
  5524. z-index: 5;
  5525. transition-property: opacity;
  5526. transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  5527. }
  5528. .mdc-drawer--open + .mdc-drawer-scrim {
  5529. display: block;
  5530. }
  5531. .mdc-drawer--animate + .mdc-drawer-scrim {
  5532. opacity: 0;
  5533. }
  5534. .mdc-drawer--opening + .mdc-drawer-scrim {
  5535. transition-duration: 250ms;
  5536. opacity: 1;
  5537. }
  5538. .mdc-drawer--closing + .mdc-drawer-scrim {
  5539. transition-duration: 200ms;
  5540. opacity: 0;
  5541. }
  5542. .mdc-elevation--z0 {
  5543. /* @alternate */
  5544. 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);
  5545. }
  5546. .mdc-elevation--z1 {
  5547. /* @alternate */
  5548. 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);
  5549. }
  5550. .mdc-elevation--z2 {
  5551. /* @alternate */
  5552. 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);
  5553. }
  5554. .mdc-elevation--z3 {
  5555. /* @alternate */
  5556. 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);
  5557. }
  5558. .mdc-elevation--z4 {
  5559. /* @alternate */
  5560. 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);
  5561. }
  5562. .mdc-elevation--z5 {
  5563. /* @alternate */
  5564. 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);
  5565. }
  5566. .mdc-elevation--z6 {
  5567. /* @alternate */
  5568. 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);
  5569. }
  5570. .mdc-elevation--z7 {
  5571. /* @alternate */
  5572. 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);
  5573. }
  5574. .mdc-elevation--z8 {
  5575. /* @alternate */
  5576. 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);
  5577. }
  5578. .mdc-elevation--z9 {
  5579. /* @alternate */
  5580. 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);
  5581. }
  5582. .mdc-elevation--z10 {
  5583. /* @alternate */
  5584. 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);
  5585. }
  5586. .mdc-elevation--z11 {
  5587. /* @alternate */
  5588. 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);
  5589. }
  5590. .mdc-elevation--z12 {
  5591. /* @alternate */
  5592. 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);
  5593. }
  5594. .mdc-elevation--z13 {
  5595. /* @alternate */
  5596. 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);
  5597. }
  5598. .mdc-elevation--z14 {
  5599. /* @alternate */
  5600. 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);
  5601. }
  5602. .mdc-elevation--z15 {
  5603. /* @alternate */
  5604. 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);
  5605. }
  5606. .mdc-elevation--z16 {
  5607. /* @alternate */
  5608. 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);
  5609. }
  5610. .mdc-elevation--z17 {
  5611. /* @alternate */
  5612. 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);
  5613. }
  5614. .mdc-elevation--z18 {
  5615. /* @alternate */
  5616. 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);
  5617. }
  5618. .mdc-elevation--z19 {
  5619. /* @alternate */
  5620. 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);
  5621. }
  5622. .mdc-elevation--z20 {
  5623. /* @alternate */
  5624. 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);
  5625. }
  5626. .mdc-elevation--z21 {
  5627. /* @alternate */
  5628. 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);
  5629. }
  5630. .mdc-elevation--z22 {
  5631. /* @alternate */
  5632. 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);
  5633. }
  5634. .mdc-elevation--z23 {
  5635. /* @alternate */
  5636. 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);
  5637. }
  5638. .mdc-elevation--z24 {
  5639. /* @alternate */
  5640. 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);
  5641. }
  5642. .mdc-elevation-transition {
  5643. transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1);
  5644. will-change: box-shadow;
  5645. }
  5646. .mdc-fab {
  5647. /* @alternate */
  5648. position: relative;
  5649. /* @alternate */
  5650. 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);
  5651. display: inline-flex;
  5652. position: relative;
  5653. align-items: center;
  5654. justify-content: center;
  5655. box-sizing: border-box;
  5656. width: 56px;
  5657. height: 56px;
  5658. padding: 0;
  5659. border: none;
  5660. fill: currentColor;
  5661. text-decoration: none;
  5662. cursor: pointer;
  5663. -webkit-user-select: none;
  5664. -moz-user-select: none;
  5665. -ms-user-select: none;
  5666. user-select: none;
  5667. -moz-appearance: none;
  5668. -webkit-appearance: none;
  5669. overflow: visible;
  5670. 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);
  5671. 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);
  5672. 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);
  5673. background-color: #018786;
  5674. /* @alternate */
  5675. background-color: var(--mdc-theme-secondary, #018786);
  5676. color: #fff;
  5677. /* @alternate */
  5678. color: var(--mdc-theme-on-secondary, #fff);
  5679. }
  5680. .mdc-fab .mdc-elevation-overlay {
  5681. width: 100%;
  5682. height: 100%;
  5683. top: 0;
  5684. /* @noflip */
  5685. left: 0;
  5686. }
  5687. .mdc-fab:not(.mdc-fab--extended) {
  5688. border-radius: 50%;
  5689. }
  5690. .mdc-fab:not(.mdc-fab--extended) .mdc-fab__ripple {
  5691. border-radius: 50%;
  5692. }
  5693. .mdc-fab::-moz-focus-inner {
  5694. padding: 0;
  5695. border: 0;
  5696. }
  5697. .mdc-fab:hover, .mdc-fab:focus {
  5698. /* @alternate */
  5699. 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);
  5700. }
  5701. .mdc-fab:active {
  5702. /* @alternate */
  5703. 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);
  5704. }
  5705. .mdc-fab:active, .mdc-fab:focus {
  5706. outline: none;
  5707. }
  5708. .mdc-fab:hover {
  5709. cursor: pointer;
  5710. }
  5711. .mdc-fab > svg {
  5712. width: 100%;
  5713. }
  5714. .mdc-fab .mdc-fab__icon {
  5715. width: 24px;
  5716. height: 24px;
  5717. font-size: 24px;
  5718. }
  5719. .mdc-fab--mini {
  5720. width: 40px;
  5721. height: 40px;
  5722. }
  5723. .mdc-fab--extended {
  5724. -moz-osx-font-smoothing: grayscale;
  5725. -webkit-font-smoothing: antialiased;
  5726. font-family: Roboto, sans-serif;
  5727. /* @alternate */
  5728. font-family: var(--mdc-typography-button-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));
  5729. font-size: 0.875rem;
  5730. /* @alternate */
  5731. font-size: var(--mdc-typography-button-font-size, 0.875rem);
  5732. line-height: 2.25rem;
  5733. /* @alternate */
  5734. line-height: var(--mdc-typography-button-line-height, 2.25rem);
  5735. font-weight: 500;
  5736. /* @alternate */
  5737. font-weight: var(--mdc-typography-button-font-weight, 500);
  5738. letter-spacing: 0.0892857143em;
  5739. /* @alternate */
  5740. letter-spacing: var(--mdc-typography-button-letter-spacing, 0.0892857143em);
  5741. text-decoration: none;
  5742. /* @alternate */
  5743. -webkit-text-decoration: var(--mdc-typography-button-text-decoration, none);
  5744. text-decoration: var(--mdc-typography-button-text-decoration, none);
  5745. text-transform: uppercase;
  5746. /* @alternate */
  5747. text-transform: var(--mdc-typography-button-text-transform, uppercase);
  5748. border-radius: 24px;
  5749. /* @noflip */
  5750. padding-left: 20px;
  5751. /* @noflip */
  5752. padding-right: 20px;
  5753. width: auto;
  5754. max-width: 100%;
  5755. height: 48px;
  5756. /* @alternate */
  5757. line-height: normal;
  5758. }
  5759. .mdc-fab--extended .mdc-fab__ripple {
  5760. border-radius: 24px;
  5761. }
  5762. .mdc-fab--extended .mdc-fab__icon {
  5763. /* @noflip */
  5764. margin-left: calc(12px - 20px);
  5765. /* @noflip */
  5766. margin-right: 12px;
  5767. }
  5768. [dir=rtl] .mdc-fab--extended .mdc-fab__icon, .mdc-fab--extended .mdc-fab__icon[dir=rtl] {
  5769. /* @noflip */
  5770. margin-left: 12px;
  5771. /* @noflip */
  5772. margin-right: calc(12px - 20px);
  5773. }
  5774. .mdc-fab--extended .mdc-fab__label + .mdc-fab__icon {
  5775. /* @noflip */
  5776. margin-left: 12px;
  5777. /* @noflip */
  5778. margin-right: calc(12px - 20px);
  5779. }
  5780. [dir=rtl] .mdc-fab--extended .mdc-fab__label + .mdc-fab__icon, .mdc-fab--extended .mdc-fab__label + .mdc-fab__icon[dir=rtl] {
  5781. /* @noflip */
  5782. margin-left: calc(12px - 20px);
  5783. /* @noflip */
  5784. margin-right: 12px;
  5785. }
  5786. .mdc-fab--touch {
  5787. margin-top: 4px;
  5788. margin-bottom: 4px;
  5789. margin-right: 4px;
  5790. margin-left: 4px;
  5791. }
  5792. .mdc-fab--touch .mdc-fab__touch {
  5793. position: absolute;
  5794. top: 50%;
  5795. right: 0;
  5796. height: 48px;
  5797. /* @noflip */
  5798. left: 50%;
  5799. width: 48px;
  5800. -webkit-transform: translate(-50%, -50%);
  5801. transform: translate(-50%, -50%);
  5802. }
  5803. .mdc-fab::before {
  5804. position: absolute;
  5805. box-sizing: border-box;
  5806. width: 100%;
  5807. height: 100%;
  5808. top: 0;
  5809. left: 0;
  5810. border: 1px solid transparent;
  5811. border-radius: inherit;
  5812. content: "";
  5813. }
  5814. .mdc-fab__label {
  5815. justify-content: flex-start;
  5816. text-overflow: ellipsis;
  5817. white-space: nowrap;
  5818. overflow-x: hidden;
  5819. overflow-y: visible;
  5820. }
  5821. .mdc-fab__icon {
  5822. transition: -webkit-transform 180ms 90ms cubic-bezier(0, 0, 0.2, 1);
  5823. transition: transform 180ms 90ms cubic-bezier(0, 0, 0.2, 1);
  5824. transition: transform 180ms 90ms cubic-bezier(0, 0, 0.2, 1), -webkit-transform 180ms 90ms cubic-bezier(0, 0, 0.2, 1);
  5825. fill: currentColor;
  5826. will-change: transform;
  5827. }
  5828. .mdc-fab .mdc-fab__icon {
  5829. display: inline-flex;
  5830. align-items: center;
  5831. justify-content: center;
  5832. }
  5833. .mdc-fab--exited {
  5834. -webkit-transform: scale(0);
  5835. transform: scale(0);
  5836. opacity: 0;
  5837. transition: opacity 15ms linear 150ms, -webkit-transform 180ms 0ms cubic-bezier(0.4, 0, 1, 1);
  5838. transition: opacity 15ms linear 150ms, transform 180ms 0ms cubic-bezier(0.4, 0, 1, 1);
  5839. 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);
  5840. }
  5841. .mdc-fab--exited .mdc-fab__icon {
  5842. -webkit-transform: scale(0);
  5843. transform: scale(0);
  5844. transition: -webkit-transform 135ms 0ms cubic-bezier(0.4, 0, 1, 1);
  5845. transition: transform 135ms 0ms cubic-bezier(0.4, 0, 1, 1);
  5846. transition: transform 135ms 0ms cubic-bezier(0.4, 0, 1, 1), -webkit-transform 135ms 0ms cubic-bezier(0.4, 0, 1, 1);
  5847. }
  5848. .mdc-fab {
  5849. --mdc-ripple-fg-size: 0;
  5850. --mdc-ripple-left: 0;
  5851. --mdc-ripple-top: 0;
  5852. --mdc-ripple-fg-scale: 1;
  5853. --mdc-ripple-fg-translate-end: 0;
  5854. --mdc-ripple-fg-translate-start: 0;
  5855. -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  5856. will-change: transform, opacity;
  5857. }
  5858. .mdc-fab .mdc-fab__ripple::before,
  5859. .mdc-fab .mdc-fab__ripple::after {
  5860. position: absolute;
  5861. border-radius: 50%;
  5862. opacity: 0;
  5863. pointer-events: none;
  5864. content: "";
  5865. }
  5866. .mdc-fab .mdc-fab__ripple::before {
  5867. transition: opacity 15ms linear, background-color 15ms linear;
  5868. z-index: 1;
  5869. /* @alternate */
  5870. z-index: var(--mdc-ripple-z-index, 1);
  5871. }
  5872. .mdc-fab .mdc-fab__ripple::after {
  5873. z-index: 0;
  5874. /* @alternate */
  5875. z-index: var(--mdc-ripple-z-index, 0);
  5876. }
  5877. .mdc-fab.mdc-ripple-upgraded .mdc-fab__ripple::before {
  5878. -webkit-transform: scale(var(--mdc-ripple-fg-scale, 1));
  5879. transform: scale(var(--mdc-ripple-fg-scale, 1));
  5880. }
  5881. .mdc-fab.mdc-ripple-upgraded .mdc-fab__ripple::after {
  5882. top: 0;
  5883. /* @noflip */
  5884. left: 0;
  5885. -webkit-transform: scale(0);
  5886. transform: scale(0);
  5887. -webkit-transform-origin: center center;
  5888. transform-origin: center center;
  5889. }
  5890. .mdc-fab.mdc-ripple-upgraded--unbounded .mdc-fab__ripple::after {
  5891. top: var(--mdc-ripple-top, 0);
  5892. /* @noflip */
  5893. left: var(--mdc-ripple-left, 0);
  5894. }
  5895. .mdc-fab.mdc-ripple-upgraded--foreground-activation .mdc-fab__ripple::after {
  5896. -webkit-animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards;
  5897. animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards;
  5898. }
  5899. .mdc-fab.mdc-ripple-upgraded--foreground-deactivation .mdc-fab__ripple::after {
  5900. -webkit-animation: mdc-ripple-fg-opacity-out 150ms;
  5901. animation: mdc-ripple-fg-opacity-out 150ms;
  5902. -webkit-transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
  5903. transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
  5904. }
  5905. .mdc-fab .mdc-fab__ripple::before,
  5906. .mdc-fab .mdc-fab__ripple::after {
  5907. top: calc(50% - 100%);
  5908. /* @noflip */
  5909. left: calc(50% - 100%);
  5910. width: 200%;
  5911. height: 200%;
  5912. }
  5913. .mdc-fab.mdc-ripple-upgraded .mdc-fab__ripple::after {
  5914. width: var(--mdc-ripple-fg-size, 100%);
  5915. height: var(--mdc-ripple-fg-size, 100%);
  5916. }
  5917. .mdc-fab .mdc-fab__ripple::before, .mdc-fab .mdc-fab__ripple::after {
  5918. background-color: #fff;
  5919. /* @alternate */
  5920. background-color: var(--mdc-ripple-color, var(--mdc-theme-on-secondary, #fff));
  5921. }
  5922. .mdc-fab:hover .mdc-fab__ripple::before, .mdc-fab.mdc-ripple-surface--hover .mdc-fab__ripple::before {
  5923. opacity: 0.08;
  5924. /* @alternate */
  5925. opacity: var(--mdc-ripple-hover-opacity, 0.08);
  5926. }
  5927. .mdc-fab.mdc-ripple-upgraded--background-focused .mdc-fab__ripple::before, .mdc-fab:not(.mdc-ripple-upgraded):focus .mdc-fab__ripple::before {
  5928. transition-duration: 75ms;
  5929. opacity: 0.24;
  5930. /* @alternate */
  5931. opacity: var(--mdc-ripple-focus-opacity, 0.24);
  5932. }
  5933. .mdc-fab:not(.mdc-ripple-upgraded) .mdc-fab__ripple::after {
  5934. transition: opacity 150ms linear;
  5935. }
  5936. .mdc-fab:not(.mdc-ripple-upgraded):active .mdc-fab__ripple::after {
  5937. transition-duration: 75ms;
  5938. opacity: 0.24;
  5939. /* @alternate */
  5940. opacity: var(--mdc-ripple-press-opacity, 0.24);
  5941. }
  5942. .mdc-fab.mdc-ripple-upgraded {
  5943. --mdc-ripple-fg-opacity: var(--mdc-ripple-press-opacity, 0.24);
  5944. }
  5945. .mdc-fab .mdc-fab__ripple {
  5946. position: absolute;
  5947. top: 0;
  5948. left: 0;
  5949. width: 100%;
  5950. height: 100%;
  5951. pointer-events: none;
  5952. overflow: hidden;
  5953. z-index: -1;
  5954. }
  5955. .mdc-form-field {
  5956. -moz-osx-font-smoothing: grayscale;
  5957. -webkit-font-smoothing: antialiased;
  5958. font-family: Roboto, sans-serif;
  5959. /* @alternate */
  5960. font-family: var(--mdc-typography-body2-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));
  5961. font-size: 0.875rem;
  5962. /* @alternate */
  5963. font-size: var(--mdc-typography-body2-font-size, 0.875rem);
  5964. line-height: 1.25rem;
  5965. /* @alternate */
  5966. line-height: var(--mdc-typography-body2-line-height, 1.25rem);
  5967. font-weight: 400;
  5968. /* @alternate */
  5969. font-weight: var(--mdc-typography-body2-font-weight, 400);
  5970. letter-spacing: 0.0178571429em;
  5971. /* @alternate */
  5972. letter-spacing: var(--mdc-typography-body2-letter-spacing, 0.0178571429em);
  5973. text-decoration: inherit;
  5974. /* @alternate */
  5975. -webkit-text-decoration: var(--mdc-typography-body2-text-decoration, inherit);
  5976. text-decoration: var(--mdc-typography-body2-text-decoration, inherit);
  5977. text-transform: inherit;
  5978. /* @alternate */
  5979. text-transform: var(--mdc-typography-body2-text-transform, inherit);
  5980. color: rgba(0, 0, 0, 0.87);
  5981. /* @alternate */
  5982. color: var(--mdc-theme-text-primary-on-background, rgba(0, 0, 0, 0.87));
  5983. display: inline-flex;
  5984. align-items: center;
  5985. vertical-align: middle;
  5986. }
  5987. .mdc-form-field > label {
  5988. /* @noflip */
  5989. margin-left: 0;
  5990. /* @noflip */
  5991. margin-right: auto;
  5992. /* @noflip */
  5993. padding-left: 4px;
  5994. /* @noflip */
  5995. padding-right: 0;
  5996. order: 0;
  5997. }
  5998. [dir=rtl] .mdc-form-field > label, .mdc-form-field > label[dir=rtl] {
  5999. /* @noflip */
  6000. margin-left: auto;
  6001. /* @noflip */
  6002. margin-right: 0;
  6003. }
  6004. [dir=rtl] .mdc-form-field > label, .mdc-form-field > label[dir=rtl] {
  6005. /* @noflip */
  6006. padding-left: 0;
  6007. /* @noflip */
  6008. padding-right: 4px;
  6009. }
  6010. .mdc-form-field--nowrap > label {
  6011. text-overflow: ellipsis;
  6012. overflow: hidden;
  6013. white-space: nowrap;
  6014. }
  6015. .mdc-form-field--align-end > label {
  6016. /* @noflip */
  6017. margin-left: auto;
  6018. /* @noflip */
  6019. margin-right: 0;
  6020. /* @noflip */
  6021. padding-left: 0;
  6022. /* @noflip */
  6023. padding-right: 4px;
  6024. order: -1;
  6025. }
  6026. [dir=rtl] .mdc-form-field--align-end > label, .mdc-form-field--align-end > label[dir=rtl] {
  6027. /* @noflip */
  6028. margin-left: 0;
  6029. /* @noflip */
  6030. margin-right: auto;
  6031. }
  6032. [dir=rtl] .mdc-form-field--align-end > label, .mdc-form-field--align-end > label[dir=rtl] {
  6033. /* @noflip */
  6034. padding-left: 4px;
  6035. /* @noflip */
  6036. padding-right: 0;
  6037. }
  6038. .mdc-form-field--space-between {
  6039. justify-content: space-between;
  6040. }
  6041. .mdc-form-field--space-between > label {
  6042. margin: 0;
  6043. }
  6044. [dir=rtl] .mdc-form-field--space-between > label, .mdc-form-field--space-between > label[dir=rtl] {
  6045. margin: 0;
  6046. }
  6047. .mdc-icon-button {
  6048. display: inline-block;
  6049. position: relative;
  6050. box-sizing: border-box;
  6051. border: none;
  6052. outline: none;
  6053. background-color: transparent;
  6054. fill: currentColor;
  6055. color: inherit;
  6056. font-size: 24px;
  6057. text-decoration: none;
  6058. cursor: pointer;
  6059. -webkit-user-select: none;
  6060. -moz-user-select: none;
  6061. -ms-user-select: none;
  6062. user-select: none;
  6063. width: 48px;
  6064. height: 48px;
  6065. padding: 12px;
  6066. }
  6067. .mdc-icon-button svg,
  6068. .mdc-icon-button img {
  6069. width: 24px;
  6070. height: 24px;
  6071. }
  6072. .mdc-icon-button:disabled {
  6073. color: rgba(0, 0, 0, 0.38);
  6074. /* @alternate */
  6075. color: var(--mdc-theme-text-disabled-on-light, rgba(0, 0, 0, 0.38));
  6076. }
  6077. .mdc-icon-button:disabled {
  6078. cursor: default;
  6079. pointer-events: none;
  6080. }
  6081. .mdc-icon-button__icon {
  6082. display: inline-block;
  6083. }
  6084. .mdc-icon-button__icon.mdc-icon-button__icon--on {
  6085. display: none;
  6086. }
  6087. .mdc-icon-button--on .mdc-icon-button__icon {
  6088. display: none;
  6089. }
  6090. .mdc-icon-button--on .mdc-icon-button__icon.mdc-icon-button__icon--on {
  6091. display: inline-block;
  6092. }
  6093. .mdc-icon-button {
  6094. --mdc-ripple-fg-size: 0;
  6095. --mdc-ripple-left: 0;
  6096. --mdc-ripple-top: 0;
  6097. --mdc-ripple-fg-scale: 1;
  6098. --mdc-ripple-fg-translate-end: 0;
  6099. --mdc-ripple-fg-translate-start: 0;
  6100. -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  6101. will-change: transform, opacity;
  6102. }
  6103. .mdc-icon-button::before, .mdc-icon-button::after {
  6104. position: absolute;
  6105. border-radius: 50%;
  6106. opacity: 0;
  6107. pointer-events: none;
  6108. content: "";
  6109. }
  6110. .mdc-icon-button::before {
  6111. transition: opacity 15ms linear, background-color 15ms linear;
  6112. z-index: 1;
  6113. /* @alternate */
  6114. z-index: var(--mdc-ripple-z-index, 1);
  6115. }
  6116. .mdc-icon-button::after {
  6117. z-index: 0;
  6118. /* @alternate */
  6119. z-index: var(--mdc-ripple-z-index, 0);
  6120. }
  6121. .mdc-icon-button.mdc-ripple-upgraded::before {
  6122. -webkit-transform: scale(var(--mdc-ripple-fg-scale, 1));
  6123. transform: scale(var(--mdc-ripple-fg-scale, 1));
  6124. }
  6125. .mdc-icon-button.mdc-ripple-upgraded::after {
  6126. top: 0;
  6127. /* @noflip */
  6128. left: 0;
  6129. -webkit-transform: scale(0);
  6130. transform: scale(0);
  6131. -webkit-transform-origin: center center;
  6132. transform-origin: center center;
  6133. }
  6134. .mdc-icon-button.mdc-ripple-upgraded--unbounded::after {
  6135. top: var(--mdc-ripple-top, 0);
  6136. /* @noflip */
  6137. left: var(--mdc-ripple-left, 0);
  6138. }
  6139. .mdc-icon-button.mdc-ripple-upgraded--foreground-activation::after {
  6140. -webkit-animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards;
  6141. animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards;
  6142. }
  6143. .mdc-icon-button.mdc-ripple-upgraded--foreground-deactivation::after {
  6144. -webkit-animation: mdc-ripple-fg-opacity-out 150ms;
  6145. animation: mdc-ripple-fg-opacity-out 150ms;
  6146. -webkit-transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
  6147. transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
  6148. }
  6149. .mdc-icon-button::before, .mdc-icon-button::after {
  6150. top: calc(50% - 50%);
  6151. /* @noflip */
  6152. left: calc(50% - 50%);
  6153. width: 100%;
  6154. height: 100%;
  6155. }
  6156. .mdc-icon-button.mdc-ripple-upgraded::before, .mdc-icon-button.mdc-ripple-upgraded::after {
  6157. top: var(--mdc-ripple-top, calc(50% - 50%));
  6158. /* @noflip */
  6159. left: var(--mdc-ripple-left, calc(50% - 50%));
  6160. width: var(--mdc-ripple-fg-size, 100%);
  6161. height: var(--mdc-ripple-fg-size, 100%);
  6162. }
  6163. .mdc-icon-button.mdc-ripple-upgraded::after {
  6164. width: var(--mdc-ripple-fg-size, 100%);
  6165. height: var(--mdc-ripple-fg-size, 100%);
  6166. }
  6167. .mdc-icon-button::before, .mdc-icon-button::after {
  6168. background-color: #000;
  6169. /* @alternate */
  6170. background-color: var(--mdc-ripple-color, #000);
  6171. }
  6172. .mdc-icon-button:hover::before, .mdc-icon-button.mdc-ripple-surface--hover::before {
  6173. opacity: 0.04;
  6174. /* @alternate */
  6175. opacity: var(--mdc-ripple-hover-opacity, 0.04);
  6176. }
  6177. .mdc-icon-button.mdc-ripple-upgraded--background-focused::before, .mdc-icon-button:not(.mdc-ripple-upgraded):focus::before {
  6178. transition-duration: 75ms;
  6179. opacity: 0.12;
  6180. /* @alternate */
  6181. opacity: var(--mdc-ripple-focus-opacity, 0.12);
  6182. }
  6183. .mdc-icon-button:not(.mdc-ripple-upgraded)::after {
  6184. transition: opacity 150ms linear;
  6185. }
  6186. .mdc-icon-button:not(.mdc-ripple-upgraded):active::after {
  6187. transition-duration: 75ms;
  6188. opacity: 0.12;
  6189. /* @alternate */
  6190. opacity: var(--mdc-ripple-press-opacity, 0.12);
  6191. }
  6192. .mdc-icon-button.mdc-ripple-upgraded {
  6193. --mdc-ripple-fg-opacity: var(--mdc-ripple-press-opacity, 0.12);
  6194. }
  6195. .mdc-image-list {
  6196. display: flex;
  6197. flex-wrap: wrap;
  6198. margin: 0 auto;
  6199. padding: 0;
  6200. }
  6201. .mdc-image-list__item,
  6202. .mdc-image-list__image-aspect-container {
  6203. position: relative;
  6204. box-sizing: border-box;
  6205. }
  6206. .mdc-image-list__item {
  6207. list-style-type: none;
  6208. }
  6209. .mdc-image-list__image {
  6210. width: 100%;
  6211. }
  6212. .mdc-image-list__image-aspect-container .mdc-image-list__image {
  6213. position: absolute;
  6214. top: 0;
  6215. right: 0;
  6216. bottom: 0;
  6217. left: 0;
  6218. height: 100%;
  6219. background-repeat: no-repeat;
  6220. background-position: center;
  6221. background-size: cover;
  6222. }
  6223. .mdc-image-list__image-aspect-container {
  6224. padding-bottom: calc(100% / 1);
  6225. }
  6226. .mdc-image-list__image {
  6227. border-radius: 0;
  6228. }
  6229. .mdc-image-list--with-text-protection .mdc-image-list__supporting {
  6230. border-top-left-radius: 0;
  6231. border-top-right-radius: 0;
  6232. border-bottom-right-radius: 0;
  6233. border-bottom-left-radius: 0;
  6234. }
  6235. .mdc-image-list__supporting {
  6236. color: rgba(0, 0, 0, 0.87);
  6237. /* @alternate */
  6238. color: var(--mdc-theme-text-primary-on-background, rgba(0, 0, 0, 0.87));
  6239. display: flex;
  6240. align-items: center;
  6241. justify-content: space-between;
  6242. box-sizing: border-box;
  6243. padding: 8px 0;
  6244. line-height: 24px;
  6245. }
  6246. .mdc-image-list__label {
  6247. -moz-osx-font-smoothing: grayscale;
  6248. -webkit-font-smoothing: antialiased;
  6249. font-family: Roboto, sans-serif;
  6250. /* @alternate */
  6251. font-family: var(--mdc-typography-subtitle1-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));
  6252. font-size: 1rem;
  6253. /* @alternate */
  6254. font-size: var(--mdc-typography-subtitle1-font-size, 1rem);
  6255. line-height: 1.75rem;
  6256. /* @alternate */
  6257. line-height: var(--mdc-typography-subtitle1-line-height, 1.75rem);
  6258. font-weight: 400;
  6259. /* @alternate */
  6260. font-weight: var(--mdc-typography-subtitle1-font-weight, 400);
  6261. letter-spacing: 0.009375em;
  6262. /* @alternate */
  6263. letter-spacing: var(--mdc-typography-subtitle1-letter-spacing, 0.009375em);
  6264. text-decoration: inherit;
  6265. /* @alternate */
  6266. -webkit-text-decoration: var(--mdc-typography-subtitle1-text-decoration, inherit);
  6267. text-decoration: var(--mdc-typography-subtitle1-text-decoration, inherit);
  6268. text-transform: inherit;
  6269. /* @alternate */
  6270. text-transform: var(--mdc-typography-subtitle1-text-transform, inherit);
  6271. text-overflow: ellipsis;
  6272. white-space: nowrap;
  6273. overflow: hidden;
  6274. }
  6275. .mdc-image-list--with-text-protection .mdc-image-list__supporting {
  6276. position: absolute;
  6277. bottom: 0;
  6278. width: 100%;
  6279. height: 48px;
  6280. padding: 0 16px;
  6281. background: rgba(0, 0, 0, 0.6);
  6282. color: #fff;
  6283. }
  6284. .mdc-image-list--masonry {
  6285. display: block;
  6286. }
  6287. .mdc-image-list--masonry .mdc-image-list__item {
  6288. -webkit-column-break-inside: avoid;
  6289. break-inside: avoid-column;
  6290. }
  6291. .mdc-image-list--masonry .mdc-image-list__image {
  6292. display: block;
  6293. height: auto;
  6294. }
  6295. :root {
  6296. --mdc-layout-grid-margin-desktop: 24px;
  6297. --mdc-layout-grid-gutter-desktop: 24px;
  6298. --mdc-layout-grid-column-width-desktop: 72px;
  6299. --mdc-layout-grid-margin-tablet: 16px;
  6300. --mdc-layout-grid-gutter-tablet: 16px;
  6301. --mdc-layout-grid-column-width-tablet: 72px;
  6302. --mdc-layout-grid-margin-phone: 16px;
  6303. --mdc-layout-grid-gutter-phone: 16px;
  6304. --mdc-layout-grid-column-width-phone: 72px;
  6305. }
  6306. @media (min-width: 840px) {
  6307. .mdc-layout-grid {
  6308. box-sizing: border-box;
  6309. margin: 0 auto;
  6310. padding: 24px;
  6311. padding: var(--mdc-layout-grid-margin-desktop, 24px);
  6312. }
  6313. }
  6314. @media (min-width: 600px) and (max-width: 839px) {
  6315. .mdc-layout-grid {
  6316. box-sizing: border-box;
  6317. margin: 0 auto;
  6318. padding: 16px;
  6319. padding: var(--mdc-layout-grid-margin-tablet, 16px);
  6320. }
  6321. }
  6322. @media (max-width: 599px) {
  6323. .mdc-layout-grid {
  6324. box-sizing: border-box;
  6325. margin: 0 auto;
  6326. padding: 16px;
  6327. padding: var(--mdc-layout-grid-margin-phone, 16px);
  6328. }
  6329. }
  6330. @media (min-width: 840px) {
  6331. .mdc-layout-grid__inner {
  6332. display: flex;
  6333. flex-flow: row wrap;
  6334. align-items: stretch;
  6335. margin: -12px;
  6336. margin: calc(var(--mdc-layout-grid-gutter-desktop, 24px) / 2 * -1);
  6337. }
  6338. @supports (display: grid) {
  6339. .mdc-layout-grid__inner {
  6340. display: grid;
  6341. margin: 0;
  6342. grid-gap: 24px;
  6343. grid-gap: var(--mdc-layout-grid-gutter-desktop, 24px);
  6344. grid-template-columns: repeat(12, minmax(0, 1fr));
  6345. }
  6346. }
  6347. }
  6348. @media (min-width: 600px) and (max-width: 839px) {
  6349. .mdc-layout-grid__inner {
  6350. display: flex;
  6351. flex-flow: row wrap;
  6352. align-items: stretch;
  6353. margin: -8px;
  6354. margin: calc(var(--mdc-layout-grid-gutter-tablet, 16px) / 2 * -1);
  6355. }
  6356. @supports (display: grid) {
  6357. .mdc-layout-grid__inner {
  6358. display: grid;
  6359. margin: 0;
  6360. grid-gap: 16px;
  6361. grid-gap: var(--mdc-layout-grid-gutter-tablet, 16px);
  6362. grid-template-columns: repeat(8, minmax(0, 1fr));
  6363. }
  6364. }
  6365. }
  6366. @media (max-width: 599px) {
  6367. .mdc-layout-grid__inner {
  6368. display: flex;
  6369. flex-flow: row wrap;
  6370. align-items: stretch;
  6371. margin: -8px;
  6372. margin: calc(var(--mdc-layout-grid-gutter-phone, 16px) / 2 * -1);
  6373. }
  6374. @supports (display: grid) {
  6375. .mdc-layout-grid__inner {
  6376. display: grid;
  6377. margin: 0;
  6378. grid-gap: 16px;
  6379. grid-gap: var(--mdc-layout-grid-gutter-phone, 16px);
  6380. grid-template-columns: repeat(4, minmax(0, 1fr));
  6381. }
  6382. }
  6383. }
  6384. @media (min-width: 840px) {
  6385. .mdc-layout-grid__cell {
  6386. width: calc(33.3333333333% - 24px);
  6387. width: calc(33.3333333333% - var(--mdc-layout-grid-gutter-desktop, 24px));
  6388. box-sizing: border-box;
  6389. margin: 12px;
  6390. margin: calc(var(--mdc-layout-grid-gutter-desktop, 24px) / 2);
  6391. }
  6392. @supports (display: grid) {
  6393. .mdc-layout-grid__cell {
  6394. width: auto;
  6395. grid-column-end: span 4;
  6396. }
  6397. }
  6398. @supports (display: grid) {
  6399. .mdc-layout-grid__cell {
  6400. margin: 0;
  6401. }
  6402. }
  6403. .mdc-layout-grid__cell--span-1,
  6404. .mdc-layout-grid__cell--span-1-desktop {
  6405. width: calc(8.3333333333% - 24px);
  6406. width: calc(8.3333333333% - var(--mdc-layout-grid-gutter-desktop, 24px));
  6407. }
  6408. @supports (display: grid) {
  6409. .mdc-layout-grid__cell--span-1,
  6410. .mdc-layout-grid__cell--span-1-desktop {
  6411. width: auto;
  6412. grid-column-end: span 1;
  6413. }
  6414. }
  6415. .mdc-layout-grid__cell--span-2,
  6416. .mdc-layout-grid__cell--span-2-desktop {
  6417. width: calc(16.6666666667% - 24px);
  6418. width: calc(16.6666666667% - var(--mdc-layout-grid-gutter-desktop, 24px));
  6419. }
  6420. @supports (display: grid) {
  6421. .mdc-layout-grid__cell--span-2,
  6422. .mdc-layout-grid__cell--span-2-desktop {
  6423. width: auto;
  6424. grid-column-end: span 2;
  6425. }
  6426. }
  6427. .mdc-layout-grid__cell--span-3,
  6428. .mdc-layout-grid__cell--span-3-desktop {
  6429. width: calc(25% - 24px);
  6430. width: calc(25% - var(--mdc-layout-grid-gutter-desktop, 24px));
  6431. }
  6432. @supports (display: grid) {
  6433. .mdc-layout-grid__cell--span-3,
  6434. .mdc-layout-grid__cell--span-3-desktop {
  6435. width: auto;
  6436. grid-column-end: span 3;
  6437. }
  6438. }
  6439. .mdc-layout-grid__cell--span-4,
  6440. .mdc-layout-grid__cell--span-4-desktop {
  6441. width: calc(33.3333333333% - 24px);
  6442. width: calc(33.3333333333% - var(--mdc-layout-grid-gutter-desktop, 24px));
  6443. }
  6444. @supports (display: grid) {
  6445. .mdc-layout-grid__cell--span-4,
  6446. .mdc-layout-grid__cell--span-4-desktop {
  6447. width: auto;
  6448. grid-column-end: span 4;
  6449. }
  6450. }
  6451. .mdc-layout-grid__cell--span-5,
  6452. .mdc-layout-grid__cell--span-5-desktop {
  6453. width: calc(41.6666666667% - 24px);
  6454. width: calc(41.6666666667% - var(--mdc-layout-grid-gutter-desktop, 24px));
  6455. }
  6456. @supports (display: grid) {
  6457. .mdc-layout-grid__cell--span-5,
  6458. .mdc-layout-grid__cell--span-5-desktop {
  6459. width: auto;
  6460. grid-column-end: span 5;
  6461. }
  6462. }
  6463. .mdc-layout-grid__cell--span-6,
  6464. .mdc-layout-grid__cell--span-6-desktop {
  6465. width: calc(50% - 24px);
  6466. width: calc(50% - var(--mdc-layout-grid-gutter-desktop, 24px));
  6467. }
  6468. @supports (display: grid) {
  6469. .mdc-layout-grid__cell--span-6,
  6470. .mdc-layout-grid__cell--span-6-desktop {
  6471. width: auto;
  6472. grid-column-end: span 6;
  6473. }
  6474. }
  6475. .mdc-layout-grid__cell--span-7,
  6476. .mdc-layout-grid__cell--span-7-desktop {
  6477. width: calc(58.3333333333% - 24px);
  6478. width: calc(58.3333333333% - var(--mdc-layout-grid-gutter-desktop, 24px));
  6479. }
  6480. @supports (display: grid) {
  6481. .mdc-layout-grid__cell--span-7,
  6482. .mdc-layout-grid__cell--span-7-desktop {
  6483. width: auto;
  6484. grid-column-end: span 7;
  6485. }
  6486. }
  6487. .mdc-layout-grid__cell--span-8,
  6488. .mdc-layout-grid__cell--span-8-desktop {
  6489. width: calc(66.6666666667% - 24px);
  6490. width: calc(66.6666666667% - var(--mdc-layout-grid-gutter-desktop, 24px));
  6491. }
  6492. @supports (display: grid) {
  6493. .mdc-layout-grid__cell--span-8,
  6494. .mdc-layout-grid__cell--span-8-desktop {
  6495. width: auto;
  6496. grid-column-end: span 8;
  6497. }
  6498. }
  6499. .mdc-layout-grid__cell--span-9,
  6500. .mdc-layout-grid__cell--span-9-desktop {
  6501. width: calc(75% - 24px);
  6502. width: calc(75% - var(--mdc-layout-grid-gutter-desktop, 24px));
  6503. }
  6504. @supports (display: grid) {
  6505. .mdc-layout-grid__cell--span-9,
  6506. .mdc-layout-grid__cell--span-9-desktop {
  6507. width: auto;
  6508. grid-column-end: span 9;
  6509. }
  6510. }
  6511. .mdc-layout-grid__cell--span-10,
  6512. .mdc-layout-grid__cell--span-10-desktop {
  6513. width: calc(83.3333333333% - 24px);
  6514. width: calc(83.3333333333% - var(--mdc-layout-grid-gutter-desktop, 24px));
  6515. }
  6516. @supports (display: grid) {
  6517. .mdc-layout-grid__cell--span-10,
  6518. .mdc-layout-grid__cell--span-10-desktop {
  6519. width: auto;
  6520. grid-column-end: span 10;
  6521. }
  6522. }
  6523. .mdc-layout-grid__cell--span-11,
  6524. .mdc-layout-grid__cell--span-11-desktop {
  6525. width: calc(91.6666666667% - 24px);
  6526. width: calc(91.6666666667% - var(--mdc-layout-grid-gutter-desktop, 24px));
  6527. }
  6528. @supports (display: grid) {
  6529. .mdc-layout-grid__cell--span-11,
  6530. .mdc-layout-grid__cell--span-11-desktop {
  6531. width: auto;
  6532. grid-column-end: span 11;
  6533. }
  6534. }
  6535. .mdc-layout-grid__cell--span-12,
  6536. .mdc-layout-grid__cell--span-12-desktop {
  6537. width: calc(100% - 24px);
  6538. width: calc(100% - var(--mdc-layout-grid-gutter-desktop, 24px));
  6539. }
  6540. @supports (display: grid) {
  6541. .mdc-layout-grid__cell--span-12,
  6542. .mdc-layout-grid__cell--span-12-desktop {
  6543. width: auto;
  6544. grid-column-end: span 12;
  6545. }
  6546. }
  6547. }
  6548. @media (min-width: 600px) and (max-width: 839px) {
  6549. .mdc-layout-grid__cell {
  6550. width: calc(50% - 16px);
  6551. width: calc(50% - var(--mdc-layout-grid-gutter-tablet, 16px));
  6552. box-sizing: border-box;
  6553. margin: 8px;
  6554. margin: calc(var(--mdc-layout-grid-gutter-tablet, 16px) / 2);
  6555. }
  6556. @supports (display: grid) {
  6557. .mdc-layout-grid__cell {
  6558. width: auto;
  6559. grid-column-end: span 4;
  6560. }
  6561. }
  6562. @supports (display: grid) {
  6563. .mdc-layout-grid__cell {
  6564. margin: 0;
  6565. }
  6566. }
  6567. .mdc-layout-grid__cell--span-1,
  6568. .mdc-layout-grid__cell--span-1-tablet {
  6569. width: calc(12.5% - 16px);
  6570. width: calc(12.5% - var(--mdc-layout-grid-gutter-tablet, 16px));
  6571. }
  6572. @supports (display: grid) {
  6573. .mdc-layout-grid__cell--span-1,
  6574. .mdc-layout-grid__cell--span-1-tablet {
  6575. width: auto;
  6576. grid-column-end: span 1;
  6577. }
  6578. }
  6579. .mdc-layout-grid__cell--span-2,
  6580. .mdc-layout-grid__cell--span-2-tablet {
  6581. width: calc(25% - 16px);
  6582. width: calc(25% - var(--mdc-layout-grid-gutter-tablet, 16px));
  6583. }
  6584. @supports (display: grid) {
  6585. .mdc-layout-grid__cell--span-2,
  6586. .mdc-layout-grid__cell--span-2-tablet {
  6587. width: auto;
  6588. grid-column-end: span 2;
  6589. }
  6590. }
  6591. .mdc-layout-grid__cell--span-3,
  6592. .mdc-layout-grid__cell--span-3-tablet {
  6593. width: calc(37.5% - 16px);
  6594. width: calc(37.5% - var(--mdc-layout-grid-gutter-tablet, 16px));
  6595. }
  6596. @supports (display: grid) {
  6597. .mdc-layout-grid__cell--span-3,
  6598. .mdc-layout-grid__cell--span-3-tablet {
  6599. width: auto;
  6600. grid-column-end: span 3;
  6601. }
  6602. }
  6603. .mdc-layout-grid__cell--span-4,
  6604. .mdc-layout-grid__cell--span-4-tablet {
  6605. width: calc(50% - 16px);
  6606. width: calc(50% - var(--mdc-layout-grid-gutter-tablet, 16px));
  6607. }
  6608. @supports (display: grid) {
  6609. .mdc-layout-grid__cell--span-4,
  6610. .mdc-layout-grid__cell--span-4-tablet {
  6611. width: auto;
  6612. grid-column-end: span 4;
  6613. }
  6614. }
  6615. .mdc-layout-grid__cell--span-5,
  6616. .mdc-layout-grid__cell--span-5-tablet {
  6617. width: calc(62.5% - 16px);
  6618. width: calc(62.5% - var(--mdc-layout-grid-gutter-tablet, 16px));
  6619. }
  6620. @supports (display: grid) {
  6621. .mdc-layout-grid__cell--span-5,
  6622. .mdc-layout-grid__cell--span-5-tablet {
  6623. width: auto;
  6624. grid-column-end: span 5;
  6625. }
  6626. }
  6627. .mdc-layout-grid__cell--span-6,
  6628. .mdc-layout-grid__cell--span-6-tablet {
  6629. width: calc(75% - 16px);
  6630. width: calc(75% - var(--mdc-layout-grid-gutter-tablet, 16px));
  6631. }
  6632. @supports (display: grid) {
  6633. .mdc-layout-grid__cell--span-6,
  6634. .mdc-layout-grid__cell--span-6-tablet {
  6635. width: auto;
  6636. grid-column-end: span 6;
  6637. }
  6638. }
  6639. .mdc-layout-grid__cell--span-7,
  6640. .mdc-layout-grid__cell--span-7-tablet {
  6641. width: calc(87.5% - 16px);
  6642. width: calc(87.5% - var(--mdc-layout-grid-gutter-tablet, 16px));
  6643. }
  6644. @supports (display: grid) {
  6645. .mdc-layout-grid__cell--span-7,
  6646. .mdc-layout-grid__cell--span-7-tablet {
  6647. width: auto;
  6648. grid-column-end: span 7;
  6649. }
  6650. }
  6651. .mdc-layout-grid__cell--span-8,
  6652. .mdc-layout-grid__cell--span-8-tablet {
  6653. width: calc(100% - 16px);
  6654. width: calc(100% - var(--mdc-layout-grid-gutter-tablet, 16px));
  6655. }
  6656. @supports (display: grid) {
  6657. .mdc-layout-grid__cell--span-8,
  6658. .mdc-layout-grid__cell--span-8-tablet {
  6659. width: auto;
  6660. grid-column-end: span 8;
  6661. }
  6662. }
  6663. .mdc-layout-grid__cell--span-9,
  6664. .mdc-layout-grid__cell--span-9-tablet {
  6665. width: calc(100% - 16px);
  6666. width: calc(100% - var(--mdc-layout-grid-gutter-tablet, 16px));
  6667. }
  6668. @supports (display: grid) {
  6669. .mdc-layout-grid__cell--span-9,
  6670. .mdc-layout-grid__cell--span-9-tablet {
  6671. width: auto;
  6672. grid-column-end: span 8;
  6673. }
  6674. }
  6675. .mdc-layout-grid__cell--span-10,
  6676. .mdc-layout-grid__cell--span-10-tablet {
  6677. width: calc(100% - 16px);
  6678. width: calc(100% - var(--mdc-layout-grid-gutter-tablet, 16px));
  6679. }
  6680. @supports (display: grid) {
  6681. .mdc-layout-grid__cell--span-10,
  6682. .mdc-layout-grid__cell--span-10-tablet {
  6683. width: auto;
  6684. grid-column-end: span 8;
  6685. }
  6686. }
  6687. .mdc-layout-grid__cell--span-11,
  6688. .mdc-layout-grid__cell--span-11-tablet {
  6689. width: calc(100% - 16px);
  6690. width: calc(100% - var(--mdc-layout-grid-gutter-tablet, 16px));
  6691. }
  6692. @supports (display: grid) {
  6693. .mdc-layout-grid__cell--span-11,
  6694. .mdc-layout-grid__cell--span-11-tablet {
  6695. width: auto;
  6696. grid-column-end: span 8;
  6697. }
  6698. }
  6699. .mdc-layout-grid__cell--span-12,
  6700. .mdc-layout-grid__cell--span-12-tablet {
  6701. width: calc(100% - 16px);
  6702. width: calc(100% - var(--mdc-layout-grid-gutter-tablet, 16px));
  6703. }
  6704. @supports (display: grid) {
  6705. .mdc-layout-grid__cell--span-12,
  6706. .mdc-layout-grid__cell--span-12-tablet {
  6707. width: auto;
  6708. grid-column-end: span 8;
  6709. }
  6710. }
  6711. }
  6712. @media (max-width: 599px) {
  6713. .mdc-layout-grid__cell {
  6714. width: calc(100% - 16px);
  6715. width: calc(100% - var(--mdc-layout-grid-gutter-phone, 16px));
  6716. box-sizing: border-box;
  6717. margin: 8px;
  6718. margin: calc(var(--mdc-layout-grid-gutter-phone, 16px) / 2);
  6719. }
  6720. @supports (display: grid) {
  6721. .mdc-layout-grid__cell {
  6722. width: auto;
  6723. grid-column-end: span 4;
  6724. }
  6725. }
  6726. @supports (display: grid) {
  6727. .mdc-layout-grid__cell {
  6728. margin: 0;
  6729. }
  6730. }
  6731. .mdc-layout-grid__cell--span-1,
  6732. .mdc-layout-grid__cell--span-1-phone {
  6733. width: calc(25% - 16px);
  6734. width: calc(25% - var(--mdc-layout-grid-gutter-phone, 16px));
  6735. }
  6736. @supports (display: grid) {
  6737. .mdc-layout-grid__cell--span-1,
  6738. .mdc-layout-grid__cell--span-1-phone {
  6739. width: auto;
  6740. grid-column-end: span 1;
  6741. }
  6742. }
  6743. .mdc-layout-grid__cell--span-2,
  6744. .mdc-layout-grid__cell--span-2-phone {
  6745. width: calc(50% - 16px);
  6746. width: calc(50% - var(--mdc-layout-grid-gutter-phone, 16px));
  6747. }
  6748. @supports (display: grid) {
  6749. .mdc-layout-grid__cell--span-2,
  6750. .mdc-layout-grid__cell--span-2-phone {
  6751. width: auto;
  6752. grid-column-end: span 2;
  6753. }
  6754. }
  6755. .mdc-layout-grid__cell--span-3,
  6756. .mdc-layout-grid__cell--span-3-phone {
  6757. width: calc(75% - 16px);
  6758. width: calc(75% - var(--mdc-layout-grid-gutter-phone, 16px));
  6759. }
  6760. @supports (display: grid) {
  6761. .mdc-layout-grid__cell--span-3,
  6762. .mdc-layout-grid__cell--span-3-phone {
  6763. width: auto;
  6764. grid-column-end: span 3;
  6765. }
  6766. }
  6767. .mdc-layout-grid__cell--span-4,
  6768. .mdc-layout-grid__cell--span-4-phone {
  6769. width: calc(100% - 16px);
  6770. width: calc(100% - var(--mdc-layout-grid-gutter-phone, 16px));
  6771. }
  6772. @supports (display: grid) {
  6773. .mdc-layout-grid__cell--span-4,
  6774. .mdc-layout-grid__cell--span-4-phone {
  6775. width: auto;
  6776. grid-column-end: span 4;
  6777. }
  6778. }
  6779. .mdc-layout-grid__cell--span-5,
  6780. .mdc-layout-grid__cell--span-5-phone {
  6781. width: calc(100% - 16px);
  6782. width: calc(100% - var(--mdc-layout-grid-gutter-phone, 16px));
  6783. }
  6784. @supports (display: grid) {
  6785. .mdc-layout-grid__cell--span-5,
  6786. .mdc-layout-grid__cell--span-5-phone {
  6787. width: auto;
  6788. grid-column-end: span 4;
  6789. }
  6790. }
  6791. .mdc-layout-grid__cell--span-6,
  6792. .mdc-layout-grid__cell--span-6-phone {
  6793. width: calc(100% - 16px);
  6794. width: calc(100% - var(--mdc-layout-grid-gutter-phone, 16px));
  6795. }
  6796. @supports (display: grid) {
  6797. .mdc-layout-grid__cell--span-6,
  6798. .mdc-layout-grid__cell--span-6-phone {
  6799. width: auto;
  6800. grid-column-end: span 4;
  6801. }
  6802. }
  6803. .mdc-layout-grid__cell--span-7,
  6804. .mdc-layout-grid__cell--span-7-phone {
  6805. width: calc(100% - 16px);
  6806. width: calc(100% - var(--mdc-layout-grid-gutter-phone, 16px));
  6807. }
  6808. @supports (display: grid) {
  6809. .mdc-layout-grid__cell--span-7,
  6810. .mdc-layout-grid__cell--span-7-phone {
  6811. width: auto;
  6812. grid-column-end: span 4;
  6813. }
  6814. }
  6815. .mdc-layout-grid__cell--span-8,
  6816. .mdc-layout-grid__cell--span-8-phone {
  6817. width: calc(100% - 16px);
  6818. width: calc(100% - var(--mdc-layout-grid-gutter-phone, 16px));
  6819. }
  6820. @supports (display: grid) {
  6821. .mdc-layout-grid__cell--span-8,
  6822. .mdc-layout-grid__cell--span-8-phone {
  6823. width: auto;
  6824. grid-column-end: span 4;
  6825. }
  6826. }
  6827. .mdc-layout-grid__cell--span-9,
  6828. .mdc-layout-grid__cell--span-9-phone {
  6829. width: calc(100% - 16px);
  6830. width: calc(100% - var(--mdc-layout-grid-gutter-phone, 16px));
  6831. }
  6832. @supports (display: grid) {
  6833. .mdc-layout-grid__cell--span-9,
  6834. .mdc-layout-grid__cell--span-9-phone {
  6835. width: auto;
  6836. grid-column-end: span 4;
  6837. }
  6838. }
  6839. .mdc-layout-grid__cell--span-10,
  6840. .mdc-layout-grid__cell--span-10-phone {
  6841. width: calc(100% - 16px);
  6842. width: calc(100% - var(--mdc-layout-grid-gutter-phone, 16px));
  6843. }
  6844. @supports (display: grid) {
  6845. .mdc-layout-grid__cell--span-10,
  6846. .mdc-layout-grid__cell--span-10-phone {
  6847. width: auto;
  6848. grid-column-end: span 4;
  6849. }
  6850. }
  6851. .mdc-layout-grid__cell--span-11,
  6852. .mdc-layout-grid__cell--span-11-phone {
  6853. width: calc(100% - 16px);
  6854. width: calc(100% - var(--mdc-layout-grid-gutter-phone, 16px));
  6855. }
  6856. @supports (display: grid) {
  6857. .mdc-layout-grid__cell--span-11,
  6858. .mdc-layout-grid__cell--span-11-phone {
  6859. width: auto;
  6860. grid-column-end: span 4;
  6861. }
  6862. }
  6863. .mdc-layout-grid__cell--span-12,
  6864. .mdc-layout-grid__cell--span-12-phone {
  6865. width: calc(100% - 16px);
  6866. width: calc(100% - var(--mdc-layout-grid-gutter-phone, 16px));
  6867. }
  6868. @supports (display: grid) {
  6869. .mdc-layout-grid__cell--span-12,
  6870. .mdc-layout-grid__cell--span-12-phone {
  6871. width: auto;
  6872. grid-column-end: span 4;
  6873. }
  6874. }
  6875. }
  6876. .mdc-layout-grid__cell--order-1 {
  6877. order: 1;
  6878. }
  6879. .mdc-layout-grid__cell--order-2 {
  6880. order: 2;
  6881. }
  6882. .mdc-layout-grid__cell--order-3 {
  6883. order: 3;
  6884. }
  6885. .mdc-layout-grid__cell--order-4 {
  6886. order: 4;
  6887. }
  6888. .mdc-layout-grid__cell--order-5 {
  6889. order: 5;
  6890. }
  6891. .mdc-layout-grid__cell--order-6 {
  6892. order: 6;
  6893. }
  6894. .mdc-layout-grid__cell--order-7 {
  6895. order: 7;
  6896. }
  6897. .mdc-layout-grid__cell--order-8 {
  6898. order: 8;
  6899. }
  6900. .mdc-layout-grid__cell--order-9 {
  6901. order: 9;
  6902. }
  6903. .mdc-layout-grid__cell--order-10 {
  6904. order: 10;
  6905. }
  6906. .mdc-layout-grid__cell--order-11 {
  6907. order: 11;
  6908. }
  6909. .mdc-layout-grid__cell--order-12 {
  6910. order: 12;
  6911. }
  6912. .mdc-layout-grid__cell--align-top {
  6913. align-self: flex-start;
  6914. }
  6915. @supports (display: grid) {
  6916. .mdc-layout-grid__cell--align-top {
  6917. align-self: start;
  6918. }
  6919. }
  6920. .mdc-layout-grid__cell--align-middle {
  6921. align-self: center;
  6922. }
  6923. .mdc-layout-grid__cell--align-bottom {
  6924. align-self: flex-end;
  6925. }
  6926. @supports (display: grid) {
  6927. .mdc-layout-grid__cell--align-bottom {
  6928. align-self: end;
  6929. }
  6930. }
  6931. @media (min-width: 840px) {
  6932. .mdc-layout-grid--fixed-column-width {
  6933. width: 1176px;
  6934. 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 );
  6935. }
  6936. }
  6937. @media (min-width: 600px) and (max-width: 839px) {
  6938. .mdc-layout-grid--fixed-column-width {
  6939. width: 720px;
  6940. 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 );
  6941. }
  6942. }
  6943. @media (max-width: 599px) {
  6944. .mdc-layout-grid--fixed-column-width {
  6945. width: 368px;
  6946. 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 );
  6947. }
  6948. }
  6949. .mdc-layout-grid--align-left {
  6950. margin-right: auto;
  6951. margin-left: 0;
  6952. }
  6953. .mdc-layout-grid--align-right {
  6954. margin-right: 0;
  6955. margin-left: auto;
  6956. }
  6957. @-webkit-keyframes mdc-linear-progress-primary-indeterminate-translate {
  6958. 0% {
  6959. -webkit-transform: translateX(0);
  6960. transform: translateX(0);
  6961. }
  6962. 20% {
  6963. -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);
  6964. animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);
  6965. -webkit-transform: translateX(0);
  6966. transform: translateX(0);
  6967. }
  6968. 59.15% {
  6969. -webkit-animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
  6970. animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
  6971. -webkit-transform: translateX(83.67142%);
  6972. transform: translateX(83.67142%);
  6973. /* @alternate */
  6974. -webkit-transform: translateX(var(--mdc-linear-progress-primary-half, 83.67142%));
  6975. transform: translateX(var(--mdc-linear-progress-primary-half, 83.67142%));
  6976. }
  6977. 100% {
  6978. -webkit-transform: translateX(200.611057%);
  6979. transform: translateX(200.611057%);
  6980. /* @alternate */
  6981. -webkit-transform: translateX(var(--mdc-linear-progress-primary-full, 200.611057%));
  6982. transform: translateX(var(--mdc-linear-progress-primary-full, 200.611057%));
  6983. }
  6984. }
  6985. @keyframes mdc-linear-progress-primary-indeterminate-translate {
  6986. 0% {
  6987. -webkit-transform: translateX(0);
  6988. transform: translateX(0);
  6989. }
  6990. 20% {
  6991. -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);
  6992. animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);
  6993. -webkit-transform: translateX(0);
  6994. transform: translateX(0);
  6995. }
  6996. 59.15% {
  6997. -webkit-animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
  6998. animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
  6999. -webkit-transform: translateX(83.67142%);
  7000. transform: translateX(83.67142%);
  7001. /* @alternate */
  7002. -webkit-transform: translateX(var(--mdc-linear-progress-primary-half, 83.67142%));
  7003. transform: translateX(var(--mdc-linear-progress-primary-half, 83.67142%));
  7004. }
  7005. 100% {
  7006. -webkit-transform: translateX(200.611057%);
  7007. transform: translateX(200.611057%);
  7008. /* @alternate */
  7009. -webkit-transform: translateX(var(--mdc-linear-progress-primary-full, 200.611057%));
  7010. transform: translateX(var(--mdc-linear-progress-primary-full, 200.611057%));
  7011. }
  7012. }
  7013. @-webkit-keyframes mdc-linear-progress-primary-indeterminate-scale {
  7014. 0% {
  7015. -webkit-transform: scaleX(0.08);
  7016. transform: scaleX(0.08);
  7017. }
  7018. 36.65% {
  7019. -webkit-animation-timing-function: cubic-bezier(0.334731, 0.12482, 0.785844, 1);
  7020. animation-timing-function: cubic-bezier(0.334731, 0.12482, 0.785844, 1);
  7021. -webkit-transform: scaleX(0.08);
  7022. transform: scaleX(0.08);
  7023. }
  7024. 69.15% {
  7025. -webkit-animation-timing-function: cubic-bezier(0.06, 0.11, 0.6, 1);
  7026. animation-timing-function: cubic-bezier(0.06, 0.11, 0.6, 1);
  7027. -webkit-transform: scaleX(0.661479);
  7028. transform: scaleX(0.661479);
  7029. }
  7030. 100% {
  7031. -webkit-transform: scaleX(0.08);
  7032. transform: scaleX(0.08);
  7033. }
  7034. }
  7035. @keyframes mdc-linear-progress-primary-indeterminate-scale {
  7036. 0% {
  7037. -webkit-transform: scaleX(0.08);
  7038. transform: scaleX(0.08);
  7039. }
  7040. 36.65% {
  7041. -webkit-animation-timing-function: cubic-bezier(0.334731, 0.12482, 0.785844, 1);
  7042. animation-timing-function: cubic-bezier(0.334731, 0.12482, 0.785844, 1);
  7043. -webkit-transform: scaleX(0.08);
  7044. transform: scaleX(0.08);
  7045. }
  7046. 69.15% {
  7047. -webkit-animation-timing-function: cubic-bezier(0.06, 0.11, 0.6, 1);
  7048. animation-timing-function: cubic-bezier(0.06, 0.11, 0.6, 1);
  7049. -webkit-transform: scaleX(0.661479);
  7050. transform: scaleX(0.661479);
  7051. }
  7052. 100% {
  7053. -webkit-transform: scaleX(0.08);
  7054. transform: scaleX(0.08);
  7055. }
  7056. }
  7057. @-webkit-keyframes mdc-linear-progress-secondary-indeterminate-translate {
  7058. 0% {
  7059. -webkit-animation-timing-function: cubic-bezier(0.15, 0, 0.515058, 0.409685);
  7060. animation-timing-function: cubic-bezier(0.15, 0, 0.515058, 0.409685);
  7061. -webkit-transform: translateX(0);
  7062. transform: translateX(0);
  7063. }
  7064. 25% {
  7065. -webkit-animation-timing-function: cubic-bezier(0.31033, 0.284058, 0.8, 0.733712);
  7066. animation-timing-function: cubic-bezier(0.31033, 0.284058, 0.8, 0.733712);
  7067. -webkit-transform: translateX(37.651913%);
  7068. transform: translateX(37.651913%);
  7069. /* @alternate */
  7070. -webkit-transform: translateX(var(--mdc-linear-progress-secondary-quarter, 37.651913%));
  7071. transform: translateX(var(--mdc-linear-progress-secondary-quarter, 37.651913%));
  7072. }
  7073. 48.35% {
  7074. -webkit-animation-timing-function: cubic-bezier(0.4, 0.627035, 0.6, 0.902026);
  7075. animation-timing-function: cubic-bezier(0.4, 0.627035, 0.6, 0.902026);
  7076. -webkit-transform: translateX(84.386165%);
  7077. transform: translateX(84.386165%);
  7078. /* @alternate */
  7079. -webkit-transform: translateX(var(--mdc-linear-progress-secondary-half, 84.386165%));
  7080. transform: translateX(var(--mdc-linear-progress-secondary-half, 84.386165%));
  7081. }
  7082. 100% {
  7083. -webkit-transform: translateX(160.277782%);
  7084. transform: translateX(160.277782%);
  7085. /* @alternate */
  7086. -webkit-transform: translateX(var(--mdc-linear-progress-secondary-full, 160.277782%));
  7087. transform: translateX(var(--mdc-linear-progress-secondary-full, 160.277782%));
  7088. }
  7089. }
  7090. @keyframes mdc-linear-progress-secondary-indeterminate-translate {
  7091. 0% {
  7092. -webkit-animation-timing-function: cubic-bezier(0.15, 0, 0.515058, 0.409685);
  7093. animation-timing-function: cubic-bezier(0.15, 0, 0.515058, 0.409685);
  7094. -webkit-transform: translateX(0);
  7095. transform: translateX(0);
  7096. }
  7097. 25% {
  7098. -webkit-animation-timing-function: cubic-bezier(0.31033, 0.284058, 0.8, 0.733712);
  7099. animation-timing-function: cubic-bezier(0.31033, 0.284058, 0.8, 0.733712);
  7100. -webkit-transform: translateX(37.651913%);
  7101. transform: translateX(37.651913%);
  7102. /* @alternate */
  7103. -webkit-transform: translateX(var(--mdc-linear-progress-secondary-quarter, 37.651913%));
  7104. transform: translateX(var(--mdc-linear-progress-secondary-quarter, 37.651913%));
  7105. }
  7106. 48.35% {
  7107. -webkit-animation-timing-function: cubic-bezier(0.4, 0.627035, 0.6, 0.902026);
  7108. animation-timing-function: cubic-bezier(0.4, 0.627035, 0.6, 0.902026);
  7109. -webkit-transform: translateX(84.386165%);
  7110. transform: translateX(84.386165%);
  7111. /* @alternate */
  7112. -webkit-transform: translateX(var(--mdc-linear-progress-secondary-half, 84.386165%));
  7113. transform: translateX(var(--mdc-linear-progress-secondary-half, 84.386165%));
  7114. }
  7115. 100% {
  7116. -webkit-transform: translateX(160.277782%);
  7117. transform: translateX(160.277782%);
  7118. /* @alternate */
  7119. -webkit-transform: translateX(var(--mdc-linear-progress-secondary-full, 160.277782%));
  7120. transform: translateX(var(--mdc-linear-progress-secondary-full, 160.277782%));
  7121. }
  7122. }
  7123. @-webkit-keyframes mdc-linear-progress-secondary-indeterminate-scale {
  7124. 0% {
  7125. -webkit-animation-timing-function: cubic-bezier(0.205028, 0.057051, 0.57661, 0.453971);
  7126. animation-timing-function: cubic-bezier(0.205028, 0.057051, 0.57661, 0.453971);
  7127. -webkit-transform: scaleX(0.08);
  7128. transform: scaleX(0.08);
  7129. }
  7130. 19.15% {
  7131. -webkit-animation-timing-function: cubic-bezier(0.152313, 0.196432, 0.648374, 1.004315);
  7132. animation-timing-function: cubic-bezier(0.152313, 0.196432, 0.648374, 1.004315);
  7133. -webkit-transform: scaleX(0.457104);
  7134. transform: scaleX(0.457104);
  7135. }
  7136. 44.15% {
  7137. -webkit-animation-timing-function: cubic-bezier(0.257759, -0.003163, 0.211762, 1.38179);
  7138. animation-timing-function: cubic-bezier(0.257759, -0.003163, 0.211762, 1.38179);
  7139. -webkit-transform: scaleX(0.72796);
  7140. transform: scaleX(0.72796);
  7141. }
  7142. 100% {
  7143. -webkit-transform: scaleX(0.08);
  7144. transform: scaleX(0.08);
  7145. }
  7146. }
  7147. @keyframes mdc-linear-progress-secondary-indeterminate-scale {
  7148. 0% {
  7149. -webkit-animation-timing-function: cubic-bezier(0.205028, 0.057051, 0.57661, 0.453971);
  7150. animation-timing-function: cubic-bezier(0.205028, 0.057051, 0.57661, 0.453971);
  7151. -webkit-transform: scaleX(0.08);
  7152. transform: scaleX(0.08);
  7153. }
  7154. 19.15% {
  7155. -webkit-animation-timing-function: cubic-bezier(0.152313, 0.196432, 0.648374, 1.004315);
  7156. animation-timing-function: cubic-bezier(0.152313, 0.196432, 0.648374, 1.004315);
  7157. -webkit-transform: scaleX(0.457104);
  7158. transform: scaleX(0.457104);
  7159. }
  7160. 44.15% {
  7161. -webkit-animation-timing-function: cubic-bezier(0.257759, -0.003163, 0.211762, 1.38179);
  7162. animation-timing-function: cubic-bezier(0.257759, -0.003163, 0.211762, 1.38179);
  7163. -webkit-transform: scaleX(0.72796);
  7164. transform: scaleX(0.72796);
  7165. }
  7166. 100% {
  7167. -webkit-transform: scaleX(0.08);
  7168. transform: scaleX(0.08);
  7169. }
  7170. }
  7171. @-webkit-keyframes mdc-linear-progress-buffering {
  7172. from {
  7173. -webkit-transform: rotate(180deg) translateX(-10px);
  7174. transform: rotate(180deg) translateX(-10px);
  7175. }
  7176. }
  7177. @keyframes mdc-linear-progress-buffering {
  7178. from {
  7179. -webkit-transform: rotate(180deg) translateX(-10px);
  7180. transform: rotate(180deg) translateX(-10px);
  7181. }
  7182. }
  7183. @-webkit-keyframes mdc-linear-progress-primary-indeterminate-translate-reverse {
  7184. 0% {
  7185. -webkit-transform: translateX(0);
  7186. transform: translateX(0);
  7187. }
  7188. 20% {
  7189. -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);
  7190. animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);
  7191. -webkit-transform: translateX(0);
  7192. transform: translateX(0);
  7193. }
  7194. 59.15% {
  7195. -webkit-animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
  7196. animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
  7197. -webkit-transform: translateX(-83.67142%);
  7198. transform: translateX(-83.67142%);
  7199. /* @alternate */
  7200. -webkit-transform: translateX(var(--mdc-linear-progress-primary-half-neg, -83.67142%));
  7201. transform: translateX(var(--mdc-linear-progress-primary-half-neg, -83.67142%));
  7202. }
  7203. 100% {
  7204. -webkit-transform: translateX(-200.611057%);
  7205. transform: translateX(-200.611057%);
  7206. /* @alternate */
  7207. -webkit-transform: translateX(var(--mdc-linear-progress-primary-full-neg, -200.611057%));
  7208. transform: translateX(var(--mdc-linear-progress-primary-full-neg, -200.611057%));
  7209. }
  7210. }
  7211. @keyframes mdc-linear-progress-primary-indeterminate-translate-reverse {
  7212. 0% {
  7213. -webkit-transform: translateX(0);
  7214. transform: translateX(0);
  7215. }
  7216. 20% {
  7217. -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);
  7218. animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);
  7219. -webkit-transform: translateX(0);
  7220. transform: translateX(0);
  7221. }
  7222. 59.15% {
  7223. -webkit-animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
  7224. animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
  7225. -webkit-transform: translateX(-83.67142%);
  7226. transform: translateX(-83.67142%);
  7227. /* @alternate */
  7228. -webkit-transform: translateX(var(--mdc-linear-progress-primary-half-neg, -83.67142%));
  7229. transform: translateX(var(--mdc-linear-progress-primary-half-neg, -83.67142%));
  7230. }
  7231. 100% {
  7232. -webkit-transform: translateX(-200.611057%);
  7233. transform: translateX(-200.611057%);
  7234. /* @alternate */
  7235. -webkit-transform: translateX(var(--mdc-linear-progress-primary-full-neg, -200.611057%));
  7236. transform: translateX(var(--mdc-linear-progress-primary-full-neg, -200.611057%));
  7237. }
  7238. }
  7239. @-webkit-keyframes mdc-linear-progress-secondary-indeterminate-translate-reverse {
  7240. 0% {
  7241. -webkit-animation-timing-function: cubic-bezier(0.15, 0, 0.515058, 0.409685);
  7242. animation-timing-function: cubic-bezier(0.15, 0, 0.515058, 0.409685);
  7243. -webkit-transform: translateX(0);
  7244. transform: translateX(0);
  7245. }
  7246. 25% {
  7247. -webkit-animation-timing-function: cubic-bezier(0.31033, 0.284058, 0.8, 0.733712);
  7248. animation-timing-function: cubic-bezier(0.31033, 0.284058, 0.8, 0.733712);
  7249. -webkit-transform: translateX(-37.651913%);
  7250. transform: translateX(-37.651913%);
  7251. /* @alternate */
  7252. -webkit-transform: translateX(var(--mdc-linear-progress-secondary-quarter-neg, -37.651913%));
  7253. transform: translateX(var(--mdc-linear-progress-secondary-quarter-neg, -37.651913%));
  7254. }
  7255. 48.35% {
  7256. -webkit-animation-timing-function: cubic-bezier(0.4, 0.627035, 0.6, 0.902026);
  7257. animation-timing-function: cubic-bezier(0.4, 0.627035, 0.6, 0.902026);
  7258. -webkit-transform: translateX(-84.386165%);
  7259. transform: translateX(-84.386165%);
  7260. /* @alternate */
  7261. -webkit-transform: translateX(var(--mdc-linear-progress-secondary-half-neg, -84.386165%));
  7262. transform: translateX(var(--mdc-linear-progress-secondary-half-neg, -84.386165%));
  7263. }
  7264. 100% {
  7265. -webkit-transform: translateX(-160.277782%);
  7266. transform: translateX(-160.277782%);
  7267. /* @alternate */
  7268. -webkit-transform: translateX(var(--mdc-linear-progress-secondary-full-neg, -160.277782%));
  7269. transform: translateX(var(--mdc-linear-progress-secondary-full-neg, -160.277782%));
  7270. }
  7271. }
  7272. @keyframes mdc-linear-progress-secondary-indeterminate-translate-reverse {
  7273. 0% {
  7274. -webkit-animation-timing-function: cubic-bezier(0.15, 0, 0.515058, 0.409685);
  7275. animation-timing-function: cubic-bezier(0.15, 0, 0.515058, 0.409685);
  7276. -webkit-transform: translateX(0);
  7277. transform: translateX(0);
  7278. }
  7279. 25% {
  7280. -webkit-animation-timing-function: cubic-bezier(0.31033, 0.284058, 0.8, 0.733712);
  7281. animation-timing-function: cubic-bezier(0.31033, 0.284058, 0.8, 0.733712);
  7282. -webkit-transform: translateX(-37.651913%);
  7283. transform: translateX(-37.651913%);
  7284. /* @alternate */
  7285. -webkit-transform: translateX(var(--mdc-linear-progress-secondary-quarter-neg, -37.651913%));
  7286. transform: translateX(var(--mdc-linear-progress-secondary-quarter-neg, -37.651913%));
  7287. }
  7288. 48.35% {
  7289. -webkit-animation-timing-function: cubic-bezier(0.4, 0.627035, 0.6, 0.902026);
  7290. animation-timing-function: cubic-bezier(0.4, 0.627035, 0.6, 0.902026);
  7291. -webkit-transform: translateX(-84.386165%);
  7292. transform: translateX(-84.386165%);
  7293. /* @alternate */
  7294. -webkit-transform: translateX(var(--mdc-linear-progress-secondary-half-neg, -84.386165%));
  7295. transform: translateX(var(--mdc-linear-progress-secondary-half-neg, -84.386165%));
  7296. }
  7297. 100% {
  7298. -webkit-transform: translateX(-160.277782%);
  7299. transform: translateX(-160.277782%);
  7300. /* @alternate */
  7301. -webkit-transform: translateX(var(--mdc-linear-progress-secondary-full-neg, -160.277782%));
  7302. transform: translateX(var(--mdc-linear-progress-secondary-full-neg, -160.277782%));
  7303. }
  7304. }
  7305. @-webkit-keyframes mdc-linear-progress-buffering-reverse {
  7306. from {
  7307. -webkit-transform: translateX(-10px);
  7308. transform: translateX(-10px);
  7309. }
  7310. }
  7311. @keyframes mdc-linear-progress-buffering-reverse {
  7312. from {
  7313. -webkit-transform: translateX(-10px);
  7314. transform: translateX(-10px);
  7315. }
  7316. }
  7317. .mdc-linear-progress {
  7318. position: relative;
  7319. width: 100%;
  7320. height: 4px;
  7321. -webkit-transform: translateZ(0);
  7322. transform: translateZ(0);
  7323. outline: 1px solid transparent;
  7324. overflow: hidden;
  7325. transition: opacity 250ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
  7326. }
  7327. .mdc-linear-progress__bar {
  7328. position: absolute;
  7329. width: 100%;
  7330. height: 100%;
  7331. -webkit-animation: none;
  7332. animation: none;
  7333. -webkit-transform-origin: top left;
  7334. transform-origin: top left;
  7335. transition: -webkit-transform 250ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
  7336. transition: transform 250ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
  7337. transition: transform 250ms 0ms cubic-bezier(0.4, 0, 0.6, 1), -webkit-transform 250ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
  7338. }
  7339. .mdc-linear-progress__bar-inner {
  7340. display: inline-block;
  7341. position: absolute;
  7342. width: 100%;
  7343. -webkit-animation: none;
  7344. animation: none;
  7345. border-top: 4px solid;
  7346. }
  7347. .mdc-linear-progress__buffer {
  7348. display: flex;
  7349. position: absolute;
  7350. width: 100%;
  7351. height: 100%;
  7352. }
  7353. .mdc-linear-progress__buffer-dots {
  7354. background-repeat: repeat-x;
  7355. background-size: 10px 4px;
  7356. flex: auto;
  7357. -webkit-transform: rotate(180deg);
  7358. transform: rotate(180deg);
  7359. -webkit-animation: mdc-linear-progress-buffering 250ms infinite linear;
  7360. animation: mdc-linear-progress-buffering 250ms infinite linear;
  7361. }
  7362. .mdc-linear-progress__buffer-bar {
  7363. flex: 0 1 100%;
  7364. transition: flex-basis 250ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
  7365. }
  7366. .mdc-linear-progress__primary-bar {
  7367. -webkit-transform: scaleX(0);
  7368. transform: scaleX(0);
  7369. }
  7370. .mdc-linear-progress__secondary-bar {
  7371. visibility: hidden;
  7372. }
  7373. .mdc-linear-progress--indeterminate .mdc-linear-progress__bar {
  7374. transition: none;
  7375. }
  7376. .mdc-linear-progress--indeterminate .mdc-linear-progress__primary-bar {
  7377. left: -145.166611%;
  7378. }
  7379. .mdc-linear-progress--indeterminate .mdc-linear-progress__secondary-bar {
  7380. left: -54.888891%;
  7381. visibility: visible;
  7382. }
  7383. .mdc-linear-progress--indeterminate.mdc-linear-progress--animation-ready .mdc-linear-progress__primary-bar {
  7384. -webkit-animation: mdc-linear-progress-primary-indeterminate-translate 2s infinite linear;
  7385. animation: mdc-linear-progress-primary-indeterminate-translate 2s infinite linear;
  7386. }
  7387. .mdc-linear-progress--indeterminate.mdc-linear-progress--animation-ready .mdc-linear-progress__primary-bar > .mdc-linear-progress__bar-inner {
  7388. -webkit-animation: mdc-linear-progress-primary-indeterminate-scale 2s infinite linear;
  7389. animation: mdc-linear-progress-primary-indeterminate-scale 2s infinite linear;
  7390. }
  7391. .mdc-linear-progress--indeterminate.mdc-linear-progress--animation-ready .mdc-linear-progress__secondary-bar {
  7392. -webkit-animation: mdc-linear-progress-secondary-indeterminate-translate 2s infinite linear;
  7393. animation: mdc-linear-progress-secondary-indeterminate-translate 2s infinite linear;
  7394. }
  7395. .mdc-linear-progress--indeterminate.mdc-linear-progress--animation-ready .mdc-linear-progress__secondary-bar > .mdc-linear-progress__bar-inner {
  7396. -webkit-animation: mdc-linear-progress-secondary-indeterminate-scale 2s infinite linear;
  7397. animation: mdc-linear-progress-secondary-indeterminate-scale 2s infinite linear;
  7398. }
  7399. .mdc-linear-progress--reversed .mdc-linear-progress__bar {
  7400. /* @noflip */
  7401. right: 0;
  7402. /* @noflip */
  7403. -webkit-transform-origin: center right;
  7404. transform-origin: center right;
  7405. }
  7406. .mdc-linear-progress--reversed.mdc-linear-progress--animation-ready .mdc-linear-progress__primary-bar {
  7407. -webkit-animation-name: mdc-linear-progress-primary-indeterminate-translate-reverse;
  7408. animation-name: mdc-linear-progress-primary-indeterminate-translate-reverse;
  7409. }
  7410. .mdc-linear-progress--reversed.mdc-linear-progress--animation-ready .mdc-linear-progress__secondary-bar {
  7411. -webkit-animation-name: mdc-linear-progress-secondary-indeterminate-translate-reverse;
  7412. animation-name: mdc-linear-progress-secondary-indeterminate-translate-reverse;
  7413. }
  7414. .mdc-linear-progress--reversed .mdc-linear-progress__buffer-dots {
  7415. -webkit-animation: mdc-linear-progress-buffering-reverse 250ms infinite linear;
  7416. animation: mdc-linear-progress-buffering-reverse 250ms infinite linear;
  7417. -webkit-transform: rotate(0);
  7418. transform: rotate(0);
  7419. }
  7420. .mdc-linear-progress--reversed.mdc-linear-progress--indeterminate .mdc-linear-progress__primary-bar {
  7421. /* @noflip */
  7422. right: -145.166611%;
  7423. /* @noflip */
  7424. left: auto;
  7425. }
  7426. .mdc-linear-progress--reversed.mdc-linear-progress--indeterminate .mdc-linear-progress__secondary-bar {
  7427. /* @noflip */
  7428. right: -54.888891%;
  7429. /* @noflip */
  7430. left: auto;
  7431. }
  7432. .mdc-linear-progress--reversed .mdc-linear-progress__buffer-dots {
  7433. order: 0;
  7434. }
  7435. .mdc-linear-progress--reversed .mdc-linear-progress__buffer-bar {
  7436. order: 1;
  7437. }
  7438. [dir=rtl] .mdc-linear-progress .mdc-linear-progress__bar, .mdc-linear-progress[dir=rtl] .mdc-linear-progress__bar {
  7439. /* @noflip */
  7440. right: 0;
  7441. /* @noflip */
  7442. -webkit-transform-origin: center right;
  7443. transform-origin: center right;
  7444. }
  7445. [dir=rtl] .mdc-linear-progress.mdc-linear-progress--animation-ready .mdc-linear-progress__primary-bar, .mdc-linear-progress[dir=rtl].mdc-linear-progress--animation-ready .mdc-linear-progress__primary-bar {
  7446. -webkit-animation-name: mdc-linear-progress-primary-indeterminate-translate-reverse;
  7447. animation-name: mdc-linear-progress-primary-indeterminate-translate-reverse;
  7448. }
  7449. [dir=rtl] .mdc-linear-progress.mdc-linear-progress--animation-ready .mdc-linear-progress__secondary-bar, .mdc-linear-progress[dir=rtl].mdc-linear-progress--animation-ready .mdc-linear-progress__secondary-bar {
  7450. -webkit-animation-name: mdc-linear-progress-secondary-indeterminate-translate-reverse;
  7451. animation-name: mdc-linear-progress-secondary-indeterminate-translate-reverse;
  7452. }
  7453. [dir=rtl] .mdc-linear-progress .mdc-linear-progress__buffer-dots, .mdc-linear-progress[dir=rtl] .mdc-linear-progress__buffer-dots {
  7454. -webkit-animation: mdc-linear-progress-buffering-reverse 250ms infinite linear;
  7455. animation: mdc-linear-progress-buffering-reverse 250ms infinite linear;
  7456. -webkit-transform: rotate(0);
  7457. transform: rotate(0);
  7458. }
  7459. [dir=rtl] .mdc-linear-progress.mdc-linear-progress--indeterminate .mdc-linear-progress__primary-bar, .mdc-linear-progress[dir=rtl].mdc-linear-progress--indeterminate .mdc-linear-progress__primary-bar {
  7460. /* @noflip */
  7461. right: -145.166611%;
  7462. /* @noflip */
  7463. left: auto;
  7464. }
  7465. [dir=rtl] .mdc-linear-progress.mdc-linear-progress--indeterminate .mdc-linear-progress__secondary-bar, .mdc-linear-progress[dir=rtl].mdc-linear-progress--indeterminate .mdc-linear-progress__secondary-bar {
  7466. /* @noflip */
  7467. right: -54.888891%;
  7468. /* @noflip */
  7469. left: auto;
  7470. }
  7471. .mdc-linear-progress--closed {
  7472. opacity: 0;
  7473. }
  7474. .mdc-linear-progress--closed-animation-off .mdc-linear-progress__buffer-dots {
  7475. -webkit-animation: none;
  7476. animation: none;
  7477. }
  7478. .mdc-linear-progress--closed-animation-off.mdc-linear-progress--indeterminate .mdc-linear-progress__bar,
  7479. .mdc-linear-progress--closed-animation-off.mdc-linear-progress--indeterminate .mdc-linear-progress__bar .mdc-linear-progress__bar-inner {
  7480. -webkit-animation: none;
  7481. animation: none;
  7482. }
  7483. .mdc-linear-progress__bar-inner {
  7484. border-color: #6200ee;
  7485. /* @alternate */
  7486. border-color: var(--mdc-theme-primary, #6200ee);
  7487. }
  7488. .mdc-linear-progress__buffer-dots {
  7489. 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");
  7490. }
  7491. .mdc-linear-progress__buffer-bar {
  7492. background-color: #e6e6e6;
  7493. }
  7494. .mdc-list {
  7495. -moz-osx-font-smoothing: grayscale;
  7496. -webkit-font-smoothing: antialiased;
  7497. font-family: Roboto, sans-serif;
  7498. /* @alternate */
  7499. font-family: var(--mdc-typography-subtitle1-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));
  7500. font-size: 1rem;
  7501. /* @alternate */
  7502. font-size: var(--mdc-typography-subtitle1-font-size, 1rem);
  7503. line-height: 1.75rem;
  7504. /* @alternate */
  7505. line-height: var(--mdc-typography-subtitle1-line-height, 1.75rem);
  7506. font-weight: 400;
  7507. /* @alternate */
  7508. font-weight: var(--mdc-typography-subtitle1-font-weight, 400);
  7509. letter-spacing: 0.009375em;
  7510. /* @alternate */
  7511. letter-spacing: var(--mdc-typography-subtitle1-letter-spacing, 0.009375em);
  7512. text-decoration: inherit;
  7513. /* @alternate */
  7514. -webkit-text-decoration: var(--mdc-typography-subtitle1-text-decoration, inherit);
  7515. text-decoration: var(--mdc-typography-subtitle1-text-decoration, inherit);
  7516. text-transform: inherit;
  7517. /* @alternate */
  7518. text-transform: var(--mdc-typography-subtitle1-text-transform, inherit);
  7519. /* @alternate */
  7520. line-height: 1.5rem;
  7521. margin: 0;
  7522. padding: 8px 0;
  7523. list-style-type: none;
  7524. color: rgba(0, 0, 0, 0.87);
  7525. /* @alternate */
  7526. color: var(--mdc-theme-text-primary-on-background, rgba(0, 0, 0, 0.87));
  7527. }
  7528. .mdc-list:focus {
  7529. outline: none;
  7530. }
  7531. .mdc-list-item {
  7532. height: 48px;
  7533. }
  7534. .mdc-list-item__secondary-text {
  7535. color: rgba(0, 0, 0, 0.54);
  7536. /* @alternate */
  7537. color: var(--mdc-theme-text-secondary-on-background, rgba(0, 0, 0, 0.54));
  7538. }
  7539. .mdc-list-item__graphic {
  7540. background-color: transparent;
  7541. }
  7542. .mdc-list-item__graphic {
  7543. color: rgba(0, 0, 0, 0.38);
  7544. /* @alternate */
  7545. color: var(--mdc-theme-text-icon-on-background, rgba(0, 0, 0, 0.38));
  7546. }
  7547. .mdc-list-item__meta {
  7548. color: rgba(0, 0, 0, 0.38);
  7549. /* @alternate */
  7550. color: var(--mdc-theme-text-hint-on-background, rgba(0, 0, 0, 0.38));
  7551. }
  7552. .mdc-list-group__subheader {
  7553. color: rgba(0, 0, 0, 0.87);
  7554. /* @alternate */
  7555. color: var(--mdc-theme-text-primary-on-background, rgba(0, 0, 0, 0.87));
  7556. }
  7557. .mdc-list-item--disabled .mdc-list-item__text {
  7558. opacity: 0.38;
  7559. }
  7560. .mdc-list-item--disabled .mdc-list-item__text,
  7561. .mdc-list-item--disabled .mdc-list-item__primary-text,
  7562. .mdc-list-item--disabled .mdc-list-item__secondary-text {
  7563. color: #000;
  7564. /* @alternate */
  7565. color: var(--mdc-theme-on-surface, #000);
  7566. }
  7567. .mdc-list-item--selected,
  7568. .mdc-list-item--activated {
  7569. color: #6200ee;
  7570. /* @alternate */
  7571. color: var(--mdc-theme-primary, #6200ee);
  7572. }
  7573. .mdc-list-item--selected .mdc-list-item__graphic,
  7574. .mdc-list-item--activated .mdc-list-item__graphic {
  7575. color: #6200ee;
  7576. /* @alternate */
  7577. color: var(--mdc-theme-primary, #6200ee);
  7578. }
  7579. .mdc-list--dense {
  7580. padding-top: 4px;
  7581. padding-bottom: 4px;
  7582. font-size: 0.812rem;
  7583. }
  7584. .mdc-list-item {
  7585. display: flex;
  7586. position: relative;
  7587. align-items: center;
  7588. justify-content: flex-start;
  7589. overflow: hidden;
  7590. padding: 0;
  7591. /* @noflip */
  7592. padding-left: 16px;
  7593. /* @noflip */
  7594. padding-right: 16px;
  7595. height: 48px;
  7596. }
  7597. .mdc-list-item:focus {
  7598. outline: none;
  7599. }
  7600. .mdc-list-item:not(.mdc-list-item--selected):focus::before, .mdc-list-item.mdc-ripple-upgraded--background-focused::before {
  7601. position: absolute;
  7602. box-sizing: border-box;
  7603. width: 100%;
  7604. height: 100%;
  7605. top: 0;
  7606. left: 0;
  7607. border: 1px solid transparent;
  7608. border-radius: inherit;
  7609. content: "";
  7610. }
  7611. .mdc-list-item.mdc-list-item--selected::before {
  7612. position: absolute;
  7613. box-sizing: border-box;
  7614. width: 100%;
  7615. height: 100%;
  7616. top: 0;
  7617. left: 0;
  7618. border: 3px double transparent;
  7619. border-radius: inherit;
  7620. content: "";
  7621. }
  7622. [dir=rtl] .mdc-list-item, .mdc-list-item[dir=rtl] {
  7623. /* @noflip */
  7624. padding-left: 16px;
  7625. /* @noflip */
  7626. padding-right: 16px;
  7627. }
  7628. .mdc-list--icon-list .mdc-list-item {
  7629. /* @noflip */
  7630. padding-left: 16px;
  7631. /* @noflip */
  7632. padding-right: 16px;
  7633. height: 56px;
  7634. }
  7635. [dir=rtl] .mdc-list--icon-list .mdc-list-item, .mdc-list--icon-list .mdc-list-item[dir=rtl] {
  7636. /* @noflip */
  7637. padding-left: 16px;
  7638. /* @noflip */
  7639. padding-right: 16px;
  7640. }
  7641. .mdc-list--avatar-list .mdc-list-item {
  7642. /* @noflip */
  7643. padding-left: 16px;
  7644. /* @noflip */
  7645. padding-right: 16px;
  7646. height: 56px;
  7647. }
  7648. [dir=rtl] .mdc-list--avatar-list .mdc-list-item, .mdc-list--avatar-list .mdc-list-item[dir=rtl] {
  7649. /* @noflip */
  7650. padding-left: 16px;
  7651. /* @noflip */
  7652. padding-right: 16px;
  7653. }
  7654. .mdc-list--thumbnail-list .mdc-list-item {
  7655. /* @noflip */
  7656. padding-left: 16px;
  7657. /* @noflip */
  7658. padding-right: 16px;
  7659. height: 56px;
  7660. }
  7661. [dir=rtl] .mdc-list--thumbnail-list .mdc-list-item, .mdc-list--thumbnail-list .mdc-list-item[dir=rtl] {
  7662. /* @noflip */
  7663. padding-left: 16px;
  7664. /* @noflip */
  7665. padding-right: 16px;
  7666. }
  7667. .mdc-list--image-list .mdc-list-item {
  7668. /* @noflip */
  7669. padding-left: 16px;
  7670. /* @noflip */
  7671. padding-right: 16px;
  7672. height: 72px;
  7673. }
  7674. [dir=rtl] .mdc-list--image-list .mdc-list-item, .mdc-list--image-list .mdc-list-item[dir=rtl] {
  7675. /* @noflip */
  7676. padding-left: 16px;
  7677. /* @noflip */
  7678. padding-right: 16px;
  7679. }
  7680. .mdc-list--video-list .mdc-list-item {
  7681. /* @noflip */
  7682. padding-left: 0px;
  7683. /* @noflip */
  7684. padding-right: 16px;
  7685. height: 72px;
  7686. }
  7687. [dir=rtl] .mdc-list--video-list .mdc-list-item, .mdc-list--video-list .mdc-list-item[dir=rtl] {
  7688. /* @noflip */
  7689. padding-left: 16px;
  7690. /* @noflip */
  7691. padding-right: 0px;
  7692. }
  7693. .mdc-list--dense .mdc-list-item__graphic {
  7694. /* @noflip */
  7695. margin-left: 0;
  7696. /* @noflip */
  7697. margin-right: 16px;
  7698. width: 20px;
  7699. height: 20px;
  7700. }
  7701. [dir=rtl] .mdc-list--dense .mdc-list-item__graphic, .mdc-list--dense .mdc-list-item__graphic[dir=rtl] {
  7702. /* @noflip */
  7703. margin-left: 16px;
  7704. /* @noflip */
  7705. margin-right: 0;
  7706. }
  7707. .mdc-list-item__graphic {
  7708. flex-shrink: 0;
  7709. align-items: center;
  7710. justify-content: center;
  7711. fill: currentColor;
  7712. -o-object-fit: cover;
  7713. object-fit: cover;
  7714. /* @noflip */
  7715. margin-left: 0;
  7716. /* @noflip */
  7717. margin-right: 32px;
  7718. width: 24px;
  7719. height: 24px;
  7720. }
  7721. [dir=rtl] .mdc-list-item__graphic, .mdc-list-item__graphic[dir=rtl] {
  7722. /* @noflip */
  7723. margin-left: 32px;
  7724. /* @noflip */
  7725. margin-right: 0;
  7726. }
  7727. .mdc-list--icon-list .mdc-list-item__graphic {
  7728. /* @noflip */
  7729. margin-left: 0;
  7730. /* @noflip */
  7731. margin-right: 32px;
  7732. width: 24px;
  7733. height: 24px;
  7734. }
  7735. [dir=rtl] .mdc-list--icon-list .mdc-list-item__graphic, .mdc-list--icon-list .mdc-list-item__graphic[dir=rtl] {
  7736. /* @noflip */
  7737. margin-left: 32px;
  7738. /* @noflip */
  7739. margin-right: 0;
  7740. }
  7741. .mdc-list--avatar-list .mdc-list-item__graphic {
  7742. /* @noflip */
  7743. margin-left: 0;
  7744. /* @noflip */
  7745. margin-right: 16px;
  7746. width: 40px;
  7747. height: 40px;
  7748. border-radius: 50%;
  7749. }
  7750. [dir=rtl] .mdc-list--avatar-list .mdc-list-item__graphic, .mdc-list--avatar-list .mdc-list-item__graphic[dir=rtl] {
  7751. /* @noflip */
  7752. margin-left: 16px;
  7753. /* @noflip */
  7754. margin-right: 0;
  7755. }
  7756. .mdc-list--thumbnail-list .mdc-list-item__graphic {
  7757. /* @noflip */
  7758. margin-left: 0;
  7759. /* @noflip */
  7760. margin-right: 16px;
  7761. width: 40px;
  7762. height: 40px;
  7763. }
  7764. [dir=rtl] .mdc-list--thumbnail-list .mdc-list-item__graphic, .mdc-list--thumbnail-list .mdc-list-item__graphic[dir=rtl] {
  7765. /* @noflip */
  7766. margin-left: 16px;
  7767. /* @noflip */
  7768. margin-right: 0;
  7769. }
  7770. .mdc-list--image-list .mdc-list-item__graphic {
  7771. /* @noflip */
  7772. margin-left: 0;
  7773. /* @noflip */
  7774. margin-right: 16px;
  7775. width: 56px;
  7776. height: 56px;
  7777. }
  7778. [dir=rtl] .mdc-list--image-list .mdc-list-item__graphic, .mdc-list--image-list .mdc-list-item__graphic[dir=rtl] {
  7779. /* @noflip */
  7780. margin-left: 16px;
  7781. /* @noflip */
  7782. margin-right: 0;
  7783. }
  7784. .mdc-list--video-list .mdc-list-item__graphic {
  7785. /* @noflip */
  7786. margin-left: 0;
  7787. /* @noflip */
  7788. margin-right: 16px;
  7789. width: 100px;
  7790. height: 56px;
  7791. }
  7792. [dir=rtl] .mdc-list--video-list .mdc-list-item__graphic, .mdc-list--video-list .mdc-list-item__graphic[dir=rtl] {
  7793. /* @noflip */
  7794. margin-left: 16px;
  7795. /* @noflip */
  7796. margin-right: 0;
  7797. }
  7798. .mdc-list .mdc-list-item__graphic {
  7799. display: inline-flex;
  7800. }
  7801. .mdc-list-item__meta {
  7802. /* @noflip */
  7803. margin-left: auto;
  7804. /* @noflip */
  7805. margin-right: 0;
  7806. }
  7807. .mdc-list-item__meta:not(.material-icons) {
  7808. -moz-osx-font-smoothing: grayscale;
  7809. -webkit-font-smoothing: antialiased;
  7810. font-family: Roboto, sans-serif;
  7811. /* @alternate */
  7812. font-family: var(--mdc-typography-caption-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));
  7813. font-size: 0.75rem;
  7814. /* @alternate */
  7815. font-size: var(--mdc-typography-caption-font-size, 0.75rem);
  7816. line-height: 1.25rem;
  7817. /* @alternate */
  7818. line-height: var(--mdc-typography-caption-line-height, 1.25rem);
  7819. font-weight: 400;
  7820. /* @alternate */
  7821. font-weight: var(--mdc-typography-caption-font-weight, 400);
  7822. letter-spacing: 0.0333333333em;
  7823. /* @alternate */
  7824. letter-spacing: var(--mdc-typography-caption-letter-spacing, 0.0333333333em);
  7825. text-decoration: inherit;
  7826. /* @alternate */
  7827. -webkit-text-decoration: var(--mdc-typography-caption-text-decoration, inherit);
  7828. text-decoration: var(--mdc-typography-caption-text-decoration, inherit);
  7829. text-transform: inherit;
  7830. /* @alternate */
  7831. text-transform: var(--mdc-typography-caption-text-transform, inherit);
  7832. }
  7833. .mdc-list-item[dir=rtl] .mdc-list-item__meta, [dir=rtl] .mdc-list-item .mdc-list-item__meta {
  7834. /* @noflip */
  7835. margin-left: 0;
  7836. /* @noflip */
  7837. margin-right: auto;
  7838. }
  7839. .mdc-list-item__text {
  7840. text-overflow: ellipsis;
  7841. white-space: nowrap;
  7842. overflow: hidden;
  7843. }
  7844. .mdc-list-item__text[for] {
  7845. pointer-events: none;
  7846. }
  7847. .mdc-list-item__primary-text {
  7848. text-overflow: ellipsis;
  7849. white-space: nowrap;
  7850. overflow: hidden;
  7851. display: block;
  7852. margin-top: 0;
  7853. /* @alternate */
  7854. line-height: normal;
  7855. margin-bottom: -20px;
  7856. }
  7857. .mdc-list-item__primary-text::before {
  7858. display: inline-block;
  7859. width: 0;
  7860. height: 28px;
  7861. content: "";
  7862. vertical-align: 0;
  7863. }
  7864. .mdc-list-item__primary-text::after {
  7865. display: inline-block;
  7866. width: 0;
  7867. height: 20px;
  7868. content: "";
  7869. vertical-align: -20px;
  7870. }
  7871. .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 {
  7872. display: block;
  7873. margin-top: 0;
  7874. /* @alternate */
  7875. line-height: normal;
  7876. margin-bottom: -20px;
  7877. }
  7878. .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 {
  7879. display: inline-block;
  7880. width: 0;
  7881. height: 32px;
  7882. content: "";
  7883. vertical-align: 0;
  7884. }
  7885. .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 {
  7886. display: inline-block;
  7887. width: 0;
  7888. height: 20px;
  7889. content: "";
  7890. vertical-align: -20px;
  7891. }
  7892. .mdc-list--dense .mdc-list-item__primary-text {
  7893. display: block;
  7894. margin-top: 0;
  7895. /* @alternate */
  7896. line-height: normal;
  7897. margin-bottom: -20px;
  7898. }
  7899. .mdc-list--dense .mdc-list-item__primary-text::before {
  7900. display: inline-block;
  7901. width: 0;
  7902. height: 24px;
  7903. content: "";
  7904. vertical-align: 0;
  7905. }
  7906. .mdc-list--dense .mdc-list-item__primary-text::after {
  7907. display: inline-block;
  7908. width: 0;
  7909. height: 20px;
  7910. content: "";
  7911. vertical-align: -20px;
  7912. }
  7913. .mdc-list-item__secondary-text {
  7914. -moz-osx-font-smoothing: grayscale;
  7915. -webkit-font-smoothing: antialiased;
  7916. font-family: Roboto, sans-serif;
  7917. /* @alternate */
  7918. font-family: var(--mdc-typography-body2-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));
  7919. font-size: 0.875rem;
  7920. /* @alternate */
  7921. font-size: var(--mdc-typography-body2-font-size, 0.875rem);
  7922. line-height: 1.25rem;
  7923. /* @alternate */
  7924. line-height: var(--mdc-typography-body2-line-height, 1.25rem);
  7925. font-weight: 400;
  7926. /* @alternate */
  7927. font-weight: var(--mdc-typography-body2-font-weight, 400);
  7928. letter-spacing: 0.0178571429em;
  7929. /* @alternate */
  7930. letter-spacing: var(--mdc-typography-body2-letter-spacing, 0.0178571429em);
  7931. text-decoration: inherit;
  7932. /* @alternate */
  7933. -webkit-text-decoration: var(--mdc-typography-body2-text-decoration, inherit);
  7934. text-decoration: var(--mdc-typography-body2-text-decoration, inherit);
  7935. text-transform: inherit;
  7936. /* @alternate */
  7937. text-transform: var(--mdc-typography-body2-text-transform, inherit);
  7938. text-overflow: ellipsis;
  7939. white-space: nowrap;
  7940. overflow: hidden;
  7941. display: block;
  7942. margin-top: 0;
  7943. /* @alternate */
  7944. line-height: normal;
  7945. }
  7946. .mdc-list-item__secondary-text::before {
  7947. display: inline-block;
  7948. width: 0;
  7949. height: 20px;
  7950. content: "";
  7951. vertical-align: 0;
  7952. }
  7953. .mdc-list--dense .mdc-list-item__secondary-text {
  7954. font-size: inherit;
  7955. }
  7956. .mdc-list--dense .mdc-list-item {
  7957. height: 40px;
  7958. }
  7959. .mdc-list--two-line .mdc-list-item__text {
  7960. align-self: flex-start;
  7961. }
  7962. .mdc-list--two-line .mdc-list-item {
  7963. height: 64px;
  7964. }
  7965. .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 {
  7966. height: 72px;
  7967. }
  7968. .mdc-list--two-line.mdc-list--icon-list .mdc-list-item__graphic {
  7969. align-self: flex-start;
  7970. margin-top: 16px;
  7971. }
  7972. .mdc-list--two-line.mdc-list--dense .mdc-list-item,
  7973. .mdc-list--avatar-list.mdc-list--dense .mdc-list-item {
  7974. height: 60px;
  7975. }
  7976. .mdc-list--avatar-list.mdc-list--dense .mdc-list-item__graphic {
  7977. /* @noflip */
  7978. margin-left: 0;
  7979. /* @noflip */
  7980. margin-right: 16px;
  7981. width: 36px;
  7982. height: 36px;
  7983. }
  7984. [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] {
  7985. /* @noflip */
  7986. margin-left: 16px;
  7987. /* @noflip */
  7988. margin-right: 0;
  7989. }
  7990. :not(.mdc-list-item--disabled).mdc-list-item {
  7991. cursor: pointer;
  7992. }
  7993. a.mdc-list-item {
  7994. color: inherit;
  7995. text-decoration: none;
  7996. }
  7997. .mdc-list-divider {
  7998. height: 0;
  7999. margin: 0;
  8000. border: none;
  8001. border-bottom-width: 1px;
  8002. border-bottom-style: solid;
  8003. }
  8004. .mdc-list-divider {
  8005. border-bottom-color: rgba(0, 0, 0, 0.12);
  8006. }
  8007. .mdc-list-divider--padded {
  8008. /* @noflip */
  8009. margin-left: 16px;
  8010. /* @noflip */
  8011. margin-right: 0;
  8012. width: calc(100% - 32px);
  8013. }
  8014. [dir=rtl] .mdc-list-divider--padded, .mdc-list-divider--padded[dir=rtl] {
  8015. /* @noflip */
  8016. margin-left: 0;
  8017. /* @noflip */
  8018. margin-right: 16px;
  8019. }
  8020. .mdc-list-divider--inset {
  8021. /* @noflip */
  8022. margin-left: 72px;
  8023. /* @noflip */
  8024. margin-right: 0;
  8025. width: calc(100% - 72px);
  8026. }
  8027. [dir=rtl] .mdc-list-divider--inset, .mdc-list-divider--inset[dir=rtl] {
  8028. /* @noflip */
  8029. margin-left: 0;
  8030. /* @noflip */
  8031. margin-right: 72px;
  8032. }
  8033. .mdc-list-divider--inset.mdc-list-divider--padded {
  8034. /* @noflip */
  8035. margin-left: 72px;
  8036. /* @noflip */
  8037. margin-right: 0;
  8038. width: calc(100% - 88px);
  8039. }
  8040. [dir=rtl] .mdc-list-divider--inset.mdc-list-divider--padded, .mdc-list-divider--inset.mdc-list-divider--padded[dir=rtl] {
  8041. /* @noflip */
  8042. margin-left: 0;
  8043. /* @noflip */
  8044. margin-right: 72px;
  8045. }
  8046. .mdc-list .mdc-list-divider--inset-leading {
  8047. /* @noflip */
  8048. margin-left: 16px;
  8049. /* @noflip */
  8050. margin-right: 0;
  8051. width: calc(100% - 16px);
  8052. }
  8053. [dir=rtl] .mdc-list .mdc-list-divider--inset-leading, .mdc-list .mdc-list-divider--inset-leading[dir=rtl] {
  8054. /* @noflip */
  8055. margin-left: 0;
  8056. /* @noflip */
  8057. margin-right: 16px;
  8058. }
  8059. .mdc-list .mdc-list-divider--inset-trailing {
  8060. width: calc(100% - 16px);
  8061. }
  8062. .mdc-list .mdc-list-divider--inset-leading.mdc-list-divider--inset-trailing {
  8063. /* @noflip */
  8064. margin-left: 16px;
  8065. /* @noflip */
  8066. margin-right: 0;
  8067. width: calc(100% - 32px);
  8068. }
  8069. [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] {
  8070. /* @noflip */
  8071. margin-left: 0;
  8072. /* @noflip */
  8073. margin-right: 16px;
  8074. }
  8075. .mdc-list .mdc-list-divider--inset-leading.mdc-list-divider--padding {
  8076. /* @noflip */
  8077. margin-left: 16px;
  8078. /* @noflip */
  8079. margin-right: 0;
  8080. width: calc(100% - 16px);
  8081. }
  8082. [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] {
  8083. /* @noflip */
  8084. margin-left: 0;
  8085. /* @noflip */
  8086. margin-right: 16px;
  8087. }
  8088. .mdc-list .mdc-list-divider--inset-leading.mdc-list-divider--inset-trailing.mdc-list-divider--inset-padding {
  8089. /* @noflip */
  8090. margin-left: 16px;
  8091. /* @noflip */
  8092. margin-right: 0;
  8093. width: calc(100% - 32px);
  8094. }
  8095. [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] {
  8096. /* @noflip */
  8097. margin-left: 0;
  8098. /* @noflip */
  8099. margin-right: 16px;
  8100. }
  8101. .mdc-list--icon-list .mdc-list-divider--inset-leading {
  8102. /* @noflip */
  8103. margin-left: 72px;
  8104. /* @noflip */
  8105. margin-right: 0;
  8106. width: calc(100% - 72px);
  8107. }
  8108. [dir=rtl] .mdc-list--icon-list .mdc-list-divider--inset-leading, .mdc-list--icon-list .mdc-list-divider--inset-leading[dir=rtl] {
  8109. /* @noflip */
  8110. margin-left: 0;
  8111. /* @noflip */
  8112. margin-right: 72px;
  8113. }
  8114. .mdc-list--icon-list .mdc-list-divider--inset-trailing {
  8115. width: calc(100% - 16px);
  8116. }
  8117. .mdc-list--icon-list .mdc-list-divider--inset-leading.mdc-list-divider--inset-trailing {
  8118. /* @noflip */
  8119. margin-left: 72px;
  8120. /* @noflip */
  8121. margin-right: 0;
  8122. width: calc(100% - 88px);
  8123. }
  8124. [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] {
  8125. /* @noflip */
  8126. margin-left: 0;
  8127. /* @noflip */
  8128. margin-right: 72px;
  8129. }
  8130. .mdc-list--icon-list .mdc-list-divider--inset-leading.mdc-list-divider--padding {
  8131. /* @noflip */
  8132. margin-left: 16px;
  8133. /* @noflip */
  8134. margin-right: 0;
  8135. width: calc(100% - 16px);
  8136. }
  8137. [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] {
  8138. /* @noflip */
  8139. margin-left: 0;
  8140. /* @noflip */
  8141. margin-right: 16px;
  8142. }
  8143. .mdc-list--icon-list .mdc-list-divider--inset-leading.mdc-list-divider--inset-trailing.mdc-list-divider--inset-padding {
  8144. /* @noflip */
  8145. margin-left: 16px;
  8146. /* @noflip */
  8147. margin-right: 0;
  8148. width: calc(100% - 32px);
  8149. }
  8150. [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] {
  8151. /* @noflip */
  8152. margin-left: 0;
  8153. /* @noflip */
  8154. margin-right: 16px;
  8155. }
  8156. .mdc-list--avatar-list .mdc-list-divider--inset-leading {
  8157. /* @noflip */
  8158. margin-left: 72px;
  8159. /* @noflip */
  8160. margin-right: 0;
  8161. width: calc(100% - 72px);
  8162. }
  8163. [dir=rtl] .mdc-list--avatar-list .mdc-list-divider--inset-leading, .mdc-list--avatar-list .mdc-list-divider--inset-leading[dir=rtl] {
  8164. /* @noflip */
  8165. margin-left: 0;
  8166. /* @noflip */
  8167. margin-right: 72px;
  8168. }
  8169. .mdc-list--avatar-list .mdc-list-divider--inset-trailing {
  8170. width: calc(100% - 16px);
  8171. }
  8172. .mdc-list--avatar-list .mdc-list-divider--inset-leading.mdc-list-divider--inset-trailing {
  8173. /* @noflip */
  8174. margin-left: 72px;
  8175. /* @noflip */
  8176. margin-right: 0;
  8177. width: calc(100% - 88px);
  8178. }
  8179. [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] {
  8180. /* @noflip */
  8181. margin-left: 0;
  8182. /* @noflip */
  8183. margin-right: 72px;
  8184. }
  8185. .mdc-list--avatar-list .mdc-list-divider--inset-leading.mdc-list-divider--padding {
  8186. /* @noflip */
  8187. margin-left: 16px;
  8188. /* @noflip */
  8189. margin-right: 0;
  8190. width: calc(100% - 16px);
  8191. }
  8192. [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] {
  8193. /* @noflip */
  8194. margin-left: 0;
  8195. /* @noflip */
  8196. margin-right: 16px;
  8197. }
  8198. .mdc-list--avatar-list .mdc-list-divider--inset-leading.mdc-list-divider--inset-trailing.mdc-list-divider--inset-padding {
  8199. /* @noflip */
  8200. margin-left: 16px;
  8201. /* @noflip */
  8202. margin-right: 0;
  8203. width: calc(100% - 32px);
  8204. }
  8205. [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] {
  8206. /* @noflip */
  8207. margin-left: 0;
  8208. /* @noflip */
  8209. margin-right: 16px;
  8210. }
  8211. .mdc-list--thumbnail-list .mdc-list-divider--inset-leading {
  8212. /* @noflip */
  8213. margin-left: 72px;
  8214. /* @noflip */
  8215. margin-right: 0;
  8216. width: calc(100% - 72px);
  8217. }
  8218. [dir=rtl] .mdc-list--thumbnail-list .mdc-list-divider--inset-leading, .mdc-list--thumbnail-list .mdc-list-divider--inset-leading[dir=rtl] {
  8219. /* @noflip */
  8220. margin-left: 0;
  8221. /* @noflip */
  8222. margin-right: 72px;
  8223. }
  8224. .mdc-list--thumbnail-list .mdc-list-divider--inset-trailing {
  8225. width: calc(100% - 16px);
  8226. }
  8227. .mdc-list--thumbnail-list .mdc-list-divider--inset-leading.mdc-list-divider--inset-trailing {
  8228. /* @noflip */
  8229. margin-left: 72px;
  8230. /* @noflip */
  8231. margin-right: 0;
  8232. width: calc(100% - 88px);
  8233. }
  8234. [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] {
  8235. /* @noflip */
  8236. margin-left: 0;
  8237. /* @noflip */
  8238. margin-right: 72px;
  8239. }
  8240. .mdc-list--thumbnail-list .mdc-list-divider--inset-leading.mdc-list-divider--padding {
  8241. /* @noflip */
  8242. margin-left: 16px;
  8243. /* @noflip */
  8244. margin-right: 0;
  8245. width: calc(100% - 16px);
  8246. }
  8247. [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] {
  8248. /* @noflip */
  8249. margin-left: 0;
  8250. /* @noflip */
  8251. margin-right: 16px;
  8252. }
  8253. .mdc-list--thumbnail-list .mdc-list-divider--inset-leading.mdc-list-divider--inset-trailing.mdc-list-divider--inset-padding {
  8254. /* @noflip */
  8255. margin-left: 16px;
  8256. /* @noflip */
  8257. margin-right: 0;
  8258. width: calc(100% - 32px);
  8259. }
  8260. [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] {
  8261. /* @noflip */
  8262. margin-left: 0;
  8263. /* @noflip */
  8264. margin-right: 16px;
  8265. }
  8266. .mdc-list--image-list .mdc-list-divider--inset-leading {
  8267. /* @noflip */
  8268. margin-left: 88px;
  8269. /* @noflip */
  8270. margin-right: 0;
  8271. width: calc(100% - 88px);
  8272. }
  8273. [dir=rtl] .mdc-list--image-list .mdc-list-divider--inset-leading, .mdc-list--image-list .mdc-list-divider--inset-leading[dir=rtl] {
  8274. /* @noflip */
  8275. margin-left: 0;
  8276. /* @noflip */
  8277. margin-right: 88px;
  8278. }
  8279. .mdc-list--image-list .mdc-list-divider--inset-trailing {
  8280. width: calc(100% - 16px);
  8281. }
  8282. .mdc-list--image-list .mdc-list-divider--inset-leading.mdc-list-divider--inset-trailing {
  8283. /* @noflip */
  8284. margin-left: 88px;
  8285. /* @noflip */
  8286. margin-right: 0;
  8287. width: calc(100% - 104px);
  8288. }
  8289. [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] {
  8290. /* @noflip */
  8291. margin-left: 0;
  8292. /* @noflip */
  8293. margin-right: 88px;
  8294. }
  8295. .mdc-list--image-list .mdc-list-divider--inset-leading.mdc-list-divider--padding {
  8296. /* @noflip */
  8297. margin-left: 16px;
  8298. /* @noflip */
  8299. margin-right: 0;
  8300. width: calc(100% - 16px);
  8301. }
  8302. [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] {
  8303. /* @noflip */
  8304. margin-left: 0;
  8305. /* @noflip */
  8306. margin-right: 16px;
  8307. }
  8308. .mdc-list--image-list .mdc-list-divider--inset-leading.mdc-list-divider--inset-trailing.mdc-list-divider--inset-padding {
  8309. /* @noflip */
  8310. margin-left: 16px;
  8311. /* @noflip */
  8312. margin-right: 0;
  8313. width: calc(100% - 32px);
  8314. }
  8315. [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] {
  8316. /* @noflip */
  8317. margin-left: 0;
  8318. /* @noflip */
  8319. margin-right: 16px;
  8320. }
  8321. .mdc-list--video-list .mdc-list-divider--inset-leading {
  8322. /* @noflip */
  8323. margin-left: 116px;
  8324. /* @noflip */
  8325. margin-right: 0;
  8326. width: calc(100% - 116px);
  8327. }
  8328. [dir=rtl] .mdc-list--video-list .mdc-list-divider--inset-leading, .mdc-list--video-list .mdc-list-divider--inset-leading[dir=rtl] {
  8329. /* @noflip */
  8330. margin-left: 0;
  8331. /* @noflip */
  8332. margin-right: 116px;
  8333. }
  8334. .mdc-list--video-list .mdc-list-divider--inset-trailing {
  8335. width: calc(100% - 16px);
  8336. }
  8337. .mdc-list--video-list .mdc-list-divider--inset-leading.mdc-list-divider--inset-trailing {
  8338. /* @noflip */
  8339. margin-left: 116px;
  8340. /* @noflip */
  8341. margin-right: 0;
  8342. width: calc(100% - 132px);
  8343. }
  8344. [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] {
  8345. /* @noflip */
  8346. margin-left: 0;
  8347. /* @noflip */
  8348. margin-right: 116px;
  8349. }
  8350. .mdc-list--video-list .mdc-list-divider--inset-leading.mdc-list-divider--padding {
  8351. /* @noflip */
  8352. margin-left: 0px;
  8353. /* @noflip */
  8354. margin-right: 0;
  8355. width: calc(100% - 0px);
  8356. }
  8357. [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] {
  8358. /* @noflip */
  8359. margin-left: 0;
  8360. /* @noflip */
  8361. margin-right: 0px;
  8362. }
  8363. .mdc-list--video-list .mdc-list-divider--inset-leading.mdc-list-divider--inset-trailing.mdc-list-divider--inset-padding {
  8364. /* @noflip */
  8365. margin-left: 0px;
  8366. /* @noflip */
  8367. margin-right: 0;
  8368. width: calc(100% - 16px);
  8369. }
  8370. [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] {
  8371. /* @noflip */
  8372. margin-left: 0;
  8373. /* @noflip */
  8374. margin-right: 0px;
  8375. }
  8376. .mdc-list-group .mdc-list {
  8377. padding: 0;
  8378. }
  8379. .mdc-list-group__subheader {
  8380. -moz-osx-font-smoothing: grayscale;
  8381. -webkit-font-smoothing: antialiased;
  8382. font-family: Roboto, sans-serif;
  8383. /* @alternate */
  8384. font-family: var(--mdc-typography-subtitle1-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));
  8385. font-size: 1rem;
  8386. /* @alternate */
  8387. font-size: var(--mdc-typography-subtitle1-font-size, 1rem);
  8388. line-height: 1.75rem;
  8389. /* @alternate */
  8390. line-height: var(--mdc-typography-subtitle1-line-height, 1.75rem);
  8391. font-weight: 400;
  8392. /* @alternate */
  8393. font-weight: var(--mdc-typography-subtitle1-font-weight, 400);
  8394. letter-spacing: 0.009375em;
  8395. /* @alternate */
  8396. letter-spacing: var(--mdc-typography-subtitle1-letter-spacing, 0.009375em);
  8397. text-decoration: inherit;
  8398. /* @alternate */
  8399. -webkit-text-decoration: var(--mdc-typography-subtitle1-text-decoration, inherit);
  8400. text-decoration: var(--mdc-typography-subtitle1-text-decoration, inherit);
  8401. text-transform: inherit;
  8402. /* @alternate */
  8403. text-transform: var(--mdc-typography-subtitle1-text-transform, inherit);
  8404. margin: calc( (3rem - 1.5rem) / 2 ) 16px;
  8405. }
  8406. .mdc-evolution-list-item__primary-text {
  8407. color: rgba(0, 0, 0, 0.87);
  8408. /* @alternate */
  8409. color: var(--mdc-theme-text-primary-on-background, rgba(0, 0, 0, 0.87));
  8410. }
  8411. .mdc-evolution-list-item__secondary-text {
  8412. color: rgba(0, 0, 0, 0.54);
  8413. /* @alternate */
  8414. color: var(--mdc-theme-text-secondary-on-background, rgba(0, 0, 0, 0.54));
  8415. }
  8416. .mdc-evolution-list-item--with-leading-icon .mdc-evolution-list-item__start,
  8417. .mdc-evolution-list-item--with-trailing-icon .mdc-evolution-list-item__end {
  8418. background-color: transparent;
  8419. }
  8420. .mdc-evolution-list-item--with-leading-icon .mdc-evolution-list-item__start,
  8421. .mdc-evolution-list-item--with-trailing-icon .mdc-evolution-list-item__end {
  8422. color: rgba(0, 0, 0, 0.38);
  8423. /* @alternate */
  8424. color: var(--mdc-theme-text-icon-on-background, rgba(0, 0, 0, 0.38));
  8425. }
  8426. .mdc-evolution-list-item--with-trailing-meta .mdc-evolution-list-item__end {
  8427. color: rgba(0, 0, 0, 0.38);
  8428. /* @alternate */
  8429. color: var(--mdc-theme-text-hint-on-background, rgba(0, 0, 0, 0.38));
  8430. }
  8431. .mdc-evolution-list-item--disabled .mdc-evolution-list-item__start,
  8432. .mdc-evolution-list-item--disabled .mdc-evolution-list-item__content,
  8433. .mdc-evolution-list-item--disabled .mdc-evolution-list-item__end {
  8434. opacity: 0.38;
  8435. }
  8436. .mdc-evolution-list-item--disabled .mdc-evolution-list-item__primary-text {
  8437. color: #000;
  8438. /* @alternate */
  8439. color: var(--mdc-theme-on-surface, #000);
  8440. }
  8441. .mdc-evolution-list-item--disabled .mdc-evolution-list-item__secondary-text {
  8442. color: #000;
  8443. /* @alternate */
  8444. color: var(--mdc-theme-on-surface, #000);
  8445. }
  8446. .mdc-evolution-list-item--disabled.mdc-evolution-list-item--with-leading-icon .mdc-evolution-list-item__start {
  8447. color: #000;
  8448. /* @alternate */
  8449. color: var(--mdc-theme-on-surface, #000);
  8450. }
  8451. .mdc-evolution-list-item--disabled.mdc-evolution-list-item--with-trailing-icon .mdc-evolution-list-item__end {
  8452. color: #000;
  8453. /* @alternate */
  8454. color: var(--mdc-theme-on-surface, #000);
  8455. }
  8456. .mdc-evolution-list-item--disabled.mdc-evolution-list-item--with-trailing-meta .mdc-evolution-list-item__end {
  8457. color: #000;
  8458. /* @alternate */
  8459. color: var(--mdc-theme-on-surface, #000);
  8460. }
  8461. .mdc-evolution-list-item--selected .mdc-evolution-list-item__primary-text,
  8462. .mdc-evolution-list-item--activated .mdc-evolution-list-item__primary-text {
  8463. color: #6200ee;
  8464. /* @alternate */
  8465. color: var(--mdc-theme-primary, #6200ee);
  8466. }
  8467. .mdc-evolution-list-item--selected.mdc-evolution-list-item--with-leading-icon .mdc-evolution-list-item__start,
  8468. .mdc-evolution-list-item--activated.mdc-evolution-list-item--with-leading-icon .mdc-evolution-list-item__start {
  8469. color: #6200ee;
  8470. /* @alternate */
  8471. color: var(--mdc-theme-primary, #6200ee);
  8472. }
  8473. .mdc-list-group__subheader {
  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. @media screen and (-ms-high-contrast: active) {
  8479. .mdc-evolution-list-divider::after {
  8480. content: "";
  8481. display: block;
  8482. border-bottom-width: 1px;
  8483. border-bottom-style: solid;
  8484. border-bottom-color: white;
  8485. }
  8486. }
  8487. .mdc-evolution-list {
  8488. -moz-osx-font-smoothing: grayscale;
  8489. -webkit-font-smoothing: antialiased;
  8490. font-family: Roboto, sans-serif;
  8491. /* @alternate */
  8492. font-family: var(--mdc-typography-subtitle1-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));
  8493. font-size: 1rem;
  8494. /* @alternate */
  8495. font-size: var(--mdc-typography-subtitle1-font-size, 1rem);
  8496. line-height: 1.75rem;
  8497. /* @alternate */
  8498. line-height: var(--mdc-typography-subtitle1-line-height, 1.75rem);
  8499. font-weight: 400;
  8500. /* @alternate */
  8501. font-weight: var(--mdc-typography-subtitle1-font-weight, 400);
  8502. letter-spacing: 0.009375em;
  8503. /* @alternate */
  8504. letter-spacing: var(--mdc-typography-subtitle1-letter-spacing, 0.009375em);
  8505. text-decoration: inherit;
  8506. /* @alternate */
  8507. -webkit-text-decoration: var(--mdc-typography-subtitle1-text-decoration, inherit);
  8508. text-decoration: var(--mdc-typography-subtitle1-text-decoration, inherit);
  8509. text-transform: inherit;
  8510. /* @alternate */
  8511. text-transform: var(--mdc-typography-subtitle1-text-transform, inherit);
  8512. /* @alternate */
  8513. line-height: 1.5rem;
  8514. margin: 0;
  8515. padding: 8px 0;
  8516. list-style-type: none;
  8517. }
  8518. .mdc-evolution-list:focus {
  8519. outline: none;
  8520. }
  8521. .mdc-evolution-list-item {
  8522. display: flex;
  8523. position: relative;
  8524. align-items: center;
  8525. justify-content: flex-start;
  8526. overflow: hidden;
  8527. padding: 0;
  8528. /* @noflip */
  8529. padding-left: 16px;
  8530. /* @noflip */
  8531. padding-right: 16px;
  8532. align-items: stretch;
  8533. cursor: pointer;
  8534. }
  8535. .mdc-evolution-list-item:focus {
  8536. outline: none;
  8537. }
  8538. [dir=rtl] .mdc-evolution-list-item, .mdc-evolution-list-item[dir=rtl] {
  8539. /* @noflip */
  8540. padding-left: 16px;
  8541. /* @noflip */
  8542. padding-right: 16px;
  8543. }
  8544. .mdc-evolution-list-item.mdc-evolution-list-item--with-one-line {
  8545. height: 48px;
  8546. }
  8547. .mdc-evolution-list-item.mdc-evolution-list-item--with-two-lines {
  8548. height: 64px;
  8549. }
  8550. .mdc-evolution-list-item.mdc-evolution-list-item--with-three-lines {
  8551. height: 88px;
  8552. }
  8553. .mdc-evolution-list-item.mdc-evolution-list-item--with-one-line .mdc-evolution-list-item__start {
  8554. align-self: center;
  8555. margin-top: 0;
  8556. }
  8557. .mdc-evolution-list-item.mdc-evolution-list-item--with-two-lines .mdc-evolution-list-item__start {
  8558. align-self: flex-start;
  8559. margin-top: 16px;
  8560. }
  8561. .mdc-evolution-list-item.mdc-evolution-list-item--with-three-lines .mdc-evolution-list-item__start {
  8562. align-self: flex-start;
  8563. margin-top: 16px;
  8564. }
  8565. .mdc-evolution-list-item.mdc-evolution-list-item--with-one-line .mdc-evolution-list-item__end {
  8566. align-self: center;
  8567. margin-top: 0;
  8568. }
  8569. .mdc-evolution-list-item.mdc-evolution-list-item--with-two-lines .mdc-evolution-list-item__end {
  8570. align-self: center;
  8571. margin-top: 0;
  8572. }
  8573. .mdc-evolution-list-item.mdc-evolution-list-item--with-three-lines .mdc-evolution-list-item__end {
  8574. align-self: flex-start;
  8575. margin-top: 16px;
  8576. }
  8577. .mdc-evolution-list-item.mdc-evolution-list-item--disabled, .mdc-evolution-list-item.mdc-evolution-list-item--non-interactive {
  8578. cursor: auto;
  8579. }
  8580. .mdc-evolution-list-item:not(.mdc-evolution-list-item--selected):focus::before, .mdc-evolution-list-item.mdc-ripple-upgraded--background-focused::before {
  8581. position: absolute;
  8582. box-sizing: border-box;
  8583. width: 100%;
  8584. height: 100%;
  8585. top: 0;
  8586. left: 0;
  8587. border: 1px solid transparent;
  8588. border-radius: inherit;
  8589. content: "";
  8590. }
  8591. .mdc-evolution-list-item.mdc-evolution-list-item--selected::before {
  8592. position: absolute;
  8593. box-sizing: border-box;
  8594. width: 100%;
  8595. height: 100%;
  8596. top: 0;
  8597. left: 0;
  8598. border: 3px double transparent;
  8599. border-radius: inherit;
  8600. content: "";
  8601. }
  8602. a.mdc-evolution-list-item {
  8603. color: inherit;
  8604. text-decoration: none;
  8605. }
  8606. .mdc-evolution-list-item__start {
  8607. fill: currentColor;
  8608. flex-shrink: 0;
  8609. }
  8610. .mdc-evolution-list-item__end {
  8611. flex-shrink: 0;
  8612. }
  8613. .mdc-evolution-list-item__content {
  8614. text-overflow: ellipsis;
  8615. white-space: nowrap;
  8616. overflow: hidden;
  8617. align-self: center;
  8618. flex: 1;
  8619. }
  8620. .mdc-evolution-list-item--with-two-lines .mdc-evolution-list-item__content, .mdc-evolution-list-item--with-three-lines .mdc-evolution-list-item__content {
  8621. align-self: stretch;
  8622. }
  8623. .mdc-evolution-list-item__content[for] {
  8624. pointer-events: none;
  8625. }
  8626. .mdc-evolution-list-item__primary-text {
  8627. -moz-osx-font-smoothing: grayscale;
  8628. -webkit-font-smoothing: antialiased;
  8629. font-family: Roboto, sans-serif;
  8630. /* @alternate */
  8631. font-family: var(--mdc-typography-subtitle1-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));
  8632. font-size: 1rem;
  8633. /* @alternate */
  8634. font-size: var(--mdc-typography-subtitle1-font-size, 1rem);
  8635. line-height: 1.75rem;
  8636. /* @alternate */
  8637. line-height: var(--mdc-typography-subtitle1-line-height, 1.75rem);
  8638. font-weight: 400;
  8639. /* @alternate */
  8640. font-weight: var(--mdc-typography-subtitle1-font-weight, 400);
  8641. letter-spacing: 0.009375em;
  8642. /* @alternate */
  8643. letter-spacing: var(--mdc-typography-subtitle1-letter-spacing, 0.009375em);
  8644. text-decoration: inherit;
  8645. /* @alternate */
  8646. -webkit-text-decoration: var(--mdc-typography-subtitle1-text-decoration, inherit);
  8647. text-decoration: var(--mdc-typography-subtitle1-text-decoration, inherit);
  8648. text-transform: inherit;
  8649. /* @alternate */
  8650. text-transform: var(--mdc-typography-subtitle1-text-transform, inherit);
  8651. text-overflow: ellipsis;
  8652. white-space: nowrap;
  8653. overflow: hidden;
  8654. }
  8655. .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 {
  8656. display: block;
  8657. margin-top: 0;
  8658. /* @alternate */
  8659. line-height: normal;
  8660. margin-bottom: -20px;
  8661. }
  8662. .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 {
  8663. display: inline-block;
  8664. width: 0;
  8665. height: 28px;
  8666. content: "";
  8667. vertical-align: 0;
  8668. }
  8669. .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 {
  8670. display: inline-block;
  8671. width: 0;
  8672. height: 20px;
  8673. content: "";
  8674. vertical-align: -20px;
  8675. }
  8676. .mdc-evolution-list-item__secondary-text {
  8677. -moz-osx-font-smoothing: grayscale;
  8678. -webkit-font-smoothing: antialiased;
  8679. font-family: Roboto, sans-serif;
  8680. /* @alternate */
  8681. font-family: var(--mdc-typography-body2-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));
  8682. font-size: 0.875rem;
  8683. /* @alternate */
  8684. font-size: var(--mdc-typography-body2-font-size, 0.875rem);
  8685. line-height: 1.25rem;
  8686. /* @alternate */
  8687. line-height: var(--mdc-typography-body2-line-height, 1.25rem);
  8688. font-weight: 400;
  8689. /* @alternate */
  8690. font-weight: var(--mdc-typography-body2-font-weight, 400);
  8691. letter-spacing: 0.0178571429em;
  8692. /* @alternate */
  8693. letter-spacing: var(--mdc-typography-body2-letter-spacing, 0.0178571429em);
  8694. text-decoration: inherit;
  8695. /* @alternate */
  8696. -webkit-text-decoration: var(--mdc-typography-body2-text-decoration, inherit);
  8697. text-decoration: var(--mdc-typography-body2-text-decoration, inherit);
  8698. text-transform: inherit;
  8699. /* @alternate */
  8700. text-transform: var(--mdc-typography-body2-text-transform, inherit);
  8701. text-overflow: ellipsis;
  8702. white-space: nowrap;
  8703. overflow: hidden;
  8704. display: block;
  8705. margin-top: 0;
  8706. /* @alternate */
  8707. line-height: normal;
  8708. }
  8709. .mdc-evolution-list-item__secondary-text::before {
  8710. display: inline-block;
  8711. width: 0;
  8712. height: 20px;
  8713. content: "";
  8714. vertical-align: 0;
  8715. }
  8716. .mdc-evolution-list-item__overline-text {
  8717. text-overflow: ellipsis;
  8718. white-space: nowrap;
  8719. overflow: hidden;
  8720. }
  8721. .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 {
  8722. display: block;
  8723. margin-top: 0;
  8724. /* @alternate */
  8725. line-height: normal;
  8726. margin-bottom: -20px;
  8727. }
  8728. .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 {
  8729. display: inline-block;
  8730. width: 0;
  8731. height: 24px;
  8732. content: "";
  8733. vertical-align: 0;
  8734. }
  8735. .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 {
  8736. display: inline-block;
  8737. width: 0;
  8738. height: 20px;
  8739. content: "";
  8740. vertical-align: -20px;
  8741. }
  8742. .mdc-evolution-list-item--with-leading-avatar.mdc-evolution-list-item {
  8743. /* @noflip */
  8744. padding-left: 0;
  8745. /* @noflip */
  8746. padding-right: auto;
  8747. }
  8748. [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] {
  8749. /* @noflip */
  8750. padding-left: auto;
  8751. /* @noflip */
  8752. padding-right: 0;
  8753. }
  8754. .mdc-evolution-list-item--with-leading-avatar .mdc-evolution-list-item__start {
  8755. /* @noflip */
  8756. margin-left: 16px;
  8757. /* @noflip */
  8758. margin-right: 16px;
  8759. }
  8760. [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] {
  8761. /* @noflip */
  8762. margin-left: 16px;
  8763. /* @noflip */
  8764. margin-right: 16px;
  8765. }
  8766. .mdc-evolution-list-item--with-leading-avatar .mdc-evolution-list-item__start {
  8767. width: 40px;
  8768. height: 40px;
  8769. }
  8770. .mdc-evolution-list-item--with-leading-avatar.mdc-evolution-list-item--with-two-lines .mdc-evolution-list-item__primary-text {
  8771. display: block;
  8772. margin-top: 0;
  8773. /* @alternate */
  8774. line-height: normal;
  8775. margin-bottom: -20px;
  8776. }
  8777. .mdc-evolution-list-item--with-leading-avatar.mdc-evolution-list-item--with-two-lines .mdc-evolution-list-item__primary-text::before {
  8778. display: inline-block;
  8779. width: 0;
  8780. height: 32px;
  8781. content: "";
  8782. vertical-align: 0;
  8783. }
  8784. .mdc-evolution-list-item--with-leading-avatar.mdc-evolution-list-item--with-two-lines .mdc-evolution-list-item__primary-text::after {
  8785. display: inline-block;
  8786. width: 0;
  8787. height: 20px;
  8788. content: "";
  8789. vertical-align: -20px;
  8790. }
  8791. .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 {
  8792. display: block;
  8793. margin-top: 0;
  8794. /* @alternate */
  8795. line-height: normal;
  8796. }
  8797. .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 {
  8798. display: inline-block;
  8799. width: 0;
  8800. height: 32px;
  8801. content: "";
  8802. vertical-align: 0;
  8803. }
  8804. .mdc-evolution-list-item--with-leading-avatar.mdc-evolution-list-item--with-one-line {
  8805. height: 56px;
  8806. }
  8807. .mdc-evolution-list-item--with-leading-avatar.mdc-evolution-list-item--with-two-lines {
  8808. height: 72px;
  8809. }
  8810. .mdc-evolution-list-item--with-leading-avatar .mdc-evolution-list-item__start {
  8811. border-radius: 50%;
  8812. }
  8813. .mdc-evolution-list-item--with-leading-icon .mdc-evolution-list-item__start {
  8814. width: 24px;
  8815. height: 24px;
  8816. }
  8817. .mdc-evolution-list-item--with-leading-icon.mdc-evolution-list-item {
  8818. /* @noflip */
  8819. padding-left: 0;
  8820. /* @noflip */
  8821. padding-right: auto;
  8822. }
  8823. [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] {
  8824. /* @noflip */
  8825. padding-left: auto;
  8826. /* @noflip */
  8827. padding-right: 0;
  8828. }
  8829. .mdc-evolution-list-item--with-leading-icon .mdc-evolution-list-item__start {
  8830. /* @noflip */
  8831. margin-left: 16px;
  8832. /* @noflip */
  8833. margin-right: 32px;
  8834. }
  8835. [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] {
  8836. /* @noflip */
  8837. margin-left: 32px;
  8838. /* @noflip */
  8839. margin-right: 16px;
  8840. }
  8841. .mdc-evolution-list-item--with-leading-icon.mdc-evolution-list-item--with-two-lines .mdc-evolution-list-item__primary-text {
  8842. display: block;
  8843. margin-top: 0;
  8844. /* @alternate */
  8845. line-height: normal;
  8846. margin-bottom: -20px;
  8847. }
  8848. .mdc-evolution-list-item--with-leading-icon.mdc-evolution-list-item--with-two-lines .mdc-evolution-list-item__primary-text::before {
  8849. display: inline-block;
  8850. width: 0;
  8851. height: 32px;
  8852. content: "";
  8853. vertical-align: 0;
  8854. }
  8855. .mdc-evolution-list-item--with-leading-icon.mdc-evolution-list-item--with-two-lines .mdc-evolution-list-item__primary-text::after {
  8856. display: inline-block;
  8857. width: 0;
  8858. height: 20px;
  8859. content: "";
  8860. vertical-align: -20px;
  8861. }
  8862. .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 {
  8863. display: block;
  8864. margin-top: 0;
  8865. /* @alternate */
  8866. line-height: normal;
  8867. }
  8868. .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 {
  8869. display: inline-block;
  8870. width: 0;
  8871. height: 32px;
  8872. content: "";
  8873. vertical-align: 0;
  8874. }
  8875. .mdc-evolution-list-item--with-leading-icon.mdc-evolution-list-item--with-one-line {
  8876. height: 56px;
  8877. }
  8878. .mdc-evolution-list-item--with-leading-icon.mdc-evolution-list-item--with-two-lines {
  8879. height: 72px;
  8880. }
  8881. .mdc-evolution-list-item--with-leading-thumbnail.mdc-evolution-list-item {
  8882. /* @noflip */
  8883. padding-left: 0;
  8884. /* @noflip */
  8885. padding-right: auto;
  8886. }
  8887. [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] {
  8888. /* @noflip */
  8889. padding-left: auto;
  8890. /* @noflip */
  8891. padding-right: 0;
  8892. }
  8893. .mdc-evolution-list-item--with-leading-thumbnail .mdc-evolution-list-item__start {
  8894. /* @noflip */
  8895. margin-left: 16px;
  8896. /* @noflip */
  8897. margin-right: 16px;
  8898. }
  8899. [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] {
  8900. /* @noflip */
  8901. margin-left: 16px;
  8902. /* @noflip */
  8903. margin-right: 16px;
  8904. }
  8905. .mdc-evolution-list-item--with-leading-thumbnail .mdc-evolution-list-item__start {
  8906. width: 40px;
  8907. height: 40px;
  8908. }
  8909. .mdc-evolution-list-item--with-leading-thumbnail.mdc-evolution-list-item--with-two-lines .mdc-evolution-list-item__primary-text {
  8910. display: block;
  8911. margin-top: 0;
  8912. /* @alternate */
  8913. line-height: normal;
  8914. margin-bottom: -20px;
  8915. }
  8916. .mdc-evolution-list-item--with-leading-thumbnail.mdc-evolution-list-item--with-two-lines .mdc-evolution-list-item__primary-text::before {
  8917. display: inline-block;
  8918. width: 0;
  8919. height: 32px;
  8920. content: "";
  8921. vertical-align: 0;
  8922. }
  8923. .mdc-evolution-list-item--with-leading-thumbnail.mdc-evolution-list-item--with-two-lines .mdc-evolution-list-item__primary-text::after {
  8924. display: inline-block;
  8925. width: 0;
  8926. height: 20px;
  8927. content: "";
  8928. vertical-align: -20px;
  8929. }
  8930. .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 {
  8931. display: block;
  8932. margin-top: 0;
  8933. /* @alternate */
  8934. line-height: normal;
  8935. }
  8936. .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 {
  8937. display: inline-block;
  8938. width: 0;
  8939. height: 32px;
  8940. content: "";
  8941. vertical-align: 0;
  8942. }
  8943. .mdc-evolution-list-item--with-leading-thumbnail.mdc-evolution-list-item--with-one-line {
  8944. height: 56px;
  8945. }
  8946. .mdc-evolution-list-item--with-leading-thumbnail.mdc-evolution-list-item--with-two-lines {
  8947. height: 72px;
  8948. }
  8949. .mdc-evolution-list-item--with-leading-image.mdc-evolution-list-item {
  8950. /* @noflip */
  8951. padding-left: 0;
  8952. /* @noflip */
  8953. padding-right: auto;
  8954. }
  8955. [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] {
  8956. /* @noflip */
  8957. padding-left: auto;
  8958. /* @noflip */
  8959. padding-right: 0;
  8960. }
  8961. .mdc-evolution-list-item--with-leading-image .mdc-evolution-list-item__start {
  8962. /* @noflip */
  8963. margin-left: 16px;
  8964. /* @noflip */
  8965. margin-right: 16px;
  8966. }
  8967. [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] {
  8968. /* @noflip */
  8969. margin-left: 16px;
  8970. /* @noflip */
  8971. margin-right: 16px;
  8972. }
  8973. .mdc-evolution-list-item--with-leading-image .mdc-evolution-list-item__start {
  8974. width: 56px;
  8975. height: 56px;
  8976. }
  8977. .mdc-evolution-list-item--with-leading-image.mdc-evolution-list-item--with-two-lines .mdc-evolution-list-item__primary-text {
  8978. display: block;
  8979. margin-top: 0;
  8980. /* @alternate */
  8981. line-height: normal;
  8982. margin-bottom: -20px;
  8983. }
  8984. .mdc-evolution-list-item--with-leading-image.mdc-evolution-list-item--with-two-lines .mdc-evolution-list-item__primary-text::before {
  8985. display: inline-block;
  8986. width: 0;
  8987. height: 32px;
  8988. content: "";
  8989. vertical-align: 0;
  8990. }
  8991. .mdc-evolution-list-item--with-leading-image.mdc-evolution-list-item--with-two-lines .mdc-evolution-list-item__primary-text::after {
  8992. display: inline-block;
  8993. width: 0;
  8994. height: 20px;
  8995. content: "";
  8996. vertical-align: -20px;
  8997. }
  8998. .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 {
  8999. display: block;
  9000. margin-top: 0;
  9001. /* @alternate */
  9002. line-height: normal;
  9003. }
  9004. .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 {
  9005. display: inline-block;
  9006. width: 0;
  9007. height: 32px;
  9008. content: "";
  9009. vertical-align: 0;
  9010. }
  9011. .mdc-evolution-list-item--with-leading-image.mdc-evolution-list-item--with-one-line {
  9012. height: 72px;
  9013. }
  9014. .mdc-evolution-list-item--with-leading-image.mdc-evolution-list-item--with-two-lines {
  9015. height: 72px;
  9016. }
  9017. .mdc-evolution-list-item--with-leading-video.mdc-evolution-list-item--with-two-lines .mdc-evolution-list-item__start {
  9018. align-self: flex-start;
  9019. margin-top: 8px;
  9020. }
  9021. .mdc-evolution-list-item--with-leading-video.mdc-evolution-list-item {
  9022. /* @noflip */
  9023. padding-left: 0;
  9024. /* @noflip */
  9025. padding-right: auto;
  9026. }
  9027. [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] {
  9028. /* @noflip */
  9029. padding-left: auto;
  9030. /* @noflip */
  9031. padding-right: 0;
  9032. }
  9033. .mdc-evolution-list-item--with-leading-video .mdc-evolution-list-item__start {
  9034. /* @noflip */
  9035. margin-left: 0;
  9036. /* @noflip */
  9037. margin-right: 16px;
  9038. }
  9039. [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] {
  9040. /* @noflip */
  9041. margin-left: 16px;
  9042. /* @noflip */
  9043. margin-right: 0;
  9044. }
  9045. .mdc-evolution-list-item--with-leading-video .mdc-evolution-list-item__start {
  9046. width: 100px;
  9047. height: 56px;
  9048. }
  9049. .mdc-evolution-list-item--with-leading-video.mdc-evolution-list-item--with-two-lines .mdc-evolution-list-item__primary-text {
  9050. display: block;
  9051. margin-top: 0;
  9052. /* @alternate */
  9053. line-height: normal;
  9054. margin-bottom: -20px;
  9055. }
  9056. .mdc-evolution-list-item--with-leading-video.mdc-evolution-list-item--with-two-lines .mdc-evolution-list-item__primary-text::before {
  9057. display: inline-block;
  9058. width: 0;
  9059. height: 32px;
  9060. content: "";
  9061. vertical-align: 0;
  9062. }
  9063. .mdc-evolution-list-item--with-leading-video.mdc-evolution-list-item--with-two-lines .mdc-evolution-list-item__primary-text::after {
  9064. display: inline-block;
  9065. width: 0;
  9066. height: 20px;
  9067. content: "";
  9068. vertical-align: -20px;
  9069. }
  9070. .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 {
  9071. display: block;
  9072. margin-top: 0;
  9073. /* @alternate */
  9074. line-height: normal;
  9075. }
  9076. .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 {
  9077. display: inline-block;
  9078. width: 0;
  9079. height: 32px;
  9080. content: "";
  9081. vertical-align: 0;
  9082. }
  9083. .mdc-evolution-list-item--with-leading-video.mdc-evolution-list-item--with-one-line {
  9084. height: 72px;
  9085. }
  9086. .mdc-evolution-list-item--with-leading-video.mdc-evolution-list-item--with-two-lines {
  9087. height: 72px;
  9088. }
  9089. .mdc-evolution-list-item--with-leading-checkbox.mdc-evolution-list-item {
  9090. /* @noflip */
  9091. padding-left: 0;
  9092. /* @noflip */
  9093. padding-right: auto;
  9094. }
  9095. [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] {
  9096. /* @noflip */
  9097. padding-left: auto;
  9098. /* @noflip */
  9099. padding-right: 0;
  9100. }
  9101. .mdc-evolution-list-item--with-leading-checkbox .mdc-evolution-list-item__start {
  9102. /* @noflip */
  9103. margin-left: 8px;
  9104. /* @noflip */
  9105. margin-right: 24px;
  9106. }
  9107. [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] {
  9108. /* @noflip */
  9109. margin-left: 24px;
  9110. /* @noflip */
  9111. margin-right: 8px;
  9112. }
  9113. .mdc-evolution-list-item--with-leading-checkbox .mdc-evolution-list-item__start {
  9114. width: 40px;
  9115. height: 40px;
  9116. }
  9117. .mdc-evolution-list-item--with-leading-checkbox.mdc-evolution-list-item--with-two-lines .mdc-evolution-list-item__start {
  9118. align-self: flex-start;
  9119. margin-top: 8px;
  9120. }
  9121. .mdc-evolution-list-item--with-leading-checkbox.mdc-evolution-list-item--with-two-lines .mdc-evolution-list-item__primary-text {
  9122. display: block;
  9123. margin-top: 0;
  9124. /* @alternate */
  9125. line-height: normal;
  9126. margin-bottom: -20px;
  9127. }
  9128. .mdc-evolution-list-item--with-leading-checkbox.mdc-evolution-list-item--with-two-lines .mdc-evolution-list-item__primary-text::before {
  9129. display: inline-block;
  9130. width: 0;
  9131. height: 32px;
  9132. content: "";
  9133. vertical-align: 0;
  9134. }
  9135. .mdc-evolution-list-item--with-leading-checkbox.mdc-evolution-list-item--with-two-lines .mdc-evolution-list-item__primary-text::after {
  9136. display: inline-block;
  9137. width: 0;
  9138. height: 20px;
  9139. content: "";
  9140. vertical-align: -20px;
  9141. }
  9142. .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 {
  9143. display: block;
  9144. margin-top: 0;
  9145. /* @alternate */
  9146. line-height: normal;
  9147. }
  9148. .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 {
  9149. display: inline-block;
  9150. width: 0;
  9151. height: 32px;
  9152. content: "";
  9153. vertical-align: 0;
  9154. }
  9155. .mdc-evolution-list-item--with-leading-checkbox.mdc-evolution-list-item--with-one-line {
  9156. height: 56px;
  9157. }
  9158. .mdc-evolution-list-item--with-leading-checkbox.mdc-evolution-list-item--with-two-lines {
  9159. height: 72px;
  9160. }
  9161. .mdc-evolution-list-item--with-leading-radio.mdc-evolution-list-item {
  9162. /* @noflip */
  9163. padding-left: 0;
  9164. /* @noflip */
  9165. padding-right: auto;
  9166. }
  9167. [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] {
  9168. /* @noflip */
  9169. padding-left: auto;
  9170. /* @noflip */
  9171. padding-right: 0;
  9172. }
  9173. .mdc-evolution-list-item--with-leading-radio .mdc-evolution-list-item__start {
  9174. /* @noflip */
  9175. margin-left: 8px;
  9176. /* @noflip */
  9177. margin-right: 24px;
  9178. }
  9179. [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] {
  9180. /* @noflip */
  9181. margin-left: 24px;
  9182. /* @noflip */
  9183. margin-right: 8px;
  9184. }
  9185. .mdc-evolution-list-item--with-leading-radio .mdc-evolution-list-item__start {
  9186. width: 40px;
  9187. height: 40px;
  9188. }
  9189. .mdc-evolution-list-item--with-leading-radio.mdc-evolution-list-item--with-two-lines .mdc-evolution-list-item__start {
  9190. align-self: flex-start;
  9191. margin-top: 8px;
  9192. }
  9193. .mdc-evolution-list-item--with-leading-radio.mdc-evolution-list-item--with-two-lines .mdc-evolution-list-item__primary-text {
  9194. display: block;
  9195. margin-top: 0;
  9196. /* @alternate */
  9197. line-height: normal;
  9198. margin-bottom: -20px;
  9199. }
  9200. .mdc-evolution-list-item--with-leading-radio.mdc-evolution-list-item--with-two-lines .mdc-evolution-list-item__primary-text::before {
  9201. display: inline-block;
  9202. width: 0;
  9203. height: 32px;
  9204. content: "";
  9205. vertical-align: 0;
  9206. }
  9207. .mdc-evolution-list-item--with-leading-radio.mdc-evolution-list-item--with-two-lines .mdc-evolution-list-item__primary-text::after {
  9208. display: inline-block;
  9209. width: 0;
  9210. height: 20px;
  9211. content: "";
  9212. vertical-align: -20px;
  9213. }
  9214. .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 {
  9215. display: block;
  9216. margin-top: 0;
  9217. /* @alternate */
  9218. line-height: normal;
  9219. }
  9220. .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 {
  9221. display: inline-block;
  9222. width: 0;
  9223. height: 32px;
  9224. content: "";
  9225. vertical-align: 0;
  9226. }
  9227. .mdc-evolution-list-item--with-leading-radio.mdc-evolution-list-item--with-one-line {
  9228. height: 56px;
  9229. }
  9230. .mdc-evolution-list-item--with-leading-radio.mdc-evolution-list-item--with-two-lines {
  9231. height: 72px;
  9232. }
  9233. .mdc-evolution-list-item--with-leading-switch.mdc-evolution-list-item {
  9234. /* @noflip */
  9235. padding-left: 0;
  9236. /* @noflip */
  9237. padding-right: auto;
  9238. }
  9239. [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] {
  9240. /* @noflip */
  9241. padding-left: auto;
  9242. /* @noflip */
  9243. padding-right: 0;
  9244. }
  9245. .mdc-evolution-list-item--with-leading-switch .mdc-evolution-list-item__start {
  9246. /* @noflip */
  9247. margin-left: 16px;
  9248. /* @noflip */
  9249. margin-right: 16px;
  9250. }
  9251. [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] {
  9252. /* @noflip */
  9253. margin-left: 16px;
  9254. /* @noflip */
  9255. margin-right: 16px;
  9256. }
  9257. .mdc-evolution-list-item--with-leading-switch .mdc-evolution-list-item__start {
  9258. width: 36px;
  9259. height: 20px;
  9260. }
  9261. .mdc-evolution-list-item--with-leading-switch.mdc-evolution-list-item--with-two-lines .mdc-evolution-list-item__start {
  9262. align-self: flex-start;
  9263. margin-top: 16px;
  9264. }
  9265. .mdc-evolution-list-item--with-leading-switch.mdc-evolution-list-item--with-two-lines .mdc-evolution-list-item__primary-text {
  9266. display: block;
  9267. margin-top: 0;
  9268. /* @alternate */
  9269. line-height: normal;
  9270. margin-bottom: -20px;
  9271. }
  9272. .mdc-evolution-list-item--with-leading-switch.mdc-evolution-list-item--with-two-lines .mdc-evolution-list-item__primary-text::before {
  9273. display: inline-block;
  9274. width: 0;
  9275. height: 32px;
  9276. content: "";
  9277. vertical-align: 0;
  9278. }
  9279. .mdc-evolution-list-item--with-leading-switch.mdc-evolution-list-item--with-two-lines .mdc-evolution-list-item__primary-text::after {
  9280. display: inline-block;
  9281. width: 0;
  9282. height: 20px;
  9283. content: "";
  9284. vertical-align: -20px;
  9285. }
  9286. .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 {
  9287. display: block;
  9288. margin-top: 0;
  9289. /* @alternate */
  9290. line-height: normal;
  9291. }
  9292. .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 {
  9293. display: inline-block;
  9294. width: 0;
  9295. height: 32px;
  9296. content: "";
  9297. vertical-align: 0;
  9298. }
  9299. .mdc-evolution-list-item--with-leading-switch.mdc-evolution-list-item--with-one-line {
  9300. height: 56px;
  9301. }
  9302. .mdc-evolution-list-item--with-leading-switch.mdc-evolution-list-item--with-two-lines {
  9303. height: 72px;
  9304. }
  9305. .mdc-evolution-list-item--with-trailing-icon.mdc-evolution-list-item {
  9306. /* @noflip */
  9307. padding-left: auto;
  9308. /* @noflip */
  9309. padding-right: 0;
  9310. }
  9311. [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] {
  9312. /* @noflip */
  9313. padding-left: 0;
  9314. /* @noflip */
  9315. padding-right: auto;
  9316. }
  9317. .mdc-evolution-list-item--with-trailing-icon .mdc-evolution-list-item__end {
  9318. /* @noflip */
  9319. margin-left: 16px;
  9320. /* @noflip */
  9321. margin-right: 16px;
  9322. }
  9323. [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] {
  9324. /* @noflip */
  9325. margin-left: 16px;
  9326. /* @noflip */
  9327. margin-right: 16px;
  9328. }
  9329. .mdc-evolution-list-item--with-trailing-icon .mdc-evolution-list-item__end {
  9330. width: 24px;
  9331. height: 24px;
  9332. }
  9333. .mdc-evolution-list-item--with-trailing-meta.mdc-evolution-list-item--with-two-lines .mdc-evolution-list-item__end {
  9334. align-self: flex-start;
  9335. margin-top: 0;
  9336. }
  9337. .mdc-evolution-list-item--with-trailing-meta.mdc-evolution-list-item--with-three-lines .mdc-evolution-list-item__end {
  9338. align-self: flex-start;
  9339. margin-top: 0;
  9340. }
  9341. .mdc-evolution-list-item--with-trailing-meta.mdc-evolution-list-item {
  9342. /* @noflip */
  9343. padding-left: auto;
  9344. /* @noflip */
  9345. padding-right: 0;
  9346. }
  9347. [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] {
  9348. /* @noflip */
  9349. padding-left: 0;
  9350. /* @noflip */
  9351. padding-right: auto;
  9352. }
  9353. .mdc-evolution-list-item--with-trailing-meta .mdc-evolution-list-item__end {
  9354. /* @noflip */
  9355. margin-left: 28px;
  9356. /* @noflip */
  9357. margin-right: 16px;
  9358. }
  9359. [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] {
  9360. /* @noflip */
  9361. margin-left: 16px;
  9362. /* @noflip */
  9363. margin-right: 28px;
  9364. }
  9365. .mdc-evolution-list-item--with-trailing-meta.mdc-evolution-list-item--with-two-lines .mdc-evolution-list-item__end {
  9366. display: block;
  9367. margin-top: 0;
  9368. /* @alternate */
  9369. line-height: normal;
  9370. }
  9371. .mdc-evolution-list-item--with-trailing-meta.mdc-evolution-list-item--with-two-lines .mdc-evolution-list-item__end::before {
  9372. display: inline-block;
  9373. width: 0;
  9374. height: 28px;
  9375. content: "";
  9376. vertical-align: 0;
  9377. }
  9378. .mdc-evolution-list-item--with-trailing-meta.mdc-evolution-list-item--with-three-lines .mdc-evolution-list-item__end {
  9379. display: block;
  9380. margin-top: 0;
  9381. /* @alternate */
  9382. line-height: normal;
  9383. }
  9384. .mdc-evolution-list-item--with-trailing-meta.mdc-evolution-list-item--with-three-lines .mdc-evolution-list-item__end::before {
  9385. display: inline-block;
  9386. width: 0;
  9387. height: 28px;
  9388. content: "";
  9389. vertical-align: 0;
  9390. }
  9391. .mdc-evolution-list-item--with-trailing-meta .mdc-evolution-list-item__end {
  9392. -moz-osx-font-smoothing: grayscale;
  9393. -webkit-font-smoothing: antialiased;
  9394. font-family: Roboto, sans-serif;
  9395. /* @alternate */
  9396. font-family: var(--mdc-typography-caption-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));
  9397. font-size: 0.75rem;
  9398. /* @alternate */
  9399. font-size: var(--mdc-typography-caption-font-size, 0.75rem);
  9400. line-height: 1.25rem;
  9401. /* @alternate */
  9402. line-height: var(--mdc-typography-caption-line-height, 1.25rem);
  9403. font-weight: 400;
  9404. /* @alternate */
  9405. font-weight: var(--mdc-typography-caption-font-weight, 400);
  9406. letter-spacing: 0.0333333333em;
  9407. /* @alternate */
  9408. letter-spacing: var(--mdc-typography-caption-letter-spacing, 0.0333333333em);
  9409. text-decoration: inherit;
  9410. /* @alternate */
  9411. -webkit-text-decoration: var(--mdc-typography-caption-text-decoration, inherit);
  9412. text-decoration: var(--mdc-typography-caption-text-decoration, inherit);
  9413. text-transform: inherit;
  9414. /* @alternate */
  9415. text-transform: var(--mdc-typography-caption-text-transform, inherit);
  9416. }
  9417. .mdc-evolution-list-item--with-trailing-checkbox.mdc-evolution-list-item {
  9418. /* @noflip */
  9419. padding-left: auto;
  9420. /* @noflip */
  9421. padding-right: 0;
  9422. }
  9423. [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] {
  9424. /* @noflip */
  9425. padding-left: 0;
  9426. /* @noflip */
  9427. padding-right: auto;
  9428. }
  9429. .mdc-evolution-list-item--with-trailing-checkbox .mdc-evolution-list-item__end {
  9430. /* @noflip */
  9431. margin-left: 24px;
  9432. /* @noflip */
  9433. margin-right: 8px;
  9434. }
  9435. [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] {
  9436. /* @noflip */
  9437. margin-left: 8px;
  9438. /* @noflip */
  9439. margin-right: 24px;
  9440. }
  9441. .mdc-evolution-list-item--with-trailing-checkbox .mdc-evolution-list-item__end {
  9442. width: 40px;
  9443. height: 40px;
  9444. }
  9445. .mdc-evolution-list-item--with-trailing-checkbox.mdc-evolution-list-item--with-three-lines .mdc-evolution-list-item__end {
  9446. align-self: flex-start;
  9447. margin-top: 8px;
  9448. }
  9449. .mdc-evolution-list-item--with-trailing-radio.mdc-evolution-list-item {
  9450. /* @noflip */
  9451. padding-left: auto;
  9452. /* @noflip */
  9453. padding-right: 0;
  9454. }
  9455. [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] {
  9456. /* @noflip */
  9457. padding-left: 0;
  9458. /* @noflip */
  9459. padding-right: auto;
  9460. }
  9461. .mdc-evolution-list-item--with-trailing-radio .mdc-evolution-list-item__end {
  9462. /* @noflip */
  9463. margin-left: 24px;
  9464. /* @noflip */
  9465. margin-right: 8px;
  9466. }
  9467. [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] {
  9468. /* @noflip */
  9469. margin-left: 8px;
  9470. /* @noflip */
  9471. margin-right: 24px;
  9472. }
  9473. .mdc-evolution-list-item--with-trailing-radio .mdc-evolution-list-item__end {
  9474. width: 40px;
  9475. height: 40px;
  9476. }
  9477. .mdc-evolution-list-item--with-trailing-radio.mdc-evolution-list-item--with-three-lines .mdc-evolution-list-item__end {
  9478. align-self: flex-start;
  9479. margin-top: 8px;
  9480. }
  9481. .mdc-evolution-list-item--with-trailing-switch.mdc-evolution-list-item {
  9482. /* @noflip */
  9483. padding-left: auto;
  9484. /* @noflip */
  9485. padding-right: 0;
  9486. }
  9487. [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] {
  9488. /* @noflip */
  9489. padding-left: 0;
  9490. /* @noflip */
  9491. padding-right: auto;
  9492. }
  9493. .mdc-evolution-list-item--with-trailing-switch .mdc-evolution-list-item__end {
  9494. /* @noflip */
  9495. margin-left: 16px;
  9496. /* @noflip */
  9497. margin-right: 16px;
  9498. }
  9499. [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] {
  9500. /* @noflip */
  9501. margin-left: 16px;
  9502. /* @noflip */
  9503. margin-right: 16px;
  9504. }
  9505. .mdc-evolution-list-item--with-trailing-switch .mdc-evolution-list-item__end {
  9506. width: 36px;
  9507. height: 20px;
  9508. }
  9509. .mdc-evolution-list-item--with-trailing-switch.mdc-evolution-list-item--with-three-lines .mdc-evolution-list-item__end {
  9510. align-self: flex-start;
  9511. margin-top: 16px;
  9512. }
  9513. .mdc-evolution-list-group .mdc-list {
  9514. padding: 0;
  9515. }
  9516. .mdc-evolution-list-group__subheader {
  9517. -moz-osx-font-smoothing: grayscale;
  9518. -webkit-font-smoothing: antialiased;
  9519. font-family: Roboto, sans-serif;
  9520. /* @alternate */
  9521. font-family: var(--mdc-typography-subtitle1-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));
  9522. font-size: 1rem;
  9523. /* @alternate */
  9524. font-size: var(--mdc-typography-subtitle1-font-size, 1rem);
  9525. line-height: 1.75rem;
  9526. /* @alternate */
  9527. line-height: var(--mdc-typography-subtitle1-line-height, 1.75rem);
  9528. font-weight: 400;
  9529. /* @alternate */
  9530. font-weight: var(--mdc-typography-subtitle1-font-weight, 400);
  9531. letter-spacing: 0.009375em;
  9532. /* @alternate */
  9533. letter-spacing: var(--mdc-typography-subtitle1-letter-spacing, 0.009375em);
  9534. text-decoration: inherit;
  9535. /* @alternate */
  9536. -webkit-text-decoration: var(--mdc-typography-subtitle1-text-decoration, inherit);
  9537. text-decoration: var(--mdc-typography-subtitle1-text-decoration, inherit);
  9538. text-transform: inherit;
  9539. /* @alternate */
  9540. text-transform: var(--mdc-typography-subtitle1-text-transform, inherit);
  9541. margin: calc( (3rem - 1.5rem) / 2 ) 16px;
  9542. }
  9543. .mdc-evolution-list-divider {
  9544. background-color: rgba(0, 0, 0, 0.12);
  9545. }
  9546. .mdc-evolution-list-divider {
  9547. height: 1px;
  9548. padding: 0;
  9549. background-clip: content-box;
  9550. }
  9551. .mdc-evolution-list-divider.mdc-evolution-list-divider--with-leading-padding {
  9552. /* @noflip */
  9553. padding-left: 16px;
  9554. /* @noflip */
  9555. padding-right: auto;
  9556. }
  9557. [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] {
  9558. /* @noflip */
  9559. padding-left: auto;
  9560. /* @noflip */
  9561. padding-right: 16px;
  9562. }
  9563. .mdc-evolution-list-divider.mdc-evolution-list-divider--with-leading-inset {
  9564. /* @noflip */
  9565. padding-left: 16px;
  9566. /* @noflip */
  9567. padding-right: auto;
  9568. }
  9569. [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] {
  9570. /* @noflip */
  9571. padding-left: auto;
  9572. /* @noflip */
  9573. padding-right: 16px;
  9574. }
  9575. .mdc-evolution-list-divider.mdc-evolution-list-divider--with-trailing-inset {
  9576. /* @noflip */
  9577. padding-left: auto;
  9578. /* @noflip */
  9579. padding-right: 16px;
  9580. }
  9581. [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] {
  9582. /* @noflip */
  9583. padding-left: 16px;
  9584. /* @noflip */
  9585. padding-right: auto;
  9586. }
  9587. .mdc-evolution-list-divider--with-leading-icon.mdc-evolution-list-divider--with-leading-inset {
  9588. /* @noflip */
  9589. padding-left: 72px;
  9590. /* @noflip */
  9591. padding-right: auto;
  9592. }
  9593. [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] {
  9594. /* @noflip */
  9595. padding-left: auto;
  9596. /* @noflip */
  9597. padding-right: 72px;
  9598. }
  9599. .mdc-evolution-list-divider--with-leading-image.mdc-evolution-list-divider--with-leading-inset {
  9600. /* @noflip */
  9601. padding-left: 88px;
  9602. /* @noflip */
  9603. padding-right: auto;
  9604. }
  9605. [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] {
  9606. /* @noflip */
  9607. padding-left: auto;
  9608. /* @noflip */
  9609. padding-right: 88px;
  9610. }
  9611. .mdc-evolution-list-divider--with-leading-thumbnail.mdc-evolution-list-divider--with-leading-inset {
  9612. /* @noflip */
  9613. padding-left: 72px;
  9614. /* @noflip */
  9615. padding-right: auto;
  9616. }
  9617. [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] {
  9618. /* @noflip */
  9619. padding-left: auto;
  9620. /* @noflip */
  9621. padding-right: 72px;
  9622. }
  9623. .mdc-evolution-list-divider--with-leading-video.mdc-evolution-list-divider--with-leading-padding {
  9624. /* @noflip */
  9625. padding-left: 0px;
  9626. /* @noflip */
  9627. padding-right: auto;
  9628. }
  9629. [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] {
  9630. /* @noflip */
  9631. padding-left: auto;
  9632. /* @noflip */
  9633. padding-right: 0px;
  9634. }
  9635. .mdc-evolution-list-divider--with-leading-video.mdc-evolution-list-divider--with-leading-inset {
  9636. /* @noflip */
  9637. padding-left: 116px;
  9638. /* @noflip */
  9639. padding-right: auto;
  9640. }
  9641. [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] {
  9642. /* @noflip */
  9643. padding-left: auto;
  9644. /* @noflip */
  9645. padding-right: 116px;
  9646. }
  9647. .mdc-evolution-list-divider--with-leading-avatar.mdc-evolution-list-divider--with-leading-inset {
  9648. /* @noflip */
  9649. padding-left: 72px;
  9650. /* @noflip */
  9651. padding-right: auto;
  9652. }
  9653. [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] {
  9654. /* @noflip */
  9655. padding-left: auto;
  9656. /* @noflip */
  9657. padding-right: 72px;
  9658. }
  9659. .mdc-evolution-list-divider--with-leading-checkbox.mdc-evolution-list-divider--with-leading-inset {
  9660. /* @noflip */
  9661. padding-left: 72px;
  9662. /* @noflip */
  9663. padding-right: auto;
  9664. }
  9665. [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] {
  9666. /* @noflip */
  9667. padding-left: auto;
  9668. /* @noflip */
  9669. padding-right: 72px;
  9670. }
  9671. .mdc-evolution-list-divider--with-leading-switch.mdc-evolution-list-divider--with-leading-inset {
  9672. /* @noflip */
  9673. padding-left: 84px;
  9674. /* @noflip */
  9675. padding-right: auto;
  9676. }
  9677. [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] {
  9678. /* @noflip */
  9679. padding-left: auto;
  9680. /* @noflip */
  9681. padding-right: 84px;
  9682. }
  9683. .mdc-evolution-list-divider--with-leading-radio.mdc-evolution-list-divider--with-leading-inset {
  9684. /* @noflip */
  9685. padding-left: 72px;
  9686. /* @noflip */
  9687. padding-right: auto;
  9688. }
  9689. [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] {
  9690. /* @noflip */
  9691. padding-left: auto;
  9692. /* @noflip */
  9693. padding-right: 72px;
  9694. }
  9695. :not(.mdc-list-item--disabled).mdc-list-item {
  9696. --mdc-ripple-fg-size: 0;
  9697. --mdc-ripple-left: 0;
  9698. --mdc-ripple-top: 0;
  9699. --mdc-ripple-fg-scale: 1;
  9700. --mdc-ripple-fg-translate-end: 0;
  9701. --mdc-ripple-fg-translate-start: 0;
  9702. -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  9703. will-change: transform, opacity;
  9704. }
  9705. :not(.mdc-list-item--disabled).mdc-list-item .mdc-list-item__ripple::before,
  9706. :not(.mdc-list-item--disabled).mdc-list-item .mdc-list-item__ripple::after {
  9707. position: absolute;
  9708. border-radius: 50%;
  9709. opacity: 0;
  9710. pointer-events: none;
  9711. content: "";
  9712. }
  9713. :not(.mdc-list-item--disabled).mdc-list-item .mdc-list-item__ripple::before {
  9714. transition: opacity 15ms linear, background-color 15ms linear;
  9715. z-index: 1;
  9716. /* @alternate */
  9717. z-index: var(--mdc-ripple-z-index, 1);
  9718. }
  9719. :not(.mdc-list-item--disabled).mdc-list-item .mdc-list-item__ripple::after {
  9720. z-index: 0;
  9721. /* @alternate */
  9722. z-index: var(--mdc-ripple-z-index, 0);
  9723. }
  9724. :not(.mdc-list-item--disabled).mdc-list-item.mdc-ripple-upgraded .mdc-list-item__ripple::before {
  9725. -webkit-transform: scale(var(--mdc-ripple-fg-scale, 1));
  9726. transform: scale(var(--mdc-ripple-fg-scale, 1));
  9727. }
  9728. :not(.mdc-list-item--disabled).mdc-list-item.mdc-ripple-upgraded .mdc-list-item__ripple::after {
  9729. top: 0;
  9730. /* @noflip */
  9731. left: 0;
  9732. -webkit-transform: scale(0);
  9733. transform: scale(0);
  9734. -webkit-transform-origin: center center;
  9735. transform-origin: center center;
  9736. }
  9737. :not(.mdc-list-item--disabled).mdc-list-item.mdc-ripple-upgraded--unbounded .mdc-list-item__ripple::after {
  9738. top: var(--mdc-ripple-top, 0);
  9739. /* @noflip */
  9740. left: var(--mdc-ripple-left, 0);
  9741. }
  9742. :not(.mdc-list-item--disabled).mdc-list-item.mdc-ripple-upgraded--foreground-activation .mdc-list-item__ripple::after {
  9743. -webkit-animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards;
  9744. animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards;
  9745. }
  9746. :not(.mdc-list-item--disabled).mdc-list-item.mdc-ripple-upgraded--foreground-deactivation .mdc-list-item__ripple::after {
  9747. -webkit-animation: mdc-ripple-fg-opacity-out 150ms;
  9748. animation: mdc-ripple-fg-opacity-out 150ms;
  9749. -webkit-transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
  9750. transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
  9751. }
  9752. :not(.mdc-list-item--disabled).mdc-list-item .mdc-list-item__ripple::before,
  9753. :not(.mdc-list-item--disabled).mdc-list-item .mdc-list-item__ripple::after {
  9754. top: calc(50% - 100%);
  9755. /* @noflip */
  9756. left: calc(50% - 100%);
  9757. width: 200%;
  9758. height: 200%;
  9759. }
  9760. :not(.mdc-list-item--disabled).mdc-list-item.mdc-ripple-upgraded .mdc-list-item__ripple::after {
  9761. width: var(--mdc-ripple-fg-size, 100%);
  9762. height: var(--mdc-ripple-fg-size, 100%);
  9763. }
  9764. :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 {
  9765. background-color: #000;
  9766. /* @alternate */
  9767. background-color: var(--mdc-ripple-color, #000);
  9768. }
  9769. :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 {
  9770. opacity: 0.04;
  9771. /* @alternate */
  9772. opacity: var(--mdc-ripple-hover-opacity, 0.04);
  9773. }
  9774. :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 {
  9775. transition-duration: 75ms;
  9776. opacity: 0.12;
  9777. /* @alternate */
  9778. opacity: var(--mdc-ripple-focus-opacity, 0.12);
  9779. }
  9780. :not(.mdc-list-item--disabled).mdc-list-item:not(.mdc-ripple-upgraded) .mdc-list-item__ripple::after {
  9781. transition: opacity 150ms linear;
  9782. }
  9783. :not(.mdc-list-item--disabled).mdc-list-item:not(.mdc-ripple-upgraded):active .mdc-list-item__ripple::after {
  9784. transition-duration: 75ms;
  9785. opacity: 0.12;
  9786. /* @alternate */
  9787. opacity: var(--mdc-ripple-press-opacity, 0.12);
  9788. }
  9789. :not(.mdc-list-item--disabled).mdc-list-item.mdc-ripple-upgraded {
  9790. --mdc-ripple-fg-opacity: var(--mdc-ripple-press-opacity, 0.12);
  9791. }
  9792. :not(.mdc-list-item--disabled).mdc-list-item--activated .mdc-list-item__ripple::before {
  9793. opacity: 0.12;
  9794. /* @alternate */
  9795. opacity: var(--mdc-ripple-activated-opacity, 0.12);
  9796. }
  9797. :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 {
  9798. background-color: #6200ee;
  9799. /* @alternate */
  9800. background-color: var(--mdc-ripple-color, var(--mdc-theme-primary, #6200ee));
  9801. }
  9802. :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 {
  9803. opacity: 0.16;
  9804. /* @alternate */
  9805. opacity: var(--mdc-ripple-hover-opacity, 0.16);
  9806. }
  9807. :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 {
  9808. transition-duration: 75ms;
  9809. opacity: 0.24;
  9810. /* @alternate */
  9811. opacity: var(--mdc-ripple-focus-opacity, 0.24);
  9812. }
  9813. :not(.mdc-list-item--disabled).mdc-list-item--activated:not(.mdc-ripple-upgraded) .mdc-list-item__ripple::after {
  9814. transition: opacity 150ms linear;
  9815. }
  9816. :not(.mdc-list-item--disabled).mdc-list-item--activated:not(.mdc-ripple-upgraded):active .mdc-list-item__ripple::after {
  9817. transition-duration: 75ms;
  9818. opacity: 0.24;
  9819. /* @alternate */
  9820. opacity: var(--mdc-ripple-press-opacity, 0.24);
  9821. }
  9822. :not(.mdc-list-item--disabled).mdc-list-item--activated.mdc-ripple-upgraded {
  9823. --mdc-ripple-fg-opacity: var(--mdc-ripple-press-opacity, 0.24);
  9824. }
  9825. :not(.mdc-list-item--disabled).mdc-list-item--selected .mdc-list-item__ripple::before {
  9826. opacity: 0.08;
  9827. /* @alternate */
  9828. opacity: var(--mdc-ripple-selected-opacity, 0.08);
  9829. }
  9830. :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 {
  9831. background-color: #6200ee;
  9832. /* @alternate */
  9833. background-color: var(--mdc-ripple-color, var(--mdc-theme-primary, #6200ee));
  9834. }
  9835. :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 {
  9836. opacity: 0.12;
  9837. /* @alternate */
  9838. opacity: var(--mdc-ripple-hover-opacity, 0.12);
  9839. }
  9840. :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 {
  9841. transition-duration: 75ms;
  9842. opacity: 0.2;
  9843. /* @alternate */
  9844. opacity: var(--mdc-ripple-focus-opacity, 0.2);
  9845. }
  9846. :not(.mdc-list-item--disabled).mdc-list-item--selected:not(.mdc-ripple-upgraded) .mdc-list-item__ripple::after {
  9847. transition: opacity 150ms linear;
  9848. }
  9849. :not(.mdc-list-item--disabled).mdc-list-item--selected:not(.mdc-ripple-upgraded):active .mdc-list-item__ripple::after {
  9850. transition-duration: 75ms;
  9851. opacity: 0.2;
  9852. /* @alternate */
  9853. opacity: var(--mdc-ripple-press-opacity, 0.2);
  9854. }
  9855. :not(.mdc-list-item--disabled).mdc-list-item--selected.mdc-ripple-upgraded {
  9856. --mdc-ripple-fg-opacity: var(--mdc-ripple-press-opacity, 0.2);
  9857. }
  9858. :not(.mdc-list-item--disabled).mdc-list-item .mdc-list-item__ripple {
  9859. position: absolute;
  9860. top: 0;
  9861. left: 0;
  9862. width: 100%;
  9863. height: 100%;
  9864. pointer-events: none;
  9865. }
  9866. .mdc-list-item--disabled {
  9867. --mdc-ripple-fg-size: 0;
  9868. --mdc-ripple-left: 0;
  9869. --mdc-ripple-top: 0;
  9870. --mdc-ripple-fg-scale: 1;
  9871. --mdc-ripple-fg-translate-end: 0;
  9872. --mdc-ripple-fg-translate-start: 0;
  9873. -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  9874. will-change: transform, opacity;
  9875. }
  9876. .mdc-list-item--disabled .mdc-list-item__ripple::before,
  9877. .mdc-list-item--disabled .mdc-list-item__ripple::after {
  9878. position: absolute;
  9879. border-radius: 50%;
  9880. opacity: 0;
  9881. pointer-events: none;
  9882. content: "";
  9883. }
  9884. .mdc-list-item--disabled .mdc-list-item__ripple::before {
  9885. transition: opacity 15ms linear, background-color 15ms linear;
  9886. z-index: 1;
  9887. /* @alternate */
  9888. z-index: var(--mdc-ripple-z-index, 1);
  9889. }
  9890. .mdc-list-item--disabled .mdc-list-item__ripple::after {
  9891. z-index: 0;
  9892. /* @alternate */
  9893. z-index: var(--mdc-ripple-z-index, 0);
  9894. }
  9895. .mdc-list-item--disabled.mdc-ripple-upgraded .mdc-list-item__ripple::before {
  9896. -webkit-transform: scale(var(--mdc-ripple-fg-scale, 1));
  9897. transform: scale(var(--mdc-ripple-fg-scale, 1));
  9898. }
  9899. .mdc-list-item--disabled.mdc-ripple-upgraded .mdc-list-item__ripple::after {
  9900. top: 0;
  9901. /* @noflip */
  9902. left: 0;
  9903. -webkit-transform: scale(0);
  9904. transform: scale(0);
  9905. -webkit-transform-origin: center center;
  9906. transform-origin: center center;
  9907. }
  9908. .mdc-list-item--disabled.mdc-ripple-upgraded--unbounded .mdc-list-item__ripple::after {
  9909. top: var(--mdc-ripple-top, 0);
  9910. /* @noflip */
  9911. left: var(--mdc-ripple-left, 0);
  9912. }
  9913. .mdc-list-item--disabled.mdc-ripple-upgraded--foreground-activation .mdc-list-item__ripple::after {
  9914. -webkit-animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards;
  9915. animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards;
  9916. }
  9917. .mdc-list-item--disabled.mdc-ripple-upgraded--foreground-deactivation .mdc-list-item__ripple::after {
  9918. -webkit-animation: mdc-ripple-fg-opacity-out 150ms;
  9919. animation: mdc-ripple-fg-opacity-out 150ms;
  9920. -webkit-transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
  9921. transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
  9922. }
  9923. .mdc-list-item--disabled .mdc-list-item__ripple::before,
  9924. .mdc-list-item--disabled .mdc-list-item__ripple::after {
  9925. top: calc(50% - 100%);
  9926. /* @noflip */
  9927. left: calc(50% - 100%);
  9928. width: 200%;
  9929. height: 200%;
  9930. }
  9931. .mdc-list-item--disabled.mdc-ripple-upgraded .mdc-list-item__ripple::after {
  9932. width: var(--mdc-ripple-fg-size, 100%);
  9933. height: var(--mdc-ripple-fg-size, 100%);
  9934. }
  9935. .mdc-list-item--disabled .mdc-list-item__ripple::before,
  9936. .mdc-list-item--disabled .mdc-list-item__ripple::after {
  9937. background-color: #000;
  9938. /* @alternate */
  9939. background-color: var(--mdc-ripple-color, #000);
  9940. }
  9941. .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 {
  9942. transition-duration: 75ms;
  9943. opacity: 0.12;
  9944. /* @alternate */
  9945. opacity: var(--mdc-ripple-focus-opacity, 0.12);
  9946. }
  9947. .mdc-list-item--disabled .mdc-list-item__ripple {
  9948. position: absolute;
  9949. top: 0;
  9950. left: 0;
  9951. width: 100%;
  9952. height: 100%;
  9953. pointer-events: none;
  9954. }
  9955. :not(.mdc-evolution-list-item--disabled).mdc-evolution-list-item {
  9956. --mdc-ripple-fg-size: 0;
  9957. --mdc-ripple-left: 0;
  9958. --mdc-ripple-top: 0;
  9959. --mdc-ripple-fg-scale: 1;
  9960. --mdc-ripple-fg-translate-end: 0;
  9961. --mdc-ripple-fg-translate-start: 0;
  9962. -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  9963. will-change: transform, opacity;
  9964. }
  9965. :not(.mdc-evolution-list-item--disabled).mdc-evolution-list-item .mdc-evolution-list-item__ripple::before,
  9966. :not(.mdc-evolution-list-item--disabled).mdc-evolution-list-item .mdc-evolution-list-item__ripple::after {
  9967. position: absolute;
  9968. border-radius: 50%;
  9969. opacity: 0;
  9970. pointer-events: none;
  9971. content: "";
  9972. }
  9973. :not(.mdc-evolution-list-item--disabled).mdc-evolution-list-item .mdc-evolution-list-item__ripple::before {
  9974. transition: opacity 15ms linear, background-color 15ms linear;
  9975. z-index: 1;
  9976. /* @alternate */
  9977. z-index: var(--mdc-ripple-z-index, 1);
  9978. }
  9979. :not(.mdc-evolution-list-item--disabled).mdc-evolution-list-item .mdc-evolution-list-item__ripple::after {
  9980. z-index: 0;
  9981. /* @alternate */
  9982. z-index: var(--mdc-ripple-z-index, 0);
  9983. }
  9984. :not(.mdc-evolution-list-item--disabled).mdc-evolution-list-item.mdc-ripple-upgraded .mdc-evolution-list-item__ripple::before {
  9985. -webkit-transform: scale(var(--mdc-ripple-fg-scale, 1));
  9986. transform: scale(var(--mdc-ripple-fg-scale, 1));
  9987. }
  9988. :not(.mdc-evolution-list-item--disabled).mdc-evolution-list-item.mdc-ripple-upgraded .mdc-evolution-list-item__ripple::after {
  9989. top: 0;
  9990. /* @noflip */
  9991. left: 0;
  9992. -webkit-transform: scale(0);
  9993. transform: scale(0);
  9994. -webkit-transform-origin: center center;
  9995. transform-origin: center center;
  9996. }
  9997. :not(.mdc-evolution-list-item--disabled).mdc-evolution-list-item.mdc-ripple-upgraded--unbounded .mdc-evolution-list-item__ripple::after {
  9998. top: var(--mdc-ripple-top, 0);
  9999. /* @noflip */
  10000. left: var(--mdc-ripple-left, 0);
  10001. }
  10002. :not(.mdc-evolution-list-item--disabled).mdc-evolution-list-item.mdc-ripple-upgraded--foreground-activation .mdc-evolution-list-item__ripple::after {
  10003. -webkit-animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards;
  10004. animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards;
  10005. }
  10006. :not(.mdc-evolution-list-item--disabled).mdc-evolution-list-item.mdc-ripple-upgraded--foreground-deactivation .mdc-evolution-list-item__ripple::after {
  10007. -webkit-animation: mdc-ripple-fg-opacity-out 150ms;
  10008. animation: mdc-ripple-fg-opacity-out 150ms;
  10009. -webkit-transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
  10010. transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
  10011. }
  10012. :not(.mdc-evolution-list-item--disabled).mdc-evolution-list-item .mdc-evolution-list-item__ripple::before,
  10013. :not(.mdc-evolution-list-item--disabled).mdc-evolution-list-item .mdc-evolution-list-item__ripple::after {
  10014. top: calc(50% - 100%);
  10015. /* @noflip */
  10016. left: calc(50% - 100%);
  10017. width: 200%;
  10018. height: 200%;
  10019. }
  10020. :not(.mdc-evolution-list-item--disabled).mdc-evolution-list-item.mdc-ripple-upgraded .mdc-evolution-list-item__ripple::after {
  10021. width: var(--mdc-ripple-fg-size, 100%);
  10022. height: var(--mdc-ripple-fg-size, 100%);
  10023. }
  10024. :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 {
  10025. background-color: #000;
  10026. /* @alternate */
  10027. background-color: var(--mdc-ripple-color, #000);
  10028. }
  10029. :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 {
  10030. opacity: 0.04;
  10031. /* @alternate */
  10032. opacity: var(--mdc-ripple-hover-opacity, 0.04);
  10033. }
  10034. :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 {
  10035. transition-duration: 75ms;
  10036. opacity: 0.12;
  10037. /* @alternate */
  10038. opacity: var(--mdc-ripple-focus-opacity, 0.12);
  10039. }
  10040. :not(.mdc-evolution-list-item--disabled).mdc-evolution-list-item:not(.mdc-ripple-upgraded) .mdc-evolution-list-item__ripple::after {
  10041. transition: opacity 150ms linear;
  10042. }
  10043. :not(.mdc-evolution-list-item--disabled).mdc-evolution-list-item:not(.mdc-ripple-upgraded):active .mdc-evolution-list-item__ripple::after {
  10044. transition-duration: 75ms;
  10045. opacity: 0.12;
  10046. /* @alternate */
  10047. opacity: var(--mdc-ripple-press-opacity, 0.12);
  10048. }
  10049. :not(.mdc-evolution-list-item--disabled).mdc-evolution-list-item.mdc-ripple-upgraded {
  10050. --mdc-ripple-fg-opacity: var(--mdc-ripple-press-opacity, 0.12);
  10051. }
  10052. :not(.mdc-evolution-list-item--disabled).mdc-evolution-list-item--activated .mdc-evolution-list-item__ripple::before {
  10053. opacity: 0.12;
  10054. /* @alternate */
  10055. opacity: var(--mdc-ripple-activated-opacity, 0.12);
  10056. }
  10057. :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 {
  10058. background-color: #6200ee;
  10059. /* @alternate */
  10060. background-color: var(--mdc-ripple-color, var(--mdc-theme-primary, #6200ee));
  10061. }
  10062. :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 {
  10063. opacity: 0.16;
  10064. /* @alternate */
  10065. opacity: var(--mdc-ripple-hover-opacity, 0.16);
  10066. }
  10067. :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 {
  10068. transition-duration: 75ms;
  10069. opacity: 0.24;
  10070. /* @alternate */
  10071. opacity: var(--mdc-ripple-focus-opacity, 0.24);
  10072. }
  10073. :not(.mdc-evolution-list-item--disabled).mdc-evolution-list-item--activated:not(.mdc-ripple-upgraded) .mdc-evolution-list-item__ripple::after {
  10074. transition: opacity 150ms linear;
  10075. }
  10076. :not(.mdc-evolution-list-item--disabled).mdc-evolution-list-item--activated:not(.mdc-ripple-upgraded):active .mdc-evolution-list-item__ripple::after {
  10077. transition-duration: 75ms;
  10078. opacity: 0.24;
  10079. /* @alternate */
  10080. opacity: var(--mdc-ripple-press-opacity, 0.24);
  10081. }
  10082. :not(.mdc-evolution-list-item--disabled).mdc-evolution-list-item--activated.mdc-ripple-upgraded {
  10083. --mdc-ripple-fg-opacity: var(--mdc-ripple-press-opacity, 0.24);
  10084. }
  10085. :not(.mdc-evolution-list-item--disabled).mdc-evolution-list-item--selected .mdc-evolution-list-item__ripple::before {
  10086. opacity: 0.08;
  10087. /* @alternate */
  10088. opacity: var(--mdc-ripple-selected-opacity, 0.08);
  10089. }
  10090. :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 {
  10091. background-color: #6200ee;
  10092. /* @alternate */
  10093. background-color: var(--mdc-ripple-color, var(--mdc-theme-primary, #6200ee));
  10094. }
  10095. :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 {
  10096. opacity: 0.12;
  10097. /* @alternate */
  10098. opacity: var(--mdc-ripple-hover-opacity, 0.12);
  10099. }
  10100. :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 {
  10101. transition-duration: 75ms;
  10102. opacity: 0.2;
  10103. /* @alternate */
  10104. opacity: var(--mdc-ripple-focus-opacity, 0.2);
  10105. }
  10106. :not(.mdc-evolution-list-item--disabled).mdc-evolution-list-item--selected:not(.mdc-ripple-upgraded) .mdc-evolution-list-item__ripple::after {
  10107. transition: opacity 150ms linear;
  10108. }
  10109. :not(.mdc-evolution-list-item--disabled).mdc-evolution-list-item--selected:not(.mdc-ripple-upgraded):active .mdc-evolution-list-item__ripple::after {
  10110. transition-duration: 75ms;
  10111. opacity: 0.2;
  10112. /* @alternate */
  10113. opacity: var(--mdc-ripple-press-opacity, 0.2);
  10114. }
  10115. :not(.mdc-evolution-list-item--disabled).mdc-evolution-list-item--selected.mdc-ripple-upgraded {
  10116. --mdc-ripple-fg-opacity: var(--mdc-ripple-press-opacity, 0.2);
  10117. }
  10118. :not(.mdc-evolution-list-item--disabled).mdc-evolution-list-item .mdc-evolution-list-item__ripple {
  10119. position: absolute;
  10120. top: 0;
  10121. left: 0;
  10122. width: 100%;
  10123. height: 100%;
  10124. pointer-events: none;
  10125. }
  10126. .mdc-evolution-list-item--disabled {
  10127. --mdc-ripple-fg-size: 0;
  10128. --mdc-ripple-left: 0;
  10129. --mdc-ripple-top: 0;
  10130. --mdc-ripple-fg-scale: 1;
  10131. --mdc-ripple-fg-translate-end: 0;
  10132. --mdc-ripple-fg-translate-start: 0;
  10133. -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  10134. will-change: transform, opacity;
  10135. }
  10136. .mdc-evolution-list-item--disabled .mdc-evolution-list-item__ripple::before,
  10137. .mdc-evolution-list-item--disabled .mdc-evolution-list-item__ripple::after {
  10138. position: absolute;
  10139. border-radius: 50%;
  10140. opacity: 0;
  10141. pointer-events: none;
  10142. content: "";
  10143. }
  10144. .mdc-evolution-list-item--disabled .mdc-evolution-list-item__ripple::before {
  10145. transition: opacity 15ms linear, background-color 15ms linear;
  10146. z-index: 1;
  10147. /* @alternate */
  10148. z-index: var(--mdc-ripple-z-index, 1);
  10149. }
  10150. .mdc-evolution-list-item--disabled .mdc-evolution-list-item__ripple::after {
  10151. z-index: 0;
  10152. /* @alternate */
  10153. z-index: var(--mdc-ripple-z-index, 0);
  10154. }
  10155. .mdc-evolution-list-item--disabled.mdc-ripple-upgraded .mdc-evolution-list-item__ripple::before {
  10156. -webkit-transform: scale(var(--mdc-ripple-fg-scale, 1));
  10157. transform: scale(var(--mdc-ripple-fg-scale, 1));
  10158. }
  10159. .mdc-evolution-list-item--disabled.mdc-ripple-upgraded .mdc-evolution-list-item__ripple::after {
  10160. top: 0;
  10161. /* @noflip */
  10162. left: 0;
  10163. -webkit-transform: scale(0);
  10164. transform: scale(0);
  10165. -webkit-transform-origin: center center;
  10166. transform-origin: center center;
  10167. }
  10168. .mdc-evolution-list-item--disabled.mdc-ripple-upgraded--unbounded .mdc-evolution-list-item__ripple::after {
  10169. top: var(--mdc-ripple-top, 0);
  10170. /* @noflip */
  10171. left: var(--mdc-ripple-left, 0);
  10172. }
  10173. .mdc-evolution-list-item--disabled.mdc-ripple-upgraded--foreground-activation .mdc-evolution-list-item__ripple::after {
  10174. -webkit-animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards;
  10175. animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards;
  10176. }
  10177. .mdc-evolution-list-item--disabled.mdc-ripple-upgraded--foreground-deactivation .mdc-evolution-list-item__ripple::after {
  10178. -webkit-animation: mdc-ripple-fg-opacity-out 150ms;
  10179. animation: mdc-ripple-fg-opacity-out 150ms;
  10180. -webkit-transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
  10181. transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
  10182. }
  10183. .mdc-evolution-list-item--disabled .mdc-evolution-list-item__ripple::before,
  10184. .mdc-evolution-list-item--disabled .mdc-evolution-list-item__ripple::after {
  10185. top: calc(50% - 100%);
  10186. /* @noflip */
  10187. left: calc(50% - 100%);
  10188. width: 200%;
  10189. height: 200%;
  10190. }
  10191. .mdc-evolution-list-item--disabled.mdc-ripple-upgraded .mdc-evolution-list-item__ripple::after {
  10192. width: var(--mdc-ripple-fg-size, 100%);
  10193. height: var(--mdc-ripple-fg-size, 100%);
  10194. }
  10195. .mdc-evolution-list-item--disabled .mdc-evolution-list-item__ripple::before,
  10196. .mdc-evolution-list-item--disabled .mdc-evolution-list-item__ripple::after {
  10197. background-color: #000;
  10198. /* @alternate */
  10199. background-color: var(--mdc-ripple-color, #000);
  10200. }
  10201. .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 {
  10202. transition-duration: 75ms;
  10203. opacity: 0.12;
  10204. /* @alternate */
  10205. opacity: var(--mdc-ripple-focus-opacity, 0.12);
  10206. }
  10207. .mdc-evolution-list-item--disabled .mdc-evolution-list-item__ripple {
  10208. position: absolute;
  10209. top: 0;
  10210. left: 0;
  10211. width: 100%;
  10212. height: 100%;
  10213. pointer-events: none;
  10214. }
  10215. .mdc-menu {
  10216. min-width: 112px;
  10217. }
  10218. .mdc-menu .mdc-list-item__meta {
  10219. color: rgba(0, 0, 0, 0.87);
  10220. }
  10221. .mdc-menu .mdc-list-item__graphic {
  10222. color: rgba(0, 0, 0, 0.87);
  10223. }
  10224. .mdc-menu .mdc-list {
  10225. color: rgba(0, 0, 0, 0.87);
  10226. /* @alternate */
  10227. position: relative;
  10228. }
  10229. .mdc-menu .mdc-list .mdc-elevation-overlay {
  10230. width: 100%;
  10231. height: 100%;
  10232. top: 0;
  10233. /* @noflip */
  10234. left: 0;
  10235. }
  10236. .mdc-menu .mdc-list-divider {
  10237. margin: 8px 0;
  10238. }
  10239. .mdc-menu .mdc-list-item {
  10240. -webkit-user-select: none;
  10241. -moz-user-select: none;
  10242. -ms-user-select: none;
  10243. user-select: none;
  10244. }
  10245. .mdc-menu .mdc-list-item--disabled {
  10246. cursor: auto;
  10247. }
  10248. .mdc-menu a.mdc-list-item .mdc-list-item__text,
  10249. .mdc-menu a.mdc-list-item .mdc-list-item__graphic {
  10250. pointer-events: none;
  10251. }
  10252. .mdc-menu__selection-group {
  10253. padding: 0;
  10254. fill: currentColor;
  10255. }
  10256. .mdc-menu__selection-group .mdc-list-item {
  10257. /* @noflip */
  10258. padding-left: 56px;
  10259. /* @noflip */
  10260. padding-right: 16px;
  10261. }
  10262. [dir=rtl] .mdc-menu__selection-group .mdc-list-item, .mdc-menu__selection-group .mdc-list-item[dir=rtl] {
  10263. /* @noflip */
  10264. padding-left: 16px;
  10265. /* @noflip */
  10266. padding-right: 56px;
  10267. }
  10268. .mdc-menu__selection-group .mdc-menu__selection-group-icon {
  10269. /* @noflip */
  10270. left: 16px;
  10271. /* @noflip */
  10272. right: initial;
  10273. display: none;
  10274. position: absolute;
  10275. top: 50%;
  10276. -webkit-transform: translateY(-50%);
  10277. transform: translateY(-50%);
  10278. }
  10279. [dir=rtl] .mdc-menu__selection-group .mdc-menu__selection-group-icon, .mdc-menu__selection-group .mdc-menu__selection-group-icon[dir=rtl] {
  10280. /* @noflip */
  10281. left: initial;
  10282. /* @noflip */
  10283. right: 16px;
  10284. }
  10285. .mdc-menu-item--selected .mdc-menu__selection-group-icon {
  10286. display: inline;
  10287. }
  10288. .mdc-menu-surface {
  10289. display: none;
  10290. position: absolute;
  10291. box-sizing: border-box;
  10292. max-width: calc(100vw - 32px);
  10293. max-height: calc(100vh - 32px);
  10294. margin: 0;
  10295. padding: 0;
  10296. -webkit-transform: scale(1);
  10297. transform: scale(1);
  10298. -webkit-transform-origin: top left;
  10299. transform-origin: top left;
  10300. opacity: 0;
  10301. overflow: auto;
  10302. will-change: transform, opacity;
  10303. z-index: 8;
  10304. 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);
  10305. transition: opacity 0.03s linear, transform 0.12s cubic-bezier(0, 0, 0.2, 1), height 250ms cubic-bezier(0, 0, 0.2, 1);
  10306. 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);
  10307. /* @alternate */
  10308. 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);
  10309. background-color: #fff;
  10310. /* @alternate */
  10311. background-color: var(--mdc-theme-surface, #fff);
  10312. color: #000;
  10313. /* @alternate */
  10314. color: var(--mdc-theme-on-surface, #000);
  10315. border-radius: 4px;
  10316. /* @alternate */
  10317. border-radius: var(--mdc-shape-medium, 4px);
  10318. /* @noflip */
  10319. transform-origin-left: top left;
  10320. /* @noflip */
  10321. transform-origin-right: top right;
  10322. }
  10323. .mdc-menu-surface:focus {
  10324. outline: none;
  10325. }
  10326. .mdc-menu-surface--open {
  10327. display: inline-block;
  10328. -webkit-transform: scale(1);
  10329. transform: scale(1);
  10330. opacity: 1;
  10331. }
  10332. .mdc-menu-surface--animating-open {
  10333. display: inline-block;
  10334. -webkit-transform: scale(0.8);
  10335. transform: scale(0.8);
  10336. opacity: 0;
  10337. }
  10338. .mdc-menu-surface--animating-closed {
  10339. display: inline-block;
  10340. opacity: 0;
  10341. transition: opacity 0.075s linear;
  10342. }
  10343. [dir=rtl] .mdc-menu-surface, .mdc-menu-surface[dir=rtl] {
  10344. /* @noflip */
  10345. transform-origin-left: top right;
  10346. /* @noflip */
  10347. transform-origin-right: top left;
  10348. }
  10349. .mdc-menu-surface--anchor {
  10350. position: relative;
  10351. overflow: visible;
  10352. }
  10353. .mdc-menu-surface--fixed {
  10354. position: fixed;
  10355. }
  10356. .mdc-menu-surface--fullwidth {
  10357. width: 100%;
  10358. }
  10359. .mdc-radio {
  10360. padding: 10px;
  10361. display: inline-block;
  10362. position: relative;
  10363. flex: 0 0 auto;
  10364. box-sizing: content-box;
  10365. width: 20px;
  10366. height: 20px;
  10367. cursor: pointer;
  10368. /* @alternate */
  10369. will-change: opacity, transform, border-color, color;
  10370. }
  10371. .mdc-radio .mdc-radio__native-control:enabled:not(:checked) + .mdc-radio__background .mdc-radio__outer-circle {
  10372. border-color: rgba(0, 0, 0, 0.54);
  10373. }
  10374. .mdc-radio .mdc-radio__native-control:enabled:checked + .mdc-radio__background .mdc-radio__outer-circle {
  10375. border-color: #018786;
  10376. /* @alternate */
  10377. border-color: var(--mdc-theme-secondary, #018786);
  10378. }
  10379. .mdc-radio .mdc-radio__native-control:enabled + .mdc-radio__background .mdc-radio__inner-circle {
  10380. border-color: #018786;
  10381. /* @alternate */
  10382. border-color: var(--mdc-theme-secondary, #018786);
  10383. }
  10384. .mdc-radio [aria-disabled=true] .mdc-radio__native-control:not(:checked) + .mdc-radio__background .mdc-radio__outer-circle,
  10385. .mdc-radio .mdc-radio__native-control:disabled:not(:checked) + .mdc-radio__background .mdc-radio__outer-circle {
  10386. border-color: rgba(0, 0, 0, 0.38);
  10387. }
  10388. .mdc-radio [aria-disabled=true] .mdc-radio__native-control:checked + .mdc-radio__background .mdc-radio__outer-circle,
  10389. .mdc-radio .mdc-radio__native-control:disabled:checked + .mdc-radio__background .mdc-radio__outer-circle {
  10390. border-color: rgba(0, 0, 0, 0.38);
  10391. }
  10392. .mdc-radio [aria-disabled=true] .mdc-radio__native-control + .mdc-radio__background .mdc-radio__inner-circle,
  10393. .mdc-radio .mdc-radio__native-control:disabled + .mdc-radio__background .mdc-radio__inner-circle {
  10394. border-color: rgba(0, 0, 0, 0.38);
  10395. }
  10396. .mdc-radio .mdc-radio__background::before {
  10397. background-color: #018786;
  10398. /* @alternate */
  10399. background-color: var(--mdc-theme-secondary, #018786);
  10400. }
  10401. .mdc-radio .mdc-radio__background::before {
  10402. top: -10px;
  10403. left: -10px;
  10404. width: 40px;
  10405. height: 40px;
  10406. }
  10407. .mdc-radio .mdc-radio__native-control {
  10408. top: 0px;
  10409. right: 0px;
  10410. left: 0px;
  10411. width: 40px;
  10412. height: 40px;
  10413. }
  10414. @media screen and (-ms-high-contrast: active) {
  10415. .mdc-radio [aria-disabled=true] .mdc-radio__native-control:not(:checked) + .mdc-radio__background .mdc-radio__outer-circle,
  10416. .mdc-radio .mdc-radio__native-control:disabled:not(:checked) + .mdc-radio__background .mdc-radio__outer-circle {
  10417. border-color: GrayText;
  10418. }
  10419. .mdc-radio [aria-disabled=true] .mdc-radio__native-control:checked + .mdc-radio__background .mdc-radio__outer-circle,
  10420. .mdc-radio .mdc-radio__native-control:disabled:checked + .mdc-radio__background .mdc-radio__outer-circle {
  10421. border-color: GrayText;
  10422. }
  10423. .mdc-radio [aria-disabled=true] .mdc-radio__native-control + .mdc-radio__background .mdc-radio__inner-circle,
  10424. .mdc-radio .mdc-radio__native-control:disabled + .mdc-radio__background .mdc-radio__inner-circle {
  10425. border-color: GrayText;
  10426. }
  10427. }
  10428. .mdc-radio__background {
  10429. display: inline-block;
  10430. position: relative;
  10431. box-sizing: border-box;
  10432. width: 20px;
  10433. height: 20px;
  10434. }
  10435. .mdc-radio__background::before {
  10436. position: absolute;
  10437. -webkit-transform: scale(0, 0);
  10438. transform: scale(0, 0);
  10439. border-radius: 50%;
  10440. opacity: 0;
  10441. pointer-events: none;
  10442. content: "";
  10443. transition: opacity 120ms 0ms cubic-bezier(0.4, 0, 0.6, 1), -webkit-transform 120ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
  10444. transition: opacity 120ms 0ms cubic-bezier(0.4, 0, 0.6, 1), transform 120ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
  10445. 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);
  10446. }
  10447. .mdc-radio__outer-circle {
  10448. position: absolute;
  10449. top: 0;
  10450. left: 0;
  10451. box-sizing: border-box;
  10452. width: 100%;
  10453. height: 100%;
  10454. border-width: 2px;
  10455. border-style: solid;
  10456. border-radius: 50%;
  10457. transition: border-color 120ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
  10458. }
  10459. .mdc-radio__inner-circle {
  10460. position: absolute;
  10461. top: 0;
  10462. left: 0;
  10463. box-sizing: border-box;
  10464. width: 100%;
  10465. height: 100%;
  10466. -webkit-transform: scale(0, 0);
  10467. transform: scale(0, 0);
  10468. border-width: 10px;
  10469. border-style: solid;
  10470. border-radius: 50%;
  10471. 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);
  10472. transition: transform 120ms 0ms cubic-bezier(0.4, 0, 0.6, 1), border-color 120ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
  10473. 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);
  10474. }
  10475. .mdc-radio__native-control {
  10476. position: absolute;
  10477. margin: 0;
  10478. padding: 0;
  10479. opacity: 0;
  10480. cursor: inherit;
  10481. z-index: 1;
  10482. }
  10483. .mdc-radio--touch {
  10484. margin-top: 4px;
  10485. margin-bottom: 4px;
  10486. margin-right: 4px;
  10487. margin-left: 4px;
  10488. }
  10489. .mdc-radio--touch .mdc-radio__native-control {
  10490. top: -4px;
  10491. right: -4px;
  10492. left: -4px;
  10493. width: 48px;
  10494. height: 48px;
  10495. }
  10496. .mdc-radio__native-control:checked + .mdc-radio__background,
  10497. .mdc-radio__native-control:disabled + .mdc-radio__background {
  10498. transition: opacity 120ms 0ms cubic-bezier(0, 0, 0.2, 1), -webkit-transform 120ms 0ms cubic-bezier(0, 0, 0.2, 1);
  10499. transition: opacity 120ms 0ms cubic-bezier(0, 0, 0.2, 1), transform 120ms 0ms cubic-bezier(0, 0, 0.2, 1);
  10500. 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);
  10501. }
  10502. .mdc-radio__native-control:checked + .mdc-radio__background .mdc-radio__outer-circle,
  10503. .mdc-radio__native-control:disabled + .mdc-radio__background .mdc-radio__outer-circle {
  10504. transition: border-color 120ms 0ms cubic-bezier(0, 0, 0.2, 1);
  10505. }
  10506. .mdc-radio__native-control:checked + .mdc-radio__background .mdc-radio__inner-circle,
  10507. .mdc-radio__native-control:disabled + .mdc-radio__background .mdc-radio__inner-circle {
  10508. transition: border-color 120ms 0ms cubic-bezier(0, 0, 0.2, 1), -webkit-transform 120ms 0ms cubic-bezier(0, 0, 0.2, 1);
  10509. transition: transform 120ms 0ms cubic-bezier(0, 0, 0.2, 1), border-color 120ms 0ms cubic-bezier(0, 0, 0.2, 1);
  10510. 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);
  10511. }
  10512. .mdc-radio--disabled {
  10513. cursor: default;
  10514. pointer-events: none;
  10515. }
  10516. .mdc-radio__native-control:checked + .mdc-radio__background .mdc-radio__inner-circle {
  10517. -webkit-transform: scale(0.5);
  10518. transform: scale(0.5);
  10519. transition: border-color 120ms 0ms cubic-bezier(0, 0, 0.2, 1), -webkit-transform 120ms 0ms cubic-bezier(0, 0, 0.2, 1);
  10520. transition: transform 120ms 0ms cubic-bezier(0, 0, 0.2, 1), border-color 120ms 0ms cubic-bezier(0, 0, 0.2, 1);
  10521. 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);
  10522. }
  10523. .mdc-radio__native-control:disabled + .mdc-radio__background,
  10524. [aria-disabled=true] .mdc-radio__native-control + .mdc-radio__background {
  10525. cursor: default;
  10526. }
  10527. .mdc-radio__native-control:focus + .mdc-radio__background::before {
  10528. -webkit-transform: scale(1);
  10529. transform: scale(1);
  10530. opacity: 0.12;
  10531. transition: opacity 120ms 0ms cubic-bezier(0, 0, 0.2, 1), -webkit-transform 120ms 0ms cubic-bezier(0, 0, 0.2, 1);
  10532. transition: opacity 120ms 0ms cubic-bezier(0, 0, 0.2, 1), transform 120ms 0ms cubic-bezier(0, 0, 0.2, 1);
  10533. 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);
  10534. }
  10535. .mdc-radio {
  10536. --mdc-ripple-fg-size: 0;
  10537. --mdc-ripple-left: 0;
  10538. --mdc-ripple-top: 0;
  10539. --mdc-ripple-fg-scale: 1;
  10540. --mdc-ripple-fg-translate-end: 0;
  10541. --mdc-ripple-fg-translate-start: 0;
  10542. -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  10543. will-change: transform, opacity;
  10544. }
  10545. .mdc-radio .mdc-radio__ripple::before,
  10546. .mdc-radio .mdc-radio__ripple::after {
  10547. position: absolute;
  10548. border-radius: 50%;
  10549. opacity: 0;
  10550. pointer-events: none;
  10551. content: "";
  10552. }
  10553. .mdc-radio .mdc-radio__ripple::before {
  10554. transition: opacity 15ms linear, background-color 15ms linear;
  10555. z-index: 1;
  10556. /* @alternate */
  10557. z-index: var(--mdc-ripple-z-index, 1);
  10558. }
  10559. .mdc-radio .mdc-radio__ripple::after {
  10560. z-index: 0;
  10561. /* @alternate */
  10562. z-index: var(--mdc-ripple-z-index, 0);
  10563. }
  10564. .mdc-radio.mdc-ripple-upgraded .mdc-radio__ripple::before {
  10565. -webkit-transform: scale(var(--mdc-ripple-fg-scale, 1));
  10566. transform: scale(var(--mdc-ripple-fg-scale, 1));
  10567. }
  10568. .mdc-radio.mdc-ripple-upgraded .mdc-radio__ripple::after {
  10569. top: 0;
  10570. /* @noflip */
  10571. left: 0;
  10572. -webkit-transform: scale(0);
  10573. transform: scale(0);
  10574. -webkit-transform-origin: center center;
  10575. transform-origin: center center;
  10576. }
  10577. .mdc-radio.mdc-ripple-upgraded--unbounded .mdc-radio__ripple::after {
  10578. top: var(--mdc-ripple-top, 0);
  10579. /* @noflip */
  10580. left: var(--mdc-ripple-left, 0);
  10581. }
  10582. .mdc-radio.mdc-ripple-upgraded--foreground-activation .mdc-radio__ripple::after {
  10583. -webkit-animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards;
  10584. animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards;
  10585. }
  10586. .mdc-radio.mdc-ripple-upgraded--foreground-deactivation .mdc-radio__ripple::after {
  10587. -webkit-animation: mdc-ripple-fg-opacity-out 150ms;
  10588. animation: mdc-ripple-fg-opacity-out 150ms;
  10589. -webkit-transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
  10590. transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
  10591. }
  10592. .mdc-radio .mdc-radio__ripple::before,
  10593. .mdc-radio .mdc-radio__ripple::after {
  10594. top: calc(50% - 50%);
  10595. /* @noflip */
  10596. left: calc(50% - 50%);
  10597. width: 100%;
  10598. height: 100%;
  10599. }
  10600. .mdc-radio.mdc-ripple-upgraded .mdc-radio__ripple::before,
  10601. .mdc-radio.mdc-ripple-upgraded .mdc-radio__ripple::after {
  10602. top: var(--mdc-ripple-top, calc(50% - 50%));
  10603. /* @noflip */
  10604. left: var(--mdc-ripple-left, calc(50% - 50%));
  10605. width: var(--mdc-ripple-fg-size, 100%);
  10606. height: var(--mdc-ripple-fg-size, 100%);
  10607. }
  10608. .mdc-radio.mdc-ripple-upgraded .mdc-radio__ripple::after {
  10609. width: var(--mdc-ripple-fg-size, 100%);
  10610. height: var(--mdc-ripple-fg-size, 100%);
  10611. }
  10612. .mdc-radio .mdc-radio__ripple::before, .mdc-radio .mdc-radio__ripple::after {
  10613. background-color: #018786;
  10614. /* @alternate */
  10615. background-color: var(--mdc-ripple-color, var(--mdc-theme-secondary, #018786));
  10616. }
  10617. .mdc-radio:hover .mdc-radio__ripple::before, .mdc-radio.mdc-ripple-surface--hover .mdc-radio__ripple::before {
  10618. opacity: 0.04;
  10619. /* @alternate */
  10620. opacity: var(--mdc-ripple-hover-opacity, 0.04);
  10621. }
  10622. .mdc-radio.mdc-ripple-upgraded--background-focused .mdc-radio__ripple::before, .mdc-radio:not(.mdc-ripple-upgraded):focus .mdc-radio__ripple::before {
  10623. transition-duration: 75ms;
  10624. opacity: 0.12;
  10625. /* @alternate */
  10626. opacity: var(--mdc-ripple-focus-opacity, 0.12);
  10627. }
  10628. .mdc-radio:not(.mdc-ripple-upgraded) .mdc-radio__ripple::after {
  10629. transition: opacity 150ms linear;
  10630. }
  10631. .mdc-radio:not(.mdc-ripple-upgraded):active .mdc-radio__ripple::after {
  10632. transition-duration: 75ms;
  10633. opacity: 0.12;
  10634. /* @alternate */
  10635. opacity: var(--mdc-ripple-press-opacity, 0.12);
  10636. }
  10637. .mdc-radio.mdc-ripple-upgraded {
  10638. --mdc-ripple-fg-opacity: var(--mdc-ripple-press-opacity, 0.12);
  10639. }
  10640. .mdc-radio.mdc-ripple-upgraded--background-focused .mdc-radio__background::before {
  10641. content: none;
  10642. }
  10643. .mdc-radio__ripple {
  10644. position: absolute;
  10645. top: 0;
  10646. left: 0;
  10647. width: 100%;
  10648. height: 100%;
  10649. pointer-events: none;
  10650. }
  10651. .mdc-ripple-surface {
  10652. --mdc-ripple-fg-size: 0;
  10653. --mdc-ripple-left: 0;
  10654. --mdc-ripple-top: 0;
  10655. --mdc-ripple-fg-scale: 1;
  10656. --mdc-ripple-fg-translate-end: 0;
  10657. --mdc-ripple-fg-translate-start: 0;
  10658. -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  10659. will-change: transform, opacity;
  10660. position: relative;
  10661. outline: none;
  10662. overflow: hidden;
  10663. }
  10664. .mdc-ripple-surface::before, .mdc-ripple-surface::after {
  10665. position: absolute;
  10666. border-radius: 50%;
  10667. opacity: 0;
  10668. pointer-events: none;
  10669. content: "";
  10670. }
  10671. .mdc-ripple-surface::before {
  10672. transition: opacity 15ms linear, background-color 15ms linear;
  10673. z-index: 1;
  10674. /* @alternate */
  10675. z-index: var(--mdc-ripple-z-index, 1);
  10676. }
  10677. .mdc-ripple-surface::after {
  10678. z-index: 0;
  10679. /* @alternate */
  10680. z-index: var(--mdc-ripple-z-index, 0);
  10681. }
  10682. .mdc-ripple-surface.mdc-ripple-upgraded::before {
  10683. -webkit-transform: scale(var(--mdc-ripple-fg-scale, 1));
  10684. transform: scale(var(--mdc-ripple-fg-scale, 1));
  10685. }
  10686. .mdc-ripple-surface.mdc-ripple-upgraded::after {
  10687. top: 0;
  10688. /* @noflip */
  10689. left: 0;
  10690. -webkit-transform: scale(0);
  10691. transform: scale(0);
  10692. -webkit-transform-origin: center center;
  10693. transform-origin: center center;
  10694. }
  10695. .mdc-ripple-surface.mdc-ripple-upgraded--unbounded::after {
  10696. top: var(--mdc-ripple-top, 0);
  10697. /* @noflip */
  10698. left: var(--mdc-ripple-left, 0);
  10699. }
  10700. .mdc-ripple-surface.mdc-ripple-upgraded--foreground-activation::after {
  10701. -webkit-animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards;
  10702. animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards;
  10703. }
  10704. .mdc-ripple-surface.mdc-ripple-upgraded--foreground-deactivation::after {
  10705. -webkit-animation: mdc-ripple-fg-opacity-out 150ms;
  10706. animation: mdc-ripple-fg-opacity-out 150ms;
  10707. -webkit-transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
  10708. transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
  10709. }
  10710. .mdc-ripple-surface::before, .mdc-ripple-surface::after {
  10711. background-color: #000;
  10712. /* @alternate */
  10713. background-color: var(--mdc-ripple-color, #000);
  10714. }
  10715. .mdc-ripple-surface:hover::before, .mdc-ripple-surface.mdc-ripple-surface--hover::before {
  10716. opacity: 0.04;
  10717. /* @alternate */
  10718. opacity: var(--mdc-ripple-hover-opacity, 0.04);
  10719. }
  10720. .mdc-ripple-surface.mdc-ripple-upgraded--background-focused::before, .mdc-ripple-surface:not(.mdc-ripple-upgraded):focus::before {
  10721. transition-duration: 75ms;
  10722. opacity: 0.12;
  10723. /* @alternate */
  10724. opacity: var(--mdc-ripple-focus-opacity, 0.12);
  10725. }
  10726. .mdc-ripple-surface:not(.mdc-ripple-upgraded)::after {
  10727. transition: opacity 150ms linear;
  10728. }
  10729. .mdc-ripple-surface:not(.mdc-ripple-upgraded):active::after {
  10730. transition-duration: 75ms;
  10731. opacity: 0.12;
  10732. /* @alternate */
  10733. opacity: var(--mdc-ripple-press-opacity, 0.12);
  10734. }
  10735. .mdc-ripple-surface.mdc-ripple-upgraded {
  10736. --mdc-ripple-fg-opacity: var(--mdc-ripple-press-opacity, 0.12);
  10737. }
  10738. .mdc-ripple-surface::before, .mdc-ripple-surface::after {
  10739. top: calc(50% - 100%);
  10740. /* @noflip */
  10741. left: calc(50% - 100%);
  10742. width: 200%;
  10743. height: 200%;
  10744. }
  10745. .mdc-ripple-surface.mdc-ripple-upgraded::after {
  10746. width: var(--mdc-ripple-fg-size, 100%);
  10747. height: var(--mdc-ripple-fg-size, 100%);
  10748. }
  10749. .mdc-ripple-surface[data-mdc-ripple-is-unbounded],
  10750. .mdc-ripple-upgraded--unbounded {
  10751. overflow: visible;
  10752. }
  10753. .mdc-ripple-surface[data-mdc-ripple-is-unbounded]::before, .mdc-ripple-surface[data-mdc-ripple-is-unbounded]::after,
  10754. .mdc-ripple-upgraded--unbounded::before,
  10755. .mdc-ripple-upgraded--unbounded::after {
  10756. top: calc(50% - 50%);
  10757. /* @noflip */
  10758. left: calc(50% - 50%);
  10759. width: 100%;
  10760. height: 100%;
  10761. }
  10762. .mdc-ripple-surface[data-mdc-ripple-is-unbounded].mdc-ripple-upgraded::before, .mdc-ripple-surface[data-mdc-ripple-is-unbounded].mdc-ripple-upgraded::after,
  10763. .mdc-ripple-upgraded--unbounded.mdc-ripple-upgraded::before,
  10764. .mdc-ripple-upgraded--unbounded.mdc-ripple-upgraded::after {
  10765. top: var(--mdc-ripple-top, calc(50% - 50%));
  10766. /* @noflip */
  10767. left: var(--mdc-ripple-left, calc(50% - 50%));
  10768. width: var(--mdc-ripple-fg-size, 100%);
  10769. height: var(--mdc-ripple-fg-size, 100%);
  10770. }
  10771. .mdc-ripple-surface[data-mdc-ripple-is-unbounded].mdc-ripple-upgraded::after,
  10772. .mdc-ripple-upgraded--unbounded.mdc-ripple-upgraded::after {
  10773. width: var(--mdc-ripple-fg-size, 100%);
  10774. height: var(--mdc-ripple-fg-size, 100%);
  10775. }
  10776. .mdc-segmented-button {
  10777. display: inline-block;
  10778. font-size: 0;
  10779. }
  10780. .mdc-segmented-button__segment {
  10781. border-color: rgba(0, 0, 0, 0.12);
  10782. /* @alternate */
  10783. border-color: var(--mdc-segmented-button-outline-color, rgba(0, 0, 0, 0.12));
  10784. }
  10785. .mdc-segmented-button__segment {
  10786. color: rgba(0, 0, 0, 0.6);
  10787. /* @alternate */
  10788. color: var(--mdc-segmented-button-unselected-ink-color, rgba(0, 0, 0, 0.6));
  10789. }
  10790. .mdc-segmented-button__segment {
  10791. background-color: white;
  10792. /* @alternate */
  10793. background-color: var(--mdc-segmented-button-unselected-container-fill-color, white);
  10794. }
  10795. .mdc-segmented-button__segment--selected {
  10796. color: #6200ee;
  10797. /* @alternate */
  10798. color: var(--mdc-segmented-button-selected-ink-color, #6200ee);
  10799. }
  10800. .mdc-segmented-button__segment--selected {
  10801. background-color: rgba(98, 0, 238, 0.08);
  10802. /* @alternate */
  10803. background-color: var(--mdc-segmented-button-selected-container-fill-color, rgba(98, 0, 238, 0.08));
  10804. }
  10805. .mdc-segmented-button__segment {
  10806. /* @alternate */
  10807. position: relative;
  10808. -moz-osx-font-smoothing: grayscale;
  10809. -webkit-font-smoothing: antialiased;
  10810. font-family: Roboto, sans-serif;
  10811. /* @alternate */
  10812. font-family: var(--mdc-typography-button-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));
  10813. font-size: 0.875rem;
  10814. /* @alternate */
  10815. font-size: var(--mdc-typography-button-font-size, 0.875rem);
  10816. line-height: 2.25rem;
  10817. /* @alternate */
  10818. line-height: var(--mdc-typography-button-line-height, 2.25rem);
  10819. font-weight: 500;
  10820. /* @alternate */
  10821. font-weight: var(--mdc-typography-button-font-weight, 500);
  10822. letter-spacing: 0.0892857143em;
  10823. /* @alternate */
  10824. letter-spacing: var(--mdc-typography-button-letter-spacing, 0.0892857143em);
  10825. text-decoration: none;
  10826. /* @alternate */
  10827. -webkit-text-decoration: var(--mdc-typography-button-text-decoration, none);
  10828. text-decoration: var(--mdc-typography-button-text-decoration, none);
  10829. text-transform: uppercase;
  10830. /* @alternate */
  10831. text-transform: var(--mdc-typography-button-text-transform, uppercase);
  10832. display: inline-flex;
  10833. vertical-align: top;
  10834. align-items: center;
  10835. height: 36px;
  10836. min-width: 48px;
  10837. padding: 0 12px;
  10838. border-width: 1px 0 1px 1px;
  10839. }
  10840. .mdc-segmented-button__segment .mdc-elevation-overlay {
  10841. width: 100%;
  10842. height: 100%;
  10843. top: 0;
  10844. /* @noflip */
  10845. left: 0;
  10846. }
  10847. .mdc-segmented-button__segment:hover {
  10848. cursor: pointer;
  10849. }
  10850. .mdc-segmented-button__segment:focus {
  10851. outline-width: 0;
  10852. }
  10853. .mdc-segmented-button__segment:first-child {
  10854. border-radius: 4px 0 0 4px;
  10855. }
  10856. .mdc-segmented-button__segment:last-child {
  10857. border-right-width: 1px;
  10858. border-radius: 0 4px 4px 0;
  10859. }
  10860. .mdc-segmented-button__segment .mdc-segmented-button__segment__touch {
  10861. position: absolute;
  10862. top: 50%;
  10863. right: 0;
  10864. height: 48px;
  10865. left: 0;
  10866. -webkit-transform: translateY(-50%);
  10867. transform: translateY(-50%);
  10868. }
  10869. .mdc-segmented-button__segment .mdc-segmented-button__segment--touch {
  10870. margin-top: 0px;
  10871. margin-bottom: 0px;
  10872. }
  10873. .mdc-touch-target-wrapper .mdc-segmented-button__segment {
  10874. border-radius: 0;
  10875. border-right-width: 0;
  10876. }
  10877. .mdc-touch-target-wrapper:first-child .mdc-segmented-button__segment {
  10878. border-radius: 4px 0 0 4px;
  10879. }
  10880. .mdc-touch-target-wrapper:last-child .mdc-segmented-button__segment {
  10881. border-right-width: 1px;
  10882. border-radius: 0 4px 4px 0;
  10883. }
  10884. .mdc-segmented-button__icon {
  10885. width: 24px;
  10886. font-size: 18px;
  10887. }
  10888. .mdc-segmented-button__icon + .mdc-segmented-button__label {
  10889. padding-left: 6px;
  10890. }
  10891. .mdc-segmented-button__segment {
  10892. --mdc-ripple-fg-size: 0;
  10893. --mdc-ripple-left: 0;
  10894. --mdc-ripple-top: 0;
  10895. --mdc-ripple-fg-scale: 1;
  10896. --mdc-ripple-fg-translate-end: 0;
  10897. --mdc-ripple-fg-translate-start: 0;
  10898. -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  10899. will-change: transform, opacity;
  10900. overflow: hidden;
  10901. }
  10902. .mdc-segmented-button__segment .mdc-segmented-button__ripple::before,
  10903. .mdc-segmented-button__segment .mdc-segmented-button__ripple::after {
  10904. position: absolute;
  10905. border-radius: 50%;
  10906. opacity: 0;
  10907. pointer-events: none;
  10908. content: "";
  10909. }
  10910. .mdc-segmented-button__segment .mdc-segmented-button__ripple::before {
  10911. transition: opacity 15ms linear, background-color 15ms linear;
  10912. z-index: 1;
  10913. /* @alternate */
  10914. z-index: var(--mdc-ripple-z-index, 1);
  10915. }
  10916. .mdc-segmented-button__segment .mdc-segmented-button__ripple::after {
  10917. z-index: 0;
  10918. /* @alternate */
  10919. z-index: var(--mdc-ripple-z-index, 0);
  10920. }
  10921. .mdc-segmented-button__segment.mdc-ripple-upgraded .mdc-segmented-button__ripple::before {
  10922. -webkit-transform: scale(var(--mdc-ripple-fg-scale, 1));
  10923. transform: scale(var(--mdc-ripple-fg-scale, 1));
  10924. }
  10925. .mdc-segmented-button__segment.mdc-ripple-upgraded .mdc-segmented-button__ripple::after {
  10926. top: 0;
  10927. /* @noflip */
  10928. left: 0;
  10929. -webkit-transform: scale(0);
  10930. transform: scale(0);
  10931. -webkit-transform-origin: center center;
  10932. transform-origin: center center;
  10933. }
  10934. .mdc-segmented-button__segment.mdc-ripple-upgraded--unbounded .mdc-segmented-button__ripple::after {
  10935. top: var(--mdc-ripple-top, 0);
  10936. /* @noflip */
  10937. left: var(--mdc-ripple-left, 0);
  10938. }
  10939. .mdc-segmented-button__segment.mdc-ripple-upgraded--foreground-activation .mdc-segmented-button__ripple::after {
  10940. -webkit-animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards;
  10941. animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards;
  10942. }
  10943. .mdc-segmented-button__segment.mdc-ripple-upgraded--foreground-deactivation .mdc-segmented-button__ripple::after {
  10944. -webkit-animation: mdc-ripple-fg-opacity-out 150ms;
  10945. animation: mdc-ripple-fg-opacity-out 150ms;
  10946. -webkit-transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
  10947. transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
  10948. }
  10949. .mdc-segmented-button__segment .mdc-segmented-button__ripple::before,
  10950. .mdc-segmented-button__segment .mdc-segmented-button__ripple::after {
  10951. top: calc(50% - 100%);
  10952. /* @noflip */
  10953. left: calc(50% - 100%);
  10954. width: 200%;
  10955. height: 200%;
  10956. }
  10957. .mdc-segmented-button__segment.mdc-ripple-upgraded .mdc-segmented-button__ripple::after {
  10958. width: var(--mdc-ripple-fg-size, 100%);
  10959. height: var(--mdc-ripple-fg-size, 100%);
  10960. }
  10961. .mdc-segmented-button__segment .mdc-segmented-button__ripple::before, .mdc-segmented-button__segment .mdc-segmented-button__ripple::after {
  10962. background-color: #6200ee;
  10963. /* @alternate */
  10964. background-color: var(--mdc-ripple-color, #6200ee);
  10965. }
  10966. .mdc-segmented-button__segment:hover .mdc-segmented-button__ripple::before, .mdc-segmented-button__segment.mdc-ripple-surface--hover .mdc-segmented-button__ripple::before {
  10967. opacity: 0.04;
  10968. /* @alternate */
  10969. opacity: var(--mdc-ripple-hover-opacity, 0.04);
  10970. }
  10971. .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 {
  10972. transition-duration: 75ms;
  10973. opacity: 0.12;
  10974. /* @alternate */
  10975. opacity: var(--mdc-ripple-focus-opacity, 0.12);
  10976. }
  10977. .mdc-segmented-button__segment:not(.mdc-ripple-upgraded) .mdc-segmented-button__ripple::after {
  10978. transition: opacity 150ms linear;
  10979. }
  10980. .mdc-segmented-button__segment:not(.mdc-ripple-upgraded):active .mdc-segmented-button__ripple::after {
  10981. transition-duration: 75ms;
  10982. opacity: 0.12;
  10983. /* @alternate */
  10984. opacity: var(--mdc-ripple-press-opacity, 0.12);
  10985. }
  10986. .mdc-segmented-button__segment.mdc-ripple-upgraded {
  10987. --mdc-ripple-fg-opacity: var(--mdc-ripple-press-opacity, 0.12);
  10988. }
  10989. .mdc-segmented-button__segment .mdc-segmented-button__ripple {
  10990. position: absolute;
  10991. top: 0;
  10992. left: 0;
  10993. width: 100%;
  10994. height: 100%;
  10995. pointer-events: none;
  10996. }
  10997. .mdc-slider__thumb {
  10998. --mdc-ripple-fg-size: 0;
  10999. --mdc-ripple-left: 0;
  11000. --mdc-ripple-top: 0;
  11001. --mdc-ripple-fg-scale: 1;
  11002. --mdc-ripple-fg-translate-end: 0;
  11003. --mdc-ripple-fg-translate-start: 0;
  11004. -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  11005. will-change: transform, opacity;
  11006. }
  11007. .mdc-slider__thumb::before, .mdc-slider__thumb::after {
  11008. position: absolute;
  11009. border-radius: 50%;
  11010. opacity: 0;
  11011. pointer-events: none;
  11012. content: "";
  11013. }
  11014. .mdc-slider__thumb::before {
  11015. transition: opacity 15ms linear, background-color 15ms linear;
  11016. z-index: 1;
  11017. /* @alternate */
  11018. z-index: var(--mdc-ripple-z-index, 1);
  11019. }
  11020. .mdc-slider__thumb::after {
  11021. z-index: 0;
  11022. /* @alternate */
  11023. z-index: var(--mdc-ripple-z-index, 0);
  11024. }
  11025. .mdc-slider__thumb.mdc-ripple-upgraded::before {
  11026. -webkit-transform: scale(var(--mdc-ripple-fg-scale, 1));
  11027. transform: scale(var(--mdc-ripple-fg-scale, 1));
  11028. }
  11029. .mdc-slider__thumb.mdc-ripple-upgraded::after {
  11030. top: 0;
  11031. /* @noflip */
  11032. left: 0;
  11033. -webkit-transform: scale(0);
  11034. transform: scale(0);
  11035. -webkit-transform-origin: center center;
  11036. transform-origin: center center;
  11037. }
  11038. .mdc-slider__thumb.mdc-ripple-upgraded--unbounded::after {
  11039. top: var(--mdc-ripple-top, 0);
  11040. /* @noflip */
  11041. left: var(--mdc-ripple-left, 0);
  11042. }
  11043. .mdc-slider__thumb.mdc-ripple-upgraded--foreground-activation::after {
  11044. -webkit-animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards;
  11045. animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards;
  11046. }
  11047. .mdc-slider__thumb.mdc-ripple-upgraded--foreground-deactivation::after {
  11048. -webkit-animation: mdc-ripple-fg-opacity-out 150ms;
  11049. animation: mdc-ripple-fg-opacity-out 150ms;
  11050. -webkit-transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
  11051. transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
  11052. }
  11053. .mdc-slider__thumb::before, .mdc-slider__thumb::after {
  11054. top: calc(50% - 50%);
  11055. /* @noflip */
  11056. left: calc(50% - 50%);
  11057. width: 100%;
  11058. height: 100%;
  11059. }
  11060. .mdc-slider__thumb.mdc-ripple-upgraded::before, .mdc-slider__thumb.mdc-ripple-upgraded::after {
  11061. top: var(--mdc-ripple-top, calc(50% - 50%));
  11062. /* @noflip */
  11063. left: var(--mdc-ripple-left, calc(50% - 50%));
  11064. width: var(--mdc-ripple-fg-size, 100%);
  11065. height: var(--mdc-ripple-fg-size, 100%);
  11066. }
  11067. .mdc-slider__thumb.mdc-ripple-upgraded::after {
  11068. width: var(--mdc-ripple-fg-size, 100%);
  11069. height: var(--mdc-ripple-fg-size, 100%);
  11070. }
  11071. .mdc-slider__thumb::before, .mdc-slider__thumb::after {
  11072. background-color: #6200ee;
  11073. /* @alternate */
  11074. background-color: var(--mdc-ripple-color, var(--mdc-theme-primary, #6200ee));
  11075. }
  11076. .mdc-slider__thumb:hover::before, .mdc-slider__thumb.mdc-ripple-surface--hover::before {
  11077. opacity: 0.04;
  11078. /* @alternate */
  11079. opacity: var(--mdc-ripple-hover-opacity, 0.04);
  11080. }
  11081. .mdc-slider__thumb.mdc-ripple-upgraded--background-focused::before, .mdc-slider__thumb:not(.mdc-ripple-upgraded):focus::before {
  11082. transition-duration: 75ms;
  11083. opacity: 0.12;
  11084. /* @alternate */
  11085. opacity: var(--mdc-ripple-focus-opacity, 0.12);
  11086. }
  11087. .mdc-slider__thumb:not(.mdc-ripple-upgraded)::after {
  11088. transition: opacity 150ms linear;
  11089. }
  11090. .mdc-slider__thumb:not(.mdc-ripple-upgraded):active::after {
  11091. transition-duration: 75ms;
  11092. opacity: 0.12;
  11093. /* @alternate */
  11094. opacity: var(--mdc-ripple-press-opacity, 0.12);
  11095. }
  11096. .mdc-slider__thumb.mdc-ripple-upgraded {
  11097. --mdc-ripple-fg-opacity: var(--mdc-ripple-press-opacity, 0.12);
  11098. }
  11099. .mdc-slider {
  11100. cursor: pointer;
  11101. height: 48px;
  11102. margin: 0 24px;
  11103. position: relative;
  11104. touch-action: pan-y;
  11105. }
  11106. .mdc-slider .mdc-slider__track {
  11107. height: 4px;
  11108. position: absolute;
  11109. top: 50%;
  11110. -webkit-transform: translateY(-50%);
  11111. transform: translateY(-50%);
  11112. width: 100%;
  11113. }
  11114. .mdc-slider .mdc-slider__track--active,
  11115. .mdc-slider .mdc-slider__track--inactive {
  11116. display: flex;
  11117. height: 100%;
  11118. position: absolute;
  11119. width: 100%;
  11120. }
  11121. .mdc-slider .mdc-slider__track--active {
  11122. border-radius: 3px;
  11123. height: 6px;
  11124. overflow: hidden;
  11125. top: -1px;
  11126. }
  11127. .mdc-slider .mdc-slider__track--active_fill {
  11128. border: 6px solid;
  11129. box-sizing: border-box;
  11130. height: 100%;
  11131. width: 100%;
  11132. position: relative;
  11133. /* @noflip */
  11134. -webkit-transform-origin: left;
  11135. transform-origin: left;
  11136. }
  11137. [dir=rtl] .mdc-slider .mdc-slider__track--active_fill, .mdc-slider .mdc-slider__track--active_fill[dir=rtl] {
  11138. /* @noflip */
  11139. -webkit-transform-origin: right;
  11140. transform-origin: right;
  11141. }
  11142. .mdc-slider .mdc-slider__track--inactive {
  11143. border-radius: 2px;
  11144. height: 4px;
  11145. left: 0;
  11146. outline: 1px solid transparent;
  11147. top: 0;
  11148. }
  11149. .mdc-slider .mdc-slider__track--active_fill {
  11150. border-color: #6200ee;
  11151. /* @alternate */
  11152. border-color: var(--mdc-theme-primary, #6200ee);
  11153. }
  11154. .mdc-slider.mdc-slider--disabled .mdc-slider__track--active_fill {
  11155. border-color: #000;
  11156. /* @alternate */
  11157. border-color: var(--mdc-theme-on-surface, #000);
  11158. }
  11159. .mdc-slider .mdc-slider__track--inactive {
  11160. background-color: #6200ee;
  11161. /* @alternate */
  11162. background-color: var(--mdc-theme-primary, #6200ee);
  11163. opacity: 0.24;
  11164. }
  11165. .mdc-slider.mdc-slider--disabled .mdc-slider__track--inactive {
  11166. background-color: #000;
  11167. /* @alternate */
  11168. background-color: var(--mdc-theme-on-surface, #000);
  11169. opacity: 0.24;
  11170. }
  11171. .mdc-slider .mdc-slider__value-indicator-container {
  11172. bottom: 44px;
  11173. left: 50%;
  11174. pointer-events: none;
  11175. position: absolute;
  11176. -webkit-transform: translateX(-50%);
  11177. transform: translateX(-50%);
  11178. }
  11179. .mdc-slider .mdc-slider__value-indicator {
  11180. transition: -webkit-transform 100ms 0ms cubic-bezier(0.4, 0, 1, 1);
  11181. transition: transform 100ms 0ms cubic-bezier(0.4, 0, 1, 1);
  11182. transition: transform 100ms 0ms cubic-bezier(0.4, 0, 1, 1), -webkit-transform 100ms 0ms cubic-bezier(0.4, 0, 1, 1);
  11183. align-items: center;
  11184. border-radius: 4px;
  11185. display: flex;
  11186. height: 32px;
  11187. outline: 1px solid transparent;
  11188. padding: 0 12px;
  11189. -webkit-transform: scale(0);
  11190. transform: scale(0);
  11191. -webkit-transform-origin: bottom;
  11192. transform-origin: bottom;
  11193. }
  11194. .mdc-slider .mdc-slider__value-indicator::before {
  11195. border-left: 6px solid transparent;
  11196. border-right: 6px solid transparent;
  11197. border-top: 6px solid;
  11198. bottom: -5px;
  11199. content: "";
  11200. height: 0;
  11201. left: 50%;
  11202. position: absolute;
  11203. -webkit-transform: translateX(-50%);
  11204. transform: translateX(-50%);
  11205. width: 0;
  11206. }
  11207. .mdc-slider .mdc-slider__thumb--with-indicator .mdc-slider__value-indicator-container {
  11208. pointer-events: auto;
  11209. }
  11210. .mdc-slider .mdc-slider__thumb--with-indicator .mdc-slider__value-indicator {
  11211. transition: -webkit-transform 100ms 0ms cubic-bezier(0, 0, 0.2, 1);
  11212. transition: transform 100ms 0ms cubic-bezier(0, 0, 0.2, 1);
  11213. transition: transform 100ms 0ms cubic-bezier(0, 0, 0.2, 1), -webkit-transform 100ms 0ms cubic-bezier(0, 0, 0.2, 1);
  11214. -webkit-transform: scale(1);
  11215. transform: scale(1);
  11216. }
  11217. @media (prefers-reduced-motion) {
  11218. .mdc-slider .mdc-slider__value-indicator,
  11219. .mdc-slider .mdc-slider__thumb--with-indicator .mdc-slider__value-indicator {
  11220. transition: none;
  11221. }
  11222. }
  11223. .mdc-slider .mdc-slider__value-indicator-text {
  11224. -moz-osx-font-smoothing: grayscale;
  11225. -webkit-font-smoothing: antialiased;
  11226. font-family: Roboto, sans-serif;
  11227. /* @alternate */
  11228. font-family: var(--mdc-typography-subtitle2-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));
  11229. font-size: 0.875rem;
  11230. /* @alternate */
  11231. font-size: var(--mdc-typography-subtitle2-font-size, 0.875rem);
  11232. line-height: 1.375rem;
  11233. /* @alternate */
  11234. line-height: var(--mdc-typography-subtitle2-line-height, 1.375rem);
  11235. font-weight: 500;
  11236. /* @alternate */
  11237. font-weight: var(--mdc-typography-subtitle2-font-weight, 500);
  11238. letter-spacing: 0.0071428571em;
  11239. /* @alternate */
  11240. letter-spacing: var(--mdc-typography-subtitle2-letter-spacing, 0.0071428571em);
  11241. text-decoration: inherit;
  11242. /* @alternate */
  11243. -webkit-text-decoration: var(--mdc-typography-subtitle2-text-decoration, inherit);
  11244. text-decoration: var(--mdc-typography-subtitle2-text-decoration, inherit);
  11245. text-transform: inherit;
  11246. /* @alternate */
  11247. text-transform: var(--mdc-typography-subtitle2-text-transform, inherit);
  11248. }
  11249. .mdc-slider .mdc-slider__value-indicator {
  11250. background-color: #000;
  11251. opacity: 0.6;
  11252. }
  11253. .mdc-slider .mdc-slider__value-indicator::before {
  11254. border-top-color: #000;
  11255. }
  11256. .mdc-slider .mdc-slider__value-indicator {
  11257. color: #fff;
  11258. /* @alternate */
  11259. color: var(--mdc-theme-on-primary, #fff);
  11260. }
  11261. .mdc-slider .mdc-slider__thumb {
  11262. display: flex;
  11263. height: 48px;
  11264. left: -24px;
  11265. outline: none;
  11266. position: absolute;
  11267. -webkit-user-select: none;
  11268. -moz-user-select: none;
  11269. -ms-user-select: none;
  11270. user-select: none;
  11271. width: 48px;
  11272. }
  11273. .mdc-slider .mdc-slider__thumb--top {
  11274. z-index: 1;
  11275. }
  11276. .mdc-slider .mdc-slider__thumb--top .mdc-slider__thumb-knob {
  11277. border: 1px solid;
  11278. box-sizing: content-box;
  11279. border-color: #fff;
  11280. }
  11281. .mdc-slider .mdc-slider__thumb-knob {
  11282. /* @alternate */
  11283. 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);
  11284. border: 10px solid;
  11285. border-radius: 50%;
  11286. box-sizing: border-box;
  11287. height: 20px;
  11288. /* @noflip */
  11289. left: 50%;
  11290. position: absolute;
  11291. top: 50%;
  11292. -webkit-transform: translate(-50%, -50%);
  11293. transform: translate(-50%, -50%);
  11294. width: 20px;
  11295. }
  11296. .mdc-slider .mdc-slider__thumb-knob {
  11297. background-color: #6200ee;
  11298. /* @alternate */
  11299. background-color: var(--mdc-theme-primary, #6200ee);
  11300. border-color: #6200ee;
  11301. /* @alternate */
  11302. border-color: var(--mdc-theme-primary, #6200ee);
  11303. }
  11304. .mdc-slider.mdc-slider--disabled .mdc-slider__thumb-knob {
  11305. background-color: #000;
  11306. /* @alternate */
  11307. background-color: var(--mdc-theme-on-surface, #000);
  11308. border-color: #000;
  11309. /* @alternate */
  11310. border-color: var(--mdc-theme-on-surface, #000);
  11311. }
  11312. .mdc-slider .mdc-slider__thumb::before, .mdc-slider .mdc-slider__thumb::after {
  11313. background-color: #6200ee;
  11314. /* @alternate */
  11315. background-color: var(--mdc-ripple-color, var(--mdc-theme-primary, #6200ee));
  11316. }
  11317. .mdc-slider .mdc-slider__thumb:hover::before, .mdc-slider .mdc-slider__thumb.mdc-ripple-surface--hover::before {
  11318. opacity: 0.04;
  11319. /* @alternate */
  11320. opacity: var(--mdc-ripple-hover-opacity, 0.04);
  11321. }
  11322. .mdc-slider .mdc-slider__thumb.mdc-ripple-upgraded--background-focused::before, .mdc-slider .mdc-slider__thumb:not(.mdc-ripple-upgraded):focus::before {
  11323. transition-duration: 75ms;
  11324. opacity: 0.12;
  11325. /* @alternate */
  11326. opacity: var(--mdc-ripple-focus-opacity, 0.12);
  11327. }
  11328. .mdc-slider .mdc-slider__thumb:not(.mdc-ripple-upgraded)::after {
  11329. transition: opacity 150ms linear;
  11330. }
  11331. .mdc-slider .mdc-slider__thumb:not(.mdc-ripple-upgraded):active::after {
  11332. transition-duration: 75ms;
  11333. opacity: 0.12;
  11334. /* @alternate */
  11335. opacity: var(--mdc-ripple-press-opacity, 0.12);
  11336. }
  11337. .mdc-slider .mdc-slider__thumb.mdc-ripple-upgraded {
  11338. --mdc-ripple-fg-opacity: var(--mdc-ripple-press-opacity, 0.12);
  11339. }
  11340. .mdc-slider .mdc-slider__tick-marks {
  11341. align-items: center;
  11342. box-sizing: border-box;
  11343. display: flex;
  11344. height: 100%;
  11345. justify-content: space-between;
  11346. padding: 0 1px;
  11347. position: absolute;
  11348. width: 100%;
  11349. }
  11350. .mdc-slider .mdc-slider__tick-mark--active,
  11351. .mdc-slider .mdc-slider__tick-mark--inactive {
  11352. border-radius: 50%;
  11353. height: 2px;
  11354. width: 2px;
  11355. }
  11356. .mdc-slider .mdc-slider__tick-mark--active {
  11357. background-color: #fff;
  11358. /* @alternate */
  11359. background-color: var(--mdc-theme-on-primary, #fff);
  11360. opacity: 0.6;
  11361. }
  11362. .mdc-slider.mdc-slider--disabled .mdc-slider__tick-mark--active {
  11363. background-color: #fff;
  11364. /* @alternate */
  11365. background-color: var(--mdc-theme-on-primary, #fff);
  11366. opacity: 0.6;
  11367. }
  11368. .mdc-slider .mdc-slider__tick-mark--inactive {
  11369. background-color: #6200ee;
  11370. /* @alternate */
  11371. background-color: var(--mdc-theme-primary, #6200ee);
  11372. opacity: 0.6;
  11373. }
  11374. .mdc-slider.mdc-slider--disabled .mdc-slider__tick-mark--inactive {
  11375. background-color: #000;
  11376. /* @alternate */
  11377. background-color: var(--mdc-theme-on-surface, #000);
  11378. opacity: 0.6;
  11379. }
  11380. .mdc-slider.mdc-slider--disabled {
  11381. opacity: 0.38;
  11382. cursor: auto;
  11383. }
  11384. .mdc-slider.mdc-slider--disabled .mdc-slider__thumb {
  11385. pointer-events: none;
  11386. }
  11387. .mdc-slider--discrete .mdc-slider__thumb,
  11388. .mdc-slider--discrete .mdc-slider__track--active_fill {
  11389. transition: -webkit-transform 80ms ease;
  11390. transition: transform 80ms ease;
  11391. transition: transform 80ms ease, -webkit-transform 80ms ease;
  11392. }
  11393. @media (prefers-reduced-motion) {
  11394. .mdc-slider--discrete .mdc-slider__thumb,
  11395. .mdc-slider--discrete .mdc-slider__track--active_fill {
  11396. transition: none;
  11397. }
  11398. }
  11399. .mdc-slider__input {
  11400. cursor: pointer;
  11401. left: 0;
  11402. margin: 0;
  11403. height: 100%;
  11404. opacity: 0;
  11405. pointer-events: none;
  11406. position: absolute;
  11407. top: 0;
  11408. width: 100%;
  11409. }
  11410. .mdc-snackbar {
  11411. z-index: 8;
  11412. margin: 8px;
  11413. display: none;
  11414. position: fixed;
  11415. right: 0;
  11416. bottom: 0;
  11417. left: 0;
  11418. align-items: center;
  11419. justify-content: center;
  11420. box-sizing: border-box;
  11421. pointer-events: none;
  11422. -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  11423. }
  11424. .mdc-snackbar__surface {
  11425. background-color: #333333;
  11426. }
  11427. .mdc-snackbar__label {
  11428. color: rgba(255, 255, 255, 0.87);
  11429. }
  11430. .mdc-snackbar__surface {
  11431. min-width: 344px;
  11432. }
  11433. @media (max-width: 480px), (max-width: 344px) {
  11434. .mdc-snackbar__surface {
  11435. min-width: 100%;
  11436. }
  11437. }
  11438. .mdc-snackbar__surface {
  11439. max-width: 672px;
  11440. }
  11441. .mdc-snackbar__surface {
  11442. /* @alternate */
  11443. 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);
  11444. }
  11445. .mdc-snackbar__surface {
  11446. border-radius: 4px;
  11447. /* @alternate */
  11448. border-radius: var(--mdc-shape-small, 4px);
  11449. }
  11450. .mdc-snackbar--opening,
  11451. .mdc-snackbar--open,
  11452. .mdc-snackbar--closing {
  11453. display: flex;
  11454. }
  11455. .mdc-snackbar--open .mdc-snackbar__label,
  11456. .mdc-snackbar--open .mdc-snackbar__actions {
  11457. visibility: visible;
  11458. }
  11459. .mdc-snackbar--leading {
  11460. justify-content: flex-start;
  11461. }
  11462. .mdc-snackbar--stacked .mdc-snackbar__label {
  11463. /* @noflip */
  11464. padding-left: 16px;
  11465. /* @noflip */
  11466. padding-right: 8px;
  11467. padding-bottom: 12px;
  11468. }
  11469. [dir=rtl] .mdc-snackbar--stacked .mdc-snackbar__label, .mdc-snackbar--stacked .mdc-snackbar__label[dir=rtl] {
  11470. /* @noflip */
  11471. padding-left: 8px;
  11472. /* @noflip */
  11473. padding-right: 16px;
  11474. }
  11475. .mdc-snackbar--stacked .mdc-snackbar__surface {
  11476. flex-direction: column;
  11477. align-items: flex-start;
  11478. }
  11479. .mdc-snackbar--stacked .mdc-snackbar__actions {
  11480. align-self: flex-end;
  11481. margin-bottom: 8px;
  11482. }
  11483. .mdc-snackbar__surface {
  11484. /* @noflip */
  11485. padding-left: 0;
  11486. /* @noflip */
  11487. padding-right: 8px;
  11488. display: flex;
  11489. align-items: center;
  11490. justify-content: flex-start;
  11491. box-sizing: border-box;
  11492. -webkit-transform: scale(0.8);
  11493. transform: scale(0.8);
  11494. opacity: 0;
  11495. }
  11496. [dir=rtl] .mdc-snackbar__surface, .mdc-snackbar__surface[dir=rtl] {
  11497. /* @noflip */
  11498. padding-left: 8px;
  11499. /* @noflip */
  11500. padding-right: 0;
  11501. }
  11502. .mdc-snackbar--open .mdc-snackbar__surface {
  11503. -webkit-transform: scale(1);
  11504. transform: scale(1);
  11505. opacity: 1;
  11506. pointer-events: auto;
  11507. transition: opacity 150ms 0ms cubic-bezier(0, 0, 0.2, 1), -webkit-transform 150ms 0ms cubic-bezier(0, 0, 0.2, 1);
  11508. transition: opacity 150ms 0ms cubic-bezier(0, 0, 0.2, 1), transform 150ms 0ms cubic-bezier(0, 0, 0.2, 1);
  11509. 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);
  11510. }
  11511. .mdc-snackbar--closing .mdc-snackbar__surface {
  11512. -webkit-transform: scale(1);
  11513. transform: scale(1);
  11514. transition: opacity 75ms 0ms cubic-bezier(0.4, 0, 1, 1);
  11515. }
  11516. .mdc-snackbar__label {
  11517. -moz-osx-font-smoothing: grayscale;
  11518. -webkit-font-smoothing: antialiased;
  11519. font-family: Roboto, sans-serif;
  11520. /* @alternate */
  11521. font-family: var(--mdc-typography-body2-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));
  11522. font-size: 0.875rem;
  11523. /* @alternate */
  11524. font-size: var(--mdc-typography-body2-font-size, 0.875rem);
  11525. line-height: 1.25rem;
  11526. /* @alternate */
  11527. line-height: var(--mdc-typography-body2-line-height, 1.25rem);
  11528. font-weight: 400;
  11529. /* @alternate */
  11530. font-weight: var(--mdc-typography-body2-font-weight, 400);
  11531. letter-spacing: 0.0178571429em;
  11532. /* @alternate */
  11533. letter-spacing: var(--mdc-typography-body2-letter-spacing, 0.0178571429em);
  11534. text-decoration: inherit;
  11535. /* @alternate */
  11536. -webkit-text-decoration: var(--mdc-typography-body2-text-decoration, inherit);
  11537. text-decoration: var(--mdc-typography-body2-text-decoration, inherit);
  11538. text-transform: inherit;
  11539. /* @alternate */
  11540. text-transform: var(--mdc-typography-body2-text-transform, inherit);
  11541. /* @noflip */
  11542. padding-left: 16px;
  11543. /* @noflip */
  11544. padding-right: 8px;
  11545. width: 100%;
  11546. flex-grow: 1;
  11547. box-sizing: border-box;
  11548. margin: 0;
  11549. visibility: hidden;
  11550. padding-top: 14px;
  11551. padding-bottom: 14px;
  11552. }
  11553. [dir=rtl] .mdc-snackbar__label, .mdc-snackbar__label[dir=rtl] {
  11554. /* @noflip */
  11555. padding-left: 8px;
  11556. /* @noflip */
  11557. padding-right: 16px;
  11558. }
  11559. .mdc-snackbar__label::before {
  11560. display: inline;
  11561. content: attr(data-mdc-snackbar-label-text);
  11562. }
  11563. .mdc-snackbar__actions {
  11564. display: flex;
  11565. flex-shrink: 0;
  11566. align-items: center;
  11567. box-sizing: border-box;
  11568. visibility: hidden;
  11569. }
  11570. .mdc-snackbar__action:not(:disabled) {
  11571. color: #bb86fc;
  11572. }
  11573. .mdc-snackbar__action::before, .mdc-snackbar__action::after {
  11574. background-color: #bb86fc;
  11575. /* @alternate */
  11576. background-color: var(--mdc-ripple-color, #bb86fc);
  11577. }
  11578. .mdc-snackbar__action:hover::before, .mdc-snackbar__action.mdc-ripple-surface--hover::before {
  11579. opacity: 0.08;
  11580. /* @alternate */
  11581. opacity: var(--mdc-ripple-hover-opacity, 0.08);
  11582. }
  11583. .mdc-snackbar__action.mdc-ripple-upgraded--background-focused::before, .mdc-snackbar__action:not(.mdc-ripple-upgraded):focus::before {
  11584. transition-duration: 75ms;
  11585. opacity: 0.24;
  11586. /* @alternate */
  11587. opacity: var(--mdc-ripple-focus-opacity, 0.24);
  11588. }
  11589. .mdc-snackbar__action:not(.mdc-ripple-upgraded)::after {
  11590. transition: opacity 150ms linear;
  11591. }
  11592. .mdc-snackbar__action:not(.mdc-ripple-upgraded):active::after {
  11593. transition-duration: 75ms;
  11594. opacity: 0.24;
  11595. /* @alternate */
  11596. opacity: var(--mdc-ripple-press-opacity, 0.24);
  11597. }
  11598. .mdc-snackbar__action.mdc-ripple-upgraded {
  11599. --mdc-ripple-fg-opacity: var(--mdc-ripple-press-opacity, 0.24);
  11600. }
  11601. .mdc-snackbar__dismiss {
  11602. color: rgba(255, 255, 255, 0.87);
  11603. }
  11604. .mdc-snackbar__dismiss::before, .mdc-snackbar__dismiss::after {
  11605. background-color: rgba(255, 255, 255, 0.87);
  11606. /* @alternate */
  11607. background-color: var(--mdc-ripple-color, rgba(255, 255, 255, 0.87));
  11608. }
  11609. .mdc-snackbar__dismiss:hover::before, .mdc-snackbar__dismiss.mdc-ripple-surface--hover::before {
  11610. opacity: 0.08;
  11611. /* @alternate */
  11612. opacity: var(--mdc-ripple-hover-opacity, 0.08);
  11613. }
  11614. .mdc-snackbar__dismiss.mdc-ripple-upgraded--background-focused::before, .mdc-snackbar__dismiss:not(.mdc-ripple-upgraded):focus::before {
  11615. transition-duration: 75ms;
  11616. opacity: 0.24;
  11617. /* @alternate */
  11618. opacity: var(--mdc-ripple-focus-opacity, 0.24);
  11619. }
  11620. .mdc-snackbar__dismiss:not(.mdc-ripple-upgraded)::after {
  11621. transition: opacity 150ms linear;
  11622. }
  11623. .mdc-snackbar__dismiss:not(.mdc-ripple-upgraded):active::after {
  11624. transition-duration: 75ms;
  11625. opacity: 0.24;
  11626. /* @alternate */
  11627. opacity: var(--mdc-ripple-press-opacity, 0.24);
  11628. }
  11629. .mdc-snackbar__dismiss.mdc-ripple-upgraded {
  11630. --mdc-ripple-fg-opacity: var(--mdc-ripple-press-opacity, 0.24);
  11631. }
  11632. .mdc-snackbar__dismiss.mdc-snackbar__dismiss {
  11633. width: 36px;
  11634. height: 36px;
  11635. padding: 9px;
  11636. font-size: 18px;
  11637. }
  11638. .mdc-snackbar__dismiss.mdc-snackbar__dismiss svg,
  11639. .mdc-snackbar__dismiss.mdc-snackbar__dismiss img {
  11640. width: 18px;
  11641. height: 18px;
  11642. }
  11643. .mdc-snackbar__action + .mdc-snackbar__dismiss {
  11644. /* @noflip */
  11645. margin-left: 8px;
  11646. /* @noflip */
  11647. margin-right: 0;
  11648. }
  11649. [dir=rtl] .mdc-snackbar__action + .mdc-snackbar__dismiss, .mdc-snackbar__action + .mdc-snackbar__dismiss[dir=rtl] {
  11650. /* @noflip */
  11651. margin-left: 0;
  11652. /* @noflip */
  11653. margin-right: 8px;
  11654. }
  11655. .mdc-switch__thumb-underlay {
  11656. /* @noflip */
  11657. left: -14px;
  11658. /* @noflip */
  11659. right: initial;
  11660. top: -17px;
  11661. width: 48px;
  11662. height: 48px;
  11663. }
  11664. [dir=rtl] .mdc-switch__thumb-underlay, .mdc-switch__thumb-underlay[dir=rtl] {
  11665. /* @noflip */
  11666. left: initial;
  11667. /* @noflip */
  11668. right: -14px;
  11669. }
  11670. .mdc-switch__native-control {
  11671. width: 64px;
  11672. height: 48px;
  11673. }
  11674. .mdc-switch {
  11675. display: inline-block;
  11676. position: relative;
  11677. outline: none;
  11678. -webkit-user-select: none;
  11679. -moz-user-select: none;
  11680. -ms-user-select: none;
  11681. user-select: none;
  11682. }
  11683. .mdc-switch.mdc-switch--checked .mdc-switch__track {
  11684. background-color: #018786;
  11685. /* @alternate */
  11686. background-color: var(--mdc-theme-secondary, #018786);
  11687. }
  11688. .mdc-switch.mdc-switch--checked .mdc-switch__thumb {
  11689. background-color: #018786;
  11690. /* @alternate */
  11691. background-color: var(--mdc-theme-secondary, #018786);
  11692. border-color: #018786;
  11693. /* @alternate */
  11694. border-color: var(--mdc-theme-secondary, #018786);
  11695. }
  11696. .mdc-switch:not(.mdc-switch--checked) .mdc-switch__track {
  11697. background-color: #000;
  11698. /* @alternate */
  11699. background-color: var(--mdc-theme-on-surface, #000);
  11700. }
  11701. .mdc-switch:not(.mdc-switch--checked) .mdc-switch__thumb {
  11702. background-color: #fff;
  11703. /* @alternate */
  11704. background-color: var(--mdc-theme-surface, #fff);
  11705. border-color: #fff;
  11706. /* @alternate */
  11707. border-color: var(--mdc-theme-surface, #fff);
  11708. }
  11709. .mdc-switch__native-control {
  11710. /* @noflip */
  11711. left: 0;
  11712. /* @noflip */
  11713. right: initial;
  11714. position: absolute;
  11715. top: 0;
  11716. margin: 0;
  11717. opacity: 0;
  11718. cursor: pointer;
  11719. pointer-events: auto;
  11720. transition: -webkit-transform 90ms cubic-bezier(0.4, 0, 0.2, 1);
  11721. transition: transform 90ms cubic-bezier(0.4, 0, 0.2, 1);
  11722. transition: transform 90ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 90ms cubic-bezier(0.4, 0, 0.2, 1);
  11723. }
  11724. [dir=rtl] .mdc-switch__native-control, .mdc-switch__native-control[dir=rtl] {
  11725. /* @noflip */
  11726. left: initial;
  11727. /* @noflip */
  11728. right: 0;
  11729. }
  11730. .mdc-switch__track {
  11731. box-sizing: border-box;
  11732. width: 36px;
  11733. height: 14px;
  11734. border: 1px solid transparent;
  11735. border-radius: 7px;
  11736. opacity: 0.38;
  11737. 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);
  11738. }
  11739. .mdc-switch__thumb-underlay {
  11740. display: flex;
  11741. position: absolute;
  11742. align-items: center;
  11743. justify-content: center;
  11744. -webkit-transform: translateX(0);
  11745. transform: translateX(0);
  11746. 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);
  11747. 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);
  11748. 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);
  11749. }
  11750. .mdc-switch__thumb {
  11751. /* @alternate */
  11752. 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);
  11753. box-sizing: border-box;
  11754. width: 20px;
  11755. height: 20px;
  11756. border: 10px solid;
  11757. border-radius: 50%;
  11758. pointer-events: none;
  11759. z-index: 1;
  11760. }
  11761. .mdc-switch--checked .mdc-switch__track {
  11762. opacity: 0.54;
  11763. }
  11764. .mdc-switch--checked .mdc-switch__thumb-underlay {
  11765. -webkit-transform: translateX(16px);
  11766. transform: translateX(16px);
  11767. }
  11768. [dir=rtl] .mdc-switch--checked .mdc-switch__thumb-underlay, .mdc-switch--checked .mdc-switch__thumb-underlay[dir=rtl] {
  11769. -webkit-transform: translateX(-16px);
  11770. transform: translateX(-16px);
  11771. }
  11772. .mdc-switch--checked .mdc-switch__native-control {
  11773. -webkit-transform: translateX(-16px);
  11774. transform: translateX(-16px);
  11775. }
  11776. [dir=rtl] .mdc-switch--checked .mdc-switch__native-control, .mdc-switch--checked .mdc-switch__native-control[dir=rtl] {
  11777. -webkit-transform: translateX(16px);
  11778. transform: translateX(16px);
  11779. }
  11780. .mdc-switch--disabled {
  11781. opacity: 0.38;
  11782. pointer-events: none;
  11783. }
  11784. .mdc-switch--disabled .mdc-switch__thumb {
  11785. border-width: 1px;
  11786. }
  11787. .mdc-switch--disabled .mdc-switch__native-control {
  11788. cursor: default;
  11789. pointer-events: none;
  11790. }
  11791. .mdc-switch:not(.mdc-switch--checked) .mdc-switch__thumb-underlay::before, .mdc-switch:not(.mdc-switch--checked) .mdc-switch__thumb-underlay::after {
  11792. background-color: #9e9e9e;
  11793. /* @alternate */
  11794. background-color: var(--mdc-ripple-color, #9e9e9e);
  11795. }
  11796. .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 {
  11797. opacity: 0.08;
  11798. /* @alternate */
  11799. opacity: var(--mdc-ripple-hover-opacity, 0.08);
  11800. }
  11801. .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 {
  11802. transition-duration: 75ms;
  11803. opacity: 0.24;
  11804. /* @alternate */
  11805. opacity: var(--mdc-ripple-focus-opacity, 0.24);
  11806. }
  11807. .mdc-switch:not(.mdc-switch--checked) .mdc-switch__thumb-underlay:not(.mdc-ripple-upgraded)::after {
  11808. transition: opacity 150ms linear;
  11809. }
  11810. .mdc-switch:not(.mdc-switch--checked) .mdc-switch__thumb-underlay:not(.mdc-ripple-upgraded):active::after {
  11811. transition-duration: 75ms;
  11812. opacity: 0.24;
  11813. /* @alternate */
  11814. opacity: var(--mdc-ripple-press-opacity, 0.24);
  11815. }
  11816. .mdc-switch:not(.mdc-switch--checked) .mdc-switch__thumb-underlay.mdc-ripple-upgraded {
  11817. --mdc-ripple-fg-opacity: var(--mdc-ripple-press-opacity, 0.24);
  11818. }
  11819. .mdc-switch__thumb-underlay {
  11820. --mdc-ripple-fg-size: 0;
  11821. --mdc-ripple-left: 0;
  11822. --mdc-ripple-top: 0;
  11823. --mdc-ripple-fg-scale: 1;
  11824. --mdc-ripple-fg-translate-end: 0;
  11825. --mdc-ripple-fg-translate-start: 0;
  11826. -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  11827. will-change: transform, opacity;
  11828. }
  11829. .mdc-switch__thumb-underlay::before, .mdc-switch__thumb-underlay::after {
  11830. position: absolute;
  11831. border-radius: 50%;
  11832. opacity: 0;
  11833. pointer-events: none;
  11834. content: "";
  11835. }
  11836. .mdc-switch__thumb-underlay::before {
  11837. transition: opacity 15ms linear, background-color 15ms linear;
  11838. z-index: 1;
  11839. /* @alternate */
  11840. z-index: var(--mdc-ripple-z-index, 1);
  11841. }
  11842. .mdc-switch__thumb-underlay::after {
  11843. z-index: 0;
  11844. /* @alternate */
  11845. z-index: var(--mdc-ripple-z-index, 0);
  11846. }
  11847. .mdc-switch__thumb-underlay.mdc-ripple-upgraded::before {
  11848. -webkit-transform: scale(var(--mdc-ripple-fg-scale, 1));
  11849. transform: scale(var(--mdc-ripple-fg-scale, 1));
  11850. }
  11851. .mdc-switch__thumb-underlay.mdc-ripple-upgraded::after {
  11852. top: 0;
  11853. /* @noflip */
  11854. left: 0;
  11855. -webkit-transform: scale(0);
  11856. transform: scale(0);
  11857. -webkit-transform-origin: center center;
  11858. transform-origin: center center;
  11859. }
  11860. .mdc-switch__thumb-underlay.mdc-ripple-upgraded--unbounded::after {
  11861. top: var(--mdc-ripple-top, 0);
  11862. /* @noflip */
  11863. left: var(--mdc-ripple-left, 0);
  11864. }
  11865. .mdc-switch__thumb-underlay.mdc-ripple-upgraded--foreground-activation::after {
  11866. -webkit-animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards;
  11867. animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards;
  11868. }
  11869. .mdc-switch__thumb-underlay.mdc-ripple-upgraded--foreground-deactivation::after {
  11870. -webkit-animation: mdc-ripple-fg-opacity-out 150ms;
  11871. animation: mdc-ripple-fg-opacity-out 150ms;
  11872. -webkit-transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
  11873. transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
  11874. }
  11875. .mdc-switch__thumb-underlay::before, .mdc-switch__thumb-underlay::after {
  11876. top: calc(50% - 50%);
  11877. /* @noflip */
  11878. left: calc(50% - 50%);
  11879. width: 100%;
  11880. height: 100%;
  11881. }
  11882. .mdc-switch__thumb-underlay.mdc-ripple-upgraded::before, .mdc-switch__thumb-underlay.mdc-ripple-upgraded::after {
  11883. top: var(--mdc-ripple-top, calc(50% - 50%));
  11884. /* @noflip */
  11885. left: var(--mdc-ripple-left, calc(50% - 50%));
  11886. width: var(--mdc-ripple-fg-size, 100%);
  11887. height: var(--mdc-ripple-fg-size, 100%);
  11888. }
  11889. .mdc-switch__thumb-underlay.mdc-ripple-upgraded::after {
  11890. width: var(--mdc-ripple-fg-size, 100%);
  11891. height: var(--mdc-ripple-fg-size, 100%);
  11892. }
  11893. .mdc-switch__thumb-underlay::before, .mdc-switch__thumb-underlay::after {
  11894. background-color: #018786;
  11895. /* @alternate */
  11896. background-color: var(--mdc-ripple-color, var(--mdc-theme-secondary, #018786));
  11897. }
  11898. .mdc-switch__thumb-underlay:hover::before, .mdc-switch__thumb-underlay.mdc-ripple-surface--hover::before {
  11899. opacity: 0.04;
  11900. /* @alternate */
  11901. opacity: var(--mdc-ripple-hover-opacity, 0.04);
  11902. }
  11903. .mdc-switch__thumb-underlay.mdc-ripple-upgraded--background-focused::before, .mdc-switch__thumb-underlay:not(.mdc-ripple-upgraded):focus::before {
  11904. transition-duration: 75ms;
  11905. opacity: 0.12;
  11906. /* @alternate */
  11907. opacity: var(--mdc-ripple-focus-opacity, 0.12);
  11908. }
  11909. .mdc-switch__thumb-underlay:not(.mdc-ripple-upgraded)::after {
  11910. transition: opacity 150ms linear;
  11911. }
  11912. .mdc-switch__thumb-underlay:not(.mdc-ripple-upgraded):active::after {
  11913. transition-duration: 75ms;
  11914. opacity: 0.12;
  11915. /* @alternate */
  11916. opacity: var(--mdc-ripple-press-opacity, 0.12);
  11917. }
  11918. .mdc-switch__thumb-underlay.mdc-ripple-upgraded {
  11919. --mdc-ripple-fg-opacity: var(--mdc-ripple-press-opacity, 0.12);
  11920. }
  11921. .mdc-tab {
  11922. -moz-osx-font-smoothing: grayscale;
  11923. -webkit-font-smoothing: antialiased;
  11924. font-family: Roboto, sans-serif;
  11925. /* @alternate */
  11926. font-family: var(--mdc-typography-button-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));
  11927. font-size: 0.875rem;
  11928. /* @alternate */
  11929. font-size: var(--mdc-typography-button-font-size, 0.875rem);
  11930. line-height: 2.25rem;
  11931. /* @alternate */
  11932. line-height: var(--mdc-typography-button-line-height, 2.25rem);
  11933. font-weight: 500;
  11934. /* @alternate */
  11935. font-weight: var(--mdc-typography-button-font-weight, 500);
  11936. letter-spacing: 0.0892857143em;
  11937. /* @alternate */
  11938. letter-spacing: var(--mdc-typography-button-letter-spacing, 0.0892857143em);
  11939. text-decoration: none;
  11940. /* @alternate */
  11941. -webkit-text-decoration: var(--mdc-typography-button-text-decoration, none);
  11942. text-decoration: var(--mdc-typography-button-text-decoration, none);
  11943. text-transform: uppercase;
  11944. /* @alternate */
  11945. text-transform: var(--mdc-typography-button-text-transform, uppercase);
  11946. padding-right: 24px;
  11947. padding-left: 24px;
  11948. min-width: 90px;
  11949. position: relative;
  11950. display: flex;
  11951. flex: 1 0 auto;
  11952. justify-content: center;
  11953. box-sizing: border-box;
  11954. margin: 0;
  11955. padding-top: 0;
  11956. padding-bottom: 0;
  11957. border: none;
  11958. outline: none;
  11959. background: none;
  11960. text-align: center;
  11961. white-space: nowrap;
  11962. cursor: pointer;
  11963. -webkit-appearance: none;
  11964. z-index: 1;
  11965. }
  11966. .mdc-tab .mdc-tab__text-label {
  11967. color: rgba(0, 0, 0, 0.6);
  11968. }
  11969. .mdc-tab .mdc-tab__icon {
  11970. color: rgba(0, 0, 0, 0.54);
  11971. fill: currentColor;
  11972. }
  11973. .mdc-tab::-moz-focus-inner {
  11974. padding: 0;
  11975. border: 0;
  11976. }
  11977. .mdc-tab--min-width {
  11978. flex: 0 1 auto;
  11979. }
  11980. .mdc-tab__content {
  11981. position: relative;
  11982. display: flex;
  11983. align-items: center;
  11984. justify-content: center;
  11985. height: inherit;
  11986. pointer-events: none;
  11987. }
  11988. .mdc-tab__text-label {
  11989. transition: 150ms color linear;
  11990. display: inline-block;
  11991. line-height: 1;
  11992. z-index: 2;
  11993. }
  11994. .mdc-tab__icon {
  11995. transition: 150ms color linear;
  11996. width: 24px;
  11997. height: 24px;
  11998. font-size: 24px;
  11999. z-index: 2;
  12000. }
  12001. .mdc-tab--stacked .mdc-tab__content {
  12002. flex-direction: column;
  12003. align-items: center;
  12004. justify-content: center;
  12005. }
  12006. .mdc-tab--stacked .mdc-tab__text-label {
  12007. padding-top: 6px;
  12008. padding-bottom: 4px;
  12009. }
  12010. .mdc-tab--active .mdc-tab__text-label {
  12011. color: #6200ee;
  12012. /* @alternate */
  12013. color: var(--mdc-theme-primary, #6200ee);
  12014. }
  12015. .mdc-tab--active .mdc-tab__icon {
  12016. color: #6200ee;
  12017. /* @alternate */
  12018. color: var(--mdc-theme-primary, #6200ee);
  12019. fill: currentColor;
  12020. }
  12021. .mdc-tab--active .mdc-tab__text-label,
  12022. .mdc-tab--active .mdc-tab__icon {
  12023. transition-delay: 100ms;
  12024. }
  12025. .mdc-tab:not(.mdc-tab--stacked) .mdc-tab__icon + .mdc-tab__text-label {
  12026. /* @noflip */
  12027. padding-left: 8px;
  12028. /* @noflip */
  12029. padding-right: 0;
  12030. }
  12031. [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] {
  12032. /* @noflip */
  12033. padding-left: 0;
  12034. /* @noflip */
  12035. padding-right: 8px;
  12036. }
  12037. .mdc-tab__ripple {
  12038. --mdc-ripple-fg-size: 0;
  12039. --mdc-ripple-left: 0;
  12040. --mdc-ripple-top: 0;
  12041. --mdc-ripple-fg-scale: 1;
  12042. --mdc-ripple-fg-translate-end: 0;
  12043. --mdc-ripple-fg-translate-start: 0;
  12044. -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  12045. will-change: transform, opacity;
  12046. position: absolute;
  12047. top: 0;
  12048. left: 0;
  12049. width: 100%;
  12050. height: 100%;
  12051. overflow: hidden;
  12052. }
  12053. .mdc-tab__ripple::before, .mdc-tab__ripple::after {
  12054. position: absolute;
  12055. border-radius: 50%;
  12056. opacity: 0;
  12057. pointer-events: none;
  12058. content: "";
  12059. }
  12060. .mdc-tab__ripple::before {
  12061. transition: opacity 15ms linear, background-color 15ms linear;
  12062. z-index: 1;
  12063. /* @alternate */
  12064. z-index: var(--mdc-ripple-z-index, 1);
  12065. }
  12066. .mdc-tab__ripple::after {
  12067. z-index: 0;
  12068. /* @alternate */
  12069. z-index: var(--mdc-ripple-z-index, 0);
  12070. }
  12071. .mdc-tab__ripple.mdc-ripple-upgraded::before {
  12072. -webkit-transform: scale(var(--mdc-ripple-fg-scale, 1));
  12073. transform: scale(var(--mdc-ripple-fg-scale, 1));
  12074. }
  12075. .mdc-tab__ripple.mdc-ripple-upgraded::after {
  12076. top: 0;
  12077. /* @noflip */
  12078. left: 0;
  12079. -webkit-transform: scale(0);
  12080. transform: scale(0);
  12081. -webkit-transform-origin: center center;
  12082. transform-origin: center center;
  12083. }
  12084. .mdc-tab__ripple.mdc-ripple-upgraded--unbounded::after {
  12085. top: var(--mdc-ripple-top, 0);
  12086. /* @noflip */
  12087. left: var(--mdc-ripple-left, 0);
  12088. }
  12089. .mdc-tab__ripple.mdc-ripple-upgraded--foreground-activation::after {
  12090. -webkit-animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards;
  12091. animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards;
  12092. }
  12093. .mdc-tab__ripple.mdc-ripple-upgraded--foreground-deactivation::after {
  12094. -webkit-animation: mdc-ripple-fg-opacity-out 150ms;
  12095. animation: mdc-ripple-fg-opacity-out 150ms;
  12096. -webkit-transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
  12097. transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
  12098. }
  12099. .mdc-tab__ripple::before, .mdc-tab__ripple::after {
  12100. top: calc(50% - 100%);
  12101. /* @noflip */
  12102. left: calc(50% - 100%);
  12103. width: 200%;
  12104. height: 200%;
  12105. }
  12106. .mdc-tab__ripple.mdc-ripple-upgraded::after {
  12107. width: var(--mdc-ripple-fg-size, 100%);
  12108. height: var(--mdc-ripple-fg-size, 100%);
  12109. }
  12110. .mdc-tab__ripple::before, .mdc-tab__ripple::after {
  12111. background-color: #6200ee;
  12112. /* @alternate */
  12113. background-color: var(--mdc-ripple-color, var(--mdc-theme-primary, #6200ee));
  12114. }
  12115. .mdc-tab__ripple:hover::before, .mdc-tab__ripple.mdc-ripple-surface--hover::before {
  12116. opacity: 0.04;
  12117. /* @alternate */
  12118. opacity: var(--mdc-ripple-hover-opacity, 0.04);
  12119. }
  12120. .mdc-tab__ripple.mdc-ripple-upgraded--background-focused::before, .mdc-tab__ripple:not(.mdc-ripple-upgraded):focus::before {
  12121. transition-duration: 75ms;
  12122. opacity: 0.12;
  12123. /* @alternate */
  12124. opacity: var(--mdc-ripple-focus-opacity, 0.12);
  12125. }
  12126. .mdc-tab__ripple:not(.mdc-ripple-upgraded)::after {
  12127. transition: opacity 150ms linear;
  12128. }
  12129. .mdc-tab__ripple:not(.mdc-ripple-upgraded):active::after {
  12130. transition-duration: 75ms;
  12131. opacity: 0.12;
  12132. /* @alternate */
  12133. opacity: var(--mdc-ripple-press-opacity, 0.12);
  12134. }
  12135. .mdc-tab__ripple.mdc-ripple-upgraded {
  12136. --mdc-ripple-fg-opacity: var(--mdc-ripple-press-opacity, 0.12);
  12137. }
  12138. /**
  12139. * @license
  12140. * Copyright 2018 Google Inc.
  12141. *
  12142. * Permission is hereby granted, free of charge, to any person obtaining a copy
  12143. * of this software and associated documentation files (the "Software"), to deal
  12144. * in the Software without restriction, including without limitation the rights
  12145. * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
  12146. * copies of the Software, and to permit persons to whom the Software is
  12147. * furnished to do so, subject to the following conditions:
  12148. *
  12149. * The above copyright notice and this permission notice shall be included in
  12150. * all copies or substantial portions of the Software.
  12151. *
  12152. * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
  12153. * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
  12154. * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
  12155. * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
  12156. * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
  12157. * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
  12158. * THE SOFTWARE.
  12159. */
  12160. .mdc-tab-bar {
  12161. width: 100%;
  12162. }
  12163. .mdc-tab {
  12164. height: 48px;
  12165. }
  12166. .mdc-tab--stacked {
  12167. height: 72px;
  12168. }
  12169. /**
  12170. * @license
  12171. * Copyright 2018 Google Inc.
  12172. *
  12173. * Permission is hereby granted, free of charge, to any person obtaining a copy
  12174. * of this software and associated documentation files (the "Software"), to deal
  12175. * in the Software without restriction, including without limitation the rights
  12176. * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
  12177. * copies of the Software, and to permit persons to whom the Software is
  12178. * furnished to do so, subject to the following conditions:
  12179. *
  12180. * The above copyright notice and this permission notice shall be included in
  12181. * all copies or substantial portions of the Software.
  12182. *
  12183. * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
  12184. * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
  12185. * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
  12186. * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
  12187. * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
  12188. * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
  12189. * THE SOFTWARE.
  12190. */
  12191. .mdc-tab-indicator {
  12192. display: flex;
  12193. position: absolute;
  12194. top: 0;
  12195. left: 0;
  12196. justify-content: center;
  12197. width: 100%;
  12198. height: 100%;
  12199. pointer-events: none;
  12200. z-index: 1;
  12201. }
  12202. .mdc-tab-indicator .mdc-tab-indicator__content--underline {
  12203. border-color: #6200ee;
  12204. /* @alternate */
  12205. border-color: var(--mdc-theme-primary, #6200ee);
  12206. }
  12207. .mdc-tab-indicator .mdc-tab-indicator__content--icon {
  12208. color: #018786;
  12209. /* @alternate */
  12210. color: var(--mdc-theme-secondary, #018786);
  12211. }
  12212. .mdc-tab-indicator .mdc-tab-indicator__content--underline {
  12213. border-top-width: 2px;
  12214. }
  12215. .mdc-tab-indicator .mdc-tab-indicator__content--icon {
  12216. height: 34px;
  12217. font-size: 34px;
  12218. }
  12219. .mdc-tab-indicator__content {
  12220. -webkit-transform-origin: left;
  12221. transform-origin: left;
  12222. opacity: 0;
  12223. }
  12224. .mdc-tab-indicator__content--underline {
  12225. align-self: flex-end;
  12226. box-sizing: border-box;
  12227. width: 100%;
  12228. border-top-style: solid;
  12229. }
  12230. .mdc-tab-indicator__content--icon {
  12231. align-self: center;
  12232. margin: 0 auto;
  12233. }
  12234. .mdc-tab-indicator--active .mdc-tab-indicator__content {
  12235. opacity: 1;
  12236. }
  12237. .mdc-tab-indicator .mdc-tab-indicator__content {
  12238. transition: 250ms -webkit-transform cubic-bezier(0.4, 0, 0.2, 1);
  12239. transition: 250ms transform cubic-bezier(0.4, 0, 0.2, 1);
  12240. transition: 250ms transform cubic-bezier(0.4, 0, 0.2, 1), 250ms -webkit-transform cubic-bezier(0.4, 0, 0.2, 1);
  12241. }
  12242. .mdc-tab-indicator--no-transition .mdc-tab-indicator__content {
  12243. transition: none;
  12244. }
  12245. .mdc-tab-indicator--fade .mdc-tab-indicator__content {
  12246. transition: 150ms opacity linear;
  12247. }
  12248. .mdc-tab-indicator--active.mdc-tab-indicator--fade .mdc-tab-indicator__content {
  12249. transition-delay: 100ms;
  12250. }
  12251. /**
  12252. * @license
  12253. * Copyright 2018 Google Inc.
  12254. *
  12255. * Permission is hereby granted, free of charge, to any person obtaining a copy
  12256. * of this software and associated documentation files (the "Software"), to deal
  12257. * in the Software without restriction, including without limitation the rights
  12258. * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
  12259. * copies of the Software, and to permit persons to whom the Software is
  12260. * furnished to do so, subject to the following conditions:
  12261. *
  12262. * The above copyright notice and this permission notice shall be included in
  12263. * all copies or substantial portions of the Software.
  12264. *
  12265. * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
  12266. * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
  12267. * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
  12268. * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
  12269. * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
  12270. * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
  12271. * THE SOFTWARE.
  12272. */
  12273. .mdc-tab-scroller {
  12274. overflow-y: hidden;
  12275. }
  12276. .mdc-tab-scroller.mdc-tab-scroller--animating .mdc-tab-scroller__scroll-content {
  12277. transition: 250ms -webkit-transform cubic-bezier(0.4, 0, 0.2, 1);
  12278. transition: 250ms transform cubic-bezier(0.4, 0, 0.2, 1);
  12279. transition: 250ms transform cubic-bezier(0.4, 0, 0.2, 1), 250ms -webkit-transform cubic-bezier(0.4, 0, 0.2, 1);
  12280. }
  12281. .mdc-tab-scroller__test {
  12282. position: absolute;
  12283. top: -9999px;
  12284. width: 100px;
  12285. height: 100px;
  12286. overflow-x: scroll;
  12287. }
  12288. .mdc-tab-scroller__scroll-area {
  12289. -webkit-overflow-scrolling: touch;
  12290. display: flex;
  12291. overflow-x: hidden;
  12292. }
  12293. .mdc-tab-scroller__scroll-area::-webkit-scrollbar,
  12294. .mdc-tab-scroller__test::-webkit-scrollbar {
  12295. display: none;
  12296. }
  12297. .mdc-tab-scroller__scroll-area--scroll {
  12298. overflow-x: scroll;
  12299. }
  12300. .mdc-tab-scroller__scroll-content {
  12301. position: relative;
  12302. display: flex;
  12303. flex: 1 0 auto;
  12304. -webkit-transform: none;
  12305. transform: none;
  12306. will-change: transform;
  12307. }
  12308. .mdc-tab-scroller--align-start .mdc-tab-scroller__scroll-content {
  12309. justify-content: flex-start;
  12310. }
  12311. .mdc-tab-scroller--align-end .mdc-tab-scroller__scroll-content {
  12312. justify-content: flex-end;
  12313. }
  12314. .mdc-tab-scroller--align-center .mdc-tab-scroller__scroll-content {
  12315. justify-content: center;
  12316. }
  12317. .mdc-tab-scroller--animating .mdc-tab-scroller__scroll-area {
  12318. -webkit-overflow-scrolling: auto;
  12319. }
  12320. .mdc-text-field--filled {
  12321. --mdc-ripple-fg-size: 0;
  12322. --mdc-ripple-left: 0;
  12323. --mdc-ripple-top: 0;
  12324. --mdc-ripple-fg-scale: 1;
  12325. --mdc-ripple-fg-translate-end: 0;
  12326. --mdc-ripple-fg-translate-start: 0;
  12327. -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  12328. will-change: transform, opacity;
  12329. }
  12330. .mdc-text-field--filled .mdc-text-field__ripple::before,
  12331. .mdc-text-field--filled .mdc-text-field__ripple::after {
  12332. position: absolute;
  12333. border-radius: 50%;
  12334. opacity: 0;
  12335. pointer-events: none;
  12336. content: "";
  12337. }
  12338. .mdc-text-field--filled .mdc-text-field__ripple::before {
  12339. transition: opacity 15ms linear, background-color 15ms linear;
  12340. z-index: 1;
  12341. /* @alternate */
  12342. z-index: var(--mdc-ripple-z-index, 1);
  12343. }
  12344. .mdc-text-field--filled .mdc-text-field__ripple::after {
  12345. z-index: 0;
  12346. /* @alternate */
  12347. z-index: var(--mdc-ripple-z-index, 0);
  12348. }
  12349. .mdc-text-field--filled.mdc-ripple-upgraded .mdc-text-field__ripple::before {
  12350. -webkit-transform: scale(var(--mdc-ripple-fg-scale, 1));
  12351. transform: scale(var(--mdc-ripple-fg-scale, 1));
  12352. }
  12353. .mdc-text-field--filled.mdc-ripple-upgraded .mdc-text-field__ripple::after {
  12354. top: 0;
  12355. /* @noflip */
  12356. left: 0;
  12357. -webkit-transform: scale(0);
  12358. transform: scale(0);
  12359. -webkit-transform-origin: center center;
  12360. transform-origin: center center;
  12361. }
  12362. .mdc-text-field--filled.mdc-ripple-upgraded--unbounded .mdc-text-field__ripple::after {
  12363. top: var(--mdc-ripple-top, 0);
  12364. /* @noflip */
  12365. left: var(--mdc-ripple-left, 0);
  12366. }
  12367. .mdc-text-field--filled.mdc-ripple-upgraded--foreground-activation .mdc-text-field__ripple::after {
  12368. -webkit-animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards;
  12369. animation: mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards;
  12370. }
  12371. .mdc-text-field--filled.mdc-ripple-upgraded--foreground-deactivation .mdc-text-field__ripple::after {
  12372. -webkit-animation: mdc-ripple-fg-opacity-out 150ms;
  12373. animation: mdc-ripple-fg-opacity-out 150ms;
  12374. -webkit-transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
  12375. transform: translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1));
  12376. }
  12377. .mdc-text-field--filled .mdc-text-field__ripple::before,
  12378. .mdc-text-field--filled .mdc-text-field__ripple::after {
  12379. top: calc(50% - 100%);
  12380. /* @noflip */
  12381. left: calc(50% - 100%);
  12382. width: 200%;
  12383. height: 200%;
  12384. }
  12385. .mdc-text-field--filled.mdc-ripple-upgraded .mdc-text-field__ripple::after {
  12386. width: var(--mdc-ripple-fg-size, 100%);
  12387. height: var(--mdc-ripple-fg-size, 100%);
  12388. }
  12389. .mdc-text-field__ripple {
  12390. position: absolute;
  12391. top: 0;
  12392. left: 0;
  12393. width: 100%;
  12394. height: 100%;
  12395. pointer-events: none;
  12396. }
  12397. .mdc-text-field {
  12398. border-top-left-radius: 4px;
  12399. /* @alternate */
  12400. border-top-left-radius: var(--mdc-shape-small, 4px);
  12401. border-top-right-radius: 4px;
  12402. /* @alternate */
  12403. border-top-right-radius: var(--mdc-shape-small, 4px);
  12404. border-bottom-right-radius: 0;
  12405. border-bottom-left-radius: 0;
  12406. display: inline-flex;
  12407. align-items: baseline;
  12408. padding: 0 16px;
  12409. position: relative;
  12410. box-sizing: border-box;
  12411. overflow: hidden;
  12412. /* @alternate */
  12413. will-change: opacity, transform, color;
  12414. }
  12415. .mdc-text-field:not(.mdc-text-field--disabled) .mdc-floating-label {
  12416. color: rgba(0, 0, 0, 0.6);
  12417. }
  12418. .mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__input {
  12419. color: rgba(0, 0, 0, 0.87);
  12420. }
  12421. @media all {
  12422. .mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__input::-webkit-input-placeholder {
  12423. color: rgba(0, 0, 0, 0.54);
  12424. }
  12425. .mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__input:-ms-input-placeholder {
  12426. color: rgba(0, 0, 0, 0.54);
  12427. }
  12428. .mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__input::-ms-input-placeholder {
  12429. color: rgba(0, 0, 0, 0.54);
  12430. }
  12431. .mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__input::placeholder {
  12432. color: rgba(0, 0, 0, 0.54);
  12433. }
  12434. }
  12435. @media all {
  12436. .mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__input:-ms-input-placeholder {
  12437. color: rgba(0, 0, 0, 0.54);
  12438. }
  12439. }
  12440. .mdc-text-field .mdc-text-field__input {
  12441. caret-color: #6200ee;
  12442. /* @alternate */
  12443. caret-color: var(--mdc-theme-primary, #6200ee);
  12444. }
  12445. .mdc-text-field:not(.mdc-text-field--disabled) + .mdc-text-field-helper-line .mdc-text-field-helper-text {
  12446. color: rgba(0, 0, 0, 0.6);
  12447. }
  12448. .mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field-character-counter,
  12449. .mdc-text-field:not(.mdc-text-field--disabled) + .mdc-text-field-helper-line .mdc-text-field-character-counter {
  12450. color: rgba(0, 0, 0, 0.6);
  12451. }
  12452. .mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__icon--leading {
  12453. color: rgba(0, 0, 0, 0.54);
  12454. }
  12455. .mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__icon--trailing {
  12456. color: rgba(0, 0, 0, 0.54);
  12457. }
  12458. .mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__affix--prefix {
  12459. color: rgba(0, 0, 0, 0.6);
  12460. }
  12461. .mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__affix--suffix {
  12462. color: rgba(0, 0, 0, 0.6);
  12463. }
  12464. .mdc-text-field .mdc-floating-label {
  12465. top: 50%;
  12466. -webkit-transform: translateY(-50%);
  12467. transform: translateY(-50%);
  12468. pointer-events: none;
  12469. }
  12470. .mdc-text-field__input {
  12471. -moz-osx-font-smoothing: grayscale;
  12472. -webkit-font-smoothing: antialiased;
  12473. font-family: Roboto, sans-serif;
  12474. /* @alternate */
  12475. font-family: var(--mdc-typography-subtitle1-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));
  12476. font-size: 1rem;
  12477. /* @alternate */
  12478. font-size: var(--mdc-typography-subtitle1-font-size, 1rem);
  12479. font-weight: 400;
  12480. /* @alternate */
  12481. font-weight: var(--mdc-typography-subtitle1-font-weight, 400);
  12482. letter-spacing: 0.009375em;
  12483. /* @alternate */
  12484. letter-spacing: var(--mdc-typography-subtitle1-letter-spacing, 0.009375em);
  12485. text-decoration: inherit;
  12486. /* @alternate */
  12487. -webkit-text-decoration: var(--mdc-typography-subtitle1-text-decoration, inherit);
  12488. text-decoration: var(--mdc-typography-subtitle1-text-decoration, inherit);
  12489. text-transform: inherit;
  12490. /* @alternate */
  12491. text-transform: var(--mdc-typography-subtitle1-text-transform, inherit);
  12492. height: 28px;
  12493. transition: opacity 150ms cubic-bezier(0.4, 0, 0.2, 1);
  12494. width: 100%;
  12495. min-width: 0;
  12496. border: none;
  12497. border-radius: 0;
  12498. background: none;
  12499. -webkit-appearance: none;
  12500. -moz-appearance: none;
  12501. appearance: none;
  12502. padding: 0;
  12503. }
  12504. .mdc-text-field__input::-ms-clear {
  12505. display: none;
  12506. }
  12507. .mdc-text-field__input::-webkit-calendar-picker-indicator {
  12508. display: none;
  12509. }
  12510. .mdc-text-field__input:focus {
  12511. outline: none;
  12512. }
  12513. .mdc-text-field__input:invalid {
  12514. box-shadow: none;
  12515. }
  12516. @media all {
  12517. .mdc-text-field__input::-webkit-input-placeholder {
  12518. transition: opacity 67ms cubic-bezier(0.4, 0, 0.2, 1);
  12519. opacity: 0;
  12520. }
  12521. .mdc-text-field__input:-ms-input-placeholder {
  12522. transition: opacity 67ms cubic-bezier(0.4, 0, 0.2, 1);
  12523. opacity: 0;
  12524. }
  12525. .mdc-text-field__input::-ms-input-placeholder {
  12526. transition: opacity 67ms cubic-bezier(0.4, 0, 0.2, 1);
  12527. opacity: 0;
  12528. }
  12529. .mdc-text-field__input::placeholder {
  12530. transition: opacity 67ms cubic-bezier(0.4, 0, 0.2, 1);
  12531. opacity: 0;
  12532. }
  12533. }
  12534. @media all {
  12535. .mdc-text-field__input:-ms-input-placeholder {
  12536. transition: opacity 67ms cubic-bezier(0.4, 0, 0.2, 1);
  12537. opacity: 0;
  12538. }
  12539. }
  12540. @media all {
  12541. .mdc-text-field--no-label .mdc-text-field__input::-webkit-input-placeholder, .mdc-text-field--focused .mdc-text-field__input::-webkit-input-placeholder {
  12542. transition-delay: 40ms;
  12543. transition-duration: 110ms;
  12544. opacity: 1;
  12545. }
  12546. .mdc-text-field--no-label .mdc-text-field__input:-ms-input-placeholder, .mdc-text-field--focused .mdc-text-field__input:-ms-input-placeholder {
  12547. transition-delay: 40ms;
  12548. transition-duration: 110ms;
  12549. opacity: 1;
  12550. }
  12551. .mdc-text-field--no-label .mdc-text-field__input::-ms-input-placeholder, .mdc-text-field--focused .mdc-text-field__input::-ms-input-placeholder {
  12552. transition-delay: 40ms;
  12553. transition-duration: 110ms;
  12554. opacity: 1;
  12555. }
  12556. .mdc-text-field--no-label .mdc-text-field__input::placeholder, .mdc-text-field--focused .mdc-text-field__input::placeholder {
  12557. transition-delay: 40ms;
  12558. transition-duration: 110ms;
  12559. opacity: 1;
  12560. }
  12561. }
  12562. @media all {
  12563. .mdc-text-field--no-label .mdc-text-field__input:-ms-input-placeholder, .mdc-text-field--focused .mdc-text-field__input:-ms-input-placeholder {
  12564. transition-delay: 40ms;
  12565. transition-duration: 110ms;
  12566. opacity: 1;
  12567. }
  12568. }
  12569. .mdc-text-field__affix {
  12570. -moz-osx-font-smoothing: grayscale;
  12571. -webkit-font-smoothing: antialiased;
  12572. font-family: Roboto, sans-serif;
  12573. /* @alternate */
  12574. font-family: var(--mdc-typography-subtitle1-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));
  12575. font-size: 1rem;
  12576. /* @alternate */
  12577. font-size: var(--mdc-typography-subtitle1-font-size, 1rem);
  12578. font-weight: 400;
  12579. /* @alternate */
  12580. font-weight: var(--mdc-typography-subtitle1-font-weight, 400);
  12581. letter-spacing: 0.009375em;
  12582. /* @alternate */
  12583. letter-spacing: var(--mdc-typography-subtitle1-letter-spacing, 0.009375em);
  12584. text-decoration: inherit;
  12585. /* @alternate */
  12586. -webkit-text-decoration: var(--mdc-typography-subtitle1-text-decoration, inherit);
  12587. text-decoration: var(--mdc-typography-subtitle1-text-decoration, inherit);
  12588. text-transform: inherit;
  12589. /* @alternate */
  12590. text-transform: var(--mdc-typography-subtitle1-text-transform, inherit);
  12591. height: 28px;
  12592. transition: opacity 150ms cubic-bezier(0.4, 0, 0.2, 1);
  12593. opacity: 0;
  12594. white-space: nowrap;
  12595. }
  12596. .mdc-text-field--label-floating .mdc-text-field__affix, .mdc-text-field--no-label .mdc-text-field__affix {
  12597. opacity: 1;
  12598. }
  12599. @supports (-webkit-hyphens: none) {
  12600. .mdc-text-field--outlined .mdc-text-field__affix {
  12601. align-items: center;
  12602. align-self: center;
  12603. display: inline-flex;
  12604. height: 100%;
  12605. }
  12606. }
  12607. .mdc-text-field__affix--prefix {
  12608. /* @noflip */
  12609. padding-left: 0;
  12610. /* @noflip */
  12611. padding-right: 2px;
  12612. }
  12613. [dir=rtl] .mdc-text-field__affix--prefix, .mdc-text-field__affix--prefix[dir=rtl] {
  12614. /* @noflip */
  12615. padding-left: 2px;
  12616. /* @noflip */
  12617. padding-right: 0;
  12618. }
  12619. .mdc-text-field--end-aligned .mdc-text-field__affix--prefix {
  12620. /* @noflip */
  12621. padding-left: 0;
  12622. /* @noflip */
  12623. padding-right: 12px;
  12624. }
  12625. [dir=rtl] .mdc-text-field--end-aligned .mdc-text-field__affix--prefix, .mdc-text-field--end-aligned .mdc-text-field__affix--prefix[dir=rtl] {
  12626. /* @noflip */
  12627. padding-left: 12px;
  12628. /* @noflip */
  12629. padding-right: 0;
  12630. }
  12631. .mdc-text-field__affix--suffix {
  12632. /* @noflip */
  12633. padding-left: 12px;
  12634. /* @noflip */
  12635. padding-right: 0;
  12636. }
  12637. [dir=rtl] .mdc-text-field__affix--suffix, .mdc-text-field__affix--suffix[dir=rtl] {
  12638. /* @noflip */
  12639. padding-left: 0;
  12640. /* @noflip */
  12641. padding-right: 12px;
  12642. }
  12643. .mdc-text-field--end-aligned .mdc-text-field__affix--suffix {
  12644. /* @noflip */
  12645. padding-left: 2px;
  12646. /* @noflip */
  12647. padding-right: 0;
  12648. }
  12649. [dir=rtl] .mdc-text-field--end-aligned .mdc-text-field__affix--suffix, .mdc-text-field--end-aligned .mdc-text-field__affix--suffix[dir=rtl] {
  12650. /* @noflip */
  12651. padding-left: 0;
  12652. /* @noflip */
  12653. padding-right: 2px;
  12654. }
  12655. .mdc-text-field--filled {
  12656. height: 56px;
  12657. }
  12658. .mdc-text-field--filled .mdc-text-field__ripple::before,
  12659. .mdc-text-field--filled .mdc-text-field__ripple::after {
  12660. background-color: rgba(0, 0, 0, 0.87);
  12661. /* @alternate */
  12662. background-color: var(--mdc-ripple-color, rgba(0, 0, 0, 0.87));
  12663. }
  12664. .mdc-text-field--filled:hover .mdc-text-field__ripple::before, .mdc-text-field--filled.mdc-ripple-surface--hover .mdc-text-field__ripple::before {
  12665. opacity: 0.04;
  12666. /* @alternate */
  12667. opacity: var(--mdc-ripple-hover-opacity, 0.04);
  12668. }
  12669. .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 {
  12670. transition-duration: 75ms;
  12671. opacity: 0.12;
  12672. /* @alternate */
  12673. opacity: var(--mdc-ripple-focus-opacity, 0.12);
  12674. }
  12675. .mdc-text-field--filled::before {
  12676. display: inline-block;
  12677. width: 0;
  12678. height: 40px;
  12679. content: "";
  12680. vertical-align: 0;
  12681. }
  12682. .mdc-text-field--filled:not(.mdc-text-field--disabled) {
  12683. background-color: whitesmoke;
  12684. }
  12685. .mdc-text-field--filled:not(.mdc-text-field--disabled) .mdc-line-ripple::before {
  12686. border-bottom-color: rgba(0, 0, 0, 0.42);
  12687. }
  12688. .mdc-text-field--filled:not(.mdc-text-field--disabled):hover .mdc-line-ripple::before {
  12689. border-bottom-color: rgba(0, 0, 0, 0.87);
  12690. }
  12691. .mdc-text-field--filled .mdc-line-ripple::after {
  12692. border-bottom-color: #6200ee;
  12693. /* @alternate */
  12694. border-bottom-color: var(--mdc-theme-primary, #6200ee);
  12695. }
  12696. .mdc-text-field--filled .mdc-floating-label {
  12697. /* @noflip */
  12698. left: 16px;
  12699. /* @noflip */
  12700. right: initial;
  12701. }
  12702. [dir=rtl] .mdc-text-field--filled .mdc-floating-label, .mdc-text-field--filled .mdc-floating-label[dir=rtl] {
  12703. /* @noflip */
  12704. left: initial;
  12705. /* @noflip */
  12706. right: 16px;
  12707. }
  12708. .mdc-text-field--filled .mdc-floating-label--float-above {
  12709. -webkit-transform: translateY(-106%) scale(0.75);
  12710. transform: translateY(-106%) scale(0.75);
  12711. }
  12712. .mdc-text-field--filled.mdc-text-field--no-label .mdc-text-field__input {
  12713. height: 100%;
  12714. }
  12715. .mdc-text-field--filled.mdc-text-field--no-label .mdc-floating-label {
  12716. display: none;
  12717. }
  12718. .mdc-text-field--filled.mdc-text-field--no-label::before {
  12719. display: none;
  12720. }
  12721. @supports (-webkit-hyphens: none) {
  12722. .mdc-text-field--filled.mdc-text-field--no-label .mdc-text-field__affix {
  12723. align-items: center;
  12724. align-self: center;
  12725. display: inline-flex;
  12726. height: 100%;
  12727. }
  12728. }
  12729. .mdc-text-field--outlined {
  12730. height: 56px;
  12731. overflow: visible;
  12732. }
  12733. .mdc-text-field--outlined .mdc-floating-label--float-above {
  12734. -webkit-transform: translateY(-37.25px) scale(1);
  12735. transform: translateY(-37.25px) scale(1);
  12736. }
  12737. .mdc-text-field--outlined .mdc-floating-label--float-above {
  12738. font-size: 0.75rem;
  12739. }
  12740. .mdc-text-field--outlined.mdc-notched-outline--upgraded .mdc-floating-label--float-above,
  12741. .mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above {
  12742. -webkit-transform: translateY(-34.75px) scale(0.75);
  12743. transform: translateY(-34.75px) scale(0.75);
  12744. }
  12745. .mdc-text-field--outlined.mdc-notched-outline--upgraded .mdc-floating-label--float-above,
  12746. .mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above {
  12747. font-size: 1rem;
  12748. }
  12749. .mdc-text-field--outlined .mdc-floating-label--shake {
  12750. -webkit-animation: mdc-floating-label-shake-float-above-text-field-outlined 250ms 1;
  12751. animation: mdc-floating-label-shake-float-above-text-field-outlined 250ms 1;
  12752. }
  12753. @-webkit-keyframes mdc-floating-label-shake-float-above-text-field-outlined {
  12754. 0% {
  12755. -webkit-transform: translateX(calc(0 - 0%)) translateY(-34.75px) scale(0.75);
  12756. transform: translateX(calc(0 - 0%)) translateY(-34.75px) scale(0.75);
  12757. }
  12758. 33% {
  12759. -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);
  12760. animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);
  12761. -webkit-transform: translateX(calc(4% - 0%)) translateY(-34.75px) scale(0.75);
  12762. transform: translateX(calc(4% - 0%)) translateY(-34.75px) scale(0.75);
  12763. }
  12764. 66% {
  12765. -webkit-animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
  12766. animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
  12767. -webkit-transform: translateX(calc(-4% - 0%)) translateY(-34.75px) scale(0.75);
  12768. transform: translateX(calc(-4% - 0%)) translateY(-34.75px) scale(0.75);
  12769. }
  12770. 100% {
  12771. -webkit-transform: translateX(calc(0 - 0%)) translateY(-34.75px) scale(0.75);
  12772. transform: translateX(calc(0 - 0%)) translateY(-34.75px) scale(0.75);
  12773. }
  12774. }
  12775. @keyframes mdc-floating-label-shake-float-above-text-field-outlined {
  12776. 0% {
  12777. -webkit-transform: translateX(calc(0 - 0%)) translateY(-34.75px) scale(0.75);
  12778. transform: translateX(calc(0 - 0%)) translateY(-34.75px) scale(0.75);
  12779. }
  12780. 33% {
  12781. -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);
  12782. animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);
  12783. -webkit-transform: translateX(calc(4% - 0%)) translateY(-34.75px) scale(0.75);
  12784. transform: translateX(calc(4% - 0%)) translateY(-34.75px) scale(0.75);
  12785. }
  12786. 66% {
  12787. -webkit-animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
  12788. animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
  12789. -webkit-transform: translateX(calc(-4% - 0%)) translateY(-34.75px) scale(0.75);
  12790. transform: translateX(calc(-4% - 0%)) translateY(-34.75px) scale(0.75);
  12791. }
  12792. 100% {
  12793. -webkit-transform: translateX(calc(0 - 0%)) translateY(-34.75px) scale(0.75);
  12794. transform: translateX(calc(0 - 0%)) translateY(-34.75px) scale(0.75);
  12795. }
  12796. }
  12797. .mdc-text-field--outlined .mdc-text-field__input {
  12798. height: 100%;
  12799. }
  12800. .mdc-text-field--outlined:not(.mdc-text-field--disabled) .mdc-notched-outline__leading,
  12801. .mdc-text-field--outlined:not(.mdc-text-field--disabled) .mdc-notched-outline__notch,
  12802. .mdc-text-field--outlined:not(.mdc-text-field--disabled) .mdc-notched-outline__trailing {
  12803. border-color: rgba(0, 0, 0, 0.38);
  12804. }
  12805. .mdc-text-field--outlined:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mdc-notched-outline .mdc-notched-outline__leading,
  12806. .mdc-text-field--outlined:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mdc-notched-outline .mdc-notched-outline__notch,
  12807. .mdc-text-field--outlined:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mdc-notched-outline .mdc-notched-outline__trailing {
  12808. border-color: rgba(0, 0, 0, 0.87);
  12809. }
  12810. .mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__leading,
  12811. .mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__notch,
  12812. .mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__trailing {
  12813. border-color: #6200ee;
  12814. /* @alternate */
  12815. border-color: var(--mdc-theme-primary, #6200ee);
  12816. }
  12817. .mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__leading {
  12818. /* @noflip */
  12819. border-top-left-radius: 4px;
  12820. /* @alternate */
  12821. /* @noflip */
  12822. border-top-left-radius: var(--mdc-shape-small, 4px);
  12823. /* @noflip */
  12824. border-top-right-radius: 0;
  12825. /* @noflip */
  12826. border-bottom-right-radius: 0;
  12827. /* @noflip */
  12828. border-bottom-left-radius: 4px;
  12829. /* @alternate */
  12830. /* @noflip */
  12831. border-bottom-left-radius: var(--mdc-shape-small, 4px);
  12832. }
  12833. [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] {
  12834. /* @noflip */
  12835. border-top-left-radius: 0;
  12836. /* @noflip */
  12837. border-top-right-radius: 4px;
  12838. /* @alternate */
  12839. /* @noflip */
  12840. border-top-right-radius: var(--mdc-shape-small, 4px);
  12841. /* @noflip */
  12842. border-bottom-right-radius: 4px;
  12843. /* @alternate */
  12844. /* @noflip */
  12845. border-bottom-right-radius: var(--mdc-shape-small, 4px);
  12846. /* @noflip */
  12847. border-bottom-left-radius: 0;
  12848. }
  12849. @supports (top: max(0%)) {
  12850. .mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__leading {
  12851. width: max(12px, var(--mdc-shape-small, 4px));
  12852. }
  12853. }
  12854. @supports (top: max(0%)) {
  12855. .mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__notch {
  12856. max-width: calc(100% - max(12px, var(--mdc-shape-small, 4px)) * 2);
  12857. }
  12858. }
  12859. .mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__trailing {
  12860. /* @noflip */
  12861. border-top-left-radius: 0;
  12862. /* @noflip */
  12863. border-top-right-radius: 4px;
  12864. /* @alternate */
  12865. /* @noflip */
  12866. border-top-right-radius: var(--mdc-shape-small, 4px);
  12867. /* @noflip */
  12868. border-bottom-right-radius: 4px;
  12869. /* @alternate */
  12870. /* @noflip */
  12871. border-bottom-right-radius: var(--mdc-shape-small, 4px);
  12872. /* @noflip */
  12873. border-bottom-left-radius: 0;
  12874. }
  12875. [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] {
  12876. /* @noflip */
  12877. border-top-left-radius: 4px;
  12878. /* @alternate */
  12879. /* @noflip */
  12880. border-top-left-radius: var(--mdc-shape-small, 4px);
  12881. /* @noflip */
  12882. border-top-right-radius: 0;
  12883. /* @noflip */
  12884. border-bottom-right-radius: 0;
  12885. /* @noflip */
  12886. border-bottom-left-radius: 4px;
  12887. /* @alternate */
  12888. /* @noflip */
  12889. border-bottom-left-radius: var(--mdc-shape-small, 4px);
  12890. }
  12891. @supports (top: max(0%)) {
  12892. .mdc-text-field--outlined {
  12893. /* @noflip */
  12894. padding-left: max(16px, calc(var(--mdc-shape-small, 4px) + 4px));
  12895. }
  12896. }
  12897. @supports (top: max(0%)) {
  12898. .mdc-text-field--outlined {
  12899. /* @noflip */
  12900. padding-right: max(16px, var(--mdc-shape-small, 4px));
  12901. }
  12902. }
  12903. @supports (top: max(0%)) {
  12904. .mdc-text-field--outlined + .mdc-text-field-helper-line {
  12905. /* @noflip */
  12906. padding-left: max(16px, calc(var(--mdc-shape-small, 4px) + 4px));
  12907. }
  12908. }
  12909. @supports (top: max(0%)) {
  12910. .mdc-text-field--outlined + .mdc-text-field-helper-line {
  12911. /* @noflip */
  12912. padding-right: max(16px, var(--mdc-shape-small, 4px));
  12913. }
  12914. }
  12915. .mdc-text-field--outlined.mdc-text-field--with-leading-icon {
  12916. /* @noflip */
  12917. padding-left: 0;
  12918. }
  12919. @supports (top: max(0%)) {
  12920. .mdc-text-field--outlined.mdc-text-field--with-leading-icon {
  12921. /* @noflip */
  12922. padding-right: max(16px, var(--mdc-shape-small, 4px));
  12923. }
  12924. }
  12925. [dir=rtl] .mdc-text-field--outlined.mdc-text-field--with-leading-icon, .mdc-text-field--outlined.mdc-text-field--with-leading-icon[dir=rtl] {
  12926. /* @noflip */
  12927. padding-right: 0;
  12928. }
  12929. @supports (top: max(0%)) {
  12930. [dir=rtl] .mdc-text-field--outlined.mdc-text-field--with-leading-icon, .mdc-text-field--outlined.mdc-text-field--with-leading-icon[dir=rtl] {
  12931. /* @noflip */
  12932. padding-left: max(16px, var(--mdc-shape-small, 4px));
  12933. }
  12934. }
  12935. .mdc-text-field--outlined.mdc-text-field--with-trailing-icon {
  12936. /* @noflip */
  12937. padding-right: 0;
  12938. }
  12939. @supports (top: max(0%)) {
  12940. .mdc-text-field--outlined.mdc-text-field--with-trailing-icon {
  12941. /* @noflip */
  12942. padding-left: max(16px, calc(var(--mdc-shape-small, 4px) + 4px));
  12943. }
  12944. }
  12945. [dir=rtl] .mdc-text-field--outlined.mdc-text-field--with-trailing-icon, .mdc-text-field--outlined.mdc-text-field--with-trailing-icon[dir=rtl] {
  12946. /* @noflip */
  12947. padding-left: 0;
  12948. }
  12949. @supports (top: max(0%)) {
  12950. [dir=rtl] .mdc-text-field--outlined.mdc-text-field--with-trailing-icon, .mdc-text-field--outlined.mdc-text-field--with-trailing-icon[dir=rtl] {
  12951. /* @noflip */
  12952. padding-right: max(16px, calc(var(--mdc-shape-small, 4px) + 4px));
  12953. }
  12954. }
  12955. .mdc-text-field--outlined.mdc-text-field--with-leading-icon.mdc-text-field--with-trailing-icon {
  12956. /* @noflip */
  12957. padding-left: 0;
  12958. /* @noflip */
  12959. padding-right: 0;
  12960. }
  12961. .mdc-text-field--outlined .mdc-notched-outline--notched .mdc-notched-outline__notch {
  12962. padding-top: 1px;
  12963. }
  12964. .mdc-text-field--outlined .mdc-text-field__ripple::before,
  12965. .mdc-text-field--outlined .mdc-text-field__ripple::after {
  12966. content: none;
  12967. }
  12968. .mdc-text-field--outlined .mdc-floating-label {
  12969. /* @noflip */
  12970. left: 4px;
  12971. /* @noflip */
  12972. right: initial;
  12973. }
  12974. [dir=rtl] .mdc-text-field--outlined .mdc-floating-label, .mdc-text-field--outlined .mdc-floating-label[dir=rtl] {
  12975. /* @noflip */
  12976. left: initial;
  12977. /* @noflip */
  12978. right: 4px;
  12979. }
  12980. .mdc-text-field--outlined .mdc-text-field__input {
  12981. display: flex;
  12982. border: none !important;
  12983. background-color: transparent;
  12984. }
  12985. .mdc-text-field--outlined .mdc-notched-outline {
  12986. z-index: 1;
  12987. }
  12988. .mdc-text-field--textarea {
  12989. flex-direction: column;
  12990. align-items: center;
  12991. width: auto;
  12992. height: auto;
  12993. padding: 0;
  12994. transition: none;
  12995. }
  12996. .mdc-text-field--textarea .mdc-floating-label {
  12997. top: 19px;
  12998. }
  12999. .mdc-text-field--textarea .mdc-floating-label:not(.mdc-floating-label--float-above) {
  13000. -webkit-transform: none;
  13001. transform: none;
  13002. }
  13003. .mdc-text-field--textarea .mdc-text-field__input {
  13004. flex-grow: 1;
  13005. height: auto;
  13006. min-height: 1.5rem;
  13007. overflow-x: hidden;
  13008. overflow-y: auto;
  13009. box-sizing: border-box;
  13010. resize: none;
  13011. padding: 0 16px;
  13012. line-height: 1.5rem;
  13013. }
  13014. .mdc-text-field--textarea.mdc-text-field--filled::before {
  13015. display: none;
  13016. }
  13017. .mdc-text-field--textarea.mdc-text-field--filled .mdc-floating-label--float-above {
  13018. -webkit-transform: translateY(-10.25px) scale(0.75);
  13019. transform: translateY(-10.25px) scale(0.75);
  13020. }
  13021. .mdc-text-field--textarea.mdc-text-field--filled .mdc-floating-label--shake {
  13022. -webkit-animation: mdc-floating-label-shake-float-above-textarea-filled 250ms 1;
  13023. animation: mdc-floating-label-shake-float-above-textarea-filled 250ms 1;
  13024. }
  13025. @-webkit-keyframes mdc-floating-label-shake-float-above-textarea-filled {
  13026. 0% {
  13027. -webkit-transform: translateX(calc(0 - 0%)) translateY(-10.25px) scale(0.75);
  13028. transform: translateX(calc(0 - 0%)) translateY(-10.25px) scale(0.75);
  13029. }
  13030. 33% {
  13031. -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);
  13032. animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);
  13033. -webkit-transform: translateX(calc(4% - 0%)) translateY(-10.25px) scale(0.75);
  13034. transform: translateX(calc(4% - 0%)) translateY(-10.25px) scale(0.75);
  13035. }
  13036. 66% {
  13037. -webkit-animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
  13038. animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
  13039. -webkit-transform: translateX(calc(-4% - 0%)) translateY(-10.25px) scale(0.75);
  13040. transform: translateX(calc(-4% - 0%)) translateY(-10.25px) scale(0.75);
  13041. }
  13042. 100% {
  13043. -webkit-transform: translateX(calc(0 - 0%)) translateY(-10.25px) scale(0.75);
  13044. transform: translateX(calc(0 - 0%)) translateY(-10.25px) scale(0.75);
  13045. }
  13046. }
  13047. @keyframes mdc-floating-label-shake-float-above-textarea-filled {
  13048. 0% {
  13049. -webkit-transform: translateX(calc(0 - 0%)) translateY(-10.25px) scale(0.75);
  13050. transform: translateX(calc(0 - 0%)) translateY(-10.25px) scale(0.75);
  13051. }
  13052. 33% {
  13053. -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);
  13054. animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);
  13055. -webkit-transform: translateX(calc(4% - 0%)) translateY(-10.25px) scale(0.75);
  13056. transform: translateX(calc(4% - 0%)) translateY(-10.25px) scale(0.75);
  13057. }
  13058. 66% {
  13059. -webkit-animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
  13060. animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
  13061. -webkit-transform: translateX(calc(-4% - 0%)) translateY(-10.25px) scale(0.75);
  13062. transform: translateX(calc(-4% - 0%)) translateY(-10.25px) scale(0.75);
  13063. }
  13064. 100% {
  13065. -webkit-transform: translateX(calc(0 - 0%)) translateY(-10.25px) scale(0.75);
  13066. transform: translateX(calc(0 - 0%)) translateY(-10.25px) scale(0.75);
  13067. }
  13068. }
  13069. .mdc-text-field--textarea.mdc-text-field--filled .mdc-text-field__input {
  13070. margin-top: 23px;
  13071. margin-bottom: 9px;
  13072. }
  13073. .mdc-text-field--textarea.mdc-text-field--filled.mdc-text-field--no-label .mdc-text-field__input {
  13074. margin-top: 16px;
  13075. margin-bottom: 16px;
  13076. }
  13077. .mdc-text-field--textarea.mdc-text-field--outlined .mdc-notched-outline--notched .mdc-notched-outline__notch {
  13078. padding-top: 0;
  13079. }
  13080. .mdc-text-field--textarea.mdc-text-field--outlined .mdc-floating-label--float-above {
  13081. -webkit-transform: translateY(-27.25px) scale(1);
  13082. transform: translateY(-27.25px) scale(1);
  13083. }
  13084. .mdc-text-field--textarea.mdc-text-field--outlined .mdc-floating-label--float-above {
  13085. font-size: 0.75rem;
  13086. }
  13087. .mdc-text-field--textarea.mdc-text-field--outlined.mdc-notched-outline--upgraded .mdc-floating-label--float-above,
  13088. .mdc-text-field--textarea.mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above {
  13089. -webkit-transform: translateY(-24.75px) scale(0.75);
  13090. transform: translateY(-24.75px) scale(0.75);
  13091. }
  13092. .mdc-text-field--textarea.mdc-text-field--outlined.mdc-notched-outline--upgraded .mdc-floating-label--float-above,
  13093. .mdc-text-field--textarea.mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above {
  13094. font-size: 1rem;
  13095. }
  13096. .mdc-text-field--textarea.mdc-text-field--outlined .mdc-floating-label--shake {
  13097. -webkit-animation: mdc-floating-label-shake-float-above-textarea-outlined 250ms 1;
  13098. animation: mdc-floating-label-shake-float-above-textarea-outlined 250ms 1;
  13099. }
  13100. @-webkit-keyframes mdc-floating-label-shake-float-above-textarea-outlined {
  13101. 0% {
  13102. -webkit-transform: translateX(calc(0 - 0%)) translateY(-24.75px) scale(0.75);
  13103. transform: translateX(calc(0 - 0%)) translateY(-24.75px) scale(0.75);
  13104. }
  13105. 33% {
  13106. -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);
  13107. animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);
  13108. -webkit-transform: translateX(calc(4% - 0%)) translateY(-24.75px) scale(0.75);
  13109. transform: translateX(calc(4% - 0%)) translateY(-24.75px) scale(0.75);
  13110. }
  13111. 66% {
  13112. -webkit-animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
  13113. animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
  13114. -webkit-transform: translateX(calc(-4% - 0%)) translateY(-24.75px) scale(0.75);
  13115. transform: translateX(calc(-4% - 0%)) translateY(-24.75px) scale(0.75);
  13116. }
  13117. 100% {
  13118. -webkit-transform: translateX(calc(0 - 0%)) translateY(-24.75px) scale(0.75);
  13119. transform: translateX(calc(0 - 0%)) translateY(-24.75px) scale(0.75);
  13120. }
  13121. }
  13122. @keyframes mdc-floating-label-shake-float-above-textarea-outlined {
  13123. 0% {
  13124. -webkit-transform: translateX(calc(0 - 0%)) translateY(-24.75px) scale(0.75);
  13125. transform: translateX(calc(0 - 0%)) translateY(-24.75px) scale(0.75);
  13126. }
  13127. 33% {
  13128. -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);
  13129. animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);
  13130. -webkit-transform: translateX(calc(4% - 0%)) translateY(-24.75px) scale(0.75);
  13131. transform: translateX(calc(4% - 0%)) translateY(-24.75px) scale(0.75);
  13132. }
  13133. 66% {
  13134. -webkit-animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
  13135. animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
  13136. -webkit-transform: translateX(calc(-4% - 0%)) translateY(-24.75px) scale(0.75);
  13137. transform: translateX(calc(-4% - 0%)) translateY(-24.75px) scale(0.75);
  13138. }
  13139. 100% {
  13140. -webkit-transform: translateX(calc(0 - 0%)) translateY(-24.75px) scale(0.75);
  13141. transform: translateX(calc(0 - 0%)) translateY(-24.75px) scale(0.75);
  13142. }
  13143. }
  13144. .mdc-text-field--textarea.mdc-text-field--outlined .mdc-text-field__input {
  13145. margin-top: 16px;
  13146. margin-bottom: 16px;
  13147. }
  13148. .mdc-text-field--textarea.mdc-text-field--outlined .mdc-floating-label {
  13149. top: 18px;
  13150. }
  13151. .mdc-text-field--textarea.mdc-text-field--with-internal-counter .mdc-text-field__input {
  13152. margin-bottom: 2px;
  13153. }
  13154. .mdc-text-field--textarea.mdc-text-field--with-internal-counter .mdc-text-field-character-counter {
  13155. align-self: flex-end;
  13156. padding: 0 16px;
  13157. }
  13158. .mdc-text-field--textarea.mdc-text-field--with-internal-counter .mdc-text-field-character-counter::after {
  13159. display: inline-block;
  13160. width: 0;
  13161. height: 16px;
  13162. content: "";
  13163. vertical-align: -16px;
  13164. }
  13165. .mdc-text-field--textarea.mdc-text-field--with-internal-counter .mdc-text-field-character-counter::before {
  13166. display: none;
  13167. }
  13168. .mdc-text-field__resizer {
  13169. align-self: stretch;
  13170. display: inline-flex;
  13171. flex-direction: column;
  13172. flex-grow: 1;
  13173. max-height: 100%;
  13174. max-width: 100%;
  13175. min-height: 56px;
  13176. min-width: -webkit-fit-content;
  13177. min-width: -moz-fit-content;
  13178. min-width: fit-content;
  13179. /* @alternate */
  13180. min-width: -moz-available;
  13181. /* @alternate */
  13182. min-width: -webkit-fill-available;
  13183. overflow: hidden;
  13184. resize: both;
  13185. }
  13186. .mdc-text-field--filled .mdc-text-field__resizer {
  13187. -webkit-transform: translateY(-1px);
  13188. transform: translateY(-1px);
  13189. }
  13190. .mdc-text-field--filled .mdc-text-field__resizer .mdc-text-field__input,
  13191. .mdc-text-field--filled .mdc-text-field__resizer .mdc-text-field-character-counter {
  13192. -webkit-transform: translateY(1px);
  13193. transform: translateY(1px);
  13194. }
  13195. .mdc-text-field--outlined .mdc-text-field__resizer {
  13196. -webkit-transform: translateX(-1px) translateY(-1px);
  13197. transform: translateX(-1px) translateY(-1px);
  13198. }
  13199. [dir=rtl] .mdc-text-field--outlined .mdc-text-field__resizer, .mdc-text-field--outlined .mdc-text-field__resizer[dir=rtl] {
  13200. -webkit-transform: translateX(1px) translateY(-1px);
  13201. transform: translateX(1px) translateY(-1px);
  13202. }
  13203. .mdc-text-field--outlined .mdc-text-field__resizer .mdc-text-field__input,
  13204. .mdc-text-field--outlined .mdc-text-field__resizer .mdc-text-field-character-counter {
  13205. -webkit-transform: translateX(1px) translateY(1px);
  13206. transform: translateX(1px) translateY(1px);
  13207. }
  13208. [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],
  13209. [dir=rtl] .mdc-text-field--outlined .mdc-text-field__resizer .mdc-text-field-character-counter,
  13210. .mdc-text-field--outlined .mdc-text-field__resizer .mdc-text-field-character-counter[dir=rtl] {
  13211. -webkit-transform: translateX(-1px) translateY(1px);
  13212. transform: translateX(-1px) translateY(1px);
  13213. }
  13214. .mdc-text-field--with-leading-icon {
  13215. /* @noflip */
  13216. padding-left: 0;
  13217. /* @noflip */
  13218. padding-right: 16px;
  13219. }
  13220. [dir=rtl] .mdc-text-field--with-leading-icon, .mdc-text-field--with-leading-icon[dir=rtl] {
  13221. /* @noflip */
  13222. padding-left: 16px;
  13223. /* @noflip */
  13224. padding-right: 0;
  13225. }
  13226. .mdc-text-field--with-leading-icon.mdc-text-field--filled .mdc-floating-label {
  13227. max-width: calc(100% - 48px);
  13228. /* @noflip */
  13229. left: 48px;
  13230. /* @noflip */
  13231. right: initial;
  13232. }
  13233. [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] {
  13234. /* @noflip */
  13235. left: initial;
  13236. /* @noflip */
  13237. right: 48px;
  13238. }
  13239. .mdc-text-field--with-leading-icon.mdc-text-field--filled .mdc-floating-label--float-above {
  13240. max-width: calc(100% / 0.75 - 64px / 0.75);
  13241. }
  13242. .mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-floating-label {
  13243. /* @noflip */
  13244. left: 36px;
  13245. /* @noflip */
  13246. right: initial;
  13247. }
  13248. [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] {
  13249. /* @noflip */
  13250. left: initial;
  13251. /* @noflip */
  13252. right: 36px;
  13253. }
  13254. .mdc-text-field--with-leading-icon.mdc-text-field--outlined :not(.mdc-notched-outline--notched) .mdc-notched-outline__notch {
  13255. max-width: calc(100% - 60px);
  13256. }
  13257. .mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-floating-label--float-above {
  13258. -webkit-transform: translateY(-37.25px) translateX(-32px) scale(1);
  13259. transform: translateY(-37.25px) translateX(-32px) scale(1);
  13260. }
  13261. [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] {
  13262. -webkit-transform: translateY(-37.25px) translateX(32px) scale(1);
  13263. transform: translateY(-37.25px) translateX(32px) scale(1);
  13264. }
  13265. .mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-floating-label--float-above {
  13266. font-size: 0.75rem;
  13267. }
  13268. .mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-notched-outline--upgraded .mdc-floating-label--float-above,
  13269. .mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above {
  13270. -webkit-transform: translateY(-34.75px) translateX(-32px) scale(0.75);
  13271. transform: translateY(-34.75px) translateX(-32px) scale(0.75);
  13272. }
  13273. [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],
  13274. [dir=rtl] .mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above,
  13275. .mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above[dir=rtl] {
  13276. -webkit-transform: translateY(-34.75px) translateX(32px) scale(0.75);
  13277. transform: translateY(-34.75px) translateX(32px) scale(0.75);
  13278. }
  13279. .mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-notched-outline--upgraded .mdc-floating-label--float-above,
  13280. .mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above {
  13281. font-size: 1rem;
  13282. }
  13283. .mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-floating-label--shake {
  13284. -webkit-animation: mdc-floating-label-shake-float-above-text-field-outlined-leading-icon 250ms 1;
  13285. animation: mdc-floating-label-shake-float-above-text-field-outlined-leading-icon 250ms 1;
  13286. }
  13287. @-webkit-keyframes mdc-floating-label-shake-float-above-text-field-outlined-leading-icon {
  13288. 0% {
  13289. -webkit-transform: translateX(calc(0 - 32px)) translateY(-34.75px) scale(0.75);
  13290. transform: translateX(calc(0 - 32px)) translateY(-34.75px) scale(0.75);
  13291. }
  13292. 33% {
  13293. -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);
  13294. animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);
  13295. -webkit-transform: translateX(calc(4% - 32px)) translateY(-34.75px) scale(0.75);
  13296. transform: translateX(calc(4% - 32px)) translateY(-34.75px) scale(0.75);
  13297. }
  13298. 66% {
  13299. -webkit-animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
  13300. animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
  13301. -webkit-transform: translateX(calc(-4% - 32px)) translateY(-34.75px) scale(0.75);
  13302. transform: translateX(calc(-4% - 32px)) translateY(-34.75px) scale(0.75);
  13303. }
  13304. 100% {
  13305. -webkit-transform: translateX(calc(0 - 32px)) translateY(-34.75px) scale(0.75);
  13306. transform: translateX(calc(0 - 32px)) translateY(-34.75px) scale(0.75);
  13307. }
  13308. }
  13309. @keyframes mdc-floating-label-shake-float-above-text-field-outlined-leading-icon {
  13310. 0% {
  13311. -webkit-transform: translateX(calc(0 - 32px)) translateY(-34.75px) scale(0.75);
  13312. transform: translateX(calc(0 - 32px)) translateY(-34.75px) scale(0.75);
  13313. }
  13314. 33% {
  13315. -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);
  13316. animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);
  13317. -webkit-transform: translateX(calc(4% - 32px)) translateY(-34.75px) scale(0.75);
  13318. transform: translateX(calc(4% - 32px)) translateY(-34.75px) scale(0.75);
  13319. }
  13320. 66% {
  13321. -webkit-animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
  13322. animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
  13323. -webkit-transform: translateX(calc(-4% - 32px)) translateY(-34.75px) scale(0.75);
  13324. transform: translateX(calc(-4% - 32px)) translateY(-34.75px) scale(0.75);
  13325. }
  13326. 100% {
  13327. -webkit-transform: translateX(calc(0 - 32px)) translateY(-34.75px) scale(0.75);
  13328. transform: translateX(calc(0 - 32px)) translateY(-34.75px) scale(0.75);
  13329. }
  13330. }
  13331. [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 {
  13332. -webkit-animation: mdc-floating-label-shake-float-above-text-field-outlined-leading-icon 250ms 1;
  13333. animation: mdc-floating-label-shake-float-above-text-field-outlined-leading-icon 250ms 1;
  13334. }
  13335. @-webkit-keyframes mdc-floating-label-shake-float-above-text-field-outlined-leading-icon-rtl {
  13336. 0% {
  13337. -webkit-transform: translateX(calc(0 - -32px)) translateY(-34.75px) scale(0.75);
  13338. transform: translateX(calc(0 - -32px)) translateY(-34.75px) scale(0.75);
  13339. }
  13340. 33% {
  13341. -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);
  13342. animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);
  13343. -webkit-transform: translateX(calc(4% - -32px)) translateY(-34.75px) scale(0.75);
  13344. transform: translateX(calc(4% - -32px)) translateY(-34.75px) scale(0.75);
  13345. }
  13346. 66% {
  13347. -webkit-animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
  13348. animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
  13349. -webkit-transform: translateX(calc(-4% - -32px)) translateY(-34.75px) scale(0.75);
  13350. transform: translateX(calc(-4% - -32px)) translateY(-34.75px) scale(0.75);
  13351. }
  13352. 100% {
  13353. -webkit-transform: translateX(calc(0 - -32px)) translateY(-34.75px) scale(0.75);
  13354. transform: translateX(calc(0 - -32px)) translateY(-34.75px) scale(0.75);
  13355. }
  13356. }
  13357. @keyframes mdc-floating-label-shake-float-above-text-field-outlined-leading-icon-rtl {
  13358. 0% {
  13359. -webkit-transform: translateX(calc(0 - -32px)) translateY(-34.75px) scale(0.75);
  13360. transform: translateX(calc(0 - -32px)) translateY(-34.75px) scale(0.75);
  13361. }
  13362. 33% {
  13363. -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);
  13364. animation-timing-function: cubic-bezier(0.5, 0, 0.701732, 0.495819);
  13365. -webkit-transform: translateX(calc(4% - -32px)) translateY(-34.75px) scale(0.75);
  13366. transform: translateX(calc(4% - -32px)) translateY(-34.75px) scale(0.75);
  13367. }
  13368. 66% {
  13369. -webkit-animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
  13370. animation-timing-function: cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);
  13371. -webkit-transform: translateX(calc(-4% - -32px)) translateY(-34.75px) scale(0.75);
  13372. transform: translateX(calc(-4% - -32px)) translateY(-34.75px) scale(0.75);
  13373. }
  13374. 100% {
  13375. -webkit-transform: translateX(calc(0 - -32px)) translateY(-34.75px) scale(0.75);
  13376. transform: translateX(calc(0 - -32px)) translateY(-34.75px) scale(0.75);
  13377. }
  13378. }
  13379. .mdc-text-field--with-trailing-icon {
  13380. /* @noflip */
  13381. padding-left: 16px;
  13382. /* @noflip */
  13383. padding-right: 0;
  13384. }
  13385. [dir=rtl] .mdc-text-field--with-trailing-icon, .mdc-text-field--with-trailing-icon[dir=rtl] {
  13386. /* @noflip */
  13387. padding-left: 0;
  13388. /* @noflip */
  13389. padding-right: 16px;
  13390. }
  13391. .mdc-text-field--with-trailing-icon.mdc-text-field--filled .mdc-floating-label {
  13392. max-width: calc(100% - 64px);
  13393. }
  13394. .mdc-text-field--with-trailing-icon.mdc-text-field--filled .mdc-floating-label--float-above {
  13395. max-width: calc(100% / 0.75 - 64px / 0.75);
  13396. }
  13397. .mdc-text-field--with-trailing-icon.mdc-text-field--outlined :not(.mdc-notched-outline--notched) .mdc-notched-outline__notch {
  13398. max-width: calc(100% - 60px);
  13399. }
  13400. .mdc-text-field--with-leading-icon.mdc-text-field--with-trailing-icon {
  13401. /* @noflip */
  13402. padding-left: 0;
  13403. /* @noflip */
  13404. padding-right: 0;
  13405. }
  13406. .mdc-text-field--with-leading-icon.mdc-text-field--with-trailing-icon.mdc-text-field--filled .mdc-floating-label {
  13407. max-width: calc(100% - 96px);
  13408. }
  13409. .mdc-text-field--with-leading-icon.mdc-text-field--with-trailing-icon.mdc-text-field--filled .mdc-floating-label--float-above {
  13410. max-width: calc(100% / 0.75 - 96px / 0.75);
  13411. }
  13412. .mdc-text-field-helper-line {
  13413. display: flex;
  13414. justify-content: space-between;
  13415. box-sizing: border-box;
  13416. }
  13417. .mdc-text-field + .mdc-text-field-helper-line {
  13418. padding-right: 16px;
  13419. padding-left: 16px;
  13420. }
  13421. .mdc-form-field > .mdc-text-field + label {
  13422. align-self: flex-start;
  13423. }
  13424. .mdc-text-field--focused:not(.mdc-text-field--disabled) .mdc-floating-label {
  13425. color: rgba(98, 0, 238, 0.87);
  13426. }
  13427. .mdc-text-field--focused .mdc-notched-outline__leading,
  13428. .mdc-text-field--focused .mdc-notched-outline__notch,
  13429. .mdc-text-field--focused .mdc-notched-outline__trailing {
  13430. border-width: 2px;
  13431. }
  13432. .mdc-text-field--focused + .mdc-text-field-helper-line .mdc-text-field-helper-text:not(.mdc-text-field-helper-text--validation-msg) {
  13433. opacity: 1;
  13434. }
  13435. .mdc-text-field--focused.mdc-text-field--outlined .mdc-notched-outline--notched .mdc-notched-outline__notch {
  13436. padding-top: 2px;
  13437. }
  13438. .mdc-text-field--focused.mdc-text-field--outlined.mdc-text-field--textarea .mdc-notched-outline--notched .mdc-notched-outline__notch {
  13439. padding-top: 0;
  13440. }
  13441. .mdc-text-field--invalid:not(.mdc-text-field--disabled):hover .mdc-line-ripple::before {
  13442. border-bottom-color: #b00020;
  13443. /* @alternate */
  13444. border-bottom-color: var(--mdc-theme-error, #b00020);
  13445. }
  13446. .mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-line-ripple::after {
  13447. border-bottom-color: #b00020;
  13448. /* @alternate */
  13449. border-bottom-color: var(--mdc-theme-error, #b00020);
  13450. }
  13451. .mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-floating-label {
  13452. color: #b00020;
  13453. /* @alternate */
  13454. color: var(--mdc-theme-error, #b00020);
  13455. }
  13456. .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 {
  13457. color: #b00020;
  13458. /* @alternate */
  13459. color: var(--mdc-theme-error, #b00020);
  13460. }
  13461. .mdc-text-field--invalid .mdc-text-field__input {
  13462. caret-color: #b00020;
  13463. /* @alternate */
  13464. caret-color: var(--mdc-theme-error, #b00020);
  13465. }
  13466. .mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-text-field__icon--trailing {
  13467. color: #b00020;
  13468. /* @alternate */
  13469. color: var(--mdc-theme-error, #b00020);
  13470. }
  13471. .mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-line-ripple::before {
  13472. border-bottom-color: #b00020;
  13473. /* @alternate */
  13474. border-bottom-color: var(--mdc-theme-error, #b00020);
  13475. }
  13476. .mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-notched-outline__leading,
  13477. .mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-notched-outline__notch,
  13478. .mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-notched-outline__trailing {
  13479. border-color: #b00020;
  13480. /* @alternate */
  13481. border-color: var(--mdc-theme-error, #b00020);
  13482. }
  13483. .mdc-text-field--invalid:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mdc-notched-outline .mdc-notched-outline__leading,
  13484. .mdc-text-field--invalid:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mdc-notched-outline .mdc-notched-outline__notch,
  13485. .mdc-text-field--invalid:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mdc-notched-outline .mdc-notched-outline__trailing {
  13486. border-color: #b00020;
  13487. /* @alternate */
  13488. border-color: var(--mdc-theme-error, #b00020);
  13489. }
  13490. .mdc-text-field--invalid:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__leading,
  13491. .mdc-text-field--invalid:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__notch,
  13492. .mdc-text-field--invalid:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__trailing {
  13493. border-color: #b00020;
  13494. /* @alternate */
  13495. border-color: var(--mdc-theme-error, #b00020);
  13496. }
  13497. .mdc-text-field--invalid + .mdc-text-field-helper-line .mdc-text-field-helper-text--validation-msg {
  13498. opacity: 1;
  13499. }
  13500. .mdc-text-field--disabled {
  13501. pointer-events: none;
  13502. }
  13503. .mdc-text-field--disabled .mdc-text-field__input {
  13504. color: rgba(0, 0, 0, 0.38);
  13505. }
  13506. @media all {
  13507. .mdc-text-field--disabled .mdc-text-field__input::-webkit-input-placeholder {
  13508. color: rgba(0, 0, 0, 0.38);
  13509. }
  13510. .mdc-text-field--disabled .mdc-text-field__input:-ms-input-placeholder {
  13511. color: rgba(0, 0, 0, 0.38);
  13512. }
  13513. .mdc-text-field--disabled .mdc-text-field__input::-ms-input-placeholder {
  13514. color: rgba(0, 0, 0, 0.38);
  13515. }
  13516. .mdc-text-field--disabled .mdc-text-field__input::placeholder {
  13517. color: rgba(0, 0, 0, 0.38);
  13518. }
  13519. }
  13520. @media all {
  13521. .mdc-text-field--disabled .mdc-text-field__input:-ms-input-placeholder {
  13522. color: rgba(0, 0, 0, 0.38);
  13523. }
  13524. }
  13525. .mdc-text-field--disabled .mdc-floating-label {
  13526. color: rgba(0, 0, 0, 0.38);
  13527. }
  13528. .mdc-text-field--disabled + .mdc-text-field-helper-line .mdc-text-field-helper-text {
  13529. color: rgba(0, 0, 0, 0.38);
  13530. }
  13531. .mdc-text-field--disabled .mdc-text-field-character-counter,
  13532. .mdc-text-field--disabled + .mdc-text-field-helper-line .mdc-text-field-character-counter {
  13533. color: rgba(0, 0, 0, 0.38);
  13534. }
  13535. .mdc-text-field--disabled .mdc-text-field__icon--leading {
  13536. color: rgba(0, 0, 0, 0.3);
  13537. }
  13538. .mdc-text-field--disabled .mdc-text-field__icon--trailing {
  13539. color: rgba(0, 0, 0, 0.3);
  13540. }
  13541. .mdc-text-field--disabled .mdc-text-field__affix--prefix {
  13542. color: rgba(0, 0, 0, 0.38);
  13543. }
  13544. .mdc-text-field--disabled .mdc-text-field__affix--suffix {
  13545. color: rgba(0, 0, 0, 0.38);
  13546. }
  13547. .mdc-text-field--disabled .mdc-line-ripple::before {
  13548. border-bottom-color: rgba(0, 0, 0, 0.06);
  13549. }
  13550. .mdc-text-field--disabled .mdc-notched-outline__leading,
  13551. .mdc-text-field--disabled .mdc-notched-outline__notch,
  13552. .mdc-text-field--disabled .mdc-notched-outline__trailing {
  13553. border-color: rgba(0, 0, 0, 0.06);
  13554. }
  13555. @media screen and (-ms-high-contrast: active) {
  13556. .mdc-text-field--disabled .mdc-text-field__input::-webkit-input-placeholder {
  13557. color: GrayText;
  13558. }
  13559. .mdc-text-field--disabled .mdc-text-field__input:-ms-input-placeholder {
  13560. color: GrayText;
  13561. }
  13562. .mdc-text-field--disabled .mdc-text-field__input::-ms-input-placeholder {
  13563. color: GrayText;
  13564. }
  13565. .mdc-text-field--disabled .mdc-text-field__input::placeholder {
  13566. color: GrayText;
  13567. }
  13568. }
  13569. @media screen and (-ms-high-contrast: active) {
  13570. .mdc-text-field--disabled .mdc-text-field__input:-ms-input-placeholder {
  13571. color: GrayText;
  13572. }
  13573. }
  13574. @media screen and (-ms-high-contrast: active) {
  13575. .mdc-text-field--disabled .mdc-floating-label {
  13576. color: GrayText;
  13577. }
  13578. }
  13579. @media screen and (-ms-high-contrast: active) {
  13580. .mdc-text-field--disabled + .mdc-text-field-helper-line .mdc-text-field-helper-text {
  13581. color: GrayText;
  13582. }
  13583. }
  13584. @media screen and (-ms-high-contrast: active) {
  13585. .mdc-text-field--disabled .mdc-text-field-character-counter,
  13586. .mdc-text-field--disabled + .mdc-text-field-helper-line .mdc-text-field-character-counter {
  13587. color: GrayText;
  13588. }
  13589. }
  13590. @media screen and (-ms-high-contrast: active) {
  13591. .mdc-text-field--disabled .mdc-text-field__icon--leading {
  13592. color: GrayText;
  13593. }
  13594. }
  13595. @media screen and (-ms-high-contrast: active) {
  13596. .mdc-text-field--disabled .mdc-text-field__icon--trailing {
  13597. color: GrayText;
  13598. }
  13599. }
  13600. @media screen and (-ms-high-contrast: active) {
  13601. .mdc-text-field--disabled .mdc-text-field__affix--prefix {
  13602. color: GrayText;
  13603. }
  13604. }
  13605. @media screen and (-ms-high-contrast: active) {
  13606. .mdc-text-field--disabled .mdc-text-field__affix--suffix {
  13607. color: GrayText;
  13608. }
  13609. }
  13610. @media screen and (-ms-high-contrast: active) {
  13611. .mdc-text-field--disabled .mdc-line-ripple::before {
  13612. border-bottom-color: GrayText;
  13613. }
  13614. }
  13615. @media screen and (-ms-high-contrast: active) {
  13616. .mdc-text-field--disabled .mdc-notched-outline__leading,
  13617. .mdc-text-field--disabled .mdc-notched-outline__notch,
  13618. .mdc-text-field--disabled .mdc-notched-outline__trailing {
  13619. border-color: GrayText;
  13620. }
  13621. }
  13622. .mdc-text-field--disabled .mdc-floating-label {
  13623. cursor: default;
  13624. }
  13625. .mdc-text-field--disabled.mdc-text-field--filled {
  13626. background-color: #fafafa;
  13627. }
  13628. .mdc-text-field--disabled.mdc-text-field--filled .mdc-text-field__ripple {
  13629. display: none;
  13630. }
  13631. .mdc-text-field--disabled .mdc-text-field__input {
  13632. pointer-events: auto;
  13633. }
  13634. .mdc-text-field--end-aligned .mdc-text-field__input {
  13635. /* @noflip */
  13636. text-align: right;
  13637. }
  13638. [dir=rtl] .mdc-text-field--end-aligned .mdc-text-field__input, .mdc-text-field--end-aligned .mdc-text-field__input[dir=rtl] {
  13639. /* @noflip */
  13640. text-align: left;
  13641. }
  13642. [dir=rtl] .mdc-text-field--ltr-text .mdc-text-field__input,
  13643. [dir=rtl] .mdc-text-field--ltr-text .mdc-text-field__affix, .mdc-text-field--ltr-text[dir=rtl] .mdc-text-field__input,
  13644. .mdc-text-field--ltr-text[dir=rtl] .mdc-text-field__affix {
  13645. /* @noflip */
  13646. direction: ltr;
  13647. }
  13648. [dir=rtl] .mdc-text-field--ltr-text .mdc-text-field__affix--prefix, .mdc-text-field--ltr-text[dir=rtl] .mdc-text-field__affix--prefix {
  13649. /* @noflip */
  13650. padding-left: 0;
  13651. /* @noflip */
  13652. padding-right: 2px;
  13653. }
  13654. [dir=rtl] .mdc-text-field--ltr-text .mdc-text-field__affix--suffix, .mdc-text-field--ltr-text[dir=rtl] .mdc-text-field__affix--suffix {
  13655. /* @noflip */
  13656. padding-left: 12px;
  13657. /* @noflip */
  13658. padding-right: 0;
  13659. }
  13660. [dir=rtl] .mdc-text-field--ltr-text .mdc-text-field__icon--leading, .mdc-text-field--ltr-text[dir=rtl] .mdc-text-field__icon--leading {
  13661. order: 1;
  13662. }
  13663. [dir=rtl] .mdc-text-field--ltr-text .mdc-text-field__affix--suffix, .mdc-text-field--ltr-text[dir=rtl] .mdc-text-field__affix--suffix {
  13664. order: 2;
  13665. }
  13666. [dir=rtl] .mdc-text-field--ltr-text .mdc-text-field__input, .mdc-text-field--ltr-text[dir=rtl] .mdc-text-field__input {
  13667. order: 3;
  13668. }
  13669. [dir=rtl] .mdc-text-field--ltr-text .mdc-text-field__affix--prefix, .mdc-text-field--ltr-text[dir=rtl] .mdc-text-field__affix--prefix {
  13670. order: 4;
  13671. }
  13672. [dir=rtl] .mdc-text-field--ltr-text .mdc-text-field__icon--trailing, .mdc-text-field--ltr-text[dir=rtl] .mdc-text-field__icon--trailing {
  13673. order: 5;
  13674. }
  13675. [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 {
  13676. /* @noflip */
  13677. text-align: right;
  13678. }
  13679. [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 {
  13680. /* @noflip */
  13681. padding-right: 12px;
  13682. }
  13683. [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 {
  13684. /* @noflip */
  13685. padding-left: 2px;
  13686. }
  13687. .mdc-text-field-helper-text {
  13688. -moz-osx-font-smoothing: grayscale;
  13689. -webkit-font-smoothing: antialiased;
  13690. font-family: Roboto, sans-serif;
  13691. /* @alternate */
  13692. font-family: var(--mdc-typography-caption-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));
  13693. font-size: 0.75rem;
  13694. /* @alternate */
  13695. font-size: var(--mdc-typography-caption-font-size, 0.75rem);
  13696. line-height: 1.25rem;
  13697. /* @alternate */
  13698. line-height: var(--mdc-typography-caption-line-height, 1.25rem);
  13699. font-weight: 400;
  13700. /* @alternate */
  13701. font-weight: var(--mdc-typography-caption-font-weight, 400);
  13702. letter-spacing: 0.0333333333em;
  13703. /* @alternate */
  13704. letter-spacing: var(--mdc-typography-caption-letter-spacing, 0.0333333333em);
  13705. text-decoration: inherit;
  13706. /* @alternate */
  13707. -webkit-text-decoration: var(--mdc-typography-caption-text-decoration, inherit);
  13708. text-decoration: var(--mdc-typography-caption-text-decoration, inherit);
  13709. text-transform: inherit;
  13710. /* @alternate */
  13711. text-transform: var(--mdc-typography-caption-text-transform, inherit);
  13712. display: block;
  13713. margin-top: 0;
  13714. /* @alternate */
  13715. line-height: normal;
  13716. margin: 0;
  13717. opacity: 0;
  13718. will-change: opacity;
  13719. transition: opacity 150ms cubic-bezier(0.4, 0, 0.2, 1);
  13720. }
  13721. .mdc-text-field-helper-text::before {
  13722. display: inline-block;
  13723. width: 0;
  13724. height: 16px;
  13725. content: "";
  13726. vertical-align: 0;
  13727. }
  13728. .mdc-text-field-helper-text--persistent {
  13729. transition: none;
  13730. opacity: 1;
  13731. will-change: initial;
  13732. }
  13733. .mdc-text-field-character-counter {
  13734. -moz-osx-font-smoothing: grayscale;
  13735. -webkit-font-smoothing: antialiased;
  13736. font-family: Roboto, sans-serif;
  13737. /* @alternate */
  13738. font-family: var(--mdc-typography-caption-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));
  13739. font-size: 0.75rem;
  13740. /* @alternate */
  13741. font-size: var(--mdc-typography-caption-font-size, 0.75rem);
  13742. line-height: 1.25rem;
  13743. /* @alternate */
  13744. line-height: var(--mdc-typography-caption-line-height, 1.25rem);
  13745. font-weight: 400;
  13746. /* @alternate */
  13747. font-weight: var(--mdc-typography-caption-font-weight, 400);
  13748. letter-spacing: 0.0333333333em;
  13749. /* @alternate */
  13750. letter-spacing: var(--mdc-typography-caption-letter-spacing, 0.0333333333em);
  13751. text-decoration: inherit;
  13752. /* @alternate */
  13753. -webkit-text-decoration: var(--mdc-typography-caption-text-decoration, inherit);
  13754. text-decoration: var(--mdc-typography-caption-text-decoration, inherit);
  13755. text-transform: inherit;
  13756. /* @alternate */
  13757. text-transform: var(--mdc-typography-caption-text-transform, inherit);
  13758. display: block;
  13759. margin-top: 0;
  13760. /* @alternate */
  13761. line-height: normal;
  13762. /* @noflip */
  13763. margin-left: auto;
  13764. /* @noflip */
  13765. margin-right: 0;
  13766. /* @noflip */
  13767. padding-left: 16px;
  13768. /* @noflip */
  13769. padding-right: 0;
  13770. white-space: nowrap;
  13771. }
  13772. .mdc-text-field-character-counter::before {
  13773. display: inline-block;
  13774. width: 0;
  13775. height: 16px;
  13776. content: "";
  13777. vertical-align: 0;
  13778. }
  13779. [dir=rtl] .mdc-text-field-character-counter, .mdc-text-field-character-counter[dir=rtl] {
  13780. /* @noflip */
  13781. margin-left: 0;
  13782. /* @noflip */
  13783. margin-right: auto;
  13784. }
  13785. [dir=rtl] .mdc-text-field-character-counter, .mdc-text-field-character-counter[dir=rtl] {
  13786. /* @noflip */
  13787. padding-left: 0;
  13788. /* @noflip */
  13789. padding-right: 16px;
  13790. }
  13791. .mdc-text-field__icon {
  13792. align-self: center;
  13793. cursor: pointer;
  13794. }
  13795. .mdc-text-field__icon:not([tabindex]), .mdc-text-field__icon[tabindex="-1"] {
  13796. cursor: default;
  13797. pointer-events: none;
  13798. }
  13799. .mdc-text-field__icon svg {
  13800. display: block;
  13801. }
  13802. .mdc-text-field__icon--leading {
  13803. /* @noflip */
  13804. margin-left: 16px;
  13805. /* @noflip */
  13806. margin-right: 8px;
  13807. }
  13808. [dir=rtl] .mdc-text-field__icon--leading, .mdc-text-field__icon--leading[dir=rtl] {
  13809. /* @noflip */
  13810. margin-left: 8px;
  13811. /* @noflip */
  13812. margin-right: 16px;
  13813. }
  13814. .mdc-text-field__icon--trailing {
  13815. padding: 12px;
  13816. /* @noflip */
  13817. margin-left: 0px;
  13818. /* @noflip */
  13819. margin-right: 0px;
  13820. }
  13821. [dir=rtl] .mdc-text-field__icon--trailing, .mdc-text-field__icon--trailing[dir=rtl] {
  13822. /* @noflip */
  13823. margin-left: 0px;
  13824. /* @noflip */
  13825. margin-right: 0px;
  13826. }
  13827. :root {
  13828. --mdc-theme-primary: #6200ee;
  13829. --mdc-theme-secondary: #018786;
  13830. --mdc-theme-background: #fff;
  13831. --mdc-theme-surface: #fff;
  13832. --mdc-theme-error: #b00020;
  13833. --mdc-theme-on-primary: #fff;
  13834. --mdc-theme-on-secondary: #fff;
  13835. --mdc-theme-on-surface: #000;
  13836. --mdc-theme-on-error: #fff;
  13837. --mdc-theme-text-primary-on-background: rgba(0, 0, 0, 0.87);
  13838. --mdc-theme-text-secondary-on-background: rgba(0, 0, 0, 0.54);
  13839. --mdc-theme-text-hint-on-background: rgba(0, 0, 0, 0.38);
  13840. --mdc-theme-text-disabled-on-background: rgba(0, 0, 0, 0.38);
  13841. --mdc-theme-text-icon-on-background: rgba(0, 0, 0, 0.38);
  13842. --mdc-theme-text-primary-on-light: rgba(0, 0, 0, 0.87);
  13843. --mdc-theme-text-secondary-on-light: rgba(0, 0, 0, 0.54);
  13844. --mdc-theme-text-hint-on-light: rgba(0, 0, 0, 0.38);
  13845. --mdc-theme-text-disabled-on-light: rgba(0, 0, 0, 0.38);
  13846. --mdc-theme-text-icon-on-light: rgba(0, 0, 0, 0.38);
  13847. --mdc-theme-text-primary-on-dark: white;
  13848. --mdc-theme-text-secondary-on-dark: rgba(255, 255, 255, 0.7);
  13849. --mdc-theme-text-hint-on-dark: rgba(255, 255, 255, 0.5);
  13850. --mdc-theme-text-disabled-on-dark: rgba(255, 255, 255, 0.5);
  13851. --mdc-theme-text-icon-on-dark: rgba(255, 255, 255, 0.5);
  13852. }
  13853. .mdc-theme--primary {
  13854. color: #6200ee !important;
  13855. /* @alternate */
  13856. color: var(--mdc-theme-primary, #6200ee) !important;
  13857. }
  13858. .mdc-theme--secondary {
  13859. color: #018786 !important;
  13860. /* @alternate */
  13861. color: var(--mdc-theme-secondary, #018786) !important;
  13862. }
  13863. .mdc-theme--background {
  13864. background-color: #fff;
  13865. /* @alternate */
  13866. background-color: var(--mdc-theme-background, #fff);
  13867. }
  13868. .mdc-theme--surface {
  13869. background-color: #fff;
  13870. /* @alternate */
  13871. background-color: var(--mdc-theme-surface, #fff);
  13872. }
  13873. .mdc-theme--error {
  13874. color: #b00020 !important;
  13875. /* @alternate */
  13876. color: var(--mdc-theme-error, #b00020) !important;
  13877. }
  13878. .mdc-theme--on-primary {
  13879. color: #fff !important;
  13880. /* @alternate */
  13881. color: var(--mdc-theme-on-primary, #fff) !important;
  13882. }
  13883. .mdc-theme--on-secondary {
  13884. color: #fff !important;
  13885. /* @alternate */
  13886. color: var(--mdc-theme-on-secondary, #fff) !important;
  13887. }
  13888. .mdc-theme--on-surface {
  13889. color: #000 !important;
  13890. /* @alternate */
  13891. color: var(--mdc-theme-on-surface, #000) !important;
  13892. }
  13893. .mdc-theme--on-error {
  13894. color: #fff !important;
  13895. /* @alternate */
  13896. color: var(--mdc-theme-on-error, #fff) !important;
  13897. }
  13898. .mdc-theme--text-primary-on-background {
  13899. color: rgba(0, 0, 0, 0.87) !important;
  13900. /* @alternate */
  13901. color: var(--mdc-theme-text-primary-on-background, rgba(0, 0, 0, 0.87)) !important;
  13902. }
  13903. .mdc-theme--text-secondary-on-background {
  13904. color: rgba(0, 0, 0, 0.54) !important;
  13905. /* @alternate */
  13906. color: var(--mdc-theme-text-secondary-on-background, rgba(0, 0, 0, 0.54)) !important;
  13907. }
  13908. .mdc-theme--text-hint-on-background {
  13909. color: rgba(0, 0, 0, 0.38) !important;
  13910. /* @alternate */
  13911. color: var(--mdc-theme-text-hint-on-background, rgba(0, 0, 0, 0.38)) !important;
  13912. }
  13913. .mdc-theme--text-disabled-on-background {
  13914. color: rgba(0, 0, 0, 0.38) !important;
  13915. /* @alternate */
  13916. color: var(--mdc-theme-text-disabled-on-background, rgba(0, 0, 0, 0.38)) !important;
  13917. }
  13918. .mdc-theme--text-icon-on-background {
  13919. color: rgba(0, 0, 0, 0.38) !important;
  13920. /* @alternate */
  13921. color: var(--mdc-theme-text-icon-on-background, rgba(0, 0, 0, 0.38)) !important;
  13922. }
  13923. .mdc-theme--text-primary-on-light {
  13924. color: rgba(0, 0, 0, 0.87) !important;
  13925. /* @alternate */
  13926. color: var(--mdc-theme-text-primary-on-light, rgba(0, 0, 0, 0.87)) !important;
  13927. }
  13928. .mdc-theme--text-secondary-on-light {
  13929. color: rgba(0, 0, 0, 0.54) !important;
  13930. /* @alternate */
  13931. color: var(--mdc-theme-text-secondary-on-light, rgba(0, 0, 0, 0.54)) !important;
  13932. }
  13933. .mdc-theme--text-hint-on-light {
  13934. color: rgba(0, 0, 0, 0.38) !important;
  13935. /* @alternate */
  13936. color: var(--mdc-theme-text-hint-on-light, rgba(0, 0, 0, 0.38)) !important;
  13937. }
  13938. .mdc-theme--text-disabled-on-light {
  13939. color: rgba(0, 0, 0, 0.38) !important;
  13940. /* @alternate */
  13941. color: var(--mdc-theme-text-disabled-on-light, rgba(0, 0, 0, 0.38)) !important;
  13942. }
  13943. .mdc-theme--text-icon-on-light {
  13944. color: rgba(0, 0, 0, 0.38) !important;
  13945. /* @alternate */
  13946. color: var(--mdc-theme-text-icon-on-light, rgba(0, 0, 0, 0.38)) !important;
  13947. }
  13948. .mdc-theme--text-primary-on-dark {
  13949. color: white !important;
  13950. /* @alternate */
  13951. color: var(--mdc-theme-text-primary-on-dark, white) !important;
  13952. }
  13953. .mdc-theme--text-secondary-on-dark {
  13954. color: rgba(255, 255, 255, 0.7) !important;
  13955. /* @alternate */
  13956. color: var(--mdc-theme-text-secondary-on-dark, rgba(255, 255, 255, 0.7)) !important;
  13957. }
  13958. .mdc-theme--text-hint-on-dark {
  13959. color: rgba(255, 255, 255, 0.5) !important;
  13960. /* @alternate */
  13961. color: var(--mdc-theme-text-hint-on-dark, rgba(255, 255, 255, 0.5)) !important;
  13962. }
  13963. .mdc-theme--text-disabled-on-dark {
  13964. color: rgba(255, 255, 255, 0.5) !important;
  13965. /* @alternate */
  13966. color: var(--mdc-theme-text-disabled-on-dark, rgba(255, 255, 255, 0.5)) !important;
  13967. }
  13968. .mdc-theme--text-icon-on-dark {
  13969. color: rgba(255, 255, 255, 0.5) !important;
  13970. /* @alternate */
  13971. color: var(--mdc-theme-text-icon-on-dark, rgba(255, 255, 255, 0.5)) !important;
  13972. }
  13973. .mdc-theme--primary-bg {
  13974. background-color: #6200ee !important;
  13975. /* @alternate */
  13976. background-color: var(--mdc-theme-primary, #6200ee) !important;
  13977. }
  13978. .mdc-theme--secondary-bg {
  13979. background-color: #018786 !important;
  13980. /* @alternate */
  13981. background-color: var(--mdc-theme-secondary, #018786) !important;
  13982. }
  13983. .mdc-tooltip__surface {
  13984. border-radius: 4px;
  13985. /* @alternate */
  13986. border-radius: var(--mdc-shape-small, 4px);
  13987. }
  13988. .mdc-tooltip__surface {
  13989. color: white;
  13990. /* @alternate */
  13991. color: var(--mdc-theme-text-primary-on-dark, white);
  13992. }
  13993. .mdc-tooltip__surface {
  13994. background-color: rgba(0, 0, 0, 0.6);
  13995. }
  13996. .mdc-tooltip__surface {
  13997. word-break: break-all;
  13998. /* @alternate */
  13999. word-break: var(--mdc-tooltip-word-break, normal);
  14000. overflow-wrap: anywhere;
  14001. }
  14002. .mdc-tooltip {
  14003. z-index: 2;
  14004. }
  14005. .mdc-tooltip--showing-transition .mdc-tooltip__surface {
  14006. transition: opacity 150ms 0ms cubic-bezier(0, 0, 0.2, 1), -webkit-transform 150ms 0ms cubic-bezier(0, 0, 0.2, 1);
  14007. transition: opacity 150ms 0ms cubic-bezier(0, 0, 0.2, 1), transform 150ms 0ms cubic-bezier(0, 0, 0.2, 1);
  14008. 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);
  14009. }
  14010. .mdc-tooltip--hide-transition .mdc-tooltip__surface {
  14011. transition: opacity 75ms 0ms cubic-bezier(0.4, 0, 1, 1);
  14012. }
  14013. .mdc-tooltip {
  14014. position: fixed;
  14015. display: none;
  14016. }
  14017. .mdc-tooltip--shown,
  14018. .mdc-tooltip--showing,
  14019. .mdc-tooltip--hide {
  14020. display: inline-flex;
  14021. }
  14022. .mdc-tooltip--shown.mdc-tooltip--rich,
  14023. .mdc-tooltip--showing.mdc-tooltip--rich,
  14024. .mdc-tooltip--hide.mdc-tooltip--rich {
  14025. /* @alternate */
  14026. 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);
  14027. display: inline-block;
  14028. border-radius: 8px;
  14029. left: -320px;
  14030. padding: 8px 8px;
  14031. }
  14032. .mdc-tooltip--shown.mdc-tooltip--rich .mdc-tooltip__surface,
  14033. .mdc-tooltip--showing.mdc-tooltip--rich .mdc-tooltip__surface,
  14034. .mdc-tooltip--hide.mdc-tooltip--rich .mdc-tooltip__surface {
  14035. background-color: rgba(255, 255, 255, 0.6);
  14036. }
  14037. .mdc-tooltip--shown.mdc-tooltip--rich .mdc-tooltip__title,
  14038. .mdc-tooltip--showing.mdc-tooltip--rich .mdc-tooltip__title,
  14039. .mdc-tooltip--hide.mdc-tooltip--rich .mdc-tooltip__title {
  14040. color: rgba(0, 0, 0, 0.87);
  14041. /* @alternate */
  14042. color: var(--mdc-theme-text-primary-on-light, rgba(0, 0, 0, 0.87));
  14043. }
  14044. .mdc-tooltip--shown.mdc-tooltip--rich .mdc-tooltip__content,
  14045. .mdc-tooltip--showing.mdc-tooltip--rich .mdc-tooltip__content,
  14046. .mdc-tooltip--hide.mdc-tooltip--rich .mdc-tooltip__content {
  14047. color: rgba(0, 0, 0, 0.6);
  14048. }
  14049. .mdc-tooltip--shown.mdc-tooltip--rich .mdc-tooltip__content-link,
  14050. .mdc-tooltip--showing.mdc-tooltip--rich .mdc-tooltip__content-link,
  14051. .mdc-tooltip--hide.mdc-tooltip--rich .mdc-tooltip__content-link {
  14052. color: #6200ee;
  14053. /* @alternate */
  14054. color: var(--mdc-theme-primary, #6200ee);
  14055. }
  14056. .mdc-tooltip__surface {
  14057. -moz-osx-font-smoothing: grayscale;
  14058. -webkit-font-smoothing: antialiased;
  14059. font-family: Roboto, sans-serif;
  14060. /* @alternate */
  14061. font-family: var(--mdc-typography-caption-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));
  14062. font-size: 0.75rem;
  14063. /* @alternate */
  14064. font-size: var(--mdc-typography-caption-font-size, 0.75rem);
  14065. font-weight: 400;
  14066. /* @alternate */
  14067. font-weight: var(--mdc-typography-caption-font-weight, 400);
  14068. letter-spacing: 0.0333333333em;
  14069. /* @alternate */
  14070. letter-spacing: var(--mdc-typography-caption-letter-spacing, 0.0333333333em);
  14071. text-decoration: inherit;
  14072. /* @alternate */
  14073. -webkit-text-decoration: var(--mdc-typography-caption-text-decoration, inherit);
  14074. text-decoration: var(--mdc-typography-caption-text-decoration, inherit);
  14075. text-transform: inherit;
  14076. /* @alternate */
  14077. text-transform: var(--mdc-typography-caption-text-transform, inherit);
  14078. line-height: 16px;
  14079. padding: 4px 8px;
  14080. min-width: 40px;
  14081. max-width: 200px;
  14082. min-height: 24px;
  14083. max-height: 40vh;
  14084. box-sizing: border-box;
  14085. overflow: hidden;
  14086. -webkit-transform: scale(0.8);
  14087. transform: scale(0.8);
  14088. text-align: center;
  14089. opacity: 0;
  14090. outline: 1px solid transparent;
  14091. }
  14092. .mdc-tooltip--rich .mdc-tooltip__surface {
  14093. align-items: flex-start;
  14094. display: flex;
  14095. flex-direction: column;
  14096. min-height: 24px;
  14097. min-width: 40px;
  14098. max-width: 320px;
  14099. }
  14100. .mdc-tooltip--multiline .mdc-tooltip__surface {
  14101. /* @noflip */
  14102. text-align: left;
  14103. }
  14104. [dir=rtl] .mdc-tooltip--multiline .mdc-tooltip__surface, .mdc-tooltip--multiline .mdc-tooltip__surface[dir=rtl] {
  14105. /* @noflip */
  14106. text-align: right;
  14107. }
  14108. .mdc-tooltip--shown .mdc-tooltip__surface {
  14109. -webkit-transform: scale(1);
  14110. transform: scale(1);
  14111. opacity: 1;
  14112. }
  14113. .mdc-tooltip--hide .mdc-tooltip__surface {
  14114. -webkit-transform: scale(1);
  14115. transform: scale(1);
  14116. }
  14117. .mdc-tooltip__surface .mdc-tooltip__title {
  14118. display: block;
  14119. margin-top: 0;
  14120. /* @alternate */
  14121. line-height: normal;
  14122. -moz-osx-font-smoothing: grayscale;
  14123. -webkit-font-smoothing: antialiased;
  14124. font-family: Roboto, sans-serif;
  14125. /* @alternate */
  14126. font-family: var(--mdc-typography-subtitle2-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));
  14127. font-size: 0.875rem;
  14128. /* @alternate */
  14129. font-size: var(--mdc-typography-subtitle2-font-size, 0.875rem);
  14130. font-weight: 500;
  14131. /* @alternate */
  14132. font-weight: var(--mdc-typography-subtitle2-font-weight, 500);
  14133. letter-spacing: 0.0071428571em;
  14134. /* @alternate */
  14135. letter-spacing: var(--mdc-typography-subtitle2-letter-spacing, 0.0071428571em);
  14136. text-decoration: inherit;
  14137. /* @alternate */
  14138. -webkit-text-decoration: var(--mdc-typography-subtitle2-text-decoration, inherit);
  14139. text-decoration: var(--mdc-typography-subtitle2-text-decoration, inherit);
  14140. text-transform: inherit;
  14141. /* @alternate */
  14142. text-transform: var(--mdc-typography-subtitle2-text-transform, inherit);
  14143. margin: 0 8px;
  14144. }
  14145. .mdc-tooltip__surface .mdc-tooltip__title::before {
  14146. display: inline-block;
  14147. width: 0;
  14148. height: 20px;
  14149. content: "";
  14150. vertical-align: 0;
  14151. }
  14152. .mdc-tooltip__surface .mdc-tooltip__content {
  14153. display: block;
  14154. margin-top: 0;
  14155. /* @alternate */
  14156. line-height: normal;
  14157. -moz-osx-font-smoothing: grayscale;
  14158. -webkit-font-smoothing: antialiased;
  14159. font-family: Roboto, sans-serif;
  14160. /* @alternate */
  14161. font-family: var(--mdc-typography-body1-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));
  14162. font-size: 1rem;
  14163. /* @alternate */
  14164. font-size: var(--mdc-typography-body1-font-size, 1rem);
  14165. font-weight: 400;
  14166. /* @alternate */
  14167. font-weight: var(--mdc-typography-body1-font-weight, 400);
  14168. letter-spacing: 0.03125em;
  14169. /* @alternate */
  14170. letter-spacing: var(--mdc-typography-body1-letter-spacing, 0.03125em);
  14171. text-decoration: inherit;
  14172. /* @alternate */
  14173. -webkit-text-decoration: var(--mdc-typography-body1-text-decoration, inherit);
  14174. text-decoration: var(--mdc-typography-body1-text-decoration, inherit);
  14175. text-transform: inherit;
  14176. /* @alternate */
  14177. text-transform: var(--mdc-typography-body1-text-transform, inherit);
  14178. margin: 0 8px 16px 8px;
  14179. }
  14180. .mdc-tooltip__surface .mdc-tooltip__content::before {
  14181. display: inline-block;
  14182. width: 0;
  14183. height: 24px;
  14184. content: "";
  14185. vertical-align: 0;
  14186. }
  14187. .mdc-tooltip__surface .mdc-tooltip__content-link {
  14188. text-decoration: none;
  14189. }
  14190. .mdc-top-app-bar {
  14191. background-color: #6200ee;
  14192. /* @alternate */
  14193. background-color: var(--mdc-theme-primary, #6200ee);
  14194. color: white;
  14195. display: flex;
  14196. position: fixed;
  14197. flex-direction: column;
  14198. justify-content: space-between;
  14199. box-sizing: border-box;
  14200. width: 100%;
  14201. z-index: 4;
  14202. }
  14203. .mdc-top-app-bar .mdc-top-app-bar__action-item,
  14204. .mdc-top-app-bar .mdc-top-app-bar__navigation-icon {
  14205. color: #fff;
  14206. /* @alternate */
  14207. color: var(--mdc-theme-on-primary, #fff);
  14208. }
  14209. .mdc-top-app-bar .mdc-top-app-bar__action-item::before, .mdc-top-app-bar .mdc-top-app-bar__action-item::after,
  14210. .mdc-top-app-bar .mdc-top-app-bar__navigation-icon::before,
  14211. .mdc-top-app-bar .mdc-top-app-bar__navigation-icon::after {
  14212. background-color: #fff;
  14213. /* @alternate */
  14214. background-color: var(--mdc-ripple-color, var(--mdc-theme-on-primary, #fff));
  14215. }
  14216. .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,
  14217. .mdc-top-app-bar .mdc-top-app-bar__navigation-icon:hover::before,
  14218. .mdc-top-app-bar .mdc-top-app-bar__navigation-icon.mdc-ripple-surface--hover::before {
  14219. opacity: 0.08;
  14220. /* @alternate */
  14221. opacity: var(--mdc-ripple-hover-opacity, 0.08);
  14222. }
  14223. .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,
  14224. .mdc-top-app-bar .mdc-top-app-bar__navigation-icon.mdc-ripple-upgraded--background-focused::before,
  14225. .mdc-top-app-bar .mdc-top-app-bar__navigation-icon:not(.mdc-ripple-upgraded):focus::before {
  14226. transition-duration: 75ms;
  14227. opacity: 0.24;
  14228. /* @alternate */
  14229. opacity: var(--mdc-ripple-focus-opacity, 0.24);
  14230. }
  14231. .mdc-top-app-bar .mdc-top-app-bar__action-item:not(.mdc-ripple-upgraded)::after,
  14232. .mdc-top-app-bar .mdc-top-app-bar__navigation-icon:not(.mdc-ripple-upgraded)::after {
  14233. transition: opacity 150ms linear;
  14234. }
  14235. .mdc-top-app-bar .mdc-top-app-bar__action-item:not(.mdc-ripple-upgraded):active::after,
  14236. .mdc-top-app-bar .mdc-top-app-bar__navigation-icon:not(.mdc-ripple-upgraded):active::after {
  14237. transition-duration: 75ms;
  14238. opacity: 0.24;
  14239. /* @alternate */
  14240. opacity: var(--mdc-ripple-press-opacity, 0.24);
  14241. }
  14242. .mdc-top-app-bar .mdc-top-app-bar__action-item.mdc-ripple-upgraded,
  14243. .mdc-top-app-bar .mdc-top-app-bar__navigation-icon.mdc-ripple-upgraded {
  14244. --mdc-ripple-fg-opacity: var(--mdc-ripple-press-opacity, 0.24);
  14245. }
  14246. .mdc-top-app-bar__row {
  14247. display: flex;
  14248. position: relative;
  14249. box-sizing: border-box;
  14250. width: 100%;
  14251. height: 64px;
  14252. }
  14253. .mdc-top-app-bar__section {
  14254. display: inline-flex;
  14255. flex: 1 1 auto;
  14256. align-items: center;
  14257. min-width: 0;
  14258. padding: 8px 12px;
  14259. z-index: 1;
  14260. }
  14261. .mdc-top-app-bar__section--align-start {
  14262. justify-content: flex-start;
  14263. order: -1;
  14264. }
  14265. .mdc-top-app-bar__section--align-end {
  14266. justify-content: flex-end;
  14267. order: 1;
  14268. }
  14269. .mdc-top-app-bar__title {
  14270. -moz-osx-font-smoothing: grayscale;
  14271. -webkit-font-smoothing: antialiased;
  14272. font-family: Roboto, sans-serif;
  14273. /* @alternate */
  14274. font-family: var(--mdc-typography-headline6-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));
  14275. font-size: 1.25rem;
  14276. /* @alternate */
  14277. font-size: var(--mdc-typography-headline6-font-size, 1.25rem);
  14278. line-height: 2rem;
  14279. /* @alternate */
  14280. line-height: var(--mdc-typography-headline6-line-height, 2rem);
  14281. font-weight: 500;
  14282. /* @alternate */
  14283. font-weight: var(--mdc-typography-headline6-font-weight, 500);
  14284. letter-spacing: 0.0125em;
  14285. /* @alternate */
  14286. letter-spacing: var(--mdc-typography-headline6-letter-spacing, 0.0125em);
  14287. text-decoration: inherit;
  14288. /* @alternate */
  14289. -webkit-text-decoration: var(--mdc-typography-headline6-text-decoration, inherit);
  14290. text-decoration: var(--mdc-typography-headline6-text-decoration, inherit);
  14291. text-transform: inherit;
  14292. /* @alternate */
  14293. text-transform: var(--mdc-typography-headline6-text-transform, inherit);
  14294. /* @noflip */
  14295. padding-left: 20px;
  14296. /* @noflip */
  14297. padding-right: 0;
  14298. text-overflow: ellipsis;
  14299. white-space: nowrap;
  14300. overflow: hidden;
  14301. z-index: 1;
  14302. }
  14303. [dir=rtl] .mdc-top-app-bar__title, .mdc-top-app-bar__title[dir=rtl] {
  14304. /* @noflip */
  14305. padding-left: 0;
  14306. /* @noflip */
  14307. padding-right: 20px;
  14308. }
  14309. .mdc-top-app-bar--short-collapsed {
  14310. /* @noflip */
  14311. border-top-left-radius: 0;
  14312. /* @noflip */
  14313. border-top-right-radius: 0;
  14314. /* @noflip */
  14315. border-bottom-right-radius: 24px;
  14316. /* @noflip */
  14317. border-bottom-left-radius: 0;
  14318. }
  14319. [dir=rtl] .mdc-top-app-bar--short-collapsed, .mdc-top-app-bar--short-collapsed[dir=rtl] {
  14320. /* @noflip */
  14321. border-top-left-radius: 0;
  14322. /* @noflip */
  14323. border-top-right-radius: 0;
  14324. /* @noflip */
  14325. border-bottom-right-radius: 0;
  14326. /* @noflip */
  14327. border-bottom-left-radius: 24px;
  14328. }
  14329. .mdc-top-app-bar--short {
  14330. top: 0;
  14331. /* @noflip */
  14332. right: auto;
  14333. /* @noflip */
  14334. left: 0;
  14335. width: 100%;
  14336. transition: width 250ms cubic-bezier(0.4, 0, 0.2, 1);
  14337. }
  14338. [dir=rtl] .mdc-top-app-bar--short, .mdc-top-app-bar--short[dir=rtl] {
  14339. /* @noflip */
  14340. right: 0;
  14341. /* @noflip */
  14342. left: auto;
  14343. }
  14344. .mdc-top-app-bar--short .mdc-top-app-bar__row {
  14345. height: 56px;
  14346. }
  14347. .mdc-top-app-bar--short .mdc-top-app-bar__section {
  14348. padding: 4px;
  14349. }
  14350. .mdc-top-app-bar--short .mdc-top-app-bar__title {
  14351. transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1);
  14352. opacity: 1;
  14353. }
  14354. .mdc-top-app-bar--short-collapsed {
  14355. /* @alternate */
  14356. 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);
  14357. width: 56px;
  14358. transition: width 300ms cubic-bezier(0.4, 0, 0.2, 1);
  14359. }
  14360. .mdc-top-app-bar--short-collapsed .mdc-top-app-bar__title {
  14361. display: none;
  14362. }
  14363. .mdc-top-app-bar--short-collapsed .mdc-top-app-bar__action-item {
  14364. transition: padding 150ms cubic-bezier(0.4, 0, 0.2, 1);
  14365. }
  14366. .mdc-top-app-bar--short-collapsed.mdc-top-app-bar--short-has-action-item {
  14367. width: 112px;
  14368. }
  14369. .mdc-top-app-bar--short-collapsed.mdc-top-app-bar--short-has-action-item .mdc-top-app-bar__section--align-end {
  14370. /* @noflip */
  14371. padding-left: 0;
  14372. /* @noflip */
  14373. padding-right: 12px;
  14374. }
  14375. [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] {
  14376. /* @noflip */
  14377. padding-left: 12px;
  14378. /* @noflip */
  14379. padding-right: 0;
  14380. }
  14381. .mdc-top-app-bar--dense .mdc-top-app-bar__row {
  14382. height: 48px;
  14383. }
  14384. .mdc-top-app-bar--dense .mdc-top-app-bar__section {
  14385. padding: 0 4px;
  14386. }
  14387. .mdc-top-app-bar--dense .mdc-top-app-bar__title {
  14388. /* @noflip */
  14389. padding-left: 12px;
  14390. /* @noflip */
  14391. padding-right: 0;
  14392. }
  14393. [dir=rtl] .mdc-top-app-bar--dense .mdc-top-app-bar__title, .mdc-top-app-bar--dense .mdc-top-app-bar__title[dir=rtl] {
  14394. /* @noflip */
  14395. padding-left: 0;
  14396. /* @noflip */
  14397. padding-right: 12px;
  14398. }
  14399. .mdc-top-app-bar--prominent .mdc-top-app-bar__row {
  14400. height: 128px;
  14401. }
  14402. .mdc-top-app-bar--prominent .mdc-top-app-bar__title {
  14403. align-self: flex-end;
  14404. padding-bottom: 2px;
  14405. }
  14406. .mdc-top-app-bar--prominent .mdc-top-app-bar__action-item,
  14407. .mdc-top-app-bar--prominent .mdc-top-app-bar__navigation-icon {
  14408. align-self: flex-start;
  14409. }
  14410. .mdc-top-app-bar--fixed {
  14411. transition: box-shadow 200ms linear;
  14412. }
  14413. .mdc-top-app-bar--fixed-scrolled {
  14414. /* @alternate */
  14415. 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);
  14416. transition: box-shadow 200ms linear;
  14417. }
  14418. .mdc-top-app-bar--dense.mdc-top-app-bar--prominent .mdc-top-app-bar__row {
  14419. height: 96px;
  14420. }
  14421. .mdc-top-app-bar--dense.mdc-top-app-bar--prominent .mdc-top-app-bar__section {
  14422. padding: 0 12px;
  14423. }
  14424. .mdc-top-app-bar--dense.mdc-top-app-bar--prominent .mdc-top-app-bar__title {
  14425. /* @noflip */
  14426. padding-left: 20px;
  14427. /* @noflip */
  14428. padding-right: 0;
  14429. padding-bottom: 9px;
  14430. }
  14431. [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] {
  14432. /* @noflip */
  14433. padding-left: 0;
  14434. /* @noflip */
  14435. padding-right: 20px;
  14436. }
  14437. .mdc-top-app-bar--fixed-adjust {
  14438. padding-top: 64px;
  14439. }
  14440. .mdc-top-app-bar--dense-fixed-adjust {
  14441. padding-top: 48px;
  14442. }
  14443. .mdc-top-app-bar--short-fixed-adjust {
  14444. padding-top: 56px;
  14445. }
  14446. .mdc-top-app-bar--prominent-fixed-adjust {
  14447. padding-top: 128px;
  14448. }
  14449. .mdc-top-app-bar--dense-prominent-fixed-adjust {
  14450. padding-top: 96px;
  14451. }
  14452. @media (max-width: 599px) {
  14453. .mdc-top-app-bar__row {
  14454. height: 56px;
  14455. }
  14456. .mdc-top-app-bar__section {
  14457. padding: 4px;
  14458. }
  14459. .mdc-top-app-bar--short {
  14460. transition: width 200ms cubic-bezier(0.4, 0, 0.2, 1);
  14461. }
  14462. .mdc-top-app-bar--short-collapsed {
  14463. transition: width 250ms cubic-bezier(0.4, 0, 0.2, 1);
  14464. }
  14465. .mdc-top-app-bar--short-collapsed .mdc-top-app-bar__section--align-end {
  14466. /* @noflip */
  14467. padding-left: 0;
  14468. /* @noflip */
  14469. padding-right: 12px;
  14470. }
  14471. [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] {
  14472. /* @noflip */
  14473. padding-left: 12px;
  14474. /* @noflip */
  14475. padding-right: 0;
  14476. }
  14477. .mdc-top-app-bar--prominent .mdc-top-app-bar__title {
  14478. padding-bottom: 6px;
  14479. }
  14480. .mdc-top-app-bar--fixed-adjust {
  14481. padding-top: 56px;
  14482. }
  14483. }
  14484. .mdc-typography {
  14485. -moz-osx-font-smoothing: grayscale;
  14486. -webkit-font-smoothing: antialiased;
  14487. font-family: Roboto, sans-serif;
  14488. /* @alternate */
  14489. font-family: var(--mdc-typography-font-family, Roboto, sans-serif);
  14490. }
  14491. .mdc-typography--headline1 {
  14492. -moz-osx-font-smoothing: grayscale;
  14493. -webkit-font-smoothing: antialiased;
  14494. font-family: Roboto, sans-serif;
  14495. /* @alternate */
  14496. font-family: var(--mdc-typography-headline1-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));
  14497. font-size: 6rem;
  14498. /* @alternate */
  14499. font-size: var(--mdc-typography-headline1-font-size, 6rem);
  14500. line-height: 6rem;
  14501. /* @alternate */
  14502. line-height: var(--mdc-typography-headline1-line-height, 6rem);
  14503. font-weight: 300;
  14504. /* @alternate */
  14505. font-weight: var(--mdc-typography-headline1-font-weight, 300);
  14506. letter-spacing: -0.015625em;
  14507. /* @alternate */
  14508. letter-spacing: var(--mdc-typography-headline1-letter-spacing, -0.015625em);
  14509. text-decoration: inherit;
  14510. /* @alternate */
  14511. -webkit-text-decoration: var(--mdc-typography-headline1-text-decoration, inherit);
  14512. text-decoration: var(--mdc-typography-headline1-text-decoration, inherit);
  14513. text-transform: inherit;
  14514. /* @alternate */
  14515. text-transform: var(--mdc-typography-headline1-text-transform, inherit);
  14516. }
  14517. .mdc-typography--headline2 {
  14518. -moz-osx-font-smoothing: grayscale;
  14519. -webkit-font-smoothing: antialiased;
  14520. font-family: Roboto, sans-serif;
  14521. /* @alternate */
  14522. font-family: var(--mdc-typography-headline2-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));
  14523. font-size: 3.75rem;
  14524. /* @alternate */
  14525. font-size: var(--mdc-typography-headline2-font-size, 3.75rem);
  14526. line-height: 3.75rem;
  14527. /* @alternate */
  14528. line-height: var(--mdc-typography-headline2-line-height, 3.75rem);
  14529. font-weight: 300;
  14530. /* @alternate */
  14531. font-weight: var(--mdc-typography-headline2-font-weight, 300);
  14532. letter-spacing: -0.0083333333em;
  14533. /* @alternate */
  14534. letter-spacing: var(--mdc-typography-headline2-letter-spacing, -0.0083333333em);
  14535. text-decoration: inherit;
  14536. /* @alternate */
  14537. -webkit-text-decoration: var(--mdc-typography-headline2-text-decoration, inherit);
  14538. text-decoration: var(--mdc-typography-headline2-text-decoration, inherit);
  14539. text-transform: inherit;
  14540. /* @alternate */
  14541. text-transform: var(--mdc-typography-headline2-text-transform, inherit);
  14542. }
  14543. .mdc-typography--headline3 {
  14544. -moz-osx-font-smoothing: grayscale;
  14545. -webkit-font-smoothing: antialiased;
  14546. font-family: Roboto, sans-serif;
  14547. /* @alternate */
  14548. font-family: var(--mdc-typography-headline3-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));
  14549. font-size: 3rem;
  14550. /* @alternate */
  14551. font-size: var(--mdc-typography-headline3-font-size, 3rem);
  14552. line-height: 3.125rem;
  14553. /* @alternate */
  14554. line-height: var(--mdc-typography-headline3-line-height, 3.125rem);
  14555. font-weight: 400;
  14556. /* @alternate */
  14557. font-weight: var(--mdc-typography-headline3-font-weight, 400);
  14558. letter-spacing: normal;
  14559. /* @alternate */
  14560. letter-spacing: var(--mdc-typography-headline3-letter-spacing, normal);
  14561. text-decoration: inherit;
  14562. /* @alternate */
  14563. -webkit-text-decoration: var(--mdc-typography-headline3-text-decoration, inherit);
  14564. text-decoration: var(--mdc-typography-headline3-text-decoration, inherit);
  14565. text-transform: inherit;
  14566. /* @alternate */
  14567. text-transform: var(--mdc-typography-headline3-text-transform, inherit);
  14568. }
  14569. .mdc-typography--headline4 {
  14570. -moz-osx-font-smoothing: grayscale;
  14571. -webkit-font-smoothing: antialiased;
  14572. font-family: Roboto, sans-serif;
  14573. /* @alternate */
  14574. font-family: var(--mdc-typography-headline4-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));
  14575. font-size: 2.125rem;
  14576. /* @alternate */
  14577. font-size: var(--mdc-typography-headline4-font-size, 2.125rem);
  14578. line-height: 2.5rem;
  14579. /* @alternate */
  14580. line-height: var(--mdc-typography-headline4-line-height, 2.5rem);
  14581. font-weight: 400;
  14582. /* @alternate */
  14583. font-weight: var(--mdc-typography-headline4-font-weight, 400);
  14584. letter-spacing: 0.0073529412em;
  14585. /* @alternate */
  14586. letter-spacing: var(--mdc-typography-headline4-letter-spacing, 0.0073529412em);
  14587. text-decoration: inherit;
  14588. /* @alternate */
  14589. -webkit-text-decoration: var(--mdc-typography-headline4-text-decoration, inherit);
  14590. text-decoration: var(--mdc-typography-headline4-text-decoration, inherit);
  14591. text-transform: inherit;
  14592. /* @alternate */
  14593. text-transform: var(--mdc-typography-headline4-text-transform, inherit);
  14594. }
  14595. .mdc-typography--headline5 {
  14596. -moz-osx-font-smoothing: grayscale;
  14597. -webkit-font-smoothing: antialiased;
  14598. font-family: Roboto, sans-serif;
  14599. /* @alternate */
  14600. font-family: var(--mdc-typography-headline5-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));
  14601. font-size: 1.5rem;
  14602. /* @alternate */
  14603. font-size: var(--mdc-typography-headline5-font-size, 1.5rem);
  14604. line-height: 2rem;
  14605. /* @alternate */
  14606. line-height: var(--mdc-typography-headline5-line-height, 2rem);
  14607. font-weight: 400;
  14608. /* @alternate */
  14609. font-weight: var(--mdc-typography-headline5-font-weight, 400);
  14610. letter-spacing: normal;
  14611. /* @alternate */
  14612. letter-spacing: var(--mdc-typography-headline5-letter-spacing, normal);
  14613. text-decoration: inherit;
  14614. /* @alternate */
  14615. -webkit-text-decoration: var(--mdc-typography-headline5-text-decoration, inherit);
  14616. text-decoration: var(--mdc-typography-headline5-text-decoration, inherit);
  14617. text-transform: inherit;
  14618. /* @alternate */
  14619. text-transform: var(--mdc-typography-headline5-text-transform, inherit);
  14620. }
  14621. .mdc-typography--headline6 {
  14622. -moz-osx-font-smoothing: grayscale;
  14623. -webkit-font-smoothing: antialiased;
  14624. font-family: Roboto, sans-serif;
  14625. /* @alternate */
  14626. font-family: var(--mdc-typography-headline6-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));
  14627. font-size: 1.25rem;
  14628. /* @alternate */
  14629. font-size: var(--mdc-typography-headline6-font-size, 1.25rem);
  14630. line-height: 2rem;
  14631. /* @alternate */
  14632. line-height: var(--mdc-typography-headline6-line-height, 2rem);
  14633. font-weight: 500;
  14634. /* @alternate */
  14635. font-weight: var(--mdc-typography-headline6-font-weight, 500);
  14636. letter-spacing: 0.0125em;
  14637. /* @alternate */
  14638. letter-spacing: var(--mdc-typography-headline6-letter-spacing, 0.0125em);
  14639. text-decoration: inherit;
  14640. /* @alternate */
  14641. -webkit-text-decoration: var(--mdc-typography-headline6-text-decoration, inherit);
  14642. text-decoration: var(--mdc-typography-headline6-text-decoration, inherit);
  14643. text-transform: inherit;
  14644. /* @alternate */
  14645. text-transform: var(--mdc-typography-headline6-text-transform, inherit);
  14646. }
  14647. .mdc-typography--subtitle1 {
  14648. -moz-osx-font-smoothing: grayscale;
  14649. -webkit-font-smoothing: antialiased;
  14650. font-family: Roboto, sans-serif;
  14651. /* @alternate */
  14652. font-family: var(--mdc-typography-subtitle1-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));
  14653. font-size: 1rem;
  14654. /* @alternate */
  14655. font-size: var(--mdc-typography-subtitle1-font-size, 1rem);
  14656. line-height: 1.75rem;
  14657. /* @alternate */
  14658. line-height: var(--mdc-typography-subtitle1-line-height, 1.75rem);
  14659. font-weight: 400;
  14660. /* @alternate */
  14661. font-weight: var(--mdc-typography-subtitle1-font-weight, 400);
  14662. letter-spacing: 0.009375em;
  14663. /* @alternate */
  14664. letter-spacing: var(--mdc-typography-subtitle1-letter-spacing, 0.009375em);
  14665. text-decoration: inherit;
  14666. /* @alternate */
  14667. -webkit-text-decoration: var(--mdc-typography-subtitle1-text-decoration, inherit);
  14668. text-decoration: var(--mdc-typography-subtitle1-text-decoration, inherit);
  14669. text-transform: inherit;
  14670. /* @alternate */
  14671. text-transform: var(--mdc-typography-subtitle1-text-transform, inherit);
  14672. }
  14673. .mdc-typography--subtitle2 {
  14674. -moz-osx-font-smoothing: grayscale;
  14675. -webkit-font-smoothing: antialiased;
  14676. font-family: Roboto, sans-serif;
  14677. /* @alternate */
  14678. font-family: var(--mdc-typography-subtitle2-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));
  14679. font-size: 0.875rem;
  14680. /* @alternate */
  14681. font-size: var(--mdc-typography-subtitle2-font-size, 0.875rem);
  14682. line-height: 1.375rem;
  14683. /* @alternate */
  14684. line-height: var(--mdc-typography-subtitle2-line-height, 1.375rem);
  14685. font-weight: 500;
  14686. /* @alternate */
  14687. font-weight: var(--mdc-typography-subtitle2-font-weight, 500);
  14688. letter-spacing: 0.0071428571em;
  14689. /* @alternate */
  14690. letter-spacing: var(--mdc-typography-subtitle2-letter-spacing, 0.0071428571em);
  14691. text-decoration: inherit;
  14692. /* @alternate */
  14693. -webkit-text-decoration: var(--mdc-typography-subtitle2-text-decoration, inherit);
  14694. text-decoration: var(--mdc-typography-subtitle2-text-decoration, inherit);
  14695. text-transform: inherit;
  14696. /* @alternate */
  14697. text-transform: var(--mdc-typography-subtitle2-text-transform, inherit);
  14698. }
  14699. .mdc-typography--body1 {
  14700. -moz-osx-font-smoothing: grayscale;
  14701. -webkit-font-smoothing: antialiased;
  14702. font-family: Roboto, sans-serif;
  14703. /* @alternate */
  14704. font-family: var(--mdc-typography-body1-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));
  14705. font-size: 1rem;
  14706. /* @alternate */
  14707. font-size: var(--mdc-typography-body1-font-size, 1rem);
  14708. line-height: 1.5rem;
  14709. /* @alternate */
  14710. line-height: var(--mdc-typography-body1-line-height, 1.5rem);
  14711. font-weight: 400;
  14712. /* @alternate */
  14713. font-weight: var(--mdc-typography-body1-font-weight, 400);
  14714. letter-spacing: 0.03125em;
  14715. /* @alternate */
  14716. letter-spacing: var(--mdc-typography-body1-letter-spacing, 0.03125em);
  14717. text-decoration: inherit;
  14718. /* @alternate */
  14719. -webkit-text-decoration: var(--mdc-typography-body1-text-decoration, inherit);
  14720. text-decoration: var(--mdc-typography-body1-text-decoration, inherit);
  14721. text-transform: inherit;
  14722. /* @alternate */
  14723. text-transform: var(--mdc-typography-body1-text-transform, inherit);
  14724. }
  14725. .mdc-typography--body2 {
  14726. -moz-osx-font-smoothing: grayscale;
  14727. -webkit-font-smoothing: antialiased;
  14728. font-family: Roboto, sans-serif;
  14729. /* @alternate */
  14730. font-family: var(--mdc-typography-body2-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));
  14731. font-size: 0.875rem;
  14732. /* @alternate */
  14733. font-size: var(--mdc-typography-body2-font-size, 0.875rem);
  14734. line-height: 1.25rem;
  14735. /* @alternate */
  14736. line-height: var(--mdc-typography-body2-line-height, 1.25rem);
  14737. font-weight: 400;
  14738. /* @alternate */
  14739. font-weight: var(--mdc-typography-body2-font-weight, 400);
  14740. letter-spacing: 0.0178571429em;
  14741. /* @alternate */
  14742. letter-spacing: var(--mdc-typography-body2-letter-spacing, 0.0178571429em);
  14743. text-decoration: inherit;
  14744. /* @alternate */
  14745. -webkit-text-decoration: var(--mdc-typography-body2-text-decoration, inherit);
  14746. text-decoration: var(--mdc-typography-body2-text-decoration, inherit);
  14747. text-transform: inherit;
  14748. /* @alternate */
  14749. text-transform: var(--mdc-typography-body2-text-transform, inherit);
  14750. }
  14751. .mdc-typography--caption {
  14752. -moz-osx-font-smoothing: grayscale;
  14753. -webkit-font-smoothing: antialiased;
  14754. font-family: Roboto, sans-serif;
  14755. /* @alternate */
  14756. font-family: var(--mdc-typography-caption-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));
  14757. font-size: 0.75rem;
  14758. /* @alternate */
  14759. font-size: var(--mdc-typography-caption-font-size, 0.75rem);
  14760. line-height: 1.25rem;
  14761. /* @alternate */
  14762. line-height: var(--mdc-typography-caption-line-height, 1.25rem);
  14763. font-weight: 400;
  14764. /* @alternate */
  14765. font-weight: var(--mdc-typography-caption-font-weight, 400);
  14766. letter-spacing: 0.0333333333em;
  14767. /* @alternate */
  14768. letter-spacing: var(--mdc-typography-caption-letter-spacing, 0.0333333333em);
  14769. text-decoration: inherit;
  14770. /* @alternate */
  14771. -webkit-text-decoration: var(--mdc-typography-caption-text-decoration, inherit);
  14772. text-decoration: var(--mdc-typography-caption-text-decoration, inherit);
  14773. text-transform: inherit;
  14774. /* @alternate */
  14775. text-transform: var(--mdc-typography-caption-text-transform, inherit);
  14776. }
  14777. .mdc-typography--button {
  14778. -moz-osx-font-smoothing: grayscale;
  14779. -webkit-font-smoothing: antialiased;
  14780. font-family: Roboto, sans-serif;
  14781. /* @alternate */
  14782. font-family: var(--mdc-typography-button-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));
  14783. font-size: 0.875rem;
  14784. /* @alternate */
  14785. font-size: var(--mdc-typography-button-font-size, 0.875rem);
  14786. line-height: 2.25rem;
  14787. /* @alternate */
  14788. line-height: var(--mdc-typography-button-line-height, 2.25rem);
  14789. font-weight: 500;
  14790. /* @alternate */
  14791. font-weight: var(--mdc-typography-button-font-weight, 500);
  14792. letter-spacing: 0.0892857143em;
  14793. /* @alternate */
  14794. letter-spacing: var(--mdc-typography-button-letter-spacing, 0.0892857143em);
  14795. text-decoration: none;
  14796. /* @alternate */
  14797. -webkit-text-decoration: var(--mdc-typography-button-text-decoration, none);
  14798. text-decoration: var(--mdc-typography-button-text-decoration, none);
  14799. text-transform: uppercase;
  14800. /* @alternate */
  14801. text-transform: var(--mdc-typography-button-text-transform, uppercase);
  14802. }
  14803. .mdc-typography--overline {
  14804. -moz-osx-font-smoothing: grayscale;
  14805. -webkit-font-smoothing: antialiased;
  14806. font-family: Roboto, sans-serif;
  14807. /* @alternate */
  14808. font-family: var(--mdc-typography-overline-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));
  14809. font-size: 0.75rem;
  14810. /* @alternate */
  14811. font-size: var(--mdc-typography-overline-font-size, 0.75rem);
  14812. line-height: 2rem;
  14813. /* @alternate */
  14814. line-height: var(--mdc-typography-overline-line-height, 2rem);
  14815. font-weight: 500;
  14816. /* @alternate */
  14817. font-weight: var(--mdc-typography-overline-font-weight, 500);
  14818. letter-spacing: 0.1666666667em;
  14819. /* @alternate */
  14820. letter-spacing: var(--mdc-typography-overline-letter-spacing, 0.1666666667em);
  14821. text-decoration: none;
  14822. /* @alternate */
  14823. -webkit-text-decoration: var(--mdc-typography-overline-text-decoration, none);
  14824. text-decoration: var(--mdc-typography-overline-text-decoration, none);
  14825. text-transform: uppercase;
  14826. /* @alternate */
  14827. text-transform: var(--mdc-typography-overline-text-transform, uppercase);
  14828. }
  14829. /*# sourceMappingURL=material-components-web.css.map*/