{"version":3,"sources":["zero-blocks.material.scss","base/_normalize.scss","zero-blocks.material.css","base/_base.scss","material/_config.scss","utilities/_bem.scss","material/extends/_inputs.scss","utilities/_functions.scss","material/extends/_radio.scss","material/extends/_checkbox.scss","material/extends/_switch.scss","material/extends/_list.scss","material/extends/_avatar.scss","material/extends/_buttons.scss","material/extends/_tab.scss","material/extends/_badges.scss","material/extends/_ripple.scss","material/extends/_modal.scss","material/extends/_navbar.scss","material/modules/_titillium.scss","material/modules/_typography.scss","material/modules/_material_icons.scss","material/modules/_inputs.scss","utilities/_mixins.scss","material/modules/_controls.scss","material/modules/_tab.scss","material/modules/_nav-drawer.scss","material/helpers/_ng2quirks.scss"],"names":[],"mappings":"AAAA;;;EAGE;ACHF;;gFAEgF;AAChF;;;;GAIG;AAIH;gFACgF;AAEhF;;;;;;GAMG;AAEH;EACE,wBAAwB;EAAE,OAAO;EACjC,2BAA2B;EAAE,OAAO;EACpC,+BAA+B;EAAE,OAAO,EAIzC;;AAED;;GAEG;AAEH;EACE,UAAU,EACX;;AAED;gFACgF;AAEhF;;;;;GAKG;AAEH;;;;;;;;;;;;;EAaE,eAAe,EAChB;;AAED;;;GAGG;AAEH;;;;EAIE,sBAAsB;EAAE,OAAO;EAC/B,yBAAyB;EAAE,OAAO,EAKnC;;AAED;;;GAGG;AAEH;EACE,cAAc;EACd,UAAU,EACX;;AAED;;;GAGG;ACZH;;EDgBE,cAAc,EACf;;AAED;gFACgF;AAEhF;;GAEG;AAEH;EACE,8BAA8B,EAC/B;;AAED;;;GAGG;AAEH;EAEI,WAAW,EACZ;;AAGH;gFACgF;AAEhF;;GAEG;AAEH;EACE,0BAA0B,EAC3B;;AAED;;GAEG;AAEH;;EAEE,kBAAkB,EACnB;;AAQD;;GAEG;AAEH;EACE,mBAAmB,EACpB;;AAED;;;GAGG;AAEH;EACE,eAAe;EACf,iBAAiB,EAClB;;AA6BD;;GAEG;AAEH;EACE,iBAAiB;EACjB,YAAY,EACb;;AAgCD;;GAEG;AAEH;EACE,eAAe,EAChB;;AAED;;GAEG;AAEH;;EAEE,eAAe;EACf,eAAe;EACf,mBAAmB;EACnB,yBAAyB,EAC1B;;AAED;EACE,YAAY,EACb;;AAED;EACE,gBAAgB,EACjB;;AA6CD;gFACgF;AAEhF;;;GAGG;AAEH;EACE,UAAU,EAIX;;AAED;;GAEG;AAEH;EACE,iBAAiB,EAClB;;AAED;gFACgF;AAEhF;;GAEG;AAEH;EACE,iBAAiB,EAClB;;AAED;;GAEG;AAEH;EACE,wBAAwB;EACxB,UAAU,EACX;;AAED;;GAEG;AAEH;EACE,eAAe,EAChB;;AAED;;;GAGG;AAEH;;;;EAIE,kCAAkC;EAIlC,eAAe,EAChB;;AAED;gFACgF;AAEhF;;;GAGG;AAEH;;;;;;GAMG;AAEH;;;;;EAKE,eAAe;EAAE,OAAO;EACxB,cAAc;EAAE,OAAO;EACvB,UAAU;EAAE,OAAO,EAKpB;;AAED;;GAEG;AAEH;EACE,kBAAkB,EACnB;;AAED;;;;;GAKG;AAEH;;EAEE,qBAAqB,EACtB;;AAED;;;;;;;;GAQG;AAEH;;;;EAIE,2BAA2B;EAAE,OAAO;EACpC,gBAAgB;EAAE,OAAO,EAI1B;;AAED;;GAEG;AAEH;;EAEE,gBAAgB,EACjB;;AAED;;GAEG;AAEH;;EAEE,UAAU;EACV,WAAW,EACZ;;AAED;;;GAGG;AAEH;EACE,oBAAoB,EACrB;;AAED;;;;GAIG;AAEH;;EAEE,uBAAuB;EAAE,OAAO;EAChC,WAAW;EAAE,OAAO,EAKrB;;AAED;;;;GAIG;AAEH;;EAEE,aAAa,EACd;;AAED;;;GAGG;AAEH;EACE,8BAA8B;EAAE,OAAO;EACvC,wBAAwB;EAAE,OAAO,EAClC;;AAED;;;;GAIG;AAEH;;EAEE,yBAAyB,EAC1B;;AAED;;GAEG;AAEH;EACE,0BAA0B;EAC1B,cAAc;EACd,+BAA+B,EAChC;;AAED;;;;;GAKG;AAEH;EACE,UAAU;EAAE,OAAO;EACnB,WAAW;EAAE,OAAO,EAKrB;;AAED;;GAEG;AAEH;EACE,eAAe,EAChB;;AAED;;;GAGG;AAEH;EACE,kBAAkB,EACnB;;AAED;gFACgF;AAEhF;;GAEG;AAEH;EACE,0BAA0B;EAC1B,kBAAkB,EACnB;;AAED;;EAEE,WAAW,EACZ;;AEhkBD;EACE,uBAAuB,EACxB;;AAED;;;EAGC,oBAAoB,EACpB;;ACTD;;gFAEgF;AAChF;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AAEH;gFACgF;AAuEhF;gFACgF;AAsGhF;gFACgF;AAYhF;gFACgF;AA4DhF;gFACgF;AAGhF;gFACgF;AA2DhF;gFACgF;AAiBhF;gFACgF;AAGhF;gFACgF;AA8ChF;gFACgF;AAuBhF,gBAAgB;AAEhB;gFACgF;AC9Z5E;ECzBA,eAAe;EACf,mBAAmB;EACnB,eAAe;EACf,iBAAiB;EACjB,yBAAqB,EAIxB;EDiBG;ICpB8B,yBAAyB;IACnD,eF6Sa,EE5ShB;;ADkBD;ECdA,eAAe;EACf,mBAAmB;EACnB,iBAAiB;EACjB,OAAO;EACP,8BAA8B;EAC9B,eCNgB;EDOhB,mBCPgB;EDQhB,eFiSiB;EEhSjB,aAAa;EACb,0BAAkB;EAAlB,uBAAkB;EAAlB,sBAAkB;EAAlB,kBAAkB;EAClB,qBAAqB;EACrB,oCAA4B;EAA5B,4BAA4B;EAC5B,gCAAgC,EACnC;;AD6CO;EC1CJ,eF0RwB;EEzRxB,gDAAyC,EAC5C;;ADwCO;ECrCJ,eFqRwB,EEpR3B;;ADoCO;ECjCJ,eFAkB;EEClB,gDAAyC,EAC5C;;ADiBe;ECdZ,cAAc;EACd,aAAa;EACb,kDFwPqB;EEvPrB,eFoPiB;EEnPjB,wBAAwB;EACxB,eCpCgB;EDqChB,mBCrCgB;EDsChB,YAAY,EACf;;ADMe;ECHZ,iCFhBkB,EEiBrB;;ADEe;ECCZ,0BAAkB;EAAlB,uBAAkB;EAAlB,sBAAkB;EAAlB,kBAAkB;EAClB,oBAAoB;EACpB,iCFsP0B;EErP1B,mDAA8B,EACjC;;ADLe;ECYZ,iCFtBmB,EEuBtB;;ADbe;ECgBZ,eF1BmB,EE2BtB;;ADjBe;ECoBZ,gCF5Be,EE6BlB;;ADrBe;ECwBZ,cFhCe,EEiClB;;ADzBe;EC4BZ,iCFrCiB,EEsCpB;;AD7Be;ECgCZ,eFzCiB,EE0CpB;;ADjCe;ECoCZ,aAAa,EAChB;;ADvBO;EC0BJ,6BAA6B;EAC7B,oBAAoB;EACpB,0HFc6B;EEb7B,eCxFgB,EDyFnB;;AD5Ce;;ECgDZ,iBAAiB;EACjB,mBAAmB;EACnB,eAAe,EAClB;;ADnDe;ECsDZ,mBAAmB;EACnB,oBAAoB;EACpB,OAAO;EACP,SAAS;EACT,gBAAgB,EACnB;;AD7CO;ECgDJ,mBAAmB;EACnB,qBAAqB,EACxB;;ADhEe;EGvDZ,sBAAsB;EACtB,mBAAmB;EACnB,gBAAgB;EAChB,aJ0Tc;EIzTd,kBJyTc;EIxTd,eDKgB;ECJhB,eJ0RiB;EIzRjB,mBJ0UyB;EIzUzB,0BAAkB;EAAlB,uBAAkB;EAAlB,sBAAkB;EAAlB,kBAAkB,EAerB;EHgCe;IG5CR,mBAAmB;IACnB,YAAY;IACZ,YJgTU;II/SV,aJ+SU;II9SV,QAAQ;IACR,uBJ+Sc,EI9SjB;EHsCW;IGpCR,oCAA4B;IAA5B,4BAA4B;IAC5B,yBAAqB;IACrB,6BJsR0B,EIrR7B;;AHiCW;EG7BZ,oBAAgB,EACnB;;AH4Be;EGzBZ,0BJ6RuB,EI5R1B;;AHwBe;EGrBZ,0BJEkB;EIDlB,0BJCkB;EIAlB,sBAAgB,EACnB;;AHkBe;EGfZ,0BJJkB,EIKrB;;AHce;EGXZ,qBAAqB;EACrB,eJmQ0B,EIlQ7B;;AHSe;EGNZ,0BJ+P0B,EI9P7B;;AHKe;EGFZ,0BJ2P0B;EI1P1B,0BJ0P0B,EIzP7B;;AHAe;EGGZ,0BJsP0B,EIrP7B;;AHJe;EIvDZ,sBAAsB;EACtB,mBAAmB;EACnB,gBAAgB;EAChB,iBL4UiB;EK3UjB,kBL2UiB;EK1UjB,eFKgB;EEJhB,eL0RiB;EKzRjB,mBL0UyB;EKzUzB,0BAAkB;EAAlB,uBAAkB;EAAlB,sBAAkB;EAAlB,kBAAkB;EAClB,yCAAyC;EACzC,yBAAqB,EAYxB;EJiCe;II3CR,6BL+R0B,EK9R7B;EJ0CW;IIvCR,mBAAmB;IACnB,YAAY;IACZ,OAAO;IACP,QAAQ;IACR,mBL8Ta,EK7ThB;;AJkCW;EI9BZ,WL0TqB;EKzTrB,aL0TuB;EKzTvB,aAAa;EACb,UAAU;EACV,UAAU;EACV,2BAA2B;EAC3B,iCAA2B,EAC9B;;AJuBe;EIpBZ,YL4SiB;EK3SjB,aL2SiB;EK1SjB,iBAAiB;EACjB,0BLqRuB;EKpRvB,WAAW,EACd;;AJee;EIZZ,WLwSqB;EKvSrB,aLwSuB;EKvSvB,UAAU;EACV,UAAU;EACV,8BLVQ;EKWR,6BLXQ;EKYR,2BAA2B;EAC3B,mCAA+B;EAC/B,WAAW,EACd;;AJGe;EIAZ,YLwRiB;EKvRjB,aLuRiB;EKtRjB,0BLrBkB;EKsBlB,0BLtBkB,EKuBrB;;AJJe;EIOZ,eAAe;EACf,qBAAqB,EACxB;;AJTe;EIYZ,8BAA8B,EACjC;;AJbe;EIgBZ,0BLyO0B;EKxO1B,sBLwO0B,EKvO7B;;AJlBe;EIqBZ,8BAA8B;EAC9B,8BAA8B,EACjC;;AJvBe;EI0BZ,sBL+N0B;EK9N1B,8BAA8B,EACjC;;AJ5Be;EKvDZ,sBAAsB;EACtB,mBAAmB;EACnB,YNoUe;EMnUf,aNoUgB;EMnUhB,0BN8TuB;EM7TvB,mBAAmB;EACnB,qBN+TiB;EM9TjB,gBAAgB;EAChB,6BNmS8B;EMlS9B,0BAAkB;EAAlB,uBAAkB;EAAlB,sBAAkB;EAAlB,kBAAkB,EAcrB;ELgCe;IK5CR,eAAe;IACf,mBAAmB;IACzB,YAAY;IACN,YN0TiB;IMzTvB,aNyTuB;IMxTvB,UAAU;IACV,WAAW;IACX,qBNmTmB;IMlTnB,iBNkBU;IMjBV,0HNuF+B;IMtF/B,6BNsRgC,EMrR7B;;ALiCW;EK7BZ,0CNUkB,EMLrB;ELwBe;IK3BR,WAAW;IACX,oBNOc,EMNjB;;ALyBW;EKrBZ,oBAAoB;EACpB,qBAAqB,EAKxB;ELee;IKlBR,oBAAoB;IACpB,0HNqEyB,EMpE5B;;ALdD;EMzBA,0BP+ZoB;EO9ZpB,iBAAiB,EACpB;;AAED;EACI,mBAAmB;EACnB,mBAAmB;EACnB,sBAAsB,EACzB;;AN+Ce;EM5CZ,qBAAc;EAAd,cAAc;EACd,uBAAoB;EAApB,oBAAoB;EACpB,ePuBkB;EOtBlB,uBPuBQ;EOtBR,oBJLgB;EIMhB,oBPoZ4B;EOnZ5B,YJPgB;EIQhB,iBJRgB;EIShB,kBP0ZwB;EOzZxB,0BAAkB;EAAlB,uBAAkB;EAAlB,sBAAkB;EAAlB,kBAAkB,EACrB;;ANkCe;EM/BZ,qBAAc;EAAd,cAAc;EACd,mBAAmB;EACnB,2BAAuB;EAAvB,uBAAuB;EACvB,sBAAwB;EAAxB,wBAAwB;EACxB,kBPiZwB;EOhZxB,gBJnBgB;EIoBhB,eJpBgB;EIqBhB,ePyYqB;EOxYrB,uBPyYuB;EOxYvB,WAAW,EACd;;ANqBe;EMlBZ,0BPyYgC;EOxYhC,sDPyY2C,EOxY9C;;ANdG;EOzBA,qBAAc;EAAd,cAAc;EACd,sBAAwB;EAAxB,wBAAwB;EACxB,uBAAoB;EAApB,oBAAoB;EACpB,mBAAmB,EACtB;;APiEO;EO9DJ,uBAAuB,EAC1B;;AP6DO;EO1DJ,eLDgB;EKEhB,gBLFgB,EKGnB;;APwDO;EOrDJ,cLNgB;EKOhB,eLPgB,EKQnB;;APmDO;EOhDJ,eLXgB;EKYhB,gBLZgB,EKanB;;AP8CO;EO3CJ,0BAA0B,EAC7B;;AP0CO;EOvCJ,yCAAyC,EAC5C;;APNG;EQzBA,sBAAsB;EACtB,mBAAmB;EACnB,iBNQgB;EMPhB,mBNOgB;EMNhB,eNMgB;EMLhB,oBT8NuB;ES7NvB,mBAAmB;EACnB,eT2NkB;ES1NlB,aTsNgB;ESrNhB,mBTsNe;ESrNf,0BAA0B;EAC1B,gBAAgB;EAChB,0BAAkB;EAAlB,uBAAkB;EAAlB,sBAAkB;EAAlB,kBAAkB;EAClB,cAAc;EACd,yCAAyC;EACzC,iBAAiB;EACjB,kCTuNqC,EStNxC;;ARoDO;EQjDJ,eTgBkB,ESRrB;ERyCO;IQ/CA,oBT4O8B,ES3OjC;ER8CG;IQ3CA,oBTyO8B,ESxOjC;;AR0CG;EQtCJ,YTMQ;ESLR,oBTIkB;ESHlB,0HT8E6B,ESpEhC;ER0BO;IQlCF,oBT6L0B;IS5L1B,0HT2E2B,ES1E5B;ERgCG;IQ7BF,oBTwL0B;ISvL1B,4HT8F2B,ES7F5B;;AR2BG;EQvBJ,YT6MwB;ES5MxB,+DT0MwC;ESzMxC,mDT4M2C,ESlM9C;ERWO;IQnBA,+DTwM+B;ISvM/B,mDTyMuC,ESxM1C;ERiBG;IQdA,+DTmM+B;ISlM/B,oDTqM6C,ESpMhD;;ARYG;EQRJ,qBAAc;EAAd,cAAc;EACd,sBAAwB;EAAxB,wBAAwB;EACxB,uBAAoB;EAApB,oBAAoB;EACpB,mBAAmB;EACnB,aT6JgB;ES5JhB,mBTsKqB;ESrKrB,cAAc;EACd,gBAAgB;EAChB,kCTkKqC;ESjKrC,0BAAkB;EAAlB,uBAAkB;EAAlB,sBAAkB;EAAlB,kBAAkB;EAClB,yCAAyC;EAEzC,iCAAmB,EACtB;;ARLO;EQQJ,aNnEgB;EMoEhB,cNpEgB;EMqEhB,YT1CQ;ES2CR,oBT5CkB;ES6ClB,4HT8C6B,EStChC;ERpBO;IQcF,6HTwE4B,ESvE7B;ERfG;IQkBF,oBTyI0B,ESxI3B;;ARnBG;EQuBJ,cNlFgB;EMmFhB,eNnFgB;EMoFhB,iBNpFgB;EMqFhB,wBAAwB,EAS3B;ERnCO;IQ4BA,kCTsIiC;ISrIjC,qCT6K2B,ES5K9B;ER9BG;IQiCA,qCT0K2B,ESzK9B;;ARlCG;EQsCJ,aNjGgB;EMkGhB,cNlGgB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","file":"zero-blocks.material.css","sourcesContent":["/*\n* Zero blocks Material theme\n* TODO: Move global color variables here.\n*/\n\n// new - always import base and utilities first\n@import 'base/index';\n@import 'utilities/index';\n@import 'material/manifest';","/* ==========================================================================\n   Normalize.scss settings\n   ========================================================================== */\n/**\n * Includes legacy browser support IE6/7\n *\n * Set to false if you want to drop support for IE6 and IE7\n */\n\n$legacy_browser_support: false !default;\n\n/* Base\n   ========================================================================== */\n\n/**\n * 1. Set default font family to sans-serif.\n * 2. Prevent iOS and IE text size adjust after device orientation change,\n *    without disabling user zoom.\n * 3. Corrects text resizing oddly in IE 6/7 when body `font-size` is set using\n *  `em` units.\n */\n\nhtml {\n  font-family: sans-serif; /* 1 */\n  -ms-text-size-adjust: 100%; /* 2 */\n  -webkit-text-size-adjust: 100%; /* 2 */\n  @if $legacy_browser_support {\n    *font-size: 100%; /* 3 */\n  }\n}\n\n/**\n * Remove default margin.\n */\n\nbody {\n  margin: 0;\n}\n\n/* HTML5 display definitions\n   ========================================================================== */\n\n/**\n * Correct `block` display not defined for any HTML5 element in IE 8/9.\n * Correct `block` display not defined for `details` or `summary` in IE 10/11\n * and Firefox.\n * Correct `block` display not defined for `main` in IE 11.\n */\n\narticle,\naside,\ndetails,\nfigcaption,\nfigure,\nfooter,\nheader,\nhgroup,\nmain,\nmenu,\nnav,\nsection,\nsummary {\n  display: block;\n}\n\n/**\n * 1. Correct `inline-block` display not defined in IE 6/7/8/9 and Firefox 3.\n * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.\n */\n\naudio,\ncanvas,\nprogress,\nvideo {\n  display: inline-block; /* 1 */\n  vertical-align: baseline; /* 2 */\n  @if $legacy_browser_support {\n    *display: inline;\n    *zoom: 1;\n  }\n}\n\n/**\n * Prevents modern browsers from displaying `audio` without controls.\n * Remove excess height in iOS 5 devices.\n */\n\naudio:not([controls]) {\n  display: none;\n  height: 0;\n}\n\n/**\n * Address `[hidden]` styling not present in IE 8/9/10.\n * Hide the `template` element in IE 8/9/10/11, Safari, and Firefox < 22.\n */\n\n[hidden],\ntemplate {\n  display: none;\n}\n\n/* Links\n   ========================================================================== */\n\n/**\n * Remove the gray background color from active links in IE 10.\n */\n\na {\n  background-color: transparent;\n}\n\n/**\n * Improve readability of focused elements when they are also in an\n * active/hover state.\n */\n\na {\n  &:active, &:hover {\n    outline: 0;\n  };\n}\n\n/* Text-level semantics\n   ========================================================================== */\n\n/**\n * Address styling not present in IE 8/9/10/11, Safari, and Chrome.\n */\n\nabbr[title] {\n  border-bottom: 1px dotted;\n}\n\n/**\n * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.\n */\n\nb,\nstrong {\n  font-weight: bold;\n}\n\n@if $legacy_browser_support {\n  blockquote {\n    margin: 1em 40px;\n  }\n}\n\n/**\n * Address styling not present in Safari and Chrome.\n */\n\ndfn {\n  font-style: italic;\n}\n\n/**\n * Address variable `h1` font-size and margin within `section` and `article`\n * contexts in Firefox 4+, Safari, and Chrome.\n */\n\nh1 {\n  font-size: 2em;\n  margin: 0.67em 0;\n}\n\n@if $legacy_browser_support {\n  h2 {\n    font-size: 1.5em;\n    margin: 0.83em 0;\n  }\n\n  h3 {\n    font-size: 1.17em;\n    margin: 1em 0;\n  }\n\n  h4 {\n    font-size: 1em;\n    margin: 1.33em 0;\n  }\n\n  h5 {\n    font-size: 0.83em;\n    margin: 1.67em 0;\n  }\n\n  h6 {\n    font-size: 0.67em;\n    margin: 2.33em 0;\n  }\n}\n\n/**\n * Addresses styling not present in IE 8/9.\n */\n\nmark {\n  background: #ff0;\n  color: #000;\n}\n\n@if $legacy_browser_support {\n\n  /**\n   * Addresses margins set differently in IE 6/7.\n   */\n\n  p,\n  pre {\n    *margin: 1em 0;\n  }\n\n  /*\n   * Addresses CSS quotes not supported in IE 6/7.\n   */\n\n  q {\n    *quotes: none;\n  }\n\n  /*\n   * Addresses `quotes` property not supported in Safari 4.\n   */\n\n  q:before,\n  q:after {\n    content: '';\n    content: none;\n  }\n}\n\n/**\n * Address inconsistent and variable font size in all browsers.\n */\n\nsmall {\n  font-size: 80%;\n}\n\n/**\n * Prevent `sub` and `sup` affecting `line-height` in all browsers.\n */\n\nsub,\nsup {\n  font-size: 75%;\n  line-height: 0;\n  position: relative;\n  vertical-align: baseline;\n}\n\nsup {\n  top: -0.5em;\n}\n\nsub {\n  bottom: -0.25em;\n}\n\n@if $legacy_browser_support {\n\n  /* ==========================================================================\n     Lists\n     ========================================================================== */\n\n  /*\n   * Addresses margins set differently in IE 6/7.\n   */\n\n  dl,\n  menu,\n  ol,\n  ul {\n    *margin: 1em 0;\n  }\n\n  dd {\n    *margin: 0 0 0 40px;\n  }\n\n  /*\n   * Addresses paddings set differently in IE 6/7.\n   */\n\n  menu,\n  ol,\n  ul {\n    *padding: 0 0 0 40px;\n  }\n\n  /*\n   * Corrects list images handled incorrectly in IE 7.\n   */\n\n  nav ul,\n  nav ol {\n    *list-style: none;\n    *list-style-image: none;\n  }\n\n}\n\n/* Embedded content\n   ========================================================================== */\n\n/**\n * 1. Remove border when inside `a` element in IE 8/9/10.\n * 2. Improves image quality when scaled in IE 7.\n */\n\nimg {\n  border: 0;\n  @if $legacy_browser_support {\n    *-ms-interpolation-mode: bicubic; /* 2 */\n  }\n}\n\n/**\n * Correct overflow not hidden in IE 9/10/11.\n */\n\nsvg:not(:root) {\n  overflow: hidden;\n}\n\n/* Grouping content\n   ========================================================================== */\n\n/**\n * Address margin not present in IE 8/9 and Safari.\n */\n\nfigure {\n  margin: 1em 40px;\n}\n\n/**\n * Address differences between Firefox and other browsers.\n */\n\nhr {\n  box-sizing: content-box;\n  height: 0;\n}\n\n/**\n * Contain overflow in all browsers.\n */\n\npre {\n  overflow: auto;\n}\n\n/**\n * Address odd `em`-unit font size rendering in all browsers.\n * Correct font family set oddly in IE 6, Safari 4/5, and Chrome.\n */\n\ncode,\nkbd,\npre,\nsamp {\n  font-family: monospace, monospace;\n  @if $legacy_browser_support {\n    _font-family: 'courier new', monospace;\n  }\n  font-size: 1em;\n}\n\n/* Forms\n   ========================================================================== */\n\n/**\n * Known limitation: by default, Chrome and Safari on OS X allow very limited\n * styling of `select`, unless a `border` property is set.\n */\n\n/**\n * 1. Correct color not being inherited.\n *  Known issue: affects color of disabled elements.\n * 2. Correct font properties not being inherited.\n * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.\n * 4. Improves appearance and consistency in all browsers.\n */\n\nbutton,\ninput,\noptgroup,\nselect,\ntextarea {\n  color: inherit; /* 1 */\n  font: inherit; /* 2 */\n  margin: 0; /* 3 */\n  @if $legacy_browser_support {\n    vertical-align: baseline; /* 3 */\n    *vertical-align: middle; /* 3 */\n  }\n}\n\n/**\n * Address `overflow` set to `hidden` in IE 8/9/10/11.\n */\n\nbutton {\n  overflow: visible;\n}\n\n/**\n * Address inconsistent `text-transform` inheritance for `button` and `select`.\n * All other form control elements do not inherit `text-transform` values.\n * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.\n * Correct `select` style inheritance in Firefox.\n */\n\nbutton,\nselect {\n  text-transform: none;\n}\n\n/**\n * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`\n *  and `video` controls.\n * 2. Correct inability to style clickable `input` types in iOS.\n * 3. Improve usability and consistency of cursor style between image-type\n *  `input` and others.\n * 4. Removes inner spacing in IE 7 without affecting normal text inputs.\n *  Known issue: inner spacing remains in IE 6.\n */\n\nbutton,\nhtml input[type=\"button\"], /* 1 */\ninput[type=\"reset\"],\ninput[type=\"submit\"] {\n  -webkit-appearance: button; /* 2 */\n  cursor: pointer; /* 3 */\n  @if $legacy_browser_support {\n    *overflow: visible;  /* 4 */\n  }\n}\n\n/**\n * Re-set default cursor for disabled elements.\n */\n\nbutton[disabled],\nhtml input[disabled] {\n  cursor: default;\n}\n\n/**\n * Remove inner padding and border in Firefox 4+.\n */\n\nbutton::-moz-focus-inner,\ninput::-moz-focus-inner {\n  border: 0;\n  padding: 0;\n}\n\n/**\n * Address Firefox 4+ setting `line-height` on `input` using `!important` in\n * the UA stylesheet.\n */\n\ninput {\n  line-height: normal;\n}\n\n/**\n * 1. Address box sizing set to `content-box` in IE 8/9/10.\n * 2. Remove excess padding in IE 8/9/10.\n *  Known issue: excess padding remains in IE 6.\n */\n\ninput[type=\"checkbox\"],\ninput[type=\"radio\"] {\n  box-sizing: border-box; /* 1 */\n  padding: 0; /* 2 */\n  @if $legacy_browser_support {\n    *height: 13px; /* 3 */\n    *width: 13px; /* 3 */\n  }\n}\n\n/**\n * Fix the cursor style for Chrome's increment/decrement buttons. For certain\n * `font-size` values of the `input`, it causes the cursor style of the\n * decrement button to change from `default` to `text`.\n */\n\ninput[type=\"number\"]::-webkit-inner-spin-button,\ninput[type=\"number\"]::-webkit-outer-spin-button {\n  height: auto;\n}\n\n/**\n * 1. Address `appearance` set to `searchfield` in Safari and Chrome.\n * 2. Address `box-sizing` set to `border-box` in Safari and Chrome.\n */\n\ninput[type=\"search\"] {\n  -webkit-appearance: textfield; /* 1 */\n  box-sizing: content-box; /* 2 */\n}\n\n/**\n * Remove inner padding and search cancel button in Safari and Chrome on OS X.\n * Safari (but not Chrome) clips the cancel button when the search input has\n * padding (and `textfield` appearance).\n */\n\ninput[type=\"search\"]::-webkit-search-cancel-button,\ninput[type=\"search\"]::-webkit-search-decoration {\n  -webkit-appearance: none;\n}\n\n/**\n * Define consistent border, margin, and padding.\n */\n\nfieldset {\n  border: 1px solid #c0c0c0;\n  margin: 0 2px;\n  padding: 0.35em 0.625em 0.75em;\n}\n\n/**\n * 1. Correct `color` not being inherited in IE 8/9/10/11.\n * 2. Remove padding so people aren't caught out if they zero out fieldsets.\n * 3. Corrects text not wrapping in Firefox 3.\n * 4. Corrects alignment displayed oddly in IE 6/7.\n */\n\nlegend {\n  border: 0; /* 1 */\n  padding: 0; /* 2 */\n  @if $legacy_browser_support {\n    white-space: normal; /* 3 */\n    *margin-left: -7px; /* 4 */\n  }\n}\n\n/**\n * Remove default vertical scrollbar in IE 8/9/10/11.\n */\n\ntextarea {\n  overflow: auto;\n}\n\n/**\n * Don't inherit the `font-weight` (applied by a rule above).\n * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.\n */\n\noptgroup {\n  font-weight: bold;\n}\n\n/* Tables\n   ========================================================================== */\n\n/**\n * Remove most spacing between table cells.\n */\n\ntable {\n  border-collapse: collapse;\n  border-spacing: 0;\n}\n\ntd,\nth {\n  padding: 0;\n}","/*\n* Zero blocks Material theme\n* TODO: Move global color variables here.\n*/\n/* ==========================================================================\n   Normalize.scss settings\n   ========================================================================== */\n/**\n * Includes legacy browser support IE6/7\n *\n * Set to false if you want to drop support for IE6 and IE7\n */\n/* Base\n   ========================================================================== */\n/**\n * 1. Set default font family to sans-serif.\n * 2. Prevent iOS and IE text size adjust after device orientation change,\n *    without disabling user zoom.\n * 3. Corrects text resizing oddly in IE 6/7 when body `font-size` is set using\n *  `em` units.\n */\nhtml {\n  font-family: sans-serif;\n  /* 1 */\n  -ms-text-size-adjust: 100%;\n  /* 2 */\n  -webkit-text-size-adjust: 100%;\n  /* 2 */ }\n\n/**\n * Remove default margin.\n */\nbody {\n  margin: 0; }\n\n/* HTML5 display definitions\n   ========================================================================== */\n/**\n * Correct `block` display not defined for any HTML5 element in IE 8/9.\n * Correct `block` display not defined for `details` or `summary` in IE 10/11\n * and Firefox.\n * Correct `block` display not defined for `main` in IE 11.\n */\narticle,\naside,\ndetails,\nfigcaption,\nfigure,\nfooter,\nheader,\nhgroup,\nmain,\nmenu,\nnav,\nsection,\nsummary {\n  display: block; }\n\n/**\n * 1. Correct `inline-block` display not defined in IE 6/7/8/9 and Firefox 3.\n * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.\n */\naudio,\ncanvas,\nprogress,\nvideo {\n  display: inline-block;\n  /* 1 */\n  vertical-align: baseline;\n  /* 2 */ }\n\n/**\n * Prevents modern browsers from displaying `audio` without controls.\n * Remove excess height in iOS 5 devices.\n */\naudio:not([controls]) {\n  display: none;\n  height: 0; }\n\n/**\n * Address `[hidden]` styling not present in IE 8/9/10.\n * Hide the `template` element in IE 8/9/10/11, Safari, and Firefox < 22.\n */\n[hidden],\ntemplate {\n  display: none; }\n\n/* Links\n   ========================================================================== */\n/**\n * Remove the gray background color from active links in IE 10.\n */\na {\n  background-color: transparent; }\n\n/**\n * Improve readability of focused elements when they are also in an\n * active/hover state.\n */\na:active, a:hover {\n  outline: 0; }\n\n/* Text-level semantics\n   ========================================================================== */\n/**\n * Address styling not present in IE 8/9/10/11, Safari, and Chrome.\n */\nabbr[title] {\n  border-bottom: 1px dotted; }\n\n/**\n * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.\n */\nb,\nstrong {\n  font-weight: bold; }\n\n/**\n * Address styling not present in Safari and Chrome.\n */\ndfn {\n  font-style: italic; }\n\n/**\n * Address variable `h1` font-size and margin within `section` and `article`\n * contexts in Firefox 4+, Safari, and Chrome.\n */\nh1 {\n  font-size: 2em;\n  margin: 0.67em 0; }\n\n/**\n * Addresses styling not present in IE 8/9.\n */\nmark {\n  background: #ff0;\n  color: #000; }\n\n/**\n * Address inconsistent and variable font size in all browsers.\n */\nsmall {\n  font-size: 80%; }\n\n/**\n * Prevent `sub` and `sup` affecting `line-height` in all browsers.\n */\nsub,\nsup {\n  font-size: 75%;\n  line-height: 0;\n  position: relative;\n  vertical-align: baseline; }\n\nsup {\n  top: -0.5em; }\n\nsub {\n  bottom: -0.25em; }\n\n/* Embedded content\n   ========================================================================== */\n/**\n * 1. Remove border when inside `a` element in IE 8/9/10.\n * 2. Improves image quality when scaled in IE 7.\n */\nimg {\n  border: 0; }\n\n/**\n * Correct overflow not hidden in IE 9/10/11.\n */\nsvg:not(:root) {\n  overflow: hidden; }\n\n/* Grouping content\n   ========================================================================== */\n/**\n * Address margin not present in IE 8/9 and Safari.\n */\nfigure {\n  margin: 1em 40px; }\n\n/**\n * Address differences between Firefox and other browsers.\n */\nhr {\n  box-sizing: content-box;\n  height: 0; }\n\n/**\n * Contain overflow in all browsers.\n */\npre {\n  overflow: auto; }\n\n/**\n * Address odd `em`-unit font size rendering in all browsers.\n * Correct font family set oddly in IE 6, Safari 4/5, and Chrome.\n */\ncode,\nkbd,\npre,\nsamp {\n  font-family: monospace, monospace;\n  font-size: 1em; }\n\n/* Forms\n   ========================================================================== */\n/**\n * Known limitation: by default, Chrome and Safari on OS X allow very limited\n * styling of `select`, unless a `border` property is set.\n */\n/**\n * 1. Correct color not being inherited.\n *  Known issue: affects color of disabled elements.\n * 2. Correct font properties not being inherited.\n * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.\n * 4. Improves appearance and consistency in all browsers.\n */\nbutton,\ninput,\noptgroup,\nselect,\ntextarea {\n  color: inherit;\n  /* 1 */\n  font: inherit;\n  /* 2 */\n  margin: 0;\n  /* 3 */ }\n\n/**\n * Address `overflow` set to `hidden` in IE 8/9/10/11.\n */\nbutton {\n  overflow: visible; }\n\n/**\n * Address inconsistent `text-transform` inheritance for `button` and `select`.\n * All other form control elements do not inherit `text-transform` values.\n * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.\n * Correct `select` style inheritance in Firefox.\n */\nbutton,\nselect {\n  text-transform: none; }\n\n/**\n * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`\n *  and `video` controls.\n * 2. Correct inability to style clickable `input` types in iOS.\n * 3. Improve usability and consistency of cursor style between image-type\n *  `input` and others.\n * 4. Removes inner spacing in IE 7 without affecting normal text inputs.\n *  Known issue: inner spacing remains in IE 6.\n */\nbutton,\nhtml input[type=\"button\"],\ninput[type=\"reset\"],\ninput[type=\"submit\"] {\n  -webkit-appearance: button;\n  /* 2 */\n  cursor: pointer;\n  /* 3 */ }\n\n/**\n * Re-set default cursor for disabled elements.\n */\nbutton[disabled],\nhtml input[disabled] {\n  cursor: default; }\n\n/**\n * Remove inner padding and border in Firefox 4+.\n */\nbutton::-moz-focus-inner,\ninput::-moz-focus-inner {\n  border: 0;\n  padding: 0; }\n\n/**\n * Address Firefox 4+ setting `line-height` on `input` using `!important` in\n * the UA stylesheet.\n */\ninput {\n  line-height: normal; }\n\n/**\n * 1. Address box sizing set to `content-box` in IE 8/9/10.\n * 2. Remove excess padding in IE 8/9/10.\n *  Known issue: excess padding remains in IE 6.\n */\ninput[type=\"checkbox\"],\ninput[type=\"radio\"] {\n  box-sizing: border-box;\n  /* 1 */\n  padding: 0;\n  /* 2 */ }\n\n/**\n * Fix the cursor style for Chrome's increment/decrement buttons. For certain\n * `font-size` values of the `input`, it causes the cursor style of the\n * decrement button to change from `default` to `text`.\n */\ninput[type=\"number\"]::-webkit-inner-spin-button,\ninput[type=\"number\"]::-webkit-outer-spin-button {\n  height: auto; }\n\n/**\n * 1. Address `appearance` set to `searchfield` in Safari and Chrome.\n * 2. Address `box-sizing` set to `border-box` in Safari and Chrome.\n */\ninput[type=\"search\"] {\n  -webkit-appearance: textfield;\n  /* 1 */\n  box-sizing: content-box;\n  /* 2 */ }\n\n/**\n * Remove inner padding and search cancel button in Safari and Chrome on OS X.\n * Safari (but not Chrome) clips the cancel button when the search input has\n * padding (and `textfield` appearance).\n */\ninput[type=\"search\"]::-webkit-search-cancel-button,\ninput[type=\"search\"]::-webkit-search-decoration {\n  -webkit-appearance: none; }\n\n/**\n * Define consistent border, margin, and padding.\n */\nfieldset {\n  border: 1px solid #c0c0c0;\n  margin: 0 2px;\n  padding: 0.35em 0.625em 0.75em; }\n\n/**\n * 1. Correct `color` not being inherited in IE 8/9/10/11.\n * 2. Remove padding so people aren't caught out if they zero out fieldsets.\n * 3. Corrects text not wrapping in Firefox 3.\n * 4. Corrects alignment displayed oddly in IE 6/7.\n */\nlegend {\n  border: 0;\n  /* 1 */\n  padding: 0;\n  /* 2 */ }\n\n/**\n * Remove default vertical scrollbar in IE 8/9/10/11.\n */\ntextarea {\n  overflow: auto; }\n\n/**\n * Don't inherit the `font-weight` (applied by a rule above).\n * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.\n */\noptgroup {\n  font-weight: bold; }\n\n/* Tables\n   ========================================================================== */\n/**\n * Remove most spacing between table cells.\n */\ntable {\n  border-collapse: collapse;\n  border-spacing: 0; }\n\ntd,\nth {\n  padding: 0; }\n\nhtml {\n  box-sizing: border-box; }\n\n*,\n*:before,\n*:after {\n  box-sizing: inherit; }\n\n/* ==========================================================================\n   Ignite UI JS Blocks Variables\n   ========================================================================== */\n/**\n * Table of Contents:\n *\n *  1. Colors\n *  2. Badges\n *  3. Buttons\n *  TODO: 4. Cards\n *  TODO: 5. Collapsible\n *  TODO: 6. Chips\n *  TODO: 7. Date Picker\n *  TODO: 8. Dropdown\n *  9. Fonts\n *  10. Forms\n *  11. Global\n *  TODO: 12. Navigation Bar\n *  TODO: 13. Navigation Drawer\n *  TODO: 14. Slider\n *  TODO: 15. Spinners | Loaders\n *  TODO: 16. Tabs\n *  TODO: 17. Tables\n *  TODO: 18. Toasts\n *  19. Typography\n *  TODO: 20. Flow Text\n *  TODO: 21. Collections\n *  TODO: 22. Progress Bar\n *  23. Lists\n */\n/* 1. Colors\n   ========================================================================== */\n/* 2. Material Elevations / Shadows\n   ========================================================================== */\n/* 2. Badges\n   ========================================================================== */\n/* 3. Buttons\n   ========================================================================== */\n/* 9. Fonts\n   ========================================================================== */\n/* 10. Forms\n   ========================================================================== */\n/* 11. Global\n   ========================================================================== */\n/* 16. Bottom navigation bar / Tabs\n   ========================================================================== */\n/* 19. Typography\n   ========================================================================== */\n/* 23. List\n   ========================================================================== */\n/* Rectangle: */\n/* 24. Modal\n   ========================================================================== */\n.ig-form-group {\n  display: block;\n  position: relative;\n  margin: 20px 0;\n  min-height: 40px;\n  transform: translateZ(0); }\n  .ig-form-group ::-webkit-input-placeholder {\n    /* WebKit, Blink, Edge */\n    color: #757575; }\n\n.ig-form-group label {\n  display: block;\n  position: absolute;\n  overflow: hidden;\n  top: 0;\n  transform-origin: bottom left;\n  font-size: 1em;\n  line-height: 1.5em;\n  color: #757575;\n  cursor: text;\n  user-select: none;\n  pointer-events: none;\n  backface-visibility: hidden;\n  transition: all .3s ease-in-out; }\n\n.ig-form-group__input--filled ~ label, .ig-form-group__input--placeholder ~ label {\n  color: #a8a8a8;\n  transform: translate3d(0, -20px, 0) scale(0.75); }\n\n.ig-form-group__input--filled ~ label {\n  color: #a8a8a8; }\n\n.ig-form-group__input--focused ~ label {\n  color: #e41c77;\n  transform: translate3d(0, -20px, 0) scale(0.75); }\n\n.ig-form-group__input, .ig-form-group__textarea, .ig-form-group__input--filled, .ig-form-group__input--focused, .ig-form-group__input--placeholder, .ig-form-group__input--search {\n  outline: none;\n  border: none;\n  border-bottom: 1px solid rgba(117, 117, 117, 0.5);\n  color: #484848;\n  background: transparent;\n  font-size: 1em;\n  line-height: 1.5em;\n  width: 100%; }\n\n.ig-form-group__input:focus, .ig-form-group__textarea:focus {\n  border-bottom: 2px solid #e41c77; }\n\n.ig-form-group__input:disabled, .ig-form-group__textarea:disabled {\n  user-select: none;\n  cursor: not-allowed;\n  -webkit-text-fill-color: #888888;\n  border-bottom: 1px dotted rgba(117, 117, 117, 0.5); }\n\n.ig-form-group__input.ng-valid[required].ng-touched, .ng-valid[required].ng-touched.ig-form-group__textarea, .ig-form-group__input.ng-valid.required, .ng-valid.required.ig-form-group__textarea {\n  border-bottom: 2px solid #4CAF50; }\n\n.ig-form-group__input.ng-valid[required].ng-touched ~ label, .ng-valid[required].ng-touched.ig-form-group__textarea ~ label, .ig-form-group__input.ng-valid.required ~ label, .ng-valid.required.ig-form-group__textarea ~ label {\n  color: #4CAF50; }\n\n.ig-form-group__input.ng-warning, .ng-warning.ig-form-group__textarea {\n  border-bottom: 2px solid orange; }\n\n.ig-form-group__input.ng-warning ~ label, .ng-warning.ig-form-group__textarea ~ label {\n  color: orange; }\n\n.ig-form-group__input.ng-invalid.ng-touched, .ng-invalid.ng-touched.ig-form-group__textarea, .ig-form-group__input.ng-invalid.ng-touched:not(form), .ng-invalid.ng-touched.ig-form-group__textarea:not(form) {\n  border-bottom: 2px solid #F44336; }\n\n.ig-form-group__input.ng-invalid.ng-touched ~ label, .ng-invalid.ng-touched.ig-form-group__textarea ~ label, .ig-form-group__input.ng-invalid:not(form).ng-touched ~ label, .ng-invalid.ig-form-group__textarea:not(form).ng-touched ~ label {\n  color: #F44336; }\n\n.ig-form-group__textarea {\n  resize: none; }\n\n.ig-form-group__input--search {\n  padding: 12px 12px 12px 64px;\n  border-bottom: none;\n  box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 3px 1px -2px rgba(0, 0, 0, 0.12);\n  font-size: 1em; }\n\n.ig-form-group__clear, .ig-form-group__clear--hidden,\n.ig-form-group__input--search ~ label {\n  max-height: 100%;\n  padding: 12px 16px;\n  color: #484848; }\n\n.ig-form-group__clear, .ig-form-group__clear--hidden {\n  position: absolute;\n  visibility: visible;\n  top: 0;\n  right: 0;\n  cursor: pointer; }\n\n.ig-form-group__clear--hidden {\n  visibility: hidden;\n  pointer-events: none; }\n\n.ig-control__radio ~ .ig-control__label {\n  display: inline-block;\n  position: relative;\n  cursor: pointer;\n  height: 20px;\n  line-height: 20px;\n  font-size: 1em;\n  color: #484848;\n  padding-left: 35px;\n  user-select: none; }\n  .ig-control__radio ~ .ig-control__label:before, .ig-control__radio ~ .ig-control__label:after {\n    position: absolute;\n    content: '';\n    width: 20px;\n    height: 20px;\n    left: 0;\n    border-radius: 50% 50%; }\n  .ig-control__radio ~ .ig-control__label:before {\n    backface-visibility: hidden;\n    transform: translateZ(0);\n    transition: all 0.2s ease-in; }\n\n.ig-control__radio:not(:checked) ~ .ig-control__label:before {\n  transform: scale(0); }\n\n.ig-control__radio:not(:checked) ~ .ig-control__label:after {\n  border: 2px solid #757575; }\n\n.ig-control__radio:checked ~ .ig-control__label:before {\n  border: 2px solid #e41c77;\n  background-color: #e41c77;\n  transform: scale(0.5); }\n\n.ig-control__radio:checked ~ .ig-control__label:after {\n  border: 2px solid #e41c77; }\n\n.ig-control__radio:disabled ~ .ig-control__label {\n  pointer-events: none;\n  color: #888888; }\n\n.ig-control__radio:disabled:not(:checked) ~ .ig-control__label:after {\n  border: 2px solid #888888; }\n\n.ig-control__radio:disabled:checked ~ .ig-control__label:before {\n  background-color: #888888;\n  border: 2px solid #888888; }\n\n.ig-control__radio:disabled:checked ~ .ig-control__label:after {\n  border: 2px solid #888888; }\n\n.ig-control__cbx ~ .ig-control__label {\n  display: inline-block;\n  position: relative;\n  cursor: pointer;\n  min-height: 20px;\n  line-height: 20px;\n  font-size: 1em;\n  color: #484848;\n  padding-left: 35px;\n  user-select: none;\n  -webkit-tap-highlight-color: transparent;\n  transform: translateZ(0); }\n  .ig-control__cbx ~ .ig-control__label:before {\n    transition: all 0.2s ease-in; }\n  .ig-control__cbx ~ .ig-control__label:before, .ig-control__cbx ~ .ig-control__label:after {\n    position: absolute;\n    content: '';\n    top: 0;\n    left: 0;\n    border-radius: 2px; }\n\n.ig-control__cbx:not(:checked) ~ .ig-control__label:before {\n  width: 8px;\n  height: 14px;\n  border: none;\n  top: -2px;\n  left: 2px;\n  transform-origin: 20% 100%;\n  transform: rotateZ(0) scale(0.1); }\n\n.ig-control__cbx:not(:checked) ~ .ig-control__label:after {\n  width: 20px;\n  height: 20px;\n  background: none;\n  border: 2px solid #757575;\n  z-index: 0; }\n\n.ig-control__cbx:checked ~ .ig-control__label:before {\n  width: 8px;\n  height: 14px;\n  top: -2px;\n  left: 2px;\n  border-bottom: 2px solid #fff;\n  border-right: 2px solid #fff;\n  transform-origin: 20% 100%;\n  transform: rotateZ(37deg) scale(1);\n  z-index: 1; }\n\n.ig-control__cbx:checked ~ .ig-control__label:after {\n  width: 20px;\n  height: 20px;\n  background-color: #e41c77;\n  border: 2px solid #e41c77; }\n\n.ig-control__cbx:disabled ~ .ig-control__label {\n  color: #d1d1d1;\n  pointer-events: none; }\n\n.ig-control__cbx:disabled:checked ~ .ig-control__label:before {\n  background-color: transparent; }\n\n.ig-control__cbx:disabled:checked ~ .ig-control__label:after {\n  background-color: #888888;\n  border-color: #888888; }\n\n.ig-control__cbx:disabled:not(:checked) ~ .ig-control__label:before {\n  background-color: transparent;\n  border: 2px solid transparent; }\n\n.ig-control__cbx:disabled:not(:checked) ~ .ig-control__label:after {\n  border-color: #888888;\n  background-color: transparent; }\n\n.ig-control__switch ~ .ig-control__label {\n  display: inline-block;\n  position: relative;\n  width: 35px;\n  height: 14px;\n  background-color: #757575;\n  color: transparent;\n  border-radius: 100px;\n  cursor: pointer;\n  transition: all 0.2s ease-in;\n  user-select: none; }\n  .ig-control__switch ~ .ig-control__label:after {\n    display: block;\n    position: absolute;\n    content: '';\n    width: 20px;\n    height: 20px;\n    top: -3px;\n    left: -1px;\n    border-radius: 100px;\n    background: #fff;\n    box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 2px 1px -1px rgba(0, 0, 0, 0.12);\n    transition: all 0.2s ease-in; }\n\n.ig-control__switch:checked ~ .ig-control__label {\n  background-color: rgba(228, 28, 119, 0.5); }\n  .ig-control__switch:checked ~ .ig-control__label:after {\n    left: 16px;\n    background: #e41c77; }\n\n.ig-control__switch:disabled ~ .ig-control__label {\n  background: #F0F0F0;\n  pointer-events: none; }\n  .ig-control__switch:disabled ~ .ig-control__label:after {\n    background: #D1D1D1;\n    box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 2px 1px -1px rgba(0, 0, 0, 0.12); }\n\n.ig-list {\n  background-color: #f2f2f2;\n  overflow: hidden; }\n\nig-list-item {\n  display: list-item;\n  position: relative;\n  list-style-type: none; }\n\n.ig-list__header {\n  display: flex;\n  align-items: center;\n  color: #e41c77;\n  background-color: #fff;\n  font-size: 0.8125em;\n  font-weight: normal;\n  height: 3em;\n  line-height: 3em;\n  padding: 8px 16px;\n  user-select: none; }\n\n.ig-list__item {\n  display: flex;\n  position: relative;\n  flex-flow: column wrap;\n  justify-content: center;\n  padding: 8px 16px;\n  min-height: 3em;\n  font-size: 1em;\n  color: #484848;\n  background-color: #fff;\n  z-index: 2; }\n\n.ig-list__item:active {\n  background-color: #fcfcfc;\n  box-shadow: 4px 0px 6px -3px rgba(167, 167, 167, 0.3); }\n\n.ig-avatar, .ig-avatar--rounded, .ig-avatar--small, .ig-avatar--medium, .ig-avatar--large, .ig-avatar--icon, .ig-avatar--image {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  position: relative; }\n\n.ig-avatar--rounded {\n  border-radius: 50% 50%; }\n\n.ig-avatar--small {\n  width: 2.875em;\n  height: 2.875em; }\n\n.ig-avatar--medium {\n  width: 4.25em;\n  height: 4.25em; }\n\n.ig-avatar--large {\n  width: 5.375em;\n  height: 5.375em; }\n\n.ig-avatar--icon {\n  background-color: #d1d1d1; }\n\n.ig-avatar--image {\n  background-color: transparent !important; }\n\n.ig-button, .ig-button--flat, .ig-button--raised, .ig-button--gradient {\n  display: inline-block;\n  position: relative;\n  min-width: 5.5em;\n  padding: 0.5em 1em;\n  font-size: 1em;\n  font-weight: normal;\n  text-align: center;\n  color: #484848;\n  border: none;\n  border-radius: 2px;\n  text-transform: uppercase;\n  cursor: pointer;\n  user-select: none;\n  outline: none;\n  -webkit-tap-highlight-color: transparent;\n  overflow: hidden;\n  transition: all 0.25s ease-out 0s; }\n\n.ig-button--flat {\n  color: #e41c77; }\n  .ig-button--flat:hover {\n    background: #F0F0F0; }\n  .ig-button--flat:focus, .ig-button--flat:active {\n    background: #D1D1D1; }\n\n.ig-button--raised {\n  color: #fff;\n  background: #e41c77;\n  box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 3px 1px -2px rgba(0, 0, 0, 0.12); }\n  .ig-button--raised:hover {\n    background: #ce196b;\n    box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 3px 1px -2px rgba(0, 0, 0, 0.12); }\n  .ig-button--raised:focus, .ig-button--raised:active {\n    background: #ce196b;\n    box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12); }\n\n.ig-button--gradient {\n  color: #fff;\n  background: linear-gradient(to bottom right, #e41c77, #fbb13c);\n  box-shadow: 0 4px 10px -2px rgba(138, 16, 72, 0.8); }\n  .ig-button--gradient:hover {\n    background: linear-gradient(to bottom right, #ce196b, #faa723);\n    box-shadow: 0 4px 10px -2px rgba(138, 16, 72, 0.8); }\n  .ig-button--gradient:focus, .ig-button--gradient:active {\n    background: linear-gradient(to bottom right, #ce196b, #faa723);\n    box-shadow: 0 6px 12px -1px rgba(115, 14, 60, 0.75); }\n\n.ig-button--fab, .ig-button--icon, .ig-button--navbar {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  position: relative;\n  border: none;\n  border-radius: 50%;\n  outline: none;\n  cursor: pointer;\n  transition: all 0.25s ease-out 0s;\n  user-select: none;\n  -webkit-tap-highlight-color: transparent;\n  filter: drop-shadow(0 0 0 white); }\n\n.ig-button--fab {\n  width: 3.5em;\n  height: 3.5em;\n  color: #fff;\n  background: #e41c77;\n  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); }\n  .ig-button--fab:hover {\n    box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12); }\n  .ig-button--fab:focus, .ig-button--fab:active {\n    background: #ce196b; }\n\n.ig-button--icon, .ig-button--navbar {\n  width: 1.75em;\n  height: 1.75em;\n  font-size: 1.5em;\n  background: transparent; }\n  .ig-button--icon:hover, .ig-button--navbar:hover {\n    transition: all 0.25s ease-out 0s;\n    background: rgba(240, 240, 240, 0.5); }\n  .ig-button--icon:focus, .ig-button--navbar:focus, .ig-button--icon:active, .ig-button--navbar:active {\n    background: rgba(209, 209, 209, 0.5); }\n\n.ig-button--navbar {\n  width: 1.5em;\n  height: 1.5em;\n  font-size: 1.5em;\n  padding: 0; }\n\n.ig-button--disabled {\n  color: #AEAEAE !important;\n  background: #F0F0F0 !important;\n  pointer-events: none !important;\n  box-shadow: none !important;\n  opacity: 0.9 !important; }\n\n.ig-tab-bar-inner {\n  width: 100%;\n  position: absolute; }\n\n.ig-tab-bar-inner__menu {\n  position: fixed;\n  display: flex;\n  justify-content: space-around;\n  align-items: center;\n  width: 100%;\n  height: 3.5em;\n  margin: 0;\n  padding: 0;\n  background: #fff;\n  color: #333;\n  overflow: hidden;\n  z-index: 8; }\n\n.ig-tab-bar-inner__menu--top {\n  bottom: inherit;\n  top: 0;\n  box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12); }\n\n.ig-tab-bar-inner__menu--bottom {\n  top: inherit;\n  bottom: 0;\n  box-shadow: 0px -2px 4px -1px rgba(0, 0, 0, 0.14), 0px -4px 5px 0px rgba(0, 0, 0, 0.14), 0px -1px 10px 0px rgba(0, 0, 0, 0.12); }\n\n.ig-tab-bar-inner__menu .ig-tab-bar-inner__menu-item {\n  display: flex;\n  position: relative;\n  flex-flow: column wrap;\n  align-items: center;\n  justify-content: center;\n  min-width: 80px;\n  flex-grow: 1;\n  height: 100%;\n  list-style: none;\n  text-align: center;\n  cursor: pointer;\n  text-transform: uppercase;\n  white-space: nowrap;\n  text-overflow: ellipsis;\n  user-select: none;\n  overflow: hidden;\n  -webkit-tap-highlight-color: transparent; }\n\n.ig-tab-bar-inner__menu .ig-tab-bar-inner__menu-item--disabled {\n  opacity: 0.5;\n  cursor: default; }\n\n.ig-tab-bar-inner__menu .ig-tab-bar-inner__menu-item--selected .tab-label, .ig-tab-bar-inner__menu .ig-tab-bar-inner__menu-item--selected .tab-icon {\n  opacity: 1;\n  color: #e41c77;\n  transition: all .25s ease-out; }\n\n.ig-tab-bar-inner .tab-label {\n  max-width: 168px;\n  padding-top: 5px;\n  font-size: 12px;\n  line-height: 12px;\n  text-transform: uppercase;\n  text-overflow: ellipsis;\n  overflow: hidden;\n  z-index: 1;\n  opacity: .75; }\n\n.ig-tab-bar-inner .tab-icon {\n  position: relative;\n  height: 24px;\n  z-index: 1;\n  opacity: .75; }\n\n.ig-badge, .ig-badge--top-left, .ig-badge--bottom-left, .ig-badge--top-right, .ig-badge--bottom-right {\n  position: absolute;\n  max-width: 100%; }\n\n.ig-badge__circle {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  min-width: 22px;\n  height: 22px;\n  font-size: 0.625em;\n  font-weight: 600;\n  color: #fff;\n  background-color: #e41c77;\n  border: 2px solid #fff;\n  line-height: 2px;\n  border-radius: 4px;\n  box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 2px 1px -1px rgba(0, 0, 0, 0.12);\n  overflow: hidden; }\n  .ig-badge__circle i {\n    font-size: 1.2em;\n    font-weight: 600; }\n\n.ig-badge__circle .ig-badge__circle-value {\n  white-space: nowrap;\n  padding: 0 2px; }\n\n.ig-badge__circle {\n  border-radius: 11px; }\n\n.ig-badge__circle--success {\n  background-color: #4CAF50; }\n\n.ig-badge__circle--info {\n  background-color: #0375be; }\n\n.ig-badge__circle--warning {\n  background-color: orange; }\n\n.ig-badge__circle--error {\n  background-color: #F44336; }\n\n.ig-badge--hidden {\n  visibility: hidden; }\n\n.ig-badge--top-left {\n  top: -5px;\n  left: -5px; }\n\n.ig-badge--top-right {\n  top: -5px;\n  right: -5px; }\n\n.ig-badge--bottom-left {\n  bottom: -5px;\n  left: -5px; }\n\n.ig-badge--bottom-right {\n  bottom: -5px;\n  right: -5px; }\n\n@keyframes scale-in {\n  0% {\n    transform: scale(0); } }\n\n.ig-ripple-host__ripple {\n  display: inline-block;\n  position: absolute;\n  will-change: opacity, transform;\n  width: 0;\n  height: 0;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  border-radius: 50% 50%;\n  background: rgba(72, 72, 72, 0.5);\n  opacity: .85;\n  transform: scale(0);\n  pointer-events: none;\n  overflow: inherit;\n  transform: translate3d(0, 0, 0); }\n\n.ig-ripple-host {\n  overflow: hidden; }\n\n.ig-modal {\n  position: fixed;\n  top: 0;\n  right: 0;\n  left: 0;\n  bottom: 0;\n  background: rgba(72, 72, 72, 0.5);\n  opacity: 1;\n  z-index: 9999;\n  transition: all 0.4s ease-in; }\n\n.ig-modal__window {\n  position: relative;\n  width: 25em;\n  margin: 10% auto;\n  padding: 5px 25px 10px 10px;\n  background: #fff;\n  box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12); }\n\n.ig-navbar {\n  position: fixed;\n  width: 100%;\n  top: 0;\n  display: flex;\n  flex-direction: row;\n  flex-wrap: nowrap;\n  align-items: center;\n  height: 56px;\n  background: #0375be;\n  color: #fff;\n  box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);\n  z-index: 4; }\n\n.ig-navbar__left-btn {\n  padding-left: 16px; }\n\n.ig-navbar__left-btn--disabled {\n  display: none; }\n\n.ig-navbar__title {\n  padding: 0;\n  margin: 0;\n  font-size: 18px;\n  line-height: 18px;\n  padding-left: 16px; }\n\n@font-face {\n  font-family: \"Titillium Web\";\n  src: local(Titillium Web Light), url(\"fonts/titillium/TitilliumWeb-Light.ttf\");\n  src: url(\"fonts/titillium/TitilliumWeb-Light.ttf\") format(\"truetype\");\n  font-weight: 300; }\n\n@font-face {\n  font-family: \"Titillium Web\";\n  src: local(Titillium Web Regular), url(\"fonts/titillium/TitilliumWeb-Regular.ttf\");\n  src: url(\"fonts/titillium/TitilliumWeb-Regular.ttf\") format(\"truetype\");\n  font-weight: 400; }\n\n@font-face {\n  font-family: \"Titillium Web\";\n  src: local(Titillium Web Semi-Bold), url(\"fonts/titillium/TitilliumWeb-SemiBold.ttf\");\n  src: url(\"fonts/titillium/TitilliumWeb-SemiBold.ttf\") format(\"truetype\");\n  font-weight: 600; }\n\n@font-face {\n  font-family: \"Titillium Web\";\n  src: local(Titillium Web Bold), url(\"fonts/titillium/TitilliumWeb-Bold.ttf\");\n  src: url(\"fonts/titillium/TitilliumWeb-Bold.ttf\") format(\"truetype\");\n  font-weight: 700; }\n\na {\n  text-decoration: none; }\n\nhtml {\n  font-size: 100%;\n  font-size-adjust: 0.58;\n  font-family: 'Titillium Web', sans-serif;\n  font-weight: normal;\n  color: #484848; }\n\nh1, h2, h3, h4, h5, h6 {\n  font-weight: 600;\n  -webkit-font-smoothing: antialiased; }\n\n@media only screen and (min-width: 0) {\n  h1 {\n    font-size: 2em;\n    line-height: 2.5em; }\n  h2 {\n    font-size: 1.625em;\n    line-height: 1.875em; }\n  h3 {\n    font-size: 1.375em;\n    line-height: 1.5625em; }\n  h4 {\n    font-size: 1.375em;\n    line-height: 1.25em; }\n  p {\n    line-height: 1.25em; } }\n\n@media only screen and (min-width: 768px) {\n  h1 {\n    font-size: 2.5em;\n    line-height: 2.8125em; }\n  h2 {\n    font-size: 2em;\n    line-height: 2.5em; }\n  h3 {\n    font-size: 1.5em;\n    line-height: 1.875em; }\n  h4 {\n    font-size: 1.125em;\n    line-height: 1.375em; }\n  p {\n    line-height: 1.375em; } }\n\n@media only screen and (min-width: 1024px) {\n  h1 {\n    font-size: 3em;\n    line-height: 3.375em; }\n  h2 {\n    font-size: 2.25em;\n    line-height: 2.8125em; }\n  h3 {\n    font-size: 1.75em;\n    line-height: 2.1875em; }\n  h4 {\n    font-size: 1.125em;\n    line-height: 1.375em; } }\n\n@font-face {\n  font-family: 'Material Icons';\n  font-style: normal;\n  font-weight: 400;\n  src: url(../../node_modules/material-design-icons/iconfont/MaterialIcons-Regular.eot);\n  /* For IE6-8 */\n  src: local(\"Material Icons\"), local(\"MaterialIcons-Regular\"), url(../../node_modules/material-design-icons/iconfont/MaterialIcons-Regular.woff2) format(\"woff2\"), url(../../node_modules/material-design-icons/iconfont/MaterialIcons-Regular.woff) format(\"woff\"), url(../../node_modules/material-design-icons/iconfont/MaterialIcons-Regular.ttf) format(\"truetype\"); }\n\n.material-icons {\n  font-family: 'Material Icons';\n  font-weight: normal;\n  font-style: normal;\n  font-size: 24px;\n  /* Preferred icon size */\n  display: inline-block;\n  line-height: 1;\n  text-transform: none;\n  letter-spacing: normal;\n  word-wrap: normal;\n  white-space: nowrap;\n  direction: ltr;\n  /* Support for all WebKit browsers. */\n  -webkit-font-smoothing: antialiased;\n  /* Support for Safari and Chrome. */\n  text-rendering: optimizeLegibility;\n  /* Support for Firefox. */\n  -moz-osx-font-smoothing: grayscale;\n  /* Support for IE. */\n  font-feature-settings: 'liga'; }\n\ninput:-webkit-autofill {\n  -webkit-box-shadow: 0 0 0px 1000px white inset; }\n\n.ig-control__radio {\n  position: absolute;\n  opacity: 0;\n  margin: 0;\n  z-index: -1;\n  width: 0;\n  height: 0;\n  left: 0;\n  overflow: hidden;\n  pointer-events: none; }\n\n.ig-control__cbx {\n  position: absolute;\n  opacity: 0;\n  margin: 0;\n  z-index: -1;\n  width: 0;\n  height: 0;\n  left: 0;\n  overflow: hidden;\n  pointer-events: none; }\n\n.ig-control__switch {\n  position: absolute;\n  opacity: 0;\n  margin: 0;\n  z-index: -1;\n  width: 0;\n  height: 0;\n  left: 0;\n  overflow: hidden;\n  pointer-events: none; }\n\n.ig-control__text {\n  padding-right: 16px; }\n\nig-tab .ig-tab-inner {\n  display: none;\n  overflow: auto; }\n  ig-tab .ig-tab-inner.selected {\n    display: block; }\n  ig-tab .ig-tab-inner::-webkit-scrollbar {\n    display: none; }\n\n@keyframes selected {\n  from {\n    transform: scale(0); }\n  to {\n    transform: scale(44.5); } }\n\n/* Main Navigation Drawer state styles */\n.ig-nav-drawer {\n  position: fixed;\n  width: 18.75em;\n  height: 100%;\n  max-width: 90%;\n  min-height: 100%;\n  overflow-x: hidden;\n  background-color: #fff;\n  top: 0;\n  bottom: 0;\n  left: 0;\n  z-index: 999;\n  /*transition: all 0.5s cubic-bezier(0.55, 0, 0.1, 1);*/\n  /* use full syntax, iOS Safari won't work with transition: width .3s ease-in, transform .3s ease-in; shorthand */\n  transition-property: width, transform;\n  transition-duration: 0.25s, 0.25s;\n  transition-timing-function: ease-in-out, ease-in;\n  transition-delay: 0s, 0s;\n  box-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12);\n  /* states */ }\n  .ig-nav-drawer.collapsed {\n    transform: translate3d(-300px, 0px, 0px);\n    box-shadow: none; }\n  .ig-nav-drawer.right {\n    left: auto;\n    right: 0; }\n  .ig-nav-drawer.collapsed.right {\n    transform: translate3d(300px, 0px, 0px);\n    box-shadow: none; }\n  .ig-nav-drawer.mini {\n    width: 60px;\n    transition-duration: 0.2s, 0.2s; }\n  .ig-nav-drawer.pinned {\n    position: relative;\n    box-shadow: none; }\n  .ig-nav-drawer.pinned.collapsed {\n    transform: none;\n    width: 0;\n    padding: 0;\n    overflow: hidden; }\n\n/* Utility classes for active pan */\n.ig-nav-drawer.panning {\n  overflow-x: hidden;\n  transition: none; }\n\n.ig-nav-drawer-overlay.panning {\n  transform: translate3d(0, 0, 0);\n  /* try layer creation manually in advance for opacity */\n  transition: none; }\n  .ig-nav-drawer-overlay.panning.hidden {\n    visibility: visible; }\n\n.style-dummy {\n  height: 0;\n  background: none;\n  box-shadow: none;\n  transition: none;\n  visibility: hidden;\n  /* potentially don't use this? */ }\n\n/* Navigation Drawer overlay styles */\n.ig-nav-drawer-overlay {\n  opacity: 1;\n  background-color: rgba(72, 72, 72, 0.5);\n  transition-property: opacity, visibility;\n  /* opacity must match drawer transition, step over visibility to reduce animation cost */\n  transition-duration: 0.25s, 0.25s;\n  transition-timing-function: ease-in, step-start;\n  transition-delay: 0s, 0s;\n  position: absolute;\n  left: 0;\n  top: 0;\n  width: 100%;\n  height: 100%;\n  visibility: visible; }\n  .ig-nav-drawer-overlay.hidden {\n    transition-timing-function: ease-in-out, step-end;\n    /* use visibility so opacity can be animated */\n    visibility: hidden;\n    opacity: 0; }\n  .ig-nav-drawer-overlay.pinned {\n    display: none; }\n\n[hidden] {\n  display: none !important; }\n","// General application styling rules\nhtml {\n  box-sizing: border-box;\n}\n\n*,\n*:before,\n*:after {\n\tbox-sizing: inherit;\n}\n\nbody {\n  // margin: 0 10px;\n}\n\n$browser-context: 16px;","/* ==========================================================================\n   Ignite UI JS Blocks Variables\n   ========================================================================== */\n/**\n * Table of Contents:\n *\n *  1. Colors\n *  2. Badges\n *  3. Buttons\n *  TODO: 4. Cards\n *  TODO: 5. Collapsible\n *  TODO: 6. Chips\n *  TODO: 7. Date Picker\n *  TODO: 8. Dropdown\n *  9. Fonts\n *  10. Forms\n *  11. Global\n *  TODO: 12. Navigation Bar\n *  TODO: 13. Navigation Drawer\n *  TODO: 14. Slider\n *  TODO: 15. Spinners | Loaders\n *  TODO: 16. Tabs\n *  TODO: 17. Tables\n *  TODO: 18. Toasts\n *  19. Typography\n *  TODO: 20. Flow Text\n *  TODO: 21. Collections\n *  TODO: 22. Progress Bar\n *  23. Lists\n */\n\n/* 1. Colors\n   ========================================================================== */\n\n// Base Palette To Chose Colors From\n$rich-black: #0b3c49;\n$byzantium: #731963;\n$vivid-cerise: #e41c77;\n$white: #fff;\n$yellow-orange: #fbb13c;\n$ocean-blue: #0375be;\n\n// Main App Colors\n$primary-color: $ocean-blue !default;\n$secondary-color: $vivid-cerise !default;\n$accent-color: $yellow-orange !default;\n$success-color: #4CAF50 !default;\n$error-color: #F44336 !default;\n$warn-color: orange;\n$overlay-color: rgba(72, 72, 72, 0.5);\n\n// off-black\n$off-black: #484848;\n\n// Color Palette\n$colors: (\n    primary: (\n        100: gen-color($primary-color, 50),\n        200: gen-color($primary-color, 100),\n        300: gen-color($primary-color, 300),\n        400: gen-color($primary-color, 400),\n        500: $primary-color,\n        600: gen-color($primary-color, 600),\n        700: gen-color($primary-color, 700),\n        800: gen-color($primary-color, 800),\n        900: gen-color($primary-color, 900),\n        A100: gen-color($primary-color, 'A100'),\n        A200: gen-color($primary-color, 'A200'),\n        A400: gen-color($primary-color, 'A400'),\n        A700: gen-color($primary-color, 'A700'),\n    ),\n    secondary: (\n        100: gen-color($secondary-color, 50),\n        200: gen-color($secondary-color, 100),\n        300: gen-color($secondary-color, 300),\n        400: gen-color($secondary-color, 400),\n        500: $secondary-color,\n        600: gen-color($secondary-color, 600),\n        700: gen-color($secondary-color, 700),\n        800: gen-color($secondary-color, 800),\n        900: gen-color($secondary-color, 900),\n        A100: gen-color($secondary-color, 'A100'),\n        A200: gen-color($secondary-color, 'A200'),\n        A400: gen-color($secondary-color, 'A400'),\n        A700: gen-color($secondary-color, 'A700'),\n    ),\n    accent: (\n        100: gen-color($accent-color, 50),\n        200: gen-color($accent-color, 100),\n        300: gen-color($accent-color, 300),\n        400: gen-color($accent-color, 400),\n        500: $accent-color,\n        600: gen-color($accent-color, 600),\n        700: gen-color($accent-color, 700),\n        800: gen-color($accent-color, 800),\n        900: gen-color($accent-color, 900),\n        A100: gen-color($accent-color, 'A100'),\n        A200: gen-color($accent-color, 'A200'),\n        A400: gen-color($accent-color, 'A400'),\n        A700: gen-color($accent-color, 'A700'),\n    )\n);\n\n/* 2. Material Elevations / Shadows\n   ========================================================================== */\n\n$elevate-1: 0px 1px 3px 0px rgba(0, 0, 0, 0.2),\n            0px 1px 1px 0px rgba(0, 0, 0, 0.14),\n            0px 2px 1px -1px rgba(0, 0, 0, 0.12);\n\n$elevate-2: 0px 1px 5px 0px rgba(0, 0, 0, 0.2),\n            0px 2px 2px 0px rgba(0, 0, 0, 0.14),\n            0px 3px 1px -2px rgba(0, 0, 0, 0.12);\n\n$elevate-3: 0px 1px 8px 0px rgba(0, 0, 0, 0.2),\n            0px 3px 4px 0px rgba(0, 0, 0, 0.14),\n            0px 3px 3px -2px rgba(0, 0, 0, 0.12);\n\n$elevate-4: 0px 2px 4px -1px rgba(0, 0, 0, 0.2),\n            0px 4px 5px 0px rgba(0, 0, 0, 0.14),\n            0px 1px 10px 0px rgba(0, 0, 0, 0.12);\n\n$elevate-5: 0px 3px 5px -1px rgba(0, 0, 0, 0.2),\n            0px 5px 8px 0px rgba(0, 0, 0, 0.14),\n            0px 1px 14px 0px rgba(0, 0, 0, 0.12);\n\n$elevate-6: 0px 3px 5px -1px rgba(0, 0, 0, 0.2),\n            0px 6px 10px 0px rgba(0, 0, 0, 0.14),\n            0px 1px 18px 0px rgba(0, 0, 0, 0.12);\n\n$elevate-7: 0px 4px 5px -2px rgba(0, 0, 0, 0.2),\n            0px 7px 10px 1px rgba(0, 0, 0, 0.14),\n            0px 2px 16px 1px rgba(0, 0, 0, 0.12);\n\n$elevate-8: 0px 5px 5px -3px rgba(0, 0, 0, 0.2),\n            0px 8px 10px 1px rgba(0, 0, 0, 0.14),\n            0px 3px 14px 2px rgba(0, 0, 0, 0.12);\n\n$elevate-8-up: 0px -2px 4px -1px rgba(0, 0, 0, 0.14),\n            0px -4px 5px 0px rgba(0, 0, 0, 0.14),\n            0px -1px 10px 0px rgba(0, 0, 0, 0.12);\n\n$elevate-9: 0px 5px 6px -3px rgba(0, 0, 0, 0.2),\n            0px 9px 12px 1px rgba(0, 0, 0, 0.14),\n            0px 3px 16px 2px rgba(0, 0, 0, 0.12);\n\n$elevate-10: 0px 6px 6px -3px rgba(0, 0, 0, 0.2),\n             0px 10px 14px 1px rgba(0, 0, 0, 0.14),\n             0px 4px 18px 3px rgba(0, 0, 0, 0.12);\n\n$elevate-11: 0px 6px 7px -4px rgba(0, 0, 0, 0.2),\n             0px 11px 15px 1px rgba(0, 0, 0, 0.14),\n             0px 4px 20px 3px rgba(0, 0, 0, 0.12);\n\n$elevate-12: 0px 7px 8px -4px rgba(0, 0, 0, 0.2),\n             0px 12px 17px 2px rgba(0, 0, 0, 0.14),\n             0px 5px 22px 4px rgba(0, 0, 0, 0.12);\n\n$elevate-13: 0px 7px 8px -4px rgba(0, 0, 0, 0.2),\n             0px 13px 19px 2px rgba(0, 0, 0, 0.14),\n             0px 5px 24px 4px rgba(0, 0, 0, 0.12);\n\n$elevate-14: 0px 7px 9px -4px rgba(0, 0, 0, 0.2),\n             0px 14px 21px 2px rgba(0, 0, 0, 0.14),\n             0px 5px 26px 4px rgba(0, 0, 0, 0.12);\n\n$elevate-15: 0px 8px 9px -5px rgba(0, 0, 0, 0.2),\n             0px 15px 22px 2px rgba(0, 0, 0, 0.14),\n             0px 6px 28px 5px rgba(0, 0, 0, 0.12);\n\n$elevate-16: 0px 8px 10px -5px rgba(0, 0, 0, 0.2),\n             0px 16px 24px 2px rgba(0, 0, 0, 0.14),\n             0px 6px 30px 5px rgba(0, 0, 0, 0.12);\n\n$elevate-17: 0px 8px 11px -5px rgba(0, 0, 0, 0.2),\n             0px 17px 26px 2px rgba(0, 0, 0, 0.14),\n             0px 6px 32px 5px rgba(0, 0, 0, 0.12);\n\n$elevate-18: 0px 9px 11px -5px rgba(0, 0, 0, 0.2),\n             0px 18px 28px 2px rgba(0, 0, 0, 0.14),\n             0px 7px 34px 6px rgba(0, 0, 0, 0.12);\n\n$elevate-19: 0px 9px 12px -6px rgba(0, 0, 0, 0.2),\n             0px 19px 29px 2px rgba(0, 0, 0, 0.14),\n             0px 7px 36px 6px rgba(0, 0, 0, 0.12);\n\n$elevate-20: 0px 10px 13px -6px rgba(0, 0, 0, 0.2),\n             0px 20px 31px 3px rgba(0, 0, 0, 0.14),\n             0px 8px 38px 7px rgba(0, 0, 0, 0.12);\n\n$elevate-21: 0px 10px 13px -6px rgba(0, 0, 0, 0.2),\n             0px 21px 33px 3px rgba(0, 0, 0, 0.14),\n             0px 8px 40px 7px rgba(0, 0, 0, 0.12);\n\n$elevate-22: 0px 10px 14px -6px rgba(0, 0, 0, 0.2),\n             0px 22px 35px 3px rgba(0, 0, 0, 0.14),\n             0px 8px 42px 7px rgba(0, 0, 0, 0.12);\n\n$elevate-23: 0px 11px 14px -7px rgba(0, 0, 0, 0.2),\n             0px 23px 36px 3px rgba(0, 0, 0, 0.14),\n             0px 9px 44px 8px rgba(0, 0, 0, 0.12);\n\n$elevate-24: 0px 11px 15px -7px rgba(0, 0, 0, 0.2),\n             0px 24px 38px 3px rgba(0, 0, 0, 0.14),\n             0px 9px 46px 8px rgba(0, 0, 0, 0.12);\n\n/* 2. Badges\n   ========================================================================== */\n$badge-width: 22px;\n$badge-height: $badge-width;\n$badge-bg-color-default: $secondary-color !default;\n$badge-border: 2px solid $white;\n$badge-border-color: $white;\n$badge-border-radius-default: 4px;\n$badge-border-radius-circle: ($badge-width / 2);\n$badge-font-size: em(10px);\n$badge-font-weight: 600;\n$badge-shadow: $elevate-1;\n\n/* 3. Buttons\n   ========================================================================== */\n\n// Shared Styles\n$button-border: none !default;\n$button-radius: 2px !default;\n$button-focus-background: darken($secondary-color, 5%) !default;\n$button-font-size: em(16px) !default;\n$button-color: #484848 !default;\n$button-font-weight: normal !default;\n$button-width: em(88px) !default;\n$button-height: em(40px) !default;\n$button-padding: em(8px) em(16px) !default;\n$button-transition: all 0.25s ease-out 0s !default;\n$button-round-radius: 50% !default;\n\n// Disabled Styles\n$button-disabled-background: #F0F0F0 !default;\n$button-disabled-color: #AEAEAE !default;\n$button-disabled-shadow: none;\n\n// Raised Buttons\n$button-raised-background: $secondary-color !default;\n$button-raised-color: $white !default;\n$button-raised-shadow: $elevate-2 !default;\n$button-raised-focus-shadow: $elevate-8 !default;\n\n\n// Gradient Buttons\n$button-gradient-color-1: $yellow-orange;\n$button-gradient-color-2: $secondary-color;\n$button-gradient-background: linear-gradient(to bottom right, $button-gradient-color-2, $button-gradient-color-1);\n$button-focus-gradient: linear-gradient(to bottom right, darken($button-gradient-color-2, 5%), darken($button-gradient-color-1, 5%));\n$button-gradient-color: #fff !default;\n$button-gradient-shadow: 0 4px 10px -2px darken(transparentize($button-gradient-color-2, .20), 20%) !default;\n$button-gradient-focus-shadow: 0 6px 12px -1px darken(transparentize($button-gradient-color-2, .25), 25%) !default;\n\n// Flat Buttons\n$button-flat-color: $secondary-color !default;\n$button-flat-color-disabled: #AEAEAE !default;\n$button-flat-hover-background: #F0F0F0 !default;\n$button-flat-focus-background: #D1D1D1 !default;\n\n// Floating Buttons\n$button-floating-width: em(56px);\n$button-floating-height: $button-floating-width;\n$button-floating-shadow: $elevate-6 !default;\n$button-floating-hover-shadow: $elevate-12 !default;;\n$button-floating-background: $secondary-color !default;\n\n// Icon Buttons\n$button-icon-width: em(28px, 16px);\n$button-icon-height: $button-icon-width;\n$button-icon-hover-background: rgba(240, 240, 240, .5);\n$button-icon-focus-background: rgba(209, 209, 209, .5);\n$button-icon-font-size: em(24px, 16px);\n\n// Navbar Buttons \n$button-navbar-width: em(24px, 16px);\n$button-navbar-height: $button-navbar-width;\n\n/* 9. Fonts\n   ========================================================================== */\n$titillium-font-path: 'fonts/titillium/' !default;\n\n/* 10. Forms\n   ========================================================================== */\n// Text Inputs + Textarea\n$input-min-height: em(70px) !default;\n$input-font-size: em(16px) !default;\n$input-color: #484848 !default;\n$input-caret-color: $secondary-color;\n$input-line-height: em(24px) !default;\n$input-border-color: rgba(117, 117, 117, .5) !default;\n$input-border: 1px solid $input-border-color !default;\n$input-border-success: 2px solid $success-color;\n$input-border-warn: 2px solid $warn-color;\n$input-border-error: 2px solid $error-color;\n$input-border-color-focus: $secondary-color !default;\n$input-border-focus: 2px solid $input-border-color-focus !default;\n$input-background: #fff !default;\n$input-transition: all .2s ease-in !default;\n$input-placeholder-color: $input-border-color;\n\n$input-error-color:  $error-color !default;\n$input-success-color: $success-color !default;\n$input-disabled-color: lighten($input-color, 25%) !default;\n$input-disabled-solid-color: $input-disabled-color !default;\n\n$label-color: #757575 !default;\n$label-focus-color: $secondary-color !default;\n$label-active-color: lighten($label-color, 20%) !default;\n$label-font-size: em(16px) !default;\n$label-focus-font-size: em(12px) !default;\n\n// Radio Buttons\n$radio-fill-color: $secondary-color !default;\n$radio-empty-color: #757575 !default;\n$radio-border: 2px solid $radio-fill-color !default;\n$radio-width: 20px !default;\n$radio-height: $radio-width !default;\n$radio-radius: 50% 50% !default;\n\n// Switches\n$switch-background: #757575 !default;\n$switch-active-background: rgba($radio-fill-color, .5);\n$switch-color: transparent !default;\n$switch-radius: 100px !default;\n$switch-width: 35px !default;\n$switch-height: 14px !default;\n$switch-label-width: 20px !default;\n$switch-label-height: $switch-label-width !default;\n$switch-shadow: $elevate-1;\n$switch-disabled-shadow: $elevate-1;\n$switch-margin: 0 16px !default;\n\n// Checkboxes\n$checkbox-width: 20px !default;\n$checkbox-height: $checkbox-width !default;\n$checkbox-label-padding: 35px !default;\n$checkbox-radius: 2px !default;\n$checkbox-tick-width: 8px !default;\n$checkbox-tick-height: 14px !default;\n$checkbox-tick-color: $white !default;\n\n/* 11. Global\n   ========================================================================== */\n\n// Media Query Ranges\n$small-screen-up: 601px !default;\n$medium-screen-up: 767px !default;\n$large-screen-up: 1025px !default;\n$small-screen: 600px !default;\n$medium-screen: 768px !default;\n$large-screen: 1024px !default;\n\n$medium-and-up: \"only screen and (min-width : #{$small-screen-up})\" !default;\n$large-and-up: \"only screen and (min-width : #{$medium-screen-up})\" !default;\n$small-and-down: \"only screen and (max-width : #{$small-screen})\" !default;\n$medium-and-down: \"only screen and (max-width : #{$medium-screen})\" !default;\n$medium-only: \"only screen and (min-width : #{$small-screen-up}) and (max-width : #{$medium-screen})\" !default;\n\n\n/* 16. Bottom navigation bar / Tabs\n   ========================================================================== */\n$tab-bar-background: #fff;\n\n/* 19. Typography\n   ========================================================================== */\n\n// paragraph\n$paragraph-line-height-desktop: em(22px) !default;\n$paragraph-line-height-phone: em(20px) !default;\n\n// H1\n$h1-font-size-desktop: em(48px) !default;\n$h1-line-height-desktop: em(54px) !default;\n$h1-font-size-tablet: em(40px) !default;\n$h1-line-height-tablet: em(45px) !default;\n$h1-font-size-phone: em(32px) !default;\n$h1-line-height-phone: em(40px) !default;\n\n// H2\n$h2-font-size-desktop: em(36px) !default;\n$h2-line-height-desktop: em(45px) !default;\n$h2-font-size-tablet: em(32px) !default;\n$h2-line-height-tablet: em(40px) !default;\n$h2-font-size-phone: em(26px) !default;\n$h2-line-height-phone: em(30px) !default;\n\n// H3\n$h3-font-size-desktop: em(28px) !default;\n$h3-line-height-desktop: em(35px) !default;\n$h3-font-size-tablet: em(24px) !default;\n$h3-line-height-tablet: em(30px) !default;\n$h3-font-size-phone: em(22px) !default;\n$h3-line-height-phone: em(25px) !default;\n\n// H4\n$h4-font-size-desktop: em(18px) !default;\n$h4-line-height-desktop: em(22px) !default;\n$h4-font-size-tablet: em(18px) !default;\n$h4-line-height-tablet: em(22px) !default;\n$h4-font-size-phone: em(22px) !default;\n$h4-line-height-phone: em(20px) !default;\n\n// Blockquote\n$blockquote-font-size-desktop: em(24px) !default;\n$blockquote-line-height-desktop: em(35px) !default;\n$blockquote-font-size-tablet: em(24px) !default;\n$blockquote-line-height-tablet: em(35px) !default;\n$blockquote-font-size-phone: em(20px) !default;\n$blockquote-line-height-phone: em(25px) !default;\n\n/* 23. List\n   ========================================================================== */\n$list-margin: 8px 16px !default;\n$list-background: darken($white, 5%);\n\n$list-header-color: $secondary-color !default;\n$list-header-background: $white;\n$list-header-font-size: em(13px) !default;\n$list-header-font-weight: normal !default;\n$list-header-height: em(48px) !default;\n$list-header-line-height: em(48px) !default;\n\n$list-item-color: #484848 !default;\n$list-item-background: #fff;\n$list-item-height: em(48px) !default;\n$list-item-line-height: em(48px) !default;\n$list-item-font-size: em(16px) !default;\n$list-item-padding: 8px 16px;\n$list-item-active-background: darken(#fff, 1%);\n$list-item-active-shadow: 4px 0px 6px -3px rgba(167,167,167,0.3);\n\n$list-item-tl-sl-font-size: em(14px) !default;\n$list-item-tl-height: em(72px) !default;\n$list-item-tl-sl-color: #757575 !default;\n/* Rectangle: */\n\n/* 24. Modal\n   ========================================================================== */\n\n$modal-transition: all .4s ease-in;\n$modal-width: em(400px);\n$modal-margin: 10% auto;\n$modal-padding: 5px 25px 10px 10px;\n$modal-background: $white;\n\n","$elementSeparator: '__';\n$subElementSeparator: '-';\n$modifierSeparator: '--';\n\n@function containsModifier($selector) {\n    $selector: selectorToString($selector);\n    @if str-index($selector, $modifierSeparator) {\n        @return true;\n    } @else {\n        @return false;\n    }\n}\n\n@function selectorToString($selector) {\n    $selector: inspect($selector); //cast to string\n    $selector: str-slice($selector, 2, -2); //remove brackets\n    @return $selector;\n}\n\n@function getBlock($selector) {\n    $selector: selectorToString($selector);\n    $modifierStart: str-index($selector, $modifierSeparator) - 1;\n    @return str-slice($selector, 0, $modifierStart);\n}\n\n@mixin b($block) {\n    .#{$block} {\n        @content;\n    }\n}\n\n@mixin e($element, $sub-element: false) {\n    $selector: &;\n\n    @if containsModifier($selector) {\n\n        $block: getBlock($selector);\n\n        @if $sub-element == false {\n            @at-root {\n                #{$selector} {\n                    #{$block+$elementSeparator+$element} {\n                        @content;\n                    }\n                }\n            }\n        } @else if $sub-element == true {\n            @at-root {\n                #{$selector+$subElementSeparator+$element} {\n                    @content;\n                }\n            }\n        }\n    } @else {\n        @if $sub-element == false {\n            @at-root {\n                #{$selector+$elementSeparator+$element} {\n                    @content;\n                }\n            }\n        } @else if $sub-element == true {\n            #{$selector+$subElementSeparator+$element} {\n                @content;\n            }\n        }\n    }\n}\n\n@mixin m($modifier) {\n    @at-root {\n        #{&}#{$modifierSeparator+$modifier} {\n            @content;\n        }\n    }\n}","%igx-input-display {\n    display: block;\n    position: relative;\n    margin: 20px 0;\n    min-height: 40px;\n    transform: translateZ(0);\n    ::-webkit-input-placeholder { /* WebKit, Blink, Edge */\n        color: $label-color;\n    }\n}\n\n%igx-form-label {\n    display: block;\n    position: absolute;\n    overflow: hidden;\n    top: 0;\n    transform-origin: bottom left;\n    font-size: $input-font-size;\n    line-height: $input-line-height;\n    color: $label-color;\n    cursor: text;\n    user-select: none;\n    pointer-events: none;\n    backface-visibility: hidden;\n    transition: all .3s ease-in-out;\n}\n\n%igx-form-label--float {\n    color: $label-active-color;\n    transform: translate3d(0, -20px, 0) scale(.75);\n}\n\n%igx-form-label--filled {\n    color: $label-active-color;\n}\n\n%igx-form-label--focused {\n    color: $label-focus-color;\n    transform: translate3d(0, -20px, 0) scale(.75);\n}\n\n%igx-form-input {\n    outline: none;\n    border: none;\n    border-bottom: $input-border;\n    color: $input-color;\n    background: transparent;\n    font-size: $input-font-size;\n    line-height: $input-line-height;\n    width: 100%;\n}\n\n%igx-form-input--focused {\n    border-bottom: $input-border-focus;\n}\n\n%igx-form-input--disabled {\n    user-select: none;\n    cursor: not-allowed;\n    -webkit-text-fill-color: $input-disabled-color;\n    border-bottom: 1px dotted rgba(117, 117, 117, .5);\n}\n\n%igx-form-label--disabled {\n    color: lighten($label-color, 80%);\n}\n\n%igx-form-input--success {\n    border-bottom: $input-border-success;\n}\n\n%igx-form-label--success {\n    color: $success-color;\n}\n\n%igx-form-input--warn {\n    border-bottom: $input-border-warn;\n}\n\n%igx-form-label--warn {\n    color: $warn-color;\n}\n\n%igx-form-input--error {\n    border-bottom: $input-border-error;\n}\n\n%igx-form-label--error {\n    color: $error-color;\n}\n\n%igx-textarea {\n    resize: none;\n}\n\n%igx-search-input {\n    padding: 12px 12px 12px 64px;\n    border-bottom: none;\n    box-shadow: $elevate-2;\n    font-size: em(16px);\n}\n\n%igx-input-clear,\n%igx-search-label {\n    max-height: 100%;\n    padding: 12px 16px;\n    color: #484848;\n}\n\n%igx-input-clear {\n    position: absolute;\n    visibility: visible;\n    top: 0;\n    right: 0;\n    cursor: pointer;\n}\n\n%igx-input-clear--hidden {\n    visibility: hidden;\n    pointer-events: none;\n}","// Pixels to Relative Values\n// @access public\n// @param {number|string} $pixels - Size in pixels\n// @param {number|string} $context - Size in pixels\n@function em($pixels, $context: $browser-context) {\n    @if (unitless($pixels)) {\n        $pixels: $pixels * 1px;\n    }\n    @if (unitless($context)) {\n        $context: $context * 1px;\n    }\n    @return ($pixels / $context) * 1em;\n}\n\n// Generate Color Variations\n// @access public\n// @param {string} $color - Source color\n// @param {number|string} $saturation - Target color variation\n@function gen-color($color, $saturation) {\n    @if($saturation==50) {\n        @return lighten(saturate($color, 10.4), 37.7);\n    }\n    @else if ($saturation==100) {\n        @return lighten(desaturate($color, 10.4), 31.8);\n    }\n    @else if ($saturation==200) {\n        @return lighten(desaturate($color, 17), 18.7);\n    }\n    @else if ($saturation==300) {\n        @return lighten(desaturate($color, 20.9), 9.1);\n    }\n    @else if ($saturation==400) {\n        @return lighten(desaturate($color, 6.6), 4.1);\n    }\n    @else if ($saturation==600) {\n        @return darken(desaturate($color, 12.4), 3.1);\n    }\n    @else if ($saturation==700) {\n        @return darken(desaturate($color, 24.5), 7.8);\n    }\n    @else if ($saturation==800) {\n        @return darken(desaturate($color, 23.2), 11.7);\n    }\n    @else if ($saturation==900) {\n        @return darken(desaturate($color, 16.1), 17);\n    }\n    @else if ($saturation=='A100') {\n        @return lighten(saturate($color, 10.4), 16.7);\n    }\n    @else if ($saturation=='A200') {\n        @return lighten(saturate($color, 10.4), 7.7);\n    }\n    @else if ($saturation=='A400') {\n        @return darken(saturate($color, 10.4), 3.9);\n    }\n    @else if ($saturation=='A700') {\n        @return darken(saturate($color, 10.4), 16.6);\n    }\n}\n\n// Retrieve color from palette map\n// @access public\n// @param {Map} $palette - Source palette map\n// @param {string} $saturation - Target color from palette\n@function palette($color, $variant: 500) {\n    $palette: $colors;\n    @if map-exists($palette) and map-key-exists($palette, $color) and map-key-exists($color, $variant) {\n        @return map-get(map-get($palette, $color), $variant);\n    }\n    @return #fff;\n}\n\n// Set text color based on background color\n// @access public\n// @param {String} $bgcolor - Background color\n@function set-color($bgcolor) {\n    @if (lightness($bgcolor) > 50) {\n        @return #333; // Lighter backgorund, return dark color\n    }\n    @else {\n        @return #fff; // Darker background, return light color\n    }\n}\n\n// Test if `$value` is a valid direction\n// @param {*} $value - Value to test\n// @return {Bool}\n@function is-direction($value) {\n    $is-keyword: index((to top, to top right, to right top, to right, to bottom right, to right bottom, to bottom, to bottom left, to left bottom, to left, to left top, to top left), $value);\n    $is-angle: type-of($value)=='number' and index('deg' 'grad' 'turn' 'rad', unit($value));\n    @return $is-keyword or $is-angle;\n}\n\n// Convert a direction to legacy syntax\n// @param {Keyword | Angle} $value - Value to convert\n// @require {function} is-direction\n// @require {function} convert-angle\n// @throw Cannot convert `#{$value}` to legacy syntax because it doesn't seem to be a direction.;\n@function legacy-direction($value) {\n    @if is-direction($value)==false {\n        @error \"Cannot convert `#{$value}` to legacy syntax because it doesn't seem to be a direction.\";\n    }\n    $conversion-map: ( to top: bottom, to top right: bottom left, to right top: left bottom, to right: left, to bottom right: top left, to right bottom: left top, to bottom: top, to bottom left: top right, to left bottom: right top, to left: right, to left top: right bottom, to top left: bottom right);\n    @if map-has-key($conversion-map, $value) {\n        @return map-get($conversion-map, $value);\n    }\n    @return 90deg - $value;\n}\n\n@function elevation($dp: 0) {\n    $box-shadow: none;\n    \n    $blur: if($dp == 1, 3, $dp * 2);\n    \n    $ambientY: $dp;\n    $ambientAlpha: ($dp + 10 + ($dp / 9.38)) / 100;\n    \n    $directY: if($dp < 10, floor($dp / 2) + 1, $dp - 4);\n    $directAlpha: (24 - round($dp / 10)) / 100;\n    \n\n    @if $dp == 0 {\n      @return $box-shadow;\n    } @else {\n      $box-shadow: #{'0 #{$ambientY}px #{$blur}px rgba(0, 0, 0, #{$ambientAlpha})'},\n            #{'0 #{$directY}px #{$blur}px rgba(0, 0, 0, #{$directAlpha})'};\n      @return $box-shadow;\n    }\n}","%igx-radio-lbl-display {\n    display: inline-block;\n    position: relative;\n    cursor: pointer;\n    height: $radio-height;\n    line-height: $radio-height;\n    font-size: $input-font-size;\n    color: $input-color;\n    padding-left: $checkbox-label-padding;\n    user-select: none;\n    &:before,\n    &:after {\n        position: absolute;\n        content: '';\n        width: $radio-width;\n        height: $radio-height;\n        left: 0;\n        border-radius: $radio-radius;\n    }\n    &:before {\n        backface-visibility: hidden;\n        transform: translateZ(0);\n        transition: $input-transition;\n    }\n}\n\n%igx-radio-lbl-notchecked--before {\n    transform: scale(0);\n}\n\n%igx-radio-lbl-notchecked--after {\n    border: 2px solid $radio-empty-color;\n}\n\n%igx-radio-lbl-checked--before {\n    border: $radio-border;\n    background-color: $radio-fill-color;\n    transform: scale(.5);\n}\n\n%igx-radio-lbl-checked--after {\n    border: $radio-border;\n}\n\n%igx-radio-lbl--disabled {\n    pointer-events: none;\n    color: $input-disabled-color;\n}\n\n%igx-radio-lbl-notchecked--disabled-after {\n    border: 2px solid $input-disabled-color;\n}\n\n%igx-radio-lbl-checked--disabled-before {\n    background-color: $input-disabled-color;\n    border: 2px solid $input-disabled-color;\n} \n\n%igx-radio-lbl-checked--disabled-after {\n    border: 2px solid $input-disabled-color;\n}","%igx-cbx-lbl-display {\n    display: inline-block;\n    position: relative;\n    cursor: pointer;\n    min-height: $checkbox-height;\n    line-height: $checkbox-height;\n    font-size: $input-font-size;\n    color: $input-color;\n    padding-left: $checkbox-label-padding;\n    user-select: none;\n    -webkit-tap-highlight-color: transparent;\n    transform: translateZ(0);\n    &:before {\n        transition: $input-transition;\n    }\n    &:before,\n    &:after {\n        position: absolute;\n        content: '';\n        top: 0;\n        left: 0;\n        border-radius: $checkbox-radius;\n    }\n}\n\n%igx-cbx-lbl-notchecked-before {\n    width: $checkbox-tick-width;\n    height: $checkbox-tick-height;\n    border: none;\n    top: -2px;\n    left: 2px;\n    transform-origin: 20% 100%;\n    transform: rotateZ(0) scale(.1);\n}\n\n%igx-cbx-lbl-notchecked-after {\n    width: $checkbox-width;\n    height: $checkbox-height;\n    background: none;\n    border: 2px solid $radio-empty-color;\n    z-index: 0;\n}\n\n%igx-cbx-lbl-checked-before {\n    width: $checkbox-tick-width;\n    height: $checkbox-tick-height;\n    top: -2px;\n    left: 2px;\n    border-bottom: 2px solid $checkbox-tick-color;\n    border-right: 2px solid $checkbox-tick-color;\n    transform-origin: 20% 100%;\n    transform: rotateZ(37deg) scale(1);\n    z-index: 1;\n}\n\n%igx-cbx-lbl-checked-after {\n    width: $checkbox-width;\n    height: $checkbox-height;\n    background-color: $radio-fill-color;\n    border: 2px solid $radio-fill-color;\n}\n\n%igx-cbx-lbl-disabled {\n    color: #d1d1d1;\n    pointer-events: none;\n}\n\n%igx-cbx-lbl-checked--disabled-before {\n    background-color: transparent;\n}\n\n%igx-cbx-lbl-checked--disabled-after {\n    background-color: $input-disabled-solid-color;\n    border-color: $input-disabled-solid-color;\n}\n\n%igx-cbx-lbl-notchecked--disabled-before {\n    background-color: transparent;\n    border: 2px solid transparent;\n}\n\n%igx-cbx-lbl-notchecked--disabled-after {\n    border-color: $input-disabled-solid-color;\n    background-color: transparent;\n}\n\n%igx-cbx-lbl--indeterminate-after {\n    width: $checkbox-width;\n    height: $checkbox-height;\n    background-color: $radio-fill-color;\n    border: 2px solid $radio-fill-color;\n}","%igx-switch-lbl-display {\n    display: inline-block;\n    position: relative;\n    width: $switch-width;\n    height: $switch-height;\n    background-color: $switch-background;\n    color: transparent;\n    border-radius: $switch-radius;\n    cursor: pointer;\n    transition: $input-transition;\n    user-select: none;\n    &:after {\n        display: block;\n        position: absolute;\n\t\tcontent: '';\n        width: $switch-label-width;\n\t\theight: $switch-label-height;\n\t\ttop: -3px;\n\t\tleft: -1px;\n\t\tborder-radius: $switch-radius;\n\t\tbackground: $white;\n\t\tbox-shadow: $switch-shadow;\n\t\ttransition: $input-transition;\n    }\n}\n\n%igx-switch-lbl--on {\n    background-color: $switch-active-background;\n    &:after {\n        left: 16px;\n        background: $radio-fill-color;\n    }\n}\n\n%igx-switch-lbl--disabled {\n    background: #F0F0F0;\n    pointer-events: none;\n    &:after {\n        background: #D1D1D1;\n        box-shadow: $switch-disabled-shadow;\n    }\n}","%igx-list {\n    background-color: $list-background;\n    overflow: hidden;\n}\n\n%igx-list-item-display {\n    display: list-item;\n    position: relative;\n    list-style-type: none;\n}\n\n%igx-list-header {\n    display: flex;\n    align-items: center;\n    color: $list-header-color;\n    background-color: $list-header-background;\n    font-size: $list-header-font-size;\n    font-weight: $list-header-font-weight;\n    height: $list-header-height;\n    line-height: $list-header-line-height;\n    padding: $list-item-padding;\n    user-select: none;\n}\n\n%igx-list-item {\n    display: flex;\n    position: relative;\n    flex-flow: column wrap;\n    justify-content: center;\n    padding: $list-item-padding;\n    min-height: $list-item-height;\n    font-size: $list-item-font-size;\n    color: $list-item-color;\n    background-color: $list-item-background;\n    z-index: 2;\n}\n\n%igx-list-item--active {\n    background-color: $list-item-active-background;\n    box-shadow: $list-item-active-shadow;\n}\n","%igx-avatar-display {\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    position: relative;\n}\n\n%igx-avatar--rounded {\n    border-radius: 50% 50%;\n}\n\n%igx-avatar--small {\n    width: em(46px, 16px);\n    height: em(46px, 16px);\n}\n\n%igx-avatar--medium {\n    width: em(68px, 16px);\n    height: em(68px, 16px);\n}\n\n%igx-avatar--large {\n    width: em(86px, 16px);\n    height: em(86px, 16px);\n}\n\n%igx-avatar--icon {\n    background-color: #d1d1d1;\n}\n\n%igx-avatar--image {\n    background-color: transparent !important;\n}","%igx-button-display {\n    display: inline-block;\n    position: relative;\n    min-width: $button-width;\n    padding: $button-padding;\n    font-size: $button-font-size;\n    font-weight: $button-font-weight;\n    text-align: center;\n    color: $button-color;\n    border: $button-border;  \n    border-radius: $button-radius;\n    text-transform: uppercase;\n    cursor: pointer;\n    user-select: none;\n    outline: none;\n    -webkit-tap-highlight-color: transparent;\n    overflow: hidden;\n    transition: $button-transition;\n}\n\n%igx-button--flat {\n    color: $secondary-color;\n    &:hover {\n        background: $button-flat-hover-background;\n    }\n    &:focus,\n    &:active {\n        background: $button-flat-focus-background;\n    }\n}\n\n%igx-button--raised {\n    color: $button-raised-color;\n    background: $button-raised-background;\n    box-shadow: $button-raised-shadow;\n    &:hover {\n      background: $button-focus-background;\n      box-shadow: $button-raised-shadow;\n    }\n    &:focus,\n    &:active {\n      background: $button-focus-background;\n      box-shadow: $button-raised-focus-shadow;\n    }\n}\n\n%igx-button--gradient {\n    color: $button-gradient-color;\n    background: $button-gradient-background;\n    box-shadow: $button-gradient-shadow;\n    &:hover {\n        background: $button-focus-gradient;\n        box-shadow: $button-gradient-shadow;\n    }\n    &:focus,\n    &:active {\n        background: $button-focus-gradient;\n        box-shadow: $button-gradient-focus-shadow;\n    }    \n}\n\n%igx-button--round {\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    position: relative;\n    border: $button-border;\n    border-radius: $button-round-radius;\n    outline: none;\n    cursor: pointer;\n    transition: $button-transition;\n    user-select: none;\n    -webkit-tap-highlight-color: transparent;\n    // hack to allow circular overflow in chrome ...\n    filter: drop-shadow(0 0 0 rgba(255, 255, 255, 1));\n}\n\n%igx-button--fab {\n    width: $button-floating-width;\n    height: $button-floating-height;\n    color: $button-raised-color;\n    background: $button-floating-background;\n    box-shadow: $button-floating-shadow;\n    &:hover {\n      box-shadow: $button-floating-hover-shadow;\n    }\n    &:focus,\n    &:active {\n      background: $button-focus-background;\n    }\n}\n\n%igx-button--icon {\n    width: $button-icon-width;\n    height: $button-icon-width;\n    font-size: $button-icon-font-size;\n    background: transparent;\n    &:hover {\n        transition: $button-transition;\n        background: $button-icon-hover-background;\n    }\n    &:focus,\n    &:active {\n        background: $button-icon-focus-background;\n    }\n}\n\n%igx-button--navbar {\n    width: $button-navbar-width;\n    height: $button-navbar-height;\n    font-size: $button-icon-font-size;\n    padding: 0;\n}\n\n%igx-button--disabled {\n    color: $button-disabled-color !important;\n    background: $button-disabled-background !important;\n    pointer-events: none !important; \n    box-shadow: $button-disabled-shadow !important;\n    opacity: 0.9 !important;\n}","%igx-tab-wrapper-display {\n    display: block;\n}\n\n%igx-tabbar-inner-display {\n    width: 100%;\n    position: absolute;\n}\n\n%igx-tabbar-menu {\n    position: fixed;\n    display: flex;\n    justify-content: space-around;\n    align-items: center;\n    width: 100%;\n    height: em(56px, 16px);\n    margin: 0;\n    padding: 0;\n    background: $tab-bar-background;\n    color: set-color($tab-bar-background);\n    overflow: hidden;\n    z-index: 8;\n}\n\n%igx-tabbar-menu--top {\n    bottom: inherit;\n    top: 0;\n    box-shadow: $elevate-8;\n}\n\n%igx-tabbar-menu--bottom {\n    top: inherit;\n    bottom: 0;\n    box-shadow: $elevate-8-up;\n}\n\n%igx-tabbar-menu-item {\n    display: flex;\n    position: relative;\n    flex-flow: column wrap;\n    align-items: center;\n    justify-content: center;\n    min-width: 80px;\n    flex-grow: 1;\n    height: 100%;\n    list-style: none;\n    text-align: center;\n    cursor: pointer;\n    text-transform: uppercase;\n    white-space: nowrap;\n    text-overflow: ellipsis;\n    user-select: none;\n    overflow: hidden;\n    -webkit-tap-highlight-color: transparent;\n}\n\n%igx-tabbar-menu-item--disabled {\n    opacity: 0.5;\n    cursor: default;\n}\n\n%igx-active-tab {\n    opacity: 1;\n    color: $secondary-color;\n    transition: all .25s ease-out; \n}\n\n%igx-tab-label {\n    max-width: 168px;\n    padding-top: 5px;\n    font-size: 12px;\n    line-height: 12px;\n    text-transform: uppercase;\n    text-overflow: ellipsis;\n    overflow: hidden;\n    z-index: 1;\n    opacity: .75;\n}\n\n%igx-tab-icon {\n    position: relative;\n    height: 24px;\n    z-index: 1;\n    opacity: .75;\n}\n\n%igx-tab-label--selected,\n%igx-tab-icon--selected {\n    @extend %igx-active-tab;\n}","%igx-badge-display {\n    position: absolute;\n    max-width: 100%;\n}\n\n%igx-badge--default {\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    min-width: $badge-width;\n    height: $badge-height;\n    font-size: $badge-font-size;\n    font-weight: $badge-font-weight;\n    color: $badge-border-color;\n    background-color: $badge-bg-color-default;\n    border: $badge-border;\n    line-height: 2px;\n    border-radius: $badge-border-radius-default;\n    box-shadow: $badge-shadow;\n    overflow: hidden;\n    i {\n        font-size: em(12px, 10px);\n        font-weight: $badge-font-weight;\n    }\n}\n\n%igx-badge-value {\n    white-space: nowrap;\n    padding: 0 2px;\n}\n\n%igx-badge--circle {\n    border-radius: $badge-border-radius-circle;\n}\n\n%igx-circle--success {\n    background-color: $success-color;\n}\n\n%igx-badge--info {\n    background-color: $primary-color;;\n}\n\n%igx-circle--warn {\n    background-color: $warn-color;\n}\n\n%igx-circle--error {\n    background-color: $error-color;\n}\n\n%igx-badge--hidden {\n    visibility: hidden;\n}\n\n%igx-badge-pos-tl {\n    top: -5px;\n    left: -5px;\n}\n\n%igx-badge-pos-tr {\n    top: -5px;\n    right: -5px;\n}\n\n%igx-badge-pos-bl {\n    bottom: -5px;\n    left: -5px;\n}\n\n%igx-badge-pos-br {\n    bottom: -5px;\n    right: -5px;\n}\n\n%igx-badge--scale-in {\n    animation: scale-in .25s ease-in backwards;\n}\n\n@keyframes scale-in {\n    0% {\n        transform: scale(0);\n    }\n}","%igx-ripple-display {\n    display: inline-block;\n    position: absolute;\n    will-change: opacity, transform;\n    width: 0;\n    height: 0;\n    top: 0;\n    right: 0;\n    bottom: 0;\n    left: 0;\n    border-radius: 50% 50%;\n    background: rgba(72, 72, 72, 0.5);\n    opacity: .85;\n    transform: scale(0);\n    pointer-events: none;\n    overflow: inherit;\n    transform: translate3d(0,0,0);\n}\n\n%igx-ripple-wrapper {\n    overflow: hidden;\n}","%igx-modal-display {\n    position: fixed;\n    top: 0;\n    right: 0;\n    left: 0;\n    bottom: 0;\n    background: $overlay-color;\n    opacity: 1;\n    z-index: 9999;\n    transition: $modal-transition;\n}\n\n%igx-modal-window {\n    position: relative;\n    width: $modal-width;\n    margin: $modal-margin;\n    padding: $modal-padding;\n    background: $modal-background;\n    box-shadow: $elevate-24;\n}","%igx-navbar-display {\n    $background-color: $primary-color;\n    \n    position: fixed;\n    width: 100%;\n    top: 0;\n    display: flex;\n    flex-direction: row;\n    flex-wrap: nowrap;\n    align-items: center;\n    height: 56px;\n    background: $background-color;\n    color: set-color($background-color);\n    box-shadow: $elevate-4;\n    z-index: 4;\n}\n\n%igx-navbar-left-btn {\n    padding-left: 16px;\n}\n\n%igx-navbar-left-btn--disabled {\n    display: none;\n}\n\n%igx-navbar-title {\n    padding: 0;\n    margin: 0;\n    font-size: 18px;\n    line-height: 18px;\n    padding-left: 16px;\n}","@font-face {\n    font-family: \"Titillium Web\";\n    src: local(Titillium Web Light), url('#{$titillium-font-path}TitilliumWeb-Light.ttf');\n    src: url(\"#{$titillium-font-path}TitilliumWeb-Light.ttf\") format(\"truetype\");\n    font-weight: 300;\n}\n@font-face {\n    font-family: \"Titillium Web\";\n    src: local(Titillium Web Regular), url('#{$titillium-font-path}TitilliumWeb-Regular.ttf');\n    src: url(\"#{$titillium-font-path}TitilliumWeb-Regular.ttf\") format(\"truetype\");\n    font-weight: 400;\n}\n@font-face {\n    font-family: \"Titillium Web\";\n    src: local(Titillium Web Semi-Bold), url('#{$titillium-font-path}TitilliumWeb-SemiBold.ttf');\n    src: url(\"#{$titillium-font-path}TitilliumWeb-SemiBold.ttf\") format(\"truetype\");\n    font-weight: 600;\n}\n@font-face {\n    font-family: \"Titillium Web\";\n    src: local(Titillium Web Bold), url('#{$titillium-font-path}TitilliumWeb-Bold.ttf');\n    src: url(\"#{$titillium-font-path}TitilliumWeb-Bold.ttf\") format(\"truetype\");\n    font-weight: 700;\n}","a {\n    text-decoration: none;\n}\n\nhtml {\n\tfont-size: 100%;\n\tfont-size-adjust: 0.58;\n\tfont-family: 'Titillium Web', sans-serif;\n    font-weight: normal;\n    color: $off-black;\n}\n\nh1, h2, h3, h4, h5, h6 {\n    font-weight: 600;\n    -webkit-font-smoothing: antialiased;\n}\n\n@media only screen and (min-width: 0) {\n    h1 {\n        font-size: $h1-font-size-phone;\n        line-height: $h1-line-height-phone;\n    }\n    h2 {\n        font-size: $h2-font-size-phone;\n        line-height: $h2-line-height-phone;\n    }\n    h3 {\n        font-size: $h3-font-size-phone;\n        line-height: $h3-line-height-phone;\n    }\n    h4 {\n        font-size: $h4-font-size-phone;\n        line-height: $h4-line-height-phone;     \n    }\n    p {\n        line-height: $paragraph-line-height-phone;\n    }\n}\n\n@media only screen and (min-width: $medium-screen) {\n    h1 {\n        font-size: $h1-font-size-tablet;\n        line-height: $h1-line-height-tablet;\n    }\n    h2 {\n        font-size: $h2-font-size-tablet;\n        line-height: $h2-line-height-tablet;\n    }\n    h3 {\n        font-size: $h3-font-size-tablet;\n        line-height: $h3-line-height-tablet;\n    }\n    h4 {\n        font-size: $h4-font-size-tablet;\n        line-height: $h4-line-height-tablet;     \n    }\n    p {\n        line-height: $paragraph-line-height-desktop;\n    }\n}\n\n@media only screen and (min-width: $large-screen) {\n    h1 {\n        font-size: $h1-font-size-desktop;\n        line-height: $h1-line-height-desktop;\n    }\n    h2 {\n        font-size: $h2-font-size-desktop;\n        line-height: $h2-line-height-desktop;\n    }\n    h3 {\n        font-size: $h3-font-size-desktop;\n        line-height: $h3-line-height-desktop;\n    }\n    h4 {\n        font-size: $h4-font-size-desktop;\n        line-height: $h4-line-height-desktop;     \n    }\n}","@font-face {\n  font-family: 'Material Icons';\n  font-style: normal;\n  font-weight: 400;\n  src: url(../../node_modules/material-design-icons/iconfont/MaterialIcons-Regular.eot); /* For IE6-8 */\n  src: local('Material Icons'),\n       local('MaterialIcons-Regular'),\n       url(../../node_modules/material-design-icons/iconfont/MaterialIcons-Regular.woff2) format('woff2'),\n       url(../../node_modules/material-design-icons/iconfont/MaterialIcons-Regular.woff) format('woff'),\n       url(../../node_modules/material-design-icons/iconfont/MaterialIcons-Regular.ttf) format('truetype');\n}\n\n.material-icons {\n  font-family: 'Material Icons';\n  font-weight: normal;\n  font-style: normal;\n  font-size: 24px;  /* Preferred icon size */\n  display: inline-block;\n  line-height: 1;\n  text-transform: none;\n  letter-spacing: normal;\n  word-wrap: normal;\n  white-space: nowrap;\n  direction: ltr;\n\n  /* Support for all WebKit browsers. */\n  -webkit-font-smoothing: antialiased;\n\n  /* Support for Safari and Chrome. */\n  text-rendering: optimizeLegibility;\n\n  /* Support for Firefox. */\n  -moz-osx-font-smoothing: grayscale;\n\n  /* Support for IE. */\n  font-feature-settings: 'liga';\n}","\n// Global for all inputs\ninput:-webkit-autofill {\n    -webkit-box-shadow: 0 0 0px 1000px white inset;\n}\n\n@include b(ig-form-group) {\n\n\t@extend %igx-input-display;\n\n\tlabel {\n\t\t@extend %igx-form-label;\n\t}\n\n\t@include e(clear) {\n\t\t@extend %igx-input-clear;\n\n\t\t@include m(hidden) {\n\t\t\t@extend %igx-input-clear;\n\t\t\t@extend %igx-input-clear--hidden;\n\t\t}\n\t}\n\n\t@include e(input) {\n\t\t@extend %igx-form-input;\n\n\t\t@include m(filled) {\n\t\t\t@extend %igx-form-input;\n\n\t\t\t~ label {\n\t\t\t\t@extend %igx-form-label--filled;\n\t\t\t\t@extend %igx-form-label--float;\n\t\t\t}\n\t\t}\n\n\t\t@include m(focused) {\n\t\t\t@extend %igx-form-input;\n\n\t\t\t~ label {\n\t\t\t\t@extend %igx-form-label--focused;\n\t\t\t}\n\t\t}\n\n\t\t@include m(placeholder) {\n\t\t\t@extend %igx-form-input;\n\n\t\t\t~ label {\n\t\t\t\t@extend %igx-form-label--float;\t\n\t\t\t}\n\t\t}\n\n\t\t@include m(search) {\n\t\t\t@extend %igx-form-input;\n\t\t\t@extend %igx-search-input;\n\n\t\t\t~ label {\n\t\t\t\t@extend %igx-search-label;\n\t\t\t}\n\t\t}\n\n\t\t&:focus {\n\t\t\t@extend %igx-form-input--focused;\n\t\t}\n\t\t\n\t\t&:disabled {\n\t\t\t@extend %igx-form-input--disabled;\n\t\t}\n\t\t\n\t\t&.ng-valid[required].ng-touched,\n\t\t&.ng-valid.required  {\n\t\t\t@extend %igx-form-input--success;\n\t\t\t~ label {\n\t\t\t\t@extend %igx-form-label--success;\n\t\t\t}\n\t\t}\n\t\t\n\t\t&.ng-invalid.ng-touched,\n\t\t&.ng-invalid:not(form).ng-touched {\n\t\t\t@extend %igx-form-input--error;\n\t\t\t~ label {\n\t\t\t\t@extend %igx-form-label--error;\n\t\t\t}\n\t\t}\n\t\t\n\t\t&.ng-warning {\n\t\t\t@extend %igx-form-input--warn;\n\t\t\t~ label {\n\t\t\t\t@extend %igx-form-label--warn;\n\t\t\t}\n\t\t}\n\t}\n\n\t@include e(textarea) {\n\t\t@extend .ig-form-group__input;\n\t\t@extend %igx-textarea;\n\t}\n}","@mixin hide-default {\n  position: absolute;\n  opacity: 0;\n  margin: 0;\n  z-index: -1;\n  width: 0;\n  height: 0;\n  left: 0;\n  overflow: hidden;\n  pointer-events: none;\n}\n\n\n@mixin linear-gradient($direction, $color-stops...) {\n  // Direction has been omitted and happens to be a color-stop\n  @if is-direction($direction) == false {\n    $color-stops: $direction, $color-stops;\n    $direction: 180deg;\n  }\n\n  background: nth(nth($color-stops, 1), 1);\n  background: -webkit-linear-gradient(legacy-direction($direction), $color-stops);\n  background: linear-gradient($direction, $color-stops);\n}\n\n@mixin clearfix() {\n    & {\n        *zoom: 1;\n    }\n\n    &:before, &:after {\n        content: \"\";\n        display: table;\n    }\n\n    &:after {\n        clear: both;\n    }\n}","@include b(ig-control) {\n    // Save the reference to this block element\n    // in a variable for scoped access\n    $block: &;\n    \n    // Radio control styles\n    @include e(radio) {\n        //hide default radio control\n        @include hide-default;\n        \n        ~ #{$block}__label {\n            @extend %igx-radio-lbl-display;\n        }\n\n        &:not(:checked) ~ #{$block}__label:before {\n            @extend %igx-radio-lbl-notchecked--before;\n        }\n        \n        &:not(:checked) ~ #{$block}__label:after {\n            @extend %igx-radio-lbl-notchecked--after;\n        }\n\n        &:checked ~ #{$block}__label:before {\n            @extend %igx-radio-lbl-checked--before;\n        }\n\n        &:checked ~ #{$block}__label:after {\n            @extend %igx-radio-lbl-checked--after;\n        }\n\n        &:disabled ~ #{$block}__label {\n            @extend %igx-radio-lbl--disabled;\n        }\n\n        &:disabled:checked ~ #{$block}__label:before {\n            @extend %igx-radio-lbl-checked--disabled-before;\n        }\n\n        &:disabled:checked ~ #{$block}__label:after {\n            @extend %igx-radio-lbl-checked--disabled-after;\n        }\n\n        &:disabled:not(:checked) ~ #{$block}__label:after {\n            @extend %igx-radio-lbl-notchecked--disabled-after;\n        }\n    }\n    \n    // Checkbox control styles\n    @include e(cbx) {\n        @include hide-default;\n\n        ~ #{$block}__label {\n            @extend %igx-cbx-lbl-display;\n        }\n\n        &:not(:checked) ~ #{$block}__label:before {\n            @extend %igx-cbx-lbl-notchecked-before;\n        }\n\n        &:not(:checked) ~ #{$block}__label:after {\n            @extend %igx-cbx-lbl-notchecked-after;\n        }\n\n        &:checked ~ #{$block}__label:before {\n            @extend %igx-cbx-lbl-checked-before;\n        }\n\n        &:checked ~ #{$block}__label:after {\n            @extend %igx-cbx-lbl-checked-after;\n        }\n\n        &:disabled ~ #{$block}__label {\n            @extend %igx-cbx-lbl-disabled;\n        }\n\n        &:disabled:checked ~ #{$block}__label:before {\n            @extend %igx-cbx-lbl-checked--disabled-before;\n        }\n\n        &:disabled:checked ~ #{$block}__label:after {\n            @extend %igx-cbx-lbl-checked--disabled-after;\n        }\n\n        &:disabled:not(:checked) ~ #{$block}__label:before {\n            @extend %igx-cbx-lbl-notchecked--disabled-before;\n        }\n\n        &:disabled:not(:checked) ~ #{$block}__label:after {\n            @extend %igx-cbx-lbl-notchecked--disabled-after;\n        }\n    }\n\n    // Switch control styles\n    @include e(switch) {\n        @include hide-default;\n\n        ~ #{$block}__label {\n            @extend %igx-switch-lbl-display;\n        }\n\n        &:checked ~ #{$block}__label {\n            @extend %igx-switch-lbl--on;\n        }\n        \n        &:disabled ~ #{$block}__label {\n            @extend %igx-switch-lbl--disabled;\n        }\n    }\n\n    @include e(text) {\n        padding-right: 16px;\n    }\n}","ig-tab {\n    .ig-tab-inner {\n        display: none;\n        overflow: auto;\n        &.selected {\n            display: block;\n        }\n        &::-webkit-scrollbar { \n            display: none;\n        }\n    }\n}\n\n@include b(ig-tab-bar-inner) {\n    @extend %igx-tabbar-inner-display;\n\n    @include b(tab-icon) {\n        @extend %igx-tab-icon;\n    }\n\n    @include b(tab-label) {\n        @extend %igx-tab-label;\n    }\n\n    @include e(menu) {\n        @extend %igx-tabbar-menu;\n\n        @include e(item, true) {\n            @extend %igx-tabbar-menu-item;\n\n            @include m(selected) {\n\n                @include b(tab-icon) {\n                    @extend %igx-tab-icon--selected;\n                }\n\n                @include b(tab-label) {\n                    @extend %igx-tab-label--selected;\n                }\n            }\n\n            @include m(disabled) {\n                @extend %igx-tabbar-menu-item--disabled;\n            }\n        }\n\n        @include m(top) {\n            @extend %igx-tabbar-menu--top;\n        }\n\n        @include m(bottom) {\n            @extend %igx-tabbar-menu--bottom;\n        }\n    }\n}\n\n@keyframes selected {\n\tfrom {transform:scale(0) }\n\tto { transform:scale(44.5) }\n}","/* Main Navigation Drawer state styles */\n@include b(ig-nav-drawer) {\n    position: fixed;\n    width: em(300px);\n    height: 100%;\n    max-width: 90%;\n    min-height: 100%;\n    overflow-x: hidden;\n    background-color: #fff;\n    top: 0;\n    bottom: 0;\n    left: 0;\n    z-index: 999;\n    /*transition: all 0.5s cubic-bezier(0.55, 0, 0.1, 1);*/\n    /* use full syntax, iOS Safari won't work with transition: width .3s ease-in, transform .3s ease-in; shorthand */\n    transition-property: width, transform;\n    transition-duration: 0.25s, 0.25s;\n    transition-timing-function: ease-in-out, ease-in;\n    transition-delay: 0s, 0s;\n    box-shadow: $elevate-16;\n    \n    /* states */\n    &.collapsed {\n        transform: translate3d(-300px,0px,0px);\n        box-shadow: none;\n    }\n    \n    &.right {\n        left: auto;\n        right: 0;\n    }\n    \n    &.collapsed.right {\n        transform: translate3d(300px,0px,0px);\n        box-shadow: none;\n    }\n    \n    &.mini {\n        width: 60px;\n        transition-duration: 0.2s, 0.2s;\n    }\n    \n    &.pinned {\n        position: relative;\n        box-shadow: none; \n    }\n    \n    &.pinned.collapsed {\n        transform: none;\n        width: 0;      \n        padding: 0;\n        overflow: hidden;\n    }\n}\n    \n/* Utility classes for active pan */\n.ig-nav-drawer.panning {\n    overflow-x:hidden;\n    transition: none;      \n}\n\n.ig-nav-drawer-overlay.panning {\n    transform: translate3d(0,0,0); /* try layer creation manually in advance for opacity */\n    transition: none;\n    \n    &.hidden {\n        visibility: visible;    \n    }\n}\n\n.style-dummy {\n    height: 0;\n    background: none;\n    box-shadow: none;\n    transition: none;\n    visibility: hidden; /* potentially don't use this? */\n}\n\n/* Navigation Drawer overlay styles */\n.ig-nav-drawer-overlay {\n    opacity: 1;\n    background-color: $overlay-color;\n   \n    transition-property: opacity, visibility;\n    /* opacity must match drawer transition, step over visibility to reduce animation cost */\n    transition-duration: 0.25s, 0.25s;\n    transition-timing-function: ease-in, step-start;\n    transition-delay: 0s, 0s;\n    \n    position:absolute;\n    left: 0;\n    top: 0;\n    width: 100%;\n    height: 100%;\n    visibility: visible;\n    \n    &.hidden {\n        transition-timing-function: ease-in-out, step-end;\n        /* use visibility so opacity can be animated */\n        visibility: hidden; \n        opacity: 0;\n    }\n    \n    &.pinned {\n        display: none;            \n    }\n}","[hidden] {\n  display: none !important;\n}"]}