/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/assets/styles/app.scss?ngGlobalStyle ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800&display=swap);
/*!**************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/perfect-scrollbar/css/perfect-scrollbar.css ***!
  \**************************************************************************************************************************************************************************************************************************************************/
/*
 * Container style
 */
.ps {
  overflow: hidden !important;
  overflow-anchor: none;
  -ms-overflow-style: none;
  touch-action: auto;
  -ms-touch-action: auto;
}

/*
 * Scrollbar rail styles
 */
.ps__rail-x {
  display: none;
  opacity: 0;
  transition: background-color .2s linear, opacity .2s linear;
  -webkit-transition: background-color .2s linear, opacity .2s linear;
  height: 15px;
  /* there must be 'bottom' or 'top' for ps__rail-x */
  bottom: 0px;
  /* please don't change 'position' */
  position: absolute;
}

.ps__rail-y {
  display: none;
  opacity: 0;
  transition: background-color .2s linear, opacity .2s linear;
  -webkit-transition: background-color .2s linear, opacity .2s linear;
  width: 15px;
  /* there must be 'right' or 'left' for ps__rail-y */
  right: 0;
  /* please don't change 'position' */
  position: absolute;
}

.ps--active-x > .ps__rail-x,
.ps--active-y > .ps__rail-y {
  display: block;
  background-color: transparent;
}

.ps:hover > .ps__rail-x,
.ps:hover > .ps__rail-y,
.ps--focus > .ps__rail-x,
.ps--focus > .ps__rail-y,
.ps--scrolling-x > .ps__rail-x,
.ps--scrolling-y > .ps__rail-y {
  opacity: 0.6;
}

.ps .ps__rail-x:hover,
.ps .ps__rail-y:hover,
.ps .ps__rail-x:focus,
.ps .ps__rail-y:focus,
.ps .ps__rail-x.ps--clicking,
.ps .ps__rail-y.ps--clicking {
  background-color: #eee;
  opacity: 0.9;
}

/*
 * Scrollbar thumb styles
 */
.ps__thumb-x {
  background-color: #aaa;
  border-radius: 6px;
  transition: background-color .2s linear, height .2s ease-in-out;
  -webkit-transition: background-color .2s linear, height .2s ease-in-out;
  height: 6px;
  /* there must be 'bottom' for ps__thumb-x */
  bottom: 2px;
  /* please don't change 'position' */
  position: absolute;
}

.ps__thumb-y {
  background-color: #aaa;
  border-radius: 6px;
  transition: background-color .2s linear, width .2s ease-in-out;
  -webkit-transition: background-color .2s linear, width .2s ease-in-out;
  width: 6px;
  /* there must be 'right' for ps__thumb-y */
  right: 2px;
  /* please don't change 'position' */
  position: absolute;
}

.ps__rail-x:hover > .ps__thumb-x,
.ps__rail-x:focus > .ps__thumb-x,
.ps__rail-x.ps--clicking .ps__thumb-x {
  background-color: #999;
  height: 11px;
}

.ps__rail-y:hover > .ps__thumb-y,
.ps__rail-y:focus > .ps__thumb-y,
.ps__rail-y.ps--clicking .ps__thumb-y {
  background-color: #999;
  width: 11px;
}

/* MS supports */
@supports (-ms-overflow-style: none) {
  .ps {
    overflow: auto !important;
  }
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .ps {
    overflow: auto !important;
  }
}

/*!******************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/flag-icon-css/css/flag-icon.min.css ***!
  \******************************************************************************************************************************************************************************************************************************************/
.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-es-ca{background-image:url('es-ca.svg')}.flag-icon-es-ca.flag-icon-squared{background-image:url('_-flags-1x1-es-ca.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-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')}

/*!********************************************************************************************************************************************************************************************************************************!*\
  !*** 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/quill/dist/quill.core.css ***!
  \********************************************************************************************************************************************************************************************************************************/
/*!
 * Quill Editor v2.0.3
 * https://quilljs.com
 * Copyright (c) 2017-2024, Slab
 * Copyright (c) 2014, Jason Chen
 * Copyright (c) 2013, salesforce.com
 */
.ql-container{box-sizing:border-box;font-family:Helvetica,Arial,sans-serif;font-size:13px;height:100%;margin:0;position:relative}.ql-container.ql-disabled .ql-tooltip{visibility:hidden}.ql-container:not(.ql-disabled) li[data-list=checked] > .ql-ui,.ql-container:not(.ql-disabled) li[data-list=unchecked] > .ql-ui{cursor:pointer}.ql-clipboard{left:-100000px;height:1px;overflow-y:hidden;position:absolute;top:50%}.ql-clipboard p{margin:0;padding:0}.ql-editor{box-sizing:border-box;counter-reset:list-0 list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;line-height:1.42;height:100%;outline:none;overflow-y:auto;padding:12px 15px;tab-size:4;-moz-tab-size:4;text-align:left;white-space:pre-wrap;word-wrap:break-word}.ql-editor > *{cursor:text}.ql-editor p,.ql-editor ol,.ql-editor pre,.ql-editor blockquote,.ql-editor h1,.ql-editor h2,.ql-editor h3,.ql-editor h4,.ql-editor h5,.ql-editor h6{margin:0;padding:0}@supports (counter-set:none){.ql-editor p,.ql-editor h1,.ql-editor h2,.ql-editor h3,.ql-editor h4,.ql-editor h5,.ql-editor h6{counter-set:list-0 list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor p,.ql-editor h1,.ql-editor h2,.ql-editor h3,.ql-editor h4,.ql-editor h5,.ql-editor h6{counter-reset:list-0 list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}.ql-editor table{border-collapse:collapse}.ql-editor td{border:1px solid #000;padding:2px 5px}.ql-editor ol{padding-left:1.5em}.ql-editor li{list-style-type:none;padding-left:1.5em;position:relative}.ql-editor li > .ql-ui:before{display:inline-block;margin-left:-1.5em;margin-right:.3em;text-align:right;white-space:nowrap;width:1.2em}.ql-editor li[data-list=checked] > .ql-ui,.ql-editor li[data-list=unchecked] > .ql-ui{color:#777}.ql-editor li[data-list=bullet] > .ql-ui:before{content:'\2022'}.ql-editor li[data-list=checked] > .ql-ui:before{content:'\2611'}.ql-editor li[data-list=unchecked] > .ql-ui:before{content:'\2610'}@supports (counter-set:none){.ql-editor li[data-list]{counter-set:list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list]{counter-reset:list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered]{counter-increment:list-0}.ql-editor li[data-list=ordered] > .ql-ui:before{content:counter(list-0, decimal) '. '}.ql-editor li[data-list=ordered].ql-indent-1{counter-increment:list-1}.ql-editor li[data-list=ordered].ql-indent-1 > .ql-ui:before{content:counter(list-1, lower-alpha) '. '}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-1{counter-set:list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-1{counter-reset:list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-2{counter-increment:list-2}.ql-editor li[data-list=ordered].ql-indent-2 > .ql-ui:before{content:counter(list-2, lower-roman) '. '}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-2{counter-set:list-3 list-4 list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-2{counter-reset:list-3 list-4 list-5 list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-3{counter-increment:list-3}.ql-editor li[data-list=ordered].ql-indent-3 > .ql-ui:before{content:counter(list-3, decimal) '. '}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-3{counter-set:list-4 list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-3{counter-reset:list-4 list-5 list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-4{counter-increment:list-4}.ql-editor li[data-list=ordered].ql-indent-4 > .ql-ui:before{content:counter(list-4, lower-alpha) '. '}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-4{counter-set:list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-4{counter-reset:list-5 list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-5{counter-increment:list-5}.ql-editor li[data-list=ordered].ql-indent-5 > .ql-ui:before{content:counter(list-5, lower-roman) '. '}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-5{counter-set:list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-5{counter-reset:list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-6{counter-increment:list-6}.ql-editor li[data-list=ordered].ql-indent-6 > .ql-ui:before{content:counter(list-6, decimal) '. '}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-6{counter-set:list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-6{counter-reset:list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-7{counter-increment:list-7}.ql-editor li[data-list=ordered].ql-indent-7 > .ql-ui:before{content:counter(list-7, lower-alpha) '. '}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-7{counter-set:list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-7{counter-reset:list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-8{counter-increment:list-8}.ql-editor li[data-list=ordered].ql-indent-8 > .ql-ui:before{content:counter(list-8, lower-roman) '. '}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-8{counter-set:list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-8{counter-reset:list-9}}.ql-editor li[data-list=ordered].ql-indent-9{counter-increment:list-9}.ql-editor li[data-list=ordered].ql-indent-9 > .ql-ui:before{content:counter(list-9, decimal) '. '}.ql-editor .ql-indent-1:not(.ql-direction-rtl){padding-left:3em}.ql-editor li.ql-indent-1:not(.ql-direction-rtl){padding-left:4.5em}.ql-editor .ql-indent-1.ql-direction-rtl.ql-align-right{padding-right:3em}.ql-editor li.ql-indent-1.ql-direction-rtl.ql-align-right{padding-right:4.5em}.ql-editor .ql-indent-2:not(.ql-direction-rtl){padding-left:6em}.ql-editor li.ql-indent-2:not(.ql-direction-rtl){padding-left:7.5em}.ql-editor .ql-indent-2.ql-direction-rtl.ql-align-right{padding-right:6em}.ql-editor li.ql-indent-2.ql-direction-rtl.ql-align-right{padding-right:7.5em}.ql-editor .ql-indent-3:not(.ql-direction-rtl){padding-left:9em}.ql-editor li.ql-indent-3:not(.ql-direction-rtl){padding-left:10.5em}.ql-editor .ql-indent-3.ql-direction-rtl.ql-align-right{padding-right:9em}.ql-editor li.ql-indent-3.ql-direction-rtl.ql-align-right{padding-right:10.5em}.ql-editor .ql-indent-4:not(.ql-direction-rtl){padding-left:12em}.ql-editor li.ql-indent-4:not(.ql-direction-rtl){padding-left:13.5em}.ql-editor .ql-indent-4.ql-direction-rtl.ql-align-right{padding-right:12em}.ql-editor li.ql-indent-4.ql-direction-rtl.ql-align-right{padding-right:13.5em}.ql-editor .ql-indent-5:not(.ql-direction-rtl){padding-left:15em}.ql-editor li.ql-indent-5:not(.ql-direction-rtl){padding-left:16.5em}.ql-editor .ql-indent-5.ql-direction-rtl.ql-align-right{padding-right:15em}.ql-editor li.ql-indent-5.ql-direction-rtl.ql-align-right{padding-right:16.5em}.ql-editor .ql-indent-6:not(.ql-direction-rtl){padding-left:18em}.ql-editor li.ql-indent-6:not(.ql-direction-rtl){padding-left:19.5em}.ql-editor .ql-indent-6.ql-direction-rtl.ql-align-right{padding-right:18em}.ql-editor li.ql-indent-6.ql-direction-rtl.ql-align-right{padding-right:19.5em}.ql-editor .ql-indent-7:not(.ql-direction-rtl){padding-left:21em}.ql-editor li.ql-indent-7:not(.ql-direction-rtl){padding-left:22.5em}.ql-editor .ql-indent-7.ql-direction-rtl.ql-align-right{padding-right:21em}.ql-editor li.ql-indent-7.ql-direction-rtl.ql-align-right{padding-right:22.5em}.ql-editor .ql-indent-8:not(.ql-direction-rtl){padding-left:24em}.ql-editor li.ql-indent-8:not(.ql-direction-rtl){padding-left:25.5em}.ql-editor .ql-indent-8.ql-direction-rtl.ql-align-right{padding-right:24em}.ql-editor li.ql-indent-8.ql-direction-rtl.ql-align-right{padding-right:25.5em}.ql-editor .ql-indent-9:not(.ql-direction-rtl){padding-left:27em}.ql-editor li.ql-indent-9:not(.ql-direction-rtl){padding-left:28.5em}.ql-editor .ql-indent-9.ql-direction-rtl.ql-align-right{padding-right:27em}.ql-editor li.ql-indent-9.ql-direction-rtl.ql-align-right{padding-right:28.5em}.ql-editor li.ql-direction-rtl{padding-right:1.5em}.ql-editor li.ql-direction-rtl > .ql-ui:before{margin-left:.3em;margin-right:-1.5em;text-align:left}.ql-editor table{table-layout:fixed;width:100%}.ql-editor table td{outline:none}.ql-editor .ql-code-block-container{font-family:monospace}.ql-editor .ql-video{display:block;max-width:100%}.ql-editor .ql-video.ql-align-center{margin:0 auto}.ql-editor .ql-video.ql-align-right{margin:0 0 0 auto}.ql-editor .ql-bg-black{background-color:#000}.ql-editor .ql-bg-red{background-color:#e60000}.ql-editor .ql-bg-orange{background-color:#f90}.ql-editor .ql-bg-yellow{background-color:#ff0}.ql-editor .ql-bg-green{background-color:#008a00}.ql-editor .ql-bg-blue{background-color:#06c}.ql-editor .ql-bg-purple{background-color:#93f}.ql-editor .ql-color-white{color:#fff}.ql-editor .ql-color-red{color:#e60000}.ql-editor .ql-color-orange{color:#f90}.ql-editor .ql-color-yellow{color:#ff0}.ql-editor .ql-color-green{color:#008a00}.ql-editor .ql-color-blue{color:#06c}.ql-editor .ql-color-purple{color:#93f}.ql-editor .ql-font-serif{font-family:Georgia,Times New Roman,serif}.ql-editor .ql-font-monospace{font-family:Monaco,Courier New,monospace}.ql-editor .ql-size-small{font-size:.75em}.ql-editor .ql-size-large{font-size:1.5em}.ql-editor .ql-size-huge{font-size:2.5em}.ql-editor .ql-direction-rtl{direction:rtl;text-align:inherit}.ql-editor .ql-align-center{text-align:center}.ql-editor .ql-align-justify{text-align:justify}.ql-editor .ql-align-right{text-align:right}.ql-editor .ql-ui{position:absolute}.ql-editor.ql-blank::before{color:rgba(0,0,0,0.6);content:attr(data-placeholder);font-style:italic;left:15px;pointer-events:none;position:absolute;right:15px}

/*# sourceMappingURL=quill.core.css.map*/
/*!********************************************************************************************************************************************************************************************************************************!*\
  !*** 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/quill/dist/quill.snow.css ***!
  \********************************************************************************************************************************************************************************************************************************/
/*!
 * Quill Editor v2.0.3
 * https://quilljs.com
 * Copyright (c) 2017-2024, Slab
 * Copyright (c) 2014, Jason Chen
 * Copyright (c) 2013, salesforce.com
 */
.ql-container{box-sizing:border-box;font-family:Helvetica,Arial,sans-serif;font-size:13px;height:100%;margin:0;position:relative}.ql-container.ql-disabled .ql-tooltip{visibility:hidden}.ql-container:not(.ql-disabled) li[data-list=checked] > .ql-ui,.ql-container:not(.ql-disabled) li[data-list=unchecked] > .ql-ui{cursor:pointer}.ql-clipboard{left:-100000px;height:1px;overflow-y:hidden;position:absolute;top:50%}.ql-clipboard p{margin:0;padding:0}.ql-editor{box-sizing:border-box;counter-reset:list-0 list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;line-height:1.42;height:100%;outline:none;overflow-y:auto;padding:12px 15px;tab-size:4;-moz-tab-size:4;text-align:left;white-space:pre-wrap;word-wrap:break-word}.ql-editor > *{cursor:text}.ql-editor p,.ql-editor ol,.ql-editor pre,.ql-editor blockquote,.ql-editor h1,.ql-editor h2,.ql-editor h3,.ql-editor h4,.ql-editor h5,.ql-editor h6{margin:0;padding:0}@supports (counter-set:none){.ql-editor p,.ql-editor h1,.ql-editor h2,.ql-editor h3,.ql-editor h4,.ql-editor h5,.ql-editor h6{counter-set:list-0 list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor p,.ql-editor h1,.ql-editor h2,.ql-editor h3,.ql-editor h4,.ql-editor h5,.ql-editor h6{counter-reset:list-0 list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}.ql-editor table{border-collapse:collapse}.ql-editor td{border:1px solid #000;padding:2px 5px}.ql-editor ol{padding-left:1.5em}.ql-editor li{list-style-type:none;padding-left:1.5em;position:relative}.ql-editor li > .ql-ui:before{display:inline-block;margin-left:-1.5em;margin-right:.3em;text-align:right;white-space:nowrap;width:1.2em}.ql-editor li[data-list=checked] > .ql-ui,.ql-editor li[data-list=unchecked] > .ql-ui{color:#777}.ql-editor li[data-list=bullet] > .ql-ui:before{content:'\2022'}.ql-editor li[data-list=checked] > .ql-ui:before{content:'\2611'}.ql-editor li[data-list=unchecked] > .ql-ui:before{content:'\2610'}@supports (counter-set:none){.ql-editor li[data-list]{counter-set:list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list]{counter-reset:list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered]{counter-increment:list-0}.ql-editor li[data-list=ordered] > .ql-ui:before{content:counter(list-0, decimal) '. '}.ql-editor li[data-list=ordered].ql-indent-1{counter-increment:list-1}.ql-editor li[data-list=ordered].ql-indent-1 > .ql-ui:before{content:counter(list-1, lower-alpha) '. '}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-1{counter-set:list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-1{counter-reset:list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-2{counter-increment:list-2}.ql-editor li[data-list=ordered].ql-indent-2 > .ql-ui:before{content:counter(list-2, lower-roman) '. '}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-2{counter-set:list-3 list-4 list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-2{counter-reset:list-3 list-4 list-5 list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-3{counter-increment:list-3}.ql-editor li[data-list=ordered].ql-indent-3 > .ql-ui:before{content:counter(list-3, decimal) '. '}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-3{counter-set:list-4 list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-3{counter-reset:list-4 list-5 list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-4{counter-increment:list-4}.ql-editor li[data-list=ordered].ql-indent-4 > .ql-ui:before{content:counter(list-4, lower-alpha) '. '}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-4{counter-set:list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-4{counter-reset:list-5 list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-5{counter-increment:list-5}.ql-editor li[data-list=ordered].ql-indent-5 > .ql-ui:before{content:counter(list-5, lower-roman) '. '}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-5{counter-set:list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-5{counter-reset:list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-6{counter-increment:list-6}.ql-editor li[data-list=ordered].ql-indent-6 > .ql-ui:before{content:counter(list-6, decimal) '. '}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-6{counter-set:list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-6{counter-reset:list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-7{counter-increment:list-7}.ql-editor li[data-list=ordered].ql-indent-7 > .ql-ui:before{content:counter(list-7, lower-alpha) '. '}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-7{counter-set:list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-7{counter-reset:list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-8{counter-increment:list-8}.ql-editor li[data-list=ordered].ql-indent-8 > .ql-ui:before{content:counter(list-8, lower-roman) '. '}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-8{counter-set:list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-8{counter-reset:list-9}}.ql-editor li[data-list=ordered].ql-indent-9{counter-increment:list-9}.ql-editor li[data-list=ordered].ql-indent-9 > .ql-ui:before{content:counter(list-9, decimal) '. '}.ql-editor .ql-indent-1:not(.ql-direction-rtl){padding-left:3em}.ql-editor li.ql-indent-1:not(.ql-direction-rtl){padding-left:4.5em}.ql-editor .ql-indent-1.ql-direction-rtl.ql-align-right{padding-right:3em}.ql-editor li.ql-indent-1.ql-direction-rtl.ql-align-right{padding-right:4.5em}.ql-editor .ql-indent-2:not(.ql-direction-rtl){padding-left:6em}.ql-editor li.ql-indent-2:not(.ql-direction-rtl){padding-left:7.5em}.ql-editor .ql-indent-2.ql-direction-rtl.ql-align-right{padding-right:6em}.ql-editor li.ql-indent-2.ql-direction-rtl.ql-align-right{padding-right:7.5em}.ql-editor .ql-indent-3:not(.ql-direction-rtl){padding-left:9em}.ql-editor li.ql-indent-3:not(.ql-direction-rtl){padding-left:10.5em}.ql-editor .ql-indent-3.ql-direction-rtl.ql-align-right{padding-right:9em}.ql-editor li.ql-indent-3.ql-direction-rtl.ql-align-right{padding-right:10.5em}.ql-editor .ql-indent-4:not(.ql-direction-rtl){padding-left:12em}.ql-editor li.ql-indent-4:not(.ql-direction-rtl){padding-left:13.5em}.ql-editor .ql-indent-4.ql-direction-rtl.ql-align-right{padding-right:12em}.ql-editor li.ql-indent-4.ql-direction-rtl.ql-align-right{padding-right:13.5em}.ql-editor .ql-indent-5:not(.ql-direction-rtl){padding-left:15em}.ql-editor li.ql-indent-5:not(.ql-direction-rtl){padding-left:16.5em}.ql-editor .ql-indent-5.ql-direction-rtl.ql-align-right{padding-right:15em}.ql-editor li.ql-indent-5.ql-direction-rtl.ql-align-right{padding-right:16.5em}.ql-editor .ql-indent-6:not(.ql-direction-rtl){padding-left:18em}.ql-editor li.ql-indent-6:not(.ql-direction-rtl){padding-left:19.5em}.ql-editor .ql-indent-6.ql-direction-rtl.ql-align-right{padding-right:18em}.ql-editor li.ql-indent-6.ql-direction-rtl.ql-align-right{padding-right:19.5em}.ql-editor .ql-indent-7:not(.ql-direction-rtl){padding-left:21em}.ql-editor li.ql-indent-7:not(.ql-direction-rtl){padding-left:22.5em}.ql-editor .ql-indent-7.ql-direction-rtl.ql-align-right{padding-right:21em}.ql-editor li.ql-indent-7.ql-direction-rtl.ql-align-right{padding-right:22.5em}.ql-editor .ql-indent-8:not(.ql-direction-rtl){padding-left:24em}.ql-editor li.ql-indent-8:not(.ql-direction-rtl){padding-left:25.5em}.ql-editor .ql-indent-8.ql-direction-rtl.ql-align-right{padding-right:24em}.ql-editor li.ql-indent-8.ql-direction-rtl.ql-align-right{padding-right:25.5em}.ql-editor .ql-indent-9:not(.ql-direction-rtl){padding-left:27em}.ql-editor li.ql-indent-9:not(.ql-direction-rtl){padding-left:28.5em}.ql-editor .ql-indent-9.ql-direction-rtl.ql-align-right{padding-right:27em}.ql-editor li.ql-indent-9.ql-direction-rtl.ql-align-right{padding-right:28.5em}.ql-editor li.ql-direction-rtl{padding-right:1.5em}.ql-editor li.ql-direction-rtl > .ql-ui:before{margin-left:.3em;margin-right:-1.5em;text-align:left}.ql-editor table{table-layout:fixed;width:100%}.ql-editor table td{outline:none}.ql-editor .ql-code-block-container{font-family:monospace}.ql-editor .ql-video{display:block;max-width:100%}.ql-editor .ql-video.ql-align-center{margin:0 auto}.ql-editor .ql-video.ql-align-right{margin:0 0 0 auto}.ql-editor .ql-bg-black{background-color:#000}.ql-editor .ql-bg-red{background-color:#e60000}.ql-editor .ql-bg-orange{background-color:#f90}.ql-editor .ql-bg-yellow{background-color:#ff0}.ql-editor .ql-bg-green{background-color:#008a00}.ql-editor .ql-bg-blue{background-color:#06c}.ql-editor .ql-bg-purple{background-color:#93f}.ql-editor .ql-color-white{color:#fff}.ql-editor .ql-color-red{color:#e60000}.ql-editor .ql-color-orange{color:#f90}.ql-editor .ql-color-yellow{color:#ff0}.ql-editor .ql-color-green{color:#008a00}.ql-editor .ql-color-blue{color:#06c}.ql-editor .ql-color-purple{color:#93f}.ql-editor .ql-font-serif{font-family:Georgia,Times New Roman,serif}.ql-editor .ql-font-monospace{font-family:Monaco,Courier New,monospace}.ql-editor .ql-size-small{font-size:.75em}.ql-editor .ql-size-large{font-size:1.5em}.ql-editor .ql-size-huge{font-size:2.5em}.ql-editor .ql-direction-rtl{direction:rtl;text-align:inherit}.ql-editor .ql-align-center{text-align:center}.ql-editor .ql-align-justify{text-align:justify}.ql-editor .ql-align-right{text-align:right}.ql-editor .ql-ui{position:absolute}.ql-editor.ql-blank::before{color:rgba(0,0,0,0.6);content:attr(data-placeholder);font-style:italic;left:15px;pointer-events:none;position:absolute;right:15px}.ql-snow.ql-toolbar:after,.ql-snow .ql-toolbar:after{clear:both;content:'';display:table}.ql-snow.ql-toolbar button,.ql-snow .ql-toolbar button{background:none;border:none;cursor:pointer;display:inline-block;float:left;height:24px;padding:3px 5px;width:28px}.ql-snow.ql-toolbar button svg,.ql-snow .ql-toolbar button svg{float:left;height:100%}.ql-snow.ql-toolbar button:active:hover,.ql-snow .ql-toolbar button:active:hover{outline:none}.ql-snow.ql-toolbar input.ql-image[type=file],.ql-snow .ql-toolbar input.ql-image[type=file]{display:none}.ql-snow.ql-toolbar button:hover,.ql-snow .ql-toolbar button:hover,.ql-snow.ql-toolbar button:focus,.ql-snow .ql-toolbar button:focus,.ql-snow.ql-toolbar button.ql-active,.ql-snow .ql-toolbar button.ql-active,.ql-snow.ql-toolbar .ql-picker-label:hover,.ql-snow .ql-toolbar .ql-picker-label:hover,.ql-snow.ql-toolbar .ql-picker-label.ql-active,.ql-snow .ql-toolbar .ql-picker-label.ql-active,.ql-snow.ql-toolbar .ql-picker-item:hover,.ql-snow .ql-toolbar .ql-picker-item:hover,.ql-snow.ql-toolbar .ql-picker-item.ql-selected,.ql-snow .ql-toolbar .ql-picker-item.ql-selected{color:#06c}.ql-snow.ql-toolbar button:hover .ql-fill,.ql-snow .ql-toolbar button:hover .ql-fill,.ql-snow.ql-toolbar button:focus .ql-fill,.ql-snow .ql-toolbar button:focus .ql-fill,.ql-snow.ql-toolbar button.ql-active .ql-fill,.ql-snow .ql-toolbar button.ql-active .ql-fill,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-fill,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-fill,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-fill,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-fill,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-fill,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-fill,.ql-snow.ql-toolbar button:hover .ql-stroke.ql-fill,.ql-snow .ql-toolbar button:hover .ql-stroke.ql-fill,.ql-snow.ql-toolbar button:focus .ql-stroke.ql-fill,.ql-snow .ql-toolbar button:focus .ql-stroke.ql-fill,.ql-snow.ql-toolbar button.ql-active .ql-stroke.ql-fill,.ql-snow .ql-toolbar button.ql-active .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill{fill:#06c}.ql-snow.ql-toolbar button:hover .ql-stroke,.ql-snow .ql-toolbar button:hover .ql-stroke,.ql-snow.ql-toolbar button:focus .ql-stroke,.ql-snow .ql-toolbar button:focus .ql-stroke,.ql-snow.ql-toolbar button.ql-active .ql-stroke,.ql-snow .ql-toolbar button.ql-active .ql-stroke,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,.ql-snow.ql-toolbar button:hover .ql-stroke-miter,.ql-snow .ql-toolbar button:hover .ql-stroke-miter,.ql-snow.ql-toolbar button:focus .ql-stroke-miter,.ql-snow .ql-toolbar button:focus .ql-stroke-miter,.ql-snow.ql-toolbar button.ql-active .ql-stroke-miter,.ql-snow .ql-toolbar button.ql-active .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter{stroke:#06c}@media (pointer:coarse){.ql-snow.ql-toolbar button:hover:not(.ql-active),.ql-snow .ql-toolbar button:hover:not(.ql-active){color:#444}.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-fill,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-fill,.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill{fill:#444}.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke,.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter{stroke:#444}}.ql-snow{box-sizing:border-box}.ql-snow *{box-sizing:border-box}.ql-snow .ql-hidden{display:none}.ql-snow .ql-out-bottom,.ql-snow .ql-out-top{visibility:hidden}.ql-snow .ql-tooltip{position:absolute;transform:translateY(10px)}.ql-snow .ql-tooltip a{cursor:pointer;text-decoration:none}.ql-snow .ql-tooltip.ql-flip{transform:translateY(-10px)}.ql-snow .ql-formats{display:inline-block;vertical-align:middle}.ql-snow .ql-formats:after{clear:both;content:'';display:table}.ql-snow .ql-stroke{fill:none;stroke:#444;stroke-linecap:round;stroke-linejoin:round;stroke-width:2}.ql-snow .ql-stroke-miter{fill:none;stroke:#444;stroke-miterlimit:10;stroke-width:2}.ql-snow .ql-fill,.ql-snow .ql-stroke.ql-fill{fill:#444}.ql-snow .ql-empty{fill:none}.ql-snow .ql-even{fill-rule:evenodd}.ql-snow .ql-thin,.ql-snow .ql-stroke.ql-thin{stroke-width:1}.ql-snow .ql-transparent{opacity:.4}.ql-snow .ql-direction svg:last-child{display:none}.ql-snow .ql-direction.ql-active svg:last-child{display:inline}.ql-snow .ql-direction.ql-active svg:first-child{display:none}.ql-snow .ql-editor h1{font-size:2em}.ql-snow .ql-editor h2{font-size:1.5em}.ql-snow .ql-editor h3{font-size:1.17em}.ql-snow .ql-editor h4{font-size:1em}.ql-snow .ql-editor h5{font-size:.83em}.ql-snow .ql-editor h6{font-size:.67em}.ql-snow .ql-editor a{text-decoration:underline}.ql-snow .ql-editor blockquote{border-left:4px solid #ccc;margin-bottom:5px;margin-top:5px;padding-left:16px}.ql-snow .ql-editor code,.ql-snow .ql-editor .ql-code-block-container{background-color:#f0f0f0;border-radius:3px}.ql-snow .ql-editor .ql-code-block-container{margin-bottom:5px;margin-top:5px;padding:5px 10px}.ql-snow .ql-editor code{font-size:85%;padding:2px 4px}.ql-snow .ql-editor .ql-code-block-container{background-color:#23241f;color:#f8f8f2;overflow:visible}.ql-snow .ql-editor img{max-width:100%}.ql-snow .ql-picker{color:#444;display:inline-block;float:left;font-size:14px;font-weight:500;height:24px;position:relative;vertical-align:middle}.ql-snow .ql-picker-label{cursor:pointer;display:inline-block;height:100%;padding-left:8px;padding-right:2px;position:relative;width:100%}.ql-snow .ql-picker-label::before{display:inline-block;line-height:22px}.ql-snow .ql-picker-options{background-color:#fff;display:none;min-width:100%;padding:4px 8px;position:absolute;white-space:nowrap}.ql-snow .ql-picker-options .ql-picker-item{cursor:pointer;display:block;padding-bottom:5px;padding-top:5px}.ql-snow .ql-picker.ql-expanded .ql-picker-label{color:#ccc;z-index:2}.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill{fill:#ccc}.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke{stroke:#ccc}.ql-snow .ql-picker.ql-expanded .ql-picker-options{display:block;margin-top:-1px;top:100%;z-index:1}.ql-snow .ql-color-picker,.ql-snow .ql-icon-picker{width:28px}.ql-snow .ql-color-picker .ql-picker-label,.ql-snow .ql-icon-picker .ql-picker-label{padding:2px 4px}.ql-snow .ql-color-picker .ql-picker-label svg,.ql-snow .ql-icon-picker .ql-picker-label svg{right:4px}.ql-snow .ql-icon-picker .ql-picker-options{padding:4px 0}.ql-snow .ql-icon-picker .ql-picker-item{height:24px;width:24px;padding:2px 4px}.ql-snow .ql-color-picker .ql-picker-options{padding:3px 5px;width:152px}.ql-snow .ql-color-picker .ql-picker-item{border:1px solid transparent;float:left;height:16px;margin:2px;padding:0;width:16px}.ql-snow .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg{position:absolute;margin-top:-9px;right:0;top:50%;width:18px}.ql-snow .ql-picker.ql-header .ql-picker-label[data-label]:not([data-label=''])::before,.ql-snow .ql-picker.ql-font .ql-picker-label[data-label]:not([data-label=''])::before,.ql-snow .ql-picker.ql-size .ql-picker-label[data-label]:not([data-label=''])::before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-label]:not([data-label=''])::before,.ql-snow .ql-picker.ql-font .ql-picker-item[data-label]:not([data-label=''])::before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-label]:not([data-label=''])::before{content:attr(data-label)}.ql-snow .ql-picker.ql-header{width:98px}.ql-snow .ql-picker.ql-header .ql-picker-label::before,.ql-snow .ql-picker.ql-header .ql-picker-item::before{content:'Normal'}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="1"]::before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]::before{content:'Heading 1'}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="2"]::before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]::before{content:'Heading 2'}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="3"]::before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]::before{content:'Heading 3'}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="4"]::before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]::before{content:'Heading 4'}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="5"]::before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]::before{content:'Heading 5'}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="6"]::before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]::before{content:'Heading 6'}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]::before{font-size:2em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]::before{font-size:1.5em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]::before{font-size:1.17em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]::before{font-size:1em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]::before{font-size:.83em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]::before{font-size:.67em}.ql-snow .ql-picker.ql-font{width:108px}.ql-snow .ql-picker.ql-font .ql-picker-label::before,.ql-snow .ql-picker.ql-font .ql-picker-item::before{content:'Sans Serif'}.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=serif]::before,.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]::before{content:'Serif'}.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=monospace]::before,.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]::before{content:'Monospace'}.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]::before{font-family:Georgia,Times New Roman,serif}.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]::before{font-family:Monaco,Courier New,monospace}.ql-snow .ql-picker.ql-size{width:98px}.ql-snow .ql-picker.ql-size .ql-picker-label::before,.ql-snow .ql-picker.ql-size .ql-picker-item::before{content:'Normal'}.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=small]::before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]::before{content:'Small'}.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=large]::before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]::before{content:'Large'}.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=huge]::before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]::before{content:'Huge'}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]::before{font-size:10px}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]::before{font-size:18px}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]::before{font-size:32px}.ql-snow .ql-color-picker.ql-background .ql-picker-item{background-color:#fff}.ql-snow .ql-color-picker.ql-color .ql-picker-item{background-color:#000}.ql-code-block-container{position:relative}.ql-code-block-container .ql-ui{right:5px;top:5px}.ql-toolbar.ql-snow{border:1px solid #ccc;box-sizing:border-box;font-family:'Helvetica Neue','Helvetica','Arial',sans-serif;padding:8px}.ql-toolbar.ql-snow .ql-formats{margin-right:15px}.ql-toolbar.ql-snow .ql-picker-label{border:1px solid transparent}.ql-toolbar.ql-snow .ql-picker-options{border:1px solid transparent;box-shadow:rgba(0,0,0,0.2) 0 2px 8px}.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label{border-color:#ccc}.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options{border-color:#ccc}.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item.ql-selected,.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item:hover{border-color:#000}.ql-toolbar.ql-snow + .ql-container.ql-snow{border-top:0}.ql-snow .ql-tooltip{background-color:#fff;border:1px solid #ccc;box-shadow:0 0 5px #ddd;color:#444;padding:5px 12px;white-space:nowrap}.ql-snow .ql-tooltip::before{content:"Visit URL:";line-height:26px;margin-right:8px}.ql-snow .ql-tooltip input[type=text]{display:none;border:1px solid #ccc;font-size:13px;height:26px;margin:0;padding:3px 5px;width:170px}.ql-snow .ql-tooltip a.ql-preview{display:inline-block;max-width:200px;overflow-x:hidden;text-overflow:ellipsis;vertical-align:top}.ql-snow .ql-tooltip a.ql-action::after{border-right:1px solid #ccc;content:'Edit';margin-left:16px;padding-right:8px}.ql-snow .ql-tooltip a.ql-remove::before{content:'Remove';margin-left:8px}.ql-snow .ql-tooltip a{line-height:26px}.ql-snow .ql-tooltip.ql-editing a.ql-preview,.ql-snow .ql-tooltip.ql-editing a.ql-remove{display:none}.ql-snow .ql-tooltip.ql-editing input[type=text]{display:inline-block}.ql-snow .ql-tooltip.ql-editing a.ql-action::after{border-right:0;content:'Save';padding-right:0}.ql-snow .ql-tooltip[data-mode=link]::before{content:"Enter link:"}.ql-snow .ql-tooltip[data-mode=formula]::before{content:"Enter formula:"}.ql-snow .ql-tooltip[data-mode=video]::before{content:"Enter video:"}.ql-snow a{color:#06c}.ql-container.ql-snow{border:1px solid #ccc}

/*# sourceMappingURL=quill.snow.css.map*/
/*!*******************************************************************************************************************************************************************************************************************************!*\
  !*** 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/dragula/dist/dragula.css ***!
  \*******************************************************************************************************************************************************************************************************************************/
.gu-mirror {
  position: fixed !important;
  margin: 0 !important;
  z-index: 9999 !important;
  opacity: 0.8;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
  filter: alpha(opacity=80);
}
.gu-hide {
  display: none !important;
}
.gu-unselectable {
  -webkit-user-select: none !important;
  user-select: none !important;
}
.gu-transit {
  opacity: 0.2;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
  filter: alpha(opacity=20);
}

/*!************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/angular-calendar/css/angular-calendar.css ***!
  \************************************************************************************************************************************************************************************************************************************************/
.cal-month-view .cal-header {
  text-align: center;
  font-weight: bolder; }

.cal-month-view .cal-cell-row:hover {
  background-color: #fafafa; }

.cal-month-view .cal-header .cal-cell {
  padding: 5px 0;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  white-space: nowrap; }

.cal-month-view .cal-cell-row .cal-cell:hover,
.cal-month-view .cal-cell.cal-has-events.cal-open {
  background-color: #ededed; }

.cal-month-view .cal-days {
  border: 1px solid #e1e1e1;
  border-bottom: 0; }

.cal-month-view .cal-cell-top {
  min-height: 78px;
  flex: 1; }

.cal-month-view .cal-cell-row {
  -js-display: flex;
  display: flex; }

.cal-month-view .cal-cell {
  float: left;
  flex: 1;
  -js-display: flex;
  display: flex;
  flex-direction: column;
  align-items: stretch; }

.cal-month-view .cal-day-cell {
  min-height: 100px; }
  @media all and (-ms-high-contrast: none) {
    .cal-month-view .cal-day-cell {
      display: block; } }

.cal-month-view .cal-day-cell:not(:last-child) {
  border-right: 1px solid #e1e1e1; }

.cal-month-view .cal-days .cal-cell-row {
  border-bottom: 1px solid #e1e1e1; }

.cal-month-view .cal-day-badge {
  margin-top: 18px;
  margin-left: 10px;
  background-color: #b94a48;
  display: inline-block;
  min-width: 10px;
  padding: 3px 7px;
  font-size: 12px;
  font-weight: 700;
  line-height: 1;
  color: white;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  border-radius: 10px; }

.cal-month-view .cal-day-number {
  font-size: 1.2em;
  font-weight: 400;
  opacity: 0.5;
  margin-top: 15px;
  margin-right: 15px;
  float: right;
  margin-bottom: 10px; }

.cal-month-view .cal-events {
  flex: 1;
  align-items: flex-end;
  margin: 3px;
  line-height: 10px;
  -js-display: flex;
  display: flex;
  flex-wrap: wrap; }

.cal-month-view .cal-event {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  display: inline-block;
  margin: 2px;
  background-color: #1e90ff;
  border-color: #d1e8ff;
  color: #fff; }

.cal-month-view .cal-day-cell.cal-in-month.cal-has-events {
  cursor: pointer; }

.cal-month-view .cal-day-cell.cal-out-month .cal-day-number {
  opacity: 0.1;
  cursor: default; }

.cal-month-view .cal-day-cell.cal-weekend .cal-day-number {
  color: darkred; }

.cal-month-view .cal-day-cell.cal-today {
  background-color: #e8fde7; }

.cal-month-view .cal-day-cell.cal-today .cal-day-number {
  font-size: 1.9em; }

.cal-month-view .cal-day-cell.cal-drag-over {
  background-color: #e0e0e0 !important; }

.cal-month-view .cal-open-day-events {
  padding: 15px;
  color: white;
  background-color: #555;
  box-shadow: inset 0 0 15px 0 rgba(0, 0, 0, 0.5); }

.cal-month-view .cal-open-day-events .cal-event {
  position: relative;
  top: 2px; }

.cal-month-view .cal-out-month .cal-day-badge,
.cal-month-view .cal-out-month .cal-event {
  opacity: 0.3; }

.cal-month-view .cal-draggable {
  cursor: move; }

.cal-month-view .cal-drag-active * {
  pointer-events: none; }

.cal-month-view .cal-event-title {
  cursor: pointer; }
  .cal-month-view .cal-event-title:hover {
    text-decoration: underline; }

.cal-week-view {
  /* stylelint-disable-next-line selector-type-no-unknown */ }
  .cal-week-view .cal-day-headers {
    -js-display: flex;
    display: flex;
    border: 1px solid #e1e1e1;
    padding-left: 70px; }
  .cal-week-view .cal-day-headers .cal-header {
    flex: 1;
    text-align: center;
    padding: 5px; }
    .cal-week-view .cal-day-headers .cal-header:not(:last-child) {
      border-right: 1px solid #e1e1e1; }
    .cal-week-view .cal-day-headers .cal-header:first-child {
      border-left: 1px solid #e1e1e1; }
  .cal-week-view .cal-day-headers .cal-header:hover,
  .cal-week-view .cal-day-headers .cal-drag-over {
    background-color: #ededed; }
  .cal-week-view .cal-day-headers span {
    font-weight: 400;
    opacity: 0.5; }
  .cal-week-view .cal-day-column {
    flex-grow: 1;
    border-left: solid 1px #e1e1e1; }
  .cal-week-view .cal-event {
    font-size: 12px;
    background-color: #d1e8ff;
    border: 1px solid #1e90ff;
    color: #1e90ff; }
  .cal-week-view .cal-time-label-column {
    width: 70px;
    height: 100%; }
  .cal-week-view .cal-all-day-events {
    border: solid 1px #e1e1e1;
    border-top: 0;
    border-bottom-width: 3px;
    padding-top: 3px;
    position: relative; }
    .cal-week-view .cal-all-day-events .cal-day-columns {
      height: 100%;
      width: 100%;
      -js-display: flex;
      display: flex;
      position: absolute;
      top: 0;
      z-index: 0; }
    .cal-week-view .cal-all-day-events .cal-events-row {
      position: relative;
      height: 31px;
      margin-left: 70px; }
    .cal-week-view .cal-all-day-events .cal-event-container {
      display: inline-block;
      position: absolute; }
      .cal-week-view .cal-all-day-events .cal-event-container.resize-active {
        z-index: 1;
        pointer-events: none; }
    .cal-week-view .cal-all-day-events .cal-event {
      padding: 0 5px;
      margin-left: 2px;
      margin-right: 2px;
      height: 28px;
      line-height: 28px; }
    .cal-week-view .cal-all-day-events .cal-starts-within-week .cal-event {
      border-top-left-radius: 5px;
      border-bottom-left-radius: 5px; }
    .cal-week-view .cal-all-day-events .cal-ends-within-week .cal-event {
      border-top-right-radius: 5px;
      border-bottom-right-radius: 5px; }
    .cal-week-view .cal-all-day-events .cal-time-label-column {
      -js-display: flex;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 14px; }
    .cal-week-view .cal-all-day-events .cal-resize-handle {
      width: 6px;
      height: 100%;
      cursor: col-resize;
      position: absolute;
      top: 0; }
      .cal-week-view .cal-all-day-events .cal-resize-handle.cal-resize-handle-after-end {
        right: 0; }
  .cal-week-view .cal-header.cal-today {
    background-color: #e8fde7; }
  .cal-week-view .cal-header.cal-weekend span {
    color: #8b0000; }
  .cal-week-view .cal-event,
  .cal-week-view .cal-header {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; }
  .cal-week-view .cal-drag-active {
    pointer-events: none;
    z-index: 1; }
    .cal-week-view .cal-drag-active * {
      pointer-events: none; }
  .cal-week-view .cal-time-events {
    position: relative;
    border: solid 1px #e1e1e1;
    border-top: 0;
    -js-display: flex;
    display: flex; }
    .cal-week-view .cal-time-events .cal-day-columns {
      -js-display: flex;
      display: flex;
      flex-grow: 1; }
      .cal-week-view .cal-time-events .cal-day-columns:not(.cal-resize-active) .cal-hour-segment:hover {
        background-color: #ededed; }
    .cal-week-view .cal-time-events .cal-day-column {
      position: relative; }
    .cal-week-view .cal-time-events .cal-event-container {
      position: absolute;
      z-index: 1; }
    .cal-week-view .cal-time-events .cal-event {
      width: calc(100% - 2px);
      height: calc(100% - 2px);
      margin: 1px;
      padding: 0 5px;
      line-height: 25px; }
    .cal-week-view .cal-time-events .cal-resize-handle {
      width: 100%;
      height: 4px;
      cursor: row-resize;
      position: absolute; }
      .cal-week-view .cal-time-events .cal-resize-handle.cal-resize-handle-after-end {
        bottom: 0; }
  .cal-week-view .cal-hour-odd {
    background-color: #fafafa; }
  .cal-week-view .cal-hour-segment {
    position: relative; }
    .cal-week-view .cal-hour-segment::after {
      content: '\00a0'; }
  .cal-week-view .cal-event-container:not(.cal-draggable) {
    cursor: pointer; }
  .cal-week-view .cal-draggable {
    cursor: move; }
  .cal-week-view .cal-drag-over .cal-hour-segment {
    background-color: #ededed; }
  .cal-week-view mwl-calendar-week-view-hour-segment,
  .cal-week-view .cal-hour-segment {
    display: block; }
  .cal-week-view .cal-hour:not(:last-child) .cal-hour-segment,
  .cal-week-view .cal-hour:last-child :not(:last-child) .cal-hour-segment {
    border-bottom: thin dashed #e1e1e1; }
  .cal-week-view .cal-time {
    font-weight: bold;
    padding-top: 5px;
    width: 70px;
    text-align: center; }
  .cal-week-view .cal-hour-segment.cal-after-hour-start .cal-time {
    display: none; }
  .cal-week-view .cal-starts-within-day .cal-event {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px; }
  .cal-week-view .cal-ends-within-day .cal-event {
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px; }

.cal-day-view {
  /* stylelint-disable-next-line selector-type-no-unknown */ }
  .cal-day-view .cal-hour-rows {
    width: 100%;
    border: solid 1px #e1e1e1;
    overflow-x: scroll;
    position: relative; }
  .cal-day-view .cal-hour:nth-child(odd) {
    background-color: #fafafa; }
  .cal-day-view mwl-calendar-day-view-hour-segment,
  .cal-day-view .cal-hour-segment {
    display: block; }
  .cal-day-view .cal-hour-segment::after {
    content: '\00a0'; }
  .cal-day-view .cal-hour:not(:last-child) .cal-hour-segment,
  .cal-day-view .cal-hour:last-child :not(:last-child) .cal-hour-segment {
    border-bottom: thin dashed #e1e1e1; }
  .cal-day-view .cal-time {
    font-weight: bold;
    padding-top: 5px;
    width: 70px;
    text-align: center; }
  .cal-day-view .cal-hour-segment.cal-after-hour-start .cal-time {
    display: none; }
  .cal-day-view .cal-hour-segment:hover,
  .cal-day-view .cal-drag-over .cal-hour-segment {
    background-color: #ededed; }
  .cal-day-view .cal-drag-active .cal-hour-segment {
    pointer-events: none; }
  .cal-day-view .cal-event-container {
    position: absolute;
    cursor: pointer; }
    .cal-day-view .cal-event-container.resize-active {
      z-index: 1;
      pointer-events: none; }
  .cal-day-view .cal-event {
    padding: 5px;
    font-size: 12px;
    background-color: #d1e8ff;
    border: 1px solid #1e90ff;
    color: #1e90ff;
    box-sizing: border-box;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    height: 100%; }
  .cal-day-view .cal-all-day-events > * {
    cursor: pointer; }
  .cal-day-view .cal-draggable {
    cursor: move; }
  .cal-day-view .cal-starts-within-day .cal-event {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px; }
  .cal-day-view .cal-ends-within-day .cal-event {
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px; }
  .cal-day-view .cal-drag-active {
    z-index: 1; }
    .cal-day-view .cal-drag-active * {
      pointer-events: none; }
  .cal-day-view .cal-resize-handle {
    width: 100%;
    height: 4px;
    cursor: row-resize;
    position: absolute; }
    .cal-day-view .cal-resize-handle.cal-resize-handle-after-end {
      bottom: 0; }

.cal-tooltip {
  position: absolute;
  z-index: 1070;
  display: block;
  font-style: normal;
  font-weight: normal;
  letter-spacing: normal;
  line-break: auto;
  line-height: 1.5;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  white-space: normal;
  word-break: normal;
  word-spacing: normal;
  font-size: 11px;
  word-wrap: break-word;
  opacity: 0.9; }

.cal-tooltip.cal-tooltip-top {
  padding: 5px 0;
  margin-top: -3px; }

.cal-tooltip.cal-tooltip-top .cal-tooltip-arrow {
  bottom: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 5px 5px 0;
  border-top-color: #000; }

.cal-tooltip.cal-tooltip-right {
  padding: 0 5px;
  margin-left: 3px; }

.cal-tooltip.cal-tooltip-right .cal-tooltip-arrow {
  top: 50%;
  left: 0;
  margin-top: -5px;
  border-width: 5px 5px 5px 0;
  border-right-color: #000; }

.cal-tooltip.cal-tooltip-bottom {
  padding: 5px 0;
  margin-top: 3px; }

.cal-tooltip.cal-tooltip-bottom .cal-tooltip-arrow {
  top: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000; }

.cal-tooltip.cal-tooltip-left {
  padding: 0 5px;
  margin-left: -3px; }

.cal-tooltip.cal-tooltip-left .cal-tooltip-arrow {
  top: 50%;
  right: 0;
  margin-top: -5px;
  border-width: 5px 0 5px 5px;
  border-left-color: #000; }

.cal-tooltip-inner {
  max-width: 200px;
  padding: 3px 8px;
  color: #fff;
  text-align: center;
  background-color: #000;
  border-radius: 0.25rem; }

.cal-tooltip-arrow {
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid; }

/*!*******************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/hopscotch/dist/css/hopscotch.min.css ***!
  \*******************************************************************************************************************************************************************************************************************************************/
/**! hopscotch - v0.3.1
*
* Copyright 2017 LinkedIn Corp. All rights reserved.
*
* Licensed under the Apache License, Version 2.0 (the "License");
* you may not use this file except in compliance with the License.
* You may obtain a copy of the License at
*
*     http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
*/
.animated{animation-fill-mode:both;animation-duration:1s}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}100%{opacity:1;transform:translateY(0)}}.fade-in-up{animation-name:fadeInUp}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}100%{opacity:1;transform:translateY(0)}}.fade-in-down{animation-name:fadeInDown}@keyframes fadeInRight{0%{opacity:0;transform:translateX(-20px)}100%{opacity:1;transform:translateX(0)}}.fade-in-right{animation-name:fadeInRight}@keyframes fadeInLeft{0%{opacity:0;transform:translateX(20px)}100%{opacity:1;transform:translateX(0)}}.fade-in-left{animation-name:fadeInLeft}div.hopscotch-bubble .hopscotch-nav-button{font-weight:700;border-width:1px;border-style:solid;cursor:pointer;margin:0;overflow:visible;text-decoration:none!important;width:auto;padding:0 10px;height:26px;line-height:24px;font-size:12px;*zoom:1;white-space:nowrap;display:-moz-inline-stack;display:inline-block;*vertical-align:auto;zoom:1;*display:inline;vertical-align:middle;border-radius:3px;box-sizing:border-box}div.hopscotch-bubble .hopscotch-nav-button:hover{*zoom:1;box-shadow:0 1px 3px rgba(0,0,0,.25)}div.hopscotch-bubble .hopscotch-nav-button:active{box-shadow:0 1px 2px rgba(0,0,0,.25) inset}div.hopscotch-bubble .hopscotch-nav-button.next{border-color:#1b5480;color:#fff;margin:0 0 0 10px;text-shadow:0 1px 1px rgba(0,0,0,.35);background-color:#287bbc;filter:progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#287bbc', endColorstr='#23639a');background-image:linear-gradient(to bottom,#287bbc 0,#23639a 100%)}div.hopscotch-bubble .hopscotch-nav-button.next:hover{background-color:#2672ae;filter:progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#2672ae', endColorstr='#1e4f7e');background-image:linear-gradient(to bottom,#2672ae 0,#1e4f7e 100%)}div.hopscotch-bubble .hopscotch-nav-button.prev{border-color:#a7a7a7;color:#444;text-shadow:0 1px 1px rgba(255,255,255,.75);background-color:#f2f2f2;filter:progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#f2f2f2', endColorstr='#e9e9e9');background-image:linear-gradient(to bottom,#f2f2f2 0,#e9e9e9 100%)}div.hopscotch-bubble .hopscotch-nav-button.prev:hover{background-color:#e8e8e8;filter:progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFE8E8E8', endColorstr='#FFA9A9A9');background-image:linear-gradient(to bottom,#e8e8e8 0,#e3e3e3 13%,#d7d7d7 32%,#b9b9b9 71%,#a9a9a9 100%)}div.hopscotch-bubble{background-color:#fff;border:5px solid #000;border:5px solid rgba(0,0,0,.5);color:#333;font-family:Helvetica,Arial;font-size:13px;position:absolute;z-index:999999;box-sizing:content-box;-moz-background-clip:padding;background-clip:padding-box}div.hopscotch-bubble *{box-sizing:content-box}div.hopscotch-bubble.animate{-moz-transition-property:top,left;-moz-transition-duration:1s;-moz-transition-timing-function:ease-in-out;-ms-transition-property:top,left;-ms-transition-duration:1s;-ms-transition-timing-function:ease-in-out;-o-transition-property:top,left;-o-transition-duration:1s;-o-transition-timing-function:ease-in-out;-webkit-transition-property:top,left;-webkit-transition-duration:1s;-webkit-transition-timing-function:ease-in-out;transition-property:top,left;transition-duration:1s;transition-timing-function:ease-in-out}div.hopscotch-bubble.invisible{opacity:0}div.hopscotch-bubble.hide,div.hopscotch-bubble .hide,div.hopscotch-bubble .hide-all{display:none}div.hopscotch-bubble h3{color:#000;font-family:Helvetica,Arial;font-size:16px;font-weight:700;line-height:19px;margin:-1px 15px 0 0;padding:0}div.hopscotch-bubble .hopscotch-bubble-container{padding:15px;position:relative;text-align:left;-webkit-font-smoothing:antialiased}div.hopscotch-bubble .hopscotch-content{font-family:Helvetica,Arial;font-weight:400;line-height:17px;margin:-5px 0 11px;padding-top:8px}div.hopscotch-bubble .hopscotch-bubble-content{margin:0 0 0 40px}div.hopscotch-bubble.no-number .hopscotch-bubble-content{margin:0}div.hopscotch-bubble .hopscotch-bubble-close{appearance:none;border:0;color:#000;background:transparent url('sprite-green.png') -192px -92px no-repeat;display:block;padding:8px;position:absolute;text-decoration:none;text-indent:-9999px;width:8px;height:8px;top:0;right:0}div.hopscotch-bubble .hopscotch-bubble-close.hide,div.hopscotch-bubble .hopscotch-bubble-close.hide-all{display:none}div.hopscotch-bubble .hopscotch-bubble-number{background:transparent url('sprite-green.png') 0 0 no-repeat;color:#fff;display:block;float:left;font-size:17px;font-weight:700;line-height:31px;padding:0 10px 0 0;text-align:center;width:30px;height:30px}div.hopscotch-bubble .hopscotch-bubble-arrow-container{position:absolute;width:34px;height:34px}div.hopscotch-bubble .hopscotch-bubble-arrow-container .hopscotch-bubble-arrow,div.hopscotch-bubble .hopscotch-bubble-arrow-container .hopscotch-bubble-arrow-border{width:0;height:0}div.hopscotch-bubble .hopscotch-bubble-arrow-container.up{top:-22px;left:10px}div.hopscotch-bubble .hopscotch-bubble-arrow-container.up .hopscotch-bubble-arrow{border-bottom:17px solid #fff;border-left:17px solid transparent;border-right:17px solid transparent;position:relative;top:-10px}div.hopscotch-bubble .hopscotch-bubble-arrow-container.up .hopscotch-bubble-arrow-border{border-bottom:17px solid #000;border-bottom:17px solid rgba(0,0,0,.5);border-left:17px solid transparent;border-right:17px solid transparent}div.hopscotch-bubble .hopscotch-bubble-arrow-container.down{bottom:-39px;left:10px}div.hopscotch-bubble .hopscotch-bubble-arrow-container.down .hopscotch-bubble-arrow{border-top:17px solid #fff;border-left:17px solid transparent;border-right:17px solid transparent;position:relative;top:-24px}div.hopscotch-bubble .hopscotch-bubble-arrow-container.down .hopscotch-bubble-arrow-border{border-top:17px solid #000;border-top:17px solid rgba(0,0,0,.5);border-left:17px solid transparent;border-right:17px solid transparent}div.hopscotch-bubble .hopscotch-bubble-arrow-container.left{top:10px;left:-22px}div.hopscotch-bubble .hopscotch-bubble-arrow-container.left .hopscotch-bubble-arrow{border-bottom:17px solid transparent;border-right:17px solid #fff;border-top:17px solid transparent;position:relative;left:7px;top:-34px}div.hopscotch-bubble .hopscotch-bubble-arrow-container.left .hopscotch-bubble-arrow-border{border-right:17px solid #000;border-right:17px solid rgba(0,0,0,.5);border-bottom:17px solid transparent;border-top:17px solid transparent}div.hopscotch-bubble .hopscotch-bubble-arrow-container.right{top:10px;right:-39px}div.hopscotch-bubble .hopscotch-bubble-arrow-container.right .hopscotch-bubble-arrow{border-bottom:17px solid transparent;border-left:17px solid #fff;border-top:17px solid transparent;position:relative;left:-7px;top:-34px}div.hopscotch-bubble .hopscotch-bubble-arrow-container.right .hopscotch-bubble-arrow-border{border-left:17px solid #000;border-left:17px solid rgba(0,0,0,.5);border-bottom:17px solid transparent;border-top:17px solid transparent}div.hopscotch-bubble .hopscotch-actions{margin:10px 0 0;text-align:right}
/*!****************************************************************************************************************************************************************************************************************************!*\
  !*** 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]!./src/vendor/pace/pace-theme-min.css ***!
  \****************************************************************************************************************************************************************************************************************************/
.pace {
  -webkit-pointer-events: none;
  pointer-events: none;

  -webkit-user-select: none;
  user-select: none;
}

.pace-inactive {
  display: none;
}

.pace .pace-progress {
  background: #dcdcdc;
  position: fixed;
  z-index: 2000;
  top: 0;
  left: 0;
  width: 100%;
  height: 2px;
}

/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/assets/styles/app.scss?ngGlobalStyle (1) ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
.premium-theme, .egret-blue,
.egret-indigo {
  --mat-ripple-color: rgba(0, 0, 0, 0.1);
}
.premium-theme, .egret-blue,
.egret-indigo {
  --mat-option-selected-state-label-text-color: #ff6700;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-option-focus-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-option-selected-state-layer-color: rgba(0, 0, 0, 0.04);
}
.premium-theme .mat-accent, .egret-blue .mat-accent,
.egret-indigo .mat-accent {
  --mat-option-selected-state-label-text-color: #2196f3;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-option-focus-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-option-selected-state-layer-color: rgba(0, 0, 0, 0.04);
}
.premium-theme .mat-warn, .egret-blue .mat-warn,
.egret-indigo .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: rgba(0, 0, 0, 0.04);
  --mat-option-focus-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-option-selected-state-layer-color: rgba(0, 0, 0, 0.04);
}
.premium-theme, .egret-blue,
.egret-indigo {
  --mat-optgroup-label-text-color: rgba(0, 0, 0, 0.87);
}
.premium-theme, .egret-blue,
.egret-indigo {
  --mat-full-pseudo-checkbox-selected-icon-color: #2196f3;
  --mat-full-pseudo-checkbox-selected-checkmark-color: #fafafa;
  --mat-full-pseudo-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-full-pseudo-checkbox-disabled-selected-checkmark-color: #fafafa;
  --mat-full-pseudo-checkbox-disabled-unselected-icon-color: #b0b0b0;
  --mat-full-pseudo-checkbox-disabled-selected-icon-color: #b0b0b0;
}
.premium-theme, .egret-blue,
.egret-indigo {
  --mat-minimal-pseudo-checkbox-selected-checkmark-color: #2196f3;
  --mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color: #b0b0b0;
}
.premium-theme .mat-primary, .egret-blue .mat-primary,
.egret-indigo .mat-primary {
  --mat-full-pseudo-checkbox-selected-icon-color: #ff6700;
  --mat-full-pseudo-checkbox-selected-checkmark-color: #fafafa;
  --mat-full-pseudo-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-full-pseudo-checkbox-disabled-selected-checkmark-color: #fafafa;
  --mat-full-pseudo-checkbox-disabled-unselected-icon-color: #b0b0b0;
  --mat-full-pseudo-checkbox-disabled-selected-icon-color: #b0b0b0;
}
.premium-theme .mat-primary, .egret-blue .mat-primary,
.egret-indigo .mat-primary {
  --mat-minimal-pseudo-checkbox-selected-checkmark-color: #ff6700;
  --mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color: #b0b0b0;
}
.premium-theme .mat-accent, .egret-blue .mat-accent,
.egret-indigo .mat-accent {
  --mat-full-pseudo-checkbox-selected-icon-color: #2196f3;
  --mat-full-pseudo-checkbox-selected-checkmark-color: #fafafa;
  --mat-full-pseudo-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-full-pseudo-checkbox-disabled-selected-checkmark-color: #fafafa;
  --mat-full-pseudo-checkbox-disabled-unselected-icon-color: #b0b0b0;
  --mat-full-pseudo-checkbox-disabled-selected-icon-color: #b0b0b0;
}
.premium-theme .mat-accent, .egret-blue .mat-accent,
.egret-indigo .mat-accent {
  --mat-minimal-pseudo-checkbox-selected-checkmark-color: #2196f3;
  --mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color: #b0b0b0;
}
.premium-theme .mat-warn, .egret-blue .mat-warn,
.egret-indigo .mat-warn {
  --mat-full-pseudo-checkbox-selected-icon-color: #f44336;
  --mat-full-pseudo-checkbox-selected-checkmark-color: #fafafa;
  --mat-full-pseudo-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-full-pseudo-checkbox-disabled-selected-checkmark-color: #fafafa;
  --mat-full-pseudo-checkbox-disabled-unselected-icon-color: #b0b0b0;
  --mat-full-pseudo-checkbox-disabled-selected-icon-color: #b0b0b0;
}
.premium-theme .mat-warn, .egret-blue .mat-warn,
.egret-indigo .mat-warn {
  --mat-minimal-pseudo-checkbox-selected-checkmark-color: #f44336;
  --mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color: #b0b0b0;
}
.premium-theme, .egret-blue,
.egret-indigo {
  --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);
}
.premium-theme, .egret-blue,
.egret-indigo {
  --mat-option-label-text-font: Poppins, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, 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;
}
.premium-theme, .egret-blue,
.egret-indigo {
  --mat-optgroup-label-text-font: Poppins, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, 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;
}
.premium-theme, .egret-blue,
.egret-indigo {
  --mdc-elevated-card-container-shape: 4px;
}
.premium-theme, .egret-blue,
.egret-indigo {
  --mdc-outlined-card-container-shape: 4px;
  --mdc-outlined-card-outline-width: 1px;
}
.premium-theme, .egret-blue,
.egret-indigo {
  --mdc-elevated-card-container-color: white;
  --mdc-elevated-card-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);
}
.premium-theme, .egret-blue,
.egret-indigo {
  --mdc-outlined-card-container-color: white;
  --mdc-outlined-card-outline-color: rgba(0, 0, 0, 0.12);
  --mdc-outlined-card-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);
}
.premium-theme, .egret-blue,
.egret-indigo {
  --mat-card-subtitle-text-color: rgba(0, 0, 0, 0.54);
}
.premium-theme, .egret-blue,
.egret-indigo {
  --mat-card-title-text-font: Poppins, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, 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: Poppins, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, 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;
}
.premium-theme, .egret-blue,
.egret-indigo {
  --mdc-linear-progress-active-indicator-height: 4px;
  --mdc-linear-progress-track-height: 4px;
  --mdc-linear-progress-track-shape: 0;
}
.premium-theme .mat-mdc-progress-bar, .egret-blue .mat-mdc-progress-bar,
.egret-indigo .mat-mdc-progress-bar {
  --mdc-linear-progress-active-indicator-color: #ff6700;
  --mdc-linear-progress-track-color: rgba(255, 103, 0, 0.25);
}
.premium-theme .mat-mdc-progress-bar.mat-accent, .egret-blue .mat-mdc-progress-bar.mat-accent,
.egret-indigo .mat-mdc-progress-bar.mat-accent {
  --mdc-linear-progress-active-indicator-color: #2196f3;
  --mdc-linear-progress-track-color: rgba(33, 150, 243, 0.25);
}
.premium-theme .mat-mdc-progress-bar.mat-warn, .egret-blue .mat-mdc-progress-bar.mat-warn,
.egret-indigo .mat-mdc-progress-bar.mat-warn {
  --mdc-linear-progress-active-indicator-color: #f44336;
  --mdc-linear-progress-track-color: rgba(244, 67, 54, 0.25);
}
.premium-theme, .egret-blue,
.egret-indigo {
  --mdc-plain-tooltip-container-shape: 4px;
  --mdc-plain-tooltip-supporting-text-line-height: 16px;
}
.premium-theme, .egret-blue,
.egret-indigo {
  --mdc-plain-tooltip-container-color: #616161;
  --mdc-plain-tooltip-supporting-text-color: #fff;
}
.premium-theme, .egret-blue,
.egret-indigo {
  --mdc-plain-tooltip-supporting-text-font: Poppins, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --mdc-plain-tooltip-supporting-text-size: 12px;
  --mdc-plain-tooltip-supporting-text-weight: 400;
  --mdc-plain-tooltip-supporting-text-tracking: 0.0333333333em;
}
.premium-theme, .egret-blue,
.egret-indigo {
  --mdc-filled-text-field-active-indicator-height: 1px;
  --mdc-filled-text-field-focus-active-indicator-height: 2px;
  --mdc-filled-text-field-container-shape: 4px;
}
.premium-theme, .egret-blue,
.egret-indigo {
  --mdc-outlined-text-field-outline-width: 1px;
  --mdc-outlined-text-field-focus-outline-width: 2px;
  --mdc-outlined-text-field-container-shape: 4px;
}
.premium-theme, .egret-blue,
.egret-indigo {
  --mdc-filled-text-field-caret-color: #ff6700;
  --mdc-filled-text-field-focus-active-indicator-color: #ff6700;
  --mdc-filled-text-field-focus-label-text-color: rgba(255, 103, 0, 0.87);
  --mdc-filled-text-field-container-color: whitesmoke;
  --mdc-filled-text-field-disabled-container-color: #fafafa;
  --mdc-filled-text-field-label-text-color: rgba(0, 0, 0, 0.6);
  --mdc-filled-text-field-hover-label-text-color: rgba(0, 0, 0, 0.6);
  --mdc-filled-text-field-disabled-label-text-color: rgba(0, 0, 0, 0.38);
  --mdc-filled-text-field-input-text-color: rgba(0, 0, 0, 0.87);
  --mdc-filled-text-field-disabled-input-text-color: rgba(0, 0, 0, 0.38);
  --mdc-filled-text-field-input-text-placeholder-color: rgba(0, 0, 0, 0.6);
  --mdc-filled-text-field-error-hover-label-text-color: #f44336;
  --mdc-filled-text-field-error-focus-label-text-color: #f44336;
  --mdc-filled-text-field-error-label-text-color: #f44336;
  --mdc-filled-text-field-error-caret-color: #f44336;
  --mdc-filled-text-field-active-indicator-color: rgba(0, 0, 0, 0.42);
  --mdc-filled-text-field-disabled-active-indicator-color: rgba(0, 0, 0, 0.06);
  --mdc-filled-text-field-hover-active-indicator-color: rgba(0, 0, 0, 0.87);
  --mdc-filled-text-field-error-active-indicator-color: #f44336;
  --mdc-filled-text-field-error-focus-active-indicator-color: #f44336;
  --mdc-filled-text-field-error-hover-active-indicator-color: #f44336;
}
.premium-theme, .egret-blue,
.egret-indigo {
  --mdc-outlined-text-field-caret-color: #ff6700;
  --mdc-outlined-text-field-focus-outline-color: #ff6700;
  --mdc-outlined-text-field-focus-label-text-color: rgba(255, 103, 0, 0.87);
  --mdc-outlined-text-field-label-text-color: rgba(0, 0, 0, 0.6);
  --mdc-outlined-text-field-hover-label-text-color: rgba(0, 0, 0, 0.6);
  --mdc-outlined-text-field-disabled-label-text-color: rgba(0, 0, 0, 0.38);
  --mdc-outlined-text-field-input-text-color: rgba(0, 0, 0, 0.87);
  --mdc-outlined-text-field-disabled-input-text-color: rgba(0, 0, 0, 0.38);
  --mdc-outlined-text-field-input-text-placeholder-color: rgba(0, 0, 0, 0.6);
  --mdc-outlined-text-field-error-caret-color: #f44336;
  --mdc-outlined-text-field-error-focus-label-text-color: #f44336;
  --mdc-outlined-text-field-error-label-text-color: #f44336;
  --mdc-outlined-text-field-error-hover-label-text-color: #f44336;
  --mdc-outlined-text-field-outline-color: rgba(0, 0, 0, 0.38);
  --mdc-outlined-text-field-disabled-outline-color: rgba(0, 0, 0, 0.06);
  --mdc-outlined-text-field-hover-outline-color: rgba(0, 0, 0, 0.87);
  --mdc-outlined-text-field-error-focus-outline-color: #f44336;
  --mdc-outlined-text-field-error-hover-outline-color: #f44336;
  --mdc-outlined-text-field-error-outline-color: #f44336;
}
.premium-theme, .egret-blue,
.egret-indigo {
  --mat-form-field-focus-select-arrow-color: rgba(255, 103, 0, 0.87);
  --mat-form-field-disabled-input-text-placeholder-color: rgba(0, 0, 0, 0.38);
  --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: rgba(0, 0, 0, 0.38);
  --mat-form-field-hover-state-layer-opacity: 0.04;
  --mat-form-field-focus-state-layer-opacity: 0.08;
}
.premium-theme .mat-mdc-form-field.mat-accent, .egret-blue .mat-mdc-form-field.mat-accent,
.egret-indigo .mat-mdc-form-field.mat-accent {
  --mdc-filled-text-field-caret-color: #2196f3;
  --mdc-filled-text-field-focus-active-indicator-color: #2196f3;
  --mdc-filled-text-field-focus-label-text-color: rgba(33, 150, 243, 0.87);
}
.premium-theme .mat-mdc-form-field.mat-accent, .egret-blue .mat-mdc-form-field.mat-accent,
.egret-indigo .mat-mdc-form-field.mat-accent {
  --mdc-outlined-text-field-caret-color: #2196f3;
  --mdc-outlined-text-field-focus-outline-color: #2196f3;
  --mdc-outlined-text-field-focus-label-text-color: rgba(33, 150, 243, 0.87);
}
.premium-theme .mat-mdc-form-field.mat-accent, .egret-blue .mat-mdc-form-field.mat-accent,
.egret-indigo .mat-mdc-form-field.mat-accent {
  --mat-form-field-focus-select-arrow-color: rgba(33, 150, 243, 0.87);
}
.premium-theme .mat-mdc-form-field.mat-warn, .egret-blue .mat-mdc-form-field.mat-warn,
.egret-indigo .mat-mdc-form-field.mat-warn {
  --mdc-filled-text-field-caret-color: #f44336;
  --mdc-filled-text-field-focus-active-indicator-color: #f44336;
  --mdc-filled-text-field-focus-label-text-color: rgba(244, 67, 54, 0.87);
}
.premium-theme .mat-mdc-form-field.mat-warn, .egret-blue .mat-mdc-form-field.mat-warn,
.egret-indigo .mat-mdc-form-field.mat-warn {
  --mdc-outlined-text-field-caret-color: #f44336;
  --mdc-outlined-text-field-focus-outline-color: #f44336;
  --mdc-outlined-text-field-focus-label-text-color: rgba(244, 67, 54, 0.87);
}
.premium-theme .mat-mdc-form-field.mat-warn, .egret-blue .mat-mdc-form-field.mat-warn,
.egret-indigo .mat-mdc-form-field.mat-warn {
  --mat-form-field-focus-select-arrow-color: rgba(244, 67, 54, 0.87);
}
.premium-theme, .egret-blue,
.egret-indigo {
  --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;
}
.premium-theme, .egret-blue,
.egret-indigo {
  --mdc-filled-text-field-label-text-font: Poppins, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --mdc-filled-text-field-label-text-size: 16px;
  --mdc-filled-text-field-label-text-tracking: 0.03125em;
  --mdc-filled-text-field-label-text-weight: 400;
}
.premium-theme, .egret-blue,
.egret-indigo {
  --mdc-outlined-text-field-label-text-font: Poppins, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --mdc-outlined-text-field-label-text-size: 16px;
  --mdc-outlined-text-field-label-text-tracking: 0.03125em;
  --mdc-outlined-text-field-label-text-weight: 400;
}
.premium-theme, .egret-blue,
.egret-indigo {
  --mat-form-field-container-text-font: Poppins, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, 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: Poppins, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, 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;
}
.premium-theme, .egret-blue,
.egret-indigo {
  --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);
}
.premium-theme, .egret-blue,
.egret-indigo {
  --mat-select-panel-background-color: white;
  --mat-select-enabled-trigger-text-color: rgba(0, 0, 0, 0.87);
  --mat-select-disabled-trigger-text-color: rgba(0, 0, 0, 0.38);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.6);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: rgba(0, 0, 0, 0.38);
  --mat-select-focused-arrow-color: rgba(255, 103, 0, 0.87);
  --mat-select-invalid-arrow-color: rgba(244, 67, 54, 0.87);
}
.premium-theme .mat-mdc-form-field.mat-accent, .egret-blue .mat-mdc-form-field.mat-accent,
.egret-indigo .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: rgba(0, 0, 0, 0.38);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.6);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: rgba(0, 0, 0, 0.38);
  --mat-select-focused-arrow-color: rgba(33, 150, 243, 0.87);
  --mat-select-invalid-arrow-color: rgba(244, 67, 54, 0.87);
}
.premium-theme .mat-mdc-form-field.mat-warn, .egret-blue .mat-mdc-form-field.mat-warn,
.egret-indigo .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: rgba(0, 0, 0, 0.38);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.6);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: rgba(0, 0, 0, 0.38);
  --mat-select-focused-arrow-color: rgba(244, 67, 54, 0.87);
  --mat-select-invalid-arrow-color: rgba(244, 67, 54, 0.87);
}
.premium-theme, .egret-blue,
.egret-indigo {
  --mat-select-arrow-transform: translateY(-8px);
}
.premium-theme, .egret-blue,
.egret-indigo {
  --mat-select-trigger-text-font: Poppins, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, 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;
}
.premium-theme, .egret-blue,
.egret-indigo {
  --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);
}
.premium-theme, .egret-blue,
.egret-indigo {
  --mat-autocomplete-background-color: white;
}
.premium-theme, .egret-blue,
.egret-indigo {
  --mdc-dialog-container-shape: 4px;
}
.premium-theme, .egret-blue,
.egret-indigo {
  --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;
}
.premium-theme, .egret-blue,
.egret-indigo {
  --mdc-dialog-container-color: white;
  --mdc-dialog-subhead-color: rgba(0, 0, 0, 0.87);
  --mdc-dialog-supporting-text-color: rgba(0, 0, 0, 0.6);
}
.premium-theme, .egret-blue,
.egret-indigo {
  --mdc-dialog-subhead-font: Poppins, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --mdc-dialog-subhead-line-height: 32px;
  --mdc-dialog-subhead-size: 20px;
  --mdc-dialog-subhead-weight: 500;
  --mdc-dialog-subhead-tracking: 0.0125em;
  --mdc-dialog-supporting-text-font: Poppins, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --mdc-dialog-supporting-text-line-height: 24px;
  --mdc-dialog-supporting-text-size: 16px;
  --mdc-dialog-supporting-text-weight: 400;
  --mdc-dialog-supporting-text-tracking: 0.03125em;
}
.premium-theme .mat-mdc-standard-chip, .egret-blue .mat-mdc-standard-chip,
.egret-indigo .mat-mdc-standard-chip {
  --mdc-chip-container-shape-radius: 16px;
  --mdc-chip-with-avatar-avatar-shape-radius: 14px;
  --mdc-chip-with-avatar-avatar-size: 28px;
  --mdc-chip-with-icon-icon-size: 18px;
  --mdc-chip-outline-width: 0;
  --mdc-chip-outline-color: transparent;
  --mdc-chip-disabled-outline-color: transparent;
  --mdc-chip-focus-outline-color: transparent;
  --mdc-chip-hover-state-layer-opacity: 0.04;
  --mdc-chip-with-avatar-disabled-avatar-opacity: 1;
  --mdc-chip-flat-selected-outline-width: 0;
  --mdc-chip-selected-hover-state-layer-opacity: 0.04;
  --mdc-chip-with-trailing-icon-disabled-trailing-icon-opacity: 1;
  --mdc-chip-with-icon-disabled-icon-opacity: 1;
}
.premium-theme .mat-mdc-standard-chip, .egret-blue .mat-mdc-standard-chip,
.egret-indigo .mat-mdc-standard-chip {
  --mat-chip-disabled-container-opacity: 0.4;
  --mat-chip-trailing-action-opacity: 0.54;
  --mat-chip-trailing-action-focus-opacity: 1;
  --mat-chip-trailing-action-state-layer-color: transparent;
  --mat-chip-selected-trailing-action-state-layer-color: transparent;
  --mat-chip-trailing-action-hover-state-layer-opacity: 0;
  --mat-chip-trailing-action-focus-state-layer-opacity: 0;
}
.premium-theme .mat-mdc-standard-chip, .egret-blue .mat-mdc-standard-chip,
.egret-indigo .mat-mdc-standard-chip {
  --mdc-chip-disabled-label-text-color: #212121;
  --mdc-chip-elevated-container-color: #e0e0e0;
  --mdc-chip-elevated-selected-container-color: #e0e0e0;
  --mdc-chip-elevated-disabled-container-color: #e0e0e0;
  --mdc-chip-flat-disabled-selected-container-color: #e0e0e0;
  --mdc-chip-focus-state-layer-color: black;
  --mdc-chip-hover-state-layer-color: black;
  --mdc-chip-selected-hover-state-layer-color: black;
  --mdc-chip-focus-state-layer-opacity: 0.12;
  --mdc-chip-selected-focus-state-layer-color: black;
  --mdc-chip-selected-focus-state-layer-opacity: 0.12;
  --mdc-chip-label-text-color: #212121;
  --mdc-chip-selected-label-text-color: #212121;
  --mdc-chip-with-icon-icon-color: #212121;
  --mdc-chip-with-icon-disabled-icon-color: #212121;
  --mdc-chip-with-icon-selected-icon-color: #212121;
  --mdc-chip-with-trailing-icon-disabled-trailing-icon-color: #212121;
  --mdc-chip-with-trailing-icon-trailing-icon-color: #212121;
}
.premium-theme .mat-mdc-standard-chip, .egret-blue .mat-mdc-standard-chip,
.egret-indigo .mat-mdc-standard-chip {
  --mat-chip-selected-disabled-trailing-icon-color: #212121;
  --mat-chip-selected-trailing-icon-color: #212121;
}
.premium-theme .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-primary, .egret-blue .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-primary, .premium-theme .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-primary, .egret-blue .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-primary,
.egret-indigo .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-primary,
.egret-indigo .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-primary {
  --mdc-chip-disabled-label-text-color: white;
  --mdc-chip-elevated-container-color: #ff6700;
  --mdc-chip-elevated-selected-container-color: #ff6700;
  --mdc-chip-elevated-disabled-container-color: #ff6700;
  --mdc-chip-flat-disabled-selected-container-color: #ff6700;
  --mdc-chip-focus-state-layer-color: black;
  --mdc-chip-hover-state-layer-color: black;
  --mdc-chip-selected-hover-state-layer-color: black;
  --mdc-chip-focus-state-layer-opacity: 0.12;
  --mdc-chip-selected-focus-state-layer-color: black;
  --mdc-chip-selected-focus-state-layer-opacity: 0.12;
  --mdc-chip-label-text-color: white;
  --mdc-chip-selected-label-text-color: white;
  --mdc-chip-with-icon-icon-color: white;
  --mdc-chip-with-icon-disabled-icon-color: white;
  --mdc-chip-with-icon-selected-icon-color: white;
  --mdc-chip-with-trailing-icon-disabled-trailing-icon-color: white;
  --mdc-chip-with-trailing-icon-trailing-icon-color: white;
}
.premium-theme .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-primary, .egret-blue .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-primary, .premium-theme .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-primary, .egret-blue .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-primary,
.egret-indigo .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-primary,
.egret-indigo .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-primary {
  --mat-chip-selected-disabled-trailing-icon-color: white;
  --mat-chip-selected-trailing-icon-color: white;
}
.premium-theme .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-accent, .egret-blue .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-accent, .premium-theme .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-accent, .egret-blue .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-accent,
.egret-indigo .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-accent,
.egret-indigo .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-accent {
  --mdc-chip-disabled-label-text-color: white;
  --mdc-chip-elevated-container-color: #2196f3;
  --mdc-chip-elevated-selected-container-color: #2196f3;
  --mdc-chip-elevated-disabled-container-color: #2196f3;
  --mdc-chip-flat-disabled-selected-container-color: #2196f3;
  --mdc-chip-focus-state-layer-color: black;
  --mdc-chip-hover-state-layer-color: black;
  --mdc-chip-selected-hover-state-layer-color: black;
  --mdc-chip-focus-state-layer-opacity: 0.12;
  --mdc-chip-selected-focus-state-layer-color: black;
  --mdc-chip-selected-focus-state-layer-opacity: 0.12;
  --mdc-chip-label-text-color: white;
  --mdc-chip-selected-label-text-color: white;
  --mdc-chip-with-icon-icon-color: white;
  --mdc-chip-with-icon-disabled-icon-color: white;
  --mdc-chip-with-icon-selected-icon-color: white;
  --mdc-chip-with-trailing-icon-disabled-trailing-icon-color: white;
  --mdc-chip-with-trailing-icon-trailing-icon-color: white;
}
.premium-theme .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-accent, .egret-blue .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-accent, .premium-theme .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-accent, .egret-blue .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-accent,
.egret-indigo .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-accent,
.egret-indigo .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-accent {
  --mat-chip-selected-disabled-trailing-icon-color: white;
  --mat-chip-selected-trailing-icon-color: white;
}
.premium-theme .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-warn, .egret-blue .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-warn, .premium-theme .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-warn, .egret-blue .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-warn,
.egret-indigo .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-warn,
.egret-indigo .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-warn {
  --mdc-chip-disabled-label-text-color: white;
  --mdc-chip-elevated-container-color: #f44336;
  --mdc-chip-elevated-selected-container-color: #f44336;
  --mdc-chip-elevated-disabled-container-color: #f44336;
  --mdc-chip-flat-disabled-selected-container-color: #f44336;
  --mdc-chip-focus-state-layer-color: black;
  --mdc-chip-hover-state-layer-color: black;
  --mdc-chip-selected-hover-state-layer-color: black;
  --mdc-chip-focus-state-layer-opacity: 0.12;
  --mdc-chip-selected-focus-state-layer-color: black;
  --mdc-chip-selected-focus-state-layer-opacity: 0.12;
  --mdc-chip-label-text-color: white;
  --mdc-chip-selected-label-text-color: white;
  --mdc-chip-with-icon-icon-color: white;
  --mdc-chip-with-icon-disabled-icon-color: white;
  --mdc-chip-with-icon-selected-icon-color: white;
  --mdc-chip-with-trailing-icon-disabled-trailing-icon-color: white;
  --mdc-chip-with-trailing-icon-trailing-icon-color: white;
}
.premium-theme .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-warn, .egret-blue .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-warn, .premium-theme .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-warn, .egret-blue .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-warn,
.egret-indigo .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-warn,
.egret-indigo .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-warn {
  --mat-chip-selected-disabled-trailing-icon-color: white;
  --mat-chip-selected-trailing-icon-color: white;
}
.premium-theme .mat-mdc-chip.mat-mdc-standard-chip, .egret-blue .mat-mdc-chip.mat-mdc-standard-chip,
.egret-indigo .mat-mdc-chip.mat-mdc-standard-chip {
  --mdc-chip-container-height: 32px;
}
.premium-theme .mat-mdc-standard-chip, .egret-blue .mat-mdc-standard-chip,
.egret-indigo .mat-mdc-standard-chip {
  --mdc-chip-label-text-font: Poppins, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --mdc-chip-label-text-line-height: 20px;
  --mdc-chip-label-text-size: 14px;
  --mdc-chip-label-text-tracking: 0.0178571429em;
  --mdc-chip-label-text-weight: 400;
}
.premium-theme, .egret-blue,
.egret-indigo {
  --mdc-switch-disabled-selected-icon-opacity: 0.38;
  --mdc-switch-disabled-track-opacity: 0.12;
  --mdc-switch-disabled-unselected-icon-opacity: 0.38;
  --mdc-switch-handle-height: 20px;
  --mdc-switch-handle-shape: 10px;
  --mdc-switch-handle-width: 20px;
  --mdc-switch-selected-icon-size: 18px;
  --mdc-switch-track-height: 14px;
  --mdc-switch-track-shape: 7px;
  --mdc-switch-track-width: 36px;
  --mdc-switch-unselected-icon-size: 18px;
  --mdc-switch-selected-focus-state-layer-opacity: 0.12;
  --mdc-switch-selected-hover-state-layer-opacity: 0.04;
  --mdc-switch-selected-pressed-state-layer-opacity: 0.1;
  --mdc-switch-unselected-focus-state-layer-opacity: 0.12;
  --mdc-switch-unselected-hover-state-layer-opacity: 0.04;
  --mdc-switch-unselected-pressed-state-layer-opacity: 0.1;
}
.premium-theme .mat-mdc-slide-toggle, .egret-blue .mat-mdc-slide-toggle,
.egret-indigo .mat-mdc-slide-toggle {
  --mat-switch-disabled-selected-handle-opacity: 0.38;
  --mat-switch-disabled-unselected-handle-opacity: 0.38;
  --mat-switch-unselected-handle-size: 20px;
  --mat-switch-selected-handle-size: 20px;
  --mat-switch-pressed-handle-size: 20px;
  --mat-switch-with-icon-handle-size: 20px;
  --mat-switch-selected-handle-horizontal-margin: 0;
  --mat-switch-selected-with-icon-handle-horizontal-margin: 0;
  --mat-switch-selected-pressed-handle-horizontal-margin: 0;
  --mat-switch-unselected-handle-horizontal-margin: 0;
  --mat-switch-unselected-with-icon-handle-horizontal-margin: 0;
  --mat-switch-unselected-pressed-handle-horizontal-margin: 0;
  --mat-switch-visible-track-opacity: 1;
  --mat-switch-hidden-track-opacity: 1;
  --mat-switch-visible-track-transition: transform 75ms 0ms cubic-bezier(0, 0, 0.2, 1);
  --mat-switch-hidden-track-transition: transform 75ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
  --mat-switch-track-outline-width: 1px;
  --mat-switch-track-outline-color: transparent;
  --mat-switch-selected-track-outline-width: 1px;
  --mat-switch-selected-track-outline-color: transparent;
  --mat-switch-disabled-unselected-track-outline-width: 1px;
  --mat-switch-disabled-unselected-track-outline-color: transparent;
}
.premium-theme, .egret-blue,
.egret-indigo {
  --mdc-switch-selected-focus-state-layer-color: #f26d35;
  --mdc-switch-selected-handle-color: #f26d35;
  --mdc-switch-selected-hover-state-layer-color: #f26d35;
  --mdc-switch-selected-pressed-state-layer-color: #f26d35;
  --mdc-switch-selected-focus-handle-color: #bf360c;
  --mdc-switch-selected-hover-handle-color: #bf360c;
  --mdc-switch-selected-pressed-handle-color: #bf360c;
  --mdc-switch-selected-focus-track-color: #ffb74d;
  --mdc-switch-selected-hover-track-color: #ffb74d;
  --mdc-switch-selected-pressed-track-color: #ffb74d;
  --mdc-switch-selected-track-color: #ffb74d;
  --mdc-switch-disabled-selected-handle-color: #424242;
  --mdc-switch-disabled-selected-icon-color: #fff;
  --mdc-switch-disabled-selected-track-color: #424242;
  --mdc-switch-disabled-unselected-handle-color: #424242;
  --mdc-switch-disabled-unselected-icon-color: #fff;
  --mdc-switch-disabled-unselected-track-color: #424242;
  --mdc-switch-handle-surface-color: #fff;
  --mdc-switch-selected-icon-color: #fff;
  --mdc-switch-unselected-focus-handle-color: #212121;
  --mdc-switch-unselected-focus-state-layer-color: #424242;
  --mdc-switch-unselected-focus-track-color: #e0e0e0;
  --mdc-switch-unselected-handle-color: #616161;
  --mdc-switch-unselected-hover-handle-color: #212121;
  --mdc-switch-unselected-hover-state-layer-color: #424242;
  --mdc-switch-unselected-hover-track-color: #e0e0e0;
  --mdc-switch-unselected-icon-color: #fff;
  --mdc-switch-unselected-pressed-handle-color: #212121;
  --mdc-switch-unselected-pressed-state-layer-color: #424242;
  --mdc-switch-unselected-pressed-track-color: #e0e0e0;
  --mdc-switch-unselected-track-color: #e0e0e0;
  --mdc-switch-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);
  --mdc-switch-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);
}
.premium-theme, .egret-blue,
.egret-indigo {
  --mdc-switch-disabled-label-text-color: rgba(0, 0, 0, 0.38);
}
.premium-theme .mat-mdc-slide-toggle, .egret-blue .mat-mdc-slide-toggle,
.egret-indigo .mat-mdc-slide-toggle {
  --mat-switch-label-text-color: rgba(0, 0, 0, 0.87);
}
.premium-theme .mat-mdc-slide-toggle.mat-accent, .egret-blue .mat-mdc-slide-toggle.mat-accent,
.egret-indigo .mat-mdc-slide-toggle.mat-accent {
  --mdc-switch-selected-focus-state-layer-color: #1e88e5;
  --mdc-switch-selected-handle-color: #1e88e5;
  --mdc-switch-selected-hover-state-layer-color: #1e88e5;
  --mdc-switch-selected-pressed-state-layer-color: #1e88e5;
  --mdc-switch-selected-focus-handle-color: #0d47a1;
  --mdc-switch-selected-hover-handle-color: #0d47a1;
  --mdc-switch-selected-pressed-handle-color: #0d47a1;
  --mdc-switch-selected-focus-track-color: #64b5f6;
  --mdc-switch-selected-hover-track-color: #64b5f6;
  --mdc-switch-selected-pressed-track-color: #64b5f6;
  --mdc-switch-selected-track-color: #64b5f6;
}
.premium-theme .mat-mdc-slide-toggle.mat-warn, .egret-blue .mat-mdc-slide-toggle.mat-warn,
.egret-indigo .mat-mdc-slide-toggle.mat-warn {
  --mdc-switch-selected-focus-state-layer-color: #e53935;
  --mdc-switch-selected-handle-color: #e53935;
  --mdc-switch-selected-hover-state-layer-color: #e53935;
  --mdc-switch-selected-pressed-state-layer-color: #e53935;
  --mdc-switch-selected-focus-handle-color: #b71c1c;
  --mdc-switch-selected-hover-handle-color: #b71c1c;
  --mdc-switch-selected-pressed-handle-color: #b71c1c;
  --mdc-switch-selected-focus-track-color: #e57373;
  --mdc-switch-selected-hover-track-color: #e57373;
  --mdc-switch-selected-pressed-track-color: #e57373;
  --mdc-switch-selected-track-color: #e57373;
}
.premium-theme, .egret-blue,
.egret-indigo {
  --mdc-switch-state-layer-size: 40px;
}
.premium-theme .mat-mdc-slide-toggle, .egret-blue .mat-mdc-slide-toggle,
.egret-indigo .mat-mdc-slide-toggle {
  --mat-switch-label-text-font: Poppins, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --mat-switch-label-text-line-height: 20px;
  --mat-switch-label-text-size: 14px;
  --mat-switch-label-text-tracking: 0.0178571429em;
  --mat-switch-label-text-weight: 400;
}
.premium-theme, .egret-blue,
.egret-indigo {
  --mdc-radio-disabled-selected-icon-opacity: 0.38;
  --mdc-radio-disabled-unselected-icon-opacity: 0.38;
  --mdc-radio-state-layer-size: 40px;
}
.premium-theme .mat-mdc-radio-button.mat-primary, .egret-blue .mat-mdc-radio-button.mat-primary,
.egret-indigo .mat-mdc-radio-button.mat-primary {
  --mdc-radio-disabled-selected-icon-color: black;
  --mdc-radio-disabled-unselected-icon-color: black;
  --mdc-radio-unselected-hover-icon-color: #212121;
  --mdc-radio-unselected-focus-icon-color: #212121;
  --mdc-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-selected-focus-icon-color: #ff6700;
  --mdc-radio-selected-hover-icon-color: #ff6700;
  --mdc-radio-selected-icon-color: #ff6700;
  --mdc-radio-selected-pressed-icon-color: #ff6700;
}
.premium-theme .mat-mdc-radio-button.mat-primary, .egret-blue .mat-mdc-radio-button.mat-primary,
.egret-indigo .mat-mdc-radio-button.mat-primary {
  --mat-radio-ripple-color: black;
  --mat-radio-checked-ripple-color: #ff6700;
  --mat-radio-disabled-label-color: rgba(0, 0, 0, 0.38);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
}
.premium-theme .mat-mdc-radio-button.mat-accent, .egret-blue .mat-mdc-radio-button.mat-accent,
.egret-indigo .mat-mdc-radio-button.mat-accent {
  --mdc-radio-disabled-selected-icon-color: black;
  --mdc-radio-disabled-unselected-icon-color: black;
  --mdc-radio-unselected-hover-icon-color: #212121;
  --mdc-radio-unselected-focus-icon-color: #212121;
  --mdc-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-selected-focus-icon-color: #2196f3;
  --mdc-radio-selected-hover-icon-color: #2196f3;
  --mdc-radio-selected-icon-color: #2196f3;
  --mdc-radio-selected-pressed-icon-color: #2196f3;
}
.premium-theme .mat-mdc-radio-button.mat-accent, .egret-blue .mat-mdc-radio-button.mat-accent,
.egret-indigo .mat-mdc-radio-button.mat-accent {
  --mat-radio-ripple-color: black;
  --mat-radio-checked-ripple-color: #2196f3;
  --mat-radio-disabled-label-color: rgba(0, 0, 0, 0.38);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
}
.premium-theme .mat-mdc-radio-button.mat-warn, .egret-blue .mat-mdc-radio-button.mat-warn,
.egret-indigo .mat-mdc-radio-button.mat-warn {
  --mdc-radio-disabled-selected-icon-color: black;
  --mdc-radio-disabled-unselected-icon-color: black;
  --mdc-radio-unselected-hover-icon-color: #212121;
  --mdc-radio-unselected-focus-icon-color: #212121;
  --mdc-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-selected-focus-icon-color: #f44336;
  --mdc-radio-selected-hover-icon-color: #f44336;
  --mdc-radio-selected-icon-color: #f44336;
  --mdc-radio-selected-pressed-icon-color: #f44336;
}
.premium-theme .mat-mdc-radio-button.mat-warn, .egret-blue .mat-mdc-radio-button.mat-warn,
.egret-indigo .mat-mdc-radio-button.mat-warn {
  --mat-radio-ripple-color: black;
  --mat-radio-checked-ripple-color: #f44336;
  --mat-radio-disabled-label-color: rgba(0, 0, 0, 0.38);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
}
.premium-theme, .egret-blue,
.egret-indigo {
  --mdc-radio-state-layer-size: 40px;
}
.premium-theme, .egret-blue,
.egret-indigo {
  --mat-radio-touch-target-display: block;
}
.premium-theme, .egret-blue,
.egret-indigo {
  --mat-radio-label-text-font: Poppins, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, 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;
}
.premium-theme, .egret-blue,
.egret-indigo {
  --mdc-slider-active-track-height: 6px;
  --mdc-slider-active-track-shape: 9999px;
  --mdc-slider-handle-height: 20px;
  --mdc-slider-handle-shape: 50%;
  --mdc-slider-handle-width: 20px;
  --mdc-slider-inactive-track-height: 4px;
  --mdc-slider-inactive-track-shape: 9999px;
  --mdc-slider-with-overlap-handle-outline-width: 1px;
  --mdc-slider-with-tick-marks-active-container-opacity: 0.6;
  --mdc-slider-with-tick-marks-container-shape: 50%;
  --mdc-slider-with-tick-marks-container-size: 2px;
  --mdc-slider-with-tick-marks-inactive-container-opacity: 0.6;
  --mdc-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);
}
.premium-theme, .egret-blue,
.egret-indigo {
  --mat-slider-value-indicator-width: auto;
  --mat-slider-value-indicator-height: 32px;
  --mat-slider-value-indicator-caret-display: block;
  --mat-slider-value-indicator-border-radius: 4px;
  --mat-slider-value-indicator-padding: 0 12px;
  --mat-slider-value-indicator-text-transform: none;
  --mat-slider-value-indicator-container-transform: translateX(-50%);
}
.premium-theme, .egret-blue,
.egret-indigo {
  --mdc-slider-handle-color: #ff6700;
  --mdc-slider-focus-handle-color: #ff6700;
  --mdc-slider-hover-handle-color: #ff6700;
  --mdc-slider-active-track-color: #ff6700;
  --mdc-slider-inactive-track-color: #ff6700;
  --mdc-slider-with-tick-marks-inactive-container-color: #ff6700;
  --mdc-slider-with-tick-marks-active-container-color: white;
  --mdc-slider-disabled-active-track-color: #000;
  --mdc-slider-disabled-handle-color: #000;
  --mdc-slider-disabled-inactive-track-color: #000;
  --mdc-slider-label-container-color: #000;
  --mdc-slider-label-label-text-color: #fff;
  --mdc-slider-with-overlap-handle-outline-color: #fff;
  --mdc-slider-with-tick-marks-disabled-container-color: #000;
}
.premium-theme, .egret-blue,
.egret-indigo {
  --mat-slider-ripple-color: #ff6700;
  --mat-slider-hover-state-layer-color: rgba(255, 103, 0, 0.05);
  --mat-slider-focus-state-layer-color: rgba(255, 103, 0, 0.2);
  --mat-slider-value-indicator-opacity: 0.6;
}
.premium-theme .mat-accent, .egret-blue .mat-accent,
.egret-indigo .mat-accent {
  --mdc-slider-handle-color: #2196f3;
  --mdc-slider-focus-handle-color: #2196f3;
  --mdc-slider-hover-handle-color: #2196f3;
  --mdc-slider-active-track-color: #2196f3;
  --mdc-slider-inactive-track-color: #2196f3;
  --mdc-slider-with-tick-marks-inactive-container-color: #2196f3;
  --mdc-slider-with-tick-marks-active-container-color: white;
}
.premium-theme .mat-accent, .egret-blue .mat-accent,
.egret-indigo .mat-accent {
  --mat-slider-ripple-color: #2196f3;
  --mat-slider-hover-state-layer-color: rgba(33, 150, 243, 0.05);
  --mat-slider-focus-state-layer-color: rgba(33, 150, 243, 0.2);
}
.premium-theme .mat-warn, .egret-blue .mat-warn,
.egret-indigo .mat-warn {
  --mdc-slider-handle-color: #f44336;
  --mdc-slider-focus-handle-color: #f44336;
  --mdc-slider-hover-handle-color: #f44336;
  --mdc-slider-active-track-color: #f44336;
  --mdc-slider-inactive-track-color: #f44336;
  --mdc-slider-with-tick-marks-inactive-container-color: #f44336;
  --mdc-slider-with-tick-marks-active-container-color: white;
}
.premium-theme .mat-warn, .egret-blue .mat-warn,
.egret-indigo .mat-warn {
  --mat-slider-ripple-color: #f44336;
  --mat-slider-hover-state-layer-color: rgba(244, 67, 54, 0.05);
  --mat-slider-focus-state-layer-color: rgba(244, 67, 54, 0.2);
}
.premium-theme, .egret-blue,
.egret-indigo {
  --mdc-slider-label-label-text-font: Poppins, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --mdc-slider-label-label-text-size: 14px;
  --mdc-slider-label-label-text-line-height: 22px;
  --mdc-slider-label-label-text-tracking: 0.0071428571em;
  --mdc-slider-label-label-text-weight: 500;
}
.premium-theme, .egret-blue,
.egret-indigo {
  --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);
}
.premium-theme, .egret-blue,
.egret-indigo {
  --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: rgba(0, 0, 0, 0.04);
  --mat-menu-item-focus-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-menu-container-color: white;
  --mat-menu-divider-color: rgba(0, 0, 0, 0.12);
}
.premium-theme, .egret-blue,
.egret-indigo {
  --mat-menu-item-label-text-font: Poppins, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, 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;
}
.premium-theme, .egret-blue,
.egret-indigo {
  --mdc-list-list-item-container-shape: 0;
  --mdc-list-list-item-leading-avatar-shape: 50%;
  --mdc-list-list-item-container-color: transparent;
  --mdc-list-list-item-selected-container-color: transparent;
  --mdc-list-list-item-leading-avatar-color: transparent;
  --mdc-list-list-item-leading-icon-size: 24px;
  --mdc-list-list-item-leading-avatar-size: 40px;
  --mdc-list-list-item-trailing-icon-size: 24px;
  --mdc-list-list-item-disabled-state-layer-color: transparent;
  --mdc-list-list-item-disabled-state-layer-opacity: 0;
  --mdc-list-list-item-disabled-label-text-opacity: 0.38;
  --mdc-list-list-item-disabled-leading-icon-opacity: 0.38;
  --mdc-list-list-item-disabled-trailing-icon-opacity: 0.38;
}
.premium-theme, .egret-blue,
.egret-indigo {
  --mat-list-active-indicator-color: transparent;
  --mat-list-active-indicator-shape: 4px;
}
.premium-theme, .egret-blue,
.egret-indigo {
  --mdc-list-list-item-label-text-color: rgba(0, 0, 0, 0.87);
  --mdc-list-list-item-supporting-text-color: rgba(0, 0, 0, 0.54);
  --mdc-list-list-item-leading-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-list-list-item-trailing-supporting-text-color: rgba(0, 0, 0, 0.38);
  --mdc-list-list-item-trailing-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-list-list-item-selected-trailing-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-list-list-item-disabled-label-text-color: black;
  --mdc-list-list-item-disabled-leading-icon-color: black;
  --mdc-list-list-item-disabled-trailing-icon-color: black;
  --mdc-list-list-item-hover-label-text-color: rgba(0, 0, 0, 0.87);
  --mdc-list-list-item-hover-leading-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-list-list-item-hover-trailing-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-list-list-item-focus-label-text-color: rgba(0, 0, 0, 0.87);
  --mdc-list-list-item-hover-state-layer-color: black;
  --mdc-list-list-item-hover-state-layer-opacity: 0.04;
  --mdc-list-list-item-focus-state-layer-color: black;
  --mdc-list-list-item-focus-state-layer-opacity: 0.12;
}
.premium-theme .mdc-list-item__start, .egret-blue .mdc-list-item__start,
.premium-theme .mdc-list-item__end,
.egret-blue .mdc-list-item__end,
.egret-indigo .mdc-list-item__start,
.egret-indigo .mdc-list-item__end {
  --mdc-radio-disabled-selected-icon-color: black;
  --mdc-radio-disabled-unselected-icon-color: black;
  --mdc-radio-unselected-hover-icon-color: #212121;
  --mdc-radio-unselected-focus-icon-color: #212121;
  --mdc-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-selected-focus-icon-color: #ff6700;
  --mdc-radio-selected-hover-icon-color: #ff6700;
  --mdc-radio-selected-icon-color: #ff6700;
  --mdc-radio-selected-pressed-icon-color: #ff6700;
}
.premium-theme .mat-accent .mdc-list-item__start, .egret-blue .mat-accent .mdc-list-item__start,
.premium-theme .mat-accent .mdc-list-item__end,
.egret-blue .mat-accent .mdc-list-item__end,
.egret-indigo .mat-accent .mdc-list-item__start,
.egret-indigo .mat-accent .mdc-list-item__end {
  --mdc-radio-disabled-selected-icon-color: black;
  --mdc-radio-disabled-unselected-icon-color: black;
  --mdc-radio-unselected-hover-icon-color: #212121;
  --mdc-radio-unselected-focus-icon-color: #212121;
  --mdc-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-selected-focus-icon-color: #2196f3;
  --mdc-radio-selected-hover-icon-color: #2196f3;
  --mdc-radio-selected-icon-color: #2196f3;
  --mdc-radio-selected-pressed-icon-color: #2196f3;
}
.premium-theme .mat-warn .mdc-list-item__start, .egret-blue .mat-warn .mdc-list-item__start,
.premium-theme .mat-warn .mdc-list-item__end,
.egret-blue .mat-warn .mdc-list-item__end,
.egret-indigo .mat-warn .mdc-list-item__start,
.egret-indigo .mat-warn .mdc-list-item__end {
  --mdc-radio-disabled-selected-icon-color: black;
  --mdc-radio-disabled-unselected-icon-color: black;
  --mdc-radio-unselected-hover-icon-color: #212121;
  --mdc-radio-unselected-focus-icon-color: #212121;
  --mdc-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-selected-focus-icon-color: #f44336;
  --mdc-radio-selected-hover-icon-color: #f44336;
  --mdc-radio-selected-icon-color: #f44336;
  --mdc-radio-selected-pressed-icon-color: #f44336;
}
.premium-theme .mat-mdc-list-option, .egret-blue .mat-mdc-list-option,
.egret-indigo .mat-mdc-list-option {
  --mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-selected-checkmark-color: white;
  --mdc-checkbox-selected-focus-icon-color: #ff6700;
  --mdc-checkbox-selected-hover-icon-color: #ff6700;
  --mdc-checkbox-selected-icon-color: #ff6700;
  --mdc-checkbox-selected-pressed-icon-color: #ff6700;
  --mdc-checkbox-unselected-focus-icon-color: #212121;
  --mdc-checkbox-unselected-hover-icon-color: #212121;
  --mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-checkbox-selected-focus-state-layer-color: #ff6700;
  --mdc-checkbox-selected-hover-state-layer-color: #ff6700;
  --mdc-checkbox-selected-pressed-state-layer-color: #ff6700;
  --mdc-checkbox-unselected-focus-state-layer-color: black;
  --mdc-checkbox-unselected-hover-state-layer-color: black;
  --mdc-checkbox-unselected-pressed-state-layer-color: black;
}
.premium-theme .mat-mdc-list-option.mat-accent, .egret-blue .mat-mdc-list-option.mat-accent,
.egret-indigo .mat-mdc-list-option.mat-accent {
  --mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-selected-checkmark-color: white;
  --mdc-checkbox-selected-focus-icon-color: #2196f3;
  --mdc-checkbox-selected-hover-icon-color: #2196f3;
  --mdc-checkbox-selected-icon-color: #2196f3;
  --mdc-checkbox-selected-pressed-icon-color: #2196f3;
  --mdc-checkbox-unselected-focus-icon-color: #212121;
  --mdc-checkbox-unselected-hover-icon-color: #212121;
  --mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-checkbox-selected-focus-state-layer-color: #2196f3;
  --mdc-checkbox-selected-hover-state-layer-color: #2196f3;
  --mdc-checkbox-selected-pressed-state-layer-color: #2196f3;
  --mdc-checkbox-unselected-focus-state-layer-color: black;
  --mdc-checkbox-unselected-hover-state-layer-color: black;
  --mdc-checkbox-unselected-pressed-state-layer-color: black;
}
.premium-theme .mat-mdc-list-option.mat-warn, .egret-blue .mat-mdc-list-option.mat-warn,
.egret-indigo .mat-mdc-list-option.mat-warn {
  --mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-selected-checkmark-color: white;
  --mdc-checkbox-selected-focus-icon-color: #f44336;
  --mdc-checkbox-selected-hover-icon-color: #f44336;
  --mdc-checkbox-selected-icon-color: #f44336;
  --mdc-checkbox-selected-pressed-icon-color: #f44336;
  --mdc-checkbox-unselected-focus-icon-color: #212121;
  --mdc-checkbox-unselected-hover-icon-color: #212121;
  --mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-checkbox-selected-focus-state-layer-color: #f44336;
  --mdc-checkbox-selected-hover-state-layer-color: #f44336;
  --mdc-checkbox-selected-pressed-state-layer-color: #f44336;
  --mdc-checkbox-unselected-focus-state-layer-color: black;
  --mdc-checkbox-unselected-hover-state-layer-color: black;
  --mdc-checkbox-unselected-pressed-state-layer-color: black;
}
.premium-theme .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__primary-text, .egret-blue .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__primary-text,
.premium-theme .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__start,
.egret-blue .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__start,
.premium-theme .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__primary-text,
.egret-blue .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__primary-text,
.premium-theme .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__start,
.egret-blue .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__start,
.egret-indigo .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__primary-text,
.egret-indigo .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__start,
.egret-indigo .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__primary-text,
.egret-indigo .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__start {
  color: #ff6700;
}
.premium-theme .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__start, .egret-blue .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__start,
.premium-theme .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__content,
.egret-blue .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__content,
.premium-theme .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__end,
.egret-blue .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__end,
.egret-indigo .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__start,
.egret-indigo .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__content,
.egret-indigo .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__end {
  opacity: 1;
}
.premium-theme, .egret-blue,
.egret-indigo {
  --mdc-list-list-item-one-line-container-height: 48px;
  --mdc-list-list-item-two-line-container-height: 64px;
  --mdc-list-list-item-three-line-container-height: 88px;
}
.premium-theme, .egret-blue,
.egret-indigo {
  --mat-list-list-item-leading-icon-start-space: 16px;
  --mat-list-list-item-leading-icon-end-space: 32px;
}
.premium-theme .mdc-list-item__start, .egret-blue .mdc-list-item__start,
.premium-theme .mdc-list-item__end,
.egret-blue .mdc-list-item__end,
.egret-indigo .mdc-list-item__start,
.egret-indigo .mdc-list-item__end {
  --mdc-radio-state-layer-size: 40px;
}
.premium-theme .mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-one-line, .egret-blue .mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-one-line, .premium-theme .mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-one-line, .egret-blue .mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-one-line, .premium-theme .mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-one-line, .egret-blue .mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-one-line,
.egret-indigo .mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-one-line,
.egret-indigo .mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-one-line,
.egret-indigo .mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-one-line {
  height: 56px;
}
.premium-theme .mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-two-lines, .egret-blue .mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-two-lines, .premium-theme .mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-two-lines, .egret-blue .mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-two-lines, .premium-theme .mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-two-lines, .egret-blue .mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-two-lines,
.egret-indigo .mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-two-lines,
.egret-indigo .mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-two-lines,
.egret-indigo .mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-two-lines {
  height: 72px;
}
.premium-theme, .egret-blue,
.egret-indigo {
  --mdc-list-list-item-label-text-font: Poppins, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --mdc-list-list-item-label-text-line-height: 24px;
  --mdc-list-list-item-label-text-size: 16px;
  --mdc-list-list-item-label-text-tracking: 0.03125em;
  --mdc-list-list-item-label-text-weight: 400;
  --mdc-list-list-item-supporting-text-font: Poppins, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --mdc-list-list-item-supporting-text-line-height: 20px;
  --mdc-list-list-item-supporting-text-size: 14px;
  --mdc-list-list-item-supporting-text-tracking: 0.0178571429em;
  --mdc-list-list-item-supporting-text-weight: 400;
  --mdc-list-list-item-trailing-supporting-text-font: Poppins, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --mdc-list-list-item-trailing-supporting-text-line-height: 20px;
  --mdc-list-list-item-trailing-supporting-text-size: 12px;
  --mdc-list-list-item-trailing-supporting-text-tracking: 0.0333333333em;
  --mdc-list-list-item-trailing-supporting-text-weight: 400;
}
.premium-theme .mdc-list-group__subheader, .egret-blue .mdc-list-group__subheader,
.egret-indigo .mdc-list-group__subheader {
  font: 400 16px / 28px Poppins, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  letter-spacing: 0.009375em;
}
.premium-theme, .egret-blue,
.egret-indigo {
  --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: rgba(0, 0, 0, 0.12);
}
.premium-theme, .egret-blue,
.egret-indigo {
  --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;
}
.premium-theme, .egret-blue,
.egret-indigo {
  --mat-paginator-container-text-font: Poppins, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, 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;
}
.premium-theme, .egret-blue,
.egret-indigo {
  --mdc-secondary-navigation-tab-container-height: 48px;
}
.premium-theme, .egret-blue,
.egret-indigo {
  --mdc-tab-indicator-active-indicator-height: 2px;
  --mdc-tab-indicator-active-indicator-shape: 0;
}
.premium-theme, .egret-blue,
.egret-indigo {
  --mat-tab-header-divider-color: transparent;
  --mat-tab-header-divider-height: 0;
}
.premium-theme .mat-mdc-tab-group, .egret-blue .mat-mdc-tab-group,
.premium-theme .mat-mdc-tab-nav-bar,
.egret-blue .mat-mdc-tab-nav-bar,
.egret-indigo .mat-mdc-tab-group,
.egret-indigo .mat-mdc-tab-nav-bar {
  --mdc-tab-indicator-active-indicator-color: #ff6700;
}
.premium-theme .mat-mdc-tab-group, .egret-blue .mat-mdc-tab-group,
.premium-theme .mat-mdc-tab-nav-bar,
.egret-blue .mat-mdc-tab-nav-bar,
.egret-indigo .mat-mdc-tab-group,
.egret-indigo .mat-mdc-tab-nav-bar {
  --mat-tab-header-disabled-ripple-color: rgba(0, 0, 0, 0.38);
  --mat-tab-header-pagination-icon-color: black;
  --mat-tab-header-inactive-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-tab-header-active-label-text-color: #ff6700;
  --mat-tab-header-active-ripple-color: #ff6700;
  --mat-tab-header-inactive-ripple-color: #ff6700;
  --mat-tab-header-inactive-focus-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-tab-header-inactive-hover-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-tab-header-active-focus-label-text-color: #ff6700;
  --mat-tab-header-active-hover-label-text-color: #ff6700;
  --mat-tab-header-active-focus-indicator-color: #ff6700;
  --mat-tab-header-active-hover-indicator-color: #ff6700;
}
.premium-theme .mat-mdc-tab-group.mat-accent, .egret-blue .mat-mdc-tab-group.mat-accent,
.premium-theme .mat-mdc-tab-nav-bar.mat-accent,
.egret-blue .mat-mdc-tab-nav-bar.mat-accent,
.egret-indigo .mat-mdc-tab-group.mat-accent,
.egret-indigo .mat-mdc-tab-nav-bar.mat-accent {
  --mdc-tab-indicator-active-indicator-color: #2196f3;
}
.premium-theme .mat-mdc-tab-group.mat-accent, .egret-blue .mat-mdc-tab-group.mat-accent,
.premium-theme .mat-mdc-tab-nav-bar.mat-accent,
.egret-blue .mat-mdc-tab-nav-bar.mat-accent,
.egret-indigo .mat-mdc-tab-group.mat-accent,
.egret-indigo .mat-mdc-tab-nav-bar.mat-accent {
  --mat-tab-header-disabled-ripple-color: rgba(0, 0, 0, 0.38);
  --mat-tab-header-pagination-icon-color: black;
  --mat-tab-header-inactive-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-tab-header-active-label-text-color: #2196f3;
  --mat-tab-header-active-ripple-color: #2196f3;
  --mat-tab-header-inactive-ripple-color: #2196f3;
  --mat-tab-header-inactive-focus-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-tab-header-inactive-hover-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-tab-header-active-focus-label-text-color: #2196f3;
  --mat-tab-header-active-hover-label-text-color: #2196f3;
  --mat-tab-header-active-focus-indicator-color: #2196f3;
  --mat-tab-header-active-hover-indicator-color: #2196f3;
}
.premium-theme .mat-mdc-tab-group.mat-warn, .egret-blue .mat-mdc-tab-group.mat-warn,
.premium-theme .mat-mdc-tab-nav-bar.mat-warn,
.egret-blue .mat-mdc-tab-nav-bar.mat-warn,
.egret-indigo .mat-mdc-tab-group.mat-warn,
.egret-indigo .mat-mdc-tab-nav-bar.mat-warn {
  --mdc-tab-indicator-active-indicator-color: #f44336;
}
.premium-theme .mat-mdc-tab-group.mat-warn, .egret-blue .mat-mdc-tab-group.mat-warn,
.premium-theme .mat-mdc-tab-nav-bar.mat-warn,
.egret-blue .mat-mdc-tab-nav-bar.mat-warn,
.egret-indigo .mat-mdc-tab-group.mat-warn,
.egret-indigo .mat-mdc-tab-nav-bar.mat-warn {
  --mat-tab-header-disabled-ripple-color: rgba(0, 0, 0, 0.38);
  --mat-tab-header-pagination-icon-color: black;
  --mat-tab-header-inactive-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-tab-header-active-label-text-color: #f44336;
  --mat-tab-header-active-ripple-color: #f44336;
  --mat-tab-header-inactive-ripple-color: #f44336;
  --mat-tab-header-inactive-focus-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-tab-header-inactive-hover-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-tab-header-active-focus-label-text-color: #f44336;
  --mat-tab-header-active-hover-label-text-color: #f44336;
  --mat-tab-header-active-focus-indicator-color: #f44336;
  --mat-tab-header-active-hover-indicator-color: #f44336;
}
.premium-theme .mat-mdc-tab-group.mat-background-primary, .egret-blue .mat-mdc-tab-group.mat-background-primary,
.premium-theme .mat-mdc-tab-nav-bar.mat-background-primary,
.egret-blue .mat-mdc-tab-nav-bar.mat-background-primary,
.egret-indigo .mat-mdc-tab-group.mat-background-primary,
.egret-indigo .mat-mdc-tab-nav-bar.mat-background-primary {
  --mat-tab-header-with-background-background-color: #ff6700;
  --mat-tab-header-with-background-foreground-color: white;
}
.premium-theme .mat-mdc-tab-group.mat-background-accent, .egret-blue .mat-mdc-tab-group.mat-background-accent,
.premium-theme .mat-mdc-tab-nav-bar.mat-background-accent,
.egret-blue .mat-mdc-tab-nav-bar.mat-background-accent,
.egret-indigo .mat-mdc-tab-group.mat-background-accent,
.egret-indigo .mat-mdc-tab-nav-bar.mat-background-accent {
  --mat-tab-header-with-background-background-color: #2196f3;
  --mat-tab-header-with-background-foreground-color: white;
}
.premium-theme .mat-mdc-tab-group.mat-background-warn, .egret-blue .mat-mdc-tab-group.mat-background-warn,
.premium-theme .mat-mdc-tab-nav-bar.mat-background-warn,
.egret-blue .mat-mdc-tab-nav-bar.mat-background-warn,
.egret-indigo .mat-mdc-tab-group.mat-background-warn,
.egret-indigo .mat-mdc-tab-nav-bar.mat-background-warn {
  --mat-tab-header-with-background-background-color: #f44336;
  --mat-tab-header-with-background-foreground-color: white;
}
.premium-theme .mat-mdc-tab-header, .egret-blue .mat-mdc-tab-header,
.egret-indigo .mat-mdc-tab-header {
  --mdc-secondary-navigation-tab-container-height: 48px;
}
.premium-theme .mat-mdc-tab-header, .egret-blue .mat-mdc-tab-header,
.egret-indigo .mat-mdc-tab-header {
  --mat-tab-header-label-text-font: Poppins, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --mat-tab-header-label-text-size: 14px;
  --mat-tab-header-label-text-tracking: 0.0892857143em;
  --mat-tab-header-label-text-line-height: 36px;
  --mat-tab-header-label-text-weight: 500;
}
.premium-theme, .egret-blue,
.egret-indigo {
  --mdc-checkbox-disabled-selected-checkmark-color: #fff;
  --mdc-checkbox-selected-focus-state-layer-opacity: 0.16;
  --mdc-checkbox-selected-hover-state-layer-opacity: 0.04;
  --mdc-checkbox-selected-pressed-state-layer-opacity: 0.16;
  --mdc-checkbox-unselected-focus-state-layer-opacity: 0.16;
  --mdc-checkbox-unselected-hover-state-layer-opacity: 0.04;
  --mdc-checkbox-unselected-pressed-state-layer-opacity: 0.16;
}
.premium-theme, .egret-blue,
.egret-indigo {
  --mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-selected-checkmark-color: white;
  --mdc-checkbox-selected-focus-icon-color: #2196f3;
  --mdc-checkbox-selected-hover-icon-color: #2196f3;
  --mdc-checkbox-selected-icon-color: #2196f3;
  --mdc-checkbox-selected-pressed-icon-color: #2196f3;
  --mdc-checkbox-unselected-focus-icon-color: #212121;
  --mdc-checkbox-unselected-hover-icon-color: #212121;
  --mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-checkbox-selected-focus-state-layer-color: #2196f3;
  --mdc-checkbox-selected-hover-state-layer-color: #2196f3;
  --mdc-checkbox-selected-pressed-state-layer-color: #2196f3;
  --mdc-checkbox-unselected-focus-state-layer-color: black;
  --mdc-checkbox-unselected-hover-state-layer-color: black;
  --mdc-checkbox-unselected-pressed-state-layer-color: black;
}
.premium-theme, .egret-blue,
.egret-indigo {
  --mat-checkbox-disabled-label-color: rgba(0, 0, 0, 0.38);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
}
.premium-theme .mat-mdc-checkbox.mat-primary, .egret-blue .mat-mdc-checkbox.mat-primary,
.egret-indigo .mat-mdc-checkbox.mat-primary {
  --mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-selected-checkmark-color: white;
  --mdc-checkbox-selected-focus-icon-color: #ff6700;
  --mdc-checkbox-selected-hover-icon-color: #ff6700;
  --mdc-checkbox-selected-icon-color: #ff6700;
  --mdc-checkbox-selected-pressed-icon-color: #ff6700;
  --mdc-checkbox-unselected-focus-icon-color: #212121;
  --mdc-checkbox-unselected-hover-icon-color: #212121;
  --mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-checkbox-selected-focus-state-layer-color: #ff6700;
  --mdc-checkbox-selected-hover-state-layer-color: #ff6700;
  --mdc-checkbox-selected-pressed-state-layer-color: #ff6700;
  --mdc-checkbox-unselected-focus-state-layer-color: black;
  --mdc-checkbox-unselected-hover-state-layer-color: black;
  --mdc-checkbox-unselected-pressed-state-layer-color: black;
}
.premium-theme .mat-mdc-checkbox.mat-warn, .egret-blue .mat-mdc-checkbox.mat-warn,
.egret-indigo .mat-mdc-checkbox.mat-warn {
  --mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-selected-checkmark-color: white;
  --mdc-checkbox-selected-focus-icon-color: #f44336;
  --mdc-checkbox-selected-hover-icon-color: #f44336;
  --mdc-checkbox-selected-icon-color: #f44336;
  --mdc-checkbox-selected-pressed-icon-color: #f44336;
  --mdc-checkbox-unselected-focus-icon-color: #212121;
  --mdc-checkbox-unselected-hover-icon-color: #212121;
  --mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-checkbox-selected-focus-state-layer-color: #f44336;
  --mdc-checkbox-selected-hover-state-layer-color: #f44336;
  --mdc-checkbox-selected-pressed-state-layer-color: #f44336;
  --mdc-checkbox-unselected-focus-state-layer-color: black;
  --mdc-checkbox-unselected-hover-state-layer-color: black;
  --mdc-checkbox-unselected-pressed-state-layer-color: black;
}
.premium-theme, .egret-blue,
.egret-indigo {
  --mdc-checkbox-state-layer-size: 40px;
}
.premium-theme, .egret-blue,
.egret-indigo {
  --mat-checkbox-touch-target-display: block;
}
.premium-theme, .egret-blue,
.egret-indigo {
  --mat-checkbox-label-text-font: Poppins, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, 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;
}
.premium-theme, .egret-blue,
.egret-indigo {
  --mdc-text-button-container-shape: 4px;
  --mdc-text-button-keep-touch-target: false;
}
.premium-theme, .egret-blue,
.egret-indigo {
  --mdc-filled-button-container-shape: 4px;
  --mdc-filled-button-keep-touch-target: false;
}
.premium-theme, .egret-blue,
.egret-indigo {
  --mdc-protected-button-container-shape: 4px;
  --mdc-protected-button-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);
  --mdc-protected-button-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);
  --mdc-protected-button-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);
  --mdc-protected-button-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);
  --mdc-protected-button-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);
}
.premium-theme, .egret-blue,
.egret-indigo {
  --mdc-outlined-button-keep-touch-target: false;
  --mdc-outlined-button-outline-width: 1px;
  --mdc-outlined-button-container-shape: 4px;
}
.premium-theme, .egret-blue,
.egret-indigo {
  --mat-text-button-horizontal-padding: 8px;
  --mat-text-button-with-icon-horizontal-padding: 8px;
  --mat-text-button-icon-spacing: 8px;
  --mat-text-button-icon-offset: 0;
}
.premium-theme, .egret-blue,
.egret-indigo {
  --mat-filled-button-horizontal-padding: 16px;
  --mat-filled-button-icon-spacing: 8px;
  --mat-filled-button-icon-offset: -4px;
}
.premium-theme, .egret-blue,
.egret-indigo {
  --mat-protected-button-horizontal-padding: 16px;
  --mat-protected-button-icon-spacing: 8px;
  --mat-protected-button-icon-offset: -4px;
}
.premium-theme, .egret-blue,
.egret-indigo {
  --mat-outlined-button-horizontal-padding: 15px;
  --mat-outlined-button-icon-spacing: 8px;
  --mat-outlined-button-icon-offset: -4px;
}
.premium-theme, .egret-blue,
.egret-indigo {
  --mdc-text-button-label-text-color: black;
  --mdc-text-button-disabled-label-text-color: rgba(0, 0, 0, 0.38);
}
.premium-theme, .egret-blue,
.egret-indigo {
  --mat-text-button-state-layer-color: black;
  --mat-text-button-disabled-state-layer-color: black;
  --mat-text-button-ripple-color: rgba(0, 0, 0, 0.1);
  --mat-text-button-hover-state-layer-opacity: 0.04;
  --mat-text-button-focus-state-layer-opacity: 0.12;
  --mat-text-button-pressed-state-layer-opacity: 0.12;
}
.premium-theme, .egret-blue,
.egret-indigo {
  --mdc-filled-button-container-color: white;
  --mdc-filled-button-label-text-color: black;
  --mdc-filled-button-disabled-container-color: rgba(0, 0, 0, 0.12);
  --mdc-filled-button-disabled-label-text-color: rgba(0, 0, 0, 0.38);
}
.premium-theme, .egret-blue,
.egret-indigo {
  --mat-filled-button-state-layer-color: black;
  --mat-filled-button-disabled-state-layer-color: black;
  --mat-filled-button-ripple-color: rgba(0, 0, 0, 0.1);
  --mat-filled-button-hover-state-layer-opacity: 0.04;
  --mat-filled-button-focus-state-layer-opacity: 0.12;
  --mat-filled-button-pressed-state-layer-opacity: 0.12;
}
.premium-theme, .egret-blue,
.egret-indigo {
  --mdc-protected-button-container-color: white;
  --mdc-protected-button-label-text-color: black;
  --mdc-protected-button-disabled-container-color: rgba(0, 0, 0, 0.12);
  --mdc-protected-button-disabled-label-text-color: rgba(0, 0, 0, 0.38);
}
.premium-theme, .egret-blue,
.egret-indigo {
  --mat-protected-button-state-layer-color: black;
  --mat-protected-button-disabled-state-layer-color: black;
  --mat-protected-button-ripple-color: rgba(0, 0, 0, 0.1);
  --mat-protected-button-hover-state-layer-opacity: 0.04;
  --mat-protected-button-focus-state-layer-opacity: 0.12;
  --mat-protected-button-pressed-state-layer-opacity: 0.12;
}
.premium-theme, .egret-blue,
.egret-indigo {
  --mdc-outlined-button-disabled-outline-color: rgba(0, 0, 0, 0.12);
  --mdc-outlined-button-disabled-label-text-color: rgba(0, 0, 0, 0.38);
  --mdc-outlined-button-label-text-color: black;
  --mdc-outlined-button-outline-color: rgba(0, 0, 0, 0.12);
}
.premium-theme, .egret-blue,
.egret-indigo {
  --mat-outlined-button-state-layer-color: black;
  --mat-outlined-button-disabled-state-layer-color: black;
  --mat-outlined-button-ripple-color: rgba(0, 0, 0, 0.1);
  --mat-outlined-button-hover-state-layer-opacity: 0.04;
  --mat-outlined-button-focus-state-layer-opacity: 0.12;
  --mat-outlined-button-pressed-state-layer-opacity: 0.12;
}
.premium-theme .mat-mdc-button.mat-primary, .egret-blue .mat-mdc-button.mat-primary,
.egret-indigo .mat-mdc-button.mat-primary {
  --mdc-text-button-label-text-color: #ff6700;
}
.premium-theme .mat-mdc-button.mat-primary, .egret-blue .mat-mdc-button.mat-primary,
.egret-indigo .mat-mdc-button.mat-primary {
  --mat-text-button-state-layer-color: #ff6700;
  --mat-text-button-ripple-color: rgba(255, 103, 0, 0.1);
}
.premium-theme .mat-mdc-button.mat-accent, .egret-blue .mat-mdc-button.mat-accent,
.egret-indigo .mat-mdc-button.mat-accent {
  --mdc-text-button-label-text-color: #2196f3;
}
.premium-theme .mat-mdc-button.mat-accent, .egret-blue .mat-mdc-button.mat-accent,
.egret-indigo .mat-mdc-button.mat-accent {
  --mat-text-button-state-layer-color: #2196f3;
  --mat-text-button-ripple-color: rgba(33, 150, 243, 0.1);
}
.premium-theme .mat-mdc-button.mat-warn, .egret-blue .mat-mdc-button.mat-warn,
.egret-indigo .mat-mdc-button.mat-warn {
  --mdc-text-button-label-text-color: #f44336;
}
.premium-theme .mat-mdc-button.mat-warn, .egret-blue .mat-mdc-button.mat-warn,
.egret-indigo .mat-mdc-button.mat-warn {
  --mat-text-button-state-layer-color: #f44336;
  --mat-text-button-ripple-color: rgba(244, 67, 54, 0.1);
}
.premium-theme .mat-mdc-unelevated-button.mat-primary, .egret-blue .mat-mdc-unelevated-button.mat-primary,
.egret-indigo .mat-mdc-unelevated-button.mat-primary {
  --mdc-filled-button-container-color: #ff6700;
  --mdc-filled-button-label-text-color: white;
}
.premium-theme .mat-mdc-unelevated-button.mat-primary, .egret-blue .mat-mdc-unelevated-button.mat-primary,
.egret-indigo .mat-mdc-unelevated-button.mat-primary {
  --mat-filled-button-state-layer-color: white;
  --mat-filled-button-ripple-color: rgba(255, 255, 255, 0.1);
}
.premium-theme .mat-mdc-unelevated-button.mat-accent, .egret-blue .mat-mdc-unelevated-button.mat-accent,
.egret-indigo .mat-mdc-unelevated-button.mat-accent {
  --mdc-filled-button-container-color: #2196f3;
  --mdc-filled-button-label-text-color: white;
}
.premium-theme .mat-mdc-unelevated-button.mat-accent, .egret-blue .mat-mdc-unelevated-button.mat-accent,
.egret-indigo .mat-mdc-unelevated-button.mat-accent {
  --mat-filled-button-state-layer-color: white;
  --mat-filled-button-ripple-color: rgba(255, 255, 255, 0.1);
}
.premium-theme .mat-mdc-unelevated-button.mat-warn, .egret-blue .mat-mdc-unelevated-button.mat-warn,
.egret-indigo .mat-mdc-unelevated-button.mat-warn {
  --mdc-filled-button-container-color: #f44336;
  --mdc-filled-button-label-text-color: white;
}
.premium-theme .mat-mdc-unelevated-button.mat-warn, .egret-blue .mat-mdc-unelevated-button.mat-warn,
.egret-indigo .mat-mdc-unelevated-button.mat-warn {
  --mat-filled-button-state-layer-color: white;
  --mat-filled-button-ripple-color: rgba(255, 255, 255, 0.1);
}
.premium-theme .mat-mdc-raised-button.mat-primary, .egret-blue .mat-mdc-raised-button.mat-primary,
.egret-indigo .mat-mdc-raised-button.mat-primary {
  --mdc-protected-button-container-color: #ff6700;
  --mdc-protected-button-label-text-color: white;
}
.premium-theme .mat-mdc-raised-button.mat-primary, .egret-blue .mat-mdc-raised-button.mat-primary,
.egret-indigo .mat-mdc-raised-button.mat-primary {
  --mat-protected-button-state-layer-color: white;
  --mat-protected-button-ripple-color: rgba(255, 255, 255, 0.1);
}
.premium-theme .mat-mdc-raised-button.mat-accent, .egret-blue .mat-mdc-raised-button.mat-accent,
.egret-indigo .mat-mdc-raised-button.mat-accent {
  --mdc-protected-button-container-color: #2196f3;
  --mdc-protected-button-label-text-color: white;
}
.premium-theme .mat-mdc-raised-button.mat-accent, .egret-blue .mat-mdc-raised-button.mat-accent,
.egret-indigo .mat-mdc-raised-button.mat-accent {
  --mat-protected-button-state-layer-color: white;
  --mat-protected-button-ripple-color: rgba(255, 255, 255, 0.1);
}
.premium-theme .mat-mdc-raised-button.mat-warn, .egret-blue .mat-mdc-raised-button.mat-warn,
.egret-indigo .mat-mdc-raised-button.mat-warn {
  --mdc-protected-button-container-color: #f44336;
  --mdc-protected-button-label-text-color: white;
}
.premium-theme .mat-mdc-raised-button.mat-warn, .egret-blue .mat-mdc-raised-button.mat-warn,
.egret-indigo .mat-mdc-raised-button.mat-warn {
  --mat-protected-button-state-layer-color: white;
  --mat-protected-button-ripple-color: rgba(255, 255, 255, 0.1);
}
.premium-theme .mat-mdc-outlined-button.mat-primary, .egret-blue .mat-mdc-outlined-button.mat-primary,
.egret-indigo .mat-mdc-outlined-button.mat-primary {
  --mdc-outlined-button-label-text-color: #ff6700;
  --mdc-outlined-button-outline-color: rgba(0, 0, 0, 0.12);
}
.premium-theme .mat-mdc-outlined-button.mat-primary, .egret-blue .mat-mdc-outlined-button.mat-primary,
.egret-indigo .mat-mdc-outlined-button.mat-primary {
  --mat-outlined-button-state-layer-color: #ff6700;
  --mat-outlined-button-ripple-color: rgba(255, 103, 0, 0.1);
}
.premium-theme .mat-mdc-outlined-button.mat-accent, .egret-blue .mat-mdc-outlined-button.mat-accent,
.egret-indigo .mat-mdc-outlined-button.mat-accent {
  --mdc-outlined-button-label-text-color: #2196f3;
  --mdc-outlined-button-outline-color: rgba(0, 0, 0, 0.12);
}
.premium-theme .mat-mdc-outlined-button.mat-accent, .egret-blue .mat-mdc-outlined-button.mat-accent,
.egret-indigo .mat-mdc-outlined-button.mat-accent {
  --mat-outlined-button-state-layer-color: #2196f3;
  --mat-outlined-button-ripple-color: rgba(33, 150, 243, 0.1);
}
.premium-theme .mat-mdc-outlined-button.mat-warn, .egret-blue .mat-mdc-outlined-button.mat-warn,
.egret-indigo .mat-mdc-outlined-button.mat-warn {
  --mdc-outlined-button-label-text-color: #f44336;
  --mdc-outlined-button-outline-color: rgba(0, 0, 0, 0.12);
}
.premium-theme .mat-mdc-outlined-button.mat-warn, .egret-blue .mat-mdc-outlined-button.mat-warn,
.egret-indigo .mat-mdc-outlined-button.mat-warn {
  --mat-outlined-button-state-layer-color: #f44336;
  --mat-outlined-button-ripple-color: rgba(244, 67, 54, 0.1);
}
.premium-theme, .egret-blue,
.egret-indigo {
  --mdc-text-button-container-height: 36px;
}
.premium-theme, .egret-blue,
.egret-indigo {
  --mdc-filled-button-container-height: 36px;
}
.premium-theme, .egret-blue,
.egret-indigo {
  --mdc-protected-button-container-height: 36px;
}
.premium-theme, .egret-blue,
.egret-indigo {
  --mdc-outlined-button-container-height: 36px;
}
.premium-theme, .egret-blue,
.egret-indigo {
  --mat-text-button-touch-target-display: block;
}
.premium-theme, .egret-blue,
.egret-indigo {
  --mat-filled-button-touch-target-display: block;
}
.premium-theme, .egret-blue,
.egret-indigo {
  --mat-protected-button-touch-target-display: block;
}
.premium-theme, .egret-blue,
.egret-indigo {
  --mat-outlined-button-touch-target-display: block;
}
.premium-theme, .egret-blue,
.egret-indigo {
  --mdc-text-button-label-text-font: Poppins, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --mdc-text-button-label-text-size: 14px;
  --mdc-text-button-label-text-tracking: 0.0892857143em;
  --mdc-text-button-label-text-weight: 500;
  --mdc-text-button-label-text-transform: none;
}
.premium-theme, .egret-blue,
.egret-indigo {
  --mdc-filled-button-label-text-font: Poppins, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --mdc-filled-button-label-text-size: 14px;
  --mdc-filled-button-label-text-tracking: 0.0892857143em;
  --mdc-filled-button-label-text-weight: 500;
  --mdc-filled-button-label-text-transform: none;
}
.premium-theme, .egret-blue,
.egret-indigo {
  --mdc-protected-button-label-text-font: Poppins, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --mdc-protected-button-label-text-size: 14px;
  --mdc-protected-button-label-text-tracking: 0.0892857143em;
  --mdc-protected-button-label-text-weight: 500;
  --mdc-protected-button-label-text-transform: none;
}
.premium-theme, .egret-blue,
.egret-indigo {
  --mdc-outlined-button-label-text-font: Poppins, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --mdc-outlined-button-label-text-size: 14px;
  --mdc-outlined-button-label-text-tracking: 0.0892857143em;
  --mdc-outlined-button-label-text-weight: 500;
  --mdc-outlined-button-label-text-transform: none;
}
.premium-theme, .egret-blue,
.egret-indigo {
  --mdc-icon-button-icon-size: 24px;
}
.premium-theme, .egret-blue,
.egret-indigo {
  --mdc-icon-button-icon-color: inherit;
  --mdc-icon-button-disabled-icon-color: rgba(0, 0, 0, 0.38);
}
.premium-theme, .egret-blue,
.egret-indigo {
  --mat-icon-button-state-layer-color: black;
  --mat-icon-button-disabled-state-layer-color: black;
  --mat-icon-button-ripple-color: rgba(0, 0, 0, 0.1);
  --mat-icon-button-hover-state-layer-opacity: 0.04;
  --mat-icon-button-focus-state-layer-opacity: 0.12;
  --mat-icon-button-pressed-state-layer-opacity: 0.12;
}
.premium-theme .mat-mdc-icon-button.mat-primary, .egret-blue .mat-mdc-icon-button.mat-primary,
.egret-indigo .mat-mdc-icon-button.mat-primary {
  --mdc-icon-button-icon-color: #ff6700;
}
.premium-theme .mat-mdc-icon-button.mat-primary, .egret-blue .mat-mdc-icon-button.mat-primary,
.egret-indigo .mat-mdc-icon-button.mat-primary {
  --mat-icon-button-state-layer-color: #ff6700;
  --mat-icon-button-ripple-color: rgba(255, 103, 0, 0.1);
}
.premium-theme .mat-mdc-icon-button.mat-accent, .egret-blue .mat-mdc-icon-button.mat-accent,
.egret-indigo .mat-mdc-icon-button.mat-accent {
  --mdc-icon-button-icon-color: #2196f3;
}
.premium-theme .mat-mdc-icon-button.mat-accent, .egret-blue .mat-mdc-icon-button.mat-accent,
.egret-indigo .mat-mdc-icon-button.mat-accent {
  --mat-icon-button-state-layer-color: #2196f3;
  --mat-icon-button-ripple-color: rgba(33, 150, 243, 0.1);
}
.premium-theme .mat-mdc-icon-button.mat-warn, .egret-blue .mat-mdc-icon-button.mat-warn,
.egret-indigo .mat-mdc-icon-button.mat-warn {
  --mdc-icon-button-icon-color: #f44336;
}
.premium-theme .mat-mdc-icon-button.mat-warn, .egret-blue .mat-mdc-icon-button.mat-warn,
.egret-indigo .mat-mdc-icon-button.mat-warn {
  --mat-icon-button-state-layer-color: #f44336;
  --mat-icon-button-ripple-color: rgba(244, 67, 54, 0.1);
}
.premium-theme, .egret-blue,
.egret-indigo {
  --mat-icon-button-touch-target-display: block;
}
.premium-theme .mat-mdc-icon-button.mat-mdc-button-base, .egret-blue .mat-mdc-icon-button.mat-mdc-button-base,
.egret-indigo .mat-mdc-icon-button.mat-mdc-button-base {
  --mdc-icon-button-state-layer-size: 48px;
  width: var(--mdc-icon-button-state-layer-size);
  height: var(--mdc-icon-button-state-layer-size);
  padding: 12px;
}
.premium-theme, .egret-blue,
.egret-indigo {
  --mdc-fab-container-shape: 50%;
  --mdc-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);
  --mdc-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);
  --mdc-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);
  --mdc-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);
}
.premium-theme, .egret-blue,
.egret-indigo {
  --mdc-fab-small-container-shape: 50%;
  --mdc-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);
  --mdc-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);
  --mdc-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);
  --mdc-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);
}
.premium-theme, .egret-blue,
.egret-indigo {
  --mdc-extended-fab-container-height: 48px;
  --mdc-extended-fab-container-shape: 24px;
  --mdc-extended-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);
  --mdc-extended-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);
  --mdc-extended-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);
  --mdc-extended-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);
}
.premium-theme, .egret-blue,
.egret-indigo {
  --mdc-fab-container-color: white;
}
.premium-theme, .egret-blue,
.egret-indigo {
  --mat-fab-foreground-color: black;
  --mat-fab-state-layer-color: black;
  --mat-fab-disabled-state-layer-color: black;
  --mat-fab-ripple-color: rgba(0, 0, 0, 0.1);
  --mat-fab-hover-state-layer-opacity: 0.04;
  --mat-fab-focus-state-layer-opacity: 0.12;
  --mat-fab-pressed-state-layer-opacity: 0.12;
  --mat-fab-disabled-state-container-color: rgba(0, 0, 0, 0.12);
  --mat-fab-disabled-state-foreground-color: rgba(0, 0, 0, 0.38);
}
.premium-theme, .egret-blue,
.egret-indigo {
  --mdc-fab-small-container-color: white;
}
.premium-theme, .egret-blue,
.egret-indigo {
  --mat-fab-small-foreground-color: black;
  --mat-fab-small-state-layer-color: black;
  --mat-fab-small-disabled-state-layer-color: black;
  --mat-fab-small-ripple-color: rgba(0, 0, 0, 0.1);
  --mat-fab-small-hover-state-layer-opacity: 0.04;
  --mat-fab-small-focus-state-layer-opacity: 0.12;
  --mat-fab-small-pressed-state-layer-opacity: 0.12;
  --mat-fab-small-disabled-state-container-color: rgba(0, 0, 0, 0.12);
  --mat-fab-small-disabled-state-foreground-color: rgba(0, 0, 0, 0.38);
}
.premium-theme .mat-mdc-fab.mat-primary, .egret-blue .mat-mdc-fab.mat-primary,
.egret-indigo .mat-mdc-fab.mat-primary {
  --mdc-fab-container-color: #ff6700;
}
.premium-theme .mat-mdc-fab.mat-primary, .egret-blue .mat-mdc-fab.mat-primary,
.egret-indigo .mat-mdc-fab.mat-primary {
  --mat-fab-foreground-color: white;
  --mat-fab-state-layer-color: white;
  --mat-fab-ripple-color: rgba(255, 255, 255, 0.1);
}
.premium-theme .mat-mdc-fab.mat-accent, .egret-blue .mat-mdc-fab.mat-accent,
.egret-indigo .mat-mdc-fab.mat-accent {
  --mdc-fab-container-color: #2196f3;
}
.premium-theme .mat-mdc-fab.mat-accent, .egret-blue .mat-mdc-fab.mat-accent,
.egret-indigo .mat-mdc-fab.mat-accent {
  --mat-fab-foreground-color: white;
  --mat-fab-state-layer-color: white;
  --mat-fab-ripple-color: rgba(255, 255, 255, 0.1);
}
.premium-theme .mat-mdc-fab.mat-warn, .egret-blue .mat-mdc-fab.mat-warn,
.egret-indigo .mat-mdc-fab.mat-warn {
  --mdc-fab-container-color: #f44336;
}
.premium-theme .mat-mdc-fab.mat-warn, .egret-blue .mat-mdc-fab.mat-warn,
.egret-indigo .mat-mdc-fab.mat-warn {
  --mat-fab-foreground-color: white;
  --mat-fab-state-layer-color: white;
  --mat-fab-ripple-color: rgba(255, 255, 255, 0.1);
}
.premium-theme .mat-mdc-mini-fab.mat-primary, .egret-blue .mat-mdc-mini-fab.mat-primary,
.egret-indigo .mat-mdc-mini-fab.mat-primary {
  --mdc-fab-small-container-color: #ff6700;
}
.premium-theme .mat-mdc-mini-fab.mat-primary, .egret-blue .mat-mdc-mini-fab.mat-primary,
.egret-indigo .mat-mdc-mini-fab.mat-primary {
  --mat-fab-small-foreground-color: white;
  --mat-fab-small-state-layer-color: white;
  --mat-fab-small-ripple-color: rgba(255, 255, 255, 0.1);
}
.premium-theme .mat-mdc-mini-fab.mat-accent, .egret-blue .mat-mdc-mini-fab.mat-accent,
.egret-indigo .mat-mdc-mini-fab.mat-accent {
  --mdc-fab-small-container-color: #2196f3;
}
.premium-theme .mat-mdc-mini-fab.mat-accent, .egret-blue .mat-mdc-mini-fab.mat-accent,
.egret-indigo .mat-mdc-mini-fab.mat-accent {
  --mat-fab-small-foreground-color: white;
  --mat-fab-small-state-layer-color: white;
  --mat-fab-small-ripple-color: rgba(255, 255, 255, 0.1);
}
.premium-theme .mat-mdc-mini-fab.mat-warn, .egret-blue .mat-mdc-mini-fab.mat-warn,
.egret-indigo .mat-mdc-mini-fab.mat-warn {
  --mdc-fab-small-container-color: #f44336;
}
.premium-theme .mat-mdc-mini-fab.mat-warn, .egret-blue .mat-mdc-mini-fab.mat-warn,
.egret-indigo .mat-mdc-mini-fab.mat-warn {
  --mat-fab-small-foreground-color: white;
  --mat-fab-small-state-layer-color: white;
  --mat-fab-small-ripple-color: rgba(255, 255, 255, 0.1);
}
.premium-theme, .egret-blue,
.egret-indigo {
  --mat-fab-touch-target-display: block;
}
.premium-theme, .egret-blue,
.egret-indigo {
  --mat-fab-small-touch-target-display: block;
}
.premium-theme, .egret-blue,
.egret-indigo {
  --mdc-extended-fab-label-text-font: Poppins, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --mdc-extended-fab-label-text-size: 14px;
  --mdc-extended-fab-label-text-tracking: 0.0892857143em;
  --mdc-extended-fab-label-text-weight: 500;
}
.premium-theme, .egret-blue,
.egret-indigo {
  --mdc-snackbar-container-shape: 4px;
}
.premium-theme, .egret-blue,
.egret-indigo {
  --mdc-snackbar-container-color: #333333;
  --mdc-snackbar-supporting-text-color: rgba(255, 255, 255, 0.87);
}
.premium-theme, .egret-blue,
.egret-indigo {
  --mat-snack-bar-button-color: #ffe0b2;
}
.premium-theme, .egret-blue,
.egret-indigo {
  --mdc-snackbar-supporting-text-font: Poppins, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --mdc-snackbar-supporting-text-line-height: 20px;
  --mdc-snackbar-supporting-text-size: 14px;
  --mdc-snackbar-supporting-text-weight: 400;
}
.premium-theme, .egret-blue,
.egret-indigo {
  --mat-table-row-item-outline-width: 1px;
}
.premium-theme, .egret-blue,
.egret-indigo {
  --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);
}
.premium-theme, .egret-blue,
.egret-indigo {
  --mat-table-header-container-height: 56px;
  --mat-table-footer-container-height: 52px;
  --mat-table-row-item-container-height: 52px;
}
.premium-theme, .egret-blue,
.egret-indigo {
  --mat-table-header-headline-font: Poppins, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, 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: Poppins, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, 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: Poppins, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, 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;
}
.premium-theme, .egret-blue,
.egret-indigo {
  --mdc-circular-progress-active-indicator-width: 4px;
  --mdc-circular-progress-size: 48px;
}
.premium-theme, .egret-blue,
.egret-indigo {
  --mdc-circular-progress-active-indicator-color: #ff6700;
}
.premium-theme .mat-accent, .egret-blue .mat-accent,
.egret-indigo .mat-accent {
  --mdc-circular-progress-active-indicator-color: #2196f3;
}
.premium-theme .mat-warn, .egret-blue .mat-warn,
.egret-indigo .mat-warn {
  --mdc-circular-progress-active-indicator-color: #f44336;
}
.premium-theme, .egret-blue,
.egret-indigo {
  --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;
}
.premium-theme, .egret-blue,
.egret-indigo {
  --mat-badge-background-color: #ff6700;
  --mat-badge-text-color: white;
  --mat-badge-disabled-state-background-color: #b9b9b9;
  --mat-badge-disabled-state-text-color: rgba(0, 0, 0, 0.38);
}
.premium-theme .mat-badge-accent, .egret-blue .mat-badge-accent,
.egret-indigo .mat-badge-accent {
  --mat-badge-background-color: #2196f3;
  --mat-badge-text-color: white;
}
.premium-theme .mat-badge-warn, .egret-blue .mat-badge-warn,
.egret-indigo .mat-badge-warn {
  --mat-badge-background-color: #f44336;
  --mat-badge-text-color: white;
}
.premium-theme, .egret-blue,
.egret-indigo {
  --mat-badge-text-font: Poppins, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, 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;
}
.premium-theme, .egret-blue,
.egret-indigo {
  --mat-bottom-sheet-container-shape: 4px;
}
.premium-theme, .egret-blue,
.egret-indigo {
  --mat-bottom-sheet-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-bottom-sheet-container-background-color: white;
}
.premium-theme, .egret-blue,
.egret-indigo {
  --mat-bottom-sheet-container-text-font: Poppins, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, 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;
}
.premium-theme, .egret-blue,
.egret-indigo {
  --mat-legacy-button-toggle-height: 36px;
  --mat-legacy-button-toggle-shape: 2px;
  --mat-legacy-button-toggle-focus-state-layer-opacity: 1;
}
.premium-theme, .egret-blue,
.egret-indigo {
  --mat-standard-button-toggle-shape: 4px;
  --mat-standard-button-toggle-hover-state-layer-opacity: 0.04;
  --mat-standard-button-toggle-focus-state-layer-opacity: 0.12;
}
.premium-theme, .egret-blue,
.egret-indigo {
  --mat-legacy-button-toggle-text-color: rgba(0, 0, 0, 0.38);
  --mat-legacy-button-toggle-state-layer-color: rgba(0, 0, 0, 0.12);
  --mat-legacy-button-toggle-selected-state-text-color: rgba(0, 0, 0, 0.54);
  --mat-legacy-button-toggle-selected-state-background-color: #e0e0e0;
  --mat-legacy-button-toggle-disabled-state-text-color: rgba(0, 0, 0, 0.26);
  --mat-legacy-button-toggle-disabled-state-background-color: #eeeeee;
  --mat-legacy-button-toggle-disabled-selected-state-background-color: #bdbdbd;
}
.premium-theme, .egret-blue,
.egret-indigo {
  --mat-standard-button-toggle-text-color: rgba(0, 0, 0, 0.87);
  --mat-standard-button-toggle-background-color: white;
  --mat-standard-button-toggle-state-layer-color: black;
  --mat-standard-button-toggle-selected-state-background-color: #e0e0e0;
  --mat-standard-button-toggle-selected-state-text-color: rgba(0, 0, 0, 0.87);
  --mat-standard-button-toggle-disabled-state-text-color: rgba(0, 0, 0, 0.26);
  --mat-standard-button-toggle-disabled-state-background-color: white;
  --mat-standard-button-toggle-disabled-selected-state-text-color: rgba(0, 0, 0, 0.87);
  --mat-standard-button-toggle-disabled-selected-state-background-color: #bdbdbd;
  --mat-standard-button-toggle-divider-color: #e0e0e0;
}
.premium-theme, .egret-blue,
.egret-indigo {
  --mat-standard-button-toggle-height: 48px;
}
.premium-theme, .egret-blue,
.egret-indigo {
  --mat-legacy-button-toggle-label-text-font: Poppins, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --mat-legacy-button-toggle-label-text-line-height: 24px;
  --mat-legacy-button-toggle-label-text-size: 16px;
  --mat-legacy-button-toggle-label-text-tracking: 0.03125em;
  --mat-legacy-button-toggle-label-text-weight: 400;
}
.premium-theme, .egret-blue,
.egret-indigo {
  --mat-standard-button-toggle-label-text-font: Poppins, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --mat-standard-button-toggle-label-text-line-height: 24px;
  --mat-standard-button-toggle-label-text-size: 16px;
  --mat-standard-button-toggle-label-text-tracking: 0.03125em;
  --mat-standard-button-toggle-label-text-weight: 400;
}
.premium-theme, .egret-blue,
.egret-indigo {
  --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);
}
.premium-theme, .egret-blue,
.egret-indigo {
  --mat-datepicker-calendar-date-selected-state-text-color: white;
  --mat-datepicker-calendar-date-selected-state-background-color: #ff6700;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: rgba(255, 103, 0, 0.4);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: white;
  --mat-datepicker-calendar-date-focus-state-background-color: rgba(255, 103, 0, 0.3);
  --mat-datepicker-calendar-date-hover-state-background-color: rgba(255, 103, 0, 0.3);
  --mat-datepicker-toggle-active-state-icon-color: #ff6700;
  --mat-datepicker-calendar-date-in-range-state-background-color: rgba(255, 103, 0, 0.2);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: rgba(249, 171, 0, 0.2);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: #46a35e;
  --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: black;
  --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.38);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: rgba(0, 0, 0, 0.18);
  --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: rgba(0, 0, 0, 0.38);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.24);
  --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-range-input-disabled-state-separator-color: rgba(0, 0, 0, 0.38);
  --mat-datepicker-range-input-disabled-state-text-color: rgba(0, 0, 0, 0.38);
  --mat-datepicker-calendar-container-background-color: white;
  --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87);
}
.premium-theme .mat-datepicker-content.mat-accent, .egret-blue .mat-datepicker-content.mat-accent,
.egret-indigo .mat-datepicker-content.mat-accent {
  --mat-datepicker-calendar-date-selected-state-text-color: white;
  --mat-datepicker-calendar-date-selected-state-background-color: #2196f3;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: rgba(33, 150, 243, 0.4);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: white;
  --mat-datepicker-calendar-date-focus-state-background-color: rgba(33, 150, 243, 0.3);
  --mat-datepicker-calendar-date-hover-state-background-color: rgba(33, 150, 243, 0.3);
  --mat-datepicker-calendar-date-in-range-state-background-color: rgba(33, 150, 243, 0.2);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: rgba(249, 171, 0, 0.2);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: #46a35e;
}
.premium-theme .mat-datepicker-content.mat-warn, .egret-blue .mat-datepicker-content.mat-warn,
.egret-indigo .mat-datepicker-content.mat-warn {
  --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: rgba(244, 67, 54, 0.4);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: white;
  --mat-datepicker-calendar-date-focus-state-background-color: rgba(244, 67, 54, 0.3);
  --mat-datepicker-calendar-date-hover-state-background-color: rgba(244, 67, 54, 0.3);
  --mat-datepicker-calendar-date-in-range-state-background-color: rgba(244, 67, 54, 0.2);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: rgba(249, 171, 0, 0.2);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: #46a35e;
}
.premium-theme .mat-datepicker-toggle-active.mat-accent, .egret-blue .mat-datepicker-toggle-active.mat-accent,
.egret-indigo .mat-datepicker-toggle-active.mat-accent {
  --mat-datepicker-toggle-active-state-icon-color: #2196f3;
}
.premium-theme .mat-datepicker-toggle-active.mat-warn, .egret-blue .mat-datepicker-toggle-active.mat-warn,
.egret-indigo .mat-datepicker-toggle-active.mat-warn {
  --mat-datepicker-toggle-active-state-icon-color: #f44336;
}
.premium-theme .mat-calendar-controls, .egret-blue .mat-calendar-controls,
.egret-indigo .mat-calendar-controls {
  --mat-icon-button-touch-target-display: none;
}
.premium-theme .mat-calendar-controls .mat-mdc-icon-button.mat-mdc-button-base, .egret-blue .mat-calendar-controls .mat-mdc-icon-button.mat-mdc-button-base,
.egret-indigo .mat-calendar-controls .mat-mdc-icon-button.mat-mdc-button-base {
  --mdc-icon-button-state-layer-size: 40px;
  width: var(--mdc-icon-button-state-layer-size);
  height: var(--mdc-icon-button-state-layer-size);
  padding: 8px;
}
.premium-theme, .egret-blue,
.egret-indigo {
  --mat-datepicker-calendar-text-font: Poppins, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, 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;
}
.premium-theme, .egret-blue,
.egret-indigo {
  --mat-divider-width: 1px;
}
.premium-theme, .egret-blue,
.egret-indigo {
  --mat-divider-color: rgba(0, 0, 0, 0.12);
}
.premium-theme, .egret-blue,
.egret-indigo {
  --mat-expansion-container-shape: 4px;
  --mat-expansion-legacy-header-indicator-display: inline-block;
  --mat-expansion-header-indicator-display: none;
}
.premium-theme, .egret-blue,
.egret-indigo {
  --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: rgba(0, 0, 0, 0.04);
  --mat-expansion-header-focus-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-expansion-header-disabled-state-text-color: rgba(0, 0, 0, 0.26);
  --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);
}
.premium-theme, .egret-blue,
.egret-indigo {
  --mat-expansion-header-collapsed-state-height: 48px;
  --mat-expansion-header-expanded-state-height: 64px;
}
.premium-theme, .egret-blue,
.egret-indigo {
  --mat-expansion-header-text-font: Poppins, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, 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: Poppins, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, 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;
}
.premium-theme, .egret-blue,
.egret-indigo {
  --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;
}
.premium-theme, .egret-blue,
.egret-indigo {
  --mat-icon-color: inherit;
}
.premium-theme .mat-icon.mat-primary, .egret-blue .mat-icon.mat-primary,
.egret-indigo .mat-icon.mat-primary {
  --mat-icon-color: #ff6700;
}
.premium-theme .mat-icon.mat-accent, .egret-blue .mat-icon.mat-accent,
.egret-indigo .mat-icon.mat-accent {
  --mat-icon-color: #2196f3;
}
.premium-theme .mat-icon.mat-warn, .egret-blue .mat-icon.mat-warn,
.egret-indigo .mat-icon.mat-warn {
  --mat-icon-color: #f44336;
}
.premium-theme, .egret-blue,
.egret-indigo {
  --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;
}
.premium-theme, .egret-blue,
.egret-indigo {
  --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);
}
.premium-theme, .egret-blue,
.egret-indigo {
  --mat-stepper-header-icon-foreground-color: white;
  --mat-stepper-header-selected-state-icon-background-color: #ff6700;
  --mat-stepper-header-selected-state-icon-foreground-color: white;
  --mat-stepper-header-done-state-icon-background-color: #ff6700;
  --mat-stepper-header-done-state-icon-foreground-color: white;
  --mat-stepper-header-edit-state-icon-background-color: #ff6700;
  --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: rgba(0, 0, 0, 0.04);
  --mat-stepper-header-focus-state-layer-color: rgba(0, 0, 0, 0.04);
  --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;
}
.premium-theme .mat-step-header.mat-accent, .egret-blue .mat-step-header.mat-accent,
.egret-indigo .mat-step-header.mat-accent {
  --mat-stepper-header-icon-foreground-color: white;
  --mat-stepper-header-selected-state-icon-background-color: #2196f3;
  --mat-stepper-header-selected-state-icon-foreground-color: white;
  --mat-stepper-header-done-state-icon-background-color: #2196f3;
  --mat-stepper-header-done-state-icon-foreground-color: white;
  --mat-stepper-header-edit-state-icon-background-color: #2196f3;
  --mat-stepper-header-edit-state-icon-foreground-color: white;
}
.premium-theme .mat-step-header.mat-warn, .egret-blue .mat-step-header.mat-warn,
.egret-indigo .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;
}
.premium-theme, .egret-blue,
.egret-indigo {
  --mat-stepper-header-height: 72px;
}
.premium-theme, .egret-blue,
.egret-indigo {
  --mat-stepper-container-text-font: Poppins, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --mat-stepper-header-label-text-font: Poppins, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, 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;
}
.premium-theme, .egret-blue,
.egret-indigo {
  --mat-sort-arrow-color: #757575;
}
.premium-theme, .egret-blue,
.egret-indigo {
  --mat-toolbar-container-background-color: whitesmoke;
  --mat-toolbar-container-text-color: rgba(0, 0, 0, 0.87);
}
.premium-theme .mat-toolbar.mat-primary, .egret-blue .mat-toolbar.mat-primary,
.egret-indigo .mat-toolbar.mat-primary {
  --mat-toolbar-container-background-color: #ff6700;
  --mat-toolbar-container-text-color: white;
}
.premium-theme .mat-toolbar.mat-accent, .egret-blue .mat-toolbar.mat-accent,
.egret-indigo .mat-toolbar.mat-accent {
  --mat-toolbar-container-background-color: #2196f3;
  --mat-toolbar-container-text-color: white;
}
.premium-theme .mat-toolbar.mat-warn, .egret-blue .mat-toolbar.mat-warn,
.egret-indigo .mat-toolbar.mat-warn {
  --mat-toolbar-container-background-color: #f44336;
  --mat-toolbar-container-text-color: white;
}
.premium-theme, .egret-blue,
.egret-indigo {
  --mat-toolbar-standard-height: 64px;
  --mat-toolbar-mobile-height: 56px;
}
.premium-theme, .egret-blue,
.egret-indigo {
  --mat-toolbar-title-text-font: Poppins, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, 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;
}
.premium-theme, .egret-blue,
.egret-indigo {
  --mat-tree-container-background-color: white;
  --mat-tree-node-text-color: rgba(0, 0, 0, 0.87);
}
.premium-theme, .egret-blue,
.egret-indigo {
  --mat-tree-node-min-height: 48px;
}
.premium-theme, .egret-blue,
.egret-indigo {
  --mat-tree-node-text-font: Poppins, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --mat-tree-node-text-size: 14px;
  --mat-tree-node-text-weight: 400;
}
.premium-theme, .egret-blue,
.egret-indigo {
  --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);
}
.premium-theme, .egret-blue,
.egret-indigo {
  --mat-timepicker-container-background-color: white;
}
.premium-theme .mat-mdc-icon-button.mat-mdc-button-base, .egret-blue .mat-mdc-icon-button.mat-mdc-button-base,
.egret-indigo .mat-mdc-icon-button.mat-mdc-button-base {
  padding: 0;
}
.premium-theme .topbar, .egret-blue .topbar,
.egret-indigo .topbar {
  background: linear-gradient(to right, #ff6700 0%, #ff6700 50%, #d25500 100%) !important;
  backdrop-filter: blur(20px) saturate(180%);
  -webkit-backdrop-filter: blur(20px) saturate(180%);
  box-shadow: 0 2px 12px rgba(255, 103, 0, 0.3), 0 1px 3px rgba(0, 0, 0, 0.1);
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  color: #ffffff !important;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
.premium-theme .topbar::after, .egret-blue .topbar::after,
.egret-indigo .topbar::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 1px;
  background: linear-gradient(90deg, transparent 0%, rgba(255, 255, 255, 0.3) 50%, transparent 100%);
}
.premium-theme .sidebar-panel, .egret-blue .sidebar-panel,
.egret-indigo .sidebar-panel {
  background: rgba(255, 255, 255, 0.85);
  backdrop-filter: blur(20px) saturate(180%);
  -webkit-backdrop-filter: blur(20px) saturate(180%);
  box-shadow: 2px 0 20px rgba(0, 0, 0, 0.05);
  border-right: 1px solid rgba(0, 0, 0, 0.06);
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
.premium-theme .mat-card, .egret-blue .mat-card,
.premium-theme .mat-mdc-card,
.egret-blue .mat-mdc-card,
.egret-indigo .mat-card,
.egret-indigo .mat-mdc-card {
  background: rgba(255, 255, 255, 0.95);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: 1px solid rgba(0, 0, 0, 0.08);
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
  border-radius: 16px;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
.premium-theme .mat-card:hover, .egret-blue .mat-card:hover,
.premium-theme .mat-mdc-card:hover,
.egret-blue .mat-mdc-card:hover,
.egret-indigo .mat-card:hover,
.egret-indigo .mat-mdc-card:hover {
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1);
  transform: translateY(-2px);
  border-color: rgba(30, 136, 229, 0.2);
}
.premium-theme .mat-mdc-dialog-container, .egret-blue .mat-mdc-dialog-container,
.premium-theme .mat-dialog-container,
.egret-blue .mat-dialog-container,
.egret-indigo .mat-mdc-dialog-container,
.egret-indigo .mat-dialog-container {
  background: rgba(255, 255, 255, 0.95);
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
  border: 1px solid rgba(0, 0, 0, 0.08);
  border-radius: 20px;
  box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
}
.premium-theme .mat-mdc-menu-panel, .egret-blue .mat-mdc-menu-panel,
.premium-theme .mat-menu-panel,
.egret-blue .mat-menu-panel,
.egret-indigo .mat-mdc-menu-panel,
.egret-indigo .mat-menu-panel {
  background: rgba(255, 255, 255, 0.95);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: 1px solid rgba(0, 0, 0, 0.08);
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1);
  border-radius: 12px;
}
.premium-theme .mat-bg-primary, .egret-blue .mat-bg-primary,
.premium-theme .chats-wrap .conversations-hold .single-conversation.me .conversation-msg,
.egret-blue .chats-wrap .conversations-hold .single-conversation.me .conversation-msg,
.premium-theme .ngx-datatable .datatable-footer .datatable-pager .pager .pages.active a,
.egret-blue .ngx-datatable .datatable-footer .datatable-pager .pager .pages.active a,
.premium-theme .fileupload-drop-zone.dz-file-over,
.egret-blue .fileupload-drop-zone.dz-file-over,
.premium-theme .toolbar-avatar.online > .status-dot,
.egret-blue .toolbar-avatar.online > .status-dot,
.premium-theme .cal-open-day-events,
.egret-blue .cal-open-day-events,
.premium-theme div.hopscotch-bubble,
.egret-blue div.hopscotch-bubble,
.egret-indigo .mat-bg-primary,
.egret-indigo .chats-wrap .conversations-hold .single-conversation.me .conversation-msg,
.egret-indigo .ngx-datatable .datatable-footer .datatable-pager .pager .pages.active a,
.egret-indigo .fileupload-drop-zone.dz-file-over,
.egret-indigo .toolbar-avatar.online > .status-dot,
.egret-indigo .cal-open-day-events,
.egret-indigo div.hopscotch-bubble {
  background: #ff6700 !important;
  color: #ffffff !important;
}
.premium-theme .mat-color-primary, .egret-blue .mat-color-primary,
.premium-theme .list-item-active,
.egret-blue .list-item-active,
.egret-indigo .mat-color-primary,
.egret-indigo .list-item-active {
  color: #ff6700 !important;
}
.premium-theme .topnav ul.menu > li > div.open > a, .egret-blue .topnav ul.menu > li > div.open > a,
.premium-theme .topnav ul.menu > li > div.open > div,
.egret-blue .topnav ul.menu > li > div.open > div,
.premium-theme .sidebar-panel .sidebar-list-item.open > .mat-list-item-content > .sub-menu,
.egret-blue .sidebar-panel .sidebar-list-item.open > .mat-list-item-content > .sub-menu,
.premium-theme .sidenav-hold .sidenav li.open a .mat-icon:not(.menu-caret),
.egret-blue .sidenav-hold .sidenav li.open a .mat-icon:not(.menu-caret),
.premium-theme .list-item-active,
.egret-blue .list-item-active,
.egret-indigo .topnav ul.menu > li > div.open > a,
.egret-indigo .topnav ul.menu > li > div.open > div,
.egret-indigo .sidebar-panel .sidebar-list-item.open > .mat-list-item-content > .sub-menu,
.egret-indigo .sidenav-hold .sidenav li.open a .mat-icon:not(.menu-caret),
.egret-indigo .list-item-active {
  border-color: #ff6700 !important;
}
.premium-theme .sidebar-panel, .egret-blue .sidebar-panel,
.premium-theme .sidenav-hold,
.egret-blue .sidenav-hold,
.egret-indigo .sidebar-panel,
.egret-indigo .sidenav-hold {
  color: var(--color-text-primary) !important;
}
.premium-theme .sidebar-panel .mat-list-item, .egret-blue .sidebar-panel .mat-list-item,
.premium-theme .sidebar-panel .mat-nav-list .mat-list-item,
.premium-theme .sidebar-panel .sidebar-list-item a,
.egret-blue .sidebar-panel .sidebar-list-item a,
.premium-theme .sidenav-hold .sidenav a,
.egret-blue .sidenav-hold .sidenav a,
.premium-theme .sidenav-hold .sidenav .item-name,
.egret-blue .sidenav-hold .sidenav .item-name,
.egret-indigo .sidebar-panel .mat-list-item,
.egret-indigo .sidebar-panel .mat-nav-list .mat-list-item,
.egret-indigo .sidebar-panel .sidebar-list-item a,
.egret-indigo .sidenav-hold .sidenav a,
.egret-indigo .sidenav-hold .sidenav .item-name {
  color: var(--color-text-primary) !important;
}
.premium-theme .sidenav-hold .mat-icon:not(.menu-caret), .egret-blue .sidenav-hold .mat-icon:not(.menu-caret),
.egret-indigo .sidenav-hold .mat-icon:not(.menu-caret) {
  color: var(--color-text-primary) !important;
  border-color: transparent;
}
.premium-theme .sidenav-hold .sidenav li.open > div > a, .egret-blue .sidenav-hold .sidenav li.open > div > a,
.premium-theme .sidenav-hold .sidenav li.open > a,
.egret-blue .sidenav-hold .sidenav li.open > a,
.egret-indigo .sidenav-hold .sidenav li.open > div > a,
.egret-indigo .sidenav-hold .sidenav li.open > a {
  color: var(--color-text-primary) !important;
}
.premium-theme .sidenav-hold .sidenav li.open > div > a .mat-icon:not(.menu-caret), .egret-blue .sidenav-hold .sidenav li.open > div > a .mat-icon:not(.menu-caret),
.premium-theme .sidenav-hold .sidenav li.open > a .mat-icon:not(.menu-caret),
.egret-blue .sidenav-hold .sidenav li.open > a .mat-icon:not(.menu-caret),
.egret-indigo .sidenav-hold .sidenav li.open > div > a .mat-icon:not(.menu-caret),
.egret-indigo .sidenav-hold .sidenav li.open > a .mat-icon:not(.menu-caret) {
  color: var(--color-text-primary) !important;
}
.premium-theme .mat-bg-accent, .egret-blue .mat-bg-accent,
.egret-indigo .mat-bg-accent {
  background-color: #2196f3 !important;
  color: #ffffff !important;
}
.premium-theme .mat-bg-warn, .egret-blue .mat-bg-warn,
.egret-indigo .mat-bg-warn {
  background-color: #f44336 !important;
  color: #ffffff !important;
}
.premium-theme .mat-color-accent, .egret-blue .mat-color-accent,
.egret-indigo .mat-color-accent {
  color: #2196f3 !important;
}
.premium-theme .mat-color-warn, .egret-blue .mat-color-warn,
.egret-indigo .mat-color-warn {
  color: #f44336 !important;
}
.premium-theme .mat-mdc-raised-button, .egret-blue .mat-mdc-raised-button,
.premium-theme .mat-mdc-unelevated-button,
.egret-blue .mat-mdc-unelevated-button,
.premium-theme .mat-raised-button,
.egret-blue .mat-raised-button,
.premium-theme .mat-flat-button,
.egret-blue .mat-flat-button,
.egret-indigo .mat-mdc-raised-button,
.egret-indigo .mat-mdc-unelevated-button,
.egret-indigo .mat-raised-button,
.egret-indigo .mat-flat-button {
  border-radius: 10px;
  font-weight: 500;
  letter-spacing: 0.025em;
  text-transform: none;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}
.premium-theme .mat-mdc-raised-button:hover:not([disabled]), .egret-blue .mat-mdc-raised-button:hover:not([disabled]),
.premium-theme .mat-mdc-unelevated-button:hover:not([disabled]),
.egret-blue .mat-mdc-unelevated-button:hover:not([disabled]),
.premium-theme .mat-raised-button:hover:not([disabled]),
.egret-blue .mat-raised-button:hover:not([disabled]),
.premium-theme .mat-flat-button:hover:not([disabled]),
.egret-blue .mat-flat-button:hover:not([disabled]),
.egret-indigo .mat-mdc-raised-button:hover:not([disabled]),
.egret-indigo .mat-mdc-unelevated-button:hover:not([disabled]),
.egret-indigo .mat-raised-button:hover:not([disabled]),
.egret-indigo .mat-flat-button:hover:not([disabled]) {
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
  transform: translateY(-1px);
}
.premium-theme .mat-mdc-raised-button.mat-primary:not([disabled]):not(.mat-mdc-button-disabled):not(.mat-button-disabled), .egret-blue .mat-mdc-raised-button.mat-primary:not([disabled]):not(.mat-mdc-button-disabled):not(.mat-button-disabled),
.premium-theme .mat-mdc-unelevated-button.mat-primary:not([disabled]):not(.mat-mdc-button-disabled):not(.mat-button-disabled),
.egret-blue .mat-mdc-unelevated-button.mat-primary:not([disabled]):not(.mat-mdc-button-disabled):not(.mat-button-disabled),
.premium-theme .mat-raised-button.mat-primary:not([disabled]):not(.mat-mdc-button-disabled):not(.mat-button-disabled),
.egret-blue .mat-raised-button.mat-primary:not([disabled]):not(.mat-mdc-button-disabled):not(.mat-button-disabled),
.premium-theme .mat-flat-button.mat-primary:not([disabled]):not(.mat-mdc-button-disabled):not(.mat-button-disabled),
.egret-blue .mat-flat-button.mat-primary:not([disabled]):not(.mat-mdc-button-disabled):not(.mat-button-disabled),
.egret-indigo .mat-mdc-raised-button.mat-primary:not([disabled]):not(.mat-mdc-button-disabled):not(.mat-button-disabled),
.egret-indigo .mat-mdc-unelevated-button.mat-primary:not([disabled]):not(.mat-mdc-button-disabled):not(.mat-button-disabled),
.egret-indigo .mat-raised-button.mat-primary:not([disabled]):not(.mat-mdc-button-disabled):not(.mat-button-disabled),
.egret-indigo .mat-flat-button.mat-primary:not([disabled]):not(.mat-mdc-button-disabled):not(.mat-button-disabled) {
  background: linear-gradient(135deg, #ff6700 0%, #e65100 100%);
  color: #ffffff !important;
  box-shadow: 0 4px 14px rgba(255, 103, 0, 0.32);
}
.premium-theme .mat-mdc-raised-button.mat-primary:hover:not([disabled]):not(.mat-mdc-button-disabled):not(.mat-button-disabled), .egret-blue .mat-mdc-raised-button.mat-primary:hover:not([disabled]):not(.mat-mdc-button-disabled):not(.mat-button-disabled),
.premium-theme .mat-mdc-unelevated-button.mat-primary:hover:not([disabled]):not(.mat-mdc-button-disabled):not(.mat-button-disabled),
.egret-blue .mat-mdc-unelevated-button.mat-primary:hover:not([disabled]):not(.mat-mdc-button-disabled):not(.mat-button-disabled),
.premium-theme .mat-raised-button.mat-primary:hover:not([disabled]):not(.mat-mdc-button-disabled):not(.mat-button-disabled),
.egret-blue .mat-raised-button.mat-primary:hover:not([disabled]):not(.mat-mdc-button-disabled):not(.mat-button-disabled),
.premium-theme .mat-flat-button.mat-primary:hover:not([disabled]):not(.mat-mdc-button-disabled):not(.mat-button-disabled),
.egret-blue .mat-flat-button.mat-primary:hover:not([disabled]):not(.mat-mdc-button-disabled):not(.mat-button-disabled),
.egret-indigo .mat-mdc-raised-button.mat-primary:hover:not([disabled]):not(.mat-mdc-button-disabled):not(.mat-button-disabled),
.egret-indigo .mat-mdc-unelevated-button.mat-primary:hover:not([disabled]):not(.mat-mdc-button-disabled):not(.mat-button-disabled),
.egret-indigo .mat-raised-button.mat-primary:hover:not([disabled]):not(.mat-mdc-button-disabled):not(.mat-button-disabled),
.egret-indigo .mat-flat-button.mat-primary:hover:not([disabled]):not(.mat-mdc-button-disabled):not(.mat-button-disabled) {
  box-shadow: 0 6px 20px rgba(255, 103, 0, 0.42);
}
.premium-theme .mat-mdc-raised-button.mat-primary[disabled], .egret-blue .mat-mdc-raised-button.mat-primary[disabled], .premium-theme .mat-mdc-raised-button.mat-primary.mat-mdc-button-disabled, .egret-blue .mat-mdc-raised-button.mat-primary.mat-mdc-button-disabled, .premium-theme .mat-mdc-raised-button.mat-primary.mat-button-disabled, .egret-blue .mat-mdc-raised-button.mat-primary.mat-button-disabled,
.premium-theme .mat-mdc-unelevated-button.mat-primary[disabled],
.egret-blue .mat-mdc-unelevated-button.mat-primary[disabled],
.premium-theme .mat-mdc-unelevated-button.mat-primary.mat-mdc-button-disabled,
.egret-blue .mat-mdc-unelevated-button.mat-primary.mat-mdc-button-disabled,
.premium-theme .mat-mdc-unelevated-button.mat-primary.mat-button-disabled,
.egret-blue .mat-mdc-unelevated-button.mat-primary.mat-button-disabled,
.premium-theme .mat-raised-button.mat-primary[disabled],
.egret-blue .mat-raised-button.mat-primary[disabled],
.premium-theme .mat-raised-button.mat-primary.mat-mdc-button-disabled,
.egret-blue .mat-raised-button.mat-primary.mat-mdc-button-disabled,
.premium-theme .mat-raised-button.mat-primary.mat-button-disabled,
.egret-blue .mat-raised-button.mat-primary.mat-button-disabled,
.premium-theme .mat-flat-button.mat-primary[disabled],
.egret-blue .mat-flat-button.mat-primary[disabled],
.premium-theme .mat-flat-button.mat-primary.mat-mdc-button-disabled,
.egret-blue .mat-flat-button.mat-primary.mat-mdc-button-disabled,
.premium-theme .mat-flat-button.mat-primary.mat-button-disabled,
.egret-blue .mat-flat-button.mat-primary.mat-button-disabled,
.egret-indigo .mat-mdc-raised-button.mat-primary[disabled],
.egret-indigo .mat-mdc-raised-button.mat-primary.mat-mdc-button-disabled,
.egret-indigo .mat-mdc-raised-button.mat-primary.mat-button-disabled,
.egret-indigo .mat-mdc-unelevated-button.mat-primary[disabled],
.egret-indigo .mat-mdc-unelevated-button.mat-primary.mat-mdc-button-disabled,
.egret-indigo .mat-mdc-unelevated-button.mat-primary.mat-button-disabled,
.egret-indigo .mat-raised-button.mat-primary[disabled],
.egret-indigo .mat-raised-button.mat-primary.mat-mdc-button-disabled,
.egret-indigo .mat-raised-button.mat-primary.mat-button-disabled,
.egret-indigo .mat-flat-button.mat-primary[disabled],
.egret-indigo .mat-flat-button.mat-primary.mat-mdc-button-disabled,
.egret-indigo .mat-flat-button.mat-primary.mat-button-disabled {
  background: rgba(0, 0, 0, 0.12) !important;
  color: rgba(0, 0, 0, 0.38) !important;
  box-shadow: none !important;
  border: 1px solid rgba(0, 0, 0, 0.12) !important;
}
.premium-theme .mat-mdc-raised-button.mat-accent:not([disabled]):not(.mat-mdc-button-disabled):not(.mat-button-disabled), .egret-blue .mat-mdc-raised-button.mat-accent:not([disabled]):not(.mat-mdc-button-disabled):not(.mat-button-disabled),
.premium-theme .mat-mdc-unelevated-button.mat-accent:not([disabled]):not(.mat-mdc-button-disabled):not(.mat-button-disabled),
.egret-blue .mat-mdc-unelevated-button.mat-accent:not([disabled]):not(.mat-mdc-button-disabled):not(.mat-button-disabled),
.premium-theme .mat-raised-button.mat-accent:not([disabled]):not(.mat-mdc-button-disabled):not(.mat-button-disabled),
.egret-blue .mat-raised-button.mat-accent:not([disabled]):not(.mat-mdc-button-disabled):not(.mat-button-disabled),
.premium-theme .mat-flat-button.mat-accent:not([disabled]):not(.mat-mdc-button-disabled):not(.mat-button-disabled),
.egret-blue .mat-flat-button.mat-accent:not([disabled]):not(.mat-mdc-button-disabled):not(.mat-button-disabled),
.egret-indigo .mat-mdc-raised-button.mat-accent:not([disabled]):not(.mat-mdc-button-disabled):not(.mat-button-disabled),
.egret-indigo .mat-mdc-unelevated-button.mat-accent:not([disabled]):not(.mat-mdc-button-disabled):not(.mat-button-disabled),
.egret-indigo .mat-raised-button.mat-accent:not([disabled]):not(.mat-mdc-button-disabled):not(.mat-button-disabled),
.egret-indigo .mat-flat-button.mat-accent:not([disabled]):not(.mat-mdc-button-disabled):not(.mat-button-disabled) {
  background: linear-gradient(135deg, #2196f3 0%, #1976d2 100%);
  color: #ffffff !important;
  box-shadow: 0 4px 14px rgba(33, 150, 243, 0.32);
}
.premium-theme .mat-mdc-raised-button.mat-accent:hover:not([disabled]):not(.mat-mdc-button-disabled):not(.mat-button-disabled), .egret-blue .mat-mdc-raised-button.mat-accent:hover:not([disabled]):not(.mat-mdc-button-disabled):not(.mat-button-disabled),
.premium-theme .mat-mdc-unelevated-button.mat-accent:hover:not([disabled]):not(.mat-mdc-button-disabled):not(.mat-button-disabled),
.egret-blue .mat-mdc-unelevated-button.mat-accent:hover:not([disabled]):not(.mat-mdc-button-disabled):not(.mat-button-disabled),
.premium-theme .mat-raised-button.mat-accent:hover:not([disabled]):not(.mat-mdc-button-disabled):not(.mat-button-disabled),
.egret-blue .mat-raised-button.mat-accent:hover:not([disabled]):not(.mat-mdc-button-disabled):not(.mat-button-disabled),
.premium-theme .mat-flat-button.mat-accent:hover:not([disabled]):not(.mat-mdc-button-disabled):not(.mat-button-disabled),
.egret-blue .mat-flat-button.mat-accent:hover:not([disabled]):not(.mat-mdc-button-disabled):not(.mat-button-disabled),
.egret-indigo .mat-mdc-raised-button.mat-accent:hover:not([disabled]):not(.mat-mdc-button-disabled):not(.mat-button-disabled),
.egret-indigo .mat-mdc-unelevated-button.mat-accent:hover:not([disabled]):not(.mat-mdc-button-disabled):not(.mat-button-disabled),
.egret-indigo .mat-raised-button.mat-accent:hover:not([disabled]):not(.mat-mdc-button-disabled):not(.mat-button-disabled),
.egret-indigo .mat-flat-button.mat-accent:hover:not([disabled]):not(.mat-mdc-button-disabled):not(.mat-button-disabled) {
  box-shadow: 0 6px 20px rgba(33, 150, 243, 0.42);
}
.premium-theme .mat-mdc-raised-button.mat-accent[disabled], .egret-blue .mat-mdc-raised-button.mat-accent[disabled], .premium-theme .mat-mdc-raised-button.mat-accent.mat-mdc-button-disabled, .egret-blue .mat-mdc-raised-button.mat-accent.mat-mdc-button-disabled, .premium-theme .mat-mdc-raised-button.mat-accent.mat-button-disabled, .egret-blue .mat-mdc-raised-button.mat-accent.mat-button-disabled,
.premium-theme .mat-mdc-unelevated-button.mat-accent[disabled],
.egret-blue .mat-mdc-unelevated-button.mat-accent[disabled],
.premium-theme .mat-mdc-unelevated-button.mat-accent.mat-mdc-button-disabled,
.egret-blue .mat-mdc-unelevated-button.mat-accent.mat-mdc-button-disabled,
.premium-theme .mat-mdc-unelevated-button.mat-accent.mat-button-disabled,
.egret-blue .mat-mdc-unelevated-button.mat-accent.mat-button-disabled,
.premium-theme .mat-raised-button.mat-accent[disabled],
.egret-blue .mat-raised-button.mat-accent[disabled],
.premium-theme .mat-raised-button.mat-accent.mat-mdc-button-disabled,
.egret-blue .mat-raised-button.mat-accent.mat-mdc-button-disabled,
.premium-theme .mat-raised-button.mat-accent.mat-button-disabled,
.egret-blue .mat-raised-button.mat-accent.mat-button-disabled,
.premium-theme .mat-flat-button.mat-accent[disabled],
.egret-blue .mat-flat-button.mat-accent[disabled],
.premium-theme .mat-flat-button.mat-accent.mat-mdc-button-disabled,
.egret-blue .mat-flat-button.mat-accent.mat-mdc-button-disabled,
.premium-theme .mat-flat-button.mat-accent.mat-button-disabled,
.egret-blue .mat-flat-button.mat-accent.mat-button-disabled,
.egret-indigo .mat-mdc-raised-button.mat-accent[disabled],
.egret-indigo .mat-mdc-raised-button.mat-accent.mat-mdc-button-disabled,
.egret-indigo .mat-mdc-raised-button.mat-accent.mat-button-disabled,
.egret-indigo .mat-mdc-unelevated-button.mat-accent[disabled],
.egret-indigo .mat-mdc-unelevated-button.mat-accent.mat-mdc-button-disabled,
.egret-indigo .mat-mdc-unelevated-button.mat-accent.mat-button-disabled,
.egret-indigo .mat-raised-button.mat-accent[disabled],
.egret-indigo .mat-raised-button.mat-accent.mat-mdc-button-disabled,
.egret-indigo .mat-raised-button.mat-accent.mat-button-disabled,
.egret-indigo .mat-flat-button.mat-accent[disabled],
.egret-indigo .mat-flat-button.mat-accent.mat-mdc-button-disabled,
.egret-indigo .mat-flat-button.mat-accent.mat-button-disabled {
  background: rgba(0, 0, 0, 0.12) !important;
  color: rgba(0, 0, 0, 0.38) !important;
  box-shadow: none !important;
  border: 1px solid rgba(0, 0, 0, 0.12) !important;
}
.premium-theme .mat-mdc-outlined-button, .egret-blue .mat-mdc-outlined-button,
.premium-theme .mat-stroked-button,
.egret-blue .mat-stroked-button,
.egret-indigo .mat-mdc-outlined-button,
.egret-indigo .mat-stroked-button {
  border-radius: 10px;
  border-width: 1.5px;
  font-weight: 500;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
.premium-theme .mat-mdc-outlined-button:hover:not([disabled]), .egret-blue .mat-mdc-outlined-button:hover:not([disabled]),
.premium-theme .mat-stroked-button:hover:not([disabled]),
.egret-blue .mat-stroked-button:hover:not([disabled]),
.egret-indigo .mat-mdc-outlined-button:hover:not([disabled]),
.egret-indigo .mat-stroked-button:hover:not([disabled]) {
  background: rgba(169, 169, 169, 0.04);
  color: #ff6700;
  border-color: #ff6700;
  transform: translateY(-1px);
}
.premium-theme .orion-ai-shell .orion-ai-message-actions .orion-ai-action-btn, .egret-blue .orion-ai-shell .orion-ai-message-actions .orion-ai-action-btn,
.egret-indigo .orion-ai-shell .orion-ai-message-actions .orion-ai-action-btn {
  --mdc-outlined-button-hover-state-layer-color: rgba(255, 103, 0, 0.2);
  --mdc-outlined-button-focus-state-layer-color: rgba(255, 103, 0, 0.24);
  --mdc-outlined-button-pressed-state-layer-color: rgba(255, 103, 0, 0.3);
  --mat-mdc-button-persistent-ripple-color: rgba(255, 103, 0, 0.2);
}
.premium-theme .orion-ai-shell .orion-ai-message-actions .orion-ai-action-btn:hover, .egret-blue .orion-ai-shell .orion-ai-message-actions .orion-ai-action-btn:hover,
.egret-indigo .orion-ai-shell .orion-ai-message-actions .orion-ai-action-btn:hover {
  background: linear-gradient(135deg, #ff7a1a 0%, #f59e0b 100%) !important;
  border-color: transparent !important;
  color: #ffffff !important;
  box-shadow: 0 0 0 2px rgba(255, 103, 0, 0.22), 0 12px 22px rgba(255, 103, 0, 0.35);
}
.premium-theme .orion-ai-shell .orion-ai-action-btn .mdc-button__ripple::before, .egret-blue .orion-ai-shell .orion-ai-action-btn .mdc-button__ripple::before,
.premium-theme .orion-ai-shell .orion-ai-action-btn .mdc-button__ripple::after,
.egret-blue .orion-ai-shell .orion-ai-action-btn .mdc-button__ripple::after,
.premium-theme .orion-ai-shell .orion-ai-action-btn .mat-mdc-button-persistent-ripple::before,
.egret-blue .orion-ai-shell .orion-ai-action-btn .mat-mdc-button-persistent-ripple::before,
.premium-theme .orion-ai-shell .orion-ai-action-btn .mat-mdc-button-persistent-ripple::after,
.egret-blue .orion-ai-shell .orion-ai-action-btn .mat-mdc-button-persistent-ripple::after,
.egret-indigo .orion-ai-shell .orion-ai-action-btn .mdc-button__ripple::before,
.egret-indigo .orion-ai-shell .orion-ai-action-btn .mdc-button__ripple::after,
.egret-indigo .orion-ai-shell .orion-ai-action-btn .mat-mdc-button-persistent-ripple::before,
.egret-indigo .orion-ai-shell .orion-ai-action-btn .mat-mdc-button-persistent-ripple::after {
  background-color: rgba(255, 103, 0, 0.18) !important;
}
.premium-theme .mat-mdc-form-field, .egret-blue .mat-mdc-form-field,
.premium-theme .mat-form-field,
.egret-blue .mat-form-field,
.egret-indigo .mat-mdc-form-field,
.egret-indigo .mat-form-field {
  --mdc-outlined-text-field-container-shape: 14px;
  --mdc-outlined-text-field-outline-width: 1px;
  --mdc-outlined-text-field-focus-outline-width: 1.5px;
  --mdc-outlined-text-field-outline-color: rgba(0, 0, 0, 0.12);
  --mdc-outlined-text-field-hover-outline-color: rgba(0, 0, 0, 0.2);
  --mdc-outlined-text-field-focus-outline-color: rgba(255, 103, 0, 0.6);
  --mdc-outlined-text-field-container-color: rgba(255, 255, 255, 0.88);
  --mdc-outlined-text-field-label-text-color: var(--color-text-tertiary);
  --mdc-outlined-text-field-focus-label-text-color: var(--color-primary-600);
  --mdc-outlined-text-field-input-text-color: var(--color-text-primary);
  --mdc-filled-text-field-container-color: rgba(255, 255, 255, 0.88);
  --mdc-filled-text-field-active-indicator-color: rgba(0, 0, 0, 0.12);
  --mdc-filled-text-field-hover-active-indicator-color: rgba(0, 0, 0, 0.2);
  --mdc-filled-text-field-focus-active-indicator-color: rgba(
    255,
    103,
    0,
    0.6
  );
  --mdc-filled-text-field-label-text-color: var(--color-text-tertiary);
  --mdc-filled-text-field-focus-label-text-color: var(--color-primary-600);
}
.premium-theme .mat-mdc-form-field .mat-mdc-text-field-wrapper, .egret-blue .mat-mdc-form-field .mat-mdc-text-field-wrapper,
.premium-theme .mat-mdc-form-field .mat-form-field-flex,
.egret-blue .mat-mdc-form-field .mat-form-field-flex,
.premium-theme .mat-form-field .mat-mdc-text-field-wrapper,
.egret-blue .mat-form-field .mat-mdc-text-field-wrapper,
.premium-theme .mat-form-field .mat-form-field-flex,
.egret-blue .mat-form-field .mat-form-field-flex,
.egret-indigo .mat-mdc-form-field .mat-mdc-text-field-wrapper,
.egret-indigo .mat-mdc-form-field .mat-form-field-flex,
.egret-indigo .mat-form-field .mat-mdc-text-field-wrapper,
.egret-indigo .mat-form-field .mat-form-field-flex {
  background: rgba(255, 255, 255, 0.9);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-xs);
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
.premium-theme .mat-mdc-form-field .mat-mdc-form-field-focus-overlay, .egret-blue .mat-mdc-form-field .mat-mdc-form-field-focus-overlay,
.premium-theme .mat-form-field .mat-mdc-form-field-focus-overlay,
.egret-blue .mat-form-field .mat-mdc-form-field-focus-overlay,
.egret-indigo .mat-mdc-form-field .mat-mdc-form-field-focus-overlay,
.egret-indigo .mat-form-field .mat-mdc-form-field-focus-overlay {
  background: transparent;
}
.premium-theme .mat-mdc-form-field .mdc-floating-label, .egret-blue .mat-mdc-form-field .mdc-floating-label,
.premium-theme .mat-mdc-form-field .mat-form-field-label,
.egret-blue .mat-mdc-form-field .mat-form-field-label,
.premium-theme .mat-form-field .mdc-floating-label,
.egret-blue .mat-form-field .mdc-floating-label,
.premium-theme .mat-form-field .mat-form-field-label,
.egret-blue .mat-form-field .mat-form-field-label,
.egret-indigo .mat-mdc-form-field .mdc-floating-label,
.egret-indigo .mat-mdc-form-field .mat-form-field-label,
.egret-indigo .mat-form-field .mdc-floating-label,
.egret-indigo .mat-form-field .mat-form-field-label {
  font-weight: var(--font-medium);
  letter-spacing: 0.01em;
  color: var(--color-text-tertiary);
}
.premium-theme .mat-mdc-form-field .mat-mdc-input-element, .egret-blue .mat-mdc-form-field .mat-mdc-input-element,
.premium-theme .mat-mdc-form-field .mat-input-element,
.egret-blue .mat-mdc-form-field .mat-input-element,
.premium-theme .mat-form-field .mat-mdc-input-element,
.egret-blue .mat-form-field .mat-mdc-input-element,
.premium-theme .mat-form-field .mat-input-element,
.egret-blue .mat-form-field .mat-input-element,
.egret-indigo .mat-mdc-form-field .mat-mdc-input-element,
.egret-indigo .mat-mdc-form-field .mat-input-element,
.egret-indigo .mat-form-field .mat-mdc-input-element,
.egret-indigo .mat-form-field .mat-input-element {
  font-size: var(--text-sm);
  color: var(--color-text-primary);
}
.premium-theme .mat-mdc-form-field .mat-mdc-input-element::placeholder, .egret-blue .mat-mdc-form-field .mat-mdc-input-element::placeholder,
.premium-theme .mat-mdc-form-field .mat-input-element::placeholder,
.egret-blue .mat-mdc-form-field .mat-input-element::placeholder,
.premium-theme .mat-form-field .mat-mdc-input-element::placeholder,
.egret-blue .mat-form-field .mat-mdc-input-element::placeholder,
.premium-theme .mat-form-field .mat-input-element::placeholder,
.egret-blue .mat-form-field .mat-input-element::placeholder,
.egret-indigo .mat-mdc-form-field .mat-mdc-input-element::placeholder,
.egret-indigo .mat-mdc-form-field .mat-input-element::placeholder,
.egret-indigo .mat-form-field .mat-mdc-input-element::placeholder,
.egret-indigo .mat-form-field .mat-input-element::placeholder {
  color: var(--color-text-tertiary);
  opacity: 0.7;
}
.premium-theme .mat-mdc-form-field.mat-focused .mat-mdc-text-field-wrapper, .egret-blue .mat-mdc-form-field.mat-focused .mat-mdc-text-field-wrapper,
.premium-theme .mat-mdc-form-field.mat-focused .mat-form-field-flex,
.egret-blue .mat-mdc-form-field.mat-focused .mat-form-field-flex,
.premium-theme .mat-form-field.mat-focused .mat-mdc-text-field-wrapper,
.egret-blue .mat-form-field.mat-focused .mat-mdc-text-field-wrapper,
.premium-theme .mat-form-field.mat-focused .mat-form-field-flex,
.egret-blue .mat-form-field.mat-focused .mat-form-field-flex,
.egret-indigo .mat-mdc-form-field.mat-focused .mat-mdc-text-field-wrapper,
.egret-indigo .mat-mdc-form-field.mat-focused .mat-form-field-flex,
.egret-indigo .mat-form-field.mat-focused .mat-mdc-text-field-wrapper,
.egret-indigo .mat-form-field.mat-focused .mat-form-field-flex {
  box-shadow: 0 0 0 3px rgba(255, 103, 0, 0.12);
}
.premium-theme .mat-mdc-form-field.mat-focused .mdc-floating-label, .egret-blue .mat-mdc-form-field.mat-focused .mdc-floating-label,
.premium-theme .mat-mdc-form-field.mat-focused .mat-form-field-label,
.egret-blue .mat-mdc-form-field.mat-focused .mat-form-field-label,
.premium-theme .mat-form-field.mat-focused .mdc-floating-label,
.egret-blue .mat-form-field.mat-focused .mdc-floating-label,
.premium-theme .mat-form-field.mat-focused .mat-form-field-label,
.egret-blue .mat-form-field.mat-focused .mat-form-field-label,
.egret-indigo .mat-mdc-form-field.mat-focused .mdc-floating-label,
.egret-indigo .mat-mdc-form-field.mat-focused .mat-form-field-label,
.egret-indigo .mat-form-field.mat-focused .mdc-floating-label,
.egret-indigo .mat-form-field.mat-focused .mat-form-field-label {
  color: var(--color-primary-600) !important;
}
.premium-theme .mat-mdc-form-field-appearance-outline .mat-mdc-form-field-outline, .egret-blue .mat-mdc-form-field-appearance-outline .mat-mdc-form-field-outline,
.premium-theme .mat-mdc-form-field-appearance-outline .mat-form-field-outline,
.egret-blue .mat-mdc-form-field-appearance-outline .mat-form-field-outline,
.premium-theme .mat-form-field-appearance-outline .mat-mdc-form-field-outline,
.egret-blue .mat-form-field-appearance-outline .mat-mdc-form-field-outline,
.premium-theme .mat-form-field-appearance-outline .mat-form-field-outline,
.egret-blue .mat-form-field-appearance-outline .mat-form-field-outline,
.egret-indigo .mat-mdc-form-field-appearance-outline .mat-mdc-form-field-outline,
.egret-indigo .mat-mdc-form-field-appearance-outline .mat-form-field-outline,
.egret-indigo .mat-form-field-appearance-outline .mat-mdc-form-field-outline,
.egret-indigo .mat-form-field-appearance-outline .mat-form-field-outline {
  border-radius: 14px;
}
.premium-theme .mat-mdc-form-field-appearance-outline .mdc-notched-outline__leading, .egret-blue .mat-mdc-form-field-appearance-outline .mdc-notched-outline__leading,
.premium-theme .mat-mdc-form-field-appearance-outline .mdc-notched-outline__trailing,
.egret-blue .mat-mdc-form-field-appearance-outline .mdc-notched-outline__trailing,
.premium-theme .mat-mdc-form-field-appearance-outline .mdc-notched-outline__notch,
.egret-blue .mat-mdc-form-field-appearance-outline .mdc-notched-outline__notch,
.premium-theme .mat-mdc-form-field-appearance-outline .mat-form-field-outline-start,
.egret-blue .mat-mdc-form-field-appearance-outline .mat-form-field-outline-start,
.premium-theme .mat-mdc-form-field-appearance-outline .mat-form-field-outline-gap,
.egret-blue .mat-mdc-form-field-appearance-outline .mat-form-field-outline-gap,
.premium-theme .mat-mdc-form-field-appearance-outline .mat-form-field-outline-end,
.egret-blue .mat-mdc-form-field-appearance-outline .mat-form-field-outline-end,
.premium-theme .mat-form-field-appearance-outline .mdc-notched-outline__leading,
.egret-blue .mat-form-field-appearance-outline .mdc-notched-outline__leading,
.premium-theme .mat-form-field-appearance-outline .mdc-notched-outline__trailing,
.egret-blue .mat-form-field-appearance-outline .mdc-notched-outline__trailing,
.premium-theme .mat-form-field-appearance-outline .mdc-notched-outline__notch,
.egret-blue .mat-form-field-appearance-outline .mdc-notched-outline__notch,
.premium-theme .mat-form-field-appearance-outline .mat-form-field-outline-start,
.egret-blue .mat-form-field-appearance-outline .mat-form-field-outline-start,
.premium-theme .mat-form-field-appearance-outline .mat-form-field-outline-gap,
.egret-blue .mat-form-field-appearance-outline .mat-form-field-outline-gap,
.premium-theme .mat-form-field-appearance-outline .mat-form-field-outline-end,
.egret-blue .mat-form-field-appearance-outline .mat-form-field-outline-end,
.egret-indigo .mat-mdc-form-field-appearance-outline .mdc-notched-outline__leading,
.egret-indigo .mat-mdc-form-field-appearance-outline .mdc-notched-outline__trailing,
.egret-indigo .mat-mdc-form-field-appearance-outline .mdc-notched-outline__notch,
.egret-indigo .mat-mdc-form-field-appearance-outline .mat-form-field-outline-start,
.egret-indigo .mat-mdc-form-field-appearance-outline .mat-form-field-outline-gap,
.egret-indigo .mat-mdc-form-field-appearance-outline .mat-form-field-outline-end,
.egret-indigo .mat-form-field-appearance-outline .mdc-notched-outline__leading,
.egret-indigo .mat-form-field-appearance-outline .mdc-notched-outline__trailing,
.egret-indigo .mat-form-field-appearance-outline .mdc-notched-outline__notch,
.egret-indigo .mat-form-field-appearance-outline .mat-form-field-outline-start,
.egret-indigo .mat-form-field-appearance-outline .mat-form-field-outline-gap,
.egret-indigo .mat-form-field-appearance-outline .mat-form-field-outline-end {
  border-color: rgba(0, 0, 0, 0.12);
}
.premium-theme .mat-mdc-form-field-appearance-outline:hover .mdc-notched-outline__leading, .egret-blue .mat-mdc-form-field-appearance-outline:hover .mdc-notched-outline__leading,
.premium-theme .mat-mdc-form-field-appearance-outline:hover .mdc-notched-outline__trailing,
.egret-blue .mat-mdc-form-field-appearance-outline:hover .mdc-notched-outline__trailing,
.premium-theme .mat-mdc-form-field-appearance-outline:hover .mdc-notched-outline__notch,
.egret-blue .mat-mdc-form-field-appearance-outline:hover .mdc-notched-outline__notch,
.premium-theme .mat-mdc-form-field-appearance-outline:hover .mat-form-field-outline-start,
.egret-blue .mat-mdc-form-field-appearance-outline:hover .mat-form-field-outline-start,
.premium-theme .mat-mdc-form-field-appearance-outline:hover .mat-form-field-outline-gap,
.egret-blue .mat-mdc-form-field-appearance-outline:hover .mat-form-field-outline-gap,
.premium-theme .mat-mdc-form-field-appearance-outline:hover .mat-form-field-outline-end,
.egret-blue .mat-mdc-form-field-appearance-outline:hover .mat-form-field-outline-end,
.premium-theme .mat-form-field-appearance-outline:hover .mdc-notched-outline__leading,
.egret-blue .mat-form-field-appearance-outline:hover .mdc-notched-outline__leading,
.premium-theme .mat-form-field-appearance-outline:hover .mdc-notched-outline__trailing,
.egret-blue .mat-form-field-appearance-outline:hover .mdc-notched-outline__trailing,
.premium-theme .mat-form-field-appearance-outline:hover .mdc-notched-outline__notch,
.egret-blue .mat-form-field-appearance-outline:hover .mdc-notched-outline__notch,
.premium-theme .mat-form-field-appearance-outline:hover .mat-form-field-outline-start,
.egret-blue .mat-form-field-appearance-outline:hover .mat-form-field-outline-start,
.premium-theme .mat-form-field-appearance-outline:hover .mat-form-field-outline-gap,
.egret-blue .mat-form-field-appearance-outline:hover .mat-form-field-outline-gap,
.premium-theme .mat-form-field-appearance-outline:hover .mat-form-field-outline-end,
.egret-blue .mat-form-field-appearance-outline:hover .mat-form-field-outline-end,
.egret-indigo .mat-mdc-form-field-appearance-outline:hover .mdc-notched-outline__leading,
.egret-indigo .mat-mdc-form-field-appearance-outline:hover .mdc-notched-outline__trailing,
.egret-indigo .mat-mdc-form-field-appearance-outline:hover .mdc-notched-outline__notch,
.egret-indigo .mat-mdc-form-field-appearance-outline:hover .mat-form-field-outline-start,
.egret-indigo .mat-mdc-form-field-appearance-outline:hover .mat-form-field-outline-gap,
.egret-indigo .mat-mdc-form-field-appearance-outline:hover .mat-form-field-outline-end,
.egret-indigo .mat-form-field-appearance-outline:hover .mdc-notched-outline__leading,
.egret-indigo .mat-form-field-appearance-outline:hover .mdc-notched-outline__trailing,
.egret-indigo .mat-form-field-appearance-outline:hover .mdc-notched-outline__notch,
.egret-indigo .mat-form-field-appearance-outline:hover .mat-form-field-outline-start,
.egret-indigo .mat-form-field-appearance-outline:hover .mat-form-field-outline-gap,
.egret-indigo .mat-form-field-appearance-outline:hover .mat-form-field-outline-end {
  border-color: rgba(0, 0, 0, 0.2);
}
.premium-theme .mat-mdc-form-field-appearance-outline.mat-focused .mdc-notched-outline__leading, .egret-blue .mat-mdc-form-field-appearance-outline.mat-focused .mdc-notched-outline__leading,
.premium-theme .mat-mdc-form-field-appearance-outline.mat-focused .mdc-notched-outline__trailing,
.egret-blue .mat-mdc-form-field-appearance-outline.mat-focused .mdc-notched-outline__trailing,
.premium-theme .mat-mdc-form-field-appearance-outline.mat-focused .mdc-notched-outline__notch,
.egret-blue .mat-mdc-form-field-appearance-outline.mat-focused .mdc-notched-outline__notch,
.premium-theme .mat-mdc-form-field-appearance-outline.mat-focused .mat-form-field-outline-start,
.egret-blue .mat-mdc-form-field-appearance-outline.mat-focused .mat-form-field-outline-start,
.premium-theme .mat-mdc-form-field-appearance-outline.mat-focused .mat-form-field-outline-gap,
.egret-blue .mat-mdc-form-field-appearance-outline.mat-focused .mat-form-field-outline-gap,
.premium-theme .mat-mdc-form-field-appearance-outline.mat-focused .mat-form-field-outline-end,
.egret-blue .mat-mdc-form-field-appearance-outline.mat-focused .mat-form-field-outline-end,
.premium-theme .mat-form-field-appearance-outline.mat-focused .mdc-notched-outline__leading,
.egret-blue .mat-form-field-appearance-outline.mat-focused .mdc-notched-outline__leading,
.premium-theme .mat-form-field-appearance-outline.mat-focused .mdc-notched-outline__trailing,
.egret-blue .mat-form-field-appearance-outline.mat-focused .mdc-notched-outline__trailing,
.premium-theme .mat-form-field-appearance-outline.mat-focused .mdc-notched-outline__notch,
.egret-blue .mat-form-field-appearance-outline.mat-focused .mdc-notched-outline__notch,
.premium-theme .mat-form-field-appearance-outline.mat-focused .mat-form-field-outline-start,
.egret-blue .mat-form-field-appearance-outline.mat-focused .mat-form-field-outline-start,
.premium-theme .mat-form-field-appearance-outline.mat-focused .mat-form-field-outline-gap,
.egret-blue .mat-form-field-appearance-outline.mat-focused .mat-form-field-outline-gap,
.premium-theme .mat-form-field-appearance-outline.mat-focused .mat-form-field-outline-end,
.egret-blue .mat-form-field-appearance-outline.mat-focused .mat-form-field-outline-end,
.egret-indigo .mat-mdc-form-field-appearance-outline.mat-focused .mdc-notched-outline__leading,
.egret-indigo .mat-mdc-form-field-appearance-outline.mat-focused .mdc-notched-outline__trailing,
.egret-indigo .mat-mdc-form-field-appearance-outline.mat-focused .mdc-notched-outline__notch,
.egret-indigo .mat-mdc-form-field-appearance-outline.mat-focused .mat-form-field-outline-start,
.egret-indigo .mat-mdc-form-field-appearance-outline.mat-focused .mat-form-field-outline-gap,
.egret-indigo .mat-mdc-form-field-appearance-outline.mat-focused .mat-form-field-outline-end,
.egret-indigo .mat-form-field-appearance-outline.mat-focused .mdc-notched-outline__leading,
.egret-indigo .mat-form-field-appearance-outline.mat-focused .mdc-notched-outline__trailing,
.egret-indigo .mat-form-field-appearance-outline.mat-focused .mdc-notched-outline__notch,
.egret-indigo .mat-form-field-appearance-outline.mat-focused .mat-form-field-outline-start,
.egret-indigo .mat-form-field-appearance-outline.mat-focused .mat-form-field-outline-gap,
.egret-indigo .mat-form-field-appearance-outline.mat-focused .mat-form-field-outline-end {
  border-color: rgba(255, 103, 0, 0.6);
}
.premium-theme .mat-mdc-select-panel, .egret-blue .mat-mdc-select-panel,
.premium-theme .mat-select-panel,
.egret-blue .mat-select-panel,
.egret-indigo .mat-mdc-select-panel,
.egret-indigo .mat-select-panel {
  border-radius: var(--radius-lg) !important;
  background: rgba(255, 255, 255, 0.98) !important;
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  border: 1px solid rgba(0, 0, 0, 0.08);
  box-shadow: var(--shadow-xl) !important;
}
.premium-theme .mat-mdc-option, .egret-blue .mat-mdc-option,
.premium-theme .mat-option,
.egret-blue .mat-option,
.egret-indigo .mat-mdc-option,
.egret-indigo .mat-option {
  border-radius: var(--radius-md);
  margin: 4px 8px;
  padding: 8px 12px;
  min-height: 42px;
  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}
.premium-theme .mat-mdc-option:hover:not(.mat-mdc-option-disabled):not(.mat-option-disabled), .egret-blue .mat-mdc-option:hover:not(.mat-mdc-option-disabled):not(.mat-option-disabled),
.premium-theme .mat-option:hover:not(.mat-mdc-option-disabled):not(.mat-option-disabled),
.egret-blue .mat-option:hover:not(.mat-mdc-option-disabled):not(.mat-option-disabled),
.egret-indigo .mat-mdc-option:hover:not(.mat-mdc-option-disabled):not(.mat-option-disabled),
.egret-indigo .mat-option:hover:not(.mat-mdc-option-disabled):not(.mat-option-disabled) {
  background: rgba(255, 103, 0, 0.08) !important;
}
.premium-theme .mat-mdc-option .mdc-list-item__primary-text, .egret-blue .mat-mdc-option .mdc-list-item__primary-text,
.premium-theme .mat-option-text,
.egret-blue .mat-option-text,
.egret-indigo .mat-mdc-option .mdc-list-item__primary-text,
.egret-indigo .mat-option-text {
  font-size: var(--text-sm);
  color: var(--color-text-primary);
}
.premium-theme .mat-mdc-option.mdc-list-item--selected:not(.mat-mdc-option-multiple), .egret-blue .mat-mdc-option.mdc-list-item--selected:not(.mat-mdc-option-multiple),
.premium-theme .mat-option.mat-selected:not(.mat-option-multiple),
.egret-blue .mat-option.mat-selected:not(.mat-option-multiple),
.egret-indigo .mat-mdc-option.mdc-list-item--selected:not(.mat-mdc-option-multiple),
.egret-indigo .mat-option.mat-selected:not(.mat-option-multiple) {
  background: rgba(255, 103, 0, 0.14) !important;
  color: var(--color-primary-700) !important;
}
.premium-theme .mat-mdc-optgroup-label, .egret-blue .mat-mdc-optgroup-label,
.premium-theme .mat-optgroup-label,
.egret-blue .mat-optgroup-label,
.egret-indigo .mat-mdc-optgroup-label,
.egret-indigo .mat-optgroup-label {
  font-size: 0.7rem;
  font-weight: var(--font-semibold);
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--color-text-tertiary);
  padding: 12px 16px 6px;
}
.premium-theme .mat-mdc-option.mat-mdc-option-disabled, .egret-blue .mat-mdc-option.mat-mdc-option-disabled,
.premium-theme .mat-option.mat-option-disabled,
.egret-blue .mat-option.mat-option-disabled,
.egret-indigo .mat-mdc-option.mat-mdc-option-disabled,
.egret-indigo .mat-option.mat-option-disabled {
  opacity: 0.5;
}
.premium-theme .mat-mdc-chip, .egret-blue .mat-mdc-chip,
.premium-theme .mat-chip,
.egret-blue .mat-chip,
.egret-indigo .mat-mdc-chip,
.egret-indigo .mat-chip {
  border-radius: 999px;
  font-weight: 500;
  border: 1px solid rgba(0, 0, 0, 0.08);
  background: rgba(255, 255, 255, 0.92);
  color: var(--color-text-primary);
  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}
.premium-theme .mat-mdc-chip:hover, .egret-blue .mat-mdc-chip:hover,
.premium-theme .mat-chip:hover,
.egret-blue .mat-chip:hover,
.egret-indigo .mat-mdc-chip:hover,
.egret-indigo .mat-chip:hover {
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.12);
}
.premium-theme .mat-mdc-chip.mat-primary, .egret-blue .mat-mdc-chip.mat-primary,
.premium-theme .mat-chip.mat-primary,
.egret-blue .mat-chip.mat-primary,
.egret-indigo .mat-mdc-chip.mat-primary,
.egret-indigo .mat-chip.mat-primary {
  background: rgba(255, 103, 0, 0.16);
  color: #e65100;
}
.premium-theme .mat-mdc-chip.mat-accent, .egret-blue .mat-mdc-chip.mat-accent,
.premium-theme .mat-chip.mat-accent,
.egret-blue .mat-chip.mat-accent,
.egret-indigo .mat-mdc-chip.mat-accent,
.egret-indigo .mat-chip.mat-accent {
  background: rgba(33, 150, 243, 0.16);
  border-color: rgba(33, 150, 243, 0.35);
  color: #2196f3;
}
.premium-theme .mat-mdc-chip.mat-warn, .egret-blue .mat-mdc-chip.mat-warn,
.premium-theme .mat-chip.mat-warn,
.egret-blue .mat-chip.mat-warn,
.egret-indigo .mat-mdc-chip.mat-warn,
.egret-indigo .mat-chip.mat-warn {
  background: rgba(244, 67, 54, 0.16);
  border-color: rgba(244, 67, 54, 0.35);
  color: #f44336;
}
.premium-theme .mat-mdc-table, .egret-blue .mat-mdc-table,
.premium-theme .mat-table,
.egret-blue .mat-table,
.egret-indigo .mat-mdc-table,
.egret-indigo .mat-table {
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
}
.premium-theme .mat-mdc-table .mat-mdc-header-row, .egret-blue .mat-mdc-table .mat-mdc-header-row,
.premium-theme .mat-mdc-table .mat-header-row,
.egret-blue .mat-mdc-table .mat-header-row,
.premium-theme .mat-table .mat-mdc-header-row,
.egret-blue .mat-table .mat-mdc-header-row,
.premium-theme .mat-table .mat-header-row,
.egret-blue .mat-table .mat-header-row,
.egret-indigo .mat-mdc-table .mat-mdc-header-row,
.egret-indigo .mat-mdc-table .mat-header-row,
.egret-indigo .mat-table .mat-mdc-header-row,
.egret-indigo .mat-table .mat-header-row {
  background: linear-gradient(135deg, rgba(30, 136, 229, 0.05) 0%, rgba(25, 118, 210, 0.08) 100%);
}
.premium-theme .mat-mdc-table .mat-mdc-row, .egret-blue .mat-mdc-table .mat-mdc-row,
.premium-theme .mat-mdc-table .mat-row,
.egret-blue .mat-mdc-table .mat-row,
.premium-theme .mat-table .mat-mdc-row,
.egret-blue .mat-table .mat-mdc-row,
.premium-theme .mat-table .mat-row,
.egret-blue .mat-table .mat-row,
.egret-indigo .mat-mdc-table .mat-mdc-row,
.egret-indigo .mat-mdc-table .mat-row,
.egret-indigo .mat-table .mat-mdc-row,
.egret-indigo .mat-table .mat-row {
  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}
.premium-theme .mat-mdc-table .mat-mdc-row:hover, .egret-blue .mat-mdc-table .mat-mdc-row:hover,
.premium-theme .mat-mdc-table .mat-row:hover,
.egret-blue .mat-mdc-table .mat-row:hover,
.premium-theme .mat-table .mat-mdc-row:hover,
.egret-blue .mat-table .mat-mdc-row:hover,
.premium-theme .mat-table .mat-row:hover,
.egret-blue .mat-table .mat-row:hover,
.egret-indigo .mat-mdc-table .mat-mdc-row:hover,
.egret-indigo .mat-mdc-table .mat-row:hover,
.egret-indigo .mat-table .mat-mdc-row:hover,
.egret-indigo .mat-table .mat-row:hover {
  background: rgba(30, 136, 229, 0.03);
}
.premium-theme .mat-mdc-tab-group .mat-mdc-tab-labels, .egret-blue .mat-mdc-tab-group .mat-mdc-tab-labels,
.premium-theme .mat-mdc-tab-group .mat-tab-labels,
.egret-blue .mat-mdc-tab-group .mat-tab-labels,
.premium-theme .mat-tab-group .mat-mdc-tab-labels,
.egret-blue .mat-tab-group .mat-mdc-tab-labels,
.premium-theme .mat-tab-group .mat-tab-labels,
.egret-blue .mat-tab-group .mat-tab-labels,
.egret-indigo .mat-mdc-tab-group .mat-mdc-tab-labels,
.egret-indigo .mat-mdc-tab-group .mat-tab-labels,
.egret-indigo .mat-tab-group .mat-mdc-tab-labels,
.egret-indigo .mat-tab-group .mat-tab-labels {
  border-bottom: 2px solid rgba(0, 0, 0, 0.06);
}
.premium-theme .mat-mdc-tab-group .mat-mdc-tab, .egret-blue .mat-mdc-tab-group .mat-mdc-tab,
.premium-theme .mat-mdc-tab-group .mat-tab-label,
.egret-blue .mat-mdc-tab-group .mat-tab-label,
.premium-theme .mat-tab-group .mat-mdc-tab,
.egret-blue .mat-tab-group .mat-mdc-tab,
.premium-theme .mat-tab-group .mat-tab-label,
.egret-blue .mat-tab-group .mat-tab-label,
.egret-indigo .mat-mdc-tab-group .mat-mdc-tab,
.egret-indigo .mat-mdc-tab-group .mat-tab-label,
.egret-indigo .mat-tab-group .mat-mdc-tab,
.egret-indigo .mat-tab-group .mat-tab-label {
  font-weight: 500;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
.premium-theme .mat-mdc-tab-group .mat-mdc-tab:hover:not(.mat-mdc-tab-disabled):not(.mat-tab-disabled), .egret-blue .mat-mdc-tab-group .mat-mdc-tab:hover:not(.mat-mdc-tab-disabled):not(.mat-tab-disabled),
.premium-theme .mat-mdc-tab-group .mat-tab-label:hover:not(.mat-mdc-tab-disabled):not(.mat-tab-disabled),
.egret-blue .mat-mdc-tab-group .mat-tab-label:hover:not(.mat-mdc-tab-disabled):not(.mat-tab-disabled),
.premium-theme .mat-tab-group .mat-mdc-tab:hover:not(.mat-mdc-tab-disabled):not(.mat-tab-disabled),
.egret-blue .mat-tab-group .mat-mdc-tab:hover:not(.mat-mdc-tab-disabled):not(.mat-tab-disabled),
.premium-theme .mat-tab-group .mat-tab-label:hover:not(.mat-mdc-tab-disabled):not(.mat-tab-disabled),
.egret-blue .mat-tab-group .mat-tab-label:hover:not(.mat-mdc-tab-disabled):not(.mat-tab-disabled),
.egret-indigo .mat-mdc-tab-group .mat-mdc-tab:hover:not(.mat-mdc-tab-disabled):not(.mat-tab-disabled),
.egret-indigo .mat-mdc-tab-group .mat-tab-label:hover:not(.mat-mdc-tab-disabled):not(.mat-tab-disabled),
.egret-indigo .mat-tab-group .mat-mdc-tab:hover:not(.mat-mdc-tab-disabled):not(.mat-tab-disabled),
.egret-indigo .mat-tab-group .mat-tab-label:hover:not(.mat-mdc-tab-disabled):not(.mat-tab-disabled) {
  background: rgba(169, 169, 169, 0.04);
  color: #ff6700;
}
.premium-theme .mat-mdc-tab-group .mat-mdc-tab.mat-mdc-tab-label-active, .egret-blue .mat-mdc-tab-group .mat-mdc-tab.mat-mdc-tab-label-active, .premium-theme .mat-mdc-tab-group .mat-mdc-tab.mat-tab-label-active, .egret-blue .mat-mdc-tab-group .mat-mdc-tab.mat-tab-label-active,
.premium-theme .mat-mdc-tab-group .mat-tab-label.mat-mdc-tab-label-active,
.egret-blue .mat-mdc-tab-group .mat-tab-label.mat-mdc-tab-label-active,
.premium-theme .mat-mdc-tab-group .mat-tab-label.mat-tab-label-active,
.egret-blue .mat-mdc-tab-group .mat-tab-label.mat-tab-label-active,
.premium-theme .mat-tab-group .mat-mdc-tab.mat-mdc-tab-label-active,
.egret-blue .mat-tab-group .mat-mdc-tab.mat-mdc-tab-label-active,
.premium-theme .mat-tab-group .mat-mdc-tab.mat-tab-label-active,
.egret-blue .mat-tab-group .mat-mdc-tab.mat-tab-label-active,
.premium-theme .mat-tab-group .mat-tab-label.mat-mdc-tab-label-active,
.egret-blue .mat-tab-group .mat-tab-label.mat-mdc-tab-label-active,
.premium-theme .mat-tab-group .mat-tab-label.mat-tab-label-active,
.egret-blue .mat-tab-group .mat-tab-label.mat-tab-label-active,
.egret-indigo .mat-mdc-tab-group .mat-mdc-tab.mat-mdc-tab-label-active,
.egret-indigo .mat-mdc-tab-group .mat-mdc-tab.mat-tab-label-active,
.egret-indigo .mat-mdc-tab-group .mat-tab-label.mat-mdc-tab-label-active,
.egret-indigo .mat-mdc-tab-group .mat-tab-label.mat-tab-label-active,
.egret-indigo .mat-tab-group .mat-mdc-tab.mat-mdc-tab-label-active,
.egret-indigo .mat-tab-group .mat-mdc-tab.mat-tab-label-active,
.egret-indigo .mat-tab-group .mat-tab-label.mat-mdc-tab-label-active,
.egret-indigo .mat-tab-group .mat-tab-label.mat-tab-label-active {
  color: #ff6700;
}
.premium-theme .mat-mdc-tab-group .mat-mdc-tab-body-content, .egret-blue .mat-mdc-tab-group .mat-mdc-tab-body-content,
.premium-theme .mat-mdc-tab-group .mat-tab-body-content,
.egret-blue .mat-mdc-tab-group .mat-tab-body-content,
.premium-theme .mat-tab-group .mat-mdc-tab-body-content,
.egret-blue .mat-tab-group .mat-mdc-tab-body-content,
.premium-theme .mat-tab-group .mat-tab-body-content,
.egret-blue .mat-tab-group .mat-tab-body-content,
.egret-indigo .mat-mdc-tab-group .mat-mdc-tab-body-content,
.egret-indigo .mat-mdc-tab-group .mat-tab-body-content,
.egret-indigo .mat-tab-group .mat-mdc-tab-body-content,
.egret-indigo .mat-tab-group .mat-tab-body-content {
  animation: fadeIn 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
.premium-theme .mat-mdc-progress-bar, .egret-blue .mat-mdc-progress-bar,
.premium-theme .mat-progress-bar,
.egret-blue .mat-progress-bar,
.egret-indigo .mat-mdc-progress-bar,
.egret-indigo .mat-progress-bar {
  border-radius: 10px;
  overflow: hidden;
}
.premium-theme .mat-mdc-progress-spinner circle, .egret-blue .mat-mdc-progress-spinner circle,
.premium-theme .mat-progress-spinner circle,
.egret-blue .mat-progress-spinner circle,
.egret-indigo .mat-mdc-progress-spinner circle,
.egret-indigo .mat-progress-spinner circle {
  stroke-linecap: round;
}
.premium-theme .mat-mdc-tooltip, .egret-blue .mat-mdc-tooltip,
.premium-theme .mat-tooltip,
.egret-blue .mat-tooltip,
.egret-indigo .mat-mdc-tooltip,
.egret-indigo .mat-tooltip {
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border-radius: 8px;
  font-size: 0.875rem;
}
.premium-theme .mat-mdc-snack-bar-container, .egret-blue .mat-mdc-snack-bar-container,
.premium-theme .mat-snack-bar-container,
.egret-blue .mat-snack-bar-container,
.egret-indigo .mat-mdc-snack-bar-container,
.egret-indigo .mat-snack-bar-container {
  background: rgba(33, 33, 33, 0.95);
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
  border-radius: 12px;
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}

@keyframes fadeIn {
  from {
    opacity: 0;
    transform: translateY(5px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
:root {
  --color-primary-50: #fff3e0;
  --color-primary-100: #ffe0b2;
  --color-primary-200: #ffcc80;
  --color-primary-300: #ffb74d;
  --color-primary-400: #ffa726;
  --color-primary-500: #ff6700;
  --color-primary-600: #f26d35;
  --color-primary-700: #e65100;
  --color-primary-800: #d84315;
  --color-primary-900: #bf360c;
  --color-secondary-50: #fef3ed;
  --color-secondary-100: #fde1d1;
  --color-secondary-200: #fcccb3;
  --color-secondary-300: #fab794;
  --color-secondary-400: #f9a77c;
  --color-secondary-500: #ffda7c;
  --color-secondary-600: #ffd54f;
  --color-secondary-700: #ffc107;
  --color-secondary-800: #ffb300;
  --color-secondary-900: #ffa000;
  --color-accent-50: #e3f2fd;
  --color-accent-100: #bbdefb;
  --color-accent-200: #90caf9;
  --color-accent-300: #64b5f6;
  --color-accent-400: #42a5f5;
  --color-accent-500: #2196f3;
  --color-accent-600: #1976d2;
  --color-accent-700: #1565c0;
  --color-accent-800: #0d47a1;
  --color-accent-900: #0a3d91;
  --color-success-50: #e8f5e9;
  --color-success-100: #c8e6c9;
  --color-success-200: #a5d6a7;
  --color-success-300: #81c784;
  --color-success-400: #66bb6a;
  --color-success-500: #4caf50;
  --color-success-600: #43a047;
  --color-success-700: #388e3c;
  --color-success-800: #2e7d32;
  --color-success-900: #1b5e20;
  --color-warning-50: #fff8e1;
  --color-warning-100: #ffecb3;
  --color-warning-200: #ffe082;
  --color-warning-300: #ffd54f;
  --color-warning-400: #ffca28;
  --color-warning-500: #ffc107;
  --color-warning-600: #ffb300;
  --color-warning-700: #ffa000;
  --color-warning-800: #ff8f00;
  --color-warning-900: #ff6f00;
  --color-error-50: #ffebee;
  --color-error-100: #ffcdd2;
  --color-error-200: #ef9a9a;
  --color-error-300: #e57373;
  --color-error-400: #ef5350;
  --color-error-500: #f44336;
  --color-error-600: #e53935;
  --color-error-700: #d32f2f;
  --color-error-800: #c62828;
  --color-error-900: #b71c1c;
  --color-info-50: #e0f7fa;
  --color-info-100: #b2ebf2;
  --color-info-200: #80deea;
  --color-info-300: #4dd0e1;
  --color-info-400: #26c6da;
  --color-info-500: #00bcd4;
  --color-info-600: #00acc1;
  --color-info-700: #0097a7;
  --color-info-800: #00838f;
  --color-info-900: #006064;
  --color-gray-50: #fafafa;
  --color-gray-100: #f5f5f5;
  --color-gray-200: #eeeeee;
  --color-gray-300: #e0e0e0;
  --color-gray-400: #bdbdbd;
  --color-gray-500: #9e9e9e;
  --color-gray-600: #757575;
  --color-gray-700: #616161;
  --color-gray-800: #424242;
  --color-gray-900: #212121;
  --color-background: #fafafa;
  --color-background-alt: #ffffff;
  --color-surface: #ffffff;
  --color-surface-elevated: #ffffff;
  --color-text-primary: #333333;
  --color-text-secondary: #757575;
  --color-text-tertiary: #9e9e9e;
  --color-text-inverse: #ffffff;
  --color-border: #e0e0e0;
  --color-border-light: #eeeeee;
  --color-divider: #e0e0e0;
  --glass-white-10: rgba(255, 255, 255, 0.1);
  --glass-white-20: rgba(255, 255, 255, 0.2);
  --glass-white-30: rgba(255, 255, 255, 0.3);
  --glass-white-40: rgba(255, 255, 255, 0.4);
  --glass-white-50: rgba(255, 255, 255, 0.5);
  --glass-white-60: rgba(255, 255, 255, 0.6);
  --glass-white-70: rgba(255, 255, 255, 0.7);
  --glass-white-80: rgba(255, 255, 255, 0.8);
  --glass-white-90: rgba(255, 255, 255, 0.9);
  --glass-white-95: rgba(255, 255, 255, 0.95);
  --glass-dark-10: rgba(0, 0, 0, 0.1);
  --glass-dark-20: rgba(0, 0, 0, 0.2);
  --glass-dark-30: rgba(0, 0, 0, 0.3);
  --glass-dark-40: rgba(0, 0, 0, 0.4);
  --blur-xs: blur(4px);
  --blur-sm: blur(8px);
  --blur-md: blur(12px);
  --blur-lg: blur(16px);
  --blur-xl: blur(20px);
  --blur-2xl: blur(24px);
  --blur-3xl: blur(32px);
  --shadow-xs: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
  --shadow-sm: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1);
  --shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
  --shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1);
  --shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1);
  --shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
  --shadow-inner: inset 0 2px 4px 0 rgba(0, 0, 0, 0.05);
  --shadow-primary: 0 4px 14px 0 rgba(255, 103, 0, 0.3);
  --shadow-secondary: 0 4px 14px 0 rgba(255, 218, 124, 0.3);
  --shadow-accent: 0 4px 14px 0 rgba(33, 150, 243, 0.25);
  --shadow-success: 0 4px 14px 0 rgba(76, 175, 80, 0.25);
  --shadow-error: 0 4px 14px 0 rgba(244, 67, 54, 0.25);
  --space-0: 0;
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.25rem;
  --space-6: 1.5rem;
  --space-8: 2rem;
  --space-10: 2.5rem;
  --space-12: 3rem;
  --space-16: 4rem;
  --space-20: 5rem;
  --space-24: 6rem;
  --space-32: 8rem;
  --radius-none: 0;
  --radius-xs: 0.25rem;
  --radius-sm: 0.5rem;
  --radius-md: 0.75rem;
  --radius-lg: 1rem;
  --radius-xl: 1.25rem;
  --radius-2xl: 1.5rem;
  --radius-3xl: 2rem;
  --radius-full: 9999px;
  --font-display: "Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-body: "Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-mono: "JetBrains Mono", "Fira Code", "Courier New", monospace;
  --text-xs: 0.75rem;
  --text-sm: 0.875rem;
  --text-base: 1rem;
  --text-lg: 1.125rem;
  --text-xl: 1.25rem;
  --text-2xl: 1.5rem;
  --text-3xl: 1.875rem;
  --text-4xl: 2.25rem;
  --text-5xl: 3rem;
  --text-6xl: 3.75rem;
  --font-thin: 100;
  --font-light: 300;
  --font-normal: 400;
  --font-medium: 500;
  --font-semibold: 600;
  --font-bold: 700;
  --font-extrabold: 800;
  --font-black: 900;
  --leading-none: 1;
  --leading-tight: 1.25;
  --leading-snug: 1.375;
  --leading-normal: 1.5;
  --leading-relaxed: 1.625;
  --leading-loose: 2;
  --tracking-tighter: -0.05em;
  --tracking-tight: -0.025em;
  --tracking-normal: 0;
  --tracking-wide: 0.025em;
  --tracking-wider: 0.05em;
  --tracking-widest: 0.1em;
  --duration-instant: 0ms;
  --duration-fast: 150ms;
  --duration-normal: 250ms;
  --duration-slow: 350ms;
  --duration-slower: 500ms;
  --duration-slowest: 750ms;
  --ease-linear: linear;
  --ease-in: cubic-bezier(0.4, 0, 1, 1);
  --ease-out: cubic-bezier(0, 0, 0.2, 1);
  --ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);
  --ease-smooth: cubic-bezier(0.25, 0.46, 0.45, 0.94);
  --ease-bounce: cubic-bezier(0.68, -0.55, 0.265, 1.55);
  --ease-elastic: cubic-bezier(0.175, 0.885, 0.32, 1.275);
  --transition-base: all var(--duration-normal) var(--ease-in-out);
  --transition-fast: all var(--duration-fast) var(--ease-in-out);
  --transition-slow: all var(--duration-slow) var(--ease-in-out);
  --transition-smooth: all var(--duration-normal) var(--ease-smooth);
  --transition-bounce: all var(--duration-slow) var(--ease-bounce);
  --z-base: 0;
  --z-dropdown: 1000;
  --z-sticky: 1100;
  --z-fixed: 1200;
  --z-modal-backdrop: 1300;
  --z-modal: 1400;
  --z-popover: 1500;
  --z-tooltip: 1600;
  --z-toast: 1700;
  --breakpoint-xs: 0;
  --breakpoint-sm: 600px;
  --breakpoint-md: 960px;
  --breakpoint-lg: 1280px;
  --breakpoint-xl: 1920px;
  --gradient-primary: linear-gradient(135deg, var(--color-primary-600) 0%, var(--color-primary-400) 100%);
  --gradient-secondary: linear-gradient(135deg, var(--color-secondary-600) 0%, var(--color-secondary-400) 100%);
  --gradient-accent: linear-gradient(135deg, var(--color-accent-600) 0%, var(--color-accent-400) 100%);
  --gradient-sunset: linear-gradient(135deg, #ff6b6b 0%, #feca57 50%, #48dbfb 100%);
  --gradient-ocean: linear-gradient(135deg, var(--color-primary-700) 0%, var(--color-info-500) 100%);
  --gradient-aurora: linear-gradient(135deg, var(--color-accent-500) 0%, var(--color-primary-500) 50%, var(--color-info-500) 100%);
  --gradient-mesh: radial-gradient(at 40% 20%, var(--color-primary-200) 0px, transparent 50%),
                   radial-gradient(at 80% 0%, var(--color-accent-200) 0px, transparent 50%),
                   radial-gradient(at 0% 50%, var(--color-info-200) 0px, transparent 50%);
}

.glass-card {
  background: var(--glass-white-80);
  backdrop-filter: var(--blur-lg);
  -webkit-backdrop-filter: var(--blur-lg);
  border: 1px solid var(--glass-white-40);
  border-radius: var(--radius-xl);
  box-shadow: var(--shadow-lg);
  transition: var(--transition-smooth);
}
.glass-card:hover {
  background: var(--glass-white-90);
  box-shadow: var(--shadow-xl);
  transform: translateY(-2px);
}

.glass-card-frosted {
  background: var(--glass-white-70);
  backdrop-filter: var(--blur-xl);
  -webkit-backdrop-filter: var(--blur-xl);
}

.glass-card-subtle {
  background: var(--glass-white-95);
  backdrop-filter: var(--blur-sm);
  -webkit-backdrop-filter: var(--blur-sm);
}

.glass-card-heavy {
  background: var(--glass-white-60);
  backdrop-filter: var(--blur-2xl);
  -webkit-backdrop-filter: var(--blur-2xl);
}

.glass-overlay {
  background: var(--glass-white-20);
  backdrop-filter: var(--blur-md);
  -webkit-backdrop-filter: var(--blur-md);
}

.shadow-xs {
  box-shadow: var(--shadow-xs);
}

.shadow-sm {
  box-shadow: var(--shadow-sm);
}

.shadow-md {
  box-shadow: var(--shadow-md);
}

.shadow-lg {
  box-shadow: var(--shadow-lg);
}

.shadow-xl {
  box-shadow: var(--shadow-xl);
}

.shadow-2xl {
  box-shadow: var(--shadow-2xl);
}

.shadow-inner {
  box-shadow: var(--shadow-inner);
}

.shadow-none {
  box-shadow: none;
}

.shadow-primary {
  box-shadow: var(--shadow-primary);
}

.shadow-secondary {
  box-shadow: var(--shadow-secondary);
}

.shadow-accent {
  box-shadow: var(--shadow-accent);
}

.shadow-success {
  box-shadow: var(--shadow-success);
}

.shadow-error {
  box-shadow: var(--shadow-error);
}

.bg-gradient-primary {
  background: var(--gradient-primary);
}

.bg-gradient-secondary {
  background: var(--gradient-secondary);
}

.bg-gradient-accent {
  background: var(--gradient-accent);
}

.bg-gradient-sunset {
  background: var(--gradient-sunset);
}

.bg-gradient-ocean {
  background: var(--gradient-ocean);
}

.bg-gradient-aurora {
  background: var(--gradient-aurora);
}

.bg-gradient-mesh {
  background: var(--gradient-mesh);
  background-color: var(--color-background);
}

@keyframes fadeIn {
  from {
    opacity: 0;
    transform: translateY(10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes slideInRight {
  from {
    opacity: 0;
    transform: translateX(30px);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes slideInLeft {
  from {
    opacity: 0;
    transform: translateX(-30px);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes scaleIn {
  from {
    opacity: 0;
    transform: scale(0.9);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}
@keyframes pulse {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0.7;
  }
}
@keyframes shimmer {
  0% {
    background-position: -1000px 0;
  }
  100% {
    background-position: 1000px 0;
  }
}
.animate-fade-in {
  animation: fadeIn var(--duration-normal) var(--ease-out);
}

.animate-slide-in-right {
  animation: slideInRight var(--duration-normal) var(--ease-out);
}

.animate-slide-in-left {
  animation: slideInLeft var(--duration-normal) var(--ease-out);
}

.animate-scale-in {
  animation: scaleIn var(--duration-normal) var(--ease-out);
}

.animate-pulse {
  animation: pulse 2s var(--ease-in-out) infinite;
}

.stagger-animate > * {
  animation: fadeIn var(--duration-normal) var(--ease-out) backwards;
}

.stagger-animate > *:nth-child(1) {
  animation-delay: 0ms;
}

.stagger-animate > *:nth-child(2) {
  animation-delay: 50ms;
}

.stagger-animate > *:nth-child(3) {
  animation-delay: 100ms;
}

.stagger-animate > *:nth-child(4) {
  animation-delay: 150ms;
}

.stagger-animate > *:nth-child(5) {
  animation-delay: 200ms;
}

.stagger-animate > *:nth-child(6) {
  animation-delay: 250ms;
}

.stagger-animate > *:nth-child(7) {
  animation-delay: 300ms;
}

.stagger-animate > *:nth-child(8) {
  animation-delay: 350ms;
}

[fxLayout=row] {
  display: flex;
  flex-direction: row;
}

[fxLayout=column] {
  display: flex;
  flex-direction: column;
}

[fxLayout="row wrap"] {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}

[fxLayout="column wrap"] {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
}

[fxFlex] {
  flex: 1 1 auto;
  box-sizing: border-box;
}

[fxFlex="50"] {
  flex: 1 1 50%;
  max-width: 50%;
  box-sizing: border-box;
}

[fxFlex="100"] {
  flex: 1 1 100%;
  max-width: 100%;
  box-sizing: border-box;
}

[fxFlex="33"] {
  flex: 1 1 33.33%;
  max-width: 33.33%;
  box-sizing: border-box;
}

[fxFlex="66"] {
  flex: 1 1 66.66%;
  max-width: 66.66%;
  box-sizing: border-box;
}

[fxFlex="25"] {
  flex: 1 1 25%;
  max-width: 25%;
  box-sizing: border-box;
}

[fxFlex="75"] {
  flex: 1 1 75%;
  max-width: 75%;
  box-sizing: border-box;
}

[fxFlex=auto] {
  flex: 1 1 auto;
  box-sizing: border-box;
}

[fxFlex=none] {
  flex: 0 0 auto;
  box-sizing: border-box;
}

[fxLayoutAlign="center center"] {
  display: flex;
  justify-content: center;
  align-items: center;
}

[fxLayoutAlign="start center"] {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

[fxLayoutAlign="end center"] {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}

[fxLayoutAlign="space-between center"] {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

[fxLayoutAlign="space-around center"] {
  display: flex;
  justify-content: space-around;
  align-items: center;
}

[fxLayoutAlign="center start"] {
  display: flex;
  justify-content: center;
  align-items: flex-start;
}

[fxLayoutAlign="center end"] {
  display: flex;
  justify-content: center;
  align-items: flex-end;
}

[fxLayoutAlign="start start"] {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
}

[fxLayoutAlign="end end"] {
  display: flex;
  justify-content: flex-end;
  align-items: flex-end;
}

[fxLayoutGap="4px"] > *:not(:last-child) {
  margin-right: 4px;
  margin-bottom: 0;
}

[fxLayoutGap="8px"] > *:not(:last-child) {
  margin-right: 8px;
  margin-bottom: 0;
}

[fxLayoutGap="16px"] > *:not(:last-child) {
  margin-right: 16px;
  margin-bottom: 0;
}

[fxLayoutGap="24px"] > *:not(:last-child) {
  margin-right: 24px;
  margin-bottom: 0;
}

[fxLayoutGap="32px"] > *:not(:last-child) {
  margin-right: 32px;
  margin-bottom: 0;
}

[fxLayout=column][fxLayoutGap="4px"] > *:not(:last-child) {
  margin-bottom: 4px;
  margin-right: 0;
}

[fxLayout=column][fxLayoutGap="8px"] > *:not(:last-child) {
  margin-bottom: 8px;
  margin-right: 0;
}

[fxLayout=column][fxLayoutGap="16px"] > *:not(:last-child) {
  margin-bottom: 16px;
  margin-right: 0;
}

[fxLayout=column][fxLayoutGap="24px"] > *:not(:last-child) {
  margin-bottom: 24px;
  margin-right: 0;
}

[fxLayout=column][fxLayoutGap="32px"] > *:not(:last-child) {
  margin-bottom: 32px;
  margin-right: 0;
}

[fxHide] {
  display: none !important;
}

[fxShow] {
  display: block !important;
}

[fxHide\.xs] {
  display: block !important;
}

[fxShow\.xs] {
  display: none !important;
}

[fxHide\.sm] {
  display: block !important;
}

[fxShow\.sm] {
  display: none !important;
}

[fxHide\.gt-sm] {
  display: block !important;
}

[fxShow\.gt-sm] {
  display: none !important;
}

[fxHide\.md] {
  display: block !important;
}

[fxShow\.md] {
  display: none !important;
}

[fxHide\.gt-md] {
  display: block !important;
}

[fxShow\.gt-md] {
  display: none !important;
}

@media (max-width: 599px) {
  [fxHide\.xs] {
    display: none !important;
  }
  [fxShow\.xs] {
    display: block !important;
  }
}
@media (min-width: 600px) and (max-width: 959px) {
  [fxHide\.sm] {
    display: none !important;
  }
  [fxShow\.sm] {
    display: block !important;
  }
}
@media (min-width: 960px) {
  [fxHide\.gt-sm] {
    display: none !important;
  }
  [fxShow\.gt-sm] {
    display: block !important;
  }
}
@media (min-width: 960px) and (max-width: 1279px) {
  [fxHide\.md] {
    display: none !important;
  }
  [fxShow\.md] {
    display: block !important;
  }
}
@media (min-width: 1280px) {
  [fxHide\.gt-md] {
    display: none !important;
  }
  [fxShow\.gt-md] {
    display: block !important;
  }
}
.uq-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: var(--space-2);
  padding: 10px 24px;
  font-family: var(--font-body);
  font-size: 14px;
  font-weight: 500;
  line-height: 1.5;
  text-align: center;
  text-decoration: none;
  white-space: nowrap;
  vertical-align: middle;
  cursor: pointer;
  -webkit-user-select: none;
          user-select: none;
  border: none;
  border-radius: 12px;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  position: relative;
  overflow: hidden;
}
.uq-btn::before {
  content: "";
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.3), transparent);
  transition: left 0.5s;
}
.uq-btn:hover:not(:disabled)::before {
  left: 100%;
}
.uq-btn:hover:not(:disabled) {
  transform: translateY(-2px);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.15);
}
.uq-btn:active:not(:disabled) {
  transform: translateY(0);
}
.uq-btn:focus-visible {
  outline: 3px solid rgba(255, 103, 0, 0.3);
  outline-offset: 2px;
}
.uq-btn:disabled {
  opacity: 0.6;
  cursor: not-allowed;
  transform: none !important;
}
.uq-btn mat-icon {
  font-size: 20px;
  width: 20px;
  height: 20px;
  line-height: 20px;
}

.uq-btn-primary {
  background: linear-gradient(135deg, #ff6700 0%, #f26d35 100%);
  color: #ffffff;
  box-shadow: 0 4px 14px rgba(255, 103, 0, 0.35);
}
.uq-btn-primary:hover:not(:disabled) {
  background: linear-gradient(135deg, #f26d35 0%, #e65100 100%);
  box-shadow: 0 6px 20px rgba(255, 103, 0, 0.45);
}

.uq-btn-secondary {
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.95) 0%, rgba(255, 255, 255, 0.9) 100%);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: 2px solid rgba(255, 103, 0, 0.3);
  color: #ff6700;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
}
.uq-btn-secondary:hover:not(:disabled) {
  background: linear-gradient(135deg, rgba(255, 103, 0, 0.1) 0%, rgba(255, 103, 0, 0.15) 100%);
  border-color: rgba(255, 103, 0, 0.6);
  color: #e65100;
  box-shadow: 0 4px 16px rgba(255, 103, 0, 0.2);
}

.uq-btn-cancel,
.uq-btn-ghost {
  background: transparent;
  color: rgba(0, 0, 0, 0.7);
  box-shadow: none;
  border: 2px solid rgba(0, 0, 0, 0.12);
}
.uq-btn-cancel:hover:not(:disabled),
.uq-btn-ghost:hover:not(:disabled) {
  background: rgba(0, 0, 0, 0.04);
  border-color: rgba(0, 0, 0, 0.2);
  color: rgba(0, 0, 0, 0.87);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
}

.uq-btn-success {
  background: linear-gradient(135deg, #4caf50 0%, #66bb6a 100%);
  color: #ffffff;
  box-shadow: 0 4px 14px rgba(76, 175, 80, 0.35);
}
.uq-btn-success:hover:not(:disabled) {
  background: linear-gradient(135deg, #388e3c 0%, #4caf50 100%);
  box-shadow: 0 6px 20px rgba(76, 175, 80, 0.45);
}

.uq-btn-danger,
.uq-btn-error {
  background: linear-gradient(135deg, #f44336 0%, #ef5350 100%);
  color: #ffffff;
  box-shadow: 0 4px 14px rgba(244, 67, 54, 0.35);
}
.uq-btn-danger:hover:not(:disabled),
.uq-btn-error:hover:not(:disabled) {
  background: linear-gradient(135deg, #d32f2f 0%, #f44336 100%);
  box-shadow: 0 6px 20px rgba(244, 67, 54, 0.45);
}

.uq-btn-warning {
  background: linear-gradient(135deg, #ffc107 0%, #ffca28 100%);
  color: rgba(0, 0, 0, 0.87);
  box-shadow: 0 4px 14px rgba(255, 193, 7, 0.35);
}
.uq-btn-warning:hover:not(:disabled) {
  background: linear-gradient(135deg, #ffa000 0%, #ffc107 100%);
  box-shadow: 0 6px 20px rgba(255, 193, 7, 0.45);
}

.uq-btn-outline {
  background: rgba(255, 255, 255, 0.9);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  border: 2px solid rgba(255, 103, 0, 0.5);
  color: #ff6700;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
}
.uq-btn-outline:hover:not(:disabled) {
  background: rgba(255, 103, 0, 0.08);
  border-color: #ff6700;
  color: #e65100;
  box-shadow: 0 4px 16px rgba(255, 103, 0, 0.15);
}

.uq-btn-glass {
  background: rgba(255, 255, 255, 0.8);
  backdrop-filter: blur(20px) saturate(180%);
  -webkit-backdrop-filter: blur(20px) saturate(180%);
  border: 1px solid rgba(255, 255, 255, 0.4);
  color: rgba(0, 0, 0, 0.8);
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
}
.uq-btn-glass:hover:not(:disabled) {
  background: rgba(255, 255, 255, 0.95);
  border-color: rgba(255, 103, 0, 0.3);
  color: #ff6700;
  box-shadow: 0 6px 24px rgba(0, 0, 0, 0.15);
}

.uq-btn-sm {
  padding: 6px 16px;
  font-size: 13px;
  border-radius: var(--radius-md);
}
.uq-btn-sm mat-icon {
  font-size: 16px;
  width: 16px;
  height: 16px;
}

.uq-btn-lg {
  padding: var(--space-4) var(--space-8);
  font-size: var(--text-base);
  border-radius: var(--radius-xl);
}
.uq-btn-lg mat-icon {
  font-size: 20px;
  width: 20px;
  height: 20px;
}

.uq-btn-icon {
  padding: var(--space-3);
  border-radius: var(--radius-full);
}
.uq-btn-icon mat-icon {
  margin: 0;
}

.uq-card, .uq-grid-card, .uq-stat-card {
  background: rgba(255, 255, 255, 0.95);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: 1px solid rgba(0, 0, 0, 0.08);
  border-radius: var(--radius-xl);
  padding: var(--space-6);
  box-shadow: var(--shadow-md);
  transition: all var(--duration-normal) var(--ease-in-out);
}
.uq-card:hover, .uq-grid-card:hover, .uq-stat-card:hover {
  box-shadow: var(--shadow-lg);
  transform: translateY(-2px);
  border-color: rgba(255, 103, 0, 0.2);
}

.uq-card-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: var(--space-4);
  padding-bottom: var(--space-4);
  border-bottom: 1px solid var(--color-border-light);
}
.uq-card-header .uq-card-title {
  margin: 0;
  font-size: var(--text-xl);
  font-weight: var(--font-semibold);
  color: var(--color-text-primary);
}
.uq-card-header .uq-card-actions {
  display: flex;
  align-items: center;
  gap: var(--space-2);
}

.uq-card-body {
  color: var(--color-text-secondary);
  font-size: var(--text-base);
  line-height: var(--leading-relaxed);
}

.uq-card-footer {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: var(--space-3);
  margin-top: var(--space-4);
  padding-top: var(--space-4);
  border-top: 1px solid var(--color-border-light);
}

.uq-card-glass {
  background: var(--glass-white-70);
  backdrop-filter: var(--blur-xl);
  -webkit-backdrop-filter: var(--blur-xl);
  border: 1px solid var(--glass-white-30);
}

.uq-card-elevated {
  box-shadow: var(--shadow-xl);
}
.uq-card-elevated:hover {
  box-shadow: var(--shadow-2xl);
}

.uq-card-flat {
  box-shadow: none;
  border: 1px solid var(--color-border);
}
.uq-card-flat:hover {
  box-shadow: var(--shadow-sm);
}

.uq-card-primary {
  border-color: var(--color-primary-300);
  background: linear-gradient(135deg, rgba(255, 103, 0, 0.03) 0%, rgba(255, 103, 0, 0.01) 100%);
}
.uq-card-primary .uq-card-header {
  border-bottom-color: var(--color-primary-200);
}
.uq-card-primary .uq-card-header .uq-card-title {
  color: var(--color-primary-700);
}

.uq-card-success {
  border-color: var(--color-success-300);
  background: linear-gradient(135deg, rgba(76, 175, 80, 0.03) 0%, rgba(76, 175, 80, 0.01) 100%);
}
.uq-card-success .uq-card-header .uq-card-title {
  color: var(--color-success-700);
}

.uq-card-warning {
  border-color: var(--color-warning-300);
  background: linear-gradient(135deg, rgba(255, 193, 7, 0.03) 0%, rgba(255, 193, 7, 0.01) 100%);
}
.uq-card-warning .uq-card-header .uq-card-title {
  color: var(--color-warning-700);
}

.uq-card-error {
  border-color: var(--color-error-300);
  background: linear-gradient(135deg, rgba(244, 67, 54, 0.03) 0%, rgba(244, 67, 54, 0.01) 100%);
}
.uq-card-error .uq-card-header .uq-card-title {
  color: var(--color-error-700);
}

.uq-badge {
  display: inline-flex;
  align-items: center;
  gap: var(--space-1);
  padding: var(--space-1) var(--space-3);
  font-size: var(--text-xs);
  font-weight: var(--font-medium);
  line-height: 1;
  border-radius: var(--radius-full);
  white-space: nowrap;
}

.uq-badge-primary {
  background: var(--color-primary-100);
  color: var(--color-primary-700);
}

.uq-badge-secondary {
  background: var(--color-secondary-100);
  color: var(--color-secondary-900);
}

.uq-badge-success {
  background: var(--color-success-100);
  color: var(--color-success-700);
}

.uq-badge-warning {
  background: var(--color-warning-100);
  color: var(--color-warning-900);
}

.uq-badge-error {
  background: var(--color-error-100);
  color: var(--color-error-700);
}

.uq-badge-info {
  background: var(--color-info-100);
  color: var(--color-info-700);
}

.uq-badge-gray {
  background: var(--color-gray-100);
  color: var(--color-gray-700);
}

.uq-badge-dot::before {
  content: "";
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: currentColor;
}

.uq-input-group {
  display: flex;
  flex-direction: column;
  gap: var(--space-2);
  margin-bottom: var(--space-4);
}

.uq-label {
  display: block;
  font-size: var(--text-sm);
  font-weight: var(--font-medium);
  color: var(--color-text-primary);
  margin-bottom: var(--space-2);
}

.uq-input, .uq-select, .uq-textarea {
  width: 100%;
  padding: var(--space-3) var(--space-4);
  font-size: var(--text-base);
  font-family: var(--font-body);
  color: var(--color-text-primary);
  background: var(--color-surface);
  border: 1.5px solid var(--color-border);
  border-radius: var(--radius-lg);
  transition: all var(--duration-fast) var(--ease-in-out);
}
.uq-input:hover:not(:disabled), .uq-select:hover:not(:disabled), .uq-textarea:hover:not(:disabled) {
  border-color: var(--color-primary-400);
}
.uq-input:focus, .uq-select:focus, .uq-textarea:focus {
  outline: none;
  border-color: var(--color-primary-600);
  box-shadow: 0 0 0 3px rgba(255, 103, 0, 0.1);
}
.uq-input:disabled, .uq-select:disabled, .uq-textarea:disabled {
  background: var(--color-gray-50);
  color: var(--color-text-tertiary);
  cursor: not-allowed;
}
.uq-input::placeholder, .uq-select::placeholder, .uq-textarea::placeholder {
  color: var(--color-text-tertiary);
}

.uq-textarea {
  min-height: 100px;
  resize: vertical;
}

.uq-select {
  appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23757575' d='M6 9L1 4h10z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right var(--space-4) center;
  padding-right: var(--space-10);
}

.uq-input-error {
  color: var(--color-error-600);
  font-size: var(--text-xs);
  margin-top: var(--space-1);
}

.uq-input-hint {
  color: var(--color-text-secondary);
  font-size: var(--text-xs);
  margin-top: var(--space-1);
}

.uq-stat-card {
  display: flex;
  align-items: center;
  gap: var(--space-4);
  padding: var(--space-5);
}
.uq-stat-card .uq-stat-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 64px;
  height: 64px;
  border-radius: var(--radius-xl);
  background: linear-gradient(135deg, var(--color-primary-500) 0%, var(--color-primary-600) 100%);
  color: white;
  box-shadow: var(--shadow-primary);
}
.uq-stat-card .uq-stat-icon mat-icon {
  font-size: 32px;
  width: 32px;
  height: 32px;
}
.uq-stat-card .uq-stat-content {
  flex: 1;
}
.uq-stat-card .uq-stat-content .uq-stat-label {
  font-size: var(--text-sm);
  color: var(--color-text-secondary);
  margin-bottom: var(--space-1);
}
.uq-stat-card .uq-stat-content .uq-stat-value {
  font-size: var(--text-3xl);
  font-weight: var(--font-bold);
  color: var(--color-text-primary);
  line-height: 1.2;
}
.uq-stat-card .uq-stat-content .uq-stat-change {
  display: flex;
  align-items: center;
  gap: var(--space-1);
  font-size: var(--text-xs);
  margin-top: var(--space-2);
}
.uq-stat-card .uq-stat-content .uq-stat-change.positive {
  color: var(--color-success-600);
}
.uq-stat-card .uq-stat-content .uq-stat-change.negative {
  color: var(--color-error-600);
}

.uq-stat-icon-success {
  background: linear-gradient(135deg, var(--color-success-500) 0%, var(--color-success-600) 100%) !important;
  box-shadow: var(--shadow-success) !important;
}

.uq-stat-icon-warning {
  background: linear-gradient(135deg, var(--color-warning-500) 0%, var(--color-warning-600) 100%) !important;
  box-shadow: 0 4px 14px 0 rgba(255, 193, 7, 0.3) !important;
}

.uq-stat-icon-error {
  background: linear-gradient(135deg, var(--color-error-500) 0%, var(--color-error-600) 100%) !important;
  box-shadow: var(--shadow-error) !important;
}

.uq-stat-icon-accent {
  background: linear-gradient(135deg, var(--color-accent-500) 0%, var(--color-accent-600) 100%) !important;
  box-shadow: var(--shadow-accent) !important;
}

.uq-alert {
  display: flex;
  align-items: flex-start;
  gap: var(--space-3);
  padding: var(--space-4);
  border-radius: var(--radius-lg);
  border-left: 4px solid;
  font-size: var(--text-sm);
  line-height: var(--leading-relaxed);
}
.uq-alert mat-icon {
  font-size: 20px;
  width: 20px;
  height: 20px;
  flex-shrink: 0;
}
.uq-alert .uq-alert-content {
  flex: 1;
}
.uq-alert .uq-alert-content .uq-alert-title {
  font-weight: var(--font-semibold);
  margin-bottom: var(--space-1);
}

.uq-alert-success {
  background: var(--color-success-50);
  border-color: var(--color-success-600);
  color: var(--color-success-900);
}
.uq-alert-success mat-icon {
  color: var(--color-success-600);
}

.uq-alert-warning {
  background: var(--color-warning-50);
  border-color: var(--color-warning-600);
  color: var(--color-warning-900);
}
.uq-alert-warning mat-icon {
  color: var(--color-warning-600);
}

.uq-alert-error {
  background: var(--color-error-50);
  border-color: var(--color-error-600);
  color: var(--color-error-900);
}
.uq-alert-error mat-icon {
  color: var(--color-error-600);
}

.uq-alert-info {
  background: var(--color-info-50);
  border-color: var(--color-info-600);
  color: var(--color-info-900);
}
.uq-alert-info mat-icon {
  color: var(--color-info-600);
}

.uq-progress {
  width: 100%;
  height: 8px;
  background: var(--color-gray-200);
  border-radius: var(--radius-full);
  overflow: hidden;
  position: relative;
}
.uq-progress .uq-progress-bar {
  height: 100%;
  background: linear-gradient(90deg, var(--color-primary-500) 0%, var(--color-primary-600) 100%);
  border-radius: var(--radius-full);
  transition: width var(--duration-slow) var(--ease-in-out);
  position: relative;
  overflow: hidden;
}
.uq-progress .uq-progress-bar::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.3), transparent);
  animation: shimmer 2s infinite;
}

.uq-progress-success .uq-progress-bar {
  background: linear-gradient(90deg, var(--color-success-500) 0%, var(--color-success-600) 100%);
}

.uq-progress-warning .uq-progress-bar {
  background: linear-gradient(90deg, var(--color-warning-500) 0%, var(--color-warning-600) 100%);
}

.uq-progress-error .uq-progress-bar {
  background: linear-gradient(90deg, var(--color-error-500) 0%, var(--color-error-600) 100%);
}

.uq-divider {
  height: 1px;
  background: var(--color-divider);
  margin: var(--space-4) 0;
  border: none;
}

.uq-divider-vertical {
  width: 1px;
  height: auto;
  background: var(--color-divider);
  margin: 0 var(--space-4);
}

.uq-divider-dashed {
  background: none;
  border-top: 1px dashed var(--color-divider);
}

.uq-divider-text {
  display: flex;
  align-items: center;
  text-align: center;
  margin: var(--space-6) 0;
}
.uq-divider-text::before, .uq-divider-text::after {
  content: "";
  flex: 1;
  height: 1px;
  background: var(--color-divider);
}
.uq-divider-text span {
  padding: 0 var(--space-4);
  font-size: var(--text-sm);
  color: var(--color-text-secondary);
  font-weight: var(--font-medium);
}

.uq-skeleton, .table-skeleton-row .skeleton-cell {
  background: linear-gradient(90deg, var(--color-gray-200) 0%, var(--color-gray-300) 50%, var(--color-gray-200) 100%);
  background-size: 200% 100%;
  animation: shimmer 1.5s ease-in-out infinite;
  border-radius: var(--radius-md);
}

.uq-skeleton-text {
  height: 16px;
  margin-bottom: var(--space-2);
  width: 100%;
}
.uq-skeleton-text:last-child {
  width: 80%;
}

.uq-skeleton-title {
  height: 24px;
  width: 60%;
  margin-bottom: var(--space-4);
}

.uq-skeleton-avatar {
  width: 48px;
  height: 48px;
  border-radius: var(--radius-full);
}

.uq-skeleton-button {
  height: 40px;
  width: 120px;
  border-radius: var(--radius-lg);
}

.uq-empty-state {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: var(--space-12) var(--space-6);
  text-align: center;
}
.uq-empty-state mat-icon {
  font-size: 64px;
  width: 64px;
  height: 64px;
  color: var(--color-gray-400);
  margin-bottom: var(--space-4);
}
.uq-empty-state .uq-empty-title {
  font-size: var(--text-xl);
  font-weight: var(--font-semibold);
  color: var(--color-text-primary);
  margin-bottom: var(--space-2);
}
.uq-empty-state .uq-empty-description {
  font-size: var(--text-base);
  color: var(--color-text-secondary);
  max-width: 400px;
  margin-bottom: var(--space-6);
}

.uq-table-container {
  background: rgba(255, 255, 255, 0.95);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: 1px solid rgba(0, 0, 0, 0.08);
  border-radius: var(--radius-xl);
  overflow: hidden;
  box-shadow: var(--shadow-md);
  transition: all var(--duration-normal) var(--ease-in-out);
}
.uq-table-container:hover {
  box-shadow: var(--shadow-lg);
}

.mat-mdc-table,
.mat-table {
  width: 100%;
  background: transparent;
}
.mat-mdc-table .mat-mdc-header-row,
.mat-mdc-table .mat-header-row,
.mat-table .mat-mdc-header-row,
.mat-table .mat-header-row {
  background: linear-gradient(135deg, rgba(255, 103, 0, 0.06) 0%, rgba(255, 103, 0, 0.03) 100%);
  border-bottom: 2px solid var(--color-primary-200);
  min-height: 56px;
}
.mat-mdc-table .mat-mdc-header-cell,
.mat-mdc-table .mat-header-cell,
.mat-table .mat-mdc-header-cell,
.mat-table .mat-header-cell {
  font-size: var(--text-sm);
  font-weight: var(--font-semibold);
  color: var(--color-text-primary);
  padding: var(--space-4) var(--space-3);
  text-transform: uppercase;
  letter-spacing: 0.5px;
  border-bottom: none;
}
.mat-mdc-table .mat-mdc-row,
.mat-mdc-table .mat-row,
.mat-table .mat-mdc-row,
.mat-table .mat-row {
  min-height: 64px;
  border-bottom: 1px solid var(--color-border-light);
  transition: all var(--duration-fast) var(--ease-in-out);
  position: relative;
}
.mat-mdc-table .mat-mdc-row::after,
.mat-mdc-table .mat-row::after,
.mat-table .mat-mdc-row::after,
.mat-table .mat-row::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: -1px;
  height: 2px;
  background: linear-gradient(90deg, var(--color-primary-500) 0%, var(--color-primary-300) 100%);
  transform: scaleX(0);
  transition: transform var(--duration-normal) var(--ease-in-out);
}
.mat-mdc-table .mat-mdc-row:hover,
.mat-mdc-table .mat-row:hover,
.mat-table .mat-mdc-row:hover,
.mat-table .mat-row:hover {
  background: rgba(255, 103, 0, 0.04);
  transform: scale(1.005);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
}
.mat-mdc-table .mat-mdc-row:hover::after,
.mat-mdc-table .mat-row:hover::after,
.mat-table .mat-mdc-row:hover::after,
.mat-table .mat-row:hover::after {
  transform: scaleX(1);
}
.mat-mdc-table .mat-mdc-row:last-child,
.mat-mdc-table .mat-row:last-child,
.mat-table .mat-mdc-row:last-child,
.mat-table .mat-row:last-child {
  border-bottom: none;
}
.mat-mdc-table .mat-mdc-cell,
.mat-mdc-table .mat-cell,
.mat-table .mat-mdc-cell,
.mat-table .mat-cell {
  font-size: var(--text-sm);
  color: var(--color-text-secondary);
  padding: var(--space-4) var(--space-3);
  border-bottom: none;
}
.mat-mdc-table .mat-mdc-cell .status-badge,
.mat-mdc-table .mat-cell .status-badge,
.mat-table .mat-mdc-cell .status-badge,
.mat-table .mat-cell .status-badge {
  display: inline-flex;
  align-items: center;
  gap: var(--space-1);
  padding: var(--space-1) var(--space-3);
  border-radius: var(--radius-full);
  font-size: var(--text-xs);
  font-weight: var(--font-medium);
}
.mat-mdc-table .mat-mdc-cell .status-badge.active,
.mat-mdc-table .mat-cell .status-badge.active,
.mat-table .mat-mdc-cell .status-badge.active,
.mat-table .mat-cell .status-badge.active {
  background: var(--color-success-100);
  color: var(--color-success-700);
}
.mat-mdc-table .mat-mdc-cell .status-badge.inactive,
.mat-mdc-table .mat-cell .status-badge.inactive,
.mat-table .mat-mdc-cell .status-badge.inactive,
.mat-table .mat-cell .status-badge.inactive {
  background: var(--color-error-100);
  color: var(--color-error-700);
}
.mat-mdc-table .mat-mdc-cell .status-badge.pending,
.mat-mdc-table .mat-cell .status-badge.pending,
.mat-table .mat-mdc-cell .status-badge.pending,
.mat-table .mat-cell .status-badge.pending {
  background: var(--color-warning-100);
  color: var(--color-warning-900);
}
.mat-mdc-table .mat-mdc-cell .cell-actions,
.mat-mdc-table .mat-cell .cell-actions,
.mat-table .mat-mdc-cell .cell-actions,
.mat-table .mat-cell .cell-actions {
  display: flex;
  gap: var(--space-2);
  align-items: center;
}
.mat-mdc-table .mat-mdc-cell .cell-actions button,
.mat-mdc-table .mat-cell .cell-actions button,
.mat-table .mat-mdc-cell .cell-actions button,
.mat-table .mat-cell .cell-actions button {
  min-width: auto;
  padding: var(--space-2);
  border-radius: var(--radius-md);
  transition: all var(--duration-fast) var(--ease-in-out);
}
.mat-mdc-table .mat-mdc-cell .cell-actions button:hover,
.mat-mdc-table .mat-cell .cell-actions button:hover,
.mat-table .mat-mdc-cell .cell-actions button:hover,
.mat-table .mat-cell .cell-actions button:hover {
  background: rgba(255, 103, 0, 0.1);
  transform: scale(1.1);
}

.uq-table-striped .mat-mdc-row:nth-child(even),
.uq-table-striped .mat-row:nth-child(even) {
  background: rgba(0, 0, 0, 0.02);
}

.uq-table-compact .mat-mdc-header-row,
.uq-table-compact .mat-header-row {
  min-height: 48px;
}
.uq-table-compact .mat-mdc-row,
.uq-table-compact .mat-row {
  min-height: 48px;
}
.uq-table-compact .mat-mdc-header-cell,
.uq-table-compact .mat-header-cell,
.uq-table-compact .mat-mdc-cell,
.uq-table-compact .mat-cell {
  padding: var(--space-2) var(--space-3);
}

.uq-list-container {
  background: rgba(255, 255, 255, 0.95);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: 1px solid rgba(0, 0, 0, 0.08);
  border-radius: var(--radius-xl);
  overflow: hidden;
  box-shadow: var(--shadow-md);
}

.mat-mdc-list,
.mat-list,
.mat-nav-list {
  padding: var(--space-2) 0;
}
.mat-mdc-list .mat-mdc-list-item,
.mat-mdc-list .mat-list-item,
.mat-list .mat-mdc-list-item,
.mat-list .mat-list-item,
.mat-nav-list .mat-mdc-list-item,
.mat-nav-list .mat-list-item {
  min-height: 64px;
  padding: var(--space-3) var(--space-4);
  margin: var(--space-1) var(--space-2);
  border-radius: var(--radius-lg);
  transition: all var(--duration-fast) var(--ease-in-out);
  position: relative;
  overflow: hidden;
}
.mat-mdc-list .mat-mdc-list-item::before,
.mat-mdc-list .mat-list-item::before,
.mat-list .mat-mdc-list-item::before,
.mat-list .mat-list-item::before,
.mat-nav-list .mat-mdc-list-item::before,
.mat-nav-list .mat-list-item::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 3px;
  background: var(--color-primary-500);
  transform: scaleY(0);
  transition: transform var(--duration-normal) var(--ease-in-out);
}
.mat-mdc-list .mat-mdc-list-item:hover,
.mat-mdc-list .mat-list-item:hover,
.mat-list .mat-mdc-list-item:hover,
.mat-list .mat-list-item:hover,
.mat-nav-list .mat-mdc-list-item:hover,
.mat-nav-list .mat-list-item:hover {
  background: rgba(255, 103, 0, 0.06);
  transform: translateX(4px);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
}
.mat-mdc-list .mat-mdc-list-item:hover::before,
.mat-mdc-list .mat-list-item:hover::before,
.mat-list .mat-mdc-list-item:hover::before,
.mat-list .mat-list-item:hover::before,
.mat-nav-list .mat-mdc-list-item:hover::before,
.mat-nav-list .mat-list-item:hover::before {
  transform: scaleY(1);
}
.mat-mdc-list .mat-mdc-list-item.active,
.mat-mdc-list .mat-list-item.active,
.mat-list .mat-mdc-list-item.active,
.mat-list .mat-list-item.active,
.mat-nav-list .mat-mdc-list-item.active,
.mat-nav-list .mat-list-item.active {
  background: rgba(255, 103, 0, 0.1);
}
.mat-mdc-list .mat-mdc-list-item.active::before,
.mat-mdc-list .mat-list-item.active::before,
.mat-list .mat-mdc-list-item.active::before,
.mat-list .mat-list-item.active::before,
.mat-nav-list .mat-mdc-list-item.active::before,
.mat-nav-list .mat-list-item.active::before {
  transform: scaleY(1);
}
.mat-mdc-list .mat-mdc-list-item .mat-mdc-list-item-content,
.mat-mdc-list .mat-mdc-list-item .mat-list-item-content,
.mat-mdc-list .mat-list-item .mat-mdc-list-item-content,
.mat-mdc-list .mat-list-item .mat-list-item-content,
.mat-list .mat-mdc-list-item .mat-mdc-list-item-content,
.mat-list .mat-mdc-list-item .mat-list-item-content,
.mat-list .mat-list-item .mat-mdc-list-item-content,
.mat-list .mat-list-item .mat-list-item-content,
.mat-nav-list .mat-mdc-list-item .mat-mdc-list-item-content,
.mat-nav-list .mat-mdc-list-item .mat-list-item-content,
.mat-nav-list .mat-list-item .mat-mdc-list-item-content,
.mat-nav-list .mat-list-item .mat-list-item-content {
  padding: 0;
}
.mat-mdc-list .mat-mdc-list-item .mat-line,
.mat-mdc-list .mat-list-item .mat-line,
.mat-list .mat-mdc-list-item .mat-line,
.mat-list .mat-list-item .mat-line,
.mat-nav-list .mat-mdc-list-item .mat-line,
.mat-nav-list .mat-list-item .mat-line {
  font-size: var(--text-base);
  color: var(--color-text-primary);
}
.mat-mdc-list .mat-mdc-list-item .mat-line.mat-mdc-line, .mat-mdc-list .mat-mdc-list-item .mat-line:first-child,
.mat-mdc-list .mat-list-item .mat-line.mat-mdc-line,
.mat-mdc-list .mat-list-item .mat-line:first-child,
.mat-list .mat-mdc-list-item .mat-line.mat-mdc-line,
.mat-list .mat-mdc-list-item .mat-line:first-child,
.mat-list .mat-list-item .mat-line.mat-mdc-line,
.mat-list .mat-list-item .mat-line:first-child,
.mat-nav-list .mat-mdc-list-item .mat-line.mat-mdc-line,
.mat-nav-list .mat-mdc-list-item .mat-line:first-child,
.mat-nav-list .mat-list-item .mat-line.mat-mdc-line,
.mat-nav-list .mat-list-item .mat-line:first-child {
  font-weight: var(--font-medium);
}
.mat-mdc-list .mat-mdc-list-item .mat-line:not(:first-child),
.mat-mdc-list .mat-list-item .mat-line:not(:first-child),
.mat-list .mat-mdc-list-item .mat-line:not(:first-child),
.mat-list .mat-list-item .mat-line:not(:first-child),
.mat-nav-list .mat-mdc-list-item .mat-line:not(:first-child),
.mat-nav-list .mat-list-item .mat-line:not(:first-child) {
  font-size: var(--text-sm);
  color: var(--color-text-secondary);
}
.mat-mdc-list .mat-mdc-list-item mat-icon,
.mat-mdc-list .mat-list-item mat-icon,
.mat-list .mat-mdc-list-item mat-icon,
.mat-list .mat-list-item mat-icon,
.mat-nav-list .mat-mdc-list-item mat-icon,
.mat-nav-list .mat-list-item mat-icon {
  color: var(--color-primary-600);
  margin-right: var(--space-3);
}

.uq-list-avatar .mat-mdc-list-item .mat-list-avatar,
.uq-list-avatar .mat-list-item .mat-list-avatar {
  width: 48px;
  height: 48px;
  border-radius: var(--radius-full);
  margin-right: var(--space-3);
  border: 2px solid var(--color-border-light);
  transition: all var(--duration-fast) var(--ease-in-out);
}
.uq-list-avatar .mat-mdc-list-item:hover .mat-list-avatar,
.uq-list-avatar .mat-list-item:hover .mat-list-avatar {
  border-color: var(--color-primary-500);
  transform: scale(1.05);
}

.mat-mdc-paginator,
.mat-paginator {
  background: transparent;
  border-top: 1px solid var(--color-border-light);
  padding: var(--space-4);
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.mat-mdc-paginator .mat-mdc-paginator-container,
.mat-mdc-paginator .mat-paginator-container,
.mat-paginator .mat-mdc-paginator-container,
.mat-paginator .mat-paginator-container {
  display: flex;
  align-items: center;
  gap: var(--space-4);
  padding: 0;
}
.mat-mdc-paginator .mat-mdc-paginator-page-size,
.mat-mdc-paginator .mat-paginator-page-size,
.mat-paginator .mat-mdc-paginator-page-size,
.mat-paginator .mat-paginator-page-size {
  display: flex;
  align-items: center;
  gap: var(--space-2);
}
.mat-mdc-paginator .mat-mdc-paginator-page-size .mat-mdc-form-field,
.mat-mdc-paginator .mat-mdc-paginator-page-size .mat-form-field,
.mat-mdc-paginator .mat-paginator-page-size .mat-mdc-form-field,
.mat-mdc-paginator .mat-paginator-page-size .mat-form-field,
.mat-paginator .mat-mdc-paginator-page-size .mat-mdc-form-field,
.mat-paginator .mat-mdc-paginator-page-size .mat-form-field,
.mat-paginator .mat-paginator-page-size .mat-mdc-form-field,
.mat-paginator .mat-paginator-page-size .mat-form-field {
  width: auto;
  margin: 0;
}
.mat-mdc-paginator .mat-mdc-paginator-range-label,
.mat-mdc-paginator .mat-paginator-range-label,
.mat-paginator .mat-mdc-paginator-range-label,
.mat-paginator .mat-paginator-range-label {
  font-size: var(--text-sm);
  color: var(--color-text-secondary);
  margin: 0 var(--space-4);
}
.mat-mdc-paginator button,
.mat-paginator button {
  border-radius: var(--radius-md);
  transition: all var(--duration-fast) var(--ease-in-out);
}
.mat-mdc-paginator button:hover:not([disabled]),
.mat-paginator button:hover:not([disabled]) {
  background: rgba(255, 103, 0, 0.1);
  transform: scale(1.05);
}
.mat-mdc-paginator button[disabled],
.mat-paginator button[disabled] {
  opacity: 0.3;
}

.uq-grid-cards {
  display: grid;
  gap: var(--space-4);
  padding: var(--space-4);
}
.uq-grid-cards.cols-1 {
  grid-template-columns: repeat(1, 1fr);
}
.uq-grid-cards.cols-2 {
  grid-template-columns: repeat(2, 1fr);
}
.uq-grid-cards.cols-3 {
  grid-template-columns: repeat(3, 1fr);
}
.uq-grid-cards.cols-4 {
  grid-template-columns: repeat(4, 1fr);
}
@media (max-width: 1279px) {
  .uq-grid-cards.cols-4 {
    grid-template-columns: repeat(3, 1fr);
  }
  .uq-grid-cards.cols-3 {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 959px) {
  .uq-grid-cards.cols-4, .uq-grid-cards.cols-3 {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 599px) {
  .uq-grid-cards.cols-4, .uq-grid-cards.cols-3, .uq-grid-cards.cols-2 {
    grid-template-columns: repeat(1, 1fr);
  }
}

.uq-grid-card {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.uq-grid-card .grid-card-header {
  display: flex;
  align-items: flex-start;
  gap: var(--space-3);
  margin-bottom: var(--space-3);
}
.uq-grid-card .grid-card-header .grid-card-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 48px;
  height: 48px;
  border-radius: var(--radius-lg);
  background: linear-gradient(135deg, var(--color-primary-500) 0%, var(--color-primary-600) 100%);
  color: white;
  box-shadow: var(--shadow-primary);
  flex-shrink: 0;
}
.uq-grid-card .grid-card-header .grid-card-icon mat-icon {
  font-size: 24px;
  width: 24px;
  height: 24px;
}
.uq-grid-card .grid-card-header .grid-card-title-section {
  flex: 1;
  min-width: 0;
}
.uq-grid-card .grid-card-header .grid-card-title-section .grid-card-title {
  font-size: var(--text-lg);
  font-weight: var(--font-semibold);
  color: var(--color-text-primary);
  margin: 0 0 var(--space-1) 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.uq-grid-card .grid-card-header .grid-card-title-section .grid-card-subtitle {
  font-size: var(--text-sm);
  color: var(--color-text-secondary);
  margin: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.uq-grid-card .grid-card-header .grid-card-action {
  flex-shrink: 0;
}
.uq-grid-card .grid-card-body {
  flex: 1;
  color: var(--color-text-secondary);
  font-size: var(--text-sm);
  line-height: var(--leading-relaxed);
}
.uq-grid-card .grid-card-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-2);
  margin-top: var(--space-4);
  padding-top: var(--space-3);
  border-top: 1px solid var(--color-border-light);
}
.uq-grid-card .grid-card-meta {
  display: flex;
  align-items: center;
  gap: var(--space-4);
  flex-wrap: wrap;
  margin-top: var(--space-3);
}
.uq-grid-card .grid-card-meta .meta-item {
  display: flex;
  align-items: center;
  gap: var(--space-1);
  font-size: var(--text-xs);
  color: var(--color-text-secondary);
}
.uq-grid-card .grid-card-meta .meta-item mat-icon {
  font-size: 16px;
  width: 16px;
  height: 16px;
  color: var(--color-primary-600);
}

.uq-filters-bar {
  display: flex;
  align-items: center;
  gap: var(--space-3);
  padding: var(--space-4);
  background: rgba(255, 255, 255, 0.95);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: 1px solid rgba(0, 0, 0, 0.08);
  border-radius: var(--radius-xl);
  margin-bottom: var(--space-4);
  box-shadow: var(--shadow-sm);
  flex-wrap: wrap;
}
.uq-filters-bar .search-box {
  flex: 1;
  min-width: 200px;
  position: relative;
}
.uq-filters-bar .search-box mat-icon {
  position: absolute;
  left: var(--space-3);
  top: 50%;
  transform: translateY(-50%);
  color: var(--color-text-tertiary);
  pointer-events: none;
}
.uq-filters-bar .search-box input {
  width: 100%;
  padding: var(--space-3) var(--space-3) var(--space-3) var(--space-10);
  border: 1.5px solid var(--color-border);
  border-radius: var(--radius-lg);
  font-size: var(--text-sm);
  transition: all var(--duration-fast) var(--ease-in-out);
}
.uq-filters-bar .search-box input:focus {
  outline: none;
  border-color: var(--color-primary-600);
  box-shadow: 0 0 0 3px rgba(255, 103, 0, 0.1);
}
.uq-filters-bar .filter-group {
  display: flex;
  align-items: center;
  gap: var(--space-2);
}
.uq-filters-bar .filter-actions {
  display: flex;
  gap: var(--space-2);
  margin-left: auto;
}

.mat-sort-header-arrow {
  color: var(--color-primary-600);
}

.mat-sort-header-button:hover {
  color: var(--color-primary-700);
}

.mat-mdc-header-cell.sortable,
.mat-header-cell.sortable {
  cursor: pointer;
}
.mat-mdc-header-cell.sortable:hover,
.mat-header-cell.sortable:hover {
  background: rgba(255, 103, 0, 0.05);
}

.mat-mdc-checkbox .mdc-checkbox__background,
.mat-mdc-checkbox .mat-checkbox-frame,
.mat-checkbox .mdc-checkbox__background,
.mat-checkbox .mat-checkbox-frame {
  border-color: var(--color-border);
  border-radius: var(--radius-sm);
}
.mat-mdc-checkbox.mat-mdc-checkbox-checked .mdc-checkbox__background,
.mat-mdc-checkbox.mat-mdc-checkbox-checked .mat-checkbox-background, .mat-mdc-checkbox.mat-checkbox-checked .mdc-checkbox__background,
.mat-mdc-checkbox.mat-checkbox-checked .mat-checkbox-background,
.mat-checkbox.mat-mdc-checkbox-checked .mdc-checkbox__background,
.mat-checkbox.mat-mdc-checkbox-checked .mat-checkbox-background,
.mat-checkbox.mat-checkbox-checked .mdc-checkbox__background,
.mat-checkbox.mat-checkbox-checked .mat-checkbox-background {
  background: linear-gradient(135deg, var(--color-primary-500) 0%, var(--color-primary-600) 100%);
  border-color: var(--color-primary-600);
}

.mat-mdc-row.selected,
.mat-row.selected {
  background: rgba(255, 103, 0, 0.08);
  border-left: 3px solid var(--color-primary-600);
}

.mat-expansion-panel {
  background: rgba(255, 255, 255, 0.95);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: 1px solid rgba(0, 0, 0, 0.08);
  border-radius: var(--radius-xl) !important;
  margin-bottom: var(--space-3);
  box-shadow: var(--shadow-sm);
  transition: all var(--duration-normal) var(--ease-in-out);
}
.mat-expansion-panel:hover {
  box-shadow: var(--shadow-md);
}
.mat-expansion-panel.mat-expanded {
  box-shadow: var(--shadow-lg);
  border-color: var(--color-primary-300);
}
.mat-expansion-panel .mat-expansion-panel-header {
  border-radius: var(--radius-xl);
}
.mat-expansion-panel .mat-expansion-panel-header:hover {
  background: rgba(255, 103, 0, 0.04) !important;
}
.mat-expansion-panel .mat-expansion-panel-body {
  padding: 0 var(--space-4) var(--space-4);
}

.uq-table-loading {
  position: relative;
  min-height: 200px;
}
.uq-table-loading::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(255, 255, 255, 0.7);
  backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(4px);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 10;
}

.table-skeleton-row {
  display: flex;
  gap: var(--space-4);
  padding: var(--space-4);
}
.table-skeleton-row .skeleton-cell {
  height: 20px;
  flex: 1;
}

/*
* REQUIRED STYLES
*/
.spacing-xs {
  padding: var(--space-2) !important;
}

.spacing-sm {
  padding: var(--space-3) !important;
}

.spacing-md {
  padding: var(--space-4) !important;
}

.spacing-lg {
  padding: var(--space-6) !important;
}

.spacing-xl {
  padding: var(--space-8) !important;
}

.p-0 {
  padding: 0 !important;
}

.pt-xs {
  padding-top: var(--space-2) !important;
}

.pt-sm {
  padding-top: var(--space-3) !important;
}

.pt-md {
  padding-top: var(--space-4) !important;
}

.pt-lg {
  padding-top: var(--space-6) !important;
}

.pb-xs {
  padding-bottom: var(--space-2) !important;
}

.pb-sm {
  padding-bottom: var(--space-3) !important;
}

.pb-md {
  padding-bottom: var(--space-4) !important;
}

.pb-lg {
  padding-bottom: var(--space-6) !important;
}

.pl-xs {
  padding-left: var(--space-2) !important;
}

.pl-sm {
  padding-left: var(--space-3) !important;
}

.pl-md {
  padding-left: var(--space-4) !important;
}

.pl-lg {
  padding-left: var(--space-6) !important;
}

.pr-xs {
  padding-right: var(--space-2) !important;
}

.pr-sm {
  padding-right: var(--space-3) !important;
}

.pr-md {
  padding-right: var(--space-4) !important;
}

.pr-lg {
  padding-right: var(--space-6) !important;
}

.m-0 {
  margin: 0 !important;
}

.m-auto {
  margin: auto !important;
}

.mt-xs {
  margin-top: var(--space-2) !important;
}

.mt-sm {
  margin-top: var(--space-3) !important;
}

.mt-md {
  margin-top: var(--space-4) !important;
}

.mt-lg {
  margin-top: var(--space-6) !important;
}

.mt-xl {
  margin-top: var(--space-8) !important;
}

.mb-xs {
  margin-bottom: var(--space-2) !important;
}

.mb-sm {
  margin-bottom: var(--space-3) !important;
}

.mb-md {
  margin-bottom: var(--space-4) !important;
}

.mb-lg {
  margin-bottom: var(--space-6) !important;
}

.mb-xl {
  margin-bottom: var(--space-8) !important;
}

.ml-xs {
  margin-left: var(--space-2) !important;
}

.ml-sm {
  margin-left: var(--space-3) !important;
}

.ml-md {
  margin-left: var(--space-4) !important;
}

.ml-lg {
  margin-left: var(--space-6) !important;
}

.mr-xs {
  margin-right: var(--space-2) !important;
}

.mr-sm {
  margin-right: var(--space-3) !important;
}

.mr-md {
  margin-right: var(--space-4) !important;
}

.mr-lg {
  margin-right: var(--space-6) !important;
}

.gap-xs {
  gap: var(--space-2) !important;
}

.gap-sm {
  gap: var(--space-3) !important;
}

.gap-md {
  gap: var(--space-4) !important;
}

.gap-lg {
  gap: var(--space-6) !important;
}

.gap-xl {
  gap: var(--space-8) !important;
}

.chip-success {
  background-color: #69F0AE !important;
  color: #00695c !important;
}
.chip-success mat-icon {
  color: #00695c !important;
}

.chip-warning {
  background-color: #FBC02D !important;
  color: #f57f17 !important;
}
.chip-warning mat-icon {
  color: #f57f17 !important;
}

.chip-error {
  background-color: #FF7570 !important;
  color: #c62828 !important;
}
.chip-error mat-icon {
  color: #c62828 !important;
}

.chip-info {
  background-color: #64B5F6 !important;
  color: #1565c0 !important;
}
.chip-info mat-icon {
  color: #1565c0 !important;
}

.chip-orange {
  background-color: rgba(242, 109, 53, 0.15) !important;
  color: var(--primary) !important;
  border: 1px solid rgba(242, 109, 53, 0.3) !important;
}
.chip-orange mat-icon {
  color: var(--primary) !important;
}

.chip-container {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-2);
  margin-bottom: var(--space-3);
}

.card-compact {
  padding: var(--space-3) !important;
}

.card-spacious {
  padding: var(--space-6) !important;
}

html {
  font-size: 16px;
}

html:not(.landing),
body:not(.landing) {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-touch-callout: none;
  min-height: 100%;
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

body {
  margin: 0;
  padding: 0;
  font-weight: 400;
  font-size: 1rem;
  color: rgba(0, 0, 0, 0.87);
  line-height: 1.5;
  font-family: "Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
  background: linear-gradient(135deg, #f8fafc 0%, #e2e8f0 50%, #f1f5f9 100%);
  background-attachment: fixed;
}

[tabindex="-1"]:focus {
  outline: none;
}

select,
button,
textarea,
input {
  vertical-align: baseline;
}

div {
  box-sizing: border-box;
}

html[dir=ltr],
body[dir=ltr] {
  unicode-bidi: embed;
}

bdo[dir=ltr] {
  direction: ltr;
  unicode-bidi: bidi-override;
}

.mat-card {
  font-size: 0.875rem;
}

img:not(.mat-card-image) {
  max-width: 100%;
}

a,
a:focus,
a:hover {
  text-decoration: none;
}

a {
  color: inherit;
}

p {
  margin: 0 0 16px;
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
  margin-bottom: 0.5rem;
  font-weight: 400;
  line-height: 1.1;
  color: inherit;
}

.h1,
h1 {
  font-size: 2rem;
}

.h2,
h2 {
  font-size: 1.75rem;
}

.h3,
h3 {
  font-size: 1.5rem;
}

.h4,
h4 {
  font-size: 1.25rem;
}

.h5,
h5 {
  font-size: 1rem;
}

.h6,
h6 {
  font-size: 0.875rem;
}

code {
  padding: 8px;
  background: rgba(0, 0, 0, 0.08);
}

/*---- Common -----*/
.container {
  width: 100%;
  max-width: 1440px;
  margin: 0 auto;
  padding: 0 var(--space-4);
}

.bg-none {
  background: transparent !important;
}

.bg-white {
  background: #ffffff !important;
}

.m-0 {
  margin: 0 !important;
}

.m-1 {
  margin: 1rem !important;
}

.mt-1 {
  margin-top: 1rem !important;
}

.mt-05 {
  margin-top: 0.5rem !important;
}

.mt-0 {
  margin-top: 0 !important;
}

.mr-1 {
  margin-right: 1rem !important;
}

.mr-05 {
  margin-right: 0.5rem !important;
}

.mr-0 {
  margin-right: 0 !important;
}

.mb-1 {
  margin-bottom: 1rem !important;
}

.mb-0 {
  margin-bottom: 0 !important;
}

.ml-1 {
  margin-left: 1rem !important;
}

.ml-05 {
  margin-left: 0.5rem !important;
}

.ml-0 {
  margin-left: 0 !important;
}

.mb-05 {
  margin-bottom: 0.5rem !important;
}

.m-333 {
  margin: var(--space-2) !important;
}

.margin-333 {
  margin: var(--space-2) !important;
}

.pt-1 {
  padding-top: 1rem !important;
}

.pt-0 {
  padding-top: 0 !important;
}

.pr-1 {
  padding-right: 1rem !important;
}

.pr-0 {
  padding-right: 0 !important;
}

.pb-1 {
  padding-bottom: 1rem !important;
}

.pb-0 {
  padding-bottom: 0 !important;
}

.pl-1 {
  padding-left: 1rem !important;
}

.pl-0 {
  padding-left: 0 !important;
}

.p-0 {
  padding: 0 !important;
}

.p-1 {
  padding: 1rem !important;
}

.p-05 {
  padding: 0.5rem !important;
}

.height-100 {
  min-height: 100vh;
}

.fix {
  position: relative;
  overflow: hidden;
}

.fix-elm::after {
  display: table;
  width: 100%;
  content: "";
}

.mat-box-shadow {
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
.mat-box-shadow:hover {
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
  transform: translateY(-2px);
}

.light-gray {
  background: rgba(0, 0, 0, 0.024);
}

.light-mat-gray {
  background: rgba(0, 0, 0, 0.08);
}

.mat-blue {
  background: #ff6700;
  color: #fefefe;
}

.mat-red {
  background-color: #f44336 !important;
  color: #fff !important;
}

.mat-indigo {
  background-color: #1976d2 !important;
  color: #fff !important;
}

.mat-brown {
  background-color: #785548 !important;
  color: #fefefe;
}

.mat-teal {
  background-color: #009688 !important;
  color: #fff !important;
}

.mat-purple {
  background-color: #9c27b0 !important;
  color: hsla(0, 0%, 100%, 0.87) !important;
}

.fz-1 {
  font-size: 1rem !important;
}

.fz-2 {
  font-size: 2rem !important;
}

.text-center {
  text-align: center;
}

.text-right {
  text-align: right;
}

.font-light {
  font-weight: 300 !important;
}

.font-normal {
  font-weight: normal !important;
}

.fw-300 {
  font-weight: 300 !important;
}

.fw-400 {
  font-weight: 400 !important;
}

.fw-500 {
  font-weight: 500 !important;
}

.fw-600 {
  font-weight: 600 !important;
}

.fw-700 {
  font-weight: 700 !important;
}

.fw-800 {
  font-weight: 800 !important;
}

.fw-900 {
  font-weight: 900 !important;
}

.text-muted {
  color: rgba(0, 0, 0, 0.54) !important;
}

.text-muted-white {
  color: rgba(255, 255, 255, 0.54) !important;
}

.text-gray {
  color: rgba(0, 0, 0, 0.7) !important;
}

.text-sm {
  font-size: 0.813rem;
}

.list-item-active {
  border-left: 3px solid;
}

.material-icons.icon-sm {
  font-size: 18px !important;
  line-height: 18px !important;
  height: 18px;
  width: 18px;
}

.material-icons.icon-xs {
  font-size: 13px !important;
  line-height: 13px;
  height: 13px;
  width: 13px;
}

.mat-card.default {
  padding: 0;
}

.mat-card.default .mat-card-title {
  padding-top: 1rem;
  padding-left: 1rem;
  padding-right: 1rem;
  line-height: 1;
  font-weight: 400;
}

.mat-card.default > :first-child {
  border-radius: 12px 12px 0 0;
}

.mat-card.default .mat-card-subtitle:first-child {
  padding-top: 1rem;
}

.mat-card.default .mat-card-subtitle {
  padding-left: 1rem;
  padding-right: 1rem;
  line-height: 1;
}

.mat-card.default .mat-card-content {
  padding: 1rem;
  margin-bottom: 0;
  position: relative;
}

.mat-card.default .mat-card-actions,
.mat-card.default .mat-card-actions:last-child {
  padding: 0.5rem;
  margin: 0;
}

.mat-card.default > :last-child {
  border-radius: 0 0 12px 12px;
}

.mat-card {
  margin: var(--space-3);
  overflow: hidden;
  border-radius: 12px !important;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1) !important;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
  border: 1px solid rgba(0, 0, 0, 0.04);
  background: rgba(255, 255, 255, 0.85);
  backdrop-filter: blur(20px) saturate(180%);
  -webkit-backdrop-filter: blur(20px) saturate(180%);
}
.mat-card:hover {
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1) !important;
  transform: translateY(-2px);
  border-color: rgba(0, 0, 0, 0.08);
  background: rgba(255, 255, 255, 0.95);
}
@media (max-width: 599px) {
  .mat-card {
    margin: var(--space-2);
  }
}

.mat-card .mat-card-title .mat-divider,
.mat-divider.full-width {
  margin-left: -24px;
  margin-right: -24px;
}

.mat-card.p-0 .mat-card-title .card-title-text {
  padding: 1rem 1.5rem;
}

.mat-card.p-0 .mat-card-title .card-title-text .card-control {
  height: 24px;
  width: 24px;
  line-height: 24px;
}

.mat-card.p-0 .mat-card-title .card-title-text .mat-card-subtitle {
  margin: 0;
}

.mat-card.p-0 .mat-card-title .mat-divider {
  margin-left: 0;
  margin-right: 0;
  border-top-color: rgba(0, 0, 0, 0.04);
}

.mat-card.p-0 .mat-card-image {
  margin: 0 0 1rem !important;
}

.mat-card.p-0 .mat-card-content {
  padding: 0;
}

.mat-card .mat-card-title .card-title-text {
  padding: var(--space-4) var(--space-5) var(--space-3) var(--space-5);
  display: flex;
  align-items: center;
  gap: var(--space-2);
}

.mat-card {
  padding: var(--space-4);
}

.mat-card > .mat-card-title {
  padding: 0;
  margin: 0 0 var(--space-3) 0;
}

.mat-card > .mat-card-content {
  padding: var(--space-3) var(--space-4) var(--space-4) var(--space-4);
}

.mat-card > .mat-card-actions {
  padding: var(--space-3) var(--space-4) 0 var(--space-4);
  margin: 0;
}

.mat-card.p-0,
.mat-card.no-padding {
  padding: 0;
}

.mat-card.p-0 > .mat-card-actions,
.mat-card.no-padding > .mat-card-actions {
  padding: 0;
}

.mat-button,
.mat-raised-button {
  font-weight: 400 !important;
  border-radius: 12px !important;
  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1) !important;
}
.mat-button:hover:not(:disabled),
.mat-raised-button:hover:not(:disabled) {
  transform: translateY(-2px);
}
.mat-button:active:not(:disabled),
.mat-raised-button:active:not(:disabled) {
  transform: translateY(0);
}

[mat-lg-button] {
  padding: 0 32px !important;
  font-size: 18px;
  line-height: 56px !important;
}

.mat-icon-button[mat-sm-button] {
  height: 24px;
  width: 24px;
  line-height: 24px;
}

.mat-icon-button[mat-xs-button] {
  height: 20px;
  width: 20px;
  line-height: 20px;
}

.mat-icon-button[mat-xs-button] .mat-icon {
  font-size: 16px;
  line-height: 20px !important;
  height: 20px;
  width: 20px;
}

.mat-chip[mat-sm-chip] {
  padding: 2px 10px !important;
  border-radius: 999px !important;
  font-size: 11px !important;
  line-height: 16px !important;
  min-height: 22px;
  font-weight: 600;
  letter-spacing: 0.04em;
  box-sizing: border-box;
}

.mat-icon-button.img-button img {
  width: 32px;
  height: 32px;
  border-radius: 50%;
}

.compact-list .mat-list-item {
  line-height: 1.1;
  transition: all 0.3s cubic-bezier(0.075, 0.82, 0.165, 1);
}

.compact-list .mat-list-item:hover {
  background: rgba(0, 0, 0, 0.08);
  cursor: pointer;
}

.list-tasktype .tasktype-item {
  padding: 12px;
}

.list-tasktype .tasktype-item:hover {
  background: rgba(0, 0, 0, 0.08);
}

.list-tasktype .tasktype-item .tasktype-action {
  visibility: hidden;
}

.list-tasktype .tasktype-item:hover .tasktype-action {
  visibility: visible;
}

.doughnut-grid {
  border-radius: 2px;
  overflow: hidden;
}

.doughnut-grid .doughnut-grid-item {
  padding: 1rem;
}

.doughnut-grid .doughnut-grid-item p {
  margin: 0;
}

.doughnut-grid .doughnut-grid-item .chart {
  margin: 0 0 8px;
}

.logo-group {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}

.toolbar-avatar {
  display: inline-block;
  position: relative;
  width: 40px;
  height: 40px;
  line-height: 24px;
}

.toolbar-avatar > img {
  width: 40px !important;
  border-radius: 50%;
}

.toolbar-avatar.md,
.toolbar-avatar.md > img {
  width: 48px !important;
  height: 48px;
}

.toolbar-avatar > .status-dot {
  position: absolute;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  top: 25px;
  right: -2px;
  border: 2px solid #ffffff;
  background: #ccc;
}

.full-width {
  width: 100% !important;
}

.dnd-item {
  cursor: move;
  cursor: grab;
  cursor: -webkit-grab;
}

.icon-circle {
  color: rgb(255, 255, 255);
  font-size: 1.2rem;
  text-align: center;
  line-height: 1.6rem;
  border-radius: 50%;
}

.mat-sidenav .mat-list-item:hover {
  background: rgba(0, 0, 0, 0.035) !important;
}

.mat-chip {
  position: relative;
  overflow: hidden;
}

.text-small {
  font-size: 0.813rem;
}

.text-small .mat-icon {
  font-size: 1rem;
  vertical-align: sub;
  margin: 0 2px;
}

.mat-card-title {
  font-size: 1rem !important;
}

.icon-chip {
  font-size: 11px !important;
  padding: 4px 8px !important;
  display: flex !important;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}

.icon-chip .mat-icon {
  font-size: 16px;
  height: 16px;
  width: 16px;
}

.mat-chip:not(.mat-basic-chip) {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 8px 12px 8px 12px;
  border-radius: 999px;
  font-size: 13px;
  line-height: 1;
  transition: background-color 0.2s cubic-bezier(0.4, 0, 0.2, 1) !important, border-color 0.2s cubic-bezier(0.4, 0, 0.2, 1) !important, color 0.2s cubic-bezier(0.4, 0, 0.2, 1) !important, box-shadow 0.2s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

.ql-container .ql-editor {
  min-height: 200px;
}

.chart {
  display: block;
  width: 100%;
}

.form-error-msg {
  color: #f44336;
  display: block;
  padding: 5px 0;
}

.accordion-handle {
  cursor: pointer;
}

.app-accordion {
  max-height: 200px;
  transition: max-height 0.3s ease;
}

.app-accordion.open {
  max-height: 1000px;
}

.app-accordion .accordion-content {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.3s ease;
}

.app-accordion.open .accordion-content {
  max-height: 800px;
}

.app-accordion.open .hidden-on-open {
  display: none !important;
}

.app-accordion:not(.open) .show-on-open {
  display: none !important;
}

mat-list a[mat-list-item] .mat-list-item-content,
mat-list mat-list-item .mat-list-item-content,
mat-nav-list a[mat-list-item] .mat-list-item-content,
mat-nav-list mat-list-item .mat-list-item-content,
[mat-menu-item],
.mat-option,
body .mat-select-trigger {
  font-size: 0.875rem !important;
}

.mat-ripple {
  position: relative;
}

.fileupload-drop-zone {
  text-align: center;
  border: 1px dashed rgba(0, 0, 0, 0.15);
  padding: 48px;
  height: 120px;
}

.default-table {
  text-align: left;
}

.default-table > thead tr th {
  font-weight: 400;
  padding: 0.9rem 1.2rem;
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}

.default-table tbody tr td {
  padding: 0.9rem 1.2rem;
}

.app-error {
  text-align: center;
  width: 320px;
  max-width: 320px;
  margin: 0 auto;
}

.app-error .error-icon {
  height: 120px;
  width: 120px;
  font-size: 120px;
  float: left;
}

.app-error .error-text {
  float: right;
  width: 200px;
  max-width: 200px;
}

.app-error .error-title {
  font-size: 5rem;
  font-weight: 900;
  margin: 0;
}

.app-error .error-subtitle {
  font-size: 1.5rem;
  font-weight: 300;
}

.app-error .error-actions {
  width: 100%;
  overflow: hidden;
  min-height: 54px;
  margin-top: 100px;
}

/*---- Loader ----*/
.app-loader,
.view-loader {
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  align-items: center;
}

.spinner {
  width: 40px;
  height: 40px;
  position: relative;
  margin: auto;
}

.double-bounce1,
.double-bounce2 {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  opacity: 0.6;
  position: absolute;
  top: 0;
  left: 0;
  animation: sk-bounce 2s infinite ease-in-out;
}

.double-bounce2 {
  animation-delay: -1s;
}

.view-loader {
  display: block;
  padding-top: 160px;
  background: rgba(255, 255, 255, 0.3);
  z-index: 9999;
}

.view-loader * {
  margin: auto;
}
@keyframes sk-bounce {
  0%, 100% {
    transform: scale(0);
    -webkit-transform: scale(0);
  }
  50% {
    transform: scale(1);
    -webkit-transform: scale(1);
  }
}
/*---- Third pirty adjust -----*/
/*------- quill rich text editor ----------*/
.p-0.mat-card-content .ql-container {
  border: 0 !important;
}

.p-0.mat-card-content .ql-toolbar.ql-snow {
  border: 0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}

/*--- Scroll Bar ---*/
.ps__scrollbar-y-rail {
  z-index: 999;
}

.collapsed-menu .ps__scrollbar-y-rail {
  z-index: auto;
}

/*--- Data table ---*/
.ngx-datatable.material {
  box-shadow: none !important;
}

/*------ Map ------*/
.agm-info-window-content {
  color: rgba(0, 0, 0, 0.87);
}

/*-------- Chart js ---------*/
.chart {
  margin-left: -10px;
}

/*-------- Hopscotch Tour ---------*/
div.hopscotch-bubble,
div.hopscotch-bubble .hopscotch-title,
div.hopscotch-bubble .hopscotch-content,
div.hopscotch-bubble .hopscotch-nav-button {
  font-family: "Poppins", Helvetica Neue, sans-serif !important;
}

div.hopscotch-bubble {
  border: 1px solid;
  border-radius: 2px;
}

div.hopscotch-bubble .hopscotch-bubble-number {
  border-radius: 50%;
  box-sizing: border-box;
  padding: 0;
  font-weight: 500;
  height: 32px;
  width: 32px;
  line-height: 32px;
  background: transparent;
  color: rgba(0, 0, 0, 0.87);
}

div.hopscotch-bubble .hopscotch-title {
  font-size: 17px;
  font-weight: 400;
  color: #ffffff;
  letter-spacing: 0.1px;
}

div.hopscotch-bubble .hopscotch-content {
  margin: -5px 0 16px;
}

div.hopscotch-bubble .hopscotch-bubble-close {
  background-size: 8px;
  background-position: 8px 8px;
  background-repeat: no-repeat;
  cursor: pointer;
}

div.hopscotch-bubble .hopscotch-bubble-close:active {
  outline: 0;
}

/* up arrow  */
div.hopscotch-bubble .hopscotch-bubble-arrow-container.up {
  top: -17px;
}

/* right arrow */
div.hopscotch-bubble .hopscotch-bubble-arrow-container.right {
  right: -34px;
}

/* bottom arrow */
div.hopscotch-bubble .hopscotch-bubble-arrow-container.down {
  bottom: -34px;
}

/* Left Arrow */
div.hopscotch-bubble .hopscotch-bubble-arrow-container.left {
  left: -17px;
}

div.hopscotch-bubble .hopscotch-nav-button {
  border: 0;
  border-radius: 2px;
  font-weight: normal;
  text-shadow: none !important;
  padding: 0 18px;
  height: 30px;
  line-height: 30px;
  font-size: 13px;
  background-image: none !important;
  box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
  transform: translate3d(0, 0, 0);
  transition: background 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1);
}

div.hopscotch-bubble .hopscotch-nav-button:hover,
div.hopscotch-bubble .hopscotch-nav-button:active,
div.hopscotch-bubble .hopscotch-nav-button:focus {
  box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
  outline: none;
}

div.hopscotch-bubble .hopscotch-nav-button.prev,
div.hopscotch-bubble .hopscotch-nav-button.prev:hover {
  background-color: #ffffff;
  color: rgba(0, 0, 0, 0.87);
}

.ps__rail-y {
  right: 0 !important;
  left: auto !important;
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes slideInUp {
  from {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes slideInRight {
  from {
    opacity: 0;
    transform: translateX(-20px);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes pulse {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0.7;
  }
}
@keyframes shimmer {
  0% {
    background-position: -1000px 0;
  }
  100% {
    background-position: 1000px 0;
  }
}
.mat-card,
.mat-list-item,
.mat-menu-item {
  animation: fadeIn 0.3s ease-in-out;
}

button,
a,
.mat-button,
.mat-raised-button,
.mat-icon-button,
.mat-chip {
  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}

.mat-menu-panel {
  background: rgba(255, 255, 255, 0.95) !important;
  backdrop-filter: blur(20px) saturate(180%);
  -webkit-backdrop-filter: blur(20px) saturate(180%);
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1) !important;
  border: 1px solid rgba(0, 0, 0, 0.08);
  border-radius: 12px !important;
}

.mat-dialog-container {
  background: rgba(255, 255, 255, 0.98) !important;
  backdrop-filter: blur(30px) saturate(180%);
  -webkit-backdrop-filter: blur(30px) saturate(180%);
  box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1) !important;
  border: 1px solid rgba(0, 0, 0, 0.08);
  border-radius: 16px !important;
}

.mat-select-panel {
  background: rgba(255, 255, 255, 0.95) !important;
  backdrop-filter: blur(20px) saturate(180%);
  -webkit-backdrop-filter: blur(20px) saturate(180%);
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1) !important;
  border: 1px solid rgba(0, 0, 0, 0.08);
  border-radius: 12px !important;
}

.mat-tooltip {
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border-radius: 8px !important;
  font-size: 0.75rem !important;
}

.mat-snack-bar-container {
  background: rgba(0, 0, 0, 0.9) !important;
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
  border-radius: 12px !important;
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1) !important;
  border: 1px solid rgba(255, 255, 255, 0.1);
}

.mat-form-field .mat-form-field-outline {
  border-radius: 8px !important;
}
.mat-form-field.mat-focused .mat-form-field-outline-thick {
  color: #ff6700 !important;
}

.mat-raised-button {
  position: relative;
  overflow: hidden;
}
.mat-raised-button::before {
  content: "";
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  transition: left 0.5s;
}
.mat-raised-button:hover:not(:disabled)::before {
  left: 100%;
}

.mat-icon-button:hover:not(:disabled) .mat-icon {
  animation: pulse 1s ease-in-out;
}

.mat-list-item {
  border-radius: 8px !important;
  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1) !important;
}
.mat-list-item:hover {
  background: rgba(0, 0, 0, 0.04) !important;
  transform: translateX(4px);
}

.mat-table {
  background: rgba(255, 255, 255, 0.85);
  backdrop-filter: blur(20px) saturate(180%);
  -webkit-backdrop-filter: blur(20px) saturate(180%);
  border-radius: 12px;
  overflow: hidden;
}
.mat-table .mat-row {
  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}
.mat-table .mat-row:hover {
  background: rgba(242, 109, 53, 0.05) !important;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1);
}
.mat-table .mat-header-row {
  background: rgba(248, 250, 252, 0.8);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}

.mat-tab-group .mat-tab-header {
  background: rgba(255, 255, 255, 0.8);
  backdrop-filter: blur(15px) saturate(180%);
  -webkit-backdrop-filter: blur(15px) saturate(180%);
  border-radius: 12px 12px 0 0;
}
.mat-tab-group .mat-tab-label {
  border-radius: 8px 8px 0 0 !important;
  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1) !important;
}
.mat-tab-group .mat-tab-label:hover {
  background: rgba(0, 0, 0, 0.04) !important;
}
.mat-tab-group .mat-tab-body-wrapper {
  background: rgba(255, 255, 255, 0.85);
  backdrop-filter: blur(20px) saturate(180%);
  -webkit-backdrop-filter: blur(20px) saturate(180%);
  border-radius: 0 0 12px 12px;
}

.mat-expansion-panel {
  background: rgba(255, 255, 255, 0.85) !important;
  backdrop-filter: blur(20px) saturate(180%);
  -webkit-backdrop-filter: blur(20px) saturate(180%);
  border-radius: 12px !important;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1) !important;
  border: 1px solid rgba(0, 0, 0, 0.04);
  margin-bottom: 8px !important;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
}
.mat-expansion-panel:hover {
  background: rgba(255, 255, 255, 0.95) !important;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1) !important;
}
.mat-expansion-panel .mat-expansion-panel-header {
  border-radius: 12px !important;
  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1) !important;
}
.mat-expansion-panel .mat-expansion-panel-header:hover {
  background: rgba(0, 0, 0, 0.03) !important;
}

.mat-paginator {
  background: rgba(255, 255, 255, 0.85) !important;
  backdrop-filter: blur(20px) saturate(180%);
  -webkit-backdrop-filter: blur(20px) saturate(180%);
  border-radius: 12px !important;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1) !important;
  border: 1px solid rgba(0, 0, 0, 0.04);
}

.mat-toolbar:not(.topbar) {
  background: rgba(255, 255, 255, 0.85) !important;
  backdrop-filter: blur(20px) saturate(180%);
  -webkit-backdrop-filter: blur(20px) saturate(180%);
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1) !important;
  border-bottom: 1px solid rgba(0, 0, 0, 0.06);
}

.mat-stepper-horizontal,
.mat-stepper-vertical {
  background: rgba(255, 255, 255, 0.85) !important;
  backdrop-filter: blur(20px) saturate(180%);
  -webkit-backdrop-filter: blur(20px) saturate(180%);
  border-radius: 12px !important;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1) !important;
  border: 1px solid rgba(0, 0, 0, 0.04);
}

.mat-step-header {
  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1) !important;
}
.mat-step-header:hover {
  background: rgba(0, 0, 0, 0.03) !important;
}

.mat-form-field-appearance-outline .mat-form-field-outline {
  background: rgba(255, 255, 255, 0.6);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border-radius: 8px !important;
}
.mat-form-field-appearance-outline.mat-focused .mat-form-field-outline {
  background: rgba(255, 255, 255, 0.9);
}

.mat-drawer {
  background: rgba(255, 255, 255, 0.95) !important;
  -webkit-backdrop-filter: blur(30px) saturate(180%);
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1) !important;
}

.mat-bottom-sheet-container {
  background: rgba(255, 255, 255, 0.95) !important;
  backdrop-filter: blur(30px) saturate(180%);
  -webkit-backdrop-filter: blur(30px) saturate(180%);
  box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1) !important;
  border-radius: 16px 16px 0 0 !important;
}

.mat-autocomplete-panel {
  background: rgba(255, 255, 255, 0.95) !important;
  backdrop-filter: blur(20px) saturate(180%);
  -webkit-backdrop-filter: blur(20px) saturate(180%);
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1) !important;
  border: 1px solid rgba(0, 0, 0, 0.08);
  border-radius: 12px !important;
}

@media (max-width: 767px) {
  .mat-card-title .mat-divider {
    margin-left: 0;
    margin-right: 0;
  }
  .accordion-handle {
    flex-direction: column !important;
  }
  .app-error .error-icon {
    height: 100px;
    width: 100px;
    font-size: 100px;
  }
  .mat-card:hover,
  .mat-button:hover,
  .mat-raised-button:hover {
    transform: none;
  }
}
h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
  margin-bottom: 1rem;
  font-weight: 600;
  line-height: 1.2;
  color: #212121;
}

h1, .h1 {
  font-size: 3rem;
}

h2, .h2 {
  font-size: 2.25rem;
}

h3, .h3 {
  font-size: 1.875rem;
}

h4, .h4 {
  font-size: 1.5rem;
}

h5, .h5 {
  font-size: 1.25rem;
}

h6, .h6 {
  font-size: 1.125rem;
}

a, a:focus, a:hover {
  cursor: pointer;
  text-decoration: none;
  color: inherit;
  outline: 0;
}

button {
  outline: 0;
}

figure {
  margin: 0;
}

strong, b {
  font-weight: 700;
}

.strikethrough {
  text-decoration: line-through;
}

.app-admin-container {
  max-width: 100%;
  height: 100vh;
}
.app-admin-container .rightside-content-hold {
  padding: var(--space-3) var(--space-4);
  overflow-x: hidden;
  position: relative;
  min-height: 450px;
  margin: 0 auto;
}
@media (min-width: 960px) {
  .app-admin-container .rightside-content-hold {
    padding: var(--space-5) var(--space-5);
  }
}
@media (min-width: 1280px) {
  .app-admin-container .rightside-content-hold {
    padding: var(--space-6) var(--space-6);
  }
}
@media (min-width: 1921px) {
  .app-admin-container .rightside-content-hold {
    padding-left: 8%;
    padding-right: 8%;
  }
}

.sidebar-panel {
  position: fixed;
  top: 0;
  left: 0;
  min-height: 100vh;
  z-index: 10001;
  width: 15rem;
  background: var(--color-surface);
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1);
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  border-right: 1px solid rgba(0, 0, 0, 0.08);
}
.sidebar-panel .navigation-hold {
  position: absolute;
  height: 100%;
  width: 100%;
  padding-top: 64px;
  background: transparent;
  left: 0;
  overflow-y: auto;
  overscroll-behavior: contain;
  scrollbar-width: none;
  -ms-overflow-style: none;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
.sidebar-panel .navigation-hold::-webkit-scrollbar {
  width: 0;
  height: 0;
}
.sidebar-panel ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.sidebar-panel-side::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 3px;
  height: 100%;
  background: linear-gradient(180deg, rgba(255, 103, 0, 0.9) 0%, rgba(255, 103, 0, 0.4) 65%, rgba(255, 103, 0, 0.12) 100%);
  pointer-events: none;
}
.sidebar-panel-side .navigation-hold {
  padding: 80px var(--space-3) var(--space-4);
}

.main-content-wrap {
  position: relative;
  float: right;
  height: 100vh;
  transition: width 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
.main-content-wrap.ps > .ps__rail-y {
  z-index: 9999;
}

.sidebar-backdrop {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  position: fixed;
  display: block;
  z-index: 10000;
  visibility: hidden;
  opacity: 0;
  background-color: rgba(0, 0, 0, 0.4);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
.sidebar-backdrop.visible {
  visibility: visible;
  opacity: 1;
}

.app-admin-container.sidebar-full:not(.navigation-top) .main-content-wrap {
  width: calc(100% - 15rem);
}
.app-admin-container.sidebar-full:not(.navigation-top) .sidebar-panel {
  width: 15rem;
  overflow: hidden;
}

.app-admin-container.sidebar-compact .main-content-wrap {
  width: calc(100% - 48px);
}
.app-admin-container.sidebar-compact .sidebar-panel {
  width: 48px;
}
.app-admin-container.sidebar-compact .sidebar-panel .branding {
  width: 48px;
}
.app-admin-container.sidebar-compact .sidebar-panel .branding .app-logo {
  margin: auto;
}
.app-admin-container.sidebar-compact .sidebar-panel .navigation-hold {
  overflow: visible !important;
  padding-left: 0;
  padding-right: 0;
}

.app-admin-container.sidebar-compact-big .main-content-wrap {
  width: calc(100% - 150px);
}
.app-admin-container.sidebar-compact-big .sidebar-panel {
  width: 150px;
}
.app-admin-container.sidebar-compact-big .sidebar-panel .branding {
  width: 150px;
}
.app-admin-container.sidebar-compact-big .sidebar-panel .branding .app-logo {
  margin: auto;
}
.app-admin-container.sidebar-compact-big .sidebar-panel .navigation-hold {
  overflow: visible !important;
  padding-left: 0;
  padding-right: 0;
}

.app-admin-container.sidebar-closed .sidebar-panel {
  overflow: hidden;
  left: -15rem;
}
.app-admin-container.sidebar-closed .sidebar-panel .branding {
  left: -15rem;
  width: 48px;
}
.app-admin-container.sidebar-closed .main-content-wrap {
  width: 100%;
}

.fixed-topbar .rightside-content-hold {
  overflow: auto;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  top: 64px;
}

.layout-intransition .branding {
  display: none !important;
}
.layout-intransition .app-user-controls,
.layout-intransition .app-user-name {
  opacity: 0 !important;
}

.sidebar-compact .app-user,
.sidebar-compact .app-logo-text,
.sidebar-compact-big .app-user,
.sidebar-compact-big .app-logo-text {
  display: none;
}

.app-admin-container.sidebar-full.navigation-top .sidebar-panel {
  left: 0;
}

.app-admin-container.navigation-top .main-content-wrap {
  float: none;
  height: calc(100vh - 48px);
}
.app-admin-container.navigation-top .rightside-content-hold {
  max-width: 1440px;
  margin: 0 auto;
  padding-left: var(--space-4);
  padding-right: var(--space-4);
}
.app-admin-container.navigation-top .sidebar-panel {
  overflow: hidden;
  left: -15rem;
}

@media (max-width: 959px) {
  .app-admin-container.sidebar-full .main-content-wrap {
    width: 100% !important;
  }
}
.uq-page {
  display: flex;
  flex-direction: column;
  gap: var(--space-2);
  min-width: 0;
}

.uq-page__section {
  min-width: 0;
}

.uq-page-header {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: space-between;
  gap: var(--space-4);
}

.uq-page-header__titles {
  display: flex;
  flex-direction: column;
  gap: var(--space-1);
  min-width: 0;
}

.uq-page-header__title {
  margin: 0;
  font-size: var(--text-2xl);
  font-weight: var(--font-semibold);
  line-height: var(--leading-tight);
  letter-spacing: var(--tracking-tight);
}

.uq-page-header__subtitle {
  margin: 0;
  font-size: var(--text-sm);
  color: var(--color-text-secondary);
}

.uq-page-header__actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-wrap: wrap;
  gap: var(--space-2);
}

.uq-panel {
  border-radius: var(--radius-xl);
  border: 1px solid rgba(0, 0, 0, 0.06);
  background: var(--glass-white-80);
  backdrop-filter: var(--blur-lg);
  -webkit-backdrop-filter: var(--blur-lg);
  box-shadow: var(--shadow-lg);
  overflow: hidden;
}

.uq-panel--subtle {
  background: var(--glass-white-90);
  backdrop-filter: var(--blur-md);
  -webkit-backdrop-filter: var(--blur-md);
}

.uq-panel__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-3);
  padding: var(--space-4) var(--space-5);
  border-bottom: 1px solid rgba(0, 0, 0, 0.06);
}

.uq-panel__title {
  margin: 0;
  font-size: var(--text-lg);
  font-weight: var(--font-semibold);
  line-height: var(--leading-tight);
}

.uq-panel__content {
  padding: var(--space-5);
}

.uq-filter-bar {
  display: grid;
  grid-template-columns: minmax(220px, 1fr) minmax(320px, 2fr) auto;
  align-items: end;
  gap: var(--space-4);
  padding: var(--space-4);
  background: var(--glass-white-70);
  backdrop-filter: var(--blur-md);
  -webkit-backdrop-filter: var(--blur-md);
}

.uq-filter-group {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-3);
  align-items: end;
  min-width: 0;
}

.uq-view-toggle {
  display: flex;
  gap: var(--space-1);
  align-items: center;
  justify-content: flex-end;
}

@media (max-width: 959px) {
  .uq-filter-bar {
    grid-template-columns: 1fr;
  }
  .uq-view-toggle {
    justify-content: flex-start;
  }
}
.uq-grid {
  display: grid;
  gap: var(--space-4);
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
}

.uq-kpi-grid {
  display: grid;
  gap: var(--space-4);
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
}

.uq-kpi {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-4);
  padding: var(--space-4) var(--space-5);
  border-radius: var(--radius-xl);
  border: 1px solid rgba(0, 0, 0, 0.06);
  background: var(--glass-white-80);
  backdrop-filter: var(--blur-lg);
  -webkit-backdrop-filter: var(--blur-lg);
  box-shadow: var(--shadow-md);
  transition: var(--transition-smooth);
}

.uq-kpi:hover {
  transform: translateY(-2px);
  box-shadow: var(--shadow-lg);
  background: var(--glass-white-90);
}

.uq-kpi__value {
  margin: 0;
  font-size: var(--text-2xl);
  font-weight: var(--font-bold);
  display: flex;
  align-items: center;
  gap: var(--space-2);
}

.uq-kpi__label {
  margin: 0;
  font-size: var(--text-xs);
  color: var(--color-text-secondary);
}

.uq-empty {
  padding: var(--space-10) var(--space-4);
  text-align: center;
  color: var(--color-text-secondary);
}

.uq-empty__icon {
  width: 56px;
  height: 56px;
  font-size: 56px;
  margin: 0 auto var(--space-3);
  color: rgba(0, 0, 0, 0.25);
}

.uq-empty__title {
  margin: 0 0 var(--space-1);
  font-size: var(--text-lg);
  font-weight: var(--font-semibold);
  color: var(--color-text-primary);
}

.uq-empty__body {
  margin: 0;
  font-size: var(--text-sm);
}

.notification-number {
  position: absolute;
  top: 0;
  left: 50%;
  width: 20px;
  height: 20px;
  font-size: 12px;
  font-weight: 700;
  line-height: 20px;
  color: #fff;
  text-align: center;
  border-radius: 50%;
}

#langToggle .mat-select-trigger {
  width: 80px;
  min-width: 80px;
}

.theme-list .mat-menu-item {
  width: 48px;
  height: 48px;
  padding: 5px;
}
.theme-list .mat-menu-item .egret-swatch {
  height: 100%;
  width: 100%;
  border-radius: 50%;
}
.theme-list .mat-menu-item .active-icon {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto !important;
  color: #ffffff;
}

.topbar-button-right {
  margin-left: 1rem !important;
}

.sidenav-hold .menuitem-badge {
  padding: 3px 10px;
  line-height: 12px;
  color: #ffffff !important;
  font-weight: 400;
  border-radius: 4px;
  font-size: 12px;
  margin-right: 8px;
}
.sidenav-hold .icon-menu {
  padding: 0;
  opacity: 1;
  transition: all 0.3s ease-in;
  text-align: center;
}
.sidenav-hold .icon-menu .icon-menu-item {
  display: inline-block;
}
.sidenav-hold .icon-menu .icon-menu-item button {
  min-width: auto;
  margin: 4px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 48px;
  height: 48px;
  padding: 0;
}
.sidenav-hold .icon-menu .icon-menu-item button .mat-icon {
  margin: 0;
}
.sidenav-hold .icon-menu .icon-menu-item button.mat-bg-primary {
  background-color: #ff6f00 !important;
  color: white !important;
}
.sidenav-hold .icon-menu .icon-menu-item button.mat-bg-primary .mat-icon {
  color: white !important;
}
.sidenav-hold .icon-menu > .mat-divider {
  margin: 1rem 0;
}
.sidenav-hold .nav-item-sep {
  padding: 0;
  margin: 1rem 0;
  width: 100%;
}
.sidenav-hold .nav-item-sep .icon-menu-title {
  padding-left: 0px;
  margin-left: 0;
  text-align: center;
}
.sidenav-hold .nav-item-sep span {
  padding: 16px 0 0 0;
  display: block;
  font-size: 12px;
  text-align: center;
}
.sidenav-hold .sidenav li {
  cursor: pointer;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  border-radius: 12px;
  margin: 6px 6px;
}
.sidenav-hold .sidenav li ul.submenu {
  max-height: 0;
  overflow: hidden;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  opacity: 1;
}
.sidenav-hold .sidenav li ul.submenu.lvl2 a, .sidenav-hold .sidenav li ul.submenu.lvl3 a {
  height: 40px;
}
.sidenav-hold .sidenav li ul.submenu.lvl2 a {
  padding: 0 16px 0 56px;
}
.sidenav-hold .sidenav li ul.submenu.lvl3 a {
  padding: 0 16px 0 68px;
}
.sidenav-hold .sidenav a {
  position: relative;
  width: 100%;
  padding: 6px 12px;
  height: 44px;
  display: flex;
  box-sizing: border-box;
  align-items: center;
  flex-direction: row;
  text-decoration: none;
  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  border-radius: 12px;
  gap: 12px;
}
.sidenav-hold .sidenav a:hover {
  background: rgba(0, 0, 0, 0.04);
  transform: translateX(2px);
}
.sidenav-hold .sidenav a:hover .mat-icon:not(.menu-caret) {
  background: rgba(0, 0, 0, 0.08);
}
.sidenav-hold .sidenav a .mat-icon:not(.menu-caret) {
  text-align: center;
  margin-right: 0;
  height: 36px;
  width: 36px;
  line-height: 36px;
  border-radius: 10px;
  background: rgba(0, 0, 0, 0.05);
  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}
.sidenav-hold .sidenav a .menu-caret {
  font-size: 1rem;
  line-height: 1;
  height: 16px;
  width: 16px;
  transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
.sidenav-hold .sidenav li.open > div > a,
.sidenav-hold .sidenav li.open > a {
  background: linear-gradient(135deg, rgba(255, 103, 0, 0.14) 0%, rgba(255, 103, 0, 0.06) 100%);
  border: 1px solid rgba(255, 103, 0, 0.18);
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.35);
}
.sidenav-hold .sidenav li.open > div > a::before,
.sidenav-hold .sidenav li.open > a::before {
  content: "";
  position: absolute;
  left: 6px;
  top: 8px;
  bottom: 8px;
  width: 3px;
  border-radius: 999px;
  background: linear-gradient(180deg, var(--color-primary-400) 0%, var(--color-primary-500) 50%, var(--color-primary-700) 100%);
  box-shadow: 0 0 0 1px rgba(255, 103, 0, 0.18), 0 6px 12px rgba(255, 103, 0, 0.32);
  pointer-events: none;
}

.sidebar-full .sidenav-hold li ul {
  position: relative;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.5s cubic-bezier(0.4, 0, 0.2, 1);
  border-radius: 12px;
  margin: 4px 0;
}
.sidebar-full .sidenav-hold li ul::after, .sidebar-full .sidenav-hold li ul::before {
  content: "";
  left: 0;
  position: absolute;
  width: 100%;
  height: 2px;
  z-index: 3;
}
.sidebar-full .sidenav-hold li ul::after {
  background: linear-gradient(-180deg, rgba(0, 0, 0, 0.04), transparent);
  bottom: 0;
}
.sidebar-full .sidenav-hold li ul::before {
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.06), transparent);
  top: 0;
}
.sidebar-full .sidenav-hold li.open > div > ul, .sidebar-full .sidenav-hold li.open > ul {
  max-height: 1000px;
}
.sidebar-full .sidenav-hold li.open > div > a .menu-caret, .sidebar-full .sidenav-hold li.open > a .menu-caret {
  transform: rotate(90deg);
}
.sidebar-full .sidenav-hold a {
  height: 44px;
}

.sidebar-compact .sidenav-hold .icon-menu,
.sidebar-compact-big .sidenav-hold .icon-menu {
  padding: 8px 0 0;
}
.sidebar-compact .sidenav-hold .icon-menu .nav-item-sep,
.sidebar-compact-big .sidenav-hold .icon-menu .nav-item-sep {
  display: none;
}
.sidebar-compact .sidenav-hold .nav-item-sep,
.sidebar-compact-big .sidenav-hold .nav-item-sep {
  margin: 1rem 0;
}
.sidebar-compact .sidenav-hold .nav-item-sep span,
.sidebar-compact-big .sidenav-hold .nav-item-sep span {
  display: none;
}
.sidebar-compact .sidenav-hold a,
.sidebar-compact-big .sidenav-hold a {
  padding: 0 !important;
}
.sidebar-compact .sidenav-hold li,
.sidebar-compact-big .sidenav-hold li {
  position: relative;
  z-index: 10001;
}
.sidebar-compact .sidenav-hold li .lvl1 > a > .mat-icon.menu-caret,
.sidebar-compact .sidenav-hold li .menuitem-badge,
.sidebar-compact-big .sidenav-hold li .lvl1 > a > .mat-icon.menu-caret,
.sidebar-compact-big .sidenav-hold li .menuitem-badge {
  display: none;
}
.sidebar-compact .sidenav-hold li:hover > div > ul.submenu, .sidebar-compact .sidenav-hold li:hover > ul.submenu,
.sidebar-compact-big .sidenav-hold li:hover > div > ul.submenu,
.sidebar-compact-big .sidenav-hold li:hover > ul.submenu {
  max-height: 1000px;
  visibility: visible;
  opacity: 1;
  transform: translateY(0);
  transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
}
.sidebar-compact .sidenav-hold li ul.submenu,
.sidebar-compact-big .sidenav-hold li ul.submenu {
  overflow: visible;
  position: absolute;
  left: 100%;
  top: 0;
  width: 200px;
  z-index: 9999;
  visibility: hidden;
  opacity: 0;
  transform: translateY(10px);
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1);
  border-radius: 12px;
  backdrop-filter: blur(10px);
  border: 1px solid rgba(255, 255, 255, 0.1);
}
.sidebar-compact .sidenav-hold li ul.submenu.lvl2 > li > a, .sidebar-compact .sidenav-hold li ul.submenu.lvl3 > li > a,
.sidebar-compact-big .sidenav-hold li ul.submenu.lvl2 > li > a,
.sidebar-compact-big .sidenav-hold li ul.submenu.lvl3 > li > a {
  height: 36px;
  line-height: 36px;
  padding: 0 16px !important;
  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}
.sidebar-compact .sidenav-hold li ul.submenu.lvl2 > li > a:hover, .sidebar-compact .sidenav-hold li ul.submenu.lvl3 > li > a:hover,
.sidebar-compact-big .sidenav-hold li ul.submenu.lvl2 > li > a:hover,
.sidebar-compact-big .sidenav-hold li ul.submenu.lvl3 > li > a:hover {
  background: rgba(0, 0, 0, 0.05);
  transform: translateX(4px);
}

.sidebar-compact .icon-menu {
  width: 48px;
}
.sidebar-compact .icon-menu .icon-menu-item button {
  margin: 0 0 4px 0;
  padding: 0 12px;
}
.sidebar-compact .sidenav-hold .mat-icon:not(.menu-caret) {
  margin-right: 0;
  height: 40px;
  width: 40px;
  line-height: 40px;
}
.sidebar-compact .sidenav-hold .item-name.lvl1 {
  display: none;
}

.sidebar-compact-big .sidenav > li > div > a {
  text-align: center;
  display: block !important;
  padding: 16px 0;
}
.sidebar-compact-big .sidenav .mat-icon:not(.menu-caret) {
  height: 36px;
  width: 150px;
  font-size: 24px;
  line-height: 36px;
  margin: 0;
}

.layout-intransition .sidenav ul.submenu {
  opacity: 0 !important;
}

/*
* ALTERNATIVE STYLES
*/
.breadcrumb {
  display: block;
  margin: 0;
  padding: 0;
}
.breadcrumb li {
  list-style: none;
  float: left;
}
.breadcrumb li:not(:first-child):before {
  content: "/ ";
  padding: 0 8px;
}

.breadcrumb-bar {
  position: relative;
  width: 100%;
}
.breadcrumb-bar .breadcrumb {
  padding: 0 0.333rem;
  overflow: hidden;
}
.breadcrumb-bar .breadcrumb li {
  line-height: 40px;
}
.breadcrumb-bar .breadcrumb li:not(:first-child):before {
  padding: 0 8px;
}
.breadcrumb-bar .breadcrumb li a {
  font-weight: 100;
  font-size: 1rem;
}

.breadcrumb-title {
  display: flex;
  align-items: center;
  padding: 0.5rem 0.333rem;
  line-height: 40px;
}
.breadcrumb-title .bc-title {
  font-size: 1.25rem;
  margin: 0;
  line-height: 40px;
}
.breadcrumb-title .breadcrumb {
  position: relative;
  margin-left: 24px;
}
.breadcrumb-title .breadcrumb::before {
  position: absolute;
  content: "";
  height: 24px;
  width: 2px;
  background: #6a6a6a;
  left: -12px;
  top: 8px;
}

.notification-list {
  min-width: 240px;
}

.notification-list .notific-item a {
  outline: 0;
  width: 100%;
  display: flex;
  flex-direction: column;
}

.notification-list .notific-item .message {
  font-size: 0.875rem !important;
}

.notification-list .notific-item .time {
  font-size: 0.75rem !important;
}

.branding {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  text-align: center;
  position: fixed;
  width: 100%;
  max-width: 15rem;
  height: 72px;
  line-height: 72px;
  top: 0;
  left: 0;
  z-index: 10002;
  color: #444;
  padding: 0 var(--space-3);
  transition-delay: 0s;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}
.branding .app-logo {
  width: auto;
  height: 32px;
  margin-right: 0;
}
.branding .app-logo-text {
  width: auto;
  height: 24px;
}

.sidebar-theme-pill {
  position: sticky;
  align-self: center;
  margin: 0 auto var(--space-2);
  padding: 4px 12px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
  background: rgba(25, 118, 210, 0.12);
  color: #1976d2;
  border: 1px solid rgba(25, 118, 210, 0.2);
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  z-index: 2;
}

.sidebar-divider {
  margin: var(--space-2) 0 var(--space-3);
  opacity: 0.7;
}

.app-user {
  text-align: center;
  width: 100%;
  padding: 1rem 0 0.4rem;
}
.app-user .app-user-photo {
  width: 76px;
  margin: 0 auto 8px;
  height: 76px;
  border-radius: 16%;
  box-sizing: border-box;
  border: 1px solid rgba(120, 130, 140, 0.13);
  padding: 4px;
}
.app-user .app-user-controls .mat-icon-button {
  margin: 0 2px;
}
.app-user img {
  width: 100%;
  height: 100%;
  border-radius: 16%;
  object-fit: contain;
}
.app-user .app-user-name {
  display: block;
  font-size: 0.995rem;
  font-weight: 300;
  color: rgba(0, 0, 0, 0.96);
  margin-left: -2px;
}

.sidebar-user-card {
  margin-top: var(--space-2);
  padding: var(--space-3);
  position: relative;
  min-height: fit-content;
  flex-shrink: 0;
  background: linear-gradient(160deg, rgba(255, 255, 255, 0.98) 0%, rgba(255, 255, 255, 0.92) 65%, rgba(255, 103, 0, 0.08) 100%);
  border: 1px solid rgba(255, 103, 0, 0.16);
  border-radius: 16px;
  box-shadow: none;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--space-2);
}
.sidebar-user-card::before {
  content: "";
  position: absolute;
  inset: 0;
  background: radial-gradient(circle at 20% 0%, rgba(255, 103, 0, 0.18) 0%, transparent 45%);
  opacity: 0.6;
  pointer-events: none;
}
.sidebar-user-card::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 3px;
  background: linear-gradient(90deg, var(--color-primary-400) 0%, var(--color-primary-500) 45%, var(--color-primary-700) 100%);
  opacity: 0.85;
  pointer-events: none;
}
.sidebar-user-card > * {
  position: relative;
  z-index: 1;
}
.sidebar-user-card .app-user-photo {
  width: 72px;
  height: 72px;
  margin: 0;
  border-radius: 18px;
  border: 1px solid rgba(255, 103, 0, 0.2);
  padding: 5px;
  background: rgba(255, 255, 255, 0.95);
  box-shadow: 0 8px 16px rgba(255, 103, 0, 0.18), 0 1px 2px 0 rgba(0, 0, 0, 0.05);
  display: flex;
  align-items: center;
  justify-content: center;
}
.sidebar-user-card img {
  border-radius: 12px;
}
.sidebar-user-card .app-user-name {
  margin: 0;
  font-size: 0.95rem;
  font-weight: 600;
  color: rgba(0, 0, 0, 0.86);
  letter-spacing: 0.01em;
}
.sidebar-user-card .chip-uq {
  background: rgba(255, 193, 7, 0.18);
  border: 1px solid rgba(255, 193, 7, 0.35);
  color: #8a6b00;
  font-size: 11px;
  height: 24px;
  font-weight: 600;
  letter-spacing: 0.04em;
}

.topbar.mat-toolbar {
  position: relative;
  z-index: 999;
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.98) 0%, rgba(248, 250, 252, 0.98) 100%) !important;
  backdrop-filter: blur(20px) saturate(180%);
  -webkit-backdrop-filter: blur(20px) saturate(180%);
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1) !important;
  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
  color: rgba(0, 0, 0, 0.87) !important;
}
.topbar .mat-select-value {
  font-weight: 400;
  color: rgba(0, 0, 0, 0.87);
}

.toggle-collapsed {
  transform: rotate(0deg);
  transition: transform 0.3s cubic-bezier(0.35, 0, 0.25, 1);
}

.sidebar-compact .toggle-collapsed {
  transform: rotate(180deg);
}

.search-bar .top-search-form {
  position: relative;
  background: rgba(0, 0, 0, 0.04);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border-radius: 40px;
  margin-right: 1rem;
  display: block;
  max-width: 220px;
  margin-left: 20px;
  border: 1px solid rgba(0, 0, 0, 0.08);
  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}
.search-bar .top-search-form:hover {
  background: rgba(0, 0, 0, 0.06);
  border-color: rgba(0, 0, 0, 0.12);
}
.search-bar .top-search-form:focus-within {
  background: rgba(255, 255, 255, 0.98);
  border-color: #ff6700;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1);
}
.search-bar .top-search-form:focus-within .material-icons {
  color: #ff6700;
}
.search-bar .top-search-form:focus-within input {
  color: rgba(0, 0, 0, 0.87);
}
.search-bar .top-search-form .material-icons {
  position: absolute;
  top: 50%;
  left: 10px;
  margin-top: -12px;
  color: rgba(0, 0, 0, 0.54);
  transition: color 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}
.search-bar .top-search-form input {
  font-size: 1rem;
  padding: 0.6rem 0.75rem;
  z-index: 2;
  cursor: text;
  text-indent: 30px;
  border: none;
  background: transparent;
  width: 100%;
  outline: 0;
  color: rgba(0, 0, 0, 0.87);
  transition: color 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}
.search-bar .top-search-form input::placeholder {
  color: rgba(0, 0, 0, 0.38);
}

.language-button {
  background: rgba(0, 0, 0, 0.04) !important;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
  margin-right: 8px;
}
.language-button mat-icon {
  color: rgba(0, 0, 0, 0.7);
  transition: color 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}
.language-button:hover {
  background: rgba(0, 0, 0, 0.08) !important;
  transform: translateY(-2px);
}
.language-button:hover mat-icon {
  color: #ff6700;
}

::ng-deep .language-menu {
  --language-menu-max-width: calc(100vw - 32px);
}
@media (min-width: 960px) {
  ::ng-deep .language-menu {
    --language-menu-max-width: calc(100vw - 40px);
  }
}
@media (min-width: 1280px) {
  ::ng-deep .language-menu {
    --language-menu-max-width: calc(100vw - 48px);
  }
}
@media (min-width: 1921px) {
  ::ng-deep .language-menu {
    --language-menu-max-width: calc(100vw - 16vw);
  }
}
::ng-deep .language-menu .mat-menu-content {
  padding: 8px;
  background: rgba(255, 255, 255, 0.98);
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
  border-radius: 12px;
}
::ng-deep .language-menu.mat-menu-panel, ::ng-deep .language-menu.mat-mdc-menu-panel {
  max-width: var(--language-menu-max-width);
  min-width: 0;
  overflow-x: hidden;
  box-sizing: border-box;
}
::ng-deep .language-menu .mat-mdc-menu-content {
  padding: 8px;
  background: rgba(255, 255, 255, 0.98);
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
  border-radius: 12px;
  width: max-content;
  min-width: 0;
  max-width: var(--language-menu-max-width);
  overflow-x: hidden;
  white-space: normal;
  overflow-wrap: anywhere;
  box-sizing: border-box;
}
::ng-deep .language-menu .mdc-menu-surface {
  overflow-x: hidden;
  max-width: var(--language-menu-max-width);
  box-sizing: border-box;
}
::ng-deep .language-menu .mat-menu-content {
  width: max-content;
  min-width: 0;
  max-width: var(--language-menu-max-width);
  overflow-x: hidden;
  white-space: normal;
  overflow-wrap: anywhere;
  box-sizing: border-box;
}
::ng-deep .language-menu .mat-menu-item,
::ng-deep .language-menu .mat-mdc-menu-item {
  border-radius: 8px;
  margin: 0 0 4px 0;
  font-size: 0.9rem;
  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
  white-space: normal;
}
::ng-deep .language-menu .mat-menu-item:last-child,
::ng-deep .language-menu .mat-mdc-menu-item:last-child {
  margin-bottom: 0;
}
::ng-deep .language-menu .mat-menu-item.active,
::ng-deep .language-menu .mat-mdc-menu-item.active {
  background: rgba(255, 103, 0, 0.1);
  color: #ff6700;
  font-weight: 600;
}
::ng-deep .language-menu .mat-menu-item:hover,
::ng-deep .language-menu .mat-mdc-menu-item:hover {
  background: rgba(255, 103, 0, 0.05);
}
::ng-deep .language-menu .mat-menu-item mat-icon,
::ng-deep .language-menu .mat-mdc-menu-item mat-icon {
  color: #ff6700;
  margin-right: 8px;
}

.topnav:after {
  content: "";
  display: table;
  clear: both;
}
.topnav label.menu-toggle {
  height: 48px;
  width: 48px;
  box-sizing: border-box;
  padding: 12px;
  border-radius: 50%;
}
.topnav label.menu-toggle .mat-icon {
  font-size: 24px;
}
.topnav .toggle,
.topnav [id^=drop] {
  display: none;
}
.topnav ul {
  padding: 0;
  margin: 0;
  list-style: none;
  position: relative;
}
.topnav ul:not(.menu) {
  box-shadow: 0 0 4px rgba(0, 0, 0, 0), 0 4px 8px rgba(0, 0, 0, 0.28);
}
.topnav ul.menu {
  float: left;
  height: 48px;
  padding-right: 45px;
}
.topnav ul.menu > li {
  float: left;
}
.topnav ul.menu > li > div > a,
.topnav ul.menu > li > div > div {
  border-bottom: 2px solid;
  height: 48px;
  box-sizing: border-box;
  border-color: transparent;
  margin: 0 6px;
}
.topnav ul li {
  margin: 0px;
  display: inline-block;
}
.topnav a,
.topnav label {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 13px 20px;
  height: 44px;
  font-size: 0.875rem;
  text-decoration: none;
  box-sizing: border-box;
  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  border-radius: 8px;
}
.topnav a:hover,
.topnav label:hover {
  background: rgba(0, 0, 0, 0.05);
  transform: translateY(-2px);
}
.topnav a .mat-icon,
.topnav label .mat-icon {
  font-size: 16px;
  height: 20px;
  line-height: 20px;
  width: 20px;
  margin-right: 2px;
}
.topnav ul li ul li:hover,
.topnav ul li ul li.open {
  background: rgba(0, 0, 0, 0.05);
  border-radius: 8px;
}
.topnav ul ul {
  opacity: 0;
  visibility: hidden;
  position: absolute;
  background: #ffffff;
  color: rgba(0, 0, 0, 0.87);
  top: 48px;
  transform: translateY(-20px);
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  z-index: -1;
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1);
  border-radius: 12px;
  border: 1px solid rgba(0, 0, 0, 0.08);
}
.topnav ul li:hover > div > div > ul,
.topnav ul li:hover > div > ul {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}
.topnav ul ul li {
  width: 170px;
  float: none;
  display: list-item;
  position: relative;
  margin: 4px 8px;
  border-radius: 8px;
  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}
.topnav ul ul li:hover {
  background: rgba(0, 0, 0, 0.05);
  transform: translateX(4px);
}
.topnav ul ul ul {
  top: 0;
  left: 170px;
}
.topnav ul ul ul li {
  position: relative;
  top: 0;
}
.topnav li > a:after {
  content: " +";
}
.topnav li > a:only-child:after {
  content: "";
}

/* Media Queries
--------------------------------------------- */
@media all and (max-width: 768px) {
  .topnav {
    margin: 0;
    /* Hide Dropdowns by Default */
    /* Hide menus on hover */
  }
  .topnav .toggle + a {
    display: none;
  }
  .topnav .menu {
    opacity: 0;
    visibility: hidden;
    height: auto !important;
    width: 100%;
  }
  .topnav .menu li a {
    border: none !important;
  }
  .topnav .toggle {
    display: flex;
    text-decoration: none;
    border: none;
  }
  .topnav ul {
    overflow: hidden;
    max-height: 0px;
    transform: translateY(0px) !important;
    transition: max-height 0.3s ease-in-out;
  }
  .topnav [id^=drop]:checked + ul {
    opacity: 1;
    visibility: visible;
    max-height: 2000px;
  }
  .topnav [id^=drop]:checked + ul.menu {
    max-height: 300px;
    overflow-y: scroll;
  }
  .topnav ul li {
    position: relative;
    opacity: 1;
    visibility: visible;
    width: 100%;
    z-index: 1;
  }
  .topnav ul ul .toggle,
  .topnav ul ul a {
    padding: 0 40px;
  }
  .topnav ul ul ul a {
    padding: 0 80px;
  }
  .topnav ul li ul li .toggle,
  .topnav ul ul a,
  .topnav ul ul ul a {
    padding: 14px 20px;
  }
  .topnav ul ul {
    float: none;
    position: relative;
    top: 0;
    left: 0;
    box-shadow: none !important;
    z-index: 1;
  }
  .topnav ul li:hover > div > div > ul,
  .topnav ul li:hover > div > ul {
    opacity: 0;
    visibility: hidden;
  }
  .topnav ul ul li {
    opacity: 1;
    visibility: visible;
    width: 100%;
  }
  .topnav ul ul ul {
    left: 0;
  }
  .topnav ul ul ul li {
    position: static;
  }
}
@media all and (max-width: 330px) {
  .topnav ul li {
    display: block;
    width: 94%;
  }
}
.header-topnav {
  margin: 0;
  padding: 0;
  background: rgba(255, 255, 255, 0.85);
  backdrop-filter: blur(20px) saturate(180%);
  -webkit-backdrop-filter: blur(20px) saturate(180%);
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1);
  border-bottom: 1px solid rgba(0, 0, 0, 0.06);
  position: relative;
  z-index: 999;
  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}
.header-topnav:hover {
  background: rgba(255, 255, 255, 0.95);
}
.header-topnav .container {
  padding: 0;
}
.header-topnav .topbar-branding {
  float: left;
  height: 48px;
  padding: 8px;
  margin: 0 8px;
}
.header-topnav .topbar-branding img {
  height: 100%;
  width: auto;
  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}
.header-topnav .topbar-branding img:hover {
  transform: scale(1.05);
}
.header-topnav .topnav {
  display: flex;
  align-items: center;
}
.header-topnav .header-topnav-right {
  float: right;
  height: 48px;
  display: flex;
  align-items: center;
  padding-right: 0.67rem;
}

@media (max-width: 959px) {
  .header-topnav-right {
    position: absolute;
    right: 6px;
    top: 0;
  }
}
/*
* GLOBAL COMPONENT OVERRIDES
*/
.mat-card,
.mat-mdc-card {
  padding: var(--space-4) !important;
}
.mat-card.compact,
.mat-mdc-card.compact {
  padding: var(--space-3) !important;
}
.mat-card.p-0,
.mat-mdc-card.p-0 {
  padding: 0 !important;
}
.mat-card.p-0 .mat-card-content,
.mat-card.p-0 .mat-mdc-card-content,
.mat-mdc-card.p-0 .mat-card-content,
.mat-mdc-card.p-0 .mat-mdc-card-content {
  padding: var(--space-4) !important;
}

.mat-card-content,
.mat-mdc-card-content {
  padding: var(--space-3) var(--space-4) var(--space-4) var(--space-4) !important;
}
.mat-card-content.p-0,
.mat-mdc-card-content.p-0 {
  padding: 0 !important;
}

.mat-card-title,
.mat-mdc-card-title {
  padding: var(--space-4) var(--space-4) var(--space-3) var(--space-4) !important;
  margin: 0 !important;
}

.mat-chip,
.mat-mdc-chip {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin: var(--space-1) !important;
  padding: var(--space-1) var(--space-3) !important;
  min-height: 26px;
  border-radius: 999px;
  font-weight: 500;
  letter-spacing: 0.01em;
  border: 1px solid var(--color-border-light);
  background: var(--glass-white-90);
  color: var(--color-text-primary);
  /*  mat-icon {
    margin-right: var(--space-1) !important;  // 4px spacing after icon
  } */
}
.mat-chip[style*=padding],
.mat-mdc-chip[style*=padding] {
  padding: var(--space-2) var(--space-3) !important;
}
.mat-chip[style*=margin],
.mat-mdc-chip[style*=margin] {
  margin: var(--space-1) !important;
}

[fxLayout*="row wrap"],
.flex-wrap {
  gap: var(--space-4);
  margin: 0 !important;
}
[fxLayout*="row wrap"] > *,
.flex-wrap > * {
  margin: 0 !important;
}

/*---- Session (Sign in, sign up, forgot, lockscreen) -----*/
.page-wrap {
  display: flex;
  align-items: center;
  padding: 40px 1rem;
  height: 100%;
}

.session-progress {
  position: relative;
  bottom: -4px;
  z-index: 9999;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}

.session-form-hold {
  width: 100%;
  max-width: 400px;
  margin: 0 auto;
}

.session-form-hold > .mat-card {
  margin: 0;
}

.session-lockscreen {
  max-width: 320px;
}

.lockscreen-user {
  text-align: center;
  margin-bottom: 1rem;
  display: flow-root;
  overflow: hidden;
}

.lockscreen-face {
  max-width: 72px;
  max-height: 72px;
  border-radius: 50%;
  margin-bottom: 0.5rem;
}

/*---- Inbox -----*/
.inbox-sidenav {
  width: 15rem;
  padding: 0.333rem;
  background: transparent !important;
}

.inbox-sidenav .inbox-nav-list .mat-list-item-content > a > span {
  font-size: 0.875rem;
}

.inbox-sidenav .mat-list-item-content .mat-icon {
  margin-right: 8px;
}

.inbox-toolbar {
  height: 56px !important;
}

.inbox-toolbar .mat-toolbar-row {
  height: 56px !important;
}

.show-on-open {
  display: none !important;
}

@media (max-width: 959px) {
  .inbox-sidenav {
    background: inherit !important;
  }
}
/*---- Calendar -----*/
.card-title-text.calendar-title {
  padding: 0.5rem 1.5rem !important;
}

.cal-top-col {
  width: 33.3333%;
  float: left;
}

.cal-event-action .material-icons {
  vertical-align: sub;
  margin: 6px;
}

.cal-open-day-events {
  box-shadow: none !important;
}

.calendar-form-dialog .mat-dialog-container {
  padding: 0;
}

.color-picker-input.mat-input-element {
  padding: 4px 0 !important;
}

@media (max-width: 767px) {
  .cal-top-col {
    width: 100%;
  }
}
/*---- Chats -----*/
.chat-sidenav {
  width: 15rem;
  border-right: 1px solid rgba(0, 0, 0, 0.12);
  overflow: hidden !important;
}

.chat-sidebar-toolbar,
.chat-toolbar,
.chat-sidebar-toolbar .mat-toolbar-row,
.chat-toolbar .mat-toolbar-row {
  min-height: 56px !important;
  height: 56px !important;
}

.chat-sidebar-scroll {
  position: relative;
  height: calc(100% - 56px);
  overflow-y: scroll;
}

.chat-intro {
  height: calc(100vh - 240px);
}

.chats-wrap .conversations-hold {
  padding-top: 1rem;
  position: relative;
  height: calc(100vh - 330px);
  overflow-y: scroll;
}

.chats-wrap .conversations-hold .single-conversation {
  overflow: hidden;
  padding: 0 2rem;
  margin-bottom: 2rem;
}

.chats-wrap .conversations-hold .single-conversation .toolbar-avatar {
  vertical-align: bottom;
  margin-right: 1rem;
}

.chats-wrap .conversations-hold .single-conversation .chat-username {
  margin: 0 0 0.625rem;
  font-size: 0.875rem;
}

.chats-wrap .conversations-hold .single-conversation .conversation-msg {
  padding: 0.48rem 0.94rem;
  display: inline-block;
  border-radius: 4px;
}

.chats-wrap .conversations-hold .single-conversation.sender .conversation-msg {
  background: #ffffff;
}

.chats-wrap .conversations-hold .single-conversation .chat-date {
  font-size: 11px;
  padding: 2px;
  margin: 0;
  clear: both;
}

.chats-wrap .chat-input-actions {
  padding: 0.6rem;
}

/*---- Gallery -----*/
.app-gallery .mat-figure .gallery-control-wrap {
  position: absolute;
  width: 100%;
  height: 40px;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.35);
  opacity: 0;
  transition: opacity 0.3s ease-in;
  -webkit-transition: opacity 0.3s ease-in;
}

.app-gallery img {
  max-width: 100%;
}

.app-gallery .mat-figure:hover .gallery-control-wrap {
  opacity: 1;
}

.app-gallery .mat-figure .gallery-control-wrap .gallery-control {
  padding: 0 0 0 1rem;
}

.app-gallery .mat-figure .gallery-control-wrap .gallery-control .photo-detail {
  margin: 0;
  color: #fefefe;
  line-height: 40px;
}

.app-gallery .mat-figure .gallery-control-wrap .gallery-control .mat-icon {
  color: #fff;
}

/*---- Plans & Pricings -----*/
.plan-pricing .mat-list-item .mat-list-item-content {
  display: inline-flex !important;
  text-align: center;
  font-size: 0.875rem !important;
}

/*---- Users -----*/
.user-card .card-title-text {
  padding: 0.5rem 1.5rem !important;
  align-items: center;
}

.user-card .user-details > p:last-child {
  margin-bottom: 0;
}

.user-card .user-details .mat-icon {
  vertical-align: top;
  margin-right: 0.5rem;
}

/*------- Profile ------*/
.profile-sidebar {
  box-sizing: border-box;
}

.profile-sidebar .propic {
  width: 100%;
  margin-bottom: 6px;
}

.profile-sidebar .propic img {
  width: 50%;
  height: auto;
  border-radius: 50%;
}

.profile-sidebar .profile-title .main-title {
  font-size: 1.5rem;
}

.profile-sidebar .profile-nav {
  margin-left: -24px;
  margin-right: -24px;
}

.profile-sidebar .profile-nav .mat-list-item .mat-icon {
  margin-right: 8px;
}

.timeline {
  position: relative;
  overflow: hidden;
}

.timeline::before {
  content: "";
  position: absolute;
  top: 40px;
  bottom: 0;
  left: 24px;
  width: 1px;
  background-color: rgba(0, 0, 0, 0.12);
}

.timeline .timeline-item {
  width: 100%;
  overflow: hidden;
  margin-bottom: 24px;
}

.timeline .timeline-badge {
  float: left;
  position: relative;
  margin-right: 30px;
  height: 48px;
  width: 48px;
  border-radius: 50%;
  overflow: hidden;
}

.timeline .timeline-badge img {
  max-width: 100%;
}

.timeline .timeline-badge .icon-badge {
  text-align: center;
  width: 48px;
  height: 48px;
  line-height: 48px;
}

.timeline .timeline-body-top {
  margin-bottom: 8px;
}

.timeline .timeline-body {
  float: right;
  width: calc(100% - 78px);
}

.timeline .timeline-body-content img {
  border-radius: 4px;
  max-width: 100%;
}

.timeline .timeline-body-content > :last-child {
  margin-bottom: 8px;
}

.product-rating {
  display: flex;
  align-items: center;
  margin-left: -5px;
}

h1.title {
  font-size: 1.8rem;
  margin: 0 0 1rem;
}

.p-line {
  font-size: 0.813rem;
  margin-bottom: 4px;
}

.option-label {
  margin-bottom: 6px;
  display: block;
}

.product-search,
.quantity-input {
  border: 0;
  height: 32px;
  border-radius: 2px;
  padding-left: 8px;
  font-size: 14px;
  width: 260px;
  box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.12), 0px 1px 1px 0px rgba(0, 0, 0, 0.08), 0px 1px 3px 0px rgba(0, 0, 0, 0);
  transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1);
}
.product-search:focus,
.quantity-input:focus {
  outline: none;
  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);
}

.quantity-input {
  width: 80px;
}

.shop-wrap {
  margin: 1rem 0.33rem 0.33rem;
  overflow: hidden;
  min-height: 750px;
}

.shop-sidebar {
  width: 15rem;
  background: transparent !important;
}

.shop-filters-wrap {
  margin-top: 7px;
  padding: 0 0.5rem 0 0.333rem;
}
.shop-filters-wrap .product-categories {
  list-style: none;
  margin: 0;
  padding: 0;
}
.shop-filters-wrap .product-categories li {
  cursor: pointer;
  padding: 5px;
  text-transform: capitalize;
}

.shop-top-toolbar {
  margin-bottom: 0.5rem;
  padding: 0 8px;
}

.product-search-wrap .product-search {
  width: 260px;
  margin: 6px 0 0;
}

.product-container {
  display: flex;
  flex-wrap: wrap;
  margin: 0;
  min-height: 750px;
}
.product-container .products-pagination {
  width: 100%;
  text-align: center;
  margin: 1.5rem 0;
  align-self: flex-end;
  justify-content: flex-end;
}
.product-container .products-pagination ul {
  padding: 0;
  margin: 0;
}
.product-container .products-pagination .ngx-pagination .current {
  background: #e6e6e6;
  color: rgba(0, 0, 0, 0.87);
}
.product-container .product-wrap {
  width: 33.333%;
  float: left;
}
.product-container .product-wrap .product-inner {
  display: flex;
  flex-direction: column;
  position: relative;
  border-radius: 4px;
  box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
  overflow: hidden;
  margin: 8px;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
.product-container .product-wrap .product-inner:hover {
  box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);
}
.product-container .product-wrap .product-inner .product-badge {
  color: #fff;
  text-align: center;
  position: absolute;
  top: 20px;
  left: 20px;
  display: flex;
  z-index: 100;
  height: 64px;
  width: 64px;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  padding: 8px;
  transform: rotate(-30deg);
}
.product-container .product-wrap .product-inner .product-badge span {
  font-weight: 500;
  line-height: 1.1;
}
.product-container .product-wrap .product-inner .featured-img {
  display: flex;
  flex-direction: column;
  cursor: pointer;
  min-height: 180px;
}
.product-container .product-wrap .product-inner .info-wrap {
  display: flex;
  flex-direction: column;
}
.product-container .product-wrap .product-inner .info-wrap .main-info {
  width: 100%;
  margin-bottom: 1rem;
  min-height: 150px;
}
.product-container .product-wrap .product-inner .info-wrap .main-info .title {
  margin: 0;
  font-size: 1.2rem;
  font-weight: 500;
  margin-bottom: 4px;
  cursor: pointer;
}
.product-container .product-wrap .product-inner .info-wrap .main-info .title:active {
  outline: none;
}
.product-container .product-wrap .product-inner .info-wrap .actions {
  width: 100%;
  display: flex;
  flex-direction: row;
}
.product-container .product-wrap .product-inner .info-wrap .actions div {
  flex: 50%;
  display: flex;
}
.product-container .product-wrap .product-inner .info-wrap .actions .price-rating {
  flex-direction: column;
  justify-content: flex-start;
}
.product-container .product-wrap .product-inner .info-wrap .actions .price-rating .price {
  align-items: center;
}
.product-container .product-wrap .product-inner .info-wrap .actions .price-rating .price span {
  font-size: 1.2rem;
  margin-right: 4px;
}
.product-container .product-wrap .product-inner .info-wrap .actions .add-to-cart {
  align-items: center;
}
.product-container .product-wrap .product-inner ul {
  margin: 0;
  padding: 0 0 0 8px;
  list-style: none;
}
.product-container .product-wrap .product-inner ul li {
  margin-bottom: 4px;
  display: flex;
}
.product-container .product-wrap .product-inner ul li .mat-icon {
  margin-right: 8px;
}
.product-container .product-wrap .product-inner .more-info-wrap {
  display: none;
}

.product-details-wrap .gallery-photo {
  min-height: 400px;
  width: calc(100% - 80px);
  float: left;
  padding-right: 1rem;
  margin-bottom: 1rem;
}
.product-details-wrap .gallery-photo img {
  width: 100%;
  height: auto;
  border-radius: 4px;
}
.product-details-wrap .gallery-thumbnails {
  width: 80px;
  float: left;
  padding-right: 0.667rem;
}
.product-details-wrap .gallery-thumbnails img {
  width: 100%;
  border-radius: 2px;
  display: inline-block;
  opacity: 1;
  cursor: pointer;
  transition: all 0.3s ease-in;
}
.product-details-wrap .gallery-thumbnails img.active {
  opacity: 0.6;
}

.cart-table {
  width: 100%;
  border-collapse: separate;
  border-radius: 2px;
  margin-bottom: 1.5rem;
  border-spacing: 0;
}
.cart-table .cart-thumbnail {
  height: 44px;
  width: auto;
  border-radius: 2px;
}
.cart-table thead tr {
  border-collapse: separate;
  background: rgba(0, 0, 0, 0.03);
}
.cart-table thead tr th {
  border-collapse: separate;
  text-align: left;
  padding: 1rem;
  font-weight: 500;
  letter-spacing: 0.1px;
}
.cart-table tbody tr td {
  text-align: left;
  padding: 16px;
}

@media (max-width: 1100px) {
  .product-container .product-wrap {
    width: 50%;
  }
}
@media (max-width: 960px) {
  .shop-filters-wrap {
    margin: 0;
    padding: 0;
  }
}
@media (max-width: 680px) {
  .product-container .product-wrap {
    width: 100%;
  }
  .product-details-wrap .gallery-photo {
    min-height: auto;
  }
  /* Force table to not be like tables anymore */
  table,
  thead,
  tbody,
  th,
  td,
  tr {
    display: block;
  }
  /* Hide table headers (but not display: none;, for accessibility) */
  thead tr {
    position: absolute;
    top: -9999px;
    left: -9999px;
  }
  tr {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  }
  tr:last-child {
    border-bottom: none;
  }
  td {
    /* Behave  like a "row" */
    border: none;
    border-bottom: 1px solid rgba(0, 0, 0, 0.03);
    position: relative;
    padding-left: 50%;
  }
  td:before {
    /* Now like a table header */
    position: absolute;
    /* Top/left values mimic padding */
    top: 6px;
    left: 6px;
    width: 45%;
    padding-right: 10px;
    white-space: nowrap;
  }
}
@media (min-width: 1100px) {
  .product-container.list-view .product-wrap {
    width: 100%;
    padding-right: 0;
  }
  .product-container.list-view .product-wrap .product-inner {
    flex-direction: row;
  }
  .product-container.list-view .product-wrap .featured-img {
    flex: 3 0;
  }
  .product-container.list-view .product-wrap .featured-img img {
    width: 100%;
    max-width: 100%;
    min-height: 100%;
  }
  .product-container.list-view .product-wrap .info-wrap {
    flex-direction: column;
    flex: 2 0;
  }
  .product-container.list-view .product-wrap .info-wrap .actions {
    align-self: flex-end;
    justify-content: flex-end;
    margin-top: auto;
  }
  .product-container.list-view .product-wrap .more-info-wrap {
    display: flex;
    align-items: stretch;
    flex: 2 0;
    position: relative;
  }
  .product-container.list-view .product-wrap .more-info-wrap .more-info {
    width: 100%;
    padding-left: 1rem;
    border-left: 1px solid #e6e6e6;
  }
}
.home-section {
  padding: 80px 0;
}

.scrollable {
  position: relative;
  width: 100%;
  height: 100vh;
}

.section-intro {
  padding: 80px 0;
  color: #ffffff;
}
.section-intro .egret {
  font-size: 36px;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: 1px;
  text-shadow: 0px 1px 3px rgba(0, 0, 0, 0.48);
}
.section-intro h1 {
  font-size: 32px;
  margin: 2rem 0 1rem;
  font-weight: 300;
}
.section-intro p {
  font-size: 16px;
  max-width: 450px;
  margin: 0 auto 1.4rem;
}
.section-intro img {
  display: block;
  margin: 0 auto;
}

.section-demos {
  position: relative;
  background: #ffffff;
}
.section-demos .demo-box-wrap {
  padding: 2rem;
}
.section-demos .demo-box {
  position: relative;
  border-radius: 8px;
  transition: 0.2s all ease-in-out;
  box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
}
.section-demos .demo-box:hover {
  box-shadow: 0 10px 16px rgba(0, 0, 0, 0.2);
}
.section-demos .demo-box:hover .caption {
  opacity: 1;
  transform: translateY(-10px);
}
.section-demos .demo-box .caption {
  opacity: 0;
  background: #ffffff;
  padding: 1rem;
  position: absolute;
  z-index: 99;
  top: -20px;
  left: 0;
  right: 0;
  margin: auto;
  border-radius: 8px;
  width: 220px;
  transition: 0.2s all ease-in-out;
  box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
}
.section-demos .demo-box h3 {
  margin: 0 0 1rem;
  font-size: 22px;
  font-weight: 300;
}
.section-demos .demo-box img {
  width: 100%;
  height: auto;
  float: left;
}
.section-demos .demo-box .screenshot {
  overflow: hidden;
  border-radius: 8px;
  margin-bottom: 2rem;
  min-height: 180px;
  cursor: pointer;
}

/* 
  Only Required if you want to use Angular Landing
  (https://themeforest.net/item/angular-landing-material-design-angular-app-landing-page/21198258)
*/
* {
  box-sizing: border-box;
}

html {
  font-size: 16px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}

body {
  margin: 0;
  padding: 0;
  font-family: var(--font-body);
  font-size: var(--text-base);
  font-weight: var(--font-normal);
  line-height: var(--leading-normal);
  color: var(--color-text-primary);
  background: var(--color-background);
  overflow-x: hidden;
}
body::before {
  content: "";
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: var(--gradient-mesh);
  opacity: 0.02;
  pointer-events: none;
  z-index: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: var(--font-display);
  font-weight: var(--font-semibold);
  line-height: var(--leading-tight);
  margin: 0 0 1rem 0;
  color: var(--color-text-primary);
  letter-spacing: var(--tracking-tight);
}

h1 {
  font-size: var(--text-5xl);
  font-weight: var(--font-bold);
}

h2 {
  font-size: var(--text-4xl);
}

h3 {
  font-size: var(--text-3xl);
}

h4 {
  font-size: var(--text-2xl);
}

h5 {
  font-size: var(--text-xl);
}

h6 {
  font-size: var(--text-lg);
}

p {
  margin: 0 0 1rem 0;
  line-height: var(--leading-relaxed);
}

a {
  color: var(--color-primary-600);
  text-decoration: none;
  transition: var(--transition-fast);
}
a:hover {
  color: var(--color-primary-700);
  text-decoration: underline;
}

::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

::-webkit-scrollbar-track {
  background: var(--color-gray-100);
  border-radius: var(--radius-full);
}

::-webkit-scrollbar-thumb {
  background: var(--color-gray-400);
  border-radius: var(--radius-full);
  -webkit-transition: var(--transition-fast);
  transition: var(--transition-fast);
}
::-webkit-scrollbar-thumb:hover {
  background: var(--color-primary-500);
}

::selection {
  background: var(--color-primary-200);
  color: var(--color-primary-900);
}

::-moz-selection {
  background: var(--color-primary-200);
  color: var(--color-primary-900);
}

:focus-visible {
  outline: 3px solid var(--color-primary-500);
  outline-offset: 2px;
  border-radius: var(--radius-sm);
}

.cdk-overlay-backdrop,
.mat-drawer-backdrop {
  background: rgba(0, 0, 0, 0.5);
  backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(4px);
}
.cdk-overlay-backdrop.cdk-overlay-backdrop-showing,
.mat-drawer-backdrop.cdk-overlay-backdrop-showing {
  animation: fadeIn 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.cdk-overlay-backdrop.cdk-overlay-transparent-backdrop {
  background: transparent;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}

.results-log-dialog-panel,
.custom-dialog-panel {
  max-width: 90vw !important;
  min-width: 600px !important;
}
.results-log-dialog-panel .mat-mdc-dialog-container,
.results-log-dialog-panel .mat-dialog-container,
.custom-dialog-panel .mat-mdc-dialog-container,
.custom-dialog-panel .mat-dialog-container {
  padding: 32px;
  border-radius: 20px;
  overflow: visible;
  background: rgba(255, 255, 255, 0.98);
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
  border: 1px solid rgba(0, 0, 0, 0.08);
  box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
}
@media (max-width: 768px) {
  .results-log-dialog-panel,
  .custom-dialog-panel {
    min-width: auto !important;
    max-width: 95vw !important;
  }
  .results-log-dialog-panel .mat-mdc-dialog-container,
  .results-log-dialog-panel .mat-dialog-container,
  .custom-dialog-panel .mat-mdc-dialog-container,
  .custom-dialog-panel .mat-dialog-container {
    padding: 20px;
  }
}

.page-wrap,
.view-container {
  animation: fadeIn 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

.mt-0 {
  margin-top: 0 !important;
}

.mt-1 {
  margin-top: var(--space-1) !important;
}

.mt-2 {
  margin-top: var(--space-2) !important;
}

.mt-3 {
  margin-top: var(--space-3) !important;
}

.mt-4 {
  margin-top: var(--space-4) !important;
}

.mt-6 {
  margin-top: var(--space-6) !important;
}

.mt-8 {
  margin-top: var(--space-8) !important;
}

.mb-0 {
  margin-bottom: 0 !important;
}

.mb-1 {
  margin-bottom: var(--space-1) !important;
}

.mb-2 {
  margin-bottom: var(--space-2) !important;
}

.mb-3 {
  margin-bottom: var(--space-3) !important;
}

.mb-4 {
  margin-bottom: var(--space-4) !important;
}

.mb-6 {
  margin-bottom: var(--space-6) !important;
}

.mb-8 {
  margin-bottom: var(--space-8) !important;
}

.p-0 {
  padding: 0 !important;
}

.p-1 {
  padding: var(--space-1) !important;
}

.p-2 {
  padding: var(--space-2) !important;
}

.p-3 {
  padding: var(--space-3) !important;
}

.p-4 {
  padding: var(--space-4) !important;
}

.p-6 {
  padding: var(--space-6) !important;
}

.p-8 {
  padding: var(--space-8) !important;
}

.text-center {
  text-align: center !important;
}

.text-left {
  text-align: left !important;
}

.text-right {
  text-align: right !important;
}

.text-xs {
  font-size: var(--text-xs) !important;
}

.text-sm {
  font-size: var(--text-sm) !important;
}

.text-base {
  font-size: var(--text-base) !important;
}

.text-lg {
  font-size: var(--text-lg) !important;
}

.text-xl {
  font-size: var(--text-xl) !important;
}

.text-2xl {
  font-size: var(--text-2xl) !important;
}

.font-light {
  font-weight: var(--font-light) !important;
}

.font-normal {
  font-weight: var(--font-normal) !important;
}

.font-medium {
  font-weight: var(--font-medium) !important;
}

.font-semibold {
  font-weight: var(--font-semibold) !important;
}

.font-bold {
  font-weight: var(--font-bold) !important;
}

.text-primary {
  color: var(--color-primary-600) !important;
}

.text-secondary {
  color: var(--color-secondary-600) !important;
}

.text-success {
  color: var(--color-success-600) !important;
}

.text-warning {
  color: var(--color-warning-600) !important;
}

.text-error {
  color: var(--color-error-600) !important;
}

.text-muted {
  color: var(--color-text-secondary) !important;
}

.d-none {
  display: none !important;
}

.d-block {
  display: block !important;
}

.d-inline {
  display: inline !important;
}

.d-inline-block {
  display: inline-block !important;
}

.d-flex {
  display: flex !important;
}

.d-grid {
  display: grid !important;
}

.flex-row {
  flex-direction: row !important;
}

.flex-column {
  flex-direction: column !important;
}

.flex-wrap {
  flex-wrap: wrap !important;
}

.flex-nowrap {
  flex-wrap: nowrap !important;
}

.justify-start {
  justify-content: flex-start !important;
}

.justify-end {
  justify-content: flex-end !important;
}

.justify-center {
  justify-content: center !important;
}

.justify-between {
  justify-content: space-between !important;
}

.justify-around {
  justify-content: space-around !important;
}

.items-start {
  align-items: flex-start !important;
}

.items-end {
  align-items: flex-end !important;
}

.items-center {
  align-items: center !important;
}

.items-stretch {
  align-items: stretch !important;
}

.gap-1 {
  gap: var(--space-1) !important;
}

.gap-2 {
  gap: var(--space-2) !important;
}

.gap-3 {
  gap: var(--space-3) !important;
}

.gap-4 {
  gap: var(--space-4) !important;
}

.gap-6 {
  gap: var(--space-6) !important;
}

@media (max-width: 599px) {
  .hide-xs {
    display: none !important;
  }
}
@media (min-width: 600px) and (max-width: 959px) {
  .hide-sm {
    display: none !important;
  }
}
@media (min-width: 960px) and (max-width: 1279px) {
  .hide-md {
    display: none !important;
  }
}
@media (min-width: 1280px) {
  .hide-lg {
    display: none !important;
  }
}
.loading-shimmer {
  background: linear-gradient(90deg, var(--color-gray-200) 0%, var(--color-gray-300) 50%, var(--color-gray-200) 100%);
  background-size: 200% 100%;
  animation: shimmer 1.5s ease-in-out infinite;
}

@keyframes shimmer {
  0% {
    background-position: -200% 0;
  }
  100% {
    background-position: 200% 0;
  }
}
.mat-mdc-form-field,
.mat-form-field {
  width: 100%;
  display: block;
}

.mat-mdc-input-element,
.mat-input-element,
.mat-mdc-select,
.mat-select {
  width: 100% !important;
}

[fxLayout],
[fxFlex] {
  box-sizing: border-box;
}

[fxFlex] {
  flex: 1 1 auto;
  min-width: 0;
  min-height: 0;
}

.row {
  display: flex;
  flex-wrap: wrap;
  margin-left: -8px;
  margin-right: -8px;
  row-gap: var(--space-4);
}

.col,
[class*=col-] {
  padding-left: 8px;
  padding-right: 8px;
  width: 100%;
  min-width: 0;
}

.container,
.container-fluid {
  width: 100%;
  max-width: 1440px;
  padding-right: var(--space-4);
  padding-left: var(--space-4);
  margin-right: auto;
  margin-left: auto;
}

.mat-mdc-card,
.mat-card {
  display: block;
  width: 100%;
  box-sizing: border-box;
}

.mat-mdc-table,
.mat-table {
  width: 100%;
  display: table;
}

.mat-mdc-dialog-content,
.mat-dialog-content {
  max-width: 100%;
  padding: 20px 24px;
}

.mat-mdc-chip-set,
.mat-chip-list {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.mat-mdc-chip .mat-icon,
.mat-chip .mat-icon {
  line-height: 1;
  vertical-align: -0.2em;
}

.mat-mdc-chip .mat-mdc-chip-remove,
.mat-mdc-chip .mat-mdc-chip-trailing-icon,
.mat-chip .mat-chip-remove {
  margin-right: 0;
}

.admin-count-chip .mat-mdc-chip-action-label {
  display: inline-flex;
  align-items: center;
}

app-sidebar-side,
app-sidebar-top,
app-header-side,
app-header-top {
  display: contents;
}

.mat-mdc-raised-button.mat-primary,
.mat-raised-button.mat-primary,
.mat-mdc-unelevated-button.mat-primary,
.mat-flat-button.mat-primary {
  background: linear-gradient(135deg, #ff6700 0%, #f26d35 100%) !important;
  color: #ffffff !important;
  border-radius: 12px !important;
  padding: 10px 24px !important;
  font-weight: 500 !important;
  box-shadow: 0 4px 14px rgba(255, 103, 0, 0.35) !important;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
  position: relative;
  overflow: hidden;
}
.mat-mdc-raised-button.mat-primary::before,
.mat-raised-button.mat-primary::before,
.mat-mdc-unelevated-button.mat-primary::before,
.mat-flat-button.mat-primary::before {
  content: "";
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.3), transparent);
  transition: left 0.5s;
}
.mat-mdc-raised-button.mat-primary:hover:not(:disabled),
.mat-raised-button.mat-primary:hover:not(:disabled),
.mat-mdc-unelevated-button.mat-primary:hover:not(:disabled),
.mat-flat-button.mat-primary:hover:not(:disabled) {
  background: linear-gradient(135deg, #f26d35 0%, #e65100 100%) !important;
  transform: translateY(-2px);
  box-shadow: 0 6px 20px rgba(255, 103, 0, 0.45) !important;
}
.mat-mdc-raised-button.mat-primary:hover:not(:disabled)::before,
.mat-raised-button.mat-primary:hover:not(:disabled)::before,
.mat-mdc-unelevated-button.mat-primary:hover:not(:disabled)::before,
.mat-flat-button.mat-primary:hover:not(:disabled)::before {
  left: 100%;
}
.mat-mdc-raised-button.mat-primary:disabled,
.mat-raised-button.mat-primary:disabled,
.mat-mdc-unelevated-button.mat-primary:disabled,
.mat-flat-button.mat-primary:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

.mat-mdc-raised-button.mat-accent,
.mat-raised-button.mat-accent,
.mat-mdc-unelevated-button.mat-accent,
.mat-flat-button.mat-accent {
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.95) 0%, rgba(255, 255, 255, 0.9) 100%) !important;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: 2px solid rgba(255, 103, 0, 0.3) !important;
  border-radius: 12px !important;
  color: #ff6700 !important;
  font-weight: 500 !important;
  padding: 10px 24px !important;
  box-shadow: 0 2px 8px rgba(255, 103, 0, 0.15) !important;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
}
.mat-mdc-raised-button.mat-accent:hover:not(:disabled),
.mat-raised-button.mat-accent:hover:not(:disabled),
.mat-mdc-unelevated-button.mat-accent:hover:not(:disabled),
.mat-flat-button.mat-accent:hover:not(:disabled) {
  border-color: rgba(255, 103, 0, 0.5) !important;
  box-shadow: 0 4px 12px rgba(255, 103, 0, 0.25) !important;
  transform: translateY(-2px);
}

.mat-mdc-raised-button.mat-warn,
.mat-raised-button.mat-warn,
.mat-mdc-unelevated-button.mat-warn,
.mat-flat-button.mat-warn {
  background: linear-gradient(135deg, #f44336 0%, #ef5350 100%) !important;
  color: #ffffff !important;
  border-radius: 12px !important;
  padding: 10px 24px !important;
  font-weight: 500 !important;
  box-shadow: 0 4px 14px rgba(244, 67, 54, 0.35) !important;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
  position: relative;
  overflow: hidden;
}
.mat-mdc-raised-button.mat-warn::before,
.mat-raised-button.mat-warn::before,
.mat-mdc-unelevated-button.mat-warn::before,
.mat-flat-button.mat-warn::before {
  content: "";
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.3), transparent);
  transition: left 0.5s;
}
.mat-mdc-raised-button.mat-warn:hover:not(:disabled),
.mat-raised-button.mat-warn:hover:not(:disabled),
.mat-mdc-unelevated-button.mat-warn:hover:not(:disabled),
.mat-flat-button.mat-warn:hover:not(:disabled) {
  background: linear-gradient(135deg, #ef5350 0%, #d32f2f 100%) !important;
  transform: translateY(-2px);
  box-shadow: 0 6px 20px rgba(244, 67, 54, 0.45) !important;
}
.mat-mdc-raised-button.mat-warn:hover:not(:disabled)::before,
.mat-raised-button.mat-warn:hover:not(:disabled)::before,
.mat-mdc-unelevated-button.mat-warn:hover:not(:disabled)::before,
.mat-flat-button.mat-warn:hover:not(:disabled)::before {
  left: 100%;
}

.mat-mdc-button,
.mat-button {
  color: #ff6700 !important;
  border-radius: 12px !important;
  padding: 8px 16px !important;
  font-weight: 500 !important;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
}
.mat-mdc-button:hover:not(:disabled),
.mat-button:hover:not(:disabled) {
  background: rgba(255, 103, 0, 0.08) !important;
}
.mat-mdc-button.mat-primary,
.mat-button.mat-primary {
  color: #ff6700 !important;
}
.mat-mdc-button.mat-accent,
.mat-button.mat-accent {
  color: rgba(0, 0, 0, 0.7) !important;
}
.mat-mdc-button.mat-accent:hover:not(:disabled),
.mat-button.mat-accent:hover:not(:disabled) {
  background: rgba(0, 0, 0, 0.04) !important;
}
.mat-mdc-button.mat-warn,
.mat-button.mat-warn {
  color: #f44336 !important;
}
.mat-mdc-button.mat-warn:hover:not(:disabled),
.mat-button.mat-warn:hover:not(:disabled) {
  background: rgba(244, 67, 54, 0.08) !important;
}

.mat-mdc-button-base .mat-icon,
.mat-button-base .mat-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
  vertical-align: middle;
}

.mat-mdc-button-base:not(.mat-mdc-icon-button) .mat-icon.mat-icon-inline,
.mat-button-base:not(.mat-icon-button) .mat-icon.mat-icon-inline {
  height: 1em;
  width: 1em;
  line-height: 1;
}

.mat-mdc-stroked-button,
.mat-stroked-button {
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0.5) 100%) !important;
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  border: 2px solid rgba(255, 103, 0, 0.3) !important;
  border-radius: 12px !important;
  color: #ff6700 !important;
  padding: 10px 24px !important;
  font-weight: 500 !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06) !important;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
}
.mat-mdc-stroked-button:hover:not(:disabled),
.mat-stroked-button:hover:not(:disabled) {
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.95) 0%, rgba(255, 255, 255, 0.85) 100%) !important;
  border-color: rgba(255, 103, 0, 0.5) !important;
  box-shadow: 0 4px 12px rgba(255, 103, 0, 0.2) !important;
  transform: translateY(-2px);
}
.mat-mdc-stroked-button.mat-primary,
.mat-stroked-button.mat-primary {
  border-color: rgba(255, 103, 0, 0.4) !important;
  color: #ff6700 !important;
}
.mat-mdc-stroked-button.mat-accent,
.mat-stroked-button.mat-accent {
  border-color: rgba(0, 0, 0, 0.12) !important;
  color: rgba(0, 0, 0, 0.7) !important;
}
.mat-mdc-stroked-button.mat-accent:hover:not(:disabled),
.mat-stroked-button.mat-accent:hover:not(:disabled) {
  border-color: rgba(0, 0, 0, 0.24) !important;
}
.mat-mdc-stroked-button.mat-warn,
.mat-stroked-button.mat-warn {
  border-color: rgba(244, 67, 54, 0.4) !important;
  color: #f44336 !important;
}
.mat-mdc-stroked-button.mat-warn:hover:not(:disabled),
.mat-stroked-button.mat-warn:hover:not(:disabled) {
  border-color: rgba(244, 67, 54, 0.6) !important;
}

.mat-mdc-icon-button,
.mat-icon-button {
  border-radius: 12px !important;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
}
.mat-mdc-icon-button:hover:not(:disabled),
.mat-icon-button:hover:not(:disabled) {
  background: rgba(255, 103, 0, 0.08) !important;
  transform: scale(1.1);
}
.mat-mdc-icon-button.mat-primary,
.mat-icon-button.mat-primary {
  color: #ff6700 !important;
}
.mat-mdc-icon-button.mat-accent,
.mat-icon-button.mat-accent {
  color: rgba(0, 0, 0, 0.6) !important;
}
.mat-mdc-icon-button.mat-accent:hover:not(:disabled),
.mat-icon-button.mat-accent:hover:not(:disabled) {
  background: rgba(0, 0, 0, 0.04) !important;
}
.mat-mdc-icon-button.mat-warn,
.mat-icon-button.mat-warn {
  color: #f44336 !important;
}
.mat-mdc-icon-button.mat-warn:hover:not(:disabled),
.mat-icon-button.mat-warn:hover:not(:disabled) {
  background: rgba(244, 67, 54, 0.08) !important;
}

.premium-theme .mat-mdc-icon-button.mat-mdc-button-base,
.egret-blue .mat-mdc-icon-button.mat-mdc-button-base,
.egret-indigo .mat-mdc-icon-button.mat-mdc-button-base {
  padding: 0 !important;
}

.mat-mdc-fab,
.mat-fab {
  background: linear-gradient(135deg, #ff6700 0%, #f26d35 100%) !important;
  color: #ffffff !important;
  box-shadow: 0 6px 20px rgba(255, 103, 0, 0.4) !important;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
}
.mat-mdc-fab:hover:not(:disabled),
.mat-fab:hover:not(:disabled) {
  background: linear-gradient(135deg, #f26d35 0%, #e65100 100%) !important;
  transform: translateY(-4px) scale(1.05);
  box-shadow: 0 12px 32px rgba(255, 103, 0, 0.5) !important;
}

.mat-mdc-mini-fab,
.mat-mini-fab {
  background: linear-gradient(135deg, #ff6700 0%, #f26d35 100%) !important;
  color: #ffffff !important;
  box-shadow: 0 4px 12px rgba(255, 103, 0, 0.35) !important;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
}
.mat-mdc-mini-fab:hover:not(:disabled),
.mat-mini-fab:hover:not(:disabled) {
  background: linear-gradient(135deg, #f26d35 0%, #e65100 100%) !important;
  transform: translateY(-2px) scale(1.05);
  box-shadow: 0 8px 20px rgba(255, 103, 0, 0.45) !important;
}

.mat-mdc-card,
.mat-card {
  border-radius: var(--radius-xl) !important;
  box-shadow: var(--shadow-md) !important;
  transition: all var(--duration-normal) var(--ease-in-out) !important;
  background: rgba(255, 255, 255, 0.95) !important;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: 1px solid rgba(0, 0, 0, 0.08);
}
.mat-mdc-card:hover,
.mat-card:hover {
  box-shadow: var(--shadow-lg) !important;
  transform: translateY(-2px);
}
.mat-mdc-card .mat-mdc-card-header,
.mat-mdc-card .mat-card-header,
.mat-card .mat-mdc-card-header,
.mat-card .mat-card-header {
  padding: var(--space-4) var(--space-5);
  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}
.mat-mdc-card .mat-mdc-card-title,
.mat-mdc-card .mat-card-title,
.mat-card .mat-mdc-card-title,
.mat-card .mat-card-title {
  font-size: var(--text-xl);
  font-weight: var(--font-semibold);
  color: var(--color-text-primary);
  margin-bottom: 0;
}
.mat-mdc-card .mat-mdc-card-subtitle,
.mat-mdc-card .mat-card-subtitle,
.mat-card .mat-mdc-card-subtitle,
.mat-card .mat-card-subtitle {
  font-size: var(--text-sm);
  color: var(--color-text-secondary);
  margin-top: var(--space-1);
}
.mat-mdc-card .mat-mdc-card-content,
.mat-mdc-card .mat-card-content,
.mat-card .mat-mdc-card-content,
.mat-card .mat-card-content {
  padding: var(--space-5);
}
.mat-mdc-card .mat-mdc-card-actions,
.mat-mdc-card .mat-card-actions,
.mat-card .mat-mdc-card-actions,
.mat-card .mat-card-actions {
  padding: var(--space-4) var(--space-5);
}

.mat-mdc-dialog-container,
.mat-dialog-container {
  border-radius: var(--radius-xl) !important;
  background: rgba(255, 255, 255, 0.98) !important;
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
  box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25) !important;
}

.mat-mdc-dialog-title,
.mat-dialog-title {
  font-size: var(--text-2xl);
  font-weight: var(--font-semibold);
  color: var(--color-text-primary);
  padding: var(--space-5) var(--space-6);
  margin: 0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}

.mat-mdc-dialog-content,
.mat-dialog-content {
  padding: var(--space-6);
  color: var(--color-text-primary);
}

.mat-mdc-dialog-container .mat-mdc-dialog-title + .mat-mdc-dialog-content.admin-dialog-content,
.mat-dialog-container .mat-dialog-title + .mat-dialog-content.admin-dialog-content {
  padding-top: var(--space-5) !important;
}

.mat-mdc-dialog-actions,
.mat-dialog-actions {
  padding: var(--space-4) var(--space-6);
  border-top: 1px solid rgba(0, 0, 0, 0.08);
  gap: var(--space-3);
}

.mat-mdc-snack-bar-container,
.mat-snack-bar-container {
  border-radius: var(--radius-lg) !important;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  box-shadow: var(--shadow-xl) !important;
}

.mat-mdc-menu-panel,
.mat-menu-panel {
  border-radius: var(--radius-lg) !important;
  background: rgba(255, 255, 255, 0.98) !important;
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
  box-shadow: var(--shadow-xl) !important;
  border: 1px solid rgba(0, 0, 0, 0.08);
}
.mat-mdc-menu-panel .mat-mdc-menu-item,
.mat-mdc-menu-panel .mat-menu-item,
.mat-menu-panel .mat-mdc-menu-item,
.mat-menu-panel .mat-menu-item {
  border-radius: var(--radius-md);
  transition: all var(--duration-fast) var(--ease-in-out);
}
.mat-mdc-menu-panel .mat-mdc-menu-item:hover,
.mat-mdc-menu-panel .mat-menu-item:hover,
.mat-menu-panel .mat-mdc-menu-item:hover,
.mat-menu-panel .mat-menu-item:hover {
  background: rgba(255, 103, 0, 0.08) !important;
}

.results-log-dialog-panel {
  min-width: 0 !important;
}
.results-log-dialog-panel .mat-mdc-dialog-container,
.results-log-dialog-panel .mat-dialog-container {
  padding: 0;
  overflow: hidden;
  box-shadow: 0 18px 36px -24px rgba(15, 23, 42, 0.35) !important;
}

.mat-mdc-menu-panel.language-menu,
.mat-menu-panel.language-menu {
  overflow-x: hidden;
}
.mat-mdc-menu-panel.language-menu .mat-mdc-menu-content,
.mat-mdc-menu-panel.language-menu .mat-menu-content,
.mat-menu-panel.language-menu .mat-mdc-menu-content,
.mat-menu-panel.language-menu .mat-menu-content {
  max-width: 100%;
  width: 100%;
  overflow-x: hidden;
  box-sizing: border-box;
}
.mat-mdc-menu-panel.language-menu .mat-mdc-menu-item,
.mat-mdc-menu-panel.language-menu .mat-menu-item,
.mat-menu-panel.language-menu .mat-mdc-menu-item,
.mat-menu-panel.language-menu .mat-menu-item {
  margin: 4px 0 !important;
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
}

.mat-mdc-tooltip,
.mat-tooltip {
  border-radius: var(--radius-md) !important;
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  font-size: var(--text-xs) !important;
}

.mat-mdc-progress-bar,
.mat-progress-bar {
  border-radius: var(--radius-full);
  overflow: hidden;
}

.mat-mdc-progress-spinner circle,
.mat-progress-spinner circle {
  stroke-linecap: round;
}

.mat-expansion-panel {
  border-radius: var(--radius-lg) !important;
  box-shadow: var(--shadow-sm) !important;
  background: rgba(255, 255, 255, 0.95) !important;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: 1px solid rgba(0, 0, 0, 0.08);
  margin-bottom: var(--space-3);
}
.mat-expansion-panel:hover {
  box-shadow: var(--shadow-md) !important;
}
.mat-expansion-panel .mat-expansion-panel-header {
  border-radius: var(--radius-lg) !important;
  transition: all var(--duration-fast) var(--ease-in-out);
}
.mat-expansion-panel .mat-expansion-panel-header:hover {
  background: rgba(255, 103, 0, 0.04) !important;
}

.mat-mdc-select-panel,
.mat-select-panel {
  border-radius: var(--radius-lg) !important;
  background: rgba(255, 255, 255, 0.98) !important;
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
  box-shadow: var(--shadow-xl) !important;
  border: 1px solid rgba(0, 0, 0, 0.08);
}

@media print {
  body {
    background: white;
  }
  .no-print,
  .sidebar-panel,
  .topbar,
  .mat-drawer,
  button,
  .btn {
    display: none !important;
  }
  * {
    box-shadow: none !important;
    text-shadow: none !important;
  }
}
html.template-rule-dynamic-scroll,
body.template-rule-dynamic-scroll {
  overflow-y: auto !important;
  overflow-x: hidden !important;
}

.news-dialog-container .mat-mdc-dialog-container,
.news-dialog-container .mat-dialog-container {
  padding: 0 !important;
  border-radius: 20px !important;
  overflow: hidden;
  background: transparent !important;
  box-shadow: 0 25px 60px -12px rgba(0, 0, 0, 0.35) !important;
}
/*!*********************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/leaflet/dist/leaflet.css?ngGlobalStyle ***!
  \*********************************************************************************************************************************************************************************************************************************************/
/* required styles */

.leaflet-pane,
.leaflet-tile,
.leaflet-marker-icon,
.leaflet-marker-shadow,
.leaflet-tile-container,
.leaflet-pane > svg,
.leaflet-pane > canvas,
.leaflet-zoom-box,
.leaflet-image-layer,
.leaflet-layer {
	position: absolute;
	left: 0;
	top: 0;
	}
.leaflet-container {
	overflow: hidden;
	}
.leaflet-tile,
.leaflet-marker-icon,
.leaflet-marker-shadow {
	-webkit-user-select: none;
	        user-select: none;
	  -webkit-user-drag: none;
	}
/* Prevents IE11 from highlighting tiles in blue */
.leaflet-tile::selection {
	background: transparent;
}
/* Safari renders non-retina tile on retina better with this, but Chrome is worse */
.leaflet-safari .leaflet-tile {
	image-rendering: -webkit-optimize-contrast;
	}
/* hack that prevents hw layers "stretching" when loading new tiles */
.leaflet-safari .leaflet-tile-container {
	width: 1600px;
	height: 1600px;
	-webkit-transform-origin: 0 0;
	}
.leaflet-marker-icon,
.leaflet-marker-shadow {
	display: block;
	}
/* .leaflet-container svg: reset svg max-width decleration shipped in Joomla! (joomla.org) 3.x */
/* .leaflet-container img: map is broken in FF if you have max-width: 100% on tiles */
.leaflet-container .leaflet-overlay-pane svg {
	max-width: none !important;
	max-height: none !important;
	}
.leaflet-container .leaflet-marker-pane img,
.leaflet-container .leaflet-shadow-pane img,
.leaflet-container .leaflet-tile-pane img,
.leaflet-container img.leaflet-image-layer,
.leaflet-container .leaflet-tile {
	max-width: none !important;
	max-height: none !important;
	width: auto;
	padding: 0;
	}

.leaflet-container img.leaflet-tile {
	/* See: https://bugs.chromium.org/p/chromium/issues/detail?id=600120 */
	mix-blend-mode: plus-lighter;
}

.leaflet-container.leaflet-touch-zoom {
	touch-action: pan-x pan-y;
	}
.leaflet-container.leaflet-touch-drag {
	/* Fallback for FF which doesn't support pinch-zoom */
	touch-action: none;
	touch-action: pinch-zoom;
}
.leaflet-container.leaflet-touch-drag.leaflet-touch-zoom {
	touch-action: none;
}
.leaflet-container {
	-webkit-tap-highlight-color: transparent;
}
.leaflet-container a {
	-webkit-tap-highlight-color: rgba(51, 181, 229, 0.4);
}
.leaflet-tile {
	filter: inherit;
	visibility: hidden;
	}
.leaflet-tile-loaded {
	visibility: inherit;
	}
.leaflet-zoom-box {
	width: 0;
	height: 0;
	box-sizing: border-box;
	z-index: 800;
	}
/* workaround for https://bugzilla.mozilla.org/show_bug.cgi?id=888319 */
.leaflet-overlay-pane svg {
	-moz-user-select: none;
	}

.leaflet-pane         { z-index: 400; }

.leaflet-tile-pane    { z-index: 200; }
.leaflet-overlay-pane { z-index: 400; }
.leaflet-shadow-pane  { z-index: 500; }
.leaflet-marker-pane  { z-index: 600; }
.leaflet-tooltip-pane   { z-index: 650; }
.leaflet-popup-pane   { z-index: 700; }

.leaflet-map-pane canvas { z-index: 100; }
.leaflet-map-pane svg    { z-index: 200; }

.leaflet-vml-shape {
	width: 1px;
	height: 1px;
	}
.lvml {
	behavior: url(#default#VML);
	display: inline-block;
	position: absolute;
	}


/* control positioning */

.leaflet-control {
	position: relative;
	z-index: 800;
	pointer-events: visiblePainted; /* IE 9-10 doesn't have auto */
	pointer-events: auto;
	}
.leaflet-top,
.leaflet-bottom {
	position: absolute;
	z-index: 1000;
	pointer-events: none;
	}
.leaflet-top {
	top: 0;
	}
.leaflet-right {
	right: 0;
	}
.leaflet-bottom {
	bottom: 0;
	}
.leaflet-left {
	left: 0;
	}
.leaflet-control {
	float: left;
	clear: both;
	}
.leaflet-right .leaflet-control {
	float: right;
	}
.leaflet-top .leaflet-control {
	margin-top: 10px;
	}
.leaflet-bottom .leaflet-control {
	margin-bottom: 10px;
	}
.leaflet-left .leaflet-control {
	margin-left: 10px;
	}
.leaflet-right .leaflet-control {
	margin-right: 10px;
	}


/* zoom and fade animations */

.leaflet-fade-anim .leaflet-popup {
	opacity: 0;
	transition: opacity 0.2s linear;
	}
.leaflet-fade-anim .leaflet-map-pane .leaflet-popup {
	opacity: 1;
	}
.leaflet-zoom-animated {
	transform-origin: 0 0;
	}
svg.leaflet-zoom-animated {
	will-change: transform;
}

.leaflet-zoom-anim .leaflet-zoom-animated {
	transition:         transform 0.25s cubic-bezier(0,0,0.25,1);
	}
.leaflet-zoom-anim .leaflet-tile,
.leaflet-pan-anim .leaflet-tile {
	transition: none;
	}

.leaflet-zoom-anim .leaflet-zoom-hide {
	visibility: hidden;
	}


/* cursors */

.leaflet-interactive {
	cursor: pointer;
	}
.leaflet-grab {
	cursor:         grab;
	}
.leaflet-crosshair,
.leaflet-crosshair .leaflet-interactive {
	cursor: crosshair;
	}
.leaflet-popup-pane,
.leaflet-control {
	cursor: auto;
	}
.leaflet-dragging .leaflet-grab,
.leaflet-dragging .leaflet-grab .leaflet-interactive,
.leaflet-dragging .leaflet-marker-draggable {
	cursor: move;
	cursor:         grabbing;
	}

/* marker & overlays interactivity */
.leaflet-marker-icon,
.leaflet-marker-shadow,
.leaflet-image-layer,
.leaflet-pane > svg path,
.leaflet-tile-container {
	pointer-events: none;
	}

.leaflet-marker-icon.leaflet-interactive,
.leaflet-image-layer.leaflet-interactive,
.leaflet-pane > svg path.leaflet-interactive,
svg.leaflet-image-layer.leaflet-interactive path {
	pointer-events: visiblePainted; /* IE 9-10 doesn't have auto */
	pointer-events: auto;
	}

/* visual tweaks */

.leaflet-container {
	background: #ddd;
	outline-offset: 1px;
	}
.leaflet-container a {
	color: #0078A8;
	}
.leaflet-zoom-box {
	border: 2px dotted #38f;
	background: rgba(255,255,255,0.5);
	}


/* general typography */
.leaflet-container {
	font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-size: 0.75rem;
	line-height: 1.5;
	}


/* general toolbar styles */

.leaflet-bar {
	box-shadow: 0 1px 5px rgba(0,0,0,0.65);
	border-radius: 4px;
	}
.leaflet-bar a {
	background-color: #fff;
	border-bottom: 1px solid #ccc;
	width: 26px;
	height: 26px;
	line-height: 26px;
	display: block;
	text-align: center;
	text-decoration: none;
	color: black;
	}
.leaflet-bar a,
.leaflet-control-layers-toggle {
	background-position: 50% 50%;
	background-repeat: no-repeat;
	display: block;
	}
.leaflet-bar a:hover,
.leaflet-bar a:focus {
	background-color: #f4f4f4;
	}
.leaflet-bar a:first-child {
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	}
.leaflet-bar a:last-child {
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
	border-bottom: none;
	}
.leaflet-bar a.leaflet-disabled {
	cursor: default;
	background-color: #f4f4f4;
	color: #bbb;
	}

.leaflet-touch .leaflet-bar a {
	width: 30px;
	height: 30px;
	line-height: 30px;
	}
.leaflet-touch .leaflet-bar a:first-child {
	border-top-left-radius: 2px;
	border-top-right-radius: 2px;
	}
.leaflet-touch .leaflet-bar a:last-child {
	border-bottom-left-radius: 2px;
	border-bottom-right-radius: 2px;
	}

/* zoom control */

.leaflet-control-zoom-in,
.leaflet-control-zoom-out {
	font: bold 18px 'Lucida Console', Monaco, monospace;
	text-indent: 1px;
	}

.leaflet-touch .leaflet-control-zoom-in, .leaflet-touch .leaflet-control-zoom-out  {
	font-size: 22px;
	}


/* layers control */

.leaflet-control-layers {
	box-shadow: 0 1px 5px rgba(0,0,0,0.4);
	background: #fff;
	border-radius: 5px;
	}
.leaflet-control-layers-toggle {
	background-image: url('layers.png');
	width: 36px;
	height: 36px;
	}
.leaflet-retina .leaflet-control-layers-toggle {
	background-image: url('layers-2x.png');
	background-size: 26px 26px;
	}
.leaflet-touch .leaflet-control-layers-toggle {
	width: 44px;
	height: 44px;
	}
.leaflet-control-layers .leaflet-control-layers-list,
.leaflet-control-layers-expanded .leaflet-control-layers-toggle {
	display: none;
	}
.leaflet-control-layers-expanded .leaflet-control-layers-list {
	display: block;
	position: relative;
	}
.leaflet-control-layers-expanded {
	padding: 6px 10px 6px 6px;
	color: #333;
	background: #fff;
	}
.leaflet-control-layers-scrollbar {
	overflow-y: scroll;
	overflow-x: hidden;
	padding-right: 5px;
	}
.leaflet-control-layers-selector {
	margin-top: 2px;
	position: relative;
	top: 1px;
	}
.leaflet-control-layers label {
	display: block;
	font-size: 13px;
	font-size: 1.08333em;
	}
.leaflet-control-layers-separator {
	height: 0;
	border-top: 1px solid #ddd;
	margin: 5px -10px 5px -6px;
	}

/* Default icon URLs */
.leaflet-default-icon-path { /* used only in path-guessing heuristic, see L.Icon.Default */
	background-image: url('marker-icon.png');
	}


/* attribution and scale controls */

.leaflet-container .leaflet-control-attribution {
	background: #fff;
	background: rgba(255, 255, 255, 0.8);
	margin: 0;
	}
.leaflet-control-attribution,
.leaflet-control-scale-line {
	padding: 0 5px;
	color: #333;
	line-height: 1.4;
	}
.leaflet-control-attribution a {
	text-decoration: none;
	}
.leaflet-control-attribution a:hover,
.leaflet-control-attribution a:focus {
	text-decoration: underline;
	}
.leaflet-attribution-flag {
	display: inline !important;
	vertical-align: baseline !important;
	width: 1em;
	height: 0.6669em;
	}
.leaflet-left .leaflet-control-scale {
	margin-left: 5px;
	}
.leaflet-bottom .leaflet-control-scale {
	margin-bottom: 5px;
	}
.leaflet-control-scale-line {
	border: 2px solid #777;
	border-top: none;
	line-height: 1.1;
	padding: 2px 5px 1px;
	white-space: nowrap;
	box-sizing: border-box;
	background: rgba(255, 255, 255, 0.8);
	text-shadow: 1px 1px #fff;
	}
.leaflet-control-scale-line:not(:first-child) {
	border-top: 2px solid #777;
	border-bottom: none;
	margin-top: -2px;
	}
.leaflet-control-scale-line:not(:first-child):not(:last-child) {
	border-bottom: 2px solid #777;
	}

.leaflet-touch .leaflet-control-attribution,
.leaflet-touch .leaflet-control-layers,
.leaflet-touch .leaflet-bar {
	box-shadow: none;
	}
.leaflet-touch .leaflet-control-layers,
.leaflet-touch .leaflet-bar {
	border: 2px solid rgba(0,0,0,0.2);
	background-clip: padding-box;
	}


/* popup */

.leaflet-popup {
	position: absolute;
	text-align: center;
	margin-bottom: 20px;
	}
.leaflet-popup-content-wrapper {
	padding: 1px;
	text-align: left;
	border-radius: 12px;
	}
.leaflet-popup-content {
	margin: 13px 24px 13px 20px;
	line-height: 1.3;
	font-size: 13px;
	font-size: 1.08333em;
	min-height: 1px;
	}
.leaflet-popup-content p {
	margin: 17px 0;
	margin: 1.3em 0;
	}
.leaflet-popup-tip-container {
	width: 40px;
	height: 20px;
	position: absolute;
	left: 50%;
	margin-top: -1px;
	margin-left: -20px;
	overflow: hidden;
	pointer-events: none;
	}
.leaflet-popup-tip {
	width: 17px;
	height: 17px;
	padding: 1px;

	margin: -10px auto 0;
	pointer-events: auto;
	transform: rotate(45deg);
	}
.leaflet-popup-content-wrapper,
.leaflet-popup-tip {
	background: white;
	color: #333;
	box-shadow: 0 3px 14px rgba(0,0,0,0.4);
	}
.leaflet-container a.leaflet-popup-close-button {
	position: absolute;
	top: 0;
	right: 0;
	border: none;
	text-align: center;
	width: 24px;
	height: 24px;
	font: 16px/24px Tahoma, Verdana, sans-serif;
	color: #757575;
	text-decoration: none;
	background: transparent;
	}
.leaflet-container a.leaflet-popup-close-button:hover,
.leaflet-container a.leaflet-popup-close-button:focus {
	color: #585858;
	}
.leaflet-popup-scrolled {
	overflow: auto;
	}

.leaflet-oldie .leaflet-popup-content-wrapper {
	-ms-zoom: 1;
	}
.leaflet-oldie .leaflet-popup-tip {
	width: 24px;
	margin: 0 auto;

	-ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)";
	filter: progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678);
	}

.leaflet-oldie .leaflet-control-zoom,
.leaflet-oldie .leaflet-control-layers,
.leaflet-oldie .leaflet-popup-content-wrapper,
.leaflet-oldie .leaflet-popup-tip {
	border: 1px solid #999;
	}


/* div icon */

.leaflet-div-icon {
	background: #fff;
	border: 1px solid #666;
	}


/* Tooltip */
/* Base styles for the element that has a tooltip */
.leaflet-tooltip {
	position: absolute;
	padding: 6px;
	background-color: #fff;
	border: 1px solid #fff;
	border-radius: 3px;
	color: #222;
	white-space: nowrap;
	-webkit-user-select: none;
	user-select: none;
	pointer-events: none;
	box-shadow: 0 1px 3px rgba(0,0,0,0.4);
	}
.leaflet-tooltip.leaflet-interactive {
	cursor: pointer;
	pointer-events: auto;
	}
.leaflet-tooltip-top:before,
.leaflet-tooltip-bottom:before,
.leaflet-tooltip-left:before,
.leaflet-tooltip-right:before {
	position: absolute;
	pointer-events: none;
	border: 6px solid transparent;
	background: transparent;
	content: "";
	}

/* Directions */

.leaflet-tooltip-bottom {
	margin-top: 6px;
}
.leaflet-tooltip-top {
	margin-top: -6px;
}
.leaflet-tooltip-bottom:before,
.leaflet-tooltip-top:before {
	left: 50%;
	margin-left: -6px;
	}
.leaflet-tooltip-top:before {
	bottom: 0;
	margin-bottom: -12px;
	border-top-color: #fff;
	}
.leaflet-tooltip-bottom:before {
	top: 0;
	margin-top: -12px;
	margin-left: -6px;
	border-bottom-color: #fff;
	}
.leaflet-tooltip-left {
	margin-left: -6px;
}
.leaflet-tooltip-right {
	margin-left: 6px;
}
.leaflet-tooltip-left:before,
.leaflet-tooltip-right:before {
	top: 50%;
	margin-top: -6px;
	}
.leaflet-tooltip-left:before {
	right: 0;
	margin-right: -12px;
	border-left-color: #fff;
	}
.leaflet-tooltip-right:before {
	left: 0;
	margin-left: -12px;
	border-right-color: #fff;
	}

/* Printing */

@media print {
	/* Prevent printers from removing background-images of controls. */
	.leaflet-control {
		print-color-adjust: exact;
		}
	}


/*# sourceMappingURL=styles.css.map*/