RubyGems - mekari_ui_toolkit - Versions diffs - 1.0.24 → 1.0.29 - Mend

mekari_ui_toolkit 1.0.24 → 1.0.29

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (67) hide show

data/lib/assets/stylesheets/css/components/mekari-ui-form.css.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../scss/vendors/_forms.scss","../../../scss/vendor-extensions/_form.scss","../../../scss/vendors/_rfs.scss","../../../scss/vendor-extensions/_typography.scss","../../../scss/vendor-extensions/_color.scss","../../../scss/vendors/mixins/_border-radius.scss","../../../scss/vendors/mixins/_transition.scss","mekari-ui-form.css","../../../scss/vendors/mixins/_forms.scss","../../../scss/vendors/_variables.scss","../../../scss/vendors/mixins/_gradients.scss","../../../scss/vendors/mixins/_breakpoints.scss","../../../scss/vendors/_custom-forms.scss","../../../scss/vendors/_input-group.scss","../../../scss/components/config/_form.scss","../../../scss/mixins/_scroll.scss"],"names":[],"mappings":"AAMA;EACE,cAAc;EACd,WAAW;EACX,YCsQiB;EDrQjB,yBCLkC;EC0H9B,mBAtCY;EF5EhB,gBGIuC;EHHvC,mBGL0C;EHM1C,cIda;EJeb,sBIVU;EJWV,4BAA4B;EAC5B,yBIda;ECCX,kBJ6QqB;EK5QnB,wELwE4F;AMhElG;;ADHI;ENLJ;IMMM,gBAAgB;ECOpB;AACF;;APdA;EAsBI,6BAA6B;EAC7B,SAAS;AOJb;;ACZE;EACE,cJbW;EIcX,sBJTQ;EIUR,qBJDmB;EIEnB,UAAU;EAKR,6CJPiB;AGkBvB;;AP3BA;EA+BI,cIlCW;EJoCX,UAAU;AODd;;APhCA;EA+BI,cIlCW;EJoCX,UAAU;AODd;;APhCA;EA+BI,cIlCW;EJoCX,UAAU;AODd;;APhCA;EA+BI,cIlCW;EJoCX,UAAU;AODd;;APhCA;EA+BI,cIlCW;EJoCX,UAAU;AODd;;APhCA;EA2CI,yBI1CW;EJ4CX,UAAU;AORd;;APYA;EAOI,cI7DW;EJ8DX,sBIzDQ;AG0CZ;;APoBA;;EAEE,cAAc;EACd,WAAW;AOjBb;;AP2BA;EACE,iCAA+D;EAC/D,oCAAkE;EAClE,gBAAgB;EEZd,kBAAW;EFcb,mBG7E0C;AIqD5C;;AP2BA;EACE,+BAAkE;EAClE,kCAAqE;EEoCjE,kBAtCY;EFIhB,mBGnF0C;AI2D5C;;AP2BA;EACE,gCAAkE;EAClE,mCAAqE;EE6BjE,kBAtCY;EFWhB,mBGzF0C;AIiE5C;;APiCA;EACE,cAAc;EACd,WAAW;EACX,qBC5GmC;ED6GnC,wBC7GmC;ED8GnC,gBAAgB;EAChB,mBG1G0C;EH2G1C,cInHa;EJoHb,6BAA6B;EAC7B,yBAAyB;EACzB,mBAAmC;AO9BrC;;APoBA;EAcI,gBAAgB;EAChB,eAAe;AO9BnB;;AP0CA;EACE,qCC9DqI;ED+DrI,uBC3HiC;ECgH7B,kBAtCY;EFmDhB,mBGjI0C;EENxC,kBJoDuC;AM6C3C;;AP0CA;EACE,mCCrEqI;EDsErI,oBC9HgC;EC2G5B,kBAtCY;EF2DhB,mBG1I0C;EELxC,kBJmDuC;AMsD3C;;AP2CA;EAGI,YAAY;AO1ChB;;AP8CA;EACE,YAAY;AO3Cd;;APmDA;EACE,mBCqH6B;AMrK/B;;APmDA;EACE,cAAc;EACd,aC6GuB;AM7JzB;;APwDA;EACE,aAAa;EACb,eAAe;EACf,kBAA0C;EAC1C,iBAAyC;AOrD3C;;APiDA;;EAQI,kBAA0C;EAC1C,iBAAyC;AOpD7C;;AP6DA;EACE,kBAAkB;EAClB,cAAc;EACd,qBC1H6C;AMgE/C;;AP6DA;EACE,kBAAkB;EAClB,kBC9H2C;ED+H3C,qBChI6C;AMsE/C;;APuDA;EAMI,cIlNW;AGyJf;;AP6DA;EACE,gBAAgB;AO1DlB;;AP6DA;EACE,oBAAoB;EACpB,mBAAmB;EACnB,eAAe;EACf,qBC3I4C;AMiF9C;;APsDA;EAQI,gBAAgB;EAChB,aAAa;EACb,uBChJ4C;EDiJ5C,cAAc;AO1DlB;;ACjJE;EACE,aAAa;EACb,WAAW;EACX,aPiPwB;EClJtB,kBAtCY;EMvDd,cJvBmB;AG2KvB;;ACjJE;EACE,kBAAkB;EAClB,SAAS;EACT,UAAU;EACV,aAAa;EACb,eAAe;EACf,uBP0NuC;EOzNvC,iBAAiB;ENmFf,kBAtCY;EM3Cd,mBLrCwC;EKsCxC,WCxCW;EDyCX,uCJrCmB;ECNnB,kBJoQqC;AMpEzC;;AChJI;EAEE,qBJ5CiB;AG8LvB;;ACpJI;EAaI,qBJvDe;EIwDf,+CJxDe;AGmMvB;;ACzJI;;;EAmBI,cAAc;AD4ItB;;AC3HI;EAEE,qBJhFiB;AG6MvB;;AC/HI;EAUI,qBJxFe;EIyFf,+CJzFe;AGkNvB;;ACpII;;;EAgBI,cAAc;AD0HtB;;ACnHI;;;EAII,cAAc;ADqHtB;;AC/GI;EAGI,cJlHe;AGkOvB;;ACnHI;;;EAQI,cAAc;ADiHtB;;AC3GI;EAGI,cJhIe;AG4OvB;;AC/GI;EAMM,qBJnIa;AGgPvB;;ACnHI;;;EAYI,cAAc;AD6GtB;;ACzHI;EAiBM,qBAAkC;EEnJxC,yBFoJ+C;AD4GnD;;AC9HI;EAwBM,+CJrJa;AG+PvB;;AClII;EA4BM,qBJzJa;AGmQvB;;AClGI;EAGI,qBJpKe;AGuQvB;;ACtGI;;;EAQI,cAAc;ADoGtB;;AC5GI;EAaM,qBJ9Ka;EI+Kb,+CJ/Ka;AGkRvB;;AChQE;EACE,aAAa;EACb,WAAW;EACX,aPiPwB;EClJtB,kBAtCY;EMvDd,cJxBmB;AG2RvB;;AChQE;EACE,kBAAkB;EAClB,SAAS;EACT,UAAU;EACV,aAAa;EACb,eAAe;EACf,uBP0NuC;EOzNvC,iBAAiB;ENmFf,kBAtCY;EM3Cd,mBLrCwC;EKsCxC,WCxCW;EDyCX,wCJtCmB;ECLnB,kBJoQqC;AM2CzC;;AC/PI;EAEE,qBJ7CiB;AG8SvB;;ACnQI;EAaI,qBJxDe;EIyDf,gDJzDe;AGmTvB;;ACxQI;;;EAmBI,cAAc;AD2PtB;;AC1OI;EAEE,qBJjFiB;AG6TvB;;AC9OI;EAUI,qBJzFe;EI0Ff,gDJ1Fe;AGkUvB;;ACnPI;;;EAgBI,cAAc;ADyOtB;;AClOI;;;EAII,cAAc;ADoOtB;;AC9NI;EAGI,cJnHe;AGkVvB;;AClOI;;;EAQI,cAAc;ADgOtB;;AC1NI;EAGI,cJjIe;AG4VvB;;AC9NI;EAMM,qBJpIa;AGgWvB;;AClOI;;;EAYI,cAAc;AD4NtB;;ACxOI;EAiBM,qBAAkC;EEnJxC,yBFoJ+C;AD2NnD;;AC7OI;EAwBM,gDJtJa;AG+WvB;;ACjPI;EA4BM,qBJ1Ja;AGmXvB;;ACjNI;EAGI,qBJrKe;AGuXvB;;ACrNI;;;EAQI,cAAc;ADmNtB;;AC3NI;EAaM,qBJ/Ka;EIgLb,gDJhLa;AGkYvB;;AP3IA;EACE,aAAa;EACb,mBAAmB;EACnB,mBAAmB;AO8IrB;;APjJA;EASI,WAAW;AO4If;;AI1VI;EXqMJ;IAeM,aAAa;IACb,mBAAmB;IACnB,uBAAuB;IACvB,gBAAgB;EO2IpB;EP7JF;IAuBM,aAAa;IACb,cAAc;IACd,mBAAmB;IACnB,mBAAmB;IACnB,gBAAgB;EOyIpB;EPpKF;IAgCM,qBAAqB;IACrB,WAAW;IACX,sBAAsB;EOuI1B;EPzKF;IAuCM,qBAAqB;EOqIzB;EP5KF;;IA4CM,WAAW;EOoIf;EPhLF;IAkDM,aAAa;IACb,mBAAmB;IACnB,uBAAuB;IACvB,WAAW;IACX,eAAe;EOiInB;EPvLF;IAyDM,kBAAkB;IAClB,cAAc;IACd,aAAa;IACb,qBCzOwC;ID0OxC,cAAc;EOiIlB;EP9LF;IAiEM,mBAAmB;IACnB,uBAAuB;EOgI3B;EPlMF;IAqEM,gBAAgB;EOgIpB;AACF;;AK9bA;EACE,kBAAkB;EAClB,cAAc;EACd,uBAA+C;EAC/C,oBAAqE;ALicvE;;AK9bA;EACE,oBAAoB;EACpB,kBXiF0C;AMgX5C;;AK9bA;EACE,kBAAkB;EAClB,WAAW;EACX,UAAU;ALicZ;;AKpcA;EAMI,WRrBQ;EQsBR,qBRbmB;EMTnB,yBNSmB;AGgdvB;;AK1cA;EAiBM,gDRzBiB;AGsdvB;;AK9cA;EAsBI,qBXiB0D;AM2a9D;;AKldA;EA0BI,WRzCQ;EQ0CR,yBX0EkE;EWzElE,qBXyEkE;AMmXtE;;AKxdA;EAkCM,cRpDS;AG8ef;;AK5dA;EAqCQ,yBRnDO;AG8ef;;AKjbA;EACE,kBAAkB;EAClB,gBAAgB;EAChB,mBAAmB;ALobrB;;AKvbA;EAOI,kBAAkB;EAClB,gBAA+E;EAC/E,aAA+D;EAC/D,cAAc;EACd,WXsBwC;EWrBxC,YXqBwC;EWpBxC,oBAAoB;EACpB,WAAW;EACX,sBR7EQ;EQ8ER,yBX5D6B;AMgfjC;;AKpcA;EAsBI,kBAAkB;EAClB,gBAA+E;EAC/E,aAA+D;EAC/D,cAAc;EACd,WXOwC;EWNxC,YXMwC;EWLxC,WAAW;EACX,mCAAgE;ALkbpE;;AKzaA;EPrGI,kBJyH+C;AMyZnD;;AK7aA;EAOM,igBXcyhB;AM4Z/hB;;AKjbA;EAaM,qBRxGiB;EMTnB,yBNSmB;AGihBvB;;AKtbA;EAkBM,6JXQ4L;AMgalM;;AK1bA;EAwBM,uCRnHiB;AGyhBvB;;AK9bA;EA2BM,uCRtHiB;AG6hBvB;;AK9ZA;EAGI,kBXN+C;AMqanD;;AKlaA;EAQM,0JXVkL;AMwaxL;;AKtaA;EAcM,uCR7IiB;AGyiBvB;;AKlZA;EACE,qBAA2D;ALqZ7D;;AKtZA;EAKM,cAAqD;EACrD,cX5B+E;EW6B/E,mBAAmB;EAEnB,qBX9B4E;AMkblF;;AK7ZA;EAaM,4BAA0I;EAC1I,0BAA+G;EAC/G,uBXnCiI;EWoCjI,wBXpCiI;EWqCjI,yBH3KY;EG6KZ,qBXxC4E;EK3I5E,yIL0F+H;AM6erI;;ADlkBI;EM2JJ;IN1JM,gBAAgB;ECskBpB;AACF;;AK7aA;EA0BM,sBR1LM;EQ2LN,8BAA4E;ALuZlF;;AKlbA;EAiCM,uCRxLiB;AG6kBvB;;AKzYA;EACE,qBAAqB;EACrB,WAAW;EACX,sCX5I2H;EW6I3H,gCXlNkC;EC0H9B,mBAtCY;EUiIhB,gBTzMuC;ES0MvC,mBTlN0C;ESmN1C,WR1NU;EQ2NV,sBAAsB;EACtB,inBXzD0H;EW0D1H,sBRzNU;EQ0NV,yBR5Na;ECCX,kBJuKmC;EWuDrC,wBAAgB;EAAhB,qBAAgB;EAAhB,gBAAgB;AL0YlB;;AK1ZA;EAmBI,qBX1K0D;EW2K1D,UAAU;EAIR,gDR9NiB;AGsmBvB;;AKhaA;EAiCM,cRnPS;EQoPT,sBR/OM;AGknBZ;;AKraA;EAwCI,YAAY;EACZ,sBXvPgC;EWwPhC,sBAAsB;ALiY1B;;AK3aA;EA8CI,cR9PW;EQ+PX,yBR3PW;AG4nBf;;AKhbA;EAoDI,aAAa;ALgYjB;;AK5XA;EACE,qCXjMqI;EWkMrI,oBX/PkC;EWgQlC,uBXhQkC;EWiQlC,oBXhQiC;ECgH7B,kBAtCY;AKsjBlB;;AK5XA;EACE,mCXxMqI;EWyMrI,mBXlQiC;EWmQjC,sBXnQiC;EWoQjC,kBXnQgC;EC2G5B,kBAtCY;AK8jBlB;;AKvXA;EACE,kBAAkB;EAClB,qBAAqB;EACrB,WAAW;EACX,sCX1N2H;EW2N3H,gBAAgB;AL0XlB;;AKvXA;EACE,kBAAkB;EAClB,UAAU;EACV,WAAW;EACX,sCXlO2H;EWmO3H,SAAS;EACT,UAAU;AL0XZ;;AKhYA;EASI,qBXrP0D;EWsP1D,gDRrSmB;AGgqBvB;;AKrYA;EAcI,yBR/SW;AG0qBf;;AKzYA;EAmBM,sBXvBa;AMiZnB;;AK7YA;EAmBM,qBXtBY;AMoZlB;;AKjZA;EAwBI,0BAA0B;AL6X9B;;AKzXA;EACE,kBAAkB;EAClB,MAAM;EACN,QAAQ;EACR,OAAO;EACP,UAAU;EACV,sCXhQ2H;EWiQ3H,yBXtUkC;EWwUlC,gBT5TuC;ES6TvC,mBTrU0C;ESsU1C,cR9Ua;EQ+Ub,sBR1UU;EQ2UV,yBR7Ua;ECCX,kBJkDuC;AMspB3C;;AKzYA;EAkBI,kBAAkB;EAClB,MAAM;EACN,QAAQ;EACR,SAAS;EACT,UAAU;EACV,cAAc;EACd,gCXtR+F;EWuR/F,yBXxVgC;EWyVhC,mBTrVwC;ESsVxC,cR9VW;EQ+VX,iBAAiB;EF1VjB,yBNCW;EQ2VX,oBAAoB;EP7VpB,0BO8VgF;AL2XpF;;AKjXA;EACE,WAAW;EACX,2BAA+F;EAC/F,UAAU;EACV,6BAA6B;EAC7B,wBAAgB;EAAhB,qBAAgB;EAAhB,gBAAgB;ALoXlB;;AKzXA;EAQI,aAAa;ALqXjB;;AK7XA;EAY8B,gER5WP;AGiuBvB;;AKjYA;EAa8B,gER7WP;AGquBvB;;AKrYA;EAc8B,gER9WP;AGyuBvB;;AKzYA;EAkBI,SAAS;AL2Xb;;AK7YA;EAsBI,WX/L6C;EWgM7C,YXhM6C;EWiM7C,oBAAyE;EF/XzE,yBNSmB;EQwXnB,SXhM0C;EIlM1C,mBJmM6C;EKlM3C,4GL0F+H;EW2SjI,wBAAgB;EAAhB,gBAAgB;AL0XpB;;AD1vBI;EMkWJ;INjWM,gBAAgB;EC8vBpB;AACF;;AK9ZA;EFvWI,yBTsM+D;AMmkBnE;;AKlaA;EAsCI,WXtNoC;EWuNpC,cXtNqC;EWuNrC,kBAAkB;EAClB,eXvNuC;EWwNvC,yBH7Yc;EG8Yd,yBAAyB;EPnZzB,mBJ4LoC;AMwlBxC;;AK5aA;EAiDI,WX1N6C;EW2N7C,YX3N6C;ES9L7C,yBNSmB;EQkZnB,SX1N0C;EIlM1C,mBJmM6C;EKlM3C,4GL0F+H;EWqUjI,qBAAgB;EAAhB,gBAAgB;AL8XpB;;ADxxBI;EMkWJ;INjWM,gBAAgB;EC4xBpB;AACF;;AK5bA;EFvWI,yBTsM+D;AMimBnE;;AKhcA;EAgEI,WXhPoC;EWiPpC,cXhPqC;EWiPrC,kBAAkB;EAClB,eXjPuC;EWkPvC,yBHvac;EGwad,yBAAyB;EP7azB,mBJ4LoC;AMsnBxC;;AK1cA;EA2EI,WXpP6C;EWqP7C,YXrP6C;EWsP7C,aAAa;EACb,oBXjb+B;EWkb/B,mBXlb+B;ESJ/B,yBNSmB;EQ+anB,SXvP0C;EIlM1C,mBJmM6C;EKlM3C,4GL0F+H;EWkWjI,gBAAgB;ALkYpB;;ADzzBI;EMkWJ;INjWM,gBAAgB;EC6zBpB;AACF;;AK7dA;EFvWI,yBTsM+D;AMkoBnE;;AKjeA;EA6FI,WX7QoC;EW8QpC,cX7QqC;EW8QrC,kBAAkB;EAClB,eX9QuC;EW+QvC,6BAA6B;EAC7B,yBAAyB;EACzB,oBAA4C;ALwYhD;;AK3eA;EAwGI,yBH3cc;EJLd,mBJ4LoC;AM4pBxC;;AKhfA;EA6GI,kBAAkB;EAClB,yBHjdc;EJLd,mBJ4LoC;AMkqBxC;;AKtfA;EAoHM,yBHrdY;AF21BlB;;AK1fA;EAwHM,eAAe;ALsYrB;;AK9fA;EA4HM,yBH7dY;AFm2BlB;;AKlgBA;EAgIM,eAAe;ALsYrB;;AKtgBA;EAoIM,yBHreY;AF22BlB;;AKjYA;;;ENhfM,4GL0F+H;AM6xBrI;;ADl3BI;EM2eJ;;;IN1eM,gBAAgB;ECw3BpB;AACF;;AM/3BA;EACE,kBAAkB;EAClB,aAAa;EACb,eAAe;EACf,oBAAoB;EACpB,WAAW;ANk4Bb;;AMv4BA;;;;EAWI,kBAAkB;EAClB,cAAc;EAGd,SAAS;EACT,gBAAgB;ANi4BpB;;AMj5BA;;;;;;;;;;;;EAqBM,iBZH2B;AM84BjC;;AMh6BA;;;EA6BI,UAAU;ANy4Bd;;AMt6BA;EAkCI,UAAU;ANw4Bd;;AM16BA;;EReI,0BQwBmD;ERvBnD,6BQuBmD;ANy4BvD;;AMh7BA;;ER6BI,yBQWmD;ERVnD,4BQUmD;AN84BvD;;AMt7BA;EA8CI,aAAa;EACb,mBAAmB;AN44BvB;;AM37BA;;EReI,0BQmCuF;ERlCvF,6BQkCuF;AN+4B3F;;AMj8BA;ER6BI,yBQsBgF;ERrBhF,4BQqBgF;ANm5BpF;;AMx4BA;;EAEE,aAAa;AN24Bf;;AM74BA;;EAQI,kBAAkB;EAClB,UAAU;AN04Bd;;AMn5BA;;EAYM,UAAU;AN44BhB;;AMx5BA;;;;;;;;EAoBI,iBZhE6B;AM+8BjC;;AM34BA;EAAiC,kBZpEA;AMm9BjC;;AM94BA;EAAgC,iBZrEC;AMu9BjC;;AM14BA;EACE,aAAa;EACb,mBAAmB;EACnB,yBZnGkC;EYoGlC,gBAAgB;EXsBZ,mBAtCY;EWkBhB,gBV3FuC;EU4FvC,mBVnG0C;EUoG1C,cT5Ga;ES6Gb,kBAAkB;EAClB,mBAAmB;EACnB,yBTzGa;ES0Gb,yBT7Ga;ECCX,kBJ6QqB;AM6uBzB;;AM15BA;;EAkBI,aAAa;AN64BjB;;AMn4BA;;EAEE,mCZvDqI;AM67BvI;;AMn4BA;;;;;;EAME,oBZxHgC;EC2G5B,kBAtCY;EWqDhB,mBVpI0C;EELxC,kBJmDuC;AM69B3C;;AMn4BA;;EAEE,qCZzEqI;AM+8BvI;;AMn4BA;;;;;;EAME,uBZ9IiC;ECgH7B,kBAtCY;EWsEhB,mBVpJ0C;EENxC,kBJoDuC;AM6+B3C;;AMn4BA;;EAEE,sBAA0E;ANs4B5E;;AM33BA;;;;;;ER3JI,0BQiK4B;ERhK5B,6BQgK4B;AN+3BhC;;AM53BA;;;;;;ERtJI,yBQ4J2B;ER3J3B,4BQ2J2B;ANg4B/B;;AOxjCA;EACE,iBAL2B;EAM3B,eATkB;EAUlB,kBAVkB;EAWlB,iBAV6B;EAW7B,cVXa;AGskCf;;AOhkCA;EAQI,yBVAmB;AG4jCvB;;AOpkCA;EAaI,cVjBW;EUkBX,mBAAmB;EACnB,yBVfW;EUgBX,qBVnBW;EUoBX,aAAa;EACb,gBAAgB;AP2jCpB;;AO7kCA;EAsBI,cV5BW;AGulCf;;AOjlCA;EA0BI,kBAAkB;AP2jCtB;;AOrlCA;EA8BI,mBAAmB;AP2jCvB;;AOzlCA;EAmCI,mBAAmB;AP0jCvB;;AO7lCA;EAqCM,mBAAmB;AP4jCzB;;AOjmCA;EA2CI,qBVxCmB;AGkmCvB;;AOrjCA;EAEI,aAAa;EACb,gBAAgB;APujCpB;;AOljCA;EAEI,gBAAgB;APojCpB;;AO/iCA;EAEI,gBAAgB;APijCpB;;AO5iCA;;EAEE,YbgMiB;Ea/LjB,yBAAmE;EACnE,aAAyB;EACzB,iBAjF6B;EAkF7B,cVlFa;AGioCf;;AOrjCA;;EASI,eAAe;EACf,yBVxEmB;AGynCvB;;AO3jCA;;EAcI,6CV5EmB;AG8nCvB;;AOhkCA;;EAkBI,cV5FW;EU6FX,mBAAmB;EACnB,yBV1FW;EU2FX,qBV9FW;AGipCf;;AOxkCA;;EAyBI,cVnGW;AGupCf;;AO/iCA;EACE,eAAe;APkjCjB;;AOhjCA;EACE,eAAe;APmjCjB;;AOjjCA;EACE,aAAa;EACb,eAAe;EACf,mBAAmB;EACnB,YAAY;EACZ,mBAAmB;APojCrB;;AOzjCA;EAOI,yBVrHW;AG2qCf;;AO7jCA;EAUI,eAAe;APujCnB;;AOpjCA;EACE,mBAAmB;APujCrB;;AOpjCA;EACE,SAAS;APujCX;;AOpjCA;EACE,aAAa;EACb,qBAAqB;EACrB,YAAY;EACZ,iBAvI2B;EAwI3B,gBAAgB;EAChB,cVzIa;AGgsCf;;AO7jCA;EASI,aAAa;APwjCjB;;AOjkCA;EAcI,kBAAkB;EAClB,QAAQ;EACR,SAAS;EACT,UAAU;EACV,aAAa;EACb,mBAAmB;EACnB,YAAY;EACZ,gBAAgB;EAChB,kBAAkB;EAClB,iBA5J2B;EA6J3B,WV5JQ;EU6JR,sBAAsB;EACtB,yBV3JW;EU4JX,yBV7JW;EU+JX,kBAAkB;APsjCtB;;AOjjCA;;EAEE,eAAe;APojCjB;;AOjjCA;EACE,gBAAgB;EAChB,gBAAgB;EAChB,iBA/K6B;APmuC/B;;AOjjCA;EACE,kBAAkB;APojCpB;;AOjjCA;;EAEE,eAAe;APojCjB;;AO/iCA;EAEI,gDVnLmB;AGouCvB;;AOnjCA;EAMI,eAAe;EACf,qBVtLmB;AGuuCvB;;AOxjCA;;EAYI,eAAe;APijCnB;;AO7jCA;EAgBI,mBAAmB;EACnB,YAAY;APijChB;;AOlkCA;EAqBI,mBAAmB;EACnB,oCAAmC;EACnC,oCAAmC;APijCvC;;AOxkCA;EA2BI,mBAAmB;APijCvB;;AO7iCA;EACE,gBAAgB;EAChB,cV9Na;AG8wCf;;AO7iCA;EACE,QAAQ;APgjCV;;AO7iCA;EACE,QAAQ;APgjCV;;AO7iCA;EAEI,yBAAyB;AP+iC7B;;AOjjCA;EAKI,ygBAAyE;APgjC7E;;AOrjCA;EAQI,qKAA+E;APijCnF;;AO7iCA;EAEI,qCAAqC;AP+iCzC;;AOjjCA;EAKI,4KAAkF;APgjCtF;;AO3iCA;EACE,kBAjQkB;AP+yCpB;;AO1iCA;EACE,gBAAgB;EAChB,YAAY;EACZ,gBAAgB;EAChB,iBAAiB;EACjB,mBAAmB;EACnB,kBAAkB;AP6iCpB;;AQvzCE;EACE,WAAW;EACX,6BAA6B;AR0zCjC;;AQvzCE;EACE,sBXLQ;EWMR,4BAA4B;EAC5B,6BAA6B;EVJ7B,mBUK2B;AR0zC/B;;AQvzCE;EACE,sBXRQ;ECDR,kBUU0B;AR0zC9B;;AOzjCA;EACE,eAAe;EACf,WVhRU;AG40CZ;;AOxjCA;EACE,eAvRkB;EAwRlB,kBAxRkB;APm1CpB;;AO7jCA;EAKI,aAAa;EACb,gBAAgB;AP4jCpB;;AOlkCA;;EAWI,eAAe;AP4jCnB;;AOxjCA,gDAAA;AACA;;EAEE,wBAAwB;EACxB,qBAAqB;EACrB,gBAAgB;AP2jClB;;AOzjCA,+CAAA;AAEA;EACE,WAAW;EACX,eAAe;AP2jCjB;;AOxjCA;EACE,YAAY;EACZ,gBAAgB;AP2jClB;;AOxjCA;EACE,YAAY;EACZ,gBAAgB;AP2jClB;;AOxjCA;EACE,YAAY;EACZ,gBAAgB;AP2jClB;;AOxjCA;EACE,YAAY;EACZ,gBAAgB;AP2jClB;;AOxjCA;EACE,YAAY;EACZ,gBXzTuC;AIo3CzC;;AOxjCA;EACE,aAAa;EACb,mBAAmB;EACnB,yBb1UkC;Ea2UlC,gBAAgB;EZjNZ,mBAtCY;EYyPhB,gBXlUuC;EWmUvC,mBX1U0C;EW2U1C,cVnVa;EUoVb,kBAAkB;EAClB,mBAAmB;EACnB,yBVhVa;EUiVb,yBVpVa;ECCX,kBJ6QqB;AMkoCzB;;AOxjCA;;EAEE,yBAAuB;EACvB,0BAA0B;EAC1B,iCAAmC;AP2jCrC;;AO/jCA;;EAMI,yBVnVmB;AGi5CvB;;AO1jCA;EACE,kBAAkB;AP6jCpB","file":"mekari-ui-form.css","sourcesContent":["// stylelint-disable selector-no-qualifying-type\n\n//\n// Textual form controls\n//\n\n.#{$prefix}form-control {\n display: block;\n width: 100%;\n height: $input-height;\n padding: $input-padding-y $input-padding-x;\n font-family: $input-font-family;\n @include font-size($input-font-size);\n font-weight: $input-font-weight;\n line-height: $input-line-height;\n color: $input-color;\n background-color: $input-bg;\n background-clip: padding-box;\n border: $input-border-width solid $input-border-color;\n\n // Note: This has no effect on <select>s in some browsers, due to the limited stylability of `<select>`s in CSS.\n @include border-radius($input-border-radius, 0);\n\n @include box-shadow($input-box-shadow);\n @include transition($input-transition);\n\n // Unstyle the caret on `<select>`s in IE10+.\n &::-ms-expand {\n background-color: transparent;\n border: 0;\n }\n\n // Customize the `:focus` state to imitate native WebKit styles.\n @include form-control-focus;\n\n // Placeholder\n &::placeholder {\n color: $input-placeholder-color;\n // Override Firefox's unusual default opacity; see https://github.com/twbs/bootstrap/pull/11526.\n opacity: 1;\n }\n\n // Disabled and read-only inputs\n //\n // HTML5 says that controls under a fieldset > legend:first-child won't be\n // disabled if the fieldset is disabled. Due to implementation difficulty, we\n // don't honor that edge case; we style them as disabled anyway.\n &:disabled,\n &[readonly] {\n background-color: $input-disabled-bg;\n // iOS fix for unreadable disabled content; see https://github.com/twbs/bootstrap/issues/11655.\n opacity: 1;\n }\n}\n\nselect.#{$prefix}form-control {\n &:focus::-ms-value {\n // Suppress the nested default white text on blue background highlight given to\n // the selected option text when the (still closed) <select> receives focus\n // in IE and (under certain conditions) Edge, as it looks bad and cannot be made to\n // match the appearance of the native widget.\n // See https://github.com/twbs/bootstrap/issues/19398.\n color: $input-color;\n background-color: $input-bg;\n }\n}\n\n// Make file inputs better match text inputs by forcing them to new lines.\n.#{$prefix}form-control-file,\n.#{$prefix}form-control-range {\n display: block;\n width: 100%;\n}\n\n\n//\n// Labels\n//\n\n// For use with horizontal and inline forms, when you need the label (or legend)\n// text to align with the form controls.\n.#{$prefix}col-form-label {\n padding-top: calc(#{$input-padding-y} + #{$input-border-width});\n padding-bottom: calc(#{$input-padding-y} + #{$input-border-width});\n margin-bottom: 0; // Override the `<label>/<legend>` default\n @include font-size(inherit); // Override the `<legend>` default\n line-height: $input-line-height;\n}\n\n.#{$prefix}col-form-label-lg {\n padding-top: calc(#{$input-padding-y-lg} + #{$input-border-width});\n padding-bottom: calc(#{$input-padding-y-lg} + #{$input-border-width});\n @include font-size($input-font-size-lg);\n line-height: $input-line-height-lg;\n}\n\n.#{$prefix}col-form-label-sm {\n padding-top: calc(#{$input-padding-y-sm} + #{$input-border-width});\n padding-bottom: calc(#{$input-padding-y-sm} + #{$input-border-width});\n @include font-size($input-font-size-sm);\n line-height: $input-line-height-sm;\n}\n\n\n// Readonly controls as plain text\n//\n// Apply class to a readonly input to make it appear like regular plain\n// text (without any border, background color, focus indicator)\n\n.#{$prefix}form-control-plaintext {\n display: block;\n width: 100%;\n padding-top: $input-padding-y;\n padding-bottom: $input-padding-y;\n margin-bottom: 0; // match inputs if this class comes on inputs with default margins\n line-height: $input-line-height;\n color: $input-plaintext-color;\n background-color: transparent;\n border: solid transparent;\n border-width: $input-border-width 0;\n\n &.#{$prefix}form-control-sm,\n &.#{$prefix}form-control-lg {\n padding-right: 0;\n padding-left: 0;\n }\n}\n\n\n// Form control sizing\n//\n// Build on `.#{$prefix}form-control` with modifier classes to decrease or increase the\n// height and font-size of form controls.\n//\n// Repeated in `_input_group.scss` to avoid Sass extend issues.\n\n.#{$prefix}form-control-sm {\n height: $input-height-sm;\n padding: $input-padding-y-sm $input-padding-x-sm;\n @include font-size($input-font-size-sm);\n line-height: $input-line-height-sm;\n @include border-radius($input-border-radius-sm);\n}\n\n.#{$prefix}form-control-lg {\n height: $input-height-lg;\n padding: $input-padding-y-lg $input-padding-x-lg;\n @include font-size($input-font-size-lg);\n line-height: $input-line-height-lg;\n @include border-radius($input-border-radius-lg);\n}\n\n// stylelint-disable-next-line no-duplicate-selectors\nselect.#{$prefix}form-control {\n &[size],\n &[multiple] {\n height: auto;\n }\n}\n\ntextarea.#{$prefix}form-control {\n height: auto;\n}\n\n// Form groups\n//\n// Designed to help with the organization and spacing of vertical forms. For\n// horizontal forms, use the predefined grid classes.\n\n.#{$prefix}form-group {\n margin-bottom: $form-group-margin-bottom;\n}\n\n.#{$prefix}form-text {\n display: block;\n margin-top: $form-text-margin-top;\n}\n\n\n// Form grid\n//\n// Special replacement for our grid system's `.row` for tighter form layouts.\n\n.#{$prefix}form-row {\n display: flex;\n flex-wrap: wrap;\n margin-right: -$form-grid-gutter-width / 2;\n margin-left: -$form-grid-gutter-width / 2;\n\n > .col,\n > [class=\"col-\"] {\n padding-right: $form-grid-gutter-width / 2;\n padding-left: $form-grid-gutter-width / 2;\n }\n}\n\n\n// Checkboxes and radios\n//\n// Indent the labels to position radios/checkboxes as hanging controls.\n\n.#{$prefix}form-check {\n position: relative;\n display: block;\n padding-left: $form-check-input-gutter;\n}\n\n.#{$prefix}form-check-input {\n position: absolute;\n margin-top: $form-check-input-margin-y;\n margin-left: -$form-check-input-gutter;\n\n &:disabled ~ .#{$prefix}form-check-label {\n color: $text-muted;\n }\n}\n\n.#{$prefix}form-check-label {\n margin-bottom: 0; // Override default `<label>` bottom margin\n}\n\n.#{$prefix}form-check-inline {\n display: inline-flex;\n align-items: center;\n padding-left: 0; // Override base .#{$prefix}form-check\n margin-right: $form-check-inline-margin-x;\n\n // Undo .#{$prefix}form-check-input defaults and add some `margin-right`.\n .#{$prefix}form-check-input {\n position: static;\n margin-top: 0;\n margin-right: $form-check-inline-input-margin-x;\n margin-left: 0;\n }\n}\n\n\n// Form validation\n//\n// Provide feedback to users when form field values are valid or invalid. Works\n// primarily for client-side validation via scoped `:invalid` and `:valid`\n// pseudo-classes but also includes `.is-invalid` and `.is-valid` classes for\n// server side validation.\n\n@each $state, $data in $form-validation-states {\n @include form-validation-state($state, map-get($data, color), map-get($data, icon));\n}\n\n// Inline forms\n//\n// Make forms appear inline(-block) by adding the `.#{$prefix}form-inline` class. Inline\n// forms begin stacked on extra small (mobile) devices and then go inline when\n// viewports reach <768px.\n//\n// Requires wrapping inputs and labels with `.#{$prefix}form-group` for proper display of\n// default HTML form controls and our custom form controls (e.g., input groups).\n\n.#{$prefix}form-inline {\n display: flex;\n flex-flow: row wrap;\n align-items: center; // Prevent shorter elements from growing to same height as others (e.g., small buttons growing to normal sized button height)\n\n // Because we use flex, the initial sizing of checkboxes is collapsed and\n // doesn't occupy the full-width (which is what we want for xs grid tier),\n // so we force that here.\n .#{$prefix}form-check {\n width: 100%;\n }\n\n // Kick in the inline\n @include media-breakpoint-up(sm) {\n label {\n display: flex;\n align-items: center;\n justify-content: center;\n margin-bottom: 0;\n }\n\n // Inline-block all the things for \"inline\"\n .#{$prefix}form-group {\n display: flex;\n flex: 0 0 auto;\n flex-flow: row wrap;\n align-items: center;\n margin-bottom: 0;\n }\n\n // Allow folks to not* use `.#{$prefix}form-group`\n .#{$prefix}form-control {\n display: inline-block;\n width: auto; // Prevent labels from stacking above inputs in `.#{$prefix}form-group`\n vertical-align: middle;\n }\n\n // Make static controls behave like regular ones\n .#{$prefix}form-control-plaintext {\n display: inline-block;\n }\n\n .input-group,\n .#{$prefix}custom-select {\n width: auto;\n }\n\n // Remove default margin on radios/checkboxes that were used for stacking, and\n // then undo the floating of radios and checkboxes to match.\n .#{$prefix}form-check {\n display: flex;\n align-items: center;\n justify-content: center;\n width: auto;\n padding-left: 0;\n }\n .#{$prefix}form-check-input {\n position: relative;\n flex-shrink: 0;\n margin-top: 0;\n margin-right: $form-check-input-margin-x;\n margin-left: 0;\n }\n\n .#{$prefix}custom-control {\n align-items: center;\n justify-content: center;\n }\n .#{$prefix}custom-control-label {\n margin-bottom: 0;\n }\n }\n}\n","// Buttons + Forms\n//\n// Shared variables that are reassigned to `$input-` and `$btn-` specific variables.\n\n$input-btn-padding-y: .375rem;\n$input-btn-padding-x: .75rem;\n$input-btn-font-family: null;\n$input-btn-font-size: $font-size-base;\n$input-btn-line-height: $line-height-base;\n\n$input-btn-focus-width: .2rem;\n$input-btn-focus-color: rgba($blue, .25);\n$input-btn-focus-box-shadow: 0 0 0 $input-btn-focus-width $input-btn-focus-color;\n\n$input-btn-padding-y-sm: .25rem;\n$input-btn-padding-x-sm: .5rem;\n$input-btn-font-size-sm: $font-size-sm;\n$input-btn-line-height-sm: $line-height-sm;\n\n$input-btn-padding-y-lg: .5rem;\n$input-btn-padding-x-lg: 1rem;\n$input-btn-font-size-lg: $font-size-lg;\n$input-btn-line-height-lg: $line-height-lg;\n\n$input-btn-border-width: 1px;\n\n// Forms\n\n$label-margin-bottom: .5rem;\n\n$input-padding-y: $input-btn-padding-y;\n$input-padding-x: $input-btn-padding-x;\n$input-font-family: $input-btn-font-family;\n$input-font-size: $input-btn-font-size;\n$input-font-weight: $font-weight-base;\n$input-line-height: $input-btn-line-height;\n\n$input-padding-y-sm: $input-btn-padding-y-sm;\n$input-padding-x-sm: $input-btn-padding-x-sm;\n$input-font-size-sm: $input-btn-font-size-sm;\n$input-line-height-sm: $input-btn-line-height-sm;\n\n$input-padding-y-lg: $input-btn-padding-y-lg;\n$input-padding-x-lg: $input-btn-padding-x-lg;\n$input-font-size-lg: $input-btn-font-size-lg;\n$input-line-height-lg: $input-btn-line-height-lg;\n\n$input-bg: $white;\n$input-disabled-bg: $cloud;\n\n$input-color: $dark;\n$input-border-color: $smoke;\n$input-border-width: $input-btn-border-width;\n$input-box-shadow: inset 0 1px 1px rgba($black, .075);\n\n$input-border-radius: 4px;\n$input-border-radius-lg: 4px;\n$input-border-radius-sm: 4px;\n\n$input-focus-bg: $input-bg;\n$input-focus-border-color: lighten($primary, 25%);\n$input-focus-color: $input-color;\n$input-focus-width: $input-btn-focus-width;\n$input-focus-box-shadow: $input-btn-focus-box-shadow;\n\n$input-placeholder-color: $gray-600;\n$input-plaintext-color: $body-color;\n\n$input-height-border: $input-border-width * 2;\n\n$input-height-inner: calc(#{$input-line-height * 1em} + #{$input-padding-y * 2});\n$input-height-inner-half: calc(#{$input-line-height * .5em} + #{$input-padding-y});\n$input-height-inner-quarter: calc(#{$input-line-height * .25em} + #{$input-padding-y / 2});\n\n$input-height: calc(#{$input-line-height * 1em} + #{$input-padding-y * 2} + #{$input-height-border});\n$input-height-sm: calc(#{$input-line-height-sm * 1em} + #{$input-btn-padding-y-sm * 2} + #{$input-height-border});\n$input-height-lg: calc(#{$input-line-height-lg * 1em} + #{$input-btn-padding-y-lg * 2} + #{$input-height-border});\n\n$input-transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;\n\n$form-text-margin-top: .25rem;\n\n$form-check-input-gutter: 1.25rem;\n$form-check-input-margin-y: .3rem;\n$form-check-input-margin-x: .25rem;\n\n$form-check-inline-margin-x: .75rem;\n$form-check-inline-input-margin-x: .3125rem;\n\n$form-grid-gutter-width: 10px;\n$form-group-margin-bottom: 1rem;\n\n$input-group-addon-color: $input-color;\n$input-group-addon-bg: $cloud;\n$input-group-addon-border-color: $input-border-color;\n\n$custom-forms-transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;\n\n$custom-control-gutter: .5rem;\n$custom-control-spacer-x: 1rem;\n\n$custom-control-indicator-size: 1rem;\n$custom-control-indicator-bg: $input-bg;\n\n$custom-control-indicator-bg-size: 50% 50%;\n$custom-control-indicator-box-shadow: $input-box-shadow;\n$custom-control-indicator-border-color: $gray-500;\n$custom-control-indicator-border-width: $input-border-width;\n\n$custom-control-indicator-disabled-bg: $input-disabled-bg;\n$custom-control-label-disabled-color: $gray-600;\n\n$custom-control-indicator-checked-color: $white;\n$custom-control-indicator-checked-bg: $primary;\n$custom-control-indicator-checked-disabled-bg: rgba($primary, .5);\n$custom-control-indicator-checked-box-shadow: none;\n$custom-control-indicator-checked-border-color: $custom-control-indicator-checked-bg;\n\n$custom-control-indicator-focus-box-shadow: $input-focus-box-shadow;\n$custom-control-indicator-focus-border-color: $input-focus-border-color;\n\n$custom-control-indicator-active-color: $white;\n$custom-control-indicator-active-bg: lighten($primary, 35%);\n$custom-control-indicator-active-box-shadow: none;\n$custom-control-indicator-active-border-color: $custom-control-indicator-active-bg;\n\n$custom-checkbox-indicator-border-radius: 4px;\n$custom-checkbox-indicator-icon-checked: url(\"data:image/svg+xml, %3csvg width='12' height='10' viewBox='0 0 12 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M0.542893 4.54289C0.933418 4.15237 1.56658 4.15237 1.95711 4.54289L4.25 6.83579L10.0429 1.04289C10.4334 0.652369 11.0666 0.652369 11.4571 1.04289C11.8476 1.43342 11.8476 2.06658 11.4571 2.45711L4.95711 8.95711C4.56658 9.34763 3.93342 9.34763 3.54289 8.95711L0.542893 5.95711C0.152369 5.56658 0.152369 4.93342 0.542893 4.54289Z' fill='%23ffffff'/%3e%3c/svg%3e\");\n$custom-checkbox-indicator-icon-checked-inverse: url(\"data:image/svg+xml, %3csvg width='12' height='10' viewBox='0 0 12 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M0.542893 4.54289C0.933418 4.15237 1.56658 4.15237 1.95711 4.54289L4.25 6.83579L10.0429 1.04289C10.4334 0.652369 11.0666 0.652369 11.4571 1.04289C11.8476 1.43342 11.8476 2.06658 11.4571 2.45711L4.95711 8.95711C4.56658 9.34763 3.93342 9.34763 3.54289 8.95711L0.542893 5.95711C0.152369 5.56658 0.152369 4.93342 0.542893 4.54289Z' fill='%23b4b4b4'/%3e%3c/svg%3e\");\n\n$custom-checkbox-indicator-indeterminate-bg: $primary;\n$custom-checkbox-indicator-indeterminate-color: $white;\n$custom-checkbox-indicator-icon-indeterminate: url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 4'%3e%3cpath stroke='%23ffffff' d='M0 2h4'/%3e%3c/svg%3e\");\n\n$custom-checkbox-indicator-icon-indeterminate-inverse: url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 4'%3e%3cpath stroke='%23b4b4b4' d='M0 2h4'/%3e%3c/svg%3e\");\n\n$custom-checkbox-indicator-indeterminate-box-shadow: none;\n$custom-checkbox-indicator-indeterminate-border-color: $custom-control-indicator-checked-bg;\n\n$custom-radio-indicator-border-radius: 50%;\n$custom-radio-indicator-icon-checked: url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23ffffff'/%3e%3c/svg%3e\");\n\n$custom-radio-indicator-icon-checked-inverse: url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23b4b4b4'/%3e%3c/svg%3e\");\n\n$custom-switch-width: $custom-control-indicator-size * 1.75;\n$custom-switch-indicator-border-radius: $custom-control-indicator-size / 2;\n$custom-switch-indicator-size: calc(#{$custom-control-indicator-size} - #{$custom-control-indicator-border-width * 4});\n\n$custom-select-padding-y: $input-padding-y;\n$custom-select-padding-x: $input-padding-x;\n$custom-select-font-family: $input-font-family;\n$custom-select-font-size: $input-font-size;\n$custom-select-height: $input-height;\n$custom-select-indicator-padding: 1rem; // Extra padding to account for the presence of the background-image based indicator\n$custom-select-font-weight: $input-font-weight;\n$custom-select-line-height: $input-line-height;\n$custom-select-color: $slate;\n$custom-select-disabled-color: $muted;\n$custom-select-bg: $input-bg;\n$custom-select-disabled-bg: $cloud;\n$custom-select-bg-size: 24px; // In pixels because image dimensions\n// for arrow down icon in Mekari's select\n$custom-select-indicator-color: $slate;\n$custom-select-indicator: url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='%23777' d='M6.28178611,7.34112994 C5.98969924,7.04743259 5.5148273,7.04612703 5.22112994,7.33821389 C4.92743259,7.63030076 4.92612703,8.1051727 5.21821389,8.39887006 L9.44490899,12.6488701 C9.73699896,12.9425705 10.2118771,12.9438725 10.5055731,12.6517782 L14.7788781,8.40177816 C15.072571,8.10968687 15.0738694,7.63481492 14.7817782,7.34112195 C14.4896869,7.04742898 14.0148149,7.04613056 13.7211219,7.33822184 L9.9796032,11.0593358 L6.28178611,7.34112994 Z'/%3e%3c/svg%3e\");\n\n$custom-select-background: $custom-select-indicator no-repeat right $custom-select-padding-x center / $custom-select-bg-size; // Used so we can have multiple\n$custom-select-feedback-icon-padding-right: calc((1em + #{2 * $custom-select-padding-y}) * 3 / 4 + #{$custom-select-padding-x + $custom-select-indicator-padding});\n$custom-select-feedback-icon-position: center right ($custom-select-padding-x + $custom-select-indicator-padding);\n$custom-select-feedback-icon-size: $input-height-inner-half $input-height-inner-half;\n\n$custom-select-border-width: $input-border-width;\n$custom-select-border-color: $input-border-color;\n$custom-select-border-radius: 4px;\n$custom-select-box-shadow: inset 0 1px 2px rgba($black, .075);\n\n$custom-select-focus-border-color: $input-focus-border-color;\n$custom-select-focus-width: $input-focus-width;\n$custom-select-focus-box-shadow: 0 0 0 $custom-select-focus-width $input-btn-focus-color;\n\n$custom-select-padding-y-sm: $input-padding-y-sm;\n$custom-select-padding-x-sm: $input-padding-x-sm;\n$custom-select-font-size-sm: $input-font-size-sm;\n$custom-select-height-sm: $input-height-sm;\n\n$custom-select-padding-y-lg: $input-padding-y-lg;\n$custom-select-padding-x-lg: $input-padding-x-lg;\n$custom-select-font-size-lg: $input-font-size-lg;\n$custom-select-height-lg: $input-height-lg;\n\n$custom-range-track-width: 100%;\n$custom-range-track-height: .5rem;\n$custom-range-track-cursor: pointer;\n$custom-range-track-bg: $gray-300;\n$custom-range-track-border-radius: 1rem;\n$custom-range-track-box-shadow: inset 0 .25rem .25rem rgba($black, .1);\n\n$custom-range-thumb-width: 1rem;\n$custom-range-thumb-height: $custom-range-thumb-width;\n$custom-range-thumb-bg: $primary;\n$custom-range-thumb-border: 0;\n$custom-range-thumb-border-radius: 1rem;\n$custom-range-thumb-box-shadow: 0 .1rem .25rem rgba($black, .1);\n$custom-range-thumb-focus-box-shadow: 0 0 0 1px $body-bg, $input-focus-box-shadow;\n$custom-range-thumb-focus-box-shadow-width: $input-focus-width; // For focus box shadow issue in IE/Edge\n$custom-range-thumb-active-bg: lighten($primary, 35%);\n$custom-range-thumb-disabled-bg: $gray-500;\n\n$custom-file-height: $input-height;\n$custom-file-height-inner: $input-height-inner;\n$custom-file-focus-border-color: $input-focus-border-color;\n$custom-file-focus-box-shadow: $input-focus-box-shadow;\n$custom-file-disabled-bg: $input-disabled-bg;\n\n$custom-file-padding-y: $input-padding-y;\n$custom-file-padding-x: $input-padding-x;\n$custom-file-line-height: $input-line-height;\n$custom-file-font-family: $input-font-family;\n$custom-file-font-weight: $input-font-weight;\n$custom-file-color: $input-color;\n$custom-file-bg: $input-bg;\n$custom-file-border-width: $input-border-width;\n$custom-file-border-color: $input-border-color;\n$custom-file-border-radius: $input-border-radius;\n$custom-file-box-shadow: $input-box-shadow;\n$custom-file-button-color: $custom-file-color;\n$custom-file-button-bg: $input-group-addon-bg;\n$custom-file-text: (\n en: \"Browse\"\n);\n\n\n// Form validation\n\n$form-feedback-margin-top: $form-text-margin-top;\n$form-feedback-font-size: $font-size-sm;\n$form-feedback-valid-color: $green;\n$form-feedback-invalid-color: $red;\n\n$form-feedback-icon-valid-color: $form-feedback-valid-color;\n$form-feedback-icon-valid: str-replace(url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='#{$form-feedback-icon-valid-color}' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e\"), \"#\", \"%23\");\n$form-feedback-icon-invalid-color: $form-feedback-invalid-color;\n$form-feedback-icon-invalid: str-replace(url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='#{$form-feedback-icon-invalid-color}' viewBox='-2 -2 7 7'%3e%3cpath stroke='#{$form-feedback-icon-invalid-color}' d='M0 0l3 3m0-3L0 3'/%3e%3ccircle r='.5'/%3e%3ccircle cx='3' r='.5'/%3e%3ccircle cy='3' r='.5'/%3e%3ccircle cx='3' cy='3' r='.5'/%3e%3c/svg%3E\"), \"#\", \"%23\");\n\n$form-validation-states: ();\n// stylelint-disable-next-line scss/dollar-variable-default\n$form-validation-states: map-merge(\n (\n \"valid\": (\n \"color\": $form-feedback-valid-color,\n \"icon\": $form-feedback-icon-valid\n ),\n \"invalid\": (\n \"color\": $form-feedback-invalid-color,\n \"icon\": $form-feedback-icon-invalid\n ),\n ),\n $form-validation-states\n);\n\n// Form tooltips must come after regular tooltips\n$form-feedback-tooltip-padding-y: .25rem;\n$form-feedback-tooltip-padding-x: .5rem;\n$form-feedback-tooltip-font-size: $font-size-sm;\n$form-feedback-tooltip-line-height: $line-height-base;\n$form-feedback-tooltip-opacity: .9;\n$form-feedback-tooltip-border-radius: 4px;\n\n\n\n// Custom from mekari\n\n$input-height: 38px;\n$input-placeholder-color: $muted;\n$form-feedback-margin-top: 0;\n$input-border-radius: 4px;\n\n$input-focus-border-color: $sapphire;\n$input-focus-box-shadow: 0 0 4px 1px rgba($sapphire, .3);\n\n//different focus shadow for radio and checkbox\n$custom-control-label-disabled-color: $muted;\n$custom-select-padding-y: 8px;\n\n// text helper\n$form-text-margin-top: 0;\n\n// form-group\n$form-group-margin-bottom: 20px;\n\n\n// input form button text\n$custom-file-text: (\n en: \"Choose file\",\n id: \"Pilih file\",\n);\n\n// remove validation icons\n$enable-validation-icons: false;\n","// stylelint-disable property-blacklist, scss/dollar-variable-default\n\n// SCSS RFS mixin\n//\n// Automated font-resizing\n//\n// See https://github.com/twbs/rfs\n\n// Configuration\n\n// Base font size\n$rfs-base-font-size: 1.25rem !default;\n$rfs-font-size-unit: rem !default;\n\n// Breakpoint at where font-size starts decreasing if screen width is smaller\n$rfs-breakpoint: 1200px !default;\n$rfs-breakpoint-unit: px !default;\n\n// Resize font-size based on screen height and width\n$rfs-two-dimensional: false !default;\n\n// Factor of decrease\n$rfs-factor: 10 !default;\n\n@if type-of($rfs-factor) != \"number\" or $rfs-factor <= 1 {\n @error \"`#{$rfs-factor}` is not a valid $rfs-factor, it must be greater than 1.\";\n}\n\n// Generate enable or disable classes. Possibilities: false, \"enable\" or \"disable\"\n$rfs-class: false !default;\n\n// 1 rem = $rfs-rem-value px\n$rfs-rem-value: 16 !default;\n\n// Safari iframe resize bug: https://github.com/twbs/rfs/issues/14\n$rfs-safari-iframe-resize-bug-fix: false !default;\n\n// Disable RFS by setting $enable-responsive-font-sizes to false\n$enable-responsive-font-sizes: true !default;\n\n// Cache $rfs-base-font-size unit\n$rfs-base-font-size-unit: unit($rfs-base-font-size);\n\n// Remove px-unit from $rfs-base-font-size for calculations\n@if $rfs-base-font-size-unit == \"px\" {\n $rfs-base-font-size: $rfs-base-font-size / ($rfs-base-font-size * 0 + 1);\n}\n@else if $rfs-base-font-size-unit == \"rem\" {\n $rfs-base-font-size: $rfs-base-font-size / ($rfs-base-font-size * 0 + 1 / $rfs-rem-value);\n}\n\n// Cache $rfs-breakpoint unit to prevent multiple calls\n$rfs-breakpoint-unit-cache: unit($rfs-breakpoint);\n\n// Remove unit from $rfs-breakpoint for calculations\n@if $rfs-breakpoint-unit-cache == \"px\" {\n $rfs-breakpoint: $rfs-breakpoint / ($rfs-breakpoint * 0 + 1);\n}\n@else if $rfs-breakpoint-unit-cache == \"rem\" or $rfs-breakpoint-unit-cache == \"em\" {\n $rfs-breakpoint: $rfs-breakpoint / ($rfs-breakpoint * 0 + 1 / $rfs-rem-value);\n}\n\n// Responsive font-size mixin\n@mixin rfs($fs, $important: false) {\n // Cache $fs unit\n $fs-unit: if(type-of($fs) == \"number\", unit($fs), false);\n\n // Add !important suffix if needed\n $rfs-suffix: if($important, \" !important\", \"\");\n\n // If $fs isn't a number (like inherit) or $fs has a unit (not px or rem, like 1.5em) or $ is 0, just print the value\n @if not $fs-unit or $fs-unit != \"\" and $fs-unit != \"px\" and $fs-unit != \"rem\" or $fs == 0 {\n font-size: #{$fs}#{$rfs-suffix};\n }\n @else {\n // Variables for storing static and fluid rescaling\n $rfs-static: null;\n $rfs-fluid: null;\n\n // Remove px-unit from $fs for calculations\n @if $fs-unit == \"px\" {\n $fs: $fs / ($fs * 0 + 1);\n }\n @else if $fs-unit == \"rem\" {\n $fs: $fs / ($fs * 0 + 1 / $rfs-rem-value);\n }\n\n // Set default font-size\n @if $rfs-font-size-unit == rem {\n $rfs-static: #{$fs / $rfs-rem-value}rem#{$rfs-suffix};\n }\n @else if $rfs-font-size-unit == px {\n $rfs-static: #{$fs}px#{$rfs-suffix};\n }\n @else {\n @error \"`#{$rfs-font-size-unit}` is not a valid unit for $rfs-font-size-unit. Use `px` or `rem`.\";\n }\n\n // Only add media query if font-size is bigger as the minimum font-size\n // If $rfs-factor == 1, no rescaling will take place\n @if $fs > $rfs-base-font-size and $enable-responsive-font-sizes {\n $min-width: null;\n $variable-unit: null;\n\n // Calculate minimum font-size for given font-size\n $fs-min: $rfs-base-font-size + ($fs - $rfs-base-font-size) / $rfs-factor;\n\n // Calculate difference between given font-size and minimum font-size for given font-size\n $fs-diff: $fs - $fs-min;\n\n // Base font-size formatting\n // No need to check if the unit is valid, because we did that before\n $min-width: if($rfs-font-size-unit == rem, #{$fs-min / $rfs-rem-value}rem, #{$fs-min}px);\n\n // If two-dimensional, use smallest of screen width and height\n $variable-unit: if($rfs-two-dimensional, vmin, vw);\n\n // Calculate the variable width between 0 and $rfs-breakpoint\n $variable-width: #{$fs-diff * 100 / $rfs-breakpoint}#{$variable-unit};\n\n // Set the calculated font-size.\n $rfs-fluid: calc(#{$min-width} + #{$variable-width}) #{$rfs-suffix};\n }\n\n // Rendering\n @if $rfs-fluid == null {\n // Only render static font-size if no fluid font-size is available\n font-size: $rfs-static;\n }\n @else {\n $mq-value: null;\n\n // RFS breakpoint formatting\n @if $rfs-breakpoint-unit == em or $rfs-breakpoint-unit == rem {\n $mq-value: #{$rfs-breakpoint / $rfs-rem-value}#{$rfs-breakpoint-unit};\n }\n @else if $rfs-breakpoint-unit == px {\n $mq-value: #{$rfs-breakpoint}px;\n }\n @else {\n @error \"`#{$rfs-breakpoint-unit}` is not a valid unit for $rfs-breakpoint-unit. Use `px`, `em` or `rem`.\";\n }\n\n @if $rfs-class == \"disable\" {\n // Adding an extra class increases specificity,\n // which prevents the media query to override the font size\n &,\n .disable-responsive-font-size &,\n &.disable-responsive-font-size {\n font-size: $rfs-static;\n }\n }\n @else {\n font-size: $rfs-static;\n }\n\n @if $rfs-two-dimensional {\n @media (max-width: #{$mq-value}), (max-height: #{$mq-value}) {\n @if $rfs-class == \"enable\" {\n .enable-responsive-font-size &,\n &.enable-responsive-font-size {\n font-size: $rfs-fluid;\n }\n }\n @else {\n font-size: $rfs-fluid;\n }\n\n @if $rfs-safari-iframe-resize-bug-fix {\n // stylelint-disable-next-line length-zero-no-unit\n min-width: 0vw;\n }\n }\n }\n @else {\n @media (max-width: #{$mq-value}) {\n @if $rfs-class == \"enable\" {\n .enable-responsive-font-size &,\n &.enable-responsive-font-size {\n font-size: $rfs-fluid;\n }\n }\n @else {\n font-size: $rfs-fluid;\n }\n\n @if $rfs-safari-iframe-resize-bug-fix {\n // stylelint-disable-next-line length-zero-no-unit\n min-width: 0vw;\n }\n }\n }\n }\n }\n}\n\n// The font-size & responsive-font-size mixin uses RFS to rescale font sizes\n@mixin font-size($fs, $important: false) {\n @include rfs($fs, $important);\n}\n\n@mixin responsive-font-size($fs, $important: false) {\n @include rfs($fs, $important);\n}\n","$font-family-roboto: \"Roboto\", \"Oxygen\", \"Ubuntu\", \"Fira Sans\", \"Droid Sans\", \"Helvetica Neue\", sans-serif;\n$font-family-base: $font-family-roboto;\n$font-family-monospace: monospace;\n\n// 1 rem = 16px\n$font-size-base: .875rem; // 14px\n$font-size-lg: 1.25rem; // 20px\n$font-size-sm: .75rem; // 12px\n\n$line-height-base: 1.4285; // The closest value to Mekari design\n$line-height-lg: 1.4285;\n$line-height-sm: 1.4285;\n$letter-spacing: .2px;\n\n$font-weight-lighter: 400;\n$font-weight-light: 400;\n$font-weight-normal: 400;\n$font-weight-base: 400;\n$font-weight-bold: 500;\n$font-weight-bolder: 500;\n\n$dt-font-weight: $font-weight-bold;\n\n// Text color\n$body-color: $dark;\n$link-color: $blue;\n$link-hover-color: darken($link-color, 15%);\n$link-decoration: none;\n$link-hover-decoration: underline;\n$h5-font-size: 16px;\n\n$input-placeholder-color: $text-muted;\n$custom-select-disabled-color: $text-muted;\n$custom-control-label-disabled-color: $text-muted;\n","// Neutrals color variables\n$dark: #212121;\n$slate: #777;\n$muted: #b4b4b4;\n$smoke: #e2e2e2;\n$snow: #fbfbfb;\n$white: #fff;\n$cloud: #f2f4f7;\n\n// UI color variables\n$red: #d74022;\n$green: #009f61;\n$light-yellow: #ffeb99;\n$blue: #1357ff;\n$orange: #ffb700;\n$sapphire: #005fbf;\n\n// Branding color variables\n$crimson: #c02a34;\n$azure: #009bde;\n$salamander: #f96d01;\n$purple: #6d48e5;\n\n// Bootstrap dependencies color\n$black: #000 !default;\n$gray-100: #f8f9fa !default;\n$gray-200: #e9ecef !default;\n$gray-300: #dee2e6 !default;\n$gray-400: #ced4da !default;\n$gray-500: #adb5bd !default;\n$gray-600: #6c757d !default;\n$gray-700: #495057 !default;\n$gray-800: #343a40 !default;\n$gray-900: #212529 !default;\n\n// The yiq lightness value that determines when the lightness of color changes from \"dark\" to \"light\". Acceptable values are between 0 and 255.\n$yiq-contrasted-threshold: 150 !default;\n\n// Customize the light and dark text colors for use in our YIQ color contrast function.\n$yiq-text-dark: $gray-900 !default;\n$yiq-text-light: $white !default;\n\n\n$grays: () !default;\n// stylelint-disable-next-line scss/dollar-variable-default\n$grays: map-merge(\n (\n \"100\": $gray-100,\n \"200\": $gray-200,\n \"300\": $gray-300,\n \"400\": $gray-400,\n \"500\": $gray-500,\n \"600\": $gray-600,\n \"700\": $gray-700,\n \"800\": $gray-800,\n \"900\": $gray-900\n ),\n $grays\n);\n\n// register mekari color variables too bootstrap\n$colors: ();\n$colors: map-merge(\n (\n \"noir\" : $dark, // going to deprecated\n \"dark\" : $dark,\n \"slate\" : $slate,\n \"muted\" : $muted,\n \"smoke\" : $smoke,\n \"snow\" : $snow,\n \"cloud\" : $cloud,\n \"crimson\" : $crimson,\n \"azure\" : $azure,\n \"salamander\" : $salamander,\n \"purple\" : $purple,\n \"sapphire\" : $sapphire,\n \"white\" : $white,\n \"red\" : $red,\n \"orange\" : $orange,\n \"green\" : $green,\n \"blue\" : $blue,\n \"light-yellow\" : $light-yellow\n ),\n $colors\n);\n\n//extend bootstrap class\n$danger: $red;\n$success: $green;\n$info: $light-yellow;\n$warning: $orange;\n$primary: $sapphire;\n$jurnal: $azure;\n$talenta: $crimson;\n$klikpajak: $salamander;\n$mekari: $purple;\n\n$link: $blue;\n\n$text-muted: $muted;\n$body-color: $dark;\n$dark: $dark;\n$secondary: $slate;\n$light: $snow;\n\n// Add more theme color variables\n$theme-colors: ();\n$theme-colors: map-merge(\n (\n \"danger\" : $danger,\n \"success\" : $success,\n \"info\" : $info,\n \"warning\" : $warning,\n \"primary\" : $primary,\n \"jurnal\" : $jurnal,\n \"talenta\" : $talenta,\n \"klikpajak\" : $klikpajak,\n \"mekari\" : $mekari,\n \"dark\" : $dark,\n \"slate\" : $slate,\n \"muted\" : $muted,\n \"smoke\" : $smoke,\n \"light\" : $light,\n \"cloud\" : $cloud,\n \"link\" : $blue,\n \"white\" : $white\n ),\n $theme-colors\n);\n\n$card-border-color: $smoke;\n$body-bg: $white;\n","// stylelint-disable property-blacklist\n// Single side border-radius\n\n@mixin border-radius($radius: $border-radius, $fallback-border-radius: false) {\n @if $enable-rounded {\n border-radius: $radius;\n }\n @else if $fallback-border-radius != false {\n border-radius: $fallback-border-radius;\n }\n}\n\n@mixin border-top-radius($radius) {\n @if $enable-rounded {\n border-top-left-radius: $radius;\n border-top-right-radius: $radius;\n }\n}\n\n@mixin border-right-radius($radius) {\n @if $enable-rounded {\n border-top-right-radius: $radius;\n border-bottom-right-radius: $radius;\n }\n}\n\n@mixin border-bottom-radius($radius) {\n @if $enable-rounded {\n border-bottom-right-radius: $radius;\n border-bottom-left-radius: $radius;\n }\n}\n\n@mixin border-left-radius($radius) {\n @if $enable-rounded {\n border-top-left-radius: $radius;\n border-bottom-left-radius: $radius;\n }\n}\n\n@mixin border-top-left-radius($radius) {\n @if $enable-rounded {\n border-top-left-radius: $radius;\n }\n}\n\n@mixin border-top-right-radius($radius) {\n @if $enable-rounded {\n border-top-right-radius: $radius;\n }\n}\n\n@mixin border-bottom-right-radius($radius) {\n @if $enable-rounded {\n border-bottom-right-radius: $radius;\n }\n}\n\n@mixin border-bottom-left-radius($radius) {\n @if $enable-rounded {\n border-bottom-left-radius: $radius;\n }\n}\n","// stylelint-disable property-blacklist\n@mixin transition($transition...) {\n @if $enable-transitions {\n @if length($transition) == 0 {\n transition: $transition-base;\n } @else {\n transition: $transition;\n }\n }\n\n @if $enable-prefers-reduced-motion-media-query {\n @media (prefers-reduced-motion: reduce) {\n transition: none;\n }\n }\n}\n",".form-control {\n display: block;\n width: 100%;\n height: 38px;\n padding: 0.375rem 0.75rem;\n font-size: 0.875rem;\n font-weight: 400;\n line-height: 1.4285;\n color: #212121;\n background-color: #fff;\n background-clip: padding-box;\n border: 1px solid #e2e2e2;\n border-radius: 4px;\n transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;\n}\n\n@media (prefers-reduced-motion: reduce) {\n .form-control {\n transition: none;\n }\n}\n\n.form-control::-ms-expand {\n background-color: transparent;\n border: 0;\n}\n\n.form-control:focus {\n color: #212121;\n background-color: #fff;\n border-color: #005fbf;\n outline: 0;\n box-shadow: 0 0 4px 1px rgba(0, 95, 191, 0.3);\n}\n\n.form-control::placeholder {\n color: #b4b4b4;\n opacity: 1;\n}\n\n.form-control:disabled, .form-control[readonly] {\n background-color: #f2f4f7;\n opacity: 1;\n}\n\nselect.form-control:focus::-ms-value {\n color: #212121;\n background-color: #fff;\n}\n\n.form-control-file,\n.form-control-range {\n display: block;\n width: 100%;\n}\n\n.col-form-label {\n padding-top: calc(0.375rem + 1px);\n padding-bottom: calc(0.375rem + 1px);\n margin-bottom: 0;\n font-size: inherit;\n line-height: 1.4285;\n}\n\n.col-form-label-lg {\n padding-top: calc(0.5rem + 1px);\n padding-bottom: calc(0.5rem + 1px);\n font-size: 1.25rem;\n line-height: 1.4285;\n}\n\n.col-form-label-sm {\n padding-top: calc(0.25rem + 1px);\n padding-bottom: calc(0.25rem + 1px);\n font-size: 0.75rem;\n line-height: 1.4285;\n}\n\n.form-control-plaintext {\n display: block;\n width: 100%;\n padding-top: 0.375rem;\n padding-bottom: 0.375rem;\n margin-bottom: 0;\n line-height: 1.4285;\n color: #212121;\n background-color: transparent;\n border: solid transparent;\n border-width: 1px 0;\n}\n\n.form-control-plaintext.form-control-sm, .form-control-plaintext.form-control-lg {\n padding-right: 0;\n padding-left: 0;\n}\n\n.form-control-sm {\n height: calc(1.4285em + 0.5rem + 2px);\n padding: 0.25rem 0.5rem;\n font-size: 0.75rem;\n line-height: 1.4285;\n border-radius: 4px;\n}\n\n.form-control-lg {\n height: calc(1.4285em + 1rem + 2px);\n padding: 0.5rem 1rem;\n font-size: 1.25rem;\n line-height: 1.4285;\n border-radius: 4px;\n}\n\nselect.form-control[size], select.form-control[multiple] {\n height: auto;\n}\n\ntextarea.form-control {\n height: auto;\n}\n\n.form-group {\n margin-bottom: 20px;\n}\n\n.form-text {\n display: block;\n margin-top: 0;\n}\n\n.form-row {\n display: flex;\n flex-wrap: wrap;\n margin-right: -5px;\n margin-left: -5px;\n}\n\n.form-row > .col,\n.form-row > [class=\"col-\"] {\n padding-right: 5px;\n padding-left: 5px;\n}\n\n.form-check {\n position: relative;\n display: block;\n padding-left: 1.25rem;\n}\n\n.form-check-input {\n position: absolute;\n margin-top: 0.3rem;\n margin-left: -1.25rem;\n}\n\n.form-check-input:disabled ~ .form-check-label {\n color: #b4b4b4;\n}\n\n.form-check-label {\n margin-bottom: 0;\n}\n\n.form-check-inline {\n display: inline-flex;\n align-items: center;\n padding-left: 0;\n margin-right: 0.75rem;\n}\n\n.form-check-inline .form-check-input {\n position: static;\n margin-top: 0;\n margin-right: 0.3125rem;\n margin-left: 0;\n}\n\n.valid-feedback {\n display: none;\n width: 100%;\n margin-top: 0;\n font-size: 0.75rem;\n color: #009f61;\n}\n\n.valid-tooltip {\n position: absolute;\n top: 100%;\n z-index: 5;\n display: none;\n max-width: 100%;\n padding: 0.25rem 0.5rem;\n margin-top: .1rem;\n font-size: 0.75rem;\n line-height: 1.4285;\n color: #fff;\n background-color: rgba(0, 159, 97, 0.9);\n border-radius: 4px;\n}\n\n.was-validated .form-control:valid, .form-control.is-valid {\n border-color: #009f61;\n}\n\n.was-validated .form-control:valid:focus, .form-control.is-valid:focus {\n border-color: #009f61;\n box-shadow: 0 0 0 0.2rem rgba(0, 159, 97, 0.25);\n}\n\n.was-validated .form-control:valid ~ .valid-feedback,\n.was-validated .form-control:valid ~ .valid-tooltip, .form-control.is-valid ~ .valid-feedback,\n.form-control.is-valid ~ .valid-tooltip {\n display: block;\n}\n\n.was-validated .custom-select:valid, .custom-select.is-valid {\n border-color: #009f61;\n}\n\n.was-validated .custom-select:valid:focus, .custom-select.is-valid:focus {\n border-color: #009f61;\n box-shadow: 0 0 0 0.2rem rgba(0, 159, 97, 0.25);\n}\n\n.was-validated .custom-select:valid ~ .valid-feedback,\n.was-validated .custom-select:valid ~ .valid-tooltip, .custom-select.is-valid ~ .valid-feedback,\n.custom-select.is-valid ~ .valid-tooltip {\n display: block;\n}\n\n.was-validated .form-control-file:valid ~ .valid-feedback,\n.was-validated .form-control-file:valid ~ .valid-tooltip, .form-control-file.is-valid ~ .valid-feedback,\n.form-control-file.is-valid ~ .valid-tooltip {\n display: block;\n}\n\n.was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label {\n color: #009f61;\n}\n\n.was-validated .form-check-input:valid ~ .valid-feedback,\n.was-validated .form-check-input:valid ~ .valid-tooltip, .form-check-input.is-valid ~ .valid-feedback,\n.form-check-input.is-valid ~ .valid-tooltip {\n display: block;\n}\n\n.was-validated .custom-control-input:valid ~ .custom-control-label, .custom-control-input.is-valid ~ .custom-control-label {\n color: #009f61;\n}\n\n.was-validated .custom-control-input:valid ~ .custom-control-label::before, .custom-control-input.is-valid ~ .custom-control-label::before {\n border-color: #009f61;\n}\n\n.was-validated .custom-control-input:valid ~ .valid-feedback,\n.was-validated .custom-control-input:valid ~ .valid-tooltip, .custom-control-input.is-valid ~ .valid-feedback,\n.custom-control-input.is-valid ~ .valid-tooltip {\n display: block;\n}\n\n.was-validated .custom-control-input:valid:checked ~ .custom-control-label::before, .custom-control-input.is-valid:checked ~ .custom-control-label::before {\n border-color: #00d280;\n background-color: #00d280;\n}\n\n.was-validated .custom-control-input:valid:focus ~ .custom-control-label::before, .custom-control-input.is-valid:focus ~ .custom-control-label::before {\n box-shadow: 0 0 0 0.2rem rgba(0, 159, 97, 0.25);\n}\n\n.was-validated .custom-control-input:valid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-valid:focus:not(:checked) ~ .custom-control-label::before {\n border-color: #009f61;\n}\n\n.was-validated .custom-file-input:valid ~ .custom-file-label, .custom-file-input.is-valid ~ .custom-file-label {\n border-color: #009f61;\n}\n\n.was-validated .custom-file-input:valid ~ .valid-feedback,\n.was-validated .custom-file-input:valid ~ .valid-tooltip, .custom-file-input.is-valid ~ .valid-feedback,\n.custom-file-input.is-valid ~ .valid-tooltip {\n display: block;\n}\n\n.was-validated .custom-file-input:valid:focus ~ .custom-file-label, .custom-file-input.is-valid:focus ~ .custom-file-label {\n border-color: #009f61;\n box-shadow: 0 0 0 0.2rem rgba(0, 159, 97, 0.25);\n}\n\n.invalid-feedback {\n display: none;\n width: 100%;\n margin-top: 0;\n font-size: 0.75rem;\n color: #d74022;\n}\n\n.invalid-tooltip {\n position: absolute;\n top: 100%;\n z-index: 5;\n display: none;\n max-width: 100%;\n padding: 0.25rem 0.5rem;\n margin-top: .1rem;\n font-size: 0.75rem;\n line-height: 1.4285;\n color: #fff;\n background-color: rgba(215, 64, 34, 0.9);\n border-radius: 4px;\n}\n\n.was-validated .form-control:invalid, .form-control.is-invalid {\n border-color: #d74022;\n}\n\n.was-validated .form-control:invalid:focus, .form-control.is-invalid:focus {\n border-color: #d74022;\n box-shadow: 0 0 0 0.2rem rgba(215, 64, 34, 0.25);\n}\n\n.was-validated .form-control:invalid ~ .invalid-feedback,\n.was-validated .form-control:invalid ~ .invalid-tooltip, .form-control.is-invalid ~ .invalid-feedback,\n.form-control.is-invalid ~ .invalid-tooltip {\n display: block;\n}\n\n.was-validated .custom-select:invalid, .custom-select.is-invalid {\n border-color: #d74022;\n}\n\n.was-validated .custom-select:invalid:focus, .custom-select.is-invalid:focus {\n border-color: #d74022;\n box-shadow: 0 0 0 0.2rem rgba(215, 64, 34, 0.25);\n}\n\n.was-validated .custom-select:invalid ~ .invalid-feedback,\n.was-validated .custom-select:invalid ~ .invalid-tooltip, .custom-select.is-invalid ~ .invalid-feedback,\n.custom-select.is-invalid ~ .invalid-tooltip {\n display: block;\n}\n\n.was-validated .form-control-file:invalid ~ .invalid-feedback,\n.was-validated .form-control-file:invalid ~ .invalid-tooltip, .form-control-file.is-invalid ~ .invalid-feedback,\n.form-control-file.is-invalid ~ .invalid-tooltip {\n display: block;\n}\n\n.was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label {\n color: #d74022;\n}\n\n.was-validated .form-check-input:invalid ~ .invalid-feedback,\n.was-validated .form-check-input:invalid ~ .invalid-tooltip, .form-check-input.is-invalid ~ .invalid-feedback,\n.form-check-input.is-invalid ~ .invalid-tooltip {\n display: block;\n}\n\n.was-validated .custom-control-input:invalid ~ .custom-control-label, .custom-control-input.is-invalid ~ .custom-control-label {\n color: #d74022;\n}\n\n.was-validated .custom-control-input:invalid ~ .custom-control-label::before, .custom-control-input.is-invalid ~ .custom-control-label::before {\n border-color: #d74022;\n}\n\n.was-validated .custom-control-input:invalid ~ .invalid-feedback,\n.was-validated .custom-control-input:invalid ~ .invalid-tooltip, .custom-control-input.is-invalid ~ .invalid-feedback,\n.custom-control-input.is-invalid ~ .invalid-tooltip {\n display: block;\n}\n\n.was-validated .custom-control-input:invalid:checked ~ .custom-control-label::before, .custom-control-input.is-invalid:checked ~ .custom-control-label::before {\n border-color: #e2634a;\n background-color: #e2634a;\n}\n\n.was-validated .custom-control-input:invalid:focus ~ .custom-control-label::before, .custom-control-input.is-invalid:focus ~ .custom-control-label::before {\n box-shadow: 0 0 0 0.2rem rgba(215, 64, 34, 0.25);\n}\n\n.was-validated .custom-control-input:invalid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-invalid:focus:not(:checked) ~ .custom-control-label::before {\n border-color: #d74022;\n}\n\n.was-validated .custom-file-input:invalid ~ .custom-file-label, .custom-file-input.is-invalid ~ .custom-file-label {\n border-color: #d74022;\n}\n\n.was-validated .custom-file-input:invalid ~ .invalid-feedback,\n.was-validated .custom-file-input:invalid ~ .invalid-tooltip, .custom-file-input.is-invalid ~ .invalid-feedback,\n.custom-file-input.is-invalid ~ .invalid-tooltip {\n display: block;\n}\n\n.was-validated .custom-file-input:invalid:focus ~ .custom-file-label, .custom-file-input.is-invalid:focus ~ .custom-file-label {\n border-color: #d74022;\n box-shadow: 0 0 0 0.2rem rgba(215, 64, 34, 0.25);\n}\n\n.form-inline {\n display: flex;\n flex-flow: row wrap;\n align-items: center;\n}\n\n.form-inline .form-check {\n width: 100%;\n}\n\n@media (min-width: 576px) {\n .form-inline label {\n display: flex;\n align-items: center;\n justify-content: center;\n margin-bottom: 0;\n }\n .form-inline .form-group {\n display: flex;\n flex: 0 0 auto;\n flex-flow: row wrap;\n align-items: center;\n margin-bottom: 0;\n }\n .form-inline .form-control {\n display: inline-block;\n width: auto;\n vertical-align: middle;\n }\n .form-inline .form-control-plaintext {\n display: inline-block;\n }\n .form-inline .input-group,\n .form-inline .custom-select {\n width: auto;\n }\n .form-inline .form-check {\n display: flex;\n align-items: center;\n justify-content: center;\n width: auto;\n padding-left: 0;\n }\n .form-inline .form-check-input {\n position: relative;\n flex-shrink: 0;\n margin-top: 0;\n margin-right: 0.25rem;\n margin-left: 0;\n }\n .form-inline .custom-control {\n align-items: center;\n justify-content: center;\n }\n .form-inline .custom-control-label {\n margin-bottom: 0;\n }\n}\n\n.custom-control {\n position: relative;\n display: block;\n min-height: 1.249938rem;\n padding-left: 1.5rem;\n}\n\n.custom-control-inline {\n display: inline-flex;\n margin-right: 1rem;\n}\n\n.custom-control-input {\n position: absolute;\n z-index: -1;\n opacity: 0;\n}\n\n.custom-control-input:checked ~ .custom-control-label::before {\n color: #fff;\n border-color: #005fbf;\n background-color: #005fbf;\n}\n\n.custom-control-input:focus ~ .custom-control-label::before {\n box-shadow: 0 0 0 0.2rem rgba(19, 87, 255, 0.25);\n}\n\n.custom-control-input:focus:not(:checked) ~ .custom-control-label::before {\n border-color: #409fff;\n}\n\n.custom-control-input:not(:disabled):active ~ .custom-control-label::before {\n color: #fff;\n background-color: #73b8ff;\n border-color: #73b8ff;\n}\n\n.custom-control-input:disabled ~ .custom-control-label {\n color: #b4b4b4;\n}\n\n.custom-control-input:disabled ~ .custom-control-label::before {\n background-color: #f2f4f7;\n}\n\n.custom-control-label {\n position: relative;\n margin-bottom: 0;\n vertical-align: top;\n}\n\n.custom-control-label::before {\n position: absolute;\n top: 0.124969rem;\n left: -1.5rem;\n display: block;\n width: 1rem;\n height: 1rem;\n pointer-events: none;\n content: \"\";\n background-color: #fff;\n border: #adb5bd solid 1px;\n}\n\n.custom-control-label::after {\n position: absolute;\n top: 0.124969rem;\n left: -1.5rem;\n display: block;\n width: 1rem;\n height: 1rem;\n content: \"\";\n background: no-repeat 50% / 50% 50%;\n}\n\n.custom-checkbox .custom-control-label::before {\n border-radius: 4px;\n}\n\n.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after {\n background-image: url(\"data:image/svg+xml, %3csvg width='12' height='10' viewBox='0 0 12 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M0.542893 4.54289C0.933418 4.15237 1.56658 4.15237 1.95711 4.54289L4.25 6.83579L10.0429 1.04289C10.4334 0.652369 11.0666 0.652369 11.4571 1.04289C11.8476 1.43342 11.8476 2.06658 11.4571 2.45711L4.95711 8.95711C4.56658 9.34763 3.93342 9.34763 3.54289 8.95711L0.542893 5.95711C0.152369 5.56658 0.152369 4.93342 0.542893 4.54289Z' fill='%23ffffff'/%3e%3c/svg%3e\");\n}\n\n.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before {\n border-color: #005fbf;\n background-color: #005fbf;\n}\n\n.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::after {\n background-image: url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 4'%3e%3cpath stroke='%23ffffff' d='M0 2h4'/%3e%3c/svg%3e\");\n}\n\n.custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before {\n background-color: rgba(0, 95, 191, 0.5);\n}\n\n.custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label::before {\n background-color: rgba(0, 95, 191, 0.5);\n}\n\n.custom-radio .custom-control-label::before {\n border-radius: 50%;\n}\n\n.custom-radio .custom-control-input:checked ~ .custom-control-label::after {\n background-image: url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23ffffff'/%3e%3c/svg%3e\");\n}\n\n.custom-radio .custom-control-input:disabled:checked ~ .custom-control-label::before {\n background-color: rgba(0, 95, 191, 0.5);\n}\n\n.custom-switch {\n padding-left: 2.25rem;\n}\n\n.custom-switch .custom-control-label::before {\n left: -2.25rem;\n width: 1.75rem;\n pointer-events: all;\n border-radius: 0.5rem;\n}\n\n.custom-switch .custom-control-label::after {\n top: calc(0.124969rem + 2px);\n left: calc(-2.25rem + 2px);\n width: calc(1rem - 4px);\n height: calc(1rem - 4px);\n background-color: #adb5bd;\n border-radius: 0.5rem;\n transition: transform 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;\n}\n\n@media (prefers-reduced-motion: reduce) {\n .custom-switch .custom-control-label::after {\n transition: none;\n }\n}\n\n.custom-switch .custom-control-input:checked ~ .custom-control-label::after {\n background-color: #fff;\n transform: translateX(0.75rem);\n}\n\n.custom-switch .custom-control-input:disabled:checked ~ .custom-control-label::before {\n background-color: rgba(0, 95, 191, 0.5);\n}\n\n.custom-select {\n display: inline-block;\n width: 100%;\n height: calc(1.4285em + 0.75rem + 2px);\n padding: 8px 1.75rem 8px 0.75rem;\n font-size: 0.875rem;\n font-weight: 400;\n line-height: 1.4285;\n color: #777;\n vertical-align: middle;\n background: url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='%23777' d='M6.28178611,7.34112994 C5.98969924,7.04743259 5.5148273,7.04612703 5.22112994,7.33821389 C4.92743259,7.63030076 4.92612703,8.1051727 5.21821389,8.39887006 L9.44490899,12.6488701 C9.73699896,12.9425705 10.2118771,12.9438725 10.5055731,12.6517782 L14.7788781,8.40177816 C15.072571,8.10968687 15.0738694,7.63481492 14.7817782,7.34112195 C14.4896869,7.04742898 14.0148149,7.04613056 13.7211219,7.33822184 L9.9796032,11.0593358 L6.28178611,7.34112994 Z'/%3e%3c/svg%3e\") no-repeat right 0.75rem center/24px;\n background-color: #fff;\n border: 1px solid #e2e2e2;\n border-radius: 4px;\n appearance: none;\n}\n\n.custom-select:focus {\n border-color: #409fff;\n outline: 0;\n box-shadow: 0 0 0 0.2rem rgba(19, 87, 255, 0.25);\n}\n\n.custom-select:focus::-ms-value {\n color: #212121;\n background-color: #fff;\n}\n\n.custom-select[multiple], .custom-select[size]:not([size=\"1\"]) {\n height: auto;\n padding-right: 0.75rem;\n background-image: none;\n}\n\n.custom-select:disabled {\n color: #b4b4b4;\n background-color: #f2f4f7;\n}\n\n.custom-select::-ms-expand {\n display: none;\n}\n\n.custom-select-sm {\n height: calc(1.4285em + 0.5rem + 2px);\n padding-top: 0.25rem;\n padding-bottom: 0.25rem;\n padding-left: 0.5rem;\n font-size: 0.75rem;\n}\n\n.custom-select-lg {\n height: calc(1.4285em + 1rem + 2px);\n padding-top: 0.5rem;\n padding-bottom: 0.5rem;\n padding-left: 1rem;\n font-size: 1.25rem;\n}\n\n.custom-file {\n position: relative;\n display: inline-block;\n width: 100%;\n height: calc(1.4285em + 0.75rem + 2px);\n margin-bottom: 0;\n}\n\n.custom-file-input {\n position: relative;\n z-index: 2;\n width: 100%;\n height: calc(1.4285em + 0.75rem + 2px);\n margin: 0;\n opacity: 0;\n}\n\n.custom-file-input:focus ~ .custom-file-label {\n border-color: #409fff;\n box-shadow: 0 0 0 0.2rem rgba(19, 87, 255, 0.25);\n}\n\n.custom-file-input:disabled ~ .custom-file-label {\n background-color: #f2f4f7;\n}\n\n.custom-file-input:lang(en) ~ .custom-file-label::after {\n content: \"Choose file\";\n}\n\n.custom-file-input:lang(id) ~ .custom-file-label::after {\n content: \"Pilih file\";\n}\n\n.custom-file-input ~ .custom-file-label[data-browse]::after {\n content: attr(data-browse);\n}\n\n.custom-file-label {\n position: absolute;\n top: 0;\n right: 0;\n left: 0;\n z-index: 1;\n height: calc(1.4285em + 0.75rem + 2px);\n padding: 0.375rem 0.75rem;\n font-weight: 400;\n line-height: 1.4285;\n color: #212121;\n background-color: #fff;\n border: 1px solid #e2e2e2;\n border-radius: 4px;\n}\n\n.custom-file-label::after {\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n z-index: 3;\n display: block;\n height: calc(1.4285em + 0.75rem);\n padding: 0.375rem 0.75rem;\n line-height: 1.4285;\n color: #212121;\n content: \"Browse\";\n background-color: #f2f4f7;\n border-left: inherit;\n border-radius: 0 4px 4px 0;\n}\n\n.custom-range {\n width: 100%;\n height: calc(1rem + 0.4rem);\n padding: 0;\n background-color: transparent;\n appearance: none;\n}\n\n.custom-range:focus {\n outline: none;\n}\n\n.custom-range:focus::-webkit-slider-thumb {\n box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(19, 87, 255, 0.25);\n}\n\n.custom-range:focus::-moz-range-thumb {\n box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(19, 87, 255, 0.25);\n}\n\n.custom-range:focus::-ms-thumb {\n box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(19, 87, 255, 0.25);\n}\n\n.custom-range::-moz-focus-outer {\n border: 0;\n}\n\n.custom-range::-webkit-slider-thumb {\n width: 1rem;\n height: 1rem;\n margin-top: -0.25rem;\n background-color: #005fbf;\n border: 0;\n border-radius: 1rem;\n transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;\n appearance: none;\n}\n\n@media (prefers-reduced-motion: reduce) {\n .custom-range::-webkit-slider-thumb {\n transition: none;\n }\n}\n\n.custom-range::-webkit-slider-thumb:active {\n background-color: #73b8ff;\n}\n\n.custom-range::-webkit-slider-runnable-track {\n width: 100%;\n height: 0.5rem;\n color: transparent;\n cursor: pointer;\n background-color: #dee2e6;\n border-color: transparent;\n border-radius: 1rem;\n}\n\n.custom-range::-moz-range-thumb {\n width: 1rem;\n height: 1rem;\n background-color: #005fbf;\n border: 0;\n border-radius: 1rem;\n transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;\n appearance: none;\n}\n\n@media (prefers-reduced-motion: reduce) {\n .custom-range::-moz-range-thumb {\n transition: none;\n }\n}\n\n.custom-range::-moz-range-thumb:active {\n background-color: #73b8ff;\n}\n\n.custom-range::-moz-range-track {\n width: 100%;\n height: 0.5rem;\n color: transparent;\n cursor: pointer;\n background-color: #dee2e6;\n border-color: transparent;\n border-radius: 1rem;\n}\n\n.custom-range::-ms-thumb {\n width: 1rem;\n height: 1rem;\n margin-top: 0;\n margin-right: 0.2rem;\n margin-left: 0.2rem;\n background-color: #005fbf;\n border: 0;\n border-radius: 1rem;\n transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;\n appearance: none;\n}\n\n@media (prefers-reduced-motion: reduce) {\n .custom-range::-ms-thumb {\n transition: none;\n }\n}\n\n.custom-range::-ms-thumb:active {\n background-color: #73b8ff;\n}\n\n.custom-range::-ms-track {\n width: 100%;\n height: 0.5rem;\n color: transparent;\n cursor: pointer;\n background-color: transparent;\n border-color: transparent;\n border-width: 0.5rem;\n}\n\n.custom-range::-ms-fill-lower {\n background-color: #dee2e6;\n border-radius: 1rem;\n}\n\n.custom-range::-ms-fill-upper {\n margin-right: 15px;\n background-color: #dee2e6;\n border-radius: 1rem;\n}\n\n.custom-range:disabled::-webkit-slider-thumb {\n background-color: #adb5bd;\n}\n\n.custom-range:disabled::-webkit-slider-runnable-track {\n cursor: default;\n}\n\n.custom-range:disabled::-moz-range-thumb {\n background-color: #adb5bd;\n}\n\n.custom-range:disabled::-moz-range-track {\n cursor: default;\n}\n\n.custom-range:disabled::-ms-thumb {\n background-color: #adb5bd;\n}\n\n.custom-control-label::before,\n.custom-file-label,\n.custom-select {\n transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;\n}\n\n@media (prefers-reduced-motion: reduce) {\n .custom-control-label::before,\n .custom-file-label,\n .custom-select {\n transition: none;\n }\n}\n\n.input-group {\n position: relative;\n display: flex;\n flex-wrap: wrap;\n align-items: stretch;\n width: 100%;\n}\n\n.input-group > .form-control,\n.input-group > .form-control-plaintext,\n.input-group > .custom-select,\n.input-group > .custom-file {\n position: relative;\n flex: 1 1 auto;\n width: 1%;\n margin-bottom: 0;\n}\n\n.input-group > .form-control + .form-control,\n.input-group > .form-control + .custom-select,\n.input-group > .form-control + .custom-file,\n.input-group > .form-control-plaintext + .form-control,\n.input-group > .form-control-plaintext + .custom-select,\n.input-group > .form-control-plaintext + .custom-file,\n.input-group > .custom-select + .form-control,\n.input-group > .custom-select + .custom-select,\n.input-group > .custom-select + .custom-file,\n.input-group > .custom-file + .form-control,\n.input-group > .custom-file + .custom-select,\n.input-group > .custom-file + .custom-file {\n margin-left: -1px;\n}\n\n.input-group > .form-control:focus,\n.input-group > .custom-select:focus,\n.input-group > .custom-file .custom-file-input:focus ~ .custom-file-label {\n z-index: 3;\n}\n\n.input-group > .custom-file .custom-file-input:focus {\n z-index: 4;\n}\n\n.input-group > .form-control:not(:last-child),\n.input-group > .custom-select:not(:last-child) {\n border-top-right-radius: 0;\n border-bottom-right-radius: 0;\n}\n\n.input-group > .form-control:not(:first-child),\n.input-group > .custom-select:not(:first-child) {\n border-top-left-radius: 0;\n border-bottom-left-radius: 0;\n}\n\n.input-group > .custom-file {\n display: flex;\n align-items: center;\n}\n\n.input-group > .custom-file:not(:last-child) .custom-file-label,\n.input-group > .custom-file:not(:last-child) .custom-file-label::after {\n border-top-right-radius: 0;\n border-bottom-right-radius: 0;\n}\n\n.input-group > .custom-file:not(:first-child) .custom-file-label {\n border-top-left-radius: 0;\n border-bottom-left-radius: 0;\n}\n\n.input-group-prepend,\n.input-group-append {\n display: flex;\n}\n\n.input-group-prepend .btn,\n.input-group-append .btn {\n position: relative;\n z-index: 2;\n}\n\n.input-group-prepend .btn:focus,\n.input-group-append .btn:focus {\n z-index: 3;\n}\n\n.input-group-prepend .btn + .btn,\n.input-group-prepend .btn + .input-group-text,\n.input-group-prepend .input-group-text + .input-group-text,\n.input-group-prepend .input-group-text + .btn,\n.input-group-append .btn + .btn,\n.input-group-append .btn + .input-group-text,\n.input-group-append .input-group-text + .input-group-text,\n.input-group-append .input-group-text + .btn {\n margin-left: -1px;\n}\n\n.input-group-prepend {\n margin-right: -1px;\n}\n\n.input-group-append {\n margin-left: -1px;\n}\n\n.input-group-text {\n display: flex;\n align-items: center;\n padding: 0.375rem 0.75rem;\n margin-bottom: 0;\n font-size: 0.875rem;\n font-weight: 400;\n line-height: 1.4285;\n color: #212121;\n text-align: center;\n white-space: nowrap;\n background-color: #f2f4f7;\n border: 1px solid #e2e2e2;\n border-radius: 4px;\n}\n\n.input-group-text input[type=\"radio\"],\n.input-group-text input[type=\"checkbox\"] {\n margin-top: 0;\n}\n\n.input-group-lg > .form-control:not(textarea),\n.input-group-lg > .custom-select {\n height: calc(1.4285em + 1rem + 2px);\n}\n\n.input-group-lg > .form-control,\n.input-group-lg > .custom-select,\n.input-group-lg > .input-group-prepend > .input-group-text,\n.input-group-lg > .input-group-append > .input-group-text,\n.input-group-lg > .input-group-prepend > .btn,\n.input-group-lg > .input-group-append > .btn {\n padding: 0.5rem 1rem;\n font-size: 1.25rem;\n line-height: 1.4285;\n border-radius: 4px;\n}\n\n.input-group-sm > .form-control:not(textarea),\n.input-group-sm > .custom-select {\n height: calc(1.4285em + 0.5rem + 2px);\n}\n\n.input-group-sm > .form-control,\n.input-group-sm > .custom-select,\n.input-group-sm > .input-group-prepend > .input-group-text,\n.input-group-sm > .input-group-append > .input-group-text,\n.input-group-sm > .input-group-prepend > .btn,\n.input-group-sm > .input-group-append > .btn {\n padding: 0.25rem 0.5rem;\n font-size: 0.75rem;\n line-height: 1.4285;\n border-radius: 4px;\n}\n\n.input-group-lg > .custom-select,\n.input-group-sm > .custom-select {\n padding-right: 1.75rem;\n}\n\n.input-group > .input-group-prepend > .btn,\n.input-group > .input-group-prepend > .input-group-text,\n.input-group > .input-group-append:not(:last-child) > .btn,\n.input-group > .input-group-append:not(:last-child) > .input-group-text,\n.input-group > .input-group-append:last-child > .btn:not(:last-child):not(.dropdown-toggle),\n.input-group > .input-group-append:last-child > .input-group-text:not(:last-child) {\n border-top-right-radius: 0;\n border-bottom-right-radius: 0;\n}\n\n.input-group > .input-group-append > .btn,\n.input-group > .input-group-append > .input-group-text,\n.input-group > .input-group-prepend:not(:first-child) > .btn,\n.input-group > .input-group-prepend:not(:first-child) > .input-group-text,\n.input-group > .input-group-prepend:first-child > .btn:not(:first-child),\n.input-group > .input-group-prepend:first-child > .input-group-text:not(:first-child) {\n border-top-left-radius: 0;\n border-bottom-left-radius: 0;\n}\n\n.form-control {\n padding: 8px 12px;\n margin-top: 4px;\n margin-bottom: 4px;\n line-height: 20px;\n color: #212121;\n}\n\n.form-control:hover:not(:disabled):not([readonly]) {\n border: 1px solid #005fbf;\n}\n\n.form-control:disabled, .form-control[readonly] {\n color: #b4b4b4;\n cursor: not-allowed;\n background-color: #f2f4f7;\n border-color: #e2e2e2;\n outline: none;\n box-shadow: none;\n}\n\n.form-control:focus {\n color: #212121;\n}\n\n.form-control.prefix-icon {\n padding-left: 36px;\n}\n\n.form-control.suffix-icon {\n padding-right: 36px;\n}\n\n.form-control.with-reset-icon, .form-control.suffix-icon--double {\n padding-right: 36px;\n}\n\n.form-control.with-reset-icon.suffix-icon, .form-control.suffix-icon--double.suffix-icon {\n padding-right: 72px;\n}\n\n.form-control.is-invalid, .form-control:invalid {\n border-color: #d74022;\n}\n\n.form-control-plaintext:focus {\n outline: none;\n box-shadow: none;\n}\n\n.form-group label {\n margin-bottom: 0;\n}\n\n.form-row label {\n margin-bottom: 0;\n}\n\n.custom-select,\n.custom-file-input {\n height: 38px;\n padding: 8px 8px 8px 12px;\n margin: 4px 0;\n line-height: 20px;\n color: #212121;\n}\n\n.custom-select:hover:not(:disabled),\n.custom-file-input:hover:not(:disabled) {\n cursor: pointer;\n border: 1px solid #005fbf;\n}\n\n.custom-select:focus,\n.custom-file-input:focus {\n box-shadow: 0 0 4px 1px rgba(0, 95, 191, 0.3);\n}\n\n.custom-select:disabled,\n.custom-file-input:disabled {\n color: #b4b4b4;\n cursor: not-allowed;\n background-color: #f2f4f7;\n border-color: #e2e2e2;\n}\n\n.custom-select:not(:focus):invalid,\n.custom-file-input:not(:focus):invalid {\n color: #b4b4b4;\n}\n\ninput[type=\"file\"] {\n cursor: pointer;\n}\n\ninput[type=\"file\"]::-webkit-file-upload-button {\n cursor: pointer;\n}\n\n.custom-file {\n display: flex;\n flex-wrap: wrap;\n align-items: center;\n height: auto;\n margin-bottom: 20px;\n}\n\n.custom-file:hover .custom-file-label::before {\n border: 1px solid #b4b4b4;\n}\n\n.custom-file .form-text {\n margin-top: 4px;\n}\n\n.custom-file ~ .custom-file-list-wrapper {\n margin-bottom: 12px;\n}\n\n.custom-file-input {\n margin: 0;\n}\n\n.custom-file-label {\n display: flex;\n align-items: flex-end;\n height: 38px;\n padding: 8px 12px;\n margin-bottom: 0;\n color: #b4b4b4;\n}\n\n.custom-file-label::after {\n display: none;\n}\n\n.custom-file-label::before {\n position: relative;\n top: 3px;\n bottom: 0;\n z-index: 3;\n display: flex;\n align-items: center;\n height: 24px;\n padding: 2px 8px;\n margin-right: 12px;\n line-height: 20px;\n color: #777;\n content: \"Choose File\";\n background-color: #fbfbfb;\n border: 1px solid #e2e2e2;\n border-radius: 4px;\n}\n\n.valid-feedback,\n.invalid-feedback {\n font-size: 12px;\n}\n\n.form-group-label {\n margin-bottom: 0;\n font-weight: 600;\n line-height: 20px;\n}\n\n.custom-control {\n margin-bottom: 4px;\n}\n\n.form-group-label + .custom-control,\n.form-group-label + .custom-file {\n margin-top: 4px;\n}\n\n.custom-control-input:focus {\n box-shadow: 0 0 0 0.2rem rgba(19, 87, 255, 0.25);\n}\n\n.custom-control-input:hover ~ .custom-control-label::before {\n cursor: pointer;\n border-color: #005fbf;\n}\n\n.custom-control-input:hover ~ .custom-control-label::after,\n.custom-control-input:hover ~ .custom-control-label {\n cursor: pointer;\n}\n\n.custom-control-input:disabled ~ .custom-control-label::after {\n cursor: not-allowed;\n border: none;\n}\n\n.custom-control-input:disabled ~ .custom-control-label::before {\n cursor: not-allowed;\n background-color: #f2f4f7 !important;\n border: 1px solid #e2e2e2 !important;\n}\n\n.custom-control-input:disabled ~ .custom-control-label {\n cursor: not-allowed;\n}\n\n.custom-control-label {\n font-weight: 400;\n color: #212121;\n}\n\n.custom-control-label::before {\n top: 1px;\n}\n\n.custom-control-label::after {\n top: 1px;\n}\n\n.custom-checkbox .custom-control-label::after {\n background: no-repeat 50%;\n}\n\n.custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::after {\n background: url(\"data:image/svg+xml, %3csvg width='12' height='10' viewBox='0 0 12 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M0.542893 4.54289C0.933418 4.15237 1.56658 4.15237 1.95711 4.54289L4.25 6.83579L10.0429 1.04289C10.4334 0.652369 11.0666 0.652369 11.4571 1.04289C11.8476 1.43342 11.8476 2.06658 11.4571 2.45711L4.95711 8.95711C4.56658 9.34763 3.93342 9.34763 3.54289 8.95711L0.542893 5.95711C0.152369 5.56658 0.152369 4.93342 0.542893 4.54289Z' fill='%23b4b4b4'/%3e%3c/svg%3e\") no-repeat 50%;\n}\n\n.custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label::after {\n background: url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 4'%3e%3cpath stroke='%23b4b4b4' d='M0 2h4'/%3e%3c/svg%3e\") no-repeat 50%;\n}\n\n.custom-radio .custom-control-label::after {\n background: no-repeat 100% / 100% 50%;\n}\n\n.custom-radio .custom-control-input:disabled:checked ~ .custom-control-label::after {\n background: url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23b4b4b4'/%3e%3c/svg%3e\") no-repeat 100%/100% 50%;\n}\n\n.form-check {\n margin-bottom: 4px;\n}\n\ntextarea.form-control {\n min-width: 184px;\n height: 80px;\n min-height: 38px;\n max-height: 200px;\n padding-right: 12px;\n padding-left: 12px;\n}\n\ntextarea.form-control::-webkit-scrollbar {\n width: 12px;\n background-color: transparent;\n}\n\ntextarea.form-control::-webkit-scrollbar-thumb {\n background-color: #777;\n background-clip: padding-box;\n border: 4px solid transparent;\n border-radius: 16px;\n}\n\ntextarea.form-control::-webkit-scrollbar-track {\n background-color: #fff;\n border-radius: 4px;\n}\n\n.form-text {\n font-size: 12px;\n color: #777;\n}\n\n.input-group {\n margin-top: 4px;\n margin-bottom: 4px;\n}\n\n.input-group .form-control {\n margin-top: 0;\n margin-bottom: 0;\n}\n\n.input-group .valid-feedback,\n.input-group .invalid-feedback {\n margin-top: 4px;\n}\n\n/ stylelint-disable property-no-vendor-prefix /\n.custom-select,\n.custom-select-sm {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n}\n\n/ stylelint-enable property-no-vendor-prefix /\n.form-xs {\n width: 80px;\n max-width: 80px;\n}\n\n.form-sm {\n width: 184px;\n max-width: 184px;\n}\n\n.form-md {\n width: 288px;\n max-width: 288px;\n}\n\n.form-lg {\n width: 392px;\n max-width: 392px;\n}\n\n.form-xl {\n width: 600px;\n max-width: 600px;\n}\n\n.counter-label {\n float: right;\n font-weight: 400;\n}\n\n.input-group-text {\n display: flex;\n align-items: center;\n padding: 0.375rem 0.75rem;\n margin-bottom: 0;\n font-size: 0.875rem;\n font-weight: 400;\n line-height: 1.4285;\n color: #212121;\n text-align: center;\n white-space: nowrap;\n background-color: #f2f4f7;\n border: 1px solid #e2e2e2;\n border-radius: 4px;\n}\n\n.input-date-picker,\n.input-no-readonly {\n color: #212121 !important;\n cursor: pointer !important;\n background-color: #fff !important;\n}\n\n.input-date-picker:hover:not(:disabled),\n.input-no-readonly:hover:not(:disabled) {\n border: 1px solid #005fbf;\n}\n\n.input-with-icon-container {\n position: relative;\n}\n\n/# sourceMappingURL=mekari-ui-form.css.map /","// Form control focus state\n//\n// Generate a customized focus state and for any input with the specified color,\n// which defaults to the `$input-focus-border-color` variable.\n//\n// We highly encourage you to not customize the default value, but instead use\n// this to tweak colors on an as-needed basis. This aesthetic change is based on\n// WebKit's default styles, but applicable to a wider range of browsers. Its\n// usability and accessibility should be taken into account with any change.\n//\n// Example usage: change the default blue border and shadow to white for better\n// contrast against a dark gray background.\n@mixin form-control-focus() {\n &:focus {\n color: $input-focus-color;\n background-color: $input-focus-bg;\n border-color: $input-focus-border-color;\n outline: 0;\n // Avoid using mixin so we can pass custom focus shadow properly\n @if $enable-shadows {\n box-shadow: $input-box-shadow, $input-focus-box-shadow;\n } @else {\n box-shadow: $input-focus-box-shadow;\n }\n }\n}\n\n\n@mixin form-validation-state($state, $color, $icon) {\n .#{$state}-feedback {\n display: none;\n width: 100%;\n margin-top: $form-feedback-margin-top;\n @include font-size($form-feedback-font-size);\n color: $color;\n }\n\n .#{$state}-tooltip {\n position: absolute;\n top: 100%;\n z-index: 5;\n display: none;\n max-width: 100%; // Contain to parent when possible\n padding: $form-feedback-tooltip-padding-y $form-feedback-tooltip-padding-x;\n margin-top: .1rem;\n @include font-size($form-feedback-tooltip-font-size);\n line-height: $form-feedback-tooltip-line-height;\n color: color-yiq($color);\n background-color: rgba($color, $form-feedback-tooltip-opacity);\n @include border-radius($form-feedback-tooltip-border-radius);\n }\n\n .#{$prefix}form-control {\n .was-validated &:#{$state},\n &.is-#{$state} {\n border-color: $color;\n\n @if $enable-validation-icons {\n padding-right: $input-height-inner;\n background-image: $icon;\n background-repeat: no-repeat;\n background-position: center right $input-height-inner-quarter;\n background-size: $input-height-inner-half $input-height-inner-half;\n }\n\n &:focus {\n border-color: $color;\n box-shadow: 0 0 0 $input-focus-width rgba($color, .25);\n }\n\n ~ .#{$state}-feedback,\n ~ .#{$state}-tooltip {\n display: block;\n }\n }\n }\n\n // stylelint-disable-next-line selector-no-qualifying-type\n textarea.#{$prefix}form-control {\n .was-validated &:#{$state},\n &.is-#{$state} {\n @if $enable-validation-icons {\n padding-right: $input-height-inner;\n background-position: top $input-height-inner-quarter right $input-height-inner-quarter;\n }\n }\n }\n\n .#{$prefix}custom-select {\n .was-validated &:#{$state},\n &.is-#{$state} {\n border-color: $color;\n\n @if $enable-validation-icons {\n padding-right: $custom-select-feedback-icon-padding-right;\n background: $custom-select-background, $icon $custom-select-bg no-repeat $custom-select-feedback-icon-position / $custom-select-feedback-icon-size;\n }\n\n &:focus {\n border-color: $color;\n box-shadow: 0 0 0 $input-focus-width rgba($color, .25);\n }\n\n ~ .#{$state}-feedback,\n ~ .#{$state}-tooltip {\n display: block;\n }\n }\n }\n\n\n .#{$prefix}form-control-file {\n .was-validated &:#{$state},\n &.is-#{$state} {\n ~ .#{$state}-feedback,\n ~ .#{$state}-tooltip {\n display: block;\n }\n }\n }\n\n .#{$prefix}form-check-input {\n .was-validated &:#{$state},\n &.is-#{$state} {\n ~ .#{$prefix}form-check-label {\n color: $color;\n }\n\n ~ .#{$state}-feedback,\n ~ .#{$state}-tooltip {\n display: block;\n }\n }\n }\n\n .#{$prefix}custom-control-input {\n .was-validated &:#{$state},\n &.is-#{$state} {\n ~ .#{$prefix}custom-control-label {\n color: $color;\n\n &::before {\n border-color: $color;\n }\n }\n\n ~ .#{$state}-feedback,\n ~ .#{$state}-tooltip {\n display: block;\n }\n\n &:checked {\n ~ .#{$prefix}custom-control-label::before {\n border-color: lighten($color, 10%);\n @include gradient-bg(lighten($color, 10%));\n }\n }\n\n &:focus {\n ~ .#{$prefix}custom-control-label::before {\n box-shadow: 0 0 0 $input-focus-width rgba($color, .25);\n }\n\n &:not(:checked) ~ .#{$prefix}custom-control-label::before {\n border-color: $color;\n }\n }\n }\n }\n\n // custom file\n .#{$prefix}custom-file-input {\n .was-validated &:#{$state},\n &.is-#{$state} {\n ~ .#{$prefix}custom-file-label {\n border-color: $color;\n }\n\n ~ .#{$state}-feedback,\n ~ .#{$state}-tooltip {\n display: block;\n }\n\n &:focus {\n ~ .#{$prefix}custom-file-label {\n border-color: $color;\n box-shadow: 0 0 0 $input-focus-width rgba($color, .25);\n }\n }\n }\n }\n}\n","// Variables\n//\n// Variables should follow the `$component-state-property-size` formula for\n// consistent naming. Ex: $nav-link-disabled-color and $modal-content-box-shadow-xs.\n\n// Color system\n\n$white: #fff !default;\n$gray-100: #f8f9fa !default;\n$gray-200: #e9ecef !default;\n$gray-300: #dee2e6 !default;\n$gray-400: #ced4da !default;\n$gray-500: #adb5bd !default;\n$gray-600: #6c757d !default;\n$gray-700: #495057 !default;\n$gray-800: #343a40 !default;\n$gray-900: #212529 !default;\n$black: #000 !default;\n\n$grays: () !default;\n// stylelint-disable-next-line scss/dollar-variable-default\n$grays: map-merge(\n (\n \"100\": $gray-100,\n \"200\": $gray-200,\n \"300\": $gray-300,\n \"400\": $gray-400,\n \"500\": $gray-500,\n \"600\": $gray-600,\n \"700\": $gray-700,\n \"800\": $gray-800,\n \"900\": $gray-900\n ),\n $grays\n);\n\n$blue: #007bff !default;\n$indigo: #6610f2 !default;\n$purple: #6f42c1 !default;\n$pink: #e83e8c !default;\n$red: #dc3545 !default;\n$orange: #fd7e14 !default;\n$yellow: #ffc107 !default;\n$green: #28a745 !default;\n$teal: #20c997 !default;\n$cyan: #17a2b8 !default;\n\n$colors: () !default;\n// stylelint-disable-next-line scss/dollar-variable-default\n$colors: map-merge(\n (\n \"blue\": $blue,\n \"indigo\": $indigo,\n \"purple\": $purple,\n \"pink\": $pink,\n \"red\": $red,\n \"orange\": $orange,\n \"yellow\": $yellow,\n \"green\": $green,\n \"teal\": $teal,\n \"cyan\": $cyan,\n \"white\": $white,\n \"gray\": $gray-600,\n \"gray-dark\": $gray-800\n ),\n $colors\n);\n\n$primary: $blue !default;\n$secondary: $gray-600 !default;\n$success: $green !default;\n$info: $cyan !default;\n$warning: $yellow !default;\n$danger: $red !default;\n$light: $gray-100 !default;\n$dark: $gray-800 !default;\n\n$theme-colors: () !default;\n// stylelint-disable-next-line scss/dollar-variable-default\n$theme-colors: map-merge(\n (\n \"primary\": $primary,\n \"secondary\": $secondary,\n \"success\": $success,\n \"info\": $info,\n \"warning\": $warning,\n \"danger\": $danger,\n \"light\": $light,\n \"dark\": $dark\n ),\n $theme-colors\n);\n\n// Set a specific jump point for requesting color jumps\n$theme-color-interval: 8% !default;\n\n// The yiq lightness value that determines when the lightness of color changes from \"dark\" to \"light\". Acceptable values are between 0 and 255.\n$yiq-contrasted-threshold: 150 !default;\n\n// Customize the light and dark text colors for use in our YIQ color contrast function.\n$yiq-text-dark: $gray-900 !default;\n$yiq-text-light: $white !default;\n\n\n// Options\n//\n// Quickly modify global styling by enabling or disabling optional features.\n\n$enable-caret: true !default;\n$enable-rounded: true !default;\n$enable-shadows: false !default;\n$enable-gradients: false !default;\n$enable-transitions: true !default;\n$enable-prefers-reduced-motion-media-query: true !default;\n$enable-hover-media-query: false !default; // Deprecated, no longer affects any compiled CSS\n$enable-grid-classes: true !default;\n$enable-pointer-cursor-for-buttons: true !default;\n$enable-print-styles: true !default;\n$enable-responsive-font-sizes: false !default;\n$enable-validation-icons: true !default;\n$enable-deprecation-messages: true !default;\n\n\n// Spacing\n//\n// Control the default styling of most Bootstrap elements by modifying these\n// variables. Mostly focused on spacing.\n// You can add more entries to the $spacers map, should you need more variation.\n\n$spacer: 1rem !default;\n$spacers: () !default;\n// stylelint-disable-next-line scss/dollar-variable-default\n$spacers: map-merge(\n (\n 0: 0,\n 1: ($spacer .25),\n 2: ($spacer * .5),\n 3: $spacer,\n 4: ($spacer * 1.5),\n 5: ($spacer * 3)\n ),\n $spacers\n);\n\n// This variable affects the `.h-` and `.w-` classes.\n$sizes: () !default;\n// stylelint-disable-next-line scss/dollar-variable-default\n$sizes: map-merge(\n (\n 25: 25%,\n 50: 50%,\n 75: 75%,\n 100: 100%,\n auto: auto\n ),\n $sizes\n);\n\n\n// Body\n//\n// Settings for the `<body>` element.\n\n$body-bg: $white !default;\n$body-color: $gray-900 !default;\n\n\n// Links\n//\n// Style anchor elements.\n\n$link-color: theme-color(\"primary\") !default;\n$link-decoration: none !default;\n$link-hover-color: darken($link-color, 15%) !default;\n$link-hover-decoration: underline !default;\n// Darken percentage for links with `.text-` class (e.g. `.text-success`)\n$emphasized-link-hover-darken-percentage: 15% !default;\n\n// Paragraphs\n//\n// Style p element.\n\n$paragraph-margin-bottom: 1rem !default;\n\n\n// Grid breakpoints\n//\n// Define the minimum dimensions at which your layout will change,\n// adapting to different screen sizes, for use in media queries.\n\n$grid-breakpoints: (\n xs: 0,\n sm: 576px,\n md: 768px,\n lg: 992px,\n xl: 1200px\n) !default;\n\n@include _assert-ascending($grid-breakpoints, \"$grid-breakpoints\");\n@include _assert-starts-at-zero($grid-breakpoints, \"$grid-breakpoints\");\n\n\n// Grid containers\n//\n// Define the maximum width of `.container` for different screen sizes.\n\n$container-max-widths: (\n sm: 540px,\n md: 720px,\n lg: 960px,\n xl: 1140px\n) !default;\n\n@include _assert-ascending($container-max-widths, \"$container-max-widths\");\n\n\n// Grid columns\n//\n// Set the number of columns and specify the width of the gutters.\n\n$grid-columns: 12 !default;\n$grid-gutter-width: 30px !default;\n\n\n// Components\n//\n// Define common padding and border radius sizes and more.\n\n$line-height-lg: 1.5 !default;\n$line-height-sm: 1.5 !default;\n\n$border-width: 1px !default;\n$border-color: $gray-300 !default;\n\n$border-radius: .25rem !default;\n$border-radius-lg: .3rem !default;\n$border-radius-sm: .2rem !default;\n\n$rounded-pill: 50rem !default;\n\n$box-shadow-sm: 0 .125rem .25rem rgba($black, .075) !default;\n$box-shadow: 0 .5rem 1rem rgba($black, .15) !default;\n$box-shadow-lg: 0 1rem 3rem rgba($black, .175) !default;\n\n$component-active-color: $white !default;\n$component-active-bg: theme-color(\"primary\") !default;\n\n$caret-width: .3em !default;\n$caret-vertical-align: $caret-width .85 !default;\n$caret-spacing: $caret-width * .85 !default;\n\n$transition-base: all .2s ease-in-out !default;\n$transition-fade: opacity .15s linear !default;\n$transition-collapse: height .35s ease !default;\n\n$embed-responsive-aspect-ratios: () !default;\n// stylelint-disable-next-line scss/dollar-variable-default\n$embed-responsive-aspect-ratios: join(\n (\n (21 9),\n (16 9),\n (4 3),\n (1 1),\n ),\n $embed-responsive-aspect-ratios\n);\n\n// Typography\n//\n// Font, line-height, and color for body text, headings, and more.\n\n// stylelint-disable value-keyword-case\n$font-family-sans-serif: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, \"Noto Sans\", sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\" !default;\n$font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace !default;\n$font-family-base: $font-family-sans-serif !default;\n// stylelint-enable value-keyword-case\n\n$font-size-base: 1rem !default; // Assumes the browser default, typically `16px`\n$font-size-lg: $font-size-base * 1.25 !default;\n$font-size-sm: $font-size-base * .875 !default;\n\n$font-weight-lighter: lighter !default;\n$font-weight-light: 300 !default;\n$font-weight-normal: 400 !default;\n$font-weight-bold: 700 !default;\n$font-weight-bolder: bolder !default;\n\n$font-weight-base: $font-weight-normal !default;\n$line-height-base: 1.5 !default;\n\n$h1-font-size: $font-size-base * 2.5 !default;\n$h2-font-size: $font-size-base * 2 !default;\n$h3-font-size: $font-size-base * 1.75 !default;\n$h4-font-size: $font-size-base * 1.5 !default;\n$h5-font-size: $font-size-base * 1.25 !default;\n$h6-font-size: $font-size-base !default;\n\n$headings-margin-bottom: $spacer / 2 !default;\n$headings-font-family: null !default;\n$headings-font-weight: 500 !default;\n$headings-line-height: 1.2 !default;\n$headings-color: null !default;\n\n$display1-size: 6rem !default;\n$display2-size: 5.5rem !default;\n$display3-size: 4.5rem !default;\n$display4-size: 3.5rem !default;\n\n$display1-weight: 300 !default;\n$display2-weight: 300 !default;\n$display3-weight: 300 !default;\n$display4-weight: 300 !default;\n$display-line-height: $headings-line-height !default;\n\n$lead-font-size: $font-size-base * 1.25 !default;\n$lead-font-weight: 300 !default;\n\n$small-font-size: 80% !default;\n\n$text-muted: $gray-600 !default;\n\n$blockquote-small-color: $gray-600 !default;\n$blockquote-small-font-size: $small-font-size !default;\n$blockquote-font-size: $font-size-base * 1.25 !default;\n\n$hr-border-color: rgba($black, .1) !default;\n$hr-border-width: $border-width !default;\n\n$mark-padding: .2em !default;\n\n$dt-font-weight: $font-weight-bold !default;\n\n$kbd-box-shadow: inset 0 -.1rem 0 rgba($black, .25) !default;\n$nested-kbd-font-weight: $font-weight-bold !default;\n\n$list-inline-padding: .5rem !default;\n\n$mark-bg: #fcf8e3 !default;\n\n$hr-margin-y: $spacer !default;\n\n\n// Tables\n//\n// Customizes the `.table` component with basic values, each used across all table variations.\n\n$table-cell-padding: .75rem !default;\n$table-cell-padding-sm: .3rem !default;\n\n$table-color: $body-color !default;\n$table-bg: null !default;\n$table-accent-bg: rgba($black, .05) !default;\n$table-hover-color: $table-color !default;\n$table-hover-bg: rgba($black, .075) !default;\n$table-active-bg: $table-hover-bg !default;\n\n$table-border-width: $border-width !default;\n$table-border-color: $border-color !default;\n\n$table-head-bg: $gray-200 !default;\n$table-head-color: $gray-700 !default;\n\n$table-dark-color: $white !default;\n$table-dark-bg: $gray-800 !default;\n$table-dark-accent-bg: rgba($white, .05) !default;\n$table-dark-hover-color: $table-dark-color !default;\n$table-dark-hover-bg: rgba($white, .075) !default;\n$table-dark-border-color: lighten($table-dark-bg, 7.5%) !default;\n$table-dark-color: $white !default;\n\n$table-striped-order: odd !default;\n\n$table-caption-color: $text-muted !default;\n\n$table-bg-level: -9 !default;\n$table-border-level: -6 !default;\n\n\n// Buttons + Forms\n//\n// Shared variables that are reassigned to `$input-` and `$btn-` specific variables.\n\n$input-btn-padding-y: .375rem !default;\n$input-btn-padding-x: .75rem !default;\n$input-btn-font-family: null !default;\n$input-btn-font-size: $font-size-base !default;\n$input-btn-line-height: $line-height-base !default;\n\n$input-btn-focus-width: .2rem !default;\n$input-btn-focus-color: rgba($component-active-bg, .25) !default;\n$input-btn-focus-box-shadow: 0 0 0 $input-btn-focus-width $input-btn-focus-color !default;\n\n$input-btn-padding-y-sm: .25rem !default;\n$input-btn-padding-x-sm: .5rem !default;\n$input-btn-font-size-sm: $font-size-sm !default;\n$input-btn-line-height-sm: $line-height-sm !default;\n\n$input-btn-padding-y-lg: .5rem !default;\n$input-btn-padding-x-lg: 1rem !default;\n$input-btn-font-size-lg: $font-size-lg !default;\n$input-btn-line-height-lg: $line-height-lg !default;\n\n$input-btn-border-width: $border-width !default;\n\n\n// Buttons\n//\n// For each of Bootstrap's buttons, define text, background, and border color.\n\n$btn-padding-y: $input-btn-padding-y !default;\n$btn-padding-x: $input-btn-padding-x !default;\n$btn-font-family: $input-btn-font-family !default;\n$btn-font-size: $input-btn-font-size !default;\n$btn-line-height: $input-btn-line-height !default;\n\n$btn-padding-y-sm: $input-btn-padding-y-sm !default;\n$btn-padding-x-sm: $input-btn-padding-x-sm !default;\n$btn-font-size-sm: $input-btn-font-size-sm !default;\n$btn-line-height-sm: $input-btn-line-height-sm !default;\n\n$btn-padding-y-lg: $input-btn-padding-y-lg !default;\n$btn-padding-x-lg: $input-btn-padding-x-lg !default;\n$btn-font-size-lg: $input-btn-font-size-lg !default;\n$btn-line-height-lg: $input-btn-line-height-lg !default;\n\n$btn-border-width: $input-btn-border-width !default;\n\n$btn-font-weight: $font-weight-normal !default;\n$btn-box-shadow: inset 0 1px 0 rgba($white, .15), 0 1px 1px rgba($black, .075) !default;\n$btn-focus-width: $input-btn-focus-width !default;\n$btn-focus-box-shadow: $input-btn-focus-box-shadow !default;\n$btn-disabled-opacity: .65 !default;\n$btn-active-box-shadow: inset 0 3px 5px rgba($black, .125) !default;\n\n$btn-link-disabled-color: $gray-600 !default;\n\n$btn-block-spacing-y: .5rem !default;\n\n// Allows for customizing button radius independently from global border radius\n$btn-border-radius: $border-radius !default;\n$btn-border-radius-lg: $border-radius-lg !default;\n$btn-border-radius-sm: $border-radius-sm !default;\n\n$btn-transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out !default;\n\n\n// Forms\n\n$label-margin-bottom: .5rem !default;\n\n$input-padding-y: $input-btn-padding-y !default;\n$input-padding-x: $input-btn-padding-x !default;\n$input-font-family: $input-btn-font-family !default;\n$input-font-size: $input-btn-font-size !default;\n$input-font-weight: $font-weight-base !default;\n$input-line-height: $input-btn-line-height !default;\n\n$input-padding-y-sm: $input-btn-padding-y-sm !default;\n$input-padding-x-sm: $input-btn-padding-x-sm !default;\n$input-font-size-sm: $input-btn-font-size-sm !default;\n$input-line-height-sm: $input-btn-line-height-sm !default;\n\n$input-padding-y-lg: $input-btn-padding-y-lg !default;\n$input-padding-x-lg: $input-btn-padding-x-lg !default;\n$input-font-size-lg: $input-btn-font-size-lg !default;\n$input-line-height-lg: $input-btn-line-height-lg !default;\n\n$input-bg: $white !default;\n$input-disabled-bg: $gray-200 !default;\n\n$input-color: $gray-700 !default;\n$input-border-color: $gray-400 !default;\n$input-border-width: $input-btn-border-width !default;\n$input-box-shadow: inset 0 1px 1px rgba($black, .075) !default;\n\n$input-border-radius: $border-radius !default;\n$input-border-radius-lg: $border-radius-lg !default;\n$input-border-radius-sm: $border-radius-sm !default;\n\n$input-focus-bg: $input-bg !default;\n$input-focus-border-color: lighten($component-active-bg, 25%) !default;\n$input-focus-color: $input-color !default;\n$input-focus-width: $input-btn-focus-width !default;\n$input-focus-box-shadow: $input-btn-focus-box-shadow !default;\n\n$input-placeholder-color: $gray-600 !default;\n$input-plaintext-color: $body-color !default;\n\n$input-height-border: $input-border-width * 2 !default;\n\n$input-height-inner: calc(#{$input-line-height * 1em} + #{$input-padding-y * 2}) !default;\n$input-height-inner-half: calc(#{$input-line-height * .5em} + #{$input-padding-y}) !default;\n$input-height-inner-quarter: calc(#{$input-line-height * .25em} + #{$input-padding-y / 2}) !default;\n\n$input-height: calc(#{$input-line-height * 1em} + #{$input-padding-y * 2} + #{$input-height-border}) !default;\n$input-height-sm: calc(#{$input-line-height-sm * 1em} + #{$input-btn-padding-y-sm * 2} + #{$input-height-border}) !default;\n$input-height-lg: calc(#{$input-line-height-lg * 1em} + #{$input-btn-padding-y-lg * 2} + #{$input-height-border}) !default;\n\n$input-transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out !default;\n\n$form-text-margin-top: .25rem !default;\n\n$form-check-input-gutter: 1.25rem !default;\n$form-check-input-margin-y: .3rem !default;\n$form-check-input-margin-x: .25rem !default;\n\n$form-check-inline-margin-x: .75rem !default;\n$form-check-inline-input-margin-x: .3125rem !default;\n\n$form-grid-gutter-width: 10px !default;\n$form-group-margin-bottom: 1rem !default;\n\n$input-group-addon-color: $input-color !default;\n$input-group-addon-bg: $gray-200 !default;\n$input-group-addon-border-color: $input-border-color !default;\n\n$custom-forms-transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out !default;\n\n$custom-control-gutter: .5rem !default;\n$custom-control-spacer-x: 1rem !default;\n\n$custom-control-indicator-size: 1rem !default;\n$custom-control-indicator-bg: $input-bg !default;\n\n$custom-control-indicator-bg-size: 50% 50% !default;\n$custom-control-indicator-box-shadow: $input-box-shadow !default;\n$custom-control-indicator-border-color: $gray-500 !default;\n$custom-control-indicator-border-width: $input-border-width !default;\n\n$custom-control-indicator-disabled-bg: $input-disabled-bg !default;\n$custom-control-label-disabled-color: $gray-600 !default;\n\n$custom-control-indicator-checked-color: $component-active-color !default;\n$custom-control-indicator-checked-bg: $component-active-bg !default;\n$custom-control-indicator-checked-disabled-bg: rgba(theme-color(\"primary\"), .5) !default;\n$custom-control-indicator-checked-box-shadow: none !default;\n$custom-control-indicator-checked-border-color: $custom-control-indicator-checked-bg !default;\n\n$custom-control-indicator-focus-box-shadow: $input-focus-box-shadow !default;\n$custom-control-indicator-focus-border-color: $input-focus-border-color !default;\n\n$custom-control-indicator-active-color: $component-active-color !default;\n$custom-control-indicator-active-bg: lighten($component-active-bg, 35%) !default;\n$custom-control-indicator-active-box-shadow: none !default;\n$custom-control-indicator-active-border-color: $custom-control-indicator-active-bg !default;\n\n$custom-checkbox-indicator-border-radius: $border-radius !default;\n$custom-checkbox-indicator-icon-checked: str-replace(url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='#{$custom-control-indicator-checked-color}' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3e%3c/svg%3e\"), \"#\", \"%23\") !default;\n\n$custom-checkbox-indicator-indeterminate-bg: $component-active-bg !default;\n$custom-checkbox-indicator-indeterminate-color: $custom-control-indicator-checked-color !default;\n$custom-checkbox-indicator-icon-indeterminate: str-replace(url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 4'%3e%3cpath stroke='#{$custom-checkbox-indicator-indeterminate-color}' d='M0 2h4'/%3e%3c/svg%3e\"), \"#\", \"%23\") !default;\n$custom-checkbox-indicator-indeterminate-box-shadow: none !default;\n$custom-checkbox-indicator-indeterminate-border-color: $custom-checkbox-indicator-indeterminate-bg !default;\n\n$custom-radio-indicator-border-radius: 50% !default;\n$custom-radio-indicator-icon-checked: str-replace(url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='#{$custom-control-indicator-checked-color}'/%3e%3c/svg%3e\"), \"#\", \"%23\") !default;\n\n$custom-switch-width: $custom-control-indicator-size * 1.75 !default;\n$custom-switch-indicator-border-radius: $custom-control-indicator-size / 2 !default;\n$custom-switch-indicator-size: calc(#{$custom-control-indicator-size} - #{$custom-control-indicator-border-width * 4}) !default;\n\n$custom-select-padding-y: $input-padding-y !default;\n$custom-select-padding-x: $input-padding-x !default;\n$custom-select-font-family: $input-font-family !default;\n$custom-select-font-size: $input-font-size !default;\n$custom-select-height: $input-height !default;\n$custom-select-indicator-padding: 1rem !default; // Extra padding to account for the presence of the background-image based indicator\n$custom-select-font-weight: $input-font-weight !default;\n$custom-select-line-height: $input-line-height !default;\n$custom-select-color: $input-color !default;\n$custom-select-disabled-color: $gray-600 !default;\n$custom-select-bg: $input-bg !default;\n$custom-select-disabled-bg: $gray-200 !default;\n$custom-select-bg-size: 8px 10px !default; // In pixels because image dimensions\n$custom-select-indicator-color: $gray-800 !default;\n$custom-select-indicator: str-replace(url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3e%3cpath fill='#{$custom-select-indicator-color}' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e\"), \"#\", \"%23\") !default;\n$custom-select-background: $custom-select-indicator no-repeat right $custom-select-padding-x center / $custom-select-bg-size !default; // Used so we can have multiple background elements (e.g., arrow and feedback icon)\n\n$custom-select-feedback-icon-padding-right: calc((1em + #{2 * $custom-select-padding-y}) * 3 / 4 + #{$custom-select-padding-x + $custom-select-indicator-padding}) !default;\n$custom-select-feedback-icon-position: center right ($custom-select-padding-x + $custom-select-indicator-padding) !default;\n$custom-select-feedback-icon-size: $input-height-inner-half $input-height-inner-half !default;\n\n$custom-select-border-width: $input-border-width !default;\n$custom-select-border-color: $input-border-color !default;\n$custom-select-border-radius: $border-radius !default;\n$custom-select-box-shadow: inset 0 1px 2px rgba($black, .075) !default;\n\n$custom-select-focus-border-color: $input-focus-border-color !default;\n$custom-select-focus-width: $input-focus-width !default;\n$custom-select-focus-box-shadow: 0 0 0 $custom-select-focus-width $input-btn-focus-color !default;\n\n$custom-select-padding-y-sm: $input-padding-y-sm !default;\n$custom-select-padding-x-sm: $input-padding-x-sm !default;\n$custom-select-font-size-sm: $input-font-size-sm !default;\n$custom-select-height-sm: $input-height-sm !default;\n\n$custom-select-padding-y-lg: $input-padding-y-lg !default;\n$custom-select-padding-x-lg: $input-padding-x-lg !default;\n$custom-select-font-size-lg: $input-font-size-lg !default;\n$custom-select-height-lg: $input-height-lg !default;\n\n$custom-range-track-width: 100% !default;\n$custom-range-track-height: .5rem !default;\n$custom-range-track-cursor: pointer !default;\n$custom-range-track-bg: $gray-300 !default;\n$custom-range-track-border-radius: 1rem !default;\n$custom-range-track-box-shadow: inset 0 .25rem .25rem rgba($black, .1) !default;\n\n$custom-range-thumb-width: 1rem !default;\n$custom-range-thumb-height: $custom-range-thumb-width !default;\n$custom-range-thumb-bg: $component-active-bg !default;\n$custom-range-thumb-border: 0 !default;\n$custom-range-thumb-border-radius: 1rem !default;\n$custom-range-thumb-box-shadow: 0 .1rem .25rem rgba($black, .1) !default;\n$custom-range-thumb-focus-box-shadow: 0 0 0 1px $body-bg, $input-focus-box-shadow !default;\n$custom-range-thumb-focus-box-shadow-width: $input-focus-width !default; // For focus box shadow issue in IE/Edge\n$custom-range-thumb-active-bg: lighten($component-active-bg, 35%) !default;\n$custom-range-thumb-disabled-bg: $gray-500 !default;\n\n$custom-file-height: $input-height !default;\n$custom-file-height-inner: $input-height-inner !default;\n$custom-file-focus-border-color: $input-focus-border-color !default;\n$custom-file-focus-box-shadow: $input-focus-box-shadow !default;\n$custom-file-disabled-bg: $input-disabled-bg !default;\n\n$custom-file-padding-y: $input-padding-y !default;\n$custom-file-padding-x: $input-padding-x !default;\n$custom-file-line-height: $input-line-height !default;\n$custom-file-font-family: $input-font-family !default;\n$custom-file-font-weight: $input-font-weight !default;\n$custom-file-color: $input-color !default;\n$custom-file-bg: $input-bg !default;\n$custom-file-border-width: $input-border-width !default;\n$custom-file-border-color: $input-border-color !default;\n$custom-file-border-radius: $input-border-radius !default;\n$custom-file-box-shadow: $input-box-shadow !default;\n$custom-file-button-color: $custom-file-color !default;\n$custom-file-button-bg: $input-group-addon-bg !default;\n$custom-file-text: (\n en: \"Browse\"\n) !default;\n\n\n// Form validation\n\n$form-feedback-margin-top: $form-text-margin-top !default;\n$form-feedback-font-size: $small-font-size !default;\n$form-feedback-valid-color: theme-color(\"success\") !default;\n$form-feedback-invalid-color: theme-color(\"danger\") !default;\n\n$form-feedback-icon-valid-color: $form-feedback-valid-color !default;\n$form-feedback-icon-valid: str-replace(url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='#{$form-feedback-icon-valid-color}' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e\"), \"#\", \"%23\") !default;\n$form-feedback-icon-invalid-color: $form-feedback-invalid-color !default;\n$form-feedback-icon-invalid: str-replace(url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='#{$form-feedback-icon-invalid-color}' viewBox='-2 -2 7 7'%3e%3cpath stroke='#{$form-feedback-icon-invalid-color}' d='M0 0l3 3m0-3L0 3'/%3e%3ccircle r='.5'/%3e%3ccircle cx='3' r='.5'/%3e%3ccircle cy='3' r='.5'/%3e%3ccircle cx='3' cy='3' r='.5'/%3e%3c/svg%3E\"), \"#\", \"%23\") !default;\n\n$form-validation-states: () !default;\n// stylelint-disable-next-line scss/dollar-variable-default\n$form-validation-states: map-merge(\n (\n \"valid\": (\n \"color\": $form-feedback-valid-color,\n \"icon\": $form-feedback-icon-valid\n ),\n \"invalid\": (\n \"color\": $form-feedback-invalid-color,\n \"icon\": $form-feedback-icon-invalid\n ),\n ),\n $form-validation-states\n);\n\n// Z-index master list\n//\n// Warning: Avoid customizing these values. They're used for a bird's eye view\n// of components dependent on the z-axis and are designed to all work together.\n\n$zindex-dropdown: 1000 !default;\n$zindex-sticky: 1020 !default;\n$zindex-fixed: 1030 !default;\n$zindex-modal-backdrop: 1040 !default;\n$zindex-modal: 1050 !default;\n$zindex-popover: 1060 !default;\n$zindex-tooltip: 1070 !default;\n\n\n// Navs\n\n$nav-link-padding-y: .5rem !default;\n$nav-link-padding-x: 1rem !default;\n$nav-link-disabled-color: $gray-600 !default;\n\n$nav-tabs-border-color: $gray-300 !default;\n$nav-tabs-border-width: $border-width !default;\n$nav-tabs-border-radius: $border-radius !default;\n$nav-tabs-link-hover-border-color: $gray-200 $gray-200 $nav-tabs-border-color !default;\n$nav-tabs-link-active-color: $gray-700 !default;\n$nav-tabs-link-active-bg: $body-bg !default;\n$nav-tabs-link-active-border-color: $gray-300 $gray-300 $nav-tabs-link-active-bg !default;\n\n$nav-pills-border-radius: $border-radius !default;\n$nav-pills-link-active-color: $component-active-color !default;\n$nav-pills-link-active-bg: $component-active-bg !default;\n\n$nav-divider-color: $gray-200 !default;\n$nav-divider-margin-y: $spacer / 2 !default;\n\n\n// Navbar\n\n$navbar-padding-y: $spacer / 2 !default;\n$navbar-padding-x: $spacer !default;\n\n$navbar-nav-link-padding-x: .5rem !default;\n\n$navbar-brand-font-size: $font-size-lg !default;\n// Compute the navbar-brand padding-y so the navbar-brand will have the same height as navbar-text and nav-link\n$nav-link-height: $font-size-base * $line-height-base + $nav-link-padding-y * 2 !default;\n$navbar-brand-height: $navbar-brand-font-size * $line-height-base !default;\n$navbar-brand-padding-y: ($nav-link-height - $navbar-brand-height) / 2 !default;\n\n$navbar-toggler-padding-y: .25rem !default;\n$navbar-toggler-padding-x: .75rem !default;\n$navbar-toggler-font-size: $font-size-lg !default;\n$navbar-toggler-border-radius: $btn-border-radius !default;\n\n$navbar-dark-color: rgba($white, .5) !default;\n$navbar-dark-hover-color: rgba($white, .75) !default;\n$navbar-dark-active-color: $white !default;\n$navbar-dark-disabled-color: rgba($white, .25) !default;\n$navbar-dark-toggler-icon-bg: str-replace(url(\"data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='#{$navbar-dark-color}' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e\"), \"#\", \"%23\") !default;\n$navbar-dark-toggler-border-color: rgba($white, .1) !default;\n\n$navbar-light-color: rgba($black, .5) !default;\n$navbar-light-hover-color: rgba($black, .7) !default;\n$navbar-light-active-color: rgba($black, .9) !default;\n$navbar-light-disabled-color: rgba($black, .3) !default;\n$navbar-light-toggler-icon-bg: str-replace(url(\"data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='#{$navbar-light-color}' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e\"), \"#\", \"%23\") !default;\n$navbar-light-toggler-border-color: rgba($black, .1) !default;\n\n$navbar-light-brand-color: $navbar-light-active-color !default;\n$navbar-light-brand-hover-color: $navbar-light-active-color !default;\n$navbar-dark-brand-color: $navbar-dark-active-color !default;\n$navbar-dark-brand-hover-color: $navbar-dark-active-color !default;\n\n\n// Dropdowns\n//\n// Dropdown menu container and contents.\n\n$dropdown-min-width: 10rem !default;\n$dropdown-padding-y: .5rem !default;\n$dropdown-spacer: .125rem !default;\n$dropdown-font-size: $font-size-base !default;\n$dropdown-color: $body-color !default;\n$dropdown-bg: $white !default;\n$dropdown-border-color: rgba($black, .15) !default;\n$dropdown-border-radius: $border-radius !default;\n$dropdown-border-width: $border-width !default;\n$dropdown-inner-border-radius: calc(#{$dropdown-border-radius} - #{$dropdown-border-width}) !default;\n$dropdown-divider-bg: $gray-200 !default;\n$dropdown-divider-margin-y: $nav-divider-margin-y !default;\n$dropdown-box-shadow: 0 .5rem 1rem rgba($black, .175) !default;\n\n$dropdown-link-color: $gray-900 !default;\n$dropdown-link-hover-color: darken($gray-900, 5%) !default;\n$dropdown-link-hover-bg: $gray-100 !default;\n\n$dropdown-link-active-color: $component-active-color !default;\n$dropdown-link-active-bg: $component-active-bg !default;\n\n$dropdown-link-disabled-color: $gray-600 !default;\n\n$dropdown-item-padding-y: .25rem !default;\n$dropdown-item-padding-x: 1.5rem !default;\n\n$dropdown-header-color: $gray-600 !default;\n\n\n// Pagination\n\n$pagination-padding-y: .5rem !default;\n$pagination-padding-x: .75rem !default;\n$pagination-padding-y-sm: .25rem !default;\n$pagination-padding-x-sm: .5rem !default;\n$pagination-padding-y-lg: .75rem !default;\n$pagination-padding-x-lg: 1.5rem !default;\n$pagination-line-height: 1.25 !default;\n\n$pagination-color: $link-color !default;\n$pagination-bg: $white !default;\n$pagination-border-width: $border-width !default;\n$pagination-border-color: $gray-300 !default;\n\n$pagination-focus-box-shadow: $input-btn-focus-box-shadow !default;\n$pagination-focus-outline: 0 !default;\n\n$pagination-hover-color: $link-hover-color !default;\n$pagination-hover-bg: $gray-200 !default;\n$pagination-hover-border-color: $gray-300 !default;\n\n$pagination-active-color: $component-active-color !default;\n$pagination-active-bg: $component-active-bg !default;\n$pagination-active-border-color: $pagination-active-bg !default;\n\n$pagination-disabled-color: $gray-600 !default;\n$pagination-disabled-bg: $white !default;\n$pagination-disabled-border-color: $gray-300 !default;\n\n\n// Jumbotron\n\n$jumbotron-padding: 2rem !default;\n$jumbotron-color: null !default;\n$jumbotron-bg: $gray-200 !default;\n\n\n// Cards\n\n$card-spacer-y: .75rem !default;\n$card-spacer-x: 1.25rem !default;\n$card-border-width: $border-width !default;\n$card-border-radius: $border-radius !default;\n$card-border-color: rgba($black, .125) !default;\n$card-inner-border-radius: calc(#{$card-border-radius} - #{$card-border-width}) !default;\n$card-cap-bg: rgba($black, .03) !default;\n$card-cap-color: null !default;\n$card-color: null !default;\n$card-bg: $white !default;\n\n$card-img-overlay-padding: 1.25rem !default;\n\n$card-group-margin: $grid-gutter-width / 2 !default;\n$card-deck-margin: $card-group-margin !default;\n\n$card-columns-count: 3 !default;\n$card-columns-gap: 1.25rem !default;\n$card-columns-margin: $card-spacer-y !default;\n\n\n// Tooltips\n\n$tooltip-font-size: $font-size-sm !default;\n$tooltip-max-width: 200px !default;\n$tooltip-color: $white !default;\n$tooltip-bg: $black !default;\n$tooltip-border-radius: $border-radius !default;\n$tooltip-opacity: .9 !default;\n$tooltip-padding-y: .25rem !default;\n$tooltip-padding-x: .5rem !default;\n$tooltip-margin: 0 !default;\n\n$tooltip-arrow-width: .8rem !default;\n$tooltip-arrow-height: .4rem !default;\n$tooltip-arrow-color: $tooltip-bg !default;\n\n// Form tooltips must come after regular tooltips\n$form-feedback-tooltip-padding-y: $tooltip-padding-y !default;\n$form-feedback-tooltip-padding-x: $tooltip-padding-x !default;\n$form-feedback-tooltip-font-size: $tooltip-font-size !default;\n$form-feedback-tooltip-line-height: $line-height-base !default;\n$form-feedback-tooltip-opacity: $tooltip-opacity !default;\n$form-feedback-tooltip-border-radius: $tooltip-border-radius !default;\n\n\n// Popovers\n\n$popover-font-size: $font-size-sm !default;\n$popover-bg: $white !default;\n$popover-max-width: 276px !default;\n$popover-border-width: $border-width !default;\n$popover-border-color: rgba($black, .2) !default;\n$popover-border-radius: $border-radius-lg !default;\n$popover-box-shadow: 0 .25rem .5rem rgba($black, .2) !default;\n\n$popover-header-bg: darken($popover-bg, 3%) !default;\n$popover-header-color: $headings-color !default;\n$popover-header-padding-y: .5rem !default;\n$popover-header-padding-x: .75rem !default;\n\n$popover-body-color: $body-color !default;\n$popover-body-padding-y: $popover-header-padding-y !default;\n$popover-body-padding-x: $popover-header-padding-x !default;\n\n$popover-arrow-width: 1rem !default;\n$popover-arrow-height: .5rem !default;\n$popover-arrow-color: $popover-bg !default;\n\n$popover-arrow-outer-color: fade-in($popover-border-color, .05) !default;\n\n\n// Toasts\n\n$toast-max-width: 350px !default;\n$toast-padding-x: .75rem !default;\n$toast-padding-y: .25rem !default;\n$toast-font-size: .875rem !default;\n$toast-color: null !default;\n$toast-background-color: rgba($white, .85) !default;\n$toast-border-width: 1px !default;\n$toast-border-color: rgba(0, 0, 0, .1) !default;\n$toast-border-radius: .25rem !default;\n$toast-box-shadow: 0 .25rem .75rem rgba($black, .1) !default;\n\n$toast-header-color: $gray-600 !default;\n$toast-header-background-color: rgba($white, .85) !default;\n$toast-header-border-color: rgba(0, 0, 0, .05) !default;\n\n\n// Badges\n\n$badge-font-size: 75% !default;\n$badge-font-weight: $font-weight-bold !default;\n$badge-padding-y: .25em !default;\n$badge-padding-x: .4em !default;\n$badge-border-radius: $border-radius !default;\n\n$badge-transition: $btn-transition !default;\n$badge-focus-width: $input-btn-focus-width !default;\n\n$badge-pill-padding-x: .6em !default;\n// Use a higher than normal value to ensure completely rounded edges when\n// customizing padding or font-size on labels.\n$badge-pill-border-radius: 10rem !default;\n\n\n// Modals\n\n// Padding applied to the modal body\n$modal-inner-padding: 1rem !default;\n\n$modal-dialog-margin: .5rem !default;\n$modal-dialog-margin-y-sm-up: 1.75rem !default;\n\n$modal-title-line-height: $line-height-base !default;\n\n$modal-content-color: null !default;\n$modal-content-bg: $white !default;\n$modal-content-border-color: rgba($black, .2) !default;\n$modal-content-border-width: $border-width !default;\n$modal-content-border-radius: $border-radius-lg !default;\n$modal-content-box-shadow-xs: 0 .25rem .5rem rgba($black, .5) !default;\n$modal-content-box-shadow-sm-up: 0 .5rem 1rem rgba($black, .5) !default;\n\n$modal-backdrop-bg: $black !default;\n$modal-backdrop-opacity: .5 !default;\n$modal-header-border-color: $border-color !default;\n$modal-footer-border-color: $modal-header-border-color !default;\n$modal-header-border-width: $modal-content-border-width !default;\n$modal-footer-border-width: $modal-header-border-width !default;\n$modal-header-padding-y: 1rem !default;\n$modal-header-padding-x: 1rem !default;\n$modal-header-padding: $modal-header-padding-y $modal-header-padding-x !default; // Keep this for backwards compatibility\n\n$modal-xl: 1140px !default;\n$modal-lg: 800px !default;\n$modal-md: 500px !default;\n$modal-sm: 300px !default;\n\n$modal-fade-transform: translate(0, -50px) !default;\n$modal-show-transform: none !default;\n$modal-transition: transform .3s ease-out !default;\n\n\n// Alerts\n//\n// Define alert colors, border radius, and padding.\n\n$alert-padding-y: .75rem !default;\n$alert-padding-x: 1.25rem !default;\n$alert-margin-bottom: 1rem !default;\n$alert-border-radius: $border-radius !default;\n$alert-link-font-weight: $font-weight-bold !default;\n$alert-border-width: $border-width !default;\n\n$alert-bg-level: -10 !default;\n$alert-border-level: -9 !default;\n$alert-color-level: 6 !default;\n\n\n// Progress bars\n\n$progress-height: 1rem !default;\n$progress-font-size: $font-size-base * .75 !default;\n$progress-bg: $gray-200 !default;\n$progress-border-radius: $border-radius !default;\n$progress-box-shadow: inset 0 .1rem .1rem rgba($black, .1) !default;\n$progress-bar-color: $white !default;\n$progress-bar-bg: theme-color(\"primary\") !default;\n$progress-bar-animation-timing: 1s linear infinite !default;\n$progress-bar-transition: width .6s ease !default;\n\n\n// List group\n\n$list-group-color: null !default;\n$list-group-bg: $white !default;\n$list-group-border-color: rgba($black, .125) !default;\n$list-group-border-width: $border-width !default;\n$list-group-border-radius: $border-radius !default;\n\n$list-group-item-padding-y: .75rem !default;\n$list-group-item-padding-x: 1.25rem !default;\n\n$list-group-hover-bg: $gray-100 !default;\n$list-group-active-color: $component-active-color !default;\n$list-group-active-bg: $component-active-bg !default;\n$list-group-active-border-color: $list-group-active-bg !default;\n\n$list-group-disabled-color: $gray-600 !default;\n$list-group-disabled-bg: $list-group-bg !default;\n\n$list-group-action-color: $gray-700 !default;\n$list-group-action-hover-color: $list-group-action-color !default;\n\n$list-group-action-active-color: $body-color !default;\n$list-group-action-active-bg: $gray-200 !default;\n\n\n// Image thumbnails\n\n$thumbnail-padding: .25rem !default;\n$thumbnail-bg: $body-bg !default;\n$thumbnail-border-width: $border-width !default;\n$thumbnail-border-color: $gray-300 !default;\n$thumbnail-border-radius: $border-radius !default;\n$thumbnail-box-shadow: 0 1px 2px rgba($black, .075) !default;\n\n\n// Figures\n\n$figure-caption-font-size: 90% !default;\n$figure-caption-color: $gray-600 !default;\n\n\n// Breadcrumbs\n\n$breadcrumb-padding-y: .75rem !default;\n$breadcrumb-padding-x: 1rem !default;\n$breadcrumb-item-padding: .5rem !default;\n\n$breadcrumb-margin-bottom: 1rem !default;\n\n$breadcrumb-bg: $gray-200 !default;\n$breadcrumb-divider-color: $gray-600 !default;\n$breadcrumb-active-color: $gray-600 !default;\n$breadcrumb-divider: quote(\"/\") !default;\n\n$breadcrumb-border-radius: $border-radius !default;\n\n\n// Carousel\n\n$carousel-control-color: $white !default;\n$carousel-control-width: 15% !default;\n$carousel-control-opacity: .5 !default;\n$carousel-control-hover-opacity: .9 !default;\n$carousel-control-transition: opacity .15s ease !default;\n\n$carousel-indicator-width: 30px !default;\n$carousel-indicator-height: 3px !default;\n$carousel-indicator-hit-area-height: 10px !default;\n$carousel-indicator-spacer: 3px !default;\n$carousel-indicator-active-bg: $white !default;\n$carousel-indicator-transition: opacity .6s ease !default;\n\n$carousel-caption-width: 70% !default;\n$carousel-caption-color: $white !default;\n\n$carousel-control-icon-width: 20px !default;\n\n$carousel-control-prev-icon-bg: str-replace(url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='#{$carousel-control-color}' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3e%3c/svg%3e\"), \"#\", \"%23\") !default;\n$carousel-control-next-icon-bg: str-replace(url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='#{$carousel-control-color}' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3e%3c/svg%3e\"), \"#\", \"%23\") !default;\n\n$carousel-transition-duration: .6s !default;\n$carousel-transition: transform $carousel-transition-duration ease-in-out !default; // Define transform transition first if using multiple transitions (e.g., `transform 2s ease, opacity .5s ease-out`)\n\n\n// Spinners\n\n$spinner-width: 2rem !default;\n$spinner-height: $spinner-width !default;\n$spinner-border-width: .25em !default;\n\n$spinner-width-sm: 1rem !default;\n$spinner-height-sm: $spinner-width-sm !default;\n$spinner-border-width-sm: .2em !default;\n\n\n// Close\n\n$close-font-size: $font-size-base * 1.5 !default;\n$close-font-weight: $font-weight-bold !default;\n$close-color: $black !default;\n$close-text-shadow: 0 1px 0 $white !default;\n\n\n// Code\n\n$code-font-size: 87.5% !default;\n$code-color: $pink !default;\n\n$kbd-padding-y: .2rem !default;\n$kbd-padding-x: .4rem !default;\n$kbd-font-size: $code-font-size !default;\n$kbd-color: $white !default;\n$kbd-bg: $gray-900 !default;\n\n$pre-color: $gray-900 !default;\n$pre-scrollable-max-height: 340px !default;\n\n\n// Utilities\n\n$displays: none, inline, inline-block, block, table, table-row, table-cell, flex, inline-flex !default;\n$overflows: auto, hidden !default;\n$positions: static, relative, absolute, fixed, sticky !default;\n\n\n// Printing\n\n$print-page-size: a3 !default;\n$print-body-min-width: map-get($grid-breakpoints, \"lg\") !default;\n","// Gradients\n\n@mixin gradient-bg($color) {\n @if $enable-gradients {\n background: $color linear-gradient(180deg, mix($body-bg, $color, 15%), $color) repeat-x;\n } @else {\n background-color: $color;\n }\n}\n\n// Horizontal gradient, from left to right\n//\n// Creates two color stops, start and end, by specifying a color and position for each color stop.\n@mixin gradient-x($start-color: $gray-700, $end-color: $gray-800, $start-percent: 0%, $end-percent: 100%) {\n background-image: linear-gradient(to right, $start-color $start-percent, $end-color $end-percent);\n background-repeat: repeat-x;\n}\n\n// Vertical gradient, from top to bottom\n//\n// Creates two color stops, start and end, by specifying a color and position for each color stop.\n@mixin gradient-y($start-color: $gray-700, $end-color: $gray-800, $start-percent: 0%, $end-percent: 100%) {\n background-image: linear-gradient(to bottom, $start-color $start-percent, $end-color $end-percent);\n background-repeat: repeat-x;\n}\n\n@mixin gradient-directional($start-color: $gray-700, $end-color: $gray-800, $deg: 45deg) {\n background-image: linear-gradient($deg, $start-color, $end-color);\n background-repeat: repeat-x;\n}\n@mixin gradient-x-three-colors($start-color: $blue, $mid-color: $purple, $color-stop: 50%, $end-color: $red) {\n background-image: linear-gradient(to right, $start-color, $mid-color $color-stop, $end-color);\n background-repeat: no-repeat;\n}\n@mixin gradient-y-three-colors($start-color: $blue, $mid-color: $purple, $color-stop: 50%, $end-color: $red) {\n background-image: linear-gradient($start-color, $mid-color $color-stop, $end-color);\n background-repeat: no-repeat;\n}\n@mixin gradient-radial($inner-color: $gray-700, $outer-color: $gray-800) {\n background-image: radial-gradient(circle, $inner-color, $outer-color);\n background-repeat: no-repeat;\n}\n@mixin gradient-striped($color: rgba($white, .15), $angle: 45deg) {\n background-image: linear-gradient($angle, $color 25%, transparent 25%, transparent 50%, $color 50%, $color 75%, transparent 75%, transparent);\n}\n","// Breakpoint viewport sizes and media queries.\n//\n// Breakpoints are defined as a map of (name: minimum width), order from small to large:\n//\n// (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px)\n//\n// The map defined in the `$grid-breakpoints` global variable is used as the `$breakpoints` argument by default.\n\n// Name of the next breakpoint, or null for the last breakpoint.\n//\n// >> breakpoint-next(sm)\n// md\n// >> breakpoint-next(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n// md\n// >> breakpoint-next(sm, $breakpoint-names: (xs sm md lg xl))\n// md\n@function breakpoint-next($name, $breakpoints: $grid-breakpoints, $breakpoint-names: map-keys($breakpoints)) {\n $n: index($breakpoint-names, $name);\n @return if($n != null and $n < length($breakpoint-names), nth($breakpoint-names, $n + 1), null);\n}\n\n// Minimum breakpoint width. Null for the smallest (first) breakpoint.\n//\n// >> breakpoint-min(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n// 576px\n@function breakpoint-min($name, $breakpoints: $grid-breakpoints) {\n $min: map-get($breakpoints, $name);\n @return if($min != 0, $min, null);\n}\n\n// Maximum breakpoint width. Null for the largest (last) breakpoint.\n// The maximum value is calculated as the minimum of the next one less 0.02px\n// to work around the limitations of `min-` and `max-` prefixes and viewports with fractional widths.\n// See https://www.w3.org/TR/mediaqueries-4/#mq-min-max\n// Uses 0.02px rather than 0.01px to work around a current rounding bug in Safari.\n// See https://bugs.webkit.org/show_bug.cgi?id=178261\n//\n// >> breakpoint-max(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n// 767.98px\n@function breakpoint-max($name, $breakpoints: $grid-breakpoints) {\n $next: breakpoint-next($name, $breakpoints);\n @return if($next, breakpoint-min($next, $breakpoints) - .02, null);\n}\n\n// Returns a blank string if smallest breakpoint, otherwise returns the name with a dash in front.\n// Useful for making responsive utilities.\n//\n// >> breakpoint-infix(xs, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n// \"\" (Returns a blank string)\n// >> breakpoint-infix(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n// \"-sm\"\n@function breakpoint-infix($name, $breakpoints: $grid-breakpoints) {\n @return if(breakpoint-min($name, $breakpoints) == null, \"\", \"-#{$name}\");\n}\n\n// Media of at least the minimum breakpoint width. No query for the smallest breakpoint.\n// Makes the @content apply to the given breakpoint and wider.\n@mixin media-breakpoint-up($name, $breakpoints: $grid-breakpoints) {\n $min: breakpoint-min($name, $breakpoints);\n @if $min {\n @media (min-width: $min) {\n @content;\n }\n } @else {\n @content;\n }\n}\n\n// Media of at most the maximum breakpoint width. No query for the largest breakpoint.\n// Makes the @content apply to the given breakpoint and narrower.\n@mixin media-breakpoint-down($name, $breakpoints: $grid-breakpoints) {\n $max: breakpoint-max($name, $breakpoints);\n @if $max {\n @media (max-width: $max) {\n @content;\n }\n } @else {\n @content;\n }\n}\n\n// Media that spans multiple breakpoint widths.\n// Makes the @content apply between the min and max breakpoints\n@mixin media-breakpoint-between($lower, $upper, $breakpoints: $grid-breakpoints) {\n $min: breakpoint-min($lower, $breakpoints);\n $max: breakpoint-max($upper, $breakpoints);\n\n @if $min != null and $max != null {\n @media (min-width: $min) and (max-width: $max) {\n @content;\n }\n } @else if $max == null {\n @include media-breakpoint-up($lower, $breakpoints) {\n @content;\n }\n } @else if $min == null {\n @include media-breakpoint-down($upper, $breakpoints) {\n @content;\n }\n }\n}\n\n// Media between the breakpoint's minimum and maximum widths.\n// No minimum for the smallest breakpoint, and no maximum for the largest one.\n// Makes the @content apply only to the given breakpoint, not viewports any wider or narrower.\n@mixin media-breakpoint-only($name, $breakpoints: $grid-breakpoints) {\n $min: breakpoint-min($name, $breakpoints);\n $max: breakpoint-max($name, $breakpoints);\n\n @if $min != null and $max != null {\n @media (min-width: $min) and (max-width: $max) {\n @content;\n }\n } @else if $max == null {\n @include media-breakpoint-up($name, $breakpoints) {\n @content;\n }\n } @else if $min == null {\n @include media-breakpoint-down($name, $breakpoints) {\n @content;\n }\n }\n}\n","// Embedded icons from Open Iconic.\n// Released under MIT and copyright 2014 Waybury.\n// https://useiconic.com/open\n\n\n// Checkboxes and radios\n//\n// Base class takes care of all the key behavioral aspects.\n\n.#{$prefix}custom-control {\n position: relative;\n display: block;\n min-height: $font-size-base * $line-height-base;\n padding-left: $custom-control-gutter + $custom-control-indicator-size;\n}\n\n.#{$prefix}custom-control-inline {\n display: inline-flex;\n margin-right: $custom-control-spacer-x;\n}\n\n.#{$prefix}custom-control-input {\n position: absolute;\n z-index: -1; // Put the input behind the label so it doesn't overlay text\n opacity: 0;\n\n &:checked ~ .#{$prefix}custom-control-label::before {\n color: $custom-control-indicator-checked-color;\n border-color: $custom-control-indicator-checked-border-color;\n @include gradient-bg($custom-control-indicator-checked-bg);\n @include box-shadow($custom-control-indicator-checked-box-shadow);\n }\n\n &:focus ~ .#{$prefix}custom-control-label::before {\n // the mixin is not used here to make sure there is feedback\n @if $enable-shadows {\n box-shadow: $input-box-shadow, $input-focus-box-shadow;\n } @else {\n box-shadow: $custom-control-indicator-focus-box-shadow;\n }\n }\n\n &:focus:not(:checked) ~ .#{$prefix}custom-control-label::before {\n border-color: $custom-control-indicator-focus-border-color;\n }\n\n &:not(:disabled):active ~ .#{$prefix}custom-control-label::before {\n color: $custom-control-indicator-active-color;\n background-color: $custom-control-indicator-active-bg;\n border-color: $custom-control-indicator-active-border-color;\n @include box-shadow($custom-control-indicator-active-box-shadow);\n }\n\n &:disabled {\n ~ .#{$prefix}custom-control-label {\n color: $custom-control-label-disabled-color;\n\n &::before {\n background-color: $custom-control-indicator-disabled-bg;\n }\n }\n }\n}\n\n// Custom control indicators\n//\n// Build the custom controls out of pseudo-elements.\n\n.#{$prefix}custom-control-label {\n position: relative;\n margin-bottom: 0;\n vertical-align: top;\n\n // Background-color and (when enabled) gradient\n &::before {\n position: absolute;\n top: ($font-size-base * $line-height-base - $custom-control-indicator-size) / 2;\n left: -($custom-control-gutter + $custom-control-indicator-size);\n display: block;\n width: $custom-control-indicator-size;\n height: $custom-control-indicator-size;\n pointer-events: none;\n content: \"\";\n background-color: $custom-control-indicator-bg;\n border: $custom-control-indicator-border-color solid $custom-control-indicator-border-width;\n @include box-shadow($custom-control-indicator-box-shadow);\n }\n\n // Foreground (icon)\n &::after {\n position: absolute;\n top: ($font-size-base * $line-height-base - $custom-control-indicator-size) / 2;\n left: -($custom-control-gutter + $custom-control-indicator-size);\n display: block;\n width: $custom-control-indicator-size;\n height: $custom-control-indicator-size;\n content: \"\";\n background: no-repeat 50% / #{$custom-control-indicator-bg-size};\n }\n}\n\n\n// Checkboxes\n//\n// Tweak just a few things for checkboxes.\n\n.#{$prefix}custom-checkbox {\n .#{$prefix}custom-control-label::before {\n @include border-radius($custom-checkbox-indicator-border-radius);\n }\n\n .#{$prefix}custom-control-input:checked ~ .#{$prefix}custom-control-label {\n &::after {\n background-image: $custom-checkbox-indicator-icon-checked;\n }\n }\n\n .#{$prefix}custom-control-input:indeterminate ~ .#{$prefix}custom-control-label {\n &::before {\n border-color: $custom-checkbox-indicator-indeterminate-border-color;\n @include gradient-bg($custom-checkbox-indicator-indeterminate-bg);\n @include box-shadow($custom-checkbox-indicator-indeterminate-box-shadow);\n }\n &::after {\n background-image: $custom-checkbox-indicator-icon-indeterminate;\n }\n }\n\n .#{$prefix}custom-control-input:disabled {\n &:checked ~ .#{$prefix}custom-control-label::before {\n background-color: $custom-control-indicator-checked-disabled-bg;\n }\n &:indeterminate ~ .#{$prefix}custom-control-label::before {\n background-color: $custom-control-indicator-checked-disabled-bg;\n }\n }\n}\n\n// Radios\n//\n// Tweak just a few things for radios.\n\n.#{$prefix}custom-radio {\n .#{$prefix}custom-control-label::before {\n // stylelint-disable-next-line property-blacklist\n border-radius: $custom-radio-indicator-border-radius;\n }\n\n .#{$prefix}custom-control-input:checked ~ .#{$prefix}custom-control-label {\n &::after {\n background-image: $custom-radio-indicator-icon-checked;\n }\n }\n\n .#{$prefix}custom-control-input:disabled {\n &:checked ~ .#{$prefix}custom-control-label::before {\n background-color: $custom-control-indicator-checked-disabled-bg;\n }\n }\n}\n\n\n// switches\n//\n// Tweak a few things for switches\n\n.#{$prefix}custom-switch {\n padding-left: $custom-switch-width + $custom-control-gutter;\n\n .#{$prefix}custom-control-label {\n &::before {\n left: -($custom-switch-width + $custom-control-gutter);\n width: $custom-switch-width;\n pointer-events: all;\n // stylelint-disable-next-line property-blacklist\n border-radius: $custom-switch-indicator-border-radius;\n }\n\n &::after {\n top: calc(#{(($font-size-base * $line-height-base - $custom-control-indicator-size) / 2)} + #{$custom-control-indicator-border-width * 2});\n left: calc(#{-($custom-switch-width + $custom-control-gutter)} + #{$custom-control-indicator-border-width * 2});\n width: $custom-switch-indicator-size;\n height: $custom-switch-indicator-size;\n background-color: $custom-control-indicator-border-color;\n // stylelint-disable-next-line property-blacklist\n border-radius: $custom-switch-indicator-border-radius;\n @include transition(transform .15s ease-in-out, $custom-forms-transition);\n }\n }\n\n .#{$prefix}custom-control-input:checked ~ .#{$prefix}custom-control-label {\n &::after {\n background-color: $custom-control-indicator-bg;\n transform: translateX($custom-switch-width - $custom-control-indicator-size);\n }\n }\n\n .#{$prefix}custom-control-input:disabled {\n &:checked ~ .#{$prefix}custom-control-label::before {\n background-color: $custom-control-indicator-checked-disabled-bg;\n }\n }\n}\n\n\n// Select\n//\n// Replaces the browser default select with a custom one, mostly pulled from\n// https://primer.github.io/.\n//\n\n.#{$prefix}custom-select {\n display: inline-block;\n width: 100%;\n height: $custom-select-height;\n padding: $custom-select-padding-y ($custom-select-padding-x + $custom-select-indicator-padding) $custom-select-padding-y $custom-select-padding-x;\n font-family: $custom-select-font-family;\n @include font-size($custom-select-font-size);\n font-weight: $custom-select-font-weight;\n line-height: $custom-select-line-height;\n color: $custom-select-color;\n vertical-align: middle;\n background: $custom-select-background;\n background-color: $custom-select-bg;\n border: $custom-select-border-width solid $custom-select-border-color;\n @include border-radius($custom-select-border-radius, 0);\n @include box-shadow($custom-select-box-shadow);\n appearance: none;\n\n &:focus {\n border-color: $custom-select-focus-border-color;\n outline: 0;\n @if $enable-shadows {\n box-shadow: $custom-select-box-shadow, $custom-select-focus-box-shadow;\n } @else {\n box-shadow: $custom-select-focus-box-shadow;\n }\n\n &::-ms-value {\n // For visual consistency with other platforms/browsers,\n // suppress the default white text on blue background highlight given to\n // the selected option text when the (still closed) <select> receives focus\n // in IE and (under certain conditions) Edge.\n // See https://github.com/twbs/bootstrap/issues/19398.\n color: $input-color;\n background-color: $input-bg;\n }\n }\n\n &[multiple],\n &[size]:not([size=\"1\"]) {\n height: auto;\n padding-right: $custom-select-padding-x;\n background-image: none;\n }\n\n &:disabled {\n color: $custom-select-disabled-color;\n background-color: $custom-select-disabled-bg;\n }\n\n // Hides the default caret in IE11\n &::-ms-expand {\n display: none;\n }\n}\n\n.#{$prefix}custom-select-sm {\n height: $custom-select-height-sm;\n padding-top: $custom-select-padding-y-sm;\n padding-bottom: $custom-select-padding-y-sm;\n padding-left: $custom-select-padding-x-sm;\n @include font-size($custom-select-font-size-sm);\n}\n\n.#{$prefix}custom-select-lg {\n height: $custom-select-height-lg;\n padding-top: $custom-select-padding-y-lg;\n padding-bottom: $custom-select-padding-y-lg;\n padding-left: $custom-select-padding-x-lg;\n @include font-size($custom-select-font-size-lg);\n}\n\n\n// File\n//\n// Custom file input.\n\n.#{$prefix}custom-file {\n position: relative;\n display: inline-block;\n width: 100%;\n height: $custom-file-height;\n margin-bottom: 0;\n}\n\n.#{$prefix}custom-file-input {\n position: relative;\n z-index: 2;\n width: 100%;\n height: $custom-file-height;\n margin: 0;\n opacity: 0;\n\n &:focus ~ .#{$prefix}custom-file-label {\n border-color: $custom-file-focus-border-color;\n box-shadow: $custom-file-focus-box-shadow;\n }\n\n &:disabled ~ .#{$prefix}custom-file-label {\n background-color: $custom-file-disabled-bg;\n }\n\n @each $lang, $value in $custom-file-text {\n &:lang(#{$lang}) ~ .#{$prefix}custom-file-label::after {\n content: $value;\n }\n }\n\n ~ .#{$prefix}custom-file-label[data-browse]::after {\n content: attr(data-browse);\n }\n}\n\n.#{$prefix}custom-file-label {\n position: absolute;\n top: 0;\n right: 0;\n left: 0;\n z-index: 1;\n height: $custom-file-height;\n padding: $custom-file-padding-y $custom-file-padding-x;\n font-family: $custom-file-font-family;\n font-weight: $custom-file-font-weight;\n line-height: $custom-file-line-height;\n color: $custom-file-color;\n background-color: $custom-file-bg;\n border: $custom-file-border-width solid $custom-file-border-color;\n @include border-radius($custom-file-border-radius);\n @include box-shadow($custom-file-box-shadow);\n\n &::after {\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n z-index: 3;\n display: block;\n height: $custom-file-height-inner;\n padding: $custom-file-padding-y $custom-file-padding-x;\n line-height: $custom-file-line-height;\n color: $custom-file-button-color;\n content: \"Browse\";\n @include gradient-bg($custom-file-button-bg);\n border-left: inherit;\n @include border-radius(0 $custom-file-border-radius $custom-file-border-radius 0);\n }\n}\n\n// Range\n//\n// Style range inputs the same across browsers. Vendor-specific rules for pseudo\n// elements cannot be mixed. As such, there are no shared styles for focus or\n// active states on prefixed selectors.\n\n.#{$prefix}custom-range {\n width: 100%;\n height: calc(#{$custom-range-thumb-height} + #{$custom-range-thumb-focus-box-shadow-width * 2});\n padding: 0; // Need to reset padding\n background-color: transparent;\n appearance: none;\n\n &:focus {\n outline: none;\n\n // Pseudo-elements must be split across multiple rulesets to have an effect.\n // No box-shadow() mixin for focus accessibility.\n &::-webkit-slider-thumb { box-shadow: $custom-range-thumb-focus-box-shadow; }\n &::-moz-range-thumb { box-shadow: $custom-range-thumb-focus-box-shadow; }\n &::-ms-thumb { box-shadow: $custom-range-thumb-focus-box-shadow; }\n }\n\n &::-moz-focus-outer {\n border: 0;\n }\n\n &::-webkit-slider-thumb {\n width: $custom-range-thumb-width;\n height: $custom-range-thumb-height;\n margin-top: ($custom-range-track-height - $custom-range-thumb-height) / 2; // Webkit specific\n @include gradient-bg($custom-range-thumb-bg);\n border: $custom-range-thumb-border;\n @include border-radius($custom-range-thumb-border-radius);\n @include box-shadow($custom-range-thumb-box-shadow);\n @include transition($custom-forms-transition);\n appearance: none;\n\n &:active {\n @include gradient-bg($custom-range-thumb-active-bg);\n }\n }\n\n &::-webkit-slider-runnable-track {\n width: $custom-range-track-width;\n height: $custom-range-track-height;\n color: transparent; // Why?\n cursor: $custom-range-track-cursor;\n background-color: $custom-range-track-bg;\n border-color: transparent;\n @include border-radius($custom-range-track-border-radius);\n @include box-shadow($custom-range-track-box-shadow);\n }\n\n &::-moz-range-thumb {\n width: $custom-range-thumb-width;\n height: $custom-range-thumb-height;\n @include gradient-bg($custom-range-thumb-bg);\n border: $custom-range-thumb-border;\n @include border-radius($custom-range-thumb-border-radius);\n @include box-shadow($custom-range-thumb-box-shadow);\n @include transition($custom-forms-transition);\n appearance: none;\n\n &:active {\n @include gradient-bg($custom-range-thumb-active-bg);\n }\n }\n\n &::-moz-range-track {\n width: $custom-range-track-width;\n height: $custom-range-track-height;\n color: transparent;\n cursor: $custom-range-track-cursor;\n background-color: $custom-range-track-bg;\n border-color: transparent; // Firefox specific?\n @include border-radius($custom-range-track-border-radius);\n @include box-shadow($custom-range-track-box-shadow);\n }\n\n &::-ms-thumb {\n width: $custom-range-thumb-width;\n height: $custom-range-thumb-height;\n margin-top: 0; // Edge specific\n margin-right: $custom-range-thumb-focus-box-shadow-width; // Workaround that overflowed box-shadow is hidden.\n margin-left: $custom-range-thumb-focus-box-shadow-width; // Workaround that overflowed box-shadow is hidden.\n @include gradient-bg($custom-range-thumb-bg);\n border: $custom-range-thumb-border;\n @include border-radius($custom-range-thumb-border-radius);\n @include box-shadow($custom-range-thumb-box-shadow);\n @include transition($custom-forms-transition);\n appearance: none;\n\n &:active {\n @include gradient-bg($custom-range-thumb-active-bg);\n }\n }\n\n &::-ms-track {\n width: $custom-range-track-width;\n height: $custom-range-track-height;\n color: transparent;\n cursor: $custom-range-track-cursor;\n background-color: transparent;\n border-color: transparent;\n border-width: $custom-range-thumb-height / 2;\n @include box-shadow($custom-range-track-box-shadow);\n }\n\n &::-ms-fill-lower {\n background-color: $custom-range-track-bg;\n @include border-radius($custom-range-track-border-radius);\n }\n\n &::-ms-fill-upper {\n margin-right: 15px; // arbitrary?\n background-color: $custom-range-track-bg;\n @include border-radius($custom-range-track-border-radius);\n }\n\n &:disabled {\n &::-webkit-slider-thumb {\n background-color: $custom-range-thumb-disabled-bg;\n }\n\n &::-webkit-slider-runnable-track {\n cursor: default;\n }\n\n &::-moz-range-thumb {\n background-color: $custom-range-thumb-disabled-bg;\n }\n\n &::-moz-range-track {\n cursor: default;\n }\n\n &::-ms-thumb {\n background-color: $custom-range-thumb-disabled-bg;\n }\n }\n}\n\n.#{$prefix}custom-control-label::before,\n.#{$prefix}custom-file-label,\n.#{$prefix}custom-select {\n @include transition($custom-forms-transition);\n}\n","// stylelint-disable selector-no-qualifying-type\n\n//\n// Base styles\n//\n\n.#{$prefix}input-group {\n position: relative;\n display: flex;\n flex-wrap: wrap; // For form validation feedback\n align-items: stretch;\n width: 100%;\n\n > .#{$prefix}form-control,\n > .#{$prefix}form-control-plaintext,\n > .#{$prefix}custom-select,\n > .#{$prefix}custom-file {\n position: relative; // For focus state's z-index\n flex: 1 1 auto;\n // Add width 1% and flex-basis auto to ensure that button will not wrap out\n // the column. Applies to IE Edge+ and Firefox. Chrome does not require this.\n width: 1%;\n margin-bottom: 0;\n\n + .#{$prefix}form-control,\n + .#{$prefix}custom-select,\n + .#{$prefix}custom-file {\n margin-left: -$input-border-width;\n }\n }\n\n // Bring the \"active\" form control to the top of surrounding elements\n > .#{$prefix}form-control:focus,\n > .#{$prefix}custom-select:focus,\n > .#{$prefix}custom-file .#{$prefix}custom-file-input:focus ~ .#{$prefix}custom-file-label {\n z-index: 3;\n }\n\n // Bring the custom file input above the label\n > .#{$prefix}custom-file .#{$prefix}custom-file-input:focus {\n z-index: 4;\n }\n\n > .#{$prefix}form-control,\n > .#{$prefix}custom-select {\n &:not(:last-child) { @include border-right-radius(0); }\n &:not(:first-child) { @include border-left-radius(0); }\n }\n\n // Custom file inputs have more complex markup, thus requiring different\n // border-radius overrides.\n > .#{$prefix}custom-file {\n display: flex;\n align-items: center;\n\n &:not(:last-child) .#{$prefix}custom-file-label,\n &:not(:last-child) .#{$prefix}custom-file-label::after { @include border-right-radius(0); }\n &:not(:first-child) .#{$prefix}custom-file-label { @include border-left-radius(0); }\n }\n}\n\n\n// Prepend and append\n//\n// While it requires one extra layer of HTML for each, dedicated prepend and\n// append elements allow us to 1) be less clever, 2) simplify our selectors, and\n// 3) support HTML5 form validation.\n\n.#{$prefix}input-group-prepend,\n.#{$prefix}input-group-append {\n display: flex;\n\n // Ensure buttons are always above inputs for more visually pleasing borders.\n // This isn't needed for `.#{$prefix}input-group-text` since it shares the same border-color\n // as our inputs.\n .#{$prefix}btn {\n position: relative;\n z-index: 2;\n\n &:focus {\n z-index: 3;\n }\n }\n\n .#{$prefix}btn + .#{$prefix}btn,\n .#{$prefix}btn + .#{$prefix}input-group-text,\n .#{$prefix}input-group-text + .#{$prefix}input-group-text,\n .#{$prefix}input-group-text + .#{$prefix}btn {\n margin-left: -$input-border-width;\n }\n}\n\n.#{$prefix}input-group-prepend { margin-right: -$input-border-width; }\n.#{$prefix}input-group-append { margin-left: -$input-border-width; }\n\n\n// Textual addons\n//\n// Serves as a catch-all element for any text or radio/checkbox input you wish\n// to prepend or append to an input.\n\n.#{$prefix}input-group-text {\n display: flex;\n align-items: center;\n padding: $input-padding-y $input-padding-x;\n margin-bottom: 0; // Allow use of <label> elements by overriding our default margin-bottom\n @include font-size($input-font-size); // Match inputs\n font-weight: $font-weight-normal;\n line-height: $input-line-height;\n color: $input-group-addon-color;\n text-align: center;\n white-space: nowrap;\n background-color: $input-group-addon-bg;\n border: $input-border-width solid $input-group-addon-border-color;\n @include border-radius($input-border-radius);\n\n // Nuke default margins from checkboxes and radios to vertically center within.\n input[type=\"radio\"],\n input[type=\"checkbox\"] {\n margin-top: 0;\n }\n}\n\n\n// Sizing\n//\n// Remix the default form control sizing classes into new ones for easier\n// manipulation.\n\n.#{$prefix}input-group-lg > .#{$prefix}form-control:not(textarea),\n.#{$prefix}input-group-lg > .#{$prefix}custom-select {\n height: $input-height-lg;\n}\n\n.#{$prefix}input-group-lg > .#{$prefix}form-control,\n.#{$prefix}input-group-lg > .#{$prefix}custom-select,\n.#{$prefix}input-group-lg > .#{$prefix}input-group-prepend > .#{$prefix}input-group-text,\n.#{$prefix}input-group-lg > .#{$prefix}input-group-append > .#{$prefix}input-group-text,\n.#{$prefix}input-group-lg > .#{$prefix}input-group-prepend > .#{$prefix}btn,\n.#{$prefix}input-group-lg > .#{$prefix}input-group-append > .#{$prefix}btn {\n padding: $input-padding-y-lg $input-padding-x-lg;\n @include font-size($input-font-size-lg);\n line-height: $input-line-height-lg;\n @include border-radius($input-border-radius-lg);\n}\n\n.#{$prefix}input-group-sm > .#{$prefix}form-control:not(textarea),\n.#{$prefix}input-group-sm > .#{$prefix}custom-select {\n height: $input-height-sm;\n}\n\n.#{$prefix}input-group-sm > .#{$prefix}form-control,\n.#{$prefix}input-group-sm > .#{$prefix}custom-select,\n.#{$prefix}input-group-sm > .#{$prefix}input-group-prepend > .#{$prefix}input-group-text,\n.#{$prefix}input-group-sm > .#{$prefix}input-group-append > .#{$prefix}input-group-text,\n.#{$prefix}input-group-sm > .#{$prefix}input-group-prepend > .#{$prefix}btn,\n.#{$prefix}input-group-sm > .#{$prefix}input-group-append > .#{$prefix}btn {\n padding: $input-padding-y-sm $input-padding-x-sm;\n @include font-size($input-font-size-sm);\n line-height: $input-line-height-sm;\n @include border-radius($input-border-radius-sm);\n}\n\n.#{$prefix}input-group-lg > .#{$prefix}custom-select,\n.#{$prefix}input-group-sm > .#{$prefix}custom-select {\n padding-right: $custom-select-padding-x + $custom-select-indicator-padding;\n}\n\n\n// Prepend and append rounded corners\n//\n// These rulesets must come after the sizing ones to properly override sm and lg\n// border-radius values when extending. They're more specific than we'd like\n// with the `.#{$prefix}input-group >` part, but without it, we cannot override the sizing.\n\n\n.#{$prefix}input-group > .#{$prefix}input-group-prepend > .#{$prefix}btn,\n.#{$prefix}input-group > .#{$prefix}input-group-prepend > .#{$prefix}input-group-text,\n.#{$prefix}input-group > .#{$prefix}input-group-append:not(:last-child) > .#{$prefix}btn,\n.#{$prefix}input-group > .#{$prefix}input-group-append:not(:last-child) > .#{$prefix}input-group-text,\n.#{$prefix}input-group > .#{$prefix}input-group-append:last-child > .#{$prefix}btn:not(:last-child):not(.dropdown-toggle),\n.#{$prefix}input-group > .#{$prefix}input-group-append:last-child > .#{$prefix}input-group-text:not(:last-child) {\n @include border-right-radius(0);\n}\n\n.#{$prefix}input-group > .#{$prefix}input-group-append > .#{$prefix}btn,\n.#{$prefix}input-group > .#{$prefix}input-group-append > .#{$prefix}input-group-text,\n.#{$prefix}input-group > .#{$prefix}input-group-prepend:not(:first-child) > .#{$prefix}btn,\n.#{$prefix}input-group > .#{$prefix}input-group-prepend:not(:first-child) > .#{$prefix}input-group-text,\n.#{$prefix}input-group > .#{$prefix}input-group-prepend:first-child > .#{$prefix}btn:not(:first-child),\n.#{$prefix}input-group > .#{$prefix}input-group-prepend:first-child > .#{$prefix}input-group-text:not(:first-child) {\n @include border-left-radius(0);\n}\n","$input-margin-y: 4px;\n$custom-input-line-height: 20px;\n$custom-input-padding-y: 8px;\n$custom-input-padding-x: 12px;\n$custom-input-file-label-padding: 8px;\n\n// general form-control class for inputs (text, password, email, etc)\n.#{$prefix}form-control {\n padding: $custom-input-padding-y $custom-input-padding-x;\n margin-top: $input-margin-y;\n margin-bottom: $input-margin-y;\n line-height: $custom-input-line-height;\n color: $dark;\n\n &:hover:not(:disabled):not([readonly]) {\n border: 1px solid $input-focus-border-color;\n }\n\n &:disabled,\n &[readonly] {\n color: $muted;\n cursor: not-allowed;\n background-color: $cloud;\n border-color: $smoke;\n outline: none;\n box-shadow: none;\n }\n\n &:focus {\n color: $dark;\n }\n\n &.prefix-icon {\n padding-left: 36px;\n }\n\n &.suffix-icon {\n padding-right: 36px;\n }\n\n &.with-reset-icon, // will be deprecated in future version\n &.suffix-icon--double {\n padding-right: 36px;\n &.suffix-icon {\n padding-right: 72px;\n }\n }\n\n &.is-invalid,\n &:invalid {\n border-color: $danger;\n }\n}\n\n//plain text class\n.#{$prefix}form-control-plaintext {\n &:focus {\n outline: none;\n box-shadow: none;\n }\n}\n\n// supress magrin on .#{$prefix}form-group labels\n.#{$prefix}form-group {\n label {\n margin-bottom: 0;\n }\n}\n\n// supress margin on labels inside form-row\n.#{$prefix}form-row {\n label {\n margin-bottom: 0;\n }\n}\n\n\n.#{$prefix}custom-select,\n.#{$prefix}custom-file-input {\n height: $input-height;\n padding: $custom-select-padding-y 8px $custom-select-padding-y 12px;\n margin: $input-margin-y 0;\n line-height: $custom-input-line-height;\n color: $dark;\n\n &:hover:not(:disabled) {\n cursor: pointer;\n border: 1px solid $input-focus-border-color;\n }\n\n &:focus {\n box-shadow: $input-focus-box-shadow;\n }\n\n &:disabled {\n color: $muted;\n cursor: not-allowed;\n background-color: $cloud;\n border-color: $smoke;\n }\n\n &:not(:focus):invalid {\n color: $text-muted;\n }\n}\n\n// custom file input\ninput[type=\"file\"] { // stylelint-disable-line selector-no-qualifying-type\n cursor: pointer;\n}\ninput[type=\"file\"]::-webkit-file-upload-button { // stylelint-disable-line selector-no-qualifying-type\n cursor: pointer;\n}\n.#{$prefix}custom-file {\n display: flex;\n flex-wrap: wrap;\n align-items: center;\n height: auto;\n margin-bottom: 20px;\n &:hover .#{$prefix}custom-file-label::before {\n border: 1px solid $muted;\n }\n .#{$prefix}form-text {\n margin-top: 4px;\n }\n}\n.#{$prefix}custom-file ~ .#{$prefix}custom-file-list-wrapper {\n margin-bottom: 12px;\n}\n\n.#{$prefix}custom-file-input {\n margin: 0;\n}\n\n.#{$prefix}custom-file-label {\n display: flex;\n align-items: flex-end;\n height: 38px;\n padding: $custom-input-padding-y $custom-input-padding-x;\n margin-bottom: 0;\n color: $muted;\n\n &::after {\n display: none;\n }\n\n // visualize Choose File button\n &::before {\n position: relative;\n top: 3px;\n bottom: 0;\n z-index: 3;\n display: flex;\n align-items: center;\n height: 24px;\n padding: 2px 8px;\n margin-right: 12px;\n line-height: $custom-input-line-height;\n color: $slate;\n content: \"Choose File\";\n background-color: $snow;\n border: 1px solid $smoke;\n // stylelint-disable-next-line property-blacklist\n border-radius: 4px;\n }\n}\n\n//input text helper for validation, and normal case (form-text)\n.valid-feedback,\n.invalid-feedback {\n font-size: 12px;\n}\n\n.#{$prefix}form-group-label {\n margin-bottom: 0;\n font-weight: 600;\n line-height: $custom-input-line-height;\n}\n\n.#{$prefix}custom-control {\n margin-bottom: 4px;\n}\n\n.#{$prefix}form-group-label + .#{$prefix}custom-control,\n.#{$prefix}form-group-label + .#{$prefix}custom-file {\n margin-top: 4px;\n}\n\n//special case for checkbox and radio\n//checkboxes & radios are to use .#{$prefix}custom-control-input (NOT .#{$prefix}form-check) to have customize checkbox & radio\n.#{$prefix}custom-control-input {\n &:focus {\n box-shadow: $custom-control-indicator-focus-box-shadow;\n }\n\n &:hover ~ .#{$prefix}custom-control-label::before {\n cursor: pointer;\n border-color: $input-focus-border-color;\n }\n\n &:hover ~ .#{$prefix}custom-control-label::after,\n &:hover ~ .#{$prefix}custom-control-label {\n cursor: pointer;\n }\n\n &:disabled ~ .#{$prefix}custom-control-label::after{\n cursor: not-allowed;\n border: none;\n }\n\n &:disabled ~ .#{$prefix}custom-control-label::before{\n cursor: not-allowed;\n background-color: $cloud !important; // stylelint-disable-line declaration-no-important\n border: 1px solid $smoke !important; // stylelint-disable-line declaration-no-important\n }\n\n &:disabled ~ .#{$prefix}custom-control-label{\n cursor: not-allowed;\n }\n}\n\n.#{$prefix}custom-control-label {\n font-weight: 400;\n color: $dark;\n}\n\n.#{$prefix}custom-control-label::before {\n top: 1px;\n}\n\n.#{$prefix}custom-control-label::after {\n top: 1px;\n}\n\n.#{$prefix}custom-checkbox {\n .#{$prefix}custom-control-label::after {\n background: no-repeat 50%;\n }\n .#{$prefix}custom-control-input:disabled:checked ~ .#{$prefix}custom-control-label::after {\n background: $custom-checkbox-indicator-icon-checked-inverse no-repeat 50%;\n }\n .#{$prefix}custom-control-input:disabled:indeterminate ~ .#{$prefix}custom-control-label::after {\n background: $custom-checkbox-indicator-icon-indeterminate-inverse no-repeat 50%;\n }\n}\n\n.#{$prefix}custom-radio {\n .#{$prefix}custom-control-label::after {\n background: no-repeat 100% / 100% 50%;\n }\n .#{$prefix}custom-control-input:disabled:checked ~ .#{$prefix}custom-control-label::after {\n background: $custom-radio-indicator-icon-checked-inverse no-repeat 100% / 100% 50%;\n }\n}\n\n// to make sure checkbox & radio have 4px margin bottom\n.#{$prefix}form-check {\n margin-bottom: $input-margin-y;\n}\n\n// stylelint-disable-next-line selector-no-qualifying-type\ntextarea.#{$prefix}form-control {\n min-width: 184px;\n height: 80px;\n min-height: 38px;\n max-height: 200px;\n padding-right: 12px;\n padding-left: 12px;\n @include scroll-default;\n}\n\n// text helper class in Bootstrap\n.#{$prefix}form-text {\n font-size: 12px;\n color: $slate;\n}\n\n// input groups classess\n.#{$prefix}input-group {\n margin-top: $input-margin-y;\n margin-bottom: $input-margin-y;\n\n .#{$prefix}form-control {\n margin-top: 0;\n margin-bottom: 0;\n }\n\n .valid-feedback,\n .invalid-feedback {\n margin-top: 4px;\n }\n}\n\n/* stylelint-disable property-no-vendor-prefix /\n.#{$prefix}custom-select,\n.#{$prefix}custom-select-sm {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n}\n/ stylelint-enable property-no-vendor-prefix */\n\n.#{$prefix}form-xs {\n width: 80px;\n max-width: 80px;\n}\n\n.#{$prefix}form-sm {\n width: 184px;\n max-width: 184px;\n}\n\n.#{$prefix}form-md {\n width: 288px;\n max-width: 288px;\n}\n\n.#{$prefix}form-lg {\n width: 392px;\n max-width: 392px;\n}\n\n.#{$prefix}form-xl {\n width: 600px;\n max-width: 600px;\n}\n\n.#{$prefix}counter-label {\n float: right;\n font-weight: $font-weight-normal;\n}\n\n.#{$prefix}input-group-text {\n display: flex;\n align-items: center;\n padding: $input-padding-y $input-padding-x;\n margin-bottom: 0; // Allow use of <label> elements by overriding our default margin-bottom\n @include font-size($input-font-size); // Match inputs\n font-weight: $font-weight-normal;\n line-height: $input-line-height;\n color: $input-group-addon-color;\n text-align: center;\n white-space: nowrap;\n background-color: $input-group-addon-bg;\n border: $input-border-width solid $input-group-addon-border-color;\n @include border-radius($input-border-radius);\n}\n\n.input-date-picker, // will be deprecated in future version\n.input-no-readonly {\n color: $dark !important; // stylelint-disable-line declaration-no-important\n cursor: pointer !important; // stylelint-disable-line declaration-no-important\n background-color: $white !important; // stylelint-disable-line declaration-no-important\n &:hover:not(:disabled) {\n border: 1px solid $input-focus-border-color;\n }\n}\n\n.input-with-icon-container { // will be deprecated in future version\n position: relative;\n}\n","@mixin scroll-default {\n &::-webkit-scrollbar {\n width: 12px;\n background-color: transparent;\n }\n\n &::-webkit-scrollbar-thumb {\n background-color: $slate;\n background-clip: padding-box;\n border: 4px solid transparent;\n @include border-radius(16px);\n }\n\n &::-webkit-scrollbar-track {\n background-color: $white;\n @include border-radius(4px);\n }\n}\n"]}
1	+ {"version":3,"sources":["../../../scss/vendors/_forms.scss","../../../scss/vendor-extensions/_form.scss","../../../scss/vendors/_rfs.scss","../../../scss/vendor-extensions/_typography.scss","../../../scss/vendor-extensions/_color.scss","../../../scss/vendors/mixins/_border-radius.scss","../../../scss/vendors/mixins/_transition.scss","mekari-ui-form.css","../../../scss/vendors/mixins/_forms.scss","../../../scss/vendors/_variables.scss","../../../scss/vendors/mixins/_gradients.scss","../../../scss/vendors/mixins/_breakpoints.scss","../../../scss/vendors/_custom-forms.scss","../../../scss/vendors/_input-group.scss","../../../scss/components/config/_form.scss","../../../scss/mixins/_scroll.scss"],"names":[],"mappings":"AAMA;EACE,cAAc;EACd,WAAW;EACX,YCsQiB;EDrQjB,yBCLkC;EC0H9B,mBAtCY;EF5EhB,gBGIuC;EHHvC,mBGL0C;EHM1C,cIda;EJeb,sBIVU;EJWV,4BAA4B;EAC5B,yBIda;ECCX,kBJ6QqB;EK5QnB,wELwE4F;AMhElG;;ADHI;ENLJ;IMMM,gBAAgB;ECOpB;AACF;;APdA;EAsBI,6BAA6B;EAC7B,SAAS;AOJb;;ACZE;EACE,cJbW;EIcX,sBJTQ;EIUR,qBJDmB;EIEnB,UAAU;EAKR,6CJPiB;AGkBvB;;AP3BA;EA+BI,cIlCW;EJoCX,UAAU;AODd;;APhCA;EA+BI,cIlCW;EJoCX,UAAU;AODd;;APhCA;EA+BI,cIlCW;EJoCX,UAAU;AODd;;APhCA;EA+BI,cIlCW;EJoCX,UAAU;AODd;;APhCA;EA+BI,cIlCW;EJoCX,UAAU;AODd;;APhCA;EA2CI,yBI1CW;EJ4CX,UAAU;AORd;;APYA;EAOI,cI7DW;EJ8DX,sBIzDQ;AG0CZ;;APoBA;;EAEE,cAAc;EACd,WAAW;AOjBb;;AP2BA;EACE,iCAA+D;EAC/D,oCAAkE;EAClE,gBAAgB;EEZd,kBAAW;EFcb,mBG7E0C;AIqD5C;;AP2BA;EACE,+BAAkE;EAClE,kCAAqE;EEoCjE,kBAtCY;EFIhB,mBGnF0C;AI2D5C;;AP2BA;EACE,gCAAkE;EAClE,mCAAqE;EE6BjE,kBAtCY;EFWhB,mBGzF0C;AIiE5C;;APiCA;EACE,cAAc;EACd,WAAW;EACX,qBC5GmC;ED6GnC,wBC7GmC;ED8GnC,gBAAgB;EAChB,mBG1G0C;EH2G1C,cInHa;EJoHb,6BAA6B;EAC7B,yBAAyB;EACzB,mBAAmC;AO9BrC;;APoBA;EAcI,gBAAgB;EAChB,eAAe;AO9BnB;;AP0CA;EACE,qCC9DqI;ED+DrI,uBC3HiC;ECgH7B,kBAtCY;EFmDhB,mBGjI0C;EENxC,kBJoDuC;AM6C3C;;AP0CA;EACE,mCCrEqI;EDsErI,oBC9HgC;EC2G5B,kBAtCY;EF2DhB,mBG1I0C;EELxC,kBJmDuC;AMsD3C;;AP2CA;EAGI,YAAY;AO1ChB;;AP8CA;EACE,YAAY;AO3Cd;;APmDA;EACE,mBCqH6B;AMrK/B;;APmDA;EACE,cAAc;EACd,aC6GuB;AM7JzB;;APwDA;EACE,aAAa;EACb,eAAe;EACf,kBAA0C;EAC1C,iBAAyC;AOrD3C;;APiDA;;EAQI,kBAA0C;EAC1C,iBAAyC;AOpD7C;;AP6DA;EACE,kBAAkB;EAClB,cAAc;EACd,qBC1H6C;AMgE/C;;AP6DA;EACE,kBAAkB;EAClB,kBC9H2C;ED+H3C,qBChI6C;AMsE/C;;APuDA;EAMI,cIlNW;AGyJf;;AP6DA;EACE,gBAAgB;AO1DlB;;AP6DA;EACE,oBAAoB;EACpB,mBAAmB;EACnB,eAAe;EACf,qBC3I4C;AMiF9C;;APsDA;EAQI,gBAAgB;EAChB,aAAa;EACb,uBChJ4C;EDiJ5C,cAAc;AO1DlB;;ACjJE;EACE,aAAa;EACb,WAAW;EACX,aPiPwB;EClJtB,kBAtCY;EMvDd,cJvBmB;AG2KvB;;ACjJE;EACE,kBAAkB;EAClB,SAAS;EACT,UAAU;EACV,aAAa;EACb,eAAe;EACf,uBP0NuC;EOzNvC,iBAAiB;ENmFf,kBAtCY;EM3Cd,mBLrCwC;EKsCxC,WCxCW;EDyCX,uCJrCmB;ECNnB,kBJoQqC;AMpEzC;;AChJI;EAEE,qBJ5CiB;AG8LvB;;ACpJI;EAaI,qBJvDe;EIwDf,+CJxDe;AGmMvB;;ACzJI;;;EAmBI,cAAc;AD4ItB;;AC3HI;EAEE,qBJhFiB;AG6MvB;;AC/HI;EAUI,qBJxFe;EIyFf,+CJzFe;AGkNvB;;ACpII;;;EAgBI,cAAc;AD0HtB;;ACnHI;;;EAII,cAAc;ADqHtB;;AC/GI;EAGI,cJlHe;AGkOvB;;ACnHI;;;EAQI,cAAc;ADiHtB;;AC3GI;EAGI,cJhIe;AG4OvB;;AC/GI;EAMM,qBJnIa;AGgPvB;;ACnHI;;;EAYI,cAAc;AD6GtB;;ACzHI;EAiBM,qBAAkC;EEnJxC,yBFoJ+C;AD4GnD;;AC9HI;EAwBM,+CJrJa;AG+PvB;;AClII;EA4BM,qBJzJa;AGmQvB;;AClGI;EAGI,qBJpKe;AGuQvB;;ACtGI;;;EAQI,cAAc;ADoGtB;;AC5GI;EAaM,qBJ9Ka;EI+Kb,+CJ/Ka;AGkRvB;;AChQE;EACE,aAAa;EACb,WAAW;EACX,aPiPwB;EClJtB,kBAtCY;EMvDd,cJxBmB;AG2RvB;;AChQE;EACE,kBAAkB;EAClB,SAAS;EACT,UAAU;EACV,aAAa;EACb,eAAe;EACf,uBP0NuC;EOzNvC,iBAAiB;ENmFf,kBAtCY;EM3Cd,mBLrCwC;EKsCxC,WCxCW;EDyCX,wCJtCmB;ECLnB,kBJoQqC;AM2CzC;;AC/PI;EAEE,qBJ7CiB;AG8SvB;;ACnQI;EAaI,qBJxDe;EIyDf,gDJzDe;AGmTvB;;ACxQI;;;EAmBI,cAAc;AD2PtB;;AC1OI;EAEE,qBJjFiB;AG6TvB;;AC9OI;EAUI,qBJzFe;EI0Ff,gDJ1Fe;AGkUvB;;ACnPI;;;EAgBI,cAAc;ADyOtB;;AClOI;;;EAII,cAAc;ADoOtB;;AC9NI;EAGI,cJnHe;AGkVvB;;AClOI;;;EAQI,cAAc;ADgOtB;;AC1NI;EAGI,cJjIe;AG4VvB;;AC9NI;EAMM,qBJpIa;AGgWvB;;AClOI;;;EAYI,cAAc;AD4NtB;;ACxOI;EAiBM,qBAAkC;EEnJxC,yBFoJ+C;AD2NnD;;AC7OI;EAwBM,gDJtJa;AG+WvB;;ACjPI;EA4BM,qBJ1Ja;AGmXvB;;ACjNI;EAGI,qBJrKe;AGuXvB;;ACrNI;;;EAQI,cAAc;ADmNtB;;AC3NI;EAaM,qBJ/Ka;EIgLb,gDJhLa;AGkYvB;;AP3IA;EACE,aAAa;EACb,mBAAmB;EACnB,mBAAmB;AO8IrB;;APjJA;EASI,WAAW;AO4If;;AI1VI;EXqMJ;IAeM,aAAa;IACb,mBAAmB;IACnB,uBAAuB;IACvB,gBAAgB;EO2IpB;EP7JF;IAuBM,aAAa;IACb,cAAc;IACd,mBAAmB;IACnB,mBAAmB;IACnB,gBAAgB;EOyIpB;EPpKF;IAgCM,qBAAqB;IACrB,WAAW;IACX,sBAAsB;EOuI1B;EPzKF;IAuCM,qBAAqB;EOqIzB;EP5KF;;IA4CM,WAAW;EOoIf;EPhLF;IAkDM,aAAa;IACb,mBAAmB;IACnB,uBAAuB;IACvB,WAAW;IACX,eAAe;EOiInB;EPvLF;IAyDM,kBAAkB;IAClB,cAAc;IACd,aAAa;IACb,qBCzOwC;ID0OxC,cAAc;EOiIlB;EP9LF;IAiEM,mBAAmB;IACnB,uBAAuB;EOgI3B;EPlMF;IAqEM,gBAAgB;EOgIpB;AACF;;AK9bA;EACE,kBAAkB;EAClB,cAAc;EACd,uBAA+C;EAC/C,oBAAqE;ALicvE;;AK9bA;EACE,oBAAoB;EACpB,kBXiF0C;AMgX5C;;AK9bA;EACE,kBAAkB;EAClB,WAAW;EACX,UAAU;ALicZ;;AKpcA;EAMI,WRrBQ;EQsBR,qBRbmB;EMTnB,yBNSmB;AGgdvB;;AK1cA;EAiBM,gDRzBiB;AGsdvB;;AK9cA;EAsBI,qBXiB0D;AM2a9D;;AKldA;EA0BI,WRzCQ;EQ0CR,yBX0EkE;EWzElE,qBXyEkE;AMmXtE;;AKxdA;EAkCM,cRpDS;AG8ef;;AK5dA;EAqCQ,yBRnDO;AG8ef;;AKjbA;EACE,kBAAkB;EAClB,gBAAgB;EAChB,mBAAmB;ALobrB;;AKvbA;EAOI,kBAAkB;EAClB,gBAA+E;EAC/E,aAA+D;EAC/D,cAAc;EACd,WXsBwC;EWrBxC,YXqBwC;EWpBxC,oBAAoB;EACpB,WAAW;EACX,sBR7EQ;EQ8ER,yBX5D6B;AMgfjC;;AKpcA;EAsBI,kBAAkB;EAClB,gBAA+E;EAC/E,aAA+D;EAC/D,cAAc;EACd,WXOwC;EWNxC,YXMwC;EWLxC,WAAW;EACX,mCAAgE;ALkbpE;;AKzaA;EPrGI,kBJyH+C;AMyZnD;;AK7aA;EAOM,igBXcyhB;AM4Z/hB;;AKjbA;EAaM,qBRxGiB;EMTnB,yBNSmB;AGihBvB;;AKtbA;EAkBM,+JXQ8L;AMgapM;;AK1bA;EAwBM,uCRnHiB;AGyhBvB;;AK9bA;EA2BM,uCRtHiB;AG6hBvB;;AK9ZA;EAGI,kBXN+C;AMqanD;;AKlaA;EAQM,0JXVkL;AMwaxL;;AKtaA;EAcM,uCR7IiB;AGyiBvB;;AKlZA;EACE,qBAA2D;ALqZ7D;;AKtZA;EAKM,cAAqD;EACrD,cX5B+E;EW6B/E,mBAAmB;EAEnB,qBX9B4E;AMkblF;;AK7ZA;EAaM,4BAA0I;EAC1I,0BAA+G;EAC/G,uBXnCiI;EWoCjI,wBXpCiI;EWqCjI,yBH3KY;EG6KZ,qBXxC4E;EK3I5E,yIL0F+H;AM6erI;;ADlkBI;EM2JJ;IN1JM,gBAAgB;ECskBpB;AACF;;AK7aA;EA0BM,sBR1LM;EQ2LN,8BAA4E;ALuZlF;;AKlbA;EAiCM,uCRxLiB;AG6kBvB;;AKzYA;EACE,qBAAqB;EACrB,WAAW;EACX,sCX5I2H;EW6I3H,gCXlNkC;EC0H9B,mBAtCY;EUiIhB,gBTzMuC;ES0MvC,mBTlN0C;ESmN1C,WR1NU;EQ2NV,sBAAsB;EACtB,inBXzD0H;EW0D1H,sBRzNU;EQ0NV,yBR5Na;ECCX,kBJuKmC;EWuDrC,wBAAgB;EAAhB,qBAAgB;EAAhB,gBAAgB;AL0YlB;;AK1ZA;EAmBI,qBX1K0D;EW2K1D,UAAU;EAIR,gDR9NiB;AGsmBvB;;AKhaA;EAiCM,cRnPS;EQoPT,sBR/OM;AGknBZ;;AKraA;EAwCI,YAAY;EACZ,sBXvPgC;EWwPhC,sBAAsB;ALiY1B;;AK3aA;EA8CI,cR9PW;EQ+PX,yBR3PW;AG4nBf;;AKhbA;EAoDI,aAAa;ALgYjB;;AK5XA;EACE,qCXjMqI;EWkMrI,oBX/PkC;EWgQlC,uBXhQkC;EWiQlC,oBXhQiC;ECgH7B,kBAtCY;AKsjBlB;;AK5XA;EACE,mCXxMqI;EWyMrI,mBXlQiC;EWmQjC,sBXnQiC;EWoQjC,kBXnQgC;EC2G5B,kBAtCY;AK8jBlB;;AKvXA;EACE,kBAAkB;EAClB,qBAAqB;EACrB,WAAW;EACX,sCX1N2H;EW2N3H,gBAAgB;AL0XlB;;AKvXA;EACE,kBAAkB;EAClB,UAAU;EACV,WAAW;EACX,sCXlO2H;EWmO3H,SAAS;EACT,UAAU;AL0XZ;;AKhYA;EASI,qBXrP0D;EWsP1D,gDRrSmB;AGgqBvB;;AKrYA;EAcI,yBR/SW;AG0qBf;;AKzYA;EAmBM,sBXvBa;AMiZnB;;AK7YA;EAmBM,qBXtBY;AMoZlB;;AKjZA;EAwBI,0BAA0B;AL6X9B;;AKzXA;EACE,kBAAkB;EAClB,MAAM;EACN,QAAQ;EACR,OAAO;EACP,UAAU;EACV,sCXhQ2H;EWiQ3H,yBXtUkC;EWwUlC,gBT5TuC;ES6TvC,mBTrU0C;ESsU1C,cR9Ua;EQ+Ub,sBR1UU;EQ2UV,yBR7Ua;ECCX,kBJkDuC;AMspB3C;;AKzYA;EAkBI,kBAAkB;EAClB,MAAM;EACN,QAAQ;EACR,SAAS;EACT,UAAU;EACV,cAAc;EACd,gCXtR+F;EWuR/F,yBXxVgC;EWyVhC,mBTrVwC;ESsVxC,cR9VW;EQ+VX,iBAAiB;EF1VjB,yBNCW;EQ2VX,oBAAoB;EP7VpB,0BO8VgF;AL2XpF;;AKjXA;EACE,WAAW;EACX,2BAA+F;EAC/F,UAAU;EACV,6BAA6B;EAC7B,wBAAgB;EAAhB,qBAAgB;EAAhB,gBAAgB;ALoXlB;;AKzXA;EAQI,aAAa;ALqXjB;;AK7XA;EAY8B,gER5WP;AGiuBvB;;AKjYA;EAa8B,gER7WP;AGquBvB;;AKrYA;EAc8B,gER9WP;AGyuBvB;;AKzYA;EAkBI,SAAS;AL2Xb;;AK7YA;EAsBI,WX/L6C;EWgM7C,YXhM6C;EWiM7C,oBAAyE;EF/XzE,yBNSmB;EQwXnB,SXhM0C;EIlM1C,mBJmM6C;EKlM3C,4GL0F+H;EW2SjI,wBAAgB;EAAhB,gBAAgB;AL0XpB;;AD1vBI;EMkWJ;INjWM,gBAAgB;EC8vBpB;AACF;;AK9ZA;EFvWI,yBTsM+D;AMmkBnE;;AKlaA;EAsCI,WXtNoC;EWuNpC,cXtNqC;EWuNrC,kBAAkB;EAClB,eXvNuC;EWwNvC,yBH7Yc;EG8Yd,yBAAyB;EPnZzB,mBJ4LoC;AMwlBxC;;AK5aA;EAiDI,WX1N6C;EW2N7C,YX3N6C;ES9L7C,yBNSmB;EQkZnB,SX1N0C;EIlM1C,mBJmM6C;EKlM3C,4GL0F+H;EWqUjI,qBAAgB;EAAhB,gBAAgB;AL8XpB;;ADxxBI;EMkWJ;INjWM,gBAAgB;EC4xBpB;AACF;;AK5bA;EFvWI,yBTsM+D;AMimBnE;;AKhcA;EAgEI,WXhPoC;EWiPpC,cXhPqC;EWiPrC,kBAAkB;EAClB,eXjPuC;EWkPvC,yBHvac;EGwad,yBAAyB;EP7azB,mBJ4LoC;AMsnBxC;;AK1cA;EA2EI,WXpP6C;EWqP7C,YXrP6C;EWsP7C,aAAa;EACb,oBXjb+B;EWkb/B,mBXlb+B;ESJ/B,yBNSmB;EQ+anB,SXvP0C;EIlM1C,mBJmM6C;EKlM3C,4GL0F+H;EWkWjI,gBAAgB;ALkYpB;;ADzzBI;EMkWJ;INjWM,gBAAgB;EC6zBpB;AACF;;AK7dA;EFvWI,yBTsM+D;AMkoBnE;;AKjeA;EA6FI,WX7QoC;EW8QpC,cX7QqC;EW8QrC,kBAAkB;EAClB,eX9QuC;EW+QvC,6BAA6B;EAC7B,yBAAyB;EACzB,oBAA4C;ALwYhD;;AK3eA;EAwGI,yBH3cc;EJLd,mBJ4LoC;AM4pBxC;;AKhfA;EA6GI,kBAAkB;EAClB,yBHjdc;EJLd,mBJ4LoC;AMkqBxC;;AKtfA;EAoHM,yBHrdY;AF21BlB;;AK1fA;EAwHM,eAAe;ALsYrB;;AK9fA;EA4HM,yBH7dY;AFm2BlB;;AKlgBA;EAgIM,eAAe;ALsYrB;;AKtgBA;EAoIM,yBHreY;AF22BlB;;AKjYA;;;ENhfM,4GL0F+H;AM6xBrI;;ADl3BI;EM2eJ;;;IN1eM,gBAAgB;ECw3BpB;AACF;;AM/3BA;EACE,kBAAkB;EAClB,aAAa;EACb,eAAe;EACf,oBAAoB;EACpB,WAAW;ANk4Bb;;AMv4BA;;;;EAWI,kBAAkB;EAClB,cAAc;EAGd,SAAS;EACT,gBAAgB;ANi4BpB;;AMj5BA;;;;;;;;;;;;EAqBM,iBZH2B;AM84BjC;;AMh6BA;;;EA6BI,UAAU;ANy4Bd;;AMt6BA;EAkCI,UAAU;ANw4Bd;;AM16BA;;EReI,0BQwBmD;ERvBnD,6BQuBmD;ANy4BvD;;AMh7BA;;ER6BI,yBQWmD;ERVnD,4BQUmD;AN84BvD;;AMt7BA;EA8CI,aAAa;EACb,mBAAmB;AN44BvB;;AM37BA;;EReI,0BQmCuF;ERlCvF,6BQkCuF;AN+4B3F;;AMj8BA;ER6BI,yBQsBgF;ERrBhF,4BQqBgF;ANm5BpF;;AMx4BA;;EAEE,aAAa;AN24Bf;;AM74BA;;EAQI,kBAAkB;EAClB,UAAU;AN04Bd;;AMn5BA;;EAYM,UAAU;AN44BhB;;AMx5BA;;;;;;;;EAoBI,iBZhE6B;AM+8BjC;;AM34BA;EAAiC,kBZpEA;AMm9BjC;;AM94BA;EAAgC,iBZrEC;AMu9BjC;;AM14BA;EACE,aAAa;EACb,mBAAmB;EACnB,yBZnGkC;EYoGlC,gBAAgB;EXsBZ,mBAtCY;EWkBhB,gBV3FuC;EU4FvC,mBVnG0C;EUoG1C,cT5Ga;ES6Gb,kBAAkB;EAClB,mBAAmB;EACnB,yBTzGa;ES0Gb,yBT7Ga;ECCX,kBJ6QqB;AM6uBzB;;AM15BA;;EAkBI,aAAa;AN64BjB;;AMn4BA;;EAEE,mCZvDqI;AM67BvI;;AMn4BA;;;;;;EAME,oBZxHgC;EC2G5B,kBAtCY;EWqDhB,mBVpI0C;EELxC,kBJmDuC;AM69B3C;;AMn4BA;;EAEE,qCZzEqI;AM+8BvI;;AMn4BA;;;;;;EAME,uBZ9IiC;ECgH7B,kBAtCY;EWsEhB,mBVpJ0C;EENxC,kBJoDuC;AM6+B3C;;AMn4BA;;EAEE,sBAA0E;ANs4B5E;;AM33BA;;;;;;ER3JI,0BQiK4B;ERhK5B,6BQgK4B;AN+3BhC;;AM53BA;;;;;;ERtJI,yBQ4J2B;ER3J3B,4BQ2J2B;ANg4B/B;;AOxjCA;EACE,iBAL2B;EAM3B,eATkB;EAUlB,kBAVkB;EAWlB,iBAV6B;EAW7B,cVXa;AGskCf;;AOhkCA;EAQI,yBVAmB;AG4jCvB;;AOpkCA;EAaI,cVjBW;EUkBX,mBAAmB;EACnB,yBVfW;EUgBX,qBVnBW;EUoBX,aAAa;EACb,gBAAgB;AP2jCpB;;AO7kCA;EAsBI,cV5BW;AGulCf;;AOjlCA;EA0BI,kBAAkB;AP2jCtB;;AOrlCA;EA8BI,mBAAmB;AP2jCvB;;AOzlCA;EAmCI,mBAAmB;AP0jCvB;;AO7lCA;EAqCM,mBAAmB;AP4jCzB;;AOjmCA;EA2CI,qBVxCmB;AGkmCvB;;AOrjCA;EAEI,aAAa;EACb,gBAAgB;APujCpB;;AOljCA;EAEI,gBAAgB;APojCpB;;AO/iCA;EAEI,gBAAgB;APijCpB;;AO5iCA;;EAEE,YbgMiB;Ea/LjB,yBAAmE;EACnE,aAAyB;EACzB,iBAjF6B;EAkF7B,cVlFa;AGioCf;;AOrjCA;;EASI,eAAe;EACf,yBVxEmB;AGynCvB;;AO3jCA;;EAcI,6CV5EmB;AG8nCvB;;AOhkCA;;EAkBI,cV5FW;EU6FX,mBAAmB;EACnB,yBV1FW;EU2FX,qBV9FW;AGipCf;;AOxkCA;;EAyBI,cVnGW;AGupCf;;AO/iCA;EACE,eAAe;APkjCjB;;AOhjCA;EACE,eAAe;APmjCjB;;AOjjCA;EACE,aAAa;EACb,eAAe;EACf,mBAAmB;EACnB,YAAY;EACZ,mBAAmB;APojCrB;;AOzjCA;EAOI,yBVrHW;AG2qCf;;AO7jCA;EAUI,eAAe;APujCnB;;AOpjCA;EACE,mBAAmB;APujCrB;;AOpjCA;EACE,SAAS;APujCX;;AOpjCA;EACE,aAAa;EACb,qBAAqB;EACrB,YAAY;EACZ,iBAvI2B;EAwI3B,gBAAgB;EAChB,cVzIa;AGgsCf;;AO7jCA;EASI,aAAa;APwjCjB;;AOjkCA;EAcI,kBAAkB;EAClB,QAAQ;EACR,SAAS;EACT,UAAU;EACV,aAAa;EACb,mBAAmB;EACnB,YAAY;EACZ,gBAAgB;EAChB,kBAAkB;EAClB,iBA5J2B;EA6J3B,WV5JQ;EU6JR,sBAAsB;EACtB,yBV3JW;EU4JX,yBV7JW;EU+JX,kBAAkB;APsjCtB;;AOjjCA;;EAEE,eAAe;APojCjB;;AOjjCA;EACE,gBAAgB;EAChB,gBAAgB;EAChB,iBA/K6B;APmuC/B;;AOjjCA;EACE,kBAAkB;APojCpB;;AOjjCA;;EAEE,eAAe;APojCjB;;AO/iCA;EAEI,gDVnLmB;AGouCvB;;AOnjCA;EAMI,eAAe;EACf,qBVtLmB;AGuuCvB;;AOxjCA;;EAYI,eAAe;APijCnB;;AO7jCA;EAgBI,mBAAmB;EACnB,YAAY;APijChB;;AOlkCA;EAqBI,mBAAmB;EACnB,oCAAmC;EACnC,oCAAmC;APijCvC;;AOxkCA;EA2BI,mBAAmB;APijCvB;;AO7iCA;EACE,gBAAgB;EAChB,cV9Na;AG8wCf;;AO7iCA;EAEI,MAAM;AP+iCV;;AOjjCA;EAKI,MAAM;EACN,yBAAyB;APgjC7B;;AOtjCA;EASI,ygBAAyE;APijC7E;;AO1jCA;EAYI,uKAA+E;APkjCnF;;AO9iCA;EAEI,QAAQ;APgjCZ;;AOljCA;EAKI,QAAQ;EACR,qCAAqC;APijCzC;;AOvjCA;EASI,4KAAkF;APkjCtF;;AO9iCA;EACE,YAAY;EACZ,kBAAkB;EAClB,iBAAiB;APijCnB;;AOpjCA;EAMM,MAAM;EACN,WAAW;EACX,WAAW;EACX,YAAY;EACZ,yBVrQS;EUsQT,YAAY;EACZ,mBAAmB;APkjCzB;;AO9jCA;EAeM,QAAQ;EACR,WAAW;EACX,WAAW;EACX,YAAY;EACZ,sBV5QM;EU6QN,kBAAkB;EAClB,yBAAyB;APmjC/B;;AOxkCA;EA0BM,yBV5QiB;AG8zCvB;;AO5kCA;EA6BM,2BAA2B;APmjCjC;;AOhlCA;EAoCU,mBVzRa;AGy0CvB;;AOplCA;EAwCQ,mBV7Re;AG60CvB;;AOxlCA;EA2CQ,gCAA4C;APijCpD;;AO5lCA;EAoCU,mBVxRa;AGo1CvB;;AOhmCA;EAwCQ,mBV5Re;AGw1CvB;;AOpmCA;EA2CQ,gCAA4C;AP6jCpD;;AOxmCA;EAoCU,mBVvRa;AG+1CvB;;AO5mCA;EAwCQ,mBV3Re;AGm2CvB;;AOhnCA;EA2CQ,8BAA4C;APykCpD;;AOpnCA;EAoCU,mBVrRa;AGy2CvB;;AOxnCA;EAwCQ,mBVzRe;AG62CvB;;AO5nCA;EA2CQ,gCAA4C;APqlCpD;;AOhoCA;EAoCU,mBVpRa;AGo3CvB;;AOpoCA;EAwCQ,mBVxRe;AGw3CvB;;AOxoCA;EA2CQ,gCAA4C;APimCpD;;AO5oCA;EAoCU,mBVhRW;AG43CrB;;AOhpCA;EAwCQ,mBVpRa;AGg4CrB;;AOppCA;EA2CQ,gCAA4C;AP6mCpD;;AOxpCA;EAoCU,mBVjRW;AGy4CrB;;AO5pCA;EAwCQ,mBVrRa;AG64CrB;;AOhqCA;EA2CQ,gCAA4C;APynCpD;;AOpqCA;EAoCU,mBV/QW;AGm5CrB;;AOxqCA;EAwCQ,mBVnRa;AGu5CrB;;AO5qCA;EA2CQ,gCAA4C;APqoCpD;;AOhrCA;EAoCU,mBV9QW;AG85CrB;;AOprCA;EAwCQ,mBVlRa;AGk6CrB;;AOxrCA;EA2CQ,gCAA4C;APipCpD;;AO5rCA;EAoCU,mBVlSK;AG87Cf;;AOhsCA;EAwCQ,mBVtSO;AGk8Cf;;AOpsCA;EA2CQ,gCAA4C;AP6pCpD;;AOxsCA;EAoCU,gBVjSE;AGy8CZ;;AO5sCA;EAwCQ,gBVrSI;AG68CZ;;AOhtCA;EA2CQ,gCAA4C;APyqCpD;;AOptCA;EAoCU,mBVhSK;AGo9Cf;;AOxtCA;EAwCQ,mBVpSO;AGw9Cf;;AO5tCA;EA2CQ,8BAA4C;APqrCpD;;AOhuCA;EAoCU,mBV/RK;AG+9Cf;;AOpuCA;EAwCQ,mBVnSO;AGm+Cf;;AOxuCA;EA2CQ,8BAA4C;APisCpD;;AO5uCA;EAoCU,mBV9RK;AG0+Cf;;AOhvCA;EAwCQ,mBVlSO;AG8+Cf;;AOpvCA;EA2CQ,8BAA4C;AP6sCpD;;AOxvCA;EAoCU,mBV5RK;AGo/Cf;;AO5vCA;EAwCQ,mBVhSO;AGw/Cf;;AOhwCA;EA2CQ,8BAA4C;APytCpD;;AOpwCA;EAoCU,mBVtRa;AG0/CvB;;AOxwCA;EAwCQ,mBV1Re;AG8/CvB;;AO5wCA;EA2CQ,gCAA4C;APquCpD;;AOhxCA;EAoCU,gBV7RE;AG6gDZ;;AOpxCA;EAwCQ,gBVjSI;AGihDZ;;AOxxCA;EA2CQ,8BAA4C;APivCpD;;AO7uCE;EACE,YAAY;EACZ,kBAAkB;EAClB,iBAAiB;APgvCrB;;AOnvCG;EAMK,WAAW;EACX,WAAW;EACX,YAAY;APivCpB;;AOzvCG;EAWK,WAAW;EACX,WAAW;EACX,YAAY;APkvCpB;;AO/vCG;EAkBK,2BAA2B;APivCnC;;AO1uCA;EACE,kBAxUkB;APqjDpB;;AOzuCA;EACE,gBAAgB;EAChB,YAAY;EACZ,gBAAgB;EAChB,iBAAiB;EACjB,mBAAmB;EACnB,kBAAkB;AP4uCpB;;AQ7jDE;EACE,WAAW;EACX,6BAA6B;ARgkDjC;;AQ7jDE;EACE,sBXLQ;EWMR,4BAA4B;EAC5B,6BAA6B;EVJ7B,mBUK2B;ARgkD/B;;AQ7jDE;EACE,sBXRQ;ECDR,kBUU0B;ARgkD9B;;AOxvCA;EACE,eAAe;EACf,WVvVU;AGklDZ;;AOvvCA;EACE,eA9VkB;EA+VlB,kBA/VkB;APylDpB;;AO5vCA;EAKI,aAAa;EACb,gBAAgB;AP2vCpB;;AOjwCA;;EAWI,eAAe;AP2vCnB;;AOvvCA,gDAAA;AACA;;EAEE,wBAAwB;EACxB,qBAAqB;EACrB,gBAAgB;AP0vClB;;AOxvCA,+CAAA;AAEA;EACE,WAAW;EACX,eAAe;AP0vCjB;;AOvvCA;EACE,YAAY;EACZ,gBAAgB;AP0vClB;;AOvvCA;EACE,YAAY;EACZ,gBAAgB;AP0vClB;;AOvvCA;EACE,YAAY;EACZ,gBAAgB;AP0vClB;;AOvvCA;EACE,YAAY;EACZ,gBAAgB;AP0vClB;;AOvvCA;EACE,YAAY;EACZ,gBXhYuC;AI0nDzC;;AOvvCA;EACE,aAAa;EACb,mBAAmB;EACnB,yBbjZkC;EakZlC,gBAAgB;EZxRZ,mBAtCY;EYgUhB,gBXzYuC;EW0YvC,mBXjZ0C;EWkZ1C,cV1Za;EU2Zb,kBAAkB;EAClB,mBAAmB;EACnB,yBVvZa;EUwZb,yBV3Za;ECCX,kBJ6QqB;AMw4CzB;;AOvvCA;;EAEE,yBAAuB;EACvB,0BAA0B;EAC1B,iCAAmC;AP0vCrC;;AO9vCA;;EAMI,yBV1ZmB;AGupDvB;;AOzvCA;EACE,kBAAkB;AP4vCpB","file":"mekari-ui-form.css","sourcesContent":["// stylelint-disable selector-no-qualifying-type\n\n//\n// Textual form controls\n//\n\n.#{$prefix}form-control {\n display: block;\n width: 100%;\n height: $input-height;\n padding: $input-padding-y $input-padding-x;\n font-family: $input-font-family;\n @include font-size($input-font-size);\n font-weight: $input-font-weight;\n line-height: $input-line-height;\n color: $input-color;\n background-color: $input-bg;\n background-clip: padding-box;\n border: $input-border-width solid $input-border-color;\n\n // Note: This has no effect on <select>s in some browsers, due to the limited stylability of `<select>`s in CSS.\n @include border-radius($input-border-radius, 0);\n\n @include box-shadow($input-box-shadow);\n @include transition($input-transition);\n\n // Unstyle the caret on `<select>`s in IE10+.\n &::-ms-expand {\n background-color: transparent;\n border: 0;\n }\n\n // Customize the `:focus` state to imitate native WebKit styles.\n @include form-control-focus;\n\n // Placeholder\n &::placeholder {\n color: $input-placeholder-color;\n // Override Firefox's unusual default opacity; see https://github.com/twbs/bootstrap/pull/11526.\n opacity: 1;\n }\n\n // Disabled and read-only inputs\n //\n // HTML5 says that controls under a fieldset > legend:first-child won't be\n // disabled if the fieldset is disabled. Due to implementation difficulty, we\n // don't honor that edge case; we style them as disabled anyway.\n &:disabled,\n &[readonly] {\n background-color: $input-disabled-bg;\n // iOS fix for unreadable disabled content; see https://github.com/twbs/bootstrap/issues/11655.\n opacity: 1;\n }\n}\n\nselect.#{$prefix}form-control {\n &:focus::-ms-value {\n // Suppress the nested default white text on blue background highlight given to\n // the selected option text when the (still closed) <select> receives focus\n // in IE and (under certain conditions) Edge, as it looks bad and cannot be made to\n // match the appearance of the native widget.\n // See https://github.com/twbs/bootstrap/issues/19398.\n color: $input-color;\n background-color: $input-bg;\n }\n}\n\n// Make file inputs better match text inputs by forcing them to new lines.\n.#{$prefix}form-control-file,\n.#{$prefix}form-control-range {\n display: block;\n width: 100%;\n}\n\n\n//\n// Labels\n//\n\n// For use with horizontal and inline forms, when you need the label (or legend)\n// text to align with the form controls.\n.#{$prefix}col-form-label {\n padding-top: calc(#{$input-padding-y} + #{$input-border-width});\n padding-bottom: calc(#{$input-padding-y} + #{$input-border-width});\n margin-bottom: 0; // Override the `<label>/<legend>` default\n @include font-size(inherit); // Override the `<legend>` default\n line-height: $input-line-height;\n}\n\n.#{$prefix}col-form-label-lg {\n padding-top: calc(#{$input-padding-y-lg} + #{$input-border-width});\n padding-bottom: calc(#{$input-padding-y-lg} + #{$input-border-width});\n @include font-size($input-font-size-lg);\n line-height: $input-line-height-lg;\n}\n\n.#{$prefix}col-form-label-sm {\n padding-top: calc(#{$input-padding-y-sm} + #{$input-border-width});\n padding-bottom: calc(#{$input-padding-y-sm} + #{$input-border-width});\n @include font-size($input-font-size-sm);\n line-height: $input-line-height-sm;\n}\n\n\n// Readonly controls as plain text\n//\n// Apply class to a readonly input to make it appear like regular plain\n// text (without any border, background color, focus indicator)\n\n.#{$prefix}form-control-plaintext {\n display: block;\n width: 100%;\n padding-top: $input-padding-y;\n padding-bottom: $input-padding-y;\n margin-bottom: 0; // match inputs if this class comes on inputs with default margins\n line-height: $input-line-height;\n color: $input-plaintext-color;\n background-color: transparent;\n border: solid transparent;\n border-width: $input-border-width 0;\n\n &.#{$prefix}form-control-sm,\n &.#{$prefix}form-control-lg {\n padding-right: 0;\n padding-left: 0;\n }\n}\n\n\n// Form control sizing\n//\n// Build on `.#{$prefix}form-control` with modifier classes to decrease or increase the\n// height and font-size of form controls.\n//\n// Repeated in `_input_group.scss` to avoid Sass extend issues.\n\n.#{$prefix}form-control-sm {\n height: $input-height-sm;\n padding: $input-padding-y-sm $input-padding-x-sm;\n @include font-size($input-font-size-sm);\n line-height: $input-line-height-sm;\n @include border-radius($input-border-radius-sm);\n}\n\n.#{$prefix}form-control-lg {\n height: $input-height-lg;\n padding: $input-padding-y-lg $input-padding-x-lg;\n @include font-size($input-font-size-lg);\n line-height: $input-line-height-lg;\n @include border-radius($input-border-radius-lg);\n}\n\n// stylelint-disable-next-line no-duplicate-selectors\nselect.#{$prefix}form-control {\n &[size],\n &[multiple] {\n height: auto;\n }\n}\n\ntextarea.#{$prefix}form-control {\n height: auto;\n}\n\n// Form groups\n//\n// Designed to help with the organization and spacing of vertical forms. For\n// horizontal forms, use the predefined grid classes.\n\n.#{$prefix}form-group {\n margin-bottom: $form-group-margin-bottom;\n}\n\n.#{$prefix}form-text {\n display: block;\n margin-top: $form-text-margin-top;\n}\n\n\n// Form grid\n//\n// Special replacement for our grid system's `.row` for tighter form layouts.\n\n.#{$prefix}form-row {\n display: flex;\n flex-wrap: wrap;\n margin-right: -$form-grid-gutter-width / 2;\n margin-left: -$form-grid-gutter-width / 2;\n\n > .col,\n > [class=\"col-\"] {\n padding-right: $form-grid-gutter-width / 2;\n padding-left: $form-grid-gutter-width / 2;\n }\n}\n\n\n// Checkboxes and radios\n//\n// Indent the labels to position radios/checkboxes as hanging controls.\n\n.#{$prefix}form-check {\n position: relative;\n display: block;\n padding-left: $form-check-input-gutter;\n}\n\n.#{$prefix}form-check-input {\n position: absolute;\n margin-top: $form-check-input-margin-y;\n margin-left: -$form-check-input-gutter;\n\n &:disabled ~ .#{$prefix}form-check-label {\n color: $text-muted;\n }\n}\n\n.#{$prefix}form-check-label {\n margin-bottom: 0; // Override default `<label>` bottom margin\n}\n\n.#{$prefix}form-check-inline {\n display: inline-flex;\n align-items: center;\n padding-left: 0; // Override base .#{$prefix}form-check\n margin-right: $form-check-inline-margin-x;\n\n // Undo .#{$prefix}form-check-input defaults and add some `margin-right`.\n .#{$prefix}form-check-input {\n position: static;\n margin-top: 0;\n margin-right: $form-check-inline-input-margin-x;\n margin-left: 0;\n }\n}\n\n\n// Form validation\n//\n// Provide feedback to users when form field values are valid or invalid. Works\n// primarily for client-side validation via scoped `:invalid` and `:valid`\n// pseudo-classes but also includes `.is-invalid` and `.is-valid` classes for\n// server side validation.\n\n@each $state, $data in $form-validation-states {\n @include form-validation-state($state, map-get($data, color), map-get($data, icon));\n}\n\n// Inline forms\n//\n// Make forms appear inline(-block) by adding the `.#{$prefix}form-inline` class. Inline\n// forms begin stacked on extra small (mobile) devices and then go inline when\n// viewports reach <768px.\n//\n// Requires wrapping inputs and labels with `.#{$prefix}form-group` for proper display of\n// default HTML form controls and our custom form controls (e.g., input groups).\n\n.#{$prefix}form-inline {\n display: flex;\n flex-flow: row wrap;\n align-items: center; // Prevent shorter elements from growing to same height as others (e.g., small buttons growing to normal sized button height)\n\n // Because we use flex, the initial sizing of checkboxes is collapsed and\n // doesn't occupy the full-width (which is what we want for xs grid tier),\n // so we force that here.\n .#{$prefix}form-check {\n width: 100%;\n }\n\n // Kick in the inline\n @include media-breakpoint-up(sm) {\n label {\n display: flex;\n align-items: center;\n justify-content: center;\n margin-bottom: 0;\n }\n\n // Inline-block all the things for \"inline\"\n .#{$prefix}form-group {\n display: flex;\n flex: 0 0 auto;\n flex-flow: row wrap;\n align-items: center;\n margin-bottom: 0;\n }\n\n // Allow folks to not* use `.#{$prefix}form-group`\n .#{$prefix}form-control {\n display: inline-block;\n width: auto; // Prevent labels from stacking above inputs in `.#{$prefix}form-group`\n vertical-align: middle;\n }\n\n // Make static controls behave like regular ones\n .#{$prefix}form-control-plaintext {\n display: inline-block;\n }\n\n .input-group,\n .#{$prefix}custom-select {\n width: auto;\n }\n\n // Remove default margin on radios/checkboxes that were used for stacking, and\n // then undo the floating of radios and checkboxes to match.\n .#{$prefix}form-check {\n display: flex;\n align-items: center;\n justify-content: center;\n width: auto;\n padding-left: 0;\n }\n .#{$prefix}form-check-input {\n position: relative;\n flex-shrink: 0;\n margin-top: 0;\n margin-right: $form-check-input-margin-x;\n margin-left: 0;\n }\n\n .#{$prefix}custom-control {\n align-items: center;\n justify-content: center;\n }\n .#{$prefix}custom-control-label {\n margin-bottom: 0;\n }\n }\n}\n","// Buttons + Forms\n//\n// Shared variables that are reassigned to `$input-` and `$btn-` specific variables.\n\n$input-btn-padding-y: .375rem;\n$input-btn-padding-x: .75rem;\n$input-btn-font-family: null;\n$input-btn-font-size: $font-size-base;\n$input-btn-line-height: $line-height-base;\n\n$input-btn-focus-width: .2rem;\n$input-btn-focus-color: rgba($blue, .25);\n$input-btn-focus-box-shadow: 0 0 0 $input-btn-focus-width $input-btn-focus-color;\n\n$input-btn-padding-y-sm: .25rem;\n$input-btn-padding-x-sm: .5rem;\n$input-btn-font-size-sm: $font-size-sm;\n$input-btn-line-height-sm: $line-height-sm;\n\n$input-btn-padding-y-lg: .5rem;\n$input-btn-padding-x-lg: 1rem;\n$input-btn-font-size-lg: $font-size-lg;\n$input-btn-line-height-lg: $line-height-lg;\n\n$input-btn-border-width: 1px;\n\n// Forms\n\n$label-margin-bottom: .5rem;\n\n$input-padding-y: $input-btn-padding-y;\n$input-padding-x: $input-btn-padding-x;\n$input-font-family: $input-btn-font-family;\n$input-font-size: $input-btn-font-size;\n$input-font-weight: $font-weight-base;\n$input-line-height: $input-btn-line-height;\n\n$input-padding-y-sm: $input-btn-padding-y-sm;\n$input-padding-x-sm: $input-btn-padding-x-sm;\n$input-font-size-sm: $input-btn-font-size-sm;\n$input-line-height-sm: $input-btn-line-height-sm;\n\n$input-padding-y-lg: $input-btn-padding-y-lg;\n$input-padding-x-lg: $input-btn-padding-x-lg;\n$input-font-size-lg: $input-btn-font-size-lg;\n$input-line-height-lg: $input-btn-line-height-lg;\n\n$input-bg: $white;\n$input-disabled-bg: $cloud;\n\n$input-color: $dark;\n$input-border-color: $smoke;\n$input-border-width: $input-btn-border-width;\n$input-box-shadow: inset 0 1px 1px rgba($black, .075);\n\n$input-border-radius: 4px;\n$input-border-radius-lg: 4px;\n$input-border-radius-sm: 4px;\n\n$input-focus-bg: $input-bg;\n$input-focus-border-color: lighten($primary, 25%);\n$input-focus-color: $input-color;\n$input-focus-width: $input-btn-focus-width;\n$input-focus-box-shadow: $input-btn-focus-box-shadow;\n\n$input-placeholder-color: $gray-600;\n$input-plaintext-color: $body-color;\n\n$input-height-border: $input-border-width * 2;\n\n$input-height-inner: calc(#{$input-line-height * 1em} + #{$input-padding-y * 2});\n$input-height-inner-half: calc(#{$input-line-height * .5em} + #{$input-padding-y});\n$input-height-inner-quarter: calc(#{$input-line-height * .25em} + #{$input-padding-y / 2});\n\n$input-height: calc(#{$input-line-height * 1em} + #{$input-padding-y * 2} + #{$input-height-border});\n$input-height-sm: calc(#{$input-line-height-sm * 1em} + #{$input-btn-padding-y-sm * 2} + #{$input-height-border});\n$input-height-lg: calc(#{$input-line-height-lg * 1em} + #{$input-btn-padding-y-lg * 2} + #{$input-height-border});\n\n$input-transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;\n\n$form-text-margin-top: .25rem;\n\n$form-check-input-gutter: 1.25rem;\n$form-check-input-margin-y: .3rem;\n$form-check-input-margin-x: .25rem;\n\n$form-check-inline-margin-x: .75rem;\n$form-check-inline-input-margin-x: .3125rem;\n\n$form-grid-gutter-width: 10px;\n$form-group-margin-bottom: 1rem;\n\n$input-group-addon-color: $input-color;\n$input-group-addon-bg: $cloud;\n$input-group-addon-border-color: $input-border-color;\n\n$custom-forms-transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;\n\n$custom-control-gutter: .5rem;\n$custom-control-spacer-x: 1rem;\n\n$custom-control-indicator-size: 1rem;\n$custom-control-indicator-bg: $input-bg;\n\n$custom-control-indicator-bg-size: 50% 50%;\n$custom-control-indicator-box-shadow: $input-box-shadow;\n$custom-control-indicator-border-color: $gray-500;\n$custom-control-indicator-border-width: $input-border-width;\n\n$custom-control-indicator-disabled-bg: $input-disabled-bg;\n$custom-control-label-disabled-color: $gray-600;\n\n$custom-control-indicator-checked-color: $white;\n$custom-control-indicator-checked-bg: $primary;\n$custom-control-indicator-checked-disabled-bg: rgba($primary, .5);\n$custom-control-indicator-checked-box-shadow: none;\n$custom-control-indicator-checked-border-color: $custom-control-indicator-checked-bg;\n\n$custom-control-indicator-focus-box-shadow: $input-focus-box-shadow;\n$custom-control-indicator-focus-border-color: $input-focus-border-color;\n\n$custom-control-indicator-active-color: $white;\n$custom-control-indicator-active-bg: lighten($primary, 35%);\n$custom-control-indicator-active-box-shadow: none;\n$custom-control-indicator-active-border-color: $custom-control-indicator-active-bg;\n\n$custom-checkbox-indicator-border-radius: 4px;\n$custom-checkbox-indicator-icon-checked: url(\"data:image/svg+xml, %3csvg width='12' height='10' viewBox='0 0 12 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M0.542893 4.54289C0.933418 4.15237 1.56658 4.15237 1.95711 4.54289L4.25 6.83579L10.0429 1.04289C10.4334 0.652369 11.0666 0.652369 11.4571 1.04289C11.8476 1.43342 11.8476 2.06658 11.4571 2.45711L4.95711 8.95711C4.56658 9.34763 3.93342 9.34763 3.54289 8.95711L0.542893 5.95711C0.152369 5.56658 0.152369 4.93342 0.542893 4.54289Z' fill='%23ffffff'/%3e%3c/svg%3e\");\n$custom-checkbox-indicator-icon-checked-inverse: url(\"data:image/svg+xml, %3csvg width='12' height='10' viewBox='0 0 12 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M0.542893 4.54289C0.933418 4.15237 1.56658 4.15237 1.95711 4.54289L4.25 6.83579L10.0429 1.04289C10.4334 0.652369 11.0666 0.652369 11.4571 1.04289C11.8476 1.43342 11.8476 2.06658 11.4571 2.45711L4.95711 8.95711C4.56658 9.34763 3.93342 9.34763 3.54289 8.95711L0.542893 5.95711C0.152369 5.56658 0.152369 4.93342 0.542893 4.54289Z' fill='%23b4b4b4'/%3e%3c/svg%3e\");\n\n$custom-checkbox-indicator-indeterminate-bg: $primary;\n$custom-checkbox-indicator-indeterminate-color: $white;\n$custom-checkbox-indicator-icon-indeterminate: url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-1 -1 6 6'%3e%3cpath stroke='%23ffffff' d='M0 2h4'/%3e%3c/svg%3e\");\n\n$custom-checkbox-indicator-icon-indeterminate-inverse: url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-1 -1 6 6'%3e%3cpath stroke='%23b4b4b4' d='M0 2h4'/%3e%3c/svg%3e\");\n\n$custom-checkbox-indicator-indeterminate-box-shadow: none;\n$custom-checkbox-indicator-indeterminate-border-color: $custom-control-indicator-checked-bg;\n\n$custom-radio-indicator-border-radius: 50%;\n$custom-radio-indicator-icon-checked: url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23ffffff'/%3e%3c/svg%3e\");\n\n$custom-radio-indicator-icon-checked-inverse: url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23b4b4b4'/%3e%3c/svg%3e\");\n\n$custom-switch-width: $custom-control-indicator-size * 1.75;\n$custom-switch-indicator-border-radius: $custom-control-indicator-size / 2;\n$custom-switch-indicator-size: calc(#{$custom-control-indicator-size} - #{$custom-control-indicator-border-width * 4});\n\n$custom-select-padding-y: $input-padding-y;\n$custom-select-padding-x: $input-padding-x;\n$custom-select-font-family: $input-font-family;\n$custom-select-font-size: $input-font-size;\n$custom-select-height: $input-height;\n$custom-select-indicator-padding: 1rem; // Extra padding to account for the presence of the background-image based indicator\n$custom-select-font-weight: $input-font-weight;\n$custom-select-line-height: $input-line-height;\n$custom-select-color: $slate;\n$custom-select-disabled-color: $muted;\n$custom-select-bg: $input-bg;\n$custom-select-disabled-bg: $cloud;\n$custom-select-bg-size: 24px; // In pixels because image dimensions\n// for arrow down icon in Mekari's select\n$custom-select-indicator-color: $slate;\n$custom-select-indicator: url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='%23777' d='M6.28178611,7.34112994 C5.98969924,7.04743259 5.5148273,7.04612703 5.22112994,7.33821389 C4.92743259,7.63030076 4.92612703,8.1051727 5.21821389,8.39887006 L9.44490899,12.6488701 C9.73699896,12.9425705 10.2118771,12.9438725 10.5055731,12.6517782 L14.7788781,8.40177816 C15.072571,8.10968687 15.0738694,7.63481492 14.7817782,7.34112195 C14.4896869,7.04742898 14.0148149,7.04613056 13.7211219,7.33822184 L9.9796032,11.0593358 L6.28178611,7.34112994 Z'/%3e%3c/svg%3e\");\n\n$custom-select-background: $custom-select-indicator no-repeat right $custom-select-padding-x center / $custom-select-bg-size; // Used so we can have multiple\n$custom-select-feedback-icon-padding-right: calc((1em + #{2 * $custom-select-padding-y}) * 3 / 4 + #{$custom-select-padding-x + $custom-select-indicator-padding});\n$custom-select-feedback-icon-position: center right ($custom-select-padding-x + $custom-select-indicator-padding);\n$custom-select-feedback-icon-size: $input-height-inner-half $input-height-inner-half;\n\n$custom-select-border-width: $input-border-width;\n$custom-select-border-color: $input-border-color;\n$custom-select-border-radius: 4px;\n$custom-select-box-shadow: inset 0 1px 2px rgba($black, .075);\n\n$custom-select-focus-border-color: $input-focus-border-color;\n$custom-select-focus-width: $input-focus-width;\n$custom-select-focus-box-shadow: 0 0 0 $custom-select-focus-width $input-btn-focus-color;\n\n$custom-select-padding-y-sm: $input-padding-y-sm;\n$custom-select-padding-x-sm: $input-padding-x-sm;\n$custom-select-font-size-sm: $input-font-size-sm;\n$custom-select-height-sm: $input-height-sm;\n\n$custom-select-padding-y-lg: $input-padding-y-lg;\n$custom-select-padding-x-lg: $input-padding-x-lg;\n$custom-select-font-size-lg: $input-font-size-lg;\n$custom-select-height-lg: $input-height-lg;\n\n$custom-range-track-width: 100%;\n$custom-range-track-height: .5rem;\n$custom-range-track-cursor: pointer;\n$custom-range-track-bg: $gray-300;\n$custom-range-track-border-radius: 1rem;\n$custom-range-track-box-shadow: inset 0 .25rem .25rem rgba($black, .1);\n\n$custom-range-thumb-width: 1rem;\n$custom-range-thumb-height: $custom-range-thumb-width;\n$custom-range-thumb-bg: $primary;\n$custom-range-thumb-border: 0;\n$custom-range-thumb-border-radius: 1rem;\n$custom-range-thumb-box-shadow: 0 .1rem .25rem rgba($black, .1);\n$custom-range-thumb-focus-box-shadow: 0 0 0 1px $body-bg, $input-focus-box-shadow;\n$custom-range-thumb-focus-box-shadow-width: $input-focus-width; // For focus box shadow issue in IE/Edge\n$custom-range-thumb-active-bg: lighten($primary, 35%);\n$custom-range-thumb-disabled-bg: $gray-500;\n\n$custom-file-height: $input-height;\n$custom-file-height-inner: $input-height-inner;\n$custom-file-focus-border-color: $input-focus-border-color;\n$custom-file-focus-box-shadow: $input-focus-box-shadow;\n$custom-file-disabled-bg: $input-disabled-bg;\n\n$custom-file-padding-y: $input-padding-y;\n$custom-file-padding-x: $input-padding-x;\n$custom-file-line-height: $input-line-height;\n$custom-file-font-family: $input-font-family;\n$custom-file-font-weight: $input-font-weight;\n$custom-file-color: $input-color;\n$custom-file-bg: $input-bg;\n$custom-file-border-width: $input-border-width;\n$custom-file-border-color: $input-border-color;\n$custom-file-border-radius: $input-border-radius;\n$custom-file-box-shadow: $input-box-shadow;\n$custom-file-button-color: $custom-file-color;\n$custom-file-button-bg: $input-group-addon-bg;\n$custom-file-text: (\n en: \"Browse\"\n);\n\n\n// Form validation\n\n$form-feedback-margin-top: $form-text-margin-top;\n$form-feedback-font-size: $font-size-sm;\n$form-feedback-valid-color: $green;\n$form-feedback-invalid-color: $red;\n\n$form-feedback-icon-valid-color: $form-feedback-valid-color;\n$form-feedback-icon-valid: str-replace(url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='#{$form-feedback-icon-valid-color}' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e\"), \"#\", \"%23\");\n$form-feedback-icon-invalid-color: $form-feedback-invalid-color;\n$form-feedback-icon-invalid: str-replace(url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='#{$form-feedback-icon-invalid-color}' viewBox='-2 -2 7 7'%3e%3cpath stroke='#{$form-feedback-icon-invalid-color}' d='M0 0l3 3m0-3L0 3'/%3e%3ccircle r='.5'/%3e%3ccircle cx='3' r='.5'/%3e%3ccircle cy='3' r='.5'/%3e%3ccircle cx='3' cy='3' r='.5'/%3e%3c/svg%3E\"), \"#\", \"%23\");\n\n$form-validation-states: ();\n// stylelint-disable-next-line scss/dollar-variable-default\n$form-validation-states: map-merge(\n (\n \"valid\": (\n \"color\": $form-feedback-valid-color,\n \"icon\": $form-feedback-icon-valid\n ),\n \"invalid\": (\n \"color\": $form-feedback-invalid-color,\n \"icon\": $form-feedback-icon-invalid\n ),\n ),\n $form-validation-states\n);\n\n// Form tooltips must come after regular tooltips\n$form-feedback-tooltip-padding-y: .25rem;\n$form-feedback-tooltip-padding-x: .5rem;\n$form-feedback-tooltip-font-size: $font-size-sm;\n$form-feedback-tooltip-line-height: $line-height-base;\n$form-feedback-tooltip-opacity: .9;\n$form-feedback-tooltip-border-radius: 4px;\n\n\n\n// Custom from mekari\n\n$input-height: 38px;\n$input-placeholder-color: $muted;\n$form-feedback-margin-top: 0;\n$input-border-radius: 4px;\n\n$input-focus-border-color: $sapphire;\n$input-focus-box-shadow: 0 0 4px 1px rgba($sapphire, .3);\n\n//different focus shadow for radio and checkbox\n$custom-control-label-disabled-color: $muted;\n$custom-select-padding-y: 8px;\n\n// text helper\n$form-text-margin-top: 0;\n\n// form-group\n$form-group-margin-bottom: 20px;\n\n\n// input form button text\n$custom-file-text: (\n en: \"Choose file\",\n id: \"Pilih file\",\n);\n\n// remove validation icons\n$enable-validation-icons: false;\n","// stylelint-disable property-blacklist, scss/dollar-variable-default\n\n// SCSS RFS mixin\n//\n// Automated font-resizing\n//\n// See https://github.com/twbs/rfs\n\n// Configuration\n\n// Base font size\n$rfs-base-font-size: 1.25rem !default;\n$rfs-font-size-unit: rem !default;\n\n// Breakpoint at where font-size starts decreasing if screen width is smaller\n$rfs-breakpoint: 1200px !default;\n$rfs-breakpoint-unit: px !default;\n\n// Resize font-size based on screen height and width\n$rfs-two-dimensional: false !default;\n\n// Factor of decrease\n$rfs-factor: 10 !default;\n\n@if type-of($rfs-factor) != \"number\" or $rfs-factor <= 1 {\n @error \"`#{$rfs-factor}` is not a valid $rfs-factor, it must be greater than 1.\";\n}\n\n// Generate enable or disable classes. Possibilities: false, \"enable\" or \"disable\"\n$rfs-class: false !default;\n\n// 1 rem = $rfs-rem-value px\n$rfs-rem-value: 16 !default;\n\n// Safari iframe resize bug: https://github.com/twbs/rfs/issues/14\n$rfs-safari-iframe-resize-bug-fix: false !default;\n\n// Disable RFS by setting $enable-responsive-font-sizes to false\n$enable-responsive-font-sizes: true !default;\n\n// Cache $rfs-base-font-size unit\n$rfs-base-font-size-unit: unit($rfs-base-font-size);\n\n// Remove px-unit from $rfs-base-font-size for calculations\n@if $rfs-base-font-size-unit == \"px\" {\n $rfs-base-font-size: $rfs-base-font-size / ($rfs-base-font-size * 0 + 1);\n}\n@else if $rfs-base-font-size-unit == \"rem\" {\n $rfs-base-font-size: $rfs-base-font-size / ($rfs-base-font-size * 0 + 1 / $rfs-rem-value);\n}\n\n// Cache $rfs-breakpoint unit to prevent multiple calls\n$rfs-breakpoint-unit-cache: unit($rfs-breakpoint);\n\n// Remove unit from $rfs-breakpoint for calculations\n@if $rfs-breakpoint-unit-cache == \"px\" {\n $rfs-breakpoint: $rfs-breakpoint / ($rfs-breakpoint * 0 + 1);\n}\n@else if $rfs-breakpoint-unit-cache == \"rem\" or $rfs-breakpoint-unit-cache == \"em\" {\n $rfs-breakpoint: $rfs-breakpoint / ($rfs-breakpoint * 0 + 1 / $rfs-rem-value);\n}\n\n// Responsive font-size mixin\n@mixin rfs($fs, $important: false) {\n // Cache $fs unit\n $fs-unit: if(type-of($fs) == \"number\", unit($fs), false);\n\n // Add !important suffix if needed\n $rfs-suffix: if($important, \" !important\", \"\");\n\n // If $fs isn't a number (like inherit) or $fs has a unit (not px or rem, like 1.5em) or $ is 0, just print the value\n @if not $fs-unit or $fs-unit != \"\" and $fs-unit != \"px\" and $fs-unit != \"rem\" or $fs == 0 {\n font-size: #{$fs}#{$rfs-suffix};\n }\n @else {\n // Variables for storing static and fluid rescaling\n $rfs-static: null;\n $rfs-fluid: null;\n\n // Remove px-unit from $fs for calculations\n @if $fs-unit == \"px\" {\n $fs: $fs / ($fs * 0 + 1);\n }\n @else if $fs-unit == \"rem\" {\n $fs: $fs / ($fs * 0 + 1 / $rfs-rem-value);\n }\n\n // Set default font-size\n @if $rfs-font-size-unit == rem {\n $rfs-static: #{$fs / $rfs-rem-value}rem#{$rfs-suffix};\n }\n @else if $rfs-font-size-unit == px {\n $rfs-static: #{$fs}px#{$rfs-suffix};\n }\n @else {\n @error \"`#{$rfs-font-size-unit}` is not a valid unit for $rfs-font-size-unit. Use `px` or `rem`.\";\n }\n\n // Only add media query if font-size is bigger as the minimum font-size\n // If $rfs-factor == 1, no rescaling will take place\n @if $fs > $rfs-base-font-size and $enable-responsive-font-sizes {\n $min-width: null;\n $variable-unit: null;\n\n // Calculate minimum font-size for given font-size\n $fs-min: $rfs-base-font-size + ($fs - $rfs-base-font-size) / $rfs-factor;\n\n // Calculate difference between given font-size and minimum font-size for given font-size\n $fs-diff: $fs - $fs-min;\n\n // Base font-size formatting\n // No need to check if the unit is valid, because we did that before\n $min-width: if($rfs-font-size-unit == rem, #{$fs-min / $rfs-rem-value}rem, #{$fs-min}px);\n\n // If two-dimensional, use smallest of screen width and height\n $variable-unit: if($rfs-two-dimensional, vmin, vw);\n\n // Calculate the variable width between 0 and $rfs-breakpoint\n $variable-width: #{$fs-diff * 100 / $rfs-breakpoint}#{$variable-unit};\n\n // Set the calculated font-size.\n $rfs-fluid: calc(#{$min-width} + #{$variable-width}) #{$rfs-suffix};\n }\n\n // Rendering\n @if $rfs-fluid == null {\n // Only render static font-size if no fluid font-size is available\n font-size: $rfs-static;\n }\n @else {\n $mq-value: null;\n\n // RFS breakpoint formatting\n @if $rfs-breakpoint-unit == em or $rfs-breakpoint-unit == rem {\n $mq-value: #{$rfs-breakpoint / $rfs-rem-value}#{$rfs-breakpoint-unit};\n }\n @else if $rfs-breakpoint-unit == px {\n $mq-value: #{$rfs-breakpoint}px;\n }\n @else {\n @error \"`#{$rfs-breakpoint-unit}` is not a valid unit for $rfs-breakpoint-unit. Use `px`, `em` or `rem`.\";\n }\n\n @if $rfs-class == \"disable\" {\n // Adding an extra class increases specificity,\n // which prevents the media query to override the font size\n &,\n .disable-responsive-font-size &,\n &.disable-responsive-font-size {\n font-size: $rfs-static;\n }\n }\n @else {\n font-size: $rfs-static;\n }\n\n @if $rfs-two-dimensional {\n @media (max-width: #{$mq-value}), (max-height: #{$mq-value}) {\n @if $rfs-class == \"enable\" {\n .enable-responsive-font-size &,\n &.enable-responsive-font-size {\n font-size: $rfs-fluid;\n }\n }\n @else {\n font-size: $rfs-fluid;\n }\n\n @if $rfs-safari-iframe-resize-bug-fix {\n // stylelint-disable-next-line length-zero-no-unit\n min-width: 0vw;\n }\n }\n }\n @else {\n @media (max-width: #{$mq-value}) {\n @if $rfs-class == \"enable\" {\n .enable-responsive-font-size &,\n &.enable-responsive-font-size {\n font-size: $rfs-fluid;\n }\n }\n @else {\n font-size: $rfs-fluid;\n }\n\n @if $rfs-safari-iframe-resize-bug-fix {\n // stylelint-disable-next-line length-zero-no-unit\n min-width: 0vw;\n }\n }\n }\n }\n }\n}\n\n// The font-size & responsive-font-size mixin uses RFS to rescale font sizes\n@mixin font-size($fs, $important: false) {\n @include rfs($fs, $important);\n}\n\n@mixin responsive-font-size($fs, $important: false) {\n @include rfs($fs, $important);\n}\n","$font-family-roboto: \"Roboto\", \"Oxygen\", \"Ubuntu\", \"Fira Sans\", \"Droid Sans\", \"Helvetica Neue\", sans-serif;\n$font-family-base: $font-family-roboto;\n$font-family-monospace: monospace;\n\n// 1 rem = 16px\n$font-size-base: .875rem; // 14px\n$font-size-lg: 1.25rem; // 20px\n$font-size-sm: .75rem; // 12px\n\n$line-height-base: 1.4285; // The closest value to Mekari design\n$line-height-lg: 1.4285;\n$line-height-sm: 1.4285;\n$letter-spacing: .2px;\n\n$font-weight-lighter: 400;\n$font-weight-light: 400;\n$font-weight-normal: 400;\n$font-weight-base: 400;\n$font-weight-bold: 500;\n$font-weight-bolder: 500;\n\n$dt-font-weight: $font-weight-bold;\n\n// Text color\n$body-color: $dark;\n$link-color: $blue;\n$link-hover-color: darken($link-color, 15%);\n$link-decoration: none;\n$link-hover-decoration: underline;\n$h5-font-size: 16px;\n\n$input-placeholder-color: $text-muted;\n$custom-select-disabled-color: $text-muted;\n$custom-control-label-disabled-color: $text-muted;\n","// Neutrals color variables\n$dark: #212121;\n$slate: #777;\n$muted: #b4b4b4;\n$smoke: #e2e2e2;\n$snow: #fbfbfb;\n$white: #fff;\n$cloud: #f2f4f7;\n\n// UI color variables\n$red: #d74022;\n$green: #009f61;\n$light-yellow: #ffeb99;\n$blue: #1357ff;\n$orange: #ffb700;\n$sapphire: #005fbf;\n\n// Branding color variables\n$crimson: #c02a34;\n$azure: #009bde;\n$salamander: #f96d01;\n$purple: #6d48e5;\n\n// Bootstrap dependencies color\n$black: #000 !default;\n$gray-100: #f8f9fa !default;\n$gray-200: #e9ecef !default;\n$gray-300: #dee2e6 !default;\n$gray-400: #ced4da !default;\n$gray-500: #adb5bd !default;\n$gray-600: #6c757d !default;\n$gray-700: #495057 !default;\n$gray-800: #343a40 !default;\n$gray-900: #212529 !default;\n\n// The yiq lightness value that determines when the lightness of color changes from \"dark\" to \"light\". Acceptable values are between 0 and 255.\n$yiq-contrasted-threshold: 150 !default;\n\n// Customize the light and dark text colors for use in our YIQ color contrast function.\n$yiq-text-dark: $gray-900 !default;\n$yiq-text-light: $white !default;\n\n\n$grays: () !default;\n// stylelint-disable-next-line scss/dollar-variable-default\n$grays: map-merge(\n (\n \"100\": $gray-100,\n \"200\": $gray-200,\n \"300\": $gray-300,\n \"400\": $gray-400,\n \"500\": $gray-500,\n \"600\": $gray-600,\n \"700\": $gray-700,\n \"800\": $gray-800,\n \"900\": $gray-900\n ),\n $grays\n);\n\n// register mekari color variables too bootstrap\n$colors: ();\n$colors: map-merge(\n (\n \"noir\" : $dark, // going to deprecated\n \"dark\" : $dark,\n \"slate\" : $slate,\n \"muted\" : $muted,\n \"smoke\" : $smoke,\n \"snow\" : $snow,\n \"cloud\" : $cloud,\n \"crimson\" : $crimson,\n \"azure\" : $azure,\n \"salamander\" : $salamander,\n \"purple\" : $purple,\n \"sapphire\" : $sapphire,\n \"white\" : $white,\n \"red\" : $red,\n \"orange\" : $orange,\n \"green\" : $green,\n \"blue\" : $blue,\n \"light-yellow\" : $light-yellow\n ),\n $colors\n);\n\n//extend bootstrap class\n$danger: $red;\n$success: $green;\n$info: $light-yellow;\n$warning: $orange;\n$primary: $sapphire;\n$jurnal: $azure;\n$talenta: $crimson;\n$klikpajak: $salamander;\n$mekari: $purple;\n\n$link: $blue;\n\n$text-muted: $muted;\n$body-color: $dark;\n$dark: $dark;\n$secondary: $slate;\n$light: $snow;\n\n// Add more theme color variables\n$theme-colors: ();\n$theme-colors: map-merge(\n (\n \"danger\" : $danger,\n \"success\" : $success,\n \"info\" : $info,\n \"warning\" : $warning,\n \"primary\" : $primary,\n \"jurnal\" : $jurnal,\n \"talenta\" : $talenta,\n \"klikpajak\" : $klikpajak,\n \"mekari\" : $mekari,\n \"dark\" : $dark,\n \"slate\" : $slate,\n \"muted\" : $muted,\n \"smoke\" : $smoke,\n \"light\" : $light,\n \"cloud\" : $cloud,\n \"link\" : $blue,\n \"white\" : $white\n ),\n $theme-colors\n);\n\n$card-border-color: $smoke;\n$body-bg: $white;\n","// stylelint-disable property-blacklist\n// Single side border-radius\n\n@mixin border-radius($radius: $border-radius, $fallback-border-radius: false) {\n @if $enable-rounded {\n border-radius: $radius;\n }\n @else if $fallback-border-radius != false {\n border-radius: $fallback-border-radius;\n }\n}\n\n@mixin border-top-radius($radius) {\n @if $enable-rounded {\n border-top-left-radius: $radius;\n border-top-right-radius: $radius;\n }\n}\n\n@mixin border-right-radius($radius) {\n @if $enable-rounded {\n border-top-right-radius: $radius;\n border-bottom-right-radius: $radius;\n }\n}\n\n@mixin border-bottom-radius($radius) {\n @if $enable-rounded {\n border-bottom-right-radius: $radius;\n border-bottom-left-radius: $radius;\n }\n}\n\n@mixin border-left-radius($radius) {\n @if $enable-rounded {\n border-top-left-radius: $radius;\n border-bottom-left-radius: $radius;\n }\n}\n\n@mixin border-top-left-radius($radius) {\n @if $enable-rounded {\n border-top-left-radius: $radius;\n }\n}\n\n@mixin border-top-right-radius($radius) {\n @if $enable-rounded {\n border-top-right-radius: $radius;\n }\n}\n\n@mixin border-bottom-right-radius($radius) {\n @if $enable-rounded {\n border-bottom-right-radius: $radius;\n }\n}\n\n@mixin border-bottom-left-radius($radius) {\n @if $enable-rounded {\n border-bottom-left-radius: $radius;\n }\n}\n","// stylelint-disable property-blacklist\n@mixin transition($transition...) {\n @if $enable-transitions {\n @if length($transition) == 0 {\n transition: $transition-base;\n } @else {\n transition: $transition;\n }\n }\n\n @if $enable-prefers-reduced-motion-media-query {\n @media (prefers-reduced-motion: reduce) {\n transition: none;\n }\n }\n}\n",".form-control {\n display: block;\n width: 100%;\n height: 38px;\n padding: 0.375rem 0.75rem;\n font-size: 0.875rem;\n font-weight: 400;\n line-height: 1.4285;\n color: #212121;\n background-color: #fff;\n background-clip: padding-box;\n border: 1px solid #e2e2e2;\n border-radius: 4px;\n transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;\n}\n\n@media (prefers-reduced-motion: reduce) {\n .form-control {\n transition: none;\n }\n}\n\n.form-control::-ms-expand {\n background-color: transparent;\n border: 0;\n}\n\n.form-control:focus {\n color: #212121;\n background-color: #fff;\n border-color: #005fbf;\n outline: 0;\n box-shadow: 0 0 4px 1px rgba(0, 95, 191, 0.3);\n}\n\n.form-control::placeholder {\n color: #b4b4b4;\n opacity: 1;\n}\n\n.form-control:disabled, .form-control[readonly] {\n background-color: #f2f4f7;\n opacity: 1;\n}\n\nselect.form-control:focus::-ms-value {\n color: #212121;\n background-color: #fff;\n}\n\n.form-control-file,\n.form-control-range {\n display: block;\n width: 100%;\n}\n\n.col-form-label {\n padding-top: calc(0.375rem + 1px);\n padding-bottom: calc(0.375rem + 1px);\n margin-bottom: 0;\n font-size: inherit;\n line-height: 1.4285;\n}\n\n.col-form-label-lg {\n padding-top: calc(0.5rem + 1px);\n padding-bottom: calc(0.5rem + 1px);\n font-size: 1.25rem;\n line-height: 1.4285;\n}\n\n.col-form-label-sm {\n padding-top: calc(0.25rem + 1px);\n padding-bottom: calc(0.25rem + 1px);\n font-size: 0.75rem;\n line-height: 1.4285;\n}\n\n.form-control-plaintext {\n display: block;\n width: 100%;\n padding-top: 0.375rem;\n padding-bottom: 0.375rem;\n margin-bottom: 0;\n line-height: 1.4285;\n color: #212121;\n background-color: transparent;\n border: solid transparent;\n border-width: 1px 0;\n}\n\n.form-control-plaintext.form-control-sm, .form-control-plaintext.form-control-lg {\n padding-right: 0;\n padding-left: 0;\n}\n\n.form-control-sm {\n height: calc(1.4285em + 0.5rem + 2px);\n padding: 0.25rem 0.5rem;\n font-size: 0.75rem;\n line-height: 1.4285;\n border-radius: 4px;\n}\n\n.form-control-lg {\n height: calc(1.4285em + 1rem + 2px);\n padding: 0.5rem 1rem;\n font-size: 1.25rem;\n line-height: 1.4285;\n border-radius: 4px;\n}\n\nselect.form-control[size], select.form-control[multiple] {\n height: auto;\n}\n\ntextarea.form-control {\n height: auto;\n}\n\n.form-group {\n margin-bottom: 20px;\n}\n\n.form-text {\n display: block;\n margin-top: 0;\n}\n\n.form-row {\n display: flex;\n flex-wrap: wrap;\n margin-right: -5px;\n margin-left: -5px;\n}\n\n.form-row > .col,\n.form-row > [class=\"col-\"] {\n padding-right: 5px;\n padding-left: 5px;\n}\n\n.form-check {\n position: relative;\n display: block;\n padding-left: 1.25rem;\n}\n\n.form-check-input {\n position: absolute;\n margin-top: 0.3rem;\n margin-left: -1.25rem;\n}\n\n.form-check-input:disabled ~ .form-check-label {\n color: #b4b4b4;\n}\n\n.form-check-label {\n margin-bottom: 0;\n}\n\n.form-check-inline {\n display: inline-flex;\n align-items: center;\n padding-left: 0;\n margin-right: 0.75rem;\n}\n\n.form-check-inline .form-check-input {\n position: static;\n margin-top: 0;\n margin-right: 0.3125rem;\n margin-left: 0;\n}\n\n.valid-feedback {\n display: none;\n width: 100%;\n margin-top: 0;\n font-size: 0.75rem;\n color: #009f61;\n}\n\n.valid-tooltip {\n position: absolute;\n top: 100%;\n z-index: 5;\n display: none;\n max-width: 100%;\n padding: 0.25rem 0.5rem;\n margin-top: .1rem;\n font-size: 0.75rem;\n line-height: 1.4285;\n color: #fff;\n background-color: rgba(0, 159, 97, 0.9);\n border-radius: 4px;\n}\n\n.was-validated .form-control:valid, .form-control.is-valid {\n border-color: #009f61;\n}\n\n.was-validated .form-control:valid:focus, .form-control.is-valid:focus {\n border-color: #009f61;\n box-shadow: 0 0 0 0.2rem rgba(0, 159, 97, 0.25);\n}\n\n.was-validated .form-control:valid ~ .valid-feedback,\n.was-validated .form-control:valid ~ .valid-tooltip, .form-control.is-valid ~ .valid-feedback,\n.form-control.is-valid ~ .valid-tooltip {\n display: block;\n}\n\n.was-validated .custom-select:valid, .custom-select.is-valid {\n border-color: #009f61;\n}\n\n.was-validated .custom-select:valid:focus, .custom-select.is-valid:focus {\n border-color: #009f61;\n box-shadow: 0 0 0 0.2rem rgba(0, 159, 97, 0.25);\n}\n\n.was-validated .custom-select:valid ~ .valid-feedback,\n.was-validated .custom-select:valid ~ .valid-tooltip, .custom-select.is-valid ~ .valid-feedback,\n.custom-select.is-valid ~ .valid-tooltip {\n display: block;\n}\n\n.was-validated .form-control-file:valid ~ .valid-feedback,\n.was-validated .form-control-file:valid ~ .valid-tooltip, .form-control-file.is-valid ~ .valid-feedback,\n.form-control-file.is-valid ~ .valid-tooltip {\n display: block;\n}\n\n.was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label {\n color: #009f61;\n}\n\n.was-validated .form-check-input:valid ~ .valid-feedback,\n.was-validated .form-check-input:valid ~ .valid-tooltip, .form-check-input.is-valid ~ .valid-feedback,\n.form-check-input.is-valid ~ .valid-tooltip {\n display: block;\n}\n\n.was-validated .custom-control-input:valid ~ .custom-control-label, .custom-control-input.is-valid ~ .custom-control-label {\n color: #009f61;\n}\n\n.was-validated .custom-control-input:valid ~ .custom-control-label::before, .custom-control-input.is-valid ~ .custom-control-label::before {\n border-color: #009f61;\n}\n\n.was-validated .custom-control-input:valid ~ .valid-feedback,\n.was-validated .custom-control-input:valid ~ .valid-tooltip, .custom-control-input.is-valid ~ .valid-feedback,\n.custom-control-input.is-valid ~ .valid-tooltip {\n display: block;\n}\n\n.was-validated .custom-control-input:valid:checked ~ .custom-control-label::before, .custom-control-input.is-valid:checked ~ .custom-control-label::before {\n border-color: #00d280;\n background-color: #00d280;\n}\n\n.was-validated .custom-control-input:valid:focus ~ .custom-control-label::before, .custom-control-input.is-valid:focus ~ .custom-control-label::before {\n box-shadow: 0 0 0 0.2rem rgba(0, 159, 97, 0.25);\n}\n\n.was-validated .custom-control-input:valid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-valid:focus:not(:checked) ~ .custom-control-label::before {\n border-color: #009f61;\n}\n\n.was-validated .custom-file-input:valid ~ .custom-file-label, .custom-file-input.is-valid ~ .custom-file-label {\n border-color: #009f61;\n}\n\n.was-validated .custom-file-input:valid ~ .valid-feedback,\n.was-validated .custom-file-input:valid ~ .valid-tooltip, .custom-file-input.is-valid ~ .valid-feedback,\n.custom-file-input.is-valid ~ .valid-tooltip {\n display: block;\n}\n\n.was-validated .custom-file-input:valid:focus ~ .custom-file-label, .custom-file-input.is-valid:focus ~ .custom-file-label {\n border-color: #009f61;\n box-shadow: 0 0 0 0.2rem rgba(0, 159, 97, 0.25);\n}\n\n.invalid-feedback {\n display: none;\n width: 100%;\n margin-top: 0;\n font-size: 0.75rem;\n color: #d74022;\n}\n\n.invalid-tooltip {\n position: absolute;\n top: 100%;\n z-index: 5;\n display: none;\n max-width: 100%;\n padding: 0.25rem 0.5rem;\n margin-top: .1rem;\n font-size: 0.75rem;\n line-height: 1.4285;\n color: #fff;\n background-color: rgba(215, 64, 34, 0.9);\n border-radius: 4px;\n}\n\n.was-validated .form-control:invalid, .form-control.is-invalid {\n border-color: #d74022;\n}\n\n.was-validated .form-control:invalid:focus, .form-control.is-invalid:focus {\n border-color: #d74022;\n box-shadow: 0 0 0 0.2rem rgba(215, 64, 34, 0.25);\n}\n\n.was-validated .form-control:invalid ~ .invalid-feedback,\n.was-validated .form-control:invalid ~ .invalid-tooltip, .form-control.is-invalid ~ .invalid-feedback,\n.form-control.is-invalid ~ .invalid-tooltip {\n display: block;\n}\n\n.was-validated .custom-select:invalid, .custom-select.is-invalid {\n border-color: #d74022;\n}\n\n.was-validated .custom-select:invalid:focus, .custom-select.is-invalid:focus {\n border-color: #d74022;\n box-shadow: 0 0 0 0.2rem rgba(215, 64, 34, 0.25);\n}\n\n.was-validated .custom-select:invalid ~ .invalid-feedback,\n.was-validated .custom-select:invalid ~ .invalid-tooltip, .custom-select.is-invalid ~ .invalid-feedback,\n.custom-select.is-invalid ~ .invalid-tooltip {\n display: block;\n}\n\n.was-validated .form-control-file:invalid ~ .invalid-feedback,\n.was-validated .form-control-file:invalid ~ .invalid-tooltip, .form-control-file.is-invalid ~ .invalid-feedback,\n.form-control-file.is-invalid ~ .invalid-tooltip {\n display: block;\n}\n\n.was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label {\n color: #d74022;\n}\n\n.was-validated .form-check-input:invalid ~ .invalid-feedback,\n.was-validated .form-check-input:invalid ~ .invalid-tooltip, .form-check-input.is-invalid ~ .invalid-feedback,\n.form-check-input.is-invalid ~ .invalid-tooltip {\n display: block;\n}\n\n.was-validated .custom-control-input:invalid ~ .custom-control-label, .custom-control-input.is-invalid ~ .custom-control-label {\n color: #d74022;\n}\n\n.was-validated .custom-control-input:invalid ~ .custom-control-label::before, .custom-control-input.is-invalid ~ .custom-control-label::before {\n border-color: #d74022;\n}\n\n.was-validated .custom-control-input:invalid ~ .invalid-feedback,\n.was-validated .custom-control-input:invalid ~ .invalid-tooltip, .custom-control-input.is-invalid ~ .invalid-feedback,\n.custom-control-input.is-invalid ~ .invalid-tooltip {\n display: block;\n}\n\n.was-validated .custom-control-input:invalid:checked ~ .custom-control-label::before, .custom-control-input.is-invalid:checked ~ .custom-control-label::before {\n border-color: #e2634a;\n background-color: #e2634a;\n}\n\n.was-validated .custom-control-input:invalid:focus ~ .custom-control-label::before, .custom-control-input.is-invalid:focus ~ .custom-control-label::before {\n box-shadow: 0 0 0 0.2rem rgba(215, 64, 34, 0.25);\n}\n\n.was-validated .custom-control-input:invalid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-invalid:focus:not(:checked) ~ .custom-control-label::before {\n border-color: #d74022;\n}\n\n.was-validated .custom-file-input:invalid ~ .custom-file-label, .custom-file-input.is-invalid ~ .custom-file-label {\n border-color: #d74022;\n}\n\n.was-validated .custom-file-input:invalid ~ .invalid-feedback,\n.was-validated .custom-file-input:invalid ~ .invalid-tooltip, .custom-file-input.is-invalid ~ .invalid-feedback,\n.custom-file-input.is-invalid ~ .invalid-tooltip {\n display: block;\n}\n\n.was-validated .custom-file-input:invalid:focus ~ .custom-file-label, .custom-file-input.is-invalid:focus ~ .custom-file-label {\n border-color: #d74022;\n box-shadow: 0 0 0 0.2rem rgba(215, 64, 34, 0.25);\n}\n\n.form-inline {\n display: flex;\n flex-flow: row wrap;\n align-items: center;\n}\n\n.form-inline .form-check {\n width: 100%;\n}\n\n@media (min-width: 576px) {\n .form-inline label {\n display: flex;\n align-items: center;\n justify-content: center;\n margin-bottom: 0;\n }\n .form-inline .form-group {\n display: flex;\n flex: 0 0 auto;\n flex-flow: row wrap;\n align-items: center;\n margin-bottom: 0;\n }\n .form-inline .form-control {\n display: inline-block;\n width: auto;\n vertical-align: middle;\n }\n .form-inline .form-control-plaintext {\n display: inline-block;\n }\n .form-inline .input-group,\n .form-inline .custom-select {\n width: auto;\n }\n .form-inline .form-check {\n display: flex;\n align-items: center;\n justify-content: center;\n width: auto;\n padding-left: 0;\n }\n .form-inline .form-check-input {\n position: relative;\n flex-shrink: 0;\n margin-top: 0;\n margin-right: 0.25rem;\n margin-left: 0;\n }\n .form-inline .custom-control {\n align-items: center;\n justify-content: center;\n }\n .form-inline .custom-control-label {\n margin-bottom: 0;\n }\n}\n\n.custom-control {\n position: relative;\n display: block;\n min-height: 1.249938rem;\n padding-left: 1.5rem;\n}\n\n.custom-control-inline {\n display: inline-flex;\n margin-right: 1rem;\n}\n\n.custom-control-input {\n position: absolute;\n z-index: -1;\n opacity: 0;\n}\n\n.custom-control-input:checked ~ .custom-control-label::before {\n color: #fff;\n border-color: #005fbf;\n background-color: #005fbf;\n}\n\n.custom-control-input:focus ~ .custom-control-label::before {\n box-shadow: 0 0 0 0.2rem rgba(19, 87, 255, 0.25);\n}\n\n.custom-control-input:focus:not(:checked) ~ .custom-control-label::before {\n border-color: #409fff;\n}\n\n.custom-control-input:not(:disabled):active ~ .custom-control-label::before {\n color: #fff;\n background-color: #73b8ff;\n border-color: #73b8ff;\n}\n\n.custom-control-input:disabled ~ .custom-control-label {\n color: #b4b4b4;\n}\n\n.custom-control-input:disabled ~ .custom-control-label::before {\n background-color: #f2f4f7;\n}\n\n.custom-control-label {\n position: relative;\n margin-bottom: 0;\n vertical-align: top;\n}\n\n.custom-control-label::before {\n position: absolute;\n top: 0.124969rem;\n left: -1.5rem;\n display: block;\n width: 1rem;\n height: 1rem;\n pointer-events: none;\n content: \"\";\n background-color: #fff;\n border: #adb5bd solid 1px;\n}\n\n.custom-control-label::after {\n position: absolute;\n top: 0.124969rem;\n left: -1.5rem;\n display: block;\n width: 1rem;\n height: 1rem;\n content: \"\";\n background: no-repeat 50% / 50% 50%;\n}\n\n.custom-checkbox .custom-control-label::before {\n border-radius: 4px;\n}\n\n.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after {\n background-image: url(\"data:image/svg+xml, %3csvg width='12' height='10' viewBox='0 0 12 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M0.542893 4.54289C0.933418 4.15237 1.56658 4.15237 1.95711 4.54289L4.25 6.83579L10.0429 1.04289C10.4334 0.652369 11.0666 0.652369 11.4571 1.04289C11.8476 1.43342 11.8476 2.06658 11.4571 2.45711L4.95711 8.95711C4.56658 9.34763 3.93342 9.34763 3.54289 8.95711L0.542893 5.95711C0.152369 5.56658 0.152369 4.93342 0.542893 4.54289Z' fill='%23ffffff'/%3e%3c/svg%3e\");\n}\n\n.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before {\n border-color: #005fbf;\n background-color: #005fbf;\n}\n\n.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::after {\n background-image: url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-1 -1 6 6'%3e%3cpath stroke='%23ffffff' d='M0 2h4'/%3e%3c/svg%3e\");\n}\n\n.custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before {\n background-color: rgba(0, 95, 191, 0.5);\n}\n\n.custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label::before {\n background-color: rgba(0, 95, 191, 0.5);\n}\n\n.custom-radio .custom-control-label::before {\n border-radius: 50%;\n}\n\n.custom-radio .custom-control-input:checked ~ .custom-control-label::after {\n background-image: url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23ffffff'/%3e%3c/svg%3e\");\n}\n\n.custom-radio .custom-control-input:disabled:checked ~ .custom-control-label::before {\n background-color: rgba(0, 95, 191, 0.5);\n}\n\n.custom-switch {\n padding-left: 2.25rem;\n}\n\n.custom-switch .custom-control-label::before {\n left: -2.25rem;\n width: 1.75rem;\n pointer-events: all;\n border-radius: 0.5rem;\n}\n\n.custom-switch .custom-control-label::after {\n top: calc(0.124969rem + 2px);\n left: calc(-2.25rem + 2px);\n width: calc(1rem - 4px);\n height: calc(1rem - 4px);\n background-color: #adb5bd;\n border-radius: 0.5rem;\n transition: transform 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;\n}\n\n@media (prefers-reduced-motion: reduce) {\n .custom-switch .custom-control-label::after {\n transition: none;\n }\n}\n\n.custom-switch .custom-control-input:checked ~ .custom-control-label::after {\n background-color: #fff;\n transform: translateX(0.75rem);\n}\n\n.custom-switch .custom-control-input:disabled:checked ~ .custom-control-label::before {\n background-color: rgba(0, 95, 191, 0.5);\n}\n\n.custom-select {\n display: inline-block;\n width: 100%;\n height: calc(1.4285em + 0.75rem + 2px);\n padding: 8px 1.75rem 8px 0.75rem;\n font-size: 0.875rem;\n font-weight: 400;\n line-height: 1.4285;\n color: #777;\n vertical-align: middle;\n background: url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='%23777' d='M6.28178611,7.34112994 C5.98969924,7.04743259 5.5148273,7.04612703 5.22112994,7.33821389 C4.92743259,7.63030076 4.92612703,8.1051727 5.21821389,8.39887006 L9.44490899,12.6488701 C9.73699896,12.9425705 10.2118771,12.9438725 10.5055731,12.6517782 L14.7788781,8.40177816 C15.072571,8.10968687 15.0738694,7.63481492 14.7817782,7.34112195 C14.4896869,7.04742898 14.0148149,7.04613056 13.7211219,7.33822184 L9.9796032,11.0593358 L6.28178611,7.34112994 Z'/%3e%3c/svg%3e\") no-repeat right 0.75rem center/24px;\n background-color: #fff;\n border: 1px solid #e2e2e2;\n border-radius: 4px;\n appearance: none;\n}\n\n.custom-select:focus {\n border-color: #409fff;\n outline: 0;\n box-shadow: 0 0 0 0.2rem rgba(19, 87, 255, 0.25);\n}\n\n.custom-select:focus::-ms-value {\n color: #212121;\n background-color: #fff;\n}\n\n.custom-select[multiple], .custom-select[size]:not([size=\"1\"]) {\n height: auto;\n padding-right: 0.75rem;\n background-image: none;\n}\n\n.custom-select:disabled {\n color: #b4b4b4;\n background-color: #f2f4f7;\n}\n\n.custom-select::-ms-expand {\n display: none;\n}\n\n.custom-select-sm {\n height: calc(1.4285em + 0.5rem + 2px);\n padding-top: 0.25rem;\n padding-bottom: 0.25rem;\n padding-left: 0.5rem;\n font-size: 0.75rem;\n}\n\n.custom-select-lg {\n height: calc(1.4285em + 1rem + 2px);\n padding-top: 0.5rem;\n padding-bottom: 0.5rem;\n padding-left: 1rem;\n font-size: 1.25rem;\n}\n\n.custom-file {\n position: relative;\n display: inline-block;\n width: 100%;\n height: calc(1.4285em + 0.75rem + 2px);\n margin-bottom: 0;\n}\n\n.custom-file-input {\n position: relative;\n z-index: 2;\n width: 100%;\n height: calc(1.4285em + 0.75rem + 2px);\n margin: 0;\n opacity: 0;\n}\n\n.custom-file-input:focus ~ .custom-file-label {\n border-color: #409fff;\n box-shadow: 0 0 0 0.2rem rgba(19, 87, 255, 0.25);\n}\n\n.custom-file-input:disabled ~ .custom-file-label {\n background-color: #f2f4f7;\n}\n\n.custom-file-input:lang(en) ~ .custom-file-label::after {\n content: \"Choose file\";\n}\n\n.custom-file-input:lang(id) ~ .custom-file-label::after {\n content: \"Pilih file\";\n}\n\n.custom-file-input ~ .custom-file-label[data-browse]::after {\n content: attr(data-browse);\n}\n\n.custom-file-label {\n position: absolute;\n top: 0;\n right: 0;\n left: 0;\n z-index: 1;\n height: calc(1.4285em + 0.75rem + 2px);\n padding: 0.375rem 0.75rem;\n font-weight: 400;\n line-height: 1.4285;\n color: #212121;\n background-color: #fff;\n border: 1px solid #e2e2e2;\n border-radius: 4px;\n}\n\n.custom-file-label::after {\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n z-index: 3;\n display: block;\n height: calc(1.4285em + 0.75rem);\n padding: 0.375rem 0.75rem;\n line-height: 1.4285;\n color: #212121;\n content: \"Browse\";\n background-color: #f2f4f7;\n border-left: inherit;\n border-radius: 0 4px 4px 0;\n}\n\n.custom-range {\n width: 100%;\n height: calc(1rem + 0.4rem);\n padding: 0;\n background-color: transparent;\n appearance: none;\n}\n\n.custom-range:focus {\n outline: none;\n}\n\n.custom-range:focus::-webkit-slider-thumb {\n box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(19, 87, 255, 0.25);\n}\n\n.custom-range:focus::-moz-range-thumb {\n box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(19, 87, 255, 0.25);\n}\n\n.custom-range:focus::-ms-thumb {\n box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(19, 87, 255, 0.25);\n}\n\n.custom-range::-moz-focus-outer {\n border: 0;\n}\n\n.custom-range::-webkit-slider-thumb {\n width: 1rem;\n height: 1rem;\n margin-top: -0.25rem;\n background-color: #005fbf;\n border: 0;\n border-radius: 1rem;\n transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;\n appearance: none;\n}\n\n@media (prefers-reduced-motion: reduce) {\n .custom-range::-webkit-slider-thumb {\n transition: none;\n }\n}\n\n.custom-range::-webkit-slider-thumb:active {\n background-color: #73b8ff;\n}\n\n.custom-range::-webkit-slider-runnable-track {\n width: 100%;\n height: 0.5rem;\n color: transparent;\n cursor: pointer;\n background-color: #dee2e6;\n border-color: transparent;\n border-radius: 1rem;\n}\n\n.custom-range::-moz-range-thumb {\n width: 1rem;\n height: 1rem;\n background-color: #005fbf;\n border: 0;\n border-radius: 1rem;\n transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;\n appearance: none;\n}\n\n@media (prefers-reduced-motion: reduce) {\n .custom-range::-moz-range-thumb {\n transition: none;\n }\n}\n\n.custom-range::-moz-range-thumb:active {\n background-color: #73b8ff;\n}\n\n.custom-range::-moz-range-track {\n width: 100%;\n height: 0.5rem;\n color: transparent;\n cursor: pointer;\n background-color: #dee2e6;\n border-color: transparent;\n border-radius: 1rem;\n}\n\n.custom-range::-ms-thumb {\n width: 1rem;\n height: 1rem;\n margin-top: 0;\n margin-right: 0.2rem;\n margin-left: 0.2rem;\n background-color: #005fbf;\n border: 0;\n border-radius: 1rem;\n transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;\n appearance: none;\n}\n\n@media (prefers-reduced-motion: reduce) {\n .custom-range::-ms-thumb {\n transition: none;\n }\n}\n\n.custom-range::-ms-thumb:active {\n background-color: #73b8ff;\n}\n\n.custom-range::-ms-track {\n width: 100%;\n height: 0.5rem;\n color: transparent;\n cursor: pointer;\n background-color: transparent;\n border-color: transparent;\n border-width: 0.5rem;\n}\n\n.custom-range::-ms-fill-lower {\n background-color: #dee2e6;\n border-radius: 1rem;\n}\n\n.custom-range::-ms-fill-upper {\n margin-right: 15px;\n background-color: #dee2e6;\n border-radius: 1rem;\n}\n\n.custom-range:disabled::-webkit-slider-thumb {\n background-color: #adb5bd;\n}\n\n.custom-range:disabled::-webkit-slider-runnable-track {\n cursor: default;\n}\n\n.custom-range:disabled::-moz-range-thumb {\n background-color: #adb5bd;\n}\n\n.custom-range:disabled::-moz-range-track {\n cursor: default;\n}\n\n.custom-range:disabled::-ms-thumb {\n background-color: #adb5bd;\n}\n\n.custom-control-label::before,\n.custom-file-label,\n.custom-select {\n transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;\n}\n\n@media (prefers-reduced-motion: reduce) {\n .custom-control-label::before,\n .custom-file-label,\n .custom-select {\n transition: none;\n }\n}\n\n.input-group {\n position: relative;\n display: flex;\n flex-wrap: wrap;\n align-items: stretch;\n width: 100%;\n}\n\n.input-group > .form-control,\n.input-group > .form-control-plaintext,\n.input-group > .custom-select,\n.input-group > .custom-file {\n position: relative;\n flex: 1 1 auto;\n width: 1%;\n margin-bottom: 0;\n}\n\n.input-group > .form-control + .form-control,\n.input-group > .form-control + .custom-select,\n.input-group > .form-control + .custom-file,\n.input-group > .form-control-plaintext + .form-control,\n.input-group > .form-control-plaintext + .custom-select,\n.input-group > .form-control-plaintext + .custom-file,\n.input-group > .custom-select + .form-control,\n.input-group > .custom-select + .custom-select,\n.input-group > .custom-select + .custom-file,\n.input-group > .custom-file + .form-control,\n.input-group > .custom-file + .custom-select,\n.input-group > .custom-file + .custom-file {\n margin-left: -1px;\n}\n\n.input-group > .form-control:focus,\n.input-group > .custom-select:focus,\n.input-group > .custom-file .custom-file-input:focus ~ .custom-file-label {\n z-index: 3;\n}\n\n.input-group > .custom-file .custom-file-input:focus {\n z-index: 4;\n}\n\n.input-group > .form-control:not(:last-child),\n.input-group > .custom-select:not(:last-child) {\n border-top-right-radius: 0;\n border-bottom-right-radius: 0;\n}\n\n.input-group > .form-control:not(:first-child),\n.input-group > .custom-select:not(:first-child) {\n border-top-left-radius: 0;\n border-bottom-left-radius: 0;\n}\n\n.input-group > .custom-file {\n display: flex;\n align-items: center;\n}\n\n.input-group > .custom-file:not(:last-child) .custom-file-label,\n.input-group > .custom-file:not(:last-child) .custom-file-label::after {\n border-top-right-radius: 0;\n border-bottom-right-radius: 0;\n}\n\n.input-group > .custom-file:not(:first-child) .custom-file-label {\n border-top-left-radius: 0;\n border-bottom-left-radius: 0;\n}\n\n.input-group-prepend,\n.input-group-append {\n display: flex;\n}\n\n.input-group-prepend .btn,\n.input-group-append .btn {\n position: relative;\n z-index: 2;\n}\n\n.input-group-prepend .btn:focus,\n.input-group-append .btn:focus {\n z-index: 3;\n}\n\n.input-group-prepend .btn + .btn,\n.input-group-prepend .btn + .input-group-text,\n.input-group-prepend .input-group-text + .input-group-text,\n.input-group-prepend .input-group-text + .btn,\n.input-group-append .btn + .btn,\n.input-group-append .btn + .input-group-text,\n.input-group-append .input-group-text + .input-group-text,\n.input-group-append .input-group-text + .btn {\n margin-left: -1px;\n}\n\n.input-group-prepend {\n margin-right: -1px;\n}\n\n.input-group-append {\n margin-left: -1px;\n}\n\n.input-group-text {\n display: flex;\n align-items: center;\n padding: 0.375rem 0.75rem;\n margin-bottom: 0;\n font-size: 0.875rem;\n font-weight: 400;\n line-height: 1.4285;\n color: #212121;\n text-align: center;\n white-space: nowrap;\n background-color: #f2f4f7;\n border: 1px solid #e2e2e2;\n border-radius: 4px;\n}\n\n.input-group-text input[type=\"radio\"],\n.input-group-text input[type=\"checkbox\"] {\n margin-top: 0;\n}\n\n.input-group-lg > .form-control:not(textarea),\n.input-group-lg > .custom-select {\n height: calc(1.4285em + 1rem + 2px);\n}\n\n.input-group-lg > .form-control,\n.input-group-lg > .custom-select,\n.input-group-lg > .input-group-prepend > .input-group-text,\n.input-group-lg > .input-group-append > .input-group-text,\n.input-group-lg > .input-group-prepend > .btn,\n.input-group-lg > .input-group-append > .btn {\n padding: 0.5rem 1rem;\n font-size: 1.25rem;\n line-height: 1.4285;\n border-radius: 4px;\n}\n\n.input-group-sm > .form-control:not(textarea),\n.input-group-sm > .custom-select {\n height: calc(1.4285em + 0.5rem + 2px);\n}\n\n.input-group-sm > .form-control,\n.input-group-sm > .custom-select,\n.input-group-sm > .input-group-prepend > .input-group-text,\n.input-group-sm > .input-group-append > .input-group-text,\n.input-group-sm > .input-group-prepend > .btn,\n.input-group-sm > .input-group-append > .btn {\n padding: 0.25rem 0.5rem;\n font-size: 0.75rem;\n line-height: 1.4285;\n border-radius: 4px;\n}\n\n.input-group-lg > .custom-select,\n.input-group-sm > .custom-select {\n padding-right: 1.75rem;\n}\n\n.input-group > .input-group-prepend > .btn,\n.input-group > .input-group-prepend > .input-group-text,\n.input-group > .input-group-append:not(:last-child) > .btn,\n.input-group > .input-group-append:not(:last-child) > .input-group-text,\n.input-group > .input-group-append:last-child > .btn:not(:last-child):not(.dropdown-toggle),\n.input-group > .input-group-append:last-child > .input-group-text:not(:last-child) {\n border-top-right-radius: 0;\n border-bottom-right-radius: 0;\n}\n\n.input-group > .input-group-append > .btn,\n.input-group > .input-group-append > .input-group-text,\n.input-group > .input-group-prepend:not(:first-child) > .btn,\n.input-group > .input-group-prepend:not(:first-child) > .input-group-text,\n.input-group > .input-group-prepend:first-child > .btn:not(:first-child),\n.input-group > .input-group-prepend:first-child > .input-group-text:not(:first-child) {\n border-top-left-radius: 0;\n border-bottom-left-radius: 0;\n}\n\n.form-control {\n padding: 8px 12px;\n margin-top: 4px;\n margin-bottom: 4px;\n line-height: 20px;\n color: #212121;\n}\n\n.form-control:hover:not(:disabled):not([readonly]) {\n border: 1px solid #005fbf;\n}\n\n.form-control:disabled, .form-control[readonly] {\n color: #b4b4b4;\n cursor: not-allowed;\n background-color: #f2f4f7;\n border-color: #e2e2e2;\n outline: none;\n box-shadow: none;\n}\n\n.form-control:focus:not(:disabled):not([readonly]) {\n color: #212121;\n}\n\n.form-control.prefix-icon {\n padding-left: 36px;\n}\n\n.form-control.suffix-icon {\n padding-right: 36px;\n}\n\n.form-control.with-reset-icon, .form-control.suffix-icon--double {\n padding-right: 36px;\n}\n\n.form-control.with-reset-icon.suffix-icon, .form-control.suffix-icon--double.suffix-icon {\n padding-right: 72px;\n}\n\n.form-control.is-invalid, .form-control:invalid {\n border-color: #d74022;\n}\n\n.form-control-plaintext:focus {\n outline: none;\n box-shadow: none;\n}\n\n.form-group label {\n margin-bottom: 0;\n}\n\n.form-row label {\n margin-bottom: 0;\n}\n\n.custom-select,\n.custom-file-input {\n height: 38px;\n padding: 8px 8px 8px 12px;\n margin: 4px 0;\n line-height: 20px;\n color: #212121;\n}\n\n.custom-select:hover:not(:disabled),\n.custom-file-input:hover:not(:disabled) {\n cursor: pointer;\n border: 1px solid #005fbf;\n}\n\n.custom-select:focus,\n.custom-file-input:focus {\n box-shadow: 0 0 4px 1px rgba(0, 95, 191, 0.3);\n}\n\n.custom-select:disabled,\n.custom-file-input:disabled {\n color: #b4b4b4;\n cursor: not-allowed;\n background-color: #f2f4f7;\n border-color: #e2e2e2;\n}\n\n.custom-select:not(:focus):invalid,\n.custom-file-input:not(:focus):invalid {\n color: #b4b4b4;\n}\n\ninput[type=\"file\"] {\n cursor: pointer;\n}\n\ninput[type=\"file\"]::-webkit-file-upload-button {\n cursor: pointer;\n}\n\n.custom-file {\n display: flex;\n flex-wrap: wrap;\n align-items: center;\n height: auto;\n margin-bottom: 20px;\n}\n\n.custom-file:hover .custom-file-label::before {\n border: 1px solid #b4b4b4;\n}\n\n.custom-file .form-text {\n margin-top: 4px;\n}\n\n.custom-file ~ .custom-file-list-wrapper {\n margin-bottom: 12px;\n}\n\n.custom-file-input {\n margin: 0;\n}\n\n.custom-file-label {\n display: flex;\n align-items: flex-end;\n height: 38px;\n padding: 8px 12px;\n margin-bottom: 0;\n color: #b4b4b4;\n}\n\n.custom-file-label::after {\n display: none;\n}\n\n.custom-file-label::before {\n position: relative;\n top: 3px;\n bottom: 0;\n z-index: 3;\n display: flex;\n align-items: center;\n height: 24px;\n padding: 2px 8px;\n margin-right: 12px;\n line-height: 20px;\n color: #777;\n content: \"Choose File\";\n background-color: #fbfbfb;\n border: 1px solid #e2e2e2;\n border-radius: 4px;\n}\n\n.valid-feedback,\n.invalid-feedback {\n font-size: 12px;\n}\n\n.form-group-label {\n margin-bottom: 0;\n font-weight: 600;\n line-height: 20px;\n}\n\n.custom-control {\n margin-bottom: 4px;\n}\n\n.form-group-label + .custom-control,\n.form-group-label + .custom-file {\n margin-top: 4px;\n}\n\n.custom-control-input:focus {\n box-shadow: 0 0 0 0.2rem rgba(19, 87, 255, 0.25);\n}\n\n.custom-control-input:hover ~ .custom-control-label::before {\n cursor: pointer;\n border-color: #005fbf;\n}\n\n.custom-control-input:hover ~ .custom-control-label::after,\n.custom-control-input:hover ~ .custom-control-label {\n cursor: pointer;\n}\n\n.custom-control-input:disabled ~ .custom-control-label::after {\n cursor: not-allowed;\n border: none;\n}\n\n.custom-control-input:disabled ~ .custom-control-label::before {\n cursor: not-allowed;\n background-color: #f2f4f7 !important;\n border: 1px solid #e2e2e2 !important;\n}\n\n.custom-control-input:disabled ~ .custom-control-label {\n cursor: not-allowed;\n}\n\n.custom-control-label {\n font-weight: 400;\n color: #212121;\n}\n\n.custom-checkbox .custom-control-label::before {\n top: 0;\n}\n\n.custom-checkbox .custom-control-label::after {\n top: 0;\n background: no-repeat 50%;\n}\n\n.custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::after {\n background: url(\"data:image/svg+xml, %3csvg width='12' height='10' viewBox='0 0 12 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M0.542893 4.54289C0.933418 4.15237 1.56658 4.15237 1.95711 4.54289L4.25 6.83579L10.0429 1.04289C10.4334 0.652369 11.0666 0.652369 11.4571 1.04289C11.8476 1.43342 11.8476 2.06658 11.4571 2.45711L4.95711 8.95711C4.56658 9.34763 3.93342 9.34763 3.54289 8.95711L0.542893 5.95711C0.152369 5.56658 0.152369 4.93342 0.542893 4.54289Z' fill='%23b4b4b4'/%3e%3c/svg%3e\") no-repeat 50%;\n}\n\n.custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label::after {\n background: url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-1 -1 6 6'%3e%3cpath stroke='%23b4b4b4' d='M0 2h4'/%3e%3c/svg%3e\") no-repeat 50%;\n}\n\n.custom-radio .custom-control-label::before {\n top: 1px;\n}\n\n.custom-radio .custom-control-label::after {\n top: 1px;\n background: no-repeat 100% / 100% 50%;\n}\n\n.custom-radio .custom-control-input:disabled:checked ~ .custom-control-label::after {\n background: url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23b4b4b4'/%3e%3c/svg%3e\") no-repeat 100%/100% 50%;\n}\n\n.custom-switch {\n height: 24px;\n padding-left: 52px;\n line-height: 24px;\n}\n\n.custom-switch .custom-control-label::before {\n top: 0;\n left: -52px;\n width: 40px;\n height: 24px;\n background-color: #e2e2e2;\n border: none;\n border-radius: 24px;\n}\n\n.custom-switch .custom-control-label::after {\n top: 2px;\n left: -50px;\n width: 20px;\n height: 20px;\n background-color: #fff;\n border-radius: 50%;\n transition: transform .2s;\n}\n\n.custom-switch .custom-control-input:checked ~ .custom-control-label::before {\n background-color: #1357ff;\n}\n\n.custom-switch .custom-control-input:checked ~ .custom-control-label::after {\n transform: translateX(1rem);\n}\n\n.custom-switch.custom-switch-danger .custom-control-input:checked ~ .custom-control-label::before {\n background: #d74022;\n}\n\n.custom-switch.custom-switch-danger .custom-control-input:not(:disabled):active ~ .custom-control-label::before {\n background: #d74022;\n}\n\n.custom-switch.custom-switch-danger .custom-control-input:focus ~ .custom-control-label::before {\n box-shadow: 0 0 0 0.2rem #f4c2b8;\n}\n\n.custom-switch.custom-switch-success .custom-control-input:checked ~ .custom-control-label::before {\n background: #009f61;\n}\n\n.custom-switch.custom-switch-success .custom-control-input:not(:disabled):active ~ .custom-control-label::before {\n background: #009f61;\n}\n\n.custom-switch.custom-switch-success .custom-control-input:focus ~ .custom-control-label::before {\n box-shadow: 0 0 0 0.2rem #53ffbc;\n}\n\n.custom-switch.custom-switch-info .custom-control-input:checked ~ .custom-control-label::before {\n background: #ffeb99;\n}\n\n.custom-switch.custom-switch-info .custom-control-input:not(:disabled):active ~ .custom-control-label::before {\n background: #ffeb99;\n}\n\n.custom-switch.custom-switch-info .custom-control-input:focus ~ .custom-control-label::before {\n box-shadow: 0 0 0 0.2rem white;\n}\n\n.custom-switch.custom-switch-warning .custom-control-input:checked ~ .custom-control-label::before {\n background: #ffb700;\n}\n\n.custom-switch.custom-switch-warning .custom-control-input:not(:disabled):active ~ .custom-control-label::before {\n background: #ffb700;\n}\n\n.custom-switch.custom-switch-warning .custom-control-input:focus ~ .custom-control-label::before {\n box-shadow: 0 0 0 0.2rem #ffe9b3;\n}\n\n.custom-switch.custom-switch-primary .custom-control-input:checked ~ .custom-control-label::before {\n background: #005fbf;\n}\n\n.custom-switch.custom-switch-primary .custom-control-input:not(:disabled):active ~ .custom-control-label::before {\n background: #005fbf;\n}\n\n.custom-switch.custom-switch-primary .custom-control-input:focus ~ .custom-control-label::before {\n box-shadow: 0 0 0 0.2rem #73b8ff;\n}\n\n.custom-switch.custom-switch-jurnal .custom-control-input:checked ~ .custom-control-label::before {\n background: #009bde;\n}\n\n.custom-switch.custom-switch-jurnal .custom-control-input:not(:disabled):active ~ .custom-control-label::before {\n background: #009bde;\n}\n\n.custom-switch.custom-switch-jurnal .custom-control-input:focus ~ .custom-control-label::before {\n box-shadow: 0 0 0 0.2rem #92deff;\n}\n\n.custom-switch.custom-switch-talenta .custom-control-input:checked ~ .custom-control-label::before {\n background: #c02a34;\n}\n\n.custom-switch.custom-switch-talenta .custom-control-input:not(:disabled):active ~ .custom-control-label::before {\n background: #c02a34;\n}\n\n.custom-switch.custom-switch-talenta .custom-control-input:focus ~ .custom-control-label::before {\n box-shadow: 0 0 0 0.2rem #eeafb3;\n}\n\n.custom-switch.custom-switch-klikpajak .custom-control-input:checked ~ .custom-control-label::before {\n background: #f96d01;\n}\n\n.custom-switch.custom-switch-klikpajak .custom-control-input:not(:disabled):active ~ .custom-control-label::before {\n background: #f96d01;\n}\n\n.custom-switch.custom-switch-klikpajak .custom-control-input:focus ~ .custom-control-label::before {\n box-shadow: 0 0 0 0.2rem #ffd1ae;\n}\n\n.custom-switch.custom-switch-mekari .custom-control-input:checked ~ .custom-control-label::before {\n background: #6d48e5;\n}\n\n.custom-switch.custom-switch-mekari .custom-control-input:not(:disabled):active ~ .custom-control-label::before {\n background: #6d48e5;\n}\n\n.custom-switch.custom-switch-mekari .custom-control-input:focus ~ .custom-control-label::before {\n box-shadow: 0 0 0 0.2rem #eae4fb;\n}\n\n.custom-switch.custom-switch-dark .custom-control-input:checked ~ .custom-control-label::before {\n background: #212121;\n}\n\n.custom-switch.custom-switch-dark .custom-control-input:not(:disabled):active ~ .custom-control-label::before {\n background: #212121;\n}\n\n.custom-switch.custom-switch-dark .custom-control-input:focus ~ .custom-control-label::before {\n box-shadow: 0 0 0 0.2rem #7a7a7a;\n}\n\n.custom-switch.custom-switch-slate .custom-control-input:checked ~ .custom-control-label::before {\n background: #777;\n}\n\n.custom-switch.custom-switch-slate .custom-control-input:not(:disabled):active ~ .custom-control-label::before {\n background: #777;\n}\n\n.custom-switch.custom-switch-slate .custom-control-input:focus ~ .custom-control-label::before {\n box-shadow: 0 0 0 0.2rem #d0d0d0;\n}\n\n.custom-switch.custom-switch-muted .custom-control-input:checked ~ .custom-control-label::before {\n background: #b4b4b4;\n}\n\n.custom-switch.custom-switch-muted .custom-control-input:not(:disabled):active ~ .custom-control-label::before {\n background: #b4b4b4;\n}\n\n.custom-switch.custom-switch-muted .custom-control-input:focus ~ .custom-control-label::before {\n box-shadow: 0 0 0 0.2rem white;\n}\n\n.custom-switch.custom-switch-smoke .custom-control-input:checked ~ .custom-control-label::before {\n background: #e2e2e2;\n}\n\n.custom-switch.custom-switch-smoke .custom-control-input:not(:disabled):active ~ .custom-control-label::before {\n background: #e2e2e2;\n}\n\n.custom-switch.custom-switch-smoke .custom-control-input:focus ~ .custom-control-label::before {\n box-shadow: 0 0 0 0.2rem white;\n}\n\n.custom-switch.custom-switch-light .custom-control-input:checked ~ .custom-control-label::before {\n background: #fbfbfb;\n}\n\n.custom-switch.custom-switch-light .custom-control-input:not(:disabled):active ~ .custom-control-label::before {\n background: #fbfbfb;\n}\n\n.custom-switch.custom-switch-light .custom-control-input:focus ~ .custom-control-label::before {\n box-shadow: 0 0 0 0.2rem white;\n}\n\n.custom-switch.custom-switch-cloud .custom-control-input:checked ~ .custom-control-label::before {\n background: #f2f4f7;\n}\n\n.custom-switch.custom-switch-cloud .custom-control-input:not(:disabled):active ~ .custom-control-label::before {\n background: #f2f4f7;\n}\n\n.custom-switch.custom-switch-cloud .custom-control-input:focus ~ .custom-control-label::before {\n box-shadow: 0 0 0 0.2rem white;\n}\n\n.custom-switch.custom-switch-link .custom-control-input:checked ~ .custom-control-label::before {\n background: #1357ff;\n}\n\n.custom-switch.custom-switch-link .custom-control-input:not(:disabled):active ~ .custom-control-label::before {\n background: #1357ff;\n}\n\n.custom-switch.custom-switch-link .custom-control-input:focus ~ .custom-control-label::before {\n box-shadow: 0 0 0 0.2rem #c6d6ff;\n}\n\n.custom-switch.custom-switch-white .custom-control-input:checked ~ .custom-control-label::before {\n background: #fff;\n}\n\n.custom-switch.custom-switch-white .custom-control-input:not(:disabled):active ~ .custom-control-label::before {\n background: #fff;\n}\n\n.custom-switch.custom-switch-white .custom-control-input:focus ~ .custom-control-label::before {\n box-shadow: 0 0 0 0.2rem white;\n}\n\n.custom-switch--small {\n height: 20px;\n padding-left: 48px;\n line-height: 20px;\n}\n\n.custom-switch--small .custom-control-label::before {\n left: -48px;\n width: 34px;\n height: 20px;\n}\n\n.custom-switch--small .custom-control-label::after {\n left: -46px;\n width: 16px;\n height: 16px;\n}\n\n.custom-switch--small .custom-control-input:checked ~ .custom-control-label::after {\n transform: translateX(14px);\n}\n\n.form-check {\n margin-bottom: 4px;\n}\n\ntextarea.form-control {\n min-width: 184px;\n height: 80px;\n min-height: 38px;\n max-height: 200px;\n padding-right: 12px;\n padding-left: 12px;\n}\n\ntextarea.form-control::-webkit-scrollbar {\n width: 12px;\n background-color: transparent;\n}\n\ntextarea.form-control::-webkit-scrollbar-thumb {\n background-color: #777;\n background-clip: padding-box;\n border: 4px solid transparent;\n border-radius: 16px;\n}\n\ntextarea.form-control::-webkit-scrollbar-track {\n background-color: #fff;\n border-radius: 4px;\n}\n\n.form-text {\n font-size: 12px;\n color: #777;\n}\n\n.input-group {\n margin-top: 4px;\n margin-bottom: 4px;\n}\n\n.input-group .form-control {\n margin-top: 0;\n margin-bottom: 0;\n}\n\n.input-group .valid-feedback,\n.input-group .invalid-feedback {\n margin-top: 4px;\n}\n\n/ stylelint-disable property-no-vendor-prefix /\n.custom-select,\n.custom-select-sm {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n}\n\n/ stylelint-enable property-no-vendor-prefix /\n.form-xs {\n width: 80px;\n max-width: 80px;\n}\n\n.form-sm {\n width: 184px;\n max-width: 184px;\n}\n\n.form-md {\n width: 288px;\n max-width: 288px;\n}\n\n.form-lg {\n width: 392px;\n max-width: 392px;\n}\n\n.form-xl {\n width: 600px;\n max-width: 600px;\n}\n\n.counter-label {\n float: right;\n font-weight: 400;\n}\n\n.input-group-text {\n display: flex;\n align-items: center;\n padding: 0.375rem 0.75rem;\n margin-bottom: 0;\n font-size: 0.875rem;\n font-weight: 400;\n line-height: 1.4285;\n color: #212121;\n text-align: center;\n white-space: nowrap;\n background-color: #f2f4f7;\n border: 1px solid #e2e2e2;\n border-radius: 4px;\n}\n\n.input-date-picker,\n.input-no-readonly {\n color: #212121 !important;\n cursor: pointer !important;\n background-color: #fff !important;\n}\n\n.input-date-picker:hover:not(:disabled),\n.input-no-readonly:hover:not(:disabled) {\n border: 1px solid #005fbf;\n}\n\n.input-with-icon-container {\n position: relative;\n}\n\n/# sourceMappingURL=mekari-ui-form.css.map /","// Form control focus state\n//\n// Generate a customized focus state and for any input with the specified color,\n// which defaults to the `$input-focus-border-color` variable.\n//\n// We highly encourage you to not customize the default value, but instead use\n// this to tweak colors on an as-needed basis. This aesthetic change is based on\n// WebKit's default styles, but applicable to a wider range of browsers. Its\n// usability and accessibility should be taken into account with any change.\n//\n// Example usage: change the default blue border and shadow to white for better\n// contrast against a dark gray background.\n@mixin form-control-focus() {\n &:focus {\n color: $input-focus-color;\n background-color: $input-focus-bg;\n border-color: $input-focus-border-color;\n outline: 0;\n // Avoid using mixin so we can pass custom focus shadow properly\n @if $enable-shadows {\n box-shadow: $input-box-shadow, $input-focus-box-shadow;\n } @else {\n box-shadow: $input-focus-box-shadow;\n }\n }\n}\n\n\n@mixin form-validation-state($state, $color, $icon) {\n .#{$state}-feedback {\n display: none;\n width: 100%;\n margin-top: $form-feedback-margin-top;\n @include font-size($form-feedback-font-size);\n color: $color;\n }\n\n .#{$state}-tooltip {\n position: absolute;\n top: 100%;\n z-index: 5;\n display: none;\n max-width: 100%; // Contain to parent when possible\n padding: $form-feedback-tooltip-padding-y $form-feedback-tooltip-padding-x;\n margin-top: .1rem;\n @include font-size($form-feedback-tooltip-font-size);\n line-height: $form-feedback-tooltip-line-height;\n color: color-yiq($color);\n background-color: rgba($color, $form-feedback-tooltip-opacity);\n @include border-radius($form-feedback-tooltip-border-radius);\n }\n\n .#{$prefix}form-control {\n .was-validated &:#{$state},\n &.is-#{$state} {\n border-color: $color;\n\n @if $enable-validation-icons {\n padding-right: $input-height-inner;\n background-image: $icon;\n background-repeat: no-repeat;\n background-position: center right $input-height-inner-quarter;\n background-size: $input-height-inner-half $input-height-inner-half;\n }\n\n &:focus {\n border-color: $color;\n box-shadow: 0 0 0 $input-focus-width rgba($color, .25);\n }\n\n ~ .#{$state}-feedback,\n ~ .#{$state}-tooltip {\n display: block;\n }\n }\n }\n\n // stylelint-disable-next-line selector-no-qualifying-type\n textarea.#{$prefix}form-control {\n .was-validated &:#{$state},\n &.is-#{$state} {\n @if $enable-validation-icons {\n padding-right: $input-height-inner;\n background-position: top $input-height-inner-quarter right $input-height-inner-quarter;\n }\n }\n }\n\n .#{$prefix}custom-select {\n .was-validated &:#{$state},\n &.is-#{$state} {\n border-color: $color;\n\n @if $enable-validation-icons {\n padding-right: $custom-select-feedback-icon-padding-right;\n background: $custom-select-background, $icon $custom-select-bg no-repeat $custom-select-feedback-icon-position / $custom-select-feedback-icon-size;\n }\n\n &:focus {\n border-color: $color;\n box-shadow: 0 0 0 $input-focus-width rgba($color, .25);\n }\n\n ~ .#{$state}-feedback,\n ~ .#{$state}-tooltip {\n display: block;\n }\n }\n }\n\n\n .#{$prefix}form-control-file {\n .was-validated &:#{$state},\n &.is-#{$state} {\n ~ .#{$state}-feedback,\n ~ .#{$state}-tooltip {\n display: block;\n }\n }\n }\n\n .#{$prefix}form-check-input {\n .was-validated &:#{$state},\n &.is-#{$state} {\n ~ .#{$prefix}form-check-label {\n color: $color;\n }\n\n ~ .#{$state}-feedback,\n ~ .#{$state}-tooltip {\n display: block;\n }\n }\n }\n\n .#{$prefix}custom-control-input {\n .was-validated &:#{$state},\n &.is-#{$state} {\n ~ .#{$prefix}custom-control-label {\n color: $color;\n\n &::before {\n border-color: $color;\n }\n }\n\n ~ .#{$state}-feedback,\n ~ .#{$state}-tooltip {\n display: block;\n }\n\n &:checked {\n ~ .#{$prefix}custom-control-label::before {\n border-color: lighten($color, 10%);\n @include gradient-bg(lighten($color, 10%));\n }\n }\n\n &:focus {\n ~ .#{$prefix}custom-control-label::before {\n box-shadow: 0 0 0 $input-focus-width rgba($color, .25);\n }\n\n &:not(:checked) ~ .#{$prefix}custom-control-label::before {\n border-color: $color;\n }\n }\n }\n }\n\n // custom file\n .#{$prefix}custom-file-input {\n .was-validated &:#{$state},\n &.is-#{$state} {\n ~ .#{$prefix}custom-file-label {\n border-color: $color;\n }\n\n ~ .#{$state}-feedback,\n ~ .#{$state}-tooltip {\n display: block;\n }\n\n &:focus {\n ~ .#{$prefix}custom-file-label {\n border-color: $color;\n box-shadow: 0 0 0 $input-focus-width rgba($color, .25);\n }\n }\n }\n }\n}\n","// Variables\n//\n// Variables should follow the `$component-state-property-size` formula for\n// consistent naming. Ex: $nav-link-disabled-color and $modal-content-box-shadow-xs.\n\n// Color system\n\n$white: #fff !default;\n$gray-100: #f8f9fa !default;\n$gray-200: #e9ecef !default;\n$gray-300: #dee2e6 !default;\n$gray-400: #ced4da !default;\n$gray-500: #adb5bd !default;\n$gray-600: #6c757d !default;\n$gray-700: #495057 !default;\n$gray-800: #343a40 !default;\n$gray-900: #212529 !default;\n$black: #000 !default;\n\n$grays: () !default;\n// stylelint-disable-next-line scss/dollar-variable-default\n$grays: map-merge(\n (\n \"100\": $gray-100,\n \"200\": $gray-200,\n \"300\": $gray-300,\n \"400\": $gray-400,\n \"500\": $gray-500,\n \"600\": $gray-600,\n \"700\": $gray-700,\n \"800\": $gray-800,\n \"900\": $gray-900\n ),\n $grays\n);\n\n$blue: #007bff !default;\n$indigo: #6610f2 !default;\n$purple: #6f42c1 !default;\n$pink: #e83e8c !default;\n$red: #dc3545 !default;\n$orange: #fd7e14 !default;\n$yellow: #ffc107 !default;\n$green: #28a745 !default;\n$teal: #20c997 !default;\n$cyan: #17a2b8 !default;\n\n$colors: () !default;\n// stylelint-disable-next-line scss/dollar-variable-default\n$colors: map-merge(\n (\n \"blue\": $blue,\n \"indigo\": $indigo,\n \"purple\": $purple,\n \"pink\": $pink,\n \"red\": $red,\n \"orange\": $orange,\n \"yellow\": $yellow,\n \"green\": $green,\n \"teal\": $teal,\n \"cyan\": $cyan,\n \"white\": $white,\n \"gray\": $gray-600,\n \"gray-dark\": $gray-800\n ),\n $colors\n);\n\n$primary: $blue !default;\n$secondary: $gray-600 !default;\n$success: $green !default;\n$info: $cyan !default;\n$warning: $yellow !default;\n$danger: $red !default;\n$light: $gray-100 !default;\n$dark: $gray-800 !default;\n\n$theme-colors: () !default;\n// stylelint-disable-next-line scss/dollar-variable-default\n$theme-colors: map-merge(\n (\n \"primary\": $primary,\n \"secondary\": $secondary,\n \"success\": $success,\n \"info\": $info,\n \"warning\": $warning,\n \"danger\": $danger,\n \"light\": $light,\n \"dark\": $dark\n ),\n $theme-colors\n);\n\n// Set a specific jump point for requesting color jumps\n$theme-color-interval: 8% !default;\n\n// The yiq lightness value that determines when the lightness of color changes from \"dark\" to \"light\". Acceptable values are between 0 and 255.\n$yiq-contrasted-threshold: 150 !default;\n\n// Customize the light and dark text colors for use in our YIQ color contrast function.\n$yiq-text-dark: $gray-900 !default;\n$yiq-text-light: $white !default;\n\n\n// Options\n//\n// Quickly modify global styling by enabling or disabling optional features.\n\n$enable-caret: true !default;\n$enable-rounded: true !default;\n$enable-shadows: false !default;\n$enable-gradients: false !default;\n$enable-transitions: true !default;\n$enable-prefers-reduced-motion-media-query: true !default;\n$enable-hover-media-query: false !default; // Deprecated, no longer affects any compiled CSS\n$enable-grid-classes: true !default;\n$enable-pointer-cursor-for-buttons: true !default;\n$enable-print-styles: true !default;\n$enable-responsive-font-sizes: false !default;\n$enable-validation-icons: true !default;\n$enable-deprecation-messages: true !default;\n\n\n// Spacing\n//\n// Control the default styling of most Bootstrap elements by modifying these\n// variables. Mostly focused on spacing.\n// You can add more entries to the $spacers map, should you need more variation.\n\n$spacer: 1rem !default;\n$spacers: () !default;\n// stylelint-disable-next-line scss/dollar-variable-default\n$spacers: map-merge(\n (\n 0: 0,\n 1: ($spacer .25),\n 2: ($spacer * .5),\n 3: $spacer,\n 4: ($spacer * 1.5),\n 5: ($spacer * 3)\n ),\n $spacers\n);\n\n// This variable affects the `.h-` and `.w-` classes.\n$sizes: () !default;\n// stylelint-disable-next-line scss/dollar-variable-default\n$sizes: map-merge(\n (\n 25: 25%,\n 50: 50%,\n 75: 75%,\n 100: 100%,\n auto: auto\n ),\n $sizes\n);\n\n\n// Body\n//\n// Settings for the `<body>` element.\n\n$body-bg: $white !default;\n$body-color: $gray-900 !default;\n\n\n// Links\n//\n// Style anchor elements.\n\n$link-color: theme-color(\"primary\") !default;\n$link-decoration: none !default;\n$link-hover-color: darken($link-color, 15%) !default;\n$link-hover-decoration: underline !default;\n// Darken percentage for links with `.text-` class (e.g. `.text-success`)\n$emphasized-link-hover-darken-percentage: 15% !default;\n\n// Paragraphs\n//\n// Style p element.\n\n$paragraph-margin-bottom: 1rem !default;\n\n\n// Grid breakpoints\n//\n// Define the minimum dimensions at which your layout will change,\n// adapting to different screen sizes, for use in media queries.\n\n$grid-breakpoints: (\n xs: 0,\n sm: 576px,\n md: 768px,\n lg: 992px,\n xl: 1200px\n) !default;\n\n@include _assert-ascending($grid-breakpoints, \"$grid-breakpoints\");\n@include _assert-starts-at-zero($grid-breakpoints, \"$grid-breakpoints\");\n\n\n// Grid containers\n//\n// Define the maximum width of `.container` for different screen sizes.\n\n$container-max-widths: (\n sm: 540px,\n md: 720px,\n lg: 960px,\n xl: 1140px\n) !default;\n\n@include _assert-ascending($container-max-widths, \"$container-max-widths\");\n\n\n// Grid columns\n//\n// Set the number of columns and specify the width of the gutters.\n\n$grid-columns: 12 !default;\n$grid-gutter-width: 30px !default;\n\n\n// Components\n//\n// Define common padding and border radius sizes and more.\n\n$line-height-lg: 1.5 !default;\n$line-height-sm: 1.5 !default;\n\n$border-width: 1px !default;\n$border-color: $gray-300 !default;\n\n$border-radius: .25rem !default;\n$border-radius-lg: .3rem !default;\n$border-radius-sm: .2rem !default;\n\n$rounded-pill: 50rem !default;\n\n$box-shadow-sm: 0 .125rem .25rem rgba($black, .075) !default;\n$box-shadow: 0 .5rem 1rem rgba($black, .15) !default;\n$box-shadow-lg: 0 1rem 3rem rgba($black, .175) !default;\n\n$component-active-color: $white !default;\n$component-active-bg: theme-color(\"primary\") !default;\n\n$caret-width: .3em !default;\n$caret-vertical-align: $caret-width .85 !default;\n$caret-spacing: $caret-width * .85 !default;\n\n$transition-base: all .2s ease-in-out !default;\n$transition-fade: opacity .15s linear !default;\n$transition-collapse: height .35s ease !default;\n\n$embed-responsive-aspect-ratios: () !default;\n// stylelint-disable-next-line scss/dollar-variable-default\n$embed-responsive-aspect-ratios: join(\n (\n (21 9),\n (16 9),\n (4 3),\n (1 1),\n ),\n $embed-responsive-aspect-ratios\n);\n\n// Typography\n//\n// Font, line-height, and color for body text, headings, and more.\n\n// stylelint-disable value-keyword-case\n$font-family-sans-serif: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, \"Noto Sans\", sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\" !default;\n$font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace !default;\n$font-family-base: $font-family-sans-serif !default;\n// stylelint-enable value-keyword-case\n\n$font-size-base: 1rem !default; // Assumes the browser default, typically `16px`\n$font-size-lg: $font-size-base * 1.25 !default;\n$font-size-sm: $font-size-base * .875 !default;\n\n$font-weight-lighter: lighter !default;\n$font-weight-light: 300 !default;\n$font-weight-normal: 400 !default;\n$font-weight-bold: 700 !default;\n$font-weight-bolder: bolder !default;\n\n$font-weight-base: $font-weight-normal !default;\n$line-height-base: 1.5 !default;\n\n$h1-font-size: $font-size-base * 2.5 !default;\n$h2-font-size: $font-size-base * 2 !default;\n$h3-font-size: $font-size-base * 1.75 !default;\n$h4-font-size: $font-size-base * 1.5 !default;\n$h5-font-size: $font-size-base * 1.25 !default;\n$h6-font-size: $font-size-base !default;\n\n$headings-margin-bottom: $spacer / 2 !default;\n$headings-font-family: null !default;\n$headings-font-weight: 500 !default;\n$headings-line-height: 1.2 !default;\n$headings-color: null !default;\n\n$display1-size: 6rem !default;\n$display2-size: 5.5rem !default;\n$display3-size: 4.5rem !default;\n$display4-size: 3.5rem !default;\n\n$display1-weight: 300 !default;\n$display2-weight: 300 !default;\n$display3-weight: 300 !default;\n$display4-weight: 300 !default;\n$display-line-height: $headings-line-height !default;\n\n$lead-font-size: $font-size-base * 1.25 !default;\n$lead-font-weight: 300 !default;\n\n$small-font-size: 80% !default;\n\n$text-muted: $gray-600 !default;\n\n$blockquote-small-color: $gray-600 !default;\n$blockquote-small-font-size: $small-font-size !default;\n$blockquote-font-size: $font-size-base * 1.25 !default;\n\n$hr-border-color: rgba($black, .1) !default;\n$hr-border-width: $border-width !default;\n\n$mark-padding: .2em !default;\n\n$dt-font-weight: $font-weight-bold !default;\n\n$kbd-box-shadow: inset 0 -.1rem 0 rgba($black, .25) !default;\n$nested-kbd-font-weight: $font-weight-bold !default;\n\n$list-inline-padding: .5rem !default;\n\n$mark-bg: #fcf8e3 !default;\n\n$hr-margin-y: $spacer !default;\n\n\n// Tables\n//\n// Customizes the `.table` component with basic values, each used across all table variations.\n\n$table-cell-padding: .75rem !default;\n$table-cell-padding-sm: .3rem !default;\n\n$table-color: $body-color !default;\n$table-bg: null !default;\n$table-accent-bg: rgba($black, .05) !default;\n$table-hover-color: $table-color !default;\n$table-hover-bg: rgba($black, .075) !default;\n$table-active-bg: $table-hover-bg !default;\n\n$table-border-width: $border-width !default;\n$table-border-color: $border-color !default;\n\n$table-head-bg: $gray-200 !default;\n$table-head-color: $gray-700 !default;\n\n$table-dark-color: $white !default;\n$table-dark-bg: $gray-800 !default;\n$table-dark-accent-bg: rgba($white, .05) !default;\n$table-dark-hover-color: $table-dark-color !default;\n$table-dark-hover-bg: rgba($white, .075) !default;\n$table-dark-border-color: lighten($table-dark-bg, 7.5%) !default;\n$table-dark-color: $white !default;\n\n$table-striped-order: odd !default;\n\n$table-caption-color: $text-muted !default;\n\n$table-bg-level: -9 !default;\n$table-border-level: -6 !default;\n\n\n// Buttons + Forms\n//\n// Shared variables that are reassigned to `$input-` and `$btn-` specific variables.\n\n$input-btn-padding-y: .375rem !default;\n$input-btn-padding-x: .75rem !default;\n$input-btn-font-family: null !default;\n$input-btn-font-size: $font-size-base !default;\n$input-btn-line-height: $line-height-base !default;\n\n$input-btn-focus-width: .2rem !default;\n$input-btn-focus-color: rgba($component-active-bg, .25) !default;\n$input-btn-focus-box-shadow: 0 0 0 $input-btn-focus-width $input-btn-focus-color !default;\n\n$input-btn-padding-y-sm: .25rem !default;\n$input-btn-padding-x-sm: .5rem !default;\n$input-btn-font-size-sm: $font-size-sm !default;\n$input-btn-line-height-sm: $line-height-sm !default;\n\n$input-btn-padding-y-lg: .5rem !default;\n$input-btn-padding-x-lg: 1rem !default;\n$input-btn-font-size-lg: $font-size-lg !default;\n$input-btn-line-height-lg: $line-height-lg !default;\n\n$input-btn-border-width: $border-width !default;\n\n\n// Buttons\n//\n// For each of Bootstrap's buttons, define text, background, and border color.\n\n$btn-padding-y: $input-btn-padding-y !default;\n$btn-padding-x: $input-btn-padding-x !default;\n$btn-font-family: $input-btn-font-family !default;\n$btn-font-size: $input-btn-font-size !default;\n$btn-line-height: $input-btn-line-height !default;\n\n$btn-padding-y-sm: $input-btn-padding-y-sm !default;\n$btn-padding-x-sm: $input-btn-padding-x-sm !default;\n$btn-font-size-sm: $input-btn-font-size-sm !default;\n$btn-line-height-sm: $input-btn-line-height-sm !default;\n\n$btn-padding-y-lg: $input-btn-padding-y-lg !default;\n$btn-padding-x-lg: $input-btn-padding-x-lg !default;\n$btn-font-size-lg: $input-btn-font-size-lg !default;\n$btn-line-height-lg: $input-btn-line-height-lg !default;\n\n$btn-border-width: $input-btn-border-width !default;\n\n$btn-font-weight: $font-weight-normal !default;\n$btn-box-shadow: inset 0 1px 0 rgba($white, .15), 0 1px 1px rgba($black, .075) !default;\n$btn-focus-width: $input-btn-focus-width !default;\n$btn-focus-box-shadow: $input-btn-focus-box-shadow !default;\n$btn-disabled-opacity: .65 !default;\n$btn-active-box-shadow: inset 0 3px 5px rgba($black, .125) !default;\n\n$btn-link-disabled-color: $gray-600 !default;\n\n$btn-block-spacing-y: .5rem !default;\n\n// Allows for customizing button radius independently from global border radius\n$btn-border-radius: $border-radius !default;\n$btn-border-radius-lg: $border-radius-lg !default;\n$btn-border-radius-sm: $border-radius-sm !default;\n\n$btn-transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out !default;\n\n\n// Forms\n\n$label-margin-bottom: .5rem !default;\n\n$input-padding-y: $input-btn-padding-y !default;\n$input-padding-x: $input-btn-padding-x !default;\n$input-font-family: $input-btn-font-family !default;\n$input-font-size: $input-btn-font-size !default;\n$input-font-weight: $font-weight-base !default;\n$input-line-height: $input-btn-line-height !default;\n\n$input-padding-y-sm: $input-btn-padding-y-sm !default;\n$input-padding-x-sm: $input-btn-padding-x-sm !default;\n$input-font-size-sm: $input-btn-font-size-sm !default;\n$input-line-height-sm: $input-btn-line-height-sm !default;\n\n$input-padding-y-lg: $input-btn-padding-y-lg !default;\n$input-padding-x-lg: $input-btn-padding-x-lg !default;\n$input-font-size-lg: $input-btn-font-size-lg !default;\n$input-line-height-lg: $input-btn-line-height-lg !default;\n\n$input-bg: $white !default;\n$input-disabled-bg: $gray-200 !default;\n\n$input-color: $gray-700 !default;\n$input-border-color: $gray-400 !default;\n$input-border-width: $input-btn-border-width !default;\n$input-box-shadow: inset 0 1px 1px rgba($black, .075) !default;\n\n$input-border-radius: $border-radius !default;\n$input-border-radius-lg: $border-radius-lg !default;\n$input-border-radius-sm: $border-radius-sm !default;\n\n$input-focus-bg: $input-bg !default;\n$input-focus-border-color: lighten($component-active-bg, 25%) !default;\n$input-focus-color: $input-color !default;\n$input-focus-width: $input-btn-focus-width !default;\n$input-focus-box-shadow: $input-btn-focus-box-shadow !default;\n\n$input-placeholder-color: $gray-600 !default;\n$input-plaintext-color: $body-color !default;\n\n$input-height-border: $input-border-width * 2 !default;\n\n$input-height-inner: calc(#{$input-line-height * 1em} + #{$input-padding-y * 2}) !default;\n$input-height-inner-half: calc(#{$input-line-height * .5em} + #{$input-padding-y}) !default;\n$input-height-inner-quarter: calc(#{$input-line-height * .25em} + #{$input-padding-y / 2}) !default;\n\n$input-height: calc(#{$input-line-height * 1em} + #{$input-padding-y * 2} + #{$input-height-border}) !default;\n$input-height-sm: calc(#{$input-line-height-sm * 1em} + #{$input-btn-padding-y-sm * 2} + #{$input-height-border}) !default;\n$input-height-lg: calc(#{$input-line-height-lg * 1em} + #{$input-btn-padding-y-lg * 2} + #{$input-height-border}) !default;\n\n$input-transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out !default;\n\n$form-text-margin-top: .25rem !default;\n\n$form-check-input-gutter: 1.25rem !default;\n$form-check-input-margin-y: .3rem !default;\n$form-check-input-margin-x: .25rem !default;\n\n$form-check-inline-margin-x: .75rem !default;\n$form-check-inline-input-margin-x: .3125rem !default;\n\n$form-grid-gutter-width: 10px !default;\n$form-group-margin-bottom: 1rem !default;\n\n$input-group-addon-color: $input-color !default;\n$input-group-addon-bg: $gray-200 !default;\n$input-group-addon-border-color: $input-border-color !default;\n\n$custom-forms-transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out !default;\n\n$custom-control-gutter: .5rem !default;\n$custom-control-spacer-x: 1rem !default;\n\n$custom-control-indicator-size: 1rem !default;\n$custom-control-indicator-bg: $input-bg !default;\n\n$custom-control-indicator-bg-size: 50% 50% !default;\n$custom-control-indicator-box-shadow: $input-box-shadow !default;\n$custom-control-indicator-border-color: $gray-500 !default;\n$custom-control-indicator-border-width: $input-border-width !default;\n\n$custom-control-indicator-disabled-bg: $input-disabled-bg !default;\n$custom-control-label-disabled-color: $gray-600 !default;\n\n$custom-control-indicator-checked-color: $component-active-color !default;\n$custom-control-indicator-checked-bg: $component-active-bg !default;\n$custom-control-indicator-checked-disabled-bg: rgba(theme-color(\"primary\"), .5) !default;\n$custom-control-indicator-checked-box-shadow: none !default;\n$custom-control-indicator-checked-border-color: $custom-control-indicator-checked-bg !default;\n\n$custom-control-indicator-focus-box-shadow: $input-focus-box-shadow !default;\n$custom-control-indicator-focus-border-color: $input-focus-border-color !default;\n\n$custom-control-indicator-active-color: $component-active-color !default;\n$custom-control-indicator-active-bg: lighten($component-active-bg, 35%) !default;\n$custom-control-indicator-active-box-shadow: none !default;\n$custom-control-indicator-active-border-color: $custom-control-indicator-active-bg !default;\n\n$custom-checkbox-indicator-border-radius: $border-radius !default;\n$custom-checkbox-indicator-icon-checked: str-replace(url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='#{$custom-control-indicator-checked-color}' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3e%3c/svg%3e\"), \"#\", \"%23\") !default;\n\n$custom-checkbox-indicator-indeterminate-bg: $component-active-bg !default;\n$custom-checkbox-indicator-indeterminate-color: $custom-control-indicator-checked-color !default;\n$custom-checkbox-indicator-icon-indeterminate: str-replace(url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 4'%3e%3cpath stroke='#{$custom-checkbox-indicator-indeterminate-color}' d='M0 2h4'/%3e%3c/svg%3e\"), \"#\", \"%23\") !default;\n$custom-checkbox-indicator-indeterminate-box-shadow: none !default;\n$custom-checkbox-indicator-indeterminate-border-color: $custom-checkbox-indicator-indeterminate-bg !default;\n\n$custom-radio-indicator-border-radius: 50% !default;\n$custom-radio-indicator-icon-checked: str-replace(url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='#{$custom-control-indicator-checked-color}'/%3e%3c/svg%3e\"), \"#\", \"%23\") !default;\n\n$custom-switch-width: $custom-control-indicator-size * 1.75 !default;\n$custom-switch-indicator-border-radius: $custom-control-indicator-size / 2 !default;\n$custom-switch-indicator-size: calc(#{$custom-control-indicator-size} - #{$custom-control-indicator-border-width * 4}) !default;\n\n$custom-select-padding-y: $input-padding-y !default;\n$custom-select-padding-x: $input-padding-x !default;\n$custom-select-font-family: $input-font-family !default;\n$custom-select-font-size: $input-font-size !default;\n$custom-select-height: $input-height !default;\n$custom-select-indicator-padding: 1rem !default; // Extra padding to account for the presence of the background-image based indicator\n$custom-select-font-weight: $input-font-weight !default;\n$custom-select-line-height: $input-line-height !default;\n$custom-select-color: $input-color !default;\n$custom-select-disabled-color: $gray-600 !default;\n$custom-select-bg: $input-bg !default;\n$custom-select-disabled-bg: $gray-200 !default;\n$custom-select-bg-size: 8px 10px !default; // In pixels because image dimensions\n$custom-select-indicator-color: $gray-800 !default;\n$custom-select-indicator: str-replace(url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3e%3cpath fill='#{$custom-select-indicator-color}' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e\"), \"#\", \"%23\") !default;\n$custom-select-background: $custom-select-indicator no-repeat right $custom-select-padding-x center / $custom-select-bg-size !default; // Used so we can have multiple background elements (e.g., arrow and feedback icon)\n\n$custom-select-feedback-icon-padding-right: calc((1em + #{2 * $custom-select-padding-y}) * 3 / 4 + #{$custom-select-padding-x + $custom-select-indicator-padding}) !default;\n$custom-select-feedback-icon-position: center right ($custom-select-padding-x + $custom-select-indicator-padding) !default;\n$custom-select-feedback-icon-size: $input-height-inner-half $input-height-inner-half !default;\n\n$custom-select-border-width: $input-border-width !default;\n$custom-select-border-color: $input-border-color !default;\n$custom-select-border-radius: $border-radius !default;\n$custom-select-box-shadow: inset 0 1px 2px rgba($black, .075) !default;\n\n$custom-select-focus-border-color: $input-focus-border-color !default;\n$custom-select-focus-width: $input-focus-width !default;\n$custom-select-focus-box-shadow: 0 0 0 $custom-select-focus-width $input-btn-focus-color !default;\n\n$custom-select-padding-y-sm: $input-padding-y-sm !default;\n$custom-select-padding-x-sm: $input-padding-x-sm !default;\n$custom-select-font-size-sm: $input-font-size-sm !default;\n$custom-select-height-sm: $input-height-sm !default;\n\n$custom-select-padding-y-lg: $input-padding-y-lg !default;\n$custom-select-padding-x-lg: $input-padding-x-lg !default;\n$custom-select-font-size-lg: $input-font-size-lg !default;\n$custom-select-height-lg: $input-height-lg !default;\n\n$custom-range-track-width: 100% !default;\n$custom-range-track-height: .5rem !default;\n$custom-range-track-cursor: pointer !default;\n$custom-range-track-bg: $gray-300 !default;\n$custom-range-track-border-radius: 1rem !default;\n$custom-range-track-box-shadow: inset 0 .25rem .25rem rgba($black, .1) !default;\n\n$custom-range-thumb-width: 1rem !default;\n$custom-range-thumb-height: $custom-range-thumb-width !default;\n$custom-range-thumb-bg: $component-active-bg !default;\n$custom-range-thumb-border: 0 !default;\n$custom-range-thumb-border-radius: 1rem !default;\n$custom-range-thumb-box-shadow: 0 .1rem .25rem rgba($black, .1) !default;\n$custom-range-thumb-focus-box-shadow: 0 0 0 1px $body-bg, $input-focus-box-shadow !default;\n$custom-range-thumb-focus-box-shadow-width: $input-focus-width !default; // For focus box shadow issue in IE/Edge\n$custom-range-thumb-active-bg: lighten($component-active-bg, 35%) !default;\n$custom-range-thumb-disabled-bg: $gray-500 !default;\n\n$custom-file-height: $input-height !default;\n$custom-file-height-inner: $input-height-inner !default;\n$custom-file-focus-border-color: $input-focus-border-color !default;\n$custom-file-focus-box-shadow: $input-focus-box-shadow !default;\n$custom-file-disabled-bg: $input-disabled-bg !default;\n\n$custom-file-padding-y: $input-padding-y !default;\n$custom-file-padding-x: $input-padding-x !default;\n$custom-file-line-height: $input-line-height !default;\n$custom-file-font-family: $input-font-family !default;\n$custom-file-font-weight: $input-font-weight !default;\n$custom-file-color: $input-color !default;\n$custom-file-bg: $input-bg !default;\n$custom-file-border-width: $input-border-width !default;\n$custom-file-border-color: $input-border-color !default;\n$custom-file-border-radius: $input-border-radius !default;\n$custom-file-box-shadow: $input-box-shadow !default;\n$custom-file-button-color: $custom-file-color !default;\n$custom-file-button-bg: $input-group-addon-bg !default;\n$custom-file-text: (\n en: \"Browse\"\n) !default;\n\n\n// Form validation\n\n$form-feedback-margin-top: $form-text-margin-top !default;\n$form-feedback-font-size: $small-font-size !default;\n$form-feedback-valid-color: theme-color(\"success\") !default;\n$form-feedback-invalid-color: theme-color(\"danger\") !default;\n\n$form-feedback-icon-valid-color: $form-feedback-valid-color !default;\n$form-feedback-icon-valid: str-replace(url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='#{$form-feedback-icon-valid-color}' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e\"), \"#\", \"%23\") !default;\n$form-feedback-icon-invalid-color: $form-feedback-invalid-color !default;\n$form-feedback-icon-invalid: str-replace(url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='#{$form-feedback-icon-invalid-color}' viewBox='-2 -2 7 7'%3e%3cpath stroke='#{$form-feedback-icon-invalid-color}' d='M0 0l3 3m0-3L0 3'/%3e%3ccircle r='.5'/%3e%3ccircle cx='3' r='.5'/%3e%3ccircle cy='3' r='.5'/%3e%3ccircle cx='3' cy='3' r='.5'/%3e%3c/svg%3E\"), \"#\", \"%23\") !default;\n\n$form-validation-states: () !default;\n// stylelint-disable-next-line scss/dollar-variable-default\n$form-validation-states: map-merge(\n (\n \"valid\": (\n \"color\": $form-feedback-valid-color,\n \"icon\": $form-feedback-icon-valid\n ),\n \"invalid\": (\n \"color\": $form-feedback-invalid-color,\n \"icon\": $form-feedback-icon-invalid\n ),\n ),\n $form-validation-states\n);\n\n// Z-index master list\n//\n// Warning: Avoid customizing these values. They're used for a bird's eye view\n// of components dependent on the z-axis and are designed to all work together.\n\n$zindex-dropdown: 1000 !default;\n$zindex-sticky: 1020 !default;\n$zindex-fixed: 1030 !default;\n$zindex-modal-backdrop: 1040 !default;\n$zindex-modal: 1050 !default;\n$zindex-popover: 1060 !default;\n$zindex-tooltip: 1070 !default;\n\n\n// Navs\n\n$nav-link-padding-y: .5rem !default;\n$nav-link-padding-x: 1rem !default;\n$nav-link-disabled-color: $gray-600 !default;\n\n$nav-tabs-border-color: $gray-300 !default;\n$nav-tabs-border-width: $border-width !default;\n$nav-tabs-border-radius: $border-radius !default;\n$nav-tabs-link-hover-border-color: $gray-200 $gray-200 $nav-tabs-border-color !default;\n$nav-tabs-link-active-color: $gray-700 !default;\n$nav-tabs-link-active-bg: $body-bg !default;\n$nav-tabs-link-active-border-color: $gray-300 $gray-300 $nav-tabs-link-active-bg !default;\n\n$nav-pills-border-radius: $border-radius !default;\n$nav-pills-link-active-color: $component-active-color !default;\n$nav-pills-link-active-bg: $component-active-bg !default;\n\n$nav-divider-color: $gray-200 !default;\n$nav-divider-margin-y: $spacer / 2 !default;\n\n\n// Navbar\n\n$navbar-padding-y: $spacer / 2 !default;\n$navbar-padding-x: $spacer !default;\n\n$navbar-nav-link-padding-x: .5rem !default;\n\n$navbar-brand-font-size: $font-size-lg !default;\n// Compute the navbar-brand padding-y so the navbar-brand will have the same height as navbar-text and nav-link\n$nav-link-height: $font-size-base * $line-height-base + $nav-link-padding-y * 2 !default;\n$navbar-brand-height: $navbar-brand-font-size * $line-height-base !default;\n$navbar-brand-padding-y: ($nav-link-height - $navbar-brand-height) / 2 !default;\n\n$navbar-toggler-padding-y: .25rem !default;\n$navbar-toggler-padding-x: .75rem !default;\n$navbar-toggler-font-size: $font-size-lg !default;\n$navbar-toggler-border-radius: $btn-border-radius !default;\n\n$navbar-dark-color: rgba($white, .5) !default;\n$navbar-dark-hover-color: rgba($white, .75) !default;\n$navbar-dark-active-color: $white !default;\n$navbar-dark-disabled-color: rgba($white, .25) !default;\n$navbar-dark-toggler-icon-bg: str-replace(url(\"data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='#{$navbar-dark-color}' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e\"), \"#\", \"%23\") !default;\n$navbar-dark-toggler-border-color: rgba($white, .1) !default;\n\n$navbar-light-color: rgba($black, .5) !default;\n$navbar-light-hover-color: rgba($black, .7) !default;\n$navbar-light-active-color: rgba($black, .9) !default;\n$navbar-light-disabled-color: rgba($black, .3) !default;\n$navbar-light-toggler-icon-bg: str-replace(url(\"data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='#{$navbar-light-color}' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e\"), \"#\", \"%23\") !default;\n$navbar-light-toggler-border-color: rgba($black, .1) !default;\n\n$navbar-light-brand-color: $navbar-light-active-color !default;\n$navbar-light-brand-hover-color: $navbar-light-active-color !default;\n$navbar-dark-brand-color: $navbar-dark-active-color !default;\n$navbar-dark-brand-hover-color: $navbar-dark-active-color !default;\n\n\n// Dropdowns\n//\n// Dropdown menu container and contents.\n\n$dropdown-min-width: 10rem !default;\n$dropdown-padding-y: .5rem !default;\n$dropdown-spacer: .125rem !default;\n$dropdown-font-size: $font-size-base !default;\n$dropdown-color: $body-color !default;\n$dropdown-bg: $white !default;\n$dropdown-border-color: rgba($black, .15) !default;\n$dropdown-border-radius: $border-radius !default;\n$dropdown-border-width: $border-width !default;\n$dropdown-inner-border-radius: calc(#{$dropdown-border-radius} - #{$dropdown-border-width}) !default;\n$dropdown-divider-bg: $gray-200 !default;\n$dropdown-divider-margin-y: $nav-divider-margin-y !default;\n$dropdown-box-shadow: 0 .5rem 1rem rgba($black, .175) !default;\n\n$dropdown-link-color: $gray-900 !default;\n$dropdown-link-hover-color: darken($gray-900, 5%) !default;\n$dropdown-link-hover-bg: $gray-100 !default;\n\n$dropdown-link-active-color: $component-active-color !default;\n$dropdown-link-active-bg: $component-active-bg !default;\n\n$dropdown-link-disabled-color: $gray-600 !default;\n\n$dropdown-item-padding-y: .25rem !default;\n$dropdown-item-padding-x: 1.5rem !default;\n\n$dropdown-header-color: $gray-600 !default;\n\n\n// Pagination\n\n$pagination-padding-y: .5rem !default;\n$pagination-padding-x: .75rem !default;\n$pagination-padding-y-sm: .25rem !default;\n$pagination-padding-x-sm: .5rem !default;\n$pagination-padding-y-lg: .75rem !default;\n$pagination-padding-x-lg: 1.5rem !default;\n$pagination-line-height: 1.25 !default;\n\n$pagination-color: $link-color !default;\n$pagination-bg: $white !default;\n$pagination-border-width: $border-width !default;\n$pagination-border-color: $gray-300 !default;\n\n$pagination-focus-box-shadow: $input-btn-focus-box-shadow !default;\n$pagination-focus-outline: 0 !default;\n\n$pagination-hover-color: $link-hover-color !default;\n$pagination-hover-bg: $gray-200 !default;\n$pagination-hover-border-color: $gray-300 !default;\n\n$pagination-active-color: $component-active-color !default;\n$pagination-active-bg: $component-active-bg !default;\n$pagination-active-border-color: $pagination-active-bg !default;\n\n$pagination-disabled-color: $gray-600 !default;\n$pagination-disabled-bg: $white !default;\n$pagination-disabled-border-color: $gray-300 !default;\n\n\n// Jumbotron\n\n$jumbotron-padding: 2rem !default;\n$jumbotron-color: null !default;\n$jumbotron-bg: $gray-200 !default;\n\n\n// Cards\n\n$card-spacer-y: .75rem !default;\n$card-spacer-x: 1.25rem !default;\n$card-border-width: $border-width !default;\n$card-border-radius: $border-radius !default;\n$card-border-color: rgba($black, .125) !default;\n$card-inner-border-radius: calc(#{$card-border-radius} - #{$card-border-width}) !default;\n$card-cap-bg: rgba($black, .03) !default;\n$card-cap-color: null !default;\n$card-color: null !default;\n$card-bg: $white !default;\n\n$card-img-overlay-padding: 1.25rem !default;\n\n$card-group-margin: $grid-gutter-width / 2 !default;\n$card-deck-margin: $card-group-margin !default;\n\n$card-columns-count: 3 !default;\n$card-columns-gap: 1.25rem !default;\n$card-columns-margin: $card-spacer-y !default;\n\n\n// Tooltips\n\n$tooltip-font-size: $font-size-sm !default;\n$tooltip-max-width: 200px !default;\n$tooltip-color: $white !default;\n$tooltip-bg: $black !default;\n$tooltip-border-radius: $border-radius !default;\n$tooltip-opacity: .9 !default;\n$tooltip-padding-y: .25rem !default;\n$tooltip-padding-x: .5rem !default;\n$tooltip-margin: 0 !default;\n\n$tooltip-arrow-width: .8rem !default;\n$tooltip-arrow-height: .4rem !default;\n$tooltip-arrow-color: $tooltip-bg !default;\n\n// Form tooltips must come after regular tooltips\n$form-feedback-tooltip-padding-y: $tooltip-padding-y !default;\n$form-feedback-tooltip-padding-x: $tooltip-padding-x !default;\n$form-feedback-tooltip-font-size: $tooltip-font-size !default;\n$form-feedback-tooltip-line-height: $line-height-base !default;\n$form-feedback-tooltip-opacity: $tooltip-opacity !default;\n$form-feedback-tooltip-border-radius: $tooltip-border-radius !default;\n\n\n// Popovers\n\n$popover-font-size: $font-size-sm !default;\n$popover-bg: $white !default;\n$popover-max-width: 276px !default;\n$popover-border-width: $border-width !default;\n$popover-border-color: rgba($black, .2) !default;\n$popover-border-radius: $border-radius-lg !default;\n$popover-box-shadow: 0 .25rem .5rem rgba($black, .2) !default;\n\n$popover-header-bg: darken($popover-bg, 3%) !default;\n$popover-header-color: $headings-color !default;\n$popover-header-padding-y: .5rem !default;\n$popover-header-padding-x: .75rem !default;\n\n$popover-body-color: $body-color !default;\n$popover-body-padding-y: $popover-header-padding-y !default;\n$popover-body-padding-x: $popover-header-padding-x !default;\n\n$popover-arrow-width: 1rem !default;\n$popover-arrow-height: .5rem !default;\n$popover-arrow-color: $popover-bg !default;\n\n$popover-arrow-outer-color: fade-in($popover-border-color, .05) !default;\n\n\n// Toasts\n\n$toast-max-width: 350px !default;\n$toast-padding-x: .75rem !default;\n$toast-padding-y: .25rem !default;\n$toast-font-size: .875rem !default;\n$toast-color: null !default;\n$toast-background-color: rgba($white, .85) !default;\n$toast-border-width: 1px !default;\n$toast-border-color: rgba(0, 0, 0, .1) !default;\n$toast-border-radius: .25rem !default;\n$toast-box-shadow: 0 .25rem .75rem rgba($black, .1) !default;\n\n$toast-header-color: $gray-600 !default;\n$toast-header-background-color: rgba($white, .85) !default;\n$toast-header-border-color: rgba(0, 0, 0, .05) !default;\n\n\n// Badges\n\n$badge-font-size: 75% !default;\n$badge-font-weight: $font-weight-bold !default;\n$badge-padding-y: .25em !default;\n$badge-padding-x: .4em !default;\n$badge-border-radius: $border-radius !default;\n\n$badge-transition: $btn-transition !default;\n$badge-focus-width: $input-btn-focus-width !default;\n\n$badge-pill-padding-x: .6em !default;\n// Use a higher than normal value to ensure completely rounded edges when\n// customizing padding or font-size on labels.\n$badge-pill-border-radius: 10rem !default;\n\n\n// Modals\n\n// Padding applied to the modal body\n$modal-inner-padding: 1rem !default;\n\n$modal-dialog-margin: .5rem !default;\n$modal-dialog-margin-y-sm-up: 1.75rem !default;\n\n$modal-title-line-height: $line-height-base !default;\n\n$modal-content-color: null !default;\n$modal-content-bg: $white !default;\n$modal-content-border-color: rgba($black, .2) !default;\n$modal-content-border-width: $border-width !default;\n$modal-content-border-radius: $border-radius-lg !default;\n$modal-content-box-shadow-xs: 0 .25rem .5rem rgba($black, .5) !default;\n$modal-content-box-shadow-sm-up: 0 .5rem 1rem rgba($black, .5) !default;\n\n$modal-backdrop-bg: $black !default;\n$modal-backdrop-opacity: .5 !default;\n$modal-header-border-color: $border-color !default;\n$modal-footer-border-color: $modal-header-border-color !default;\n$modal-header-border-width: $modal-content-border-width !default;\n$modal-footer-border-width: $modal-header-border-width !default;\n$modal-header-padding-y: 1rem !default;\n$modal-header-padding-x: 1rem !default;\n$modal-header-padding: $modal-header-padding-y $modal-header-padding-x !default; // Keep this for backwards compatibility\n\n$modal-xl: 1140px !default;\n$modal-lg: 800px !default;\n$modal-md: 500px !default;\n$modal-sm: 300px !default;\n\n$modal-fade-transform: translate(0, -50px) !default;\n$modal-show-transform: none !default;\n$modal-transition: transform .3s ease-out !default;\n\n\n// Alerts\n//\n// Define alert colors, border radius, and padding.\n\n$alert-padding-y: .75rem !default;\n$alert-padding-x: 1.25rem !default;\n$alert-margin-bottom: 1rem !default;\n$alert-border-radius: $border-radius !default;\n$alert-link-font-weight: $font-weight-bold !default;\n$alert-border-width: $border-width !default;\n\n$alert-bg-level: -10 !default;\n$alert-border-level: -9 !default;\n$alert-color-level: 6 !default;\n\n\n// Progress bars\n\n$progress-height: 1rem !default;\n$progress-font-size: $font-size-base * .75 !default;\n$progress-bg: $gray-200 !default;\n$progress-border-radius: $border-radius !default;\n$progress-box-shadow: inset 0 .1rem .1rem rgba($black, .1) !default;\n$progress-bar-color: $white !default;\n$progress-bar-bg: theme-color(\"primary\") !default;\n$progress-bar-animation-timing: 1s linear infinite !default;\n$progress-bar-transition: width .6s ease !default;\n\n\n// List group\n\n$list-group-color: null !default;\n$list-group-bg: $white !default;\n$list-group-border-color: rgba($black, .125) !default;\n$list-group-border-width: $border-width !default;\n$list-group-border-radius: $border-radius !default;\n\n$list-group-item-padding-y: .75rem !default;\n$list-group-item-padding-x: 1.25rem !default;\n\n$list-group-hover-bg: $gray-100 !default;\n$list-group-active-color: $component-active-color !default;\n$list-group-active-bg: $component-active-bg !default;\n$list-group-active-border-color: $list-group-active-bg !default;\n\n$list-group-disabled-color: $gray-600 !default;\n$list-group-disabled-bg: $list-group-bg !default;\n\n$list-group-action-color: $gray-700 !default;\n$list-group-action-hover-color: $list-group-action-color !default;\n\n$list-group-action-active-color: $body-color !default;\n$list-group-action-active-bg: $gray-200 !default;\n\n\n// Image thumbnails\n\n$thumbnail-padding: .25rem !default;\n$thumbnail-bg: $body-bg !default;\n$thumbnail-border-width: $border-width !default;\n$thumbnail-border-color: $gray-300 !default;\n$thumbnail-border-radius: $border-radius !default;\n$thumbnail-box-shadow: 0 1px 2px rgba($black, .075) !default;\n\n\n// Figures\n\n$figure-caption-font-size: 90% !default;\n$figure-caption-color: $gray-600 !default;\n\n\n// Breadcrumbs\n\n$breadcrumb-padding-y: .75rem !default;\n$breadcrumb-padding-x: 1rem !default;\n$breadcrumb-item-padding: .5rem !default;\n\n$breadcrumb-margin-bottom: 1rem !default;\n\n$breadcrumb-bg: $gray-200 !default;\n$breadcrumb-divider-color: $gray-600 !default;\n$breadcrumb-active-color: $gray-600 !default;\n$breadcrumb-divider: quote(\"/\") !default;\n\n$breadcrumb-border-radius: $border-radius !default;\n\n\n// Carousel\n\n$carousel-control-color: $white !default;\n$carousel-control-width: 15% !default;\n$carousel-control-opacity: .5 !default;\n$carousel-control-hover-opacity: .9 !default;\n$carousel-control-transition: opacity .15s ease !default;\n\n$carousel-indicator-width: 30px !default;\n$carousel-indicator-height: 3px !default;\n$carousel-indicator-hit-area-height: 10px !default;\n$carousel-indicator-spacer: 3px !default;\n$carousel-indicator-active-bg: $white !default;\n$carousel-indicator-transition: opacity .6s ease !default;\n\n$carousel-caption-width: 70% !default;\n$carousel-caption-color: $white !default;\n\n$carousel-control-icon-width: 20px !default;\n\n$carousel-control-prev-icon-bg: str-replace(url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='#{$carousel-control-color}' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3e%3c/svg%3e\"), \"#\", \"%23\") !default;\n$carousel-control-next-icon-bg: str-replace(url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='#{$carousel-control-color}' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3e%3c/svg%3e\"), \"#\", \"%23\") !default;\n\n$carousel-transition-duration: .6s !default;\n$carousel-transition: transform $carousel-transition-duration ease-in-out !default; // Define transform transition first if using multiple transitions (e.g., `transform 2s ease, opacity .5s ease-out`)\n\n\n// Spinners\n\n$spinner-width: 2rem !default;\n$spinner-height: $spinner-width !default;\n$spinner-border-width: .25em !default;\n\n$spinner-width-sm: 1rem !default;\n$spinner-height-sm: $spinner-width-sm !default;\n$spinner-border-width-sm: .2em !default;\n\n\n// Close\n\n$close-font-size: $font-size-base * 1.5 !default;\n$close-font-weight: $font-weight-bold !default;\n$close-color: $black !default;\n$close-text-shadow: 0 1px 0 $white !default;\n\n\n// Code\n\n$code-font-size: 87.5% !default;\n$code-color: $pink !default;\n\n$kbd-padding-y: .2rem !default;\n$kbd-padding-x: .4rem !default;\n$kbd-font-size: $code-font-size !default;\n$kbd-color: $white !default;\n$kbd-bg: $gray-900 !default;\n\n$pre-color: $gray-900 !default;\n$pre-scrollable-max-height: 340px !default;\n\n\n// Utilities\n\n$displays: none, inline, inline-block, block, table, table-row, table-cell, flex, inline-flex !default;\n$overflows: auto, hidden !default;\n$positions: static, relative, absolute, fixed, sticky !default;\n\n\n// Printing\n\n$print-page-size: a3 !default;\n$print-body-min-width: map-get($grid-breakpoints, \"lg\") !default;\n","// Gradients\n\n@mixin gradient-bg($color) {\n @if $enable-gradients {\n background: $color linear-gradient(180deg, mix($body-bg, $color, 15%), $color) repeat-x;\n } @else {\n background-color: $color;\n }\n}\n\n// Horizontal gradient, from left to right\n//\n// Creates two color stops, start and end, by specifying a color and position for each color stop.\n@mixin gradient-x($start-color: $gray-700, $end-color: $gray-800, $start-percent: 0%, $end-percent: 100%) {\n background-image: linear-gradient(to right, $start-color $start-percent, $end-color $end-percent);\n background-repeat: repeat-x;\n}\n\n// Vertical gradient, from top to bottom\n//\n// Creates two color stops, start and end, by specifying a color and position for each color stop.\n@mixin gradient-y($start-color: $gray-700, $end-color: $gray-800, $start-percent: 0%, $end-percent: 100%) {\n background-image: linear-gradient(to bottom, $start-color $start-percent, $end-color $end-percent);\n background-repeat: repeat-x;\n}\n\n@mixin gradient-directional($start-color: $gray-700, $end-color: $gray-800, $deg: 45deg) {\n background-image: linear-gradient($deg, $start-color, $end-color);\n background-repeat: repeat-x;\n}\n@mixin gradient-x-three-colors($start-color: $blue, $mid-color: $purple, $color-stop: 50%, $end-color: $red) {\n background-image: linear-gradient(to right, $start-color, $mid-color $color-stop, $end-color);\n background-repeat: no-repeat;\n}\n@mixin gradient-y-three-colors($start-color: $blue, $mid-color: $purple, $color-stop: 50%, $end-color: $red) {\n background-image: linear-gradient($start-color, $mid-color $color-stop, $end-color);\n background-repeat: no-repeat;\n}\n@mixin gradient-radial($inner-color: $gray-700, $outer-color: $gray-800) {\n background-image: radial-gradient(circle, $inner-color, $outer-color);\n background-repeat: no-repeat;\n}\n@mixin gradient-striped($color: rgba($white, .15), $angle: 45deg) {\n background-image: linear-gradient($angle, $color 25%, transparent 25%, transparent 50%, $color 50%, $color 75%, transparent 75%, transparent);\n}\n","// Breakpoint viewport sizes and media queries.\n//\n// Breakpoints are defined as a map of (name: minimum width), order from small to large:\n//\n// (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px)\n//\n// The map defined in the `$grid-breakpoints` global variable is used as the `$breakpoints` argument by default.\n\n// Name of the next breakpoint, or null for the last breakpoint.\n//\n// >> breakpoint-next(sm)\n// md\n// >> breakpoint-next(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n// md\n// >> breakpoint-next(sm, $breakpoint-names: (xs sm md lg xl))\n// md\n@function breakpoint-next($name, $breakpoints: $grid-breakpoints, $breakpoint-names: map-keys($breakpoints)) {\n $n: index($breakpoint-names, $name);\n @return if($n != null and $n < length($breakpoint-names), nth($breakpoint-names, $n + 1), null);\n}\n\n// Minimum breakpoint width. Null for the smallest (first) breakpoint.\n//\n// >> breakpoint-min(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n// 576px\n@function breakpoint-min($name, $breakpoints: $grid-breakpoints) {\n $min: map-get($breakpoints, $name);\n @return if($min != 0, $min, null);\n}\n\n// Maximum breakpoint width. Null for the largest (last) breakpoint.\n// The maximum value is calculated as the minimum of the next one less 0.02px\n// to work around the limitations of `min-` and `max-` prefixes and viewports with fractional widths.\n// See https://www.w3.org/TR/mediaqueries-4/#mq-min-max\n// Uses 0.02px rather than 0.01px to work around a current rounding bug in Safari.\n// See https://bugs.webkit.org/show_bug.cgi?id=178261\n//\n// >> breakpoint-max(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n// 767.98px\n@function breakpoint-max($name, $breakpoints: $grid-breakpoints) {\n $next: breakpoint-next($name, $breakpoints);\n @return if($next, breakpoint-min($next, $breakpoints) - .02, null);\n}\n\n// Returns a blank string if smallest breakpoint, otherwise returns the name with a dash in front.\n// Useful for making responsive utilities.\n//\n// >> breakpoint-infix(xs, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n// \"\" (Returns a blank string)\n// >> breakpoint-infix(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n// \"-sm\"\n@function breakpoint-infix($name, $breakpoints: $grid-breakpoints) {\n @return if(breakpoint-min($name, $breakpoints) == null, \"\", \"-#{$name}\");\n}\n\n// Media of at least the minimum breakpoint width. No query for the smallest breakpoint.\n// Makes the @content apply to the given breakpoint and wider.\n@mixin media-breakpoint-up($name, $breakpoints: $grid-breakpoints) {\n $min: breakpoint-min($name, $breakpoints);\n @if $min {\n @media (min-width: $min) {\n @content;\n }\n } @else {\n @content;\n }\n}\n\n// Media of at most the maximum breakpoint width. No query for the largest breakpoint.\n// Makes the @content apply to the given breakpoint and narrower.\n@mixin media-breakpoint-down($name, $breakpoints: $grid-breakpoints) {\n $max: breakpoint-max($name, $breakpoints);\n @if $max {\n @media (max-width: $max) {\n @content;\n }\n } @else {\n @content;\n }\n}\n\n// Media that spans multiple breakpoint widths.\n// Makes the @content apply between the min and max breakpoints\n@mixin media-breakpoint-between($lower, $upper, $breakpoints: $grid-breakpoints) {\n $min: breakpoint-min($lower, $breakpoints);\n $max: breakpoint-max($upper, $breakpoints);\n\n @if $min != null and $max != null {\n @media (min-width: $min) and (max-width: $max) {\n @content;\n }\n } @else if $max == null {\n @include media-breakpoint-up($lower, $breakpoints) {\n @content;\n }\n } @else if $min == null {\n @include media-breakpoint-down($upper, $breakpoints) {\n @content;\n }\n }\n}\n\n// Media between the breakpoint's minimum and maximum widths.\n// No minimum for the smallest breakpoint, and no maximum for the largest one.\n// Makes the @content apply only to the given breakpoint, not viewports any wider or narrower.\n@mixin media-breakpoint-only($name, $breakpoints: $grid-breakpoints) {\n $min: breakpoint-min($name, $breakpoints);\n $max: breakpoint-max($name, $breakpoints);\n\n @if $min != null and $max != null {\n @media (min-width: $min) and (max-width: $max) {\n @content;\n }\n } @else if $max == null {\n @include media-breakpoint-up($name, $breakpoints) {\n @content;\n }\n } @else if $min == null {\n @include media-breakpoint-down($name, $breakpoints) {\n @content;\n }\n }\n}\n","// Embedded icons from Open Iconic.\n// Released under MIT and copyright 2014 Waybury.\n// https://useiconic.com/open\n\n\n// Checkboxes and radios\n//\n// Base class takes care of all the key behavioral aspects.\n\n.#{$prefix}custom-control {\n position: relative;\n display: block;\n min-height: $font-size-base * $line-height-base;\n padding-left: $custom-control-gutter + $custom-control-indicator-size;\n}\n\n.#{$prefix}custom-control-inline {\n display: inline-flex;\n margin-right: $custom-control-spacer-x;\n}\n\n.#{$prefix}custom-control-input {\n position: absolute;\n z-index: -1; // Put the input behind the label so it doesn't overlay text\n opacity: 0;\n\n &:checked ~ .#{$prefix}custom-control-label::before {\n color: $custom-control-indicator-checked-color;\n border-color: $custom-control-indicator-checked-border-color;\n @include gradient-bg($custom-control-indicator-checked-bg);\n @include box-shadow($custom-control-indicator-checked-box-shadow);\n }\n\n &:focus ~ .#{$prefix}custom-control-label::before {\n // the mixin is not used here to make sure there is feedback\n @if $enable-shadows {\n box-shadow: $input-box-shadow, $input-focus-box-shadow;\n } @else {\n box-shadow: $custom-control-indicator-focus-box-shadow;\n }\n }\n\n &:focus:not(:checked) ~ .#{$prefix}custom-control-label::before {\n border-color: $custom-control-indicator-focus-border-color;\n }\n\n &:not(:disabled):active ~ .#{$prefix}custom-control-label::before {\n color: $custom-control-indicator-active-color;\n background-color: $custom-control-indicator-active-bg;\n border-color: $custom-control-indicator-active-border-color;\n @include box-shadow($custom-control-indicator-active-box-shadow);\n }\n\n &:disabled {\n ~ .#{$prefix}custom-control-label {\n color: $custom-control-label-disabled-color;\n\n &::before {\n background-color: $custom-control-indicator-disabled-bg;\n }\n }\n }\n}\n\n// Custom control indicators\n//\n// Build the custom controls out of pseudo-elements.\n\n.#{$prefix}custom-control-label {\n position: relative;\n margin-bottom: 0;\n vertical-align: top;\n\n // Background-color and (when enabled) gradient\n &::before {\n position: absolute;\n top: ($font-size-base * $line-height-base - $custom-control-indicator-size) / 2;\n left: -($custom-control-gutter + $custom-control-indicator-size);\n display: block;\n width: $custom-control-indicator-size;\n height: $custom-control-indicator-size;\n pointer-events: none;\n content: \"\";\n background-color: $custom-control-indicator-bg;\n border: $custom-control-indicator-border-color solid $custom-control-indicator-border-width;\n @include box-shadow($custom-control-indicator-box-shadow);\n }\n\n // Foreground (icon)\n &::after {\n position: absolute;\n top: ($font-size-base * $line-height-base - $custom-control-indicator-size) / 2;\n left: -($custom-control-gutter + $custom-control-indicator-size);\n display: block;\n width: $custom-control-indicator-size;\n height: $custom-control-indicator-size;\n content: \"\";\n background: no-repeat 50% / #{$custom-control-indicator-bg-size};\n }\n}\n\n\n// Checkboxes\n//\n// Tweak just a few things for checkboxes.\n\n.#{$prefix}custom-checkbox {\n .#{$prefix}custom-control-label::before {\n @include border-radius($custom-checkbox-indicator-border-radius);\n }\n\n .#{$prefix}custom-control-input:checked ~ .#{$prefix}custom-control-label {\n &::after {\n background-image: $custom-checkbox-indicator-icon-checked;\n }\n }\n\n .#{$prefix}custom-control-input:indeterminate ~ .#{$prefix}custom-control-label {\n &::before {\n border-color: $custom-checkbox-indicator-indeterminate-border-color;\n @include gradient-bg($custom-checkbox-indicator-indeterminate-bg);\n @include box-shadow($custom-checkbox-indicator-indeterminate-box-shadow);\n }\n &::after {\n background-image: $custom-checkbox-indicator-icon-indeterminate;\n }\n }\n\n .#{$prefix}custom-control-input:disabled {\n &:checked ~ .#{$prefix}custom-control-label::before {\n background-color: $custom-control-indicator-checked-disabled-bg;\n }\n &:indeterminate ~ .#{$prefix}custom-control-label::before {\n background-color: $custom-control-indicator-checked-disabled-bg;\n }\n }\n}\n\n// Radios\n//\n// Tweak just a few things for radios.\n\n.#{$prefix}custom-radio {\n .#{$prefix}custom-control-label::before {\n // stylelint-disable-next-line property-blacklist\n border-radius: $custom-radio-indicator-border-radius;\n }\n\n .#{$prefix}custom-control-input:checked ~ .#{$prefix}custom-control-label {\n &::after {\n background-image: $custom-radio-indicator-icon-checked;\n }\n }\n\n .#{$prefix}custom-control-input:disabled {\n &:checked ~ .#{$prefix}custom-control-label::before {\n background-color: $custom-control-indicator-checked-disabled-bg;\n }\n }\n}\n\n\n// switches\n//\n// Tweak a few things for switches\n\n.#{$prefix}custom-switch {\n padding-left: $custom-switch-width + $custom-control-gutter;\n\n .#{$prefix}custom-control-label {\n &::before {\n left: -($custom-switch-width + $custom-control-gutter);\n width: $custom-switch-width;\n pointer-events: all;\n // stylelint-disable-next-line property-blacklist\n border-radius: $custom-switch-indicator-border-radius;\n }\n\n &::after {\n top: calc(#{(($font-size-base * $line-height-base - $custom-control-indicator-size) / 2)} + #{$custom-control-indicator-border-width * 2});\n left: calc(#{-($custom-switch-width + $custom-control-gutter)} + #{$custom-control-indicator-border-width * 2});\n width: $custom-switch-indicator-size;\n height: $custom-switch-indicator-size;\n background-color: $custom-control-indicator-border-color;\n // stylelint-disable-next-line property-blacklist\n border-radius: $custom-switch-indicator-border-radius;\n @include transition(transform .15s ease-in-out, $custom-forms-transition);\n }\n }\n\n .#{$prefix}custom-control-input:checked ~ .#{$prefix}custom-control-label {\n &::after {\n background-color: $custom-control-indicator-bg;\n transform: translateX($custom-switch-width - $custom-control-indicator-size);\n }\n }\n\n .#{$prefix}custom-control-input:disabled {\n &:checked ~ .#{$prefix}custom-control-label::before {\n background-color: $custom-control-indicator-checked-disabled-bg;\n }\n }\n}\n\n\n// Select\n//\n// Replaces the browser default select with a custom one, mostly pulled from\n// https://primer.github.io/.\n//\n\n.#{$prefix}custom-select {\n display: inline-block;\n width: 100%;\n height: $custom-select-height;\n padding: $custom-select-padding-y ($custom-select-padding-x + $custom-select-indicator-padding) $custom-select-padding-y $custom-select-padding-x;\n font-family: $custom-select-font-family;\n @include font-size($custom-select-font-size);\n font-weight: $custom-select-font-weight;\n line-height: $custom-select-line-height;\n color: $custom-select-color;\n vertical-align: middle;\n background: $custom-select-background;\n background-color: $custom-select-bg;\n border: $custom-select-border-width solid $custom-select-border-color;\n @include border-radius($custom-select-border-radius, 0);\n @include box-shadow($custom-select-box-shadow);\n appearance: none;\n\n &:focus {\n border-color: $custom-select-focus-border-color;\n outline: 0;\n @if $enable-shadows {\n box-shadow: $custom-select-box-shadow, $custom-select-focus-box-shadow;\n } @else {\n box-shadow: $custom-select-focus-box-shadow;\n }\n\n &::-ms-value {\n // For visual consistency with other platforms/browsers,\n // suppress the default white text on blue background highlight given to\n // the selected option text when the (still closed) <select> receives focus\n // in IE and (under certain conditions) Edge.\n // See https://github.com/twbs/bootstrap/issues/19398.\n color: $input-color;\n background-color: $input-bg;\n }\n }\n\n &[multiple],\n &[size]:not([size=\"1\"]) {\n height: auto;\n padding-right: $custom-select-padding-x;\n background-image: none;\n }\n\n &:disabled {\n color: $custom-select-disabled-color;\n background-color: $custom-select-disabled-bg;\n }\n\n // Hides the default caret in IE11\n &::-ms-expand {\n display: none;\n }\n}\n\n.#{$prefix}custom-select-sm {\n height: $custom-select-height-sm;\n padding-top: $custom-select-padding-y-sm;\n padding-bottom: $custom-select-padding-y-sm;\n padding-left: $custom-select-padding-x-sm;\n @include font-size($custom-select-font-size-sm);\n}\n\n.#{$prefix}custom-select-lg {\n height: $custom-select-height-lg;\n padding-top: $custom-select-padding-y-lg;\n padding-bottom: $custom-select-padding-y-lg;\n padding-left: $custom-select-padding-x-lg;\n @include font-size($custom-select-font-size-lg);\n}\n\n\n// File\n//\n// Custom file input.\n\n.#{$prefix}custom-file {\n position: relative;\n display: inline-block;\n width: 100%;\n height: $custom-file-height;\n margin-bottom: 0;\n}\n\n.#{$prefix}custom-file-input {\n position: relative;\n z-index: 2;\n width: 100%;\n height: $custom-file-height;\n margin: 0;\n opacity: 0;\n\n &:focus ~ .#{$prefix}custom-file-label {\n border-color: $custom-file-focus-border-color;\n box-shadow: $custom-file-focus-box-shadow;\n }\n\n &:disabled ~ .#{$prefix}custom-file-label {\n background-color: $custom-file-disabled-bg;\n }\n\n @each $lang, $value in $custom-file-text {\n &:lang(#{$lang}) ~ .#{$prefix}custom-file-label::after {\n content: $value;\n }\n }\n\n ~ .#{$prefix}custom-file-label[data-browse]::after {\n content: attr(data-browse);\n }\n}\n\n.#{$prefix}custom-file-label {\n position: absolute;\n top: 0;\n right: 0;\n left: 0;\n z-index: 1;\n height: $custom-file-height;\n padding: $custom-file-padding-y $custom-file-padding-x;\n font-family: $custom-file-font-family;\n font-weight: $custom-file-font-weight;\n line-height: $custom-file-line-height;\n color: $custom-file-color;\n background-color: $custom-file-bg;\n border: $custom-file-border-width solid $custom-file-border-color;\n @include border-radius($custom-file-border-radius);\n @include box-shadow($custom-file-box-shadow);\n\n &::after {\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n z-index: 3;\n display: block;\n height: $custom-file-height-inner;\n padding: $custom-file-padding-y $custom-file-padding-x;\n line-height: $custom-file-line-height;\n color: $custom-file-button-color;\n content: \"Browse\";\n @include gradient-bg($custom-file-button-bg);\n border-left: inherit;\n @include border-radius(0 $custom-file-border-radius $custom-file-border-radius 0);\n }\n}\n\n// Range\n//\n// Style range inputs the same across browsers. Vendor-specific rules for pseudo\n// elements cannot be mixed. As such, there are no shared styles for focus or\n// active states on prefixed selectors.\n\n.#{$prefix}custom-range {\n width: 100%;\n height: calc(#{$custom-range-thumb-height} + #{$custom-range-thumb-focus-box-shadow-width * 2});\n padding: 0; // Need to reset padding\n background-color: transparent;\n appearance: none;\n\n &:focus {\n outline: none;\n\n // Pseudo-elements must be split across multiple rulesets to have an effect.\n // No box-shadow() mixin for focus accessibility.\n &::-webkit-slider-thumb { box-shadow: $custom-range-thumb-focus-box-shadow; }\n &::-moz-range-thumb { box-shadow: $custom-range-thumb-focus-box-shadow; }\n &::-ms-thumb { box-shadow: $custom-range-thumb-focus-box-shadow; }\n }\n\n &::-moz-focus-outer {\n border: 0;\n }\n\n &::-webkit-slider-thumb {\n width: $custom-range-thumb-width;\n height: $custom-range-thumb-height;\n margin-top: ($custom-range-track-height - $custom-range-thumb-height) / 2; // Webkit specific\n @include gradient-bg($custom-range-thumb-bg);\n border: $custom-range-thumb-border;\n @include border-radius($custom-range-thumb-border-radius);\n @include box-shadow($custom-range-thumb-box-shadow);\n @include transition($custom-forms-transition);\n appearance: none;\n\n &:active {\n @include gradient-bg($custom-range-thumb-active-bg);\n }\n }\n\n &::-webkit-slider-runnable-track {\n width: $custom-range-track-width;\n height: $custom-range-track-height;\n color: transparent; // Why?\n cursor: $custom-range-track-cursor;\n background-color: $custom-range-track-bg;\n border-color: transparent;\n @include border-radius($custom-range-track-border-radius);\n @include box-shadow($custom-range-track-box-shadow);\n }\n\n &::-moz-range-thumb {\n width: $custom-range-thumb-width;\n height: $custom-range-thumb-height;\n @include gradient-bg($custom-range-thumb-bg);\n border: $custom-range-thumb-border;\n @include border-radius($custom-range-thumb-border-radius);\n @include box-shadow($custom-range-thumb-box-shadow);\n @include transition($custom-forms-transition);\n appearance: none;\n\n &:active {\n @include gradient-bg($custom-range-thumb-active-bg);\n }\n }\n\n &::-moz-range-track {\n width: $custom-range-track-width;\n height: $custom-range-track-height;\n color: transparent;\n cursor: $custom-range-track-cursor;\n background-color: $custom-range-track-bg;\n border-color: transparent; // Firefox specific?\n @include border-radius($custom-range-track-border-radius);\n @include box-shadow($custom-range-track-box-shadow);\n }\n\n &::-ms-thumb {\n width: $custom-range-thumb-width;\n height: $custom-range-thumb-height;\n margin-top: 0; // Edge specific\n margin-right: $custom-range-thumb-focus-box-shadow-width; // Workaround that overflowed box-shadow is hidden.\n margin-left: $custom-range-thumb-focus-box-shadow-width; // Workaround that overflowed box-shadow is hidden.\n @include gradient-bg($custom-range-thumb-bg);\n border: $custom-range-thumb-border;\n @include border-radius($custom-range-thumb-border-radius);\n @include box-shadow($custom-range-thumb-box-shadow);\n @include transition($custom-forms-transition);\n appearance: none;\n\n &:active {\n @include gradient-bg($custom-range-thumb-active-bg);\n }\n }\n\n &::-ms-track {\n width: $custom-range-track-width;\n height: $custom-range-track-height;\n color: transparent;\n cursor: $custom-range-track-cursor;\n background-color: transparent;\n border-color: transparent;\n border-width: $custom-range-thumb-height / 2;\n @include box-shadow($custom-range-track-box-shadow);\n }\n\n &::-ms-fill-lower {\n background-color: $custom-range-track-bg;\n @include border-radius($custom-range-track-border-radius);\n }\n\n &::-ms-fill-upper {\n margin-right: 15px; // arbitrary?\n background-color: $custom-range-track-bg;\n @include border-radius($custom-range-track-border-radius);\n }\n\n &:disabled {\n &::-webkit-slider-thumb {\n background-color: $custom-range-thumb-disabled-bg;\n }\n\n &::-webkit-slider-runnable-track {\n cursor: default;\n }\n\n &::-moz-range-thumb {\n background-color: $custom-range-thumb-disabled-bg;\n }\n\n &::-moz-range-track {\n cursor: default;\n }\n\n &::-ms-thumb {\n background-color: $custom-range-thumb-disabled-bg;\n }\n }\n}\n\n.#{$prefix}custom-control-label::before,\n.#{$prefix}custom-file-label,\n.#{$prefix}custom-select {\n @include transition($custom-forms-transition);\n}\n","// stylelint-disable selector-no-qualifying-type\n\n//\n// Base styles\n//\n\n.#{$prefix}input-group {\n position: relative;\n display: flex;\n flex-wrap: wrap; // For form validation feedback\n align-items: stretch;\n width: 100%;\n\n > .#{$prefix}form-control,\n > .#{$prefix}form-control-plaintext,\n > .#{$prefix}custom-select,\n > .#{$prefix}custom-file {\n position: relative; // For focus state's z-index\n flex: 1 1 auto;\n // Add width 1% and flex-basis auto to ensure that button will not wrap out\n // the column. Applies to IE Edge+ and Firefox. Chrome does not require this.\n width: 1%;\n margin-bottom: 0;\n\n + .#{$prefix}form-control,\n + .#{$prefix}custom-select,\n + .#{$prefix}custom-file {\n margin-left: -$input-border-width;\n }\n }\n\n // Bring the \"active\" form control to the top of surrounding elements\n > .#{$prefix}form-control:focus,\n > .#{$prefix}custom-select:focus,\n > .#{$prefix}custom-file .#{$prefix}custom-file-input:focus ~ .#{$prefix}custom-file-label {\n z-index: 3;\n }\n\n // Bring the custom file input above the label\n > .#{$prefix}custom-file .#{$prefix}custom-file-input:focus {\n z-index: 4;\n }\n\n > .#{$prefix}form-control,\n > .#{$prefix}custom-select {\n &:not(:last-child) { @include border-right-radius(0); }\n &:not(:first-child) { @include border-left-radius(0); }\n }\n\n // Custom file inputs have more complex markup, thus requiring different\n // border-radius overrides.\n > .#{$prefix}custom-file {\n display: flex;\n align-items: center;\n\n &:not(:last-child) .#{$prefix}custom-file-label,\n &:not(:last-child) .#{$prefix}custom-file-label::after { @include border-right-radius(0); }\n &:not(:first-child) .#{$prefix}custom-file-label { @include border-left-radius(0); }\n }\n}\n\n\n// Prepend and append\n//\n// While it requires one extra layer of HTML for each, dedicated prepend and\n// append elements allow us to 1) be less clever, 2) simplify our selectors, and\n// 3) support HTML5 form validation.\n\n.#{$prefix}input-group-prepend,\n.#{$prefix}input-group-append {\n display: flex;\n\n // Ensure buttons are always above inputs for more visually pleasing borders.\n // This isn't needed for `.#{$prefix}input-group-text` since it shares the same border-color\n // as our inputs.\n .#{$prefix}btn {\n position: relative;\n z-index: 2;\n\n &:focus {\n z-index: 3;\n }\n }\n\n .#{$prefix}btn + .#{$prefix}btn,\n .#{$prefix}btn + .#{$prefix}input-group-text,\n .#{$prefix}input-group-text + .#{$prefix}input-group-text,\n .#{$prefix}input-group-text + .#{$prefix}btn {\n margin-left: -$input-border-width;\n }\n}\n\n.#{$prefix}input-group-prepend { margin-right: -$input-border-width; }\n.#{$prefix}input-group-append { margin-left: -$input-border-width; }\n\n\n// Textual addons\n//\n// Serves as a catch-all element for any text or radio/checkbox input you wish\n// to prepend or append to an input.\n\n.#{$prefix}input-group-text {\n display: flex;\n align-items: center;\n padding: $input-padding-y $input-padding-x;\n margin-bottom: 0; // Allow use of <label> elements by overriding our default margin-bottom\n @include font-size($input-font-size); // Match inputs\n font-weight: $font-weight-normal;\n line-height: $input-line-height;\n color: $input-group-addon-color;\n text-align: center;\n white-space: nowrap;\n background-color: $input-group-addon-bg;\n border: $input-border-width solid $input-group-addon-border-color;\n @include border-radius($input-border-radius);\n\n // Nuke default margins from checkboxes and radios to vertically center within.\n input[type=\"radio\"],\n input[type=\"checkbox\"] {\n margin-top: 0;\n }\n}\n\n\n// Sizing\n//\n// Remix the default form control sizing classes into new ones for easier\n// manipulation.\n\n.#{$prefix}input-group-lg > .#{$prefix}form-control:not(textarea),\n.#{$prefix}input-group-lg > .#{$prefix}custom-select {\n height: $input-height-lg;\n}\n\n.#{$prefix}input-group-lg > .#{$prefix}form-control,\n.#{$prefix}input-group-lg > .#{$prefix}custom-select,\n.#{$prefix}input-group-lg > .#{$prefix}input-group-prepend > .#{$prefix}input-group-text,\n.#{$prefix}input-group-lg > .#{$prefix}input-group-append > .#{$prefix}input-group-text,\n.#{$prefix}input-group-lg > .#{$prefix}input-group-prepend > .#{$prefix}btn,\n.#{$prefix}input-group-lg > .#{$prefix}input-group-append > .#{$prefix}btn {\n padding: $input-padding-y-lg $input-padding-x-lg;\n @include font-size($input-font-size-lg);\n line-height: $input-line-height-lg;\n @include border-radius($input-border-radius-lg);\n}\n\n.#{$prefix}input-group-sm > .#{$prefix}form-control:not(textarea),\n.#{$prefix}input-group-sm > .#{$prefix}custom-select {\n height: $input-height-sm;\n}\n\n.#{$prefix}input-group-sm > .#{$prefix}form-control,\n.#{$prefix}input-group-sm > .#{$prefix}custom-select,\n.#{$prefix}input-group-sm > .#{$prefix}input-group-prepend > .#{$prefix}input-group-text,\n.#{$prefix}input-group-sm > .#{$prefix}input-group-append > .#{$prefix}input-group-text,\n.#{$prefix}input-group-sm > .#{$prefix}input-group-prepend > .#{$prefix}btn,\n.#{$prefix}input-group-sm > .#{$prefix}input-group-append > .#{$prefix}btn {\n padding: $input-padding-y-sm $input-padding-x-sm;\n @include font-size($input-font-size-sm);\n line-height: $input-line-height-sm;\n @include border-radius($input-border-radius-sm);\n}\n\n.#{$prefix}input-group-lg > .#{$prefix}custom-select,\n.#{$prefix}input-group-sm > .#{$prefix}custom-select {\n padding-right: $custom-select-padding-x + $custom-select-indicator-padding;\n}\n\n\n// Prepend and append rounded corners\n//\n// These rulesets must come after the sizing ones to properly override sm and lg\n// border-radius values when extending. They're more specific than we'd like\n// with the `.#{$prefix}input-group >` part, but without it, we cannot override the sizing.\n\n\n.#{$prefix}input-group > .#{$prefix}input-group-prepend > .#{$prefix}btn,\n.#{$prefix}input-group > .#{$prefix}input-group-prepend > .#{$prefix}input-group-text,\n.#{$prefix}input-group > .#{$prefix}input-group-append:not(:last-child) > .#{$prefix}btn,\n.#{$prefix}input-group > .#{$prefix}input-group-append:not(:last-child) > .#{$prefix}input-group-text,\n.#{$prefix}input-group > .#{$prefix}input-group-append:last-child > .#{$prefix}btn:not(:last-child):not(.dropdown-toggle),\n.#{$prefix}input-group > .#{$prefix}input-group-append:last-child > .#{$prefix}input-group-text:not(:last-child) {\n @include border-right-radius(0);\n}\n\n.#{$prefix}input-group > .#{$prefix}input-group-append > .#{$prefix}btn,\n.#{$prefix}input-group > .#{$prefix}input-group-append > .#{$prefix}input-group-text,\n.#{$prefix}input-group > .#{$prefix}input-group-prepend:not(:first-child) > .#{$prefix}btn,\n.#{$prefix}input-group > .#{$prefix}input-group-prepend:not(:first-child) > .#{$prefix}input-group-text,\n.#{$prefix}input-group > .#{$prefix}input-group-prepend:first-child > .#{$prefix}btn:not(:first-child),\n.#{$prefix}input-group > .#{$prefix}input-group-prepend:first-child > .#{$prefix}input-group-text:not(:first-child) {\n @include border-left-radius(0);\n}\n","$input-margin-y: 4px;\n$custom-input-line-height: 20px;\n$custom-input-padding-y: 8px;\n$custom-input-padding-x: 12px;\n$custom-input-file-label-padding: 8px;\n\n// general form-control class for inputs (text, password, email, etc)\n.#{$prefix}form-control {\n padding: $custom-input-padding-y $custom-input-padding-x;\n margin-top: $input-margin-y;\n margin-bottom: $input-margin-y;\n line-height: $custom-input-line-height;\n color: $dark;\n\n &:hover:not(:disabled):not([readonly]) {\n border: 1px solid $input-focus-border-color;\n }\n\n &:disabled,\n &[readonly] {\n color: $muted;\n cursor: not-allowed;\n background-color: $cloud;\n border-color: $smoke;\n outline: none;\n box-shadow: none;\n }\n\n &:focus:not(:disabled):not([readonly]) {\n color: $dark;\n }\n\n &.prefix-icon {\n padding-left: 36px;\n }\n\n &.suffix-icon {\n padding-right: 36px;\n }\n\n &.with-reset-icon, // will be deprecated in future version\n &.suffix-icon--double {\n padding-right: 36px;\n &.suffix-icon {\n padding-right: 72px;\n }\n }\n\n &.is-invalid,\n &:invalid {\n border-color: $danger;\n }\n}\n\n//plain text class\n.#{$prefix}form-control-plaintext {\n &:focus {\n outline: none;\n box-shadow: none;\n }\n}\n\n// supress magrin on .#{$prefix}form-group labels\n.#{$prefix}form-group {\n label {\n margin-bottom: 0;\n }\n}\n\n// supress margin on labels inside form-row\n.#{$prefix}form-row {\n label {\n margin-bottom: 0;\n }\n}\n\n\n.#{$prefix}custom-select,\n.#{$prefix}custom-file-input {\n height: $input-height;\n padding: $custom-select-padding-y 8px $custom-select-padding-y 12px;\n margin: $input-margin-y 0;\n line-height: $custom-input-line-height;\n color: $dark;\n\n &:hover:not(:disabled) {\n cursor: pointer;\n border: 1px solid $input-focus-border-color;\n }\n\n &:focus {\n box-shadow: $input-focus-box-shadow;\n }\n\n &:disabled {\n color: $muted;\n cursor: not-allowed;\n background-color: $cloud;\n border-color: $smoke;\n }\n\n &:not(:focus):invalid {\n color: $text-muted;\n }\n}\n\n// custom file input\ninput[type=\"file\"] { // stylelint-disable-line selector-no-qualifying-type\n cursor: pointer;\n}\ninput[type=\"file\"]::-webkit-file-upload-button { // stylelint-disable-line selector-no-qualifying-type\n cursor: pointer;\n}\n.#{$prefix}custom-file {\n display: flex;\n flex-wrap: wrap;\n align-items: center;\n height: auto;\n margin-bottom: 20px;\n &:hover .#{$prefix}custom-file-label::before {\n border: 1px solid $muted;\n }\n .#{$prefix}form-text {\n margin-top: 4px;\n }\n}\n.#{$prefix}custom-file ~ .#{$prefix}custom-file-list-wrapper {\n margin-bottom: 12px;\n}\n\n.#{$prefix}custom-file-input {\n margin: 0;\n}\n\n.#{$prefix}custom-file-label {\n display: flex;\n align-items: flex-end;\n height: 38px;\n padding: $custom-input-padding-y $custom-input-padding-x;\n margin-bottom: 0;\n color: $muted;\n\n &::after {\n display: none;\n }\n\n // visualize Choose File button\n &::before {\n position: relative;\n top: 3px;\n bottom: 0;\n z-index: 3;\n display: flex;\n align-items: center;\n height: 24px;\n padding: 2px 8px;\n margin-right: 12px;\n line-height: $custom-input-line-height;\n color: $slate;\n content: \"Choose File\";\n background-color: $snow;\n border: 1px solid $smoke;\n // stylelint-disable-next-line property-blacklist\n border-radius: 4px;\n }\n}\n\n//input text helper for validation, and normal case (form-text)\n.valid-feedback,\n.invalid-feedback {\n font-size: 12px;\n}\n\n.#{$prefix}form-group-label {\n margin-bottom: 0;\n font-weight: 600;\n line-height: $custom-input-line-height;\n}\n\n.#{$prefix}custom-control {\n margin-bottom: 4px;\n}\n\n.#{$prefix}form-group-label + .#{$prefix}custom-control,\n.#{$prefix}form-group-label + .#{$prefix}custom-file {\n margin-top: 4px;\n}\n\n//special case for checkbox and radio\n//checkboxes & radios are to use .#{$prefix}custom-control-input (NOT .#{$prefix}form-check) to have customize checkbox & radio\n.#{$prefix}custom-control-input {\n &:focus {\n box-shadow: $custom-control-indicator-focus-box-shadow;\n }\n\n &:hover ~ .#{$prefix}custom-control-label::before {\n cursor: pointer;\n border-color: $input-focus-border-color;\n }\n\n &:hover ~ .#{$prefix}custom-control-label::after,\n &:hover ~ .#{$prefix}custom-control-label {\n cursor: pointer;\n }\n\n &:disabled ~ .#{$prefix}custom-control-label::after{\n cursor: not-allowed;\n border: none;\n }\n\n &:disabled ~ .#{$prefix}custom-control-label::before{\n cursor: not-allowed;\n background-color: $cloud !important; // stylelint-disable-line declaration-no-important\n border: 1px solid $smoke !important; // stylelint-disable-line declaration-no-important\n }\n\n &:disabled ~ .#{$prefix}custom-control-label{\n cursor: not-allowed;\n }\n}\n\n.#{$prefix}custom-control-label {\n font-weight: 400;\n color: $dark;\n}\n\n.#{$prefix}custom-checkbox {\n .#{$prefix}custom-control-label::before {\n top: 0;\n }\n .#{$prefix}custom-control-label::after {\n top: 0;\n background: no-repeat 50%;\n }\n .#{$prefix}custom-control-input:disabled:checked ~ .#{$prefix}custom-control-label::after {\n background: $custom-checkbox-indicator-icon-checked-inverse no-repeat 50%;\n }\n .#{$prefix}custom-control-input:disabled:indeterminate ~ .#{$prefix}custom-control-label::after {\n background: $custom-checkbox-indicator-icon-indeterminate-inverse no-repeat 50%;\n }\n}\n\n.#{$prefix}custom-radio {\n .#{$prefix}custom-control-label::before {\n top: 1px;\n }\n .#{$prefix}custom-control-label::after {\n top: 1px;\n background: no-repeat 100% / 100% 50%;\n }\n .#{$prefix}custom-control-input:disabled:checked ~ .#{$prefix}custom-control-label::after {\n background: $custom-radio-indicator-icon-checked-inverse no-repeat 100% / 100% 50%;\n }\n}\n\n.#{$prefix}custom-switch {\n height: 24px;\n padding-left: 52px;\n line-height: 24px;\n .#{$prefix}custom-control-label {\n &::before {\n top: 0;\n left: -52px;\n width: 40px;\n height: 24px;\n background-color: $smoke;\n border: none;\n border-radius: 24px; // stylelint-disable-line property-blacklist\n }\n &::after {\n top: 2px;\n left: -50px;\n width: 20px;\n height: 20px;\n background-color: $white;\n border-radius: 50%; // stylelint-disable-line property-blacklist\n transition: transform .2s; // stylelint-disable-line property-blacklist\n }\n }\n .#{$prefix}custom-control-input:checked ~ .#{$prefix}custom-control-label {\n &::before {\n background-color: $link;\n }\n &::after {\n transform: translateX(1rem);\n }\n }\n @each $color, $value in $theme-colors {\n &.#{$prefix}custom-switch-#{$color} {\n .#{$prefix}custom-control-input:checked ~ .#{$prefix}custom-control-label {\n &::before {\n background: $value;\n }\n }\n .#{$prefix}custom-control-input:not(:disabled):active ~ .#{$prefix}custom-control-label::before {\n background: $value;\n }\n .#{$prefix}custom-control-input:focus ~ .#{$prefix}custom-control-label::before {\n box-shadow: 0 0 0 .2rem lighten($value, 35%);\n }\n }\n }\n &--small {\n height: 20px;\n padding-left: 48px;\n line-height: 20px;\n .#{$prefix}custom-control-label {\n &::before {\n left: -48px;\n width: 34px;\n height: 20px;\n }\n &::after {\n left: -46px;\n width: 16px;\n height: 16px;\n }\n }\n .#{$prefix}custom-control-input:checked ~ .#{$prefix}custom-control-label {\n &::after {\n transform: translateX(14px);\n }\n }\n }\n}\n\n// to make sure checkbox & radio have 4px margin bottom\n.#{$prefix}form-check {\n margin-bottom: $input-margin-y;\n}\n\n// stylelint-disable-next-line selector-no-qualifying-type\ntextarea.#{$prefix}form-control {\n min-width: 184px;\n height: 80px;\n min-height: 38px;\n max-height: 200px;\n padding-right: 12px;\n padding-left: 12px;\n @include scroll-default;\n}\n\n// text helper class in Bootstrap\n.#{$prefix}form-text {\n font-size: 12px;\n color: $slate;\n}\n\n// input groups classess\n.#{$prefix}input-group {\n margin-top: $input-margin-y;\n margin-bottom: $input-margin-y;\n\n .#{$prefix}form-control {\n margin-top: 0;\n margin-bottom: 0;\n }\n\n .valid-feedback,\n .invalid-feedback {\n margin-top: 4px;\n }\n}\n\n/* stylelint-disable property-no-vendor-prefix /\n.#{$prefix}custom-select,\n.#{$prefix}custom-select-sm {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n}\n/ stylelint-enable property-no-vendor-prefix */\n\n.#{$prefix}form-xs {\n width: 80px;\n max-width: 80px;\n}\n\n.#{$prefix}form-sm {\n width: 184px;\n max-width: 184px;\n}\n\n.#{$prefix}form-md {\n width: 288px;\n max-width: 288px;\n}\n\n.#{$prefix}form-lg {\n width: 392px;\n max-width: 392px;\n}\n\n.#{$prefix}form-xl {\n width: 600px;\n max-width: 600px;\n}\n\n.#{$prefix}counter-label {\n float: right;\n font-weight: $font-weight-normal;\n}\n\n.#{$prefix}input-group-text {\n display: flex;\n align-items: center;\n padding: $input-padding-y $input-padding-x;\n margin-bottom: 0; // Allow use of <label> elements by overriding our default margin-bottom\n @include font-size($input-font-size); // Match inputs\n font-weight: $font-weight-normal;\n line-height: $input-line-height;\n color: $input-group-addon-color;\n text-align: center;\n white-space: nowrap;\n background-color: $input-group-addon-bg;\n border: $input-border-width solid $input-group-addon-border-color;\n @include border-radius($input-border-radius);\n}\n\n.input-date-picker, // will be deprecated in future version\n.input-no-readonly {\n color: $dark !important; // stylelint-disable-line declaration-no-important\n cursor: pointer !important; // stylelint-disable-line declaration-no-important\n background-color: $white !important; // stylelint-disable-line declaration-no-important\n &:hover:not(:disabled) {\n border: 1px solid $input-focus-border-color;\n }\n}\n\n.input-with-icon-container { // will be deprecated in future version\n position: relative;\n}\n","@mixin scroll-default {\n &::-webkit-scrollbar {\n width: 12px;\n background-color: transparent;\n }\n\n &::-webkit-scrollbar-thumb {\n background-color: $slate;\n background-clip: padding-box;\n border: 4px solid transparent;\n @include border-radius(16px);\n }\n\n &::-webkit-scrollbar-track {\n background-color: $white;\n @include border-radius(4px);\n }\n}\n"]}

data/lib/assets/stylesheets/css/components/mekari-ui-icons-min.css CHANGED Viewed

@@ -1,2 +1,2 @@
-.ic{width:24px;height:24px;font-family:Mekari-Icon-Regular,sans-serif;font-size:24px;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-style:normal;font-variant:normal;text-rendering:auto;line-height:1}.ic{display:inline-block}.ic.ic-small{width:20px;height:20px;font-size:20px}.ic.ic-medium{width:32px;height:32px;font-size:32px}.ic.ic-large{width:60px;height:60px;font-size:60px}.ic.ic-blankslate{width:120px;height:120px;padding:10px;background-repeat:no-repeat;background-position:center;background-size:100px 100px}.ic-input-prefix{position:absolute;top:6px;left:6px;z-index:5;padding:0;color:inherit;pointer-events:all;cursor:pointer}.ic-input-prefix.ic-small{top:7px;left:10px}.ic-input-suffix{position:absolute;top:6px;right:6px;z-index:5;padding:0;color:inherit;pointer-events:all;cursor:pointer}.ic-input-suffix.ic-input-double-suffix,.ic-input-suffix.ic-input-suffix--double{right:36px;z-index:5}.ic-input-suffix.ic-small{top:7px;right:10px}.ic-input-suffix.ic-small.ic-input-double-suffix,.ic-input-suffix.ic-small.ic-input-suffix--double{right:38px}.ic-activity{color:#777}.ic-activity::before{color:inherit;content:"\e93a"}.ic-add{color:#777}.ic-add::before{color:inherit;content:"\e800"}.ic-addons{color:#777}.ic-addons::before{color:inherit;content:"\e93b"}.ic-add-staff{color:#777}.ic-add-staff::before{color:inherit;content:"\e956"}.ic-adjustment{color:#777}.ic-adjustment::before{color:inherit;content:"\e947"}.ic-alarm{color:#777}.ic-alarm::before{color:inherit;content:"\e93c"}.ic-approval{color:#777}.ic-approval::before{color:inherit;content:"\e948"}.ic-arrow-down{color:#777}.ic-arrow-down::before{color:inherit;content:"\e94b"}.ic-arrow-left{color:#777}.ic-arrow-left::before{color:inherit;content:"\e94c"}.ic-arrow-right{color:#777}.ic-arrow-right::before{color:inherit;content:"\e94d"}.ic-arrow-up{color:#777}.ic-arrow-up::before{color:inherit;content:"\e94e"}.ic-asset{color:#777}.ic-asset::before{color:inherit;content:"\e949"}.ic-attachment{color:#777}.ic-attachment::before{color:inherit;content:"\e88e"}.ic-bank{color:#777}.ic-bank::before{color:inherit;content:"\e94a"}.ic-billing{color:#777}.ic-billing::before{color:inherit;content:"\e934"}.ic-blank-icon{color:#777}.ic-blank-icon::before{color:inherit;content:"\e93d"}.ic-branch{color:#777}.ic-branch::before{color:inherit;content:"\e935"}.ic-broadcast{color:#777}.ic-broadcast::before{color:inherit;content:"\e936"}.ic-camera{color:#777}.ic-camera::before{color:inherit;content:"\e89e"}.ic-camera-fill{color:#777}.ic-camera-fill::before{color:inherit;content:"\e877"}.ic-calculator{color:#777}.ic-calculator::before{color:inherit;content:"\e84c"}.ic-calendar{color:#777}.ic-calendar::before{color:inherit;content:"\e938"}.ic-celebration{color:#777}.ic-celebration::before{color:inherit;content:"\e939"}.ic-certificate{color:#777}.ic-certificate::before{color:inherit;content:"\e8a1"}.ic-chat{color:#777}.ic-chat::before{color:inherit;content:"\e92e"}.ic-chevron-first{color:#777}.ic-chevron-first::before{color:inherit;content:"\e942"}.ic-chevron-last{color:#777}.ic-chevron-last::before{color:inherit;content:"\e943"}.ic-chevron-bottom{color:#777}.ic-chevron-bottom::before{color:inherit;content:"\e88b"}.ic-chevron-left{color:#777}.ic-chevron-left::before{color:inherit;content:"\e944"}.ic-chevron-right{color:#777}.ic-chevron-right::before{color:inherit;content:"\e945"}.ic-chevron-up{color:#777}.ic-chevron-up::before{color:inherit;content:"\e88c"}.ic-coa{color:#777}.ic-coa::before{color:inherit;content:"\e92f"}.ic-copy{color:#777}.ic-copy::before{color:inherit;content:"\e88a"}.ic-collapse{color:#777}.ic-collapse::before{color:inherit;content:"\e89b"}.ic-column-settings{color:#777}.ic-column-settings::before{color:inherit;content:"\e89c"}.ic-column-settings-small{color:#777}.ic-column-settings-small::before{color:inherit;content:"\e801"}.ic-company{color:#777}.ic-company::before{color:inherit;content:"\e930"}.ic-contact{color:#777}.ic-contact::before{color:inherit;content:"\e931"}.ic-credit-card{color:#777}.ic-credit-card::before{color:inherit;content:"\e932"}.ic-custom-slip{color:#777}.ic-custom-slip::before{color:inherit;content:"\e933"}.ic-dashboard{color:#777}.ic-dashboard::before{color:inherit;content:"\e928"}.ic-delete{color:#777}.ic-delete::before{color:inherit;content:"\e900"}.ic-description{color:#777}.ic-description::before{color:inherit;content:"\e929"}.ic-doc{color:#777}.ic-doc::before{color:inherit;content:"\e92a"}.ic-dot{color:#777}.ic-dot::before{color:inherit;content:"\e8f0"}.ic-drag{color:#777}.ic-drag::before{color:inherit;content:"\e88d"}.ic-dropdown{color:#777}.ic-dropdown::before{color:inherit;content:"\e8ef"}.ic-edit{color:#777}.ic-edit::before{color:inherit;content:"\e887"}.ic-education{color:#777}.ic-education::before{color:inherit;content:"\e8a0"}.ic-equal{color:#777}.ic-equal::before{color:inherit;content:"\e886"}.ic-error{color:#777}.ic-error::before{color:inherit;content:"\e93e"}.ic-error-fill{color:#777}.ic-error-fill::before{color:inherit;content:"\e89a"}.ic-expand{color:#777}.ic-expand::before{color:inherit;content:"\e899"}.ic-expense{color:#777}.ic-expense::before{color:inherit;content:"\e92b"}.ic-family{color:#777}.ic-family::before{color:inherit;content:"\e89f"}.ic-file-comment{color:#777}.ic-file-comment::before{color:inherit;content:"\e953"}.ic-file-history{color:#777}.ic-file-history::before{color:inherit;content:"\e952"}.ic-finance{color:#777}.ic-finance::before{color:inherit;content:"\e92c"}.ic-finance-dollar{color:#777}.ic-finance-dollar::before{color:inherit;content:"\e883"}.ic-finance-percentage{color:#777}.ic-finance-percentage::before{color:inherit;content:"\e881"}.ic-finance-rupiah{color:#777}.ic-finance-rupiah::before{color:inherit;content:"\e882"}.ic-file-download{color:#777}.ic-file-download::before{color:inherit;content:"\e885"}.ic-file-upload{color:#777}.ic-file-upload::before{color:inherit;content:"\e884"}.ic-help{color:#777}.ic-help::before{color:inherit;content:"\e92d"}.ic-help-small{color:#777}.ic-help-small::before{color:inherit;content:"\e880"}.ic-history{color:#777}.ic-history::before{color:inherit;content:"\e922"}.ic-home{color:#777}.ic-home::before{color:inherit;content:"\e923"}.ic-img{color:#777}.ic-img::before{color:inherit;content:"\e924"}.ic-inbox{color:#777}.ic-inbox::before{color:inherit;content:"\e925"}.ic-inbox-fill{color:#777}.ic-inbox-fill::before{color:inherit;content:"\e902"}.ic-info{color:#777}.ic-info::before{color:inherit;content:"\e898"}.ic-info-fill{color:#777}.ic-info-fill::before{color:inherit;content:"\e903"}.ic-insurance{color:#777}.ic-insurance::before{color:inherit;content:"\e926"}.ic-integrasi{color:#777}.ic-integrasi::before{color:inherit;content:"\e927"}.ic-job-level{color:#777}.ic-job-level::before{color:inherit;content:"\e91c"}.ic-job-title{color:#777}.ic-job-title::before{color:inherit;content:"\e91d"}.ic-jurnal{color:#777}.ic-jurnal::before{color:inherit;content:"\e84b"}.ic-klikpajak{color:#777}.ic-klikpajak::before{color:inherit;content:"\e950"}.ic-loading{color:#777}.ic-loading::before{color:inherit;content:"\e896"}.ic-loan{color:#777}.ic-loan::before{color:inherit;content:"\e94f"}.ic-location{color:#777}.ic-location::before{color:inherit;content:"\e91e"}.ic-lock{color:#777}.ic-lock::before{color:inherit;content:"\e91f"}.ic-logout{color:#777}.ic-logout::before{color:inherit;content:"\e920"}.ic-kebab{color:#777}.ic-kebab::before{color:inherit;content:"\e897"}.ic-meatball{color:#777}.ic-meatball::before{color:inherit;content:"\e895"}.ic-message{color:#777}.ic-message::before{color:inherit;content:"\e957"}.ic-merge{color:#777}.ic-merge::before{color:inherit;content:"\e87f"}.ic-migration{color:#777}.ic-migration::before{color:inherit;content:"\e921"}.ic-notification{color:#777}.ic-notification::before{color:inherit;content:"\e916"}.ic-offboarding{color:#777}.ic-offboarding::before{color:inherit;content:"\e917"}.ic-onboarding{color:#777}.ic-onboarding::before{color:inherit;content:"\e918"}.ic-organization{color:#777}.ic-organization::before{color:inherit;content:"\e919"}.ic-other{color:#777}.ic-other::before{color:inherit;content:"\e91b"}.ic-other-list{color:#777}.ic-other-list::before{color:inherit;content:"\e91a"}.ic-overtime{color:#777}.ic-overtime::before{color:inherit;content:"\e910"}.ic-picker-calendar{color:#777}.ic-picker-calendar::before{color:inherit;content:"\e87e"}.ic-picker-time{color:#777}.ic-picker-time::before{color:inherit;content:"\e87d"}.ic-plans{color:#777}.ic-plans::before{color:inherit;content:"\e955"}.ic-product{color:#777}.ic-product::before{color:inherit;content:"\e911"}.ic-profile-pic{color:#777}.ic-profile-pic::before{color:inherit;content:"\e912"}.ic-purchase{color:#777}.ic-purchase::before{color:inherit;content:"\e913"}.ic-reload{color:#777}.ic-reload::before{color:inherit;content:"\e914"}.ic-report{color:#777}.ic-report::before{color:inherit;content:"\e915"}.ic-remove-line{color:#777}.ic-remove-line::before{color:inherit;content:"\e87c"}.ic-reset{color:#777}.ic-reset::before{color:inherit;content:"\e90a"}.ic-reset-fill{color:#777}.ic-reset-fill::before{color:inherit;content:"\e87a"}.ic-resync{color:#777}.ic-resync::before{color:inherit;content:"\e8f2"}.ic-rules{color:#777}.ic-rules::before{color:inherit;content:"\e90b"}.ic-sale{color:#777}.ic-sale::before{color:inherit;content:"\e90c"}.ic-search{color:#777}.ic-search::before{color:inherit;content:"\e893"}.ic-send{color:#777}.ic-send::before{color:inherit;content:"\e892"}.ic-setting{color:#777}.ic-setting::before{color:inherit;content:"\e90d"}.ic-sort{color:#777}.ic-sort::before{color:inherit;content:"\e879"}.ic-staff{color:#777}.ic-staff::before{color:inherit;content:"\e90e"}.ic-stepper-error{color:#777}.ic-stepper-error::before{color:inherit;content:"\e901"}.ic-stepper-finished{color:#777}.ic-stepper-finished::before{color:inherit;content:"\e909"}.ic-success{color:#777}.ic-success::before{color:inherit;content:"\e93f"}.ic-success-fill{color:#777}.ic-success-fill::before{color:inherit;content:"\e891"}.ic-supplier{color:#777}.ic-supplier::before{color:inherit;content:"\e90f"}.ic-sync{color:#777}.ic-sync::before{color:inherit;content:"\e8f1"}.ic-tag{color:#777}.ic-tag::before{color:inherit;content:"\e878"}.ic-talenta{color:#777}.ic-talenta::before{color:inherit;content:"\e951"}.ic-task{color:#777}.ic-task::before{color:inherit;content:"\e946"}.ic-tax-history{color:#777}.ic-tax-history::before{color:inherit;content:"\e905"}.ic-team-goal{color:#777}.ic-team-goal::before{color:inherit;content:"\e954"}.ic-time{color:#777}.ic-time::before{color:inherit;content:"\e906"}.ic-transfer-account{color:#777}.ic-transfer-account::before{color:inherit;content:"\e907"}.ic-trash{color:#777}.ic-trash::before{color:inherit;content:"\e900"}.ic-upload-file{color:#777}.ic-upload-file::before{color:inherit;content:"\e908"}.ic-view-fill{color:#777}.ic-view-fill::before{color:inherit;content:"\e890"}.ic-view-hide-fill{color:#777}.ic-view-hide-fill::before{color:inherit;content:"\e88f"}.ic-warning-fill{color:#777}.ic-warning-fill::before{color:inherit;content:"\e940"}.ic-warning{color:#777}.ic-warning::before{color:inherit;content:"\e941"}.ic-zip{color:#777}.ic-zip::before{color:inherit;content:"\e904"}.ic-blankslate-jurnal-calendar{background-image:url(../../webfonts/blankslate/jurnal/calendar.svg)}.ic-blankslate-jurnal-location{background-image:url(../../webfonts/blankslate/jurnal/location.svg)}.ic-blankslate-jurnal-not-found{background-image:url(../../webfonts/blankslate/jurnal/not-found.svg)}.ic-blankslate-jurnal-process{background-image:url(../../webfonts/blankslate/jurnal/process.svg)}.ic-blankslate-jurnal-web{background-image:url(../../webfonts/blankslate/jurnal/web.svg)}.ic-blankslate-klikpajak-calendar{background-image:url(../../webfonts/blankslate/klikpajak/calendar.svg)}.ic-blankslate-klikpajak-location{background-image:url(../../webfonts/blankslate/klikpajak/location.svg)}.ic-blankslate-klikpajak-not-found{background-image:url(../../webfonts/blankslate/klikpajak/not-found.svg)}.ic-blankslate-klikpajak-process{background-image:url(../../webfonts/blankslate/klikpajak/process.svg)}.ic-blankslate-klikpajak-web{background-image:url(../../webfonts/blankslate/klikpajak/web.svg)}.ic-blankslate-talenta-calendar{background-image:url(../../webfonts/blankslate/talenta/calendar.svg)}.ic-blankslate-talenta-location{background-image:url(../../webfonts/blankslate/talenta/location.svg)}.ic-blankslate-talenta-not-found{background-image:url(../../webfonts/blankslate/talenta/not-found.svg)}.ic-blankslate-talenta-process{background-image:url(../../webfonts/blankslate/talenta/process.svg)}.ic-blankslate-talenta-web{background-image:url(../../webfonts/blankslate/talenta/web.svg)}
+.ic{width:24px;height:24px;font-family:Mekari-Icon-Regular,sans-serif;font-size:24px;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-style:normal;font-variant:normal;text-rendering:auto;line-height:1}.ic{display:inline-block}.ic.ic-small{width:20px;height:20px;font-size:20px}.ic.ic-medium{width:32px;height:32px;font-size:32px}.ic.ic-large{width:60px;height:60px;font-size:60px}.ic.ic-blankslate{width:120px;height:120px;padding:10px;background-repeat:no-repeat;background-position:center;background-size:100px 100px}.ic-input-prefix{position:absolute;top:6px;left:6px;z-index:5;padding:0;color:inherit;pointer-events:all;cursor:pointer}.ic-input-prefix.ic-small{top:8px;left:10px}.ic-input-suffix{position:absolute;top:6px;right:6px;z-index:5;padding:0;color:inherit;pointer-events:all;cursor:pointer}.ic-input-suffix.ic-input-double-suffix,.ic-input-suffix.ic-input-suffix--double{right:36px;z-index:5}.ic-input-suffix.ic-small{top:8px;right:10px}.ic-input-suffix.ic-small.ic-input-double-suffix,.ic-input-suffix.ic-small.ic-input-suffix--double{right:38px}.ic-activity{color:#777}.ic-activity::before{color:inherit;content:"\e93a"}.ic-add{color:#777}.ic-add::before{color:inherit;content:"\e800"}.ic-addons{color:#777}.ic-addons::before{color:inherit;content:"\e93b"}.ic-add-fill{color:#777}.ic-add-fill::before{color:inherit;content:"\e95e"}.ic-add-fill-light{color:#777}.ic-add-fill-light::before{color:inherit;content:"\e992"}.ic-add-staff{color:#777}.ic-add-staff::before{color:inherit;content:"\e956"}.ic-adjustment{color:#777}.ic-adjustment::before{color:inherit;content:"\e947"}.ic-alarm{color:#777}.ic-alarm::before{color:inherit;content:"\e93c"}.ic-approval{color:#777}.ic-approval::before{color:inherit;content:"\e948"}.ic-arrow-down{color:#777}.ic-arrow-down::before{color:inherit;content:"\e94b"}.ic-arrow-left{color:#777}.ic-arrow-left::before{color:inherit;content:"\e94c"}.ic-arrow-right{color:#777}.ic-arrow-right::before{color:inherit;content:"\e94d"}.ic-arrow-up{color:#777}.ic-arrow-up::before{color:inherit;content:"\e94e"}.ic-asset{color:#777}.ic-asset::before{color:inherit;content:"\e949"}.ic-attachment{color:#777}.ic-attachment::before{color:inherit;content:"\e88e"}.ic-bank{color:#777}.ic-bank::before{color:inherit;content:"\e94a"}.ic-billing{color:#777}.ic-billing::before{color:inherit;content:"\e934"}.ic-billing-fill{color:#777}.ic-billing-fill::before{color:inherit;content:"\e960"}.ic-blank-icon{color:#777}.ic-blank-icon::before{color:inherit;content:"\e93d"}.ic-branch{color:#777}.ic-branch::before{color:inherit;content:"\e935"}.ic-broadcast{color:#777}.ic-broadcast::before{color:inherit;content:"\e936"}.ic-camera{color:#777}.ic-camera::before{color:inherit;content:"\e89e"}.ic-camera-fill{color:#777}.ic-camera-fill::before{color:inherit;content:"\e877"}.ic-calculator{color:#777}.ic-calculator::before{color:inherit;content:"\e84c"}.ic-calendar{color:#777}.ic-calendar::before{color:inherit;content:"\e938"}.ic-celebration{color:#777}.ic-celebration::before{color:inherit;content:"\e939"}.ic-certificate{color:#777}.ic-certificate::before{color:inherit;content:"\e8a1"}.ic-chat{color:#777}.ic-chat::before{color:inherit;content:"\e92e"}.ic-chevron-first{color:#777}.ic-chevron-first::before{color:inherit;content:"\e942"}.ic-chevron-last{color:#777}.ic-chevron-last::before{color:inherit;content:"\e943"}.ic-chevron-bottom{color:#777}.ic-chevron-bottom::before{color:inherit;content:"\e88b"}.ic-chevron-left{color:#777}.ic-chevron-left::before{color:inherit;content:"\e944"}.ic-chevron-right{color:#777}.ic-chevron-right::before{color:inherit;content:"\e945"}.ic-chevron-up{color:#777}.ic-chevron-up::before{color:inherit;content:"\e88c"}.ic-coa{color:#777}.ic-coa::before{color:inherit;content:"\e92f"}.ic-copy{color:#777}.ic-copy::before{color:inherit;content:"\e88a"}.ic-collapse{color:#777}.ic-collapse::before{color:inherit;content:"\e89b"}.ic-column-settings{color:#777}.ic-column-settings::before{color:inherit;content:"\e89c"}.ic-column-settings-small{color:#777}.ic-column-settings-small::before{color:inherit;content:"\e801"}.ic-company{color:#777}.ic-company::before{color:inherit;content:"\e930"}.ic-contact{color:#777}.ic-contact::before{color:inherit;content:"\e931"}.ic-credit-card{color:#777}.ic-credit-card::before{color:inherit;content:"\e932"}.ic-custom-slip{color:#777}.ic-custom-slip::before{color:inherit;content:"\e933"}.ic-dashboard{color:#777}.ic-dashboard::before{color:inherit;content:"\e928"}.ic-delete{color:#777}.ic-delete::before{color:inherit;content:"\e900"}.ic-description{color:#777}.ic-description::before{color:inherit;content:"\e929"}.ic-doc{color:#777}.ic-doc::before{color:inherit;content:"\e92a"}.ic-document-pdf{color:#777}.ic-document-pdf::before{color:inherit;content:"\e959"}.ic-dot{color:#777}.ic-dot::before{color:inherit;content:"\e8f0"}.ic-drag{color:#777}.ic-drag::before{color:inherit;content:"\e88d"}.ic-dropdown{color:#777}.ic-dropdown::before{color:inherit;content:"\e8ef"}.ic-edit{color:#777}.ic-edit::before{color:inherit;content:"\e887"}.ic-education{color:#777}.ic-education::before{color:inherit;content:"\e8a0"}.ic-equal{color:#777}.ic-equal::before{color:inherit;content:"\e886"}.ic-error{color:#777}.ic-error::before{color:inherit;content:"\e93e"}.ic-error-fill{color:#777}.ic-error-fill::before{color:inherit;content:"\e89a"}.ic-event{color:#777}.ic-event::before{color:inherit;content:"\e958"}.ic-expand{color:#777}.ic-expand::before{color:inherit;content:"\e899"}.ic-expense{color:#777}.ic-expense::before{color:inherit;content:"\e92b"}.ic-family{color:#777}.ic-family::before{color:inherit;content:"\e89f"}.ic-file-comment{color:#777}.ic-file-comment::before{color:inherit;content:"\e953"}.ic-file-history{color:#777}.ic-file-history::before{color:inherit;content:"\e952"}.ic-finance{color:#777}.ic-finance::before{color:inherit;content:"\e92c"}.ic-finance-dollar{color:#777}.ic-finance-dollar::before{color:inherit;content:"\e883"}.ic-finance-percentage{color:#777}.ic-finance-percentage::before{color:inherit;content:"\e881"}.ic-finance-rupiah{color:#777}.ic-finance-rupiah::before{color:inherit;content:"\e882"}.ic-file-download{color:#777}.ic-file-download::before{color:inherit;content:"\e885"}.ic-file-upload{color:#777}.ic-file-upload::before{color:inherit;content:"\e884"}.ic-filter{color:#777}.ic-filter::before{color:inherit;content:"\e993"}.ic-help{color:#777}.ic-help::before{color:inherit;content:"\e92d"}.ic-help-small{color:#777}.ic-help-small::before{color:inherit;content:"\e880"}.ic-history{color:#777}.ic-history::before{color:inherit;content:"\e922"}.ic-home{color:#777}.ic-home::before{color:inherit;content:"\e923"}.ic-img{color:#777}.ic-img::before{color:inherit;content:"\e924"}.ic-inbox{color:#777}.ic-inbox::before{color:inherit;content:"\e925"}.ic-inbox-fill{color:#777}.ic-inbox-fill::before{color:inherit;content:"\e902"}.ic-info{color:#777}.ic-info::before{color:inherit;content:"\e898"}.ic-info-fill{color:#777}.ic-info-fill::before{color:inherit;content:"\e903"}.ic-insurance{color:#777}.ic-insurance::before{color:inherit;content:"\e926"}.ic-integrasi{color:#777}.ic-integrasi::before{color:inherit;content:"\e927"}.ic-job-level{color:#777}.ic-job-level::before{color:inherit;content:"\e91c"}.ic-job-title{color:#777}.ic-job-title::before{color:inherit;content:"\e91d"}.ic-jurnal{color:#777}.ic-jurnal::before{color:inherit;content:"\e84b"}.ic-klikpajak{color:#777}.ic-klikpajak::before{color:inherit;content:"\e950"}.ic-loading{color:#777}.ic-loading::before{color:inherit;content:"\e896"}.ic-loan{color:#777}.ic-loan::before{color:inherit;content:"\e94f"}.ic-location{color:#777}.ic-location::before{color:inherit;content:"\e91e"}.ic-lock{color:#777}.ic-lock::before{color:inherit;content:"\e91f"}.ic-logout{color:#777}.ic-logout::before{color:inherit;content:"\e920"}.ic-kebab{color:#777}.ic-kebab::before{color:inherit;content:"\e897"}.ic-meatball{color:#777}.ic-meatball::before{color:inherit;content:"\e895"}.ic-message{color:#777}.ic-message::before{color:inherit;content:"\e957"}.ic-merge{color:#777}.ic-merge::before{color:inherit;content:"\e87f"}.ic-migration{color:#777}.ic-migration::before{color:inherit;content:"\e921"}.ic-m-download{color:#777}.ic-m-download::before{color:inherit;content:"\e95d"}.ic-m-progress{color:#777}.ic-m-progress::before{color:inherit;content:"\e95c"}.ic-m-remove{color:#777}.ic-m-remove::before{color:inherit;content:"\e95b"}.ic-m-success{color:#777}.ic-m-success::before{color:inherit;content:"\e95a"}.ic-notification{color:#777}.ic-notification::before{color:inherit;content:"\e916"}.ic-offboarding{color:#777}.ic-offboarding::before{color:inherit;content:"\e917"}.ic-onboarding{color:#777}.ic-onboarding::before{color:inherit;content:"\e918"}.ic-organization{color:#777}.ic-organization::before{color:inherit;content:"\e919"}.ic-other{color:#777}.ic-other::before{color:inherit;content:"\e91b"}.ic-other-list{color:#777}.ic-other-list::before{color:inherit;content:"\e91a"}.ic-overtime{color:#777}.ic-overtime::before{color:inherit;content:"\e910"}.ic-on-process-fill{color:#777}.ic-on-process-fill::before{color:inherit;content:"\e95f"}.ic-picker-calendar{color:#777}.ic-picker-calendar::before{color:inherit;content:"\e87e"}.ic-picker-time{color:#777}.ic-picker-time::before{color:inherit;content:"\e87d"}.ic-plans{color:#777}.ic-plans::before{color:inherit;content:"\e955"}.ic-product{color:#777}.ic-product::before{color:inherit;content:"\e911"}.ic-profile-pic{color:#777}.ic-profile-pic::before{color:inherit;content:"\e912"}.ic-purchase{color:#777}.ic-purchase::before{color:inherit;content:"\e913"}.ic-reload{color:#777}.ic-reload::before{color:inherit;content:"\e914"}.ic-report{color:#777}.ic-report::before{color:inherit;content:"\e915"}.ic-remove-line{color:#777}.ic-remove-line::before{color:inherit;content:"\e87c"}.ic-remove-line-fill{color:#777}.ic-remove-line-fill::before{color:inherit;content:"\e991"}.ic-reset{color:#777}.ic-reset::before{color:inherit;content:"\e90a"}.ic-reset-fill{color:#777}.ic-reset-fill::before{color:inherit;content:"\e87a"}.ic-resync{color:#777}.ic-resync::before{color:inherit;content:"\e8f2"}.ic-rules{color:#777}.ic-rules::before{color:inherit;content:"\e90b"}.ic-sale{color:#777}.ic-sale::before{color:inherit;content:"\e90c"}.ic-search{color:#777}.ic-search::before{color:inherit;content:"\e893"}.ic-send{color:#777}.ic-send::before{color:inherit;content:"\e892"}.ic-setting{color:#777}.ic-setting::before{color:inherit;content:"\e90d"}.ic-sort{color:#777}.ic-sort::before{color:inherit;content:"\e879"}.ic-staff{color:#777}.ic-staff::before{color:inherit;content:"\e90e"}.ic-stepper-error{color:#777}.ic-stepper-error::before{color:inherit;content:"\e901"}.ic-stepper-finished{color:#777}.ic-stepper-finished::before{color:inherit;content:"\e909"}.ic-success{color:#777}.ic-success::before{color:inherit;content:"\e93f"}.ic-success-fill{color:#777}.ic-success-fill::before{color:inherit;content:"\e891"}.ic-supplier{color:#777}.ic-supplier::before{color:inherit;content:"\e90f"}.ic-sync{color:#777}.ic-sync::before{color:inherit;content:"\e8f1"}.ic-tag{color:#777}.ic-tag::before{color:inherit;content:"\e878"}.ic-talenta{color:#777}.ic-talenta::before{color:inherit;content:"\e951"}.ic-task{color:#777}.ic-task::before{color:inherit;content:"\e946"}.ic-tax-history{color:#777}.ic-tax-history::before{color:inherit;content:"\e905"}.ic-team-goal{color:#777}.ic-team-goal::before{color:inherit;content:"\e954"}.ic-time{color:#777}.ic-time::before{color:inherit;content:"\e906"}.ic-transfer-account{color:#777}.ic-transfer-account::before{color:inherit;content:"\e907"}.ic-trash{color:#777}.ic-trash::before{color:inherit;content:"\e900"}.ic-upload-file{color:#777}.ic-upload-file::before{color:inherit;content:"\e908"}.ic-view-fill{color:#777}.ic-view-fill::before{color:inherit;content:"\e890"}.ic-view-hide-fill{color:#777}.ic-view-hide-fill::before{color:inherit;content:"\e88f"}.ic-warning-fill{color:#777}.ic-warning-fill::before{color:inherit;content:"\e940"}.ic-warning{color:#777}.ic-warning::before{color:inherit;content:"\e941"}.ic-zip{color:#777}.ic-zip::before{color:inherit;content:"\e904"}.ic-blankslate-jurnal-calendar{background-image:url(../../webfonts/blankslate/jurnal/calendar.svg)}.ic-blankslate-jurnal-location{background-image:url(../../webfonts/blankslate/jurnal/location.svg)}.ic-blankslate-jurnal-not-found{background-image:url(../../webfonts/blankslate/jurnal/not-found.svg)}.ic-blankslate-jurnal-process{background-image:url(../../webfonts/blankslate/jurnal/process.svg)}.ic-blankslate-jurnal-default{background-image:url(../../webfonts/blankslate/jurnal/default.svg)}.ic-blankslate-klikpajak-calendar{background-image:url(../../webfonts/blankslate/klikpajak/calendar.svg)}.ic-blankslate-klikpajak-location{background-image:url(../../webfonts/blankslate/klikpajak/location.svg)}.ic-blankslate-klikpajak-not-found{background-image:url(../../webfonts/blankslate/klikpajak/not-found.svg)}.ic-blankslate-klikpajak-process{background-image:url(../../webfonts/blankslate/klikpajak/process.svg)}.ic-blankslate-klikpajak-default{background-image:url(../../webfonts/blankslate/klikpajak/default.svg)}.ic-blankslate-talenta-calendar{background-image:url(../../webfonts/blankslate/talenta/calendar.svg)}.ic-blankslate-talenta-location{background-image:url(../../webfonts/blankslate/talenta/location.svg)}.ic-blankslate-talenta-not-found{background-image:url(../../webfonts/blankslate/talenta/not-found.svg)}.ic-blankslate-talenta-process{background-image:url(../../webfonts/blankslate/talenta/process.svg)}.ic-blankslate-talenta-default{background-image:url(../../webfonts/blankslate/talenta/default.svg)}
 /*# sourceMappingURL=mekari-ui-icons-min.css.map */

data/lib/assets/stylesheets/css/components/mekari-ui-icons-min.css.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../scss/components/config/_icons.scss"],"names":[],"mappings":"AAuJA,IACE,MAAA,KACA,OAAA,KACA,YAAA,mBAAA,CAAA,WACA,UAAA,KACA,wBAAA,UACA,uBAAA,YACA,WAAA,OACA,aAAA,OACA,eAAA,KACA,YAAA,EAGF,IACE,QAAA,aADF,aAII,MAAA,KACA,OAAA,KACA,UAAA,KANJ,cASI,MAAA,KACA,OAAA,KACA,UAAA,KAXJ,aAcI,MAAA,KACA,OAAA,KACA,UAAA,KAhBJ,kBAmBI,MAAA,MACA,OAAA,MACA,QAAA,KACA,kBAAA,UACA,oBAAA,OACA,gBAAA,MAAA,MAIJ,iBACE,SAAA,SACA,IAAA,IACA,KAAA,IACA,QAAA,EACA,QAAA,EACA,MAAA,QACA,eAAA,IACA,OAAA,QARF,0BAUI,IAAA,IACA,KAAA,KAIJ,iBACE,SAAA,SACA,IAAA,IACA,MAAA,IACA,QAAA,EACA,QAAA,EACA,MAAA,QACA,eAAA,IACA,OAAA,QARF,wCAAA,yCAWI,MAAA,KACA,QAAA,EAZJ,0BAeI,IAAA,IACA,MAAA,KAhBJ,iDAAA,kDAmBM,MAAA,KAMJ,aACE,MAAA,KADF,qBAGI,MAAA,QACA,QAAA,QAJJ,QACE,MAAA,KADF,gBAGI,MAAA,QACA,QAAA,QAJJ,WACE,MAAA,KADF,mBAGI,MAAA,QACA,QAAA,QAJJ,cACE,MAAA,KADF,sBAGI,MAAA,QACA,QAAA,QAJJ,eACE,MAAA,KADF,uBAGI,MAAA,QACA,QAAA,QAJJ,UACE,MAAA,KADF,kBAGI,MAAA,QACA,QAAA,QAJJ,aACE,MAAA,KADF,qBAGI,MAAA,QACA,QAAA,QAJJ,eACE,MAAA,KADF,uBAGI,MAAA,QACA,QAAA,QAJJ,eACE,MAAA,KADF,uBAGI,MAAA,QACA,QAAA,QAJJ,gBACE,MAAA,KADF,wBAGI,MAAA,QACA,QAAA,QAJJ,aACE,MAAA,KADF,qBAGI,MAAA,QACA,QAAA,QAJJ,UACE,MAAA,KADF,kBAGI,MAAA,QACA,QAAA,QAJJ,eACE,MAAA,KADF,uBAGI,MAAA,QACA,QAAA,QAJJ,SACE,MAAA,KADF,iBAGI,MAAA,QACA,QAAA,QAJJ,YACE,MAAA,KADF,oBAGI,MAAA,QACA,QAAA,QAJJ,eACE,MAAA,KADF,uBAGI,MAAA,QACA,QAAA,QAJJ,WACE,MAAA,KADF,mBAGI,MAAA,QACA,QAAA,QAJJ,cACE,MAAA,KADF,sBAGI,MAAA,QACA,QAAA,QAJJ,WACE,MAAA,KADF,mBAGI,MAAA,QACA,QAAA,QAJJ,gBACE,MAAA,KADF,wBAGI,MAAA,QACA,QAAA,QAJJ,eACE,MAAA,KADF,uBAGI,MAAA,QACA,QAAA,QAJJ,aACE,MAAA,KADF,qBAGI,MAAA,QACA,QAAA,QAJJ,gBACE,MAAA,KADF,wBAGI,MAAA,QACA,QAAA,QAJJ,gBACE,MAAA,KADF,wBAGI,MAAA,QACA,QAAA,QAJJ,SACE,MAAA,KADF,iBAGI,MAAA,QACA,QAAA,QAJJ,kBACE,MAAA,KADF,0BAGI,MAAA,QACA,QAAA,QAJJ,iBACE,MAAA,KADF,yBAGI,MAAA,QACA,QAAA,QAJJ,mBACE,MAAA,KADF,2BAGI,MAAA,QACA,QAAA,QAJJ,iBACE,MAAA,KADF,yBAGI,MAAA,QACA,QAAA,QAJJ,kBACE,MAAA,KADF,0BAGI,MAAA,QACA,QAAA,QAJJ,eACE,MAAA,KADF,uBAGI,MAAA,QACA,QAAA,QAJJ,QACE,MAAA,KADF,gBAGI,MAAA,QACA,QAAA,QAJJ,SACE,MAAA,KADF,iBAGI,MAAA,QACA,QAAA,QAJJ,aACE,MAAA,KADF,qBAGI,MAAA,QACA,QAAA,QAJJ,oBACE,MAAA,KADF,4BAGI,MAAA,QACA,QAAA,QAJJ,0BACE,MAAA,KADF,kCAGI,MAAA,QACA,QAAA,QAJJ,YACE,MAAA,KADF,oBAGI,MAAA,QACA,QAAA,QAJJ,YACE,MAAA,KADF,oBAGI,MAAA,QACA,QAAA,QAJJ,gBACE,MAAA,KADF,wBAGI,MAAA,QACA,QAAA,QAJJ,gBACE,MAAA,KADF,wBAGI,MAAA,QACA,QAAA,QAJJ,cACE,MAAA,KADF,sBAGI,MAAA,QACA,QAAA,QAJJ,WACE,MAAA,KADF,mBAGI,MAAA,QACA,QAAA,QAJJ,gBACE,MAAA,KADF,wBAGI,MAAA,QACA,QAAA,QAJJ,QACE,MAAA,KADF,gBAGI,MAAA,QACA,QAAA,QAJJ,QACE,MAAA,KADF,gBAGI,MAAA,QACA,QAAA,QAJJ,SACE,MAAA,KADF,iBAGI,MAAA,QACA,QAAA,QAJJ,aACE,MAAA,KADF,qBAGI,MAAA,QACA,QAAA,QAJJ,SACE,MAAA,KADF,iBAGI,MAAA,QACA,QAAA,QAJJ,cACE,MAAA,KADF,sBAGI,MAAA,QACA,QAAA,QAJJ,UACE,MAAA,KADF,kBAGI,MAAA,QACA,QAAA,QAJJ,UACE,MAAA,KADF,kBAGI,MAAA,QACA,QAAA,QAJJ,eACE,MAAA,KADF,uBAGI,MAAA,QACA,QAAA,QAJJ,WACE,MAAA,KADF,mBAGI,MAAA,QACA,QAAA,QAJJ,YACE,MAAA,KADF,oBAGI,MAAA,QACA,QAAA,QAJJ,WACE,MAAA,KADF,mBAGI,MAAA,QACA,QAAA,QAJJ,iBACE,MAAA,KADF,yBAGI,MAAA,QACA,QAAA,QAJJ,iBACE,MAAA,KADF,yBAGI,MAAA,QACA,QAAA,QAJJ,YACE,MAAA,KADF,oBAGI,MAAA,QACA,QAAA,QAJJ,mBACE,MAAA,KADF,2BAGI,MAAA,QACA,QAAA,QAJJ,uBACE,MAAA,KADF,+BAGI,MAAA,QACA,QAAA,QAJJ,mBACE,MAAA,KADF,2BAGI,MAAA,QACA,QAAA,QAJJ,kBACE,MAAA,KADF,0BAGI,MAAA,QACA,QAAA,QAJJ,gBACE,MAAA,KADF,wBAGI,MAAA,QACA,QAAA,QAJJ,SACE,MAAA,KADF,iBAGI,MAAA,QACA,QAAA,QAJJ,eACE,MAAA,KADF,uBAGI,MAAA,QACA,QAAA,QAJJ,YACE,MAAA,KADF,oBAGI,MAAA,QACA,QAAA,QAJJ,SACE,MAAA,KADF,iBAGI,MAAA,QACA,QAAA,QAJJ,QACE,MAAA,KADF,gBAGI,MAAA,QACA,QAAA,QAJJ,UACE,MAAA,KADF,kBAGI,MAAA,QACA,QAAA,QAJJ,eACE,MAAA,KADF,uBAGI,MAAA,QACA,QAAA,QAJJ,SACE,MAAA,KADF,iBAGI,MAAA,QACA,QAAA,QAJJ,cACE,MAAA,KADF,sBAGI,MAAA,QACA,QAAA,QAJJ,cACE,MAAA,KADF,sBAGI,MAAA,QACA,QAAA,QAJJ,cACE,MAAA,KADF,sBAGI,MAAA,QACA,QAAA,QAJJ,cACE,MAAA,KADF,sBAGI,MAAA,QACA,QAAA,QAJJ,cACE,MAAA,KADF,sBAGI,MAAA,QACA,QAAA,QAJJ,WACE,MAAA,KADF,mBAGI,MAAA,QACA,QAAA,QAJJ,cACE,MAAA,KADF,sBAGI,MAAA,QACA,QAAA,QAJJ,YACE,MAAA,KADF,oBAGI,MAAA,QACA,QAAA,QAJJ,SACE,MAAA,KADF,iBAGI,MAAA,QACA,QAAA,QAJJ,aACE,MAAA,KADF,qBAGI,MAAA,QACA,QAAA,QAJJ,SACE,MAAA,KADF,iBAGI,MAAA,QACA,QAAA,QAJJ,WACE,MAAA,KADF,mBAGI,MAAA,QACA,QAAA,QAJJ,UACE,MAAA,KADF,kBAGI,MAAA,QACA,QAAA,QAJJ,aACE,MAAA,KADF,qBAGI,MAAA,QACA,QAAA,QAJJ,YACE,MAAA,KADF,oBAGI,MAAA,QACA,QAAA,QAJJ,UACE,MAAA,KADF,kBAGI,MAAA,QACA,QAAA,QAJJ,cACE,MAAA,KADF,sBAGI,MAAA,QACA,QAAA,QAJJ,iBACE,MAAA,KADF,yBAGI,MAAA,QACA,QAAA,QAJJ,gBACE,MAAA,KADF,wBAGI,MAAA,QACA,QAAA,QAJJ,eACE,MAAA,KADF,uBAGI,MAAA,QACA,QAAA,QAJJ,iBACE,MAAA,KADF,yBAGI,MAAA,QACA,QAAA,QAJJ,UACE,MAAA,KADF,kBAGI,MAAA,QACA,QAAA,QAJJ,eACE,MAAA,KADF,uBAGI,MAAA,QACA,QAAA,QAJJ,aACE,MAAA,KADF,qBAGI,MAAA,QACA,QAAA,QAJJ,oBACE,MAAA,KADF,4BAGI,MAAA,QACA,QAAA,QAJJ,gBACE,MAAA,KADF,wBAGI,MAAA,QACA,QAAA,QAJJ,UACE,MAAA,KADF,kBAGI,MAAA,QACA,QAAA,QAJJ,YACE,MAAA,KADF,oBAGI,MAAA,QACA,QAAA,QAJJ,gBACE,MAAA,KADF,wBAGI,MAAA,QACA,QAAA,QAJJ,aACE,MAAA,KADF,qBAGI,MAAA,QACA,QAAA,QAJJ,WACE,MAAA,KADF,mBAGI,MAAA,QACA,QAAA,QAJJ,WACE,MAAA,KADF,mBAGI,MAAA,QACA,QAAA,QAJJ,gBACE,MAAA,KADF,wBAGI,MAAA,QACA,QAAA,QAJJ,UACE,MAAA,KADF,kBAGI,MAAA,QACA,QAAA,QAJJ,eACE,MAAA,KADF,uBAGI,MAAA,QACA,QAAA,QAJJ,WACE,MAAA,KADF,mBAGI,MAAA,QACA,QAAA,QAJJ,UACE,MAAA,KADF,kBAGI,MAAA,QACA,QAAA,QAJJ,SACE,MAAA,KADF,iBAGI,MAAA,QACA,QAAA,QAJJ,WACE,MAAA,KADF,mBAGI,MAAA,QACA,QAAA,QAJJ,SACE,MAAA,KADF,iBAGI,MAAA,QACA,QAAA,QAJJ,YACE,MAAA,KADF,oBAGI,MAAA,QACA,QAAA,QAJJ,SACE,MAAA,KADF,iBAGI,MAAA,QACA,QAAA,QAJJ,UACE,MAAA,KADF,kBAGI,MAAA,QACA,QAAA,QAJJ,kBACE,MAAA,KADF,0BAGI,MAAA,QACA,QAAA,QAJJ,qBACE,MAAA,KADF,6BAGI,MAAA,QACA,QAAA,QAJJ,YACE,MAAA,KADF,oBAGI,MAAA,QACA,QAAA,QAJJ,iBACE,MAAA,KADF,yBAGI,MAAA,QACA,QAAA,QAJJ,aACE,MAAA,KADF,qBAGI,MAAA,QACA,QAAA,QAJJ,SACE,MAAA,KADF,iBAGI,MAAA,QACA,QAAA,QAJJ,QACE,MAAA,KADF,gBAGI,MAAA,QACA,QAAA,QAJJ,YACE,MAAA,KADF,oBAGI,MAAA,QACA,QAAA,QAJJ,SACE,MAAA,KADF,iBAGI,MAAA,QACA,QAAA,QAJJ,gBACE,MAAA,KADF,wBAGI,MAAA,QACA,QAAA,QAJJ,cACE,MAAA,KADF,sBAGI,MAAA,QACA,QAAA,QAJJ,SACE,MAAA,KADF,iBAGI,MAAA,QACA,QAAA,QAJJ,qBACE,MAAA,KADF,6BAGI,MAAA,QACA,QAAA,QAJJ,UACE,MAAA,KADF,kBAGI,MAAA,QACA,QAAA,QAJJ,gBACE,MAAA,KADF,wBAGI,MAAA,QACA,QAAA,QAJJ,cACE,MAAA,KADF,sBAGI,MAAA,QACA,QAAA,QAJJ,mBACE,MAAA,KADF,2BAGI,MAAA,QACA,QAAA,QAJJ,iBACE,MAAA,KADF,yBAGI,MAAA,QACA,QAAA,QAJJ,YACE,MAAA,KADF,oBAGI,MAAA,QACA,QAAA,QAJJ,QACE,MAAA,KADF,gBAGI,MAAA,QACA,QAAA,QAOF,+BACE,iBAAA,mDADF,+BACE,iBAAA,mDADF,gCACE,iBAAA,oDADF,8BACE,iBAAA,kDADF,0BACE,iBAAA,8CADF,kCACE,iBAAA,sDADF,kCACE,iBAAA,sDADF,mCACE,iBAAA,uDADF,iCACE,iBAAA,qDADF,6BACE,iBAAA,iDADF,gCACE,iBAAA,oDADF,gCACE,iBAAA,oDADF,iCACE,iBAAA,qDADF,+BACE,iBAAA,mDADF,2BACE,iBAAA","sourcesContent":["// variables for icons\n$icons-map: ();\n$icons-map: map-merge(\n (\n \"ic-activity\": \\e93a,\n \"ic-add\": \\e800,\n \"ic-addons\": \\e93b,\n \"ic-add-staff\": \\e956,\n \"ic-adjustment\": \\e947,\n \"ic-alarm\": \\e93c,\n \"ic-approval\": \\e948,\n \"ic-arrow-down\": \\e94b,\n \"ic-arrow-left\": \\e94c,\n \"ic-arrow-right\": \\e94d,\n \"ic-arrow-up\": \\e94e,\n \"ic-asset\": \\e949,\n \"ic-attachment\": \\e88e,\n \"ic-bank\": \\e94a,\n \"ic-billing\": \\e934,\n \"ic-blank-icon\": \\e93d,\n \"ic-branch\": \\e935,\n \"ic-broadcast\": \\e936,\n \"ic-camera\": \\e89e,\n \"ic-camera-fill\": \\e877,\n \"ic-calculator\": \\e84c,\n \"ic-calendar\": \\e938,\n \"ic-celebration\": \\e939,\n \"ic-certificate\": \\e8a1,\n \"ic-chat\": \\e92e,\n \"ic-chevron-first\": \\e942,\n \"ic-chevron-last\": \\e943,\n \"ic-chevron-bottom\": \\e88b,\n \"ic-chevron-left\": \\e944,\n \"ic-chevron-right\": \\e945,\n \"ic-chevron-up\": \\e88c,\n \"ic-coa\": \\e92f,\n \"ic-copy\": \\e88a,\n \"ic-collapse\": \\e89b,\n \"ic-column-settings\": \\e89c,\n \"ic-column-settings-small\": \\e801,\n \"ic-company\": \\e930,\n \"ic-contact\": \\e931,\n \"ic-credit-card\": \\e932,\n \"ic-custom-slip\": \\e933,\n \"ic-dashboard\": \\e928,\n \"ic-delete\": \\e900,\n \"ic-description\": \\e929,\n \"ic-doc\": \\e92a,\n \"ic-dot\": \\e8f0,\n \"ic-drag\": \\e88d,\n \"ic-dropdown\": \\e8ef,\n \"ic-edit\": \\e887,\n \"ic-education\": \\e8a0,\n \"ic-equal\": \\e886,\n \"ic-error\": \\e93e,\n \"ic-error-fill\": \\e89a,\n \"ic-expand\": \\e899,\n \"ic-expense\": \\e92b,\n \"ic-family\": \\e89f,\n \"ic-file-comment\": \\e953,\n \"ic-file-history\": \\e952,\n \"ic-finance\": \\e92c,\n \"ic-finance-dollar\": \\e883,\n \"ic-finance-percentage\": \\e881,\n \"ic-finance-rupiah\": \\e882,\n \"ic-file-download\": \\e885,\n \"ic-file-upload\": \\e884,\n \"ic-help\": \\e92d,\n \"ic-help-small\": \\e880,\n \"ic-history\": \\e922,\n \"ic-home\": \\e923,\n \"ic-img\": \\e924,\n \"ic-inbox\": \\e925,\n \"ic-inbox-fill\": \\e902,\n \"ic-info\": \\e898,\n \"ic-info-fill\": \\e903,\n \"ic-insurance\": \\e926,\n \"ic-integrasi\": \\e927,\n \"ic-job-level\": \\e91c,\n \"ic-job-title\": \\e91d,\n \"ic-jurnal\": \\e84b,\n \"ic-klikpajak\": \\e950,\n \"ic-loading\": \\e896,\n \"ic-loan\": \\e94f,\n \"ic-location\": \\e91e,\n \"ic-lock\": \\e91f,\n \"ic-logout\": \\e920,\n \"ic-kebab\": \\e897,\n \"ic-meatball\": \\e895,\n \"ic-message\": \\e957,\n \"ic-merge\": \\e87f,\n \"ic-migration\": \\e921,\n \"ic-notification\": \\e916,\n \"ic-offboarding\": \\e917,\n \"ic-onboarding\": \\e918,\n \"ic-organization\": \\e919,\n \"ic-other\": \\e91b,\n \"ic-other-list\": \\e91a,\n \"ic-overtime\": \\e910,\n \"ic-picker-calendar\": \\e87e,\n \"ic-picker-time\": \\e87d,\n \"ic-plans\": \\e955,\n \"ic-product\": \\e911,\n \"ic-profile-pic\": \\e912,\n \"ic-purchase\": \\e913,\n \"ic-reload\": \\e914,\n \"ic-report\": \\e915,\n \"ic-remove-line\": \\e87c,\n \"ic-reset\": \\e90a,\n \"ic-reset-fill\": \\e87a,\n \"ic-resync\": \\e8f2,\n \"ic-rules\": \\e90b,\n \"ic-sale\": \\e90c,\n \"ic-search\": \\e893,\n \"ic-send\": \\e892,\n \"ic-setting\": \\e90d,\n \"ic-sort\": \\e879,\n \"ic-staff\": \\e90e,\n \"ic-stepper-error\": \\e901,\n \"ic-stepper-finished\": \\e909,\n \"ic-success\": \\e93f,\n \"ic-success-fill\": \\e891,\n \"ic-supplier\": \\e90f,\n \"ic-sync\": \\e8f1,\n \"ic-tag\": \\e878,\n \"ic-talenta\": \\e951,\n \"ic-task\": \\e946,\n \"ic-tax-history\": \\e905,\n \"ic-team-goal\": \\e954,\n \"ic-time\": \\e906,\n \"ic-transfer-account\": \\e907,\n \"ic-trash\": \\e900,\n \"ic-upload-file\": \\e908,\n \"ic-view-fill\": \\e890,\n \"ic-view-hide-fill\": \\e88f,\n \"ic-warning-fill\": \\e940,\n \"ic-warning\": \\e941,\n \"ic-zip\": \\e904,\n ),\n $icons-map\n);\n\n$icon-blankslate-path: \"#{$icon-font-path}blankslate\";\n$icons-blankslate-name: \"calendar\", \"location\", \"not-found\", \"process\", \"web\";\n$icons-blankslate-product: \"jurnal\", \"klikpajak\", \"talenta\";\n\n// To properly convert Unicodes in the resulting CSS\n@function icon-sanitize($icon) {\n @return unquote(\"\\\"#{ $icon }\\\"\");\n}\n\n%ic-template {\n width: 24px;\n height: 24px;\n font-family: \"#{$icon-font-family-prefix}#{$icon-font-family}\", sans-serif;\n font-size: 24px;\n -moz-osx-font-smoothing: grayscale;\n -webkit-font-smoothing: antialiased;\n font-style: normal;\n font-variant: normal;\n text-rendering: auto;\n line-height: 1;\n}\n\n.ic {\n display: inline-block;\n @extend %ic-template;\n &.ic-small {\n width: 20px;\n height: 20px;\n font-size: 20px;\n }\n &.ic-medium {\n width: 32px;\n height: 32px;\n font-size: 32px;\n }\n &.ic-large {\n width: 60px;\n height: 60px;\n font-size: 60px;\n }\n &.ic-blankslate {\n width: 120px;\n height: 120px;\n padding: 10px;\n background-repeat: no-repeat;\n background-position: center;\n background-size: 100px 100px;\n }\n}\n\n.ic-input-prefix {\n position: absolute;\n top: 6px;\n left: 6px;\n z-index: 5;\n padding: 0;\n color: inherit;\n pointer-events: all;\n cursor: pointer;\n &.ic-small {\n top: 7px;\n left: 10px;\n }\n}\n\n.ic-input-suffix {\n position: absolute;\n top: 6px;\n right: 6px;\n z-index: 5;\n padding: 0;\n color: inherit;\n pointer-events: all;\n cursor: pointer;\n &.ic-input-double-suffix, // this will be deprecated in future version\n &.ic-input-suffix--double {\n right: 36px;\n z-index: 5;\n }\n &.ic-small {\n top: 7px;\n right: 10px;\n &.ic-input-double-suffix, // this will be deprecated in future version\n &.ic-input-suffix--double {\n right: 38px;\n }\n }\n}\n\n@each $name, $value in $icons-map {\n .#{$name} {\n color: $slate;\n &::before {\n color: inherit;\n content: icon-sanitize($value);\n }\n }\n}\n\n@each $product in $icons-blankslate-product {\n @each $name in $icons-blankslate-name {\n .ic-blankslate-#{$product}-#{$name} {\n background-image: url(\"#{$icon-blankslate-path}/#{$product}/#{$name}.svg\");\n }\n }\n}\n"]}
1	+ {"version":3,"sources":["../../../scss/components/config/_icons.scss"],"names":[],"mappings":"AAmKA,IACE,MAAA,KACA,OAAA,KACA,YAAA,mBAAA,CAAA,WACA,UAAA,KACA,wBAAA,UACA,uBAAA,YACA,WAAA,OACA,aAAA,OACA,eAAA,KACA,YAAA,EAGF,IACE,QAAA,aADF,aAII,MAAA,KACA,OAAA,KACA,UAAA,KANJ,cASI,MAAA,KACA,OAAA,KACA,UAAA,KAXJ,aAcI,MAAA,KACA,OAAA,KACA,UAAA,KAhBJ,kBAmBI,MAAA,MACA,OAAA,MACA,QAAA,KACA,kBAAA,UACA,oBAAA,OACA,gBAAA,MAAA,MAIJ,iBACE,SAAA,SACA,IAAA,IACA,KAAA,IACA,QAAA,EACA,QAAA,EACA,MAAA,QACA,eAAA,IACA,OAAA,QARF,0BAUI,IAAA,IACA,KAAA,KAIJ,iBACE,SAAA,SACA,IAAA,IACA,MAAA,IACA,QAAA,EACA,QAAA,EACA,MAAA,QACA,eAAA,IACA,OAAA,QARF,wCAAA,yCAWI,MAAA,KACA,QAAA,EAZJ,0BAeI,IAAA,IACA,MAAA,KAhBJ,iDAAA,kDAmBM,MAAA,KAMJ,aACE,MAAA,KADF,qBAGI,MAAA,QACA,QAAA,QAJJ,QACE,MAAA,KADF,gBAGI,MAAA,QACA,QAAA,QAJJ,WACE,MAAA,KADF,mBAGI,MAAA,QACA,QAAA,QAJJ,aACE,MAAA,KADF,qBAGI,MAAA,QACA,QAAA,QAJJ,mBACE,MAAA,KADF,2BAGI,MAAA,QACA,QAAA,QAJJ,cACE,MAAA,KADF,sBAGI,MAAA,QACA,QAAA,QAJJ,eACE,MAAA,KADF,uBAGI,MAAA,QACA,QAAA,QAJJ,UACE,MAAA,KADF,kBAGI,MAAA,QACA,QAAA,QAJJ,aACE,MAAA,KADF,qBAGI,MAAA,QACA,QAAA,QAJJ,eACE,MAAA,KADF,uBAGI,MAAA,QACA,QAAA,QAJJ,eACE,MAAA,KADF,uBAGI,MAAA,QACA,QAAA,QAJJ,gBACE,MAAA,KADF,wBAGI,MAAA,QACA,QAAA,QAJJ,aACE,MAAA,KADF,qBAGI,MAAA,QACA,QAAA,QAJJ,UACE,MAAA,KADF,kBAGI,MAAA,QACA,QAAA,QAJJ,eACE,MAAA,KADF,uBAGI,MAAA,QACA,QAAA,QAJJ,SACE,MAAA,KADF,iBAGI,MAAA,QACA,QAAA,QAJJ,YACE,MAAA,KADF,oBAGI,MAAA,QACA,QAAA,QAJJ,iBACE,MAAA,KADF,yBAGI,MAAA,QACA,QAAA,QAJJ,eACE,MAAA,KADF,uBAGI,MAAA,QACA,QAAA,QAJJ,WACE,MAAA,KADF,mBAGI,MAAA,QACA,QAAA,QAJJ,cACE,MAAA,KADF,sBAGI,MAAA,QACA,QAAA,QAJJ,WACE,MAAA,KADF,mBAGI,MAAA,QACA,QAAA,QAJJ,gBACE,MAAA,KADF,wBAGI,MAAA,QACA,QAAA,QAJJ,eACE,MAAA,KADF,uBAGI,MAAA,QACA,QAAA,QAJJ,aACE,MAAA,KADF,qBAGI,MAAA,QACA,QAAA,QAJJ,gBACE,MAAA,KADF,wBAGI,MAAA,QACA,QAAA,QAJJ,gBACE,MAAA,KADF,wBAGI,MAAA,QACA,QAAA,QAJJ,SACE,MAAA,KADF,iBAGI,MAAA,QACA,QAAA,QAJJ,kBACE,MAAA,KADF,0BAGI,MAAA,QACA,QAAA,QAJJ,iBACE,MAAA,KADF,yBAGI,MAAA,QACA,QAAA,QAJJ,mBACE,MAAA,KADF,2BAGI,MAAA,QACA,QAAA,QAJJ,iBACE,MAAA,KADF,yBAGI,MAAA,QACA,QAAA,QAJJ,kBACE,MAAA,KADF,0BAGI,MAAA,QACA,QAAA,QAJJ,eACE,MAAA,KADF,uBAGI,MAAA,QACA,QAAA,QAJJ,QACE,MAAA,KADF,gBAGI,MAAA,QACA,QAAA,QAJJ,SACE,MAAA,KADF,iBAGI,MAAA,QACA,QAAA,QAJJ,aACE,MAAA,KADF,qBAGI,MAAA,QACA,QAAA,QAJJ,oBACE,MAAA,KADF,4BAGI,MAAA,QACA,QAAA,QAJJ,0BACE,MAAA,KADF,kCAGI,MAAA,QACA,QAAA,QAJJ,YACE,MAAA,KADF,oBAGI,MAAA,QACA,QAAA,QAJJ,YACE,MAAA,KADF,oBAGI,MAAA,QACA,QAAA,QAJJ,gBACE,MAAA,KADF,wBAGI,MAAA,QACA,QAAA,QAJJ,gBACE,MAAA,KADF,wBAGI,MAAA,QACA,QAAA,QAJJ,cACE,MAAA,KADF,sBAGI,MAAA,QACA,QAAA,QAJJ,WACE,MAAA,KADF,mBAGI,MAAA,QACA,QAAA,QAJJ,gBACE,MAAA,KADF,wBAGI,MAAA,QACA,QAAA,QAJJ,QACE,MAAA,KADF,gBAGI,MAAA,QACA,QAAA,QAJJ,iBACE,MAAA,KADF,yBAGI,MAAA,QACA,QAAA,QAJJ,QACE,MAAA,KADF,gBAGI,MAAA,QACA,QAAA,QAJJ,SACE,MAAA,KADF,iBAGI,MAAA,QACA,QAAA,QAJJ,aACE,MAAA,KADF,qBAGI,MAAA,QACA,QAAA,QAJJ,SACE,MAAA,KADF,iBAGI,MAAA,QACA,QAAA,QAJJ,cACE,MAAA,KADF,sBAGI,MAAA,QACA,QAAA,QAJJ,UACE,MAAA,KADF,kBAGI,MAAA,QACA,QAAA,QAJJ,UACE,MAAA,KADF,kBAGI,MAAA,QACA,QAAA,QAJJ,eACE,MAAA,KADF,uBAGI,MAAA,QACA,QAAA,QAJJ,UACE,MAAA,KADF,kBAGI,MAAA,QACA,QAAA,QAJJ,WACE,MAAA,KADF,mBAGI,MAAA,QACA,QAAA,QAJJ,YACE,MAAA,KADF,oBAGI,MAAA,QACA,QAAA,QAJJ,WACE,MAAA,KADF,mBAGI,MAAA,QACA,QAAA,QAJJ,iBACE,MAAA,KADF,yBAGI,MAAA,QACA,QAAA,QAJJ,iBACE,MAAA,KADF,yBAGI,MAAA,QACA,QAAA,QAJJ,YACE,MAAA,KADF,oBAGI,MAAA,QACA,QAAA,QAJJ,mBACE,MAAA,KADF,2BAGI,MAAA,QACA,QAAA,QAJJ,uBACE,MAAA,KADF,+BAGI,MAAA,QACA,QAAA,QAJJ,mBACE,MAAA,KADF,2BAGI,MAAA,QACA,QAAA,QAJJ,kBACE,MAAA,KADF,0BAGI,MAAA,QACA,QAAA,QAJJ,gBACE,MAAA,KADF,wBAGI,MAAA,QACA,QAAA,QAJJ,WACE,MAAA,KADF,mBAGI,MAAA,QACA,QAAA,QAJJ,SACE,MAAA,KADF,iBAGI,MAAA,QACA,QAAA,QAJJ,eACE,MAAA,KADF,uBAGI,MAAA,QACA,QAAA,QAJJ,YACE,MAAA,KADF,oBAGI,MAAA,QACA,QAAA,QAJJ,SACE,MAAA,KADF,iBAGI,MAAA,QACA,QAAA,QAJJ,QACE,MAAA,KADF,gBAGI,MAAA,QACA,QAAA,QAJJ,UACE,MAAA,KADF,kBAGI,MAAA,QACA,QAAA,QAJJ,eACE,MAAA,KADF,uBAGI,MAAA,QACA,QAAA,QAJJ,SACE,MAAA,KADF,iBAGI,MAAA,QACA,QAAA,QAJJ,cACE,MAAA,KADF,sBAGI,MAAA,QACA,QAAA,QAJJ,cACE,MAAA,KADF,sBAGI,MAAA,QACA,QAAA,QAJJ,cACE,MAAA,KADF,sBAGI,MAAA,QACA,QAAA,QAJJ,cACE,MAAA,KADF,sBAGI,MAAA,QACA,QAAA,QAJJ,cACE,MAAA,KADF,sBAGI,MAAA,QACA,QAAA,QAJJ,WACE,MAAA,KADF,mBAGI,MAAA,QACA,QAAA,QAJJ,cACE,MAAA,KADF,sBAGI,MAAA,QACA,QAAA,QAJJ,YACE,MAAA,KADF,oBAGI,MAAA,QACA,QAAA,QAJJ,SACE,MAAA,KADF,iBAGI,MAAA,QACA,QAAA,QAJJ,aACE,MAAA,KADF,qBAGI,MAAA,QACA,QAAA,QAJJ,SACE,MAAA,KADF,iBAGI,MAAA,QACA,QAAA,QAJJ,WACE,MAAA,KADF,mBAGI,MAAA,QACA,QAAA,QAJJ,UACE,MAAA,KADF,kBAGI,MAAA,QACA,QAAA,QAJJ,aACE,MAAA,KADF,qBAGI,MAAA,QACA,QAAA,QAJJ,YACE,MAAA,KADF,oBAGI,MAAA,QACA,QAAA,QAJJ,UACE,MAAA,KADF,kBAGI,MAAA,QACA,QAAA,QAJJ,cACE,MAAA,KADF,sBAGI,MAAA,QACA,QAAA,QAJJ,eACE,MAAA,KADF,uBAGI,MAAA,QACA,QAAA,QAJJ,eACE,MAAA,KADF,uBAGI,MAAA,QACA,QAAA,QAJJ,aACE,MAAA,KADF,qBAGI,MAAA,QACA,QAAA,QAJJ,cACE,MAAA,KADF,sBAGI,MAAA,QACA,QAAA,QAJJ,iBACE,MAAA,KADF,yBAGI,MAAA,QACA,QAAA,QAJJ,gBACE,MAAA,KADF,wBAGI,MAAA,QACA,QAAA,QAJJ,eACE,MAAA,KADF,uBAGI,MAAA,QACA,QAAA,QAJJ,iBACE,MAAA,KADF,yBAGI,MAAA,QACA,QAAA,QAJJ,UACE,MAAA,KADF,kBAGI,MAAA,QACA,QAAA,QAJJ,eACE,MAAA,KADF,uBAGI,MAAA,QACA,QAAA,QAJJ,aACE,MAAA,KADF,qBAGI,MAAA,QACA,QAAA,QAJJ,oBACE,MAAA,KADF,4BAGI,MAAA,QACA,QAAA,QAJJ,oBACE,MAAA,KADF,4BAGI,MAAA,QACA,QAAA,QAJJ,gBACE,MAAA,KADF,wBAGI,MAAA,QACA,QAAA,QAJJ,UACE,MAAA,KADF,kBAGI,MAAA,QACA,QAAA,QAJJ,YACE,MAAA,KADF,oBAGI,MAAA,QACA,QAAA,QAJJ,gBACE,MAAA,KADF,wBAGI,MAAA,QACA,QAAA,QAJJ,aACE,MAAA,KADF,qBAGI,MAAA,QACA,QAAA,QAJJ,WACE,MAAA,KADF,mBAGI,MAAA,QACA,QAAA,QAJJ,WACE,MAAA,KADF,mBAGI,MAAA,QACA,QAAA,QAJJ,gBACE,MAAA,KADF,wBAGI,MAAA,QACA,QAAA,QAJJ,qBACE,MAAA,KADF,6BAGI,MAAA,QACA,QAAA,QAJJ,UACE,MAAA,KADF,kBAGI,MAAA,QACA,QAAA,QAJJ,eACE,MAAA,KADF,uBAGI,MAAA,QACA,QAAA,QAJJ,WACE,MAAA,KADF,mBAGI,MAAA,QACA,QAAA,QAJJ,UACE,MAAA,KADF,kBAGI,MAAA,QACA,QAAA,QAJJ,SACE,MAAA,KADF,iBAGI,MAAA,QACA,QAAA,QAJJ,WACE,MAAA,KADF,mBAGI,MAAA,QACA,QAAA,QAJJ,SACE,MAAA,KADF,iBAGI,MAAA,QACA,QAAA,QAJJ,YACE,MAAA,KADF,oBAGI,MAAA,QACA,QAAA,QAJJ,SACE,MAAA,KADF,iBAGI,MAAA,QACA,QAAA,QAJJ,UACE,MAAA,KADF,kBAGI,MAAA,QACA,QAAA,QAJJ,kBACE,MAAA,KADF,0BAGI,MAAA,QACA,QAAA,QAJJ,qBACE,MAAA,KADF,6BAGI,MAAA,QACA,QAAA,QAJJ,YACE,MAAA,KADF,oBAGI,MAAA,QACA,QAAA,QAJJ,iBACE,MAAA,KADF,yBAGI,MAAA,QACA,QAAA,QAJJ,aACE,MAAA,KADF,qBAGI,MAAA,QACA,QAAA,QAJJ,SACE,MAAA,KADF,iBAGI,MAAA,QACA,QAAA,QAJJ,QACE,MAAA,KADF,gBAGI,MAAA,QACA,QAAA,QAJJ,YACE,MAAA,KADF,oBAGI,MAAA,QACA,QAAA,QAJJ,SACE,MAAA,KADF,iBAGI,MAAA,QACA,QAAA,QAJJ,gBACE,MAAA,KADF,wBAGI,MAAA,QACA,QAAA,QAJJ,cACE,MAAA,KADF,sBAGI,MAAA,QACA,QAAA,QAJJ,SACE,MAAA,KADF,iBAGI,MAAA,QACA,QAAA,QAJJ,qBACE,MAAA,KADF,6BAGI,MAAA,QACA,QAAA,QAJJ,UACE,MAAA,KADF,kBAGI,MAAA,QACA,QAAA,QAJJ,gBACE,MAAA,KADF,wBAGI,MAAA,QACA,QAAA,QAJJ,cACE,MAAA,KADF,sBAGI,MAAA,QACA,QAAA,QAJJ,mBACE,MAAA,KADF,2BAGI,MAAA,QACA,QAAA,QAJJ,iBACE,MAAA,KADF,yBAGI,MAAA,QACA,QAAA,QAJJ,YACE,MAAA,KADF,oBAGI,MAAA,QACA,QAAA,QAJJ,QACE,MAAA,KADF,gBAGI,MAAA,QACA,QAAA,QAOF,+BACE,iBAAA,mDADF,+BACE,iBAAA,mDADF,gCACE,iBAAA,oDADF,8BACE,iBAAA,kDADF,8BACE,iBAAA,kDADF,kCACE,iBAAA,sDADF,kCACE,iBAAA,sDADF,mCACE,iBAAA,uDADF,iCACE,iBAAA,qDADF,iCACE,iBAAA,qDADF,gCACE,iBAAA,oDADF,gCACE,iBAAA,oDADF,iCACE,iBAAA,qDADF,+BACE,iBAAA,mDADF,+BACE,iBAAA","sourcesContent":["// variables for icons\n$icons-map: ();\n$icons-map: map-merge(\n (\n \"ic-activity\": \\e93a,\n \"ic-add\": \\e800,\n \"ic-addons\": \\e93b,\n \"ic-add-fill\": \\e95e,\n \"ic-add-fill-light\": \\e992,\n \"ic-add-staff\": \\e956,\n \"ic-adjustment\": \\e947,\n \"ic-alarm\": \\e93c,\n \"ic-approval\": \\e948,\n \"ic-arrow-down\": \\e94b,\n \"ic-arrow-left\": \\e94c,\n \"ic-arrow-right\": \\e94d,\n \"ic-arrow-up\": \\e94e,\n \"ic-asset\": \\e949,\n \"ic-attachment\": \\e88e,\n \"ic-bank\": \\e94a,\n \"ic-billing\": \\e934,\n \"ic-billing-fill\": \\e960,\n \"ic-blank-icon\": \\e93d,\n \"ic-branch\": \\e935,\n \"ic-broadcast\": \\e936,\n \"ic-camera\": \\e89e,\n \"ic-camera-fill\": \\e877,\n \"ic-calculator\": \\e84c,\n \"ic-calendar\": \\e938,\n \"ic-celebration\": \\e939,\n \"ic-certificate\": \\e8a1,\n \"ic-chat\": \\e92e,\n \"ic-chevron-first\": \\e942,\n \"ic-chevron-last\": \\e943,\n \"ic-chevron-bottom\": \\e88b,\n \"ic-chevron-left\": \\e944,\n \"ic-chevron-right\": \\e945,\n \"ic-chevron-up\": \\e88c,\n \"ic-coa\": \\e92f,\n \"ic-copy\": \\e88a,\n \"ic-collapse\": \\e89b,\n \"ic-column-settings\": \\e89c,\n \"ic-column-settings-small\": \\e801,\n \"ic-company\": \\e930,\n \"ic-contact\": \\e931,\n \"ic-credit-card\": \\e932,\n \"ic-custom-slip\": \\e933,\n \"ic-dashboard\": \\e928,\n \"ic-delete\": \\e900,\n \"ic-description\": \\e929,\n \"ic-doc\": \\e92a,\n \"ic-document-pdf\": \\e959,\n \"ic-dot\": \\e8f0,\n \"ic-drag\": \\e88d,\n \"ic-dropdown\": \\e8ef,\n \"ic-edit\": \\e887,\n \"ic-education\": \\e8a0,\n \"ic-equal\": \\e886,\n \"ic-error\": \\e93e,\n \"ic-error-fill\": \\e89a,\n \"ic-event\": \\e958,\n \"ic-expand\": \\e899,\n \"ic-expense\": \\e92b,\n \"ic-family\": \\e89f,\n \"ic-file-comment\": \\e953,\n \"ic-file-history\": \\e952,\n \"ic-finance\": \\e92c,\n \"ic-finance-dollar\": \\e883,\n \"ic-finance-percentage\": \\e881,\n \"ic-finance-rupiah\": \\e882,\n \"ic-file-download\": \\e885,\n \"ic-file-upload\": \\e884,\n \"ic-filter\": \\e993,\n \"ic-help\": \\e92d,\n \"ic-help-small\": \\e880,\n \"ic-history\": \\e922,\n \"ic-home\": \\e923,\n \"ic-img\": \\e924,\n \"ic-inbox\": \\e925,\n \"ic-inbox-fill\": \\e902,\n \"ic-info\": \\e898,\n \"ic-info-fill\": \\e903,\n \"ic-insurance\": \\e926,\n \"ic-integrasi\": \\e927,\n \"ic-job-level\": \\e91c,\n \"ic-job-title\": \\e91d,\n \"ic-jurnal\": \\e84b,\n \"ic-klikpajak\": \\e950,\n \"ic-loading\": \\e896,\n \"ic-loan\": \\e94f,\n \"ic-location\": \\e91e,\n \"ic-lock\": \\e91f,\n \"ic-logout\": \\e920,\n \"ic-kebab\": \\e897,\n \"ic-meatball\": \\e895,\n \"ic-message\": \\e957,\n \"ic-merge\": \\e87f,\n \"ic-migration\": \\e921,\n \"ic-m-download\": \\e95d,\n \"ic-m-progress\": \\e95c,\n \"ic-m-remove\": \\e95b,\n \"ic-m-success\": \\e95a,\n \"ic-notification\": \\e916,\n \"ic-offboarding\": \\e917,\n \"ic-onboarding\": \\e918,\n \"ic-organization\": \\e919,\n \"ic-other\": \\e91b,\n \"ic-other-list\": \\e91a,\n \"ic-overtime\": \\e910,\n \"ic-on-process-fill\": \\e95f,\n \"ic-picker-calendar\": \\e87e,\n \"ic-picker-time\": \\e87d,\n \"ic-plans\": \\e955,\n \"ic-product\": \\e911,\n \"ic-profile-pic\": \\e912,\n \"ic-purchase\": \\e913,\n \"ic-reload\": \\e914,\n \"ic-report\": \\e915,\n \"ic-remove-line\": \\e87c,\n \"ic-remove-line-fill\": \\e991,\n \"ic-reset\": \\e90a,\n \"ic-reset-fill\": \\e87a,\n \"ic-resync\": \\e8f2,\n \"ic-rules\": \\e90b,\n \"ic-sale\": \\e90c,\n \"ic-search\": \\e893,\n \"ic-send\": \\e892,\n \"ic-setting\": \\e90d,\n \"ic-sort\": \\e879,\n \"ic-staff\": \\e90e,\n \"ic-stepper-error\": \\e901,\n \"ic-stepper-finished\": \\e909,\n \"ic-success\": \\e93f,\n \"ic-success-fill\": \\e891,\n \"ic-supplier\": \\e90f,\n \"ic-sync\": \\e8f1,\n \"ic-tag\": \\e878,\n \"ic-talenta\": \\e951,\n \"ic-task\": \\e946,\n \"ic-tax-history\": \\e905,\n \"ic-team-goal\": \\e954,\n \"ic-time\": \\e906,\n \"ic-transfer-account\": \\e907,\n \"ic-trash\": \\e900,\n \"ic-upload-file\": \\e908,\n \"ic-view-fill\": \\e890,\n \"ic-view-hide-fill\": \\e88f,\n \"ic-warning-fill\": \\e940,\n \"ic-warning\": \\e941,\n \"ic-zip\": \\e904,\n ),\n $icons-map\n);\n\n$icon-blankslate-path: \"#{$icon-font-path}blankslate\";\n$icons-blankslate-name: \"calendar\", \"location\", \"not-found\", \"process\", \"default\";\n$icons-blankslate-product: \"jurnal\", \"klikpajak\", \"talenta\";\n\n// To properly convert Unicodes in the resulting CSS\n@function icon-sanitize($icon) {\n @return unquote(\"\\\"#{ $icon }\\\"\");\n}\n\n%ic-template {\n width: 24px;\n height: 24px;\n font-family: \"#{$icon-font-family-prefix}#{$icon-font-family}\", sans-serif;\n font-size: 24px;\n -moz-osx-font-smoothing: grayscale;\n -webkit-font-smoothing: antialiased;\n font-style: normal;\n font-variant: normal;\n text-rendering: auto;\n line-height: 1;\n}\n\n.ic {\n display: inline-block;\n @extend %ic-template;\n &.ic-small {\n width: 20px;\n height: 20px;\n font-size: 20px;\n }\n &.ic-medium {\n width: 32px;\n height: 32px;\n font-size: 32px;\n }\n &.ic-large {\n width: 60px;\n height: 60px;\n font-size: 60px;\n }\n &.ic-blankslate {\n width: 120px;\n height: 120px;\n padding: 10px;\n background-repeat: no-repeat;\n background-position: center;\n background-size: 100px 100px;\n }\n}\n\n.ic-input-prefix {\n position: absolute;\n top: 6px;\n left: 6px;\n z-index: 5;\n padding: 0;\n color: inherit;\n pointer-events: all;\n cursor: pointer;\n &.ic-small {\n top: 8px;\n left: 10px;\n }\n}\n\n.ic-input-suffix {\n position: absolute;\n top: 6px;\n right: 6px;\n z-index: 5;\n padding: 0;\n color: inherit;\n pointer-events: all;\n cursor: pointer;\n &.ic-input-double-suffix, // this will be deprecated in future version\n &.ic-input-suffix--double {\n right: 36px;\n z-index: 5;\n }\n &.ic-small {\n top: 8px;\n right: 10px;\n &.ic-input-double-suffix, // this will be deprecated in future version\n &.ic-input-suffix--double {\n right: 38px;\n }\n }\n}\n\n@each $name, $value in $icons-map {\n .#{$name} {\n color: $slate;\n &::before {\n color: inherit;\n content: icon-sanitize($value);\n }\n }\n}\n\n@each $product in $icons-blankslate-product {\n @each $name in $icons-blankslate-name {\n .ic-blankslate-#{$product}-#{$name} {\n background-image: url(\"#{$icon-blankslate-path}/#{$product}/#{$name}.svg\");\n }\n }\n}\n"]}

data/lib/assets/stylesheets/css/components/mekari-ui-icons.css CHANGED Viewed

@@ -54,7 +54,7 @@
 }
 .ic-input-prefix.ic-small {
-  top: 7px;
+  top: 8px;
   left: 10px;
 }
@@ -75,7 +75,7 @@
 }
 .ic-input-suffix.ic-small {
-  top: 7px;
+  top: 8px;
   right: 10px;
 }
@@ -110,6 +110,24 @@
   content: "\e93b";
 }
+.ic-add-fill {
+  color: #777;
+}
+.ic-add-fill::before {
+  color: inherit;
+  content: "\e95e";
+}
+.ic-add-fill-light {
+  color: #777;
+}
+.ic-add-fill-light::before {
+  color: inherit;
+  content: "\e992";
+}
 .ic-add-staff {
   color: #777;
 }
@@ -218,6 +236,15 @@
   content: "\e934";
 }
+.ic-billing-fill {
+  color: #777;
+}
+.ic-billing-fill::before {
+  color: inherit;
+  content: "\e960";
+}
 .ic-blank-icon {
   color: #777;
 }
@@ -479,6 +506,15 @@
   content: "\e92a";
 }
+.ic-document-pdf {
+  color: #777;
+}
+.ic-document-pdf::before {
+  color: inherit;
+  content: "\e959";
+}
 .ic-dot {
   color: #777;
 }
@@ -551,6 +587,15 @@
   content: "\e89a";
 }
+.ic-event {
+  color: #777;
+}
+.ic-event::before {
+  color: inherit;
+  content: "\e958";
+}
 .ic-expand {
   color: #777;
 }
@@ -650,6 +695,15 @@
   content: "\e884";
 }
+.ic-filter {
+  color: #777;
+}
+.ic-filter::before {
+  color: inherit;
+  content: "\e993";
+}
 .ic-help {
   color: #777;
 }
@@ -875,6 +929,42 @@
   content: "\e921";
 }
+.ic-m-download {
+  color: #777;
+}
+.ic-m-download::before {
+  color: inherit;
+  content: "\e95d";
+}
+.ic-m-progress {
+  color: #777;
+}
+.ic-m-progress::before {
+  color: inherit;
+  content: "\e95c";
+}
+.ic-m-remove {
+  color: #777;
+}
+.ic-m-remove::before {
+  color: inherit;
+  content: "\e95b";
+}
+.ic-m-success {
+  color: #777;
+}
+.ic-m-success::before {
+  color: inherit;
+  content: "\e95a";
+}
 .ic-notification {
   color: #777;
 }
@@ -938,6 +1028,15 @@
   content: "\e910";
 }
+.ic-on-process-fill {
+  color: #777;
+}
+.ic-on-process-fill::before {
+  color: inherit;
+  content: "\e95f";
+}
 .ic-picker-calendar {
   color: #777;
 }
@@ -1019,6 +1118,15 @@
   content: "\e87c";
 }
+.ic-remove-line-fill {
+  color: #777;
+}
+.ic-remove-line-fill::before {
+  color: inherit;
+  content: "\e991";
+}
 .ic-reset {
   color: #777;
 }
@@ -1305,8 +1413,8 @@
   background-image: url("../../webfonts/blankslate/jurnal/process.svg");
 }
-.ic-blankslate-jurnal-web {
-  background-image: url("../../webfonts/blankslate/jurnal/web.svg");
+.ic-blankslate-jurnal-default {
+  background-image: url("../../webfonts/blankslate/jurnal/default.svg");
 }
 .ic-blankslate-klikpajak-calendar {
@@ -1325,8 +1433,8 @@
   background-image: url("../../webfonts/blankslate/klikpajak/process.svg");
 }
-.ic-blankslate-klikpajak-web {
-  background-image: url("../../webfonts/blankslate/klikpajak/web.svg");
+.ic-blankslate-klikpajak-default {
+  background-image: url("../../webfonts/blankslate/klikpajak/default.svg");
 }
 .ic-blankslate-talenta-calendar {
@@ -1345,7 +1453,7 @@
   background-image: url("../../webfonts/blankslate/talenta/process.svg");
 }
-.ic-blankslate-talenta-web {
-  background-image: url("../../webfonts/blankslate/talenta/web.svg");
+.ic-blankslate-talenta-default {
+  background-image: url("../../webfonts/blankslate/talenta/default.svg");
 }
 /*# sourceMappingURL=mekari-ui-icons.css.map */

data/lib/assets/stylesheets/css/components/mekari-ui-icons.css.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../scss/components/config/_icons.scss","mekari-ui-icons.css","../../../scss/vendor-extensions/_color.scss"],"names":[],"mappings":"AAuJA;EACE,WAAW;EACX,YAAY;EACZ,8CAA0E;EAC1E,eAAe;EACf,kCAAkC;EAClC,mCAAmC;EACnC,kBAAkB;EAClB,oBAAoB;EACpB,oBAAoB;EACpB,cAAc;ACtJhB;;ADyJA;EACE,qBAAqB;ACtJvB;;ADqJA;EAII,WAAW;EACX,YAAY;EACZ,eAAe;ACrJnB;;AD+IA;EASI,WAAW;EACX,YAAY;EACZ,eAAe;ACpJnB;;ADyIA;EAcI,WAAW;EACX,YAAY;EACZ,eAAe;ACnJnB;;ADmIA;EAmBI,YAAY;EACZ,aAAa;EACb,aAAa;EACb,4BAA4B;EAC5B,2BAA2B;EAC3B,4BAA4B;AClJhC;;ADsJA;EACE,kBAAkB;EAClB,QAAQ;EACR,SAAS;EACT,UAAU;EACV,UAAU;EACV,cAAc;EACd,mBAAmB;EACnB,eAAe;ACnJjB;;AD2IA;EAUI,QAAQ;EACR,UAAU;ACjJd;;ADqJA;EACE,kBAAkB;EAClB,QAAQ;EACR,UAAU;EACV,UAAU;EACV,UAAU;EACV,cAAc;EACd,mBAAmB;EACnB,eAAe;AClJjB;;AD0IA;EAWI,WAAW;EACX,UAAU;ACjJd;;ADqIA;EAeI,QAAQ;EACR,WAAW;AChJf;;ADgIA;EAmBM,WAAW;AC/IjB;;ADqJE;EACE,WEvOQ;ADqFZ;;ADiJE;EAGI,cAAc;EACd,gBAxF6B;ACxDnC;;AD4IE;EACE,WEvOQ;AD8FZ;;ADwIE;EAGI,cAAc;EACd,gBAxF6B;AC/CnC;;ADmIE;EACE,WEvOQ;ADuGZ;;AD+HE;EAGI,cAAc;EACd,gBAxF6B;ACtCnC;;AD0HE;EACE,WEvOQ;ADgHZ;;ADsHE;EAGI,cAAc;EACd,gBAxF6B;AC7BnC;;ADiHE;EACE,WEvOQ;ADyHZ;;AD6GE;EAGI,cAAc;EACd,gBAxF6B;ACpBnC;;ADwGE;EACE,WEvOQ;ADkIZ;;ADoGE;EAGI,cAAc;EACd,gBAxF6B;ACXnC;;AD+FE;EACE,WEvOQ;AD2IZ;;AD2FE;EAGI,cAAc;EACd,gBAxF6B;ACFnC;;ADsFE;EACE,WEvOQ;ADoJZ;;ADkFE;EAGI,cAAc;EACd,gBAxF6B;ACOnC;;AD6EE;EACE,WEvOQ;AD6JZ;;ADyEE;EAGI,cAAc;EACd,gBAxF6B;ACgBnC;;ADoEE;EACE,WEvOQ;ADsKZ;;ADgEE;EAGI,cAAc;EACd,gBAxF6B;ACyBnC;;AD2DE;EACE,WEvOQ;AD+KZ;;ADuDE;EAGI,cAAc;EACd,gBAxF6B;ACkCnC;;ADkDE;EACE,WEvOQ;ADwLZ;;AD8CE;EAGI,cAAc;EACd,gBAxF6B;AC2CnC;;ADyCE;EACE,WEvOQ;ADiMZ;;ADqCE;EAGI,cAAc;EACd,gBAxF6B;ACoDnC;;ADgCE;EACE,WEvOQ;AD0MZ;;AD4BE;EAGI,cAAc;EACd,gBAxF6B;AC6DnC;;ADuBE;EACE,WEvOQ;ADmNZ;;ADmBE;EAGI,cAAc;EACd,gBAxF6B;ACsEnC;;ADcE;EACE,WEvOQ;AD4NZ;;ADUE;EAGI,cAAc;EACd,gBAxF6B;AC+EnC;;ADKE;EACE,WEvOQ;ADqOZ;;ADCE;EAGI,cAAc;EACd,gBAxF6B;ACwFnC;;ADJE;EACE,WEvOQ;AD8OZ;;ADRE;EAGI,cAAc;EACd,gBAxF6B;ACiGnC;;ADbE;EACE,WEvOQ;ADuPZ;;ADjBE;EAGI,cAAc;EACd,gBAxF6B;AC0GnC;;ADtBE;EACE,WEvOQ;ADgQZ;;AD1BE;EAGI,cAAc;EACd,gBAxF6B;ACmHnC;;AD/BE;EACE,WEvOQ;ADyQZ;;ADnCE;EAGI,cAAc;EACd,gBAxF6B;AC4HnC;;ADxCE;EACE,WEvOQ;ADkRZ;;AD5CE;EAGI,cAAc;EACd,gBAxF6B;ACqInC;;ADjDE;EACE,WEvOQ;AD2RZ;;ADrDE;EAGI,cAAc;EACd,gBAxF6B;AC8InC;;AD1DE;EACE,WEvOQ;ADoSZ;;AD9DE;EAGI,cAAc;EACd,gBAxF6B;ACuJnC;;ADnEE;EACE,WEvOQ;AD6SZ;;ADvEE;EAGI,cAAc;EACd,gBAxF6B;ACgKnC;;AD5EE;EACE,WEvOQ;ADsTZ;;ADhFE;EAGI,cAAc;EACd,gBAxF6B;ACyKnC;;ADrFE;EACE,WEvOQ;AD+TZ;;ADzFE;EAGI,cAAc;EACd,gBAxF6B;ACkLnC;;AD9FE;EACE,WEvOQ;ADwUZ;;ADlGE;EAGI,cAAc;EACd,gBAxF6B;AC2LnC;;ADvGE;EACE,WEvOQ;ADiVZ;;AD3GE;EAGI,cAAc;EACd,gBAxF6B;ACoMnC;;ADhHE;EACE,WEvOQ;AD0VZ;;ADpHE;EAGI,cAAc;EACd,gBAxF6B;AC6MnC;;ADzHE;EACE,WEvOQ;ADmWZ;;AD7HE;EAGI,cAAc;EACd,gBAxF6B;ACsNnC;;ADlIE;EACE,WEvOQ;AD4WZ;;ADtIE;EAGI,cAAc;EACd,gBAxF6B;AC+NnC;;AD3IE;EACE,WEvOQ;ADqXZ;;AD/IE;EAGI,cAAc;EACd,gBAxF6B;ACwOnC;;ADpJE;EACE,WEvOQ;AD8XZ;;ADxJE;EAGI,cAAc;EACd,gBAxF6B;ACiPnC;;AD7JE;EACE,WEvOQ;ADuYZ;;ADjKE;EAGI,cAAc;EACd,gBAxF6B;AC0PnC;;ADtKE;EACE,WEvOQ;ADgZZ;;AD1KE;EAGI,cAAc;EACd,gBAxF6B;ACmQnC;;AD/KE;EACE,WEvOQ;ADyZZ;;ADnLE;EAGI,cAAc;EACd,gBAxF6B;AC4QnC;;ADxLE;EACE,WEvOQ;ADkaZ;;AD5LE;EAGI,cAAc;EACd,gBAxF6B;ACqRnC;;ADjME;EACE,WEvOQ;AD2aZ;;ADrME;EAGI,cAAc;EACd,gBAxF6B;AC8RnC;;AD1ME;EACE,WEvOQ;ADobZ;;AD9ME;EAGI,cAAc;EACd,gBAxF6B;ACuSnC;;ADnNE;EACE,WEvOQ;AD6bZ;;ADvNE;EAGI,cAAc;EACd,gBAxF6B;ACgTnC;;AD5NE;EACE,WEvOQ;ADscZ;;ADhOE;EAGI,cAAc;EACd,gBAxF6B;ACyTnC;;ADrOE;EACE,WEvOQ;AD+cZ;;ADzOE;EAGI,cAAc;EACd,gBAxF6B;ACkUnC;;AD9OE;EACE,WEvOQ;ADwdZ;;ADlPE;EAGI,cAAc;EACd,gBAxF6B;AC2UnC;;ADvPE;EACE,WEvOQ;ADieZ;;AD3PE;EAGI,cAAc;EACd,gBAxF6B;ACoVnC;;ADhQE;EACE,WEvOQ;AD0eZ;;ADpQE;EAGI,cAAc;EACd,gBAxF6B;AC6VnC;;ADzQE;EACE,WEvOQ;ADmfZ;;AD7QE;EAGI,cAAc;EACd,gBAxF6B;ACsWnC;;ADlRE;EACE,WEvOQ;AD4fZ;;ADtRE;EAGI,cAAc;EACd,gBAxF6B;AC+WnC;;AD3RE;EACE,WEvOQ;ADqgBZ;;AD/RE;EAGI,cAAc;EACd,gBAxF6B;ACwXnC;;ADpSE;EACE,WEvOQ;AD8gBZ;;ADxSE;EAGI,cAAc;EACd,gBAxF6B;ACiYnC;;AD7SE;EACE,WEvOQ;ADuhBZ;;ADjTE;EAGI,cAAc;EACd,gBAxF6B;AC0YnC;;ADtTE;EACE,WEvOQ;ADgiBZ;;AD1TE;EAGI,cAAc;EACd,gBAxF6B;ACmZnC;;AD/TE;EACE,WEvOQ;ADyiBZ;;ADnUE;EAGI,cAAc;EACd,gBAxF6B;AC4ZnC;;ADxUE;EACE,WEvOQ;ADkjBZ;;AD5UE;EAGI,cAAc;EACd,gBAxF6B;ACqanC;;ADjVE;EACE,WEvOQ;AD2jBZ;;ADrVE;EAGI,cAAc;EACd,gBAxF6B;AC8anC;;AD1VE;EACE,WEvOQ;ADokBZ;;AD9VE;EAGI,cAAc;EACd,gBAxF6B;ACubnC;;ADnWE;EACE,WEvOQ;AD6kBZ;;ADvWE;EAGI,cAAc;EACd,gBAxF6B;ACgcnC;;AD5WE;EACE,WEvOQ;ADslBZ;;ADhXE;EAGI,cAAc;EACd,gBAxF6B;ACycnC;;ADrXE;EACE,WEvOQ;AD+lBZ;;ADzXE;EAGI,cAAc;EACd,gBAxF6B;ACkdnC;;AD9XE;EACE,WEvOQ;ADwmBZ;;ADlYE;EAGI,cAAc;EACd,gBAxF6B;AC2dnC;;ADvYE;EACE,WEvOQ;ADinBZ;;AD3YE;EAGI,cAAc;EACd,gBAxF6B;ACoenC;;ADhZE;EACE,WEvOQ;AD0nBZ;;ADpZE;EAGI,cAAc;EACd,gBAxF6B;AC6enC;;ADzZE;EACE,WEvOQ;ADmoBZ;;AD7ZE;EAGI,cAAc;EACd,gBAxF6B;ACsfnC;;ADlaE;EACE,WEvOQ;AD4oBZ;;ADtaE;EAGI,cAAc;EACd,gBAxF6B;AC+fnC;;AD3aE;EACE,WEvOQ;ADqpBZ;;AD/aE;EAGI,cAAc;EACd,gBAxF6B;ACwgBnC;;ADpbE;EACE,WEvOQ;AD8pBZ;;ADxbE;EAGI,cAAc;EACd,gBAxF6B;ACihBnC;;AD7bE;EACE,WEvOQ;ADuqBZ;;ADjcE;EAGI,cAAc;EACd,gBAxF6B;AC0hBnC;;ADtcE;EACE,WEvOQ;ADgrBZ;;AD1cE;EAGI,cAAc;EACd,gBAxF6B;ACmiBnC;;AD/cE;EACE,WEvOQ;ADyrBZ;;ADndE;EAGI,cAAc;EACd,gBAxF6B;AC4iBnC;;ADxdE;EACE,WEvOQ;ADksBZ;;AD5dE;EAGI,cAAc;EACd,gBAxF6B;ACqjBnC;;ADjeE;EACE,WEvOQ;AD2sBZ;;ADreE;EAGI,cAAc;EACd,gBAxF6B;AC8jBnC;;AD1eE;EACE,WEvOQ;ADotBZ;;AD9eE;EAGI,cAAc;EACd,gBAxF6B;ACukBnC;;ADnfE;EACE,WEvOQ;AD6tBZ;;ADvfE;EAGI,cAAc;EACd,gBAxF6B;ACglBnC;;AD5fE;EACE,WEvOQ;ADsuBZ;;ADhgBE;EAGI,cAAc;EACd,gBAxF6B;ACylBnC;;ADrgBE;EACE,WEvOQ;AD+uBZ;;ADzgBE;EAGI,cAAc;EACd,gBAxF6B;ACkmBnC;;AD9gBE;EACE,WEvOQ;ADwvBZ;;ADlhBE;EAGI,cAAc;EACd,gBAxF6B;AC2mBnC;;ADvhBE;EACE,WEvOQ;ADiwBZ;;AD3hBE;EAGI,cAAc;EACd,gBAxF6B;AConBnC;;ADhiBE;EACE,WEvOQ;AD0wBZ;;ADpiBE;EAGI,cAAc;EACd,gBAxF6B;AC6nBnC;;ADziBE;EACE,WEvOQ;ADmxBZ;;AD7iBE;EAGI,cAAc;EACd,gBAxF6B;ACsoBnC;;ADljBE;EACE,WEvOQ;AD4xBZ;;ADtjBE;EAGI,cAAc;EACd,gBAxF6B;AC+oBnC;;AD3jBE;EACE,WEvOQ;ADqyBZ;;AD/jBE;EAGI,cAAc;EACd,gBAxF6B;ACwpBnC;;ADpkBE;EACE,WEvOQ;AD8yBZ;;ADxkBE;EAGI,cAAc;EACd,gBAxF6B;ACiqBnC;;AD7kBE;EACE,WEvOQ;ADuzBZ;;ADjlBE;EAGI,cAAc;EACd,gBAxF6B;AC0qBnC;;ADtlBE;EACE,WEvOQ;ADg0BZ;;AD1lBE;EAGI,cAAc;EACd,gBAxF6B;ACmrBnC;;AD/lBE;EACE,WEvOQ;ADy0BZ;;ADnmBE;EAGI,cAAc;EACd,gBAxF6B;AC4rBnC;;ADxmBE;EACE,WEvOQ;ADk1BZ;;AD5mBE;EAGI,cAAc;EACd,gBAxF6B;ACqsBnC;;ADjnBE;EACE,WEvOQ;AD21BZ;;ADrnBE;EAGI,cAAc;EACd,gBAxF6B;AC8sBnC;;AD1nBE;EACE,WEvOQ;ADo2BZ;;AD9nBE;EAGI,cAAc;EACd,gBAxF6B;ACutBnC;;ADnoBE;EACE,WEvOQ;AD62BZ;;ADvoBE;EAGI,cAAc;EACd,gBAxF6B;ACguBnC;;AD5oBE;EACE,WEvOQ;ADs3BZ;;ADhpBE;EAGI,cAAc;EACd,gBAxF6B;ACyuBnC;;ADrpBE;EACE,WEvOQ;AD+3BZ;;ADzpBE;EAGI,cAAc;EACd,gBAxF6B;ACkvBnC;;AD9pBE;EACE,WEvOQ;ADw4BZ;;ADlqBE;EAGI,cAAc;EACd,gBAxF6B;AC2vBnC;;ADvqBE;EACE,WEvOQ;ADi5BZ;;AD3qBE;EAGI,cAAc;EACd,gBAxF6B;ACowBnC;;ADhrBE;EACE,WEvOQ;AD05BZ;;ADprBE;EAGI,cAAc;EACd,gBAxF6B;AC6wBnC;;ADzrBE;EACE,WEvOQ;ADm6BZ;;AD7rBE;EAGI,cAAc;EACd,gBAxF6B;ACsxBnC;;ADlsBE;EACE,WEvOQ;AD46BZ;;ADtsBE;EAGI,cAAc;EACd,gBAxF6B;AC+xBnC;;AD3sBE;EACE,WEvOQ;ADq7BZ;;AD/sBE;EAGI,cAAc;EACd,gBAxF6B;ACwyBnC;;ADptBE;EACE,WEvOQ;AD87BZ;;ADxtBE;EAGI,cAAc;EACd,gBAxF6B;ACizBnC;;AD7tBE;EACE,WEvOQ;ADu8BZ;;ADjuBE;EAGI,cAAc;EACd,gBAxF6B;AC0zBnC;;ADtuBE;EACE,WEvOQ;ADg9BZ;;AD1uBE;EAGI,cAAc;EACd,gBAxF6B;ACm0BnC;;AD/uBE;EACE,WEvOQ;ADy9BZ;;ADnvBE;EAGI,cAAc;EACd,gBAxF6B;AC40BnC;;ADxvBE;EACE,WEvOQ;ADk+BZ;;AD5vBE;EAGI,cAAc;EACd,gBAxF6B;ACq1BnC;;ADjwBE;EACE,WEvOQ;AD2+BZ;;ADrwBE;EAGI,cAAc;EACd,gBAxF6B;AC81BnC;;AD1wBE;EACE,WEvOQ;ADo/BZ;;AD9wBE;EAGI,cAAc;EACd,gBAxF6B;ACu2BnC;;ADnxBE;EACE,WEvOQ;AD6/BZ;;ADvxBE;EAGI,cAAc;EACd,gBAxF6B;ACg3BnC;;AD5xBE;EACE,WEvOQ;ADsgCZ;;ADhyBE;EAGI,cAAc;EACd,gBAxF6B;ACy3BnC;;ADryBE;EACE,WEvOQ;AD+gCZ;;ADzyBE;EAGI,cAAc;EACd,gBAxF6B;ACk4BnC;;AD9yBE;EACE,WEvOQ;ADwhCZ;;ADlzBE;EAGI,cAAc;EACd,gBAxF6B;AC24BnC;;ADvzBE;EACE,WEvOQ;ADiiCZ;;AD3zBE;EAGI,cAAc;EACd,gBAxF6B;ACo5BnC;;ADh0BE;EACE,WEvOQ;AD0iCZ;;ADp0BE;EAGI,cAAc;EACd,gBAxF6B;AC65BnC;;ADz0BE;EACE,WEvOQ;ADmjCZ;;AD70BE;EAGI,cAAc;EACd,gBAxF6B;ACs6BnC;;ADl1BE;EACE,WEvOQ;AD4jCZ;;ADt1BE;EAGI,cAAc;EACd,gBAxF6B;AC+6BnC;;AD31BE;EACE,WEvOQ;ADqkCZ;;AD/1BE;EAGI,cAAc;EACd,gBAxF6B;ACw7BnC;;ADp2BE;EACE,WEvOQ;AD8kCZ;;ADx2BE;EAGI,cAAc;EACd,gBAxF6B;ACi8BnC;;AD72BE;EACE,WEvOQ;ADulCZ;;ADj3BE;EAGI,cAAc;EACd,gBAxF6B;AC08BnC;;ADt3BE;EACE,WEvOQ;ADgmCZ;;AD13BE;EAGI,cAAc;EACd,gBAxF6B;ACm9BnC;;AD/3BE;EACE,WEvOQ;ADymCZ;;ADn4BE;EAGI,cAAc;EACd,gBAxF6B;AC49BnC;;ADx4BE;EACE,WEvOQ;ADknCZ;;AD54BE;EAGI,cAAc;EACd,gBAxF6B;ACq+BnC;;ADj5BE;EACE,WEvOQ;AD2nCZ;;ADr5BE;EAGI,cAAc;EACd,gBAxF6B;AC8+BnC;;AD15BE;EACE,WEvOQ;ADooCZ;;AD95BE;EAGI,cAAc;EACd,gBAxF6B;ACu/BnC;;ADn6BE;EACE,WEvOQ;AD6oCZ;;ADv6BE;EAGI,cAAc;EACd,gBAxF6B;ACggCnC;;AD56BE;EACE,WEvOQ;ADspCZ;;ADh7BE;EAGI,cAAc;EACd,gBAxF6B;ACygCnC;;ADr7BE;EACE,WEvOQ;AD+pCZ;;ADz7BE;EAGI,cAAc;EACd,gBAxF6B;ACkhCnC;;AD97BE;EACE,WEvOQ;ADwqCZ;;ADl8BE;EAGI,cAAc;EACd,gBAxF6B;AC2hCnC;;ADv8BE;EACE,WEvOQ;ADirCZ;;AD38BE;EAGI,cAAc;EACd,gBAxF6B;ACoiCnC;;ADh9BE;EACE,WEvOQ;AD0rCZ;;ADp9BE;EAGI,cAAc;EACd,gBAxF6B;AC6iCnC;;ADz9BE;EACE,WEvOQ;ADmsCZ;;AD79BE;EAGI,cAAc;EACd,gBAxF6B;ACsjCnC;;ADl+BE;EACE,WEvOQ;AD4sCZ;;ADt+BE;EAGI,cAAc;EACd,gBAxF6B;AC+jCnC;;AD3+BE;EACE,WEvOQ;ADqtCZ;;AD/+BE;EAGI,cAAc;EACd,gBAxF6B;ACwkCnC;;ADp/BE;EACE,WEvOQ;AD8tCZ;;ADx/BE;EAGI,cAAc;EACd,gBAxF6B;ACilCnC;;AD7/BE;EACE,WEvOQ;ADuuCZ;;ADjgCE;EAGI,cAAc;EACd,gBAxF6B;AC0lCnC;;ADtgCE;EACE,WEvOQ;ADgvCZ;;AD1gCE;EAGI,cAAc;EACd,gBAxF6B;ACmmCnC;;AD/gCE;EACE,WEvOQ;ADyvCZ;;ADnhCE;EAGI,cAAc;EACd,gBAxF6B;AC4mCnC;;ADxhCE;EACE,WEvOQ;ADkwCZ;;AD5hCE;EAGI,cAAc;EACd,gBAxF6B;ACqnCnC;;ADthCI;EACE,sEAA0E;ACyhChF;;AD1hCI;EACE,sEAA0E;AC6hChF;;AD9hCI;EACE,uEAA0E;ACiiChF;;ADliCI;EACE,qEAA0E;ACqiChF;;ADtiCI;EACE,iEAA0E;ACyiChF;;AD1iCI;EACE,yEAA0E;AC6iChF;;AD9iCI;EACE,yEAA0E;ACijChF;;ADljCI;EACE,0EAA0E;ACqjChF;;ADtjCI;EACE,wEAA0E;ACyjChF;;AD1jCI;EACE,oEAA0E;AC6jChF;;AD9jCI;EACE,uEAA0E;ACikChF;;ADlkCI;EACE,uEAA0E;ACqkChF;;ADtkCI;EACE,wEAA0E;ACykChF;;AD1kCI;EACE,sEAA0E;AC6kChF;;AD9kCI;EACE,kEAA0E;ACilChF","file":"mekari-ui-icons.css","sourcesContent":["// variables for icons\n$icons-map: ();\n$icons-map: map-merge(\n (\n \"ic-activity\": \\e93a,\n \"ic-add\": \\e800,\n \"ic-addons\": \\e93b,\n \"ic-add-staff\": \\e956,\n \"ic-adjustment\": \\e947,\n \"ic-alarm\": \\e93c,\n \"ic-approval\": \\e948,\n \"ic-arrow-down\": \\e94b,\n \"ic-arrow-left\": \\e94c,\n \"ic-arrow-right\": \\e94d,\n \"ic-arrow-up\": \\e94e,\n \"ic-asset\": \\e949,\n \"ic-attachment\": \\e88e,\n \"ic-bank\": \\e94a,\n \"ic-billing\": \\e934,\n \"ic-blank-icon\": \\e93d,\n \"ic-branch\": \\e935,\n \"ic-broadcast\": \\e936,\n \"ic-camera\": \\e89e,\n \"ic-camera-fill\": \\e877,\n \"ic-calculator\": \\e84c,\n \"ic-calendar\": \\e938,\n \"ic-celebration\": \\e939,\n \"ic-certificate\": \\e8a1,\n \"ic-chat\": \\e92e,\n \"ic-chevron-first\": \\e942,\n \"ic-chevron-last\": \\e943,\n \"ic-chevron-bottom\": \\e88b,\n \"ic-chevron-left\": \\e944,\n \"ic-chevron-right\": \\e945,\n \"ic-chevron-up\": \\e88c,\n \"ic-coa\": \\e92f,\n \"ic-copy\": \\e88a,\n \"ic-collapse\": \\e89b,\n \"ic-column-settings\": \\e89c,\n \"ic-column-settings-small\": \\e801,\n \"ic-company\": \\e930,\n \"ic-contact\": \\e931,\n \"ic-credit-card\": \\e932,\n \"ic-custom-slip\": \\e933,\n \"ic-dashboard\": \\e928,\n \"ic-delete\": \\e900,\n \"ic-description\": \\e929,\n \"ic-doc\": \\e92a,\n \"ic-dot\": \\e8f0,\n \"ic-drag\": \\e88d,\n \"ic-dropdown\": \\e8ef,\n \"ic-edit\": \\e887,\n \"ic-education\": \\e8a0,\n \"ic-equal\": \\e886,\n \"ic-error\": \\e93e,\n \"ic-error-fill\": \\e89a,\n \"ic-expand\": \\e899,\n \"ic-expense\": \\e92b,\n \"ic-family\": \\e89f,\n \"ic-file-comment\": \\e953,\n \"ic-file-history\": \\e952,\n \"ic-finance\": \\e92c,\n \"ic-finance-dollar\": \\e883,\n \"ic-finance-percentage\": \\e881,\n \"ic-finance-rupiah\": \\e882,\n \"ic-file-download\": \\e885,\n \"ic-file-upload\": \\e884,\n \"ic-help\": \\e92d,\n \"ic-help-small\": \\e880,\n \"ic-history\": \\e922,\n \"ic-home\": \\e923,\n \"ic-img\": \\e924,\n \"ic-inbox\": \\e925,\n \"ic-inbox-fill\": \\e902,\n \"ic-info\": \\e898,\n \"ic-info-fill\": \\e903,\n \"ic-insurance\": \\e926,\n \"ic-integrasi\": \\e927,\n \"ic-job-level\": \\e91c,\n \"ic-job-title\": \\e91d,\n \"ic-jurnal\": \\e84b,\n \"ic-klikpajak\": \\e950,\n \"ic-loading\": \\e896,\n \"ic-loan\": \\e94f,\n \"ic-location\": \\e91e,\n \"ic-lock\": \\e91f,\n \"ic-logout\": \\e920,\n \"ic-kebab\": \\e897,\n \"ic-meatball\": \\e895,\n \"ic-message\": \\e957,\n \"ic-merge\": \\e87f,\n \"ic-migration\": \\e921,\n \"ic-notification\": \\e916,\n \"ic-offboarding\": \\e917,\n \"ic-onboarding\": \\e918,\n \"ic-organization\": \\e919,\n \"ic-other\": \\e91b,\n \"ic-other-list\": \\e91a,\n \"ic-overtime\": \\e910,\n \"ic-picker-calendar\": \\e87e,\n \"ic-picker-time\": \\e87d,\n \"ic-plans\": \\e955,\n \"ic-product\": \\e911,\n \"ic-profile-pic\": \\e912,\n \"ic-purchase\": \\e913,\n \"ic-reload\": \\e914,\n \"ic-report\": \\e915,\n \"ic-remove-line\": \\e87c,\n \"ic-reset\": \\e90a,\n \"ic-reset-fill\": \\e87a,\n \"ic-resync\": \\e8f2,\n \"ic-rules\": \\e90b,\n \"ic-sale\": \\e90c,\n \"ic-search\": \\e893,\n \"ic-send\": \\e892,\n \"ic-setting\": \\e90d,\n \"ic-sort\": \\e879,\n \"ic-staff\": \\e90e,\n \"ic-stepper-error\": \\e901,\n \"ic-stepper-finished\": \\e909,\n \"ic-success\": \\e93f,\n \"ic-success-fill\": \\e891,\n \"ic-supplier\": \\e90f,\n \"ic-sync\": \\e8f1,\n \"ic-tag\": \\e878,\n \"ic-talenta\": \\e951,\n \"ic-task\": \\e946,\n \"ic-tax-history\": \\e905,\n \"ic-team-goal\": \\e954,\n \"ic-time\": \\e906,\n \"ic-transfer-account\": \\e907,\n \"ic-trash\": \\e900,\n \"ic-upload-file\": \\e908,\n \"ic-view-fill\": \\e890,\n \"ic-view-hide-fill\": \\e88f,\n \"ic-warning-fill\": \\e940,\n \"ic-warning\": \\e941,\n \"ic-zip\": \\e904,\n ),\n $icons-map\n);\n\n$icon-blankslate-path: \"#{$icon-font-path}blankslate\";\n$icons-blankslate-name: \"calendar\", \"location\", \"not-found\", \"process\", \"web\";\n$icons-blankslate-product: \"jurnal\", \"klikpajak\", \"talenta\";\n\n// To properly convert Unicodes in the resulting CSS\n@function icon-sanitize($icon) {\n @return unquote(\"\\\"#{ $icon }\\\"\");\n}\n\n%ic-template {\n width: 24px;\n height: 24px;\n font-family: \"#{$icon-font-family-prefix}#{$icon-font-family}\", sans-serif;\n font-size: 24px;\n -moz-osx-font-smoothing: grayscale;\n -webkit-font-smoothing: antialiased;\n font-style: normal;\n font-variant: normal;\n text-rendering: auto;\n line-height: 1;\n}\n\n.ic {\n display: inline-block;\n @extend %ic-template;\n &.ic-small {\n width: 20px;\n height: 20px;\n font-size: 20px;\n }\n &.ic-medium {\n width: 32px;\n height: 32px;\n font-size: 32px;\n }\n &.ic-large {\n width: 60px;\n height: 60px;\n font-size: 60px;\n }\n &.ic-blankslate {\n width: 120px;\n height: 120px;\n padding: 10px;\n background-repeat: no-repeat;\n background-position: center;\n background-size: 100px 100px;\n }\n}\n\n.ic-input-prefix {\n position: absolute;\n top: 6px;\n left: 6px;\n z-index: 5;\n padding: 0;\n color: inherit;\n pointer-events: all;\n cursor: pointer;\n &.ic-small {\n top: 7px;\n left: 10px;\n }\n}\n\n.ic-input-suffix {\n position: absolute;\n top: 6px;\n right: 6px;\n z-index: 5;\n padding: 0;\n color: inherit;\n pointer-events: all;\n cursor: pointer;\n &.ic-input-double-suffix, // this will be deprecated in future version\n &.ic-input-suffix--double {\n right: 36px;\n z-index: 5;\n }\n &.ic-small {\n top: 7px;\n right: 10px;\n &.ic-input-double-suffix, // this will be deprecated in future version\n &.ic-input-suffix--double {\n right: 38px;\n }\n }\n}\n\n@each $name, $value in $icons-map {\n .#{$name} {\n color: $slate;\n &::before {\n color: inherit;\n content: icon-sanitize($value);\n }\n }\n}\n\n@each $product in $icons-blankslate-product {\n @each $name in $icons-blankslate-name {\n .ic-blankslate-#{$product}-#{$name} {\n background-image: url(\"#{$icon-blankslate-path}/#{$product}/#{$name}.svg\");\n }\n }\n}\n",".ic {\n width: 24px;\n height: 24px;\n font-family: \"Mekari-Icon-Regular\", sans-serif;\n font-size: 24px;\n -moz-osx-font-smoothing: grayscale;\n -webkit-font-smoothing: antialiased;\n font-style: normal;\n font-variant: normal;\n text-rendering: auto;\n line-height: 1;\n}\n\n.ic {\n display: inline-block;\n}\n\n.ic.ic-small {\n width: 20px;\n height: 20px;\n font-size: 20px;\n}\n\n.ic.ic-medium {\n width: 32px;\n height: 32px;\n font-size: 32px;\n}\n\n.ic.ic-large {\n width: 60px;\n height: 60px;\n font-size: 60px;\n}\n\n.ic.ic-blankslate {\n width: 120px;\n height: 120px;\n padding: 10px;\n background-repeat: no-repeat;\n background-position: center;\n background-size: 100px 100px;\n}\n\n.ic-input-prefix {\n position: absolute;\n top: 6px;\n left: 6px;\n z-index: 5;\n padding: 0;\n color: inherit;\n pointer-events: all;\n cursor: pointer;\n}\n\n.ic-input-prefix.ic-small {\n top: 7px;\n left: 10px;\n}\n\n.ic-input-suffix {\n position: absolute;\n top: 6px;\n right: 6px;\n z-index: 5;\n padding: 0;\n color: inherit;\n pointer-events: all;\n cursor: pointer;\n}\n\n.ic-input-suffix.ic-input-double-suffix, .ic-input-suffix.ic-input-suffix--double {\n right: 36px;\n z-index: 5;\n}\n\n.ic-input-suffix.ic-small {\n top: 7px;\n right: 10px;\n}\n\n.ic-input-suffix.ic-small.ic-input-double-suffix, .ic-input-suffix.ic-small.ic-input-suffix--double {\n right: 38px;\n}\n\n.ic-activity {\n color: #777;\n}\n\n.ic-activity::before {\n color: inherit;\n content: \"\\e93a\";\n}\n\n.ic-add {\n color: #777;\n}\n\n.ic-add::before {\n color: inherit;\n content: \"\\e800\";\n}\n\n.ic-addons {\n color: #777;\n}\n\n.ic-addons::before {\n color: inherit;\n content: \"\\e93b\";\n}\n\n.ic-add-staff {\n color: #777;\n}\n\n.ic-add-staff::before {\n color: inherit;\n content: \"\\e956\";\n}\n\n.ic-adjustment {\n color: #777;\n}\n\n.ic-adjustment::before {\n color: inherit;\n content: \"\\e947\";\n}\n\n.ic-alarm {\n color: #777;\n}\n\n.ic-alarm::before {\n color: inherit;\n content: \"\\e93c\";\n}\n\n.ic-approval {\n color: #777;\n}\n\n.ic-approval::before {\n color: inherit;\n content: \"\\e948\";\n}\n\n.ic-arrow-down {\n color: #777;\n}\n\n.ic-arrow-down::before {\n color: inherit;\n content: \"\\e94b\";\n}\n\n.ic-arrow-left {\n color: #777;\n}\n\n.ic-arrow-left::before {\n color: inherit;\n content: \"\\e94c\";\n}\n\n.ic-arrow-right {\n color: #777;\n}\n\n.ic-arrow-right::before {\n color: inherit;\n content: \"\\e94d\";\n}\n\n.ic-arrow-up {\n color: #777;\n}\n\n.ic-arrow-up::before {\n color: inherit;\n content: \"\\e94e\";\n}\n\n.ic-asset {\n color: #777;\n}\n\n.ic-asset::before {\n color: inherit;\n content: \"\\e949\";\n}\n\n.ic-attachment {\n color: #777;\n}\n\n.ic-attachment::before {\n color: inherit;\n content: \"\\e88e\";\n}\n\n.ic-bank {\n color: #777;\n}\n\n.ic-bank::before {\n color: inherit;\n content: \"\\e94a\";\n}\n\n.ic-billing {\n color: #777;\n}\n\n.ic-billing::before {\n color: inherit;\n content: \"\\e934\";\n}\n\n.ic-blank-icon {\n color: #777;\n}\n\n.ic-blank-icon::before {\n color: inherit;\n content: \"\\e93d\";\n}\n\n.ic-branch {\n color: #777;\n}\n\n.ic-branch::before {\n color: inherit;\n content: \"\\e935\";\n}\n\n.ic-broadcast {\n color: #777;\n}\n\n.ic-broadcast::before {\n color: inherit;\n content: \"\\e936\";\n}\n\n.ic-camera {\n color: #777;\n}\n\n.ic-camera::before {\n color: inherit;\n content: \"\\e89e\";\n}\n\n.ic-camera-fill {\n color: #777;\n}\n\n.ic-camera-fill::before {\n color: inherit;\n content: \"\\e877\";\n}\n\n.ic-calculator {\n color: #777;\n}\n\n.ic-calculator::before {\n color: inherit;\n content: \"\\e84c\";\n}\n\n.ic-calendar {\n color: #777;\n}\n\n.ic-calendar::before {\n color: inherit;\n content: \"\\e938\";\n}\n\n.ic-celebration {\n color: #777;\n}\n\n.ic-celebration::before {\n color: inherit;\n content: \"\\e939\";\n}\n\n.ic-certificate {\n color: #777;\n}\n\n.ic-certificate::before {\n color: inherit;\n content: \"\\e8a1\";\n}\n\n.ic-chat {\n color: #777;\n}\n\n.ic-chat::before {\n color: inherit;\n content: \"\\e92e\";\n}\n\n.ic-chevron-first {\n color: #777;\n}\n\n.ic-chevron-first::before {\n color: inherit;\n content: \"\\e942\";\n}\n\n.ic-chevron-last {\n color: #777;\n}\n\n.ic-chevron-last::before {\n color: inherit;\n content: \"\\e943\";\n}\n\n.ic-chevron-bottom {\n color: #777;\n}\n\n.ic-chevron-bottom::before {\n color: inherit;\n content: \"\\e88b\";\n}\n\n.ic-chevron-left {\n color: #777;\n}\n\n.ic-chevron-left::before {\n color: inherit;\n content: \"\\e944\";\n}\n\n.ic-chevron-right {\n color: #777;\n}\n\n.ic-chevron-right::before {\n color: inherit;\n content: \"\\e945\";\n}\n\n.ic-chevron-up {\n color: #777;\n}\n\n.ic-chevron-up::before {\n color: inherit;\n content: \"\\e88c\";\n}\n\n.ic-coa {\n color: #777;\n}\n\n.ic-coa::before {\n color: inherit;\n content: \"\\e92f\";\n}\n\n.ic-copy {\n color: #777;\n}\n\n.ic-copy::before {\n color: inherit;\n content: \"\\e88a\";\n}\n\n.ic-collapse {\n color: #777;\n}\n\n.ic-collapse::before {\n color: inherit;\n content: \"\\e89b\";\n}\n\n.ic-column-settings {\n color: #777;\n}\n\n.ic-column-settings::before {\n color: inherit;\n content: \"\\e89c\";\n}\n\n.ic-column-settings-small {\n color: #777;\n}\n\n.ic-column-settings-small::before {\n color: inherit;\n content: \"\\e801\";\n}\n\n.ic-company {\n color: #777;\n}\n\n.ic-company::before {\n color: inherit;\n content: \"\\e930\";\n}\n\n.ic-contact {\n color: #777;\n}\n\n.ic-contact::before {\n color: inherit;\n content: \"\\e931\";\n}\n\n.ic-credit-card {\n color: #777;\n}\n\n.ic-credit-card::before {\n color: inherit;\n content: \"\\e932\";\n}\n\n.ic-custom-slip {\n color: #777;\n}\n\n.ic-custom-slip::before {\n color: inherit;\n content: \"\\e933\";\n}\n\n.ic-dashboard {\n color: #777;\n}\n\n.ic-dashboard::before {\n color: inherit;\n content: \"\\e928\";\n}\n\n.ic-delete {\n color: #777;\n}\n\n.ic-delete::before {\n color: inherit;\n content: \"\\e900\";\n}\n\n.ic-description {\n color: #777;\n}\n\n.ic-description::before {\n color: inherit;\n content: \"\\e929\";\n}\n\n.ic-doc {\n color: #777;\n}\n\n.ic-doc::before {\n color: inherit;\n content: \"\\e92a\";\n}\n\n.ic-dot {\n color: #777;\n}\n\n.ic-dot::before {\n color: inherit;\n content: \"\\e8f0\";\n}\n\n.ic-drag {\n color: #777;\n}\n\n.ic-drag::before {\n color: inherit;\n content: \"\\e88d\";\n}\n\n.ic-dropdown {\n color: #777;\n}\n\n.ic-dropdown::before {\n color: inherit;\n content: \"\\e8ef\";\n}\n\n.ic-edit {\n color: #777;\n}\n\n.ic-edit::before {\n color: inherit;\n content: \"\\e887\";\n}\n\n.ic-education {\n color: #777;\n}\n\n.ic-education::before {\n color: inherit;\n content: \"\\e8a0\";\n}\n\n.ic-equal {\n color: #777;\n}\n\n.ic-equal::before {\n color: inherit;\n content: \"\\e886\";\n}\n\n.ic-error {\n color: #777;\n}\n\n.ic-error::before {\n color: inherit;\n content: \"\\e93e\";\n}\n\n.ic-error-fill {\n color: #777;\n}\n\n.ic-error-fill::before {\n color: inherit;\n content: \"\\e89a\";\n}\n\n.ic-expand {\n color: #777;\n}\n\n.ic-expand::before {\n color: inherit;\n content: \"\\e899\";\n}\n\n.ic-expense {\n color: #777;\n}\n\n.ic-expense::before {\n color: inherit;\n content: \"\\e92b\";\n}\n\n.ic-family {\n color: #777;\n}\n\n.ic-family::before {\n color: inherit;\n content: \"\\e89f\";\n}\n\n.ic-file-comment {\n color: #777;\n}\n\n.ic-file-comment::before {\n color: inherit;\n content: \"\\e953\";\n}\n\n.ic-file-history {\n color: #777;\n}\n\n.ic-file-history::before {\n color: inherit;\n content: \"\\e952\";\n}\n\n.ic-finance {\n color: #777;\n}\n\n.ic-finance::before {\n color: inherit;\n content: \"\\e92c\";\n}\n\n.ic-finance-dollar {\n color: #777;\n}\n\n.ic-finance-dollar::before {\n color: inherit;\n content: \"\\e883\";\n}\n\n.ic-finance-percentage {\n color: #777;\n}\n\n.ic-finance-percentage::before {\n color: inherit;\n content: \"\\e881\";\n}\n\n.ic-finance-rupiah {\n color: #777;\n}\n\n.ic-finance-rupiah::before {\n color: inherit;\n content: \"\\e882\";\n}\n\n.ic-file-download {\n color: #777;\n}\n\n.ic-file-download::before {\n color: inherit;\n content: \"\\e885\";\n}\n\n.ic-file-upload {\n color: #777;\n}\n\n.ic-file-upload::before {\n color: inherit;\n content: \"\\e884\";\n}\n\n.ic-help {\n color: #777;\n}\n\n.ic-help::before {\n color: inherit;\n content: \"\\e92d\";\n}\n\n.ic-help-small {\n color: #777;\n}\n\n.ic-help-small::before {\n color: inherit;\n content: \"\\e880\";\n}\n\n.ic-history {\n color: #777;\n}\n\n.ic-history::before {\n color: inherit;\n content: \"\\e922\";\n}\n\n.ic-home {\n color: #777;\n}\n\n.ic-home::before {\n color: inherit;\n content: \"\\e923\";\n}\n\n.ic-img {\n color: #777;\n}\n\n.ic-img::before {\n color: inherit;\n content: \"\\e924\";\n}\n\n.ic-inbox {\n color: #777;\n}\n\n.ic-inbox::before {\n color: inherit;\n content: \"\\e925\";\n}\n\n.ic-inbox-fill {\n color: #777;\n}\n\n.ic-inbox-fill::before {\n color: inherit;\n content: \"\\e902\";\n}\n\n.ic-info {\n color: #777;\n}\n\n.ic-info::before {\n color: inherit;\n content: \"\\e898\";\n}\n\n.ic-info-fill {\n color: #777;\n}\n\n.ic-info-fill::before {\n color: inherit;\n content: \"\\e903\";\n}\n\n.ic-insurance {\n color: #777;\n}\n\n.ic-insurance::before {\n color: inherit;\n content: \"\\e926\";\n}\n\n.ic-integrasi {\n color: #777;\n}\n\n.ic-integrasi::before {\n color: inherit;\n content: \"\\e927\";\n}\n\n.ic-job-level {\n color: #777;\n}\n\n.ic-job-level::before {\n color: inherit;\n content: \"\\e91c\";\n}\n\n.ic-job-title {\n color: #777;\n}\n\n.ic-job-title::before {\n color: inherit;\n content: \"\\e91d\";\n}\n\n.ic-jurnal {\n color: #777;\n}\n\n.ic-jurnal::before {\n color: inherit;\n content: \"\\e84b\";\n}\n\n.ic-klikpajak {\n color: #777;\n}\n\n.ic-klikpajak::before {\n color: inherit;\n content: \"\\e950\";\n}\n\n.ic-loading {\n color: #777;\n}\n\n.ic-loading::before {\n color: inherit;\n content: \"\\e896\";\n}\n\n.ic-loan {\n color: #777;\n}\n\n.ic-loan::before {\n color: inherit;\n content: \"\\e94f\";\n}\n\n.ic-location {\n color: #777;\n}\n\n.ic-location::before {\n color: inherit;\n content: \"\\e91e\";\n}\n\n.ic-lock {\n color: #777;\n}\n\n.ic-lock::before {\n color: inherit;\n content: \"\\e91f\";\n}\n\n.ic-logout {\n color: #777;\n}\n\n.ic-logout::before {\n color: inherit;\n content: \"\\e920\";\n}\n\n.ic-kebab {\n color: #777;\n}\n\n.ic-kebab::before {\n color: inherit;\n content: \"\\e897\";\n}\n\n.ic-meatball {\n color: #777;\n}\n\n.ic-meatball::before {\n color: inherit;\n content: \"\\e895\";\n}\n\n.ic-message {\n color: #777;\n}\n\n.ic-message::before {\n color: inherit;\n content: \"\\e957\";\n}\n\n.ic-merge {\n color: #777;\n}\n\n.ic-merge::before {\n color: inherit;\n content: \"\\e87f\";\n}\n\n.ic-migration {\n color: #777;\n}\n\n.ic-migration::before {\n color: inherit;\n content: \"\\e921\";\n}\n\n.ic-notification {\n color: #777;\n}\n\n.ic-notification::before {\n color: inherit;\n content: \"\\e916\";\n}\n\n.ic-offboarding {\n color: #777;\n}\n\n.ic-offboarding::before {\n color: inherit;\n content: \"\\e917\";\n}\n\n.ic-onboarding {\n color: #777;\n}\n\n.ic-onboarding::before {\n color: inherit;\n content: \"\\e918\";\n}\n\n.ic-organization {\n color: #777;\n}\n\n.ic-organization::before {\n color: inherit;\n content: \"\\e919\";\n}\n\n.ic-other {\n color: #777;\n}\n\n.ic-other::before {\n color: inherit;\n content: \"\\e91b\";\n}\n\n.ic-other-list {\n color: #777;\n}\n\n.ic-other-list::before {\n color: inherit;\n content: \"\\e91a\";\n}\n\n.ic-overtime {\n color: #777;\n}\n\n.ic-overtime::before {\n color: inherit;\n content: \"\\e910\";\n}\n\n.ic-picker-calendar {\n color: #777;\n}\n\n.ic-picker-calendar::before {\n color: inherit;\n content: \"\\e87e\";\n}\n\n.ic-picker-time {\n color: #777;\n}\n\n.ic-picker-time::before {\n color: inherit;\n content: \"\\e87d\";\n}\n\n.ic-plans {\n color: #777;\n}\n\n.ic-plans::before {\n color: inherit;\n content: \"\\e955\";\n}\n\n.ic-product {\n color: #777;\n}\n\n.ic-product::before {\n color: inherit;\n content: \"\\e911\";\n}\n\n.ic-profile-pic {\n color: #777;\n}\n\n.ic-profile-pic::before {\n color: inherit;\n content: \"\\e912\";\n}\n\n.ic-purchase {\n color: #777;\n}\n\n.ic-purchase::before {\n color: inherit;\n content: \"\\e913\";\n}\n\n.ic-reload {\n color: #777;\n}\n\n.ic-reload::before {\n color: inherit;\n content: \"\\e914\";\n}\n\n.ic-report {\n color: #777;\n}\n\n.ic-report::before {\n color: inherit;\n content: \"\\e915\";\n}\n\n.ic-remove-line {\n color: #777;\n}\n\n.ic-remove-line::before {\n color: inherit;\n content: \"\\e87c\";\n}\n\n.ic-reset {\n color: #777;\n}\n\n.ic-reset::before {\n color: inherit;\n content: \"\\e90a\";\n}\n\n.ic-reset-fill {\n color: #777;\n}\n\n.ic-reset-fill::before {\n color: inherit;\n content: \"\\e87a\";\n}\n\n.ic-resync {\n color: #777;\n}\n\n.ic-resync::before {\n color: inherit;\n content: \"\\e8f2\";\n}\n\n.ic-rules {\n color: #777;\n}\n\n.ic-rules::before {\n color: inherit;\n content: \"\\e90b\";\n}\n\n.ic-sale {\n color: #777;\n}\n\n.ic-sale::before {\n color: inherit;\n content: \"\\e90c\";\n}\n\n.ic-search {\n color: #777;\n}\n\n.ic-search::before {\n color: inherit;\n content: \"\\e893\";\n}\n\n.ic-send {\n color: #777;\n}\n\n.ic-send::before {\n color: inherit;\n content: \"\\e892\";\n}\n\n.ic-setting {\n color: #777;\n}\n\n.ic-setting::before {\n color: inherit;\n content: \"\\e90d\";\n}\n\n.ic-sort {\n color: #777;\n}\n\n.ic-sort::before {\n color: inherit;\n content: \"\\e879\";\n}\n\n.ic-staff {\n color: #777;\n}\n\n.ic-staff::before {\n color: inherit;\n content: \"\\e90e\";\n}\n\n.ic-stepper-error {\n color: #777;\n}\n\n.ic-stepper-error::before {\n color: inherit;\n content: \"\\e901\";\n}\n\n.ic-stepper-finished {\n color: #777;\n}\n\n.ic-stepper-finished::before {\n color: inherit;\n content: \"\\e909\";\n}\n\n.ic-success {\n color: #777;\n}\n\n.ic-success::before {\n color: inherit;\n content: \"\\e93f\";\n}\n\n.ic-success-fill {\n color: #777;\n}\n\n.ic-success-fill::before {\n color: inherit;\n content: \"\\e891\";\n}\n\n.ic-supplier {\n color: #777;\n}\n\n.ic-supplier::before {\n color: inherit;\n content: \"\\e90f\";\n}\n\n.ic-sync {\n color: #777;\n}\n\n.ic-sync::before {\n color: inherit;\n content: \"\\e8f1\";\n}\n\n.ic-tag {\n color: #777;\n}\n\n.ic-tag::before {\n color: inherit;\n content: \"\\e878\";\n}\n\n.ic-talenta {\n color: #777;\n}\n\n.ic-talenta::before {\n color: inherit;\n content: \"\\e951\";\n}\n\n.ic-task {\n color: #777;\n}\n\n.ic-task::before {\n color: inherit;\n content: \"\\e946\";\n}\n\n.ic-tax-history {\n color: #777;\n}\n\n.ic-tax-history::before {\n color: inherit;\n content: \"\\e905\";\n}\n\n.ic-team-goal {\n color: #777;\n}\n\n.ic-team-goal::before {\n color: inherit;\n content: \"\\e954\";\n}\n\n.ic-time {\n color: #777;\n}\n\n.ic-time::before {\n color: inherit;\n content: \"\\e906\";\n}\n\n.ic-transfer-account {\n color: #777;\n}\n\n.ic-transfer-account::before {\n color: inherit;\n content: \"\\e907\";\n}\n\n.ic-trash {\n color: #777;\n}\n\n.ic-trash::before {\n color: inherit;\n content: \"\\e900\";\n}\n\n.ic-upload-file {\n color: #777;\n}\n\n.ic-upload-file::before {\n color: inherit;\n content: \"\\e908\";\n}\n\n.ic-view-fill {\n color: #777;\n}\n\n.ic-view-fill::before {\n color: inherit;\n content: \"\\e890\";\n}\n\n.ic-view-hide-fill {\n color: #777;\n}\n\n.ic-view-hide-fill::before {\n color: inherit;\n content: \"\\e88f\";\n}\n\n.ic-warning-fill {\n color: #777;\n}\n\n.ic-warning-fill::before {\n color: inherit;\n content: \"\\e940\";\n}\n\n.ic-warning {\n color: #777;\n}\n\n.ic-warning::before {\n color: inherit;\n content: \"\\e941\";\n}\n\n.ic-zip {\n color: #777;\n}\n\n.ic-zip::before {\n color: inherit;\n content: \"\\e904\";\n}\n\n.ic-blankslate-jurnal-calendar {\n background-image: url(\"../../webfonts/blankslate/jurnal/calendar.svg\");\n}\n\n.ic-blankslate-jurnal-location {\n background-image: url(\"../../webfonts/blankslate/jurnal/location.svg\");\n}\n\n.ic-blankslate-jurnal-not-found {\n background-image: url(\"../../webfonts/blankslate/jurnal/not-found.svg\");\n}\n\n.ic-blankslate-jurnal-process {\n background-image: url(\"../../webfonts/blankslate/jurnal/process.svg\");\n}\n\n.ic-blankslate-jurnal-web {\n background-image: url(\"../../webfonts/blankslate/jurnal/web.svg\");\n}\n\n.ic-blankslate-klikpajak-calendar {\n background-image: url(\"../../webfonts/blankslate/klikpajak/calendar.svg\");\n}\n\n.ic-blankslate-klikpajak-location {\n background-image: url(\"../../webfonts/blankslate/klikpajak/location.svg\");\n}\n\n.ic-blankslate-klikpajak-not-found {\n background-image: url(\"../../webfonts/blankslate/klikpajak/not-found.svg\");\n}\n\n.ic-blankslate-klikpajak-process {\n background-image: url(\"../../webfonts/blankslate/klikpajak/process.svg\");\n}\n\n.ic-blankslate-klikpajak-web {\n background-image: url(\"../../webfonts/blankslate/klikpajak/web.svg\");\n}\n\n.ic-blankslate-talenta-calendar {\n background-image: url(\"../../webfonts/blankslate/talenta/calendar.svg\");\n}\n\n.ic-blankslate-talenta-location {\n background-image: url(\"../../webfonts/blankslate/talenta/location.svg\");\n}\n\n.ic-blankslate-talenta-not-found {\n background-image: url(\"../../webfonts/blankslate/talenta/not-found.svg\");\n}\n\n.ic-blankslate-talenta-process {\n background-image: url(\"../../webfonts/blankslate/talenta/process.svg\");\n}\n\n.ic-blankslate-talenta-web {\n background-image: url(\"../../webfonts/blankslate/talenta/web.svg\");\n}\n\n/# sourceMappingURL=mekari-ui-icons.css.map /","// Neutrals color variables\n$dark: #212121;\n$slate: #777;\n$muted: #b4b4b4;\n$smoke: #e2e2e2;\n$snow: #fbfbfb;\n$white: #fff;\n$cloud: #f2f4f7;\n\n// UI color variables\n$red: #d74022;\n$green: #009f61;\n$light-yellow: #ffeb99;\n$blue: #1357ff;\n$orange: #ffb700;\n$sapphire: #005fbf;\n\n// Branding color variables\n$crimson: #c02a34;\n$azure: #009bde;\n$salamander: #f96d01;\n$purple: #6d48e5;\n\n// Bootstrap dependencies color\n$black: #000 !default;\n$gray-100: #f8f9fa !default;\n$gray-200: #e9ecef !default;\n$gray-300: #dee2e6 !default;\n$gray-400: #ced4da !default;\n$gray-500: #adb5bd !default;\n$gray-600: #6c757d !default;\n$gray-700: #495057 !default;\n$gray-800: #343a40 !default;\n$gray-900: #212529 !default;\n\n// The yiq lightness value that determines when the lightness of color changes from \"dark\" to \"light\". Acceptable values are between 0 and 255.\n$yiq-contrasted-threshold: 150 !default;\n\n// Customize the light and dark text colors for use in our YIQ color contrast function.\n$yiq-text-dark: $gray-900 !default;\n$yiq-text-light: $white !default;\n\n\n$grays: () !default;\n// stylelint-disable-next-line scss/dollar-variable-default\n$grays: map-merge(\n (\n \"100\": $gray-100,\n \"200\": $gray-200,\n \"300\": $gray-300,\n \"400\": $gray-400,\n \"500\": $gray-500,\n \"600\": $gray-600,\n \"700\": $gray-700,\n \"800\": $gray-800,\n \"900\": $gray-900\n ),\n $grays\n);\n\n// register mekari color variables too bootstrap\n$colors: ();\n$colors: map-merge(\n (\n \"noir\" : $dark, // going to deprecated\n \"dark\" : $dark,\n \"slate\" : $slate,\n \"muted\" : $muted,\n \"smoke\" : $smoke,\n \"snow\" : $snow,\n \"cloud\" : $cloud,\n \"crimson\" : $crimson,\n \"azure\" : $azure,\n \"salamander\" : $salamander,\n \"purple\" : $purple,\n \"sapphire\" : $sapphire,\n \"white\" : $white,\n \"red\" : $red,\n \"orange\" : $orange,\n \"green\" : $green,\n \"blue\" : $blue,\n \"light-yellow\" : $light-yellow\n ),\n $colors\n);\n\n//extend bootstrap class\n$danger: $red;\n$success: $green;\n$info: $light-yellow;\n$warning: $orange;\n$primary: $sapphire;\n$jurnal: $azure;\n$talenta: $crimson;\n$klikpajak: $salamander;\n$mekari: $purple;\n\n$link: $blue;\n\n$text-muted: $muted;\n$body-color: $dark;\n$dark: $dark;\n$secondary: $slate;\n$light: $snow;\n\n// Add more theme color variables\n$theme-colors: ();\n$theme-colors: map-merge(\n (\n \"danger\" : $danger,\n \"success\" : $success,\n \"info\" : $info,\n \"warning\" : $warning,\n \"primary\" : $primary,\n \"jurnal\" : $jurnal,\n \"talenta\" : $talenta,\n \"klikpajak\" : $klikpajak,\n \"mekari\" : $mekari,\n \"dark\" : $dark,\n \"slate\" : $slate,\n \"muted\" : $muted,\n \"smoke\" : $smoke,\n \"light\" : $light,\n \"cloud\" : $cloud,\n \"link\" : $blue,\n \"white\" : $white\n ),\n $theme-colors\n);\n\n$card-border-color: $smoke;\n$body-bg: $white;\n"]}
1	+ {"version":3,"sources":["../../../scss/components/config/_icons.scss","mekari-ui-icons.css","../../../scss/vendor-extensions/_color.scss"],"names":[],"mappings":"AAmKA;EACE,WAAW;EACX,YAAY;EACZ,8CAA0E;EAC1E,eAAe;EACf,kCAAkC;EAClC,mCAAmC;EACnC,kBAAkB;EAClB,oBAAoB;EACpB,oBAAoB;EACpB,cAAc;AClKhB;;ADqKA;EACE,qBAAqB;AClKvB;;ADiKA;EAII,WAAW;EACX,YAAY;EACZ,eAAe;ACjKnB;;AD2JA;EASI,WAAW;EACX,YAAY;EACZ,eAAe;AChKnB;;ADqJA;EAcI,WAAW;EACX,YAAY;EACZ,eAAe;AC/JnB;;AD+IA;EAmBI,YAAY;EACZ,aAAa;EACb,aAAa;EACb,4BAA4B;EAC5B,2BAA2B;EAC3B,4BAA4B;AC9JhC;;ADkKA;EACE,kBAAkB;EAClB,QAAQ;EACR,SAAS;EACT,UAAU;EACV,UAAU;EACV,cAAc;EACd,mBAAmB;EACnB,eAAe;AC/JjB;;ADuJA;EAUI,QAAQ;EACR,UAAU;AC7Jd;;ADiKA;EACE,kBAAkB;EAClB,QAAQ;EACR,UAAU;EACV,UAAU;EACV,UAAU;EACV,cAAc;EACd,mBAAmB;EACnB,eAAe;AC9JjB;;ADsJA;EAWI,WAAW;EACX,UAAU;AC7Jd;;ADiJA;EAeI,QAAQ;EACR,WAAW;AC5Jf;;AD4IA;EAmBM,WAAW;AC3JjB;;ADiKE;EACE,WEnPQ;ADqFZ;;AD6JE;EAGI,cAAc;EACd,gBAxF6B;ACpEnC;;ADwJE;EACE,WEnPQ;AD8FZ;;ADoJE;EAGI,cAAc;EACd,gBAxF6B;AC3DnC;;AD+IE;EACE,WEnPQ;ADuGZ;;AD2IE;EAGI,cAAc;EACd,gBAxF6B;AClDnC;;ADsIE;EACE,WEnPQ;ADgHZ;;ADkIE;EAGI,cAAc;EACd,gBAxF6B;ACzCnC;;AD6HE;EACE,WEnPQ;ADyHZ;;ADyHE;EAGI,cAAc;EACd,gBAxF6B;AChCnC;;ADoHE;EACE,WEnPQ;ADkIZ;;ADgHE;EAGI,cAAc;EACd,gBAxF6B;ACvBnC;;AD2GE;EACE,WEnPQ;AD2IZ;;ADuGE;EAGI,cAAc;EACd,gBAxF6B;ACdnC;;ADkGE;EACE,WEnPQ;ADoJZ;;AD8FE;EAGI,cAAc;EACd,gBAxF6B;ACLnC;;ADyFE;EACE,WEnPQ;AD6JZ;;ADqFE;EAGI,cAAc;EACd,gBAxF6B;ACInC;;ADgFE;EACE,WEnPQ;ADsKZ;;AD4EE;EAGI,cAAc;EACd,gBAxF6B;ACanC;;ADuEE;EACE,WEnPQ;AD+KZ;;ADmEE;EAGI,cAAc;EACd,gBAxF6B;ACsBnC;;AD8DE;EACE,WEnPQ;ADwLZ;;AD0DE;EAGI,cAAc;EACd,gBAxF6B;AC+BnC;;ADqDE;EACE,WEnPQ;ADiMZ;;ADiDE;EAGI,cAAc;EACd,gBAxF6B;ACwCnC;;AD4CE;EACE,WEnPQ;AD0MZ;;ADwCE;EAGI,cAAc;EACd,gBAxF6B;ACiDnC;;ADmCE;EACE,WEnPQ;ADmNZ;;AD+BE;EAGI,cAAc;EACd,gBAxF6B;AC0DnC;;AD0BE;EACE,WEnPQ;AD4NZ;;ADsBE;EAGI,cAAc;EACd,gBAxF6B;ACmEnC;;ADiBE;EACE,WEnPQ;ADqOZ;;ADaE;EAGI,cAAc;EACd,gBAxF6B;AC4EnC;;ADQE;EACE,WEnPQ;AD8OZ;;ADIE;EAGI,cAAc;EACd,gBAxF6B;ACqFnC;;ADDE;EACE,WEnPQ;ADuPZ;;ADLE;EAGI,cAAc;EACd,gBAxF6B;AC8FnC;;ADVE;EACE,WEnPQ;ADgQZ;;ADdE;EAGI,cAAc;EACd,gBAxF6B;ACuGnC;;ADnBE;EACE,WEnPQ;ADyQZ;;ADvBE;EAGI,cAAc;EACd,gBAxF6B;ACgHnC;;AD5BE;EACE,WEnPQ;ADkRZ;;ADhCE;EAGI,cAAc;EACd,gBAxF6B;ACyHnC;;ADrCE;EACE,WEnPQ;AD2RZ;;ADzCE;EAGI,cAAc;EACd,gBAxF6B;ACkInC;;AD9CE;EACE,WEnPQ;ADoSZ;;ADlDE;EAGI,cAAc;EACd,gBAxF6B;AC2InC;;ADvDE;EACE,WEnPQ;AD6SZ;;AD3DE;EAGI,cAAc;EACd,gBAxF6B;ACoJnC;;ADhEE;EACE,WEnPQ;ADsTZ;;ADpEE;EAGI,cAAc;EACd,gBAxF6B;AC6JnC;;ADzEE;EACE,WEnPQ;AD+TZ;;AD7EE;EAGI,cAAc;EACd,gBAxF6B;ACsKnC;;ADlFE;EACE,WEnPQ;ADwUZ;;ADtFE;EAGI,cAAc;EACd,gBAxF6B;AC+KnC;;AD3FE;EACE,WEnPQ;ADiVZ;;AD/FE;EAGI,cAAc;EACd,gBAxF6B;ACwLnC;;ADpGE;EACE,WEnPQ;AD0VZ;;ADxGE;EAGI,cAAc;EACd,gBAxF6B;ACiMnC;;AD7GE;EACE,WEnPQ;ADmWZ;;ADjHE;EAGI,cAAc;EACd,gBAxF6B;AC0MnC;;ADtHE;EACE,WEnPQ;AD4WZ;;AD1HE;EAGI,cAAc;EACd,gBAxF6B;ACmNnC;;AD/HE;EACE,WEnPQ;ADqXZ;;ADnIE;EAGI,cAAc;EACd,gBAxF6B;AC4NnC;;ADxIE;EACE,WEnPQ;AD8XZ;;AD5IE;EAGI,cAAc;EACd,gBAxF6B;ACqOnC;;ADjJE;EACE,WEnPQ;ADuYZ;;ADrJE;EAGI,cAAc;EACd,gBAxF6B;AC8OnC;;AD1JE;EACE,WEnPQ;ADgZZ;;AD9JE;EAGI,cAAc;EACd,gBAxF6B;ACuPnC;;ADnKE;EACE,WEnPQ;ADyZZ;;ADvKE;EAGI,cAAc;EACd,gBAxF6B;ACgQnC;;AD5KE;EACE,WEnPQ;ADkaZ;;ADhLE;EAGI,cAAc;EACd,gBAxF6B;ACyQnC;;ADrLE;EACE,WEnPQ;AD2aZ;;ADzLE;EAGI,cAAc;EACd,gBAxF6B;ACkRnC;;AD9LE;EACE,WEnPQ;ADobZ;;ADlME;EAGI,cAAc;EACd,gBAxF6B;AC2RnC;;ADvME;EACE,WEnPQ;AD6bZ;;AD3ME;EAGI,cAAc;EACd,gBAxF6B;ACoSnC;;ADhNE;EACE,WEnPQ;ADscZ;;ADpNE;EAGI,cAAc;EACd,gBAxF6B;AC6SnC;;ADzNE;EACE,WEnPQ;AD+cZ;;AD7NE;EAGI,cAAc;EACd,gBAxF6B;ACsTnC;;ADlOE;EACE,WEnPQ;ADwdZ;;ADtOE;EAGI,cAAc;EACd,gBAxF6B;AC+TnC;;AD3OE;EACE,WEnPQ;ADieZ;;AD/OE;EAGI,cAAc;EACd,gBAxF6B;ACwUnC;;ADpPE;EACE,WEnPQ;AD0eZ;;ADxPE;EAGI,cAAc;EACd,gBAxF6B;ACiVnC;;AD7PE;EACE,WEnPQ;ADmfZ;;ADjQE;EAGI,cAAc;EACd,gBAxF6B;AC0VnC;;ADtQE;EACE,WEnPQ;AD4fZ;;AD1QE;EAGI,cAAc;EACd,gBAxF6B;ACmWnC;;AD/QE;EACE,WEnPQ;ADqgBZ;;ADnRE;EAGI,cAAc;EACd,gBAxF6B;AC4WnC;;ADxRE;EACE,WEnPQ;AD8gBZ;;AD5RE;EAGI,cAAc;EACd,gBAxF6B;ACqXnC;;ADjSE;EACE,WEnPQ;ADuhBZ;;ADrSE;EAGI,cAAc;EACd,gBAxF6B;AC8XnC;;AD1SE;EACE,WEnPQ;ADgiBZ;;AD9SE;EAGI,cAAc;EACd,gBAxF6B;ACuYnC;;ADnTE;EACE,WEnPQ;ADyiBZ;;ADvTE;EAGI,cAAc;EACd,gBAxF6B;ACgZnC;;AD5TE;EACE,WEnPQ;ADkjBZ;;ADhUE;EAGI,cAAc;EACd,gBAxF6B;ACyZnC;;ADrUE;EACE,WEnPQ;AD2jBZ;;ADzUE;EAGI,cAAc;EACd,gBAxF6B;ACkanC;;AD9UE;EACE,WEnPQ;ADokBZ;;ADlVE;EAGI,cAAc;EACd,gBAxF6B;AC2anC;;ADvVE;EACE,WEnPQ;AD6kBZ;;AD3VE;EAGI,cAAc;EACd,gBAxF6B;ACobnC;;ADhWE;EACE,WEnPQ;ADslBZ;;ADpWE;EAGI,cAAc;EACd,gBAxF6B;AC6bnC;;ADzWE;EACE,WEnPQ;AD+lBZ;;AD7WE;EAGI,cAAc;EACd,gBAxF6B;ACscnC;;ADlXE;EACE,WEnPQ;ADwmBZ;;ADtXE;EAGI,cAAc;EACd,gBAxF6B;AC+cnC;;AD3XE;EACE,WEnPQ;ADinBZ;;AD/XE;EAGI,cAAc;EACd,gBAxF6B;ACwdnC;;ADpYE;EACE,WEnPQ;AD0nBZ;;ADxYE;EAGI,cAAc;EACd,gBAxF6B;ACienC;;AD7YE;EACE,WEnPQ;ADmoBZ;;ADjZE;EAGI,cAAc;EACd,gBAxF6B;AC0enC;;ADtZE;EACE,WEnPQ;AD4oBZ;;AD1ZE;EAGI,cAAc;EACd,gBAxF6B;ACmfnC;;AD/ZE;EACE,WEnPQ;ADqpBZ;;ADnaE;EAGI,cAAc;EACd,gBAxF6B;AC4fnC;;ADxaE;EACE,WEnPQ;AD8pBZ;;AD5aE;EAGI,cAAc;EACd,gBAxF6B;ACqgBnC;;ADjbE;EACE,WEnPQ;ADuqBZ;;ADrbE;EAGI,cAAc;EACd,gBAxF6B;AC8gBnC;;AD1bE;EACE,WEnPQ;ADgrBZ;;AD9bE;EAGI,cAAc;EACd,gBAxF6B;ACuhBnC;;ADncE;EACE,WEnPQ;ADyrBZ;;ADvcE;EAGI,cAAc;EACd,gBAxF6B;ACgiBnC;;AD5cE;EACE,WEnPQ;ADksBZ;;ADhdE;EAGI,cAAc;EACd,gBAxF6B;ACyiBnC;;ADrdE;EACE,WEnPQ;AD2sBZ;;ADzdE;EAGI,cAAc;EACd,gBAxF6B;ACkjBnC;;AD9dE;EACE,WEnPQ;ADotBZ;;ADleE;EAGI,cAAc;EACd,gBAxF6B;AC2jBnC;;ADveE;EACE,WEnPQ;AD6tBZ;;AD3eE;EAGI,cAAc;EACd,gBAxF6B;ACokBnC;;ADhfE;EACE,WEnPQ;ADsuBZ;;ADpfE;EAGI,cAAc;EACd,gBAxF6B;AC6kBnC;;ADzfE;EACE,WEnPQ;AD+uBZ;;AD7fE;EAGI,cAAc;EACd,gBAxF6B;ACslBnC;;ADlgBE;EACE,WEnPQ;ADwvBZ;;ADtgBE;EAGI,cAAc;EACd,gBAxF6B;AC+lBnC;;AD3gBE;EACE,WEnPQ;ADiwBZ;;AD/gBE;EAGI,cAAc;EACd,gBAxF6B;ACwmBnC;;ADphBE;EACE,WEnPQ;AD0wBZ;;ADxhBE;EAGI,cAAc;EACd,gBAxF6B;ACinBnC;;AD7hBE;EACE,WEnPQ;ADmxBZ;;ADjiBE;EAGI,cAAc;EACd,gBAxF6B;AC0nBnC;;ADtiBE;EACE,WEnPQ;AD4xBZ;;AD1iBE;EAGI,cAAc;EACd,gBAxF6B;ACmoBnC;;AD/iBE;EACE,WEnPQ;ADqyBZ;;ADnjBE;EAGI,cAAc;EACd,gBAxF6B;AC4oBnC;;ADxjBE;EACE,WEnPQ;AD8yBZ;;AD5jBE;EAGI,cAAc;EACd,gBAxF6B;ACqpBnC;;ADjkBE;EACE,WEnPQ;ADuzBZ;;ADrkBE;EAGI,cAAc;EACd,gBAxF6B;AC8pBnC;;AD1kBE;EACE,WEnPQ;ADg0BZ;;AD9kBE;EAGI,cAAc;EACd,gBAxF6B;ACuqBnC;;ADnlBE;EACE,WEnPQ;ADy0BZ;;ADvlBE;EAGI,cAAc;EACd,gBAxF6B;ACgrBnC;;AD5lBE;EACE,WEnPQ;ADk1BZ;;ADhmBE;EAGI,cAAc;EACd,gBAxF6B;ACyrBnC;;ADrmBE;EACE,WEnPQ;AD21BZ;;ADzmBE;EAGI,cAAc;EACd,gBAxF6B;ACksBnC;;AD9mBE;EACE,WEnPQ;ADo2BZ;;ADlnBE;EAGI,cAAc;EACd,gBAxF6B;AC2sBnC;;ADvnBE;EACE,WEnPQ;AD62BZ;;AD3nBE;EAGI,cAAc;EACd,gBAxF6B;ACotBnC;;ADhoBE;EACE,WEnPQ;ADs3BZ;;ADpoBE;EAGI,cAAc;EACd,gBAxF6B;AC6tBnC;;ADzoBE;EACE,WEnPQ;AD+3BZ;;AD7oBE;EAGI,cAAc;EACd,gBAxF6B;ACsuBnC;;ADlpBE;EACE,WEnPQ;ADw4BZ;;ADtpBE;EAGI,cAAc;EACd,gBAxF6B;AC+uBnC;;AD3pBE;EACE,WEnPQ;ADi5BZ;;AD/pBE;EAGI,cAAc;EACd,gBAxF6B;ACwvBnC;;ADpqBE;EACE,WEnPQ;AD05BZ;;ADxqBE;EAGI,cAAc;EACd,gBAxF6B;ACiwBnC;;AD7qBE;EACE,WEnPQ;ADm6BZ;;ADjrBE;EAGI,cAAc;EACd,gBAxF6B;AC0wBnC;;ADtrBE;EACE,WEnPQ;AD46BZ;;AD1rBE;EAGI,cAAc;EACd,gBAxF6B;ACmxBnC;;AD/rBE;EACE,WEnPQ;ADq7BZ;;ADnsBE;EAGI,cAAc;EACd,gBAxF6B;AC4xBnC;;ADxsBE;EACE,WEnPQ;AD87BZ;;AD5sBE;EAGI,cAAc;EACd,gBAxF6B;ACqyBnC;;ADjtBE;EACE,WEnPQ;ADu8BZ;;ADrtBE;EAGI,cAAc;EACd,gBAxF6B;AC8yBnC;;AD1tBE;EACE,WEnPQ;ADg9BZ;;AD9tBE;EAGI,cAAc;EACd,gBAxF6B;ACuzBnC;;ADnuBE;EACE,WEnPQ;ADy9BZ;;ADvuBE;EAGI,cAAc;EACd,gBAxF6B;ACg0BnC;;AD5uBE;EACE,WEnPQ;ADk+BZ;;ADhvBE;EAGI,cAAc;EACd,gBAxF6B;ACy0BnC;;ADrvBE;EACE,WEnPQ;AD2+BZ;;ADzvBE;EAGI,cAAc;EACd,gBAxF6B;ACk1BnC;;AD9vBE;EACE,WEnPQ;ADo/BZ;;ADlwBE;EAGI,cAAc;EACd,gBAxF6B;AC21BnC;;ADvwBE;EACE,WEnPQ;AD6/BZ;;AD3wBE;EAGI,cAAc;EACd,gBAxF6B;ACo2BnC;;ADhxBE;EACE,WEnPQ;ADsgCZ;;ADpxBE;EAGI,cAAc;EACd,gBAxF6B;AC62BnC;;ADzxBE;EACE,WEnPQ;AD+gCZ;;AD7xBE;EAGI,cAAc;EACd,gBAxF6B;ACs3BnC;;ADlyBE;EACE,WEnPQ;ADwhCZ;;ADtyBE;EAGI,cAAc;EACd,gBAxF6B;AC+3BnC;;AD3yBE;EACE,WEnPQ;ADiiCZ;;AD/yBE;EAGI,cAAc;EACd,gBAxF6B;ACw4BnC;;ADpzBE;EACE,WEnPQ;AD0iCZ;;ADxzBE;EAGI,cAAc;EACd,gBAxF6B;ACi5BnC;;AD7zBE;EACE,WEnPQ;ADmjCZ;;ADj0BE;EAGI,cAAc;EACd,gBAxF6B;AC05BnC;;ADt0BE;EACE,WEnPQ;AD4jCZ;;AD10BE;EAGI,cAAc;EACd,gBAxF6B;ACm6BnC;;AD/0BE;EACE,WEnPQ;ADqkCZ;;ADn1BE;EAGI,cAAc;EACd,gBAxF6B;AC46BnC;;ADx1BE;EACE,WEnPQ;AD8kCZ;;AD51BE;EAGI,cAAc;EACd,gBAxF6B;ACq7BnC;;ADj2BE;EACE,WEnPQ;ADulCZ;;ADr2BE;EAGI,cAAc;EACd,gBAxF6B;AC87BnC;;AD12BE;EACE,WEnPQ;ADgmCZ;;AD92BE;EAGI,cAAc;EACd,gBAxF6B;ACu8BnC;;ADn3BE;EACE,WEnPQ;ADymCZ;;ADv3BE;EAGI,cAAc;EACd,gBAxF6B;ACg9BnC;;AD53BE;EACE,WEnPQ;ADknCZ;;ADh4BE;EAGI,cAAc;EACd,gBAxF6B;ACy9BnC;;ADr4BE;EACE,WEnPQ;AD2nCZ;;ADz4BE;EAGI,cAAc;EACd,gBAxF6B;ACk+BnC;;AD94BE;EACE,WEnPQ;ADooCZ;;ADl5BE;EAGI,cAAc;EACd,gBAxF6B;AC2+BnC;;ADv5BE;EACE,WEnPQ;AD6oCZ;;AD35BE;EAGI,cAAc;EACd,gBAxF6B;ACo/BnC;;ADh6BE;EACE,WEnPQ;ADspCZ;;ADp6BE;EAGI,cAAc;EACd,gBAxF6B;AC6/BnC;;ADz6BE;EACE,WEnPQ;AD+pCZ;;AD76BE;EAGI,cAAc;EACd,gBAxF6B;ACsgCnC;;ADl7BE;EACE,WEnPQ;ADwqCZ;;ADt7BE;EAGI,cAAc;EACd,gBAxF6B;AC+gCnC;;AD37BE;EACE,WEnPQ;ADirCZ;;AD/7BE;EAGI,cAAc;EACd,gBAxF6B;ACwhCnC;;ADp8BE;EACE,WEnPQ;AD0rCZ;;ADx8BE;EAGI,cAAc;EACd,gBAxF6B;ACiiCnC;;AD78BE;EACE,WEnPQ;ADmsCZ;;ADj9BE;EAGI,cAAc;EACd,gBAxF6B;AC0iCnC;;ADt9BE;EACE,WEnPQ;AD4sCZ;;AD19BE;EAGI,cAAc;EACd,gBAxF6B;ACmjCnC;;AD/9BE;EACE,WEnPQ;ADqtCZ;;ADn+BE;EAGI,cAAc;EACd,gBAxF6B;AC4jCnC;;ADx+BE;EACE,WEnPQ;AD8tCZ;;AD5+BE;EAGI,cAAc;EACd,gBAxF6B;ACqkCnC;;ADj/BE;EACE,WEnPQ;ADuuCZ;;ADr/BE;EAGI,cAAc;EACd,gBAxF6B;AC8kCnC;;AD1/BE;EACE,WEnPQ;ADgvCZ;;AD9/BE;EAGI,cAAc;EACd,gBAxF6B;ACulCnC;;ADngCE;EACE,WEnPQ;ADyvCZ;;ADvgCE;EAGI,cAAc;EACd,gBAxF6B;ACgmCnC;;AD5gCE;EACE,WEnPQ;ADkwCZ;;ADhhCE;EAGI,cAAc;EACd,gBAxF6B;ACymCnC;;ADrhCE;EACE,WEnPQ;AD2wCZ;;ADzhCE;EAGI,cAAc;EACd,gBAxF6B;ACknCnC;;AD9hCE;EACE,WEnPQ;ADoxCZ;;ADliCE;EAGI,cAAc;EACd,gBAxF6B;AC2nCnC;;ADviCE;EACE,WEnPQ;AD6xCZ;;AD3iCE;EAGI,cAAc;EACd,gBAxF6B;ACooCnC;;ADhjCE;EACE,WEnPQ;ADsyCZ;;ADpjCE;EAGI,cAAc;EACd,gBAxF6B;AC6oCnC;;ADzjCE;EACE,WEnPQ;AD+yCZ;;AD7jCE;EAGI,cAAc;EACd,gBAxF6B;ACspCnC;;ADlkCE;EACE,WEnPQ;ADwzCZ;;ADtkCE;EAGI,cAAc;EACd,gBAxF6B;AC+pCnC;;AD3kCE;EACE,WEnPQ;ADi0CZ;;AD/kCE;EAGI,cAAc;EACd,gBAxF6B;ACwqCnC;;ADplCE;EACE,WEnPQ;AD00CZ;;ADxlCE;EAGI,cAAc;EACd,gBAxF6B;ACirCnC;;AD7lCE;EACE,WEnPQ;ADm1CZ;;ADjmCE;EAGI,cAAc;EACd,gBAxF6B;AC0rCnC;;ADtmCE;EACE,WEnPQ;AD41CZ;;AD1mCE;EAGI,cAAc;EACd,gBAxF6B;ACmsCnC;;AD/mCE;EACE,WEnPQ;ADq2CZ;;ADnnCE;EAGI,cAAc;EACd,gBAxF6B;AC4sCnC;;ADxnCE;EACE,WEnPQ;AD82CZ;;AD5nCE;EAGI,cAAc;EACd,gBAxF6B;ACqtCnC;;ADtnCI;EACE,sEAA0E;ACynChF;;AD1nCI;EACE,sEAA0E;AC6nChF;;AD9nCI;EACE,uEAA0E;ACioChF;;ADloCI;EACE,qEAA0E;ACqoChF;;ADtoCI;EACE,qEAA0E;ACyoChF;;AD1oCI;EACE,yEAA0E;AC6oChF;;AD9oCI;EACE,yEAA0E;ACipChF;;ADlpCI;EACE,0EAA0E;ACqpChF;;ADtpCI;EACE,wEAA0E;ACypChF;;AD1pCI;EACE,wEAA0E;AC6pChF;;AD9pCI;EACE,uEAA0E;ACiqChF;;ADlqCI;EACE,uEAA0E;ACqqChF;;ADtqCI;EACE,wEAA0E;ACyqChF;;AD1qCI;EACE,sEAA0E;AC6qChF;;AD9qCI;EACE,sEAA0E;ACirChF","file":"mekari-ui-icons.css","sourcesContent":["// variables for icons\n$icons-map: ();\n$icons-map: map-merge(\n (\n \"ic-activity\": \\e93a,\n \"ic-add\": \\e800,\n \"ic-addons\": \\e93b,\n \"ic-add-fill\": \\e95e,\n \"ic-add-fill-light\": \\e992,\n \"ic-add-staff\": \\e956,\n \"ic-adjustment\": \\e947,\n \"ic-alarm\": \\e93c,\n \"ic-approval\": \\e948,\n \"ic-arrow-down\": \\e94b,\n \"ic-arrow-left\": \\e94c,\n \"ic-arrow-right\": \\e94d,\n \"ic-arrow-up\": \\e94e,\n \"ic-asset\": \\e949,\n \"ic-attachment\": \\e88e,\n \"ic-bank\": \\e94a,\n \"ic-billing\": \\e934,\n \"ic-billing-fill\": \\e960,\n \"ic-blank-icon\": \\e93d,\n \"ic-branch\": \\e935,\n \"ic-broadcast\": \\e936,\n \"ic-camera\": \\e89e,\n \"ic-camera-fill\": \\e877,\n \"ic-calculator\": \\e84c,\n \"ic-calendar\": \\e938,\n \"ic-celebration\": \\e939,\n \"ic-certificate\": \\e8a1,\n \"ic-chat\": \\e92e,\n \"ic-chevron-first\": \\e942,\n \"ic-chevron-last\": \\e943,\n \"ic-chevron-bottom\": \\e88b,\n \"ic-chevron-left\": \\e944,\n \"ic-chevron-right\": \\e945,\n \"ic-chevron-up\": \\e88c,\n \"ic-coa\": \\e92f,\n \"ic-copy\": \\e88a,\n \"ic-collapse\": \\e89b,\n \"ic-column-settings\": \\e89c,\n \"ic-column-settings-small\": \\e801,\n \"ic-company\": \\e930,\n \"ic-contact\": \\e931,\n \"ic-credit-card\": \\e932,\n \"ic-custom-slip\": \\e933,\n \"ic-dashboard\": \\e928,\n \"ic-delete\": \\e900,\n \"ic-description\": \\e929,\n \"ic-doc\": \\e92a,\n \"ic-document-pdf\": \\e959,\n \"ic-dot\": \\e8f0,\n \"ic-drag\": \\e88d,\n \"ic-dropdown\": \\e8ef,\n \"ic-edit\": \\e887,\n \"ic-education\": \\e8a0,\n \"ic-equal\": \\e886,\n \"ic-error\": \\e93e,\n \"ic-error-fill\": \\e89a,\n \"ic-event\": \\e958,\n \"ic-expand\": \\e899,\n \"ic-expense\": \\e92b,\n \"ic-family\": \\e89f,\n \"ic-file-comment\": \\e953,\n \"ic-file-history\": \\e952,\n \"ic-finance\": \\e92c,\n \"ic-finance-dollar\": \\e883,\n \"ic-finance-percentage\": \\e881,\n \"ic-finance-rupiah\": \\e882,\n \"ic-file-download\": \\e885,\n \"ic-file-upload\": \\e884,\n \"ic-filter\": \\e993,\n \"ic-help\": \\e92d,\n \"ic-help-small\": \\e880,\n \"ic-history\": \\e922,\n \"ic-home\": \\e923,\n \"ic-img\": \\e924,\n \"ic-inbox\": \\e925,\n \"ic-inbox-fill\": \\e902,\n \"ic-info\": \\e898,\n \"ic-info-fill\": \\e903,\n \"ic-insurance\": \\e926,\n \"ic-integrasi\": \\e927,\n \"ic-job-level\": \\e91c,\n \"ic-job-title\": \\e91d,\n \"ic-jurnal\": \\e84b,\n \"ic-klikpajak\": \\e950,\n \"ic-loading\": \\e896,\n \"ic-loan\": \\e94f,\n \"ic-location\": \\e91e,\n \"ic-lock\": \\e91f,\n \"ic-logout\": \\e920,\n \"ic-kebab\": \\e897,\n \"ic-meatball\": \\e895,\n \"ic-message\": \\e957,\n \"ic-merge\": \\e87f,\n \"ic-migration\": \\e921,\n \"ic-m-download\": \\e95d,\n \"ic-m-progress\": \\e95c,\n \"ic-m-remove\": \\e95b,\n \"ic-m-success\": \\e95a,\n \"ic-notification\": \\e916,\n \"ic-offboarding\": \\e917,\n \"ic-onboarding\": \\e918,\n \"ic-organization\": \\e919,\n \"ic-other\": \\e91b,\n \"ic-other-list\": \\e91a,\n \"ic-overtime\": \\e910,\n \"ic-on-process-fill\": \\e95f,\n \"ic-picker-calendar\": \\e87e,\n \"ic-picker-time\": \\e87d,\n \"ic-plans\": \\e955,\n \"ic-product\": \\e911,\n \"ic-profile-pic\": \\e912,\n \"ic-purchase\": \\e913,\n \"ic-reload\": \\e914,\n \"ic-report\": \\e915,\n \"ic-remove-line\": \\e87c,\n \"ic-remove-line-fill\": \\e991,\n \"ic-reset\": \\e90a,\n \"ic-reset-fill\": \\e87a,\n \"ic-resync\": \\e8f2,\n \"ic-rules\": \\e90b,\n \"ic-sale\": \\e90c,\n \"ic-search\": \\e893,\n \"ic-send\": \\e892,\n \"ic-setting\": \\e90d,\n \"ic-sort\": \\e879,\n \"ic-staff\": \\e90e,\n \"ic-stepper-error\": \\e901,\n \"ic-stepper-finished\": \\e909,\n \"ic-success\": \\e93f,\n \"ic-success-fill\": \\e891,\n \"ic-supplier\": \\e90f,\n \"ic-sync\": \\e8f1,\n \"ic-tag\": \\e878,\n \"ic-talenta\": \\e951,\n \"ic-task\": \\e946,\n \"ic-tax-history\": \\e905,\n \"ic-team-goal\": \\e954,\n \"ic-time\": \\e906,\n \"ic-transfer-account\": \\e907,\n \"ic-trash\": \\e900,\n \"ic-upload-file\": \\e908,\n \"ic-view-fill\": \\e890,\n \"ic-view-hide-fill\": \\e88f,\n \"ic-warning-fill\": \\e940,\n \"ic-warning\": \\e941,\n \"ic-zip\": \\e904,\n ),\n $icons-map\n);\n\n$icon-blankslate-path: \"#{$icon-font-path}blankslate\";\n$icons-blankslate-name: \"calendar\", \"location\", \"not-found\", \"process\", \"default\";\n$icons-blankslate-product: \"jurnal\", \"klikpajak\", \"talenta\";\n\n// To properly convert Unicodes in the resulting CSS\n@function icon-sanitize($icon) {\n @return unquote(\"\\\"#{ $icon }\\\"\");\n}\n\n%ic-template {\n width: 24px;\n height: 24px;\n font-family: \"#{$icon-font-family-prefix}#{$icon-font-family}\", sans-serif;\n font-size: 24px;\n -moz-osx-font-smoothing: grayscale;\n -webkit-font-smoothing: antialiased;\n font-style: normal;\n font-variant: normal;\n text-rendering: auto;\n line-height: 1;\n}\n\n.ic {\n display: inline-block;\n @extend %ic-template;\n &.ic-small {\n width: 20px;\n height: 20px;\n font-size: 20px;\n }\n &.ic-medium {\n width: 32px;\n height: 32px;\n font-size: 32px;\n }\n &.ic-large {\n width: 60px;\n height: 60px;\n font-size: 60px;\n }\n &.ic-blankslate {\n width: 120px;\n height: 120px;\n padding: 10px;\n background-repeat: no-repeat;\n background-position: center;\n background-size: 100px 100px;\n }\n}\n\n.ic-input-prefix {\n position: absolute;\n top: 6px;\n left: 6px;\n z-index: 5;\n padding: 0;\n color: inherit;\n pointer-events: all;\n cursor: pointer;\n &.ic-small {\n top: 8px;\n left: 10px;\n }\n}\n\n.ic-input-suffix {\n position: absolute;\n top: 6px;\n right: 6px;\n z-index: 5;\n padding: 0;\n color: inherit;\n pointer-events: all;\n cursor: pointer;\n &.ic-input-double-suffix, // this will be deprecated in future version\n &.ic-input-suffix--double {\n right: 36px;\n z-index: 5;\n }\n &.ic-small {\n top: 8px;\n right: 10px;\n &.ic-input-double-suffix, // this will be deprecated in future version\n &.ic-input-suffix--double {\n right: 38px;\n }\n }\n}\n\n@each $name, $value in $icons-map {\n .#{$name} {\n color: $slate;\n &::before {\n color: inherit;\n content: icon-sanitize($value);\n }\n }\n}\n\n@each $product in $icons-blankslate-product {\n @each $name in $icons-blankslate-name {\n .ic-blankslate-#{$product}-#{$name} {\n background-image: url(\"#{$icon-blankslate-path}/#{$product}/#{$name}.svg\");\n }\n }\n}\n",".ic {\n width: 24px;\n height: 24px;\n font-family: \"Mekari-Icon-Regular\", sans-serif;\n font-size: 24px;\n -moz-osx-font-smoothing: grayscale;\n -webkit-font-smoothing: antialiased;\n font-style: normal;\n font-variant: normal;\n text-rendering: auto;\n line-height: 1;\n}\n\n.ic {\n display: inline-block;\n}\n\n.ic.ic-small {\n width: 20px;\n height: 20px;\n font-size: 20px;\n}\n\n.ic.ic-medium {\n width: 32px;\n height: 32px;\n font-size: 32px;\n}\n\n.ic.ic-large {\n width: 60px;\n height: 60px;\n font-size: 60px;\n}\n\n.ic.ic-blankslate {\n width: 120px;\n height: 120px;\n padding: 10px;\n background-repeat: no-repeat;\n background-position: center;\n background-size: 100px 100px;\n}\n\n.ic-input-prefix {\n position: absolute;\n top: 6px;\n left: 6px;\n z-index: 5;\n padding: 0;\n color: inherit;\n pointer-events: all;\n cursor: pointer;\n}\n\n.ic-input-prefix.ic-small {\n top: 8px;\n left: 10px;\n}\n\n.ic-input-suffix {\n position: absolute;\n top: 6px;\n right: 6px;\n z-index: 5;\n padding: 0;\n color: inherit;\n pointer-events: all;\n cursor: pointer;\n}\n\n.ic-input-suffix.ic-input-double-suffix, .ic-input-suffix.ic-input-suffix--double {\n right: 36px;\n z-index: 5;\n}\n\n.ic-input-suffix.ic-small {\n top: 8px;\n right: 10px;\n}\n\n.ic-input-suffix.ic-small.ic-input-double-suffix, .ic-input-suffix.ic-small.ic-input-suffix--double {\n right: 38px;\n}\n\n.ic-activity {\n color: #777;\n}\n\n.ic-activity::before {\n color: inherit;\n content: \"\\e93a\";\n}\n\n.ic-add {\n color: #777;\n}\n\n.ic-add::before {\n color: inherit;\n content: \"\\e800\";\n}\n\n.ic-addons {\n color: #777;\n}\n\n.ic-addons::before {\n color: inherit;\n content: \"\\e93b\";\n}\n\n.ic-add-fill {\n color: #777;\n}\n\n.ic-add-fill::before {\n color: inherit;\n content: \"\\e95e\";\n}\n\n.ic-add-fill-light {\n color: #777;\n}\n\n.ic-add-fill-light::before {\n color: inherit;\n content: \"\\e992\";\n}\n\n.ic-add-staff {\n color: #777;\n}\n\n.ic-add-staff::before {\n color: inherit;\n content: \"\\e956\";\n}\n\n.ic-adjustment {\n color: #777;\n}\n\n.ic-adjustment::before {\n color: inherit;\n content: \"\\e947\";\n}\n\n.ic-alarm {\n color: #777;\n}\n\n.ic-alarm::before {\n color: inherit;\n content: \"\\e93c\";\n}\n\n.ic-approval {\n color: #777;\n}\n\n.ic-approval::before {\n color: inherit;\n content: \"\\e948\";\n}\n\n.ic-arrow-down {\n color: #777;\n}\n\n.ic-arrow-down::before {\n color: inherit;\n content: \"\\e94b\";\n}\n\n.ic-arrow-left {\n color: #777;\n}\n\n.ic-arrow-left::before {\n color: inherit;\n content: \"\\e94c\";\n}\n\n.ic-arrow-right {\n color: #777;\n}\n\n.ic-arrow-right::before {\n color: inherit;\n content: \"\\e94d\";\n}\n\n.ic-arrow-up {\n color: #777;\n}\n\n.ic-arrow-up::before {\n color: inherit;\n content: \"\\e94e\";\n}\n\n.ic-asset {\n color: #777;\n}\n\n.ic-asset::before {\n color: inherit;\n content: \"\\e949\";\n}\n\n.ic-attachment {\n color: #777;\n}\n\n.ic-attachment::before {\n color: inherit;\n content: \"\\e88e\";\n}\n\n.ic-bank {\n color: #777;\n}\n\n.ic-bank::before {\n color: inherit;\n content: \"\\e94a\";\n}\n\n.ic-billing {\n color: #777;\n}\n\n.ic-billing::before {\n color: inherit;\n content: \"\\e934\";\n}\n\n.ic-billing-fill {\n color: #777;\n}\n\n.ic-billing-fill::before {\n color: inherit;\n content: \"\\e960\";\n}\n\n.ic-blank-icon {\n color: #777;\n}\n\n.ic-blank-icon::before {\n color: inherit;\n content: \"\\e93d\";\n}\n\n.ic-branch {\n color: #777;\n}\n\n.ic-branch::before {\n color: inherit;\n content: \"\\e935\";\n}\n\n.ic-broadcast {\n color: #777;\n}\n\n.ic-broadcast::before {\n color: inherit;\n content: \"\\e936\";\n}\n\n.ic-camera {\n color: #777;\n}\n\n.ic-camera::before {\n color: inherit;\n content: \"\\e89e\";\n}\n\n.ic-camera-fill {\n color: #777;\n}\n\n.ic-camera-fill::before {\n color: inherit;\n content: \"\\e877\";\n}\n\n.ic-calculator {\n color: #777;\n}\n\n.ic-calculator::before {\n color: inherit;\n content: \"\\e84c\";\n}\n\n.ic-calendar {\n color: #777;\n}\n\n.ic-calendar::before {\n color: inherit;\n content: \"\\e938\";\n}\n\n.ic-celebration {\n color: #777;\n}\n\n.ic-celebration::before {\n color: inherit;\n content: \"\\e939\";\n}\n\n.ic-certificate {\n color: #777;\n}\n\n.ic-certificate::before {\n color: inherit;\n content: \"\\e8a1\";\n}\n\n.ic-chat {\n color: #777;\n}\n\n.ic-chat::before {\n color: inherit;\n content: \"\\e92e\";\n}\n\n.ic-chevron-first {\n color: #777;\n}\n\n.ic-chevron-first::before {\n color: inherit;\n content: \"\\e942\";\n}\n\n.ic-chevron-last {\n color: #777;\n}\n\n.ic-chevron-last::before {\n color: inherit;\n content: \"\\e943\";\n}\n\n.ic-chevron-bottom {\n color: #777;\n}\n\n.ic-chevron-bottom::before {\n color: inherit;\n content: \"\\e88b\";\n}\n\n.ic-chevron-left {\n color: #777;\n}\n\n.ic-chevron-left::before {\n color: inherit;\n content: \"\\e944\";\n}\n\n.ic-chevron-right {\n color: #777;\n}\n\n.ic-chevron-right::before {\n color: inherit;\n content: \"\\e945\";\n}\n\n.ic-chevron-up {\n color: #777;\n}\n\n.ic-chevron-up::before {\n color: inherit;\n content: \"\\e88c\";\n}\n\n.ic-coa {\n color: #777;\n}\n\n.ic-coa::before {\n color: inherit;\n content: \"\\e92f\";\n}\n\n.ic-copy {\n color: #777;\n}\n\n.ic-copy::before {\n color: inherit;\n content: \"\\e88a\";\n}\n\n.ic-collapse {\n color: #777;\n}\n\n.ic-collapse::before {\n color: inherit;\n content: \"\\e89b\";\n}\n\n.ic-column-settings {\n color: #777;\n}\n\n.ic-column-settings::before {\n color: inherit;\n content: \"\\e89c\";\n}\n\n.ic-column-settings-small {\n color: #777;\n}\n\n.ic-column-settings-small::before {\n color: inherit;\n content: \"\\e801\";\n}\n\n.ic-company {\n color: #777;\n}\n\n.ic-company::before {\n color: inherit;\n content: \"\\e930\";\n}\n\n.ic-contact {\n color: #777;\n}\n\n.ic-contact::before {\n color: inherit;\n content: \"\\e931\";\n}\n\n.ic-credit-card {\n color: #777;\n}\n\n.ic-credit-card::before {\n color: inherit;\n content: \"\\e932\";\n}\n\n.ic-custom-slip {\n color: #777;\n}\n\n.ic-custom-slip::before {\n color: inherit;\n content: \"\\e933\";\n}\n\n.ic-dashboard {\n color: #777;\n}\n\n.ic-dashboard::before {\n color: inherit;\n content: \"\\e928\";\n}\n\n.ic-delete {\n color: #777;\n}\n\n.ic-delete::before {\n color: inherit;\n content: \"\\e900\";\n}\n\n.ic-description {\n color: #777;\n}\n\n.ic-description::before {\n color: inherit;\n content: \"\\e929\";\n}\n\n.ic-doc {\n color: #777;\n}\n\n.ic-doc::before {\n color: inherit;\n content: \"\\e92a\";\n}\n\n.ic-document-pdf {\n color: #777;\n}\n\n.ic-document-pdf::before {\n color: inherit;\n content: \"\\e959\";\n}\n\n.ic-dot {\n color: #777;\n}\n\n.ic-dot::before {\n color: inherit;\n content: \"\\e8f0\";\n}\n\n.ic-drag {\n color: #777;\n}\n\n.ic-drag::before {\n color: inherit;\n content: \"\\e88d\";\n}\n\n.ic-dropdown {\n color: #777;\n}\n\n.ic-dropdown::before {\n color: inherit;\n content: \"\\e8ef\";\n}\n\n.ic-edit {\n color: #777;\n}\n\n.ic-edit::before {\n color: inherit;\n content: \"\\e887\";\n}\n\n.ic-education {\n color: #777;\n}\n\n.ic-education::before {\n color: inherit;\n content: \"\\e8a0\";\n}\n\n.ic-equal {\n color: #777;\n}\n\n.ic-equal::before {\n color: inherit;\n content: \"\\e886\";\n}\n\n.ic-error {\n color: #777;\n}\n\n.ic-error::before {\n color: inherit;\n content: \"\\e93e\";\n}\n\n.ic-error-fill {\n color: #777;\n}\n\n.ic-error-fill::before {\n color: inherit;\n content: \"\\e89a\";\n}\n\n.ic-event {\n color: #777;\n}\n\n.ic-event::before {\n color: inherit;\n content: \"\\e958\";\n}\n\n.ic-expand {\n color: #777;\n}\n\n.ic-expand::before {\n color: inherit;\n content: \"\\e899\";\n}\n\n.ic-expense {\n color: #777;\n}\n\n.ic-expense::before {\n color: inherit;\n content: \"\\e92b\";\n}\n\n.ic-family {\n color: #777;\n}\n\n.ic-family::before {\n color: inherit;\n content: \"\\e89f\";\n}\n\n.ic-file-comment {\n color: #777;\n}\n\n.ic-file-comment::before {\n color: inherit;\n content: \"\\e953\";\n}\n\n.ic-file-history {\n color: #777;\n}\n\n.ic-file-history::before {\n color: inherit;\n content: \"\\e952\";\n}\n\n.ic-finance {\n color: #777;\n}\n\n.ic-finance::before {\n color: inherit;\n content: \"\\e92c\";\n}\n\n.ic-finance-dollar {\n color: #777;\n}\n\n.ic-finance-dollar::before {\n color: inherit;\n content: \"\\e883\";\n}\n\n.ic-finance-percentage {\n color: #777;\n}\n\n.ic-finance-percentage::before {\n color: inherit;\n content: \"\\e881\";\n}\n\n.ic-finance-rupiah {\n color: #777;\n}\n\n.ic-finance-rupiah::before {\n color: inherit;\n content: \"\\e882\";\n}\n\n.ic-file-download {\n color: #777;\n}\n\n.ic-file-download::before {\n color: inherit;\n content: \"\\e885\";\n}\n\n.ic-file-upload {\n color: #777;\n}\n\n.ic-file-upload::before {\n color: inherit;\n content: \"\\e884\";\n}\n\n.ic-filter {\n color: #777;\n}\n\n.ic-filter::before {\n color: inherit;\n content: \"\\e993\";\n}\n\n.ic-help {\n color: #777;\n}\n\n.ic-help::before {\n color: inherit;\n content: \"\\e92d\";\n}\n\n.ic-help-small {\n color: #777;\n}\n\n.ic-help-small::before {\n color: inherit;\n content: \"\\e880\";\n}\n\n.ic-history {\n color: #777;\n}\n\n.ic-history::before {\n color: inherit;\n content: \"\\e922\";\n}\n\n.ic-home {\n color: #777;\n}\n\n.ic-home::before {\n color: inherit;\n content: \"\\e923\";\n}\n\n.ic-img {\n color: #777;\n}\n\n.ic-img::before {\n color: inherit;\n content: \"\\e924\";\n}\n\n.ic-inbox {\n color: #777;\n}\n\n.ic-inbox::before {\n color: inherit;\n content: \"\\e925\";\n}\n\n.ic-inbox-fill {\n color: #777;\n}\n\n.ic-inbox-fill::before {\n color: inherit;\n content: \"\\e902\";\n}\n\n.ic-info {\n color: #777;\n}\n\n.ic-info::before {\n color: inherit;\n content: \"\\e898\";\n}\n\n.ic-info-fill {\n color: #777;\n}\n\n.ic-info-fill::before {\n color: inherit;\n content: \"\\e903\";\n}\n\n.ic-insurance {\n color: #777;\n}\n\n.ic-insurance::before {\n color: inherit;\n content: \"\\e926\";\n}\n\n.ic-integrasi {\n color: #777;\n}\n\n.ic-integrasi::before {\n color: inherit;\n content: \"\\e927\";\n}\n\n.ic-job-level {\n color: #777;\n}\n\n.ic-job-level::before {\n color: inherit;\n content: \"\\e91c\";\n}\n\n.ic-job-title {\n color: #777;\n}\n\n.ic-job-title::before {\n color: inherit;\n content: \"\\e91d\";\n}\n\n.ic-jurnal {\n color: #777;\n}\n\n.ic-jurnal::before {\n color: inherit;\n content: \"\\e84b\";\n}\n\n.ic-klikpajak {\n color: #777;\n}\n\n.ic-klikpajak::before {\n color: inherit;\n content: \"\\e950\";\n}\n\n.ic-loading {\n color: #777;\n}\n\n.ic-loading::before {\n color: inherit;\n content: \"\\e896\";\n}\n\n.ic-loan {\n color: #777;\n}\n\n.ic-loan::before {\n color: inherit;\n content: \"\\e94f\";\n}\n\n.ic-location {\n color: #777;\n}\n\n.ic-location::before {\n color: inherit;\n content: \"\\e91e\";\n}\n\n.ic-lock {\n color: #777;\n}\n\n.ic-lock::before {\n color: inherit;\n content: \"\\e91f\";\n}\n\n.ic-logout {\n color: #777;\n}\n\n.ic-logout::before {\n color: inherit;\n content: \"\\e920\";\n}\n\n.ic-kebab {\n color: #777;\n}\n\n.ic-kebab::before {\n color: inherit;\n content: \"\\e897\";\n}\n\n.ic-meatball {\n color: #777;\n}\n\n.ic-meatball::before {\n color: inherit;\n content: \"\\e895\";\n}\n\n.ic-message {\n color: #777;\n}\n\n.ic-message::before {\n color: inherit;\n content: \"\\e957\";\n}\n\n.ic-merge {\n color: #777;\n}\n\n.ic-merge::before {\n color: inherit;\n content: \"\\e87f\";\n}\n\n.ic-migration {\n color: #777;\n}\n\n.ic-migration::before {\n color: inherit;\n content: \"\\e921\";\n}\n\n.ic-m-download {\n color: #777;\n}\n\n.ic-m-download::before {\n color: inherit;\n content: \"\\e95d\";\n}\n\n.ic-m-progress {\n color: #777;\n}\n\n.ic-m-progress::before {\n color: inherit;\n content: \"\\e95c\";\n}\n\n.ic-m-remove {\n color: #777;\n}\n\n.ic-m-remove::before {\n color: inherit;\n content: \"\\e95b\";\n}\n\n.ic-m-success {\n color: #777;\n}\n\n.ic-m-success::before {\n color: inherit;\n content: \"\\e95a\";\n}\n\n.ic-notification {\n color: #777;\n}\n\n.ic-notification::before {\n color: inherit;\n content: \"\\e916\";\n}\n\n.ic-offboarding {\n color: #777;\n}\n\n.ic-offboarding::before {\n color: inherit;\n content: \"\\e917\";\n}\n\n.ic-onboarding {\n color: #777;\n}\n\n.ic-onboarding::before {\n color: inherit;\n content: \"\\e918\";\n}\n\n.ic-organization {\n color: #777;\n}\n\n.ic-organization::before {\n color: inherit;\n content: \"\\e919\";\n}\n\n.ic-other {\n color: #777;\n}\n\n.ic-other::before {\n color: inherit;\n content: \"\\e91b\";\n}\n\n.ic-other-list {\n color: #777;\n}\n\n.ic-other-list::before {\n color: inherit;\n content: \"\\e91a\";\n}\n\n.ic-overtime {\n color: #777;\n}\n\n.ic-overtime::before {\n color: inherit;\n content: \"\\e910\";\n}\n\n.ic-on-process-fill {\n color: #777;\n}\n\n.ic-on-process-fill::before {\n color: inherit;\n content: \"\\e95f\";\n}\n\n.ic-picker-calendar {\n color: #777;\n}\n\n.ic-picker-calendar::before {\n color: inherit;\n content: \"\\e87e\";\n}\n\n.ic-picker-time {\n color: #777;\n}\n\n.ic-picker-time::before {\n color: inherit;\n content: \"\\e87d\";\n}\n\n.ic-plans {\n color: #777;\n}\n\n.ic-plans::before {\n color: inherit;\n content: \"\\e955\";\n}\n\n.ic-product {\n color: #777;\n}\n\n.ic-product::before {\n color: inherit;\n content: \"\\e911\";\n}\n\n.ic-profile-pic {\n color: #777;\n}\n\n.ic-profile-pic::before {\n color: inherit;\n content: \"\\e912\";\n}\n\n.ic-purchase {\n color: #777;\n}\n\n.ic-purchase::before {\n color: inherit;\n content: \"\\e913\";\n}\n\n.ic-reload {\n color: #777;\n}\n\n.ic-reload::before {\n color: inherit;\n content: \"\\e914\";\n}\n\n.ic-report {\n color: #777;\n}\n\n.ic-report::before {\n color: inherit;\n content: \"\\e915\";\n}\n\n.ic-remove-line {\n color: #777;\n}\n\n.ic-remove-line::before {\n color: inherit;\n content: \"\\e87c\";\n}\n\n.ic-remove-line-fill {\n color: #777;\n}\n\n.ic-remove-line-fill::before {\n color: inherit;\n content: \"\\e991\";\n}\n\n.ic-reset {\n color: #777;\n}\n\n.ic-reset::before {\n color: inherit;\n content: \"\\e90a\";\n}\n\n.ic-reset-fill {\n color: #777;\n}\n\n.ic-reset-fill::before {\n color: inherit;\n content: \"\\e87a\";\n}\n\n.ic-resync {\n color: #777;\n}\n\n.ic-resync::before {\n color: inherit;\n content: \"\\e8f2\";\n}\n\n.ic-rules {\n color: #777;\n}\n\n.ic-rules::before {\n color: inherit;\n content: \"\\e90b\";\n}\n\n.ic-sale {\n color: #777;\n}\n\n.ic-sale::before {\n color: inherit;\n content: \"\\e90c\";\n}\n\n.ic-search {\n color: #777;\n}\n\n.ic-search::before {\n color: inherit;\n content: \"\\e893\";\n}\n\n.ic-send {\n color: #777;\n}\n\n.ic-send::before {\n color: inherit;\n content: \"\\e892\";\n}\n\n.ic-setting {\n color: #777;\n}\n\n.ic-setting::before {\n color: inherit;\n content: \"\\e90d\";\n}\n\n.ic-sort {\n color: #777;\n}\n\n.ic-sort::before {\n color: inherit;\n content: \"\\e879\";\n}\n\n.ic-staff {\n color: #777;\n}\n\n.ic-staff::before {\n color: inherit;\n content: \"\\e90e\";\n}\n\n.ic-stepper-error {\n color: #777;\n}\n\n.ic-stepper-error::before {\n color: inherit;\n content: \"\\e901\";\n}\n\n.ic-stepper-finished {\n color: #777;\n}\n\n.ic-stepper-finished::before {\n color: inherit;\n content: \"\\e909\";\n}\n\n.ic-success {\n color: #777;\n}\n\n.ic-success::before {\n color: inherit;\n content: \"\\e93f\";\n}\n\n.ic-success-fill {\n color: #777;\n}\n\n.ic-success-fill::before {\n color: inherit;\n content: \"\\e891\";\n}\n\n.ic-supplier {\n color: #777;\n}\n\n.ic-supplier::before {\n color: inherit;\n content: \"\\e90f\";\n}\n\n.ic-sync {\n color: #777;\n}\n\n.ic-sync::before {\n color: inherit;\n content: \"\\e8f1\";\n}\n\n.ic-tag {\n color: #777;\n}\n\n.ic-tag::before {\n color: inherit;\n content: \"\\e878\";\n}\n\n.ic-talenta {\n color: #777;\n}\n\n.ic-talenta::before {\n color: inherit;\n content: \"\\e951\";\n}\n\n.ic-task {\n color: #777;\n}\n\n.ic-task::before {\n color: inherit;\n content: \"\\e946\";\n}\n\n.ic-tax-history {\n color: #777;\n}\n\n.ic-tax-history::before {\n color: inherit;\n content: \"\\e905\";\n}\n\n.ic-team-goal {\n color: #777;\n}\n\n.ic-team-goal::before {\n color: inherit;\n content: \"\\e954\";\n}\n\n.ic-time {\n color: #777;\n}\n\n.ic-time::before {\n color: inherit;\n content: \"\\e906\";\n}\n\n.ic-transfer-account {\n color: #777;\n}\n\n.ic-transfer-account::before {\n color: inherit;\n content: \"\\e907\";\n}\n\n.ic-trash {\n color: #777;\n}\n\n.ic-trash::before {\n color: inherit;\n content: \"\\e900\";\n}\n\n.ic-upload-file {\n color: #777;\n}\n\n.ic-upload-file::before {\n color: inherit;\n content: \"\\e908\";\n}\n\n.ic-view-fill {\n color: #777;\n}\n\n.ic-view-fill::before {\n color: inherit;\n content: \"\\e890\";\n}\n\n.ic-view-hide-fill {\n color: #777;\n}\n\n.ic-view-hide-fill::before {\n color: inherit;\n content: \"\\e88f\";\n}\n\n.ic-warning-fill {\n color: #777;\n}\n\n.ic-warning-fill::before {\n color: inherit;\n content: \"\\e940\";\n}\n\n.ic-warning {\n color: #777;\n}\n\n.ic-warning::before {\n color: inherit;\n content: \"\\e941\";\n}\n\n.ic-zip {\n color: #777;\n}\n\n.ic-zip::before {\n color: inherit;\n content: \"\\e904\";\n}\n\n.ic-blankslate-jurnal-calendar {\n background-image: url(\"../../webfonts/blankslate/jurnal/calendar.svg\");\n}\n\n.ic-blankslate-jurnal-location {\n background-image: url(\"../../webfonts/blankslate/jurnal/location.svg\");\n}\n\n.ic-blankslate-jurnal-not-found {\n background-image: url(\"../../webfonts/blankslate/jurnal/not-found.svg\");\n}\n\n.ic-blankslate-jurnal-process {\n background-image: url(\"../../webfonts/blankslate/jurnal/process.svg\");\n}\n\n.ic-blankslate-jurnal-default {\n background-image: url(\"../../webfonts/blankslate/jurnal/default.svg\");\n}\n\n.ic-blankslate-klikpajak-calendar {\n background-image: url(\"../../webfonts/blankslate/klikpajak/calendar.svg\");\n}\n\n.ic-blankslate-klikpajak-location {\n background-image: url(\"../../webfonts/blankslate/klikpajak/location.svg\");\n}\n\n.ic-blankslate-klikpajak-not-found {\n background-image: url(\"../../webfonts/blankslate/klikpajak/not-found.svg\");\n}\n\n.ic-blankslate-klikpajak-process {\n background-image: url(\"../../webfonts/blankslate/klikpajak/process.svg\");\n}\n\n.ic-blankslate-klikpajak-default {\n background-image: url(\"../../webfonts/blankslate/klikpajak/default.svg\");\n}\n\n.ic-blankslate-talenta-calendar {\n background-image: url(\"../../webfonts/blankslate/talenta/calendar.svg\");\n}\n\n.ic-blankslate-talenta-location {\n background-image: url(\"../../webfonts/blankslate/talenta/location.svg\");\n}\n\n.ic-blankslate-talenta-not-found {\n background-image: url(\"../../webfonts/blankslate/talenta/not-found.svg\");\n}\n\n.ic-blankslate-talenta-process {\n background-image: url(\"../../webfonts/blankslate/talenta/process.svg\");\n}\n\n.ic-blankslate-talenta-default {\n background-image: url(\"../../webfonts/blankslate/talenta/default.svg\");\n}\n\n/# sourceMappingURL=mekari-ui-icons.css.map /","// Neutrals color variables\n$dark: #212121;\n$slate: #777;\n$muted: #b4b4b4;\n$smoke: #e2e2e2;\n$snow: #fbfbfb;\n$white: #fff;\n$cloud: #f2f4f7;\n\n// UI color variables\n$red: #d74022;\n$green: #009f61;\n$light-yellow: #ffeb99;\n$blue: #1357ff;\n$orange: #ffb700;\n$sapphire: #005fbf;\n\n// Branding color variables\n$crimson: #c02a34;\n$azure: #009bde;\n$salamander: #f96d01;\n$purple: #6d48e5;\n\n// Bootstrap dependencies color\n$black: #000 !default;\n$gray-100: #f8f9fa !default;\n$gray-200: #e9ecef !default;\n$gray-300: #dee2e6 !default;\n$gray-400: #ced4da !default;\n$gray-500: #adb5bd !default;\n$gray-600: #6c757d !default;\n$gray-700: #495057 !default;\n$gray-800: #343a40 !default;\n$gray-900: #212529 !default;\n\n// The yiq lightness value that determines when the lightness of color changes from \"dark\" to \"light\". Acceptable values are between 0 and 255.\n$yiq-contrasted-threshold: 150 !default;\n\n// Customize the light and dark text colors for use in our YIQ color contrast function.\n$yiq-text-dark: $gray-900 !default;\n$yiq-text-light: $white !default;\n\n\n$grays: () !default;\n// stylelint-disable-next-line scss/dollar-variable-default\n$grays: map-merge(\n (\n \"100\": $gray-100,\n \"200\": $gray-200,\n \"300\": $gray-300,\n \"400\": $gray-400,\n \"500\": $gray-500,\n \"600\": $gray-600,\n \"700\": $gray-700,\n \"800\": $gray-800,\n \"900\": $gray-900\n ),\n $grays\n);\n\n// register mekari color variables too bootstrap\n$colors: ();\n$colors: map-merge(\n (\n \"noir\" : $dark, // going to deprecated\n \"dark\" : $dark,\n \"slate\" : $slate,\n \"muted\" : $muted,\n \"smoke\" : $smoke,\n \"snow\" : $snow,\n \"cloud\" : $cloud,\n \"crimson\" : $crimson,\n \"azure\" : $azure,\n \"salamander\" : $salamander,\n \"purple\" : $purple,\n \"sapphire\" : $sapphire,\n \"white\" : $white,\n \"red\" : $red,\n \"orange\" : $orange,\n \"green\" : $green,\n \"blue\" : $blue,\n \"light-yellow\" : $light-yellow\n ),\n $colors\n);\n\n//extend bootstrap class\n$danger: $red;\n$success: $green;\n$info: $light-yellow;\n$warning: $orange;\n$primary: $sapphire;\n$jurnal: $azure;\n$talenta: $crimson;\n$klikpajak: $salamander;\n$mekari: $purple;\n\n$link: $blue;\n\n$text-muted: $muted;\n$body-color: $dark;\n$dark: $dark;\n$secondary: $slate;\n$light: $snow;\n\n// Add more theme color variables\n$theme-colors: ();\n$theme-colors: map-merge(\n (\n \"danger\" : $danger,\n \"success\" : $success,\n \"info\" : $info,\n \"warning\" : $warning,\n \"primary\" : $primary,\n \"jurnal\" : $jurnal,\n \"talenta\" : $talenta,\n \"klikpajak\" : $klikpajak,\n \"mekari\" : $mekari,\n \"dark\" : $dark,\n \"slate\" : $slate,\n \"muted\" : $muted,\n \"smoke\" : $smoke,\n \"light\" : $light,\n \"cloud\" : $cloud,\n \"link\" : $blue,\n \"white\" : $white\n ),\n $theme-colors\n);\n\n$card-border-color: $smoke;\n$body-bg: $white;\n"]}

data/lib/assets/stylesheets/css/components/mekari-ui-modal-min.css CHANGED Viewed

@@ -1,2 +1,2 @@
-.modal-open{overflow:hidden}.modal-open .modal{overflow-x:hidden;overflow-y:auto}.modal{position:fixed;top:0;left:0;z-index:1050;display:none;width:100%;height:100%;overflow:hidden;outline:0}.modal-dialog{position:relative;width:auto;margin:.5rem;pointer-events:none}.modal.fade .modal-dialog{transition:transform .3s ease-out;transform:translate(0,-50px)}@media (prefers-reduced-motion:reduce){.modal.fade .modal-dialog{transition:none}}.modal.show .modal-dialog{transform:none}.modal-dialog-scrollable{display:flex;max-height:calc(100% - 1rem)}.modal-dialog-scrollable .modal-content{max-height:calc(100vh - 1rem);overflow:hidden}.modal-dialog-scrollable .modal-footer,.modal-dialog-scrollable .modal-header{flex-shrink:0}.modal-dialog-scrollable .modal-body{overflow-y:auto}.modal-dialog-centered{display:flex;align-items:center;min-height:calc(100% - 1rem)}.modal-dialog-centered::before{display:block;height:calc(100vh - 1rem);content:""}.modal-dialog-centered.modal-dialog-scrollable{flex-direction:column;justify-content:center;height:100%}.modal-dialog-centered.modal-dialog-scrollable .modal-content{max-height:none}.modal-dialog-centered.modal-dialog-scrollable::before{content:none}.modal-content{position:relative;display:flex;flex-direction:column;width:100%;pointer-events:auto;background-color:#fff;background-clip:padding-box;border:1px solid #e2e2e2;border-radius:.3rem;outline:0}.modal-backdrop{position:fixed;top:0;left:0;z-index:1040;width:100vw;height:100vh;background-color:#000}.modal-backdrop.fade{opacity:0}.modal-backdrop.show{opacity:.75}.modal-header{display:flex;align-items:flex-start;justify-content:space-between;padding:16px 16px;border-bottom:1px solid #e2e2e2;border-top-left-radius:.3rem;border-top-right-radius:.3rem}.modal-header .close{padding:16px 16px;margin:-16px -16px -16px auto}.modal-title{margin-bottom:0;line-height:20px}.modal-body{position:relative;flex:1 1 auto;padding:24px}.modal-footer{display:flex;align-items:center;justify-content:flex-end;padding:24px;border-top:1px solid #e2e2e2;border-bottom-right-radius:.3rem;border-bottom-left-radius:.3rem}.modal-footer>:not(:first-child){margin-left:.25rem}.modal-footer>:not(:last-child){margin-right:.25rem}.modal-scrollbar-measure{position:absolute;top:-9999px;width:50px;height:50px;overflow:scroll}@media (min-width:576px){.modal-dialog{max-width:600px;margin:1.75rem auto}.modal-dialog-scrollable{max-height:calc(100% - 3.5rem)}.modal-dialog-scrollable .modal-content{max-height:calc(100vh - 3.5rem)}.modal-dialog-centered{min-height:calc(100% - 3.5rem)}.modal-dialog-centered::before{height:calc(100vh - 3.5rem)}.modal-sm{max-width:392px}}@media (min-width:992px){.modal-lg,.modal-xl{max-width:808px}}@media (min-width:1272px){.modal-xl{max-width:1140px}}.fade{transition:opacity .15s linear}@media (prefers-reduced-motion:reduce){.fade{transition:none}}.fade:not(.show){opacity:0}.collapse:not(.show){display:none}.collapsing{position:relative;height:0;overflow:hidden;transition:height .35s ease}@media (prefers-reduced-motion:reduce){.collapsing{transition:none}}.close{float:right;font-size:1.3125rem;font-weight:500;line-height:1;color:#777;text-shadow:0 1px 0 #fff;opacity:.5}@media (max-width:1200px){.close{font-size:calc(1.25625rem + .075vw)}}.close:hover{color:#777;text-decoration:none}.close:not(:disabled):not(.disabled):focus,.close:not(:disabled):not(.disabled):hover{opacity:.75}button.close{padding:0;background-color:transparent;border:0;-webkit-appearance:none;-moz-appearance:none;appearance:none}a.close.disabled{pointer-events:none}.modal .modal-header{position:relative;padding:14px 24px}.modal .modal-header .close{padding:16px;margin:-16px -16px -16px auto;font-size:20px;font-weight:600;opacity:1}.modal .modal-header .close span{color:#777}.modal .modal-title{font-size:16px;font-weight:500;line-height:24px}.modal .modal-body{padding:16px 24px}.modal .modal-footer{padding:4px 24px 32px;border-top:0}.modal-backdrop{opacity:.75}
+.modal-open{overflow:hidden}.modal-open .modal{overflow-x:hidden;overflow-y:auto}.modal{position:fixed;top:0;left:0;z-index:1050;display:none;width:100%;height:100%;overflow:hidden;outline:0}.modal-dialog{position:relative;width:auto;margin:.5rem;pointer-events:none}.modal.fade .modal-dialog{transition:transform .3s ease-out;transform:translate(0,-50px)}@media (prefers-reduced-motion:reduce){.modal.fade .modal-dialog{transition:none}}.modal.show .modal-dialog{transform:none}.modal-dialog-scrollable{display:flex;max-height:calc(100% - 1rem)}.modal-dialog-scrollable .modal-content{max-height:calc(100vh - 1rem);overflow:hidden}.modal-dialog-scrollable .modal-footer,.modal-dialog-scrollable .modal-header{flex-shrink:0}.modal-dialog-scrollable .modal-body{overflow-y:auto}.modal-dialog-centered{display:flex;align-items:center;min-height:calc(100% - 1rem)}.modal-dialog-centered::before{display:block;height:calc(100vh - 1rem);content:""}.modal-dialog-centered.modal-dialog-scrollable{flex-direction:column;justify-content:center;height:100%}.modal-dialog-centered.modal-dialog-scrollable .modal-content{max-height:none}.modal-dialog-centered.modal-dialog-scrollable::before{content:none}.modal-content{position:relative;display:flex;flex-direction:column;width:100%;pointer-events:auto;background-color:#fff;background-clip:padding-box;border:1px solid #e2e2e2;border-radius:.3rem;outline:0}.modal-backdrop{position:fixed;top:0;left:0;z-index:1040;width:100vw;height:100vh;background-color:#000}.modal-backdrop.fade{opacity:0}.modal-backdrop.show{opacity:.75}.modal-header{display:flex;align-items:flex-start;justify-content:space-between;padding:16px 16px;border-bottom:1px solid #e2e2e2;border-top-left-radius:.3rem;border-top-right-radius:.3rem}.modal-header .close{padding:16px 16px;margin:-16px -16px -16px auto}.modal-title{margin-bottom:0;line-height:20px}.modal-body{position:relative;flex:1 1 auto;padding:24px}.modal-footer{display:flex;align-items:center;justify-content:flex-end;padding:24px;border-top:1px solid #e2e2e2;border-bottom-right-radius:.3rem;border-bottom-left-radius:.3rem}.modal-footer>:not(:first-child){margin-left:.25rem}.modal-footer>:not(:last-child){margin-right:.25rem}.modal-scrollbar-measure{position:absolute;top:-9999px;width:50px;height:50px;overflow:scroll}@media (min-width:576px){.modal-dialog{max-width:600px;margin:1.75rem auto}.modal-dialog-scrollable{max-height:calc(100% - 3.5rem)}.modal-dialog-scrollable .modal-content{max-height:calc(100vh - 3.5rem)}.modal-dialog-centered{min-height:calc(100% - 3.5rem)}.modal-dialog-centered::before{height:calc(100vh - 3.5rem)}.modal-sm{max-width:392px}}@media (min-width:992px){.modal-lg,.modal-xl{max-width:808px}}@media (min-width:1272px){.modal-xl{max-width:1140px}}.fade{transition:opacity .15s linear}@media (prefers-reduced-motion:reduce){.fade{transition:none}}.fade:not(.show){opacity:0}.collapse:not(.show){display:none}.collapsing{position:relative;height:0;overflow:hidden;transition:height .35s ease}@media (prefers-reduced-motion:reduce){.collapsing{transition:none}}.close{float:right;font-size:1.3125rem;font-weight:500;line-height:1;color:#777;text-shadow:0 1px 0 #fff;opacity:.5}@media (max-width:1200px){.close{font-size:calc(1.25625rem + .075vw)}}.close:hover{color:#777;text-decoration:none}.close:not(:disabled):not(.disabled):focus,.close:not(:disabled):not(.disabled):hover{opacity:.75}button.close{padding:0;background-color:transparent;border:0;-webkit-appearance:none;-moz-appearance:none;appearance:none}a.close.disabled{pointer-events:none}.modal .modal-header{position:relative;padding:16px 16px 16px 24px}.modal .modal-header .close{padding:16px;margin:-16px -16px -16px auto;font-size:20px;font-weight:600;opacity:1}.modal .modal-header .close span{color:#777}.modal .modal-title{font-size:16px;font-weight:500;line-height:24px}.modal .modal-body{padding:16px 24px}.modal .modal-footer{padding:4px 24px 32px;border-top:0}.modal-backdrop{opacity:.75}
 /*# sourceMappingURL=mekari-ui-modal-min.css.map */

data/lib/assets/stylesheets/css/components/mekari-ui-modal-min.css.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../scss/vendors/_modal.scss","../../../scss/vendors/mixins/_transition.scss","dist/css/components/mekari-ui-modal.css","../../../scss/vendors/mixins/_border-radius.scss","../../../scss/vendors/mixins/_breakpoints.scss","../../../scss/vendors/_transitions.scss","../../../scss/vendors/_close.scss","../../../scss/vendors/_rfs.scss","../../../scss/vendors/mixins/_hover.scss","../../../scss/components/config/_modal.scss"],"names":[],"mappings":"AAMA,YAEE,SAAA,OAFF,mBAKI,WAAA,OACA,WAAA,KAKJ,OACE,SAAA,MACA,IAAA,EACA,KAAA,EACA,QAAA,KACA,QAAA,KACA,MAAA,KACA,OAAA,KACA,SAAA,OAGA,QAAA,EAOF,cACE,SAAA,SACA,MAAA,KACA,OAAA,MAEA,eAAA,KAGA,0BCrCI,WAAA,UAAA,IAAA,SDuCF,UAAA,mBClCA,uCDgCF,0BC/BI,WAAA,MDmCJ,0BACE,UAAA,KAIJ,yBACE,QAAA,KACA,WAAA,kBAFF,wCAKI,WAAA,mBACA,SAAA,OEJJ,uCFFA,uCAWI,YAAA,EAXJ,qCAeI,WAAA,KAIJ,uBACE,QAAA,KACA,YAAA,OACA,WAAA,kBAHF,+BAOI,QAAA,MACA,OAAA,mBACA,QAAA,GATJ,+CAcI,eAAA,OACA,gBAAA,OACA,OAAA,KAhBJ,8DAmBM,WAAA,KAnBN,uDAuBM,QAAA,KAMN,eACE,SAAA,SACA,QAAA,KACA,eAAA,OACA,MAAA,KAGA,eAAA,KACA,iBAAA,KACA,gBAAA,YACA,OAAA,IAAA,MAAA,QGzGE,cAAA,MH6GF,QAAA,EAIF,gBACE,SAAA,MACA,IAAA,EACA,KAAA,EACA,QAAA,KACA,MAAA,MACA,OAAA,MACA,iBAAA,KAPF,qBAUqB,QAAA,EAVrB,qBAWqB,QAAA,IAKrB,cACE,QAAA,KACA,YAAA,WACA,gBAAA,cACA,QAAA,KAAA,KACA,cAAA,IAAA,MAAA,QG7HE,uBAAA,MACA,wBAAA,MHuHJ,qBASI,QAAA,KAAA,KAEA,OAAA,MAAA,MAAA,MAAA,KAKJ,aACE,cAAA,EACA,YAAA,KAKF,YACE,SAAA,SAGA,KAAA,EAAA,EAAA,KACA,QAAA,KAIF,cACE,QAAA,KACA,YAAA,OACA,gBAAA,SACA,QAAA,KACA,WAAA,IAAA,MAAA,QG/IE,2BAAA,MACA,0BAAA,MHyIJ,iCASyB,YAAA,OATzB,gCAUwB,aAAA,OAIxB,yBACE,SAAA,SACA,IAAA,QACA,MAAA,KACA,OAAA,KACA,SAAA,OI7HE,yBJmIF,cACE,UAAA,MACA,OAAA,QAAA,KAGF,yBACE,WAAA,oBADF,wCAII,WAAA,qBAIJ,uBACE,WAAA,oBADF,+BAII,OAAA,qBAQJ,UAAsB,UAAA,OI5JpB,yBJgKF,UEzBA,UF2BE,UAAA,OIlKA,0BJuKF,UAAsB,UAAA,QKnOxB,MJMM,WAAA,QAAA,KAAA,OAKF,uCIXJ,MJYM,WAAA,MIZN,iBAII,QAAA,EAIJ,qBAEI,QAAA,KAIJ,YACE,SAAA,SACA,OAAA,EACA,SAAA,OJXI,WAAA,OAAA,KAAA,KAKF,uCIGJ,YJFM,WAAA,MKZN,OACE,MAAA,MCwJM,UAAA,UDtJN,YAAA,IACA,YAAA,EACA,MAAA,KACA,YAAA,EAAA,IAAA,EAAA,KACA,QAAA,GCwKM,0BD/KR,OCuLY,UAAA,2BC3KV,aFDE,MAAA,KACA,gBAAA,KEIF,2CAAA,2CFCI,QAAA,IAWN,aACE,QAAA,EACA,iBAAA,YACA,OAAA,EACA,mBAAA,KAAA,gBAAA,KAAA,WAAA,KAMF,iBACE,eAAA,KGvCF,qBAEI,SAAA,SACA,QAAA,KAAA,KAHJ,4BAMM,QAAA,KACA,OAAA,MAAA,MAAA,MAAA,KACA,UAAA,KACA,YAAA,IACA,QAAA,EAVN,iCAaQ,MAAA,KAbR,oBAkBI,UAAA,KACA,YAAA,IACA,YAAA,KApBJ,mBAuBI,QAAA,KAAA,KAvBJ,qBA0BI,QAAA,IAAA,KAAA,KACA,WAAA,EAIJ,gBACE,QAAA","sourcesContent":["// .#{$prefix}modal-open - body class for killing the scroll\n// .#{$prefix}modal - container to scroll within\n// .#{$prefix}modal-dialog - positioning shell for the actual modal\n// .#{$prefix}modal-content - actual modal w/ bg and corners and stuff\n\n\n.#{$prefix}modal-open {\n // Kill the scroll on the body\n overflow: hidden;\n\n .#{$prefix}modal {\n overflow-x: hidden;\n overflow-y: auto;\n }\n}\n\n// Container that the modal scrolls within\n.#{$prefix}modal {\n position: fixed;\n top: 0;\n left: 0;\n z-index: $zindex-modal;\n display: none;\n width: 100%;\n height: 100%;\n overflow: hidden;\n // Prevent Chrome on Windows from adding a focus outline. For details, see\n // https://github.com/twbs/bootstrap/pull/10951.\n outline: 0;\n // We deliberately don't use `-webkit-overflow-scrolling: touch;` due to a\n // gnarly iOS Safari bug: https://bugs.webkit.org/show_bug.cgi?id=158342\n // See also https://github.com/twbs/bootstrap/issues/17695\n}\n\n// Shell div to position the modal with bottom padding\n.#{$prefix}modal-dialog {\n position: relative;\n width: auto;\n margin: $modal-dialog-margin;\n // allow clicks to pass through for custom click handling to close modal\n pointer-events: none;\n\n // When fading in the modal, animate it to slide down\n .#{$prefix}modal.#{$prefix}fade & {\n @include transition($modal-transition);\n transform: $modal-fade-transform;\n }\n .#{$prefix}modal.#{$prefix}show & {\n transform: $modal-show-transform;\n }\n}\n\n.#{$prefix}modal-dialog-scrollable {\n display: flex; // IE10/11\n max-height: calc(100% - #{$modal-dialog-margin * 2});\n\n .#{$prefix}modal-content {\n max-height: calc(100vh - #{$modal-dialog-margin * 2}); // IE10/11\n overflow: hidden;\n }\n\n .#{$prefix}modal-header,\n .#{$prefix}modal-footer {\n flex-shrink: 0;\n }\n\n .#{$prefix}modal-body {\n overflow-y: auto;\n }\n}\n\n.#{$prefix}modal-dialog-centered {\n display: flex;\n align-items: center;\n min-height: calc(100% - #{$modal-dialog-margin * 2});\n\n // Ensure `modal-dialog-centered` extends the full height of the view (IE10/11)\n &::before {\n display: block; // IE10\n height: calc(100vh - #{$modal-dialog-margin * 2});\n content: \"\";\n }\n\n // Ensure `.#{$prefix}modal-body` shows scrollbar (IE10/11)\n &.#{$prefix}modal-dialog-scrollable {\n flex-direction: column;\n justify-content: center;\n height: 100%;\n\n .#{$prefix}modal-content {\n max-height: none;\n }\n\n &::before {\n content: none;\n }\n }\n}\n\n// Actual modal\n.#{$prefix}modal-content {\n position: relative;\n display: flex;\n flex-direction: column;\n width: 100%; // Ensure `.#{$prefix}modal-content` extends the full width of the parent `.#{$prefix}modal-dialog`\n // counteract the pointer-events: none; in the .#{$prefix}modal-dialog\n color: $modal-content-color;\n pointer-events: auto;\n background-color: $modal-content-bg;\n background-clip: padding-box;\n border: $modal-content-border-width solid $modal-content-border-color;\n @include border-radius($modal-content-border-radius);\n @include box-shadow($modal-content-box-shadow-xs);\n // Remove focus outline from opened modal\n outline: 0;\n}\n\n// Modal background\n.#{$prefix}modal-backdrop {\n position: fixed;\n top: 0;\n left: 0;\n z-index: $zindex-modal-backdrop;\n width: 100vw;\n height: 100vh;\n background-color: $modal-backdrop-bg;\n\n // Fade for backdrop\n &.#{$prefix}fade { opacity: 0; }\n &.#{$prefix}show { opacity: $modal-backdrop-opacity; }\n}\n\n// Modal header\n// Top section of the modal w/ title and dismiss\n.#{$prefix}modal-header {\n display: flex;\n align-items: flex-start; // so the close btn always stays on the upper right corner\n justify-content: space-between; // Put modal header elements (title and dismiss) on opposite ends\n padding: $modal-header-padding;\n border-bottom: $modal-header-border-width solid $modal-header-border-color;\n @include border-top-radius($modal-content-border-radius);\n\n .close {\n padding: $modal-header-padding;\n // auto on the left force icon to the right even when there is no .#{$prefix}modal-title\n margin: (-$modal-header-padding-y) (-$modal-header-padding-x) (-$modal-header-padding-y) auto;\n }\n}\n\n// Title text within header\n.#{$prefix}modal-title {\n margin-bottom: 0;\n line-height: $modal-title-line-height;\n}\n\n// Modal body\n// Where all modal content resides (sibling of .#{$prefix}modal-header and .#{$prefix}modal-footer)\n.#{$prefix}modal-body {\n position: relative;\n // Enable `flex-grow: 1` so that the body take up as much space as possible\n // when should there be a fixed height on `.#{$prefix}modal-dialog`.\n flex: 1 1 auto;\n padding: $modal-inner-padding;\n}\n\n// Footer (for actions)\n.#{$prefix}modal-footer {\n display: flex;\n align-items: center; // vertically center\n justify-content: flex-end; // Right align buttons with flex property because text-align doesn't work on flex items\n padding: $modal-inner-padding;\n border-top: $modal-footer-border-width solid $modal-footer-border-color;\n @include border-bottom-radius($modal-content-border-radius);\n\n // Easily place margin between footer elements\n > :not(:first-child) { margin-left: .25rem; }\n > :not(:last-child) { margin-right: .25rem; }\n}\n\n// Measure scrollbar width for padding body during modal show/hide\n.#{$prefix}modal-scrollbar-measure {\n position: absolute;\n top: -9999px;\n width: 50px;\n height: 50px;\n overflow: scroll;\n}\n\n// Scale up the modal\n@include media-breakpoint-up(sm) {\n // Automatically set modal's width for larger viewports\n .#{$prefix}modal-dialog {\n max-width: $modal-md;\n margin: $modal-dialog-margin-y-sm-up auto;\n }\n\n .#{$prefix}modal-dialog-scrollable {\n max-height: calc(100% - #{$modal-dialog-margin-y-sm-up * 2});\n\n .#{$prefix}modal-content {\n max-height: calc(100vh - #{$modal-dialog-margin-y-sm-up * 2});\n }\n }\n\n .#{$prefix}modal-dialog-centered {\n min-height: calc(100% - #{$modal-dialog-margin-y-sm-up * 2});\n\n &::before {\n height: calc(100vh - #{$modal-dialog-margin-y-sm-up * 2});\n }\n }\n\n .#{$prefix}modal-content {\n @include box-shadow($modal-content-box-shadow-sm-up);\n }\n\n .#{$prefix}modal-sm { max-width: $modal-sm; }\n}\n\n@include media-breakpoint-up(lg) {\n .#{$prefix}modal-lg,\n .#{$prefix}modal-xl {\n max-width: $modal-lg;\n }\n}\n\n@include media-breakpoint-up(xl) {\n .#{$prefix}modal-xl { max-width: $modal-xl; }\n}\n","// stylelint-disable property-blacklist\n@mixin transition($transition...) {\n @if $enable-transitions {\n @if length($transition) == 0 {\n transition: $transition-base;\n } @else {\n transition: $transition;\n }\n }\n\n @if $enable-prefers-reduced-motion-media-query {\n @media (prefers-reduced-motion: reduce) {\n transition: none;\n }\n }\n}\n",".modal-open {\n overflow: hidden;\n}\n\n.modal-open .modal {\n overflow-x: hidden;\n overflow-y: auto;\n}\n\n.modal {\n position: fixed;\n top: 0;\n left: 0;\n z-index: 1050;\n display: none;\n width: 100%;\n height: 100%;\n overflow: hidden;\n outline: 0;\n}\n\n.modal-dialog {\n position: relative;\n width: auto;\n margin: 0.5rem;\n pointer-events: none;\n}\n\n.modal.fade .modal-dialog {\n transition: transform 0.3s ease-out;\n transform: translate(0, -50px);\n}\n\n@media (prefers-reduced-motion: reduce) {\n .modal.fade .modal-dialog {\n transition: none;\n }\n}\n\n.modal.show .modal-dialog {\n transform: none;\n}\n\n.modal-dialog-scrollable {\n display: flex;\n max-height: calc(100% - 1rem);\n}\n\n.modal-dialog-scrollable .modal-content {\n max-height: calc(100vh - 1rem);\n overflow: hidden;\n}\n\n.modal-dialog-scrollable .modal-header,\n.modal-dialog-scrollable .modal-footer {\n flex-shrink: 0;\n}\n\n.modal-dialog-scrollable .modal-body {\n overflow-y: auto;\n}\n\n.modal-dialog-centered {\n display: flex;\n align-items: center;\n min-height: calc(100% - 1rem);\n}\n\n.modal-dialog-centered::before {\n display: block;\n height: calc(100vh - 1rem);\n content: \"\";\n}\n\n.modal-dialog-centered.modal-dialog-scrollable {\n flex-direction: column;\n justify-content: center;\n height: 100%;\n}\n\n.modal-dialog-centered.modal-dialog-scrollable .modal-content {\n max-height: none;\n}\n\n.modal-dialog-centered.modal-dialog-scrollable::before {\n content: none;\n}\n\n.modal-content {\n position: relative;\n display: flex;\n flex-direction: column;\n width: 100%;\n pointer-events: auto;\n background-color: #fff;\n background-clip: padding-box;\n border: 1px solid #e2e2e2;\n border-radius: 0.3rem;\n outline: 0;\n}\n\n.modal-backdrop {\n position: fixed;\n top: 0;\n left: 0;\n z-index: 1040;\n width: 100vw;\n height: 100vh;\n background-color: #000;\n}\n\n.modal-backdrop.fade {\n opacity: 0;\n}\n\n.modal-backdrop.show {\n opacity: 0.75;\n}\n\n.modal-header {\n display: flex;\n align-items: flex-start;\n justify-content: space-between;\n padding: 16px 16px;\n border-bottom: 1px solid #e2e2e2;\n border-top-left-radius: 0.3rem;\n border-top-right-radius: 0.3rem;\n}\n\n.modal-header .close {\n padding: 16px 16px;\n margin: -16px -16px -16px auto;\n}\n\n.modal-title {\n margin-bottom: 0;\n line-height: 20px;\n}\n\n.modal-body {\n position: relative;\n flex: 1 1 auto;\n padding: 24px;\n}\n\n.modal-footer {\n display: flex;\n align-items: center;\n justify-content: flex-end;\n padding: 24px;\n border-top: 1px solid #e2e2e2;\n border-bottom-right-radius: 0.3rem;\n border-bottom-left-radius: 0.3rem;\n}\n\n.modal-footer > :not(:first-child) {\n margin-left: .25rem;\n}\n\n.modal-footer > :not(:last-child) {\n margin-right: .25rem;\n}\n\n.modal-scrollbar-measure {\n position: absolute;\n top: -9999px;\n width: 50px;\n height: 50px;\n overflow: scroll;\n}\n\n@media (min-width: 576px) {\n .modal-dialog {\n max-width: 600px;\n margin: 1.75rem auto;\n }\n .modal-dialog-scrollable {\n max-height: calc(100% - 3.5rem);\n }\n .modal-dialog-scrollable .modal-content {\n max-height: calc(100vh - 3.5rem);\n }\n .modal-dialog-centered {\n min-height: calc(100% - 3.5rem);\n }\n .modal-dialog-centered::before {\n height: calc(100vh - 3.5rem);\n }\n .modal-sm {\n max-width: 392px;\n }\n}\n\n@media (min-width: 992px) {\n .modal-lg,\n .modal-xl {\n max-width: 808px;\n }\n}\n\n@media (min-width: 1272px) {\n .modal-xl {\n max-width: 1140px;\n }\n}\n\n.fade {\n transition: opacity 0.15s linear;\n}\n\n@media (prefers-reduced-motion: reduce) {\n .fade {\n transition: none;\n }\n}\n\n.fade:not(.show) {\n opacity: 0;\n}\n\n.collapse:not(.show) {\n display: none;\n}\n\n.collapsing {\n position: relative;\n height: 0;\n overflow: hidden;\n transition: height 0.35s ease;\n}\n\n@media (prefers-reduced-motion: reduce) {\n .collapsing {\n transition: none;\n }\n}\n\n.close {\n float: right;\n font-size: 1.3125rem;\n font-weight: 500;\n line-height: 1;\n color: #777;\n text-shadow: 0 1px 0 #fff;\n opacity: .5;\n}\n\n@media (max-width: 1200px) {\n .close {\n font-size: calc(1.25625rem + 0.075vw) ;\n }\n}\n\n.close:hover {\n color: #777;\n text-decoration: none;\n}\n\n.close:not(:disabled):not(.disabled):hover, .close:not(:disabled):not(.disabled):focus {\n opacity: .75;\n}\n\nbutton.close {\n padding: 0;\n background-color: transparent;\n border: 0;\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n}\n\na.close.disabled {\n pointer-events: none;\n}\n\n.modal .modal-header {\n position: relative;\n padding: 14px 24px;\n}\n\n.modal .modal-header .close {\n padding: 16px;\n margin: -16px -16px -16px auto;\n font-size: 20px;\n font-weight: 600;\n opacity: 1;\n}\n\n.modal .modal-header .close span {\n color: #777;\n}\n\n.modal .modal-title {\n font-size: 16px;\n font-weight: 500;\n line-height: 24px;\n}\n\n.modal .modal-body {\n padding: 16px 24px;\n}\n\n.modal .modal-footer {\n padding: 4px 24px 32px;\n border-top: 0;\n}\n\n.modal-backdrop {\n opacity: 0.75;\n}\n/# sourceMappingURL=mekari-ui-modal.css.map /","// stylelint-disable property-blacklist\n// Single side border-radius\n\n@mixin border-radius($radius: $border-radius, $fallback-border-radius: false) {\n @if $enable-rounded {\n border-radius: $radius;\n }\n @else if $fallback-border-radius != false {\n border-radius: $fallback-border-radius;\n }\n}\n\n@mixin border-top-radius($radius) {\n @if $enable-rounded {\n border-top-left-radius: $radius;\n border-top-right-radius: $radius;\n }\n}\n\n@mixin border-right-radius($radius) {\n @if $enable-rounded {\n border-top-right-radius: $radius;\n border-bottom-right-radius: $radius;\n }\n}\n\n@mixin border-bottom-radius($radius) {\n @if $enable-rounded {\n border-bottom-right-radius: $radius;\n border-bottom-left-radius: $radius;\n }\n}\n\n@mixin border-left-radius($radius) {\n @if $enable-rounded {\n border-top-left-radius: $radius;\n border-bottom-left-radius: $radius;\n }\n}\n\n@mixin border-top-left-radius($radius) {\n @if $enable-rounded {\n border-top-left-radius: $radius;\n }\n}\n\n@mixin border-top-right-radius($radius) {\n @if $enable-rounded {\n border-top-right-radius: $radius;\n }\n}\n\n@mixin border-bottom-right-radius($radius) {\n @if $enable-rounded {\n border-bottom-right-radius: $radius;\n }\n}\n\n@mixin border-bottom-left-radius($radius) {\n @if $enable-rounded {\n border-bottom-left-radius: $radius;\n }\n}\n","// Breakpoint viewport sizes and media queries.\n//\n// Breakpoints are defined as a map of (name: minimum width), order from small to large:\n//\n// (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px)\n//\n// The map defined in the `$grid-breakpoints` global variable is used as the `$breakpoints` argument by default.\n\n// Name of the next breakpoint, or null for the last breakpoint.\n//\n// >> breakpoint-next(sm)\n// md\n// >> breakpoint-next(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n// md\n// >> breakpoint-next(sm, $breakpoint-names: (xs sm md lg xl))\n// md\n@function breakpoint-next($name, $breakpoints: $grid-breakpoints, $breakpoint-names: map-keys($breakpoints)) {\n $n: index($breakpoint-names, $name);\n @return if($n != null and $n < length($breakpoint-names), nth($breakpoint-names, $n + 1), null);\n}\n\n// Minimum breakpoint width. Null for the smallest (first) breakpoint.\n//\n// >> breakpoint-min(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n// 576px\n@function breakpoint-min($name, $breakpoints: $grid-breakpoints) {\n $min: map-get($breakpoints, $name);\n @return if($min != 0, $min, null);\n}\n\n// Maximum breakpoint width. Null for the largest (last) breakpoint.\n// The maximum value is calculated as the minimum of the next one less 0.02px\n// to work around the limitations of `min-` and `max-` prefixes and viewports with fractional widths.\n// See https://www.w3.org/TR/mediaqueries-4/#mq-min-max\n// Uses 0.02px rather than 0.01px to work around a current rounding bug in Safari.\n// See https://bugs.webkit.org/show_bug.cgi?id=178261\n//\n// >> breakpoint-max(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n// 767.98px\n@function breakpoint-max($name, $breakpoints: $grid-breakpoints) {\n $next: breakpoint-next($name, $breakpoints);\n @return if($next, breakpoint-min($next, $breakpoints) - .02, null);\n}\n\n// Returns a blank string if smallest breakpoint, otherwise returns the name with a dash in front.\n// Useful for making responsive utilities.\n//\n// >> breakpoint-infix(xs, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n// \"\" (Returns a blank string)\n// >> breakpoint-infix(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n// \"-sm\"\n@function breakpoint-infix($name, $breakpoints: $grid-breakpoints) {\n @return if(breakpoint-min($name, $breakpoints) == null, \"\", \"-#{$name}\");\n}\n\n// Media of at least the minimum breakpoint width. No query for the smallest breakpoint.\n// Makes the @content apply to the given breakpoint and wider.\n@mixin media-breakpoint-up($name, $breakpoints: $grid-breakpoints) {\n $min: breakpoint-min($name, $breakpoints);\n @if $min {\n @media (min-width: $min) {\n @content;\n }\n } @else {\n @content;\n }\n}\n\n// Media of at most the maximum breakpoint width. No query for the largest breakpoint.\n// Makes the @content apply to the given breakpoint and narrower.\n@mixin media-breakpoint-down($name, $breakpoints: $grid-breakpoints) {\n $max: breakpoint-max($name, $breakpoints);\n @if $max {\n @media (max-width: $max) {\n @content;\n }\n } @else {\n @content;\n }\n}\n\n// Media that spans multiple breakpoint widths.\n// Makes the @content apply between the min and max breakpoints\n@mixin media-breakpoint-between($lower, $upper, $breakpoints: $grid-breakpoints) {\n $min: breakpoint-min($lower, $breakpoints);\n $max: breakpoint-max($upper, $breakpoints);\n\n @if $min != null and $max != null {\n @media (min-width: $min) and (max-width: $max) {\n @content;\n }\n } @else if $max == null {\n @include media-breakpoint-up($lower, $breakpoints) {\n @content;\n }\n } @else if $min == null {\n @include media-breakpoint-down($upper, $breakpoints) {\n @content;\n }\n }\n}\n\n// Media between the breakpoint's minimum and maximum widths.\n// No minimum for the smallest breakpoint, and no maximum for the largest one.\n// Makes the @content apply only to the given breakpoint, not viewports any wider or narrower.\n@mixin media-breakpoint-only($name, $breakpoints: $grid-breakpoints) {\n $min: breakpoint-min($name, $breakpoints);\n $max: breakpoint-max($name, $breakpoints);\n\n @if $min != null and $max != null {\n @media (min-width: $min) and (max-width: $max) {\n @content;\n }\n } @else if $max == null {\n @include media-breakpoint-up($name, $breakpoints) {\n @content;\n }\n } @else if $min == null {\n @include media-breakpoint-down($name, $breakpoints) {\n @content;\n }\n }\n}\n",".#{$prefix}fade {\n @include transition($transition-fade);\n\n &:not(.#{$prefix}show) {\n opacity: 0;\n }\n}\n\n.#{$prefix}collapse {\n &:not(.#{$prefix}show) {\n display: none;\n }\n}\n\n.#{$prefix}collapsing {\n position: relative;\n height: 0;\n overflow: hidden;\n @include transition($transition-collapse);\n}\n",".close {\n float: right;\n @include font-size($close-font-size);\n font-weight: $close-font-weight;\n line-height: 1;\n color: $close-color;\n text-shadow: $close-text-shadow;\n opacity: .5;\n\n // Override <a>'s hover style\n @include hover {\n color: $close-color;\n text-decoration: none;\n }\n\n &:not(:disabled):not(.disabled) {\n @include hover-focus {\n opacity: .75;\n }\n }\n}\n\n// Additional properties for button version\n// iOS requires the button element instead of an anchor tag.\n// If you want the anchor version, it requires `href=\"#\"`.\n// See https://developer.mozilla.org/en-US/docs/Web/Events/click#Safari_Mobile\n\n// stylelint-disable-next-line selector-no-qualifying-type\nbutton.close {\n padding: 0;\n background-color: transparent;\n border: 0;\n appearance: none;\n}\n\n// Future-proof disabling of clicks on `<a>` elements\n\n// stylelint-disable-next-line selector-no-qualifying-type\na.close.disabled {\n pointer-events: none;\n}\n","// stylelint-disable property-blacklist, scss/dollar-variable-default\n\n// SCSS RFS mixin\n//\n// Automated font-resizing\n//\n// See https://github.com/twbs/rfs\n\n// Configuration\n\n// Base font size\n$rfs-base-font-size: 1.25rem !default;\n$rfs-font-size-unit: rem !default;\n\n// Breakpoint at where font-size starts decreasing if screen width is smaller\n$rfs-breakpoint: 1200px !default;\n$rfs-breakpoint-unit: px !default;\n\n// Resize font-size based on screen height and width\n$rfs-two-dimensional: false !default;\n\n// Factor of decrease\n$rfs-factor: 10 !default;\n\n@if type-of($rfs-factor) != \"number\" or $rfs-factor <= 1 {\n @error \"`#{$rfs-factor}` is not a valid $rfs-factor, it must be greater than 1.\";\n}\n\n// Generate enable or disable classes. Possibilities: false, \"enable\" or \"disable\"\n$rfs-class: false !default;\n\n// 1 rem = $rfs-rem-value px\n$rfs-rem-value: 16 !default;\n\n// Safari iframe resize bug: https://github.com/twbs/rfs/issues/14\n$rfs-safari-iframe-resize-bug-fix: false !default;\n\n// Disable RFS by setting $enable-responsive-font-sizes to false\n$enable-responsive-font-sizes: true !default;\n\n// Cache $rfs-base-font-size unit\n$rfs-base-font-size-unit: unit($rfs-base-font-size);\n\n// Remove px-unit from $rfs-base-font-size for calculations\n@if $rfs-base-font-size-unit == \"px\" {\n $rfs-base-font-size: $rfs-base-font-size / ($rfs-base-font-size * 0 + 1);\n}\n@else if $rfs-base-font-size-unit == \"rem\" {\n $rfs-base-font-size: $rfs-base-font-size / ($rfs-base-font-size * 0 + 1 / $rfs-rem-value);\n}\n\n// Cache $rfs-breakpoint unit to prevent multiple calls\n$rfs-breakpoint-unit-cache: unit($rfs-breakpoint);\n\n// Remove unit from $rfs-breakpoint for calculations\n@if $rfs-breakpoint-unit-cache == \"px\" {\n $rfs-breakpoint: $rfs-breakpoint / ($rfs-breakpoint * 0 + 1);\n}\n@else if $rfs-breakpoint-unit-cache == \"rem\" or $rfs-breakpoint-unit-cache == \"em\" {\n $rfs-breakpoint: $rfs-breakpoint / ($rfs-breakpoint * 0 + 1 / $rfs-rem-value);\n}\n\n// Responsive font-size mixin\n@mixin rfs($fs, $important: false) {\n // Cache $fs unit\n $fs-unit: if(type-of($fs) == \"number\", unit($fs), false);\n\n // Add !important suffix if needed\n $rfs-suffix: if($important, \" !important\", \"\");\n\n // If $fs isn't a number (like inherit) or $fs has a unit (not px or rem, like 1.5em) or $ is 0, just print the value\n @if not $fs-unit or $fs-unit != \"\" and $fs-unit != \"px\" and $fs-unit != \"rem\" or $fs == 0 {\n font-size: #{$fs}#{$rfs-suffix};\n }\n @else {\n // Variables for storing static and fluid rescaling\n $rfs-static: null;\n $rfs-fluid: null;\n\n // Remove px-unit from $fs for calculations\n @if $fs-unit == \"px\" {\n $fs: $fs / ($fs * 0 + 1);\n }\n @else if $fs-unit == \"rem\" {\n $fs: $fs / ($fs * 0 + 1 / $rfs-rem-value);\n }\n\n // Set default font-size\n @if $rfs-font-size-unit == rem {\n $rfs-static: #{$fs / $rfs-rem-value}rem#{$rfs-suffix};\n }\n @else if $rfs-font-size-unit == px {\n $rfs-static: #{$fs}px#{$rfs-suffix};\n }\n @else {\n @error \"`#{$rfs-font-size-unit}` is not a valid unit for $rfs-font-size-unit. Use `px` or `rem`.\";\n }\n\n // Only add media query if font-size is bigger as the minimum font-size\n // If $rfs-factor == 1, no rescaling will take place\n @if $fs > $rfs-base-font-size and $enable-responsive-font-sizes {\n $min-width: null;\n $variable-unit: null;\n\n // Calculate minimum font-size for given font-size\n $fs-min: $rfs-base-font-size + ($fs - $rfs-base-font-size) / $rfs-factor;\n\n // Calculate difference between given font-size and minimum font-size for given font-size\n $fs-diff: $fs - $fs-min;\n\n // Base font-size formatting\n // No need to check if the unit is valid, because we did that before\n $min-width: if($rfs-font-size-unit == rem, #{$fs-min / $rfs-rem-value}rem, #{$fs-min}px);\n\n // If two-dimensional, use smallest of screen width and height\n $variable-unit: if($rfs-two-dimensional, vmin, vw);\n\n // Calculate the variable width between 0 and $rfs-breakpoint\n $variable-width: #{$fs-diff * 100 / $rfs-breakpoint}#{$variable-unit};\n\n // Set the calculated font-size.\n $rfs-fluid: calc(#{$min-width} + #{$variable-width}) #{$rfs-suffix};\n }\n\n // Rendering\n @if $rfs-fluid == null {\n // Only render static font-size if no fluid font-size is available\n font-size: $rfs-static;\n }\n @else {\n $mq-value: null;\n\n // RFS breakpoint formatting\n @if $rfs-breakpoint-unit == em or $rfs-breakpoint-unit == rem {\n $mq-value: #{$rfs-breakpoint / $rfs-rem-value}#{$rfs-breakpoint-unit};\n }\n @else if $rfs-breakpoint-unit == px {\n $mq-value: #{$rfs-breakpoint}px;\n }\n @else {\n @error \"`#{$rfs-breakpoint-unit}` is not a valid unit for $rfs-breakpoint-unit. Use `px`, `em` or `rem`.\";\n }\n\n @if $rfs-class == \"disable\" {\n // Adding an extra class increases specificity,\n // which prevents the media query to override the font size\n &,\n .disable-responsive-font-size &,\n &.disable-responsive-font-size {\n font-size: $rfs-static;\n }\n }\n @else {\n font-size: $rfs-static;\n }\n\n @if $rfs-two-dimensional {\n @media (max-width: #{$mq-value}), (max-height: #{$mq-value}) {\n @if $rfs-class == \"enable\" {\n .enable-responsive-font-size &,\n &.enable-responsive-font-size {\n font-size: $rfs-fluid;\n }\n }\n @else {\n font-size: $rfs-fluid;\n }\n\n @if $rfs-safari-iframe-resize-bug-fix {\n // stylelint-disable-next-line length-zero-no-unit\n min-width: 0vw;\n }\n }\n }\n @else {\n @media (max-width: #{$mq-value}) {\n @if $rfs-class == \"enable\" {\n .enable-responsive-font-size &,\n &.enable-responsive-font-size {\n font-size: $rfs-fluid;\n }\n }\n @else {\n font-size: $rfs-fluid;\n }\n\n @if $rfs-safari-iframe-resize-bug-fix {\n // stylelint-disable-next-line length-zero-no-unit\n min-width: 0vw;\n }\n }\n }\n }\n }\n}\n\n// The font-size & responsive-font-size mixin uses RFS to rescale font sizes\n@mixin font-size($fs, $important: false) {\n @include rfs($fs, $important);\n}\n\n@mixin responsive-font-size($fs, $important: false) {\n @include rfs($fs, $important);\n}\n","// Hover mixin and `$enable-hover-media-query` are deprecated.\n//\n// Originally added during our alphas and maintained during betas, this mixin was\n// designed to prevent `:hover` stickiness on iOS-an issue where hover styles\n// would persist after initial touch.\n//\n// For backward compatibility, we've kept these mixins and updated them to\n// always return their regular pseudo-classes instead of a shimmed media query.\n//\n// Issue: https://github.com/twbs/bootstrap/issues/25195\n\n@mixin hover {\n &:hover { @content; }\n}\n\n@mixin hover-focus {\n &:hover,\n &:focus {\n @content;\n }\n}\n\n@mixin plain-hover-focus {\n &,\n &:hover,\n &:focus {\n @content;\n }\n}\n\n@mixin hover-focus-active {\n &:hover,\n &:focus,\n &:active {\n @content;\n }\n}\n",".#{$prefix}modal {\n .#{$prefix}modal-header {\n position: relative;\n padding: 14px 24px;\n\n .close {\n padding: 16px;\n margin: -16px -16px -16px auto;\n font-size: 20px;\n font-weight: 600;\n opacity: 1;\n\n span {\n color: $slate;\n }\n }\n }\n .#{$prefix}modal-title {\n font-size: 16px;\n font-weight: 500;\n line-height: 24px;\n }\n .#{$prefix}modal-body {\n padding: 16px 24px;\n }\n .#{$prefix}modal-footer {\n padding: 4px 24px 32px;\n border-top: 0;\n }\n}\n\n.#{$prefix}modal-backdrop {\n opacity: $modal-backdrop-opacity;\n}\n"]}
1	+ {"version":3,"sources":["../../../scss/vendors/_modal.scss","../../../scss/vendors/mixins/_transition.scss","dist/css/components/mekari-ui-modal.css","../../../scss/vendors/mixins/_border-radius.scss","../../../scss/vendors/mixins/_breakpoints.scss","../../../scss/vendors/_transitions.scss","../../../scss/vendors/_close.scss","../../../scss/vendors/_rfs.scss","../../../scss/vendors/mixins/_hover.scss","../../../scss/components/config/_modal.scss"],"names":[],"mappings":"AAMA,YAEE,SAAA,OAFF,mBAKI,WAAA,OACA,WAAA,KAKJ,OACE,SAAA,MACA,IAAA,EACA,KAAA,EACA,QAAA,KACA,QAAA,KACA,MAAA,KACA,OAAA,KACA,SAAA,OAGA,QAAA,EAOF,cACE,SAAA,SACA,MAAA,KACA,OAAA,MAEA,eAAA,KAGA,0BCrCI,WAAA,UAAA,IAAA,SDuCF,UAAA,mBClCA,uCDgCF,0BC/BI,WAAA,MDmCJ,0BACE,UAAA,KAIJ,yBACE,QAAA,KACA,WAAA,kBAFF,wCAKI,WAAA,mBACA,SAAA,OEJJ,uCFFA,uCAWI,YAAA,EAXJ,qCAeI,WAAA,KAIJ,uBACE,QAAA,KACA,YAAA,OACA,WAAA,kBAHF,+BAOI,QAAA,MACA,OAAA,mBACA,QAAA,GATJ,+CAcI,eAAA,OACA,gBAAA,OACA,OAAA,KAhBJ,8DAmBM,WAAA,KAnBN,uDAuBM,QAAA,KAMN,eACE,SAAA,SACA,QAAA,KACA,eAAA,OACA,MAAA,KAGA,eAAA,KACA,iBAAA,KACA,gBAAA,YACA,OAAA,IAAA,MAAA,QGzGE,cAAA,MH6GF,QAAA,EAIF,gBACE,SAAA,MACA,IAAA,EACA,KAAA,EACA,QAAA,KACA,MAAA,MACA,OAAA,MACA,iBAAA,KAPF,qBAUqB,QAAA,EAVrB,qBAWqB,QAAA,IAKrB,cACE,QAAA,KACA,YAAA,WACA,gBAAA,cACA,QAAA,KAAA,KACA,cAAA,IAAA,MAAA,QG7HE,uBAAA,MACA,wBAAA,MHuHJ,qBASI,QAAA,KAAA,KAEA,OAAA,MAAA,MAAA,MAAA,KAKJ,aACE,cAAA,EACA,YAAA,KAKF,YACE,SAAA,SAGA,KAAA,EAAA,EAAA,KACA,QAAA,KAIF,cACE,QAAA,KACA,YAAA,OACA,gBAAA,SACA,QAAA,KACA,WAAA,IAAA,MAAA,QG/IE,2BAAA,MACA,0BAAA,MHyIJ,iCASyB,YAAA,OATzB,gCAUwB,aAAA,OAIxB,yBACE,SAAA,SACA,IAAA,QACA,MAAA,KACA,OAAA,KACA,SAAA,OI7HE,yBJmIF,cACE,UAAA,MACA,OAAA,QAAA,KAGF,yBACE,WAAA,oBADF,wCAII,WAAA,qBAIJ,uBACE,WAAA,oBADF,+BAII,OAAA,qBAQJ,UAAsB,UAAA,OI5JpB,yBJgKF,UEzBA,UF2BE,UAAA,OIlKA,0BJuKF,UAAsB,UAAA,QKnOxB,MJMM,WAAA,QAAA,KAAA,OAKF,uCIXJ,MJYM,WAAA,MIZN,iBAII,QAAA,EAIJ,qBAEI,QAAA,KAIJ,YACE,SAAA,SACA,OAAA,EACA,SAAA,OJXI,WAAA,OAAA,KAAA,KAKF,uCIGJ,YJFM,WAAA,MKZN,OACE,MAAA,MCwJM,UAAA,UDtJN,YAAA,IACA,YAAA,EACA,MAAA,KACA,YAAA,EAAA,IAAA,EAAA,KACA,QAAA,GCwKM,0BD/KR,OCuLY,UAAA,2BC3KV,aFDE,MAAA,KACA,gBAAA,KEIF,2CAAA,2CFCI,QAAA,IAWN,aACE,QAAA,EACA,iBAAA,YACA,OAAA,EACA,mBAAA,KAAA,gBAAA,KAAA,WAAA,KAMF,iBACE,eAAA,KGvCF,qBAEI,SAAA,SACA,QAAA,KAAA,KAAA,KAAA,KAHJ,4BAMM,QAAA,KACA,OAAA,MAAA,MAAA,MAAA,KACA,UAAA,KACA,YAAA,IACA,QAAA,EAVN,iCAaQ,MAAA,KAbR,oBAkBI,UAAA,KACA,YAAA,IACA,YAAA,KApBJ,mBAuBI,QAAA,KAAA,KAvBJ,qBA0BI,QAAA,IAAA,KAAA,KACA,WAAA,EAIJ,gBACE,QAAA","sourcesContent":["// .#{$prefix}modal-open - body class for killing the scroll\n// .#{$prefix}modal - container to scroll within\n// .#{$prefix}modal-dialog - positioning shell for the actual modal\n// .#{$prefix}modal-content - actual modal w/ bg and corners and stuff\n\n\n.#{$prefix}modal-open {\n // Kill the scroll on the body\n overflow: hidden;\n\n .#{$prefix}modal {\n overflow-x: hidden;\n overflow-y: auto;\n }\n}\n\n// Container that the modal scrolls within\n.#{$prefix}modal {\n position: fixed;\n top: 0;\n left: 0;\n z-index: $zindex-modal;\n display: none;\n width: 100%;\n height: 100%;\n overflow: hidden;\n // Prevent Chrome on Windows from adding a focus outline. For details, see\n // https://github.com/twbs/bootstrap/pull/10951.\n outline: 0;\n // We deliberately don't use `-webkit-overflow-scrolling: touch;` due to a\n // gnarly iOS Safari bug: https://bugs.webkit.org/show_bug.cgi?id=158342\n // See also https://github.com/twbs/bootstrap/issues/17695\n}\n\n// Shell div to position the modal with bottom padding\n.#{$prefix}modal-dialog {\n position: relative;\n width: auto;\n margin: $modal-dialog-margin;\n // allow clicks to pass through for custom click handling to close modal\n pointer-events: none;\n\n // When fading in the modal, animate it to slide down\n .#{$prefix}modal.#{$prefix}fade & {\n @include transition($modal-transition);\n transform: $modal-fade-transform;\n }\n .#{$prefix}modal.#{$prefix}show & {\n transform: $modal-show-transform;\n }\n}\n\n.#{$prefix}modal-dialog-scrollable {\n display: flex; // IE10/11\n max-height: calc(100% - #{$modal-dialog-margin * 2});\n\n .#{$prefix}modal-content {\n max-height: calc(100vh - #{$modal-dialog-margin * 2}); // IE10/11\n overflow: hidden;\n }\n\n .#{$prefix}modal-header,\n .#{$prefix}modal-footer {\n flex-shrink: 0;\n }\n\n .#{$prefix}modal-body {\n overflow-y: auto;\n }\n}\n\n.#{$prefix}modal-dialog-centered {\n display: flex;\n align-items: center;\n min-height: calc(100% - #{$modal-dialog-margin * 2});\n\n // Ensure `modal-dialog-centered` extends the full height of the view (IE10/11)\n &::before {\n display: block; // IE10\n height: calc(100vh - #{$modal-dialog-margin * 2});\n content: \"\";\n }\n\n // Ensure `.#{$prefix}modal-body` shows scrollbar (IE10/11)\n &.#{$prefix}modal-dialog-scrollable {\n flex-direction: column;\n justify-content: center;\n height: 100%;\n\n .#{$prefix}modal-content {\n max-height: none;\n }\n\n &::before {\n content: none;\n }\n }\n}\n\n// Actual modal\n.#{$prefix}modal-content {\n position: relative;\n display: flex;\n flex-direction: column;\n width: 100%; // Ensure `.#{$prefix}modal-content` extends the full width of the parent `.#{$prefix}modal-dialog`\n // counteract the pointer-events: none; in the .#{$prefix}modal-dialog\n color: $modal-content-color;\n pointer-events: auto;\n background-color: $modal-content-bg;\n background-clip: padding-box;\n border: $modal-content-border-width solid $modal-content-border-color;\n @include border-radius($modal-content-border-radius);\n @include box-shadow($modal-content-box-shadow-xs);\n // Remove focus outline from opened modal\n outline: 0;\n}\n\n// Modal background\n.#{$prefix}modal-backdrop {\n position: fixed;\n top: 0;\n left: 0;\n z-index: $zindex-modal-backdrop;\n width: 100vw;\n height: 100vh;\n background-color: $modal-backdrop-bg;\n\n // Fade for backdrop\n &.#{$prefix}fade { opacity: 0; }\n &.#{$prefix}show { opacity: $modal-backdrop-opacity; }\n}\n\n// Modal header\n// Top section of the modal w/ title and dismiss\n.#{$prefix}modal-header {\n display: flex;\n align-items: flex-start; // so the close btn always stays on the upper right corner\n justify-content: space-between; // Put modal header elements (title and dismiss) on opposite ends\n padding: $modal-header-padding;\n border-bottom: $modal-header-border-width solid $modal-header-border-color;\n @include border-top-radius($modal-content-border-radius);\n\n .close {\n padding: $modal-header-padding;\n // auto on the left force icon to the right even when there is no .#{$prefix}modal-title\n margin: (-$modal-header-padding-y) (-$modal-header-padding-x) (-$modal-header-padding-y) auto;\n }\n}\n\n// Title text within header\n.#{$prefix}modal-title {\n margin-bottom: 0;\n line-height: $modal-title-line-height;\n}\n\n// Modal body\n// Where all modal content resides (sibling of .#{$prefix}modal-header and .#{$prefix}modal-footer)\n.#{$prefix}modal-body {\n position: relative;\n // Enable `flex-grow: 1` so that the body take up as much space as possible\n // when should there be a fixed height on `.#{$prefix}modal-dialog`.\n flex: 1 1 auto;\n padding: $modal-inner-padding;\n}\n\n// Footer (for actions)\n.#{$prefix}modal-footer {\n display: flex;\n align-items: center; // vertically center\n justify-content: flex-end; // Right align buttons with flex property because text-align doesn't work on flex items\n padding: $modal-inner-padding;\n border-top: $modal-footer-border-width solid $modal-footer-border-color;\n @include border-bottom-radius($modal-content-border-radius);\n\n // Easily place margin between footer elements\n > :not(:first-child) { margin-left: .25rem; }\n > :not(:last-child) { margin-right: .25rem; }\n}\n\n// Measure scrollbar width for padding body during modal show/hide\n.#{$prefix}modal-scrollbar-measure {\n position: absolute;\n top: -9999px;\n width: 50px;\n height: 50px;\n overflow: scroll;\n}\n\n// Scale up the modal\n@include media-breakpoint-up(sm) {\n // Automatically set modal's width for larger viewports\n .#{$prefix}modal-dialog {\n max-width: $modal-md;\n margin: $modal-dialog-margin-y-sm-up auto;\n }\n\n .#{$prefix}modal-dialog-scrollable {\n max-height: calc(100% - #{$modal-dialog-margin-y-sm-up * 2});\n\n .#{$prefix}modal-content {\n max-height: calc(100vh - #{$modal-dialog-margin-y-sm-up * 2});\n }\n }\n\n .#{$prefix}modal-dialog-centered {\n min-height: calc(100% - #{$modal-dialog-margin-y-sm-up * 2});\n\n &::before {\n height: calc(100vh - #{$modal-dialog-margin-y-sm-up * 2});\n }\n }\n\n .#{$prefix}modal-content {\n @include box-shadow($modal-content-box-shadow-sm-up);\n }\n\n .#{$prefix}modal-sm { max-width: $modal-sm; }\n}\n\n@include media-breakpoint-up(lg) {\n .#{$prefix}modal-lg,\n .#{$prefix}modal-xl {\n max-width: $modal-lg;\n }\n}\n\n@include media-breakpoint-up(xl) {\n .#{$prefix}modal-xl { max-width: $modal-xl; }\n}\n","// stylelint-disable property-blacklist\n@mixin transition($transition...) {\n @if $enable-transitions {\n @if length($transition) == 0 {\n transition: $transition-base;\n } @else {\n transition: $transition;\n }\n }\n\n @if $enable-prefers-reduced-motion-media-query {\n @media (prefers-reduced-motion: reduce) {\n transition: none;\n }\n }\n}\n",".modal-open {\n overflow: hidden;\n}\n\n.modal-open .modal {\n overflow-x: hidden;\n overflow-y: auto;\n}\n\n.modal {\n position: fixed;\n top: 0;\n left: 0;\n z-index: 1050;\n display: none;\n width: 100%;\n height: 100%;\n overflow: hidden;\n outline: 0;\n}\n\n.modal-dialog {\n position: relative;\n width: auto;\n margin: 0.5rem;\n pointer-events: none;\n}\n\n.modal.fade .modal-dialog {\n transition: transform 0.3s ease-out;\n transform: translate(0, -50px);\n}\n\n@media (prefers-reduced-motion: reduce) {\n .modal.fade .modal-dialog {\n transition: none;\n }\n}\n\n.modal.show .modal-dialog {\n transform: none;\n}\n\n.modal-dialog-scrollable {\n display: flex;\n max-height: calc(100% - 1rem);\n}\n\n.modal-dialog-scrollable .modal-content {\n max-height: calc(100vh - 1rem);\n overflow: hidden;\n}\n\n.modal-dialog-scrollable .modal-header,\n.modal-dialog-scrollable .modal-footer {\n flex-shrink: 0;\n}\n\n.modal-dialog-scrollable .modal-body {\n overflow-y: auto;\n}\n\n.modal-dialog-centered {\n display: flex;\n align-items: center;\n min-height: calc(100% - 1rem);\n}\n\n.modal-dialog-centered::before {\n display: block;\n height: calc(100vh - 1rem);\n content: \"\";\n}\n\n.modal-dialog-centered.modal-dialog-scrollable {\n flex-direction: column;\n justify-content: center;\n height: 100%;\n}\n\n.modal-dialog-centered.modal-dialog-scrollable .modal-content {\n max-height: none;\n}\n\n.modal-dialog-centered.modal-dialog-scrollable::before {\n content: none;\n}\n\n.modal-content {\n position: relative;\n display: flex;\n flex-direction: column;\n width: 100%;\n pointer-events: auto;\n background-color: #fff;\n background-clip: padding-box;\n border: 1px solid #e2e2e2;\n border-radius: 0.3rem;\n outline: 0;\n}\n\n.modal-backdrop {\n position: fixed;\n top: 0;\n left: 0;\n z-index: 1040;\n width: 100vw;\n height: 100vh;\n background-color: #000;\n}\n\n.modal-backdrop.fade {\n opacity: 0;\n}\n\n.modal-backdrop.show {\n opacity: 0.75;\n}\n\n.modal-header {\n display: flex;\n align-items: flex-start;\n justify-content: space-between;\n padding: 16px 16px;\n border-bottom: 1px solid #e2e2e2;\n border-top-left-radius: 0.3rem;\n border-top-right-radius: 0.3rem;\n}\n\n.modal-header .close {\n padding: 16px 16px;\n margin: -16px -16px -16px auto;\n}\n\n.modal-title {\n margin-bottom: 0;\n line-height: 20px;\n}\n\n.modal-body {\n position: relative;\n flex: 1 1 auto;\n padding: 24px;\n}\n\n.modal-footer {\n display: flex;\n align-items: center;\n justify-content: flex-end;\n padding: 24px;\n border-top: 1px solid #e2e2e2;\n border-bottom-right-radius: 0.3rem;\n border-bottom-left-radius: 0.3rem;\n}\n\n.modal-footer > :not(:first-child) {\n margin-left: .25rem;\n}\n\n.modal-footer > :not(:last-child) {\n margin-right: .25rem;\n}\n\n.modal-scrollbar-measure {\n position: absolute;\n top: -9999px;\n width: 50px;\n height: 50px;\n overflow: scroll;\n}\n\n@media (min-width: 576px) {\n .modal-dialog {\n max-width: 600px;\n margin: 1.75rem auto;\n }\n .modal-dialog-scrollable {\n max-height: calc(100% - 3.5rem);\n }\n .modal-dialog-scrollable .modal-content {\n max-height: calc(100vh - 3.5rem);\n }\n .modal-dialog-centered {\n min-height: calc(100% - 3.5rem);\n }\n .modal-dialog-centered::before {\n height: calc(100vh - 3.5rem);\n }\n .modal-sm {\n max-width: 392px;\n }\n}\n\n@media (min-width: 992px) {\n .modal-lg,\n .modal-xl {\n max-width: 808px;\n }\n}\n\n@media (min-width: 1272px) {\n .modal-xl {\n max-width: 1140px;\n }\n}\n\n.fade {\n transition: opacity 0.15s linear;\n}\n\n@media (prefers-reduced-motion: reduce) {\n .fade {\n transition: none;\n }\n}\n\n.fade:not(.show) {\n opacity: 0;\n}\n\n.collapse:not(.show) {\n display: none;\n}\n\n.collapsing {\n position: relative;\n height: 0;\n overflow: hidden;\n transition: height 0.35s ease;\n}\n\n@media (prefers-reduced-motion: reduce) {\n .collapsing {\n transition: none;\n }\n}\n\n.close {\n float: right;\n font-size: 1.3125rem;\n font-weight: 500;\n line-height: 1;\n color: #777;\n text-shadow: 0 1px 0 #fff;\n opacity: .5;\n}\n\n@media (max-width: 1200px) {\n .close {\n font-size: calc(1.25625rem + 0.075vw) ;\n }\n}\n\n.close:hover {\n color: #777;\n text-decoration: none;\n}\n\n.close:not(:disabled):not(.disabled):hover, .close:not(:disabled):not(.disabled):focus {\n opacity: .75;\n}\n\nbutton.close {\n padding: 0;\n background-color: transparent;\n border: 0;\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n}\n\na.close.disabled {\n pointer-events: none;\n}\n\n.modal .modal-header {\n position: relative;\n padding: 16px 16px 16px 24px;\n}\n\n.modal .modal-header .close {\n padding: 16px;\n margin: -16px -16px -16px auto;\n font-size: 20px;\n font-weight: 600;\n opacity: 1;\n}\n\n.modal .modal-header .close span {\n color: #777;\n}\n\n.modal .modal-title {\n font-size: 16px;\n font-weight: 500;\n line-height: 24px;\n}\n\n.modal .modal-body {\n padding: 16px 24px;\n}\n\n.modal .modal-footer {\n padding: 4px 24px 32px;\n border-top: 0;\n}\n\n.modal-backdrop {\n opacity: 0.75;\n}\n/# sourceMappingURL=mekari-ui-modal.css.map /","// stylelint-disable property-blacklist\n// Single side border-radius\n\n@mixin border-radius($radius: $border-radius, $fallback-border-radius: false) {\n @if $enable-rounded {\n border-radius: $radius;\n }\n @else if $fallback-border-radius != false {\n border-radius: $fallback-border-radius;\n }\n}\n\n@mixin border-top-radius($radius) {\n @if $enable-rounded {\n border-top-left-radius: $radius;\n border-top-right-radius: $radius;\n }\n}\n\n@mixin border-right-radius($radius) {\n @if $enable-rounded {\n border-top-right-radius: $radius;\n border-bottom-right-radius: $radius;\n }\n}\n\n@mixin border-bottom-radius($radius) {\n @if $enable-rounded {\n border-bottom-right-radius: $radius;\n border-bottom-left-radius: $radius;\n }\n}\n\n@mixin border-left-radius($radius) {\n @if $enable-rounded {\n border-top-left-radius: $radius;\n border-bottom-left-radius: $radius;\n }\n}\n\n@mixin border-top-left-radius($radius) {\n @if $enable-rounded {\n border-top-left-radius: $radius;\n }\n}\n\n@mixin border-top-right-radius($radius) {\n @if $enable-rounded {\n border-top-right-radius: $radius;\n }\n}\n\n@mixin border-bottom-right-radius($radius) {\n @if $enable-rounded {\n border-bottom-right-radius: $radius;\n }\n}\n\n@mixin border-bottom-left-radius($radius) {\n @if $enable-rounded {\n border-bottom-left-radius: $radius;\n }\n}\n","// Breakpoint viewport sizes and media queries.\n//\n// Breakpoints are defined as a map of (name: minimum width), order from small to large:\n//\n// (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px)\n//\n// The map defined in the `$grid-breakpoints` global variable is used as the `$breakpoints` argument by default.\n\n// Name of the next breakpoint, or null for the last breakpoint.\n//\n// >> breakpoint-next(sm)\n// md\n// >> breakpoint-next(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n// md\n// >> breakpoint-next(sm, $breakpoint-names: (xs sm md lg xl))\n// md\n@function breakpoint-next($name, $breakpoints: $grid-breakpoints, $breakpoint-names: map-keys($breakpoints)) {\n $n: index($breakpoint-names, $name);\n @return if($n != null and $n < length($breakpoint-names), nth($breakpoint-names, $n + 1), null);\n}\n\n// Minimum breakpoint width. Null for the smallest (first) breakpoint.\n//\n// >> breakpoint-min(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n// 576px\n@function breakpoint-min($name, $breakpoints: $grid-breakpoints) {\n $min: map-get($breakpoints, $name);\n @return if($min != 0, $min, null);\n}\n\n// Maximum breakpoint width. Null for the largest (last) breakpoint.\n// The maximum value is calculated as the minimum of the next one less 0.02px\n// to work around the limitations of `min-` and `max-` prefixes and viewports with fractional widths.\n// See https://www.w3.org/TR/mediaqueries-4/#mq-min-max\n// Uses 0.02px rather than 0.01px to work around a current rounding bug in Safari.\n// See https://bugs.webkit.org/show_bug.cgi?id=178261\n//\n// >> breakpoint-max(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n// 767.98px\n@function breakpoint-max($name, $breakpoints: $grid-breakpoints) {\n $next: breakpoint-next($name, $breakpoints);\n @return if($next, breakpoint-min($next, $breakpoints) - .02, null);\n}\n\n// Returns a blank string if smallest breakpoint, otherwise returns the name with a dash in front.\n// Useful for making responsive utilities.\n//\n// >> breakpoint-infix(xs, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n// \"\" (Returns a blank string)\n// >> breakpoint-infix(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n// \"-sm\"\n@function breakpoint-infix($name, $breakpoints: $grid-breakpoints) {\n @return if(breakpoint-min($name, $breakpoints) == null, \"\", \"-#{$name}\");\n}\n\n// Media of at least the minimum breakpoint width. No query for the smallest breakpoint.\n// Makes the @content apply to the given breakpoint and wider.\n@mixin media-breakpoint-up($name, $breakpoints: $grid-breakpoints) {\n $min: breakpoint-min($name, $breakpoints);\n @if $min {\n @media (min-width: $min) {\n @content;\n }\n } @else {\n @content;\n }\n}\n\n// Media of at most the maximum breakpoint width. No query for the largest breakpoint.\n// Makes the @content apply to the given breakpoint and narrower.\n@mixin media-breakpoint-down($name, $breakpoints: $grid-breakpoints) {\n $max: breakpoint-max($name, $breakpoints);\n @if $max {\n @media (max-width: $max) {\n @content;\n }\n } @else {\n @content;\n }\n}\n\n// Media that spans multiple breakpoint widths.\n// Makes the @content apply between the min and max breakpoints\n@mixin media-breakpoint-between($lower, $upper, $breakpoints: $grid-breakpoints) {\n $min: breakpoint-min($lower, $breakpoints);\n $max: breakpoint-max($upper, $breakpoints);\n\n @if $min != null and $max != null {\n @media (min-width: $min) and (max-width: $max) {\n @content;\n }\n } @else if $max == null {\n @include media-breakpoint-up($lower, $breakpoints) {\n @content;\n }\n } @else if $min == null {\n @include media-breakpoint-down($upper, $breakpoints) {\n @content;\n }\n }\n}\n\n// Media between the breakpoint's minimum and maximum widths.\n// No minimum for the smallest breakpoint, and no maximum for the largest one.\n// Makes the @content apply only to the given breakpoint, not viewports any wider or narrower.\n@mixin media-breakpoint-only($name, $breakpoints: $grid-breakpoints) {\n $min: breakpoint-min($name, $breakpoints);\n $max: breakpoint-max($name, $breakpoints);\n\n @if $min != null and $max != null {\n @media (min-width: $min) and (max-width: $max) {\n @content;\n }\n } @else if $max == null {\n @include media-breakpoint-up($name, $breakpoints) {\n @content;\n }\n } @else if $min == null {\n @include media-breakpoint-down($name, $breakpoints) {\n @content;\n }\n }\n}\n",".#{$prefix}fade {\n @include transition($transition-fade);\n\n &:not(.#{$prefix}show) {\n opacity: 0;\n }\n}\n\n.#{$prefix}collapse {\n &:not(.#{$prefix}show) {\n display: none;\n }\n}\n\n.#{$prefix}collapsing {\n position: relative;\n height: 0;\n overflow: hidden;\n @include transition($transition-collapse);\n}\n",".close {\n float: right;\n @include font-size($close-font-size);\n font-weight: $close-font-weight;\n line-height: 1;\n color: $close-color;\n text-shadow: $close-text-shadow;\n opacity: .5;\n\n // Override <a>'s hover style\n @include hover {\n color: $close-color;\n text-decoration: none;\n }\n\n &:not(:disabled):not(.disabled) {\n @include hover-focus {\n opacity: .75;\n }\n }\n}\n\n// Additional properties for button version\n// iOS requires the button element instead of an anchor tag.\n// If you want the anchor version, it requires `href=\"#\"`.\n// See https://developer.mozilla.org/en-US/docs/Web/Events/click#Safari_Mobile\n\n// stylelint-disable-next-line selector-no-qualifying-type\nbutton.close {\n padding: 0;\n background-color: transparent;\n border: 0;\n appearance: none;\n}\n\n// Future-proof disabling of clicks on `<a>` elements\n\n// stylelint-disable-next-line selector-no-qualifying-type\na.close.disabled {\n pointer-events: none;\n}\n","// stylelint-disable property-blacklist, scss/dollar-variable-default\n\n// SCSS RFS mixin\n//\n// Automated font-resizing\n//\n// See https://github.com/twbs/rfs\n\n// Configuration\n\n// Base font size\n$rfs-base-font-size: 1.25rem !default;\n$rfs-font-size-unit: rem !default;\n\n// Breakpoint at where font-size starts decreasing if screen width is smaller\n$rfs-breakpoint: 1200px !default;\n$rfs-breakpoint-unit: px !default;\n\n// Resize font-size based on screen height and width\n$rfs-two-dimensional: false !default;\n\n// Factor of decrease\n$rfs-factor: 10 !default;\n\n@if type-of($rfs-factor) != \"number\" or $rfs-factor <= 1 {\n @error \"`#{$rfs-factor}` is not a valid $rfs-factor, it must be greater than 1.\";\n}\n\n// Generate enable or disable classes. Possibilities: false, \"enable\" or \"disable\"\n$rfs-class: false !default;\n\n// 1 rem = $rfs-rem-value px\n$rfs-rem-value: 16 !default;\n\n// Safari iframe resize bug: https://github.com/twbs/rfs/issues/14\n$rfs-safari-iframe-resize-bug-fix: false !default;\n\n// Disable RFS by setting $enable-responsive-font-sizes to false\n$enable-responsive-font-sizes: true !default;\n\n// Cache $rfs-base-font-size unit\n$rfs-base-font-size-unit: unit($rfs-base-font-size);\n\n// Remove px-unit from $rfs-base-font-size for calculations\n@if $rfs-base-font-size-unit == \"px\" {\n $rfs-base-font-size: $rfs-base-font-size / ($rfs-base-font-size * 0 + 1);\n}\n@else if $rfs-base-font-size-unit == \"rem\" {\n $rfs-base-font-size: $rfs-base-font-size / ($rfs-base-font-size * 0 + 1 / $rfs-rem-value);\n}\n\n// Cache $rfs-breakpoint unit to prevent multiple calls\n$rfs-breakpoint-unit-cache: unit($rfs-breakpoint);\n\n// Remove unit from $rfs-breakpoint for calculations\n@if $rfs-breakpoint-unit-cache == \"px\" {\n $rfs-breakpoint: $rfs-breakpoint / ($rfs-breakpoint * 0 + 1);\n}\n@else if $rfs-breakpoint-unit-cache == \"rem\" or $rfs-breakpoint-unit-cache == \"em\" {\n $rfs-breakpoint: $rfs-breakpoint / ($rfs-breakpoint * 0 + 1 / $rfs-rem-value);\n}\n\n// Responsive font-size mixin\n@mixin rfs($fs, $important: false) {\n // Cache $fs unit\n $fs-unit: if(type-of($fs) == \"number\", unit($fs), false);\n\n // Add !important suffix if needed\n $rfs-suffix: if($important, \" !important\", \"\");\n\n // If $fs isn't a number (like inherit) or $fs has a unit (not px or rem, like 1.5em) or $ is 0, just print the value\n @if not $fs-unit or $fs-unit != \"\" and $fs-unit != \"px\" and $fs-unit != \"rem\" or $fs == 0 {\n font-size: #{$fs}#{$rfs-suffix};\n }\n @else {\n // Variables for storing static and fluid rescaling\n $rfs-static: null;\n $rfs-fluid: null;\n\n // Remove px-unit from $fs for calculations\n @if $fs-unit == \"px\" {\n $fs: $fs / ($fs * 0 + 1);\n }\n @else if $fs-unit == \"rem\" {\n $fs: $fs / ($fs * 0 + 1 / $rfs-rem-value);\n }\n\n // Set default font-size\n @if $rfs-font-size-unit == rem {\n $rfs-static: #{$fs / $rfs-rem-value}rem#{$rfs-suffix};\n }\n @else if $rfs-font-size-unit == px {\n $rfs-static: #{$fs}px#{$rfs-suffix};\n }\n @else {\n @error \"`#{$rfs-font-size-unit}` is not a valid unit for $rfs-font-size-unit. Use `px` or `rem`.\";\n }\n\n // Only add media query if font-size is bigger as the minimum font-size\n // If $rfs-factor == 1, no rescaling will take place\n @if $fs > $rfs-base-font-size and $enable-responsive-font-sizes {\n $min-width: null;\n $variable-unit: null;\n\n // Calculate minimum font-size for given font-size\n $fs-min: $rfs-base-font-size + ($fs - $rfs-base-font-size) / $rfs-factor;\n\n // Calculate difference between given font-size and minimum font-size for given font-size\n $fs-diff: $fs - $fs-min;\n\n // Base font-size formatting\n // No need to check if the unit is valid, because we did that before\n $min-width: if($rfs-font-size-unit == rem, #{$fs-min / $rfs-rem-value}rem, #{$fs-min}px);\n\n // If two-dimensional, use smallest of screen width and height\n $variable-unit: if($rfs-two-dimensional, vmin, vw);\n\n // Calculate the variable width between 0 and $rfs-breakpoint\n $variable-width: #{$fs-diff * 100 / $rfs-breakpoint}#{$variable-unit};\n\n // Set the calculated font-size.\n $rfs-fluid: calc(#{$min-width} + #{$variable-width}) #{$rfs-suffix};\n }\n\n // Rendering\n @if $rfs-fluid == null {\n // Only render static font-size if no fluid font-size is available\n font-size: $rfs-static;\n }\n @else {\n $mq-value: null;\n\n // RFS breakpoint formatting\n @if $rfs-breakpoint-unit == em or $rfs-breakpoint-unit == rem {\n $mq-value: #{$rfs-breakpoint / $rfs-rem-value}#{$rfs-breakpoint-unit};\n }\n @else if $rfs-breakpoint-unit == px {\n $mq-value: #{$rfs-breakpoint}px;\n }\n @else {\n @error \"`#{$rfs-breakpoint-unit}` is not a valid unit for $rfs-breakpoint-unit. Use `px`, `em` or `rem`.\";\n }\n\n @if $rfs-class == \"disable\" {\n // Adding an extra class increases specificity,\n // which prevents the media query to override the font size\n &,\n .disable-responsive-font-size &,\n &.disable-responsive-font-size {\n font-size: $rfs-static;\n }\n }\n @else {\n font-size: $rfs-static;\n }\n\n @if $rfs-two-dimensional {\n @media (max-width: #{$mq-value}), (max-height: #{$mq-value}) {\n @if $rfs-class == \"enable\" {\n .enable-responsive-font-size &,\n &.enable-responsive-font-size {\n font-size: $rfs-fluid;\n }\n }\n @else {\n font-size: $rfs-fluid;\n }\n\n @if $rfs-safari-iframe-resize-bug-fix {\n // stylelint-disable-next-line length-zero-no-unit\n min-width: 0vw;\n }\n }\n }\n @else {\n @media (max-width: #{$mq-value}) {\n @if $rfs-class == \"enable\" {\n .enable-responsive-font-size &,\n &.enable-responsive-font-size {\n font-size: $rfs-fluid;\n }\n }\n @else {\n font-size: $rfs-fluid;\n }\n\n @if $rfs-safari-iframe-resize-bug-fix {\n // stylelint-disable-next-line length-zero-no-unit\n min-width: 0vw;\n }\n }\n }\n }\n }\n}\n\n// The font-size & responsive-font-size mixin uses RFS to rescale font sizes\n@mixin font-size($fs, $important: false) {\n @include rfs($fs, $important);\n}\n\n@mixin responsive-font-size($fs, $important: false) {\n @include rfs($fs, $important);\n}\n","// Hover mixin and `$enable-hover-media-query` are deprecated.\n//\n// Originally added during our alphas and maintained during betas, this mixin was\n// designed to prevent `:hover` stickiness on iOS-an issue where hover styles\n// would persist after initial touch.\n//\n// For backward compatibility, we've kept these mixins and updated them to\n// always return their regular pseudo-classes instead of a shimmed media query.\n//\n// Issue: https://github.com/twbs/bootstrap/issues/25195\n\n@mixin hover {\n &:hover { @content; }\n}\n\n@mixin hover-focus {\n &:hover,\n &:focus {\n @content;\n }\n}\n\n@mixin plain-hover-focus {\n &,\n &:hover,\n &:focus {\n @content;\n }\n}\n\n@mixin hover-focus-active {\n &:hover,\n &:focus,\n &:active {\n @content;\n }\n}\n",".#{$prefix}modal {\n .#{$prefix}modal-header {\n position: relative;\n padding: 16px 16px 16px 24px;\n\n .close {\n padding: 16px;\n margin: -16px -16px -16px auto;\n font-size: 20px;\n font-weight: 600;\n opacity: 1;\n\n span {\n color: $slate;\n }\n }\n }\n .#{$prefix}modal-title {\n font-size: 16px;\n font-weight: 500;\n line-height: 24px;\n }\n .#{$prefix}modal-body {\n padding: 16px 24px;\n }\n .#{$prefix}modal-footer {\n padding: 4px 24px 32px;\n border-top: 0;\n }\n}\n\n.#{$prefix}modal-backdrop {\n opacity: $modal-backdrop-opacity;\n}\n"]}

data/lib/assets/stylesheets/css/components/mekari-ui-modal.css CHANGED Viewed

@@ -275,7 +275,7 @@ a.close.disabled {
 .modal .modal-header {
   position: relative;
-  padding: 14px 24px;
+  padding: 16px 16px 16px 24px;
 }
 .modal .modal-header .close {

data/lib/assets/stylesheets/css/components/mekari-ui-modal.css.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../scss/vendors/_modal.scss","mekari-ui-modal.css","../../../scss/vendor-extensions/_tooltip.scss","../../../scss/vendor-extensions/_modal.scss","../../../scss/vendors/mixins/_transition.scss","../../../scss/vendor-extensions/_color.scss","../../../scss/vendors/mixins/_border-radius.scss","../../../scss/vendors/_variables.scss","../../../scss/vendors/mixins/_breakpoints.scss","../../../scss/vendors/_transitions.scss","../../../scss/vendors/_close.scss","../../../scss/vendors/_rfs.scss","../../../scss/vendor-extensions/_typography.scss","../../../scss/vendors/mixins/_hover.scss","../../../scss/components/config/_modal.scss"],"names":[],"mappings":"AAMA;EAEE,gBAAgB;ACNlB;;ADIA;EAKI,kBAAkB;EAClB,gBAAgB;ACLpB;;ADUA;EACE,eAAe;EACf,MAAM;EACN,OAAO;EACP,aEbsC;EFctC,aAAa;EACb,WAAW;EACX,YAAY;EACZ,gBAAgB;EAGhB,UAAU;ACTZ;;ADgBA;EACE,kBAAkB;EAClB,WAAW;EACX,cGxBuC;EH0BvC,oBAAoB;ACdtB;;ADiBE;EIrCI,mCDYoD;EH2BtD,8BG7BmD;AFevD;;AGpBI;EJgCF;II/BI,gBAAgB;EHwBpB;AACF;;ADUE;EACE,eG/BoC;AFwBxC;;ADWA;EACE,aAAa;EACb,6BAAoD;ACRtD;;ADMA;EAKI,8BAAqD;EACrD,gBAAgB;ACPpB;;ADCA;;EAWI,cAAc;ACPlB;;ADJA;EAeI,gBAAgB;ACPpB;;ADWA;EACE,aAAa;EACb,mBAAmB;EACnB,6BAAoD;ACRtD;;ADKA;EAOI,cAAc;EACd,0BAAiD;EACjD,WAAW;ACRf;;ADDA;EAcI,sBAAsB;EACtB,uBAAuB;EACvB,YAAY;ACThB;;ADPA;EAmBM,gBAAgB;ACRtB;;ADXA;EAuBM,aAAa;ACRnB;;ADcA;EACE,kBAAkB;EAClB,aAAa;EACb,sBAAsB;EACtB,WAAW;EAGX,oBAAoB;EACpB,sBKtGU;ELuGV,4BAA4B;EAC5B,yBK1Ga;ECCX,qBHiB+B;EH4FjC,UAAU;ACfZ;;ADmBA;EACE,eAAe;EACf,MAAM;EACN,OAAO;EACP,aEnHsC;EFoHtC,YAAY;EACZ,aAAa;EACb,sBO5Ga;AN4Ff;;ADSA;EAUqB,UAAU;ACf/B;;ADKA;EAWqB,aG7HY;AFiHjC;;ADiBA;EACE,aAAa;EACb,uBAAuB;EACvB,8BAA8B;EAC9B,kBG3GsC;EH4GtC,gCKvIa;ECUX,8BHQ+B;EGP/B,+BHO+B;AFyGnC;;ADOA;EASI,kBGhHoC;EHkHpC,8BAA6F;ACbjG;;ADkBA;EACE,gBAAgB;EAChB,iBGvJgC;AFwIlC;;ADoBA;EACE,kBAAkB;EAGlB,cAAc;EACd,aG/JgC;AF4IlC;;ADuBA;EACE,aAAa;EACb,mBAAmB;EACnB,yBAAyB;EACzB,aGvKgC;EHwKhC,6BKvKa;ECwBX,kCHN+B;EGO/B,iCHP+B;AFmInC;;ADaA;EASyB,mBAAmB;AClB5C;;ADSA;EAUwB,oBAAoB;ACf5C;;ADmBA;EACE,kBAAkB;EAClB,YAAY;EACZ,WAAW;EACX,YAAY;EACZ,gBAAgB;AChBlB;;AO7GI;ERmIF;IACE,gBGzL+B;IH0L/B,oBAAyC;EClB3C;EDqBA;IACE,+BAA4D;ECnB9D;EDkBA;IAII,gCAA6D;ECnBjE;EDuBA;IACE,+BAA4D;ECrB9D;EDoBA;IAII,4BAAyD;ECrB7D;ED6BA;IAAsB,gBGhNW;EFsLjC;AACF;;AOnII;ERgKF;;IAEE,gBGxN+B;EF+LjC;AACF;;AO1II;ERuKF;IAAsB,iBGhMkB;EFwKxC;AACF;;AQ5MA;ELMM,gCGsP2C;AN5CjD;;AGrMI;EKXJ;ILYM,gBAAgB;EHyMpB;AACF;;AQtNA;EAII,UAAU;ARsNd;;AQlNA;EAEI,aAAa;ARoNjB;;AQhNA;EACE,kBAAkB;EAClB,SAAS;EACT,gBAAgB;ELXZ,6BGuPwC;ANxB9C;;AG1NI;EKGJ;ILFM,gBAAgB;EH8NpB;AACF;;AS3OA;EACE,YAAY;ECwJN,oBAhEU;EDtFhB,gBEeuC;EFdvC,cAAc;EACd,WLHU;EKIV,yBLAU;EKCV,WAAW;AT8Ob;;AUtEQ;ED/KR;ICuLY,sCA9D+C;EViIzD;AACF;;AY/OE;EHDE,WLTQ;EKUR,qBAAqB;AToPzB;;AYhPE;EHCI,YAAY;ATmPlB;;ASxOA;EACE,UAAU;EACV,6BAA6B;EAC7B,SAAS;EACT,wBAAgB;EAAhB,qBAAgB;EAAhB,gBAAgB;AT2OlB;;ASrOA;EACE,oBAAoB;ATwOtB;;Aa/QA;EAEI,kBAAkB;EAClB,kBAAkB;AbiRtB;;AapRA;EAMM,aAAa;EACb,8BAA8B;EAC9B,eAAe;EACf,gBAAgB;EAChB,UAAU;AbkRhB;;Aa5RA;EAaQ,WTXI;AJ8RZ;;AahSA;EAkBI,eAAe;EACf,gBAAgB;EAChB,iBAAiB;AbkRrB;;AatSA;EAuBI,kBAAkB;AbmRtB;;Aa1SA;EA0BI,sBAAsB;EACtB,aAAa;AboRjB;;AahRA;EACE,aX5B+B;AF+SjC","file":"mekari-ui-modal.css","sourcesContent":["// .#{$prefix}modal-open - body class for killing the scroll\n// .#{$prefix}modal - container to scroll within\n// .#{$prefix}modal-dialog - positioning shell for the actual modal\n// .#{$prefix}modal-content - actual modal w/ bg and corners and stuff\n\n\n.#{$prefix}modal-open {\n // Kill the scroll on the body\n overflow: hidden;\n\n .#{$prefix}modal {\n overflow-x: hidden;\n overflow-y: auto;\n }\n}\n\n// Container that the modal scrolls within\n.#{$prefix}modal {\n position: fixed;\n top: 0;\n left: 0;\n z-index: $zindex-modal;\n display: none;\n width: 100%;\n height: 100%;\n overflow: hidden;\n // Prevent Chrome on Windows from adding a focus outline. For details, see\n // https://github.com/twbs/bootstrap/pull/10951.\n outline: 0;\n // We deliberately don't use `-webkit-overflow-scrolling: touch;` due to a\n // gnarly iOS Safari bug: https://bugs.webkit.org/show_bug.cgi?id=158342\n // See also https://github.com/twbs/bootstrap/issues/17695\n}\n\n// Shell div to position the modal with bottom padding\n.#{$prefix}modal-dialog {\n position: relative;\n width: auto;\n margin: $modal-dialog-margin;\n // allow clicks to pass through for custom click handling to close modal\n pointer-events: none;\n\n // When fading in the modal, animate it to slide down\n .#{$prefix}modal.#{$prefix}fade & {\n @include transition($modal-transition);\n transform: $modal-fade-transform;\n }\n .#{$prefix}modal.#{$prefix}show & {\n transform: $modal-show-transform;\n }\n}\n\n.#{$prefix}modal-dialog-scrollable {\n display: flex; // IE10/11\n max-height: calc(100% - #{$modal-dialog-margin * 2});\n\n .#{$prefix}modal-content {\n max-height: calc(100vh - #{$modal-dialog-margin * 2}); // IE10/11\n overflow: hidden;\n }\n\n .#{$prefix}modal-header,\n .#{$prefix}modal-footer {\n flex-shrink: 0;\n }\n\n .#{$prefix}modal-body {\n overflow-y: auto;\n }\n}\n\n.#{$prefix}modal-dialog-centered {\n display: flex;\n align-items: center;\n min-height: calc(100% - #{$modal-dialog-margin * 2});\n\n // Ensure `modal-dialog-centered` extends the full height of the view (IE10/11)\n &::before {\n display: block; // IE10\n height: calc(100vh - #{$modal-dialog-margin * 2});\n content: \"\";\n }\n\n // Ensure `.#{$prefix}modal-body` shows scrollbar (IE10/11)\n &.#{$prefix}modal-dialog-scrollable {\n flex-direction: column;\n justify-content: center;\n height: 100%;\n\n .#{$prefix}modal-content {\n max-height: none;\n }\n\n &::before {\n content: none;\n }\n }\n}\n\n// Actual modal\n.#{$prefix}modal-content {\n position: relative;\n display: flex;\n flex-direction: column;\n width: 100%; // Ensure `.#{$prefix}modal-content` extends the full width of the parent `.#{$prefix}modal-dialog`\n // counteract the pointer-events: none; in the .#{$prefix}modal-dialog\n color: $modal-content-color;\n pointer-events: auto;\n background-color: $modal-content-bg;\n background-clip: padding-box;\n border: $modal-content-border-width solid $modal-content-border-color;\n @include border-radius($modal-content-border-radius);\n @include box-shadow($modal-content-box-shadow-xs);\n // Remove focus outline from opened modal\n outline: 0;\n}\n\n// Modal background\n.#{$prefix}modal-backdrop {\n position: fixed;\n top: 0;\n left: 0;\n z-index: $zindex-modal-backdrop;\n width: 100vw;\n height: 100vh;\n background-color: $modal-backdrop-bg;\n\n // Fade for backdrop\n &.#{$prefix}fade { opacity: 0; }\n &.#{$prefix}show { opacity: $modal-backdrop-opacity; }\n}\n\n// Modal header\n// Top section of the modal w/ title and dismiss\n.#{$prefix}modal-header {\n display: flex;\n align-items: flex-start; // so the close btn always stays on the upper right corner\n justify-content: space-between; // Put modal header elements (title and dismiss) on opposite ends\n padding: $modal-header-padding;\n border-bottom: $modal-header-border-width solid $modal-header-border-color;\n @include border-top-radius($modal-content-border-radius);\n\n .close {\n padding: $modal-header-padding;\n // auto on the left force icon to the right even when there is no .#{$prefix}modal-title\n margin: (-$modal-header-padding-y) (-$modal-header-padding-x) (-$modal-header-padding-y) auto;\n }\n}\n\n// Title text within header\n.#{$prefix}modal-title {\n margin-bottom: 0;\n line-height: $modal-title-line-height;\n}\n\n// Modal body\n// Where all modal content resides (sibling of .#{$prefix}modal-header and .#{$prefix}modal-footer)\n.#{$prefix}modal-body {\n position: relative;\n // Enable `flex-grow: 1` so that the body take up as much space as possible\n // when should there be a fixed height on `.#{$prefix}modal-dialog`.\n flex: 1 1 auto;\n padding: $modal-inner-padding;\n}\n\n// Footer (for actions)\n.#{$prefix}modal-footer {\n display: flex;\n align-items: center; // vertically center\n justify-content: flex-end; // Right align buttons with flex property because text-align doesn't work on flex items\n padding: $modal-inner-padding;\n border-top: $modal-footer-border-width solid $modal-footer-border-color;\n @include border-bottom-radius($modal-content-border-radius);\n\n // Easily place margin between footer elements\n > :not(:first-child) { margin-left: .25rem; }\n > :not(:last-child) { margin-right: .25rem; }\n}\n\n// Measure scrollbar width for padding body during modal show/hide\n.#{$prefix}modal-scrollbar-measure {\n position: absolute;\n top: -9999px;\n width: 50px;\n height: 50px;\n overflow: scroll;\n}\n\n// Scale up the modal\n@include media-breakpoint-up(sm) {\n // Automatically set modal's width for larger viewports\n .#{$prefix}modal-dialog {\n max-width: $modal-md;\n margin: $modal-dialog-margin-y-sm-up auto;\n }\n\n .#{$prefix}modal-dialog-scrollable {\n max-height: calc(100% - #{$modal-dialog-margin-y-sm-up * 2});\n\n .#{$prefix}modal-content {\n max-height: calc(100vh - #{$modal-dialog-margin-y-sm-up * 2});\n }\n }\n\n .#{$prefix}modal-dialog-centered {\n min-height: calc(100% - #{$modal-dialog-margin-y-sm-up * 2});\n\n &::before {\n height: calc(100vh - #{$modal-dialog-margin-y-sm-up * 2});\n }\n }\n\n .#{$prefix}modal-content {\n @include box-shadow($modal-content-box-shadow-sm-up);\n }\n\n .#{$prefix}modal-sm { max-width: $modal-sm; }\n}\n\n@include media-breakpoint-up(lg) {\n .#{$prefix}modal-lg,\n .#{$prefix}modal-xl {\n max-width: $modal-lg;\n }\n}\n\n@include media-breakpoint-up(xl) {\n .#{$prefix}modal-xl { max-width: $modal-xl; }\n}\n",".modal-open {\n overflow: hidden;\n}\n\n.modal-open .modal {\n overflow-x: hidden;\n overflow-y: auto;\n}\n\n.modal {\n position: fixed;\n top: 0;\n left: 0;\n z-index: 1050;\n display: none;\n width: 100%;\n height: 100%;\n overflow: hidden;\n outline: 0;\n}\n\n.modal-dialog {\n position: relative;\n width: auto;\n margin: 0.5rem;\n pointer-events: none;\n}\n\n.modal.fade .modal-dialog {\n transition: transform 0.3s ease-out;\n transform: translate(0, -50px);\n}\n\n@media (prefers-reduced-motion: reduce) {\n .modal.fade .modal-dialog {\n transition: none;\n }\n}\n\n.modal.show .modal-dialog {\n transform: none;\n}\n\n.modal-dialog-scrollable {\n display: flex;\n max-height: calc(100% - 1rem);\n}\n\n.modal-dialog-scrollable .modal-content {\n max-height: calc(100vh - 1rem);\n overflow: hidden;\n}\n\n.modal-dialog-scrollable .modal-header,\n.modal-dialog-scrollable .modal-footer {\n flex-shrink: 0;\n}\n\n.modal-dialog-scrollable .modal-body {\n overflow-y: auto;\n}\n\n.modal-dialog-centered {\n display: flex;\n align-items: center;\n min-height: calc(100% - 1rem);\n}\n\n.modal-dialog-centered::before {\n display: block;\n height: calc(100vh - 1rem);\n content: \"\";\n}\n\n.modal-dialog-centered.modal-dialog-scrollable {\n flex-direction: column;\n justify-content: center;\n height: 100%;\n}\n\n.modal-dialog-centered.modal-dialog-scrollable .modal-content {\n max-height: none;\n}\n\n.modal-dialog-centered.modal-dialog-scrollable::before {\n content: none;\n}\n\n.modal-content {\n position: relative;\n display: flex;\n flex-direction: column;\n width: 100%;\n pointer-events: auto;\n background-color: #fff;\n background-clip: padding-box;\n border: 1px solid #e2e2e2;\n border-radius: 0.3rem;\n outline: 0;\n}\n\n.modal-backdrop {\n position: fixed;\n top: 0;\n left: 0;\n z-index: 1040;\n width: 100vw;\n height: 100vh;\n background-color: #000;\n}\n\n.modal-backdrop.fade {\n opacity: 0;\n}\n\n.modal-backdrop.show {\n opacity: 0.75;\n}\n\n.modal-header {\n display: flex;\n align-items: flex-start;\n justify-content: space-between;\n padding: 16px 16px;\n border-bottom: 1px solid #e2e2e2;\n border-top-left-radius: 0.3rem;\n border-top-right-radius: 0.3rem;\n}\n\n.modal-header .close {\n padding: 16px 16px;\n margin: -16px -16px -16px auto;\n}\n\n.modal-title {\n margin-bottom: 0;\n line-height: 20px;\n}\n\n.modal-body {\n position: relative;\n flex: 1 1 auto;\n padding: 24px;\n}\n\n.modal-footer {\n display: flex;\n align-items: center;\n justify-content: flex-end;\n padding: 24px;\n border-top: 1px solid #e2e2e2;\n border-bottom-right-radius: 0.3rem;\n border-bottom-left-radius: 0.3rem;\n}\n\n.modal-footer > :not(:first-child) {\n margin-left: .25rem;\n}\n\n.modal-footer > :not(:last-child) {\n margin-right: .25rem;\n}\n\n.modal-scrollbar-measure {\n position: absolute;\n top: -9999px;\n width: 50px;\n height: 50px;\n overflow: scroll;\n}\n\n@media (min-width: 576px) {\n .modal-dialog {\n max-width: 600px;\n margin: 1.75rem auto;\n }\n .modal-dialog-scrollable {\n max-height: calc(100% - 3.5rem);\n }\n .modal-dialog-scrollable .modal-content {\n max-height: calc(100vh - 3.5rem);\n }\n .modal-dialog-centered {\n min-height: calc(100% - 3.5rem);\n }\n .modal-dialog-centered::before {\n height: calc(100vh - 3.5rem);\n }\n .modal-sm {\n max-width: 392px;\n }\n}\n\n@media (min-width: 992px) {\n .modal-lg,\n .modal-xl {\n max-width: 808px;\n }\n}\n\n@media (min-width: 1272px) {\n .modal-xl {\n max-width: 1140px;\n }\n}\n\n.fade {\n transition: opacity 0.15s linear;\n}\n\n@media (prefers-reduced-motion: reduce) {\n .fade {\n transition: none;\n }\n}\n\n.fade:not(.show) {\n opacity: 0;\n}\n\n.collapse:not(.show) {\n display: none;\n}\n\n.collapsing {\n position: relative;\n height: 0;\n overflow: hidden;\n transition: height 0.35s ease;\n}\n\n@media (prefers-reduced-motion: reduce) {\n .collapsing {\n transition: none;\n }\n}\n\n.close {\n float: right;\n font-size: 1.3125rem;\n font-weight: 500;\n line-height: 1;\n color: #777;\n text-shadow: 0 1px 0 #fff;\n opacity: .5;\n}\n\n@media (max-width: 1200px) {\n .close {\n font-size: calc(1.25625rem + 0.075vw) ;\n }\n}\n\n.close:hover {\n color: #777;\n text-decoration: none;\n}\n\n.close:not(:disabled):not(.disabled):hover, .close:not(:disabled):not(.disabled):focus {\n opacity: .75;\n}\n\nbutton.close {\n padding: 0;\n background-color: transparent;\n border: 0;\n appearance: none;\n}\n\na.close.disabled {\n pointer-events: none;\n}\n\n.modal .modal-header {\n position: relative;\n padding: 14px 24px;\n}\n\n.modal .modal-header .close {\n padding: 16px;\n margin: -16px -16px -16px auto;\n font-size: 20px;\n font-weight: 600;\n opacity: 1;\n}\n\n.modal .modal-header .close span {\n color: #777;\n}\n\n.modal .modal-title {\n font-size: 16px;\n font-weight: 500;\n line-height: 24px;\n}\n\n.modal .modal-body {\n padding: 16px 24px;\n}\n\n.modal .modal-footer {\n padding: 4px 24px 32px;\n border-top: 0;\n}\n\n.modal-backdrop {\n opacity: 0.75;\n}\n\n/# sourceMappingURL=mekari-ui-modal.css.map /","$tooltip-bg: $dark;\n$tooltip-color: $white;\n$tooltip-arrow-width: 0;\n$tooltip-arrow-height: 0;\n$zindex-dropdown: 1000;\n$zindex-sticky: 1020;\n$zindex-fixed: 1030;\n$zindex-modal-backdrop: 1040;\n$zindex-modal: 1050;\n$zindex-popover: 1060;\n$zindex-tooltip: 1070;\n$tooltip-font-size: $font-size-sm;\n$tooltip-opacity: .9;\n$tooltip-arrow-color: $tooltip-bg;\n$tooltip-max-width: 200px;\n$tooltip-padding-y: .25rem;\n$tooltip-padding-x: .5rem;\n$tooltip-margin: .5rem;\n$tooltip-border-radius: 4px;\n","$modal-content-border-color: $smoke;\n$modal-title-line-height: 20px;\n$modal-header-padding: 17px 24px 15px;\n$modal-inner-padding: 24px;\n$modal-backdrop-opacity: .75;\n\n$modal-lg: 808px;\n$modal-md: 600px;\n$modal-sm: 392px;\n\n$transition-base: all .2s ease-in-out !default;\n$transition-fade: opacity .15s linear !default;\n$transition-collapse: height .35s ease !default;\n\n$modal-dialog-margin: .5rem;\n$modal-dialog-margin-y-sm-up: 1.75rem;\n$modal-fade-transform: translate(0, -50px);\n$modal-show-transform: none;\n$modal-transition: transform .3s ease-out;\n$modal-content-color: null;\n$modal-content-bg: $white;\n$modal-content-border-width: 1px;\n$modal-content-border-radius: .3rem;\n\n$modal-content-box-shadow-xs: 0 .25rem .5rem rgba($black, .5);\n$modal-content-box-shadow-sm-up: 0 .5rem 1rem rgba($black, .5);\n\n$modal-backdrop-bg: $black;\n$modal-header-border-width: $modal-content-border-width;\n$modal-header-border-color: $smoke;\n$modal-header-padding-y: 16px;\n$modal-header-padding-x: 16px;\n$modal-header-padding: $modal-header-padding-y $modal-header-padding-x; // Keep this for backwards compatibility\n$modal-footer-border-width: 1px;\n$modal-footer-border-color: $smoke;\n$modal-xl: 1140px;\n\n$close-font-size: $font-size-base * 1.5;\n$close-font-weight: $font-weight-bold;\n$close-color: $slate;\n$close-text-shadow: 0 1px 0 $white;\n","// stylelint-disable property-blacklist\n@mixin transition($transition...) {\n @if $enable-transitions {\n @if length($transition) == 0 {\n transition: $transition-base;\n } @else {\n transition: $transition;\n }\n }\n\n @if $enable-prefers-reduced-motion-media-query {\n @media (prefers-reduced-motion: reduce) {\n transition: none;\n }\n }\n}\n","// Neutrals color variables\n$dark: #212121;\n$slate: #777;\n$muted: #b4b4b4;\n$smoke: #e2e2e2;\n$snow: #fbfbfb;\n$white: #fff;\n$cloud: #f2f4f7;\n\n// UI color variables\n$red: #d74022;\n$green: #009f61;\n$light-yellow: #ffeb99;\n$blue: #1357ff;\n$orange: #ffb700;\n$sapphire: #005fbf;\n\n// Branding color variables\n$crimson: #c02a34;\n$azure: #009bde;\n$salamander: #f96d01;\n$purple: #6d48e5;\n\n// Bootstrap dependencies color\n$black: #000 !default;\n$gray-100: #f8f9fa !default;\n$gray-200: #e9ecef !default;\n$gray-300: #dee2e6 !default;\n$gray-400: #ced4da !default;\n$gray-500: #adb5bd !default;\n$gray-600: #6c757d !default;\n$gray-700: #495057 !default;\n$gray-800: #343a40 !default;\n$gray-900: #212529 !default;\n\n// The yiq lightness value that determines when the lightness of color changes from \"dark\" to \"light\". Acceptable values are between 0 and 255.\n$yiq-contrasted-threshold: 150 !default;\n\n// Customize the light and dark text colors for use in our YIQ color contrast function.\n$yiq-text-dark: $gray-900 !default;\n$yiq-text-light: $white !default;\n\n\n$grays: () !default;\n// stylelint-disable-next-line scss/dollar-variable-default\n$grays: map-merge(\n (\n \"100\": $gray-100,\n \"200\": $gray-200,\n \"300\": $gray-300,\n \"400\": $gray-400,\n \"500\": $gray-500,\n \"600\": $gray-600,\n \"700\": $gray-700,\n \"800\": $gray-800,\n \"900\": $gray-900\n ),\n $grays\n);\n\n// register mekari color variables too bootstrap\n$colors: ();\n$colors: map-merge(\n (\n \"noir\" : $dark, // going to deprecated\n \"dark\" : $dark,\n \"slate\" : $slate,\n \"muted\" : $muted,\n \"smoke\" : $smoke,\n \"snow\" : $snow,\n \"cloud\" : $cloud,\n \"crimson\" : $crimson,\n \"azure\" : $azure,\n \"salamander\" : $salamander,\n \"purple\" : $purple,\n \"sapphire\" : $sapphire,\n \"white\" : $white,\n \"red\" : $red,\n \"orange\" : $orange,\n \"green\" : $green,\n \"blue\" : $blue,\n \"light-yellow\" : $light-yellow\n ),\n $colors\n);\n\n//extend bootstrap class\n$danger: $red;\n$success: $green;\n$info: $light-yellow;\n$warning: $orange;\n$primary: $sapphire;\n$jurnal: $azure;\n$talenta: $crimson;\n$klikpajak: $salamander;\n$mekari: $purple;\n\n$link: $blue;\n\n$text-muted: $muted;\n$body-color: $dark;\n$dark: $dark;\n$secondary: $slate;\n$light: $snow;\n\n// Add more theme color variables\n$theme-colors: ();\n$theme-colors: map-merge(\n (\n \"danger\" : $danger,\n \"success\" : $success,\n \"info\" : $info,\n \"warning\" : $warning,\n \"primary\" : $primary,\n \"jurnal\" : $jurnal,\n \"talenta\" : $talenta,\n \"klikpajak\" : $klikpajak,\n \"mekari\" : $mekari,\n \"dark\" : $dark,\n \"slate\" : $slate,\n \"muted\" : $muted,\n \"smoke\" : $smoke,\n \"light\" : $light,\n \"cloud\" : $cloud,\n \"link\" : $blue,\n \"white\" : $white\n ),\n $theme-colors\n);\n\n$card-border-color: $smoke;\n$body-bg: $white;\n","// stylelint-disable property-blacklist\n// Single side border-radius\n\n@mixin border-radius($radius: $border-radius, $fallback-border-radius: false) {\n @if $enable-rounded {\n border-radius: $radius;\n }\n @else if $fallback-border-radius != false {\n border-radius: $fallback-border-radius;\n }\n}\n\n@mixin border-top-radius($radius) {\n @if $enable-rounded {\n border-top-left-radius: $radius;\n border-top-right-radius: $radius;\n }\n}\n\n@mixin border-right-radius($radius) {\n @if $enable-rounded {\n border-top-right-radius: $radius;\n border-bottom-right-radius: $radius;\n }\n}\n\n@mixin border-bottom-radius($radius) {\n @if $enable-rounded {\n border-bottom-right-radius: $radius;\n border-bottom-left-radius: $radius;\n }\n}\n\n@mixin border-left-radius($radius) {\n @if $enable-rounded {\n border-top-left-radius: $radius;\n border-bottom-left-radius: $radius;\n }\n}\n\n@mixin border-top-left-radius($radius) {\n @if $enable-rounded {\n border-top-left-radius: $radius;\n }\n}\n\n@mixin border-top-right-radius($radius) {\n @if $enable-rounded {\n border-top-right-radius: $radius;\n }\n}\n\n@mixin border-bottom-right-radius($radius) {\n @if $enable-rounded {\n border-bottom-right-radius: $radius;\n }\n}\n\n@mixin border-bottom-left-radius($radius) {\n @if $enable-rounded {\n border-bottom-left-radius: $radius;\n }\n}\n","// Variables\n//\n// Variables should follow the `$component-state-property-size` formula for\n// consistent naming. Ex: $nav-link-disabled-color and $modal-content-box-shadow-xs.\n\n// Color system\n\n$white: #fff !default;\n$gray-100: #f8f9fa !default;\n$gray-200: #e9ecef !default;\n$gray-300: #dee2e6 !default;\n$gray-400: #ced4da !default;\n$gray-500: #adb5bd !default;\n$gray-600: #6c757d !default;\n$gray-700: #495057 !default;\n$gray-800: #343a40 !default;\n$gray-900: #212529 !default;\n$black: #000 !default;\n\n$grays: () !default;\n// stylelint-disable-next-line scss/dollar-variable-default\n$grays: map-merge(\n (\n \"100\": $gray-100,\n \"200\": $gray-200,\n \"300\": $gray-300,\n \"400\": $gray-400,\n \"500\": $gray-500,\n \"600\": $gray-600,\n \"700\": $gray-700,\n \"800\": $gray-800,\n \"900\": $gray-900\n ),\n $grays\n);\n\n$blue: #007bff !default;\n$indigo: #6610f2 !default;\n$purple: #6f42c1 !default;\n$pink: #e83e8c !default;\n$red: #dc3545 !default;\n$orange: #fd7e14 !default;\n$yellow: #ffc107 !default;\n$green: #28a745 !default;\n$teal: #20c997 !default;\n$cyan: #17a2b8 !default;\n\n$colors: () !default;\n// stylelint-disable-next-line scss/dollar-variable-default\n$colors: map-merge(\n (\n \"blue\": $blue,\n \"indigo\": $indigo,\n \"purple\": $purple,\n \"pink\": $pink,\n \"red\": $red,\n \"orange\": $orange,\n \"yellow\": $yellow,\n \"green\": $green,\n \"teal\": $teal,\n \"cyan\": $cyan,\n \"white\": $white,\n \"gray\": $gray-600,\n \"gray-dark\": $gray-800\n ),\n $colors\n);\n\n$primary: $blue !default;\n$secondary: $gray-600 !default;\n$success: $green !default;\n$info: $cyan !default;\n$warning: $yellow !default;\n$danger: $red !default;\n$light: $gray-100 !default;\n$dark: $gray-800 !default;\n\n$theme-colors: () !default;\n// stylelint-disable-next-line scss/dollar-variable-default\n$theme-colors: map-merge(\n (\n \"primary\": $primary,\n \"secondary\": $secondary,\n \"success\": $success,\n \"info\": $info,\n \"warning\": $warning,\n \"danger\": $danger,\n \"light\": $light,\n \"dark\": $dark\n ),\n $theme-colors\n);\n\n// Set a specific jump point for requesting color jumps\n$theme-color-interval: 8% !default;\n\n// The yiq lightness value that determines when the lightness of color changes from \"dark\" to \"light\". Acceptable values are between 0 and 255.\n$yiq-contrasted-threshold: 150 !default;\n\n// Customize the light and dark text colors for use in our YIQ color contrast function.\n$yiq-text-dark: $gray-900 !default;\n$yiq-text-light: $white !default;\n\n\n// Options\n//\n// Quickly modify global styling by enabling or disabling optional features.\n\n$enable-caret: true !default;\n$enable-rounded: true !default;\n$enable-shadows: false !default;\n$enable-gradients: false !default;\n$enable-transitions: true !default;\n$enable-prefers-reduced-motion-media-query: true !default;\n$enable-hover-media-query: false !default; // Deprecated, no longer affects any compiled CSS\n$enable-grid-classes: true !default;\n$enable-pointer-cursor-for-buttons: true !default;\n$enable-print-styles: true !default;\n$enable-responsive-font-sizes: false !default;\n$enable-validation-icons: true !default;\n$enable-deprecation-messages: true !default;\n\n\n// Spacing\n//\n// Control the default styling of most Bootstrap elements by modifying these\n// variables. Mostly focused on spacing.\n// You can add more entries to the $spacers map, should you need more variation.\n\n$spacer: 1rem !default;\n$spacers: () !default;\n// stylelint-disable-next-line scss/dollar-variable-default\n$spacers: map-merge(\n (\n 0: 0,\n 1: ($spacer * .25),\n 2: ($spacer * .5),\n 3: $spacer,\n 4: ($spacer * 1.5),\n 5: ($spacer * 3)\n ),\n $spacers\n);\n\n// This variable affects the `.h-` and `.w-` classes.\n$sizes: () !default;\n// stylelint-disable-next-line scss/dollar-variable-default\n$sizes: map-merge(\n (\n 25: 25%,\n 50: 50%,\n 75: 75%,\n 100: 100%,\n auto: auto\n ),\n $sizes\n);\n\n\n// Body\n//\n// Settings for the `<body>` element.\n\n$body-bg: $white !default;\n$body-color: $gray-900 !default;\n\n\n// Links\n//\n// Style anchor elements.\n\n$link-color: theme-color(\"primary\") !default;\n$link-decoration: none !default;\n$link-hover-color: darken($link-color, 15%) !default;\n$link-hover-decoration: underline !default;\n// Darken percentage for links with `.text-` class (e.g. `.text-success`)\n$emphasized-link-hover-darken-percentage: 15% !default;\n\n// Paragraphs\n//\n// Style p element.\n\n$paragraph-margin-bottom: 1rem !default;\n\n\n// Grid breakpoints\n//\n// Define the minimum dimensions at which your layout will change,\n// adapting to different screen sizes, for use in media queries.\n\n$grid-breakpoints: (\n xs: 0,\n sm: 576px,\n md: 768px,\n lg: 992px,\n xl: 1200px\n) !default;\n\n@include _assert-ascending($grid-breakpoints, \"$grid-breakpoints\");\n@include _assert-starts-at-zero($grid-breakpoints, \"$grid-breakpoints\");\n\n\n// Grid containers\n//\n// Define the maximum width of `.container` for different screen sizes.\n\n$container-max-widths: (\n sm: 540px,\n md: 720px,\n lg: 960px,\n xl: 1140px\n) !default;\n\n@include _assert-ascending($container-max-widths, \"$container-max-widths\");\n\n\n// Grid columns\n//\n// Set the number of columns and specify the width of the gutters.\n\n$grid-columns: 12 !default;\n$grid-gutter-width: 30px !default;\n\n\n// Components\n//\n// Define common padding and border radius sizes and more.\n\n$line-height-lg: 1.5 !default;\n$line-height-sm: 1.5 !default;\n\n$border-width: 1px !default;\n$border-color: $gray-300 !default;\n\n$border-radius: .25rem !default;\n$border-radius-lg: .3rem !default;\n$border-radius-sm: .2rem !default;\n\n$rounded-pill: 50rem !default;\n\n$box-shadow-sm: 0 .125rem .25rem rgba($black, .075) !default;\n$box-shadow: 0 .5rem 1rem rgba($black, .15) !default;\n$box-shadow-lg: 0 1rem 3rem rgba($black, .175) !default;\n\n$component-active-color: $white !default;\n$component-active-bg: theme-color(\"primary\") !default;\n\n$caret-width: .3em !default;\n$caret-vertical-align: $caret-width .85 !default;\n$caret-spacing: $caret-width * .85 !default;\n\n$transition-base: all .2s ease-in-out !default;\n$transition-fade: opacity .15s linear !default;\n$transition-collapse: height .35s ease !default;\n\n$embed-responsive-aspect-ratios: () !default;\n// stylelint-disable-next-line scss/dollar-variable-default\n$embed-responsive-aspect-ratios: join(\n (\n (21 9),\n (16 9),\n (4 3),\n (1 1),\n ),\n $embed-responsive-aspect-ratios\n);\n\n// Typography\n//\n// Font, line-height, and color for body text, headings, and more.\n\n// stylelint-disable value-keyword-case\n$font-family-sans-serif: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, \"Noto Sans\", sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\" !default;\n$font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace !default;\n$font-family-base: $font-family-sans-serif !default;\n// stylelint-enable value-keyword-case\n\n$font-size-base: 1rem !default; // Assumes the browser default, typically `16px`\n$font-size-lg: $font-size-base * 1.25 !default;\n$font-size-sm: $font-size-base * .875 !default;\n\n$font-weight-lighter: lighter !default;\n$font-weight-light: 300 !default;\n$font-weight-normal: 400 !default;\n$font-weight-bold: 700 !default;\n$font-weight-bolder: bolder !default;\n\n$font-weight-base: $font-weight-normal !default;\n$line-height-base: 1.5 !default;\n\n$h1-font-size: $font-size-base * 2.5 !default;\n$h2-font-size: $font-size-base * 2 !default;\n$h3-font-size: $font-size-base * 1.75 !default;\n$h4-font-size: $font-size-base * 1.5 !default;\n$h5-font-size: $font-size-base * 1.25 !default;\n$h6-font-size: $font-size-base !default;\n\n$headings-margin-bottom: $spacer / 2 !default;\n$headings-font-family: null !default;\n$headings-font-weight: 500 !default;\n$headings-line-height: 1.2 !default;\n$headings-color: null !default;\n\n$display1-size: 6rem !default;\n$display2-size: 5.5rem !default;\n$display3-size: 4.5rem !default;\n$display4-size: 3.5rem !default;\n\n$display1-weight: 300 !default;\n$display2-weight: 300 !default;\n$display3-weight: 300 !default;\n$display4-weight: 300 !default;\n$display-line-height: $headings-line-height !default;\n\n$lead-font-size: $font-size-base * 1.25 !default;\n$lead-font-weight: 300 !default;\n\n$small-font-size: 80% !default;\n\n$text-muted: $gray-600 !default;\n\n$blockquote-small-color: $gray-600 !default;\n$blockquote-small-font-size: $small-font-size !default;\n$blockquote-font-size: $font-size-base * 1.25 !default;\n\n$hr-border-color: rgba($black, .1) !default;\n$hr-border-width: $border-width !default;\n\n$mark-padding: .2em !default;\n\n$dt-font-weight: $font-weight-bold !default;\n\n$kbd-box-shadow: inset 0 -.1rem 0 rgba($black, .25) !default;\n$nested-kbd-font-weight: $font-weight-bold !default;\n\n$list-inline-padding: .5rem !default;\n\n$mark-bg: #fcf8e3 !default;\n\n$hr-margin-y: $spacer !default;\n\n\n// Tables\n//\n// Customizes the `.table` component with basic values, each used across all table variations.\n\n$table-cell-padding: .75rem !default;\n$table-cell-padding-sm: .3rem !default;\n\n$table-color: $body-color !default;\n$table-bg: null !default;\n$table-accent-bg: rgba($black, .05) !default;\n$table-hover-color: $table-color !default;\n$table-hover-bg: rgba($black, .075) !default;\n$table-active-bg: $table-hover-bg !default;\n\n$table-border-width: $border-width !default;\n$table-border-color: $border-color !default;\n\n$table-head-bg: $gray-200 !default;\n$table-head-color: $gray-700 !default;\n\n$table-dark-color: $white !default;\n$table-dark-bg: $gray-800 !default;\n$table-dark-accent-bg: rgba($white, .05) !default;\n$table-dark-hover-color: $table-dark-color !default;\n$table-dark-hover-bg: rgba($white, .075) !default;\n$table-dark-border-color: lighten($table-dark-bg, 7.5%) !default;\n$table-dark-color: $white !default;\n\n$table-striped-order: odd !default;\n\n$table-caption-color: $text-muted !default;\n\n$table-bg-level: -9 !default;\n$table-border-level: -6 !default;\n\n\n// Buttons + Forms\n//\n// Shared variables that are reassigned to `$input-` and `$btn-` specific variables.\n\n$input-btn-padding-y: .375rem !default;\n$input-btn-padding-x: .75rem !default;\n$input-btn-font-family: null !default;\n$input-btn-font-size: $font-size-base !default;\n$input-btn-line-height: $line-height-base !default;\n\n$input-btn-focus-width: .2rem !default;\n$input-btn-focus-color: rgba($component-active-bg, .25) !default;\n$input-btn-focus-box-shadow: 0 0 0 $input-btn-focus-width $input-btn-focus-color !default;\n\n$input-btn-padding-y-sm: .25rem !default;\n$input-btn-padding-x-sm: .5rem !default;\n$input-btn-font-size-sm: $font-size-sm !default;\n$input-btn-line-height-sm: $line-height-sm !default;\n\n$input-btn-padding-y-lg: .5rem !default;\n$input-btn-padding-x-lg: 1rem !default;\n$input-btn-font-size-lg: $font-size-lg !default;\n$input-btn-line-height-lg: $line-height-lg !default;\n\n$input-btn-border-width: $border-width !default;\n\n\n// Buttons\n//\n// For each of Bootstrap's buttons, define text, background, and border color.\n\n$btn-padding-y: $input-btn-padding-y !default;\n$btn-padding-x: $input-btn-padding-x !default;\n$btn-font-family: $input-btn-font-family !default;\n$btn-font-size: $input-btn-font-size !default;\n$btn-line-height: $input-btn-line-height !default;\n\n$btn-padding-y-sm: $input-btn-padding-y-sm !default;\n$btn-padding-x-sm: $input-btn-padding-x-sm !default;\n$btn-font-size-sm: $input-btn-font-size-sm !default;\n$btn-line-height-sm: $input-btn-line-height-sm !default;\n\n$btn-padding-y-lg: $input-btn-padding-y-lg !default;\n$btn-padding-x-lg: $input-btn-padding-x-lg !default;\n$btn-font-size-lg: $input-btn-font-size-lg !default;\n$btn-line-height-lg: $input-btn-line-height-lg !default;\n\n$btn-border-width: $input-btn-border-width !default;\n\n$btn-font-weight: $font-weight-normal !default;\n$btn-box-shadow: inset 0 1px 0 rgba($white, .15), 0 1px 1px rgba($black, .075) !default;\n$btn-focus-width: $input-btn-focus-width !default;\n$btn-focus-box-shadow: $input-btn-focus-box-shadow !default;\n$btn-disabled-opacity: .65 !default;\n$btn-active-box-shadow: inset 0 3px 5px rgba($black, .125) !default;\n\n$btn-link-disabled-color: $gray-600 !default;\n\n$btn-block-spacing-y: .5rem !default;\n\n// Allows for customizing button radius independently from global border radius\n$btn-border-radius: $border-radius !default;\n$btn-border-radius-lg: $border-radius-lg !default;\n$btn-border-radius-sm: $border-radius-sm !default;\n\n$btn-transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out !default;\n\n\n// Forms\n\n$label-margin-bottom: .5rem !default;\n\n$input-padding-y: $input-btn-padding-y !default;\n$input-padding-x: $input-btn-padding-x !default;\n$input-font-family: $input-btn-font-family !default;\n$input-font-size: $input-btn-font-size !default;\n$input-font-weight: $font-weight-base !default;\n$input-line-height: $input-btn-line-height !default;\n\n$input-padding-y-sm: $input-btn-padding-y-sm !default;\n$input-padding-x-sm: $input-btn-padding-x-sm !default;\n$input-font-size-sm: $input-btn-font-size-sm !default;\n$input-line-height-sm: $input-btn-line-height-sm !default;\n\n$input-padding-y-lg: $input-btn-padding-y-lg !default;\n$input-padding-x-lg: $input-btn-padding-x-lg !default;\n$input-font-size-lg: $input-btn-font-size-lg !default;\n$input-line-height-lg: $input-btn-line-height-lg !default;\n\n$input-bg: $white !default;\n$input-disabled-bg: $gray-200 !default;\n\n$input-color: $gray-700 !default;\n$input-border-color: $gray-400 !default;\n$input-border-width: $input-btn-border-width !default;\n$input-box-shadow: inset 0 1px 1px rgba($black, .075) !default;\n\n$input-border-radius: $border-radius !default;\n$input-border-radius-lg: $border-radius-lg !default;\n$input-border-radius-sm: $border-radius-sm !default;\n\n$input-focus-bg: $input-bg !default;\n$input-focus-border-color: lighten($component-active-bg, 25%) !default;\n$input-focus-color: $input-color !default;\n$input-focus-width: $input-btn-focus-width !default;\n$input-focus-box-shadow: $input-btn-focus-box-shadow !default;\n\n$input-placeholder-color: $gray-600 !default;\n$input-plaintext-color: $body-color !default;\n\n$input-height-border: $input-border-width * 2 !default;\n\n$input-height-inner: calc(#{$input-line-height * 1em} + #{$input-padding-y * 2}) !default;\n$input-height-inner-half: calc(#{$input-line-height * .5em} + #{$input-padding-y}) !default;\n$input-height-inner-quarter: calc(#{$input-line-height * .25em} + #{$input-padding-y / 2}) !default;\n\n$input-height: calc(#{$input-line-height * 1em} + #{$input-padding-y * 2} + #{$input-height-border}) !default;\n$input-height-sm: calc(#{$input-line-height-sm * 1em} + #{$input-btn-padding-y-sm * 2} + #{$input-height-border}) !default;\n$input-height-lg: calc(#{$input-line-height-lg * 1em} + #{$input-btn-padding-y-lg * 2} + #{$input-height-border}) !default;\n\n$input-transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out !default;\n\n$form-text-margin-top: .25rem !default;\n\n$form-check-input-gutter: 1.25rem !default;\n$form-check-input-margin-y: .3rem !default;\n$form-check-input-margin-x: .25rem !default;\n\n$form-check-inline-margin-x: .75rem !default;\n$form-check-inline-input-margin-x: .3125rem !default;\n\n$form-grid-gutter-width: 10px !default;\n$form-group-margin-bottom: 1rem !default;\n\n$input-group-addon-color: $input-color !default;\n$input-group-addon-bg: $gray-200 !default;\n$input-group-addon-border-color: $input-border-color !default;\n\n$custom-forms-transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out !default;\n\n$custom-control-gutter: .5rem !default;\n$custom-control-spacer-x: 1rem !default;\n\n$custom-control-indicator-size: 1rem !default;\n$custom-control-indicator-bg: $input-bg !default;\n\n$custom-control-indicator-bg-size: 50% 50% !default;\n$custom-control-indicator-box-shadow: $input-box-shadow !default;\n$custom-control-indicator-border-color: $gray-500 !default;\n$custom-control-indicator-border-width: $input-border-width !default;\n\n$custom-control-indicator-disabled-bg: $input-disabled-bg !default;\n$custom-control-label-disabled-color: $gray-600 !default;\n\n$custom-control-indicator-checked-color: $component-active-color !default;\n$custom-control-indicator-checked-bg: $component-active-bg !default;\n$custom-control-indicator-checked-disabled-bg: rgba(theme-color(\"primary\"), .5) !default;\n$custom-control-indicator-checked-box-shadow: none !default;\n$custom-control-indicator-checked-border-color: $custom-control-indicator-checked-bg !default;\n\n$custom-control-indicator-focus-box-shadow: $input-focus-box-shadow !default;\n$custom-control-indicator-focus-border-color: $input-focus-border-color !default;\n\n$custom-control-indicator-active-color: $component-active-color !default;\n$custom-control-indicator-active-bg: lighten($component-active-bg, 35%) !default;\n$custom-control-indicator-active-box-shadow: none !default;\n$custom-control-indicator-active-border-color: $custom-control-indicator-active-bg !default;\n\n$custom-checkbox-indicator-border-radius: $border-radius !default;\n$custom-checkbox-indicator-icon-checked: str-replace(url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='#{$custom-control-indicator-checked-color}' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3e%3c/svg%3e\"), \"#\", \"%23\") !default;\n\n$custom-checkbox-indicator-indeterminate-bg: $component-active-bg !default;\n$custom-checkbox-indicator-indeterminate-color: $custom-control-indicator-checked-color !default;\n$custom-checkbox-indicator-icon-indeterminate: str-replace(url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 4'%3e%3cpath stroke='#{$custom-checkbox-indicator-indeterminate-color}' d='M0 2h4'/%3e%3c/svg%3e\"), \"#\", \"%23\") !default;\n$custom-checkbox-indicator-indeterminate-box-shadow: none !default;\n$custom-checkbox-indicator-indeterminate-border-color: $custom-checkbox-indicator-indeterminate-bg !default;\n\n$custom-radio-indicator-border-radius: 50% !default;\n$custom-radio-indicator-icon-checked: str-replace(url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='#{$custom-control-indicator-checked-color}'/%3e%3c/svg%3e\"), \"#\", \"%23\") !default;\n\n$custom-switch-width: $custom-control-indicator-size * 1.75 !default;\n$custom-switch-indicator-border-radius: $custom-control-indicator-size / 2 !default;\n$custom-switch-indicator-size: calc(#{$custom-control-indicator-size} - #{$custom-control-indicator-border-width * 4}) !default;\n\n$custom-select-padding-y: $input-padding-y !default;\n$custom-select-padding-x: $input-padding-x !default;\n$custom-select-font-family: $input-font-family !default;\n$custom-select-font-size: $input-font-size !default;\n$custom-select-height: $input-height !default;\n$custom-select-indicator-padding: 1rem !default; // Extra padding to account for the presence of the background-image based indicator\n$custom-select-font-weight: $input-font-weight !default;\n$custom-select-line-height: $input-line-height !default;\n$custom-select-color: $input-color !default;\n$custom-select-disabled-color: $gray-600 !default;\n$custom-select-bg: $input-bg !default;\n$custom-select-disabled-bg: $gray-200 !default;\n$custom-select-bg-size: 8px 10px !default; // In pixels because image dimensions\n$custom-select-indicator-color: $gray-800 !default;\n$custom-select-indicator: str-replace(url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3e%3cpath fill='#{$custom-select-indicator-color}' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e\"), \"#\", \"%23\") !default;\n$custom-select-background: $custom-select-indicator no-repeat right $custom-select-padding-x center / $custom-select-bg-size !default; // Used so we can have multiple background elements (e.g., arrow and feedback icon)\n\n$custom-select-feedback-icon-padding-right: calc((1em + #{2 * $custom-select-padding-y}) * 3 / 4 + #{$custom-select-padding-x + $custom-select-indicator-padding}) !default;\n$custom-select-feedback-icon-position: center right ($custom-select-padding-x + $custom-select-indicator-padding) !default;\n$custom-select-feedback-icon-size: $input-height-inner-half $input-height-inner-half !default;\n\n$custom-select-border-width: $input-border-width !default;\n$custom-select-border-color: $input-border-color !default;\n$custom-select-border-radius: $border-radius !default;\n$custom-select-box-shadow: inset 0 1px 2px rgba($black, .075) !default;\n\n$custom-select-focus-border-color: $input-focus-border-color !default;\n$custom-select-focus-width: $input-focus-width !default;\n$custom-select-focus-box-shadow: 0 0 0 $custom-select-focus-width $input-btn-focus-color !default;\n\n$custom-select-padding-y-sm: $input-padding-y-sm !default;\n$custom-select-padding-x-sm: $input-padding-x-sm !default;\n$custom-select-font-size-sm: $input-font-size-sm !default;\n$custom-select-height-sm: $input-height-sm !default;\n\n$custom-select-padding-y-lg: $input-padding-y-lg !default;\n$custom-select-padding-x-lg: $input-padding-x-lg !default;\n$custom-select-font-size-lg: $input-font-size-lg !default;\n$custom-select-height-lg: $input-height-lg !default;\n\n$custom-range-track-width: 100% !default;\n$custom-range-track-height: .5rem !default;\n$custom-range-track-cursor: pointer !default;\n$custom-range-track-bg: $gray-300 !default;\n$custom-range-track-border-radius: 1rem !default;\n$custom-range-track-box-shadow: inset 0 .25rem .25rem rgba($black, .1) !default;\n\n$custom-range-thumb-width: 1rem !default;\n$custom-range-thumb-height: $custom-range-thumb-width !default;\n$custom-range-thumb-bg: $component-active-bg !default;\n$custom-range-thumb-border: 0 !default;\n$custom-range-thumb-border-radius: 1rem !default;\n$custom-range-thumb-box-shadow: 0 .1rem .25rem rgba($black, .1) !default;\n$custom-range-thumb-focus-box-shadow: 0 0 0 1px $body-bg, $input-focus-box-shadow !default;\n$custom-range-thumb-focus-box-shadow-width: $input-focus-width !default; // For focus box shadow issue in IE/Edge\n$custom-range-thumb-active-bg: lighten($component-active-bg, 35%) !default;\n$custom-range-thumb-disabled-bg: $gray-500 !default;\n\n$custom-file-height: $input-height !default;\n$custom-file-height-inner: $input-height-inner !default;\n$custom-file-focus-border-color: $input-focus-border-color !default;\n$custom-file-focus-box-shadow: $input-focus-box-shadow !default;\n$custom-file-disabled-bg: $input-disabled-bg !default;\n\n$custom-file-padding-y: $input-padding-y !default;\n$custom-file-padding-x: $input-padding-x !default;\n$custom-file-line-height: $input-line-height !default;\n$custom-file-font-family: $input-font-family !default;\n$custom-file-font-weight: $input-font-weight !default;\n$custom-file-color: $input-color !default;\n$custom-file-bg: $input-bg !default;\n$custom-file-border-width: $input-border-width !default;\n$custom-file-border-color: $input-border-color !default;\n$custom-file-border-radius: $input-border-radius !default;\n$custom-file-box-shadow: $input-box-shadow !default;\n$custom-file-button-color: $custom-file-color !default;\n$custom-file-button-bg: $input-group-addon-bg !default;\n$custom-file-text: (\n en: \"Browse\"\n) !default;\n\n\n// Form validation\n\n$form-feedback-margin-top: $form-text-margin-top !default;\n$form-feedback-font-size: $small-font-size !default;\n$form-feedback-valid-color: theme-color(\"success\") !default;\n$form-feedback-invalid-color: theme-color(\"danger\") !default;\n\n$form-feedback-icon-valid-color: $form-feedback-valid-color !default;\n$form-feedback-icon-valid: str-replace(url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='#{$form-feedback-icon-valid-color}' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e\"), \"#\", \"%23\") !default;\n$form-feedback-icon-invalid-color: $form-feedback-invalid-color !default;\n$form-feedback-icon-invalid: str-replace(url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='#{$form-feedback-icon-invalid-color}' viewBox='-2 -2 7 7'%3e%3cpath stroke='#{$form-feedback-icon-invalid-color}' d='M0 0l3 3m0-3L0 3'/%3e%3ccircle r='.5'/%3e%3ccircle cx='3' r='.5'/%3e%3ccircle cy='3' r='.5'/%3e%3ccircle cx='3' cy='3' r='.5'/%3e%3c/svg%3E\"), \"#\", \"%23\") !default;\n\n$form-validation-states: () !default;\n// stylelint-disable-next-line scss/dollar-variable-default\n$form-validation-states: map-merge(\n (\n \"valid\": (\n \"color\": $form-feedback-valid-color,\n \"icon\": $form-feedback-icon-valid\n ),\n \"invalid\": (\n \"color\": $form-feedback-invalid-color,\n \"icon\": $form-feedback-icon-invalid\n ),\n ),\n $form-validation-states\n);\n\n// Z-index master list\n//\n// Warning: Avoid customizing these values. They're used for a bird's eye view\n// of components dependent on the z-axis and are designed to all work together.\n\n$zindex-dropdown: 1000 !default;\n$zindex-sticky: 1020 !default;\n$zindex-fixed: 1030 !default;\n$zindex-modal-backdrop: 1040 !default;\n$zindex-modal: 1050 !default;\n$zindex-popover: 1060 !default;\n$zindex-tooltip: 1070 !default;\n\n\n// Navs\n\n$nav-link-padding-y: .5rem !default;\n$nav-link-padding-x: 1rem !default;\n$nav-link-disabled-color: $gray-600 !default;\n\n$nav-tabs-border-color: $gray-300 !default;\n$nav-tabs-border-width: $border-width !default;\n$nav-tabs-border-radius: $border-radius !default;\n$nav-tabs-link-hover-border-color: $gray-200 $gray-200 $nav-tabs-border-color !default;\n$nav-tabs-link-active-color: $gray-700 !default;\n$nav-tabs-link-active-bg: $body-bg !default;\n$nav-tabs-link-active-border-color: $gray-300 $gray-300 $nav-tabs-link-active-bg !default;\n\n$nav-pills-border-radius: $border-radius !default;\n$nav-pills-link-active-color: $component-active-color !default;\n$nav-pills-link-active-bg: $component-active-bg !default;\n\n$nav-divider-color: $gray-200 !default;\n$nav-divider-margin-y: $spacer / 2 !default;\n\n\n// Navbar\n\n$navbar-padding-y: $spacer / 2 !default;\n$navbar-padding-x: $spacer !default;\n\n$navbar-nav-link-padding-x: .5rem !default;\n\n$navbar-brand-font-size: $font-size-lg !default;\n// Compute the navbar-brand padding-y so the navbar-brand will have the same height as navbar-text and nav-link\n$nav-link-height: $font-size-base * $line-height-base + $nav-link-padding-y * 2 !default;\n$navbar-brand-height: $navbar-brand-font-size * $line-height-base !default;\n$navbar-brand-padding-y: ($nav-link-height - $navbar-brand-height) / 2 !default;\n\n$navbar-toggler-padding-y: .25rem !default;\n$navbar-toggler-padding-x: .75rem !default;\n$navbar-toggler-font-size: $font-size-lg !default;\n$navbar-toggler-border-radius: $btn-border-radius !default;\n\n$navbar-dark-color: rgba($white, .5) !default;\n$navbar-dark-hover-color: rgba($white, .75) !default;\n$navbar-dark-active-color: $white !default;\n$navbar-dark-disabled-color: rgba($white, .25) !default;\n$navbar-dark-toggler-icon-bg: str-replace(url(\"data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='#{$navbar-dark-color}' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e\"), \"#\", \"%23\") !default;\n$navbar-dark-toggler-border-color: rgba($white, .1) !default;\n\n$navbar-light-color: rgba($black, .5) !default;\n$navbar-light-hover-color: rgba($black, .7) !default;\n$navbar-light-active-color: rgba($black, .9) !default;\n$navbar-light-disabled-color: rgba($black, .3) !default;\n$navbar-light-toggler-icon-bg: str-replace(url(\"data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='#{$navbar-light-color}' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e\"), \"#\", \"%23\") !default;\n$navbar-light-toggler-border-color: rgba($black, .1) !default;\n\n$navbar-light-brand-color: $navbar-light-active-color !default;\n$navbar-light-brand-hover-color: $navbar-light-active-color !default;\n$navbar-dark-brand-color: $navbar-dark-active-color !default;\n$navbar-dark-brand-hover-color: $navbar-dark-active-color !default;\n\n\n// Dropdowns\n//\n// Dropdown menu container and contents.\n\n$dropdown-min-width: 10rem !default;\n$dropdown-padding-y: .5rem !default;\n$dropdown-spacer: .125rem !default;\n$dropdown-font-size: $font-size-base !default;\n$dropdown-color: $body-color !default;\n$dropdown-bg: $white !default;\n$dropdown-border-color: rgba($black, .15) !default;\n$dropdown-border-radius: $border-radius !default;\n$dropdown-border-width: $border-width !default;\n$dropdown-inner-border-radius: calc(#{$dropdown-border-radius} - #{$dropdown-border-width}) !default;\n$dropdown-divider-bg: $gray-200 !default;\n$dropdown-divider-margin-y: $nav-divider-margin-y !default;\n$dropdown-box-shadow: 0 .5rem 1rem rgba($black, .175) !default;\n\n$dropdown-link-color: $gray-900 !default;\n$dropdown-link-hover-color: darken($gray-900, 5%) !default;\n$dropdown-link-hover-bg: $gray-100 !default;\n\n$dropdown-link-active-color: $component-active-color !default;\n$dropdown-link-active-bg: $component-active-bg !default;\n\n$dropdown-link-disabled-color: $gray-600 !default;\n\n$dropdown-item-padding-y: .25rem !default;\n$dropdown-item-padding-x: 1.5rem !default;\n\n$dropdown-header-color: $gray-600 !default;\n\n\n// Pagination\n\n$pagination-padding-y: .5rem !default;\n$pagination-padding-x: .75rem !default;\n$pagination-padding-y-sm: .25rem !default;\n$pagination-padding-x-sm: .5rem !default;\n$pagination-padding-y-lg: .75rem !default;\n$pagination-padding-x-lg: 1.5rem !default;\n$pagination-line-height: 1.25 !default;\n\n$pagination-color: $link-color !default;\n$pagination-bg: $white !default;\n$pagination-border-width: $border-width !default;\n$pagination-border-color: $gray-300 !default;\n\n$pagination-focus-box-shadow: $input-btn-focus-box-shadow !default;\n$pagination-focus-outline: 0 !default;\n\n$pagination-hover-color: $link-hover-color !default;\n$pagination-hover-bg: $gray-200 !default;\n$pagination-hover-border-color: $gray-300 !default;\n\n$pagination-active-color: $component-active-color !default;\n$pagination-active-bg: $component-active-bg !default;\n$pagination-active-border-color: $pagination-active-bg !default;\n\n$pagination-disabled-color: $gray-600 !default;\n$pagination-disabled-bg: $white !default;\n$pagination-disabled-border-color: $gray-300 !default;\n\n\n// Jumbotron\n\n$jumbotron-padding: 2rem !default;\n$jumbotron-color: null !default;\n$jumbotron-bg: $gray-200 !default;\n\n\n// Cards\n\n$card-spacer-y: .75rem !default;\n$card-spacer-x: 1.25rem !default;\n$card-border-width: $border-width !default;\n$card-border-radius: $border-radius !default;\n$card-border-color: rgba($black, .125) !default;\n$card-inner-border-radius: calc(#{$card-border-radius} - #{$card-border-width}) !default;\n$card-cap-bg: rgba($black, .03) !default;\n$card-cap-color: null !default;\n$card-color: null !default;\n$card-bg: $white !default;\n\n$card-img-overlay-padding: 1.25rem !default;\n\n$card-group-margin: $grid-gutter-width / 2 !default;\n$card-deck-margin: $card-group-margin !default;\n\n$card-columns-count: 3 !default;\n$card-columns-gap: 1.25rem !default;\n$card-columns-margin: $card-spacer-y !default;\n\n\n// Tooltips\n\n$tooltip-font-size: $font-size-sm !default;\n$tooltip-max-width: 200px !default;\n$tooltip-color: $white !default;\n$tooltip-bg: $black !default;\n$tooltip-border-radius: $border-radius !default;\n$tooltip-opacity: .9 !default;\n$tooltip-padding-y: .25rem !default;\n$tooltip-padding-x: .5rem !default;\n$tooltip-margin: 0 !default;\n\n$tooltip-arrow-width: .8rem !default;\n$tooltip-arrow-height: .4rem !default;\n$tooltip-arrow-color: $tooltip-bg !default;\n\n// Form tooltips must come after regular tooltips\n$form-feedback-tooltip-padding-y: $tooltip-padding-y !default;\n$form-feedback-tooltip-padding-x: $tooltip-padding-x !default;\n$form-feedback-tooltip-font-size: $tooltip-font-size !default;\n$form-feedback-tooltip-line-height: $line-height-base !default;\n$form-feedback-tooltip-opacity: $tooltip-opacity !default;\n$form-feedback-tooltip-border-radius: $tooltip-border-radius !default;\n\n\n// Popovers\n\n$popover-font-size: $font-size-sm !default;\n$popover-bg: $white !default;\n$popover-max-width: 276px !default;\n$popover-border-width: $border-width !default;\n$popover-border-color: rgba($black, .2) !default;\n$popover-border-radius: $border-radius-lg !default;\n$popover-box-shadow: 0 .25rem .5rem rgba($black, .2) !default;\n\n$popover-header-bg: darken($popover-bg, 3%) !default;\n$popover-header-color: $headings-color !default;\n$popover-header-padding-y: .5rem !default;\n$popover-header-padding-x: .75rem !default;\n\n$popover-body-color: $body-color !default;\n$popover-body-padding-y: $popover-header-padding-y !default;\n$popover-body-padding-x: $popover-header-padding-x !default;\n\n$popover-arrow-width: 1rem !default;\n$popover-arrow-height: .5rem !default;\n$popover-arrow-color: $popover-bg !default;\n\n$popover-arrow-outer-color: fade-in($popover-border-color, .05) !default;\n\n\n// Toasts\n\n$toast-max-width: 350px !default;\n$toast-padding-x: .75rem !default;\n$toast-padding-y: .25rem !default;\n$toast-font-size: .875rem !default;\n$toast-color: null !default;\n$toast-background-color: rgba($white, .85) !default;\n$toast-border-width: 1px !default;\n$toast-border-color: rgba(0, 0, 0, .1) !default;\n$toast-border-radius: .25rem !default;\n$toast-box-shadow: 0 .25rem .75rem rgba($black, .1) !default;\n\n$toast-header-color: $gray-600 !default;\n$toast-header-background-color: rgba($white, .85) !default;\n$toast-header-border-color: rgba(0, 0, 0, .05) !default;\n\n\n// Badges\n\n$badge-font-size: 75% !default;\n$badge-font-weight: $font-weight-bold !default;\n$badge-padding-y: .25em !default;\n$badge-padding-x: .4em !default;\n$badge-border-radius: $border-radius !default;\n\n$badge-transition: $btn-transition !default;\n$badge-focus-width: $input-btn-focus-width !default;\n\n$badge-pill-padding-x: .6em !default;\n// Use a higher than normal value to ensure completely rounded edges when\n// customizing padding or font-size on labels.\n$badge-pill-border-radius: 10rem !default;\n\n\n// Modals\n\n// Padding applied to the modal body\n$modal-inner-padding: 1rem !default;\n\n$modal-dialog-margin: .5rem !default;\n$modal-dialog-margin-y-sm-up: 1.75rem !default;\n\n$modal-title-line-height: $line-height-base !default;\n\n$modal-content-color: null !default;\n$modal-content-bg: $white !default;\n$modal-content-border-color: rgba($black, .2) !default;\n$modal-content-border-width: $border-width !default;\n$modal-content-border-radius: $border-radius-lg !default;\n$modal-content-box-shadow-xs: 0 .25rem .5rem rgba($black, .5) !default;\n$modal-content-box-shadow-sm-up: 0 .5rem 1rem rgba($black, .5) !default;\n\n$modal-backdrop-bg: $black !default;\n$modal-backdrop-opacity: .5 !default;\n$modal-header-border-color: $border-color !default;\n$modal-footer-border-color: $modal-header-border-color !default;\n$modal-header-border-width: $modal-content-border-width !default;\n$modal-footer-border-width: $modal-header-border-width !default;\n$modal-header-padding-y: 1rem !default;\n$modal-header-padding-x: 1rem !default;\n$modal-header-padding: $modal-header-padding-y $modal-header-padding-x !default; // Keep this for backwards compatibility\n\n$modal-xl: 1140px !default;\n$modal-lg: 800px !default;\n$modal-md: 500px !default;\n$modal-sm: 300px !default;\n\n$modal-fade-transform: translate(0, -50px) !default;\n$modal-show-transform: none !default;\n$modal-transition: transform .3s ease-out !default;\n\n\n// Alerts\n//\n// Define alert colors, border radius, and padding.\n\n$alert-padding-y: .75rem !default;\n$alert-padding-x: 1.25rem !default;\n$alert-margin-bottom: 1rem !default;\n$alert-border-radius: $border-radius !default;\n$alert-link-font-weight: $font-weight-bold !default;\n$alert-border-width: $border-width !default;\n\n$alert-bg-level: -10 !default;\n$alert-border-level: -9 !default;\n$alert-color-level: 6 !default;\n\n\n// Progress bars\n\n$progress-height: 1rem !default;\n$progress-font-size: $font-size-base * .75 !default;\n$progress-bg: $gray-200 !default;\n$progress-border-radius: $border-radius !default;\n$progress-box-shadow: inset 0 .1rem .1rem rgba($black, .1) !default;\n$progress-bar-color: $white !default;\n$progress-bar-bg: theme-color(\"primary\") !default;\n$progress-bar-animation-timing: 1s linear infinite !default;\n$progress-bar-transition: width .6s ease !default;\n\n\n// List group\n\n$list-group-color: null !default;\n$list-group-bg: $white !default;\n$list-group-border-color: rgba($black, .125) !default;\n$list-group-border-width: $border-width !default;\n$list-group-border-radius: $border-radius !default;\n\n$list-group-item-padding-y: .75rem !default;\n$list-group-item-padding-x: 1.25rem !default;\n\n$list-group-hover-bg: $gray-100 !default;\n$list-group-active-color: $component-active-color !default;\n$list-group-active-bg: $component-active-bg !default;\n$list-group-active-border-color: $list-group-active-bg !default;\n\n$list-group-disabled-color: $gray-600 !default;\n$list-group-disabled-bg: $list-group-bg !default;\n\n$list-group-action-color: $gray-700 !default;\n$list-group-action-hover-color: $list-group-action-color !default;\n\n$list-group-action-active-color: $body-color !default;\n$list-group-action-active-bg: $gray-200 !default;\n\n\n// Image thumbnails\n\n$thumbnail-padding: .25rem !default;\n$thumbnail-bg: $body-bg !default;\n$thumbnail-border-width: $border-width !default;\n$thumbnail-border-color: $gray-300 !default;\n$thumbnail-border-radius: $border-radius !default;\n$thumbnail-box-shadow: 0 1px 2px rgba($black, .075) !default;\n\n\n// Figures\n\n$figure-caption-font-size: 90% !default;\n$figure-caption-color: $gray-600 !default;\n\n\n// Breadcrumbs\n\n$breadcrumb-padding-y: .75rem !default;\n$breadcrumb-padding-x: 1rem !default;\n$breadcrumb-item-padding: .5rem !default;\n\n$breadcrumb-margin-bottom: 1rem !default;\n\n$breadcrumb-bg: $gray-200 !default;\n$breadcrumb-divider-color: $gray-600 !default;\n$breadcrumb-active-color: $gray-600 !default;\n$breadcrumb-divider: quote(\"/\") !default;\n\n$breadcrumb-border-radius: $border-radius !default;\n\n\n// Carousel\n\n$carousel-control-color: $white !default;\n$carousel-control-width: 15% !default;\n$carousel-control-opacity: .5 !default;\n$carousel-control-hover-opacity: .9 !default;\n$carousel-control-transition: opacity .15s ease !default;\n\n$carousel-indicator-width: 30px !default;\n$carousel-indicator-height: 3px !default;\n$carousel-indicator-hit-area-height: 10px !default;\n$carousel-indicator-spacer: 3px !default;\n$carousel-indicator-active-bg: $white !default;\n$carousel-indicator-transition: opacity .6s ease !default;\n\n$carousel-caption-width: 70% !default;\n$carousel-caption-color: $white !default;\n\n$carousel-control-icon-width: 20px !default;\n\n$carousel-control-prev-icon-bg: str-replace(url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='#{$carousel-control-color}' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3e%3c/svg%3e\"), \"#\", \"%23\") !default;\n$carousel-control-next-icon-bg: str-replace(url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='#{$carousel-control-color}' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3e%3c/svg%3e\"), \"#\", \"%23\") !default;\n\n$carousel-transition-duration: .6s !default;\n$carousel-transition: transform $carousel-transition-duration ease-in-out !default; // Define transform transition first if using multiple transitions (e.g., `transform 2s ease, opacity .5s ease-out`)\n\n\n// Spinners\n\n$spinner-width: 2rem !default;\n$spinner-height: $spinner-width !default;\n$spinner-border-width: .25em !default;\n\n$spinner-width-sm: 1rem !default;\n$spinner-height-sm: $spinner-width-sm !default;\n$spinner-border-width-sm: .2em !default;\n\n\n// Close\n\n$close-font-size: $font-size-base * 1.5 !default;\n$close-font-weight: $font-weight-bold !default;\n$close-color: $black !default;\n$close-text-shadow: 0 1px 0 $white !default;\n\n\n// Code\n\n$code-font-size: 87.5% !default;\n$code-color: $pink !default;\n\n$kbd-padding-y: .2rem !default;\n$kbd-padding-x: .4rem !default;\n$kbd-font-size: $code-font-size !default;\n$kbd-color: $white !default;\n$kbd-bg: $gray-900 !default;\n\n$pre-color: $gray-900 !default;\n$pre-scrollable-max-height: 340px !default;\n\n\n// Utilities\n\n$displays: none, inline, inline-block, block, table, table-row, table-cell, flex, inline-flex !default;\n$overflows: auto, hidden !default;\n$positions: static, relative, absolute, fixed, sticky !default;\n\n\n// Printing\n\n$print-page-size: a3 !default;\n$print-body-min-width: map-get($grid-breakpoints, \"lg\") !default;\n","// Breakpoint viewport sizes and media queries.\n//\n// Breakpoints are defined as a map of (name: minimum width), order from small to large:\n//\n// (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px)\n//\n// The map defined in the `$grid-breakpoints` global variable is used as the `$breakpoints` argument by default.\n\n// Name of the next breakpoint, or null for the last breakpoint.\n//\n// >> breakpoint-next(sm)\n// md\n// >> breakpoint-next(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n// md\n// >> breakpoint-next(sm, $breakpoint-names: (xs sm md lg xl))\n// md\n@function breakpoint-next($name, $breakpoints: $grid-breakpoints, $breakpoint-names: map-keys($breakpoints)) {\n $n: index($breakpoint-names, $name);\n @return if($n != null and $n < length($breakpoint-names), nth($breakpoint-names, $n + 1), null);\n}\n\n// Minimum breakpoint width. Null for the smallest (first) breakpoint.\n//\n// >> breakpoint-min(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n// 576px\n@function breakpoint-min($name, $breakpoints: $grid-breakpoints) {\n $min: map-get($breakpoints, $name);\n @return if($min != 0, $min, null);\n}\n\n// Maximum breakpoint width. Null for the largest (last) breakpoint.\n// The maximum value is calculated as the minimum of the next one less 0.02px\n// to work around the limitations of `min-` and `max-` prefixes and viewports with fractional widths.\n// See https://www.w3.org/TR/mediaqueries-4/#mq-min-max\n// Uses 0.02px rather than 0.01px to work around a current rounding bug in Safari.\n// See https://bugs.webkit.org/show_bug.cgi?id=178261\n//\n// >> breakpoint-max(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n// 767.98px\n@function breakpoint-max($name, $breakpoints: $grid-breakpoints) {\n $next: breakpoint-next($name, $breakpoints);\n @return if($next, breakpoint-min($next, $breakpoints) - .02, null);\n}\n\n// Returns a blank string if smallest breakpoint, otherwise returns the name with a dash in front.\n// Useful for making responsive utilities.\n//\n// >> breakpoint-infix(xs, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n// \"\" (Returns a blank string)\n// >> breakpoint-infix(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n// \"-sm\"\n@function breakpoint-infix($name, $breakpoints: $grid-breakpoints) {\n @return if(breakpoint-min($name, $breakpoints) == null, \"\", \"-#{$name}\");\n}\n\n// Media of at least the minimum breakpoint width. No query for the smallest breakpoint.\n// Makes the @content apply to the given breakpoint and wider.\n@mixin media-breakpoint-up($name, $breakpoints: $grid-breakpoints) {\n $min: breakpoint-min($name, $breakpoints);\n @if $min {\n @media (min-width: $min) {\n @content;\n }\n } @else {\n @content;\n }\n}\n\n// Media of at most the maximum breakpoint width. No query for the largest breakpoint.\n// Makes the @content apply to the given breakpoint and narrower.\n@mixin media-breakpoint-down($name, $breakpoints: $grid-breakpoints) {\n $max: breakpoint-max($name, $breakpoints);\n @if $max {\n @media (max-width: $max) {\n @content;\n }\n } @else {\n @content;\n }\n}\n\n// Media that spans multiple breakpoint widths.\n// Makes the @content apply between the min and max breakpoints\n@mixin media-breakpoint-between($lower, $upper, $breakpoints: $grid-breakpoints) {\n $min: breakpoint-min($lower, $breakpoints);\n $max: breakpoint-max($upper, $breakpoints);\n\n @if $min != null and $max != null {\n @media (min-width: $min) and (max-width: $max) {\n @content;\n }\n } @else if $max == null {\n @include media-breakpoint-up($lower, $breakpoints) {\n @content;\n }\n } @else if $min == null {\n @include media-breakpoint-down($upper, $breakpoints) {\n @content;\n }\n }\n}\n\n// Media between the breakpoint's minimum and maximum widths.\n// No minimum for the smallest breakpoint, and no maximum for the largest one.\n// Makes the @content apply only to the given breakpoint, not viewports any wider or narrower.\n@mixin media-breakpoint-only($name, $breakpoints: $grid-breakpoints) {\n $min: breakpoint-min($name, $breakpoints);\n $max: breakpoint-max($name, $breakpoints);\n\n @if $min != null and $max != null {\n @media (min-width: $min) and (max-width: $max) {\n @content;\n }\n } @else if $max == null {\n @include media-breakpoint-up($name, $breakpoints) {\n @content;\n }\n } @else if $min == null {\n @include media-breakpoint-down($name, $breakpoints) {\n @content;\n }\n }\n}\n",".#{$prefix}fade {\n @include transition($transition-fade);\n\n &:not(.#{$prefix}show) {\n opacity: 0;\n }\n}\n\n.#{$prefix}collapse {\n &:not(.#{$prefix}show) {\n display: none;\n }\n}\n\n.#{$prefix}collapsing {\n position: relative;\n height: 0;\n overflow: hidden;\n @include transition($transition-collapse);\n}\n",".close {\n float: right;\n @include font-size($close-font-size);\n font-weight: $close-font-weight;\n line-height: 1;\n color: $close-color;\n text-shadow: $close-text-shadow;\n opacity: .5;\n\n // Override <a>'s hover style\n @include hover {\n color: $close-color;\n text-decoration: none;\n }\n\n &:not(:disabled):not(.disabled) {\n @include hover-focus {\n opacity: .75;\n }\n }\n}\n\n// Additional properties for button version\n// iOS requires the button element instead of an anchor tag.\n// If you want the anchor version, it requires `href=\"#\"`.\n// See https://developer.mozilla.org/en-US/docs/Web/Events/click#Safari_Mobile\n\n// stylelint-disable-next-line selector-no-qualifying-type\nbutton.close {\n padding: 0;\n background-color: transparent;\n border: 0;\n appearance: none;\n}\n\n// Future-proof disabling of clicks on `<a>` elements\n\n// stylelint-disable-next-line selector-no-qualifying-type\na.close.disabled {\n pointer-events: none;\n}\n","// stylelint-disable property-blacklist, scss/dollar-variable-default\n\n// SCSS RFS mixin\n//\n// Automated font-resizing\n//\n// See https://github.com/twbs/rfs\n\n// Configuration\n\n// Base font size\n$rfs-base-font-size: 1.25rem !default;\n$rfs-font-size-unit: rem !default;\n\n// Breakpoint at where font-size starts decreasing if screen width is smaller\n$rfs-breakpoint: 1200px !default;\n$rfs-breakpoint-unit: px !default;\n\n// Resize font-size based on screen height and width\n$rfs-two-dimensional: false !default;\n\n// Factor of decrease\n$rfs-factor: 10 !default;\n\n@if type-of($rfs-factor) != \"number\" or $rfs-factor <= 1 {\n @error \"`#{$rfs-factor}` is not a valid $rfs-factor, it must be greater than 1.\";\n}\n\n// Generate enable or disable classes. Possibilities: false, \"enable\" or \"disable\"\n$rfs-class: false !default;\n\n// 1 rem = $rfs-rem-value px\n$rfs-rem-value: 16 !default;\n\n// Safari iframe resize bug: https://github.com/twbs/rfs/issues/14\n$rfs-safari-iframe-resize-bug-fix: false !default;\n\n// Disable RFS by setting $enable-responsive-font-sizes to false\n$enable-responsive-font-sizes: true !default;\n\n// Cache $rfs-base-font-size unit\n$rfs-base-font-size-unit: unit($rfs-base-font-size);\n\n// Remove px-unit from $rfs-base-font-size for calculations\n@if $rfs-base-font-size-unit == \"px\" {\n $rfs-base-font-size: $rfs-base-font-size / ($rfs-base-font-size * 0 + 1);\n}\n@else if $rfs-base-font-size-unit == \"rem\" {\n $rfs-base-font-size: $rfs-base-font-size / ($rfs-base-font-size * 0 + 1 / $rfs-rem-value);\n}\n\n// Cache $rfs-breakpoint unit to prevent multiple calls\n$rfs-breakpoint-unit-cache: unit($rfs-breakpoint);\n\n// Remove unit from $rfs-breakpoint for calculations\n@if $rfs-breakpoint-unit-cache == \"px\" {\n $rfs-breakpoint: $rfs-breakpoint / ($rfs-breakpoint * 0 + 1);\n}\n@else if $rfs-breakpoint-unit-cache == \"rem\" or $rfs-breakpoint-unit-cache == \"em\" {\n $rfs-breakpoint: $rfs-breakpoint / ($rfs-breakpoint * 0 + 1 / $rfs-rem-value);\n}\n\n// Responsive font-size mixin\n@mixin rfs($fs, $important: false) {\n // Cache $fs unit\n $fs-unit: if(type-of($fs) == \"number\", unit($fs), false);\n\n // Add !important suffix if needed\n $rfs-suffix: if($important, \" !important\", \"\");\n\n // If $fs isn't a number (like inherit) or $fs has a unit (not px or rem, like 1.5em) or $ is 0, just print the value\n @if not $fs-unit or $fs-unit != \"\" and $fs-unit != \"px\" and $fs-unit != \"rem\" or $fs == 0 {\n font-size: #{$fs}#{$rfs-suffix};\n }\n @else {\n // Variables for storing static and fluid rescaling\n $rfs-static: null;\n $rfs-fluid: null;\n\n // Remove px-unit from $fs for calculations\n @if $fs-unit == \"px\" {\n $fs: $fs / ($fs * 0 + 1);\n }\n @else if $fs-unit == \"rem\" {\n $fs: $fs / ($fs * 0 + 1 / $rfs-rem-value);\n }\n\n // Set default font-size\n @if $rfs-font-size-unit == rem {\n $rfs-static: #{$fs / $rfs-rem-value}rem#{$rfs-suffix};\n }\n @else if $rfs-font-size-unit == px {\n $rfs-static: #{$fs}px#{$rfs-suffix};\n }\n @else {\n @error \"`#{$rfs-font-size-unit}` is not a valid unit for $rfs-font-size-unit. Use `px` or `rem`.\";\n }\n\n // Only add media query if font-size is bigger as the minimum font-size\n // If $rfs-factor == 1, no rescaling will take place\n @if $fs > $rfs-base-font-size and $enable-responsive-font-sizes {\n $min-width: null;\n $variable-unit: null;\n\n // Calculate minimum font-size for given font-size\n $fs-min: $rfs-base-font-size + ($fs - $rfs-base-font-size) / $rfs-factor;\n\n // Calculate difference between given font-size and minimum font-size for given font-size\n $fs-diff: $fs - $fs-min;\n\n // Base font-size formatting\n // No need to check if the unit is valid, because we did that before\n $min-width: if($rfs-font-size-unit == rem, #{$fs-min / $rfs-rem-value}rem, #{$fs-min}px);\n\n // If two-dimensional, use smallest of screen width and height\n $variable-unit: if($rfs-two-dimensional, vmin, vw);\n\n // Calculate the variable width between 0 and $rfs-breakpoint\n $variable-width: #{$fs-diff * 100 / $rfs-breakpoint}#{$variable-unit};\n\n // Set the calculated font-size.\n $rfs-fluid: calc(#{$min-width} + #{$variable-width}) #{$rfs-suffix};\n }\n\n // Rendering\n @if $rfs-fluid == null {\n // Only render static font-size if no fluid font-size is available\n font-size: $rfs-static;\n }\n @else {\n $mq-value: null;\n\n // RFS breakpoint formatting\n @if $rfs-breakpoint-unit == em or $rfs-breakpoint-unit == rem {\n $mq-value: #{$rfs-breakpoint / $rfs-rem-value}#{$rfs-breakpoint-unit};\n }\n @else if $rfs-breakpoint-unit == px {\n $mq-value: #{$rfs-breakpoint}px;\n }\n @else {\n @error \"`#{$rfs-breakpoint-unit}` is not a valid unit for $rfs-breakpoint-unit. Use `px`, `em` or `rem`.\";\n }\n\n @if $rfs-class == \"disable\" {\n // Adding an extra class increases specificity,\n // which prevents the media query to override the font size\n &,\n .disable-responsive-font-size &,\n &.disable-responsive-font-size {\n font-size: $rfs-static;\n }\n }\n @else {\n font-size: $rfs-static;\n }\n\n @if $rfs-two-dimensional {\n @media (max-width: #{$mq-value}), (max-height: #{$mq-value}) {\n @if $rfs-class == \"enable\" {\n .enable-responsive-font-size &,\n &.enable-responsive-font-size {\n font-size: $rfs-fluid;\n }\n }\n @else {\n font-size: $rfs-fluid;\n }\n\n @if $rfs-safari-iframe-resize-bug-fix {\n // stylelint-disable-next-line length-zero-no-unit\n min-width: 0vw;\n }\n }\n }\n @else {\n @media (max-width: #{$mq-value}) {\n @if $rfs-class == \"enable\" {\n .enable-responsive-font-size &,\n &.enable-responsive-font-size {\n font-size: $rfs-fluid;\n }\n }\n @else {\n font-size: $rfs-fluid;\n }\n\n @if $rfs-safari-iframe-resize-bug-fix {\n // stylelint-disable-next-line length-zero-no-unit\n min-width: 0vw;\n }\n }\n }\n }\n }\n}\n\n// The font-size & responsive-font-size mixin uses RFS to rescale font sizes\n@mixin font-size($fs, $important: false) {\n @include rfs($fs, $important);\n}\n\n@mixin responsive-font-size($fs, $important: false) {\n @include rfs($fs, $important);\n}\n","$font-family-roboto: \"Roboto\", \"Oxygen\", \"Ubuntu\", \"Fira Sans\", \"Droid Sans\", \"Helvetica Neue\", sans-serif;\n$font-family-base: $font-family-roboto;\n$font-family-monospace: monospace;\n\n// 1 rem = 16px\n$font-size-base: .875rem; // 14px\n$font-size-lg: 1.25rem; // 20px\n$font-size-sm: .75rem; // 12px\n\n$line-height-base: 1.4285; // The closest value to Mekari design\n$line-height-lg: 1.4285;\n$line-height-sm: 1.4285;\n$letter-spacing: .2px;\n\n$font-weight-lighter: 400;\n$font-weight-light: 400;\n$font-weight-normal: 400;\n$font-weight-base: 400;\n$font-weight-bold: 500;\n$font-weight-bolder: 500;\n\n$dt-font-weight: $font-weight-bold;\n\n// Text color\n$body-color: $dark;\n$link-color: $blue;\n$link-hover-color: darken($link-color, 15%);\n$link-decoration: none;\n$link-hover-decoration: underline;\n$h5-font-size: 16px;\n\n$input-placeholder-color: $text-muted;\n$custom-select-disabled-color: $text-muted;\n$custom-control-label-disabled-color: $text-muted;\n","// Hover mixin and `$enable-hover-media-query` are deprecated.\n//\n// Originally added during our alphas and maintained during betas, this mixin was\n// designed to prevent `:hover` stickiness on iOS-an issue where hover styles\n// would persist after initial touch.\n//\n// For backward compatibility, we've kept these mixins and updated them to\n// always return their regular pseudo-classes instead of a shimmed media query.\n//\n// Issue: https://github.com/twbs/bootstrap/issues/25195\n\n@mixin hover {\n &:hover { @content; }\n}\n\n@mixin hover-focus {\n &:hover,\n &:focus {\n @content;\n }\n}\n\n@mixin plain-hover-focus {\n &,\n &:hover,\n &:focus {\n @content;\n }\n}\n\n@mixin hover-focus-active {\n &:hover,\n &:focus,\n &:active {\n @content;\n }\n}\n",".#{$prefix}modal {\n .#{$prefix}modal-header {\n position: relative;\n padding: 14px 24px;\n\n .close {\n padding: 16px;\n margin: -16px -16px -16px auto;\n font-size: 20px;\n font-weight: 600;\n opacity: 1;\n\n span {\n color: $slate;\n }\n }\n }\n .#{$prefix}modal-title {\n font-size: 16px;\n font-weight: 500;\n line-height: 24px;\n }\n .#{$prefix}modal-body {\n padding: 16px 24px;\n }\n .#{$prefix}modal-footer {\n padding: 4px 24px 32px;\n border-top: 0;\n }\n}\n\n.#{$prefix}modal-backdrop {\n opacity: $modal-backdrop-opacity;\n}\n"]}
1	+ {"version":3,"sources":["../../../scss/vendors/_modal.scss","mekari-ui-modal.css","../../../scss/vendor-extensions/_tooltip.scss","../../../scss/vendor-extensions/_modal.scss","../../../scss/vendors/mixins/_transition.scss","../../../scss/vendor-extensions/_color.scss","../../../scss/vendors/mixins/_border-radius.scss","../../../scss/vendors/_variables.scss","../../../scss/vendors/mixins/_breakpoints.scss","../../../scss/vendors/_transitions.scss","../../../scss/vendors/_close.scss","../../../scss/vendors/_rfs.scss","../../../scss/vendor-extensions/_typography.scss","../../../scss/vendors/mixins/_hover.scss","../../../scss/components/config/_modal.scss"],"names":[],"mappings":"AAMA;EAEE,gBAAgB;ACNlB;;ADIA;EAKI,kBAAkB;EAClB,gBAAgB;ACLpB;;ADUA;EACE,eAAe;EACf,MAAM;EACN,OAAO;EACP,aEbsC;EFctC,aAAa;EACb,WAAW;EACX,YAAY;EACZ,gBAAgB;EAGhB,UAAU;ACTZ;;ADgBA;EACE,kBAAkB;EAClB,WAAW;EACX,cGxBuC;EH0BvC,oBAAoB;ACdtB;;ADiBE;EIrCI,mCDYoD;EH2BtD,8BG7BmD;AFevD;;AGpBI;EJgCF;II/BI,gBAAgB;EHwBpB;AACF;;ADUE;EACE,eG/BoC;AFwBxC;;ADWA;EACE,aAAa;EACb,6BAAoD;ACRtD;;ADMA;EAKI,8BAAqD;EACrD,gBAAgB;ACPpB;;ADCA;;EAWI,cAAc;ACPlB;;ADJA;EAeI,gBAAgB;ACPpB;;ADWA;EACE,aAAa;EACb,mBAAmB;EACnB,6BAAoD;ACRtD;;ADKA;EAOI,cAAc;EACd,0BAAiD;EACjD,WAAW;ACRf;;ADDA;EAcI,sBAAsB;EACtB,uBAAuB;EACvB,YAAY;ACThB;;ADPA;EAmBM,gBAAgB;ACRtB;;ADXA;EAuBM,aAAa;ACRnB;;ADcA;EACE,kBAAkB;EAClB,aAAa;EACb,sBAAsB;EACtB,WAAW;EAGX,oBAAoB;EACpB,sBKtGU;ELuGV,4BAA4B;EAC5B,yBK1Ga;ECCX,qBHiB+B;EH4FjC,UAAU;ACfZ;;ADmBA;EACE,eAAe;EACf,MAAM;EACN,OAAO;EACP,aEnHsC;EFoHtC,YAAY;EACZ,aAAa;EACb,sBO5Ga;AN4Ff;;ADSA;EAUqB,UAAU;ACf/B;;ADKA;EAWqB,aG7HY;AFiHjC;;ADiBA;EACE,aAAa;EACb,uBAAuB;EACvB,8BAA8B;EAC9B,kBG3GsC;EH4GtC,gCKvIa;ECUX,8BHQ+B;EGP/B,+BHO+B;AFyGnC;;ADOA;EASI,kBGhHoC;EHkHpC,8BAA6F;ACbjG;;ADkBA;EACE,gBAAgB;EAChB,iBGvJgC;AFwIlC;;ADoBA;EACE,kBAAkB;EAGlB,cAAc;EACd,aG/JgC;AF4IlC;;ADuBA;EACE,aAAa;EACb,mBAAmB;EACnB,yBAAyB;EACzB,aGvKgC;EHwKhC,6BKvKa;ECwBX,kCHN+B;EGO/B,iCHP+B;AFmInC;;ADaA;EASyB,mBAAmB;AClB5C;;ADSA;EAUwB,oBAAoB;ACf5C;;ADmBA;EACE,kBAAkB;EAClB,YAAY;EACZ,WAAW;EACX,YAAY;EACZ,gBAAgB;AChBlB;;AO7GI;ERmIF;IACE,gBGzL+B;IH0L/B,oBAAyC;EClB3C;EDqBA;IACE,+BAA4D;ECnB9D;EDkBA;IAII,gCAA6D;ECnBjE;EDuBA;IACE,+BAA4D;ECrB9D;EDoBA;IAII,4BAAyD;ECrB7D;ED6BA;IAAsB,gBGhNW;EFsLjC;AACF;;AOnII;ERgKF;;IAEE,gBGxN+B;EF+LjC;AACF;;AO1II;ERuKF;IAAsB,iBGhMkB;EFwKxC;AACF;;AQ5MA;ELMM,gCGsP2C;AN5CjD;;AGrMI;EKXJ;ILYM,gBAAgB;EHyMpB;AACF;;AQtNA;EAII,UAAU;ARsNd;;AQlNA;EAEI,aAAa;ARoNjB;;AQhNA;EACE,kBAAkB;EAClB,SAAS;EACT,gBAAgB;ELXZ,6BGuPwC;ANxB9C;;AG1NI;EKGJ;ILFM,gBAAgB;EH8NpB;AACF;;AS3OA;EACE,YAAY;ECwJN,oBAhEU;EDtFhB,gBEeuC;EFdvC,cAAc;EACd,WLHU;EKIV,yBLAU;EKCV,WAAW;AT8Ob;;AUtEQ;ED/KR;ICuLY,sCA9D+C;EViIzD;AACF;;AY/OE;EHDE,WLTQ;EKUR,qBAAqB;AToPzB;;AYhPE;EHCI,YAAY;ATmPlB;;ASxOA;EACE,UAAU;EACV,6BAA6B;EAC7B,SAAS;EACT,wBAAgB;EAAhB,qBAAgB;EAAhB,gBAAgB;AT2OlB;;ASrOA;EACE,oBAAoB;ATwOtB;;Aa/QA;EAEI,kBAAkB;EAClB,4BAA4B;AbiRhC;;AapRA;EAMM,aAAa;EACb,8BAA8B;EAC9B,eAAe;EACf,gBAAgB;EAChB,UAAU;AbkRhB;;Aa5RA;EAaQ,WTXI;AJ8RZ;;AahSA;EAkBI,eAAe;EACf,gBAAgB;EAChB,iBAAiB;AbkRrB;;AatSA;EAuBI,kBAAkB;AbmRtB;;Aa1SA;EA0BI,sBAAsB;EACtB,aAAa;AboRjB;;AahRA;EACE,aX5B+B;AF+SjC","file":"mekari-ui-modal.css","sourcesContent":["// .#{$prefix}modal-open - body class for killing the scroll\n// .#{$prefix}modal - container to scroll within\n// .#{$prefix}modal-dialog - positioning shell for the actual modal\n// .#{$prefix}modal-content - actual modal w/ bg and corners and stuff\n\n\n.#{$prefix}modal-open {\n // Kill the scroll on the body\n overflow: hidden;\n\n .#{$prefix}modal {\n overflow-x: hidden;\n overflow-y: auto;\n }\n}\n\n// Container that the modal scrolls within\n.#{$prefix}modal {\n position: fixed;\n top: 0;\n left: 0;\n z-index: $zindex-modal;\n display: none;\n width: 100%;\n height: 100%;\n overflow: hidden;\n // Prevent Chrome on Windows from adding a focus outline. For details, see\n // https://github.com/twbs/bootstrap/pull/10951.\n outline: 0;\n // We deliberately don't use `-webkit-overflow-scrolling: touch;` due to a\n // gnarly iOS Safari bug: https://bugs.webkit.org/show_bug.cgi?id=158342\n // See also https://github.com/twbs/bootstrap/issues/17695\n}\n\n// Shell div to position the modal with bottom padding\n.#{$prefix}modal-dialog {\n position: relative;\n width: auto;\n margin: $modal-dialog-margin;\n // allow clicks to pass through for custom click handling to close modal\n pointer-events: none;\n\n // When fading in the modal, animate it to slide down\n .#{$prefix}modal.#{$prefix}fade & {\n @include transition($modal-transition);\n transform: $modal-fade-transform;\n }\n .#{$prefix}modal.#{$prefix}show & {\n transform: $modal-show-transform;\n }\n}\n\n.#{$prefix}modal-dialog-scrollable {\n display: flex; // IE10/11\n max-height: calc(100% - #{$modal-dialog-margin * 2});\n\n .#{$prefix}modal-content {\n max-height: calc(100vh - #{$modal-dialog-margin * 2}); // IE10/11\n overflow: hidden;\n }\n\n .#{$prefix}modal-header,\n .#{$prefix}modal-footer {\n flex-shrink: 0;\n }\n\n .#{$prefix}modal-body {\n overflow-y: auto;\n }\n}\n\n.#{$prefix}modal-dialog-centered {\n display: flex;\n align-items: center;\n min-height: calc(100% - #{$modal-dialog-margin * 2});\n\n // Ensure `modal-dialog-centered` extends the full height of the view (IE10/11)\n &::before {\n display: block; // IE10\n height: calc(100vh - #{$modal-dialog-margin * 2});\n content: \"\";\n }\n\n // Ensure `.#{$prefix}modal-body` shows scrollbar (IE10/11)\n &.#{$prefix}modal-dialog-scrollable {\n flex-direction: column;\n justify-content: center;\n height: 100%;\n\n .#{$prefix}modal-content {\n max-height: none;\n }\n\n &::before {\n content: none;\n }\n }\n}\n\n// Actual modal\n.#{$prefix}modal-content {\n position: relative;\n display: flex;\n flex-direction: column;\n width: 100%; // Ensure `.#{$prefix}modal-content` extends the full width of the parent `.#{$prefix}modal-dialog`\n // counteract the pointer-events: none; in the .#{$prefix}modal-dialog\n color: $modal-content-color;\n pointer-events: auto;\n background-color: $modal-content-bg;\n background-clip: padding-box;\n border: $modal-content-border-width solid $modal-content-border-color;\n @include border-radius($modal-content-border-radius);\n @include box-shadow($modal-content-box-shadow-xs);\n // Remove focus outline from opened modal\n outline: 0;\n}\n\n// Modal background\n.#{$prefix}modal-backdrop {\n position: fixed;\n top: 0;\n left: 0;\n z-index: $zindex-modal-backdrop;\n width: 100vw;\n height: 100vh;\n background-color: $modal-backdrop-bg;\n\n // Fade for backdrop\n &.#{$prefix}fade { opacity: 0; }\n &.#{$prefix}show { opacity: $modal-backdrop-opacity; }\n}\n\n// Modal header\n// Top section of the modal w/ title and dismiss\n.#{$prefix}modal-header {\n display: flex;\n align-items: flex-start; // so the close btn always stays on the upper right corner\n justify-content: space-between; // Put modal header elements (title and dismiss) on opposite ends\n padding: $modal-header-padding;\n border-bottom: $modal-header-border-width solid $modal-header-border-color;\n @include border-top-radius($modal-content-border-radius);\n\n .close {\n padding: $modal-header-padding;\n // auto on the left force icon to the right even when there is no .#{$prefix}modal-title\n margin: (-$modal-header-padding-y) (-$modal-header-padding-x) (-$modal-header-padding-y) auto;\n }\n}\n\n// Title text within header\n.#{$prefix}modal-title {\n margin-bottom: 0;\n line-height: $modal-title-line-height;\n}\n\n// Modal body\n// Where all modal content resides (sibling of .#{$prefix}modal-header and .#{$prefix}modal-footer)\n.#{$prefix}modal-body {\n position: relative;\n // Enable `flex-grow: 1` so that the body take up as much space as possible\n // when should there be a fixed height on `.#{$prefix}modal-dialog`.\n flex: 1 1 auto;\n padding: $modal-inner-padding;\n}\n\n// Footer (for actions)\n.#{$prefix}modal-footer {\n display: flex;\n align-items: center; // vertically center\n justify-content: flex-end; // Right align buttons with flex property because text-align doesn't work on flex items\n padding: $modal-inner-padding;\n border-top: $modal-footer-border-width solid $modal-footer-border-color;\n @include border-bottom-radius($modal-content-border-radius);\n\n // Easily place margin between footer elements\n > :not(:first-child) { margin-left: .25rem; }\n > :not(:last-child) { margin-right: .25rem; }\n}\n\n// Measure scrollbar width for padding body during modal show/hide\n.#{$prefix}modal-scrollbar-measure {\n position: absolute;\n top: -9999px;\n width: 50px;\n height: 50px;\n overflow: scroll;\n}\n\n// Scale up the modal\n@include media-breakpoint-up(sm) {\n // Automatically set modal's width for larger viewports\n .#{$prefix}modal-dialog {\n max-width: $modal-md;\n margin: $modal-dialog-margin-y-sm-up auto;\n }\n\n .#{$prefix}modal-dialog-scrollable {\n max-height: calc(100% - #{$modal-dialog-margin-y-sm-up * 2});\n\n .#{$prefix}modal-content {\n max-height: calc(100vh - #{$modal-dialog-margin-y-sm-up * 2});\n }\n }\n\n .#{$prefix}modal-dialog-centered {\n min-height: calc(100% - #{$modal-dialog-margin-y-sm-up * 2});\n\n &::before {\n height: calc(100vh - #{$modal-dialog-margin-y-sm-up * 2});\n }\n }\n\n .#{$prefix}modal-content {\n @include box-shadow($modal-content-box-shadow-sm-up);\n }\n\n .#{$prefix}modal-sm { max-width: $modal-sm; }\n}\n\n@include media-breakpoint-up(lg) {\n .#{$prefix}modal-lg,\n .#{$prefix}modal-xl {\n max-width: $modal-lg;\n }\n}\n\n@include media-breakpoint-up(xl) {\n .#{$prefix}modal-xl { max-width: $modal-xl; }\n}\n",".modal-open {\n overflow: hidden;\n}\n\n.modal-open .modal {\n overflow-x: hidden;\n overflow-y: auto;\n}\n\n.modal {\n position: fixed;\n top: 0;\n left: 0;\n z-index: 1050;\n display: none;\n width: 100%;\n height: 100%;\n overflow: hidden;\n outline: 0;\n}\n\n.modal-dialog {\n position: relative;\n width: auto;\n margin: 0.5rem;\n pointer-events: none;\n}\n\n.modal.fade .modal-dialog {\n transition: transform 0.3s ease-out;\n transform: translate(0, -50px);\n}\n\n@media (prefers-reduced-motion: reduce) {\n .modal.fade .modal-dialog {\n transition: none;\n }\n}\n\n.modal.show .modal-dialog {\n transform: none;\n}\n\n.modal-dialog-scrollable {\n display: flex;\n max-height: calc(100% - 1rem);\n}\n\n.modal-dialog-scrollable .modal-content {\n max-height: calc(100vh - 1rem);\n overflow: hidden;\n}\n\n.modal-dialog-scrollable .modal-header,\n.modal-dialog-scrollable .modal-footer {\n flex-shrink: 0;\n}\n\n.modal-dialog-scrollable .modal-body {\n overflow-y: auto;\n}\n\n.modal-dialog-centered {\n display: flex;\n align-items: center;\n min-height: calc(100% - 1rem);\n}\n\n.modal-dialog-centered::before {\n display: block;\n height: calc(100vh - 1rem);\n content: \"\";\n}\n\n.modal-dialog-centered.modal-dialog-scrollable {\n flex-direction: column;\n justify-content: center;\n height: 100%;\n}\n\n.modal-dialog-centered.modal-dialog-scrollable .modal-content {\n max-height: none;\n}\n\n.modal-dialog-centered.modal-dialog-scrollable::before {\n content: none;\n}\n\n.modal-content {\n position: relative;\n display: flex;\n flex-direction: column;\n width: 100%;\n pointer-events: auto;\n background-color: #fff;\n background-clip: padding-box;\n border: 1px solid #e2e2e2;\n border-radius: 0.3rem;\n outline: 0;\n}\n\n.modal-backdrop {\n position: fixed;\n top: 0;\n left: 0;\n z-index: 1040;\n width: 100vw;\n height: 100vh;\n background-color: #000;\n}\n\n.modal-backdrop.fade {\n opacity: 0;\n}\n\n.modal-backdrop.show {\n opacity: 0.75;\n}\n\n.modal-header {\n display: flex;\n align-items: flex-start;\n justify-content: space-between;\n padding: 16px 16px;\n border-bottom: 1px solid #e2e2e2;\n border-top-left-radius: 0.3rem;\n border-top-right-radius: 0.3rem;\n}\n\n.modal-header .close {\n padding: 16px 16px;\n margin: -16px -16px -16px auto;\n}\n\n.modal-title {\n margin-bottom: 0;\n line-height: 20px;\n}\n\n.modal-body {\n position: relative;\n flex: 1 1 auto;\n padding: 24px;\n}\n\n.modal-footer {\n display: flex;\n align-items: center;\n justify-content: flex-end;\n padding: 24px;\n border-top: 1px solid #e2e2e2;\n border-bottom-right-radius: 0.3rem;\n border-bottom-left-radius: 0.3rem;\n}\n\n.modal-footer > :not(:first-child) {\n margin-left: .25rem;\n}\n\n.modal-footer > :not(:last-child) {\n margin-right: .25rem;\n}\n\n.modal-scrollbar-measure {\n position: absolute;\n top: -9999px;\n width: 50px;\n height: 50px;\n overflow: scroll;\n}\n\n@media (min-width: 576px) {\n .modal-dialog {\n max-width: 600px;\n margin: 1.75rem auto;\n }\n .modal-dialog-scrollable {\n max-height: calc(100% - 3.5rem);\n }\n .modal-dialog-scrollable .modal-content {\n max-height: calc(100vh - 3.5rem);\n }\n .modal-dialog-centered {\n min-height: calc(100% - 3.5rem);\n }\n .modal-dialog-centered::before {\n height: calc(100vh - 3.5rem);\n }\n .modal-sm {\n max-width: 392px;\n }\n}\n\n@media (min-width: 992px) {\n .modal-lg,\n .modal-xl {\n max-width: 808px;\n }\n}\n\n@media (min-width: 1272px) {\n .modal-xl {\n max-width: 1140px;\n }\n}\n\n.fade {\n transition: opacity 0.15s linear;\n}\n\n@media (prefers-reduced-motion: reduce) {\n .fade {\n transition: none;\n }\n}\n\n.fade:not(.show) {\n opacity: 0;\n}\n\n.collapse:not(.show) {\n display: none;\n}\n\n.collapsing {\n position: relative;\n height: 0;\n overflow: hidden;\n transition: height 0.35s ease;\n}\n\n@media (prefers-reduced-motion: reduce) {\n .collapsing {\n transition: none;\n }\n}\n\n.close {\n float: right;\n font-size: 1.3125rem;\n font-weight: 500;\n line-height: 1;\n color: #777;\n text-shadow: 0 1px 0 #fff;\n opacity: .5;\n}\n\n@media (max-width: 1200px) {\n .close {\n font-size: calc(1.25625rem + 0.075vw) ;\n }\n}\n\n.close:hover {\n color: #777;\n text-decoration: none;\n}\n\n.close:not(:disabled):not(.disabled):hover, .close:not(:disabled):not(.disabled):focus {\n opacity: .75;\n}\n\nbutton.close {\n padding: 0;\n background-color: transparent;\n border: 0;\n appearance: none;\n}\n\na.close.disabled {\n pointer-events: none;\n}\n\n.modal .modal-header {\n position: relative;\n padding: 16px 16px 16px 24px;\n}\n\n.modal .modal-header .close {\n padding: 16px;\n margin: -16px -16px -16px auto;\n font-size: 20px;\n font-weight: 600;\n opacity: 1;\n}\n\n.modal .modal-header .close span {\n color: #777;\n}\n\n.modal .modal-title {\n font-size: 16px;\n font-weight: 500;\n line-height: 24px;\n}\n\n.modal .modal-body {\n padding: 16px 24px;\n}\n\n.modal .modal-footer {\n padding: 4px 24px 32px;\n border-top: 0;\n}\n\n.modal-backdrop {\n opacity: 0.75;\n}\n\n/# sourceMappingURL=mekari-ui-modal.css.map /","$tooltip-bg: $dark;\n$tooltip-color: $white;\n$tooltip-arrow-width: 0;\n$tooltip-arrow-height: 0;\n$zindex-dropdown: 1000;\n$zindex-sticky: 1020;\n$zindex-fixed: 1030;\n$zindex-modal-backdrop: 1040;\n$zindex-modal: 1050;\n$zindex-popover: 1060;\n$zindex-tooltip: 1070;\n$tooltip-font-size: $font-size-sm;\n$tooltip-opacity: .9;\n$tooltip-arrow-color: $tooltip-bg;\n$tooltip-max-width: 200px;\n$tooltip-padding-y: .25rem;\n$tooltip-padding-x: .5rem;\n$tooltip-margin: .5rem;\n$tooltip-border-radius: 4px;\n","$modal-content-border-color: $smoke;\n$modal-title-line-height: 20px;\n$modal-header-padding: 17px 24px 15px;\n$modal-inner-padding: 24px;\n$modal-backdrop-opacity: .75;\n\n$modal-lg: 808px;\n$modal-md: 600px;\n$modal-sm: 392px;\n\n$transition-base: all .2s ease-in-out !default;\n$transition-fade: opacity .15s linear !default;\n$transition-collapse: height .35s ease !default;\n\n$modal-dialog-margin: .5rem;\n$modal-dialog-margin-y-sm-up: 1.75rem;\n$modal-fade-transform: translate(0, -50px);\n$modal-show-transform: none;\n$modal-transition: transform .3s ease-out;\n$modal-content-color: null;\n$modal-content-bg: $white;\n$modal-content-border-width: 1px;\n$modal-content-border-radius: .3rem;\n\n$modal-content-box-shadow-xs: 0 .25rem .5rem rgba($black, .5);\n$modal-content-box-shadow-sm-up: 0 .5rem 1rem rgba($black, .5);\n\n$modal-backdrop-bg: $black;\n$modal-header-border-width: $modal-content-border-width;\n$modal-header-border-color: $smoke;\n$modal-header-padding-y: 16px;\n$modal-header-padding-x: 16px;\n$modal-header-padding: $modal-header-padding-y $modal-header-padding-x; // Keep this for backwards compatibility\n$modal-footer-border-width: 1px;\n$modal-footer-border-color: $smoke;\n$modal-xl: 1140px;\n\n$close-font-size: $font-size-base * 1.5;\n$close-font-weight: $font-weight-bold;\n$close-color: $slate;\n$close-text-shadow: 0 1px 0 $white;\n","// stylelint-disable property-blacklist\n@mixin transition($transition...) {\n @if $enable-transitions {\n @if length($transition) == 0 {\n transition: $transition-base;\n } @else {\n transition: $transition;\n }\n }\n\n @if $enable-prefers-reduced-motion-media-query {\n @media (prefers-reduced-motion: reduce) {\n transition: none;\n }\n }\n}\n","// Neutrals color variables\n$dark: #212121;\n$slate: #777;\n$muted: #b4b4b4;\n$smoke: #e2e2e2;\n$snow: #fbfbfb;\n$white: #fff;\n$cloud: #f2f4f7;\n\n// UI color variables\n$red: #d74022;\n$green: #009f61;\n$light-yellow: #ffeb99;\n$blue: #1357ff;\n$orange: #ffb700;\n$sapphire: #005fbf;\n\n// Branding color variables\n$crimson: #c02a34;\n$azure: #009bde;\n$salamander: #f96d01;\n$purple: #6d48e5;\n\n// Bootstrap dependencies color\n$black: #000 !default;\n$gray-100: #f8f9fa !default;\n$gray-200: #e9ecef !default;\n$gray-300: #dee2e6 !default;\n$gray-400: #ced4da !default;\n$gray-500: #adb5bd !default;\n$gray-600: #6c757d !default;\n$gray-700: #495057 !default;\n$gray-800: #343a40 !default;\n$gray-900: #212529 !default;\n\n// The yiq lightness value that determines when the lightness of color changes from \"dark\" to \"light\". Acceptable values are between 0 and 255.\n$yiq-contrasted-threshold: 150 !default;\n\n// Customize the light and dark text colors for use in our YIQ color contrast function.\n$yiq-text-dark: $gray-900 !default;\n$yiq-text-light: $white !default;\n\n\n$grays: () !default;\n// stylelint-disable-next-line scss/dollar-variable-default\n$grays: map-merge(\n (\n \"100\": $gray-100,\n \"200\": $gray-200,\n \"300\": $gray-300,\n \"400\": $gray-400,\n \"500\": $gray-500,\n \"600\": $gray-600,\n \"700\": $gray-700,\n \"800\": $gray-800,\n \"900\": $gray-900\n ),\n $grays\n);\n\n// register mekari color variables too bootstrap\n$colors: ();\n$colors: map-merge(\n (\n \"noir\" : $dark, // going to deprecated\n \"dark\" : $dark,\n \"slate\" : $slate,\n \"muted\" : $muted,\n \"smoke\" : $smoke,\n \"snow\" : $snow,\n \"cloud\" : $cloud,\n \"crimson\" : $crimson,\n \"azure\" : $azure,\n \"salamander\" : $salamander,\n \"purple\" : $purple,\n \"sapphire\" : $sapphire,\n \"white\" : $white,\n \"red\" : $red,\n \"orange\" : $orange,\n \"green\" : $green,\n \"blue\" : $blue,\n \"light-yellow\" : $light-yellow\n ),\n $colors\n);\n\n//extend bootstrap class\n$danger: $red;\n$success: $green;\n$info: $light-yellow;\n$warning: $orange;\n$primary: $sapphire;\n$jurnal: $azure;\n$talenta: $crimson;\n$klikpajak: $salamander;\n$mekari: $purple;\n\n$link: $blue;\n\n$text-muted: $muted;\n$body-color: $dark;\n$dark: $dark;\n$secondary: $slate;\n$light: $snow;\n\n// Add more theme color variables\n$theme-colors: ();\n$theme-colors: map-merge(\n (\n \"danger\" : $danger,\n \"success\" : $success,\n \"info\" : $info,\n \"warning\" : $warning,\n \"primary\" : $primary,\n \"jurnal\" : $jurnal,\n \"talenta\" : $talenta,\n \"klikpajak\" : $klikpajak,\n \"mekari\" : $mekari,\n \"dark\" : $dark,\n \"slate\" : $slate,\n \"muted\" : $muted,\n \"smoke\" : $smoke,\n \"light\" : $light,\n \"cloud\" : $cloud,\n \"link\" : $blue,\n \"white\" : $white\n ),\n $theme-colors\n);\n\n$card-border-color: $smoke;\n$body-bg: $white;\n","// stylelint-disable property-blacklist\n// Single side border-radius\n\n@mixin border-radius($radius: $border-radius, $fallback-border-radius: false) {\n @if $enable-rounded {\n border-radius: $radius;\n }\n @else if $fallback-border-radius != false {\n border-radius: $fallback-border-radius;\n }\n}\n\n@mixin border-top-radius($radius) {\n @if $enable-rounded {\n border-top-left-radius: $radius;\n border-top-right-radius: $radius;\n }\n}\n\n@mixin border-right-radius($radius) {\n @if $enable-rounded {\n border-top-right-radius: $radius;\n border-bottom-right-radius: $radius;\n }\n}\n\n@mixin border-bottom-radius($radius) {\n @if $enable-rounded {\n border-bottom-right-radius: $radius;\n border-bottom-left-radius: $radius;\n }\n}\n\n@mixin border-left-radius($radius) {\n @if $enable-rounded {\n border-top-left-radius: $radius;\n border-bottom-left-radius: $radius;\n }\n}\n\n@mixin border-top-left-radius($radius) {\n @if $enable-rounded {\n border-top-left-radius: $radius;\n }\n}\n\n@mixin border-top-right-radius($radius) {\n @if $enable-rounded {\n border-top-right-radius: $radius;\n }\n}\n\n@mixin border-bottom-right-radius($radius) {\n @if $enable-rounded {\n border-bottom-right-radius: $radius;\n }\n}\n\n@mixin border-bottom-left-radius($radius) {\n @if $enable-rounded {\n border-bottom-left-radius: $radius;\n }\n}\n","// Variables\n//\n// Variables should follow the `$component-state-property-size` formula for\n// consistent naming. Ex: $nav-link-disabled-color and $modal-content-box-shadow-xs.\n\n// Color system\n\n$white: #fff !default;\n$gray-100: #f8f9fa !default;\n$gray-200: #e9ecef !default;\n$gray-300: #dee2e6 !default;\n$gray-400: #ced4da !default;\n$gray-500: #adb5bd !default;\n$gray-600: #6c757d !default;\n$gray-700: #495057 !default;\n$gray-800: #343a40 !default;\n$gray-900: #212529 !default;\n$black: #000 !default;\n\n$grays: () !default;\n// stylelint-disable-next-line scss/dollar-variable-default\n$grays: map-merge(\n (\n \"100\": $gray-100,\n \"200\": $gray-200,\n \"300\": $gray-300,\n \"400\": $gray-400,\n \"500\": $gray-500,\n \"600\": $gray-600,\n \"700\": $gray-700,\n \"800\": $gray-800,\n \"900\": $gray-900\n ),\n $grays\n);\n\n$blue: #007bff !default;\n$indigo: #6610f2 !default;\n$purple: #6f42c1 !default;\n$pink: #e83e8c !default;\n$red: #dc3545 !default;\n$orange: #fd7e14 !default;\n$yellow: #ffc107 !default;\n$green: #28a745 !default;\n$teal: #20c997 !default;\n$cyan: #17a2b8 !default;\n\n$colors: () !default;\n// stylelint-disable-next-line scss/dollar-variable-default\n$colors: map-merge(\n (\n \"blue\": $blue,\n \"indigo\": $indigo,\n \"purple\": $purple,\n \"pink\": $pink,\n \"red\": $red,\n \"orange\": $orange,\n \"yellow\": $yellow,\n \"green\": $green,\n \"teal\": $teal,\n \"cyan\": $cyan,\n \"white\": $white,\n \"gray\": $gray-600,\n \"gray-dark\": $gray-800\n ),\n $colors\n);\n\n$primary: $blue !default;\n$secondary: $gray-600 !default;\n$success: $green !default;\n$info: $cyan !default;\n$warning: $yellow !default;\n$danger: $red !default;\n$light: $gray-100 !default;\n$dark: $gray-800 !default;\n\n$theme-colors: () !default;\n// stylelint-disable-next-line scss/dollar-variable-default\n$theme-colors: map-merge(\n (\n \"primary\": $primary,\n \"secondary\": $secondary,\n \"success\": $success,\n \"info\": $info,\n \"warning\": $warning,\n \"danger\": $danger,\n \"light\": $light,\n \"dark\": $dark\n ),\n $theme-colors\n);\n\n// Set a specific jump point for requesting color jumps\n$theme-color-interval: 8% !default;\n\n// The yiq lightness value that determines when the lightness of color changes from \"dark\" to \"light\". Acceptable values are between 0 and 255.\n$yiq-contrasted-threshold: 150 !default;\n\n// Customize the light and dark text colors for use in our YIQ color contrast function.\n$yiq-text-dark: $gray-900 !default;\n$yiq-text-light: $white !default;\n\n\n// Options\n//\n// Quickly modify global styling by enabling or disabling optional features.\n\n$enable-caret: true !default;\n$enable-rounded: true !default;\n$enable-shadows: false !default;\n$enable-gradients: false !default;\n$enable-transitions: true !default;\n$enable-prefers-reduced-motion-media-query: true !default;\n$enable-hover-media-query: false !default; // Deprecated, no longer affects any compiled CSS\n$enable-grid-classes: true !default;\n$enable-pointer-cursor-for-buttons: true !default;\n$enable-print-styles: true !default;\n$enable-responsive-font-sizes: false !default;\n$enable-validation-icons: true !default;\n$enable-deprecation-messages: true !default;\n\n\n// Spacing\n//\n// Control the default styling of most Bootstrap elements by modifying these\n// variables. Mostly focused on spacing.\n// You can add more entries to the $spacers map, should you need more variation.\n\n$spacer: 1rem !default;\n$spacers: () !default;\n// stylelint-disable-next-line scss/dollar-variable-default\n$spacers: map-merge(\n (\n 0: 0,\n 1: ($spacer * .25),\n 2: ($spacer * .5),\n 3: $spacer,\n 4: ($spacer * 1.5),\n 5: ($spacer * 3)\n ),\n $spacers\n);\n\n// This variable affects the `.h-` and `.w-` classes.\n$sizes: () !default;\n// stylelint-disable-next-line scss/dollar-variable-default\n$sizes: map-merge(\n (\n 25: 25%,\n 50: 50%,\n 75: 75%,\n 100: 100%,\n auto: auto\n ),\n $sizes\n);\n\n\n// Body\n//\n// Settings for the `<body>` element.\n\n$body-bg: $white !default;\n$body-color: $gray-900 !default;\n\n\n// Links\n//\n// Style anchor elements.\n\n$link-color: theme-color(\"primary\") !default;\n$link-decoration: none !default;\n$link-hover-color: darken($link-color, 15%) !default;\n$link-hover-decoration: underline !default;\n// Darken percentage for links with `.text-` class (e.g. `.text-success`)\n$emphasized-link-hover-darken-percentage: 15% !default;\n\n// Paragraphs\n//\n// Style p element.\n\n$paragraph-margin-bottom: 1rem !default;\n\n\n// Grid breakpoints\n//\n// Define the minimum dimensions at which your layout will change,\n// adapting to different screen sizes, for use in media queries.\n\n$grid-breakpoints: (\n xs: 0,\n sm: 576px,\n md: 768px,\n lg: 992px,\n xl: 1200px\n) !default;\n\n@include _assert-ascending($grid-breakpoints, \"$grid-breakpoints\");\n@include _assert-starts-at-zero($grid-breakpoints, \"$grid-breakpoints\");\n\n\n// Grid containers\n//\n// Define the maximum width of `.container` for different screen sizes.\n\n$container-max-widths: (\n sm: 540px,\n md: 720px,\n lg: 960px,\n xl: 1140px\n) !default;\n\n@include _assert-ascending($container-max-widths, \"$container-max-widths\");\n\n\n// Grid columns\n//\n// Set the number of columns and specify the width of the gutters.\n\n$grid-columns: 12 !default;\n$grid-gutter-width: 30px !default;\n\n\n// Components\n//\n// Define common padding and border radius sizes and more.\n\n$line-height-lg: 1.5 !default;\n$line-height-sm: 1.5 !default;\n\n$border-width: 1px !default;\n$border-color: $gray-300 !default;\n\n$border-radius: .25rem !default;\n$border-radius-lg: .3rem !default;\n$border-radius-sm: .2rem !default;\n\n$rounded-pill: 50rem !default;\n\n$box-shadow-sm: 0 .125rem .25rem rgba($black, .075) !default;\n$box-shadow: 0 .5rem 1rem rgba($black, .15) !default;\n$box-shadow-lg: 0 1rem 3rem rgba($black, .175) !default;\n\n$component-active-color: $white !default;\n$component-active-bg: theme-color(\"primary\") !default;\n\n$caret-width: .3em !default;\n$caret-vertical-align: $caret-width .85 !default;\n$caret-spacing: $caret-width * .85 !default;\n\n$transition-base: all .2s ease-in-out !default;\n$transition-fade: opacity .15s linear !default;\n$transition-collapse: height .35s ease !default;\n\n$embed-responsive-aspect-ratios: () !default;\n// stylelint-disable-next-line scss/dollar-variable-default\n$embed-responsive-aspect-ratios: join(\n (\n (21 9),\n (16 9),\n (4 3),\n (1 1),\n ),\n $embed-responsive-aspect-ratios\n);\n\n// Typography\n//\n// Font, line-height, and color for body text, headings, and more.\n\n// stylelint-disable value-keyword-case\n$font-family-sans-serif: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, \"Noto Sans\", sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\" !default;\n$font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace !default;\n$font-family-base: $font-family-sans-serif !default;\n// stylelint-enable value-keyword-case\n\n$font-size-base: 1rem !default; // Assumes the browser default, typically `16px`\n$font-size-lg: $font-size-base * 1.25 !default;\n$font-size-sm: $font-size-base * .875 !default;\n\n$font-weight-lighter: lighter !default;\n$font-weight-light: 300 !default;\n$font-weight-normal: 400 !default;\n$font-weight-bold: 700 !default;\n$font-weight-bolder: bolder !default;\n\n$font-weight-base: $font-weight-normal !default;\n$line-height-base: 1.5 !default;\n\n$h1-font-size: $font-size-base * 2.5 !default;\n$h2-font-size: $font-size-base * 2 !default;\n$h3-font-size: $font-size-base * 1.75 !default;\n$h4-font-size: $font-size-base * 1.5 !default;\n$h5-font-size: $font-size-base * 1.25 !default;\n$h6-font-size: $font-size-base !default;\n\n$headings-margin-bottom: $spacer / 2 !default;\n$headings-font-family: null !default;\n$headings-font-weight: 500 !default;\n$headings-line-height: 1.2 !default;\n$headings-color: null !default;\n\n$display1-size: 6rem !default;\n$display2-size: 5.5rem !default;\n$display3-size: 4.5rem !default;\n$display4-size: 3.5rem !default;\n\n$display1-weight: 300 !default;\n$display2-weight: 300 !default;\n$display3-weight: 300 !default;\n$display4-weight: 300 !default;\n$display-line-height: $headings-line-height !default;\n\n$lead-font-size: $font-size-base * 1.25 !default;\n$lead-font-weight: 300 !default;\n\n$small-font-size: 80% !default;\n\n$text-muted: $gray-600 !default;\n\n$blockquote-small-color: $gray-600 !default;\n$blockquote-small-font-size: $small-font-size !default;\n$blockquote-font-size: $font-size-base * 1.25 !default;\n\n$hr-border-color: rgba($black, .1) !default;\n$hr-border-width: $border-width !default;\n\n$mark-padding: .2em !default;\n\n$dt-font-weight: $font-weight-bold !default;\n\n$kbd-box-shadow: inset 0 -.1rem 0 rgba($black, .25) !default;\n$nested-kbd-font-weight: $font-weight-bold !default;\n\n$list-inline-padding: .5rem !default;\n\n$mark-bg: #fcf8e3 !default;\n\n$hr-margin-y: $spacer !default;\n\n\n// Tables\n//\n// Customizes the `.table` component with basic values, each used across all table variations.\n\n$table-cell-padding: .75rem !default;\n$table-cell-padding-sm: .3rem !default;\n\n$table-color: $body-color !default;\n$table-bg: null !default;\n$table-accent-bg: rgba($black, .05) !default;\n$table-hover-color: $table-color !default;\n$table-hover-bg: rgba($black, .075) !default;\n$table-active-bg: $table-hover-bg !default;\n\n$table-border-width: $border-width !default;\n$table-border-color: $border-color !default;\n\n$table-head-bg: $gray-200 !default;\n$table-head-color: $gray-700 !default;\n\n$table-dark-color: $white !default;\n$table-dark-bg: $gray-800 !default;\n$table-dark-accent-bg: rgba($white, .05) !default;\n$table-dark-hover-color: $table-dark-color !default;\n$table-dark-hover-bg: rgba($white, .075) !default;\n$table-dark-border-color: lighten($table-dark-bg, 7.5%) !default;\n$table-dark-color: $white !default;\n\n$table-striped-order: odd !default;\n\n$table-caption-color: $text-muted !default;\n\n$table-bg-level: -9 !default;\n$table-border-level: -6 !default;\n\n\n// Buttons + Forms\n//\n// Shared variables that are reassigned to `$input-` and `$btn-` specific variables.\n\n$input-btn-padding-y: .375rem !default;\n$input-btn-padding-x: .75rem !default;\n$input-btn-font-family: null !default;\n$input-btn-font-size: $font-size-base !default;\n$input-btn-line-height: $line-height-base !default;\n\n$input-btn-focus-width: .2rem !default;\n$input-btn-focus-color: rgba($component-active-bg, .25) !default;\n$input-btn-focus-box-shadow: 0 0 0 $input-btn-focus-width $input-btn-focus-color !default;\n\n$input-btn-padding-y-sm: .25rem !default;\n$input-btn-padding-x-sm: .5rem !default;\n$input-btn-font-size-sm: $font-size-sm !default;\n$input-btn-line-height-sm: $line-height-sm !default;\n\n$input-btn-padding-y-lg: .5rem !default;\n$input-btn-padding-x-lg: 1rem !default;\n$input-btn-font-size-lg: $font-size-lg !default;\n$input-btn-line-height-lg: $line-height-lg !default;\n\n$input-btn-border-width: $border-width !default;\n\n\n// Buttons\n//\n// For each of Bootstrap's buttons, define text, background, and border color.\n\n$btn-padding-y: $input-btn-padding-y !default;\n$btn-padding-x: $input-btn-padding-x !default;\n$btn-font-family: $input-btn-font-family !default;\n$btn-font-size: $input-btn-font-size !default;\n$btn-line-height: $input-btn-line-height !default;\n\n$btn-padding-y-sm: $input-btn-padding-y-sm !default;\n$btn-padding-x-sm: $input-btn-padding-x-sm !default;\n$btn-font-size-sm: $input-btn-font-size-sm !default;\n$btn-line-height-sm: $input-btn-line-height-sm !default;\n\n$btn-padding-y-lg: $input-btn-padding-y-lg !default;\n$btn-padding-x-lg: $input-btn-padding-x-lg !default;\n$btn-font-size-lg: $input-btn-font-size-lg !default;\n$btn-line-height-lg: $input-btn-line-height-lg !default;\n\n$btn-border-width: $input-btn-border-width !default;\n\n$btn-font-weight: $font-weight-normal !default;\n$btn-box-shadow: inset 0 1px 0 rgba($white, .15), 0 1px 1px rgba($black, .075) !default;\n$btn-focus-width: $input-btn-focus-width !default;\n$btn-focus-box-shadow: $input-btn-focus-box-shadow !default;\n$btn-disabled-opacity: .65 !default;\n$btn-active-box-shadow: inset 0 3px 5px rgba($black, .125) !default;\n\n$btn-link-disabled-color: $gray-600 !default;\n\n$btn-block-spacing-y: .5rem !default;\n\n// Allows for customizing button radius independently from global border radius\n$btn-border-radius: $border-radius !default;\n$btn-border-radius-lg: $border-radius-lg !default;\n$btn-border-radius-sm: $border-radius-sm !default;\n\n$btn-transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out !default;\n\n\n// Forms\n\n$label-margin-bottom: .5rem !default;\n\n$input-padding-y: $input-btn-padding-y !default;\n$input-padding-x: $input-btn-padding-x !default;\n$input-font-family: $input-btn-font-family !default;\n$input-font-size: $input-btn-font-size !default;\n$input-font-weight: $font-weight-base !default;\n$input-line-height: $input-btn-line-height !default;\n\n$input-padding-y-sm: $input-btn-padding-y-sm !default;\n$input-padding-x-sm: $input-btn-padding-x-sm !default;\n$input-font-size-sm: $input-btn-font-size-sm !default;\n$input-line-height-sm: $input-btn-line-height-sm !default;\n\n$input-padding-y-lg: $input-btn-padding-y-lg !default;\n$input-padding-x-lg: $input-btn-padding-x-lg !default;\n$input-font-size-lg: $input-btn-font-size-lg !default;\n$input-line-height-lg: $input-btn-line-height-lg !default;\n\n$input-bg: $white !default;\n$input-disabled-bg: $gray-200 !default;\n\n$input-color: $gray-700 !default;\n$input-border-color: $gray-400 !default;\n$input-border-width: $input-btn-border-width !default;\n$input-box-shadow: inset 0 1px 1px rgba($black, .075) !default;\n\n$input-border-radius: $border-radius !default;\n$input-border-radius-lg: $border-radius-lg !default;\n$input-border-radius-sm: $border-radius-sm !default;\n\n$input-focus-bg: $input-bg !default;\n$input-focus-border-color: lighten($component-active-bg, 25%) !default;\n$input-focus-color: $input-color !default;\n$input-focus-width: $input-btn-focus-width !default;\n$input-focus-box-shadow: $input-btn-focus-box-shadow !default;\n\n$input-placeholder-color: $gray-600 !default;\n$input-plaintext-color: $body-color !default;\n\n$input-height-border: $input-border-width * 2 !default;\n\n$input-height-inner: calc(#{$input-line-height * 1em} + #{$input-padding-y * 2}) !default;\n$input-height-inner-half: calc(#{$input-line-height * .5em} + #{$input-padding-y}) !default;\n$input-height-inner-quarter: calc(#{$input-line-height * .25em} + #{$input-padding-y / 2}) !default;\n\n$input-height: calc(#{$input-line-height * 1em} + #{$input-padding-y * 2} + #{$input-height-border}) !default;\n$input-height-sm: calc(#{$input-line-height-sm * 1em} + #{$input-btn-padding-y-sm * 2} + #{$input-height-border}) !default;\n$input-height-lg: calc(#{$input-line-height-lg * 1em} + #{$input-btn-padding-y-lg * 2} + #{$input-height-border}) !default;\n\n$input-transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out !default;\n\n$form-text-margin-top: .25rem !default;\n\n$form-check-input-gutter: 1.25rem !default;\n$form-check-input-margin-y: .3rem !default;\n$form-check-input-margin-x: .25rem !default;\n\n$form-check-inline-margin-x: .75rem !default;\n$form-check-inline-input-margin-x: .3125rem !default;\n\n$form-grid-gutter-width: 10px !default;\n$form-group-margin-bottom: 1rem !default;\n\n$input-group-addon-color: $input-color !default;\n$input-group-addon-bg: $gray-200 !default;\n$input-group-addon-border-color: $input-border-color !default;\n\n$custom-forms-transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out !default;\n\n$custom-control-gutter: .5rem !default;\n$custom-control-spacer-x: 1rem !default;\n\n$custom-control-indicator-size: 1rem !default;\n$custom-control-indicator-bg: $input-bg !default;\n\n$custom-control-indicator-bg-size: 50% 50% !default;\n$custom-control-indicator-box-shadow: $input-box-shadow !default;\n$custom-control-indicator-border-color: $gray-500 !default;\n$custom-control-indicator-border-width: $input-border-width !default;\n\n$custom-control-indicator-disabled-bg: $input-disabled-bg !default;\n$custom-control-label-disabled-color: $gray-600 !default;\n\n$custom-control-indicator-checked-color: $component-active-color !default;\n$custom-control-indicator-checked-bg: $component-active-bg !default;\n$custom-control-indicator-checked-disabled-bg: rgba(theme-color(\"primary\"), .5) !default;\n$custom-control-indicator-checked-box-shadow: none !default;\n$custom-control-indicator-checked-border-color: $custom-control-indicator-checked-bg !default;\n\n$custom-control-indicator-focus-box-shadow: $input-focus-box-shadow !default;\n$custom-control-indicator-focus-border-color: $input-focus-border-color !default;\n\n$custom-control-indicator-active-color: $component-active-color !default;\n$custom-control-indicator-active-bg: lighten($component-active-bg, 35%) !default;\n$custom-control-indicator-active-box-shadow: none !default;\n$custom-control-indicator-active-border-color: $custom-control-indicator-active-bg !default;\n\n$custom-checkbox-indicator-border-radius: $border-radius !default;\n$custom-checkbox-indicator-icon-checked: str-replace(url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='#{$custom-control-indicator-checked-color}' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3e%3c/svg%3e\"), \"#\", \"%23\") !default;\n\n$custom-checkbox-indicator-indeterminate-bg: $component-active-bg !default;\n$custom-checkbox-indicator-indeterminate-color: $custom-control-indicator-checked-color !default;\n$custom-checkbox-indicator-icon-indeterminate: str-replace(url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 4'%3e%3cpath stroke='#{$custom-checkbox-indicator-indeterminate-color}' d='M0 2h4'/%3e%3c/svg%3e\"), \"#\", \"%23\") !default;\n$custom-checkbox-indicator-indeterminate-box-shadow: none !default;\n$custom-checkbox-indicator-indeterminate-border-color: $custom-checkbox-indicator-indeterminate-bg !default;\n\n$custom-radio-indicator-border-radius: 50% !default;\n$custom-radio-indicator-icon-checked: str-replace(url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='#{$custom-control-indicator-checked-color}'/%3e%3c/svg%3e\"), \"#\", \"%23\") !default;\n\n$custom-switch-width: $custom-control-indicator-size * 1.75 !default;\n$custom-switch-indicator-border-radius: $custom-control-indicator-size / 2 !default;\n$custom-switch-indicator-size: calc(#{$custom-control-indicator-size} - #{$custom-control-indicator-border-width * 4}) !default;\n\n$custom-select-padding-y: $input-padding-y !default;\n$custom-select-padding-x: $input-padding-x !default;\n$custom-select-font-family: $input-font-family !default;\n$custom-select-font-size: $input-font-size !default;\n$custom-select-height: $input-height !default;\n$custom-select-indicator-padding: 1rem !default; // Extra padding to account for the presence of the background-image based indicator\n$custom-select-font-weight: $input-font-weight !default;\n$custom-select-line-height: $input-line-height !default;\n$custom-select-color: $input-color !default;\n$custom-select-disabled-color: $gray-600 !default;\n$custom-select-bg: $input-bg !default;\n$custom-select-disabled-bg: $gray-200 !default;\n$custom-select-bg-size: 8px 10px !default; // In pixels because image dimensions\n$custom-select-indicator-color: $gray-800 !default;\n$custom-select-indicator: str-replace(url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3e%3cpath fill='#{$custom-select-indicator-color}' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e\"), \"#\", \"%23\") !default;\n$custom-select-background: $custom-select-indicator no-repeat right $custom-select-padding-x center / $custom-select-bg-size !default; // Used so we can have multiple background elements (e.g., arrow and feedback icon)\n\n$custom-select-feedback-icon-padding-right: calc((1em + #{2 * $custom-select-padding-y}) * 3 / 4 + #{$custom-select-padding-x + $custom-select-indicator-padding}) !default;\n$custom-select-feedback-icon-position: center right ($custom-select-padding-x + $custom-select-indicator-padding) !default;\n$custom-select-feedback-icon-size: $input-height-inner-half $input-height-inner-half !default;\n\n$custom-select-border-width: $input-border-width !default;\n$custom-select-border-color: $input-border-color !default;\n$custom-select-border-radius: $border-radius !default;\n$custom-select-box-shadow: inset 0 1px 2px rgba($black, .075) !default;\n\n$custom-select-focus-border-color: $input-focus-border-color !default;\n$custom-select-focus-width: $input-focus-width !default;\n$custom-select-focus-box-shadow: 0 0 0 $custom-select-focus-width $input-btn-focus-color !default;\n\n$custom-select-padding-y-sm: $input-padding-y-sm !default;\n$custom-select-padding-x-sm: $input-padding-x-sm !default;\n$custom-select-font-size-sm: $input-font-size-sm !default;\n$custom-select-height-sm: $input-height-sm !default;\n\n$custom-select-padding-y-lg: $input-padding-y-lg !default;\n$custom-select-padding-x-lg: $input-padding-x-lg !default;\n$custom-select-font-size-lg: $input-font-size-lg !default;\n$custom-select-height-lg: $input-height-lg !default;\n\n$custom-range-track-width: 100% !default;\n$custom-range-track-height: .5rem !default;\n$custom-range-track-cursor: pointer !default;\n$custom-range-track-bg: $gray-300 !default;\n$custom-range-track-border-radius: 1rem !default;\n$custom-range-track-box-shadow: inset 0 .25rem .25rem rgba($black, .1) !default;\n\n$custom-range-thumb-width: 1rem !default;\n$custom-range-thumb-height: $custom-range-thumb-width !default;\n$custom-range-thumb-bg: $component-active-bg !default;\n$custom-range-thumb-border: 0 !default;\n$custom-range-thumb-border-radius: 1rem !default;\n$custom-range-thumb-box-shadow: 0 .1rem .25rem rgba($black, .1) !default;\n$custom-range-thumb-focus-box-shadow: 0 0 0 1px $body-bg, $input-focus-box-shadow !default;\n$custom-range-thumb-focus-box-shadow-width: $input-focus-width !default; // For focus box shadow issue in IE/Edge\n$custom-range-thumb-active-bg: lighten($component-active-bg, 35%) !default;\n$custom-range-thumb-disabled-bg: $gray-500 !default;\n\n$custom-file-height: $input-height !default;\n$custom-file-height-inner: $input-height-inner !default;\n$custom-file-focus-border-color: $input-focus-border-color !default;\n$custom-file-focus-box-shadow: $input-focus-box-shadow !default;\n$custom-file-disabled-bg: $input-disabled-bg !default;\n\n$custom-file-padding-y: $input-padding-y !default;\n$custom-file-padding-x: $input-padding-x !default;\n$custom-file-line-height: $input-line-height !default;\n$custom-file-font-family: $input-font-family !default;\n$custom-file-font-weight: $input-font-weight !default;\n$custom-file-color: $input-color !default;\n$custom-file-bg: $input-bg !default;\n$custom-file-border-width: $input-border-width !default;\n$custom-file-border-color: $input-border-color !default;\n$custom-file-border-radius: $input-border-radius !default;\n$custom-file-box-shadow: $input-box-shadow !default;\n$custom-file-button-color: $custom-file-color !default;\n$custom-file-button-bg: $input-group-addon-bg !default;\n$custom-file-text: (\n en: \"Browse\"\n) !default;\n\n\n// Form validation\n\n$form-feedback-margin-top: $form-text-margin-top !default;\n$form-feedback-font-size: $small-font-size !default;\n$form-feedback-valid-color: theme-color(\"success\") !default;\n$form-feedback-invalid-color: theme-color(\"danger\") !default;\n\n$form-feedback-icon-valid-color: $form-feedback-valid-color !default;\n$form-feedback-icon-valid: str-replace(url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='#{$form-feedback-icon-valid-color}' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e\"), \"#\", \"%23\") !default;\n$form-feedback-icon-invalid-color: $form-feedback-invalid-color !default;\n$form-feedback-icon-invalid: str-replace(url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='#{$form-feedback-icon-invalid-color}' viewBox='-2 -2 7 7'%3e%3cpath stroke='#{$form-feedback-icon-invalid-color}' d='M0 0l3 3m0-3L0 3'/%3e%3ccircle r='.5'/%3e%3ccircle cx='3' r='.5'/%3e%3ccircle cy='3' r='.5'/%3e%3ccircle cx='3' cy='3' r='.5'/%3e%3c/svg%3E\"), \"#\", \"%23\") !default;\n\n$form-validation-states: () !default;\n// stylelint-disable-next-line scss/dollar-variable-default\n$form-validation-states: map-merge(\n (\n \"valid\": (\n \"color\": $form-feedback-valid-color,\n \"icon\": $form-feedback-icon-valid\n ),\n \"invalid\": (\n \"color\": $form-feedback-invalid-color,\n \"icon\": $form-feedback-icon-invalid\n ),\n ),\n $form-validation-states\n);\n\n// Z-index master list\n//\n// Warning: Avoid customizing these values. They're used for a bird's eye view\n// of components dependent on the z-axis and are designed to all work together.\n\n$zindex-dropdown: 1000 !default;\n$zindex-sticky: 1020 !default;\n$zindex-fixed: 1030 !default;\n$zindex-modal-backdrop: 1040 !default;\n$zindex-modal: 1050 !default;\n$zindex-popover: 1060 !default;\n$zindex-tooltip: 1070 !default;\n\n\n// Navs\n\n$nav-link-padding-y: .5rem !default;\n$nav-link-padding-x: 1rem !default;\n$nav-link-disabled-color: $gray-600 !default;\n\n$nav-tabs-border-color: $gray-300 !default;\n$nav-tabs-border-width: $border-width !default;\n$nav-tabs-border-radius: $border-radius !default;\n$nav-tabs-link-hover-border-color: $gray-200 $gray-200 $nav-tabs-border-color !default;\n$nav-tabs-link-active-color: $gray-700 !default;\n$nav-tabs-link-active-bg: $body-bg !default;\n$nav-tabs-link-active-border-color: $gray-300 $gray-300 $nav-tabs-link-active-bg !default;\n\n$nav-pills-border-radius: $border-radius !default;\n$nav-pills-link-active-color: $component-active-color !default;\n$nav-pills-link-active-bg: $component-active-bg !default;\n\n$nav-divider-color: $gray-200 !default;\n$nav-divider-margin-y: $spacer / 2 !default;\n\n\n// Navbar\n\n$navbar-padding-y: $spacer / 2 !default;\n$navbar-padding-x: $spacer !default;\n\n$navbar-nav-link-padding-x: .5rem !default;\n\n$navbar-brand-font-size: $font-size-lg !default;\n// Compute the navbar-brand padding-y so the navbar-brand will have the same height as navbar-text and nav-link\n$nav-link-height: $font-size-base * $line-height-base + $nav-link-padding-y * 2 !default;\n$navbar-brand-height: $navbar-brand-font-size * $line-height-base !default;\n$navbar-brand-padding-y: ($nav-link-height - $navbar-brand-height) / 2 !default;\n\n$navbar-toggler-padding-y: .25rem !default;\n$navbar-toggler-padding-x: .75rem !default;\n$navbar-toggler-font-size: $font-size-lg !default;\n$navbar-toggler-border-radius: $btn-border-radius !default;\n\n$navbar-dark-color: rgba($white, .5) !default;\n$navbar-dark-hover-color: rgba($white, .75) !default;\n$navbar-dark-active-color: $white !default;\n$navbar-dark-disabled-color: rgba($white, .25) !default;\n$navbar-dark-toggler-icon-bg: str-replace(url(\"data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='#{$navbar-dark-color}' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e\"), \"#\", \"%23\") !default;\n$navbar-dark-toggler-border-color: rgba($white, .1) !default;\n\n$navbar-light-color: rgba($black, .5) !default;\n$navbar-light-hover-color: rgba($black, .7) !default;\n$navbar-light-active-color: rgba($black, .9) !default;\n$navbar-light-disabled-color: rgba($black, .3) !default;\n$navbar-light-toggler-icon-bg: str-replace(url(\"data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='#{$navbar-light-color}' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e\"), \"#\", \"%23\") !default;\n$navbar-light-toggler-border-color: rgba($black, .1) !default;\n\n$navbar-light-brand-color: $navbar-light-active-color !default;\n$navbar-light-brand-hover-color: $navbar-light-active-color !default;\n$navbar-dark-brand-color: $navbar-dark-active-color !default;\n$navbar-dark-brand-hover-color: $navbar-dark-active-color !default;\n\n\n// Dropdowns\n//\n// Dropdown menu container and contents.\n\n$dropdown-min-width: 10rem !default;\n$dropdown-padding-y: .5rem !default;\n$dropdown-spacer: .125rem !default;\n$dropdown-font-size: $font-size-base !default;\n$dropdown-color: $body-color !default;\n$dropdown-bg: $white !default;\n$dropdown-border-color: rgba($black, .15) !default;\n$dropdown-border-radius: $border-radius !default;\n$dropdown-border-width: $border-width !default;\n$dropdown-inner-border-radius: calc(#{$dropdown-border-radius} - #{$dropdown-border-width}) !default;\n$dropdown-divider-bg: $gray-200 !default;\n$dropdown-divider-margin-y: $nav-divider-margin-y !default;\n$dropdown-box-shadow: 0 .5rem 1rem rgba($black, .175) !default;\n\n$dropdown-link-color: $gray-900 !default;\n$dropdown-link-hover-color: darken($gray-900, 5%) !default;\n$dropdown-link-hover-bg: $gray-100 !default;\n\n$dropdown-link-active-color: $component-active-color !default;\n$dropdown-link-active-bg: $component-active-bg !default;\n\n$dropdown-link-disabled-color: $gray-600 !default;\n\n$dropdown-item-padding-y: .25rem !default;\n$dropdown-item-padding-x: 1.5rem !default;\n\n$dropdown-header-color: $gray-600 !default;\n\n\n// Pagination\n\n$pagination-padding-y: .5rem !default;\n$pagination-padding-x: .75rem !default;\n$pagination-padding-y-sm: .25rem !default;\n$pagination-padding-x-sm: .5rem !default;\n$pagination-padding-y-lg: .75rem !default;\n$pagination-padding-x-lg: 1.5rem !default;\n$pagination-line-height: 1.25 !default;\n\n$pagination-color: $link-color !default;\n$pagination-bg: $white !default;\n$pagination-border-width: $border-width !default;\n$pagination-border-color: $gray-300 !default;\n\n$pagination-focus-box-shadow: $input-btn-focus-box-shadow !default;\n$pagination-focus-outline: 0 !default;\n\n$pagination-hover-color: $link-hover-color !default;\n$pagination-hover-bg: $gray-200 !default;\n$pagination-hover-border-color: $gray-300 !default;\n\n$pagination-active-color: $component-active-color !default;\n$pagination-active-bg: $component-active-bg !default;\n$pagination-active-border-color: $pagination-active-bg !default;\n\n$pagination-disabled-color: $gray-600 !default;\n$pagination-disabled-bg: $white !default;\n$pagination-disabled-border-color: $gray-300 !default;\n\n\n// Jumbotron\n\n$jumbotron-padding: 2rem !default;\n$jumbotron-color: null !default;\n$jumbotron-bg: $gray-200 !default;\n\n\n// Cards\n\n$card-spacer-y: .75rem !default;\n$card-spacer-x: 1.25rem !default;\n$card-border-width: $border-width !default;\n$card-border-radius: $border-radius !default;\n$card-border-color: rgba($black, .125) !default;\n$card-inner-border-radius: calc(#{$card-border-radius} - #{$card-border-width}) !default;\n$card-cap-bg: rgba($black, .03) !default;\n$card-cap-color: null !default;\n$card-color: null !default;\n$card-bg: $white !default;\n\n$card-img-overlay-padding: 1.25rem !default;\n\n$card-group-margin: $grid-gutter-width / 2 !default;\n$card-deck-margin: $card-group-margin !default;\n\n$card-columns-count: 3 !default;\n$card-columns-gap: 1.25rem !default;\n$card-columns-margin: $card-spacer-y !default;\n\n\n// Tooltips\n\n$tooltip-font-size: $font-size-sm !default;\n$tooltip-max-width: 200px !default;\n$tooltip-color: $white !default;\n$tooltip-bg: $black !default;\n$tooltip-border-radius: $border-radius !default;\n$tooltip-opacity: .9 !default;\n$tooltip-padding-y: .25rem !default;\n$tooltip-padding-x: .5rem !default;\n$tooltip-margin: 0 !default;\n\n$tooltip-arrow-width: .8rem !default;\n$tooltip-arrow-height: .4rem !default;\n$tooltip-arrow-color: $tooltip-bg !default;\n\n// Form tooltips must come after regular tooltips\n$form-feedback-tooltip-padding-y: $tooltip-padding-y !default;\n$form-feedback-tooltip-padding-x: $tooltip-padding-x !default;\n$form-feedback-tooltip-font-size: $tooltip-font-size !default;\n$form-feedback-tooltip-line-height: $line-height-base !default;\n$form-feedback-tooltip-opacity: $tooltip-opacity !default;\n$form-feedback-tooltip-border-radius: $tooltip-border-radius !default;\n\n\n// Popovers\n\n$popover-font-size: $font-size-sm !default;\n$popover-bg: $white !default;\n$popover-max-width: 276px !default;\n$popover-border-width: $border-width !default;\n$popover-border-color: rgba($black, .2) !default;\n$popover-border-radius: $border-radius-lg !default;\n$popover-box-shadow: 0 .25rem .5rem rgba($black, .2) !default;\n\n$popover-header-bg: darken($popover-bg, 3%) !default;\n$popover-header-color: $headings-color !default;\n$popover-header-padding-y: .5rem !default;\n$popover-header-padding-x: .75rem !default;\n\n$popover-body-color: $body-color !default;\n$popover-body-padding-y: $popover-header-padding-y !default;\n$popover-body-padding-x: $popover-header-padding-x !default;\n\n$popover-arrow-width: 1rem !default;\n$popover-arrow-height: .5rem !default;\n$popover-arrow-color: $popover-bg !default;\n\n$popover-arrow-outer-color: fade-in($popover-border-color, .05) !default;\n\n\n// Toasts\n\n$toast-max-width: 350px !default;\n$toast-padding-x: .75rem !default;\n$toast-padding-y: .25rem !default;\n$toast-font-size: .875rem !default;\n$toast-color: null !default;\n$toast-background-color: rgba($white, .85) !default;\n$toast-border-width: 1px !default;\n$toast-border-color: rgba(0, 0, 0, .1) !default;\n$toast-border-radius: .25rem !default;\n$toast-box-shadow: 0 .25rem .75rem rgba($black, .1) !default;\n\n$toast-header-color: $gray-600 !default;\n$toast-header-background-color: rgba($white, .85) !default;\n$toast-header-border-color: rgba(0, 0, 0, .05) !default;\n\n\n// Badges\n\n$badge-font-size: 75% !default;\n$badge-font-weight: $font-weight-bold !default;\n$badge-padding-y: .25em !default;\n$badge-padding-x: .4em !default;\n$badge-border-radius: $border-radius !default;\n\n$badge-transition: $btn-transition !default;\n$badge-focus-width: $input-btn-focus-width !default;\n\n$badge-pill-padding-x: .6em !default;\n// Use a higher than normal value to ensure completely rounded edges when\n// customizing padding or font-size on labels.\n$badge-pill-border-radius: 10rem !default;\n\n\n// Modals\n\n// Padding applied to the modal body\n$modal-inner-padding: 1rem !default;\n\n$modal-dialog-margin: .5rem !default;\n$modal-dialog-margin-y-sm-up: 1.75rem !default;\n\n$modal-title-line-height: $line-height-base !default;\n\n$modal-content-color: null !default;\n$modal-content-bg: $white !default;\n$modal-content-border-color: rgba($black, .2) !default;\n$modal-content-border-width: $border-width !default;\n$modal-content-border-radius: $border-radius-lg !default;\n$modal-content-box-shadow-xs: 0 .25rem .5rem rgba($black, .5) !default;\n$modal-content-box-shadow-sm-up: 0 .5rem 1rem rgba($black, .5) !default;\n\n$modal-backdrop-bg: $black !default;\n$modal-backdrop-opacity: .5 !default;\n$modal-header-border-color: $border-color !default;\n$modal-footer-border-color: $modal-header-border-color !default;\n$modal-header-border-width: $modal-content-border-width !default;\n$modal-footer-border-width: $modal-header-border-width !default;\n$modal-header-padding-y: 1rem !default;\n$modal-header-padding-x: 1rem !default;\n$modal-header-padding: $modal-header-padding-y $modal-header-padding-x !default; // Keep this for backwards compatibility\n\n$modal-xl: 1140px !default;\n$modal-lg: 800px !default;\n$modal-md: 500px !default;\n$modal-sm: 300px !default;\n\n$modal-fade-transform: translate(0, -50px) !default;\n$modal-show-transform: none !default;\n$modal-transition: transform .3s ease-out !default;\n\n\n// Alerts\n//\n// Define alert colors, border radius, and padding.\n\n$alert-padding-y: .75rem !default;\n$alert-padding-x: 1.25rem !default;\n$alert-margin-bottom: 1rem !default;\n$alert-border-radius: $border-radius !default;\n$alert-link-font-weight: $font-weight-bold !default;\n$alert-border-width: $border-width !default;\n\n$alert-bg-level: -10 !default;\n$alert-border-level: -9 !default;\n$alert-color-level: 6 !default;\n\n\n// Progress bars\n\n$progress-height: 1rem !default;\n$progress-font-size: $font-size-base * .75 !default;\n$progress-bg: $gray-200 !default;\n$progress-border-radius: $border-radius !default;\n$progress-box-shadow: inset 0 .1rem .1rem rgba($black, .1) !default;\n$progress-bar-color: $white !default;\n$progress-bar-bg: theme-color(\"primary\") !default;\n$progress-bar-animation-timing: 1s linear infinite !default;\n$progress-bar-transition: width .6s ease !default;\n\n\n// List group\n\n$list-group-color: null !default;\n$list-group-bg: $white !default;\n$list-group-border-color: rgba($black, .125) !default;\n$list-group-border-width: $border-width !default;\n$list-group-border-radius: $border-radius !default;\n\n$list-group-item-padding-y: .75rem !default;\n$list-group-item-padding-x: 1.25rem !default;\n\n$list-group-hover-bg: $gray-100 !default;\n$list-group-active-color: $component-active-color !default;\n$list-group-active-bg: $component-active-bg !default;\n$list-group-active-border-color: $list-group-active-bg !default;\n\n$list-group-disabled-color: $gray-600 !default;\n$list-group-disabled-bg: $list-group-bg !default;\n\n$list-group-action-color: $gray-700 !default;\n$list-group-action-hover-color: $list-group-action-color !default;\n\n$list-group-action-active-color: $body-color !default;\n$list-group-action-active-bg: $gray-200 !default;\n\n\n// Image thumbnails\n\n$thumbnail-padding: .25rem !default;\n$thumbnail-bg: $body-bg !default;\n$thumbnail-border-width: $border-width !default;\n$thumbnail-border-color: $gray-300 !default;\n$thumbnail-border-radius: $border-radius !default;\n$thumbnail-box-shadow: 0 1px 2px rgba($black, .075) !default;\n\n\n// Figures\n\n$figure-caption-font-size: 90% !default;\n$figure-caption-color: $gray-600 !default;\n\n\n// Breadcrumbs\n\n$breadcrumb-padding-y: .75rem !default;\n$breadcrumb-padding-x: 1rem !default;\n$breadcrumb-item-padding: .5rem !default;\n\n$breadcrumb-margin-bottom: 1rem !default;\n\n$breadcrumb-bg: $gray-200 !default;\n$breadcrumb-divider-color: $gray-600 !default;\n$breadcrumb-active-color: $gray-600 !default;\n$breadcrumb-divider: quote(\"/\") !default;\n\n$breadcrumb-border-radius: $border-radius !default;\n\n\n// Carousel\n\n$carousel-control-color: $white !default;\n$carousel-control-width: 15% !default;\n$carousel-control-opacity: .5 !default;\n$carousel-control-hover-opacity: .9 !default;\n$carousel-control-transition: opacity .15s ease !default;\n\n$carousel-indicator-width: 30px !default;\n$carousel-indicator-height: 3px !default;\n$carousel-indicator-hit-area-height: 10px !default;\n$carousel-indicator-spacer: 3px !default;\n$carousel-indicator-active-bg: $white !default;\n$carousel-indicator-transition: opacity .6s ease !default;\n\n$carousel-caption-width: 70% !default;\n$carousel-caption-color: $white !default;\n\n$carousel-control-icon-width: 20px !default;\n\n$carousel-control-prev-icon-bg: str-replace(url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='#{$carousel-control-color}' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3e%3c/svg%3e\"), \"#\", \"%23\") !default;\n$carousel-control-next-icon-bg: str-replace(url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='#{$carousel-control-color}' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3e%3c/svg%3e\"), \"#\", \"%23\") !default;\n\n$carousel-transition-duration: .6s !default;\n$carousel-transition: transform $carousel-transition-duration ease-in-out !default; // Define transform transition first if using multiple transitions (e.g., `transform 2s ease, opacity .5s ease-out`)\n\n\n// Spinners\n\n$spinner-width: 2rem !default;\n$spinner-height: $spinner-width !default;\n$spinner-border-width: .25em !default;\n\n$spinner-width-sm: 1rem !default;\n$spinner-height-sm: $spinner-width-sm !default;\n$spinner-border-width-sm: .2em !default;\n\n\n// Close\n\n$close-font-size: $font-size-base * 1.5 !default;\n$close-font-weight: $font-weight-bold !default;\n$close-color: $black !default;\n$close-text-shadow: 0 1px 0 $white !default;\n\n\n// Code\n\n$code-font-size: 87.5% !default;\n$code-color: $pink !default;\n\n$kbd-padding-y: .2rem !default;\n$kbd-padding-x: .4rem !default;\n$kbd-font-size: $code-font-size !default;\n$kbd-color: $white !default;\n$kbd-bg: $gray-900 !default;\n\n$pre-color: $gray-900 !default;\n$pre-scrollable-max-height: 340px !default;\n\n\n// Utilities\n\n$displays: none, inline, inline-block, block, table, table-row, table-cell, flex, inline-flex !default;\n$overflows: auto, hidden !default;\n$positions: static, relative, absolute, fixed, sticky !default;\n\n\n// Printing\n\n$print-page-size: a3 !default;\n$print-body-min-width: map-get($grid-breakpoints, \"lg\") !default;\n","// Breakpoint viewport sizes and media queries.\n//\n// Breakpoints are defined as a map of (name: minimum width), order from small to large:\n//\n// (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px)\n//\n// The map defined in the `$grid-breakpoints` global variable is used as the `$breakpoints` argument by default.\n\n// Name of the next breakpoint, or null for the last breakpoint.\n//\n// >> breakpoint-next(sm)\n// md\n// >> breakpoint-next(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n// md\n// >> breakpoint-next(sm, $breakpoint-names: (xs sm md lg xl))\n// md\n@function breakpoint-next($name, $breakpoints: $grid-breakpoints, $breakpoint-names: map-keys($breakpoints)) {\n $n: index($breakpoint-names, $name);\n @return if($n != null and $n < length($breakpoint-names), nth($breakpoint-names, $n + 1), null);\n}\n\n// Minimum breakpoint width. Null for the smallest (first) breakpoint.\n//\n// >> breakpoint-min(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n// 576px\n@function breakpoint-min($name, $breakpoints: $grid-breakpoints) {\n $min: map-get($breakpoints, $name);\n @return if($min != 0, $min, null);\n}\n\n// Maximum breakpoint width. Null for the largest (last) breakpoint.\n// The maximum value is calculated as the minimum of the next one less 0.02px\n// to work around the limitations of `min-` and `max-` prefixes and viewports with fractional widths.\n// See https://www.w3.org/TR/mediaqueries-4/#mq-min-max\n// Uses 0.02px rather than 0.01px to work around a current rounding bug in Safari.\n// See https://bugs.webkit.org/show_bug.cgi?id=178261\n//\n// >> breakpoint-max(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n// 767.98px\n@function breakpoint-max($name, $breakpoints: $grid-breakpoints) {\n $next: breakpoint-next($name, $breakpoints);\n @return if($next, breakpoint-min($next, $breakpoints) - .02, null);\n}\n\n// Returns a blank string if smallest breakpoint, otherwise returns the name with a dash in front.\n// Useful for making responsive utilities.\n//\n// >> breakpoint-infix(xs, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n// \"\" (Returns a blank string)\n// >> breakpoint-infix(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n// \"-sm\"\n@function breakpoint-infix($name, $breakpoints: $grid-breakpoints) {\n @return if(breakpoint-min($name, $breakpoints) == null, \"\", \"-#{$name}\");\n}\n\n// Media of at least the minimum breakpoint width. No query for the smallest breakpoint.\n// Makes the @content apply to the given breakpoint and wider.\n@mixin media-breakpoint-up($name, $breakpoints: $grid-breakpoints) {\n $min: breakpoint-min($name, $breakpoints);\n @if $min {\n @media (min-width: $min) {\n @content;\n }\n } @else {\n @content;\n }\n}\n\n// Media of at most the maximum breakpoint width. No query for the largest breakpoint.\n// Makes the @content apply to the given breakpoint and narrower.\n@mixin media-breakpoint-down($name, $breakpoints: $grid-breakpoints) {\n $max: breakpoint-max($name, $breakpoints);\n @if $max {\n @media (max-width: $max) {\n @content;\n }\n } @else {\n @content;\n }\n}\n\n// Media that spans multiple breakpoint widths.\n// Makes the @content apply between the min and max breakpoints\n@mixin media-breakpoint-between($lower, $upper, $breakpoints: $grid-breakpoints) {\n $min: breakpoint-min($lower, $breakpoints);\n $max: breakpoint-max($upper, $breakpoints);\n\n @if $min != null and $max != null {\n @media (min-width: $min) and (max-width: $max) {\n @content;\n }\n } @else if $max == null {\n @include media-breakpoint-up($lower, $breakpoints) {\n @content;\n }\n } @else if $min == null {\n @include media-breakpoint-down($upper, $breakpoints) {\n @content;\n }\n }\n}\n\n// Media between the breakpoint's minimum and maximum widths.\n// No minimum for the smallest breakpoint, and no maximum for the largest one.\n// Makes the @content apply only to the given breakpoint, not viewports any wider or narrower.\n@mixin media-breakpoint-only($name, $breakpoints: $grid-breakpoints) {\n $min: breakpoint-min($name, $breakpoints);\n $max: breakpoint-max($name, $breakpoints);\n\n @if $min != null and $max != null {\n @media (min-width: $min) and (max-width: $max) {\n @content;\n }\n } @else if $max == null {\n @include media-breakpoint-up($name, $breakpoints) {\n @content;\n }\n } @else if $min == null {\n @include media-breakpoint-down($name, $breakpoints) {\n @content;\n }\n }\n}\n",".#{$prefix}fade {\n @include transition($transition-fade);\n\n &:not(.#{$prefix}show) {\n opacity: 0;\n }\n}\n\n.#{$prefix}collapse {\n &:not(.#{$prefix}show) {\n display: none;\n }\n}\n\n.#{$prefix}collapsing {\n position: relative;\n height: 0;\n overflow: hidden;\n @include transition($transition-collapse);\n}\n",".close {\n float: right;\n @include font-size($close-font-size);\n font-weight: $close-font-weight;\n line-height: 1;\n color: $close-color;\n text-shadow: $close-text-shadow;\n opacity: .5;\n\n // Override <a>'s hover style\n @include hover {\n color: $close-color;\n text-decoration: none;\n }\n\n &:not(:disabled):not(.disabled) {\n @include hover-focus {\n opacity: .75;\n }\n }\n}\n\n// Additional properties for button version\n// iOS requires the button element instead of an anchor tag.\n// If you want the anchor version, it requires `href=\"#\"`.\n// See https://developer.mozilla.org/en-US/docs/Web/Events/click#Safari_Mobile\n\n// stylelint-disable-next-line selector-no-qualifying-type\nbutton.close {\n padding: 0;\n background-color: transparent;\n border: 0;\n appearance: none;\n}\n\n// Future-proof disabling of clicks on `<a>` elements\n\n// stylelint-disable-next-line selector-no-qualifying-type\na.close.disabled {\n pointer-events: none;\n}\n","// stylelint-disable property-blacklist, scss/dollar-variable-default\n\n// SCSS RFS mixin\n//\n// Automated font-resizing\n//\n// See https://github.com/twbs/rfs\n\n// Configuration\n\n// Base font size\n$rfs-base-font-size: 1.25rem !default;\n$rfs-font-size-unit: rem !default;\n\n// Breakpoint at where font-size starts decreasing if screen width is smaller\n$rfs-breakpoint: 1200px !default;\n$rfs-breakpoint-unit: px !default;\n\n// Resize font-size based on screen height and width\n$rfs-two-dimensional: false !default;\n\n// Factor of decrease\n$rfs-factor: 10 !default;\n\n@if type-of($rfs-factor) != \"number\" or $rfs-factor <= 1 {\n @error \"`#{$rfs-factor}` is not a valid $rfs-factor, it must be greater than 1.\";\n}\n\n// Generate enable or disable classes. Possibilities: false, \"enable\" or \"disable\"\n$rfs-class: false !default;\n\n// 1 rem = $rfs-rem-value px\n$rfs-rem-value: 16 !default;\n\n// Safari iframe resize bug: https://github.com/twbs/rfs/issues/14\n$rfs-safari-iframe-resize-bug-fix: false !default;\n\n// Disable RFS by setting $enable-responsive-font-sizes to false\n$enable-responsive-font-sizes: true !default;\n\n// Cache $rfs-base-font-size unit\n$rfs-base-font-size-unit: unit($rfs-base-font-size);\n\n// Remove px-unit from $rfs-base-font-size for calculations\n@if $rfs-base-font-size-unit == \"px\" {\n $rfs-base-font-size: $rfs-base-font-size / ($rfs-base-font-size * 0 + 1);\n}\n@else if $rfs-base-font-size-unit == \"rem\" {\n $rfs-base-font-size: $rfs-base-font-size / ($rfs-base-font-size * 0 + 1 / $rfs-rem-value);\n}\n\n// Cache $rfs-breakpoint unit to prevent multiple calls\n$rfs-breakpoint-unit-cache: unit($rfs-breakpoint);\n\n// Remove unit from $rfs-breakpoint for calculations\n@if $rfs-breakpoint-unit-cache == \"px\" {\n $rfs-breakpoint: $rfs-breakpoint / ($rfs-breakpoint * 0 + 1);\n}\n@else if $rfs-breakpoint-unit-cache == \"rem\" or $rfs-breakpoint-unit-cache == \"em\" {\n $rfs-breakpoint: $rfs-breakpoint / ($rfs-breakpoint * 0 + 1 / $rfs-rem-value);\n}\n\n// Responsive font-size mixin\n@mixin rfs($fs, $important: false) {\n // Cache $fs unit\n $fs-unit: if(type-of($fs) == \"number\", unit($fs), false);\n\n // Add !important suffix if needed\n $rfs-suffix: if($important, \" !important\", \"\");\n\n // If $fs isn't a number (like inherit) or $fs has a unit (not px or rem, like 1.5em) or $ is 0, just print the value\n @if not $fs-unit or $fs-unit != \"\" and $fs-unit != \"px\" and $fs-unit != \"rem\" or $fs == 0 {\n font-size: #{$fs}#{$rfs-suffix};\n }\n @else {\n // Variables for storing static and fluid rescaling\n $rfs-static: null;\n $rfs-fluid: null;\n\n // Remove px-unit from $fs for calculations\n @if $fs-unit == \"px\" {\n $fs: $fs / ($fs * 0 + 1);\n }\n @else if $fs-unit == \"rem\" {\n $fs: $fs / ($fs * 0 + 1 / $rfs-rem-value);\n }\n\n // Set default font-size\n @if $rfs-font-size-unit == rem {\n $rfs-static: #{$fs / $rfs-rem-value}rem#{$rfs-suffix};\n }\n @else if $rfs-font-size-unit == px {\n $rfs-static: #{$fs}px#{$rfs-suffix};\n }\n @else {\n @error \"`#{$rfs-font-size-unit}` is not a valid unit for $rfs-font-size-unit. Use `px` or `rem`.\";\n }\n\n // Only add media query if font-size is bigger as the minimum font-size\n // If $rfs-factor == 1, no rescaling will take place\n @if $fs > $rfs-base-font-size and $enable-responsive-font-sizes {\n $min-width: null;\n $variable-unit: null;\n\n // Calculate minimum font-size for given font-size\n $fs-min: $rfs-base-font-size + ($fs - $rfs-base-font-size) / $rfs-factor;\n\n // Calculate difference between given font-size and minimum font-size for given font-size\n $fs-diff: $fs - $fs-min;\n\n // Base font-size formatting\n // No need to check if the unit is valid, because we did that before\n $min-width: if($rfs-font-size-unit == rem, #{$fs-min / $rfs-rem-value}rem, #{$fs-min}px);\n\n // If two-dimensional, use smallest of screen width and height\n $variable-unit: if($rfs-two-dimensional, vmin, vw);\n\n // Calculate the variable width between 0 and $rfs-breakpoint\n $variable-width: #{$fs-diff * 100 / $rfs-breakpoint}#{$variable-unit};\n\n // Set the calculated font-size.\n $rfs-fluid: calc(#{$min-width} + #{$variable-width}) #{$rfs-suffix};\n }\n\n // Rendering\n @if $rfs-fluid == null {\n // Only render static font-size if no fluid font-size is available\n font-size: $rfs-static;\n }\n @else {\n $mq-value: null;\n\n // RFS breakpoint formatting\n @if $rfs-breakpoint-unit == em or $rfs-breakpoint-unit == rem {\n $mq-value: #{$rfs-breakpoint / $rfs-rem-value}#{$rfs-breakpoint-unit};\n }\n @else if $rfs-breakpoint-unit == px {\n $mq-value: #{$rfs-breakpoint}px;\n }\n @else {\n @error \"`#{$rfs-breakpoint-unit}` is not a valid unit for $rfs-breakpoint-unit. Use `px`, `em` or `rem`.\";\n }\n\n @if $rfs-class == \"disable\" {\n // Adding an extra class increases specificity,\n // which prevents the media query to override the font size\n &,\n .disable-responsive-font-size &,\n &.disable-responsive-font-size {\n font-size: $rfs-static;\n }\n }\n @else {\n font-size: $rfs-static;\n }\n\n @if $rfs-two-dimensional {\n @media (max-width: #{$mq-value}), (max-height: #{$mq-value}) {\n @if $rfs-class == \"enable\" {\n .enable-responsive-font-size &,\n &.enable-responsive-font-size {\n font-size: $rfs-fluid;\n }\n }\n @else {\n font-size: $rfs-fluid;\n }\n\n @if $rfs-safari-iframe-resize-bug-fix {\n // stylelint-disable-next-line length-zero-no-unit\n min-width: 0vw;\n }\n }\n }\n @else {\n @media (max-width: #{$mq-value}) {\n @if $rfs-class == \"enable\" {\n .enable-responsive-font-size &,\n &.enable-responsive-font-size {\n font-size: $rfs-fluid;\n }\n }\n @else {\n font-size: $rfs-fluid;\n }\n\n @if $rfs-safari-iframe-resize-bug-fix {\n // stylelint-disable-next-line length-zero-no-unit\n min-width: 0vw;\n }\n }\n }\n }\n }\n}\n\n// The font-size & responsive-font-size mixin uses RFS to rescale font sizes\n@mixin font-size($fs, $important: false) {\n @include rfs($fs, $important);\n}\n\n@mixin responsive-font-size($fs, $important: false) {\n @include rfs($fs, $important);\n}\n","$font-family-roboto: \"Roboto\", \"Oxygen\", \"Ubuntu\", \"Fira Sans\", \"Droid Sans\", \"Helvetica Neue\", sans-serif;\n$font-family-base: $font-family-roboto;\n$font-family-monospace: monospace;\n\n// 1 rem = 16px\n$font-size-base: .875rem; // 14px\n$font-size-lg: 1.25rem; // 20px\n$font-size-sm: .75rem; // 12px\n\n$line-height-base: 1.4285; // The closest value to Mekari design\n$line-height-lg: 1.4285;\n$line-height-sm: 1.4285;\n$letter-spacing: .2px;\n\n$font-weight-lighter: 400;\n$font-weight-light: 400;\n$font-weight-normal: 400;\n$font-weight-base: 400;\n$font-weight-bold: 500;\n$font-weight-bolder: 500;\n\n$dt-font-weight: $font-weight-bold;\n\n// Text color\n$body-color: $dark;\n$link-color: $blue;\n$link-hover-color: darken($link-color, 15%);\n$link-decoration: none;\n$link-hover-decoration: underline;\n$h5-font-size: 16px;\n\n$input-placeholder-color: $text-muted;\n$custom-select-disabled-color: $text-muted;\n$custom-control-label-disabled-color: $text-muted;\n","// Hover mixin and `$enable-hover-media-query` are deprecated.\n//\n// Originally added during our alphas and maintained during betas, this mixin was\n// designed to prevent `:hover` stickiness on iOS-an issue where hover styles\n// would persist after initial touch.\n//\n// For backward compatibility, we've kept these mixins and updated them to\n// always return their regular pseudo-classes instead of a shimmed media query.\n//\n// Issue: https://github.com/twbs/bootstrap/issues/25195\n\n@mixin hover {\n &:hover { @content; }\n}\n\n@mixin hover-focus {\n &:hover,\n &:focus {\n @content;\n }\n}\n\n@mixin plain-hover-focus {\n &,\n &:hover,\n &:focus {\n @content;\n }\n}\n\n@mixin hover-focus-active {\n &:hover,\n &:focus,\n &:active {\n @content;\n }\n}\n",".#{$prefix}modal {\n .#{$prefix}modal-header {\n position: relative;\n padding: 16px 16px 16px 24px;\n\n .close {\n padding: 16px;\n margin: -16px -16px -16px auto;\n font-size: 20px;\n font-weight: 600;\n opacity: 1;\n\n span {\n color: $slate;\n }\n }\n }\n .#{$prefix}modal-title {\n font-size: 16px;\n font-weight: 500;\n line-height: 24px;\n }\n .#{$prefix}modal-body {\n padding: 16px 24px;\n }\n .#{$prefix}modal-footer {\n padding: 4px 24px 32px;\n border-top: 0;\n }\n}\n\n.#{$prefix}modal-backdrop {\n opacity: $modal-backdrop-opacity;\n}\n"]}

data/lib/assets/stylesheets/css/components/mekari-ui-tabs-min.css CHANGED Viewed

@@ -1,2 +1,2 @@
-.nav{display:flex;flex-wrap:wrap;padding-left:0;margin-bottom:0;list-style:none}.nav-link{display:block;padding:8px 16px}.nav-link:focus,.nav-link:hover{text-decoration:none}.nav-link.disabled{color:#b4b4b4;pointer-events:none;cursor:default}.nav-tabs{border-bottom:1px solid #e2e2e2}.nav-tabs .nav-item{margin-bottom:-1px}.nav-tabs .nav-link{border:1px solid transparent;border-top-left-radius:0;border-top-right-radius:0}.nav-tabs .nav-link:focus,.nav-tabs .nav-link:hover{border-color:transparent}.nav-tabs .nav-link.disabled{color:#b4b4b4;background-color:transparent;border-color:transparent}.nav-tabs .nav-item.show .nav-link,.nav-tabs .nav-link.active{color:#212121;background-color:transparent;border-color:transparent}.nav-tabs .dropdown-menu{margin-top:-1px;border-top-left-radius:0;border-top-right-radius:0}.nav-pills .nav-link{border-radius:4px}.nav-pills .nav-link.active,.nav-pills .show>.nav-link{color:#fff;background-color:#005fbf}.nav-fill .nav-item{flex:1 1 auto;text-align:center}.nav-justified .nav-item{flex-basis:0;flex-grow:1;text-align:center}.tab-content>.tab-pane{display:none}.tab-content>.active{display:block}.nav-tabs{margin-bottom:24px}.nav-tabs .nav-item{margin:8px 0}.nav-tabs .nav-link{position:relative;padding:8px 16px;color:#777;border:none;border-radius:4px}.nav-tabs .nav-link:hover{color:#212121}.nav-tabs .nav-link.active{font-weight:500}.nav-tabs .nav-link.active::after{position:absolute;bottom:-12px;left:0;width:100%;height:4px;content:"";background-color:#212121;border-radius:2px 2px 0 0}.nav-tabs .nav-link.active.theme-danger::after{background-color:#d74022}.nav-tabs .nav-link.active.theme-success::after{background-color:#009f61}.nav-tabs .nav-link.active.theme-info::after{background-color:#ffeb99}.nav-tabs .nav-link.active.theme-warning::after{background-color:#ffb700}.nav-tabs .nav-link.active.theme-primary::after{background-color:#005fbf}.nav-tabs .nav-link.active.theme-jurnal::after{background-color:#009bde}.nav-tabs .nav-link.active.theme-talenta::after{background-color:#c02a34}.nav-tabs .nav-link.active.theme-klikpajak::after{background-color:#f96d01}.nav-tabs .nav-link.active.theme-mekari::after{background-color:#6d48e5}.nav-tabs .nav-link.active.theme-dark::after{background-color:#212121}.nav-tabs .nav-link.active.theme-slate::after{background-color:#777}.nav-tabs .nav-link.active.theme-muted::after{background-color:#b4b4b4}.nav-tabs .nav-link.active.theme-smoke::after{background-color:#e2e2e2}.nav-tabs .nav-link.active.theme-light::after{background-color:#fbfbfb}.nav-tabs .nav-link.active.theme-cloud::after{background-color:#f2f4f7}.nav-tabs .nav-link.active.theme-link::after{background-color:#1357ff}.nav-tabs .nav-link.active.theme-white::after{background-color:#fff}.nav-tabs .nav-link.disabled{color:#b4b4b4;pointer-events:auto;cursor:not-allowed}.nav-tabs .dropdown-menu{margin-top:11px;border-radius:4px}.nav-tabs .dropdown-menu .dropdown-item.active{color:inherit;background-color:inherit}
+.nav{display:flex;flex-wrap:wrap;padding-left:0;margin-bottom:0;list-style:none}.nav-link{display:block;padding:8px 16px}.nav-link:focus,.nav-link:hover{text-decoration:none}.nav-link.disabled{color:#b4b4b4;pointer-events:none;cursor:default}.nav-tabs{border-bottom:1px solid #e2e2e2}.nav-tabs .nav-item{margin-bottom:-1px}.nav-tabs .nav-link{border:1px solid transparent;border-top-left-radius:0;border-top-right-radius:0}.nav-tabs .nav-link:focus,.nav-tabs .nav-link:hover{border-color:transparent}.nav-tabs .nav-link.disabled{color:#b4b4b4;background-color:transparent;border-color:transparent}.nav-tabs .nav-item.show .nav-link,.nav-tabs .nav-link.active{color:#212121;background-color:transparent;border-color:transparent}.nav-tabs .dropdown-menu{margin-top:-1px;border-top-left-radius:0;border-top-right-radius:0}.nav-pills .nav-link{border-radius:4px}.nav-pills .nav-link.active,.nav-pills .show>.nav-link{color:#fff;background-color:#005fbf}.nav-fill .nav-item{flex:1 1 auto;text-align:center}.nav-justified .nav-item{flex-basis:0;flex-grow:1;text-align:center}.tab-content>.tab-pane{display:none}.tab-content>.active{display:block}.nav-tabs{margin-bottom:24px}.nav-tabs .nav-item{margin:8px 0}.nav-tabs .nav-link{position:relative;padding:8px 16px;color:#777;border:none;border-radius:4px}.nav-tabs .nav-link:hover{color:#212121}.nav-tabs .nav-link.active{font-weight:500}.nav-tabs .nav-link.active::after{position:absolute;bottom:-9px;left:0;width:100%;height:4px;content:"";background-color:#212121;border-radius:2px 2px 0 0}.nav-tabs .nav-link.active.theme-danger::after{background-color:#d74022}.nav-tabs .nav-link.active.theme-success::after{background-color:#009f61}.nav-tabs .nav-link.active.theme-info::after{background-color:#ffeb99}.nav-tabs .nav-link.active.theme-warning::after{background-color:#ffb700}.nav-tabs .nav-link.active.theme-primary::after{background-color:#005fbf}.nav-tabs .nav-link.active.theme-jurnal::after{background-color:#009bde}.nav-tabs .nav-link.active.theme-talenta::after{background-color:#c02a34}.nav-tabs .nav-link.active.theme-klikpajak::after{background-color:#f96d01}.nav-tabs .nav-link.active.theme-mekari::after{background-color:#6d48e5}.nav-tabs .nav-link.active.theme-dark::after{background-color:#212121}.nav-tabs .nav-link.active.theme-slate::after{background-color:#777}.nav-tabs .nav-link.active.theme-muted::after{background-color:#b4b4b4}.nav-tabs .nav-link.active.theme-smoke::after{background-color:#e2e2e2}.nav-tabs .nav-link.active.theme-light::after{background-color:#fbfbfb}.nav-tabs .nav-link.active.theme-cloud::after{background-color:#f2f4f7}.nav-tabs .nav-link.active.theme-link::after{background-color:#1357ff}.nav-tabs .nav-link.active.theme-white::after{background-color:#fff}.nav-tabs .nav-link.disabled{color:#b4b4b4;pointer-events:auto;cursor:not-allowed}.nav-tabs .dropdown-menu{margin-top:11px;border-radius:4px}.nav-tabs .dropdown-menu .dropdown-item.active{color:inherit;background-color:inherit}
 /*# sourceMappingURL=mekari-ui-tabs-min.css.map */

data/lib/assets/stylesheets/css/components/mekari-ui-tabs-min.css.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../scss/vendors/_nav.scss","../../../scss/vendors/mixins/_hover.scss","../../../scss/vendors/mixins/_border-radius.scss","dist/css/components/mekari-ui-tabs.css","../../../scss/components/config/_tabs.scss"],"names":[],"mappings":"AAKA,KACE,QAAA,KACA,UAAA,KACA,aAAA,EACA,cAAA,EACA,WAAA,KAGF,UACE,QAAA,MACA,QAAA,IAAA,KCCA,gBAAA,gBDEE,gBAAA,KALJ,mBAUI,MAAA,QACA,eAAA,KACA,OAAA,QAQJ,UACE,cAAA,IAAA,MAAA,QADF,oBAII,cAAA,KAJJ,oBAQI,OAAA,IAAA,MAAA,YE3BA,uBAAA,EACA,wBAAA,EDCF,0BAAA,0BD6BI,aAAA,YAZN,6BAgBM,MAAA,QACA,iBAAA,YACA,aAAA,YGHN,mCHfA,2BAwBI,MAAA,QACA,iBAAA,YACA,aAAA,YA1BJ,yBA+BI,WAAA,KElDA,uBAAA,EACA,wBAAA,EF4DJ,qBEtEI,cAAA,IFsEJ,4BGVA,2BHiBI,MAAA,KACA,iBAAA,QASJ,oBAEI,KAAA,EAAA,EAAA,KACA,WAAA,OAIJ,yBAEI,WAAA,EACA,UAAA,EACA,WAAA,OASJ,uBAEI,QAAA,KAFJ,qBAKI,QAAA,MIrHJ,UACE,cAAA,KADF,oBAKM,OAAA,IAAA,EALN,oBASM,SAAA,SACA,QAAA,IAAA,KACA,MAAA,KACA,OAAA,KFPF,cAAA,IELJ,0BAgBQ,MAAA,QAhBR,2BAoBQ,YAAA,IApBR,kCAsBU,SAAA,SACA,OAAA,MACA,KAAA,EACA,MAAA,KACA,OAAA,IACA,QAAA,GACA,iBAAA,QACA,cAAA,IAAA,IAAA,EAAA,EA7BV,+CAqCc,iBAAA,QArCd,gDAqCc,iBAAA,QArCd,6CAqCc,iBAAA,QArCd,gDAqCc,iBAAA,QArCd,gDAqCc,iBAAA,QArCd,+CAqCc,iBAAA,QArCd,gDAqCc,iBAAA,QArCd,kDAqCc,iBAAA,QArCd,+CAqCc,iBAAA,QArCd,6CAqCc,iBAAA,QArCd,8CAqCc,iBAAA,KArCd,8CAqCc,iBAAA,QArCd,8CAqCc,iBAAA,QArCd,8CAqCc,iBAAA,QArCd,8CAqCc,iBAAA,QArCd,6CAqCc,iBAAA,QArCd,8CAqCc,iBAAA,KArCd,6BA4CQ,MAAA,QACA,eAAA,KACA,OAAA,YA9CR,yBAoDI,WAAA,KF/CA,cAAA,IELJ,+CAyDQ,MAAA,QACA,iBAAA","sourcesContent":["// Base class\n//\n// Kickstart any navigation component with a set of style resets. Works with\n// `<nav>`s or `<ul>`s.\n\n.#{$prefix}nav {\n display: flex;\n flex-wrap: wrap;\n padding-left: 0;\n margin-bottom: 0;\n list-style: none;\n}\n\n.#{$prefix}nav-link {\n display: block;\n padding: $nav-link-padding-y $nav-link-padding-x;\n\n @include hover-focus {\n text-decoration: none;\n }\n\n // Disabled state lightens text\n &.disabled {\n color: $nav-link-disabled-color;\n pointer-events: none;\n cursor: default;\n }\n}\n\n//\n// Tabs\n//\n\n.#{$prefix}nav-tabs {\n border-bottom: $nav-tabs-border-width solid $nav-tabs-border-color;\n\n .#{$prefix}nav-item {\n margin-bottom: -$nav-tabs-border-width;\n }\n\n .#{$prefix}nav-link {\n border: $nav-tabs-border-width solid transparent;\n @include border-top-radius($nav-tabs-border-radius);\n\n @include hover-focus {\n border-color: $nav-tabs-link-hover-border-color;\n }\n\n &.disabled {\n color: $nav-link-disabled-color;\n background-color: transparent;\n border-color: transparent;\n }\n }\n\n .#{$prefix}nav-link.active,\n .#{$prefix}nav-item.#{$prefix}show .#{$prefix}nav-link {\n color: $nav-tabs-link-active-color;\n background-color: $nav-tabs-link-active-bg;\n border-color: $nav-tabs-link-active-border-color;\n }\n\n .#{$prefix}dropdown-menu {\n // Make dropdown border overlap tab border\n margin-top: -$nav-tabs-border-width;\n // Remove the top rounded corners here since there is a hard edge above the menu\n @include border-top-radius(0);\n }\n}\n\n\n//\n// Pills\n//\n\n.#{$prefix}nav-pills {\n .#{$prefix}nav-link {\n @include border-radius($nav-pills-border-radius);\n }\n\n .#{$prefix}nav-link.active,\n .#{$prefix}show > .#{$prefix}nav-link {\n color: $nav-pills-link-active-color;\n background-color: $nav-pills-link-active-bg;\n }\n}\n\n\n//\n// Justified variants\n//\n\n.#{$prefix}nav-fill {\n .#{$prefix}nav-item {\n flex: 1 1 auto;\n text-align: center;\n }\n}\n\n.#{$prefix}nav-justified {\n .#{$prefix}nav-item {\n flex-basis: 0;\n flex-grow: 1;\n text-align: center;\n }\n}\n\n\n// Tabbable tabs\n//\n// Hide tabbable panes to start, show them when `.active`\n\n.#{$prefix}tab-content {\n > .#{$prefix}tab-pane {\n display: none;\n }\n > .active {\n display: block;\n }\n}\n","// Hover mixin and `$enable-hover-media-query` are deprecated.\n//\n// Originally added during our alphas and maintained during betas, this mixin was\n// designed to prevent `:hover` stickiness on iOS-an issue where hover styles\n// would persist after initial touch.\n//\n// For backward compatibility, we've kept these mixins and updated them to\n// always return their regular pseudo-classes instead of a shimmed media query.\n//\n// Issue: https://github.com/twbs/bootstrap/issues/25195\n\n@mixin hover {\n &:hover { @content; }\n}\n\n@mixin hover-focus {\n &:hover,\n &:focus {\n @content;\n }\n}\n\n@mixin plain-hover-focus {\n &,\n &:hover,\n &:focus {\n @content;\n }\n}\n\n@mixin hover-focus-active {\n &:hover,\n &:focus,\n &:active {\n @content;\n }\n}\n","// stylelint-disable property-blacklist\n// Single side border-radius\n\n@mixin border-radius($radius: $border-radius, $fallback-border-radius: false) {\n @if $enable-rounded {\n border-radius: $radius;\n }\n @else if $fallback-border-radius != false {\n border-radius: $fallback-border-radius;\n }\n}\n\n@mixin border-top-radius($radius) {\n @if $enable-rounded {\n border-top-left-radius: $radius;\n border-top-right-radius: $radius;\n }\n}\n\n@mixin border-right-radius($radius) {\n @if $enable-rounded {\n border-top-right-radius: $radius;\n border-bottom-right-radius: $radius;\n }\n}\n\n@mixin border-bottom-radius($radius) {\n @if $enable-rounded {\n border-bottom-right-radius: $radius;\n border-bottom-left-radius: $radius;\n }\n}\n\n@mixin border-left-radius($radius) {\n @if $enable-rounded {\n border-top-left-radius: $radius;\n border-bottom-left-radius: $radius;\n }\n}\n\n@mixin border-top-left-radius($radius) {\n @if $enable-rounded {\n border-top-left-radius: $radius;\n }\n}\n\n@mixin border-top-right-radius($radius) {\n @if $enable-rounded {\n border-top-right-radius: $radius;\n }\n}\n\n@mixin border-bottom-right-radius($radius) {\n @if $enable-rounded {\n border-bottom-right-radius: $radius;\n }\n}\n\n@mixin border-bottom-left-radius($radius) {\n @if $enable-rounded {\n border-bottom-left-radius: $radius;\n }\n}\n",".nav {\n display: flex;\n flex-wrap: wrap;\n padding-left: 0;\n margin-bottom: 0;\n list-style: none;\n}\n\n.nav-link {\n display: block;\n padding: 8px 16px;\n}\n\n.nav-link:hover, .nav-link:focus {\n text-decoration: none;\n}\n\n.nav-link.disabled {\n color: #b4b4b4;\n pointer-events: none;\n cursor: default;\n}\n\n.nav-tabs {\n border-bottom: 1px solid #e2e2e2;\n}\n\n.nav-tabs .nav-item {\n margin-bottom: -1px;\n}\n\n.nav-tabs .nav-link {\n border: 1px solid transparent;\n border-top-left-radius: 0;\n border-top-right-radius: 0;\n}\n\n.nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus {\n border-color: transparent;\n}\n\n.nav-tabs .nav-link.disabled {\n color: #b4b4b4;\n background-color: transparent;\n border-color: transparent;\n}\n\n.nav-tabs .nav-link.active,\n.nav-tabs .nav-item.show .nav-link {\n color: #212121;\n background-color: transparent;\n border-color: transparent;\n}\n\n.nav-tabs .dropdown-menu {\n margin-top: -1px;\n border-top-left-radius: 0;\n border-top-right-radius: 0;\n}\n\n.nav-pills .nav-link {\n border-radius: 4px;\n}\n\n.nav-pills .nav-link.active,\n.nav-pills .show > .nav-link {\n color: #fff;\n background-color: #005fbf;\n}\n\n.nav-fill .nav-item {\n flex: 1 1 auto;\n text-align: center;\n}\n\n.nav-justified .nav-item {\n flex-basis: 0;\n flex-grow: 1;\n text-align: center;\n}\n\n.tab-content > .tab-pane {\n display: none;\n}\n\n.tab-content > .active {\n display: block;\n}\n\n.nav-tabs {\n margin-bottom: 24px;\n}\n\n.nav-tabs .nav-item {\n margin: 8px 0;\n}\n\n.nav-tabs .nav-link {\n position: relative;\n padding: 8px 16px;\n color: #777;\n border: none;\n border-radius: 4px;\n}\n\n.nav-tabs .nav-link:hover {\n color: #212121;\n}\n\n.nav-tabs .nav-link.active {\n font-weight: 500;\n}\n\n.nav-tabs .nav-link.active::after {\n position: absolute;\n bottom: -12px;\n left: 0;\n width: 100%;\n height: 4px;\n content: \"\";\n background-color: #212121;\n border-radius: 2px 2px 0 0;\n}\n\n.nav-tabs .nav-link.active.theme-danger::after {\n background-color: #d74022;\n}\n\n.nav-tabs .nav-link.active.theme-success::after {\n background-color: #009f61;\n}\n\n.nav-tabs .nav-link.active.theme-info::after {\n background-color: #ffeb99;\n}\n\n.nav-tabs .nav-link.active.theme-warning::after {\n background-color: #ffb700;\n}\n\n.nav-tabs .nav-link.active.theme-primary::after {\n background-color: #005fbf;\n}\n\n.nav-tabs .nav-link.active.theme-jurnal::after {\n background-color: #009bde;\n}\n\n.nav-tabs .nav-link.active.theme-talenta::after {\n background-color: #c02a34;\n}\n\n.nav-tabs .nav-link.active.theme-klikpajak::after {\n background-color: #f96d01;\n}\n\n.nav-tabs .nav-link.active.theme-mekari::after {\n background-color: #6d48e5;\n}\n\n.nav-tabs .nav-link.active.theme-dark::after {\n background-color: #212121;\n}\n\n.nav-tabs .nav-link.active.theme-slate::after {\n background-color: #777;\n}\n\n.nav-tabs .nav-link.active.theme-muted::after {\n background-color: #b4b4b4;\n}\n\n.nav-tabs .nav-link.active.theme-smoke::after {\n background-color: #e2e2e2;\n}\n\n.nav-tabs .nav-link.active.theme-light::after {\n background-color: #fbfbfb;\n}\n\n.nav-tabs .nav-link.active.theme-cloud::after {\n background-color: #f2f4f7;\n}\n\n.nav-tabs .nav-link.active.theme-link::after {\n background-color: #1357ff;\n}\n\n.nav-tabs .nav-link.active.theme-white::after {\n background-color: #fff;\n}\n\n.nav-tabs .nav-link.disabled {\n color: #b4b4b4;\n pointer-events: auto;\n cursor: not-allowed;\n}\n\n.nav-tabs .dropdown-menu {\n margin-top: 11px;\n border-radius: 4px;\n}\n\n.nav-tabs .dropdown-menu .dropdown-item.active {\n color: inherit;\n background-color: inherit;\n}\n/# sourceMappingURL=mekari-ui-tabs.css.map /",".#{$prefix}nav-tabs {\n margin-bottom: 24px;\n\n .#{$prefix}nav {\n &-item {\n margin: 8px 0;\n }\n\n &-link {\n position: relative;\n padding: 8px 16px;\n color: $slate;\n border: none;\n @include border-radius(4px);\n\n &:hover {\n color: $dark;\n }\n\n &.active {\n font-weight: 500;\n &::after {\n position: absolute;\n bottom: -12px;\n left: 0;\n width: 100%;\n height: 4px;\n content: \"\";\n background-color: $dark;\n border-radius: 2px 2px 0 0; // stylelint-disable-line property-blacklist\n }\n }\n\n @each $color, $hex in $theme-colors {\n &.active {\n &.theme-#{$color} {\n &::after {\n background-color: #{$hex};\n }\n }\n }\n }\n\n &.disabled {\n color: $muted;\n pointer-events: auto;\n cursor: not-allowed;\n }\n }\n }\n\n .#{$prefix}dropdown-menu {\n margin-top: 11px;\n @include border-radius(4px);\n\n .#{$prefix}dropdown-item {\n &.active {\n color: inherit;\n background-color: inherit;\n }\n }\n }\n}\n"]}
1	+ {"version":3,"sources":["../../../scss/vendors/_nav.scss","../../../scss/vendors/mixins/_hover.scss","../../../scss/vendors/mixins/_border-radius.scss","dist/css/components/mekari-ui-tabs.css","../../../scss/components/config/_tabs.scss"],"names":[],"mappings":"AAKA,KACE,QAAA,KACA,UAAA,KACA,aAAA,EACA,cAAA,EACA,WAAA,KAGF,UACE,QAAA,MACA,QAAA,IAAA,KCCA,gBAAA,gBDEE,gBAAA,KALJ,mBAUI,MAAA,QACA,eAAA,KACA,OAAA,QAQJ,UACE,cAAA,IAAA,MAAA,QADF,oBAII,cAAA,KAJJ,oBAQI,OAAA,IAAA,MAAA,YE3BA,uBAAA,EACA,wBAAA,EDCF,0BAAA,0BD6BI,aAAA,YAZN,6BAgBM,MAAA,QACA,iBAAA,YACA,aAAA,YGHN,mCHfA,2BAwBI,MAAA,QACA,iBAAA,YACA,aAAA,YA1BJ,yBA+BI,WAAA,KElDA,uBAAA,EACA,wBAAA,EF4DJ,qBEtEI,cAAA,IFsEJ,4BGVA,2BHiBI,MAAA,KACA,iBAAA,QASJ,oBAEI,KAAA,EAAA,EAAA,KACA,WAAA,OAIJ,yBAEI,WAAA,EACA,UAAA,EACA,WAAA,OASJ,uBAEI,QAAA,KAFJ,qBAKI,QAAA,MIrHJ,UACE,cAAA,KADF,oBAKM,OAAA,IAAA,EALN,oBASM,SAAA,SACA,QAAA,IAAA,KACA,MAAA,KACA,OAAA,KFPF,cAAA,IELJ,0BAgBQ,MAAA,QAhBR,2BAoBQ,YAAA,IApBR,kCAsBU,SAAA,SACA,OAAA,KACA,KAAA,EACA,MAAA,KACA,OAAA,IACA,QAAA,GACA,iBAAA,QACA,cAAA,IAAA,IAAA,EAAA,EA7BV,+CAqCc,iBAAA,QArCd,gDAqCc,iBAAA,QArCd,6CAqCc,iBAAA,QArCd,gDAqCc,iBAAA,QArCd,gDAqCc,iBAAA,QArCd,+CAqCc,iBAAA,QArCd,gDAqCc,iBAAA,QArCd,kDAqCc,iBAAA,QArCd,+CAqCc,iBAAA,QArCd,6CAqCc,iBAAA,QArCd,8CAqCc,iBAAA,KArCd,8CAqCc,iBAAA,QArCd,8CAqCc,iBAAA,QArCd,8CAqCc,iBAAA,QArCd,8CAqCc,iBAAA,QArCd,6CAqCc,iBAAA,QArCd,8CAqCc,iBAAA,KArCd,6BA4CQ,MAAA,QACA,eAAA,KACA,OAAA,YA9CR,yBAoDI,WAAA,KF/CA,cAAA,IELJ,+CAyDQ,MAAA,QACA,iBAAA","sourcesContent":["// Base class\n//\n// Kickstart any navigation component with a set of style resets. Works with\n// `<nav>`s or `<ul>`s.\n\n.#{$prefix}nav {\n display: flex;\n flex-wrap: wrap;\n padding-left: 0;\n margin-bottom: 0;\n list-style: none;\n}\n\n.#{$prefix}nav-link {\n display: block;\n padding: $nav-link-padding-y $nav-link-padding-x;\n\n @include hover-focus {\n text-decoration: none;\n }\n\n // Disabled state lightens text\n &.disabled {\n color: $nav-link-disabled-color;\n pointer-events: none;\n cursor: default;\n }\n}\n\n//\n// Tabs\n//\n\n.#{$prefix}nav-tabs {\n border-bottom: $nav-tabs-border-width solid $nav-tabs-border-color;\n\n .#{$prefix}nav-item {\n margin-bottom: -$nav-tabs-border-width;\n }\n\n .#{$prefix}nav-link {\n border: $nav-tabs-border-width solid transparent;\n @include border-top-radius($nav-tabs-border-radius);\n\n @include hover-focus {\n border-color: $nav-tabs-link-hover-border-color;\n }\n\n &.disabled {\n color: $nav-link-disabled-color;\n background-color: transparent;\n border-color: transparent;\n }\n }\n\n .#{$prefix}nav-link.active,\n .#{$prefix}nav-item.#{$prefix}show .#{$prefix}nav-link {\n color: $nav-tabs-link-active-color;\n background-color: $nav-tabs-link-active-bg;\n border-color: $nav-tabs-link-active-border-color;\n }\n\n .#{$prefix}dropdown-menu {\n // Make dropdown border overlap tab border\n margin-top: -$nav-tabs-border-width;\n // Remove the top rounded corners here since there is a hard edge above the menu\n @include border-top-radius(0);\n }\n}\n\n\n//\n// Pills\n//\n\n.#{$prefix}nav-pills {\n .#{$prefix}nav-link {\n @include border-radius($nav-pills-border-radius);\n }\n\n .#{$prefix}nav-link.active,\n .#{$prefix}show > .#{$prefix}nav-link {\n color: $nav-pills-link-active-color;\n background-color: $nav-pills-link-active-bg;\n }\n}\n\n\n//\n// Justified variants\n//\n\n.#{$prefix}nav-fill {\n .#{$prefix}nav-item {\n flex: 1 1 auto;\n text-align: center;\n }\n}\n\n.#{$prefix}nav-justified {\n .#{$prefix}nav-item {\n flex-basis: 0;\n flex-grow: 1;\n text-align: center;\n }\n}\n\n\n// Tabbable tabs\n//\n// Hide tabbable panes to start, show them when `.active`\n\n.#{$prefix}tab-content {\n > .#{$prefix}tab-pane {\n display: none;\n }\n > .active {\n display: block;\n }\n}\n","// Hover mixin and `$enable-hover-media-query` are deprecated.\n//\n// Originally added during our alphas and maintained during betas, this mixin was\n// designed to prevent `:hover` stickiness on iOS-an issue where hover styles\n// would persist after initial touch.\n//\n// For backward compatibility, we've kept these mixins and updated them to\n// always return their regular pseudo-classes instead of a shimmed media query.\n//\n// Issue: https://github.com/twbs/bootstrap/issues/25195\n\n@mixin hover {\n &:hover { @content; }\n}\n\n@mixin hover-focus {\n &:hover,\n &:focus {\n @content;\n }\n}\n\n@mixin plain-hover-focus {\n &,\n &:hover,\n &:focus {\n @content;\n }\n}\n\n@mixin hover-focus-active {\n &:hover,\n &:focus,\n &:active {\n @content;\n }\n}\n","// stylelint-disable property-blacklist\n// Single side border-radius\n\n@mixin border-radius($radius: $border-radius, $fallback-border-radius: false) {\n @if $enable-rounded {\n border-radius: $radius;\n }\n @else if $fallback-border-radius != false {\n border-radius: $fallback-border-radius;\n }\n}\n\n@mixin border-top-radius($radius) {\n @if $enable-rounded {\n border-top-left-radius: $radius;\n border-top-right-radius: $radius;\n }\n}\n\n@mixin border-right-radius($radius) {\n @if $enable-rounded {\n border-top-right-radius: $radius;\n border-bottom-right-radius: $radius;\n }\n}\n\n@mixin border-bottom-radius($radius) {\n @if $enable-rounded {\n border-bottom-right-radius: $radius;\n border-bottom-left-radius: $radius;\n }\n}\n\n@mixin border-left-radius($radius) {\n @if $enable-rounded {\n border-top-left-radius: $radius;\n border-bottom-left-radius: $radius;\n }\n}\n\n@mixin border-top-left-radius($radius) {\n @if $enable-rounded {\n border-top-left-radius: $radius;\n }\n}\n\n@mixin border-top-right-radius($radius) {\n @if $enable-rounded {\n border-top-right-radius: $radius;\n }\n}\n\n@mixin border-bottom-right-radius($radius) {\n @if $enable-rounded {\n border-bottom-right-radius: $radius;\n }\n}\n\n@mixin border-bottom-left-radius($radius) {\n @if $enable-rounded {\n border-bottom-left-radius: $radius;\n }\n}\n",".nav {\n display: flex;\n flex-wrap: wrap;\n padding-left: 0;\n margin-bottom: 0;\n list-style: none;\n}\n\n.nav-link {\n display: block;\n padding: 8px 16px;\n}\n\n.nav-link:hover, .nav-link:focus {\n text-decoration: none;\n}\n\n.nav-link.disabled {\n color: #b4b4b4;\n pointer-events: none;\n cursor: default;\n}\n\n.nav-tabs {\n border-bottom: 1px solid #e2e2e2;\n}\n\n.nav-tabs .nav-item {\n margin-bottom: -1px;\n}\n\n.nav-tabs .nav-link {\n border: 1px solid transparent;\n border-top-left-radius: 0;\n border-top-right-radius: 0;\n}\n\n.nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus {\n border-color: transparent;\n}\n\n.nav-tabs .nav-link.disabled {\n color: #b4b4b4;\n background-color: transparent;\n border-color: transparent;\n}\n\n.nav-tabs .nav-link.active,\n.nav-tabs .nav-item.show .nav-link {\n color: #212121;\n background-color: transparent;\n border-color: transparent;\n}\n\n.nav-tabs .dropdown-menu {\n margin-top: -1px;\n border-top-left-radius: 0;\n border-top-right-radius: 0;\n}\n\n.nav-pills .nav-link {\n border-radius: 4px;\n}\n\n.nav-pills .nav-link.active,\n.nav-pills .show > .nav-link {\n color: #fff;\n background-color: #005fbf;\n}\n\n.nav-fill .nav-item {\n flex: 1 1 auto;\n text-align: center;\n}\n\n.nav-justified .nav-item {\n flex-basis: 0;\n flex-grow: 1;\n text-align: center;\n}\n\n.tab-content > .tab-pane {\n display: none;\n}\n\n.tab-content > .active {\n display: block;\n}\n\n.nav-tabs {\n margin-bottom: 24px;\n}\n\n.nav-tabs .nav-item {\n margin: 8px 0;\n}\n\n.nav-tabs .nav-link {\n position: relative;\n padding: 8px 16px;\n color: #777;\n border: none;\n border-radius: 4px;\n}\n\n.nav-tabs .nav-link:hover {\n color: #212121;\n}\n\n.nav-tabs .nav-link.active {\n font-weight: 500;\n}\n\n.nav-tabs .nav-link.active::after {\n position: absolute;\n bottom: -9px;\n left: 0;\n width: 100%;\n height: 4px;\n content: \"\";\n background-color: #212121;\n border-radius: 2px 2px 0 0;\n}\n\n.nav-tabs .nav-link.active.theme-danger::after {\n background-color: #d74022;\n}\n\n.nav-tabs .nav-link.active.theme-success::after {\n background-color: #009f61;\n}\n\n.nav-tabs .nav-link.active.theme-info::after {\n background-color: #ffeb99;\n}\n\n.nav-tabs .nav-link.active.theme-warning::after {\n background-color: #ffb700;\n}\n\n.nav-tabs .nav-link.active.theme-primary::after {\n background-color: #005fbf;\n}\n\n.nav-tabs .nav-link.active.theme-jurnal::after {\n background-color: #009bde;\n}\n\n.nav-tabs .nav-link.active.theme-talenta::after {\n background-color: #c02a34;\n}\n\n.nav-tabs .nav-link.active.theme-klikpajak::after {\n background-color: #f96d01;\n}\n\n.nav-tabs .nav-link.active.theme-mekari::after {\n background-color: #6d48e5;\n}\n\n.nav-tabs .nav-link.active.theme-dark::after {\n background-color: #212121;\n}\n\n.nav-tabs .nav-link.active.theme-slate::after {\n background-color: #777;\n}\n\n.nav-tabs .nav-link.active.theme-muted::after {\n background-color: #b4b4b4;\n}\n\n.nav-tabs .nav-link.active.theme-smoke::after {\n background-color: #e2e2e2;\n}\n\n.nav-tabs .nav-link.active.theme-light::after {\n background-color: #fbfbfb;\n}\n\n.nav-tabs .nav-link.active.theme-cloud::after {\n background-color: #f2f4f7;\n}\n\n.nav-tabs .nav-link.active.theme-link::after {\n background-color: #1357ff;\n}\n\n.nav-tabs .nav-link.active.theme-white::after {\n background-color: #fff;\n}\n\n.nav-tabs .nav-link.disabled {\n color: #b4b4b4;\n pointer-events: auto;\n cursor: not-allowed;\n}\n\n.nav-tabs .dropdown-menu {\n margin-top: 11px;\n border-radius: 4px;\n}\n\n.nav-tabs .dropdown-menu .dropdown-item.active {\n color: inherit;\n background-color: inherit;\n}\n/# sourceMappingURL=mekari-ui-tabs.css.map /",".#{$prefix}nav-tabs {\n margin-bottom: 24px;\n\n .#{$prefix}nav {\n &-item {\n margin: 8px 0;\n }\n\n &-link {\n position: relative;\n padding: 8px 16px;\n color: $slate;\n border: none;\n @include border-radius(4px);\n\n &:hover {\n color: $dark;\n }\n\n &.active {\n font-weight: 500;\n &::after {\n position: absolute;\n bottom: -9px;\n left: 0;\n width: 100%;\n height: 4px;\n content: \"\";\n background-color: $dark;\n border-radius: 2px 2px 0 0; // stylelint-disable-line property-blacklist\n }\n }\n\n @each $color, $hex in $theme-colors {\n &.active {\n &.theme-#{$color} {\n &::after {\n background-color: #{$hex};\n }\n }\n }\n }\n\n &.disabled {\n color: $muted;\n pointer-events: auto;\n cursor: not-allowed;\n }\n }\n }\n\n .#{$prefix}dropdown-menu {\n margin-top: 11px;\n @include border-radius(4px);\n\n .#{$prefix}dropdown-item {\n &.active {\n color: inherit;\n background-color: inherit;\n }\n }\n }\n}\n"]}

data/lib/assets/stylesheets/css/components/mekari-ui-tabs.css CHANGED Viewed

@@ -113,7 +113,7 @@
 .nav-tabs .nav-link.active::after {
   position: absolute;
-  bottom: -12px;
+  bottom: -9px;
   left: 0;
   width: 100%;
   height: 4px;

data/lib/assets/stylesheets/css/components/mekari-ui-tabs.css.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../scss/vendors/_nav.scss","mekari-ui-tabs.css","../../../scss/vendor-extensions/_navs.scss","../../../scss/vendors/mixins/_hover.scss","../../../scss/vendor-extensions/_color.scss","../../../scss/vendors/mixins/_border-radius.scss","../../../scss/components/config/_tabs.scss"],"names":[],"mappings":"AAKA;EACE,aAAa;EACb,eAAe;EACf,eAAe;EACf,gBAAgB;EAChB,gBAAgB;ACJlB;;ADOA;EACE,cAAc;EACd,iBELuB;ADCzB;;AEKE;EHEE,qBAAqB;ACHzB;;ADFA;EAUI,cIpBW;EJqBX,oBAAoB;EACpB,eAAe;ACJnB;;ADYA;EACE,gCI9Ba;AHqBf;;ADQA;EAII,mBEnCmC;AD2BvC;;ADIA;EAQI,6BAAgD;EK3BhD,yBHXiC;EGYjC,0BHZiC;ADgCrC;;AEnBE;EH6BI,yBEzCyC;ADmC/C;;ADNA;EAgBM,cI9CS;EJ+CT,6BAA6B;EAC7B,yBAAyB;ACN/B;;ADZA;;EAwBI,cIxDW;EJyDX,6BEpD2C;EFqD3C,yBEpD2C;AD6C/C;;ADnBA;EA+BI,gBE9DmC;EGYnC,yBLoD4B;EKnD5B,0BLmD4B;ACRhC;;ADiBA;EKtEI,kBHUyB;AD+C7B;;ADaA;;EAOI,WI5EQ;EJ6ER,yBIpEmB;AHqDvB;;ADwBA;EAEI,cAAc;EACd,kBAAkB;ACtBtB;;AD0BA;EAEI,aAAa;EACb,YAAY;EACZ,kBAAkB;ACxBtB;;ADiCA;EAEI,aAAa;AC/BjB;;AD6BA;EAKI,cAAc;AC9BlB;;AKvFA;EACE,mBAAmB;AL0FrB;;AK3FA;EAKM,aAAa;AL0FnB;;AK/FA;EASM,kBAAkB;EAClB,iBAAiB;EACjB,WFTM;EEUN,YAAY;EDPd,kBCQ4B;AL0FhC;;AKvGA;EAgBQ,cFfO;AH0Gf;;AK3GA;EAoBQ,gBAAgB;AL2FxB;;AK/GA;EAsBU,kBAAkB;EAClB,aAAa;EACb,OAAO;EACP,WAAW;EACX,WAAW;EACX,WAAW;EACX,yBF3BK;EE4BL,0BAA0B;AL6FpC;;AK1HA;EAqCc,yBAAkB;ALyFhC;;AK9HA;EAqCc,yBAAkB;AL6FhC;;AKlIA;EAqCc,yBAAkB;ALiGhC;;AKtIA;EAqCc,yBAAkB;ALqGhC;;AK1IA;EAqCc,yBAAkB;ALyGhC;;AK9IA;EAqCc,yBAAkB;AL6GhC;;AKlJA;EAqCc,yBAAkB;ALiHhC;;AKtJA;EAqCc,yBAAkB;ALqHhC;;AK1JA;EAqCc,yBAAkB;ALyHhC;;AK9JA;EAqCc,yBAAkB;AL6HhC;;AKlKA;EAqCc,sBAAkB;ALiIhC;;AKtKA;EAqCc,yBAAkB;ALqIhC;;AK1KA;EAqCc,yBAAkB;ALyIhC;;AK9KA;EAqCc,yBAAkB;AL6IhC;;AKlLA;EAqCc,yBAAkB;ALiJhC;;AKtLA;EAqCc,yBAAkB;ALqJhC;;AK1LA;EAqCc,sBAAkB;ALyJhC;;AK9LA;EA4CQ,cFzCO;EE0CP,oBAAoB;EACpB,mBAAmB;ALsJ3B;;AKpMA;EAoDI,gBAAgB;ED/ChB,kBCgD0B;ALoJ9B;;AKzMA;EAyDQ,cAAc;EACd,yBAAyB;ALoJjC","file":"mekari-ui-tabs.css","sourcesContent":["// Base class\n//\n// Kickstart any navigation component with a set of style resets. Works with\n// `<nav>`s or `<ul>`s.\n\n.#{$prefix}nav {\n display: flex;\n flex-wrap: wrap;\n padding-left: 0;\n margin-bottom: 0;\n list-style: none;\n}\n\n.#{$prefix}nav-link {\n display: block;\n padding: $nav-link-padding-y $nav-link-padding-x;\n\n @include hover-focus {\n text-decoration: none;\n }\n\n // Disabled state lightens text\n &.disabled {\n color: $nav-link-disabled-color;\n pointer-events: none;\n cursor: default;\n }\n}\n\n//\n// Tabs\n//\n\n.#{$prefix}nav-tabs {\n border-bottom: $nav-tabs-border-width solid $nav-tabs-border-color;\n\n .#{$prefix}nav-item {\n margin-bottom: -$nav-tabs-border-width;\n }\n\n .#{$prefix}nav-link {\n border: $nav-tabs-border-width solid transparent;\n @include border-top-radius($nav-tabs-border-radius);\n\n @include hover-focus {\n border-color: $nav-tabs-link-hover-border-color;\n }\n\n &.disabled {\n color: $nav-link-disabled-color;\n background-color: transparent;\n border-color: transparent;\n }\n }\n\n .#{$prefix}nav-link.active,\n .#{$prefix}nav-item.#{$prefix}show .#{$prefix}nav-link {\n color: $nav-tabs-link-active-color;\n background-color: $nav-tabs-link-active-bg;\n border-color: $nav-tabs-link-active-border-color;\n }\n\n .#{$prefix}dropdown-menu {\n // Make dropdown border overlap tab border\n margin-top: -$nav-tabs-border-width;\n // Remove the top rounded corners here since there is a hard edge above the menu\n @include border-top-radius(0);\n }\n}\n\n\n//\n// Pills\n//\n\n.#{$prefix}nav-pills {\n .#{$prefix}nav-link {\n @include border-radius($nav-pills-border-radius);\n }\n\n .#{$prefix}nav-link.active,\n .#{$prefix}show > .#{$prefix}nav-link {\n color: $nav-pills-link-active-color;\n background-color: $nav-pills-link-active-bg;\n }\n}\n\n\n//\n// Justified variants\n//\n\n.#{$prefix}nav-fill {\n .#{$prefix}nav-item {\n flex: 1 1 auto;\n text-align: center;\n }\n}\n\n.#{$prefix}nav-justified {\n .#{$prefix}nav-item {\n flex-basis: 0;\n flex-grow: 1;\n text-align: center;\n }\n}\n\n\n// Tabbable tabs\n//\n// Hide tabbable panes to start, show them when `.active`\n\n.#{$prefix}tab-content {\n > .#{$prefix}tab-pane {\n display: none;\n }\n > .active {\n display: block;\n }\n}\n",".nav {\n display: flex;\n flex-wrap: wrap;\n padding-left: 0;\n margin-bottom: 0;\n list-style: none;\n}\n\n.nav-link {\n display: block;\n padding: 8px 16px;\n}\n\n.nav-link:hover, .nav-link:focus {\n text-decoration: none;\n}\n\n.nav-link.disabled {\n color: #b4b4b4;\n pointer-events: none;\n cursor: default;\n}\n\n.nav-tabs {\n border-bottom: 1px solid #e2e2e2;\n}\n\n.nav-tabs .nav-item {\n margin-bottom: -1px;\n}\n\n.nav-tabs .nav-link {\n border: 1px solid transparent;\n border-top-left-radius: 0;\n border-top-right-radius: 0;\n}\n\n.nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus {\n border-color: transparent;\n}\n\n.nav-tabs .nav-link.disabled {\n color: #b4b4b4;\n background-color: transparent;\n border-color: transparent;\n}\n\n.nav-tabs .nav-link.active,\n.nav-tabs .nav-item.show .nav-link {\n color: #212121;\n background-color: transparent;\n border-color: transparent;\n}\n\n.nav-tabs .dropdown-menu {\n margin-top: -1px;\n border-top-left-radius: 0;\n border-top-right-radius: 0;\n}\n\n.nav-pills .nav-link {\n border-radius: 4px;\n}\n\n.nav-pills .nav-link.active,\n.nav-pills .show > .nav-link {\n color: #fff;\n background-color: #005fbf;\n}\n\n.nav-fill .nav-item {\n flex: 1 1 auto;\n text-align: center;\n}\n\n.nav-justified .nav-item {\n flex-basis: 0;\n flex-grow: 1;\n text-align: center;\n}\n\n.tab-content > .tab-pane {\n display: none;\n}\n\n.tab-content > .active {\n display: block;\n}\n\n.nav-tabs {\n margin-bottom: 24px;\n}\n\n.nav-tabs .nav-item {\n margin: 8px 0;\n}\n\n.nav-tabs .nav-link {\n position: relative;\n padding: 8px 16px;\n color: #777;\n border: none;\n border-radius: 4px;\n}\n\n.nav-tabs .nav-link:hover {\n color: #212121;\n}\n\n.nav-tabs .nav-link.active {\n font-weight: 500;\n}\n\n.nav-tabs .nav-link.active::after {\n position: absolute;\n bottom: -12px;\n left: 0;\n width: 100%;\n height: 4px;\n content: \"\";\n background-color: #212121;\n border-radius: 2px 2px 0 0;\n}\n\n.nav-tabs .nav-link.active.theme-danger::after {\n background-color: #d74022;\n}\n\n.nav-tabs .nav-link.active.theme-success::after {\n background-color: #009f61;\n}\n\n.nav-tabs .nav-link.active.theme-info::after {\n background-color: #ffeb99;\n}\n\n.nav-tabs .nav-link.active.theme-warning::after {\n background-color: #ffb700;\n}\n\n.nav-tabs .nav-link.active.theme-primary::after {\n background-color: #005fbf;\n}\n\n.nav-tabs .nav-link.active.theme-jurnal::after {\n background-color: #009bde;\n}\n\n.nav-tabs .nav-link.active.theme-talenta::after {\n background-color: #c02a34;\n}\n\n.nav-tabs .nav-link.active.theme-klikpajak::after {\n background-color: #f96d01;\n}\n\n.nav-tabs .nav-link.active.theme-mekari::after {\n background-color: #6d48e5;\n}\n\n.nav-tabs .nav-link.active.theme-dark::after {\n background-color: #212121;\n}\n\n.nav-tabs .nav-link.active.theme-slate::after {\n background-color: #777;\n}\n\n.nav-tabs .nav-link.active.theme-muted::after {\n background-color: #b4b4b4;\n}\n\n.nav-tabs .nav-link.active.theme-smoke::after {\n background-color: #e2e2e2;\n}\n\n.nav-tabs .nav-link.active.theme-light::after {\n background-color: #fbfbfb;\n}\n\n.nav-tabs .nav-link.active.theme-cloud::after {\n background-color: #f2f4f7;\n}\n\n.nav-tabs .nav-link.active.theme-link::after {\n background-color: #1357ff;\n}\n\n.nav-tabs .nav-link.active.theme-white::after {\n background-color: #fff;\n}\n\n.nav-tabs .nav-link.disabled {\n color: #b4b4b4;\n pointer-events: auto;\n cursor: not-allowed;\n}\n\n.nav-tabs .dropdown-menu {\n margin-top: 11px;\n border-radius: 4px;\n}\n\n.nav-tabs .dropdown-menu .dropdown-item.active {\n color: inherit;\n background-color: inherit;\n}\n\n/# sourceMappingURL=mekari-ui-tabs.css.map /","// Tabs\n$nav-tabs-border-color: $smoke;\n$nav-tabs-border-width: 1px;\n$nav-tabs-border-radius: 0;\n$nav-tabs-link-hover-border-color: transparent;\n$nav-tabs-link-active-color: $dark;\n$nav-tabs-link-active-bg: transparent;\n$nav-tabs-link-active-border-color: transparent;\n\n$nav-link-padding-y: 8px;\n$nav-link-padding-x: 16px;\n$nav-link-height: calc($font-size-base * $line-height-base) + $nav-link-padding-y * 2;\n$navbar-brand-height: $font-size-lg * $line-height-base;\n$navbar-brand-padding-y: calc($nav-link-height - $navbar-brand-height) / 2;\n$nav-link-disabled-color: $text-muted;\n$nav-pills-border-radius: 4px;\n\n$nav-pills-link-active-color: $white;\n$nav-pills-link-active-bg: $primary;\n","// Hover mixin and `$enable-hover-media-query` are deprecated.\n//\n// Originally added during our alphas and maintained during betas, this mixin was\n// designed to prevent `:hover` stickiness on iOS-an issue where hover styles\n// would persist after initial touch.\n//\n// For backward compatibility, we've kept these mixins and updated them to\n// always return their regular pseudo-classes instead of a shimmed media query.\n//\n// Issue: https://github.com/twbs/bootstrap/issues/25195\n\n@mixin hover {\n &:hover { @content; }\n}\n\n@mixin hover-focus {\n &:hover,\n &:focus {\n @content;\n }\n}\n\n@mixin plain-hover-focus {\n &,\n &:hover,\n &:focus {\n @content;\n }\n}\n\n@mixin hover-focus-active {\n &:hover,\n &:focus,\n &:active {\n @content;\n }\n}\n","// Neutrals color variables\n$dark: #212121;\n$slate: #777;\n$muted: #b4b4b4;\n$smoke: #e2e2e2;\n$snow: #fbfbfb;\n$white: #fff;\n$cloud: #f2f4f7;\n\n// UI color variables\n$red: #d74022;\n$green: #009f61;\n$light-yellow: #ffeb99;\n$blue: #1357ff;\n$orange: #ffb700;\n$sapphire: #005fbf;\n\n// Branding color variables\n$crimson: #c02a34;\n$azure: #009bde;\n$salamander: #f96d01;\n$purple: #6d48e5;\n\n// Bootstrap dependencies color\n$black: #000 !default;\n$gray-100: #f8f9fa !default;\n$gray-200: #e9ecef !default;\n$gray-300: #dee2e6 !default;\n$gray-400: #ced4da !default;\n$gray-500: #adb5bd !default;\n$gray-600: #6c757d !default;\n$gray-700: #495057 !default;\n$gray-800: #343a40 !default;\n$gray-900: #212529 !default;\n\n// The yiq lightness value that determines when the lightness of color changes from \"dark\" to \"light\". Acceptable values are between 0 and 255.\n$yiq-contrasted-threshold: 150 !default;\n\n// Customize the light and dark text colors for use in our YIQ color contrast function.\n$yiq-text-dark: $gray-900 !default;\n$yiq-text-light: $white !default;\n\n\n$grays: () !default;\n// stylelint-disable-next-line scss/dollar-variable-default\n$grays: map-merge(\n (\n \"100\": $gray-100,\n \"200\": $gray-200,\n \"300\": $gray-300,\n \"400\": $gray-400,\n \"500\": $gray-500,\n \"600\": $gray-600,\n \"700\": $gray-700,\n \"800\": $gray-800,\n \"900\": $gray-900\n ),\n $grays\n);\n\n// register mekari color variables too bootstrap\n$colors: ();\n$colors: map-merge(\n (\n \"noir\" : $dark, // going to deprecated\n \"dark\" : $dark,\n \"slate\" : $slate,\n \"muted\" : $muted,\n \"smoke\" : $smoke,\n \"snow\" : $snow,\n \"cloud\" : $cloud,\n \"crimson\" : $crimson,\n \"azure\" : $azure,\n \"salamander\" : $salamander,\n \"purple\" : $purple,\n \"sapphire\" : $sapphire,\n \"white\" : $white,\n \"red\" : $red,\n \"orange\" : $orange,\n \"green\" : $green,\n \"blue\" : $blue,\n \"light-yellow\" : $light-yellow\n ),\n $colors\n);\n\n//extend bootstrap class\n$danger: $red;\n$success: $green;\n$info: $light-yellow;\n$warning: $orange;\n$primary: $sapphire;\n$jurnal: $azure;\n$talenta: $crimson;\n$klikpajak: $salamander;\n$mekari: $purple;\n\n$link: $blue;\n\n$text-muted: $muted;\n$body-color: $dark;\n$dark: $dark;\n$secondary: $slate;\n$light: $snow;\n\n// Add more theme color variables\n$theme-colors: ();\n$theme-colors: map-merge(\n (\n \"danger\" : $danger,\n \"success\" : $success,\n \"info\" : $info,\n \"warning\" : $warning,\n \"primary\" : $primary,\n \"jurnal\" : $jurnal,\n \"talenta\" : $talenta,\n \"klikpajak\" : $klikpajak,\n \"mekari\" : $mekari,\n \"dark\" : $dark,\n \"slate\" : $slate,\n \"muted\" : $muted,\n \"smoke\" : $smoke,\n \"light\" : $light,\n \"cloud\" : $cloud,\n \"link\" : $blue,\n \"white\" : $white\n ),\n $theme-colors\n);\n\n$card-border-color: $smoke;\n$body-bg: $white;\n","// stylelint-disable property-blacklist\n// Single side border-radius\n\n@mixin border-radius($radius: $border-radius, $fallback-border-radius: false) {\n @if $enable-rounded {\n border-radius: $radius;\n }\n @else if $fallback-border-radius != false {\n border-radius: $fallback-border-radius;\n }\n}\n\n@mixin border-top-radius($radius) {\n @if $enable-rounded {\n border-top-left-radius: $radius;\n border-top-right-radius: $radius;\n }\n}\n\n@mixin border-right-radius($radius) {\n @if $enable-rounded {\n border-top-right-radius: $radius;\n border-bottom-right-radius: $radius;\n }\n}\n\n@mixin border-bottom-radius($radius) {\n @if $enable-rounded {\n border-bottom-right-radius: $radius;\n border-bottom-left-radius: $radius;\n }\n}\n\n@mixin border-left-radius($radius) {\n @if $enable-rounded {\n border-top-left-radius: $radius;\n border-bottom-left-radius: $radius;\n }\n}\n\n@mixin border-top-left-radius($radius) {\n @if $enable-rounded {\n border-top-left-radius: $radius;\n }\n}\n\n@mixin border-top-right-radius($radius) {\n @if $enable-rounded {\n border-top-right-radius: $radius;\n }\n}\n\n@mixin border-bottom-right-radius($radius) {\n @if $enable-rounded {\n border-bottom-right-radius: $radius;\n }\n}\n\n@mixin border-bottom-left-radius($radius) {\n @if $enable-rounded {\n border-bottom-left-radius: $radius;\n }\n}\n",".#{$prefix}nav-tabs {\n margin-bottom: 24px;\n\n .#{$prefix}nav {\n &-item {\n margin: 8px 0;\n }\n\n &-link {\n position: relative;\n padding: 8px 16px;\n color: $slate;\n border: none;\n @include border-radius(4px);\n\n &:hover {\n color: $dark;\n }\n\n &.active {\n font-weight: 500;\n &::after {\n position: absolute;\n bottom: -12px;\n left: 0;\n width: 100%;\n height: 4px;\n content: \"\";\n background-color: $dark;\n border-radius: 2px 2px 0 0; // stylelint-disable-line property-blacklist\n }\n }\n\n @each $color, $hex in $theme-colors {\n &.active {\n &.theme-#{$color} {\n &::after {\n background-color: #{$hex};\n }\n }\n }\n }\n\n &.disabled {\n color: $muted;\n pointer-events: auto;\n cursor: not-allowed;\n }\n }\n }\n\n .#{$prefix}dropdown-menu {\n margin-top: 11px;\n @include border-radius(4px);\n\n .#{$prefix}dropdown-item {\n &.active {\n color: inherit;\n background-color: inherit;\n }\n }\n }\n}\n"]}
1	+ {"version":3,"sources":["../../../scss/vendors/_nav.scss","mekari-ui-tabs.css","../../../scss/vendor-extensions/_navs.scss","../../../scss/vendors/mixins/_hover.scss","../../../scss/vendor-extensions/_color.scss","../../../scss/vendors/mixins/_border-radius.scss","../../../scss/components/config/_tabs.scss"],"names":[],"mappings":"AAKA;EACE,aAAa;EACb,eAAe;EACf,eAAe;EACf,gBAAgB;EAChB,gBAAgB;ACJlB;;ADOA;EACE,cAAc;EACd,iBELuB;ADCzB;;AEKE;EHEE,qBAAqB;ACHzB;;ADFA;EAUI,cIpBW;EJqBX,oBAAoB;EACpB,eAAe;ACJnB;;ADYA;EACE,gCI9Ba;AHqBf;;ADQA;EAII,mBEnCmC;AD2BvC;;ADIA;EAQI,6BAAgD;EK3BhD,yBHXiC;EGYjC,0BHZiC;ADgCrC;;AEnBE;EH6BI,yBEzCyC;ADmC/C;;ADNA;EAgBM,cI9CS;EJ+CT,6BAA6B;EAC7B,yBAAyB;ACN/B;;ADZA;;EAwBI,cIxDW;EJyDX,6BEpD2C;EFqD3C,yBEpD2C;AD6C/C;;ADnBA;EA+BI,gBE9DmC;EGYnC,yBLoD4B;EKnD5B,0BLmD4B;ACRhC;;ADiBA;EKtEI,kBHUyB;AD+C7B;;ADaA;;EAOI,WI5EQ;EJ6ER,yBIpEmB;AHqDvB;;ADwBA;EAEI,cAAc;EACd,kBAAkB;ACtBtB;;AD0BA;EAEI,aAAa;EACb,YAAY;EACZ,kBAAkB;ACxBtB;;ADiCA;EAEI,aAAa;AC/BjB;;AD6BA;EAKI,cAAc;AC9BlB;;AKvFA;EACE,mBAAmB;AL0FrB;;AK3FA;EAKM,aAAa;AL0FnB;;AK/FA;EASM,kBAAkB;EAClB,iBAAiB;EACjB,WFTM;EEUN,YAAY;EDPd,kBCQ4B;AL0FhC;;AKvGA;EAgBQ,cFfO;AH0Gf;;AK3GA;EAoBQ,gBAAgB;AL2FxB;;AK/GA;EAsBU,kBAAkB;EAClB,YAAY;EACZ,OAAO;EACP,WAAW;EACX,WAAW;EACX,WAAW;EACX,yBF3BK;EE4BL,0BAA0B;AL6FpC;;AK1HA;EAqCc,yBAAkB;ALyFhC;;AK9HA;EAqCc,yBAAkB;AL6FhC;;AKlIA;EAqCc,yBAAkB;ALiGhC;;AKtIA;EAqCc,yBAAkB;ALqGhC;;AK1IA;EAqCc,yBAAkB;ALyGhC;;AK9IA;EAqCc,yBAAkB;AL6GhC;;AKlJA;EAqCc,yBAAkB;ALiHhC;;AKtJA;EAqCc,yBAAkB;ALqHhC;;AK1JA;EAqCc,yBAAkB;ALyHhC;;AK9JA;EAqCc,yBAAkB;AL6HhC;;AKlKA;EAqCc,sBAAkB;ALiIhC;;AKtKA;EAqCc,yBAAkB;ALqIhC;;AK1KA;EAqCc,yBAAkB;ALyIhC;;AK9KA;EAqCc,yBAAkB;AL6IhC;;AKlLA;EAqCc,yBAAkB;ALiJhC;;AKtLA;EAqCc,yBAAkB;ALqJhC;;AK1LA;EAqCc,sBAAkB;ALyJhC;;AK9LA;EA4CQ,cFzCO;EE0CP,oBAAoB;EACpB,mBAAmB;ALsJ3B;;AKpMA;EAoDI,gBAAgB;ED/ChB,kBCgD0B;ALoJ9B;;AKzMA;EAyDQ,cAAc;EACd,yBAAyB;ALoJjC","file":"mekari-ui-tabs.css","sourcesContent":["// Base class\n//\n// Kickstart any navigation component with a set of style resets. Works with\n// `<nav>`s or `<ul>`s.\n\n.#{$prefix}nav {\n display: flex;\n flex-wrap: wrap;\n padding-left: 0;\n margin-bottom: 0;\n list-style: none;\n}\n\n.#{$prefix}nav-link {\n display: block;\n padding: $nav-link-padding-y $nav-link-padding-x;\n\n @include hover-focus {\n text-decoration: none;\n }\n\n // Disabled state lightens text\n &.disabled {\n color: $nav-link-disabled-color;\n pointer-events: none;\n cursor: default;\n }\n}\n\n//\n// Tabs\n//\n\n.#{$prefix}nav-tabs {\n border-bottom: $nav-tabs-border-width solid $nav-tabs-border-color;\n\n .#{$prefix}nav-item {\n margin-bottom: -$nav-tabs-border-width;\n }\n\n .#{$prefix}nav-link {\n border: $nav-tabs-border-width solid transparent;\n @include border-top-radius($nav-tabs-border-radius);\n\n @include hover-focus {\n border-color: $nav-tabs-link-hover-border-color;\n }\n\n &.disabled {\n color: $nav-link-disabled-color;\n background-color: transparent;\n border-color: transparent;\n }\n }\n\n .#{$prefix}nav-link.active,\n .#{$prefix}nav-item.#{$prefix}show .#{$prefix}nav-link {\n color: $nav-tabs-link-active-color;\n background-color: $nav-tabs-link-active-bg;\n border-color: $nav-tabs-link-active-border-color;\n }\n\n .#{$prefix}dropdown-menu {\n // Make dropdown border overlap tab border\n margin-top: -$nav-tabs-border-width;\n // Remove the top rounded corners here since there is a hard edge above the menu\n @include border-top-radius(0);\n }\n}\n\n\n//\n// Pills\n//\n\n.#{$prefix}nav-pills {\n .#{$prefix}nav-link {\n @include border-radius($nav-pills-border-radius);\n }\n\n .#{$prefix}nav-link.active,\n .#{$prefix}show > .#{$prefix}nav-link {\n color: $nav-pills-link-active-color;\n background-color: $nav-pills-link-active-bg;\n }\n}\n\n\n//\n// Justified variants\n//\n\n.#{$prefix}nav-fill {\n .#{$prefix}nav-item {\n flex: 1 1 auto;\n text-align: center;\n }\n}\n\n.#{$prefix}nav-justified {\n .#{$prefix}nav-item {\n flex-basis: 0;\n flex-grow: 1;\n text-align: center;\n }\n}\n\n\n// Tabbable tabs\n//\n// Hide tabbable panes to start, show them when `.active`\n\n.#{$prefix}tab-content {\n > .#{$prefix}tab-pane {\n display: none;\n }\n > .active {\n display: block;\n }\n}\n",".nav {\n display: flex;\n flex-wrap: wrap;\n padding-left: 0;\n margin-bottom: 0;\n list-style: none;\n}\n\n.nav-link {\n display: block;\n padding: 8px 16px;\n}\n\n.nav-link:hover, .nav-link:focus {\n text-decoration: none;\n}\n\n.nav-link.disabled {\n color: #b4b4b4;\n pointer-events: none;\n cursor: default;\n}\n\n.nav-tabs {\n border-bottom: 1px solid #e2e2e2;\n}\n\n.nav-tabs .nav-item {\n margin-bottom: -1px;\n}\n\n.nav-tabs .nav-link {\n border: 1px solid transparent;\n border-top-left-radius: 0;\n border-top-right-radius: 0;\n}\n\n.nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus {\n border-color: transparent;\n}\n\n.nav-tabs .nav-link.disabled {\n color: #b4b4b4;\n background-color: transparent;\n border-color: transparent;\n}\n\n.nav-tabs .nav-link.active,\n.nav-tabs .nav-item.show .nav-link {\n color: #212121;\n background-color: transparent;\n border-color: transparent;\n}\n\n.nav-tabs .dropdown-menu {\n margin-top: -1px;\n border-top-left-radius: 0;\n border-top-right-radius: 0;\n}\n\n.nav-pills .nav-link {\n border-radius: 4px;\n}\n\n.nav-pills .nav-link.active,\n.nav-pills .show > .nav-link {\n color: #fff;\n background-color: #005fbf;\n}\n\n.nav-fill .nav-item {\n flex: 1 1 auto;\n text-align: center;\n}\n\n.nav-justified .nav-item {\n flex-basis: 0;\n flex-grow: 1;\n text-align: center;\n}\n\n.tab-content > .tab-pane {\n display: none;\n}\n\n.tab-content > .active {\n display: block;\n}\n\n.nav-tabs {\n margin-bottom: 24px;\n}\n\n.nav-tabs .nav-item {\n margin: 8px 0;\n}\n\n.nav-tabs .nav-link {\n position: relative;\n padding: 8px 16px;\n color: #777;\n border: none;\n border-radius: 4px;\n}\n\n.nav-tabs .nav-link:hover {\n color: #212121;\n}\n\n.nav-tabs .nav-link.active {\n font-weight: 500;\n}\n\n.nav-tabs .nav-link.active::after {\n position: absolute;\n bottom: -9px;\n left: 0;\n width: 100%;\n height: 4px;\n content: \"\";\n background-color: #212121;\n border-radius: 2px 2px 0 0;\n}\n\n.nav-tabs .nav-link.active.theme-danger::after {\n background-color: #d74022;\n}\n\n.nav-tabs .nav-link.active.theme-success::after {\n background-color: #009f61;\n}\n\n.nav-tabs .nav-link.active.theme-info::after {\n background-color: #ffeb99;\n}\n\n.nav-tabs .nav-link.active.theme-warning::after {\n background-color: #ffb700;\n}\n\n.nav-tabs .nav-link.active.theme-primary::after {\n background-color: #005fbf;\n}\n\n.nav-tabs .nav-link.active.theme-jurnal::after {\n background-color: #009bde;\n}\n\n.nav-tabs .nav-link.active.theme-talenta::after {\n background-color: #c02a34;\n}\n\n.nav-tabs .nav-link.active.theme-klikpajak::after {\n background-color: #f96d01;\n}\n\n.nav-tabs .nav-link.active.theme-mekari::after {\n background-color: #6d48e5;\n}\n\n.nav-tabs .nav-link.active.theme-dark::after {\n background-color: #212121;\n}\n\n.nav-tabs .nav-link.active.theme-slate::after {\n background-color: #777;\n}\n\n.nav-tabs .nav-link.active.theme-muted::after {\n background-color: #b4b4b4;\n}\n\n.nav-tabs .nav-link.active.theme-smoke::after {\n background-color: #e2e2e2;\n}\n\n.nav-tabs .nav-link.active.theme-light::after {\n background-color: #fbfbfb;\n}\n\n.nav-tabs .nav-link.active.theme-cloud::after {\n background-color: #f2f4f7;\n}\n\n.nav-tabs .nav-link.active.theme-link::after {\n background-color: #1357ff;\n}\n\n.nav-tabs .nav-link.active.theme-white::after {\n background-color: #fff;\n}\n\n.nav-tabs .nav-link.disabled {\n color: #b4b4b4;\n pointer-events: auto;\n cursor: not-allowed;\n}\n\n.nav-tabs .dropdown-menu {\n margin-top: 11px;\n border-radius: 4px;\n}\n\n.nav-tabs .dropdown-menu .dropdown-item.active {\n color: inherit;\n background-color: inherit;\n}\n\n/# sourceMappingURL=mekari-ui-tabs.css.map /","// Tabs\n$nav-tabs-border-color: $smoke;\n$nav-tabs-border-width: 1px;\n$nav-tabs-border-radius: 0;\n$nav-tabs-link-hover-border-color: transparent;\n$nav-tabs-link-active-color: $dark;\n$nav-tabs-link-active-bg: transparent;\n$nav-tabs-link-active-border-color: transparent;\n\n$nav-link-padding-y: 8px;\n$nav-link-padding-x: 16px;\n$nav-link-height: calc($font-size-base * $line-height-base) + $nav-link-padding-y * 2;\n$navbar-brand-height: $font-size-lg * $line-height-base;\n$navbar-brand-padding-y: calc($nav-link-height - $navbar-brand-height) / 2;\n$nav-link-disabled-color: $text-muted;\n$nav-pills-border-radius: 4px;\n\n$nav-pills-link-active-color: $white;\n$nav-pills-link-active-bg: $primary;\n","// Hover mixin and `$enable-hover-media-query` are deprecated.\n//\n// Originally added during our alphas and maintained during betas, this mixin was\n// designed to prevent `:hover` stickiness on iOS-an issue where hover styles\n// would persist after initial touch.\n//\n// For backward compatibility, we've kept these mixins and updated them to\n// always return their regular pseudo-classes instead of a shimmed media query.\n//\n// Issue: https://github.com/twbs/bootstrap/issues/25195\n\n@mixin hover {\n &:hover { @content; }\n}\n\n@mixin hover-focus {\n &:hover,\n &:focus {\n @content;\n }\n}\n\n@mixin plain-hover-focus {\n &,\n &:hover,\n &:focus {\n @content;\n }\n}\n\n@mixin hover-focus-active {\n &:hover,\n &:focus,\n &:active {\n @content;\n }\n}\n","// Neutrals color variables\n$dark: #212121;\n$slate: #777;\n$muted: #b4b4b4;\n$smoke: #e2e2e2;\n$snow: #fbfbfb;\n$white: #fff;\n$cloud: #f2f4f7;\n\n// UI color variables\n$red: #d74022;\n$green: #009f61;\n$light-yellow: #ffeb99;\n$blue: #1357ff;\n$orange: #ffb700;\n$sapphire: #005fbf;\n\n// Branding color variables\n$crimson: #c02a34;\n$azure: #009bde;\n$salamander: #f96d01;\n$purple: #6d48e5;\n\n// Bootstrap dependencies color\n$black: #000 !default;\n$gray-100: #f8f9fa !default;\n$gray-200: #e9ecef !default;\n$gray-300: #dee2e6 !default;\n$gray-400: #ced4da !default;\n$gray-500: #adb5bd !default;\n$gray-600: #6c757d !default;\n$gray-700: #495057 !default;\n$gray-800: #343a40 !default;\n$gray-900: #212529 !default;\n\n// The yiq lightness value that determines when the lightness of color changes from \"dark\" to \"light\". Acceptable values are between 0 and 255.\n$yiq-contrasted-threshold: 150 !default;\n\n// Customize the light and dark text colors for use in our YIQ color contrast function.\n$yiq-text-dark: $gray-900 !default;\n$yiq-text-light: $white !default;\n\n\n$grays: () !default;\n// stylelint-disable-next-line scss/dollar-variable-default\n$grays: map-merge(\n (\n \"100\": $gray-100,\n \"200\": $gray-200,\n \"300\": $gray-300,\n \"400\": $gray-400,\n \"500\": $gray-500,\n \"600\": $gray-600,\n \"700\": $gray-700,\n \"800\": $gray-800,\n \"900\": $gray-900\n ),\n $grays\n);\n\n// register mekari color variables too bootstrap\n$colors: ();\n$colors: map-merge(\n (\n \"noir\" : $dark, // going to deprecated\n \"dark\" : $dark,\n \"slate\" : $slate,\n \"muted\" : $muted,\n \"smoke\" : $smoke,\n \"snow\" : $snow,\n \"cloud\" : $cloud,\n \"crimson\" : $crimson,\n \"azure\" : $azure,\n \"salamander\" : $salamander,\n \"purple\" : $purple,\n \"sapphire\" : $sapphire,\n \"white\" : $white,\n \"red\" : $red,\n \"orange\" : $orange,\n \"green\" : $green,\n \"blue\" : $blue,\n \"light-yellow\" : $light-yellow\n ),\n $colors\n);\n\n//extend bootstrap class\n$danger: $red;\n$success: $green;\n$info: $light-yellow;\n$warning: $orange;\n$primary: $sapphire;\n$jurnal: $azure;\n$talenta: $crimson;\n$klikpajak: $salamander;\n$mekari: $purple;\n\n$link: $blue;\n\n$text-muted: $muted;\n$body-color: $dark;\n$dark: $dark;\n$secondary: $slate;\n$light: $snow;\n\n// Add more theme color variables\n$theme-colors: ();\n$theme-colors: map-merge(\n (\n \"danger\" : $danger,\n \"success\" : $success,\n \"info\" : $info,\n \"warning\" : $warning,\n \"primary\" : $primary,\n \"jurnal\" : $jurnal,\n \"talenta\" : $talenta,\n \"klikpajak\" : $klikpajak,\n \"mekari\" : $mekari,\n \"dark\" : $dark,\n \"slate\" : $slate,\n \"muted\" : $muted,\n \"smoke\" : $smoke,\n \"light\" : $light,\n \"cloud\" : $cloud,\n \"link\" : $blue,\n \"white\" : $white\n ),\n $theme-colors\n);\n\n$card-border-color: $smoke;\n$body-bg: $white;\n","// stylelint-disable property-blacklist\n// Single side border-radius\n\n@mixin border-radius($radius: $border-radius, $fallback-border-radius: false) {\n @if $enable-rounded {\n border-radius: $radius;\n }\n @else if $fallback-border-radius != false {\n border-radius: $fallback-border-radius;\n }\n}\n\n@mixin border-top-radius($radius) {\n @if $enable-rounded {\n border-top-left-radius: $radius;\n border-top-right-radius: $radius;\n }\n}\n\n@mixin border-right-radius($radius) {\n @if $enable-rounded {\n border-top-right-radius: $radius;\n border-bottom-right-radius: $radius;\n }\n}\n\n@mixin border-bottom-radius($radius) {\n @if $enable-rounded {\n border-bottom-right-radius: $radius;\n border-bottom-left-radius: $radius;\n }\n}\n\n@mixin border-left-radius($radius) {\n @if $enable-rounded {\n border-top-left-radius: $radius;\n border-bottom-left-radius: $radius;\n }\n}\n\n@mixin border-top-left-radius($radius) {\n @if $enable-rounded {\n border-top-left-radius: $radius;\n }\n}\n\n@mixin border-top-right-radius($radius) {\n @if $enable-rounded {\n border-top-right-radius: $radius;\n }\n}\n\n@mixin border-bottom-right-radius($radius) {\n @if $enable-rounded {\n border-bottom-right-radius: $radius;\n }\n}\n\n@mixin border-bottom-left-radius($radius) {\n @if $enable-rounded {\n border-bottom-left-radius: $radius;\n }\n}\n",".#{$prefix}nav-tabs {\n margin-bottom: 24px;\n\n .#{$prefix}nav {\n &-item {\n margin: 8px 0;\n }\n\n &-link {\n position: relative;\n padding: 8px 16px;\n color: $slate;\n border: none;\n @include border-radius(4px);\n\n &:hover {\n color: $dark;\n }\n\n &.active {\n font-weight: 500;\n &::after {\n position: absolute;\n bottom: -9px;\n left: 0;\n width: 100%;\n height: 4px;\n content: \"\";\n background-color: $dark;\n border-radius: 2px 2px 0 0; // stylelint-disable-line property-blacklist\n }\n }\n\n @each $color, $hex in $theme-colors {\n &.active {\n &.theme-#{$color} {\n &::after {\n background-color: #{$hex};\n }\n }\n }\n }\n\n &.disabled {\n color: $muted;\n pointer-events: auto;\n cursor: not-allowed;\n }\n }\n }\n\n .#{$prefix}dropdown-menu {\n margin-top: 11px;\n @include border-radius(4px);\n\n .#{$prefix}dropdown-item {\n &.active {\n color: inherit;\n background-color: inherit;\n }\n }\n }\n}\n"]}

data/lib/assets/stylesheets/css/full-bundle/mekari-ui.css CHANGED Viewed

@@ -4373,7 +4373,7 @@ input[type="button"].btn-block {
 }
 .custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::after {
-  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 4'%3e%3cpath stroke='%23ffffff' d='M0 2h4'/%3e%3c/svg%3e");
+  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-1 -1 6 6'%3e%3cpath stroke='%23ffffff' d='M0 2h4'/%3e%3c/svg%3e");
 }
 .custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before {
@@ -18026,7 +18026,7 @@ a.text-white:hover, a.text-white:focus {
 }
 .ic-input-prefix.ic-small {
-  top: 7px;
+  top: 8px;
   left: 10px;
 }
@@ -18047,7 +18047,7 @@ a.text-white:hover, a.text-white:focus {
 }
 .ic-input-suffix.ic-small {
-  top: 7px;
+  top: 8px;
   right: 10px;
 }
@@ -18082,6 +18082,24 @@ a.text-white:hover, a.text-white:focus {
   content: "\e93b";
 }
+.ic-add-fill {
+  color: #777;
+}
+.ic-add-fill::before {
+  color: inherit;
+  content: "\e95e";
+}
+.ic-add-fill-light {
+  color: #777;
+}
+.ic-add-fill-light::before {
+  color: inherit;
+  content: "\e992";
+}
 .ic-add-staff {
   color: #777;
 }
@@ -18190,6 +18208,15 @@ a.text-white:hover, a.text-white:focus {
   content: "\e934";
 }
+.ic-billing-fill {
+  color: #777;
+}
+.ic-billing-fill::before {
+  color: inherit;
+  content: "\e960";
+}
 .ic-blank-icon {
   color: #777;
 }
@@ -18451,6 +18478,15 @@ a.text-white:hover, a.text-white:focus {
   content: "\e92a";
 }
+.ic-document-pdf {
+  color: #777;
+}
+.ic-document-pdf::before {
+  color: inherit;
+  content: "\e959";
+}
 .ic-dot {
   color: #777;
 }
@@ -18523,6 +18559,15 @@ a.text-white:hover, a.text-white:focus {
   content: "\e89a";
 }
+.ic-event {
+  color: #777;
+}
+.ic-event::before {
+  color: inherit;
+  content: "\e958";
+}
 .ic-expand {
   color: #777;
 }
@@ -18622,6 +18667,15 @@ a.text-white:hover, a.text-white:focus {
   content: "\e884";
 }
+.ic-filter {
+  color: #777;
+}
+.ic-filter::before {
+  color: inherit;
+  content: "\e993";
+}
 .ic-help {
   color: #777;
 }
@@ -18847,6 +18901,42 @@ a.text-white:hover, a.text-white:focus {
   content: "\e921";
 }
+.ic-m-download {
+  color: #777;
+}
+.ic-m-download::before {
+  color: inherit;
+  content: "\e95d";
+}
+.ic-m-progress {
+  color: #777;
+}
+.ic-m-progress::before {
+  color: inherit;
+  content: "\e95c";
+}
+.ic-m-remove {
+  color: #777;
+}
+.ic-m-remove::before {
+  color: inherit;
+  content: "\e95b";
+}
+.ic-m-success {
+  color: #777;
+}
+.ic-m-success::before {
+  color: inherit;
+  content: "\e95a";
+}
 .ic-notification {
   color: #777;
 }
@@ -18910,6 +19000,15 @@ a.text-white:hover, a.text-white:focus {
   content: "\e910";
 }
+.ic-on-process-fill {
+  color: #777;
+}
+.ic-on-process-fill::before {
+  color: inherit;
+  content: "\e95f";
+}
 .ic-picker-calendar {
   color: #777;
 }
@@ -18991,6 +19090,15 @@ a.text-white:hover, a.text-white:focus {
   content: "\e87c";
 }
+.ic-remove-line-fill {
+  color: #777;
+}
+.ic-remove-line-fill::before {
+  color: inherit;
+  content: "\e991";
+}
 .ic-reset {
   color: #777;
 }
@@ -19277,8 +19385,8 @@ a.text-white:hover, a.text-white:focus {
   background-image: url("../../webfonts/blankslate/jurnal/process.svg");
 }
-.ic-blankslate-jurnal-web {
-  background-image: url("../../webfonts/blankslate/jurnal/web.svg");
+.ic-blankslate-jurnal-default {
+  background-image: url("../../webfonts/blankslate/jurnal/default.svg");
 }
 .ic-blankslate-klikpajak-calendar {
@@ -19297,8 +19405,8 @@ a.text-white:hover, a.text-white:focus {
   background-image: url("../../webfonts/blankslate/klikpajak/process.svg");
 }
-.ic-blankslate-klikpajak-web {
-  background-image: url("../../webfonts/blankslate/klikpajak/web.svg");
+.ic-blankslate-klikpajak-default {
+  background-image: url("../../webfonts/blankslate/klikpajak/default.svg");
 }
 .ic-blankslate-talenta-calendar {
@@ -19317,18 +19425,8 @@ a.text-white:hover, a.text-white:focus {
   background-image: url("../../webfonts/blankslate/talenta/process.svg");
 }
-.ic-blankslate-talenta-web {
-  background-image: url("../../webfonts/blankslate/talenta/web.svg");
-}
-.badge-sm__shape--circle, .badge-sm__shape--rounded {
-  height: 16px !important;
-}
-.badge-sm__font--circle, .badge-sm__font--rounded {
-  height: 12px;
-  font-size: 10px;
-  line-height: 12px;
+.ic-blankslate-talenta-default {
+  background-image: url("../../webfonts/blankslate/talenta/default.svg");
 }
 .badge {
@@ -19355,30 +19453,34 @@ a.text-white:hover, a.text-white:focus {
   margin-left: 12px;
 }
-.badge-sm {
-  padding: 0 4px;
-}
-.badge-sm__font--circle {
-  width: 12px;
+.badge-font--circle {
+  width: 24px;
 }
-.badge-sm__font--rounded {
+.badge-font--rounded {
   width: auto;
 }
-.badge-sm__shape--circle {
-  width: 16px !important;
-  padding: 2px;
+.badge-shape--circle {
+  width: 24px;
+  padding: 4px;
   border-radius: 50%;
 }
-.badge-sm__shape--rounded {
-  width: auto !important;
-  padding: 2px 4px;
+.badge-shape--rounded {
+  width: auto;
   border-radius: 15px;
 }
+.badge-sm {
+  padding: 0 4px;
+}
+.badge-sm.badge-shape--circle {
+  width: 16px;
+  padding: 0;
+}
 .badge-dot, .badge-dot:empty {
   display: inline-block;
   width: 8px;
@@ -19838,7 +19940,7 @@ a.banner.banner-white:focus, a.banner.banner-white.focus {
   width: 20px;
   height: 20px;
   padding: 0;
-  font-size: 20px;
+  font-size: 16px;
   color: inherit;
 }
@@ -19858,12 +19960,9 @@ a.banner.banner-white:focus, a.banner.banner-white.focus {
   border: none;
 }
-.btn.btn-with-icon.btn-sm .ic, .btn-group-sm > .btn.btn-with-icon .ic {
-  margin-right: 0;
-  line-height: 18px;
-}
-.btn.btn-with-icon.btn-sm .is-left, .btn-group-sm > .btn.btn-with-icon .is-left {
+.btn.btn-with-icon.btn-sm .ic, .btn-group-sm > .btn.btn-with-icon .ic,
+.btn.btn-with-icon.btn-sm .is-left,
+.btn-group-sm > .btn.btn-with-icon .is-left {
   margin-right: 0;
 }
@@ -19882,7 +19981,7 @@ a.banner.banner-white:focus, a.banner.banner-white.focus {
   width: 24px;
   height: 24px;
   padding: 0;
-  font-size: 24px;
+  font-size: 20px;
 }
@@ -20001,7 +20100,7 @@ a.banner.banner-white:focus, a.banner.banner-white.focus {
 .alert-danger {
   color: #d74022;
-  background-color: rgba(215, 64, 34, 0.15);
+  background-color: #f9e2de;
   border: none;
 }
@@ -20011,7 +20110,7 @@ a.banner.banner-white:focus, a.banner.banner-white.focus {
 .alert-success {
   color: #009f61;
-  background-color: rgba(0, 159, 97, 0.15);
+  background-color: #d9f1e7;
   border: none;
 }
@@ -20021,7 +20120,7 @@ a.banner.banner-white:focus, a.banner.banner-white.focus {
 .alert-info {
   color: #ffeb99;
-  background-color: rgba(255, 235, 153, 0.15);
+  background-color: #d9e7f5;
   border: none;
 }
@@ -20031,7 +20130,7 @@ a.banner.banner-white:focus, a.banner.banner-white.focus {
 .alert-warning {
   color: #ffb700;
-  background-color: rgba(255, 183, 0, 0.15);
+  background-color: #fff5dc;
   border: none;
 }
@@ -20039,136 +20138,6 @@ a.banner.banner-white:focus, a.banner.banner-white.focus {
   border: 1px solid #ffb700;
 }
-.alert-primary {
-  color: #005fbf;
-  background-color: rgba(0, 95, 191, 0.15);
-  border: none;
-}
-.alert-toast.alert-primary {
-  border: 1px solid #005fbf;
-}
-.alert-jurnal {
-  color: #009bde;
-  background-color: rgba(0, 155, 222, 0.15);
-  border: none;
-}
-.alert-toast.alert-jurnal {
-  border: 1px solid #009bde;
-}
-.alert-talenta {
-  color: #c02a34;
-  background-color: rgba(192, 42, 52, 0.15);
-  border: none;
-}
-.alert-toast.alert-talenta {
-  border: 1px solid #c02a34;
-}
-.alert-klikpajak {
-  color: #f96d01;
-  background-color: rgba(249, 109, 1, 0.15);
-  border: none;
-}
-.alert-toast.alert-klikpajak {
-  border: 1px solid #f96d01;
-}
-.alert-mekari {
-  color: #6d48e5;
-  background-color: rgba(109, 72, 229, 0.15);
-  border: none;
-}
-.alert-toast.alert-mekari {
-  border: 1px solid #6d48e5;
-}
-.alert-dark {
-  color: #212121;
-  background-color: rgba(33, 33, 33, 0.15);
-  border: none;
-}
-.alert-toast.alert-dark {
-  border: 1px solid #212121;
-}
-.alert-slate {
-  color: #777;
-  background-color: rgba(119, 119, 119, 0.15);
-  border: none;
-}
-.alert-toast.alert-slate {
-  border: 1px solid #777;
-}
-.alert-muted {
-  color: #b4b4b4;
-  background-color: rgba(180, 180, 180, 0.15);
-  border: none;
-}
-.alert-toast.alert-muted {
-  border: 1px solid #b4b4b4;
-}
-.alert-smoke {
-  color: #e2e2e2;
-  background-color: rgba(226, 226, 226, 0.15);
-  border: none;
-}
-.alert-toast.alert-smoke {
-  border: 1px solid #e2e2e2;
-}
-.alert-light {
-  color: #fbfbfb;
-  background-color: rgba(251, 251, 251, 0.15);
-  border: none;
-}
-.alert-toast.alert-light {
-  border: 1px solid #fbfbfb;
-}
-.alert-cloud {
-  color: #f2f4f7;
-  background-color: rgba(242, 244, 247, 0.15);
-  border: none;
-}
-.alert-toast.alert-cloud {
-  border: 1px solid #f2f4f7;
-}
-.alert-link {
-  color: #1357ff;
-  background-color: rgba(19, 87, 255, 0.15);
-  border: none;
-}
-.alert-toast.alert-link {
-  border: 1px solid #1357ff;
-}
-.alert-white {
-  color: #fff;
-  background-color: rgba(255, 255, 255, 0.15);
-  border: none;
-}
-.alert-toast.alert-white {
-  border: 1px solid #fff;
-}
 .alert-info {
   color: #005fbf;
   background-color: rgba(0, 95, 191, 0.15);
@@ -20192,7 +20161,8 @@ a.banner.banner-white:focus, a.banner.banner-white.focus {
 .alert {
   display: flex;
   justify-content: space-between;
-  padding: 16px;
+  max-width: 1200px;
+  padding: 12px;
   font-size: 0;
 }
@@ -20210,7 +20180,6 @@ a.banner.banner-white:focus, a.banner.banner-white.focus {
 .alert .alert-content {
   display: inline-block;
-  padding-top: 2px;
   font-size: 14px;
   color: #212121;
   vertical-align: top;
@@ -20241,6 +20210,10 @@ a.banner.banner-white:focus, a.banner.banner-white.focus {
   background-color: transparent;
 }
+.alert .close {
+  margin-left: 8px;
+}
 .alert.alert-dismissible .close {
   position: relative;
   display: inline-block;
@@ -20259,6 +20232,11 @@ a.banner.banner-white:focus, a.banner.banner-white.focus {
   vertical-align: middle;
 }
+.alert.alert-small {
+  display: inline-flex;
+  min-width: 400px;
+}
 .alert.alert-small .alert-content {
   display: flex;
 }
@@ -20309,7 +20287,7 @@ a.banner.banner-white:focus, a.banner.banner-white.focus {
   background-size: 60% 60%;
 }
-.avatar::after, .avatar.avatar-xlarge::after {
+.avatar::after, .avatar.avatar--overlay-icon::after {
   position: absolute;
   top: 0;
   left: 0;
@@ -20414,28 +20392,40 @@ a.banner.banner-white:focus, a.banner.banner-white.focus {
 }
 .avatar.avatar-xlarge {
+  width: 80px;
+  height: 80px;
+  line-height: 80px;
+}
+.avatar.avatar-xlarge .avatar-initial {
+  font-family: "Roboto", "Oxygen", "Ubuntu", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
+  font-size: 30px;
+  color: #777;
+}
+.avatar.avatar-xxlarge {
   width: 120px;
   height: 120px;
   line-height: 120px;
 }
-.avatar.avatar-xlarge .avatar-initial {
+.avatar.avatar-xxlarge .avatar-initial {
   font-family: "Roboto", "Oxygen", "Ubuntu", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
   font-size: 45px;
   color: #777;
 }
-.avatar.avatar-xlarge {
+.avatar.avatar--overlay-icon {
   font-family: "Mekari-Icon-Regular";
   font-size: 24px;
 }
-.avatar.avatar-xlarge::after {
+.avatar.avatar--overlay-icon::after {
   color: #fff;
   content: "\e877";
 }
-.avatar.avatar-xlarge:hover::after {
+.avatar.avatar--overlay-icon:hover::after {
   cursor: pointer;
   opacity: 1;
 }
@@ -20596,7 +20586,7 @@ a.banner.banner-white:focus, a.banner.banner-white.focus {
 }
 .avatar-stacked .avatar-xlarge {
-  box-shadow: 3px 0 0 3px #fff;
+  box-shadow: 2px 0 0 2px #fff;
 }
 .avatar-stacked .avatar-xlarge:nth-child(1) {
@@ -20605,26 +20595,60 @@ a.banner.banner-white:focus, a.banner.banner-white.focus {
 }
 .avatar-stacked .avatar-xlarge:nth-child(2) {
-  margin-left: -30px;
+  margin-left: -20px;
   z-index: 5;
 }
 .avatar-stacked .avatar-xlarge:nth-child(3) {
-  margin-left: -30px;
+  margin-left: -20px;
   z-index: 4;
 }
 .avatar-stacked .avatar-xlarge:nth-child(4) {
-  margin-left: -30px;
+  margin-left: -20px;
   z-index: 3;
 }
 .avatar-stacked .avatar-xlarge:nth-child(5) {
-  margin-left: -30px;
+  margin-left: -20px;
   z-index: 2;
 }
 .avatar-stacked .avatar-xlarge:nth-child(6) {
+  margin-left: -20px;
+  z-index: 1;
+}
+.avatar-stacked .avatar-xxlarge {
+  box-shadow: 3px 0 0 3px #fff;
+}
+.avatar-stacked .avatar-xxlarge:nth-child(1) {
+  margin-left: 0;
+  z-index: 6;
+}
+.avatar-stacked .avatar-xxlarge:nth-child(2) {
+  margin-left: -30px;
+  z-index: 5;
+}
+.avatar-stacked .avatar-xxlarge:nth-child(3) {
+  margin-left: -30px;
+  z-index: 4;
+}
+.avatar-stacked .avatar-xxlarge:nth-child(4) {
+  margin-left: -30px;
+  z-index: 3;
+}
+.avatar-stacked .avatar-xxlarge:nth-child(5) {
+  margin-left: -30px;
+  z-index: 2;
+}
+.avatar-stacked .avatar-xxlarge:nth-child(6) {
   margin-left: -30px;
   z-index: 1;
 }
@@ -20758,7 +20782,7 @@ a.banner.banner-white:focus, a.banner.banner-white.focus {
 }
 .avatar-stacked.avatar-stacked-reversed .avatar-xlarge {
-  box-shadow: -3px 0 0 3px #fff;
+  box-shadow: -2px 0 0 2px #fff;
 }
 .avatar-stacked.avatar-stacked-reversed .avatar-xlarge:nth-child(1) {
@@ -20785,6 +20809,34 @@ a.banner.banner-white:focus, a.banner.banner-white.focus {
   z-index: 6;
 }
+.avatar-stacked.avatar-stacked-reversed .avatar-xxlarge {
+  box-shadow: -3px 0 0 3px #fff;
+}
+.avatar-stacked.avatar-stacked-reversed .avatar-xxlarge:nth-child(1) {
+  z-index: 1;
+}
+.avatar-stacked.avatar-stacked-reversed .avatar-xxlarge:nth-child(2) {
+  z-index: 2;
+}
+.avatar-stacked.avatar-stacked-reversed .avatar-xxlarge:nth-child(3) {
+  z-index: 3;
+}
+.avatar-stacked.avatar-stacked-reversed .avatar-xxlarge:nth-child(4) {
+  z-index: 4;
+}
+.avatar-stacked.avatar-stacked-reversed .avatar-xxlarge:nth-child(5) {
+  z-index: 5;
+}
+.avatar-stacked.avatar-stacked-reversed .avatar-xxlarge:nth-child(6) {
+  z-index: 6;
+}
 .avatar-stacked.avatar-stacked-sparse .avatar-xsmall:nth-child(1) {
   margin-left: 0;
 }
@@ -20886,22 +20938,46 @@ a.banner.banner-white:focus, a.banner.banner-white.focus {
 }
 .avatar-stacked.avatar-stacked-sparse .avatar-xlarge:nth-child(2) {
-  margin-left: -15px;
+  margin-left: -10px;
 }
 .avatar-stacked.avatar-stacked-sparse .avatar-xlarge:nth-child(3) {
-  margin-left: -15px;
+  margin-left: -10px;
 }
 .avatar-stacked.avatar-stacked-sparse .avatar-xlarge:nth-child(4) {
-  margin-left: -15px;
+  margin-left: -10px;
 }
 .avatar-stacked.avatar-stacked-sparse .avatar-xlarge:nth-child(5) {
-  margin-left: -15px;
+  margin-left: -10px;
 }
 .avatar-stacked.avatar-stacked-sparse .avatar-xlarge:nth-child(6) {
+  margin-left: -10px;
+}
+.avatar-stacked.avatar-stacked-sparse .avatar-xxlarge:nth-child(1) {
+  margin-left: 0;
+}
+.avatar-stacked.avatar-stacked-sparse .avatar-xxlarge:nth-child(2) {
+  margin-left: -15px;
+}
+.avatar-stacked.avatar-stacked-sparse .avatar-xxlarge:nth-child(3) {
+  margin-left: -15px;
+}
+.avatar-stacked.avatar-stacked-sparse .avatar-xxlarge:nth-child(4) {
+  margin-left: -15px;
+}
+.avatar-stacked.avatar-stacked-sparse .avatar-xxlarge:nth-child(5) {
+  margin-left: -15px;
+}
+.avatar-stacked.avatar-stacked-sparse .avatar-xxlarge:nth-child(6) {
   margin-left: -15px;
 }
@@ -20946,13 +21022,21 @@ a.banner.banner-white:focus, a.banner.banner-white.focus {
 }
 .avatar-grid-row .avatar-xlarge {
-  margin-left: 40px;
+  margin-left: 26.666667px;
 }
 .avatar-grid-row .avatar-xlarge:first-child {
   margin-left: 0;
 }
+.avatar-grid-row .avatar-xxlarge {
+  margin-left: 40px;
+}
+.avatar-grid-row .avatar-xxlarge:first-child {
+  margin-left: 0;
+}
 .avatar-grid-row .avatar-grid-text {
   padding-top: 8px;
   color: #1357ff;
@@ -21001,13 +21085,21 @@ a.banner.banner-white:focus, a.banner.banner-white.focus {
 }
 .avatar-grid-xlarge .avatar-grid-row {
-  padding-top: 40px;
+  padding-top: 26.666667px;
 }
 .avatar-grid-xlarge .avatar-grid-row:first-child {
   padding-top: 0;
 }
+.avatar-grid-xxlarge .avatar-grid-row {
+  padding-top: 40px;
+}
+.avatar-grid-xxlarge .avatar-grid-row:first-child {
+  padding-top: 0;
+}
 body,
 p,
 .font-size-default {
@@ -21034,7 +21126,7 @@ small,
   max-width: 684px;
   padding: 0;
   margin: 4px 0 0;
-  overflow-y: auto;
+  overflow-y: hidden;
   background-color: #fff;
   border: 1px solid #e2e2e2;
   box-shadow: 0 2px 4px rgba(119, 119, 119, 0.1), 0 4px 8px rgba(119, 119, 119, 0.2);
@@ -21080,6 +21172,15 @@ small,
   max-height: 180px;
 }
+.dropdown-menu--fixed-height .dropdown-item--container {
+  max-height: 180px;
+  overflow: auto;
+}
+.dropdown-menu--fixed-height .dropdown-item--search + .dropdown-item--container {
+  max-height: 126px;
+}
 .dropdown-item {
   padding: 8px;
   color: #212121;
@@ -21092,6 +21193,7 @@ small,
   padding-top: 12px;
   padding-bottom: 4px;
   color: #777;
+  text-transform: capitalize;
   border-top: 1px solid #e2e2e2;
 }
@@ -21211,7 +21313,7 @@ small,
 }
 .date-picker-container {
-  position: relative;
+  position: absolute;
   z-index: 11;
   width: 392px;
   height: auto;
@@ -21284,7 +21386,7 @@ small,
 .date-picker-row .date-picker-cell .date-picker-date-cell.disabled-date, .date-picker-row .date-picker-cell .date-picker-month-cell.disabled-month, .date-picker-row .date-picker-cell .date-picker-year-cell.disabled-year {
   color: #b4b4b4 !important;
-  background-color: #fff !important;
+  background-color: transparent !important;
   border-radius: 100%;
 }
@@ -21292,7 +21394,7 @@ small,
   cursor: default;
 }
-.date-picker-row .date-picker-cell .date-picker-date-cell:hover, .date-picker-row .date-picker-cell .date-picker-month-cell:hover, .date-picker-row .date-picker-cell .date-picker-year-cell:hover {
+.date-picker-row .date-picker-cell .date-picker-date-cell:hover, .date-picker-row .date-picker-cell .date-picker-month-cell:hover, .date-picker-row .date-picker-cell .date-picker-year-cell:hover, .date-picker-row .date-picker-cell:hover .date-picker-date-cell {
   color: #212121;
   cursor: pointer;
   background-color: #f2f4f7;
@@ -21307,13 +21409,14 @@ small,
 .date-picker-row .date-picker-cell {
   flex: 1 1 0;
+  margin: 2px 0;
   text-align: center;
 }
 .date-picker-row .date-picker-cell .date-picker-date-cell {
   width: 32px;
   height: 32px;
-  margin: 2px auto;
+  margin: 0 auto;
   line-height: 32px;
 }
@@ -21387,7 +21490,7 @@ small,
   box-shadow: none;
 }
-.form-control:focus {
+.form-control:focus:not(:disabled):not([readonly]) {
   color: #212121;
 }
@@ -21574,15 +21677,12 @@ input[type="file"]::-webkit-file-upload-button {
   color: #212121;
 }
-.custom-control-label::before {
-  top: 1px;
-}
-.custom-control-label::after {
-  top: 1px;
+.custom-checkbox .custom-control-label::before {
+  top: 0;
 }
 .custom-checkbox .custom-control-label::after {
+  top: 0;
   background: no-repeat 50%;
 }
@@ -21591,10 +21691,15 @@ input[type="file"]::-webkit-file-upload-button {
 }
 .custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label::after {
-  background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 4'%3e%3cpath stroke='%23b4b4b4' d='M0 2h4'/%3e%3c/svg%3e") no-repeat 50%;
+  background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-1 -1 6 6'%3e%3cpath stroke='%23b4b4b4' d='M0 2h4'/%3e%3c/svg%3e") no-repeat 50%;
+}
+.custom-radio .custom-control-label::before {
+  top: 1px;
 }
 .custom-radio .custom-control-label::after {
+  top: 1px;
   background: no-repeat 100% / 100% 50%;
 }
@@ -21602,6 +21707,266 @@ input[type="file"]::-webkit-file-upload-button {
   background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23b4b4b4'/%3e%3c/svg%3e") no-repeat 100%/100% 50%;
 }
+.custom-switch {
+  height: 24px;
+  padding-left: 52px;
+  line-height: 24px;
+}
+.custom-switch .custom-control-label::before {
+  top: 0;
+  left: -52px;
+  width: 40px;
+  height: 24px;
+  background-color: #e2e2e2;
+  border: none;
+  border-radius: 24px;
+}
+.custom-switch .custom-control-label::after {
+  top: 2px;
+  left: -50px;
+  width: 20px;
+  height: 20px;
+  background-color: #fff;
+  border-radius: 50%;
+  transition: transform .2s;
+}
+.custom-switch .custom-control-input:checked ~ .custom-control-label::before {
+  background-color: #1357ff;
+}
+.custom-switch .custom-control-input:checked ~ .custom-control-label::after {
+  transform: translateX(1rem);
+}
+.custom-switch.custom-switch-danger .custom-control-input:checked ~ .custom-control-label::before {
+  background: #d74022;
+}
+.custom-switch.custom-switch-danger .custom-control-input:not(:disabled):active ~ .custom-control-label::before {
+  background: #d74022;
+}
+.custom-switch.custom-switch-danger .custom-control-input:focus ~ .custom-control-label::before {
+  box-shadow: 0 0 0 0.2rem #f4c2b8;
+}
+.custom-switch.custom-switch-success .custom-control-input:checked ~ .custom-control-label::before {
+  background: #009f61;
+}
+.custom-switch.custom-switch-success .custom-control-input:not(:disabled):active ~ .custom-control-label::before {
+  background: #009f61;
+}
+.custom-switch.custom-switch-success .custom-control-input:focus ~ .custom-control-label::before {
+  box-shadow: 0 0 0 0.2rem #53ffbc;
+}
+.custom-switch.custom-switch-info .custom-control-input:checked ~ .custom-control-label::before {
+  background: #ffeb99;
+}
+.custom-switch.custom-switch-info .custom-control-input:not(:disabled):active ~ .custom-control-label::before {
+  background: #ffeb99;
+}
+.custom-switch.custom-switch-info .custom-control-input:focus ~ .custom-control-label::before {
+  box-shadow: 0 0 0 0.2rem white;
+}
+.custom-switch.custom-switch-warning .custom-control-input:checked ~ .custom-control-label::before {
+  background: #ffb700;
+}
+.custom-switch.custom-switch-warning .custom-control-input:not(:disabled):active ~ .custom-control-label::before {
+  background: #ffb700;
+}
+.custom-switch.custom-switch-warning .custom-control-input:focus ~ .custom-control-label::before {
+  box-shadow: 0 0 0 0.2rem #ffe9b3;
+}
+.custom-switch.custom-switch-primary .custom-control-input:checked ~ .custom-control-label::before {
+  background: #005fbf;
+}
+.custom-switch.custom-switch-primary .custom-control-input:not(:disabled):active ~ .custom-control-label::before {
+  background: #005fbf;
+}
+.custom-switch.custom-switch-primary .custom-control-input:focus ~ .custom-control-label::before {
+  box-shadow: 0 0 0 0.2rem #73b8ff;
+}
+.custom-switch.custom-switch-jurnal .custom-control-input:checked ~ .custom-control-label::before {
+  background: #009bde;
+}
+.custom-switch.custom-switch-jurnal .custom-control-input:not(:disabled):active ~ .custom-control-label::before {
+  background: #009bde;
+}
+.custom-switch.custom-switch-jurnal .custom-control-input:focus ~ .custom-control-label::before {
+  box-shadow: 0 0 0 0.2rem #92deff;
+}
+.custom-switch.custom-switch-talenta .custom-control-input:checked ~ .custom-control-label::before {
+  background: #c02a34;
+}
+.custom-switch.custom-switch-talenta .custom-control-input:not(:disabled):active ~ .custom-control-label::before {
+  background: #c02a34;
+}
+.custom-switch.custom-switch-talenta .custom-control-input:focus ~ .custom-control-label::before {
+  box-shadow: 0 0 0 0.2rem #eeafb3;
+}
+.custom-switch.custom-switch-klikpajak .custom-control-input:checked ~ .custom-control-label::before {
+  background: #f96d01;
+}
+.custom-switch.custom-switch-klikpajak .custom-control-input:not(:disabled):active ~ .custom-control-label::before {
+  background: #f96d01;
+}
+.custom-switch.custom-switch-klikpajak .custom-control-input:focus ~ .custom-control-label::before {
+  box-shadow: 0 0 0 0.2rem #ffd1ae;
+}
+.custom-switch.custom-switch-mekari .custom-control-input:checked ~ .custom-control-label::before {
+  background: #6d48e5;
+}
+.custom-switch.custom-switch-mekari .custom-control-input:not(:disabled):active ~ .custom-control-label::before {
+  background: #6d48e5;
+}
+.custom-switch.custom-switch-mekari .custom-control-input:focus ~ .custom-control-label::before {
+  box-shadow: 0 0 0 0.2rem #eae4fb;
+}
+.custom-switch.custom-switch-dark .custom-control-input:checked ~ .custom-control-label::before {
+  background: #212121;
+}
+.custom-switch.custom-switch-dark .custom-control-input:not(:disabled):active ~ .custom-control-label::before {
+  background: #212121;
+}
+.custom-switch.custom-switch-dark .custom-control-input:focus ~ .custom-control-label::before {
+  box-shadow: 0 0 0 0.2rem #7a7a7a;
+}
+.custom-switch.custom-switch-slate .custom-control-input:checked ~ .custom-control-label::before {
+  background: #777;
+}
+.custom-switch.custom-switch-slate .custom-control-input:not(:disabled):active ~ .custom-control-label::before {
+  background: #777;
+}
+.custom-switch.custom-switch-slate .custom-control-input:focus ~ .custom-control-label::before {
+  box-shadow: 0 0 0 0.2rem #d0d0d0;
+}
+.custom-switch.custom-switch-muted .custom-control-input:checked ~ .custom-control-label::before {
+  background: #b4b4b4;
+}
+.custom-switch.custom-switch-muted .custom-control-input:not(:disabled):active ~ .custom-control-label::before {
+  background: #b4b4b4;
+}
+.custom-switch.custom-switch-muted .custom-control-input:focus ~ .custom-control-label::before {
+  box-shadow: 0 0 0 0.2rem white;
+}
+.custom-switch.custom-switch-smoke .custom-control-input:checked ~ .custom-control-label::before {
+  background: #e2e2e2;
+}
+.custom-switch.custom-switch-smoke .custom-control-input:not(:disabled):active ~ .custom-control-label::before {
+  background: #e2e2e2;
+}
+.custom-switch.custom-switch-smoke .custom-control-input:focus ~ .custom-control-label::before {
+  box-shadow: 0 0 0 0.2rem white;
+}
+.custom-switch.custom-switch-light .custom-control-input:checked ~ .custom-control-label::before {
+  background: #fbfbfb;
+}
+.custom-switch.custom-switch-light .custom-control-input:not(:disabled):active ~ .custom-control-label::before {
+  background: #fbfbfb;
+}
+.custom-switch.custom-switch-light .custom-control-input:focus ~ .custom-control-label::before {
+  box-shadow: 0 0 0 0.2rem white;
+}
+.custom-switch.custom-switch-cloud .custom-control-input:checked ~ .custom-control-label::before {
+  background: #f2f4f7;
+}
+.custom-switch.custom-switch-cloud .custom-control-input:not(:disabled):active ~ .custom-control-label::before {
+  background: #f2f4f7;
+}
+.custom-switch.custom-switch-cloud .custom-control-input:focus ~ .custom-control-label::before {
+  box-shadow: 0 0 0 0.2rem white;
+}
+.custom-switch.custom-switch-link .custom-control-input:checked ~ .custom-control-label::before {
+  background: #1357ff;
+}
+.custom-switch.custom-switch-link .custom-control-input:not(:disabled):active ~ .custom-control-label::before {
+  background: #1357ff;
+}
+.custom-switch.custom-switch-link .custom-control-input:focus ~ .custom-control-label::before {
+  box-shadow: 0 0 0 0.2rem #c6d6ff;
+}
+.custom-switch.custom-switch-white .custom-control-input:checked ~ .custom-control-label::before {
+  background: #fff;
+}
+.custom-switch.custom-switch-white .custom-control-input:not(:disabled):active ~ .custom-control-label::before {
+  background: #fff;
+}
+.custom-switch.custom-switch-white .custom-control-input:focus ~ .custom-control-label::before {
+  box-shadow: 0 0 0 0.2rem white;
+}
+.custom-switch--small {
+  height: 20px;
+  padding-left: 48px;
+  line-height: 20px;
+}
+.custom-switch--small .custom-control-label::before {
+  left: -48px;
+  width: 34px;
+  height: 20px;
+}
+.custom-switch--small .custom-control-label::after {
+  left: -46px;
+  width: 16px;
+  height: 16px;
+}
+.custom-switch--small .custom-control-input:checked ~ .custom-control-label::after {
+  transform: translateX(14px);
+}
 .form-check {
   margin-bottom: 4px;
 }
@@ -21754,7 +22119,7 @@ textarea.form-control::-webkit-scrollbar-track {
 .modal .modal-header {
   position: relative;
-  padding: 14px 24px;
+  padding: 16px 16px 16px 24px;
 }
 .modal .modal-header .close {
@@ -22013,7 +22378,7 @@ textarea.form-control::-webkit-scrollbar-track {
 .nav-tabs .nav-link.active::after {
   position: absolute;
-  bottom: -12px;
+  bottom: -9px;
   left: 0;
   width: 100%;
   height: 4px;