{“version”:3,“sources”:,“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-typenn//n// Textual form controlsn//nn.#{$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;nn // 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);nn @include box-shadow($input-box-shadow);n @include transition($input-transition);nn // Unstyle the caret on `<select>`s in IE10+.n &::-ms-expand {n background-color: transparent;n border: 0;n }nn // Customize the `:focus` state to imitate native WebKit styles.n @include form-control-focus;nn // Placeholdern &::placeholder {n color: $input-placeholder-color;n // Override Firefox's unusual default opacity; see github.com/twbs/bootstrap/pull/11526.n opacity: 1;n }nn // Disabled and read-only inputsn //n // HTML5 says that controls under a fieldset > legend:first-child won't ben // disabled if the fieldset is disabled. Due to implementation difficulty, wen // 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 github.com/twbs/bootstrap/issues/11655.n opacity: 1;n }n}nnselect.#{$prefix}form-control {n &:focus::-ms-value {n // Suppress the nested default white text on blue background highlight given ton // the selected option text when the (still closed) <select> receives focusn // in IE and (under certain conditions) Edge, as it looks bad and cannot be made ton // match the appearance of the native widget.n // See github.com/twbs/bootstrap/issues/19398.n color: $input-color;n background-color: $input-bg;n }n}nn// 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}nnn//n// Labelsn//nn// 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>` defaultn @include font-size(inherit); // Override the `<legend>` defaultn line-height: $input-line-height;n}nn.#{$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}nn.#{$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}nnn// Readonly controls as plain textn//n// Apply class to a readonly input to make it appear like regular plainn// text (without any border, background color, focus indicator)nn.#{$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 marginsn 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;nn &.#{$prefix}form-control-sm,n &.#{$prefix}form-control-lg {n padding-right: 0;n padding-left: 0;n }n}nnn// Form control sizingn//n// Build on `.#{$prefix}form-control` with modifier classes to decrease or increase then// height and font-size of form controls.n//n// Repeated in `_input_group.scss` to avoid Sass extend issues.nn.#{$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}nn.#{$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}nn// stylelint-disable-next-line no-duplicate-selectorsnselect.#{$prefix}form-control {n &[size],n &[multiple] {n height: auto;n }n}nntextarea.#{$prefix}form-control {n height: auto;n}nn// Form groupsn//n// Designed to help with the organization and spacing of vertical forms. Forn// horizontal forms, use the predefined grid classes.nn.#{$prefix}form-group {n margin-bottom: $form-group-margin-bottom;n}nn.#{$prefix}form-text {n display: block;n margin-top: $form-text-margin-top;n}nnn// Form gridn//n// Special replacement for our grid system's `.row` for tighter form layouts.nn.#{$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;nn > .col,n > [class*="col-"] {n padding-right: $form-grid-gutter-width / 2;n padding-left: $form-grid-gutter-width / 2;n }n}nnn// Checkboxes and radiosn//n// Indent the labels to position radios/checkboxes as hanging controls.nn.#{$prefix}form-check {n position: relative;n display: block;n padding-left: $form-check-input-gutter;n}nn.#{$prefix}form-check-input {n position: absolute;n margin-top: $form-check-input-margin-y;n margin-left: -$form-check-input-gutter;nn &:disabled ~ .#{$prefix}form-check-label {n color: $text-muted;n }n}nn.#{$prefix}form-check-label {n margin-bottom: 0; // Override default `<label>` bottom marginn}nn.#{$prefix}form-check-inline {n display: inline-flex;n align-items: center;n padding-left: 0; // Override base .#{$prefix}form-checkn margin-right: $form-check-inline-margin-x;nn // 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}nnn// Form validationn//n// Provide feedback to users when form field values are valid or invalid. Worksn// primarily for client-side validation via scoped `:invalid` and `:valid`n// pseudo-classes but also includes `.is-invalid` and `.is-valid` classes forn// server side validation.nn@each $state, $data in $form-validation-states {n @include form-validation-state($state, map-get($data, color), map-get($data, icon));n}nn// Inline formsn//n// Make forms appear inline(-block) by adding the `.#{$prefix}form-inline` class. Inlinen// forms begin stacked on extra small (mobile) devices and then go inline whenn// viewports reach <768px.n//n// Requires wrapping inputs and labels with `.#{$prefix}form-group` for proper display ofn// default HTML form controls and our custom form controls (e.g., input groups).nn.#{$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)nn // Because we use flex, the initial sizing of checkboxes is collapsed andn // 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 }nn // Kick in the inlinen @include media-breakpoint-up(sm) {n label {n display: flex;n align-items: center;n justify-content: center;n margin-bottom: 0;n }nn // 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 }nn // 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 }nn // Make static controls behave like regular onesn .#{$prefix}form-control-plaintext {n display: inline-block;n }nn .input-group,n .#{$prefix}custom-select {n width: auto;n }nn // Remove default margin on radios/checkboxes that were used for stacking, andn // 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 }nn .#{$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 + Formsn//n// Shared variables that are reassigned to `$input-` and `$btn-` specific variables.nn$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;nn$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;nn$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;nn$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;nn$input-btn-border-width: 1px;nn// Formsnn$label-margin-bottom: .5rem;nn$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;nn$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;nn$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;nn$input-bg: $white;n$input-disabled-bg: $cloud;nn$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);nn$input-border-radius: 4px;n$input-border-radius-lg: 4px;n$input-border-radius-sm: 4px;nn$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;nn$input-placeholder-color: $gray-600;n$input-plaintext-color: $body-color;nn$input-height-border: $input-border-width * 2;nn$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});nn$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});nn$input-transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;nn$form-text-margin-top: .25rem;nn$form-check-input-gutter: 1.25rem;n$form-check-input-margin-y: .3rem;n$form-check-input-margin-x: .25rem;nn$form-check-inline-margin-x: .75rem;n$form-check-inline-input-margin-x: .3125rem;nn$form-grid-gutter-width: 10px;n$form-group-margin-bottom: 1rem;nn$input-group-addon-color: $input-color;n$input-group-addon-bg: $cloud;n$input-group-addon-border-color: $input-border-color;nn$custom-forms-transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;nn$custom-control-gutter: .5rem;n$custom-control-spacer-x: 1rem;nn$custom-control-indicator-size: 1rem;n$custom-control-indicator-bg: $input-bg;nn$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;nn$custom-control-indicator-disabled-bg: $input-disabled-bg;n$custom-control-label-disabled-color: $gray-600;nn$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;nn$custom-control-indicator-focus-box-shadow: $input-focus-box-shadow;n$custom-control-indicator-focus-border-color: $input-focus-border-color;nn$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;nn$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='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='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");nn$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='www.w3.org/2000/svg' viewBox='-1 -1 6 6'%3e%3cpath stroke='%23ffffff' d='M0 2h4'/%3e%3c/svg%3e");nn$custom-checkbox-indicator-icon-indeterminate-inverse: url("data:image/svg+xml,%3csvg xmlns='www.w3.org/2000/svg' viewBox='-1 -1 6 6'%3e%3cpath stroke='%23b4b4b4' d='M0 2h4'/%3e%3c/svg%3e");nn$custom-checkbox-indicator-indeterminate-box-shadow: none;n$custom-checkbox-indicator-indeterminate-border-color: $custom-control-indicator-checked-bg;nn$custom-radio-indicator-border-radius: 50%;n$custom-radio-indicator-icon-checked: url("data:image/svg+xml,%3csvg xmlns='www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23ffffff'/%3e%3c/svg%3e");nn$custom-radio-indicator-icon-checked-inverse: url("data:image/svg+xml,%3csvg xmlns='www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23b4b4b4'/%3e%3c/svg%3e");nn$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});nn$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 indicatorn$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 dimensionsn// for arrow down icon in Mekari's selectn$custom-select-indicator-color: $slate;n$custom-select-indicator: url("data:image/svg+xml,%3csvg xmlns='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");nn$custom-select-background: $custom-select-indicator no-repeat right $custom-select-padding-x center / $custom-select-bg-size; // Used so we can have multiplen$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;nn$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);nn$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;nn$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;nn$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;nn$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);nn$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/Edgen$custom-range-thumb-active-bg: lighten($primary, 35%);n$custom-range-thumb-disabled-bg: $gray-500;nn$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;nn$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);nnn// Form validationnn$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;nn$form-feedback-icon-valid-color: $form-feedback-valid-color;n$form-feedback-icon-valid: str-replace(url("data:image/svg+xml,%3csvg xmlns='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='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");nn$form-validation-states: ();n// stylelint-disable-next-line scss/dollar-variable-defaultn$form-validation-states: map-merge(n (n "valid": (n "color": $form-feedback-valid-color,n "icon": $form-feedback-icon-validn ),n "invalid": (n "color": $form-feedback-invalid-color,n "icon": $form-feedback-icon-invalidn ),n ),n $form-validation-statesn);nn// Form tooltips must come after regular tooltipsn$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;nnnn// Custom from mekarinn$input-height: 38px;n$input-placeholder-color: $muted;n$form-feedback-margin-top: 0;n$input-border-radius: 4px;nn$input-focus-border-color: $sapphire;n$input-focus-box-shadow: 0 0 4px 1px rgba($sapphire, .3);nn//different focus shadow for radio and checkboxn$custom-control-label-disabled-color: $muted;n$custom-select-padding-y: 8px;nn// text helpern$form-text-margin-top: 0;nn// form-groupn$form-group-margin-bottom: 20px;nnn// input form button textn$custom-file-text: (n en: "Choose file",n id: "Pilih file",n);nn// remove validation iconsn$enable-validation-icons: false;n”,“// stylelint-disable property-blacklist, scss/dollar-variable-defaultnn// SCSS RFS mixinn//n// Automated font-resizingn//n// See github.com/twbs/rfsnn// Configurationnn// Base font sizen$rfs-base-font-size: 1.25rem !default;n$rfs-font-size-unit: rem !default;nn// Breakpoint at where font-size starts decreasing if screen width is smallern$rfs-breakpoint: 1200px !default;n$rfs-breakpoint-unit: px !default;nn// Resize font-size based on screen height and widthn$rfs-two-dimensional: false !default;nn// Factor of decreasen$rfs-factor: 10 !default;nn@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}nn// Generate enable or disable classes. Possibilities: false, "enable" or "disable"n$rfs-class: false !default;nn// 1 rem = $rfs-rem-value pxn$rfs-rem-value: 16 !default;nn// Safari iframe resize bug: github.com/twbs/rfs/issues/14n$rfs-safari-iframe-resize-bug-fix: false !default;nn// Disable RFS by setting $enable-responsive-font-sizes to falsen$enable-responsive-font-sizes: true !default;nn// Cache $rfs-base-font-size unitn$rfs-base-font-size-unit: unit($rfs-base-font-size);nn// Remove px-unit from $rfs-base-font-size for calculationsn@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}nn// Cache $rfs-breakpoint unit to prevent multiple callsn$rfs-breakpoint-unit-cache: unit($rfs-breakpoint);nn// Remove unit from $rfs-breakpoint for calculationsn@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}nn// Responsive font-size mixinn@mixin rfs($fs, $important: false) {n // Cache $fs unitn $fs-unit: if(type-of($fs) == "number", unit($fs), false);nn // Add !important suffix if neededn $rfs-suffix: if($important, " !important", "");nn // 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 valuen @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 rescalingn $rfs-static: null;n $rfs-fluid: null;nn // Remove px-unit from $fs for calculationsn @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 }nn // Set default font-sizen @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 }nn // Only add media query if font-size is bigger as the minimum font-sizen // If $rfs-factor == 1, no rescaling will take placen @if $fs > $rfs-base-font-size and $enable-responsive-font-sizes {n $min-width: null;n $variable-unit: null;nn // Calculate minimum font-size for given font-sizen $fs-min: $rfs-base-font-size + ($fs - $rfs-base-font-size) / $rfs-factor;nn // Calculate difference between given font-size and minimum font-size for given font-sizen $fs-diff: $fs - $fs-min;nn // Base font-size formattingn // No need to check if the unit is valid, because we did that beforen $min-width: if($rfs-font-size-unit == rem, #{$fs-min / $rfs-rem-value}rem, #{$fs-min}px);nn // If two-dimensional, use smallest of screen width and heightn $variable-unit: if($rfs-two-dimensional, vmin, vw);nn // Calculate the variable width between 0 and $rfs-breakpointn $variable-width: #{$fs-diff * 100 / $rfs-breakpoint}#{$variable-unit};nn // Set the calculated font-size.n $rfs-fluid: calc(#{$min-width} + #{$variable-width}) #{$rfs-suffix};n }nn // Renderingn @if $rfs-fluid == null {n // Only render static font-size if no fluid font-size is availablen font-size: $rfs-static;n }n @else {n $mq-value: null;nn // RFS breakpoint formattingn @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 }nn @if $rfs-class == "disable" {n // Adding an extra class increases specificity,n // which prevents the media query to override the font sizen &,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 }nn @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 }nn @if $rfs-safari-iframe-resize-bug-fix {n // stylelint-disable-next-line length-zero-no-unitn 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 }nn @if $rfs-safari-iframe-resize-bug-fix {n // stylelint-disable-next-line length-zero-no-unitn min-width: 0vw;n }n }n }n }n }n}nn// The font-size & responsive-font-size mixin uses RFS to rescale font sizesn@mixin font-size($fs, $important: false) {n @include rfs($fs, $important);n}nn@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;nn// 1 rem = 16pxn$font-size-base: .875rem; // 14pxn$font-size-lg: 1.25rem; // 20pxn$font-size-sm: .75rem; // 12pxnn$line-height-base: 1.4285; // The closest value to Mekari designn$line-height-lg: 1.4285;n$line-height-sm: 1.4285;n$letter-spacing: .2px;nn$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;nn$dt-font-weight: $font-weight-bold;nn// Text colorn$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;nn$input-placeholder-color: $text-muted;n$custom-select-disabled-color: $text-muted;n$custom-control-label-disabled-color: $text-muted;n”,“// Neutrals color variablesn$dark: #212121;n$slate: #777;n$muted: b4b4b4;n$smoke: e2e2e2;n$snow: fbfbfb;n$white: fff;n$cloud: f2f4f7;nn// UI color variablesn$red: d74022;n$green: #009f61;n$light-yellow: ffeb99;n$blue: #1357ff;n$orange: ffb700;n$sapphire: #005fbf;nn// Branding color variablesn$crimson: c02a34;n$azure: #009bde;n$salamander: f96d01;n$purple: #6d48e5;nn// Bootstrap dependencies colorn$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;nn// 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;nn// 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;nnn$grays: () !default;n// stylelint-disable-next-line scss/dollar-variable-defaultn$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-900n ),n $graysn);nn// register mekari color variables too bootstrapn$colors: ();n$colors: map-merge(n (n "noir" : $dark, // going to deprecatedn "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-yellown ),n $colorsn);nn//extend bootstrap classn$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;nn$link: $blue;nn$text-muted: $muted;n$body-color: $dark;n$dark: $dark;n$secondary: $slate;n$light: $snow;nn// Add more theme color variablesn$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" : $whiten ),n $theme-colorsn);nn$card-border-color: $smoke;n$body-bg: $white;n”,“// stylelint-disable property-blacklistn// Single side border-radiusnn@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}nn@mixin border-top-radius($radius) {n @if $enable-rounded {n border-top-left-radius: $radius;n border-top-right-radius: $radius;n }n}nn@mixin border-right-radius($radius) {n @if $enable-rounded {n border-top-right-radius: $radius;n border-bottom-right-radius: $radius;n }n}nn@mixin border-bottom-radius($radius) {n @if $enable-rounded {n border-bottom-right-radius: $radius;n border-bottom-left-radius: $radius;n }n}nn@mixin border-left-radius($radius) {n @if $enable-rounded {n border-top-left-radius: $radius;n border-bottom-left-radius: $radius;n }n}nn@mixin border-top-left-radius($radius) {n @if $enable-rounded {n border-top-left-radius: $radius;n }n}nn@mixin border-top-right-radius($radius) {n @if $enable-rounded {n border-top-right-radius: $radius;n }n}nn@mixin border-bottom-right-radius($radius) {n @if $enable-rounded {n border-bottom-right-radius: $radius;n }n}nn@mixin border-bottom-left-radius($radius) {n @if $enable-rounded {n border-bottom-left-radius: $radius;n }n}n”,“// stylelint-disable property-blacklistn@mixin transition($transition…) {n @if $enable-transitions {n @if length($transition) == 0 {n transition: $transition-base;n } @else {n transition: $transition;n }n }nn @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}nn@media (prefers-reduced-motion: reduce) {n .form-control {n transition: none;n }n}nn.form-control::-ms-expand {n background-color: transparent;n border: 0;n}nn.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}nn.form-control::placeholder {n color: b4b4b4;n opacity: 1;n}nn.form-control:disabled, .form-control {n background-color: f2f4f7;n opacity: 1;n}nnselect.form-control:focus::-ms-value {n color: #212121;n background-color: fff;n}nn.form-control-file,n.form-control-range {n display: block;n width: 100%;n}nn.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}nn.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}nn.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}nn.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}nn.form-control-plaintext.form-control-sm, .form-control-plaintext.form-control-lg {n padding-right: 0;n padding-left: 0;n}nn.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}nn.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}nnselect.form-control, select.form-control {n height: auto;n}nntextarea.form-control {n height: auto;n}nn.form-group {n margin-bottom: 20px;n}nn.form-text {n display: block;n margin-top: 0;n}nn.form-row {n display: flex;n flex-wrap: wrap;n margin-right: -5px;n margin-left: -5px;n}nn.form-row > .col,n.form-row > [class*="col-"] {n padding-right: 5px;n padding-left: 5px;n}nn.form-check {n position: relative;n display: block;n padding-left: 1.25rem;n}nn.form-check-input {n position: absolute;n margin-top: 0.3rem;n margin-left: -1.25rem;n}nn.form-check-input:disabled ~ .form-check-label {n color: b4b4b4;n}nn.form-check-label {n margin-bottom: 0;n}nn.form-check-inline {n display: inline-flex;n align-items: center;n padding-left: 0;n margin-right: 0.75rem;n}nn.form-check-inline .form-check-input {n position: static;n margin-top: 0;n margin-right: 0.3125rem;n margin-left: 0;n}nn.valid-feedback {n display: none;n width: 100%;n margin-top: 0;n font-size: 0.75rem;n color: #009f61;n}nn.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}nn.was-validated .form-control:valid, .form-control.is-valid {n border-color: #009f61;n}nn.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}nn.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}nn.was-validated .custom-select:valid, .custom-select.is-valid {n border-color: #009f61;n}nn.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}nn.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}nn.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}nn.was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label {n color: #009f61;n}nn.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}nn.was-validated .custom-control-input:valid ~ .custom-control-label, .custom-control-input.is-valid ~ .custom-control-label {n color: #009f61;n}nn.was-validated .custom-control-input:valid ~ .custom-control-label::before, .custom-control-input.is-valid ~ .custom-control-label::before {n border-color: #009f61;n}nn.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}nn.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}nn.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}nn.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}nn.was-validated .custom-file-input:valid ~ .custom-file-label, .custom-file-input.is-valid ~ .custom-file-label {n border-color: #009f61;n}nn.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}nn.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}nn.invalid-feedback {n display: none;n width: 100%;n margin-top: 0;n font-size: 0.75rem;n color: d74022;n}nn.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}nn.was-validated .form-control:invalid, .form-control.is-invalid {n border-color: d74022;n}nn.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}nn.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}nn.was-validated .custom-select:invalid, .custom-select.is-invalid {n border-color: d74022;n}nn.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}nn.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}nn.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}nn.was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label {n color: d74022;n}nn.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}nn.was-validated .custom-control-input:invalid ~ .custom-control-label, .custom-control-input.is-invalid ~ .custom-control-label {n color: d74022;n}nn.was-validated .custom-control-input:invalid ~ .custom-control-label::before, .custom-control-input.is-invalid ~ .custom-control-label::before {n border-color: d74022;n}nn.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}nn.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}nn.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}nn.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}nn.was-validated .custom-file-input:invalid ~ .custom-file-label, .custom-file-input.is-invalid ~ .custom-file-label {n border-color: d74022;n}nn.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}nn.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}nn.form-inline {n display: flex;n flex-flow: row wrap;n align-items: center;n}nn.form-inline .form-check {n width: 100%;n}nn@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}nn.custom-control {n position: relative;n display: block;n min-height: 1.249938rem;n padding-left: 1.5rem;n}nn.custom-control-inline {n display: inline-flex;n margin-right: 1rem;n}nn.custom-control-input {n position: absolute;n z-index: -1;n opacity: 0;n}nn.custom-control-input:checked ~ .custom-control-label::before {n color: fff;n border-color: #005fbf;n background-color: #005fbf;n}nn.custom-control-input:focus ~ .custom-control-label::before {n box-shadow: 0 0 0 0.2rem rgba(19, 87, 255, 0.25);n}nn.custom-control-input:focus:not(:checked) ~ .custom-control-label::before {n border-color: #409fff;n}nn.custom-control-input:not(:disabled):active ~ .custom-control-label::before {n color: fff;n background-color: #73b8ff;n border-color: #73b8ff;n}nn.custom-control-input:disabled ~ .custom-control-label {n color: b4b4b4;n}nn.custom-control-input:disabled ~ .custom-control-label::before {n background-color: f2f4f7;n}nn.custom-control-label {n position: relative;n margin-bottom: 0;n vertical-align: top;n}nn.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}nn.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}nn.custom-checkbox .custom-control-label::before {n border-radius: 4px;n}nn.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='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}nn.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before {n border-color: #005fbf;n background-color: #005fbf;n}nn.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::after {n background-image: url("data:image/svg+xml,%3csvg xmlns='www.w3.org/2000/svg' viewBox='-1 -1 6 6'%3e%3cpath stroke='%23ffffff' d='M0 2h4'/%3e%3c/svg%3e");n}nn.custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before {n background-color: rgba(0, 95, 191, 0.5);n}nn.custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label::before {n background-color: rgba(0, 95, 191, 0.5);n}nn.custom-radio .custom-control-label::before {n border-radius: 50%;n}nn.custom-radio .custom-control-input:checked ~ .custom-control-label::after {n background-image: url("data:image/svg+xml,%3csvg xmlns='www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23ffffff'/%3e%3c/svg%3e");n}nn.custom-radio .custom-control-input:disabled:checked ~ .custom-control-label::before {n background-color: rgba(0, 95, 191, 0.5);n}nn.custom-switch {n padding-left: 2.25rem;n}nn.custom-switch .custom-control-label::before {n left: -2.25rem;n width: 1.75rem;n pointer-events: all;n border-radius: 0.5rem;n}nn.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}nn@media (prefers-reduced-motion: reduce) {n .custom-switch .custom-control-label::after {n transition: none;n }n}nn.custom-switch .custom-control-input:checked ~ .custom-control-label::after {n background-color: fff;n transform: translateX(0.75rem);n}nn.custom-switch .custom-control-input:disabled:checked ~ .custom-control-label::before {n background-color: rgba(0, 95, 191, 0.5);n}nn.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='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}nn.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}nn.custom-select:focus::-ms-value {n color: #212121;n background-color: fff;n}nn.custom-select, .custom-select:not() {n height: auto;n padding-right: 0.75rem;n background-image: none;n}nn.custom-select:disabled {n color: b4b4b4;n background-color: f2f4f7;n}nn.custom-select::-ms-expand {n display: none;n}nn.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}nn.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}nn.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}nn.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}nn.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}nn.custom-file-input:disabled ~ .custom-file-label {n background-color: f2f4f7;n}nn.custom-file-input:lang(en) ~ .custom-file-label::after {n content: "Choose file";n}nn.custom-file-input:lang(id) ~ .custom-file-label::after {n content: "Pilih file";n}nn.custom-file-input ~ .custom-file-label::after {n content: attr(data-browse);n}nn.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}nn.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}nn.custom-range {n width: 100%;n height: calc(1rem + 0.4rem);n padding: 0;n background-color: transparent;n appearance: none;n}nn.custom-range:focus {n outline: none;n}nn.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}nn.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}nn.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}nn.custom-range::-moz-focus-outer {n border: 0;n}nn.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}nn@media (prefers-reduced-motion: reduce) {n .custom-range::-webkit-slider-thumb {n transition: none;n }n}nn.custom-range::-webkit-slider-thumb:active {n background-color: #73b8ff;n}nn.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}nn.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}nn@media (prefers-reduced-motion: reduce) {n .custom-range::-moz-range-thumb {n transition: none;n }n}nn.custom-range::-moz-range-thumb:active {n background-color: #73b8ff;n}nn.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}nn.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}nn@media (prefers-reduced-motion: reduce) {n .custom-range::-ms-thumb {n transition: none;n }n}nn.custom-range::-ms-thumb:active {n background-color: #73b8ff;n}nn.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}nn.custom-range::-ms-fill-lower {n background-color: dee2e6;n border-radius: 1rem;n}nn.custom-range::-ms-fill-upper {n margin-right: 15px;n background-color: dee2e6;n border-radius: 1rem;n}nn.custom-range:disabled::-webkit-slider-thumb {n background-color: adb5bd;n}nn.custom-range:disabled::-webkit-slider-runnable-track {n cursor: default;n}nn.custom-range:disabled::-moz-range-thumb {n background-color: adb5bd;n}nn.custom-range:disabled::-moz-range-track {n cursor: default;n}nn.custom-range:disabled::-ms-thumb {n background-color: adb5bd;n}nn.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}nn@media (prefers-reduced-motion: reduce) {n .custom-control-label::before,n .custom-file-label,n .custom-select {n transition: none;n }n}nn.input-group {n position: relative;n display: flex;n flex-wrap: wrap;n align-items: stretch;n width: 100%;n}nn.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}nn.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}nn.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}nn.input-group > .custom-file .custom-file-input:focus {n z-index: 4;n}nn.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}nn.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}nn.input-group > .custom-file {n display: flex;n align-items: center;n}nn.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}nn.input-group > .custom-file:not(:first-child) .custom-file-label {n border-top-left-radius: 0;n border-bottom-left-radius: 0;n}nn.input-group-prepend,n.input-group-append {n display: flex;n}nn.input-group-prepend .btn,n.input-group-append .btn {n position: relative;n z-index: 2;n}nn.input-group-prepend .btn:focus,n.input-group-append .btn:focus {n z-index: 3;n}nn.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}nn.input-group-prepend {n margin-right: -1px;n}nn.input-group-append {n margin-left: -1px;n}nn.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}nn.input-group-text input,n.input-group-text input {n margin-top: 0;n}nn.input-group-lg > .form-control:not(textarea),n.input-group-lg > .custom-select {n height: calc(1.4285em + 1rem + 2px);n}nn.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}nn.input-group-sm > .form-control:not(textarea),n.input-group-sm > .custom-select {n height: calc(1.4285em + 0.5rem + 2px);n}nn.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}nn.input-group-lg > .custom-select,n.input-group-sm > .custom-select {n padding-right: 1.75rem;n}nn.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}nn.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}nn.form-control {n padding: 8px 12px;n margin-top: 4px;n margin-bottom: 4px;n line-height: 20px;n color: #212121;n}nn.form-control:hover:not(:disabled):not() {n border: 1px solid #005fbf;n}nn.form-control:disabled, .form-control {n color: b4b4b4;n cursor: not-allowed;n background-color: f2f4f7;n border-color: e2e2e2;n outline: none;n box-shadow: none;n}nn.form-control:focus:not(:disabled):not() {n color: #212121;n}nn.form-control.prefix-icon {n padding-left: 36px;n}nn.form-control.suffix-icon {n padding-right: 36px;n}nn.form-control.with-reset-icon, .form-control.suffix-icon–double {n padding-right: 36px;n}nn.form-control.with-reset-icon.suffix-icon:hover, .form-control.suffix-icon–double.suffix-icon:hover {n padding-right: 72px;n}nn.form-control.is-invalid, .form-control:invalid {n border-color: d74022;n}nn.form-control-plaintext:focus {n outline: none;n box-shadow: none;n}nn.form-group label {n margin-bottom: 0;n}nn.form-row label {n margin-bottom: 0;n}nn.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}nn.custom-select:hover:not(:disabled),n.custom-file-input:hover:not(:disabled) {n cursor: pointer;n border: 1px solid #005fbf;n}nn.custom-select:focus,n.custom-file-input:focus {n box-shadow: 0 0 4px 1px rgba(0, 95, 191, 0.3);n}nn.custom-select:disabled,n.custom-file-input:disabled {n color: b4b4b4;n cursor: not-allowed;n background-color: f2f4f7;n border-color: e2e2e2;n}nn.custom-select:not(:focus):invalid,n.custom-file-input:not(:focus):invalid {n color: b4b4b4;n}nninput {n cursor: pointer;n}nninput::-webkit-file-upload-button {n cursor: pointer;n}nn.custom-file {n display: flex;n flex-wrap: wrap;n align-items: center;n height: auto;n margin-bottom: 20px;n}nn.custom-file:hover .custom-file-label::before {n border: 1px solid b4b4b4;n}nn.custom-file .form-text {n margin-top: 4px;n}nn.custom-file ~ .custom-file-list-wrapper {n margin-bottom: 12px;n}nn.custom-file-input {n margin: 0;n}nn.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}nn.custom-file-label::after {n display: none;n}nn.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}nn.valid-feedback,n.invalid-feedback {n font-size: 12px;n}nn.form-group-label {n margin-bottom: 0;n font-weight: 600;n line-height: 20px;n}nn.custom-control {n margin-bottom: 4px;n}nn.form-group-label + .custom-control,n.form-group-label + .custom-file {n margin-top: 4px;n}nn.custom-control-input:focus {n box-shadow: 0 0 0 0.2rem rgba(19, 87, 255, 0.25);n}nn.custom-control-input:hover ~ .custom-control-label::before {n cursor: pointer;n border-color: #005fbf;n}nn.custom-control-input:hover ~ .custom-control-label::after,n.custom-control-input:hover ~ .custom-control-label {n cursor: pointer;n}nn.custom-control-input:disabled ~ .custom-control-label::after {n cursor: not-allowed;n border: none;n}nn.custom-control-input:disabled ~ .custom-control-label::before {n cursor: not-allowed;n background-color: f2f4f7 !important;n border: 1px solid e2e2e2 !important;n}nn.custom-control-input:disabled ~ .custom-control-label {n cursor: not-allowed;n}nn.custom-control-label {n font-weight: 400;n color: #212121;n}nn.custom-checkbox .custom-control-label::before {n top: 0;n}nn.custom-checkbox .custom-control-label::after {n top: 0;n background: no-repeat 50%;n}nn.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='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}nn.custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label::after {n background: url("data:image/svg+xml,%3csvg xmlns='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}nn.custom-radio .custom-control-label::before {n top: 1px;n}nn.custom-radio .custom-control-label::after {n top: 1px;n background: no-repeat 100% / 100% 50%;n}nn.custom-radio .custom-control-input:disabled:checked ~ .custom-control-label::after {n background: url("data:image/svg+xml,%3csvg xmlns='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}nn.custom-switch {n height: 24px;n padding-left: 52px;n line-height: 24px;n}nn.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}nn.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}nn.custom-switch .custom-control-input:checked ~ .custom-control-label::before {n background-color: #1357ff;n}nn.custom-switch .custom-control-input:checked ~ .custom-control-label::after {n transform: translateX(1rem);n}nn.custom-switch.custom-switch-danger .custom-control-input:checked ~ .custom-control-label::before {n background: d74022;n}nn.custom-switch.custom-switch-danger .custom-control-input:not(:disabled):active ~ .custom-control-label::before {n background: d74022;n}nn.custom-switch.custom-switch-danger .custom-control-input:focus ~ .custom-control-label::before {n box-shadow: 0 0 0 0.2rem f4c2b8;n}nn.custom-switch.custom-switch-success .custom-control-input:checked ~ .custom-control-label::before {n background: #009f61;n}nn.custom-switch.custom-switch-success .custom-control-input:not(:disabled):active ~ .custom-control-label::before {n background: #009f61;n}nn.custom-switch.custom-switch-success .custom-control-input:focus ~ .custom-control-label::before {n box-shadow: 0 0 0 0.2rem #53ffbc;n}nn.custom-switch.custom-switch-info .custom-control-input:checked ~ .custom-control-label::before {n background: ffeb99;n}nn.custom-switch.custom-switch-info .custom-control-input:not(:disabled):active ~ .custom-control-label::before {n background: ffeb99;n}nn.custom-switch.custom-switch-info .custom-control-input:focus ~ .custom-control-label::before {n box-shadow: 0 0 0 0.2rem white;n}nn.custom-switch.custom-switch-warning .custom-control-input:checked ~ .custom-control-label::before {n background: ffb700;n}nn.custom-switch.custom-switch-warning .custom-control-input:not(:disabled):active ~ .custom-control-label::before {n background: ffb700;n}nn.custom-switch.custom-switch-warning .custom-control-input:focus ~ .custom-control-label::before {n box-shadow: 0 0 0 0.2rem ffe9b3;n}nn.custom-switch.custom-switch-primary .custom-control-input:checked ~ .custom-control-label::before {n background: #005fbf;n}nn.custom-switch.custom-switch-primary .custom-control-input:not(:disabled):active ~ .custom-control-label::before {n background: #005fbf;n}nn.custom-switch.custom-switch-primary .custom-control-input:focus ~ .custom-control-label::before {n box-shadow: 0 0 0 0.2rem #73b8ff;n}nn.custom-switch.custom-switch-jurnal .custom-control-input:checked ~ .custom-control-label::before {n background: #009bde;n}nn.custom-switch.custom-switch-jurnal .custom-control-input:not(:disabled):active ~ .custom-control-label::before {n background: #009bde;n}nn.custom-switch.custom-switch-jurnal .custom-control-input:focus ~ .custom-control-label::before {n box-shadow: 0 0 0 0.2rem #92deff;n}nn.custom-switch.custom-switch-talenta .custom-control-input:checked ~ .custom-control-label::before {n background: c02a34;n}nn.custom-switch.custom-switch-talenta .custom-control-input:not(:disabled):active ~ .custom-control-label::before {n background: c02a34;n}nn.custom-switch.custom-switch-talenta .custom-control-input:focus ~ .custom-control-label::before {n box-shadow: 0 0 0 0.2rem eeafb3;n}nn.custom-switch.custom-switch-klikpajak .custom-control-input:checked ~ .custom-control-label::before {n background: f96d01;n}nn.custom-switch.custom-switch-klikpajak .custom-control-input:not(:disabled):active ~ .custom-control-label::before {n background: f96d01;n}nn.custom-switch.custom-switch-klikpajak .custom-control-input:focus ~ .custom-control-label::before {n box-shadow: 0 0 0 0.2rem ffd1ae;n}nn.custom-switch.custom-switch-mekari .custom-control-input:checked ~ .custom-control-label::before {n background: #6d48e5;n}nn.custom-switch.custom-switch-mekari .custom-control-input:not(:disabled):active ~ .custom-control-label::before {n background: #6d48e5;n}nn.custom-switch.custom-switch-mekari .custom-control-input:focus ~ .custom-control-label::before {n box-shadow: 0 0 0 0.2rem eae4fb;n}nn.custom-switch.custom-switch-dark .custom-control-input:checked ~ .custom-control-label::before {n background: #212121;n}nn.custom-switch.custom-switch-dark .custom-control-input:not(:disabled):active ~ .custom-control-label::before {n background: #212121;n}nn.custom-switch.custom-switch-dark .custom-control-input:focus ~ .custom-control-label::before {n box-shadow: 0 0 0 0.2rem #7a7a7a;n}nn.custom-switch.custom-switch-slate .custom-control-input:checked ~ .custom-control-label::before {n background: #777;n}nn.custom-switch.custom-switch-slate .custom-control-input:not(:disabled):active ~ .custom-control-label::before {n background: #777;n}nn.custom-switch.custom-switch-slate .custom-control-input:focus ~ .custom-control-label::before {n box-shadow: 0 0 0 0.2rem d0d0d0;n}nn.custom-switch.custom-switch-muted .custom-control-input:checked ~ .custom-control-label::before {n background: b4b4b4;n}nn.custom-switch.custom-switch-muted .custom-control-input:not(:disabled):active ~ .custom-control-label::before {n background: b4b4b4;n}nn.custom-switch.custom-switch-muted .custom-control-input:focus ~ .custom-control-label::before {n box-shadow: 0 0 0 0.2rem white;n}nn.custom-switch.custom-switch-smoke .custom-control-input:checked ~ .custom-control-label::before {n background: e2e2e2;n}nn.custom-switch.custom-switch-smoke .custom-control-input:not(:disabled):active ~ .custom-control-label::before {n background: e2e2e2;n}nn.custom-switch.custom-switch-smoke .custom-control-input:focus ~ .custom-control-label::before {n box-shadow: 0 0 0 0.2rem white;n}nn.custom-switch.custom-switch-light .custom-control-input:checked ~ .custom-control-label::before {n background: fbfbfb;n}nn.custom-switch.custom-switch-light .custom-control-input:not(:disabled):active ~ .custom-control-label::before {n background: fbfbfb;n}nn.custom-switch.custom-switch-light .custom-control-input:focus ~ .custom-control-label::before {n box-shadow: 0 0 0 0.2rem white;n}nn.custom-switch.custom-switch-cloud .custom-control-input:checked ~ .custom-control-label::before {n background: f2f4f7;n}nn.custom-switch.custom-switch-cloud .custom-control-input:not(:disabled):active ~ .custom-control-label::before {n background: f2f4f7;n}nn.custom-switch.custom-switch-cloud .custom-control-input:focus ~ .custom-control-label::before {n box-shadow: 0 0 0 0.2rem white;n}nn.custom-switch.custom-switch-link .custom-control-input:checked ~ .custom-control-label::before {n background: #1357ff;n}nn.custom-switch.custom-switch-link .custom-control-input:not(:disabled):active ~ .custom-control-label::before {n background: #1357ff;n}nn.custom-switch.custom-switch-link .custom-control-input:focus ~ .custom-control-label::before {n box-shadow: 0 0 0 0.2rem c6d6ff;n}nn.custom-switch.custom-switch-white .custom-control-input:checked ~ .custom-control-label::before {n background: fff;n}nn.custom-switch.custom-switch-white .custom-control-input:not(:disabled):active ~ .custom-control-label::before {n background: fff;n}nn.custom-switch.custom-switch-white .custom-control-input:focus ~ .custom-control-label::before {n box-shadow: 0 0 0 0.2rem white;n}nn.custom-switch–small {n height: 20px;n padding-left: 48px;n line-height: 20px;n}nn.custom-switch–small .custom-control-label::before {n left: -48px;n width: 34px;n height: 20px;n}nn.custom-switch–small .custom-control-label::after {n left: -46px;n width: 16px;n height: 16px;n}nn.custom-switch–small .custom-control-input:checked ~ .custom-control-label::after {n transform: translateX(14px);n}nn.form-check {n margin-bottom: 4px;n}nntextarea.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}nntextarea.form-control::-webkit-scrollbar {n width: 12px;n background-color: transparent;n}nntextarea.form-control::-webkit-scrollbar-thumb {n background-color: #777;n background-clip: padding-box;n border: 4px solid transparent;n border-radius: 16px;n}nntextarea.form-control::-webkit-scrollbar-track {n background-color: fff;n border-radius: 4px;n}nn.form-text {n font-size: 12px;n color: #777;n}nn.input-group {n margin-top: 4px;n margin-bottom: 4px;n}nn.input-group .form-control {n margin-top: 0;n margin-bottom: 0;n}nn.input-group .valid-feedback,n.input-group .invalid-feedback {n margin-top: 4px;n}nn/* 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}nn/* stylelint-enable property-no-vendor-prefix */n.form-xs {n width: 80px;n max-width: 80px;n}nn.form-sm {n width: 184px;n max-width: 184px;n}nn.form-md {n width: 288px;n max-width: 288px;n}nn.form-lg {n width: 392px;n max-width: 392px;n}nn.form-xl {n width: 600px;n max-width: 600px;n}nn.counter-label {n float: right;n font-weight: 400;n}nn.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}nn.input-date-picker,n.input-no-readonly {n color: #212121 !important;n cursor: pointer !important;n background-color: fff !important;n}nn.input-date-picker:hover:not(:disabled),n.input-no-readonly:hover:not(:disabled) {n border: 1px solid #005fbf;n}nn.input-with-icon-container {n position: relative;n}nn/*# sourceMappingURL=mekari-ui-form.css.map */”,“// Form control focus staten//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 usen// this to tweak colors on an as-needed basis. This aesthetic change is based onn// WebKit's default styles, but applicable to a wider range of browsers. Itsn// 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 bettern// 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 properlyn @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}nnn@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 }nn .#{$state}-tooltip {n position: absolute;n top: 100%;n z-index: 5;n display: none;n max-width: 100%; // Contain to parent when possiblen 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 }nn .#{$prefix}form-control {n .was-validated &:#{$state},n &.is-#{$state} {n border-color: $color;nn @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 }nn &:focus {n border-color: $color;n box-shadow: 0 0 0 $input-focus-width rgba($color, .25);n }nn ~ .#{$state}-feedback,n ~ .#{$state}-tooltip {n display: block;n }n }n }nn // stylelint-disable-next-line selector-no-qualifying-typen 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 }nn .#{$prefix}custom-select {n .was-validated &:#{$state},n &.is-#{$state} {n border-color: $color;nn @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 }nn &:focus {n border-color: $color;n box-shadow: 0 0 0 $input-focus-width rgba($color, .25);n }nn ~ .#{$state}-feedback,n ~ .#{$state}-tooltip {n display: block;n }n }n }nnn .#{$prefix}form-control-file {n .was-validated &:#{$state},n &.is-#{$state} {n ~ .#{$state}-feedback,n ~ .#{$state}-tooltip {n display: block;n }n }n }nn .#{$prefix}form-check-input {n .was-validated &:#{$state},n &.is-#{$state} {n ~ .#{$prefix}form-check-label {n color: $color;n }nn ~ .#{$state}-feedback,n ~ .#{$state}-tooltip {n display: block;n }n }n }nn .#{$prefix}custom-control-input {n .was-validated &:#{$state},n &.is-#{$state} {n ~ .#{$prefix}custom-control-label {n color: $color;nn &::before {n border-color: $color;n }n }nn ~ .#{$state}-feedback,n ~ .#{$state}-tooltip {n display: block;n }nn &:checked {n ~ .#{$prefix}custom-control-label::before {n border-color: lighten($color, 10%);n @include gradient-bg(lighten($color, 10%));n }n }nn &:focus {n ~ .#{$prefix}custom-control-label::before {n box-shadow: 0 0 0 $input-focus-width rgba($color, .25);n }nn &:not(:checked) ~ .#{$prefix}custom-control-label::before {n border-color: $color;n }n }n }n }nn // custom filen .#{$prefix}custom-file-input {n .was-validated &:#{$state},n &.is-#{$state} {n ~ .#{$prefix}custom-file-label {n border-color: $color;n }nn ~ .#{$state}-feedback,n ~ .#{$state}-tooltip {n display: block;n }nn &: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”,“// Variablesn//n// Variables should follow the `$component-state-property-size` formula forn// consistent naming. Ex: $nav-link-disabled-color and $modal-content-box-shadow-xs.nn// Color systemnn$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;nn$grays: () !default;n// stylelint-disable-next-line scss/dollar-variable-defaultn$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-900n ),n $graysn);nn$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;nn$colors: () !default;n// stylelint-disable-next-line scss/dollar-variable-defaultn$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-800n ),n $colorsn);nn$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;nn$theme-colors: () !default;n// stylelint-disable-next-line scss/dollar-variable-defaultn$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": $darkn ),n $theme-colorsn);nn// Set a specific jump point for requesting color jumpsn$theme-color-interval: 8% !default;nn// 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;nn// 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;nnn// Optionsn//n// Quickly modify global styling by enabling or disabling optional features.nn$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 CSSn$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;nnn// Spacingn//n// Control the default styling of most Bootstrap elements by modifying thesen// variables. Mostly focused on spacing.n// You can add more entries to the $spacers map, should you need more variation.nn$spacer: 1rem !default;n$spacers: () !default;n// stylelint-disable-next-line scss/dollar-variable-defaultn$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 $spacersn);nn// This variable affects the `.h-*` and `.w-*` classes.n$sizes: () !default;n// stylelint-disable-next-line scss/dollar-variable-defaultn$sizes: map-merge(n (n 25: 25%,n 50: 50%,n 75: 75%,n 100: 100%,n auto: auton ),n $sizesn);nnn// Bodyn//n// Settings for the `<body>` element.nn$body-bg: $white !default;n$body-color: $gray-900 !default;nnn// Linksn//n// Style anchor elements.nn$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;nn// Paragraphsn//n// Style p element.nn$paragraph-margin-bottom: 1rem !default;nnn// Grid breakpointsn//n// Define the minimum dimensions at which your layout will change,n// adapting to different screen sizes, for use in media queries.nn$grid-breakpoints: (n xs: 0,n sm: 576px,n md: 768px,n lg: 992px,n xl: 1200pxn) !default;nn@include _assert-ascending($grid-breakpoints, "$grid-breakpoints");n@include _assert-starts-at-zero($grid-breakpoints, "$grid-breakpoints");nnn// Grid containersn//n// Define the maximum width of `.container` for different screen sizes.nn$container-max-widths: (n sm: 540px,n md: 720px,n lg: 960px,n xl: 1140pxn) !default;nn@include _assert-ascending($container-max-widths, "$container-max-widths");nnn// Grid columnsn//n// Set the number of columns and specify the width of the gutters.nn$grid-columns: 12 !default;n$grid-gutter-width: 30px !default;nnn// Componentsn//n// Define common padding and border radius sizes and more.nn$line-height-lg: 1.5 !default;n$line-height-sm: 1.5 !default;nn$border-width: 1px !default;n$border-color: $gray-300 !default;nn$border-radius: .25rem !default;n$border-radius-lg: .3rem !default;n$border-radius-sm: .2rem !default;nn$rounded-pill: 50rem !default;nn$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;nn$component-active-color: $white !default;n$component-active-bg: theme-color("primary") !default;nn$caret-width: .3em !default;n$caret-vertical-align: $caret-width * .85 !default;n$caret-spacing: $caret-width * .85 !default;nn$transition-base: all .2s ease-in-out !default;n$transition-fade: opacity .15s linear !default;n$transition-collapse: height .35s ease !default;nn$embed-responsive-aspect-ratios: () !default;n// stylelint-disable-next-line scss/dollar-variable-defaultn$embed-responsive-aspect-ratios: join(n (n (21 9),n (16 9),n (4 3),n (1 1),n ),n $embed-responsive-aspect-ratiosn);nn// Typographyn//n// Font, line-height, and color for body text, headings, and more.nn// stylelint-disable value-keyword-casen$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-casenn$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;nn$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;nn$font-weight-base: $font-weight-normal !default;n$line-height-base: 1.5 !default;nn$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;nn$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;nn$display1-size: 6rem !default;n$display2-size: 5.5rem !default;n$display3-size: 4.5rem !default;n$display4-size: 3.5rem !default;nn$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;nn$lead-font-size: $font-size-base * 1.25 !default;n$lead-font-weight: 300 !default;nn$small-font-size: 80% !default;nn$text-muted: $gray-600 !default;nn$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;nn$hr-border-color: rgba($black, .1) !default;n$hr-border-width: $border-width !default;nn$mark-padding: .2em !default;nn$dt-font-weight: $font-weight-bold !default;nn$kbd-box-shadow: inset 0 -.1rem 0 rgba($black, .25) !default;n$nested-kbd-font-weight: $font-weight-bold !default;nn$list-inline-padding: .5rem !default;nn$mark-bg: fcf8e3 !default;nn$hr-margin-y: $spacer !default;nnn// Tablesn//n// Customizes the `.table` component with basic values, each used across all table variations.nn$table-cell-padding: .75rem !default;n$table-cell-padding-sm: .3rem !default;nn$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;nn$table-border-width: $border-width !default;n$table-border-color: $border-color !default;nn$table-head-bg: $gray-200 !default;n$table-head-color: $gray-700 !default;nn$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;nn$table-striped-order: odd !default;nn$table-caption-color: $text-muted !default;nn$table-bg-level: -9 !default;n$table-border-level: -6 !default;nnn// Buttons + Formsn//n// Shared variables that are reassigned to `$input-` and `$btn-` specific variables.nn$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;nn$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;nn$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;nn$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;nn$input-btn-border-width: $border-width !default;nnn// Buttonsn//n// For each of Bootstrap's buttons, define text, background, and border color.nn$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;nn$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;nn$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;nn$btn-border-width: $input-btn-border-width !default;nn$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;nn$btn-link-disabled-color: $gray-600 !default;nn$btn-block-spacing-y: .5rem !default;nn// Allows for customizing button radius independently from global border radiusn$btn-border-radius: $border-radius !default;n$btn-border-radius-lg: $border-radius-lg !default;n$btn-border-radius-sm: $border-radius-sm !default;nn$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;nnn// Formsnn$label-margin-bottom: .5rem !default;nn$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;nn$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;nn$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;nn$input-bg: $white !default;n$input-disabled-bg: $gray-200 !default;nn$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;nn$input-border-radius: $border-radius !default;n$input-border-radius-lg: $border-radius-lg !default;n$input-border-radius-sm: $border-radius-sm !default;nn$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;nn$input-placeholder-color: $gray-600 !default;n$input-plaintext-color: $body-color !default;nn$input-height-border: $input-border-width * 2 !default;nn$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;nn$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;nn$input-transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out !default;nn$form-text-margin-top: .25rem !default;nn$form-check-input-gutter: 1.25rem !default;n$form-check-input-margin-y: .3rem !default;n$form-check-input-margin-x: .25rem !default;nn$form-check-inline-margin-x: .75rem !default;n$form-check-inline-input-margin-x: .3125rem !default;nn$form-grid-gutter-width: 10px !default;n$form-group-margin-bottom: 1rem !default;nn$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;nn$custom-forms-transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out !default;nn$custom-control-gutter: .5rem !default;n$custom-control-spacer-x: 1rem !default;nn$custom-control-indicator-size: 1rem !default;n$custom-control-indicator-bg: $input-bg !default;nn$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;nn$custom-control-indicator-disabled-bg: $input-disabled-bg !default;n$custom-control-label-disabled-color: $gray-600 !default;nn$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;nn$custom-control-indicator-focus-box-shadow: $input-focus-box-shadow !default;n$custom-control-indicator-focus-border-color: $input-focus-border-color !default;nn$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;nn$custom-checkbox-indicator-border-radius: $border-radius !default;n$custom-checkbox-indicator-icon-checked: str-replace(url("data:image/svg+xml,%3csvg xmlns='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;nn$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='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;nn$custom-radio-indicator-border-radius: 50% !default;n$custom-radio-indicator-icon-checked: str-replace(url("data:image/svg+xml,%3csvg xmlns='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;nn$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;nn$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 indicatorn$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 dimensionsn$custom-select-indicator-color: $gray-800 !default;n$custom-select-indicator: str-replace(url("data:image/svg+xml,%3csvg xmlns='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)nn$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;nn$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;nn$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;nn$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;nn$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;nn$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;nn$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/Edgen$custom-range-thumb-active-bg: lighten($component-active-bg, 35%) !default;n$custom-range-thumb-disabled-bg: $gray-500 !default;nn$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;nn$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;nnn// Form validationnn$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;nn$form-feedback-icon-valid-color: $form-feedback-valid-color !default;n$form-feedback-icon-valid: str-replace(url("data:image/svg+xml,%3csvg xmlns='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='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;nn$form-validation-states: () !default;n// stylelint-disable-next-line scss/dollar-variable-defaultn$form-validation-states: map-merge(n (n "valid": (n "color": $form-feedback-valid-color,n "icon": $form-feedback-icon-validn ),n "invalid": (n "color": $form-feedback-invalid-color,n "icon": $form-feedback-icon-invalidn ),n ),n $form-validation-statesn);nn// Z-index master listn//n// Warning: Avoid customizing these values. They're used for a bird's eye viewn// of components dependent on the z-axis and are designed to all work together.nn$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;nnn// Navsnn$nav-link-padding-y: .5rem !default;n$nav-link-padding-x: 1rem !default;n$nav-link-disabled-color: $gray-600 !default;nn$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;nn$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;nn$nav-divider-color: $gray-200 !default;n$nav-divider-margin-y: $spacer / 2 !default;nnn// Navbarnn$navbar-padding-y: $spacer / 2 !default;n$navbar-padding-x: $spacer !default;nn$navbar-nav-link-padding-x: .5rem !default;nn$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-linkn$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;nn$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;nn$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='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;nn$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='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;nn$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;nnn// Dropdownsn//n// Dropdown menu container and contents.nn$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;nn$dropdown-link-color: $gray-900 !default;n$dropdown-link-hover-color: darken($gray-900, 5%) !default;n$dropdown-link-hover-bg: $gray-100 !default;nn$dropdown-link-active-color: $component-active-color !default;n$dropdown-link-active-bg: $component-active-bg !default;nn$dropdown-link-disabled-color: $gray-600 !default;nn$dropdown-item-padding-y: .25rem !default;n$dropdown-item-padding-x: 1.5rem !default;nn$dropdown-header-color: $gray-600 !default;nnn// Paginationnn$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;nn$pagination-color: $link-color !default;n$pagination-bg: $white !default;n$pagination-border-width: $border-width !default;n$pagination-border-color: $gray-300 !default;nn$pagination-focus-box-shadow: $input-btn-focus-box-shadow !default;n$pagination-focus-outline: 0 !default;nn$pagination-hover-color: $link-hover-color !default;n$pagination-hover-bg: $gray-200 !default;n$pagination-hover-border-color: $gray-300 !default;nn$pagination-active-color: $component-active-color !default;n$pagination-active-bg: $component-active-bg !default;n$pagination-active-border-color: $pagination-active-bg !default;nn$pagination-disabled-color: $gray-600 !default;n$pagination-disabled-bg: $white !default;n$pagination-disabled-border-color: $gray-300 !default;nnn// Jumbotronnn$jumbotron-padding: 2rem !default;n$jumbotron-color: null !default;n$jumbotron-bg: $gray-200 !default;nnn// Cardsnn$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;nn$card-img-overlay-padding: 1.25rem !default;nn$card-group-margin: $grid-gutter-width / 2 !default;n$card-deck-margin: $card-group-margin !default;nn$card-columns-count: 3 !default;n$card-columns-gap: 1.25rem !default;n$card-columns-margin: $card-spacer-y !default;nnn// Tooltipsnn$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;nn$tooltip-arrow-width: .8rem !default;n$tooltip-arrow-height: .4rem !default;n$tooltip-arrow-color: $tooltip-bg !default;nn// Form tooltips must come after regular tooltipsn$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;nnn// Popoversnn$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;nn$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;nn$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;nn$popover-arrow-width: 1rem !default;n$popover-arrow-height: .5rem !default;n$popover-arrow-color: $popover-bg !default;nn$popover-arrow-outer-color: fade-in($popover-border-color, .05) !default;nnn// Toastsnn$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;nn$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;nnn// Badgesnn$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;nn$badge-transition: $btn-transition !default;n$badge-focus-width: $input-btn-focus-width !default;nn$badge-pill-padding-x: .6em !default;n// Use a higher than normal value to ensure completely rounded edges whenn// customizing padding or font-size on labels.n$badge-pill-border-radius: 10rem !default;nnn// Modalsnn// Padding applied to the modal bodyn$modal-inner-padding: 1rem !default;nn$modal-dialog-margin: .5rem !default;n$modal-dialog-margin-y-sm-up: 1.75rem !default;nn$modal-title-line-height: $line-height-base !default;nn$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;nn$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 compatibilitynn$modal-xl: 1140px !default;n$modal-lg: 800px !default;n$modal-md: 500px !default;n$modal-sm: 300px !default;nn$modal-fade-transform: translate(0, -50px) !default;n$modal-show-transform: none !default;n$modal-transition: transform .3s ease-out !default;nnn// Alertsn//n// Define alert colors, border radius, and padding.nn$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;nn$alert-bg-level: -10 !default;n$alert-border-level: -9 !default;n$alert-color-level: 6 !default;nnn// Progress barsnn$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;nnn// List groupnn$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;nn$list-group-item-padding-y: .75rem !default;n$list-group-item-padding-x: 1.25rem !default;nn$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;nn$list-group-disabled-color: $gray-600 !default;n$list-group-disabled-bg: $list-group-bg !default;nn$list-group-action-color: $gray-700 !default;n$list-group-action-hover-color: $list-group-action-color !default;nn$list-group-action-active-color: $body-color !default;n$list-group-action-active-bg: $gray-200 !default;nnn// Image thumbnailsnn$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;nnn// Figuresnn$figure-caption-font-size: 90% !default;n$figure-caption-color: $gray-600 !default;nnn// Breadcrumbsnn$breadcrumb-padding-y: .75rem !default;n$breadcrumb-padding-x: 1rem !default;n$breadcrumb-item-padding: .5rem !default;nn$breadcrumb-margin-bottom: 1rem !default;nn$breadcrumb-bg: $gray-200 !default;n$breadcrumb-divider-color: $gray-600 !default;n$breadcrumb-active-color: $gray-600 !default;n$breadcrumb-divider: quote("/") !default;nn$breadcrumb-border-radius: $border-radius !default;nnn// Carouselnn$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;nn$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;nn$carousel-caption-width: 70% !default;n$carousel-caption-color: $white !default;nn$carousel-control-icon-width: 20px !default;nn$carousel-control-prev-icon-bg: str-replace(url("data:image/svg+xml,%3csvg xmlns='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='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;nn$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`)nnn// Spinnersnn$spinner-width: 2rem !default;n$spinner-height: $spinner-width !default;n$spinner-border-width: .25em !default;nn$spinner-width-sm: 1rem !default;n$spinner-height-sm: $spinner-width-sm !default;n$spinner-border-width-sm: .2em !default;nnn// Closenn$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;nnn// Codenn$code-font-size: 87.5% !default;n$code-color: $pink !default;nn$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;nn$pre-color: $gray-900 !default;n$pre-scrollable-max-height: 340px !default;nnn// Utilitiesnn$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;nnn// Printingnn$print-page-size: a3 !default;n$print-body-min-width: map-get($grid-breakpoints, "lg") !default;n”,“// Gradientsnn@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}nn// Horizontal gradient, from left to rightn//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}nn// Vertical gradient, from top to bottomn//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}nn@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.nn// Name of the next breakpoint, or null for the last breakpoint.n//n// >> breakpoint-next(sm)n// mdn// >> breakpoint-next(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))n// mdn// >> breakpoint-next(sm, $breakpoint-names: (xs sm md lg xl))n// mdn@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}nn// 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// 576pxn@function breakpoint-min($name, $breakpoints: $grid-breakpoints) {n $min: map-get($breakpoints, $name);n @return if($min != 0, $min, null);n}nn// Maximum breakpoint width. Null for the largest (last) breakpoint.n// The maximum value is calculated as the minimum of the next one less 0.02pxn// to work around the limitations of `min-` and `max-` prefixes and viewports with fractional widths.n// See www.w3.org/TR/mediaqueries-4/#mq-min-maxn// Uses 0.02px rather than 0.01px to work around a current rounding bug in Safari.n// See bugs.webkit.org/show_bug.cgi?id=178261n//n// >> breakpoint-max(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))n// 767.98pxn@function breakpoint-max($name, $breakpoints: $grid-breakpoints) {n $next: breakpoint-next($name, $breakpoints);n @return if($next, breakpoint-min($next, $breakpoints) - .02, null);n}nn// 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}nn// 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}nn// 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}nn// Media that spans multiple breakpoint widths.n// Makes the @content apply between the min and max breakpointsn@mixin media-breakpoint-between($lower, $upper, $breakpoints: $grid-breakpoints) {n $min: breakpoint-min($lower, $breakpoints);n $max: breakpoint-max($upper, $breakpoints);nn @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}nn// 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);nn @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// useiconic.com/opennnn// Checkboxes and radiosn//n// Base class takes care of all the key behavioral aspects.nn.#{$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}nn.#{$prefix}custom-control-inline {n display: inline-flex;n margin-right: $custom-control-spacer-x;n}nn.#{$prefix}custom-control-input {n position: absolute;n z-index: -1; // Put the input behind the label so it doesn't overlay textn opacity: 0;nn &: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 }nn &:focus ~ .#{$prefix}custom-control-label::before {n // the mixin is not used here to make sure there is feedbackn @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 }nn &:focus:not(:checked) ~ .#{$prefix}custom-control-label::before {n border-color: $custom-control-indicator-focus-border-color;n }nn &: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 }nn &:disabled {n ~ .#{$prefix}custom-control-label {n color: $custom-control-label-disabled-color;nn &::before {n background-color: $custom-control-indicator-disabled-bg;n }n }n }n}nn// Custom control indicatorsn//n// Build the custom controls out of pseudo-elements.nn.#{$prefix}custom-control-label {n position: relative;n margin-bottom: 0;n vertical-align: top;nn // Background-color and (when enabled) gradientn &::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 }nn // 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}nnn// Checkboxesn//n// Tweak just a few things for checkboxes.nn.#{$prefix}custom-checkbox {n .#{$prefix}custom-control-label::before {n @include border-radius($custom-checkbox-indicator-border-radius);n }nn .#{$prefix}custom-control-input:checked ~ .#{$prefix}custom-control-label {n &::after {n background-image: $custom-checkbox-indicator-icon-checked;n }n }nn .#{$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 }nn .#{$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}nn// Radiosn//n// Tweak just a few things for radios.nn.#{$prefix}custom-radio {n .#{$prefix}custom-control-label::before {n // stylelint-disable-next-line property-blacklistn border-radius: $custom-radio-indicator-border-radius;n }nn .#{$prefix}custom-control-input:checked ~ .#{$prefix}custom-control-label {n &::after {n background-image: $custom-radio-indicator-icon-checked;n }n }nn .#{$prefix}custom-control-input:disabled {n &:checked ~ .#{$prefix}custom-control-label::before {n background-color: $custom-control-indicator-checked-disabled-bg;n }n }n}nnn// switchesn//n// Tweak a few things for switchesnn.#{$prefix}custom-switch {n padding-left: $custom-switch-width + $custom-control-gutter;nn .#{$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-blacklistn border-radius: $custom-switch-indicator-border-radius;n }nn &::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-blacklistn border-radius: $custom-switch-indicator-border-radius;n @include transition(transform .15s ease-in-out, $custom-forms-transition);n }n }nn .#{$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 }nn .#{$prefix}custom-control-input:disabled {n &:checked ~ .#{$prefix}custom-control-label::before {n background-color: $custom-control-indicator-checked-disabled-bg;n }n }n}nnn// Selectn//n// Replaces the browser default select with a custom one, mostly pulled fromn// primer.github.io/.n//nn.#{$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;nn &: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 }nn &::-ms-value {n // For visual consistency with other platforms/browsers,n // suppress the default white text on blue background highlight given ton // the selected option text when the (still closed) <select> receives focusn // in IE and (under certain conditions) Edge.n // See github.com/twbs/bootstrap/issues/19398.n color: $input-color;n background-color: $input-bg;n }n }nn &[multiple],n &[size]:not() {n height: auto;n padding-right: $custom-select-padding-x;n background-image: none;n }nn &:disabled {n color: $custom-select-disabled-color;n background-color: $custom-select-disabled-bg;n }nn // Hides the default caret in IE11n &::-ms-expand {n display: none;n }n}nn.#{$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}nn.#{$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}nnn// Filen//n// Custom file input.nn.#{$prefix}custom-file {n position: relative;n display: inline-block;n width: 100%;n height: $custom-file-height;n margin-bottom: 0;n}nn.#{$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;nn &:focus ~ .#{$prefix}custom-file-label {n border-color: $custom-file-focus-border-color;n box-shadow: $custom-file-focus-box-shadow;n }nn &:disabled ~ .#{$prefix}custom-file-label {n background-color: $custom-file-disabled-bg;n }nn @each $lang, $value in $custom-file-text {n &:lang(#{$lang}) ~ .#{$prefix}custom-file-label::after {n content: $value;n }n }nn ~ .#{$prefix}custom-file-label::after {n content: attr(data-browse);n }n}nn.#{$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);nn &::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}nn// Rangen//n// Style range inputs the same across browsers. Vendor-specific rules for pseudon// elements cannot be mixed. As such, there are no shared styles for focus orn// active states on prefixed selectors.nn.#{$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 paddingn background-color: transparent;n appearance: none;nn &:focus {n outline: none;nn // 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 }nn &::-moz-focus-outer {n border: 0;n }nn &::-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 specificn @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;nn &:active {n @include gradient-bg($custom-range-thumb-active-bg);n }n }nn &::-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 }nn &::-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;nn &:active {n @include gradient-bg($custom-range-thumb-active-bg);n }n }nn &::-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 }nn &::-ms-thumb {n width: $custom-range-thumb-width;n height: $custom-range-thumb-height;n margin-top: 0; // Edge specificn 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;nn &:active {n @include gradient-bg($custom-range-thumb-active-bg);n }n }nn &::-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 }nn &::-ms-fill-lower {n background-color: $custom-range-track-bg;n @include border-radius($custom-range-track-border-radius);n }nn &::-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 }nn &:disabled {n &::-webkit-slider-thumb {n background-color: $custom-range-thumb-disabled-bg;n }nn &::-webkit-slider-runnable-track {n cursor: default;n }nn &::-moz-range-thumb {n background-color: $custom-range-thumb-disabled-bg;n }nn &::-moz-range-track {n cursor: default;n }nn &::-ms-thumb {n background-color: $custom-range-thumb-disabled-bg;n }n }n}nn.#{$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-typenn//n// Base stylesn//nn.#{$prefix}input-group {n position: relative;n display: flex;n flex-wrap: wrap; // For form validation feedbackn align-items: stretch;n width: 100%;nn > .#{$prefix}form-control,n > .#{$prefix}form-control-plaintext,n > .#{$prefix}custom-select,n > .#{$prefix}custom-file {n position: relative; // For focus state's z-indexn flex: 1 1 auto;n // Add width 1% and flex-basis auto to ensure that button will not wrap outn // the column. Applies to IE Edge+ and Firefox. Chrome does not require this.n width: 1%;n margin-bottom: 0;nn + .#{$prefix}form-control,n + .#{$prefix}custom-select,n + .#{$prefix}custom-file {n margin-left: -$input-border-width;n }n }nn // Bring the "active" form control to the top of surrounding elementsn > .#{$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 }nn // Bring the custom file input above the labeln > .#{$prefix}custom-file .#{$prefix}custom-file-input:focus {n z-index: 4;n }nn > .#{$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 }nn // Custom file inputs have more complex markup, thus requiring differentn // border-radius overrides.n > .#{$prefix}custom-file {n display: flex;n align-items: center;nn &: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}nnn// Prepend and appendn//n// While it requires one extra layer of HTML for each, dedicated prepend andn// append elements allow us to 1) be less clever, 2) simplify our selectors, andn// 3) support HTML5 form validation.nn.#{$prefix}input-group-prepend,n.#{$prefix}input-group-append {n display: flex;nn // 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-colorn // as our inputs.n .#{$prefix}btn {n position: relative;n z-index: 2;nn &:focus {n z-index: 3;n }n }nn .#{$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}nn.#{$prefix}input-group-prepend { margin-right: -$input-border-width; }n.#{$prefix}input-group-append { margin-left: -$input-border-width; }nnn// Textual addonsn//n// Serves as a catch-all element for any text or radio/checkbox input you wishn// to prepend or append to an input.nn.#{$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-bottomn @include font-size($input-font-size); // Match inputsn 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);nn // Nuke default margins from checkboxes and radios to vertically center within.n input,n input {n margin-top: 0;n }n}nnn// Sizingn//n// Remix the default form control sizing classes into new ones for easiern// manipulation.nn.#{$prefix}input-group-lg > .#{$prefix}form-control:not(textarea),n.#{$prefix}input-group-lg > .#{$prefix}custom-select {n height: $input-height-lg;n}nn.#{$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}nn.#{$prefix}input-group-sm > .#{$prefix}form-control:not(textarea),n.#{$prefix}input-group-sm > .#{$prefix}custom-select {n height: $input-height-sm;n}nn.#{$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}nn.#{$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}nnn// Prepend and append rounded cornersn//n// These rulesets must come after the sizing ones to properly override sm and lgn// border-radius values when extending. They're more specific than we'd liken// with the `.#{$prefix}input-group >` part, but without it, we cannot override the sizing.nnn.#{$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}nn.#{$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;nn// 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;nn &:hover:not(:disabled):not() {n border: 1px solid $input-focus-border-color;n }nn &: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 }nn &:focus:not(:disabled):not() {n color: $dark;n }nn &.prefix-icon {n padding-left: 36px;n }nn &.suffix-icon {n padding-right: 36px;n }nn &.with-reset-icon, // will be deprecated in future versionn &.suffix-icon–double {n padding-right: 36px;n &.suffix-icon:hover {n padding-right: 72px;n }n }nn &.is-invalid,n &:invalid {n border-color: $danger;n }n}nn//plain text classn.#{$prefix}form-control-plaintext {n &:focus {n outline: none;n box-shadow: none;n }n}nn// supress magrin on .#{$prefix}form-group labelsn.#{$prefix}form-group {n label {n margin-bottom: 0;n }n}nn// supress margin on labels inside form-rown.#{$prefix}form-row {n label {n margin-bottom: 0;n }n}nnn.#{$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;nn &:hover:not(:disabled) {n cursor: pointer;n border: 1px solid $input-focus-border-color;n }nn &:focus {n box-shadow: $input-focus-box-shadow;n }nn &:disabled {n color: $muted;n cursor: not-allowed;n background-color: $cloud;n border-color: $smoke;n }nn &:not(:focus):invalid {n color: $text-muted;n }n}nn// custom file inputninput { // stylelint-disable-line selector-no-qualifying-typen cursor: pointer;n}ninput::-webkit-file-upload-button { // stylelint-disable-line selector-no-qualifying-typen 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}nn.#{$prefix}custom-file-input {n margin: 0;n}nn.#{$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;nn &::after {n display: none;n }nn // visualize Choose File buttonn &::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-blacklistn border-radius: 4px;n }n}nn//input text helper for validation, and normal case (form-text)n.valid-feedback,n.invalid-feedback {n font-size: 12px;n}nn.#{$prefix}form-group-label {n margin-bottom: 0;n font-weight: 600;n line-height: $custom-input-line-height;n}nn.#{$prefix}custom-control {n margin-bottom: 4px;n}nn.#{$prefix}form-group-label + .#{$prefix}custom-control,n.#{$prefix}form-group-label + .#{$prefix}custom-file {n margin-top: 4px;n}nn//special case for checkbox and radion//checkboxes & radios are to use .#{$prefix}custom-control-input (NOT .#{$prefix}form-check) to have customize checkbox & radion.#{$prefix}custom-control-input {n &:focus {n box-shadow: $custom-control-indicator-focus-box-shadow;n }nn &:hover ~ .#{$prefix}custom-control-label::before {n cursor: pointer;n border-color: $input-focus-border-color;n }nn &:hover ~ .#{$prefix}custom-control-label::after,n &:hover ~ .#{$prefix}custom-control-label {n cursor: pointer;n }nn &:disabled ~ .#{$prefix}custom-control-label::after{n cursor: not-allowed;n border: none;n }nn &:disabled ~ .#{$prefix}custom-control-label::before{n cursor: not-allowed;n background-color: $cloud !important; // stylelint-disable-line declaration-no-importantn border: 1px solid $smoke !important; // stylelint-disable-line declaration-no-importantn }nn &:disabled ~ .#{$prefix}custom-control-label{n cursor: not-allowed;n }n}nn.#{$prefix}custom-control-label {n font-weight: 400;n color: $dark;n}nn.#{$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}nn.#{$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}nn.#{$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-blacklistn }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-blacklistn transition: transform .2s; // stylelint-disable-line property-blacklistn }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}nn// to make sure checkbox & radio have 4px margin bottomn.#{$prefix}form-check {n margin-bottom: $input-margin-y;n}nn// stylelint-disable-next-line selector-no-qualifying-typentextarea.#{$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}nn// text helper class in Bootstrapn.#{$prefix}form-text {n font-size: 12px;n color: $slate;n}nn// input groups classessn.#{$prefix}input-group {n margin-top: $input-margin-y;n margin-bottom: $input-margin-y;nn .#{$prefix}form-control {n margin-top: 0;n margin-bottom: 0;n }nn .valid-feedback,n .invalid-feedback {n margin-top: 4px;n }n}nn/* 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 */nn.#{$prefix}form-xs {n width: 80px;n max-width: 80px;n}nn.#{$prefix}form-sm {n width: 184px;n max-width: 184px;n}nn.#{$prefix}form-md {n width: 288px;n max-width: 288px;n}nn.#{$prefix}form-lg {n width: 392px;n max-width: 392px;n}nn.#{$prefix}form-xl {n width: 600px;n max-width: 600px;n}nn.#{$prefix}counter-label {n float: right;n font-weight: $font-weight-normal;n}nn.#{$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-bottomn @include font-size($input-font-size); // Match inputsn 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}nn.input-date-picker, // will be deprecated in future versionn.input-no-readonly {n color: $dark !important; // stylelint-disable-line declaration-no-importantn cursor: pointer !important; // stylelint-disable-line declaration-no-importantn background-color: $white !important; // stylelint-disable-line declaration-no-importantn &:hover:not(:disabled) {n border: 1px solid $input-focus-border-color;n }n}nn.input-with-icon-container { // will be deprecated in future versionn position: relative;n}n”,“@mixin scroll-default {n &::-webkit-scrollbar {n width: 12px;n background-color: transparent;n }nn &::-webkit-scrollbar-thumb {n background-color: $slate;n background-clip: padding-box;n border: 4px solid transparent;n @include border-radius(16px);n }nn &::-webkit-scrollbar-track {n background-color: $white;n @include border-radius(4px);n }n}n”]}