/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[6].rules[1].use[0]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[6].rules[1].use[1]!./src/styles.scss?ngGlobalStyle ***! \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/ @import url(https://fonts.googleapis.com/css?family=Material+Icons|Material+Icons+Outlined|Material+Icons+Two+Tone|Material+Icons+Round|Material+Icons+Sharp); /*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[6].rules[1].use[0]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[6].rules[1].use[1]!./src/styles.scss?ngGlobalStyle (1) ***! \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/ @import url(https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap); /*!*********************************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./node_modules/flag-icon-css/css/flag-icons.min.css?ngGlobalStyle ***! \*********************************************************************************************************************************************************************************************************************************************************/ .flag-icon-background{background-size:contain;background-position:50%;background-repeat:no-repeat}.flag-icon{background-size:contain;background-position:50%;background-repeat:no-repeat;position:relative;display:inline-block;width:1.33333333em;line-height:1em}.flag-icon:before{content:'\00a0'}.flag-icon.flag-icon-squared{width:1em}.flag-icon-ad{background-image:url('ad.svg')}.flag-icon-ad.flag-icon-squared{background-image:url('_-flags-1x1-ad.svg')}.flag-icon-ae{background-image:url('ae.svg')}.flag-icon-ae.flag-icon-squared{background-image:url('_-flags-1x1-ae.svg')}.flag-icon-af{background-image:url('af.svg')}.flag-icon-af.flag-icon-squared{background-image:url('_-flags-1x1-af.svg')}.flag-icon-ag{background-image:url('ag.svg')}.flag-icon-ag.flag-icon-squared{background-image:url('_-flags-1x1-ag.svg')}.flag-icon-ai{background-image:url('ai.svg')}.flag-icon-ai.flag-icon-squared{background-image:url('_-flags-1x1-ai.svg')}.flag-icon-al{background-image:url('al.svg')}.flag-icon-al.flag-icon-squared{background-image:url('_-flags-1x1-al.svg')}.flag-icon-am{background-image:url('am.svg')}.flag-icon-am.flag-icon-squared{background-image:url('_-flags-1x1-am.svg')}.flag-icon-ao{background-image:url('ao.svg')}.flag-icon-ao.flag-icon-squared{background-image:url('_-flags-1x1-ao.svg')}.flag-icon-aq{background-image:url('aq.svg')}.flag-icon-aq.flag-icon-squared{background-image:url('_-flags-1x1-aq.svg')}.flag-icon-ar{background-image:url('ar.svg')}.flag-icon-ar.flag-icon-squared{background-image:url('_-flags-1x1-ar.svg')}.flag-icon-as{background-image:url('as.svg')}.flag-icon-as.flag-icon-squared{background-image:url('_-flags-1x1-as.svg')}.flag-icon-at{background-image:url('at.svg')}.flag-icon-at.flag-icon-squared{background-image:url('_-flags-1x1-at.svg')}.flag-icon-au{background-image:url('au.svg')}.flag-icon-au.flag-icon-squared{background-image:url('_-flags-1x1-au.svg')}.flag-icon-aw{background-image:url('aw.svg')}.flag-icon-aw.flag-icon-squared{background-image:url('_-flags-1x1-aw.svg')}.flag-icon-ax{background-image:url('ax.svg')}.flag-icon-ax.flag-icon-squared{background-image:url('_-flags-1x1-ax.svg')}.flag-icon-az{background-image:url('az.svg')}.flag-icon-az.flag-icon-squared{background-image:url('_-flags-1x1-az.svg')}.flag-icon-ba{background-image:url('ba.svg')}.flag-icon-ba.flag-icon-squared{background-image:url('_-flags-1x1-ba.svg')}.flag-icon-bb{background-image:url('bb.svg')}.flag-icon-bb.flag-icon-squared{background-image:url('_-flags-1x1-bb.svg')}.flag-icon-bd{background-image:url('bd.svg')}.flag-icon-bd.flag-icon-squared{background-image:url('_-flags-1x1-bd.svg')}.flag-icon-be{background-image:url('be.svg')}.flag-icon-be.flag-icon-squared{background-image:url('_-flags-1x1-be.svg')}.flag-icon-bf{background-image:url('bf.svg')}.flag-icon-bf.flag-icon-squared{background-image:url('_-flags-1x1-bf.svg')}.flag-icon-bg{background-image:url('bg.svg')}.flag-icon-bg.flag-icon-squared{background-image:url('_-flags-1x1-bg.svg')}.flag-icon-bh{background-image:url('bh.svg')}.flag-icon-bh.flag-icon-squared{background-image:url('_-flags-1x1-bh.svg')}.flag-icon-bi{background-image:url('bi.svg')}.flag-icon-bi.flag-icon-squared{background-image:url('_-flags-1x1-bi.svg')}.flag-icon-bj{background-image:url('bj.svg')}.flag-icon-bj.flag-icon-squared{background-image:url('_-flags-1x1-bj.svg')}.flag-icon-bl{background-image:url('bl.svg')}.flag-icon-bl.flag-icon-squared{background-image:url('_-flags-1x1-bl.svg')}.flag-icon-bm{background-image:url('bm.svg')}.flag-icon-bm.flag-icon-squared{background-image:url('_-flags-1x1-bm.svg')}.flag-icon-bn{background-image:url('bn.svg')}.flag-icon-bn.flag-icon-squared{background-image:url('_-flags-1x1-bn.svg')}.flag-icon-bo{background-image:url('bo.svg')}.flag-icon-bo.flag-icon-squared{background-image:url('_-flags-1x1-bo.svg')}.flag-icon-bq{background-image:url('bq.svg')}.flag-icon-bq.flag-icon-squared{background-image:url('_-flags-1x1-bq.svg')}.flag-icon-br{background-image:url('br.svg')}.flag-icon-br.flag-icon-squared{background-image:url('_-flags-1x1-br.svg')}.flag-icon-bs{background-image:url('bs.svg')}.flag-icon-bs.flag-icon-squared{background-image:url('_-flags-1x1-bs.svg')}.flag-icon-bt{background-image:url('bt.svg')}.flag-icon-bt.flag-icon-squared{background-image:url('_-flags-1x1-bt.svg')}.flag-icon-bv{background-image:url('bv.svg')}.flag-icon-bv.flag-icon-squared{background-image:url('_-flags-1x1-bv.svg')}.flag-icon-bw{background-image:url('bw.svg')}.flag-icon-bw.flag-icon-squared{background-image:url('_-flags-1x1-bw.svg')}.flag-icon-by{background-image:url('by.svg')}.flag-icon-by.flag-icon-squared{background-image:url('_-flags-1x1-by.svg')}.flag-icon-bz{background-image:url('bz.svg')}.flag-icon-bz.flag-icon-squared{background-image:url('_-flags-1x1-bz.svg')}.flag-icon-ca{background-image:url('ca.svg')}.flag-icon-ca.flag-icon-squared{background-image:url('_-flags-1x1-ca.svg')}.flag-icon-cc{background-image:url('cc.svg')}.flag-icon-cc.flag-icon-squared{background-image:url('_-flags-1x1-cc.svg')}.flag-icon-cd{background-image:url('cd.svg')}.flag-icon-cd.flag-icon-squared{background-image:url('_-flags-1x1-cd.svg')}.flag-icon-cf{background-image:url('cf.svg')}.flag-icon-cf.flag-icon-squared{background-image:url('_-flags-1x1-cf.svg')}.flag-icon-cg{background-image:url('cg.svg')}.flag-icon-cg.flag-icon-squared{background-image:url('_-flags-1x1-cg.svg')}.flag-icon-ch{background-image:url('ch.svg')}.flag-icon-ch.flag-icon-squared{background-image:url('_-flags-1x1-ch.svg')}.flag-icon-ci{background-image:url('ci.svg')}.flag-icon-ci.flag-icon-squared{background-image:url('_-flags-1x1-ci.svg')}.flag-icon-ck{background-image:url('ck.svg')}.flag-icon-ck.flag-icon-squared{background-image:url('_-flags-1x1-ck.svg')}.flag-icon-cl{background-image:url('cl.svg')}.flag-icon-cl.flag-icon-squared{background-image:url('_-flags-1x1-cl.svg')}.flag-icon-cm{background-image:url('cm.svg')}.flag-icon-cm.flag-icon-squared{background-image:url('_-flags-1x1-cm.svg')}.flag-icon-cn{background-image:url('cn.svg')}.flag-icon-cn.flag-icon-squared{background-image:url('_-flags-1x1-cn.svg')}.flag-icon-co{background-image:url('co.svg')}.flag-icon-co.flag-icon-squared{background-image:url('_-flags-1x1-co.svg')}.flag-icon-cr{background-image:url('cr.svg')}.flag-icon-cr.flag-icon-squared{background-image:url('_-flags-1x1-cr.svg')}.flag-icon-cu{background-image:url('cu.svg')}.flag-icon-cu.flag-icon-squared{background-image:url('_-flags-1x1-cu.svg')}.flag-icon-cv{background-image:url('cv.svg')}.flag-icon-cv.flag-icon-squared{background-image:url('_-flags-1x1-cv.svg')}.flag-icon-cw{background-image:url('cw.svg')}.flag-icon-cw.flag-icon-squared{background-image:url('_-flags-1x1-cw.svg')}.flag-icon-cx{background-image:url('cx.svg')}.flag-icon-cx.flag-icon-squared{background-image:url('_-flags-1x1-cx.svg')}.flag-icon-cy{background-image:url('cy.svg')}.flag-icon-cy.flag-icon-squared{background-image:url('_-flags-1x1-cy.svg')}.flag-icon-cz{background-image:url('cz.svg')}.flag-icon-cz.flag-icon-squared{background-image:url('_-flags-1x1-cz.svg')}.flag-icon-de{background-image:url('de.svg')}.flag-icon-de.flag-icon-squared{background-image:url('_-flags-1x1-de.svg')}.flag-icon-dj{background-image:url('dj.svg')}.flag-icon-dj.flag-icon-squared{background-image:url('_-flags-1x1-dj.svg')}.flag-icon-dk{background-image:url('dk.svg')}.flag-icon-dk.flag-icon-squared{background-image:url('_-flags-1x1-dk.svg')}.flag-icon-dm{background-image:url('dm.svg')}.flag-icon-dm.flag-icon-squared{background-image:url('_-flags-1x1-dm.svg')}.flag-icon-do{background-image:url('do.svg')}.flag-icon-do.flag-icon-squared{background-image:url('_-flags-1x1-do.svg')}.flag-icon-dz{background-image:url('dz.svg')}.flag-icon-dz.flag-icon-squared{background-image:url('_-flags-1x1-dz.svg')}.flag-icon-ec{background-image:url('ec.svg')}.flag-icon-ec.flag-icon-squared{background-image:url('_-flags-1x1-ec.svg')}.flag-icon-ee{background-image:url('ee.svg')}.flag-icon-ee.flag-icon-squared{background-image:url('_-flags-1x1-ee.svg')}.flag-icon-eg{background-image:url('eg.svg')}.flag-icon-eg.flag-icon-squared{background-image:url('_-flags-1x1-eg.svg')}.flag-icon-eh{background-image:url('eh.svg')}.flag-icon-eh.flag-icon-squared{background-image:url('_-flags-1x1-eh.svg')}.flag-icon-er{background-image:url('er.svg')}.flag-icon-er.flag-icon-squared{background-image:url('_-flags-1x1-er.svg')}.flag-icon-es{background-image:url('es.svg')}.flag-icon-es.flag-icon-squared{background-image:url('_-flags-1x1-es.svg')}.flag-icon-et{background-image:url('et.svg')}.flag-icon-et.flag-icon-squared{background-image:url('_-flags-1x1-et.svg')}.flag-icon-fi{background-image:url('fi.svg')}.flag-icon-fi.flag-icon-squared{background-image:url('_-flags-1x1-fi.svg')}.flag-icon-fj{background-image:url('fj.svg')}.flag-icon-fj.flag-icon-squared{background-image:url('_-flags-1x1-fj.svg')}.flag-icon-fk{background-image:url('fk.svg')}.flag-icon-fk.flag-icon-squared{background-image:url('_-flags-1x1-fk.svg')}.flag-icon-fm{background-image:url('fm.svg')}.flag-icon-fm.flag-icon-squared{background-image:url('_-flags-1x1-fm.svg')}.flag-icon-fo{background-image:url('fo.svg')}.flag-icon-fo.flag-icon-squared{background-image:url('_-flags-1x1-fo.svg')}.flag-icon-fr{background-image:url('fr.svg')}.flag-icon-fr.flag-icon-squared{background-image:url('_-flags-1x1-fr.svg')}.flag-icon-ga{background-image:url('ga.svg')}.flag-icon-ga.flag-icon-squared{background-image:url('_-flags-1x1-ga.svg')}.flag-icon-gb{background-image:url('gb.svg')}.flag-icon-gb.flag-icon-squared{background-image:url('_-flags-1x1-gb.svg')}.flag-icon-gd{background-image:url('gd.svg')}.flag-icon-gd.flag-icon-squared{background-image:url('_-flags-1x1-gd.svg')}.flag-icon-ge{background-image:url('ge.svg')}.flag-icon-ge.flag-icon-squared{background-image:url('_-flags-1x1-ge.svg')}.flag-icon-gf{background-image:url('gf.svg')}.flag-icon-gf.flag-icon-squared{background-image:url('_-flags-1x1-gf.svg')}.flag-icon-gg{background-image:url('gg.svg')}.flag-icon-gg.flag-icon-squared{background-image:url('_-flags-1x1-gg.svg')}.flag-icon-gh{background-image:url('gh.svg')}.flag-icon-gh.flag-icon-squared{background-image:url('_-flags-1x1-gh.svg')}.flag-icon-gi{background-image:url('gi.svg')}.flag-icon-gi.flag-icon-squared{background-image:url('_-flags-1x1-gi.svg')}.flag-icon-gl{background-image:url('gl.svg')}.flag-icon-gl.flag-icon-squared{background-image:url('_-flags-1x1-gl.svg')}.flag-icon-gm{background-image:url('gm.svg')}.flag-icon-gm.flag-icon-squared{background-image:url('_-flags-1x1-gm.svg')}.flag-icon-gn{background-image:url('gn.svg')}.flag-icon-gn.flag-icon-squared{background-image:url('_-flags-1x1-gn.svg')}.flag-icon-gp{background-image:url('gp.svg')}.flag-icon-gp.flag-icon-squared{background-image:url('_-flags-1x1-gp.svg')}.flag-icon-gq{background-image:url('gq.svg')}.flag-icon-gq.flag-icon-squared{background-image:url('_-flags-1x1-gq.svg')}.flag-icon-gr{background-image:url('gr.svg')}.flag-icon-gr.flag-icon-squared{background-image:url('_-flags-1x1-gr.svg')}.flag-icon-gs{background-image:url('gs.svg')}.flag-icon-gs.flag-icon-squared{background-image:url('_-flags-1x1-gs.svg')}.flag-icon-gt{background-image:url('gt.svg')}.flag-icon-gt.flag-icon-squared{background-image:url('_-flags-1x1-gt.svg')}.flag-icon-gu{background-image:url('gu.svg')}.flag-icon-gu.flag-icon-squared{background-image:url('_-flags-1x1-gu.svg')}.flag-icon-gw{background-image:url('gw.svg')}.flag-icon-gw.flag-icon-squared{background-image:url('_-flags-1x1-gw.svg')}.flag-icon-gy{background-image:url('gy.svg')}.flag-icon-gy.flag-icon-squared{background-image:url('_-flags-1x1-gy.svg')}.flag-icon-hk{background-image:url('hk.svg')}.flag-icon-hk.flag-icon-squared{background-image:url('_-flags-1x1-hk.svg')}.flag-icon-hm{background-image:url('hm.svg')}.flag-icon-hm.flag-icon-squared{background-image:url('_-flags-1x1-hm.svg')}.flag-icon-hn{background-image:url('hn.svg')}.flag-icon-hn.flag-icon-squared{background-image:url('_-flags-1x1-hn.svg')}.flag-icon-hr{background-image:url('hr.svg')}.flag-icon-hr.flag-icon-squared{background-image:url('_-flags-1x1-hr.svg')}.flag-icon-ht{background-image:url('ht.svg')}.flag-icon-ht.flag-icon-squared{background-image:url('_-flags-1x1-ht.svg')}.flag-icon-hu{background-image:url('hu.svg')}.flag-icon-hu.flag-icon-squared{background-image:url('_-flags-1x1-hu.svg')}.flag-icon-id{background-image:url('id.svg')}.flag-icon-id.flag-icon-squared{background-image:url('_-flags-1x1-id.svg')}.flag-icon-ie{background-image:url('ie.svg')}.flag-icon-ie.flag-icon-squared{background-image:url('_-flags-1x1-ie.svg')}.flag-icon-il{background-image:url('il.svg')}.flag-icon-il.flag-icon-squared{background-image:url('_-flags-1x1-il.svg')}.flag-icon-im{background-image:url('im.svg')}.flag-icon-im.flag-icon-squared{background-image:url('_-flags-1x1-im.svg')}.flag-icon-in{background-image:url('in.svg')}.flag-icon-in.flag-icon-squared{background-image:url('_-flags-1x1-in.svg')}.flag-icon-io{background-image:url('io.svg')}.flag-icon-io.flag-icon-squared{background-image:url('_-flags-1x1-io.svg')}.flag-icon-iq{background-image:url('iq.svg')}.flag-icon-iq.flag-icon-squared{background-image:url('_-flags-1x1-iq.svg')}.flag-icon-ir{background-image:url('ir.svg')}.flag-icon-ir.flag-icon-squared{background-image:url('_-flags-1x1-ir.svg')}.flag-icon-is{background-image:url('is.svg')}.flag-icon-is.flag-icon-squared{background-image:url('_-flags-1x1-is.svg')}.flag-icon-it{background-image:url('it.svg')}.flag-icon-it.flag-icon-squared{background-image:url('_-flags-1x1-it.svg')}.flag-icon-je{background-image:url('je.svg')}.flag-icon-je.flag-icon-squared{background-image:url('_-flags-1x1-je.svg')}.flag-icon-jm{background-image:url('jm.svg')}.flag-icon-jm.flag-icon-squared{background-image:url('_-flags-1x1-jm.svg')}.flag-icon-jo{background-image:url('jo.svg')}.flag-icon-jo.flag-icon-squared{background-image:url('_-flags-1x1-jo.svg')}.flag-icon-jp{background-image:url('jp.svg')}.flag-icon-jp.flag-icon-squared{background-image:url('_-flags-1x1-jp.svg')}.flag-icon-ke{background-image:url('ke.svg')}.flag-icon-ke.flag-icon-squared{background-image:url('_-flags-1x1-ke.svg')}.flag-icon-kg{background-image:url('kg.svg')}.flag-icon-kg.flag-icon-squared{background-image:url('_-flags-1x1-kg.svg')}.flag-icon-kh{background-image:url('kh.svg')}.flag-icon-kh.flag-icon-squared{background-image:url('_-flags-1x1-kh.svg')}.flag-icon-ki{background-image:url('ki.svg')}.flag-icon-ki.flag-icon-squared{background-image:url('_-flags-1x1-ki.svg')}.flag-icon-km{background-image:url('km.svg')}.flag-icon-km.flag-icon-squared{background-image:url('_-flags-1x1-km.svg')}.flag-icon-kn{background-image:url('kn.svg')}.flag-icon-kn.flag-icon-squared{background-image:url('_-flags-1x1-kn.svg')}.flag-icon-kp{background-image:url('kp.svg')}.flag-icon-kp.flag-icon-squared{background-image:url('_-flags-1x1-kp.svg')}.flag-icon-kr{background-image:url('kr.svg')}.flag-icon-kr.flag-icon-squared{background-image:url('_-flags-1x1-kr.svg')}.flag-icon-kw{background-image:url('kw.svg')}.flag-icon-kw.flag-icon-squared{background-image:url('_-flags-1x1-kw.svg')}.flag-icon-ky{background-image:url('ky.svg')}.flag-icon-ky.flag-icon-squared{background-image:url('_-flags-1x1-ky.svg')}.flag-icon-kz{background-image:url('kz.svg')}.flag-icon-kz.flag-icon-squared{background-image:url('_-flags-1x1-kz.svg')}.flag-icon-la{background-image:url('la.svg')}.flag-icon-la.flag-icon-squared{background-image:url('_-flags-1x1-la.svg')}.flag-icon-lb{background-image:url('lb.svg')}.flag-icon-lb.flag-icon-squared{background-image:url('_-flags-1x1-lb.svg')}.flag-icon-lc{background-image:url('lc.svg')}.flag-icon-lc.flag-icon-squared{background-image:url('_-flags-1x1-lc.svg')}.flag-icon-li{background-image:url('li.svg')}.flag-icon-li.flag-icon-squared{background-image:url('_-flags-1x1-li.svg')}.flag-icon-lk{background-image:url('lk.svg')}.flag-icon-lk.flag-icon-squared{background-image:url('_-flags-1x1-lk.svg')}.flag-icon-lr{background-image:url('lr.svg')}.flag-icon-lr.flag-icon-squared{background-image:url('_-flags-1x1-lr.svg')}.flag-icon-ls{background-image:url('ls.svg')}.flag-icon-ls.flag-icon-squared{background-image:url('_-flags-1x1-ls.svg')}.flag-icon-lt{background-image:url('lt.svg')}.flag-icon-lt.flag-icon-squared{background-image:url('_-flags-1x1-lt.svg')}.flag-icon-lu{background-image:url('lu.svg')}.flag-icon-lu.flag-icon-squared{background-image:url('_-flags-1x1-lu.svg')}.flag-icon-lv{background-image:url('lv.svg')}.flag-icon-lv.flag-icon-squared{background-image:url('_-flags-1x1-lv.svg')}.flag-icon-ly{background-image:url('ly.svg')}.flag-icon-ly.flag-icon-squared{background-image:url('_-flags-1x1-ly.svg')}.flag-icon-ma{background-image:url('ma.svg')}.flag-icon-ma.flag-icon-squared{background-image:url('_-flags-1x1-ma.svg')}.flag-icon-mc{background-image:url('mc.svg')}.flag-icon-mc.flag-icon-squared{background-image:url('_-flags-1x1-mc.svg')}.flag-icon-md{background-image:url('md.svg')}.flag-icon-md.flag-icon-squared{background-image:url('_-flags-1x1-md.svg')}.flag-icon-me{background-image:url('me.svg')}.flag-icon-me.flag-icon-squared{background-image:url('_-flags-1x1-me.svg')}.flag-icon-mf{background-image:url('mf.svg')}.flag-icon-mf.flag-icon-squared{background-image:url('_-flags-1x1-mf.svg')}.flag-icon-mg{background-image:url('mg.svg')}.flag-icon-mg.flag-icon-squared{background-image:url('_-flags-1x1-mg.svg')}.flag-icon-mh{background-image:url('mh.svg')}.flag-icon-mh.flag-icon-squared{background-image:url('_-flags-1x1-mh.svg')}.flag-icon-mk{background-image:url('mk.svg')}.flag-icon-mk.flag-icon-squared{background-image:url('_-flags-1x1-mk.svg')}.flag-icon-ml{background-image:url('ml.svg')}.flag-icon-ml.flag-icon-squared{background-image:url('_-flags-1x1-ml.svg')}.flag-icon-mm{background-image:url('mm.svg')}.flag-icon-mm.flag-icon-squared{background-image:url('_-flags-1x1-mm.svg')}.flag-icon-mn{background-image:url('mn.svg')}.flag-icon-mn.flag-icon-squared{background-image:url('_-flags-1x1-mn.svg')}.flag-icon-mo{background-image:url('mo.svg')}.flag-icon-mo.flag-icon-squared{background-image:url('_-flags-1x1-mo.svg')}.flag-icon-mp{background-image:url('mp.svg')}.flag-icon-mp.flag-icon-squared{background-image:url('_-flags-1x1-mp.svg')}.flag-icon-mq{background-image:url('mq.svg')}.flag-icon-mq.flag-icon-squared{background-image:url('_-flags-1x1-mq.svg')}.flag-icon-mr{background-image:url('mr.svg')}.flag-icon-mr.flag-icon-squared{background-image:url('_-flags-1x1-mr.svg')}.flag-icon-ms{background-image:url('ms.svg')}.flag-icon-ms.flag-icon-squared{background-image:url('_-flags-1x1-ms.svg')}.flag-icon-mt{background-image:url('mt.svg')}.flag-icon-mt.flag-icon-squared{background-image:url('_-flags-1x1-mt.svg')}.flag-icon-mu{background-image:url('mu.svg')}.flag-icon-mu.flag-icon-squared{background-image:url('_-flags-1x1-mu.svg')}.flag-icon-mv{background-image:url('mv.svg')}.flag-icon-mv.flag-icon-squared{background-image:url('_-flags-1x1-mv.svg')}.flag-icon-mw{background-image:url('mw.svg')}.flag-icon-mw.flag-icon-squared{background-image:url('_-flags-1x1-mw.svg')}.flag-icon-mx{background-image:url('mx.svg')}.flag-icon-mx.flag-icon-squared{background-image:url('_-flags-1x1-mx.svg')}.flag-icon-my{background-image:url('my.svg')}.flag-icon-my.flag-icon-squared{background-image:url('_-flags-1x1-my.svg')}.flag-icon-mz{background-image:url('mz.svg')}.flag-icon-mz.flag-icon-squared{background-image:url('_-flags-1x1-mz.svg')}.flag-icon-na{background-image:url('na.svg')}.flag-icon-na.flag-icon-squared{background-image:url('_-flags-1x1-na.svg')}.flag-icon-nc{background-image:url('nc.svg')}.flag-icon-nc.flag-icon-squared{background-image:url('_-flags-1x1-nc.svg')}.flag-icon-ne{background-image:url('ne.svg')}.flag-icon-ne.flag-icon-squared{background-image:url('_-flags-1x1-ne.svg')}.flag-icon-nf{background-image:url('nf.svg')}.flag-icon-nf.flag-icon-squared{background-image:url('_-flags-1x1-nf.svg')}.flag-icon-ng{background-image:url('ng.svg')}.flag-icon-ng.flag-icon-squared{background-image:url('_-flags-1x1-ng.svg')}.flag-icon-ni{background-image:url('ni.svg')}.flag-icon-ni.flag-icon-squared{background-image:url('_-flags-1x1-ni.svg')}.flag-icon-nl{background-image:url('nl.svg')}.flag-icon-nl.flag-icon-squared{background-image:url('_-flags-1x1-nl.svg')}.flag-icon-no{background-image:url('no.svg')}.flag-icon-no.flag-icon-squared{background-image:url('_-flags-1x1-no.svg')}.flag-icon-np{background-image:url('np.svg')}.flag-icon-np.flag-icon-squared{background-image:url('_-flags-1x1-np.svg')}.flag-icon-nr{background-image:url('nr.svg')}.flag-icon-nr.flag-icon-squared{background-image:url('_-flags-1x1-nr.svg')}.flag-icon-nu{background-image:url('nu.svg')}.flag-icon-nu.flag-icon-squared{background-image:url('_-flags-1x1-nu.svg')}.flag-icon-nz{background-image:url('nz.svg')}.flag-icon-nz.flag-icon-squared{background-image:url('_-flags-1x1-nz.svg')}.flag-icon-om{background-image:url('om.svg')}.flag-icon-om.flag-icon-squared{background-image:url('_-flags-1x1-om.svg')}.flag-icon-pa{background-image:url('pa.svg')}.flag-icon-pa.flag-icon-squared{background-image:url('_-flags-1x1-pa.svg')}.flag-icon-pe{background-image:url('pe.svg')}.flag-icon-pe.flag-icon-squared{background-image:url('_-flags-1x1-pe.svg')}.flag-icon-pf{background-image:url('pf.svg')}.flag-icon-pf.flag-icon-squared{background-image:url('_-flags-1x1-pf.svg')}.flag-icon-pg{background-image:url('pg.svg')}.flag-icon-pg.flag-icon-squared{background-image:url('_-flags-1x1-pg.svg')}.flag-icon-ph{background-image:url('ph.svg')}.flag-icon-ph.flag-icon-squared{background-image:url('_-flags-1x1-ph.svg')}.flag-icon-pk{background-image:url('pk.svg')}.flag-icon-pk.flag-icon-squared{background-image:url('_-flags-1x1-pk.svg')}.flag-icon-pl{background-image:url('pl.svg')}.flag-icon-pl.flag-icon-squared{background-image:url('_-flags-1x1-pl.svg')}.flag-icon-pm{background-image:url('pm.svg')}.flag-icon-pm.flag-icon-squared{background-image:url('_-flags-1x1-pm.svg')}.flag-icon-pn{background-image:url('pn.svg')}.flag-icon-pn.flag-icon-squared{background-image:url('_-flags-1x1-pn.svg')}.flag-icon-pr{background-image:url('pr.svg')}.flag-icon-pr.flag-icon-squared{background-image:url('_-flags-1x1-pr.svg')}.flag-icon-ps{background-image:url('ps.svg')}.flag-icon-ps.flag-icon-squared{background-image:url('_-flags-1x1-ps.svg')}.flag-icon-pt{background-image:url('pt.svg')}.flag-icon-pt.flag-icon-squared{background-image:url('_-flags-1x1-pt.svg')}.flag-icon-pw{background-image:url('pw.svg')}.flag-icon-pw.flag-icon-squared{background-image:url('_-flags-1x1-pw.svg')}.flag-icon-py{background-image:url('py.svg')}.flag-icon-py.flag-icon-squared{background-image:url('_-flags-1x1-py.svg')}.flag-icon-qa{background-image:url('qa.svg')}.flag-icon-qa.flag-icon-squared{background-image:url('_-flags-1x1-qa.svg')}.flag-icon-re{background-image:url('re.svg')}.flag-icon-re.flag-icon-squared{background-image:url('_-flags-1x1-re.svg')}.flag-icon-ro{background-image:url('ro.svg')}.flag-icon-ro.flag-icon-squared{background-image:url('_-flags-1x1-ro.svg')}.flag-icon-rs{background-image:url('rs.svg')}.flag-icon-rs.flag-icon-squared{background-image:url('_-flags-1x1-rs.svg')}.flag-icon-ru{background-image:url('ru.svg')}.flag-icon-ru.flag-icon-squared{background-image:url('_-flags-1x1-ru.svg')}.flag-icon-rw{background-image:url('rw.svg')}.flag-icon-rw.flag-icon-squared{background-image:url('_-flags-1x1-rw.svg')}.flag-icon-sa{background-image:url('sa.svg')}.flag-icon-sa.flag-icon-squared{background-image:url('_-flags-1x1-sa.svg')}.flag-icon-sb{background-image:url('sb.svg')}.flag-icon-sb.flag-icon-squared{background-image:url('_-flags-1x1-sb.svg')}.flag-icon-sc{background-image:url('sc.svg')}.flag-icon-sc.flag-icon-squared{background-image:url('_-flags-1x1-sc.svg')}.flag-icon-sd{background-image:url('sd.svg')}.flag-icon-sd.flag-icon-squared{background-image:url('_-flags-1x1-sd.svg')}.flag-icon-se{background-image:url('se.svg')}.flag-icon-se.flag-icon-squared{background-image:url('_-flags-1x1-se.svg')}.flag-icon-sg{background-image:url('sg.svg')}.flag-icon-sg.flag-icon-squared{background-image:url('_-flags-1x1-sg.svg')}.flag-icon-sh{background-image:url('sh.svg')}.flag-icon-sh.flag-icon-squared{background-image:url('_-flags-1x1-sh.svg')}.flag-icon-si{background-image:url('si.svg')}.flag-icon-si.flag-icon-squared{background-image:url('_-flags-1x1-si.svg')}.flag-icon-sj{background-image:url('sj.svg')}.flag-icon-sj.flag-icon-squared{background-image:url('_-flags-1x1-sj.svg')}.flag-icon-sk{background-image:url('sk.svg')}.flag-icon-sk.flag-icon-squared{background-image:url('_-flags-1x1-sk.svg')}.flag-icon-sl{background-image:url('sl.svg')}.flag-icon-sl.flag-icon-squared{background-image:url('_-flags-1x1-sl.svg')}.flag-icon-sm{background-image:url('sm.svg')}.flag-icon-sm.flag-icon-squared{background-image:url('_-flags-1x1-sm.svg')}.flag-icon-sn{background-image:url('sn.svg')}.flag-icon-sn.flag-icon-squared{background-image:url('_-flags-1x1-sn.svg')}.flag-icon-so{background-image:url('so.svg')}.flag-icon-so.flag-icon-squared{background-image:url('_-flags-1x1-so.svg')}.flag-icon-sr{background-image:url('sr.svg')}.flag-icon-sr.flag-icon-squared{background-image:url('_-flags-1x1-sr.svg')}.flag-icon-ss{background-image:url('ss.svg')}.flag-icon-ss.flag-icon-squared{background-image:url('_-flags-1x1-ss.svg')}.flag-icon-st{background-image:url('st.svg')}.flag-icon-st.flag-icon-squared{background-image:url('_-flags-1x1-st.svg')}.flag-icon-sv{background-image:url('sv.svg')}.flag-icon-sv.flag-icon-squared{background-image:url('_-flags-1x1-sv.svg')}.flag-icon-sx{background-image:url('sx.svg')}.flag-icon-sx.flag-icon-squared{background-image:url('_-flags-1x1-sx.svg')}.flag-icon-sy{background-image:url('sy.svg')}.flag-icon-sy.flag-icon-squared{background-image:url('_-flags-1x1-sy.svg')}.flag-icon-sz{background-image:url('sz.svg')}.flag-icon-sz.flag-icon-squared{background-image:url('_-flags-1x1-sz.svg')}.flag-icon-tc{background-image:url('tc.svg')}.flag-icon-tc.flag-icon-squared{background-image:url('_-flags-1x1-tc.svg')}.flag-icon-td{background-image:url('td.svg')}.flag-icon-td.flag-icon-squared{background-image:url('_-flags-1x1-td.svg')}.flag-icon-tf{background-image:url('tf.svg')}.flag-icon-tf.flag-icon-squared{background-image:url('_-flags-1x1-tf.svg')}.flag-icon-tg{background-image:url('tg.svg')}.flag-icon-tg.flag-icon-squared{background-image:url('_-flags-1x1-tg.svg')}.flag-icon-th{background-image:url('th.svg')}.flag-icon-th.flag-icon-squared{background-image:url('_-flags-1x1-th.svg')}.flag-icon-tj{background-image:url('tj.svg')}.flag-icon-tj.flag-icon-squared{background-image:url('_-flags-1x1-tj.svg')}.flag-icon-tk{background-image:url('tk.svg')}.flag-icon-tk.flag-icon-squared{background-image:url('_-flags-1x1-tk.svg')}.flag-icon-tl{background-image:url('tl.svg')}.flag-icon-tl.flag-icon-squared{background-image:url('_-flags-1x1-tl.svg')}.flag-icon-tm{background-image:url('tm.svg')}.flag-icon-tm.flag-icon-squared{background-image:url('_-flags-1x1-tm.svg')}.flag-icon-tn{background-image:url('tn.svg')}.flag-icon-tn.flag-icon-squared{background-image:url('_-flags-1x1-tn.svg')}.flag-icon-to{background-image:url('to.svg')}.flag-icon-to.flag-icon-squared{background-image:url('_-flags-1x1-to.svg')}.flag-icon-tr{background-image:url('tr.svg')}.flag-icon-tr.flag-icon-squared{background-image:url('_-flags-1x1-tr.svg')}.flag-icon-tt{background-image:url('tt.svg')}.flag-icon-tt.flag-icon-squared{background-image:url('_-flags-1x1-tt.svg')}.flag-icon-tv{background-image:url('tv.svg')}.flag-icon-tv.flag-icon-squared{background-image:url('_-flags-1x1-tv.svg')}.flag-icon-tw{background-image:url('tw.svg')}.flag-icon-tw.flag-icon-squared{background-image:url('_-flags-1x1-tw.svg')}.flag-icon-tz{background-image:url('tz.svg')}.flag-icon-tz.flag-icon-squared{background-image:url('_-flags-1x1-tz.svg')}.flag-icon-ua{background-image:url('ua.svg')}.flag-icon-ua.flag-icon-squared{background-image:url('_-flags-1x1-ua.svg')}.flag-icon-ug{background-image:url('ug.svg')}.flag-icon-ug.flag-icon-squared{background-image:url('_-flags-1x1-ug.svg')}.flag-icon-um{background-image:url('um.svg')}.flag-icon-um.flag-icon-squared{background-image:url('_-flags-1x1-um.svg')}.flag-icon-us{background-image:url('us.svg')}.flag-icon-us.flag-icon-squared{background-image:url('_-flags-1x1-us.svg')}.flag-icon-uy{background-image:url('uy.svg')}.flag-icon-uy.flag-icon-squared{background-image:url('_-flags-1x1-uy.svg')}.flag-icon-uz{background-image:url('uz.svg')}.flag-icon-uz.flag-icon-squared{background-image:url('_-flags-1x1-uz.svg')}.flag-icon-va{background-image:url('va.svg')}.flag-icon-va.flag-icon-squared{background-image:url('_-flags-1x1-va.svg')}.flag-icon-vc{background-image:url('vc.svg')}.flag-icon-vc.flag-icon-squared{background-image:url('_-flags-1x1-vc.svg')}.flag-icon-ve{background-image:url('ve.svg')}.flag-icon-ve.flag-icon-squared{background-image:url('_-flags-1x1-ve.svg')}.flag-icon-vg{background-image:url('vg.svg')}.flag-icon-vg.flag-icon-squared{background-image:url('_-flags-1x1-vg.svg')}.flag-icon-vi{background-image:url('vi.svg')}.flag-icon-vi.flag-icon-squared{background-image:url('_-flags-1x1-vi.svg')}.flag-icon-vn{background-image:url('vn.svg')}.flag-icon-vn.flag-icon-squared{background-image:url('_-flags-1x1-vn.svg')}.flag-icon-vu{background-image:url('vu.svg')}.flag-icon-vu.flag-icon-squared{background-image:url('_-flags-1x1-vu.svg')}.flag-icon-wf{background-image:url('wf.svg')}.flag-icon-wf.flag-icon-squared{background-image:url('_-flags-1x1-wf.svg')}.flag-icon-ws{background-image:url('ws.svg')}.flag-icon-ws.flag-icon-squared{background-image:url('_-flags-1x1-ws.svg')}.flag-icon-ye{background-image:url('ye.svg')}.flag-icon-ye.flag-icon-squared{background-image:url('_-flags-1x1-ye.svg')}.flag-icon-yt{background-image:url('yt.svg')}.flag-icon-yt.flag-icon-squared{background-image:url('_-flags-1x1-yt.svg')}.flag-icon-za{background-image:url('za.svg')}.flag-icon-za.flag-icon-squared{background-image:url('_-flags-1x1-za.svg')}.flag-icon-zm{background-image:url('zm.svg')}.flag-icon-zm.flag-icon-squared{background-image:url('_-flags-1x1-zm.svg')}.flag-icon-zw{background-image:url('zw.svg')}.flag-icon-zw.flag-icon-squared{background-image:url('_-flags-1x1-zw.svg')}.flag-icon-ac{background-image:url('ac.svg')}.flag-icon-ac.flag-icon-squared{background-image:url('_-flags-1x1-ac.svg')}.flag-icon-cp{background-image:url('cp.svg')}.flag-icon-cp.flag-icon-squared{background-image:url('_-flags-1x1-cp.svg')}.flag-icon-dg{background-image:url('dg.svg')}.flag-icon-dg.flag-icon-squared{background-image:url('_-flags-1x1-dg.svg')}.flag-icon-ea{background-image:url('ea.svg')}.flag-icon-ea.flag-icon-squared{background-image:url('_-flags-1x1-ea.svg')}.flag-icon-es-ct{background-image:url('es-ct.svg')}.flag-icon-es-ct.flag-icon-squared{background-image:url('_-flags-1x1-es-ct.svg')}.flag-icon-es-ga{background-image:url('es-ga.svg')}.flag-icon-es-ga.flag-icon-squared{background-image:url('_-flags-1x1-es-ga.svg')}.flag-icon-eu{background-image:url('eu.svg')}.flag-icon-eu.flag-icon-squared{background-image:url('_-flags-1x1-eu.svg')}.flag-icon-gb-eng{background-image:url('gb-eng.svg')}.flag-icon-gb-eng.flag-icon-squared{background-image:url('_-flags-1x1-gb-eng.svg')}.flag-icon-gb-nir{background-image:url('gb-nir.svg')}.flag-icon-gb-nir.flag-icon-squared{background-image:url('_-flags-1x1-gb-nir.svg')}.flag-icon-gb-sct{background-image:url('gb-sct.svg')}.flag-icon-gb-sct.flag-icon-squared{background-image:url('_-flags-1x1-gb-sct.svg')}.flag-icon-gb-wls{background-image:url('gb-wls.svg')}.flag-icon-gb-wls.flag-icon-squared{background-image:url('_-flags-1x1-gb-wls.svg')}.flag-icon-ic{background-image:url('ic.svg')}.flag-icon-ic.flag-icon-squared{background-image:url('_-flags-1x1-ic.svg')}.flag-icon-ta{background-image:url('ta.svg')}.flag-icon-ta.flag-icon-squared{background-image:url('_-flags-1x1-ta.svg')}.flag-icon-un{background-image:url('un.svg')}.flag-icon-un.flag-icon-squared{background-image:url('_-flags-1x1-un.svg')}.flag-icon-xk{background-image:url('xk.svg')}.flag-icon-xk.flag-icon-squared{background-image:url('_-flags-1x1-xk.svg')}.flag-icon-xx{background-image:url('xx.svg')}.flag-icon-xx.flag-icon-squared{background-image:url('_-flags-1x1-xx.svg')} /*!**************************************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./node_modules/intl-tel-input/build/css/intlTelInput.css?ngGlobalStyle ***! \**************************************************************************************************************************************************************************************************************************************************************/ .iti { position: relative; display: inline-block; } .iti * { box-sizing: border-box; -moz-box-sizing: border-box; } .iti__hide { display: none; } .iti__v-hide { visibility: hidden; } .iti input, .iti input[type=text], .iti input[type=tel] { position: relative; z-index: 0; margin-top: 0 !important; margin-bottom: 0 !important; padding-right: 36px; margin-right: 0; } .iti__flag-container { position: absolute; top: 0; bottom: 0; right: 0; padding: 1px; } .iti__selected-flag { z-index: 1; position: relative; display: flex; align-items: center; height: 100%; padding: 0 6px 0 8px; } .iti__arrow { margin-left: 6px; width: 0; height: 0; border-left: 3px solid transparent; border-right: 3px solid transparent; border-top: 4px solid #555; } .iti__arrow--up { border-top: none; border-bottom: 4px solid #555; } .iti__country-list { position: absolute; z-index: 2; list-style: none; text-align: left; padding: 0; margin: 0 0 0 -1px; box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.2); background-color: white; border: 1px solid #CCC; white-space: nowrap; max-height: 200px; overflow-y: scroll; -webkit-overflow-scrolling: touch; } .iti__country-list--dropup { bottom: 100%; margin-bottom: -1px; } @media (max-width: 500px) { .iti__country-list { white-space: normal; } } .iti__flag-box { display: inline-block; width: 20px; } .iti__divider { padding-bottom: 5px; margin-bottom: 5px; border-bottom: 1px solid #CCC; } .iti__country { padding: 5px 10px; outline: none; } .iti__dial-code { color: #999; } .iti__country.iti__highlight { background-color: rgba(0, 0, 0, 0.05); } .iti__flag-box, .iti__country-name, .iti__dial-code { vertical-align: middle; } .iti__flag-box, .iti__country-name { margin-right: 6px; } .iti--allow-dropdown input, .iti--allow-dropdown input[type=text], .iti--allow-dropdown input[type=tel], .iti--separate-dial-code input, .iti--separate-dial-code input[type=text], .iti--separate-dial-code input[type=tel] { padding-right: 6px; padding-left: 52px; margin-left: 0; } .iti--allow-dropdown .iti__flag-container, .iti--separate-dial-code .iti__flag-container { right: auto; left: 0; } .iti--allow-dropdown .iti__flag-container:hover { cursor: pointer; } .iti--allow-dropdown .iti__flag-container:hover .iti__selected-flag { background-color: rgba(0, 0, 0, 0.05); } .iti--allow-dropdown input[disabled] + .iti__flag-container:hover, .iti--allow-dropdown input[readonly] + .iti__flag-container:hover { cursor: default; } .iti--allow-dropdown input[disabled] + .iti__flag-container:hover .iti__selected-flag, .iti--allow-dropdown input[readonly] + .iti__flag-container:hover .iti__selected-flag { background-color: transparent; } .iti--separate-dial-code .iti__selected-flag { background-color: rgba(0, 0, 0, 0.05); } .iti--separate-dial-code .iti__selected-dial-code { margin-left: 6px; } .iti--container { position: absolute; top: -1000px; left: -1000px; z-index: 1060; padding: 1px; } .iti--container:hover { cursor: pointer; } .iti-mobile .iti--container { top: 30px; bottom: 30px; left: 30px; right: 30px; position: fixed; } .iti-mobile .iti__country-list { max-height: 100%; width: 100%; } .iti-mobile .iti__country { padding: 10px 10px; line-height: 1.5em; } .iti__flag { width: 20px; } .iti__flag.iti__be { width: 18px; } .iti__flag.iti__ch { width: 15px; } .iti__flag.iti__mc { width: 19px; } .iti__flag.iti__ne { width: 18px; } .iti__flag.iti__np { width: 13px; } .iti__flag.iti__va { width: 15px; } @media (min-resolution: 192dpi) { .iti__flag { background-size: 5652px 15px; } } .iti__flag.iti__ac { height: 10px; background-position: 0px 0px; } .iti__flag.iti__ad { height: 14px; background-position: -22px 0px; } .iti__flag.iti__ae { height: 10px; background-position: -44px 0px; } .iti__flag.iti__af { height: 14px; background-position: -66px 0px; } .iti__flag.iti__ag { height: 14px; background-position: -88px 0px; } .iti__flag.iti__ai { height: 10px; background-position: -110px 0px; } .iti__flag.iti__al { height: 15px; background-position: -132px 0px; } .iti__flag.iti__am { height: 10px; background-position: -154px 0px; } .iti__flag.iti__ao { height: 14px; background-position: -176px 0px; } .iti__flag.iti__aq { height: 14px; background-position: -198px 0px; } .iti__flag.iti__ar { height: 13px; background-position: -220px 0px; } .iti__flag.iti__as { height: 10px; background-position: -242px 0px; } .iti__flag.iti__at { height: 14px; background-position: -264px 0px; } .iti__flag.iti__au { height: 10px; background-position: -286px 0px; } .iti__flag.iti__aw { height: 14px; background-position: -308px 0px; } .iti__flag.iti__ax { height: 13px; background-position: -330px 0px; } .iti__flag.iti__az { height: 10px; background-position: -352px 0px; } .iti__flag.iti__ba { height: 10px; background-position: -374px 0px; } .iti__flag.iti__bb { height: 14px; background-position: -396px 0px; } .iti__flag.iti__bd { height: 12px; background-position: -418px 0px; } .iti__flag.iti__be { height: 15px; background-position: -440px 0px; } .iti__flag.iti__bf { height: 14px; background-position: -460px 0px; } .iti__flag.iti__bg { height: 12px; background-position: -482px 0px; } .iti__flag.iti__bh { height: 12px; background-position: -504px 0px; } .iti__flag.iti__bi { height: 12px; background-position: -526px 0px; } .iti__flag.iti__bj { height: 14px; background-position: -548px 0px; } .iti__flag.iti__bl { height: 14px; background-position: -570px 0px; } .iti__flag.iti__bm { height: 10px; background-position: -592px 0px; } .iti__flag.iti__bn { height: 10px; background-position: -614px 0px; } .iti__flag.iti__bo { height: 14px; background-position: -636px 0px; } .iti__flag.iti__bq { height: 14px; background-position: -658px 0px; } .iti__flag.iti__br { height: 14px; background-position: -680px 0px; } .iti__flag.iti__bs { height: 10px; background-position: -702px 0px; } .iti__flag.iti__bt { height: 14px; background-position: -724px 0px; } .iti__flag.iti__bv { height: 15px; background-position: -746px 0px; } .iti__flag.iti__bw { height: 14px; background-position: -768px 0px; } .iti__flag.iti__by { height: 10px; background-position: -790px 0px; } .iti__flag.iti__bz { height: 14px; background-position: -812px 0px; } .iti__flag.iti__ca { height: 10px; background-position: -834px 0px; } .iti__flag.iti__cc { height: 10px; background-position: -856px 0px; } .iti__flag.iti__cd { height: 15px; background-position: -878px 0px; } .iti__flag.iti__cf { height: 14px; background-position: -900px 0px; } .iti__flag.iti__cg { height: 14px; background-position: -922px 0px; } .iti__flag.iti__ch { height: 15px; background-position: -944px 0px; } .iti__flag.iti__ci { height: 14px; background-position: -961px 0px; } .iti__flag.iti__ck { height: 10px; background-position: -983px 0px; } .iti__flag.iti__cl { height: 14px; background-position: -1005px 0px; } .iti__flag.iti__cm { height: 14px; background-position: -1027px 0px; } .iti__flag.iti__cn { height: 14px; background-position: -1049px 0px; } .iti__flag.iti__co { height: 14px; background-position: -1071px 0px; } .iti__flag.iti__cp { height: 14px; background-position: -1093px 0px; } .iti__flag.iti__cr { height: 12px; background-position: -1115px 0px; } .iti__flag.iti__cu { height: 10px; background-position: -1137px 0px; } .iti__flag.iti__cv { height: 12px; background-position: -1159px 0px; } .iti__flag.iti__cw { height: 14px; background-position: -1181px 0px; } .iti__flag.iti__cx { height: 10px; background-position: -1203px 0px; } .iti__flag.iti__cy { height: 14px; background-position: -1225px 0px; } .iti__flag.iti__cz { height: 14px; background-position: -1247px 0px; } .iti__flag.iti__de { height: 12px; background-position: -1269px 0px; } .iti__flag.iti__dg { height: 10px; background-position: -1291px 0px; } .iti__flag.iti__dj { height: 14px; background-position: -1313px 0px; } .iti__flag.iti__dk { height: 15px; background-position: -1335px 0px; } .iti__flag.iti__dm { height: 10px; background-position: -1357px 0px; } .iti__flag.iti__do { height: 14px; background-position: -1379px 0px; } .iti__flag.iti__dz { height: 14px; background-position: -1401px 0px; } .iti__flag.iti__ea { height: 14px; background-position: -1423px 0px; } .iti__flag.iti__ec { height: 14px; background-position: -1445px 0px; } .iti__flag.iti__ee { height: 13px; background-position: -1467px 0px; } .iti__flag.iti__eg { height: 14px; background-position: -1489px 0px; } .iti__flag.iti__eh { height: 10px; background-position: -1511px 0px; } .iti__flag.iti__er { height: 10px; background-position: -1533px 0px; } .iti__flag.iti__es { height: 14px; background-position: -1555px 0px; } .iti__flag.iti__et { height: 10px; background-position: -1577px 0px; } .iti__flag.iti__eu { height: 14px; background-position: -1599px 0px; } .iti__flag.iti__fi { height: 12px; background-position: -1621px 0px; } .iti__flag.iti__fj { height: 10px; background-position: -1643px 0px; } .iti__flag.iti__fk { height: 10px; background-position: -1665px 0px; } .iti__flag.iti__fm { height: 11px; background-position: -1687px 0px; } .iti__flag.iti__fo { height: 15px; background-position: -1709px 0px; } .iti__flag.iti__fr { height: 14px; background-position: -1731px 0px; } .iti__flag.iti__ga { height: 15px; background-position: -1753px 0px; } .iti__flag.iti__gb { height: 10px; background-position: -1775px 0px; } .iti__flag.iti__gd { height: 12px; background-position: -1797px 0px; } .iti__flag.iti__ge { height: 14px; background-position: -1819px 0px; } .iti__flag.iti__gf { height: 14px; background-position: -1841px 0px; } .iti__flag.iti__gg { height: 14px; background-position: -1863px 0px; } .iti__flag.iti__gh { height: 14px; background-position: -1885px 0px; } .iti__flag.iti__gi { height: 10px; background-position: -1907px 0px; } .iti__flag.iti__gl { height: 14px; background-position: -1929px 0px; } .iti__flag.iti__gm { height: 14px; background-position: -1951px 0px; } .iti__flag.iti__gn { height: 14px; background-position: -1973px 0px; } .iti__flag.iti__gp { height: 14px; background-position: -1995px 0px; } .iti__flag.iti__gq { height: 14px; background-position: -2017px 0px; } .iti__flag.iti__gr { height: 14px; background-position: -2039px 0px; } .iti__flag.iti__gs { height: 10px; background-position: -2061px 0px; } .iti__flag.iti__gt { height: 13px; background-position: -2083px 0px; } .iti__flag.iti__gu { height: 11px; background-position: -2105px 0px; } .iti__flag.iti__gw { height: 10px; background-position: -2127px 0px; } .iti__flag.iti__gy { height: 12px; background-position: -2149px 0px; } .iti__flag.iti__hk { height: 14px; background-position: -2171px 0px; } .iti__flag.iti__hm { height: 10px; background-position: -2193px 0px; } .iti__flag.iti__hn { height: 10px; background-position: -2215px 0px; } .iti__flag.iti__hr { height: 10px; background-position: -2237px 0px; } .iti__flag.iti__ht { height: 12px; background-position: -2259px 0px; } .iti__flag.iti__hu { height: 10px; background-position: -2281px 0px; } .iti__flag.iti__ic { height: 14px; background-position: -2303px 0px; } .iti__flag.iti__id { height: 14px; background-position: -2325px 0px; } .iti__flag.iti__ie { height: 10px; background-position: -2347px 0px; } .iti__flag.iti__il { height: 15px; background-position: -2369px 0px; } .iti__flag.iti__im { height: 10px; background-position: -2391px 0px; } .iti__flag.iti__in { height: 14px; background-position: -2413px 0px; } .iti__flag.iti__io { height: 10px; background-position: -2435px 0px; } .iti__flag.iti__iq { height: 14px; background-position: -2457px 0px; } .iti__flag.iti__ir { height: 12px; background-position: -2479px 0px; } .iti__flag.iti__is { height: 15px; background-position: -2501px 0px; } .iti__flag.iti__it { height: 14px; background-position: -2523px 0px; } .iti__flag.iti__je { height: 12px; background-position: -2545px 0px; } .iti__flag.iti__jm { height: 10px; background-position: -2567px 0px; } .iti__flag.iti__jo { height: 10px; background-position: -2589px 0px; } .iti__flag.iti__jp { height: 14px; background-position: -2611px 0px; } .iti__flag.iti__ke { height: 14px; background-position: -2633px 0px; } .iti__flag.iti__kg { height: 12px; background-position: -2655px 0px; } .iti__flag.iti__kh { height: 13px; background-position: -2677px 0px; } .iti__flag.iti__ki { height: 10px; background-position: -2699px 0px; } .iti__flag.iti__km { height: 12px; background-position: -2721px 0px; } .iti__flag.iti__kn { height: 14px; background-position: -2743px 0px; } .iti__flag.iti__kp { height: 10px; background-position: -2765px 0px; } .iti__flag.iti__kr { height: 14px; background-position: -2787px 0px; } .iti__flag.iti__kw { height: 10px; background-position: -2809px 0px; } .iti__flag.iti__ky { height: 10px; background-position: -2831px 0px; } .iti__flag.iti__kz { height: 10px; background-position: -2853px 0px; } .iti__flag.iti__la { height: 14px; background-position: -2875px 0px; } .iti__flag.iti__lb { height: 14px; background-position: -2897px 0px; } .iti__flag.iti__lc { height: 10px; background-position: -2919px 0px; } .iti__flag.iti__li { height: 12px; background-position: -2941px 0px; } .iti__flag.iti__lk { height: 10px; background-position: -2963px 0px; } .iti__flag.iti__lr { height: 11px; background-position: -2985px 0px; } .iti__flag.iti__ls { height: 14px; background-position: -3007px 0px; } .iti__flag.iti__lt { height: 12px; background-position: -3029px 0px; } .iti__flag.iti__lu { height: 12px; background-position: -3051px 0px; } .iti__flag.iti__lv { height: 10px; background-position: -3073px 0px; } .iti__flag.iti__ly { height: 10px; background-position: -3095px 0px; } .iti__flag.iti__ma { height: 14px; background-position: -3117px 0px; } .iti__flag.iti__mc { height: 15px; background-position: -3139px 0px; } .iti__flag.iti__md { height: 10px; background-position: -3160px 0px; } .iti__flag.iti__me { height: 10px; background-position: -3182px 0px; } .iti__flag.iti__mf { height: 14px; background-position: -3204px 0px; } .iti__flag.iti__mg { height: 14px; background-position: -3226px 0px; } .iti__flag.iti__mh { height: 11px; background-position: -3248px 0px; } .iti__flag.iti__mk { height: 10px; background-position: -3270px 0px; } .iti__flag.iti__ml { height: 14px; background-position: -3292px 0px; } .iti__flag.iti__mm { height: 14px; background-position: -3314px 0px; } .iti__flag.iti__mn { height: 10px; background-position: -3336px 0px; } .iti__flag.iti__mo { height: 14px; background-position: -3358px 0px; } .iti__flag.iti__mp { height: 10px; background-position: -3380px 0px; } .iti__flag.iti__mq { height: 14px; background-position: -3402px 0px; } .iti__flag.iti__mr { height: 14px; background-position: -3424px 0px; } .iti__flag.iti__ms { height: 10px; background-position: -3446px 0px; } .iti__flag.iti__mt { height: 14px; background-position: -3468px 0px; } .iti__flag.iti__mu { height: 14px; background-position: -3490px 0px; } .iti__flag.iti__mv { height: 14px; background-position: -3512px 0px; } .iti__flag.iti__mw { height: 14px; background-position: -3534px 0px; } .iti__flag.iti__mx { height: 12px; background-position: -3556px 0px; } .iti__flag.iti__my { height: 10px; background-position: -3578px 0px; } .iti__flag.iti__mz { height: 14px; background-position: -3600px 0px; } .iti__flag.iti__na { height: 14px; background-position: -3622px 0px; } .iti__flag.iti__nc { height: 10px; background-position: -3644px 0px; } .iti__flag.iti__ne { height: 15px; background-position: -3666px 0px; } .iti__flag.iti__nf { height: 10px; background-position: -3686px 0px; } .iti__flag.iti__ng { height: 10px; background-position: -3708px 0px; } .iti__flag.iti__ni { height: 12px; background-position: -3730px 0px; } .iti__flag.iti__nl { height: 14px; background-position: -3752px 0px; } .iti__flag.iti__no { height: 15px; background-position: -3774px 0px; } .iti__flag.iti__np { height: 15px; background-position: -3796px 0px; } .iti__flag.iti__nr { height: 10px; background-position: -3811px 0px; } .iti__flag.iti__nu { height: 10px; background-position: -3833px 0px; } .iti__flag.iti__nz { height: 10px; background-position: -3855px 0px; } .iti__flag.iti__om { height: 10px; background-position: -3877px 0px; } .iti__flag.iti__pa { height: 14px; background-position: -3899px 0px; } .iti__flag.iti__pe { height: 14px; background-position: -3921px 0px; } .iti__flag.iti__pf { height: 14px; background-position: -3943px 0px; } .iti__flag.iti__pg { height: 15px; background-position: -3965px 0px; } .iti__flag.iti__ph { height: 10px; background-position: -3987px 0px; } .iti__flag.iti__pk { height: 14px; background-position: -4009px 0px; } .iti__flag.iti__pl { height: 13px; background-position: -4031px 0px; } .iti__flag.iti__pm { height: 14px; background-position: -4053px 0px; } .iti__flag.iti__pn { height: 10px; background-position: -4075px 0px; } .iti__flag.iti__pr { height: 14px; background-position: -4097px 0px; } .iti__flag.iti__ps { height: 10px; background-position: -4119px 0px; } .iti__flag.iti__pt { height: 14px; background-position: -4141px 0px; } .iti__flag.iti__pw { height: 13px; background-position: -4163px 0px; } .iti__flag.iti__py { height: 11px; background-position: -4185px 0px; } .iti__flag.iti__qa { height: 8px; background-position: -4207px 0px; } .iti__flag.iti__re { height: 14px; background-position: -4229px 0px; } .iti__flag.iti__ro { height: 14px; background-position: -4251px 0px; } .iti__flag.iti__rs { height: 14px; background-position: -4273px 0px; } .iti__flag.iti__ru { height: 14px; background-position: -4295px 0px; } .iti__flag.iti__rw { height: 14px; background-position: -4317px 0px; } .iti__flag.iti__sa { height: 14px; background-position: -4339px 0px; } .iti__flag.iti__sb { height: 10px; background-position: -4361px 0px; } .iti__flag.iti__sc { height: 10px; background-position: -4383px 0px; } .iti__flag.iti__sd { height: 10px; background-position: -4405px 0px; } .iti__flag.iti__se { height: 13px; background-position: -4427px 0px; } .iti__flag.iti__sg { height: 14px; background-position: -4449px 0px; } .iti__flag.iti__sh { height: 10px; background-position: -4471px 0px; } .iti__flag.iti__si { height: 10px; background-position: -4493px 0px; } .iti__flag.iti__sj { height: 15px; background-position: -4515px 0px; } .iti__flag.iti__sk { height: 14px; background-position: -4537px 0px; } .iti__flag.iti__sl { height: 14px; background-position: -4559px 0px; } .iti__flag.iti__sm { height: 15px; background-position: -4581px 0px; } .iti__flag.iti__sn { height: 14px; background-position: -4603px 0px; } .iti__flag.iti__so { height: 14px; background-position: -4625px 0px; } .iti__flag.iti__sr { height: 14px; background-position: -4647px 0px; } .iti__flag.iti__ss { height: 10px; background-position: -4669px 0px; } .iti__flag.iti__st { height: 10px; background-position: -4691px 0px; } .iti__flag.iti__sv { height: 12px; background-position: -4713px 0px; } .iti__flag.iti__sx { height: 14px; background-position: -4735px 0px; } .iti__flag.iti__sy { height: 14px; background-position: -4757px 0px; } .iti__flag.iti__sz { height: 14px; background-position: -4779px 0px; } .iti__flag.iti__ta { height: 10px; background-position: -4801px 0px; } .iti__flag.iti__tc { height: 10px; background-position: -4823px 0px; } .iti__flag.iti__td { height: 14px; background-position: -4845px 0px; } .iti__flag.iti__tf { height: 14px; background-position: -4867px 0px; } .iti__flag.iti__tg { height: 13px; background-position: -4889px 0px; } .iti__flag.iti__th { height: 14px; background-position: -4911px 0px; } .iti__flag.iti__tj { height: 10px; background-position: -4933px 0px; } .iti__flag.iti__tk { height: 10px; background-position: -4955px 0px; } .iti__flag.iti__tl { height: 10px; background-position: -4977px 0px; } .iti__flag.iti__tm { height: 14px; background-position: -4999px 0px; } .iti__flag.iti__tn { height: 14px; background-position: -5021px 0px; } .iti__flag.iti__to { height: 10px; background-position: -5043px 0px; } .iti__flag.iti__tr { height: 14px; background-position: -5065px 0px; } .iti__flag.iti__tt { height: 12px; background-position: -5087px 0px; } .iti__flag.iti__tv { height: 10px; background-position: -5109px 0px; } .iti__flag.iti__tw { height: 14px; background-position: -5131px 0px; } .iti__flag.iti__tz { height: 14px; background-position: -5153px 0px; } .iti__flag.iti__ua { height: 14px; background-position: -5175px 0px; } .iti__flag.iti__ug { height: 14px; background-position: -5197px 0px; } .iti__flag.iti__um { height: 11px; background-position: -5219px 0px; } .iti__flag.iti__un { height: 14px; background-position: -5241px 0px; } .iti__flag.iti__us { height: 11px; background-position: -5263px 0px; } .iti__flag.iti__uy { height: 14px; background-position: -5285px 0px; } .iti__flag.iti__uz { height: 10px; background-position: -5307px 0px; } .iti__flag.iti__va { height: 15px; background-position: -5329px 0px; } .iti__flag.iti__vc { height: 14px; background-position: -5346px 0px; } .iti__flag.iti__ve { height: 14px; background-position: -5368px 0px; } .iti__flag.iti__vg { height: 10px; background-position: -5390px 0px; } .iti__flag.iti__vi { height: 14px; background-position: -5412px 0px; } .iti__flag.iti__vn { height: 14px; background-position: -5434px 0px; } .iti__flag.iti__vu { height: 12px; background-position: -5456px 0px; } .iti__flag.iti__wf { height: 14px; background-position: -5478px 0px; } .iti__flag.iti__ws { height: 10px; background-position: -5500px 0px; } .iti__flag.iti__xk { height: 15px; background-position: -5522px 0px; } .iti__flag.iti__ye { height: 14px; background-position: -5544px 0px; } .iti__flag.iti__yt { height: 14px; background-position: -5566px 0px; } .iti__flag.iti__za { height: 14px; background-position: -5588px 0px; } .iti__flag.iti__zm { height: 14px; background-position: -5610px 0px; } .iti__flag.iti__zw { height: 10px; background-position: -5632px 0px; } .iti__flag { height: 15px; box-shadow: 0px 0px 1px 0px #888; background-image: url('flags.png'); background-repeat: no-repeat; background-color: #DBDBDB; background-position: 20px 0; } @media (min-resolution: 192dpi) { .iti__flag { background-image: url('flags@2x.png'); } } .iti__flag.iti__np { background-color: transparent; } /*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[6].rules[1].use[0]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[6].rules[1].use[1]!./src/styles.scss?ngGlobalStyle (2) ***! \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/ /* Import fonts */ .mat-elevation-z0, .mat-mdc-elevation-specific.mat-elevation-z0 { box-shadow: var(--mat-app-elevation-shadow-level-0, 0px 0px 0px 0px --mat-sys-shadow, 0px 0px 0px 0px --mat-sys-shadow, 0px 0px 0px 0px --mat-sys-shadow); } .mat-elevation-z1, .mat-mdc-elevation-specific.mat-elevation-z1 { box-shadow: var(--mat-app-elevation-shadow-level-1, 0px 2px 1px -1px --mat-sys-shadow, 0px 1px 1px 0px --mat-sys-shadow, 0px 1px 3px 0px --mat-sys-shadow); } .mat-elevation-z2, .mat-mdc-elevation-specific.mat-elevation-z2 { box-shadow: var(--mat-app-elevation-shadow-level-2, 0px 3px 1px -2px --mat-sys-shadow, 0px 2px 2px 0px --mat-sys-shadow, 0px 1px 5px 0px --mat-sys-shadow); } .mat-elevation-z3, .mat-mdc-elevation-specific.mat-elevation-z3 { box-shadow: var(--mat-app-elevation-shadow-level-3, 0px 3px 3px -2px --mat-sys-shadow, 0px 3px 4px 0px --mat-sys-shadow, 0px 1px 8px 0px --mat-sys-shadow); } .mat-elevation-z4, .mat-mdc-elevation-specific.mat-elevation-z4 { box-shadow: var(--mat-app-elevation-shadow-level-4, 0px 2px 4px -1px --mat-sys-shadow, 0px 4px 5px 0px --mat-sys-shadow, 0px 1px 10px 0px --mat-sys-shadow); } .mat-elevation-z5, .mat-mdc-elevation-specific.mat-elevation-z5 { box-shadow: var(--mat-app-elevation-shadow-level-5, 0px 3px 5px -1px --mat-sys-shadow, 0px 5px 8px 0px --mat-sys-shadow, 0px 1px 14px 0px --mat-sys-shadow); } .mat-elevation-z6, .mat-mdc-elevation-specific.mat-elevation-z6 { box-shadow: var(--mat-app-elevation-shadow-level-6, 0px 3px 5px -1px --mat-sys-shadow, 0px 6px 10px 0px --mat-sys-shadow, 0px 1px 18px 0px --mat-sys-shadow); } .mat-elevation-z7, .mat-mdc-elevation-specific.mat-elevation-z7 { box-shadow: var(--mat-app-elevation-shadow-level-7, 0px 4px 5px -2px --mat-sys-shadow, 0px 7px 10px 1px --mat-sys-shadow, 0px 2px 16px 1px --mat-sys-shadow); } .mat-elevation-z8, .mat-mdc-elevation-specific.mat-elevation-z8 { box-shadow: var(--mat-app-elevation-shadow-level-8, 0px 5px 5px -3px --mat-sys-shadow, 0px 8px 10px 1px --mat-sys-shadow, 0px 3px 14px 2px --mat-sys-shadow); } .mat-elevation-z9, .mat-mdc-elevation-specific.mat-elevation-z9 { box-shadow: var(--mat-app-elevation-shadow-level-9, 0px 5px 6px -3px --mat-sys-shadow, 0px 9px 12px 1px --mat-sys-shadow, 0px 3px 16px 2px --mat-sys-shadow); } .mat-elevation-z10, .mat-mdc-elevation-specific.mat-elevation-z10 { box-shadow: var(--mat-app-elevation-shadow-level-10, 0px 6px 6px -3px --mat-sys-shadow, 0px 10px 14px 1px --mat-sys-shadow, 0px 4px 18px 3px --mat-sys-shadow); } .mat-elevation-z11, .mat-mdc-elevation-specific.mat-elevation-z11 { box-shadow: var(--mat-app-elevation-shadow-level-11, 0px 6px 7px -4px --mat-sys-shadow, 0px 11px 15px 1px --mat-sys-shadow, 0px 4px 20px 3px --mat-sys-shadow); } .mat-elevation-z12, .mat-mdc-elevation-specific.mat-elevation-z12 { box-shadow: var(--mat-app-elevation-shadow-level-12, 0px 7px 8px -4px --mat-sys-shadow, 0px 12px 17px 2px --mat-sys-shadow, 0px 5px 22px 4px --mat-sys-shadow); } .mat-elevation-z13, .mat-mdc-elevation-specific.mat-elevation-z13 { box-shadow: var(--mat-app-elevation-shadow-level-13, 0px 7px 8px -4px --mat-sys-shadow, 0px 13px 19px 2px --mat-sys-shadow, 0px 5px 24px 4px --mat-sys-shadow); } .mat-elevation-z14, .mat-mdc-elevation-specific.mat-elevation-z14 { box-shadow: var(--mat-app-elevation-shadow-level-14, 0px 7px 9px -4px --mat-sys-shadow, 0px 14px 21px 2px --mat-sys-shadow, 0px 5px 26px 4px --mat-sys-shadow); } .mat-elevation-z15, .mat-mdc-elevation-specific.mat-elevation-z15 { box-shadow: var(--mat-app-elevation-shadow-level-15, 0px 8px 9px -5px --mat-sys-shadow, 0px 15px 22px 2px --mat-sys-shadow, 0px 6px 28px 5px --mat-sys-shadow); } .mat-elevation-z16, .mat-mdc-elevation-specific.mat-elevation-z16 { box-shadow: var(--mat-app-elevation-shadow-level-16, 0px 8px 10px -5px --mat-sys-shadow, 0px 16px 24px 2px --mat-sys-shadow, 0px 6px 30px 5px --mat-sys-shadow); } .mat-elevation-z17, .mat-mdc-elevation-specific.mat-elevation-z17 { box-shadow: var(--mat-app-elevation-shadow-level-17, 0px 8px 11px -5px --mat-sys-shadow, 0px 17px 26px 2px --mat-sys-shadow, 0px 6px 32px 5px --mat-sys-shadow); } .mat-elevation-z18, .mat-mdc-elevation-specific.mat-elevation-z18 { box-shadow: var(--mat-app-elevation-shadow-level-18, 0px 9px 11px -5px --mat-sys-shadow, 0px 18px 28px 2px --mat-sys-shadow, 0px 7px 34px 6px --mat-sys-shadow); } .mat-elevation-z19, .mat-mdc-elevation-specific.mat-elevation-z19 { box-shadow: var(--mat-app-elevation-shadow-level-19, 0px 9px 12px -6px --mat-sys-shadow, 0px 19px 29px 2px --mat-sys-shadow, 0px 7px 36px 6px --mat-sys-shadow); } .mat-elevation-z20, .mat-mdc-elevation-specific.mat-elevation-z20 { box-shadow: var(--mat-app-elevation-shadow-level-20, 0px 10px 13px -6px --mat-sys-shadow, 0px 20px 31px 3px --mat-sys-shadow, 0px 8px 38px 7px --mat-sys-shadow); } .mat-elevation-z21, .mat-mdc-elevation-specific.mat-elevation-z21 { box-shadow: var(--mat-app-elevation-shadow-level-21, 0px 10px 13px -6px --mat-sys-shadow, 0px 21px 33px 3px --mat-sys-shadow, 0px 8px 40px 7px --mat-sys-shadow); } .mat-elevation-z22, .mat-mdc-elevation-specific.mat-elevation-z22 { box-shadow: var(--mat-app-elevation-shadow-level-22, 0px 10px 14px -6px --mat-sys-shadow, 0px 22px 35px 3px --mat-sys-shadow, 0px 8px 42px 7px --mat-sys-shadow); } .mat-elevation-z23, .mat-mdc-elevation-specific.mat-elevation-z23 { box-shadow: var(--mat-app-elevation-shadow-level-23, 0px 11px 14px -7px --mat-sys-shadow, 0px 23px 36px 3px --mat-sys-shadow, 0px 9px 44px 8px --mat-sys-shadow); } .mat-elevation-z24, .mat-mdc-elevation-specific.mat-elevation-z24 { box-shadow: var(--mat-app-elevation-shadow-level-24, 0px 11px 15px -7px --mat-sys-shadow, 0px 24px 38px 3px --mat-sys-shadow, 0px 9px 46px 8px --mat-sys-shadow); } html { --mat-sys-on-surface: initial; } .mat-app-background { background-color: var(--mat-app-background-color, var(--mat-sys-background, transparent)); color: var(--mat-app-text-color, var(--mat-sys-on-background, inherit)); } html { --mat-app-background-color: #fafafa; --mat-app-text-color: rgba(0, 0, 0, 0.87); --mat-app-elevation-shadow-level-0: 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); --mat-app-elevation-shadow-level-1: 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); --mat-app-elevation-shadow-level-2: 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); --mat-app-elevation-shadow-level-3: 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); --mat-app-elevation-shadow-level-4: 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); --mat-app-elevation-shadow-level-5: 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); --mat-app-elevation-shadow-level-6: 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); --mat-app-elevation-shadow-level-7: 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); --mat-app-elevation-shadow-level-8: 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); --mat-app-elevation-shadow-level-9: 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); --mat-app-elevation-shadow-level-10: 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); --mat-app-elevation-shadow-level-11: 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); --mat-app-elevation-shadow-level-12: 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); --mat-app-elevation-shadow-level-13: 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); --mat-app-elevation-shadow-level-14: 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); --mat-app-elevation-shadow-level-15: 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); --mat-app-elevation-shadow-level-16: 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); --mat-app-elevation-shadow-level-17: 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); --mat-app-elevation-shadow-level-18: 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); --mat-app-elevation-shadow-level-19: 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); --mat-app-elevation-shadow-level-20: 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); --mat-app-elevation-shadow-level-21: 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); --mat-app-elevation-shadow-level-22: 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); --mat-app-elevation-shadow-level-23: 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); --mat-app-elevation-shadow-level-24: 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); } html { --mat-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent); } html { --mat-option-selected-state-label-text-color: #d32f2f; --mat-option-label-text-color: rgba(0, 0, 0, 0.87); --mat-option-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent); --mat-option-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent); --mat-option-selected-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent); } .mat-accent { --mat-option-selected-state-label-text-color: #78909c; --mat-option-label-text-color: rgba(0, 0, 0, 0.87); --mat-option-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent); --mat-option-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent); --mat-option-selected-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent); } .mat-warn { --mat-option-selected-state-label-text-color: #f44336; --mat-option-label-text-color: rgba(0, 0, 0, 0.87); --mat-option-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent); --mat-option-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent); --mat-option-selected-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent); } html { --mat-optgroup-label-text-color: rgba(0, 0, 0, 0.87); } html { --mat-pseudo-checkbox-full-selected-icon-color: #78909c; --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa; --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54); --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa; --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent); --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent); --mat-pseudo-checkbox-minimal-selected-checkmark-color: #78909c; --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent); } .mat-primary { --mat-pseudo-checkbox-full-selected-icon-color: #d32f2f; --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa; --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54); --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa; --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent); --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent); --mat-pseudo-checkbox-minimal-selected-checkmark-color: #d32f2f; --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent); } .mat-accent { --mat-pseudo-checkbox-full-selected-icon-color: #78909c; --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa; --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54); --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa; --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent); --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent); --mat-pseudo-checkbox-minimal-selected-checkmark-color: #78909c; --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent); } .mat-warn { --mat-pseudo-checkbox-full-selected-icon-color: #f44336; --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa; --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54); --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa; --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent); --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent); --mat-pseudo-checkbox-minimal-selected-checkmark-color: #f44336; --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent); } html { --mat-option-label-text-font: Roboto, "Helvetica Neue", sans-serif; --mat-option-label-text-line-height: 24px; --mat-option-label-text-size: 16px; --mat-option-label-text-tracking: 0.03125em; --mat-option-label-text-weight: 400; } html { --mat-optgroup-label-text-font: Roboto, "Helvetica Neue", sans-serif; --mat-optgroup-label-text-line-height: 24px; --mat-optgroup-label-text-size: 16px; --mat-optgroup-label-text-tracking: 0.03125em; --mat-optgroup-label-text-weight: 400; } html { --mat-card-elevated-container-shape: 4px; --mat-card-outlined-container-shape: 4px; --mat-card-filled-container-shape: 4px; --mat-card-outlined-outline-width: 1px; } html { --mat-card-elevated-container-color: white; --mat-card-elevated-container-elevation: 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); --mat-card-outlined-container-color: white; --mat-card-outlined-container-elevation: 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); --mat-card-outlined-outline-color: rgba(0, 0, 0, 0.12); --mat-card-subtitle-text-color: rgba(0, 0, 0, 0.54); --mat-card-filled-container-color: white; --mat-card-filled-container-elevation: 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); } html { --mat-card-title-text-font: Roboto, "Helvetica Neue", sans-serif; --mat-card-title-text-line-height: 32px; --mat-card-title-text-size: 20px; --mat-card-title-text-tracking: 0.0125em; --mat-card-title-text-weight: 500; --mat-card-subtitle-text-font: Roboto, "Helvetica Neue", sans-serif; --mat-card-subtitle-text-line-height: 22px; --mat-card-subtitle-text-size: 14px; --mat-card-subtitle-text-tracking: 0.0071428571em; --mat-card-subtitle-text-weight: 500; } html { --mat-progress-bar-active-indicator-height: 4px; --mat-progress-bar-track-height: 4px; --mat-progress-bar-track-shape: 0; } .mat-mdc-progress-bar { --mat-progress-bar-active-indicator-color: #d32f2f; --mat-progress-bar-track-color: rgba(211, 47, 47, 0.25); } .mat-mdc-progress-bar.mat-accent { --mat-progress-bar-active-indicator-color: #78909c; --mat-progress-bar-track-color: rgba(120, 144, 156, 0.25); } .mat-mdc-progress-bar.mat-warn { --mat-progress-bar-active-indicator-color: #f44336; --mat-progress-bar-track-color: rgba(244, 67, 54, 0.25); } html { --mat-tooltip-container-shape: 4px; --mat-tooltip-supporting-text-line-height: 16px; } html { --mat-tooltip-container-color: #424242; --mat-tooltip-supporting-text-color: white; } html { --mat-tooltip-supporting-text-font: Roboto, "Helvetica Neue", sans-serif; --mat-tooltip-supporting-text-size: 12px; --mat-tooltip-supporting-text-weight: 400; --mat-tooltip-supporting-text-tracking: 0.0333333333em; } html { --mat-form-field-filled-active-indicator-height: 1px; --mat-form-field-filled-focus-active-indicator-height: 2px; --mat-form-field-filled-container-shape: 4px; --mat-form-field-outlined-outline-width: 1px; --mat-form-field-outlined-focus-outline-width: 2px; --mat-form-field-outlined-container-shape: 4px; } html { --mat-form-field-focus-select-arrow-color: color-mix(in srgb, #d32f2f 87%, transparent); --mat-form-field-filled-caret-color: #d32f2f; --mat-form-field-filled-focus-active-indicator-color: #d32f2f; --mat-form-field-filled-focus-label-text-color: color-mix(in srgb, #d32f2f 87%, transparent); --mat-form-field-outlined-caret-color: #d32f2f; --mat-form-field-outlined-focus-outline-color: #d32f2f; --mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, #d32f2f 87%, transparent); --mat-form-field-disabled-input-text-placeholder-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent); --mat-form-field-state-layer-color: rgba(0, 0, 0, 0.87); --mat-form-field-error-text-color: #f44336; --mat-form-field-select-option-text-color: inherit; --mat-form-field-select-disabled-option-text-color: GrayText; --mat-form-field-leading-icon-color: unset; --mat-form-field-disabled-leading-icon-color: unset; --mat-form-field-trailing-icon-color: unset; --mat-form-field-disabled-trailing-icon-color: unset; --mat-form-field-error-focus-trailing-icon-color: unset; --mat-form-field-error-hover-trailing-icon-color: unset; --mat-form-field-error-trailing-icon-color: unset; --mat-form-field-enabled-select-arrow-color: rgba(0, 0, 0, 0.54); --mat-form-field-disabled-select-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent); --mat-form-field-hover-state-layer-opacity: 0.04; --mat-form-field-focus-state-layer-opacity: 0.12; --mat-form-field-filled-container-color: #f6f6f6; --mat-form-field-filled-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent); --mat-form-field-filled-label-text-color: rgba(0, 0, 0, 0.54); --mat-form-field-filled-hover-label-text-color: rgba(0, 0, 0, 0.54); --mat-form-field-filled-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent); --mat-form-field-filled-input-text-color: rgba(0, 0, 0, 0.87); --mat-form-field-filled-disabled-input-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent); --mat-form-field-filled-input-text-placeholder-color: rgba(0, 0, 0, 0.54); --mat-form-field-filled-error-hover-label-text-color: #f44336; --mat-form-field-filled-error-focus-label-text-color: #f44336; --mat-form-field-filled-error-label-text-color: #f44336; --mat-form-field-filled-error-caret-color: #f44336; --mat-form-field-filled-active-indicator-color: rgba(0, 0, 0, 0.54); --mat-form-field-filled-disabled-active-indicator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent); --mat-form-field-filled-hover-active-indicator-color: rgba(0, 0, 0, 0.87); --mat-form-field-filled-error-active-indicator-color: #f44336; --mat-form-field-filled-error-focus-active-indicator-color: #f44336; --mat-form-field-filled-error-hover-active-indicator-color: #f44336; --mat-form-field-outlined-label-text-color: rgba(0, 0, 0, 0.54); --mat-form-field-outlined-hover-label-text-color: rgba(0, 0, 0, 0.87); --mat-form-field-outlined-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent); --mat-form-field-outlined-input-text-color: rgba(0, 0, 0, 0.87); --mat-form-field-outlined-disabled-input-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent); --mat-form-field-outlined-input-text-placeholder-color: rgba(0, 0, 0, 0.54); --mat-form-field-outlined-error-caret-color: #f44336; --mat-form-field-outlined-error-focus-label-text-color: #f44336; --mat-form-field-outlined-error-label-text-color: #f44336; --mat-form-field-outlined-error-hover-label-text-color: #f44336; --mat-form-field-outlined-outline-color: rgba(0, 0, 0, 0.38); --mat-form-field-outlined-disabled-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent); --mat-form-field-outlined-hover-outline-color: rgba(0, 0, 0, 0.87); --mat-form-field-outlined-error-focus-outline-color: #f44336; --mat-form-field-outlined-error-hover-outline-color: #f44336; --mat-form-field-outlined-error-outline-color: #f44336; } .mat-mdc-form-field.mat-accent { --mat-form-field-focus-select-arrow-color: color-mix(in srgb, #78909c 87%, transparent); --mat-form-field-filled-caret-color: #78909c; --mat-form-field-filled-focus-active-indicator-color: #78909c; --mat-form-field-filled-focus-label-text-color: color-mix(in srgb, #78909c 87%, transparent); --mat-form-field-outlined-caret-color: #78909c; --mat-form-field-outlined-focus-outline-color: #78909c; --mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, #78909c 87%, transparent); } .mat-mdc-form-field.mat-warn { --mat-form-field-focus-select-arrow-color: color-mix(in srgb, #f44336 87%, transparent); --mat-form-field-filled-caret-color: #f44336; --mat-form-field-filled-focus-active-indicator-color: #f44336; --mat-form-field-filled-focus-label-text-color: color-mix(in srgb, #f44336 87%, transparent); --mat-form-field-outlined-caret-color: #f44336; --mat-form-field-outlined-focus-outline-color: #f44336; --mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, #f44336 87%, transparent); } html { --mat-form-field-container-height: 56px; --mat-form-field-filled-label-display: block; --mat-form-field-container-vertical-padding: 16px; --mat-form-field-filled-with-label-container-padding-top: 24px; --mat-form-field-filled-with-label-container-padding-bottom: 8px; } html { --mat-form-field-container-text-font: Roboto, "Helvetica Neue", sans-serif; --mat-form-field-container-text-line-height: 24px; --mat-form-field-container-text-size: 16px; --mat-form-field-container-text-tracking: 0.03125em; --mat-form-field-container-text-weight: 400; --mat-form-field-outlined-label-text-populated-size: 16px; --mat-form-field-subscript-text-font: Roboto, "Helvetica Neue", sans-serif; --mat-form-field-subscript-text-line-height: 20px; --mat-form-field-subscript-text-size: 12px; --mat-form-field-subscript-text-tracking: 0.0333333333em; --mat-form-field-subscript-text-weight: 400; --mat-form-field-filled-label-text-font: Roboto, "Helvetica Neue", sans-serif; --mat-form-field-filled-label-text-size: 16px; --mat-form-field-filled-label-text-tracking: 0.03125em; --mat-form-field-filled-label-text-weight: 400; --mat-form-field-outlined-label-text-font: Roboto, "Helvetica Neue", sans-serif; --mat-form-field-outlined-label-text-size: 16px; --mat-form-field-outlined-label-text-tracking: 0.03125em; --mat-form-field-outlined-label-text-weight: 400; } html { --mat-select-container-elevation-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); } html { --mat-select-panel-background-color: white; --mat-select-enabled-trigger-text-color: rgba(0, 0, 0, 0.87); --mat-select-disabled-trigger-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent); --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.54); --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54); --mat-select-disabled-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent); --mat-select-focused-arrow-color: #d32f2f; --mat-select-invalid-arrow-color: #f44336; } .mat-mdc-form-field.mat-accent { --mat-select-panel-background-color: white; --mat-select-enabled-trigger-text-color: rgba(0, 0, 0, 0.87); --mat-select-disabled-trigger-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent); --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.54); --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54); --mat-select-disabled-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent); --mat-select-focused-arrow-color: #78909c; --mat-select-invalid-arrow-color: #f44336; } .mat-mdc-form-field.mat-warn { --mat-select-panel-background-color: white; --mat-select-enabled-trigger-text-color: rgba(0, 0, 0, 0.87); --mat-select-disabled-trigger-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent); --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.54); --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54); --mat-select-disabled-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent); --mat-select-focused-arrow-color: #f44336; --mat-select-invalid-arrow-color: #f44336; } html { --mat-select-arrow-transform: translateY(-8px); } html { --mat-select-trigger-text-font: Roboto, "Helvetica Neue", sans-serif; --mat-select-trigger-text-line-height: 24px; --mat-select-trigger-text-size: 16px; --mat-select-trigger-text-tracking: 0.03125em; --mat-select-trigger-text-weight: 400; } html { --mat-autocomplete-container-shape: 4px; --mat-autocomplete-container-elevation-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); } html { --mat-autocomplete-background-color: white; } html { --mat-dialog-container-shape: 4px; --mat-dialog-container-elevation-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); --mat-dialog-container-max-width: 80vw; --mat-dialog-container-small-max-width: 80vw; --mat-dialog-container-min-width: 0; --mat-dialog-actions-alignment: start; --mat-dialog-actions-padding: 8px; --mat-dialog-content-padding: 20px 24px; --mat-dialog-with-actions-content-padding: 20px 24px; --mat-dialog-headline-padding: 0 24px 9px; } html { --mat-dialog-container-color: white; --mat-dialog-subhead-color: rgba(0, 0, 0, 0.87); --mat-dialog-supporting-text-color: rgba(0, 0, 0, 0.54); } html { --mat-dialog-subhead-font: Roboto, "Helvetica Neue", sans-serif; --mat-dialog-subhead-line-height: 32px; --mat-dialog-subhead-size: 20px; --mat-dialog-subhead-weight: 500; --mat-dialog-subhead-tracking: 0.0125em; --mat-dialog-supporting-text-font: Roboto, "Helvetica Neue", sans-serif; --mat-dialog-supporting-text-line-height: 24px; --mat-dialog-supporting-text-size: 16px; --mat-dialog-supporting-text-weight: 400; --mat-dialog-supporting-text-tracking: 0.03125em; } .mat-mdc-standard-chip { --mat-chip-container-shape-radius: 16px; --mat-chip-disabled-container-opacity: 0.4; --mat-chip-disabled-outline-color: transparent; --mat-chip-flat-selected-outline-width: 0; --mat-chip-focus-outline-color: transparent; --mat-chip-hover-state-layer-opacity: 0.04; --mat-chip-outline-color: transparent; --mat-chip-outline-width: 0; --mat-chip-selected-hover-state-layer-opacity: 0.04; --mat-chip-selected-trailing-action-state-layer-color: transparent; --mat-chip-trailing-action-focus-opacity: 1; --mat-chip-trailing-action-focus-state-layer-opacity: 0; --mat-chip-trailing-action-hover-state-layer-opacity: 0; --mat-chip-trailing-action-opacity: 0.54; --mat-chip-trailing-action-state-layer-color: transparent; --mat-chip-with-avatar-avatar-shape-radius: 14px; --mat-chip-with-avatar-avatar-size: 28px; --mat-chip-with-avatar-disabled-avatar-opacity: 1; --mat-chip-with-icon-disabled-icon-opacity: 1; --mat-chip-with-icon-icon-size: 18px; --mat-chip-with-trailing-icon-disabled-trailing-icon-opacity: 1; } .mat-mdc-standard-chip { --mat-chip-disabled-label-text-color: rgba(0, 0, 0, 0.87); --mat-chip-elevated-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent); --mat-chip-elevated-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent); --mat-chip-elevated-selected-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent); --mat-chip-flat-disabled-selected-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent); --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87); --mat-chip-focus-state-layer-opacity: 0.12; --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87); --mat-chip-label-text-color: rgba(0, 0, 0, 0.87); --mat-chip-selected-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87); --mat-chip-selected-focus-state-layer-color: 0.12; --mat-chip-selected-focus-state-layer-opacity: 0.12; --mat-chip-selected-hover-state-layer-color: 0.04; --mat-chip-selected-label-text-color: rgba(0, 0, 0, 0.87); --mat-chip-selected-trailing-icon-color: rgba(0, 0, 0, 0.87); --mat-chip-with-icon-disabled-icon-color: rgba(0, 0, 0, 0.87); --mat-chip-with-icon-icon-color: rgba(0, 0, 0, 0.87); --mat-chip-with-icon-selected-icon-color: rgba(0, 0, 0, 0.87); --mat-chip-with-trailing-icon-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87); --mat-chip-with-trailing-icon-trailing-icon-color: rgba(0, 0, 0, 0.87); } .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-primary, .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-primary { --mat-chip-disabled-label-text-color: white; --mat-chip-elevated-container-color: #d32f2f; --mat-chip-elevated-disabled-container-color: #d32f2f; --mat-chip-elevated-selected-container-color: #d32f2f; --mat-chip-flat-disabled-selected-container-color: #d32f2f; --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87); --mat-chip-focus-state-layer-opacity: 0.12; --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87); --mat-chip-label-text-color: white; --mat-chip-selected-disabled-trailing-icon-color: white; --mat-chip-selected-focus-state-layer-color: 0.12; --mat-chip-selected-focus-state-layer-opacity: 0.12; --mat-chip-selected-hover-state-layer-color: 0.04; --mat-chip-selected-label-text-color: white; --mat-chip-selected-trailing-icon-color: white; --mat-chip-with-icon-disabled-icon-color: white; --mat-chip-with-icon-icon-color: white; --mat-chip-with-icon-selected-icon-color: white; --mat-chip-with-trailing-icon-disabled-trailing-icon-color: white; --mat-chip-with-trailing-icon-trailing-icon-color: white; } .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-accent, .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-accent { --mat-chip-disabled-label-text-color: white; --mat-chip-elevated-container-color: #78909c; --mat-chip-elevated-disabled-container-color: #78909c; --mat-chip-elevated-selected-container-color: #78909c; --mat-chip-flat-disabled-selected-container-color: #78909c; --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87); --mat-chip-focus-state-layer-opacity: 0.12; --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87); --mat-chip-label-text-color: white; --mat-chip-selected-disabled-trailing-icon-color: white; --mat-chip-selected-focus-state-layer-color: 0.12; --mat-chip-selected-focus-state-layer-opacity: 0.12; --mat-chip-selected-hover-state-layer-color: 0.04; --mat-chip-selected-label-text-color: white; --mat-chip-selected-trailing-icon-color: white; --mat-chip-with-icon-disabled-icon-color: white; --mat-chip-with-icon-icon-color: white; --mat-chip-with-icon-selected-icon-color: white; --mat-chip-with-trailing-icon-disabled-trailing-icon-color: white; --mat-chip-with-trailing-icon-trailing-icon-color: white; } .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-warn, .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-warn { --mat-chip-disabled-label-text-color: white; --mat-chip-elevated-container-color: #f44336; --mat-chip-elevated-disabled-container-color: #f44336; --mat-chip-elevated-selected-container-color: #f44336; --mat-chip-flat-disabled-selected-container-color: #f44336; --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87); --mat-chip-focus-state-layer-opacity: 0.12; --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87); --mat-chip-label-text-color: white; --mat-chip-selected-disabled-trailing-icon-color: white; --mat-chip-selected-focus-state-layer-color: 0.12; --mat-chip-selected-focus-state-layer-opacity: 0.12; --mat-chip-selected-hover-state-layer-color: 0.04; --mat-chip-selected-label-text-color: white; --mat-chip-selected-trailing-icon-color: white; --mat-chip-with-icon-disabled-icon-color: white; --mat-chip-with-icon-icon-color: white; --mat-chip-with-icon-selected-icon-color: white; --mat-chip-with-trailing-icon-disabled-trailing-icon-color: white; --mat-chip-with-trailing-icon-trailing-icon-color: white; } .mat-mdc-chip.mat-mdc-standard-chip { --mat-chip-container-height: 32px; } .mat-mdc-standard-chip { --mat-chip-label-text-font: Roboto, "Helvetica Neue", sans-serif; --mat-chip-label-text-line-height: 20px; --mat-chip-label-text-size: 14px; --mat-chip-label-text-tracking: 0.0178571429em; --mat-chip-label-text-weight: 400; } html { --mat-slide-toggle-disabled-handle-opacity: 0.38; --mat-slide-toggle-disabled-selected-handle-opacity: 0.38; --mat-slide-toggle-disabled-selected-icon-opacity: 0.38; --mat-slide-toggle-disabled-track-opacity: 0.12; --mat-slide-toggle-disabled-unselected-handle-opacity: 0.38; --mat-slide-toggle-disabled-unselected-icon-opacity: 0.38; --mat-slide-toggle-disabled-unselected-track-outline-color: transparent; --mat-slide-toggle-disabled-unselected-track-outline-width: 1px; --mat-slide-toggle-handle-height: 20px; --mat-slide-toggle-handle-shape: 10px; --mat-slide-toggle-handle-width: 20px; --mat-slide-toggle-hidden-track-opacity: 1; --mat-slide-toggle-hidden-track-transition: transform 75ms 0ms cubic-bezier(0.4, 0, 0.6, 1); --mat-slide-toggle-pressed-handle-size: 20px; --mat-slide-toggle-selected-focus-state-layer-opacity: 0.12; --mat-slide-toggle-selected-handle-horizontal-margin: 0; --mat-slide-toggle-selected-handle-size: 20px; --mat-slide-toggle-selected-hover-state-layer-opacity: 0.04; --mat-slide-toggle-selected-icon-size: 18px; --mat-slide-toggle-selected-pressed-handle-horizontal-margin: 0; --mat-slide-toggle-selected-pressed-state-layer-opacity: 0.12; --mat-slide-toggle-selected-track-outline-color: transparent; --mat-slide-toggle-selected-track-outline-width: 1px; --mat-slide-toggle-selected-with-icon-handle-horizontal-margin: 0; --mat-slide-toggle-track-height: 14px; --mat-slide-toggle-track-outline-color: transparent; --mat-slide-toggle-track-outline-width: 1px; --mat-slide-toggle-track-shape: 7px; --mat-slide-toggle-track-width: 36px; --mat-slide-toggle-unselected-focus-state-layer-opacity: 0.12; --mat-slide-toggle-unselected-handle-horizontal-margin: 0; --mat-slide-toggle-unselected-handle-size: 20px; --mat-slide-toggle-unselected-hover-state-layer-opacity: 0.12; --mat-slide-toggle-unselected-icon-size: 18px; --mat-slide-toggle-unselected-pressed-handle-horizontal-margin: 0; --mat-slide-toggle-unselected-pressed-state-layer-opacity: 0.1; --mat-slide-toggle-unselected-with-icon-handle-horizontal-margin: 0; --mat-slide-toggle-visible-track-opacity: 1; --mat-slide-toggle-visible-track-transition: transform 75ms 0ms cubic-bezier(0, 0, 0.2, 1); --mat-slide-toggle-with-icon-handle-size: 20px; --mat-slide-toggle-touch-target-size: 48px; } html { --mat-slide-toggle-selected-icon-color: white; --mat-slide-toggle-disabled-selected-icon-color: white; --mat-slide-toggle-selected-focus-state-layer-color: #d32f2f; --mat-slide-toggle-selected-handle-color: #d32f2f; --mat-slide-toggle-selected-hover-state-layer-color: #d32f2f; --mat-slide-toggle-selected-pressed-state-layer-color: #d32f2f; --mat-slide-toggle-selected-focus-handle-color: #d32f2f; --mat-slide-toggle-selected-hover-handle-color: #d32f2f; --mat-slide-toggle-selected-pressed-handle-color: #d32f2f; --mat-slide-toggle-selected-focus-track-color: #e57373; --mat-slide-toggle-selected-hover-track-color: #e57373; --mat-slide-toggle-selected-pressed-track-color: #e57373; --mat-slide-toggle-selected-track-color: #e57373; --mat-slide-toggle-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent); --mat-slide-toggle-disabled-handle-elevation-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); --mat-slide-toggle-disabled-selected-handle-color: rgba(0, 0, 0, 0.87); --mat-slide-toggle-disabled-selected-track-color: rgba(0, 0, 0, 0.87); --mat-slide-toggle-disabled-unselected-handle-color: rgba(0, 0, 0, 0.87); --mat-slide-toggle-disabled-unselected-icon-color: #f6f6f6; --mat-slide-toggle-disabled-unselected-track-color: rgba(0, 0, 0, 0.87); --mat-slide-toggle-handle-elevation-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); --mat-slide-toggle-handle-surface-color: white; --mat-slide-toggle-label-text-color: rgba(0, 0, 0, 0.87); --mat-slide-toggle-unselected-hover-handle-color: #424242; --mat-slide-toggle-unselected-focus-handle-color: #424242; --mat-slide-toggle-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87); --mat-slide-toggle-unselected-focus-track-color: rgba(0, 0, 0, 0.12); --mat-slide-toggle-unselected-icon-color: #f6f6f6; --mat-slide-toggle-unselected-handle-color: rgba(0, 0, 0, 0.54); --mat-slide-toggle-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87); --mat-slide-toggle-unselected-hover-track-color: rgba(0, 0, 0, 0.12); --mat-slide-toggle-unselected-pressed-handle-color: #424242; --mat-slide-toggle-unselected-pressed-track-color: rgba(0, 0, 0, 0.12); --mat-slide-toggle-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87); --mat-slide-toggle-unselected-track-color: rgba(0, 0, 0, 0.12); } .mat-mdc-slide-toggle.mat-accent { --mat-slide-toggle-selected-icon-color: white; --mat-slide-toggle-disabled-selected-icon-color: white; --mat-slide-toggle-selected-focus-state-layer-color: #78909c; --mat-slide-toggle-selected-handle-color: #78909c; --mat-slide-toggle-selected-hover-state-layer-color: #78909c; --mat-slide-toggle-selected-pressed-state-layer-color: #78909c; --mat-slide-toggle-selected-focus-handle-color: #78909c; --mat-slide-toggle-selected-hover-handle-color: #78909c; --mat-slide-toggle-selected-pressed-handle-color: #78909c; --mat-slide-toggle-selected-focus-track-color: #90a4ae; --mat-slide-toggle-selected-hover-track-color: #90a4ae; --mat-slide-toggle-selected-pressed-track-color: #90a4ae; --mat-slide-toggle-selected-track-color: #90a4ae; } .mat-mdc-slide-toggle.mat-warn { --mat-slide-toggle-selected-icon-color: white; --mat-slide-toggle-disabled-selected-icon-color: white; --mat-slide-toggle-selected-focus-state-layer-color: #f44336; --mat-slide-toggle-selected-handle-color: #f44336; --mat-slide-toggle-selected-hover-state-layer-color: #f44336; --mat-slide-toggle-selected-pressed-state-layer-color: #f44336; --mat-slide-toggle-selected-focus-handle-color: #f44336; --mat-slide-toggle-selected-hover-handle-color: #f44336; --mat-slide-toggle-selected-pressed-handle-color: #f44336; --mat-slide-toggle-selected-focus-track-color: #e57373; --mat-slide-toggle-selected-hover-track-color: #e57373; --mat-slide-toggle-selected-pressed-track-color: #e57373; --mat-slide-toggle-selected-track-color: #e57373; } html { --mat-slide-toggle-state-layer-size: 40px; --mat-slide-toggle-touch-target-display: block; } html { --mat-slide-toggle-label-text-font: Roboto, "Helvetica Neue", sans-serif; --mat-slide-toggle-label-text-line-height: 20px; --mat-slide-toggle-label-text-size: 14px; --mat-slide-toggle-label-text-tracking: 0.0178571429em; --mat-slide-toggle-label-text-weight: 400; } html .mat-mdc-slide-toggle { --mat-slide-toggle-label-text-font: Roboto, "Helvetica Neue", sans-serif; --mat-slide-toggle-label-text-line-height: 20px; --mat-slide-toggle-label-text-size: 14px; --mat-slide-toggle-label-text-tracking: 0.0178571429em; --mat-slide-toggle-label-text-weight: 400; } html { --mat-radio-disabled-selected-icon-opacity: 0.38; --mat-radio-disabled-unselected-icon-opacity: 0.38; --mat-radio-state-layer-size: 40px; --mat-radio-touch-target-size: 48px; } .mat-mdc-radio-button.mat-primary { --mat-radio-checked-ripple-color: #d32f2f; --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent); --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87); --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87); --mat-radio-label-text-color: rgba(0, 0, 0, 0.87); --mat-radio-ripple-color: rgba(0, 0, 0, 0.87); --mat-radio-selected-focus-icon-color: #d32f2f; --mat-radio-selected-hover-icon-color: #d32f2f; --mat-radio-selected-icon-color: #d32f2f; --mat-radio-selected-pressed-icon-color: #d32f2f; --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87); --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87); --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54); --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87); } .mat-mdc-radio-button.mat-accent { --mat-radio-checked-ripple-color: #78909c; --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent); --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87); --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87); --mat-radio-label-text-color: rgba(0, 0, 0, 0.87); --mat-radio-ripple-color: rgba(0, 0, 0, 0.87); --mat-radio-selected-focus-icon-color: #78909c; --mat-radio-selected-hover-icon-color: #78909c; --mat-radio-selected-icon-color: #78909c; --mat-radio-selected-pressed-icon-color: #78909c; --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87); --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87); --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54); --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87); } .mat-mdc-radio-button.mat-warn { --mat-radio-checked-ripple-color: #f44336; --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent); --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87); --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87); --mat-radio-label-text-color: rgba(0, 0, 0, 0.87); --mat-radio-ripple-color: rgba(0, 0, 0, 0.87); --mat-radio-selected-focus-icon-color: #f44336; --mat-radio-selected-hover-icon-color: #f44336; --mat-radio-selected-icon-color: #f44336; --mat-radio-selected-pressed-icon-color: #f44336; --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87); --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87); --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54); --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87); } html { --mat-radio-state-layer-size: 40px; --mat-radio-touch-target-display: block; } html { --mat-radio-label-text-font: Roboto, "Helvetica Neue", sans-serif; --mat-radio-label-text-line-height: 20px; --mat-radio-label-text-size: 14px; --mat-radio-label-text-tracking: 0.0178571429em; --mat-radio-label-text-weight: 400; } html { --mat-slider-active-track-height: 6px; --mat-slider-active-track-shape: 9999px; --mat-slider-handle-elevation: 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); --mat-slider-handle-height: 20px; --mat-slider-handle-shape: 50%; --mat-slider-handle-width: 20px; --mat-slider-inactive-track-height: 4px; --mat-slider-inactive-track-shape: 9999px; --mat-slider-value-indicator-border-radius: 4px; --mat-slider-value-indicator-caret-display: block; --mat-slider-value-indicator-container-transform: translateX(-50%); --mat-slider-value-indicator-height: 32px; --mat-slider-value-indicator-padding: 0 12px; --mat-slider-value-indicator-text-transform: none; --mat-slider-value-indicator-width: auto; --mat-slider-with-overlap-handle-outline-width: 1px; --mat-slider-with-tick-marks-active-container-opacity: 0.6; --mat-slider-with-tick-marks-container-shape: 50%; --mat-slider-with-tick-marks-container-size: 2px; --mat-slider-with-tick-marks-inactive-container-opacity: 0.6; --mat-slider-value-indicator-transform-origin: bottom; } html { --mat-slider-active-track-color: #d32f2f; --mat-slider-focus-handle-color: #d32f2f; --mat-slider-handle-color: #d32f2f; --mat-slider-hover-handle-color: #d32f2f; --mat-slider-focus-state-layer-color: color-mix(in srgb, #d32f2f 12%, transparent); --mat-slider-hover-state-layer-color: color-mix(in srgb, #d32f2f 4%, transparent); --mat-slider-inactive-track-color: #d32f2f; --mat-slider-ripple-color: #d32f2f; --mat-slider-with-tick-marks-active-container-color: white; --mat-slider-with-tick-marks-inactive-container-color: #d32f2f; --mat-slider-disabled-active-track-color: rgba(0, 0, 0, 0.87); --mat-slider-disabled-handle-color: rgba(0, 0, 0, 0.87); --mat-slider-disabled-inactive-track-color: rgba(0, 0, 0, 0.87); --mat-slider-label-container-color: #424242; --mat-slider-label-label-text-color: white; --mat-slider-value-indicator-opacity: 1; --mat-slider-with-overlap-handle-outline-color: rgba(0, 0, 0, 0.87); --mat-slider-with-tick-marks-disabled-container-color: rgba(0, 0, 0, 0.87); } .mat-accent { --mat-slider-active-track-color: #78909c; --mat-slider-focus-handle-color: #78909c; --mat-slider-handle-color: #78909c; --mat-slider-hover-handle-color: #78909c; --mat-slider-focus-state-layer-color: color-mix(in srgb, #78909c 12%, transparent); --mat-slider-hover-state-layer-color: color-mix(in srgb, #78909c 4%, transparent); --mat-slider-inactive-track-color: #78909c; --mat-slider-ripple-color: #78909c; --mat-slider-with-tick-marks-active-container-color: white; --mat-slider-with-tick-marks-inactive-container-color: #78909c; } .mat-warn { --mat-slider-active-track-color: #f44336; --mat-slider-focus-handle-color: #f44336; --mat-slider-handle-color: #f44336; --mat-slider-hover-handle-color: #f44336; --mat-slider-focus-state-layer-color: color-mix(in srgb, #f44336 12%, transparent); --mat-slider-hover-state-layer-color: color-mix(in srgb, #f44336 4%, transparent); --mat-slider-inactive-track-color: #f44336; --mat-slider-ripple-color: #f44336; --mat-slider-with-tick-marks-active-container-color: white; --mat-slider-with-tick-marks-inactive-container-color: #f44336; } html { --mat-slider-label-label-text-font: Roboto, "Helvetica Neue", sans-serif; --mat-slider-label-label-text-size: 14px; --mat-slider-label-label-text-line-height: 22px; --mat-slider-label-label-text-tracking: 0.0071428571em; --mat-slider-label-label-text-weight: 500; } html { --mat-menu-container-shape: 4px; --mat-menu-divider-bottom-spacing: 0; --mat-menu-divider-top-spacing: 0; --mat-menu-item-spacing: 16px; --mat-menu-item-icon-size: 24px; --mat-menu-item-leading-spacing: 16px; --mat-menu-item-trailing-spacing: 16px; --mat-menu-item-with-icon-leading-spacing: 16px; --mat-menu-item-with-icon-trailing-spacing: 16px; --mat-menu-container-elevation-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); } html { --mat-menu-item-label-text-color: rgba(0, 0, 0, 0.87); --mat-menu-item-icon-color: rgba(0, 0, 0, 0.87); --mat-menu-item-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent); --mat-menu-item-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent); --mat-menu-container-color: white; --mat-menu-divider-color: rgba(0, 0, 0, 0.12); } html { --mat-menu-item-label-text-font: Roboto, "Helvetica Neue", sans-serif; --mat-menu-item-label-text-size: 16px; --mat-menu-item-label-text-tracking: 0.03125em; --mat-menu-item-label-text-line-height: 24px; --mat-menu-item-label-text-weight: 400; } html { --mat-list-active-indicator-color: transparent; --mat-list-active-indicator-shape: 4px; --mat-list-list-item-container-shape: 0; --mat-list-list-item-leading-avatar-shape: 50%; --mat-list-list-item-container-color: transparent; --mat-list-list-item-selected-container-color: transparent; --mat-list-list-item-leading-avatar-color: transparent; --mat-list-list-item-leading-icon-size: 24px; --mat-list-list-item-leading-avatar-size: 40px; --mat-list-list-item-trailing-icon-size: 24px; --mat-list-list-item-disabled-state-layer-color: transparent; --mat-list-list-item-disabled-state-layer-opacity: 0; --mat-list-list-item-disabled-label-text-opacity: 0.38; --mat-list-list-item-disabled-leading-icon-opacity: 0.38; --mat-list-list-item-disabled-trailing-icon-opacity: 0.38; } html { --mat-list-list-item-label-text-color: rgba(0, 0, 0, 0.87); --mat-list-list-item-supporting-text-color: rgba(0, 0, 0, 0.54); --mat-list-list-item-leading-icon-color: rgba(0, 0, 0, 0.54); --mat-list-list-item-trailing-supporting-text-color: rgba(0, 0, 0, 0.54); --mat-list-list-item-trailing-icon-color: rgba(0, 0, 0, 0.54); --mat-list-list-item-selected-trailing-icon-color: rgba(0, 0, 0, 0.54); --mat-list-list-item-disabled-label-text-color: rgba(0, 0, 0, 0.87); --mat-list-list-item-disabled-leading-icon-color: rgba(0, 0, 0, 0.87); --mat-list-list-item-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87); --mat-list-list-item-hover-label-text-color: rgba(0, 0, 0, 0.87); --mat-list-list-item-hover-leading-icon-color: rgba(0, 0, 0, 0.54); --mat-list-list-item-hover-state-layer-color: rgba(0, 0, 0, 0.87); --mat-list-list-item-hover-state-layer-opacity: 0.04; --mat-list-list-item-hover-trailing-icon-color: rgba(0, 0, 0, 0.54); --mat-list-list-item-focus-label-text-color: rgba(0, 0, 0, 0.87); --mat-list-list-item-focus-state-layer-color: rgba(0, 0, 0, 0.87); --mat-list-list-item-focus-state-layer-opacity: 0.12; } .mdc-list-item__start, .mdc-list-item__end { --mat-radio-checked-ripple-color: #d32f2f; --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent); --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87); --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87); --mat-radio-label-text-color: rgba(0, 0, 0, 0.87); --mat-radio-ripple-color: rgba(0, 0, 0, 0.87); --mat-radio-selected-focus-icon-color: #d32f2f; --mat-radio-selected-hover-icon-color: #d32f2f; --mat-radio-selected-icon-color: #d32f2f; --mat-radio-selected-pressed-icon-color: #d32f2f; --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87); --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87); --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54); --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87); } .mat-accent .mdc-list-item__start, .mat-accent .mdc-list-item__end { --mat-radio-checked-ripple-color: #78909c; --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent); --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87); --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87); --mat-radio-label-text-color: rgba(0, 0, 0, 0.87); --mat-radio-ripple-color: rgba(0, 0, 0, 0.87); --mat-radio-selected-focus-icon-color: #78909c; --mat-radio-selected-hover-icon-color: #78909c; --mat-radio-selected-icon-color: #78909c; --mat-radio-selected-pressed-icon-color: #78909c; --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87); --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87); --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54); --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87); } .mat-warn .mdc-list-item__start, .mat-warn .mdc-list-item__end { --mat-radio-checked-ripple-color: #f44336; --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent); --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87); --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87); --mat-radio-label-text-color: rgba(0, 0, 0, 0.87); --mat-radio-ripple-color: rgba(0, 0, 0, 0.87); --mat-radio-selected-focus-icon-color: #f44336; --mat-radio-selected-hover-icon-color: #f44336; --mat-radio-selected-icon-color: #f44336; --mat-radio-selected-pressed-icon-color: #f44336; --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87); --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87); --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54); --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87); } .mat-mdc-list-option { --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent); --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87); --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent); --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent); --mat-checkbox-selected-checkmark-color: white; --mat-checkbox-selected-focus-icon-color: #d32f2f; --mat-checkbox-selected-hover-icon-color: #d32f2f; --mat-checkbox-selected-icon-color: #d32f2f; --mat-checkbox-selected-pressed-icon-color: #d32f2f; --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87); --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87); --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54); --mat-checkbox-selected-focus-state-layer-color: #d32f2f; --mat-checkbox-selected-hover-state-layer-color: #d32f2f; --mat-checkbox-selected-pressed-state-layer-color: #d32f2f; --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87); --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87); --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87); } .mat-mdc-list-option.mat-accent { --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent); --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87); --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent); --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent); --mat-checkbox-selected-checkmark-color: white; --mat-checkbox-selected-focus-icon-color: #78909c; --mat-checkbox-selected-hover-icon-color: #78909c; --mat-checkbox-selected-icon-color: #78909c; --mat-checkbox-selected-pressed-icon-color: #78909c; --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87); --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87); --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54); --mat-checkbox-selected-focus-state-layer-color: #78909c; --mat-checkbox-selected-hover-state-layer-color: #78909c; --mat-checkbox-selected-pressed-state-layer-color: #78909c; --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87); --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87); --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87); } .mat-mdc-list-option.mat-warn { --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent); --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87); --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent); --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent); --mat-checkbox-selected-checkmark-color: white; --mat-checkbox-selected-focus-icon-color: #f44336; --mat-checkbox-selected-hover-icon-color: #f44336; --mat-checkbox-selected-icon-color: #f44336; --mat-checkbox-selected-pressed-icon-color: #f44336; --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87); --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87); --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54); --mat-checkbox-selected-focus-state-layer-color: #f44336; --mat-checkbox-selected-hover-state-layer-color: #f44336; --mat-checkbox-selected-pressed-state-layer-color: #f44336; --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87); --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87); --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87); } .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__primary-text, .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__start, .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__primary-text, .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__start { color: #d32f2f; } .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__start, .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__content, .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__end { opacity: 1; } html { --mat-list-list-item-leading-icon-start-space: 16px; --mat-list-list-item-leading-icon-end-space: 32px; --mat-list-list-item-one-line-container-height: 48px; --mat-list-list-item-two-line-container-height: 64px; --mat-list-list-item-three-line-container-height: 88px; } .mdc-list-item__start, .mdc-list-item__end { --mat-radio-state-layer-size: 40px; --mat-radio-touch-target-display: block; } .mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-one-line, .mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-one-line, .mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-one-line { height: 56px; } .mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-two-lines, .mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-two-lines, .mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-two-lines { height: 72px; } html { --mat-list-list-item-label-text-font: Roboto, "Helvetica Neue", sans-serif; --mat-list-list-item-label-text-line-height: 24px; --mat-list-list-item-label-text-size: 16px; --mat-list-list-item-label-text-tracking: 0.03125em; --mat-list-list-item-label-text-weight: 400; --mat-list-list-item-supporting-text-font: Roboto, "Helvetica Neue", sans-serif; --mat-list-list-item-supporting-text-line-height: 20px; --mat-list-list-item-supporting-text-size: 14px; --mat-list-list-item-supporting-text-tracking: 0.0178571429em; --mat-list-list-item-supporting-text-weight: 400; --mat-list-list-item-trailing-supporting-text-font: Roboto, "Helvetica Neue", sans-serif; --mat-list-list-item-trailing-supporting-text-line-height: 20px; --mat-list-list-item-trailing-supporting-text-size: 12px; --mat-list-list-item-trailing-supporting-text-tracking: 0.0333333333em; --mat-list-list-item-trailing-supporting-text-weight: 400; } .mdc-list-group__subheader { font: 400 16px / 28px Roboto, "Helvetica Neue", sans-serif; letter-spacing: 0.009375em; } html { --mat-paginator-page-size-select-width: 84px; --mat-paginator-page-size-select-touch-target-height: 48px; } html { --mat-paginator-container-text-color: rgba(0, 0, 0, 0.87); --mat-paginator-container-background-color: white; --mat-paginator-enabled-icon-color: rgba(0, 0, 0, 0.54); --mat-paginator-disabled-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent); } html { --mat-paginator-container-size: 56px; --mat-paginator-form-field-container-height: 40px; --mat-paginator-form-field-container-vertical-padding: 8px; --mat-paginator-touch-target-display: block; } html { --mat-paginator-container-text-font: Roboto, "Helvetica Neue", sans-serif; --mat-paginator-container-text-line-height: 20px; --mat-paginator-container-text-size: 12px; --mat-paginator-container-text-tracking: 0.0333333333em; --mat-paginator-container-text-weight: 400; --mat-paginator-select-trigger-text-size: 12px; } html { --mat-tab-container-height: 48px; --mat-tab-divider-color: transparent; --mat-tab-divider-height: 0; --mat-tab-active-indicator-height: 2px; --mat-tab-active-indicator-shape: 0; } .mat-mdc-tab-group, .mat-mdc-tab-nav-bar { --mat-tab-disabled-ripple-color: rgba(0, 0, 0, 0.54); --mat-tab-pagination-icon-color: rgba(0, 0, 0, 0.87); --mat-tab-inactive-label-text-color: rgba(0, 0, 0, 0.54); --mat-tab-active-label-text-color: #d32f2f; --mat-tab-active-ripple-color: #d32f2f; --mat-tab-inactive-ripple-color: #d32f2f; --mat-tab-inactive-focus-label-text-color: rgba(0, 0, 0, 0.54); --mat-tab-inactive-hover-label-text-color: rgba(0, 0, 0, 0.54); --mat-tab-active-focus-label-text-color: #d32f2f; --mat-tab-active-hover-label-text-color: #d32f2f; --mat-tab-active-focus-indicator-color: #d32f2f; --mat-tab-active-hover-indicator-color: #d32f2f; --mat-tab-active-indicator-color: #d32f2f; } .mat-mdc-tab-group.mat-accent, .mat-mdc-tab-nav-bar.mat-accent { --mat-tab-disabled-ripple-color: rgba(0, 0, 0, 0.54); --mat-tab-pagination-icon-color: rgba(0, 0, 0, 0.87); --mat-tab-inactive-label-text-color: rgba(0, 0, 0, 0.54); --mat-tab-active-label-text-color: #78909c; --mat-tab-active-ripple-color: #78909c; --mat-tab-inactive-ripple-color: #78909c; --mat-tab-inactive-focus-label-text-color: rgba(0, 0, 0, 0.54); --mat-tab-inactive-hover-label-text-color: rgba(0, 0, 0, 0.54); --mat-tab-active-focus-label-text-color: #78909c; --mat-tab-active-hover-label-text-color: #78909c; --mat-tab-active-focus-indicator-color: #78909c; --mat-tab-active-hover-indicator-color: #78909c; --mat-tab-active-indicator-color: #78909c; } .mat-mdc-tab-group.mat-warn, .mat-mdc-tab-nav-bar.mat-warn { --mat-tab-disabled-ripple-color: rgba(0, 0, 0, 0.54); --mat-tab-pagination-icon-color: rgba(0, 0, 0, 0.87); --mat-tab-inactive-label-text-color: rgba(0, 0, 0, 0.54); --mat-tab-active-label-text-color: #f44336; --mat-tab-active-ripple-color: #f44336; --mat-tab-inactive-ripple-color: #f44336; --mat-tab-inactive-focus-label-text-color: rgba(0, 0, 0, 0.54); --mat-tab-inactive-hover-label-text-color: rgba(0, 0, 0, 0.54); --mat-tab-active-focus-label-text-color: #f44336; --mat-tab-active-hover-label-text-color: #f44336; --mat-tab-active-focus-indicator-color: #f44336; --mat-tab-active-hover-indicator-color: #f44336; --mat-tab-active-indicator-color: #f44336; } .mat-mdc-tab-group.mat-background-primary, .mat-mdc-tab-nav-bar.mat-background-primary { --mat-tab-background-color: #d32f2f; --mat-tab-foreground-color: white; } .mat-mdc-tab-group.mat-background-accent, .mat-mdc-tab-nav-bar.mat-background-accent { --mat-tab-background-color: #78909c; --mat-tab-foreground-color: white; } .mat-mdc-tab-group.mat-background-warn, .mat-mdc-tab-nav-bar.mat-background-warn { --mat-tab-background-color: #f44336; --mat-tab-foreground-color: white; } .mat-mdc-tab-header { --mat-tab-container-height: 48px; } .mat-mdc-tab-header { --mat-tab-label-text-font: Roboto, "Helvetica Neue", sans-serif; --mat-tab-label-text-size: 14px; --mat-tab-label-text-tracking: 0.0892857143em; --mat-tab-label-text-line-height: 36px; --mat-tab-label-text-weight: 500; } html { --mat-checkbox-disabled-selected-checkmark-color: white; --mat-checkbox-selected-focus-state-layer-opacity: 0.12; --mat-checkbox-selected-hover-state-layer-opacity: 0.04; --mat-checkbox-selected-pressed-state-layer-opacity: 0.12; --mat-checkbox-unselected-focus-state-layer-opacity: 0.12; --mat-checkbox-unselected-hover-state-layer-opacity: 0.04; --mat-checkbox-unselected-pressed-state-layer-opacity: 0.12; --mat-checkbox-touch-target-size: 48px; } html { --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent); --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87); --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent); --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent); --mat-checkbox-selected-checkmark-color: white; --mat-checkbox-selected-focus-icon-color: #78909c; --mat-checkbox-selected-hover-icon-color: #78909c; --mat-checkbox-selected-icon-color: #78909c; --mat-checkbox-selected-pressed-icon-color: #78909c; --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87); --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87); --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54); --mat-checkbox-selected-focus-state-layer-color: #78909c; --mat-checkbox-selected-hover-state-layer-color: #78909c; --mat-checkbox-selected-pressed-state-layer-color: #78909c; --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87); --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87); --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87); } .mat-mdc-checkbox.mat-primary { --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent); --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent); --mat-checkbox-selected-checkmark-color: white; --mat-checkbox-selected-focus-icon-color: #d32f2f; --mat-checkbox-selected-hover-icon-color: #d32f2f; --mat-checkbox-selected-icon-color: #d32f2f; --mat-checkbox-selected-pressed-icon-color: #d32f2f; --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87); --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87); --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54); --mat-checkbox-selected-focus-state-layer-color: #d32f2f; --mat-checkbox-selected-hover-state-layer-color: #d32f2f; --mat-checkbox-selected-pressed-state-layer-color: #d32f2f; --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87); --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87); --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87); } .mat-mdc-checkbox.mat-warn { --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent); --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent); --mat-checkbox-selected-checkmark-color: white; --mat-checkbox-selected-focus-icon-color: #f44336; --mat-checkbox-selected-hover-icon-color: #f44336; --mat-checkbox-selected-icon-color: #f44336; --mat-checkbox-selected-pressed-icon-color: #f44336; --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87); --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87); --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54); --mat-checkbox-selected-focus-state-layer-color: #f44336; --mat-checkbox-selected-hover-state-layer-color: #f44336; --mat-checkbox-selected-pressed-state-layer-color: #f44336; --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87); --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87); --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87); } html { --mat-checkbox-touch-target-display: block; --mat-checkbox-state-layer-size: 40px; } html { --mat-checkbox-label-text-font: Roboto, "Helvetica Neue", sans-serif; --mat-checkbox-label-text-line-height: 20px; --mat-checkbox-label-text-size: 14px; --mat-checkbox-label-text-tracking: 0.0178571429em; --mat-checkbox-label-text-weight: 400; } html { --mat-button-filled-container-shape: 4px; --mat-button-filled-horizontal-padding: 16px; --mat-button-filled-icon-offset: -4px; --mat-button-filled-icon-spacing: 8px; --mat-button-filled-touch-target-size: 48px; --mat-button-outlined-container-shape: 4px; --mat-button-outlined-horizontal-padding: 15px; --mat-button-outlined-icon-offset: -4px; --mat-button-outlined-icon-spacing: 8px; --mat-button-outlined-keep-touch-target: false; --mat-button-outlined-outline-width: 1px; --mat-button-outlined-touch-target-size: 48px; --mat-button-protected-container-elevation-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); --mat-button-protected-container-shape: 4px; --mat-button-protected-disabled-container-elevation-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); --mat-button-protected-focus-container-elevation-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); --mat-button-protected-horizontal-padding: 16px; --mat-button-protected-hover-container-elevation-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); --mat-button-protected-icon-offset: -4px; --mat-button-protected-icon-spacing: 8px; --mat-button-protected-pressed-container-elevation-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); --mat-button-protected-touch-target-size: 48px; --mat-button-text-container-shape: 4px; --mat-button-text-horizontal-padding: 8px; --mat-button-text-icon-offset: 0; --mat-button-text-icon-spacing: 8px; --mat-button-text-with-icon-horizontal-padding: 8px; --mat-button-text-touch-target-size: 48px; --mat-button-tonal-container-shape: 4px; --mat-button-tonal-horizontal-padding: 16px; --mat-button-tonal-icon-offset: -4px; --mat-button-tonal-icon-spacing: 8px; --mat-button-tonal-touch-target-size: 48px; } html { --mat-button-filled-container-color: white; --mat-button-filled-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent); --mat-button-filled-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent); --mat-button-filled-disabled-state-layer-color: rgba(0, 0, 0, 0.54); --mat-button-filled-focus-state-layer-opacity: 0.12; --mat-button-filled-hover-state-layer-opacity: 0.04; --mat-button-filled-label-text-color: rgba(0, 0, 0, 0.87); --mat-button-filled-pressed-state-layer-opacity: 0.12; --mat-button-filled-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent); --mat-button-filled-state-layer-color: rgba(0, 0, 0, 0.87); --mat-button-outlined-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent); --mat-button-outlined-disabled-outline-color: rgba(0, 0, 0, 0.12); --mat-button-outlined-disabled-state-layer-color: rgba(0, 0, 0, 0.54); --mat-button-outlined-focus-state-layer-opacity: 0.12; --mat-button-outlined-hover-state-layer-opacity: 0.04; --mat-button-outlined-label-text-color: rgba(0, 0, 0, 0.87); --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12); --mat-button-outlined-pressed-state-layer-opacity: 0.12; --mat-button-outlined-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent); --mat-button-outlined-state-layer-color: rgba(0, 0, 0, 0.87); --mat-button-protected-container-color: white; --mat-button-protected-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent); --mat-button-protected-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent); --mat-button-protected-disabled-state-layer-color: rgba(0, 0, 0, 0.54); --mat-button-protected-focus-state-layer-opacity: 0.12; --mat-button-protected-hover-state-layer-opacity: 0.04; --mat-button-protected-label-text-color: rgba(0, 0, 0, 0.87); --mat-button-protected-pressed-state-layer-opacity: 0.12; --mat-button-protected-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent); --mat-button-protected-state-layer-color: rgba(0, 0, 0, 0.87); --mat-button-text-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent); --mat-button-text-disabled-state-layer-color: rgba(0, 0, 0, 0.54); --mat-button-text-focus-state-layer-opacity: 0.12; --mat-button-text-hover-state-layer-opacity: 0.04; --mat-button-text-label-text-color: rgba(0, 0, 0, 0.87); --mat-button-text-pressed-state-layer-opacity: 0.12; --mat-button-text-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent); --mat-button-text-state-layer-color: rgba(0, 0, 0, 0.87); --mat-button-tonal-container-color: white; --mat-button-tonal-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent); --mat-button-tonal-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent); --mat-button-tonal-disabled-state-layer-color: rgba(0, 0, 0, 0.54); --mat-button-tonal-focus-state-layer-opacity: 0.12; --mat-button-tonal-hover-state-layer-opacity: 0.04; --mat-button-tonal-label-text-color: rgba(0, 0, 0, 0.87); --mat-button-tonal-pressed-state-layer-opacity: 0.12; --mat-button-tonal-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent); --mat-button-tonal-state-layer-color: rgba(0, 0, 0, 0.87); } .mat-mdc-button.mat-primary, .mat-mdc-unelevated-button.mat-primary, .mat-mdc-raised-button.mat-primary, .mat-mdc-outlined-button.mat-primary, .mat-tonal-button.mat-primary { --mat-button-filled-container-color: #d32f2f; --mat-button-filled-label-text-color: white; --mat-button-filled-ripple-color: color-mix(in srgb, white 12%, transparent); --mat-button-filled-state-layer-color: white; --mat-button-outlined-label-text-color: #d32f2f; --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12); --mat-button-outlined-ripple-color: color-mix(in srgb, #d32f2f 12%, transparent); --mat-button-outlined-state-layer-color: #d32f2f; --mat-button-protected-container-color: #d32f2f; --mat-button-protected-label-text-color: white; --mat-button-protected-ripple-color: color-mix(in srgb, white 12%, transparent); --mat-button-protected-state-layer-color: white; --mat-button-text-label-text-color: #d32f2f; --mat-button-text-ripple-color: color-mix(in srgb, #d32f2f 12%, transparent); --mat-button-text-state-layer-color: #d32f2f; --mat-button-tonal-container-color: #d32f2f; --mat-button-tonal-label-text-color: white; --mat-button-tonal-ripple-color: color-mix(in srgb, white 12%, transparent); --mat-button-tonal-state-layer-color: white; } .mat-mdc-button.mat-accent, .mat-mdc-unelevated-button.mat-accent, .mat-mdc-raised-button.mat-accent, .mat-mdc-outlined-button.mat-accent, .mat-tonal-button.mat-accent { --mat-button-filled-container-color: #78909c; --mat-button-filled-label-text-color: white; --mat-button-filled-ripple-color: color-mix(in srgb, white 12%, transparent); --mat-button-filled-state-layer-color: white; --mat-button-outlined-label-text-color: #78909c; --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12); --mat-button-outlined-ripple-color: color-mix(in srgb, #78909c 12%, transparent); --mat-button-outlined-state-layer-color: #78909c; --mat-button-protected-container-color: #78909c; --mat-button-protected-label-text-color: white; --mat-button-protected-ripple-color: color-mix(in srgb, white 12%, transparent); --mat-button-protected-state-layer-color: white; --mat-button-text-label-text-color: #78909c; --mat-button-text-ripple-color: color-mix(in srgb, #78909c 12%, transparent); --mat-button-text-state-layer-color: #78909c; --mat-button-tonal-container-color: #78909c; --mat-button-tonal-label-text-color: white; --mat-button-tonal-ripple-color: color-mix(in srgb, white 12%, transparent); --mat-button-tonal-state-layer-color: white; } .mat-mdc-button.mat-warn, .mat-mdc-unelevated-button.mat-warn, .mat-mdc-raised-button.mat-warn, .mat-mdc-outlined-button.mat-warn, .mat-tonal-button.mat-warn { --mat-button-filled-container-color: #f44336; --mat-button-filled-label-text-color: white; --mat-button-filled-ripple-color: color-mix(in srgb, white 12%, transparent); --mat-button-filled-state-layer-color: white; --mat-button-outlined-label-text-color: #f44336; --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12); --mat-button-outlined-ripple-color: color-mix(in srgb, #f44336 12%, transparent); --mat-button-outlined-state-layer-color: #f44336; --mat-button-protected-container-color: #f44336; --mat-button-protected-label-text-color: white; --mat-button-protected-ripple-color: color-mix(in srgb, white 12%, transparent); --mat-button-protected-state-layer-color: white; --mat-button-text-label-text-color: #f44336; --mat-button-text-ripple-color: color-mix(in srgb, #f44336 12%, transparent); --mat-button-text-state-layer-color: #f44336; --mat-button-tonal-container-color: #f44336; --mat-button-tonal-label-text-color: white; --mat-button-tonal-ripple-color: color-mix(in srgb, white 12%, transparent); --mat-button-tonal-state-layer-color: white; } html { --mat-button-filled-container-height: 36px; --mat-button-filled-touch-target-display: block; --mat-button-outlined-container-height: 36px; --mat-button-outlined-touch-target-display: block; --mat-button-protected-container-height: 36px; --mat-button-protected-touch-target-display: block; --mat-button-text-container-height: 36px; --mat-button-text-touch-target-display: block; --mat-button-tonal-container-height: 36px; --mat-button-tonal-touch-target-display: block; } html { --mat-button-filled-label-text-font: Roboto, "Helvetica Neue", sans-serif; --mat-button-filled-label-text-size: 14px; --mat-button-filled-label-text-tracking: 0.0892857143em; --mat-button-filled-label-text-transform: none; --mat-button-filled-label-text-weight: 500; --mat-button-outlined-label-text-font: Roboto, "Helvetica Neue", sans-serif; --mat-button-outlined-label-text-size: 14px; --mat-button-outlined-label-text-tracking: 0.0892857143em; --mat-button-outlined-label-text-transform: none; --mat-button-outlined-label-text-weight: 500; --mat-button-protected-label-text-font: Roboto, "Helvetica Neue", sans-serif; --mat-button-protected-label-text-size: 14px; --mat-button-protected-label-text-tracking: 0.0892857143em; --mat-button-protected-label-text-transform: none; --mat-button-protected-label-text-weight: 500; --mat-button-text-label-text-font: Roboto, "Helvetica Neue", sans-serif; --mat-button-text-label-text-size: 14px; --mat-button-text-label-text-tracking: 0.0892857143em; --mat-button-text-label-text-transform: none; --mat-button-text-label-text-weight: 500; --mat-button-tonal-label-text-font: Roboto, "Helvetica Neue", sans-serif; --mat-button-tonal-label-text-size: 14px; --mat-button-tonal-label-text-tracking: 0.0892857143em; --mat-button-tonal-label-text-transform: none; --mat-button-tonal-label-text-weight: 500; } html { --mat-icon-button-icon-size: 24px; --mat-icon-button-container-shape: 50%; --mat-icon-button-touch-target-size: 48px; } html { --mat-icon-button-disabled-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent); --mat-icon-button-disabled-state-layer-color: rgba(0, 0, 0, 0.54); --mat-icon-button-focus-state-layer-opacity: 0.12; --mat-icon-button-hover-state-layer-opacity: 0.04; --mat-icon-button-icon-color: inherit; --mat-icon-button-pressed-state-layer-opacity: 0.12; --mat-icon-button-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent); --mat-icon-button-state-layer-color: rgba(0, 0, 0, 0.87); } .mat-mdc-icon-button.mat-primary { --mat-icon-button-icon-color: #d32f2f; --mat-icon-button-state-layer-color: #d32f2f; --mat-icon-button-ripple-color: color-mix(in srgb, #d32f2f 12%, transparent); } .mat-mdc-icon-button.mat-accent { --mat-icon-button-icon-color: #78909c; --mat-icon-button-state-layer-color: #78909c; --mat-icon-button-ripple-color: color-mix(in srgb, #78909c 12%, transparent); } .mat-mdc-icon-button.mat-warn { --mat-icon-button-icon-color: #f44336; --mat-icon-button-state-layer-color: #f44336; --mat-icon-button-ripple-color: color-mix(in srgb, #f44336 12%, transparent); } html { --mat-icon-button-touch-target-display: block; } .mat-mdc-icon-button.mat-mdc-button-base { --mdc-icon-button-state-layer-size: 48px; --mat-icon-button-state-layer-size: 48px; width: var(--mat-icon-button-state-layer-size); height: var(--mat-icon-button-state-layer-size); padding: 12px; } html { --mat-fab-container-elevation-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); --mat-fab-container-shape: 50%; --mat-fab-touch-target-size: 48px; --mat-fab-extended-container-elevation-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); --mat-fab-extended-container-height: 48px; --mat-fab-extended-container-shape: 24px; --mat-fab-extended-focus-container-elevation-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); --mat-fab-extended-hover-container-elevation-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); --mat-fab-extended-pressed-container-elevation-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); --mat-fab-focus-container-elevation-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); --mat-fab-hover-container-elevation-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); --mat-fab-pressed-container-elevation-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); --mat-fab-small-container-elevation-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); --mat-fab-small-container-shape: 50%; --mat-fab-small-touch-target-size: 48px; --mat-fab-small-focus-container-elevation-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); --mat-fab-small-hover-container-elevation-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); --mat-fab-small-pressed-container-elevation-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); } html { --mat-fab-container-color: white; --mat-fab-disabled-state-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent); --mat-fab-disabled-state-foreground-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent); --mat-fab-disabled-state-layer-color: rgba(0, 0, 0, 0.54); --mat-fab-focus-state-layer-opacity: 0.12; --mat-fab-foreground-color: rgba(0, 0, 0, 0.87); --mat-fab-hover-state-layer-opacity: 0.04; --mat-fab-pressed-state-layer-opacity: 0.12; --mat-fab-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent); --mat-fab-small-container-color: white; --mat-fab-small-disabled-state-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent); --mat-fab-small-disabled-state-foreground-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent); --mat-fab-small-disabled-state-layer-color: rgba(0, 0, 0, 0.54); --mat-fab-small-focus-state-layer-opacity: 0.12; --mat-fab-small-foreground-color: rgba(0, 0, 0, 0.87); --mat-fab-small-hover-state-layer-opacity: 0.04; --mat-fab-small-pressed-state-layer-opacity: 0.12; --mat-fab-small-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent); --mat-fab-small-state-layer-color: rgba(0, 0, 0, 0.87); --mat-fab-state-layer-color: rgba(0, 0, 0, 0.87); } .mat-mdc-fab.mat-primary, .mat-mdc-mini-fab.mat-primary { --mat-fab-container-color: #d32f2f; --mat-fab-foreground-color: white; --mat-fab-ripple-color: color-mix(in srgb, #d32f2f 12%, transparent); --mat-fab-small-container-color: #d32f2f; --mat-fab-small-foreground-color: white; --mat-fab-small-ripple-color: color-mix(in srgb, white 12%, transparent); --mat-fab-small-state-layer-color: white; --mat-fab-state-layer-color: white; } .mat-mdc-fab.mat-accent, .mat-mdc-mini-fab.mat-accent { --mat-fab-container-color: #78909c; --mat-fab-foreground-color: white; --mat-fab-ripple-color: color-mix(in srgb, #78909c 12%, transparent); --mat-fab-small-container-color: #78909c; --mat-fab-small-foreground-color: white; --mat-fab-small-ripple-color: color-mix(in srgb, white 12%, transparent); --mat-fab-small-state-layer-color: white; --mat-fab-state-layer-color: white; } .mat-mdc-fab.mat-warn, .mat-mdc-mini-fab.mat-warn { --mat-fab-container-color: #f44336; --mat-fab-foreground-color: white; --mat-fab-ripple-color: color-mix(in srgb, #f44336 12%, transparent); --mat-fab-small-container-color: #f44336; --mat-fab-small-foreground-color: white; --mat-fab-small-ripple-color: color-mix(in srgb, white 12%, transparent); --mat-fab-small-state-layer-color: white; --mat-fab-state-layer-color: white; } html { --mat-fab-small-touch-target-display: block; --mat-fab-touch-target-display: block; } html { --mat-fab-extended-label-text-font: Roboto, "Helvetica Neue", sans-serif; --mat-fab-extended-label-text-size: 14px; --mat-fab-extended-label-text-tracking: 0.0892857143em; --mat-fab-extended-label-text-weight: 500; } html { --mat-snack-bar-container-shape: 4px; } html { --mat-snack-bar-container-color: #424242; --mat-snack-bar-supporting-text-color: white; --mat-snack-bar-button-color: #e57373; } html { --mat-snack-bar-supporting-text-font: Roboto, "Helvetica Neue", sans-serif; --mat-snack-bar-supporting-text-line-height: 20px; --mat-snack-bar-supporting-text-size: 14px; --mat-snack-bar-supporting-text-weight: 400; } html { --mat-table-row-item-outline-width: 1px; } html { --mat-table-background-color: white; --mat-table-header-headline-color: rgba(0, 0, 0, 0.87); --mat-table-row-item-label-text-color: rgba(0, 0, 0, 0.87); --mat-table-row-item-outline-color: rgba(0, 0, 0, 0.12); } html { --mat-table-header-container-height: 56px; --mat-table-footer-container-height: 52px; --mat-table-row-item-container-height: 52px; } html { --mat-table-header-headline-font: Roboto, "Helvetica Neue", sans-serif; --mat-table-header-headline-line-height: 22px; --mat-table-header-headline-size: 14px; --mat-table-header-headline-weight: 500; --mat-table-header-headline-tracking: 0.0071428571em; --mat-table-row-item-label-text-font: Roboto, "Helvetica Neue", sans-serif; --mat-table-row-item-label-text-line-height: 20px; --mat-table-row-item-label-text-size: 14px; --mat-table-row-item-label-text-weight: 400; --mat-table-row-item-label-text-tracking: 0.0178571429em; --mat-table-footer-supporting-text-font: Roboto, "Helvetica Neue", sans-serif; --mat-table-footer-supporting-text-line-height: 20px; --mat-table-footer-supporting-text-size: 14px; --mat-table-footer-supporting-text-weight: 400; --mat-table-footer-supporting-text-tracking: 0.0178571429em; } html { --mat-progress-spinner-active-indicator-width: 4px; --mat-progress-spinner-size: 48px; } html { --mat-progress-spinner-active-indicator-color: #d32f2f; } .mat-accent { --mat-progress-spinner-active-indicator-color: #78909c; } .mat-warn { --mat-progress-spinner-active-indicator-color: #f44336; } html { --mat-badge-container-shape: 50%; --mat-badge-container-size: unset; --mat-badge-small-size-container-size: unset; --mat-badge-large-size-container-size: unset; --mat-badge-legacy-container-size: 22px; --mat-badge-legacy-small-size-container-size: 16px; --mat-badge-legacy-large-size-container-size: 28px; --mat-badge-container-offset: -11px 0; --mat-badge-small-size-container-offset: -8px 0; --mat-badge-large-size-container-offset: -14px 0; --mat-badge-container-overlap-offset: -11px; --mat-badge-small-size-container-overlap-offset: -8px; --mat-badge-large-size-container-overlap-offset: -14px; --mat-badge-container-padding: 0; --mat-badge-small-size-container-padding: 0; --mat-badge-large-size-container-padding: 0; } html { --mat-badge-background-color: #d32f2f; --mat-badge-text-color: white; --mat-badge-disabled-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent); --mat-badge-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent); } .mat-badge-accent { --mat-badge-background-color: #78909c; --mat-badge-text-color: white; } .mat-badge-warn { --mat-badge-background-color: #f44336; --mat-badge-text-color: white; } html { --mat-badge-text-font: Roboto, "Helvetica Neue", sans-serif; --mat-badge-line-height: 22px; --mat-badge-text-size: 12px; --mat-badge-text-weight: 600; --mat-badge-small-size-text-size: 9px; --mat-badge-small-size-line-height: 16px; --mat-badge-large-size-text-size: 24px; --mat-badge-large-size-line-height: 28px; } html { --mat-bottom-sheet-container-shape: 4px; } html { --mat-bottom-sheet-container-text-color: rgba(0, 0, 0, 0.87); --mat-bottom-sheet-container-background-color: white; } html { --mat-bottom-sheet-container-text-font: Roboto, "Helvetica Neue", sans-serif; --mat-bottom-sheet-container-text-line-height: 20px; --mat-bottom-sheet-container-text-size: 14px; --mat-bottom-sheet-container-text-tracking: 0.0178571429em; --mat-bottom-sheet-container-text-weight: 400; } html { --mat-button-toggle-focus-state-layer-opacity: 0.12; --mat-button-toggle-hover-state-layer-opacity: 0.04; --mat-button-toggle-legacy-focus-state-layer-opacity: 1; --mat-button-toggle-legacy-height: 36px; --mat-button-toggle-legacy-shape: 2px; --mat-button-toggle-shape: 4px; } html { --mat-button-toggle-background-color: white; --mat-button-toggle-disabled-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent); --mat-button-toggle-disabled-selected-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent); --mat-button-toggle-disabled-state-background-color: white; --mat-button-toggle-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent); --mat-button-toggle-divider-color: rgba(0, 0, 0, 0.12); --mat-button-toggle-legacy-disabled-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent); --mat-button-toggle-legacy-disabled-state-background-color: white; --mat-button-toggle-legacy-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent); --mat-button-toggle-legacy-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent); --mat-button-toggle-legacy-selected-state-text-color: rgba(0, 0, 0, 0.87); --mat-button-toggle-legacy-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent); --mat-button-toggle-legacy-text-color: rgba(0, 0, 0, 0.87); --mat-button-toggle-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent); --mat-button-toggle-selected-state-text-color: rgba(0, 0, 0, 0.87); --mat-button-toggle-state-layer-color: rgba(0, 0, 0, 0.87); --mat-button-toggle-text-color: rgba(0, 0, 0, 0.87); } html { --mat-button-toggle-height: 48px; } html { --mat-button-toggle-label-text-font: Roboto, "Helvetica Neue", sans-serif; --mat-button-toggle-label-text-line-height: 24px; --mat-button-toggle-label-text-size: 16px; --mat-button-toggle-label-text-tracking: 0.03125em; --mat-button-toggle-label-text-weight: 400; --mat-button-toggle-legacy-label-text-font: Roboto, "Helvetica Neue", sans-serif; --mat-button-toggle-legacy-label-text-line-height: 24px; --mat-button-toggle-legacy-label-text-size: 16px; --mat-button-toggle-legacy-label-text-tracking: 0.03125em; --mat-button-toggle-legacy-label-text-weight: 400; } html { --mat-datepicker-calendar-container-shape: 4px; --mat-datepicker-calendar-container-touch-shape: 4px; --mat-datepicker-calendar-container-elevation-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); --mat-datepicker-calendar-container-touch-elevation-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); } html { --mat-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, #d32f2f 20%, transparent); --mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, #78909c 20%, transparent); --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5; --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032); --mat-datepicker-calendar-date-selected-state-text-color: white; --mat-datepicker-calendar-date-selected-state-background-color: #d32f2f; --mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, #d32f2f 38%, transparent); --mat-datepicker-calendar-date-today-selected-state-outline-color: white; --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #d32f2f 12%, transparent); --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #d32f2f 4%, transparent); --mat-datepicker-toggle-active-state-icon-color: #d32f2f; --mat-datepicker-toggle-icon-color: rgba(0, 0, 0, 0.54); --mat-datepicker-calendar-body-label-text-color: rgba(0, 0, 0, 0.54); --mat-datepicker-calendar-period-button-text-color: rgba(0, 0, 0, 0.87); --mat-datepicker-calendar-period-button-icon-color: rgba(0, 0, 0, 0.54); --mat-datepicker-calendar-navigation-button-icon-color: rgba(0, 0, 0, 0.54); --mat-datepicker-calendar-header-divider-color: rgba(0, 0, 0, 0.12); --mat-datepicker-calendar-header-text-color: rgba(0, 0, 0, 0.54); --mat-datepicker-calendar-date-today-outline-color: rgba(0, 0, 0, 0.54); --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent); --mat-datepicker-calendar-date-text-color: rgba(0, 0, 0, 0.87); --mat-datepicker-calendar-date-outline-color: transparent; --mat-datepicker-calendar-date-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent); --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.54); --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87); --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent); --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent); --mat-datepicker-calendar-container-background-color: white; --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87); } .mat-datepicker-content.mat-accent, .mat-datepicker-toggle-active.mat-accent { --mat-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, #78909c 20%, transparent); --mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, #78909c 20%, transparent); --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5; --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032); --mat-datepicker-calendar-date-selected-state-text-color: white; --mat-datepicker-calendar-date-selected-state-background-color: #78909c; --mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, #78909c 38%, transparent); --mat-datepicker-calendar-date-today-selected-state-outline-color: white; --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #78909c 12%, transparent); --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #78909c 4%, transparent); --mat-datepicker-toggle-active-state-icon-color: #78909c; --mat-datepicker-toggle-icon-color: rgba(0, 0, 0, 0.54); --mat-datepicker-calendar-body-label-text-color: rgba(0, 0, 0, 0.54); --mat-datepicker-calendar-period-button-text-color: rgba(0, 0, 0, 0.87); --mat-datepicker-calendar-period-button-icon-color: rgba(0, 0, 0, 0.54); --mat-datepicker-calendar-navigation-button-icon-color: rgba(0, 0, 0, 0.54); --mat-datepicker-calendar-header-divider-color: rgba(0, 0, 0, 0.12); --mat-datepicker-calendar-header-text-color: rgba(0, 0, 0, 0.54); --mat-datepicker-calendar-date-today-outline-color: rgba(0, 0, 0, 0.54); --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent); --mat-datepicker-calendar-date-text-color: rgba(0, 0, 0, 0.87); --mat-datepicker-calendar-date-outline-color: transparent; --mat-datepicker-calendar-date-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent); --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.54); --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87); --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent); --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent); --mat-datepicker-calendar-container-background-color: white; --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87); } .mat-datepicker-content.mat-warn, .mat-datepicker-toggle-active.mat-warn { --mat-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, #f44336 20%, transparent); --mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, #78909c 20%, transparent); --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5; --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: rgb(69.5241935484, 163.4758064516, 93.9516129032); --mat-datepicker-calendar-date-selected-state-text-color: white; --mat-datepicker-calendar-date-selected-state-background-color: #f44336; --mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, #f44336 38%, transparent); --mat-datepicker-calendar-date-today-selected-state-outline-color: white; --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #f44336 12%, transparent); --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #f44336 4%, transparent); --mat-datepicker-toggle-active-state-icon-color: #f44336; --mat-datepicker-toggle-icon-color: rgba(0, 0, 0, 0.54); --mat-datepicker-calendar-body-label-text-color: rgba(0, 0, 0, 0.54); --mat-datepicker-calendar-period-button-text-color: rgba(0, 0, 0, 0.87); --mat-datepicker-calendar-period-button-icon-color: rgba(0, 0, 0, 0.54); --mat-datepicker-calendar-navigation-button-icon-color: rgba(0, 0, 0, 0.54); --mat-datepicker-calendar-header-divider-color: rgba(0, 0, 0, 0.12); --mat-datepicker-calendar-header-text-color: rgba(0, 0, 0, 0.54); --mat-datepicker-calendar-date-today-outline-color: rgba(0, 0, 0, 0.54); --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent); --mat-datepicker-calendar-date-text-color: rgba(0, 0, 0, 0.87); --mat-datepicker-calendar-date-outline-color: transparent; --mat-datepicker-calendar-date-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent); --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.54); --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87); --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent); --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent); --mat-datepicker-calendar-container-background-color: white; --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87); } .mat-calendar-controls { --mat-icon-button-touch-target-display: none; } .mat-calendar-controls .mat-mdc-icon-button.mat-mdc-button-base { --mdc-icon-button-state-layer-size: 40px; --mat-icon-button-state-layer-size: 40px; width: var(--mat-icon-button-state-layer-size); height: var(--mat-icon-button-state-layer-size); padding: 8px; } html { --mat-datepicker-calendar-text-font: Roboto, "Helvetica Neue", sans-serif; --mat-datepicker-calendar-text-size: 13px; --mat-datepicker-calendar-body-label-text-size: 14px; --mat-datepicker-calendar-body-label-text-weight: 500; --mat-datepicker-calendar-period-button-text-size: 14px; --mat-datepicker-calendar-period-button-text-weight: 500; --mat-datepicker-calendar-header-text-size: 11px; --mat-datepicker-calendar-header-text-weight: 400; } html { --mat-divider-width: 1px; } html { --mat-divider-color: rgba(0, 0, 0, 0.12); } html { --mat-expansion-container-shape: 4px; --mat-expansion-container-elevation-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); --mat-expansion-legacy-header-indicator-display: inline-block; --mat-expansion-header-indicator-display: none; } html { --mat-expansion-container-background-color: white; --mat-expansion-container-text-color: rgba(0, 0, 0, 0.87); --mat-expansion-actions-divider-color: rgba(0, 0, 0, 0.12); --mat-expansion-header-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent); --mat-expansion-header-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent); --mat-expansion-header-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent); --mat-expansion-header-text-color: rgba(0, 0, 0, 0.87); --mat-expansion-header-description-color: rgba(0, 0, 0, 0.54); --mat-expansion-header-indicator-color: rgba(0, 0, 0, 0.54); } html { --mat-expansion-header-collapsed-state-height: 48px; --mat-expansion-header-expanded-state-height: 64px; } html { --mat-expansion-header-text-font: Roboto, "Helvetica Neue", sans-serif; --mat-expansion-header-text-size: 14px; --mat-expansion-header-text-weight: 500; --mat-expansion-header-text-line-height: inherit; --mat-expansion-header-text-tracking: inherit; --mat-expansion-container-text-font: Roboto, "Helvetica Neue", sans-serif; --mat-expansion-container-text-line-height: 20px; --mat-expansion-container-text-size: 14px; --mat-expansion-container-text-tracking: 0.0178571429em; --mat-expansion-container-text-weight: 400; } html { --mat-grid-list-tile-header-primary-text-size: 14px; --mat-grid-list-tile-header-secondary-text-size: 12px; --mat-grid-list-tile-footer-primary-text-size: 14px; --mat-grid-list-tile-footer-secondary-text-size: 12px; } html { --mat-icon-color: inherit; } .mat-icon.mat-primary { --mat-icon-color: #d32f2f; } .mat-icon.mat-accent { --mat-icon-color: #78909c; } .mat-icon.mat-warn { --mat-icon-color: #f44336; } html { --mat-sidenav-container-shape: 0; --mat-sidenav-container-elevation-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); --mat-sidenav-container-width: auto; } html { --mat-sidenav-container-divider-color: rgba(0, 0, 0, 0.12); --mat-sidenav-container-background-color: white; --mat-sidenav-container-text-color: rgba(0, 0, 0, 0.87); --mat-sidenav-content-background-color: #fafafa; --mat-sidenav-content-text-color: rgba(0, 0, 0, 0.87); --mat-sidenav-scrim-color: rgba(0, 0, 0, 0.6); } html { --mat-stepper-header-focus-state-layer-shape: 0; --mat-stepper-header-hover-state-layer-shape: 0; } html { --mat-stepper-header-icon-foreground-color: white; --mat-stepper-header-selected-state-icon-background-color: #d32f2f; --mat-stepper-header-selected-state-icon-foreground-color: white; --mat-stepper-header-done-state-icon-background-color: #d32f2f; --mat-stepper-header-done-state-icon-foreground-color: white; --mat-stepper-header-edit-state-icon-background-color: #d32f2f; --mat-stepper-header-edit-state-icon-foreground-color: white; --mat-stepper-container-color: white; --mat-stepper-line-color: rgba(0, 0, 0, 0.12); --mat-stepper-header-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent); --mat-stepper-header-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent); --mat-stepper-header-label-text-color: rgba(0, 0, 0, 0.54); --mat-stepper-header-optional-label-text-color: rgba(0, 0, 0, 0.54); --mat-stepper-header-selected-state-label-text-color: rgba(0, 0, 0, 0.87); --mat-stepper-header-error-state-label-text-color: #f44336; --mat-stepper-header-icon-background-color: rgba(0, 0, 0, 0.54); --mat-stepper-header-error-state-icon-foreground-color: #f44336; --mat-stepper-header-error-state-icon-background-color: transparent; } .mat-step-header.mat-accent { --mat-stepper-header-icon-foreground-color: white; --mat-stepper-header-selected-state-icon-background-color: #78909c; --mat-stepper-header-selected-state-icon-foreground-color: white; --mat-stepper-header-done-state-icon-background-color: #78909c; --mat-stepper-header-done-state-icon-foreground-color: white; --mat-stepper-header-edit-state-icon-background-color: #78909c; --mat-stepper-header-edit-state-icon-foreground-color: white; } .mat-step-header.mat-warn { --mat-stepper-header-icon-foreground-color: white; --mat-stepper-header-selected-state-icon-background-color: #f44336; --mat-stepper-header-selected-state-icon-foreground-color: white; --mat-stepper-header-done-state-icon-background-color: #f44336; --mat-stepper-header-done-state-icon-foreground-color: white; --mat-stepper-header-edit-state-icon-background-color: #f44336; --mat-stepper-header-edit-state-icon-foreground-color: white; } html { --mat-stepper-header-height: 72px; } html { --mat-stepper-container-text-font: Roboto, "Helvetica Neue", sans-serif; --mat-stepper-header-label-text-font: Roboto, "Helvetica Neue", sans-serif; --mat-stepper-header-label-text-size: 14px; --mat-stepper-header-label-text-weight: 400; --mat-stepper-header-error-state-label-text-size: 16px; --mat-stepper-header-selected-state-label-text-size: 16px; --mat-stepper-header-selected-state-label-text-weight: 400; } html { --mat-sort-arrow-color: rgba(0, 0, 0, 0.87); } html { --mat-toolbar-container-background-color: white; --mat-toolbar-container-text-color: rgba(0, 0, 0, 0.87); } .mat-toolbar.mat-primary { --mat-toolbar-container-background-color: #d32f2f; --mat-toolbar-container-text-color: white; } .mat-toolbar.mat-accent { --mat-toolbar-container-background-color: #78909c; --mat-toolbar-container-text-color: white; } .mat-toolbar.mat-warn { --mat-toolbar-container-background-color: #f44336; --mat-toolbar-container-text-color: white; } html { --mat-toolbar-standard-height: 64px; --mat-toolbar-mobile-height: 56px; } html { --mat-toolbar-title-text-font: Roboto, "Helvetica Neue", sans-serif; --mat-toolbar-title-text-line-height: 32px; --mat-toolbar-title-text-size: 20px; --mat-toolbar-title-text-tracking: 0.0125em; --mat-toolbar-title-text-weight: 500; } html { --mat-tree-container-background-color: white; --mat-tree-node-text-color: rgba(0, 0, 0, 0.87); } html { --mat-tree-node-min-height: 48px; } html { --mat-tree-node-text-font: Roboto, "Helvetica Neue", sans-serif; --mat-tree-node-text-size: 14px; --mat-tree-node-text-weight: 400; } html { --mat-timepicker-container-shape: 4px; --mat-timepicker-container-elevation-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); } html { --mat-timepicker-container-background-color: white; } /* Typography classes for ALL text */ .mat-h1, .mat-headline-5, .mat-typography .mat-h1, .mat-typography .mat-headline-5, .mat-typography h1 { font: 400 24px / 32px Roboto, "Helvetica Neue", sans-serif; letter-spacing: normal; margin: 0 0 16px; } .mat-h2, .mat-headline-6, .mat-typography .mat-h2, .mat-typography .mat-headline-6, .mat-typography h2 { font: 500 20px / 32px Roboto, "Helvetica Neue", sans-serif; letter-spacing: 0.0125em; margin: 0 0 16px; } .mat-h3, .mat-subtitle-1, .mat-typography .mat-h3, .mat-typography .mat-subtitle-1, .mat-typography h3 { font: 400 16px / 28px Roboto, "Helvetica Neue", sans-serif; letter-spacing: 0.009375em; margin: 0 0 16px; } .mat-h4, .mat-body-1, .mat-typography .mat-h4, .mat-typography .mat-body-1, .mat-typography h4 { font: 400 16px / 24px Roboto, "Helvetica Neue", sans-serif; letter-spacing: 0.03125em; margin: 0 0 16px; } .mat-h5, .mat-typography .mat-h5, .mat-typography h5 { font: 400 calc(14px * 0.83) / 20px Roboto, "Helvetica Neue", sans-serif; margin: 0 0 12px; } .mat-h6, .mat-typography .mat-h6, .mat-typography h6 { font: 400 calc(14px * 0.67) / 20px Roboto, "Helvetica Neue", sans-serif; margin: 0 0 12px; } .mat-body-strong, .mat-subtitle-2, .mat-typography .mat-body-strong, .mat-typography .mat-subtitle-2 { font: 500 14px / 22px Roboto, "Helvetica Neue", sans-serif; letter-spacing: 0.0071428571em; } .mat-body, .mat-body-2, .mat-typography .mat-body, .mat-typography .mat-body-2, .mat-typography { font: 400 14px / 20px Roboto, "Helvetica Neue", sans-serif; letter-spacing: 0.0178571429em; } .mat-body p, .mat-body-2 p, .mat-typography .mat-body p, .mat-typography .mat-body-2 p, .mat-typography p { margin: 0 0 12px; } .mat-small, .mat-caption, .mat-typography .mat-small, .mat-typography .mat-caption { font: 400 12px / 20px Roboto, "Helvetica Neue", sans-serif; letter-spacing: 0.0333333333em; } .mat-headline-1, .mat-typography .mat-headline-1 { font: 300 96px / 96px Roboto, "Helvetica Neue", sans-serif; letter-spacing: -0.015625em; margin: 0 0 56px; } .mat-headline-2, .mat-typography .mat-headline-2 { font: 300 60px / 60px Roboto, "Helvetica Neue", sans-serif; letter-spacing: -0.0083333333em; margin: 0 0 64px; } .mat-headline-3, .mat-typography .mat-headline-3 { font: 400 48px / 50px Roboto, "Helvetica Neue", sans-serif; letter-spacing: normal; margin: 0 0 64px; } .mat-headline-4, .mat-typography .mat-headline-4 { font: 400 34px / 40px Roboto, "Helvetica Neue", sans-serif; letter-spacing: 0.0073529412em; margin: 0 0 64px; } body { margin: 0; } mat-card { padding: 16px; 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); } h1, h2, h3, h4 { color: rgb(88, 98, 98); font-family: Verdana, Geneva, Tahoma, sans-serif; } .default-radio-group { display: flex; flex-direction: column; margin: 15px 0; } .default-radio-button { margin: 5px; display: block !important; } .kbw-exam { font-family: Roboto, "Helvetica Neue", sans-serif; } .kbw-exam p { font-weight: bold; } .kbw-exam span.lh { line-height: 1.6; } .fixed-header { top: 0; position: fixed; z-index: 999; } .small-head { margin: 70px 10px 10px !important; } .big-head { margin: 110px 10px 10px !important; } .big-footer { margin-bottom: 70px !important; } .progress-row { height: 30px !important; } .card-footer { border-top: 1px #CBCBCB solid; } .passed, .not-passed { text-align: center; font-family: Roboto, "Helvetica Neue", sans-serif; } .passed h4 { color: rgb(110, 221, 0); } .not-passed h4 { color: red; } .info-card { max-width: 500px; margin: 0 auto; } .standard-form mat-form-field { width: 100%; /* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version. */ } .standard-form mat-form-field .mat-form-field-infix { width: 100%; } .max-content-card { max-width: 1000px; margin: 0 auto; } app-userdata .cbx-accept { white-space: normal; font-size: 11px; text-align: justify; line-height: 16px; font-family: Roboto, "Helvetica Neue", sans-serif; /* TODO(mdc-migration): The following rule targets internal classes of checkbox that may no longer apply for the MDC version. */ } app-userdata .cbx-accept .mat-checkbox-layout { font-size: 13px; text-align: justify; white-space: normal !important; display: inline-block; } app-userdata .cbx-accept .mat-checkbox-layout span { line-height: 19px; } /* TODO(mdc-migration): The following rule targets internal classes of button that may no longer apply for the MDC version. */ /* TODO(mdc-migration): The following rule targets internal classes of button that may no longer apply for the MDC version. */ mat-button-toggle-group.lang-btns { /* TODO(mdc-migration): The following rule targets internal classes of button that may no longer apply for the MDC version. */ } .mat-mdc-menu-item a { text-decoration: none; color: rgba(0, 0, 0, 0.87); } /* TODO(mdc-migration): The following rule targets internal classes of radio that may no longer apply for the MDC version. */ /* TODO(mdc-migration): The following rule targets internal classes of radio that may no longer apply for the MDC version. */ mat-radio-button { /* TODO(mdc-migration): The following rule targets internal classes of radio that may no longer apply for the MDC version. */ } mat-radio-button label.mat-radio-label { align-items: flex-start; } pdf-first-page { display: none; } pdf-last-page { display: none; } pdf-toggle-sidebar { display: none; } pdf-page-number { display: none; } .lang-btns { flex-wrap: wrap; /* TODO(mdc-migration): The following rule targets internal classes of button that may no longer apply for the MDC version. */ /* TODO(mdc-migration): The following rule targets internal classes of button that may no longer apply for the MDC version. */ } .lang-btns mat-button-toggle button { /* TODO(mdc-migration): The following rule targets internal classes of button that may no longer apply for the MDC version. */ } .lang-btns mat-button-toggle button div.mat-button-toggle-label-content { padding: 5px 12px !important; } .lang-btns span { display: block; line-height: 28px; } .lang-btns .flag-wrapper { width: 65px; height: 63px; display: inline-block; position: relative; box-shadow: 0 0 2px black; overflow: hidden; } .lang-btns .flag-wrapper:after { padding-top: 75%; /* ratio */ display: block; content: ""; } .lang-btns .flag-wrapper .flag { position: absolute; top: 0; bottom: 0; right: 0; left: 0; width: 100%; height: 100%; background-size: cover; } .train-btns .kb-btn { display: flex; flex-direction: row !important; align-items: stretch !important; justify-content: center !important; } .train-btns { /* TODO(mdc-migration): The following rule targets internal classes of button that may no longer apply for the MDC version. */ /* TODO(mdc-migration): The following rule targets internal classes of button that may no longer apply for the MDC version. */ } .train-btns mat-button-toggle { margin: 8px 0px !important; } .train-btns mat-button-toggle button { white-space: pre-wrap; line-height: 48px; /* TODO(mdc-migration): The following rule targets internal classes of button that may no longer apply for the MDC version. */ } .train-btns mat-button-toggle button .mat-button-toggle-label-content { line-height: 24px; } .train-btns mat-button-toggle button span { line-height: 24px; display: inline-block; } .spinner-h2 { margin: 10px; } .spinner-section { display: flex; align-content: center; align-items: center; height: 60px; } .spinner-margin { margin: 0 auto; margin-top: 20px; margin-bottom: 20px; } iframe#player { position: absolute !important; top: 0 !important; left: 0 !important; width: 100% !important; height: 100% !important; } .grecaptcha-badge { display: none !important; visibility: hidden !important; } /* TODO(mdc-migration): The following rule targets internal classes of dialog that may no longer apply for the MDC version. */ /* TODO(mdc-migration): The following rule targets internal classes of dialog that may no longer apply for the MDC version. */ mat-dialog-container { /* TODO(mdc-migration): The following rule targets internal classes of dialog that may no longer apply for the MDC version. */ } mat-dialog-container mat-dialog-actions { float: right; } .criteria-mobile { padding-bottom: 20px; } .criteria-mobile app-criteriaform form mat-form-field { width: 100% !important; } .criteria-mobile .criteria-form { font-size: 11px !important; /* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version. */ } .criteria-mobile .criteria-form .mat-mdc-form-field + .mat-form-field { margin-left: 0px !important; } .criteria-mobile .criteria-form .form-btn-wrapper { margin-left: 0px !important; width: 100% !important; } .criteria-mobile .criteria-form .form-btn-wrapper button { width: 100% !important; } .criteria-mobile .criteria-form .form-btn-wrapper { vertical-align: top; margin-left: 8px; display: inline-block; } .criteria-mobile .criteria-form .form-btn-wrapper button { padding: 0px 1px !important; } .hidden { visibility: hidden !important; } /*# sourceMappingURL=styles.css.map*/