RubyGems - mekari_ui_toolkit - Versions diffs - 1.0.13 → 1.0.18 - Mend

mekari_ui_toolkit 1.0.13 → 1.0.18

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

Files changed (107) hide show

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

	@@ -1 +1 @@
1	- {"version":3,"sources":["mekari-ui-avatar.css","../../../scss/components/config/_avatar.scss","../../../scss/vendor-extensions/_color.scss","../../../scss/vendor-extensions/_avatar.scss","../../../scss/vendor-extensions/_typography.scss"],"names":[],"mappings":"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;AC3NA;EAiBI,kBAAkB;EAClB,cC5GmB;ED6GnB,eAAe;AD8MnB;;ACjOA;EAqBM,iBAAiB;EACjB,SAAS;EACT,iBAAiB;ADgNvB;;ACvOA;EA0BM,aAAa;ADiNnB;;AC3OA;EAgCQ,iCCjII;AFgVZ;;AC/OA;EAoCU,UAFU;ADiNpB;;ACnPA;EAoCU,UAFU;ADqNpB;;ACvPA;EAoCU,UAFU;ADyNpB;;AC3PA;EAoCU,UAFU;AD6NpB;;AC/PA;EAoCU,UAFU;ADiOpB;;ACnQA;EAoCU,UAFU;ADqOpB;;ACvQA;EAgCQ,iCCjII;AF4WZ;;AC3QA;EAoCU,UAFU;AD6OpB;;AC/QA;EAoCU,UAFU;ADiPpB;;ACnRA;EAoCU,UAFU;ADqPpB;;ACvRA;EAoCU,UAFU;ADyPpB;;AC3RA;EAoCU,UAFU;AD6PpB;;AC/RA;EAoCU,UAFU;ADiQpB;;ACnSA;EAgCQ,6BCjII;AFwYZ;;ACvSA;EAoCU,UAFU;ADyQpB;;AC3SA;EAoCU,UAFU;AD6QpB;;AC/SA;EAoCU,UAFU;ADiRpB;;ACnTA;EAoCU,UAFU;ADqRpB;;ACvTA;EAoCU,UAFU;ADyRpB;;AC3TA;EAoCU,UAFU;AD6RpB;;AC/TA;EAgCQ,iCCjII;AFoaZ;;ACnUA;EAoCU,UAFU;ADqSpB;;ACvUA;EAoCU,UAFU;ADySpB;;AC3UA;EAoCU,UAFU;AD6SpB;;AC/UA;EAoCU,UAFU;ADiTpB;;ACnVA;EAoCU,UAFU;ADqTpB;;ACvVA;EAoCU,UAFU;ADyTpB;;AC3VA;EAgCQ,6BCjII;AFgcZ;;AC/VA;EAoCU,UAFU;ADiUpB;;ACnWA;EAoCU,UAFU;ADqUpB;;ACvWA;EAoCU,UAFU;ADyUpB;;AC3WA;EAoCU,UAFU;AD6UpB;;AC/WA;EAoCU,UAFU;ADiVpB;;ACnXA;EAoCU,UAFU;ADqVpB;;ACvXA;EA6CU,UAAO;AD8UjB;;AC3XA;EA6CU,UAAO;ADkVjB;;AC/XA;EA6CU,UAAO;ADsVjB;;ACnYA;EA6CU,UAAO;AD0VjB;;ACvYA;EA6CU,WAAO;AD8VjB;;AC3YA;EA6CU,WAAO;ADkWjB;;AC/YA;EA6CU,UAAO;ADsWjB;;ACnZA;EA6CU,UAAO;AD0WjB;;ACvZA;EA6CU,UAAO;AD8WjB;;AC3ZA;EA6CU,WAAO;ADkXjB;;AC/ZA;EA6CU,WAAO;ADsXjB;;ACnaA;EA6CU,WAAO;AD0XjB;;ACvaA;EA6CU,UAAO;AD8XjB;;AC3aA;EA6CU,UAAO;ADkYjB;;AC/aA;EA6CU,WAAO;ADsYjB;;ACnbA;EA6CU,WAAO;AD0YjB;;ACvbA;EA6CU,WAAO;AD8YjB;;AC3bA;EA6CU,WAAO;ADkZjB;;AC/bA;EA6CU,UAAO;ADsZjB;;ACncA;EA6CU,YAAO;AD0ZjB;;ACvcA;EA6CU,WAAO;AD8ZjB;;AC3cA;EA6CU,aAAO;ADkajB;;AC/cA;EA6CU,WAAO;ADsajB;;ACndA;EA6CU,aAAO;AD0ajB;;ACvdA;EA6CU,UAAO;AD8ajB;;AC3dA;EA6CU,WAAO;ADkbjB;;AC/dA;EA6CU,WAAO;ADsbjB;;ACneA;EA6CU,WAAO;AD0bjB;;ACveA;EA6CU,WAAO;AD8bjB;;AC3eA;EA6CU,WAAO;ADkcjB;;ACzbI;EACE,2BAA+C;AD4brD;;AC1bI;EACE,0BAA8C;AD6bpD;;ACjcI;EACE,2BAA+C;ADocrD;;AClcI;EACE,0BAA8C;ADqcpD;;ACzcI;EACE,4BAA+C;AD4crD;;AC1cI;EACE,2BAA8C;AD6cpD;;ACjdI;EACE,4BAA+C;ADodrD;;ACldI;EACE,2BAA8C;ADqdpD;;ACzdI;EACE,4BAA+C;AD4drD;;AC1dI;EACE,2BAA8C;AD6dpD;;ACjeI;EACE,4BAA+C;ADoerD;;ACleI;EACE,2BAA8C;ADqepD;;ACzeI;EACE,2BAA+C;AD4erD;;AC1eI;EACE,0BAA8C;AD6epD;;ACjfI;EACE,2BAA+C;ADofrD;;AClfI;EACE,0BAA8C;ADqfpD;;ACzfI;EACE,4BAA+C;AD4frD;;AC1fI;EACE,2BAA8C;AD6fpD;;ACjgBI;EACE,4BAA+C;ADogBrD;;AClgBI;EACE,2BAA8C;ADqgBpD;;ACzgBI;EACE,4BAA+C;AD4gBrD;;AC1gBI;EACE,2BAA8C;AD6gBpD;;ACjhBI;EACE,4BAA+C;ADohBrD;;AClhBI;EACE,2BAA8C;ADqhBpD;;ACzhBI;EACE,2BAA+C;AD4hBrD;;AC1hBI;EACE,0BAA8C;AD6hBpD;;ACjiBI;EACE,4BAA+C;ADoiBrD;;ACliBI;EACE,2BAA8C;ADqiBpD;;ACziBI;EACE,4BAA+C;AD4iBrD;;AC1iBI;EACE,2BAA8C;AD6iBpD;;ACjjBI;EACE,4BAA+C;ADojBrD;;ACljBI;EACE,2BAA8C;ADqjBpD;;ACzjBI;EACE,4BAA+C;AD4jBrD;;AC1jBI;EACE,2BAA8C;AD6jBpD;;ACjkBI;EACE,4BAA+C;ADokBrD;;AClkBI;EACE,2BAA8C;ADqkBpD;;ACzkBI;EACE,2BAA+C;AD4kBrD;;AC1kBI;EACE,0BAA8C;AD6kBpD;;ACjlBI;EACE,4BAA+C;ADolBrD;;ACllBI;EACE,2BAA8C;ADqlBpD;;ACzlBI;EACE,4BAA+C;AD4lBrD;;AC1lBI;EACE,2BAA8C;AD6lBpD;;ACjmBI;EACE,4BAA+C;ADomBrD;;AClmBI;EACE,2BAA8C;ADqmBpD;;ACzmBI;EACE,4BAA+C;AD4mBrD;;AC1mBI;EACE,2BAA8C;AD6mBpD;;ACjnBI;EACE,4BAA+C;ADonBrD;;AClnBI;EACE,2BAA8C;ADqnBpD;;ACznBI;EACE,2BAA+C;AD4nBrD;;AC1nBI;EACE,0BAA8C;AD6nBpD;;ACjoBI;EACE,4BAA+C;ADooBrD;;ACloBI;EACE,2BAA8C;ADqoBpD;;ACzoBI;EACE,4BAA+C;AD4oBrD;;AC1oBI;EACE,2BAA8C;AD6oBpD;;ACjpBI;EACE,4BAA+C;ADopBrD;;AClpBI;EACE,2BAA8C;ADqpBpD;;ACzpBI;EACE,6BAA+C;AD4pBrD;;AC1pBI;EACE,4BAA8C;AD6pBpD;;ACjqBI;EACE,6BAA+C;ADoqBrD;;AClqBI;EACE,4BAA8C;ADqqBpD;;AChqBA;EACE,qBAAqB;ADmqBvB;;AChqBA;EACE,YAAY;ADmqBd;;ACpqBA;EAIM,gBAAa;ADoqBnB;;ACxqBA;EAOM,cAAc;ADqqBpB;;AC5qBA;EAIM,wBAAa;AD4qBnB;;AChrBA;EAOM,cAAc;AD6qBpB;;ACprBA;EAIM,wBAAa;ADorBnB;;ACxrBA;EAOM,cAAc;ADqrBpB;;AC5rBA;EAIM,iBAAa;AD4rBnB;;AChsBA;EAOM,cAAc;AD6rBpB;;ACpsBA;EAIM,iBAAa;ADosBnB;;ACxsBA;EAOM,cAAc;ADqsBpB;;AC5sBA;EAWI,gBAAgB;EAChB,cCzKmB;ED0KnB,kBAAkB;EAClB,eAAe;ADqsBnB;;ACntBA;EAgBM,SAAS;ADusBf;;ACvtBA;EAoBQ,aAAa;ADusBrB;;AChsBE;EAEI,gBAAa;ADksBnB;;ACpsBE;EAKI,cAAc;ADmsBpB;;ACxsBE;EAEI,wBAAa;AD0sBnB;;AC5sBE;EAKI,cAAc;AD2sBpB;;AChtBE;EAEI,wBAAa;ADktBnB;;ACptBE;EAKI,cAAc;ADmtBpB;;ACxtBE;EAEI,iBAAa;AD0tBnB;;AC5tBE;EAKI,cAAc;AD2tBpB;;AChuBE;EAEI,iBAAa;ADkuBnB;;ACpuBE;EAKI,cAAc;ADmuBpB","file":"mekari-ui-avatar.css","sourcesContent":["@charset \"UTF-8\";\n.avatar.avatar-default-people, .avatar.avatar-default-file, .avatar.avatar-default-image {\n background-repeat: no-repeat;\n background-position: center center;\n background-origin: content-box;\n background-size: 60% 60%;\n}\n\n.avatar::after, .avatar.avatar-xlarge::after {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n opacity: 0;\n}\n\n.avatar {\n position: relative;\n display: inline-block;\n overflow: hidden;\n text-align: center;\n vertical-align: middle;\n background-color: #e2e2e2;\n}\n\n.avatar.dropdown-toggle::after {\n display: initial !important;\n}\n\n.avatar::after {\n content: \"\\A\";\n background: rgba(0, 0, 0, 0.5) !important;\n}\n\n.avatar:hover {\n cursor: pointer;\n}\n\n.avatar:hover::after {\n cursor: pointer;\n opacity: 1;\n}\n\n.avatar .avatar-photo {\n width: 100%;\n height: 100%;\n vertical-align: top;\n background-color: #e2e2e2;\n}\n\n.avatar.avatar-default-people {\n background-image: url(\"data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg width='60px' height='60px' viewBox='0 0 60 60' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Ctitle%3E57B2CFBF-9694-4E42-8A9B-7C4261320855svg/%3C/title%3E%3Cdefs%3E%3Ccircle id='path-1' cx='30' cy='30' r='30'%3E%3C/circle%3E%3C/defs%3E%3Cg id='Design-Principle' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Components/-Avatar' transform='translate(-852.000000, -1412.000000)'%3E%3Cg id='Default-avatars' transform='translate(660.000000, 1315.000000)'%3E%3Cg id='Components/-Avatar/-Circle/-60px' transform='translate(192.000000, 97.000000)'%3E%3Cg id='Border'%3E%3Ccircle cx='30' cy='30' r='30'%3E%3C/circle%3E%3C/g%3E%3Cg id='Container'%3E%3Cmask id='mask-2' fill='white'%3E%3Cuse xlink:href='%23path-1'%3E%3C/use%3E%3C/mask%3E%3Cg id='Oval'%3E%3C/g%3E%3Cg id='Type' mask='url(%23mask-2)' fill-rule='nonzero'%3E%3Cg id='🙂-Face'%3E%3Crect id='Base' fill='%23E2E2E2' x='0' y='0' width='60' height='60'%3E%3C/rect%3E%3Cpath d='M31.7647059,38.8235294 C41.5109073,38.8235294 49.4117647,46.7243868 49.4117647,56.4705882 L49.4117647,60 L10.5882353,60 L10.5882353,56.4705882 C10.5882353,46.7243868 18.4890927,38.8235294 28.2352941,38.8235294 L31.7647059,38.8235294 Z M30.5294118,14.1176471 C36.3771326,14.1176471 41.1176471,18.8581615 41.1176471,24.7058824 C41.1176471,30.5536032 36.3771326,35.2941176 30.5294118,35.2941176 C24.6816909,35.2941176 19.9411765,30.5536032 19.9411765,24.7058824 C19.9411765,18.8581615 24.6816909,14.1176471 30.5294118,14.1176471 Z' id='Path' fill='%23B4B4B4'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3Cg id='State' mask='url(%23mask-2)'%3E%3Crect id='Overlay' x='0' y='0' width='60' height='60'%3E%3C/rect%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E\");\n background-size: 100% 100%;\n}\n\n.avatar.avatar-default-file {\n background-image: url(\"data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg width='36px' height='36px' viewBox='0 0 36 36' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3C!-- Generator: sketchtool 64 (101010) - https://sketch.com --%3E%3Ctitle%3E8416DD89-AB9A-4D81-8594-0E1ED11C1B09svg/%3C/title%3E%3Cdesc%3ECreated with sketchtool.%3C/desc%3E%3Cdefs%3E%3Crect id='path-1' x='0' y='0' width='60' height='60' rx='8'%3E%3C/rect%3E%3C/defs%3E%3Cg id='Design-Principle' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Components/-Avatar' transform='translate(-1224.000000, -1424.000000)'%3E%3Crect id='base' fill='%23FFFFFF' x='0' y='0' width='1920' height='3164'%3E%3C/rect%3E%3Cg id='Default-avatars' transform='translate(660.000000, 1315.000000)'%3E%3Cg id='Avatar-blank-type' transform='translate(192.000000, 97.000000)'%3E%3Cg id='Components/-Avatar/-Square/-60px' transform='translate(360.000000, 0.000000)'%3E%3Cmask id='mask-2' fill='white'%3E%3Cuse xlink:href='%23path-1'%3E%3C/use%3E%3C/mask%3E%3Cg id='Base'%3E%3C/g%3E%3Cg id='Type' mask='url(%23mask-2)' fill-rule='nonzero'%3E%3Crect id='Base' fill='%23E2E2E2' x='0' y='0' width='60' height='60'%3E%3C/rect%3E%3Cg id='Icons/-Regular/-Feature/-IMG' transform='translate(12.000000, 12.000000)' fill='%23777777'%3E%3Cpath d='M23.1213203,3 L30,9.87867966 L30,30 C30,31.6568542 28.6568542,33 27,33 L9,33 C7.34314575,33 6,31.6568542 6,30 L6,6 C6,4.34314575 7.34314575,3 9,3 L23.1213203,3 Z M21,4.5 L9,4.5 C8.17157288,4.5 7.5,5.17157288 7.5,6 L7.5,30 C7.5,30.8284271 8.17157288,31.5 9,31.5 L27,31.5 C27.8284271,31.5 28.5,30.8284271 28.5,30 L28.5,12 L23.25,12 C22.1342953,12 21.0906184,11.0028107 21.0055823,9.89504535 L21,9.75 L21,4.5 Z M24.75,25.5 C25.1642136,25.5 25.5,25.8357864 25.5,26.25 C25.5,26.6642136 25.1642136,27 24.75,27 L11.25,27 C10.8357864,27 10.5,26.6642136 10.5,26.25 C10.5,25.8357864 10.8357864,25.5 11.25,25.5 L24.75,25.5 Z M24.75,18 C25.1642136,18 25.5,18.3357864 25.5,18.75 C25.5,19.1642136 25.1642136,19.5 24.75,19.5 L11.25,19.5 C10.8357864,19.5 10.5,19.1642136 10.5,18.75 C10.5,18.3357864 10.8357864,18 11.25,18 L24.75,18 Z M15.75,10.5 C16.1642136,10.5 16.5,10.8357864 16.5,11.25 C16.5,11.6642136 16.1642136,12 15.75,12 L11.25,12 C10.8357864,12 10.5,11.6642136 10.5,11.25 C10.5,10.8357864 10.8357864,10.5 11.25,10.5 L15.75,10.5 Z M22.5,4.5 L22.5,9.75 C22.5,10.0857864 22.9142136,10.5 23.25,10.5 L23.25,10.5 L28.5,10.5 L22.5,4.5 Z' id='Color'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E\");\n}\n\n.avatar.avatar-default-image {\n background-image: url(\"data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg width='36px' height='36px' viewBox='0 0 36 36' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3C!-- Generator: sketchtool 64 (101010) - https://sketch.com --%3E%3Ctitle%3E854A7405-039C-4712-92A0-AB1D01FDD088svg/%3C/title%3E%3Cdesc%3ECreated with sketchtool.%3C/desc%3E%3Cdefs%3E%3Crect id='path-1' x='0' y='0' width='60' height='60' rx='8'%3E%3C/rect%3E%3C/defs%3E%3Cg id='Design-Principle' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Components/-Avatar' transform='translate(-1044.000000, -1424.000000)'%3E%3Crect id='base' fill='%23FFFFFF' x='0' y='0' width='1920' height='3164'%3E%3C/rect%3E%3Cg id='Default-avatars' transform='translate(660.000000, 1315.000000)'%3E%3Cg id='Avatar-blank-type' transform='translate(192.000000, 97.000000)'%3E%3Cg id='Components/-Avatar/-Square/-60px' transform='translate(180.000000, 0.000000)'%3E%3Cmask id='mask-2' fill='white'%3E%3Cuse xlink:href='%23path-1'%3E%3C/use%3E%3C/mask%3E%3Cg id='Base'%3E%3C/g%3E%3Cg id='Type' mask='url(%23mask-2)' fill-rule='nonzero'%3E%3Crect id='Base' fill='%23E2E2E2' x='0' y='0' width='60' height='60'%3E%3C/rect%3E%3Cg id='Icons/-Regular/-Feature/-IMG' transform='translate(12.000000, 12.000000)' fill='%23777777'%3E%3Cpath d='M24.0307692,3 C24.2326984,3 24.4271578,3.07954407 24.5751301,3.22267209 L29.7443609,8.22267209 C29.9073745,8.38034894 30,8.60160933 30,8.83333333 L30,32.1666667 C30,32.626904 29.6418278,33 29.2,33 L6.8,33 C6.3581722,33 6,32.626904 6,32.1666667 L6,3.83333333 C6,3.37309604 6.3581722,3 6.8,3 L24.0307692,3 Z M12.2596988,25.7875335 L8.92873792,30.3339749 C8.84660416,30.4571755 8.80277564,30.6019313 8.80277564,30.75 C8.80277564,31.1642136 9.13856208,31.5 9.55277564,31.5 L18.6487188,31.5 L13.4599025,25.7234205 C13.4137204,25.6680021 13.3597846,25.6195363 13.2997616,25.579521 C12.9551151,25.3497567 12.4894631,25.442887 12.2596988,25.7875335 Z M21.1758419,19.8540405 L16.7020464,26.6752406 L20.607804,31.5 L27.299016,31.4994534 C28.5,31.4923469 28.5,31.3928571 28.5,30 L28.5,28.5391523 L22.3636022,19.842318 C22.3238169,19.7917673 22.2776933,19.7465447 22.2263672,19.707765 C21.8958797,19.4580634 21.4255435,19.523553 21.1758419,19.8540405 Z M23.7715845,4.5 L7.5,4.5 L7.50072911,29.827172 C7.55141195,29.7144696 7.61151182,29.6056505 7.68066248,29.5019246 L11.0116233,24.9554835 C11.7009164,23.921544 13.0978724,23.642153 14.1318119,24.331446 C14.3118808,24.4514919 14.4736883,24.5968893 14.6122344,24.7631445 L15.455,25.722 L19.9790409,18.949791 C20.7281458,17.9583286 22.1391544,17.7618596 23.1306168,18.5109645 C23.2845952,18.6273037 23.4229661,18.7629699 23.5423219,18.914622 L28.5,25.905 L28.5,9.08668365 L23.7715845,4.5 Z M12.75,12 C14.4068542,12 15.75,13.3431458 15.75,15 C15.75,16.6568542 14.4068542,18 12.75,18 C11.0931458,18 9.75,16.6568542 9.75,15 C9.75,13.3431458 11.0931458,12 12.75,12 Z M12.75,13.5 C11.9215729,13.5 11.25,14.1715729 11.25,15 C11.25,15.8284271 11.9215729,16.5 12.75,16.5 C13.5784271,16.5 14.25,15.8284271 14.25,15 C14.25,14.1715729 13.5784271,13.5 12.75,13.5 Z' id='Color'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E\");\n}\n\n.avatar.avatar-xsmall {\n width: 24px;\n height: 24px;\n line-height: 24px;\n}\n\n.avatar.avatar-xsmall .avatar-initial {\n font-family: \"Roboto\", \"Oxygen\", \"Ubuntu\", \"Fira Sans\", \"Droid Sans\", \"Helvetica Neue\", sans-serif;\n font-size: 10.8px;\n color: #777;\n}\n\n.avatar.avatar-small {\n width: 32px;\n height: 32px;\n line-height: 32px;\n}\n\n.avatar.avatar-small .avatar-initial {\n font-family: \"Roboto\", \"Oxygen\", \"Ubuntu\", \"Fira Sans\", \"Droid Sans\", \"Helvetica Neue\", sans-serif;\n font-size: 14.4px;\n color: #777;\n}\n\n.avatar.avatar-medium {\n width: 40px;\n height: 40px;\n line-height: 40px;\n}\n\n.avatar.avatar-medium .avatar-initial {\n font-family: \"Roboto\", \"Oxygen\", \"Ubuntu\", \"Fira Sans\", \"Droid Sans\", \"Helvetica Neue\", sans-serif;\n font-size: 18px;\n color: #777;\n}\n\n.avatar.avatar-large {\n width: 60px;\n height: 60px;\n line-height: 60px;\n}\n\n.avatar.avatar-large .avatar-initial {\n font-family: \"Roboto\", \"Oxygen\", \"Ubuntu\", \"Fira Sans\", \"Droid Sans\", \"Helvetica Neue\", sans-serif;\n font-size: 27px;\n color: #777;\n}\n\n.avatar.avatar-xlarge {\n width: 120px;\n height: 120px;\n line-height: 120px;\n}\n\n.avatar.avatar-xlarge .avatar-initial {\n font-family: \"Roboto\", \"Oxygen\", \"Ubuntu\", \"Fira Sans\", \"Droid Sans\", \"Helvetica Neue\", sans-serif;\n font-size: 54px;\n color: #777;\n}\n\n.avatar.avatar-xlarge {\n font-family: \"Mekari-Icon-Regular\";\n font-size: 24px;\n}\n\n.avatar.avatar-xlarge::after {\n color: #fff;\n content: \"\\e877\";\n}\n\n.avatar.avatar-xlarge:hover::after {\n cursor: pointer;\n opacity: 1;\n}\n\n.avatar.avatar-circle {\n border-radius: 100%;\n}\n\n.avatar.avatar-square {\n border-radius: 8px;\n}\n\n.avatar-stacked {\n display: inline-flex;\n flex-wrap: wrap;\n align-items: center;\n font-size: 0;\n}\n\n.avatar-stacked .avatar-xsmall {\n box-shadow: 0.6px 0 0 0.6px #fff;\n}\n\n.avatar-stacked .avatar-xsmall:nth-child(1) {\n right: 0px;\n z-index: 6;\n}\n\n.avatar-stacked .avatar-xsmall:nth-child(2) {\n right: 6px;\n z-index: 5;\n}\n\n.avatar-stacked .avatar-xsmall:nth-child(3) {\n right: 12px;\n z-index: 4;\n}\n\n.avatar-stacked .avatar-xsmall:nth-child(4) {\n right: 18px;\n z-index: 3;\n}\n\n.avatar-stacked .avatar-xsmall:nth-child(5) {\n right: 24px;\n z-index: 2;\n}\n\n.avatar-stacked .avatar-xsmall:nth-child(6) {\n right: 30px;\n z-index: 1;\n}\n\n.avatar-stacked .avatar-small {\n box-shadow: 0.8px 0 0 0.8px #fff;\n}\n\n.avatar-stacked .avatar-small:nth-child(1) {\n right: 0px;\n z-index: 6;\n}\n\n.avatar-stacked .avatar-small:nth-child(2) {\n right: 8px;\n z-index: 5;\n}\n\n.avatar-stacked .avatar-small:nth-child(3) {\n right: 16px;\n z-index: 4;\n}\n\n.avatar-stacked .avatar-small:nth-child(4) {\n right: 24px;\n z-index: 3;\n}\n\n.avatar-stacked .avatar-small:nth-child(5) {\n right: 32px;\n z-index: 2;\n}\n\n.avatar-stacked .avatar-small:nth-child(6) {\n right: 40px;\n z-index: 1;\n}\n\n.avatar-stacked .avatar-medium {\n box-shadow: 1px 0 0 1px #fff;\n}\n\n.avatar-stacked .avatar-medium:nth-child(1) {\n right: 0px;\n z-index: 6;\n}\n\n.avatar-stacked .avatar-medium:nth-child(2) {\n right: 10px;\n z-index: 5;\n}\n\n.avatar-stacked .avatar-medium:nth-child(3) {\n right: 20px;\n z-index: 4;\n}\n\n.avatar-stacked .avatar-medium:nth-child(4) {\n right: 30px;\n z-index: 3;\n}\n\n.avatar-stacked .avatar-medium:nth-child(5) {\n right: 40px;\n z-index: 2;\n}\n\n.avatar-stacked .avatar-medium:nth-child(6) {\n right: 50px;\n z-index: 1;\n}\n\n.avatar-stacked .avatar-large {\n box-shadow: 1.5px 0 0 1.5px #fff;\n}\n\n.avatar-stacked .avatar-large:nth-child(1) {\n right: 0px;\n z-index: 6;\n}\n\n.avatar-stacked .avatar-large:nth-child(2) {\n right: 15px;\n z-index: 5;\n}\n\n.avatar-stacked .avatar-large:nth-child(3) {\n right: 30px;\n z-index: 4;\n}\n\n.avatar-stacked .avatar-large:nth-child(4) {\n right: 45px;\n z-index: 3;\n}\n\n.avatar-stacked .avatar-large:nth-child(5) {\n right: 60px;\n z-index: 2;\n}\n\n.avatar-stacked .avatar-large:nth-child(6) {\n right: 75px;\n z-index: 1;\n}\n\n.avatar-stacked .avatar-xlarge {\n box-shadow: 3px 0 0 3px #fff;\n}\n\n.avatar-stacked .avatar-xlarge:nth-child(1) {\n right: 0px;\n z-index: 6;\n}\n\n.avatar-stacked .avatar-xlarge:nth-child(2) {\n right: 30px;\n z-index: 5;\n}\n\n.avatar-stacked .avatar-xlarge:nth-child(3) {\n right: 60px;\n z-index: 4;\n}\n\n.avatar-stacked .avatar-xlarge:nth-child(4) {\n right: 90px;\n z-index: 3;\n}\n\n.avatar-stacked .avatar-xlarge:nth-child(5) {\n right: 120px;\n z-index: 2;\n}\n\n.avatar-stacked .avatar-xlarge:nth-child(6) {\n right: 150px;\n z-index: 1;\n}\n\n.avatar-stacked .avatar-stacked-text {\n position: relative;\n color: #1357ff;\n cursor: pointer;\n}\n\n.avatar-stacked .avatar-stacked-text p {\n padding-left: 8px;\n margin: 0;\n line-height: 14px;\n}\n\n.avatar-stacked .avatar-stacked-text.dropdown-toggle::after {\n display: none;\n}\n\n.avatar-stacked.avatar-stacked-reversed .avatar-xsmall {\n box-shadow: -0.6px 0 0 0.6px #fff;\n}\n\n.avatar-stacked.avatar-stacked-reversed .avatar-xsmall:nth-child(1) {\n z-index: 1;\n}\n\n.avatar-stacked.avatar-stacked-reversed .avatar-xsmall:nth-child(2) {\n z-index: 2;\n}\n\n.avatar-stacked.avatar-stacked-reversed .avatar-xsmall:nth-child(3) {\n z-index: 3;\n}\n\n.avatar-stacked.avatar-stacked-reversed .avatar-xsmall:nth-child(4) {\n z-index: 4;\n}\n\n.avatar-stacked.avatar-stacked-reversed .avatar-xsmall:nth-child(5) {\n z-index: 5;\n}\n\n.avatar-stacked.avatar-stacked-reversed .avatar-xsmall:nth-child(6) {\n z-index: 6;\n}\n\n.avatar-stacked.avatar-stacked-reversed .avatar-small {\n box-shadow: -0.8px 0 0 0.8px #fff;\n}\n\n.avatar-stacked.avatar-stacked-reversed .avatar-small:nth-child(1) {\n z-index: 1;\n}\n\n.avatar-stacked.avatar-stacked-reversed .avatar-small:nth-child(2) {\n z-index: 2;\n}\n\n.avatar-stacked.avatar-stacked-reversed .avatar-small:nth-child(3) {\n z-index: 3;\n}\n\n.avatar-stacked.avatar-stacked-reversed .avatar-small:nth-child(4) {\n z-index: 4;\n}\n\n.avatar-stacked.avatar-stacked-reversed .avatar-small:nth-child(5) {\n z-index: 5;\n}\n\n.avatar-stacked.avatar-stacked-reversed .avatar-small:nth-child(6) {\n z-index: 6;\n}\n\n.avatar-stacked.avatar-stacked-reversed .avatar-medium {\n box-shadow: -1px 0 0 1px #fff;\n}\n\n.avatar-stacked.avatar-stacked-reversed .avatar-medium:nth-child(1) {\n z-index: 1;\n}\n\n.avatar-stacked.avatar-stacked-reversed .avatar-medium:nth-child(2) {\n z-index: 2;\n}\n\n.avatar-stacked.avatar-stacked-reversed .avatar-medium:nth-child(3) {\n z-index: 3;\n}\n\n.avatar-stacked.avatar-stacked-reversed .avatar-medium:nth-child(4) {\n z-index: 4;\n}\n\n.avatar-stacked.avatar-stacked-reversed .avatar-medium:nth-child(5) {\n z-index: 5;\n}\n\n.avatar-stacked.avatar-stacked-reversed .avatar-medium:nth-child(6) {\n z-index: 6;\n}\n\n.avatar-stacked.avatar-stacked-reversed .avatar-large {\n box-shadow: -1.5px 0 0 1.5px #fff;\n}\n\n.avatar-stacked.avatar-stacked-reversed .avatar-large:nth-child(1) {\n z-index: 1;\n}\n\n.avatar-stacked.avatar-stacked-reversed .avatar-large:nth-child(2) {\n z-index: 2;\n}\n\n.avatar-stacked.avatar-stacked-reversed .avatar-large:nth-child(3) {\n z-index: 3;\n}\n\n.avatar-stacked.avatar-stacked-reversed .avatar-large:nth-child(4) {\n z-index: 4;\n}\n\n.avatar-stacked.avatar-stacked-reversed .avatar-large:nth-child(5) {\n z-index: 5;\n}\n\n.avatar-stacked.avatar-stacked-reversed .avatar-large:nth-child(6) {\n z-index: 6;\n}\n\n.avatar-stacked.avatar-stacked-reversed .avatar-xlarge {\n box-shadow: -3px 0 0 3px #fff;\n}\n\n.avatar-stacked.avatar-stacked-reversed .avatar-xlarge:nth-child(1) {\n z-index: 1;\n}\n\n.avatar-stacked.avatar-stacked-reversed .avatar-xlarge:nth-child(2) {\n z-index: 2;\n}\n\n.avatar-stacked.avatar-stacked-reversed .avatar-xlarge:nth-child(3) {\n z-index: 3;\n}\n\n.avatar-stacked.avatar-stacked-reversed .avatar-xlarge:nth-child(4) {\n z-index: 4;\n}\n\n.avatar-stacked.avatar-stacked-reversed .avatar-xlarge:nth-child(5) {\n z-index: 5;\n}\n\n.avatar-stacked.avatar-stacked-reversed .avatar-xlarge:nth-child(6) {\n z-index: 6;\n}\n\n.avatar-stacked.avatar-stacked-sparse .avatar-xsmall:nth-child(1) {\n right: 0px;\n}\n\n.avatar-stacked.avatar-stacked-sparse .avatar-xsmall:nth-child(2) {\n right: 3px;\n}\n\n.avatar-stacked.avatar-stacked-sparse .avatar-xsmall:nth-child(3) {\n right: 6px;\n}\n\n.avatar-stacked.avatar-stacked-sparse .avatar-xsmall:nth-child(4) {\n right: 9px;\n}\n\n.avatar-stacked.avatar-stacked-sparse .avatar-xsmall:nth-child(5) {\n right: 12px;\n}\n\n.avatar-stacked.avatar-stacked-sparse .avatar-xsmall:nth-child(6) {\n right: 15px;\n}\n\n.avatar-stacked.avatar-stacked-sparse .avatar-small:nth-child(1) {\n right: 0px;\n}\n\n.avatar-stacked.avatar-stacked-sparse .avatar-small:nth-child(2) {\n right: 4px;\n}\n\n.avatar-stacked.avatar-stacked-sparse .avatar-small:nth-child(3) {\n right: 8px;\n}\n\n.avatar-stacked.avatar-stacked-sparse .avatar-small:nth-child(4) {\n right: 12px;\n}\n\n.avatar-stacked.avatar-stacked-sparse .avatar-small:nth-child(5) {\n right: 16px;\n}\n\n.avatar-stacked.avatar-stacked-sparse .avatar-small:nth-child(6) {\n right: 20px;\n}\n\n.avatar-stacked.avatar-stacked-sparse .avatar-medium:nth-child(1) {\n right: 0px;\n}\n\n.avatar-stacked.avatar-stacked-sparse .avatar-medium:nth-child(2) {\n right: 5px;\n}\n\n.avatar-stacked.avatar-stacked-sparse .avatar-medium:nth-child(3) {\n right: 10px;\n}\n\n.avatar-stacked.avatar-stacked-sparse .avatar-medium:nth-child(4) {\n right: 15px;\n}\n\n.avatar-stacked.avatar-stacked-sparse .avatar-medium:nth-child(5) {\n right: 20px;\n}\n\n.avatar-stacked.avatar-stacked-sparse .avatar-medium:nth-child(6) {\n right: 25px;\n}\n\n.avatar-stacked.avatar-stacked-sparse .avatar-large:nth-child(1) {\n right: 0px;\n}\n\n.avatar-stacked.avatar-stacked-sparse .avatar-large:nth-child(2) {\n right: 7.5px;\n}\n\n.avatar-stacked.avatar-stacked-sparse .avatar-large:nth-child(3) {\n right: 15px;\n}\n\n.avatar-stacked.avatar-stacked-sparse .avatar-large:nth-child(4) {\n right: 22.5px;\n}\n\n.avatar-stacked.avatar-stacked-sparse .avatar-large:nth-child(5) {\n right: 30px;\n}\n\n.avatar-stacked.avatar-stacked-sparse .avatar-large:nth-child(6) {\n right: 37.5px;\n}\n\n.avatar-stacked.avatar-stacked-sparse .avatar-xlarge:nth-child(1) {\n right: 0px;\n}\n\n.avatar-stacked.avatar-stacked-sparse .avatar-xlarge:nth-child(2) {\n right: 15px;\n}\n\n.avatar-stacked.avatar-stacked-sparse .avatar-xlarge:nth-child(3) {\n right: 30px;\n}\n\n.avatar-stacked.avatar-stacked-sparse .avatar-xlarge:nth-child(4) {\n right: 45px;\n}\n\n.avatar-stacked.avatar-stacked-sparse .avatar-xlarge:nth-child(5) {\n right: 60px;\n}\n\n.avatar-stacked.avatar-stacked-sparse .avatar-xlarge:nth-child(6) {\n right: 75px;\n}\n\n.avatar-pull-xsmall-1 {\n right: calc(0px) !important;\n}\n\n.avatar-push-xsmall-1 {\n left: calc(0px) !important;\n}\n\n.avatar-pull-xsmall-2 {\n right: calc(6px) !important;\n}\n\n.avatar-push-xsmall-2 {\n left: calc(6px) !important;\n}\n\n.avatar-pull-xsmall-3 {\n right: calc(12px) !important;\n}\n\n.avatar-push-xsmall-3 {\n left: calc(12px) !important;\n}\n\n.avatar-pull-xsmall-4 {\n right: calc(18px) !important;\n}\n\n.avatar-push-xsmall-4 {\n left: calc(18px) !important;\n}\n\n.avatar-pull-xsmall-5 {\n right: calc(24px) !important;\n}\n\n.avatar-push-xsmall-5 {\n left: calc(24px) !important;\n}\n\n.avatar-pull-xsmall-6 {\n right: calc(30px) !important;\n}\n\n.avatar-push-xsmall-6 {\n left: calc(30px) !important;\n}\n\n.avatar-pull-small-1 {\n right: calc(0px) !important;\n}\n\n.avatar-push-small-1 {\n left: calc(0px) !important;\n}\n\n.avatar-pull-small-2 {\n right: calc(8px) !important;\n}\n\n.avatar-push-small-2 {\n left: calc(8px) !important;\n}\n\n.avatar-pull-small-3 {\n right: calc(16px) !important;\n}\n\n.avatar-push-small-3 {\n left: calc(16px) !important;\n}\n\n.avatar-pull-small-4 {\n right: calc(24px) !important;\n}\n\n.avatar-push-small-4 {\n left: calc(24px) !important;\n}\n\n.avatar-pull-small-5 {\n right: calc(32px) !important;\n}\n\n.avatar-push-small-5 {\n left: calc(32px) !important;\n}\n\n.avatar-pull-small-6 {\n right: calc(40px) !important;\n}\n\n.avatar-push-small-6 {\n left: calc(40px) !important;\n}\n\n.avatar-pull-medium-1 {\n right: calc(0px) !important;\n}\n\n.avatar-push-medium-1 {\n left: calc(0px) !important;\n}\n\n.avatar-pull-medium-2 {\n right: calc(10px) !important;\n}\n\n.avatar-push-medium-2 {\n left: calc(10px) !important;\n}\n\n.avatar-pull-medium-3 {\n right: calc(20px) !important;\n}\n\n.avatar-push-medium-3 {\n left: calc(20px) !important;\n}\n\n.avatar-pull-medium-4 {\n right: calc(30px) !important;\n}\n\n.avatar-push-medium-4 {\n left: calc(30px) !important;\n}\n\n.avatar-pull-medium-5 {\n right: calc(40px) !important;\n}\n\n.avatar-push-medium-5 {\n left: calc(40px) !important;\n}\n\n.avatar-pull-medium-6 {\n right: calc(50px) !important;\n}\n\n.avatar-push-medium-6 {\n left: calc(50px) !important;\n}\n\n.avatar-pull-large-1 {\n right: calc(0px) !important;\n}\n\n.avatar-push-large-1 {\n left: calc(0px) !important;\n}\n\n.avatar-pull-large-2 {\n right: calc(15px) !important;\n}\n\n.avatar-push-large-2 {\n left: calc(15px) !important;\n}\n\n.avatar-pull-large-3 {\n right: calc(30px) !important;\n}\n\n.avatar-push-large-3 {\n left: calc(30px) !important;\n}\n\n.avatar-pull-large-4 {\n right: calc(45px) !important;\n}\n\n.avatar-push-large-4 {\n left: calc(45px) !important;\n}\n\n.avatar-pull-large-5 {\n right: calc(60px) !important;\n}\n\n.avatar-push-large-5 {\n left: calc(60px) !important;\n}\n\n.avatar-pull-large-6 {\n right: calc(75px) !important;\n}\n\n.avatar-push-large-6 {\n left: calc(75px) !important;\n}\n\n.avatar-pull-xlarge-1 {\n right: calc(0px) !important;\n}\n\n.avatar-push-xlarge-1 {\n left: calc(0px) !important;\n}\n\n.avatar-pull-xlarge-2 {\n right: calc(30px) !important;\n}\n\n.avatar-push-xlarge-2 {\n left: calc(30px) !important;\n}\n\n.avatar-pull-xlarge-3 {\n right: calc(60px) !important;\n}\n\n.avatar-push-xlarge-3 {\n left: calc(60px) !important;\n}\n\n.avatar-pull-xlarge-4 {\n right: calc(90px) !important;\n}\n\n.avatar-push-xlarge-4 {\n left: calc(90px) !important;\n}\n\n.avatar-pull-xlarge-5 {\n right: calc(120px) !important;\n}\n\n.avatar-push-xlarge-5 {\n left: calc(120px) !important;\n}\n\n.avatar-pull-xlarge-6 {\n right: calc(150px) !important;\n}\n\n.avatar-push-xlarge-6 {\n left: calc(150px) !important;\n}\n\n.avatar-grid-container {\n display: inline-block;\n}\n\n.avatar-grid-row {\n font-size: 0;\n}\n\n.avatar-grid-row .avatar-xsmall {\n margin-left: 8px;\n}\n\n.avatar-grid-row .avatar-xsmall:first-child {\n margin-left: 0;\n}\n\n.avatar-grid-row .avatar-small {\n margin-left: 10.666667px;\n}\n\n.avatar-grid-row .avatar-small:first-child {\n margin-left: 0;\n}\n\n.avatar-grid-row .avatar-medium {\n margin-left: 13.333333px;\n}\n\n.avatar-grid-row .avatar-medium:first-child {\n margin-left: 0;\n}\n\n.avatar-grid-row .avatar-large {\n margin-left: 20px;\n}\n\n.avatar-grid-row .avatar-large:first-child {\n margin-left: 0;\n}\n\n.avatar-grid-row .avatar-xlarge {\n margin-left: 40px;\n}\n\n.avatar-grid-row .avatar-xlarge:first-child {\n margin-left: 0;\n}\n\n.avatar-grid-row .avatar-grid-text {\n padding-top: 8px;\n color: #1357ff;\n text-align: center;\n cursor: pointer;\n}\n\n.avatar-grid-row .avatar-grid-text p {\n margin: 0;\n}\n\n.avatar-grid-row .avatar-grid-text.dropdown-toggle::after {\n display: none;\n}\n\n.avatar-grid-xsmall .avatar-grid-row {\n padding-top: 8px;\n}\n\n.avatar-grid-xsmall .avatar-grid-row:first-child {\n padding-top: 0;\n}\n\n.avatar-grid-small .avatar-grid-row {\n padding-top: 10.666667px;\n}\n\n.avatar-grid-small .avatar-grid-row:first-child {\n padding-top: 0;\n}\n\n.avatar-grid-medium .avatar-grid-row {\n padding-top: 13.333333px;\n}\n\n.avatar-grid-medium .avatar-grid-row:first-child {\n padding-top: 0;\n}\n\n.avatar-grid-large .avatar-grid-row {\n padding-top: 20px;\n}\n\n.avatar-grid-large .avatar-grid-row:first-child {\n padding-top: 0;\n}\n\n.avatar-grid-xlarge .avatar-grid-row {\n padding-top: 40px;\n}\n\n.avatar-grid-xlarge .avatar-grid-row:first-child {\n padding-top: 0;\n}\n\n/# sourceMappingURL=mekari-ui-avatar.css.map /","%avatar-default-template {\n background-repeat: no-repeat;\n background-position: center center;\n background-origin: content-box;\n background-size: 60% 60%;\n}\n\n%avatar-overlay-initial-state {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n opacity: 0;\n}\n\n$avatar-element-size: (\n \"xsmall\": 24px,\n \"small\": 32px,\n \"medium\": 40px,\n \"large\": 60px,\n \"xlarge\": 120px,\n);\n\n.avatar {\n position: relative;\n display: inline-block;\n overflow: hidden;\n text-align: center;\n vertical-align: middle;\n background-color: $smoke;\n &.dropdown-toggle {\n &::after {\n display: initial !important; // stylelint-disable-line declaration-no-important\n }\n }\n &::after {\n content: \"\\A\";\n @extend %avatar-overlay-initial-state;\n background: rgba(0, 0, 0, .5) !important; // stylelint-disable-line declaration-no-important\n }\n &:hover {\n cursor: pointer;\n &::after {\n cursor: pointer;\n opacity: 1;\n }\n }\n .avatar-photo {\n width: 100%;\n height: 100%;\n vertical-align: top;\n background-color: $smoke;\n }\n &.avatar-default-people {\n background-image: $avatar-default-people;\n @extend %avatar-default-template;\n background-size: 100% 100%;\n }\n &.avatar-default-file {\n background-image: $avatar-default-file;\n @extend %avatar-default-template;\n }\n &.avatar-default-image {\n background-image: $avatar-default-image;\n @extend %avatar-default-template;\n }\n @each $name, $size in $avatar-element-size {\n &.avatar-#{$name} {\n width: $size;\n height: $size;\n line-height: $size;\n .avatar-initial {\n font-family: $font-family-base;\n font-size: $size * .45;\n color: $slate;\n }\n }\n }\n $avatar-font-family: \"Mekari-Icon-Regular\";\n &.avatar-xlarge {\n font-family: $avatar-font-family;\n font-size: 24px;\n &::after {\n color: $white;\n content: \"\\e877\";\n @extend %avatar-overlay-initial-state;\n }\n &:hover {\n &::after {\n cursor: pointer;\n opacity: 1;\n }\n }\n }\n &.avatar-circle {\n border-radius: 100%; // stylelint-disable-line property-blacklist\n }\n &.avatar-square {\n border-radius: 8px; // stylelint-disable-line property-blacklist\n }\n}\n\n.avatar-stacked {\n display: inline-flex;\n flex-wrap: wrap;\n align-items: center;\n font-size: 0;\n @each $name, $size in $avatar-element-size {\n .avatar-#{$name} {\n box-shadow: #{$size / 40} 0 0 #{$size / 40} $white;\n }\n @for $i from 1 through 6 {\n .avatar-#{$name}:nth-child(#{$i}) {\n right: #{$size / 4 * ($i - 1)};\n z-index: 7 - $i;\n }\n }\n }\n .avatar-stacked-text {\n position: relative;\n color: $link;\n cursor: pointer;\n p {\n padding-left: 8px;\n margin: 0;\n line-height: 14px;\n }\n &.dropdown-toggle::after {\n display: none;\n }\n }\n &.avatar-stacked-reversed {\n @each $name, $size in $avatar-element-size {\n .avatar-#{$name} {\n box-shadow: -#{$size / 40} 0 0 #{$size / 40} $white;\n }\n @for $i from 1 through 6 {\n .avatar-#{$name}:nth-child(#{$i}) {\n z-index: $i;\n }\n }\n }\n }\n &.avatar-stacked-sparse {\n @each $name, $size in $avatar-element-size {\n @for $i from 1 through 6 {\n .avatar-#{$name}:nth-child(#{$i}) {\n right: #{$size / 8 * ($i - 1)};\n }\n }\n }\n }\n}\n\n@each $name, $size in $avatar-element-size {\n @for $i from 1 through 6 {\n .avatar-pull-#{$name}-#{$i} {\n right: calc(#{$size / 4 * ($i - 1)}) !important; // stylelint-disable-line declaration-no-important\n }\n .avatar-push-#{$name}-#{$i} {\n left: calc(#{$size / 4 * ($i - 1)}) !important; // stylelint-disable-line declaration-no-important\n }\n }\n}\n\n.avatar-grid-container {\n display: inline-block;\n}\n\n.avatar-grid-row {\n font-size: 0;\n @each $name, $size in $avatar-element-size {\n .avatar-#{$name} {\n margin-left: #{$size / 3};\n }\n .avatar-#{$name}:first-child {\n margin-left: 0;\n }\n }\n .avatar-grid-text {\n padding-top: 8px;\n color: $link;\n text-align: center;\n cursor: pointer;\n p {\n margin: 0;\n }\n &.dropdown-toggle {\n &::after {\n display: none;\n }\n }\n }\n}\n\n@each $name, $size in $avatar-element-size {\n .avatar-grid-#{$name} {\n .avatar-grid-row {\n padding-top: #{$size / 3};\n }\n .avatar-grid-row:first-child {\n padding-top: 0;\n }\n }\n}\n","// Neutrals color variables\n$dark: #212121;\n$slate: #777;\n$muted: #b4b4b4;\n$smoke: #e2e2e2;\n$snow: #fbfbfb;\n$white: #fff;\n$cloud: #f2f4f7;\n\n// UI color variables\n$red: #d74022;\n$green: #009f61;\n$light-yellow: #ffeb99;\n$blue: #1357ff;\n$orange: #ffb700;\n$sapphire: #005fbf;\n\n// Branding color variables\n$crimson: #c02a34;\n$azure: #009bde;\n$salamander: #f96d01;\n$purple: #6d48e5;\n\n// Bootstrap dependencies color\n$black: #000 !default;\n$gray-100: #f8f9fa !default;\n$gray-200: #e9ecef !default;\n$gray-300: #dee2e6 !default;\n$gray-400: #ced4da !default;\n$gray-500: #adb5bd !default;\n$gray-600: #6c757d !default;\n$gray-700: #495057 !default;\n$gray-800: #343a40 !default;\n$gray-900: #212529 !default;\n\n// The yiq lightness value that determines when the lightness of color changes from \"dark\" to \"light\". Acceptable values are between 0 and 255.\n$yiq-contrasted-threshold: 150 !default;\n\n// Customize the light and dark text colors for use in our YIQ color contrast function.\n$yiq-text-dark: $gray-900 !default;\n$yiq-text-light: $white !default;\n\n\n$grays: () !default;\n// stylelint-disable-next-line scss/dollar-variable-default\n$grays: map-merge(\n (\n \"100\": $gray-100,\n \"200\": $gray-200,\n \"300\": $gray-300,\n \"400\": $gray-400,\n \"500\": $gray-500,\n \"600\": $gray-600,\n \"700\": $gray-700,\n \"800\": $gray-800,\n \"900\": $gray-900\n ),\n $grays\n);\n\n// register mekari color variables too bootstrap\n$colors: ();\n$colors: map-merge(\n (\n \"noir\" : $dark, // going to deprecated\n \"dark\" : $dark,\n \"slate\" : $slate,\n \"muted\" : $muted,\n \"smoke\" : $smoke,\n \"snow\" : $snow,\n \"cloud\" : $cloud,\n \"crimson\" : $crimson,\n \"azure\" : $azure,\n \"salamander\" : $salamander,\n \"purple\" : $purple,\n \"sapphire\" : $sapphire,\n \"white\" : $white,\n \"red\" : $red,\n \"orange\" : $orange,\n \"green\" : $green,\n \"blue\" : $blue,\n \"light-yellow\" : $light-yellow\n ),\n $colors\n);\n\n//extend bootstrap class\n$danger: $red;\n$success: $green;\n$info: $light-yellow;\n$warning: $orange;\n$primary: $sapphire;\n$jurnal: $azure;\n$talenta: $crimson;\n$klikpajak: $salamander;\n$mekari: $purple;\n\n$link: $blue;\n\n$text-muted: $muted;\n$body-color: $dark;\n$dark: $dark;\n$secondary: $slate;\n$light: $snow;\n\n// Add more theme color variables\n$theme-colors: ();\n$theme-colors: map-merge(\n (\n \"danger\" : $danger,\n \"success\" : $success,\n \"info\" : $info,\n \"warning\" : $warning,\n \"primary\" : $primary,\n \"jurnal\" : $jurnal,\n \"talenta\" : $talenta,\n \"klikpajak\" : $klikpajak,\n \"mekari\" : $mekari,\n \"dark\" : $dark,\n \"slate\" : $slate,\n \"muted\" : $muted,\n \"smoke\" : $smoke,\n \"light\" : $light,\n \"cloud\" : $cloud,\n \"link\" : $blue,\n \"white\" : $white\n ),\n $theme-colors\n);\n\n$card-border-color: $smoke;\n$body-bg: $white;\n","$avatar-default-people: url(\"data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg width='60px' height='60px' viewBox='0 0 60 60' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Ctitle%3E57B2CFBF-9694-4E42-8A9B-7C4261320855svg/%3C/title%3E%3Cdefs%3E%3Ccircle id='path-1' cx='30' cy='30' r='30'%3E%3C/circle%3E%3C/defs%3E%3Cg id='Design-Principle' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Components/-Avatar' transform='translate(-852.000000, -1412.000000)'%3E%3Cg id='Default-avatars' transform='translate(660.000000, 1315.000000)'%3E%3Cg id='Components/-Avatar/-Circle/-60px' transform='translate(192.000000, 97.000000)'%3E%3Cg id='Border'%3E%3Ccircle cx='30' cy='30' r='30'%3E%3C/circle%3E%3C/g%3E%3Cg id='Container'%3E%3Cmask id='mask-2' fill='white'%3E%3Cuse xlink:href='%23path-1'%3E%3C/use%3E%3C/mask%3E%3Cg id='Oval'%3E%3C/g%3E%3Cg id='Type' mask='url(%23mask-2)' fill-rule='nonzero'%3E%3Cg id='🙂-Face'%3E%3Crect id='Base' fill='%23E2E2E2' x='0' y='0' width='60' height='60'%3E%3C/rect%3E%3Cpath d='M31.7647059,38.8235294 C41.5109073,38.8235294 49.4117647,46.7243868 49.4117647,56.4705882 L49.4117647,60 L10.5882353,60 L10.5882353,56.4705882 C10.5882353,46.7243868 18.4890927,38.8235294 28.2352941,38.8235294 L31.7647059,38.8235294 Z M30.5294118,14.1176471 C36.3771326,14.1176471 41.1176471,18.8581615 41.1176471,24.7058824 C41.1176471,30.5536032 36.3771326,35.2941176 30.5294118,35.2941176 C24.6816909,35.2941176 19.9411765,30.5536032 19.9411765,24.7058824 C19.9411765,18.8581615 24.6816909,14.1176471 30.5294118,14.1176471 Z' id='Path' fill='%23B4B4B4'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3Cg id='State' mask='url(%23mask-2)'%3E%3Crect id='Overlay' x='0' y='0' width='60' height='60'%3E%3C/rect%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E\");\n\n$avatar-default-file: url(\"data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg width='36px' height='36px' viewBox='0 0 36 36' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3C!-- Generator: sketchtool 64 (101010) - https://sketch.com --%3E%3Ctitle%3E8416DD89-AB9A-4D81-8594-0E1ED11C1B09svg/%3C/title%3E%3Cdesc%3ECreated with sketchtool.%3C/desc%3E%3Cdefs%3E%3Crect id='path-1' x='0' y='0' width='60' height='60' rx='8'%3E%3C/rect%3E%3C/defs%3E%3Cg id='Design-Principle' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Components/-Avatar' transform='translate(-1224.000000, -1424.000000)'%3E%3Crect id='base' fill='%23FFFFFF' x='0' y='0' width='1920' height='3164'%3E%3C/rect%3E%3Cg id='Default-avatars' transform='translate(660.000000, 1315.000000)'%3E%3Cg id='Avatar-blank-type' transform='translate(192.000000, 97.000000)'%3E%3Cg id='Components/-Avatar/-Square/-60px' transform='translate(360.000000, 0.000000)'%3E%3Cmask id='mask-2' fill='white'%3E%3Cuse xlink:href='%23path-1'%3E%3C/use%3E%3C/mask%3E%3Cg id='Base'%3E%3C/g%3E%3Cg id='Type' mask='url(%23mask-2)' fill-rule='nonzero'%3E%3Crect id='Base' fill='%23E2E2E2' x='0' y='0' width='60' height='60'%3E%3C/rect%3E%3Cg id='Icons/-Regular/-Feature/-IMG' transform='translate(12.000000, 12.000000)' fill='%23777777'%3E%3Cpath d='M23.1213203,3 L30,9.87867966 L30,30 C30,31.6568542 28.6568542,33 27,33 L9,33 C7.34314575,33 6,31.6568542 6,30 L6,6 C6,4.34314575 7.34314575,3 9,3 L23.1213203,3 Z M21,4.5 L9,4.5 C8.17157288,4.5 7.5,5.17157288 7.5,6 L7.5,30 C7.5,30.8284271 8.17157288,31.5 9,31.5 L27,31.5 C27.8284271,31.5 28.5,30.8284271 28.5,30 L28.5,12 L23.25,12 C22.1342953,12 21.0906184,11.0028107 21.0055823,9.89504535 L21,9.75 L21,4.5 Z M24.75,25.5 C25.1642136,25.5 25.5,25.8357864 25.5,26.25 C25.5,26.6642136 25.1642136,27 24.75,27 L11.25,27 C10.8357864,27 10.5,26.6642136 10.5,26.25 C10.5,25.8357864 10.8357864,25.5 11.25,25.5 L24.75,25.5 Z M24.75,18 C25.1642136,18 25.5,18.3357864 25.5,18.75 C25.5,19.1642136 25.1642136,19.5 24.75,19.5 L11.25,19.5 C10.8357864,19.5 10.5,19.1642136 10.5,18.75 C10.5,18.3357864 10.8357864,18 11.25,18 L24.75,18 Z M15.75,10.5 C16.1642136,10.5 16.5,10.8357864 16.5,11.25 C16.5,11.6642136 16.1642136,12 15.75,12 L11.25,12 C10.8357864,12 10.5,11.6642136 10.5,11.25 C10.5,10.8357864 10.8357864,10.5 11.25,10.5 L15.75,10.5 Z M22.5,4.5 L22.5,9.75 C22.5,10.0857864 22.9142136,10.5 23.25,10.5 L23.25,10.5 L28.5,10.5 L22.5,4.5 Z' id='Color'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E\");\n\n$avatar-default-image: url(\"data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg width='36px' height='36px' viewBox='0 0 36 36' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3C!-- Generator: sketchtool 64 (101010) - https://sketch.com --%3E%3Ctitle%3E854A7405-039C-4712-92A0-AB1D01FDD088svg/%3C/title%3E%3Cdesc%3ECreated with sketchtool.%3C/desc%3E%3Cdefs%3E%3Crect id='path-1' x='0' y='0' width='60' height='60' rx='8'%3E%3C/rect%3E%3C/defs%3E%3Cg id='Design-Principle' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Components/-Avatar' transform='translate(-1044.000000, -1424.000000)'%3E%3Crect id='base' fill='%23FFFFFF' x='0' y='0' width='1920' height='3164'%3E%3C/rect%3E%3Cg id='Default-avatars' transform='translate(660.000000, 1315.000000)'%3E%3Cg id='Avatar-blank-type' transform='translate(192.000000, 97.000000)'%3E%3Cg id='Components/-Avatar/-Square/-60px' transform='translate(180.000000, 0.000000)'%3E%3Cmask id='mask-2' fill='white'%3E%3Cuse xlink:href='%23path-1'%3E%3C/use%3E%3C/mask%3E%3Cg id='Base'%3E%3C/g%3E%3Cg id='Type' mask='url(%23mask-2)' fill-rule='nonzero'%3E%3Crect id='Base' fill='%23E2E2E2' x='0' y='0' width='60' height='60'%3E%3C/rect%3E%3Cg id='Icons/-Regular/-Feature/-IMG' transform='translate(12.000000, 12.000000)' fill='%23777777'%3E%3Cpath d='M24.0307692,3 C24.2326984,3 24.4271578,3.07954407 24.5751301,3.22267209 L29.7443609,8.22267209 C29.9073745,8.38034894 30,8.60160933 30,8.83333333 L30,32.1666667 C30,32.626904 29.6418278,33 29.2,33 L6.8,33 C6.3581722,33 6,32.626904 6,32.1666667 L6,3.83333333 C6,3.37309604 6.3581722,3 6.8,3 L24.0307692,3 Z M12.2596988,25.7875335 L8.92873792,30.3339749 C8.84660416,30.4571755 8.80277564,30.6019313 8.80277564,30.75 C8.80277564,31.1642136 9.13856208,31.5 9.55277564,31.5 L18.6487188,31.5 L13.4599025,25.7234205 C13.4137204,25.6680021 13.3597846,25.6195363 13.2997616,25.579521 C12.9551151,25.3497567 12.4894631,25.442887 12.2596988,25.7875335 Z M21.1758419,19.8540405 L16.7020464,26.6752406 L20.607804,31.5 L27.299016,31.4994534 C28.5,31.4923469 28.5,31.3928571 28.5,30 L28.5,28.5391523 L22.3636022,19.842318 C22.3238169,19.7917673 22.2776933,19.7465447 22.2263672,19.707765 C21.8958797,19.4580634 21.4255435,19.523553 21.1758419,19.8540405 Z M23.7715845,4.5 L7.5,4.5 L7.50072911,29.827172 C7.55141195,29.7144696 7.61151182,29.6056505 7.68066248,29.5019246 L11.0116233,24.9554835 C11.7009164,23.921544 13.0978724,23.642153 14.1318119,24.331446 C14.3118808,24.4514919 14.4736883,24.5968893 14.6122344,24.7631445 L15.455,25.722 L19.9790409,18.949791 C20.7281458,17.9583286 22.1391544,17.7618596 23.1306168,18.5109645 C23.2845952,18.6273037 23.4229661,18.7629699 23.5423219,18.914622 L28.5,25.905 L28.5,9.08668365 L23.7715845,4.5 Z M12.75,12 C14.4068542,12 15.75,13.3431458 15.75,15 C15.75,16.6568542 14.4068542,18 12.75,18 C11.0931458,18 9.75,16.6568542 9.75,15 C9.75,13.3431458 11.0931458,12 12.75,12 Z M12.75,13.5 C11.9215729,13.5 11.25,14.1715729 11.25,15 C11.25,15.8284271 11.9215729,16.5 12.75,16.5 C13.5784271,16.5 14.25,15.8284271 14.25,15 C14.25,14.1715729 13.5784271,13.5 12.75,13.5 Z' id='Color'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E\");\n","$font-family-roboto: \"Roboto\", \"Oxygen\", \"Ubuntu\", \"Fira Sans\", \"Droid Sans\", \"Helvetica Neue\", sans-serif;\n$font-family-base: $font-family-roboto;\n$font-family-monospace: monospace;\n\n// 1 rem = 16px\n$font-size-base: .875rem; // 14px\n$font-size-lg: 1.25rem; // 20px\n$font-size-sm: .75rem; // 12px\n\n$line-height-base: 1.4285; // The closest value to Mekari design\n$line-height-lg: 1.4285;\n$line-height-sm: 1.4285;\n$letter-spacing: .2px;\n\n$font-weight-lighter: 400;\n$font-weight-light: 400;\n$font-weight-normal: 400;\n$font-weight-base: 400;\n$font-weight-bold: 500;\n$font-weight-bolder: 500;\n\n$dt-font-weight: $font-weight-bold;\n\n// Text color\n$body-color: $dark;\n$link-color: $blue;\n$link-hover-color: darken($link-color, 15%) !default;\n$link-decoration: none;\n$link-hover-decoration: underline;\n\n$input-placeholder-color: $text-muted;\n$custom-select-disabled-color: $text-muted;\n$custom-control-label-disabled-color: $text-muted;\n"]}
1	+ {"version":3,"sources":["mekari-ui-avatar.css","../../../scss/components/config/_avatar.scss","../../../scss/vendor-extensions/_color.scss","../../../scss/vendor-extensions/_avatar.scss","../../../scss/vendor-extensions/_typography.scss"],"names":[],"mappings":"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EAcU,kBAA2B;EAE7B,UAAU;ADgMlB;;AChNA;EAcU,kBAA2B;EAE7B,UAAU;ADqMlB;;ACrNA;EAcU,kBAA2B;EAE7B,UAAU;AD0MlB;;AC1NA;EAqBI,kBAAkB;EAClB,kBAAkB;EAClB,cCtHmB;EDuHnB,eAAe;ADyMnB;;ACjOA;EA0BM,SAAS;EACT,iBAAiB;AD2MvB;;ACtOA;EA8BM,aAAa;AD4MnB;;AC1OA;EAoCQ,iCC1II;AFoVZ;;AC9OA;EAwCU,UAFU;AD4MpB;;AClPA;EAwCU,UAFU;ADgNpB;;ACtPA;EAwCU,UAFU;ADoNpB;;AC1PA;EAwCU,UAFU;ADwNpB;;AC9PA;EAwCU,UAFU;AD4NpB;;AClQA;EAwCU,UAFU;ADgOpB;;ACtQA;EAoCQ,iCC1II;AFgXZ;;AC1QA;EAwCU,UAFU;ADwOpB;;AC9QA;EAwCU,UAFU;AD4OpB;;AClRA;EAwCU,UAFU;ADgPpB;;ACtRA;EAwCU,UAFU;ADoPpB;;AC1RA;EAwCU,UAFU;ADwPpB;;AC9RA;EAwCU,UAFU;AD4PpB;;AClSA;EAoCQ,6BC1II;AF4YZ;;ACtSA;EAwCU,UAFU;ADoQpB;;AC1SA;EAwCU,UAFU;ADwQpB;;AC9SA;EAwCU,UAFU;AD4QpB;;AClTA;EAwCU,UAFU;ADgRpB;;ACtTA;EAwCU,UAFU;ADoRpB;;AC1TA;EAwCU,UAFU;ADwRpB;;AC9TA;EAoCQ,iCC1II;AFwaZ;;AClUA;EAwCU,UAFU;ADgSpB;;ACtUA;EAwCU,UAFU;ADoSpB;;AC1UA;EAwCU,UAFU;ADwSpB;;AC9UA;EAwCU,UAFU;AD4SpB;;AClVA;EAwCU,UAFU;ADgTpB;;ACtVA;EAwCU,UAFU;ADoTpB;;AC1VA;EAoCQ,6BC1II;AFocZ;;AC9VA;EAwCU,UAFU;AD4TpB;;AClWA;EAwCU,UAFU;ADgUpB;;ACtWA;EAwCU,UAFU;ADoUpB;;AC1WA;EAwCU,UAFU;ADwUpB;;AC9WA;EAwCU,UAFU;AD4UpB;;AClXA;EAwCU,UAFU;ADgVpB;;ACtXA;EAkDY,cAAc;ADwU1B;;AC1XA;EAoDY,iBAA2B;AD0UvC;;AC9XA;EAoDY,iBAA2B;AD8UvC;;AClYA;EAoDY,iBAA2B;ADkVvC;;ACtYA;EAoDY,iBAA2B;ADsVvC;;AC1YA;EAoDY,iBAA2B;AD0VvC;;AC9YA;EAkDY,cAAc;ADgW1B;;AClZA;EAoDY,iBAA2B;ADkWvC;;ACtZA;EAoDY,iBAA2B;ADsWvC;;AC1ZA;EAoDY,iBAA2B;AD0WvC;;AC9ZA;EAoDY,iBAA2B;AD8WvC;;AClaA;EAoDY,iBAA2B;ADkXvC;;ACtaA;EAkDY,cAAc;ADwX1B;;AC1aA;EAoDY,iBAA2B;AD0XvC;;AC9aA;EAoDY,iBAA2B;AD8XvC;;AClbA;EAoDY,iBAA2B;ADkYvC;;ACtbA;EAoDY,iBAA2B;ADsYvC;;AC1bA;EAoDY,iBAA2B;AD0YvC;;AC9bA;EAkDY,cAAc;ADgZ1B;;AClcA;EAoDY,mBAA2B;ADkZvC;;ACtcA;EAoDY,mBAA2B;ADsZvC;;AC1cA;EAoDY,mBAA2B;AD0ZvC;;AC9cA;EAoDY,mBAA2B;AD8ZvC;;ACldA;EAoDY,mBAA2B;ADkavC;;ACtdA;EAkDY,cAAc;ADwa1B;;AC1dA;EAoDY,kBAA2B;AD0avC;;AC9dA;EAoDY,kBAA2B;AD8avC;;ACleA;EAoDY,kBAA2B;ADkbvC;;ACteA;EAoDY,kBAA2B;ADsbvC;;AC1eA;EAoDY,kBAA2B;AD0bvC;;AClbA;EACE,qBAAqB;ADqbvB;;AClbA;EACE,YAAY;ADqbd;;ACtbA;EAIM,gBAAa;ADsbnB;;AC1bA;EAOM,cAAc;ADubpB;;AC9bA;EAIM,wBAAa;AD8bnB;;AClcA;EAOM,cAAc;AD+bpB;;ACtcA;EAIM,wBAAa;ADscnB;;AC1cA;EAOM,cAAc;ADucpB;;AC9cA;EAIM,iBAAa;AD8cnB;;ACldA;EAOM,cAAc;AD+cpB;;ACtdA;EAIM,iBAAa;ADsdnB;;AC1dA;EAOM,cAAc;ADudpB;;AC9dA;EAWI,gBAAgB;EAChB,cC3KmB;ED4KnB,kBAAkB;EAClB,eAAe;ADudnB;;ACreA;EAgBM,SAAS;ADydf;;ACzeA;EAoBQ,aAAa;ADydrB;;ACldE;EAEI,gBAAa;ADodnB;;ACtdE;EAKI,cAAc;ADqdpB;;AC1dE;EAEI,wBAAa;AD4dnB;;AC9dE;EAKI,cAAc;AD6dpB;;ACleE;EAEI,wBAAa;ADoenB;;ACteE;EAKI,cAAc;ADqepB;;AC1eE;EAEI,iBAAa;AD4enB;;AC9eE;EAKI,cAAc;AD6epB;;AClfE;EAEI,iBAAa;ADofnB;;ACtfE;EAKI,cAAc;ADqfpB","file":"mekari-ui-avatar.css","sourcesContent":["@charset \"UTF-8\";\n.avatar.avatar-default-people, .avatar.avatar-default-file, .avatar.avatar-default-image {\n background-repeat: no-repeat;\n background-position: center center;\n background-origin: content-box;\n background-size: 60% 60%;\n}\n\n.avatar::after, .avatar.avatar-xlarge::after {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n opacity: 0;\n}\n\n.avatar {\n position: relative;\n display: inline-block;\n overflow: hidden;\n text-align: center;\n vertical-align: middle;\n background-color: #e2e2e2;\n}\n\n.avatar.dropdown-toggle::after {\n display: initial !important;\n}\n\n.avatar::after {\n content: \"\\A\";\n background: rgba(0, 0, 0, 0.5) !important;\n}\n\n.avatar:hover {\n cursor: pointer;\n}\n\n.avatar:hover::after {\n cursor: pointer;\n opacity: 1;\n}\n\n.avatar .avatar-photo {\n width: 100%;\n height: 100%;\n vertical-align: top;\n background-color: #e2e2e2;\n}\n\n.avatar.avatar-default-people {\n background-image: url(\"data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg width='60px' height='60px' viewBox='0 0 60 60' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Ctitle%3E57B2CFBF-9694-4E42-8A9B-7C4261320855svg/%3C/title%3E%3Cdefs%3E%3Ccircle id='path-1' cx='30' cy='30' r='30'%3E%3C/circle%3E%3C/defs%3E%3Cg id='Design-Principle' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Components/-Avatar' transform='translate(-852.000000, -1412.000000)'%3E%3Cg id='Default-avatars' transform='translate(660.000000, 1315.000000)'%3E%3Cg id='Components/-Avatar/-Circle/-60px' transform='translate(192.000000, 97.000000)'%3E%3Cg id='Border'%3E%3Ccircle cx='30' cy='30' r='30'%3E%3C/circle%3E%3C/g%3E%3Cg id='Container'%3E%3Cmask id='mask-2' fill='white'%3E%3Cuse xlink:href='%23path-1'%3E%3C/use%3E%3C/mask%3E%3Cg id='Oval'%3E%3C/g%3E%3Cg id='Type' mask='url(%23mask-2)' fill-rule='nonzero'%3E%3Cg id='🙂-Face'%3E%3Crect id='Base' fill='%23E2E2E2' x='0' y='0' width='60' height='60'%3E%3C/rect%3E%3Cpath d='M31.7647059,38.8235294 C41.5109073,38.8235294 49.4117647,46.7243868 49.4117647,56.4705882 L49.4117647,60 L10.5882353,60 L10.5882353,56.4705882 C10.5882353,46.7243868 18.4890927,38.8235294 28.2352941,38.8235294 L31.7647059,38.8235294 Z M30.5294118,14.1176471 C36.3771326,14.1176471 41.1176471,18.8581615 41.1176471,24.7058824 C41.1176471,30.5536032 36.3771326,35.2941176 30.5294118,35.2941176 C24.6816909,35.2941176 19.9411765,30.5536032 19.9411765,24.7058824 C19.9411765,18.8581615 24.6816909,14.1176471 30.5294118,14.1176471 Z' id='Path' fill='%23B4B4B4'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3Cg id='State' mask='url(%23mask-2)'%3E%3Crect id='Overlay' x='0' y='0' width='60' height='60'%3E%3C/rect%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E\");\n background-size: 100% 100%;\n}\n\n.avatar.avatar-default-file {\n background-image: url(\"data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg width='36px' height='36px' viewBox='0 0 36 36' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3C!-- Generator: sketchtool 64 (101010) - https://sketch.com --%3E%3Ctitle%3E8416DD89-AB9A-4D81-8594-0E1ED11C1B09svg/%3C/title%3E%3Cdesc%3ECreated with sketchtool.%3C/desc%3E%3Cdefs%3E%3Crect id='path-1' x='0' y='0' width='60' height='60' rx='8'%3E%3C/rect%3E%3C/defs%3E%3Cg id='Design-Principle' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Components/-Avatar' transform='translate(-1224.000000, -1424.000000)'%3E%3Crect id='base' fill='%23FFFFFF' x='0' y='0' width='1920' height='3164'%3E%3C/rect%3E%3Cg id='Default-avatars' transform='translate(660.000000, 1315.000000)'%3E%3Cg id='Avatar-blank-type' transform='translate(192.000000, 97.000000)'%3E%3Cg id='Components/-Avatar/-Square/-60px' transform='translate(360.000000, 0.000000)'%3E%3Cmask id='mask-2' fill='white'%3E%3Cuse xlink:href='%23path-1'%3E%3C/use%3E%3C/mask%3E%3Cg id='Base'%3E%3C/g%3E%3Cg id='Type' mask='url(%23mask-2)' fill-rule='nonzero'%3E%3Crect id='Base' fill='%23E2E2E2' x='0' y='0' width='60' height='60'%3E%3C/rect%3E%3Cg id='Icons/-Regular/-Feature/-IMG' transform='translate(12.000000, 12.000000)' fill='%23777777'%3E%3Cpath d='M23.1213203,3 L30,9.87867966 L30,30 C30,31.6568542 28.6568542,33 27,33 L9,33 C7.34314575,33 6,31.6568542 6,30 L6,6 C6,4.34314575 7.34314575,3 9,3 L23.1213203,3 Z M21,4.5 L9,4.5 C8.17157288,4.5 7.5,5.17157288 7.5,6 L7.5,30 C7.5,30.8284271 8.17157288,31.5 9,31.5 L27,31.5 C27.8284271,31.5 28.5,30.8284271 28.5,30 L28.5,12 L23.25,12 C22.1342953,12 21.0906184,11.0028107 21.0055823,9.89504535 L21,9.75 L21,4.5 Z M24.75,25.5 C25.1642136,25.5 25.5,25.8357864 25.5,26.25 C25.5,26.6642136 25.1642136,27 24.75,27 L11.25,27 C10.8357864,27 10.5,26.6642136 10.5,26.25 C10.5,25.8357864 10.8357864,25.5 11.25,25.5 L24.75,25.5 Z M24.75,18 C25.1642136,18 25.5,18.3357864 25.5,18.75 C25.5,19.1642136 25.1642136,19.5 24.75,19.5 L11.25,19.5 C10.8357864,19.5 10.5,19.1642136 10.5,18.75 C10.5,18.3357864 10.8357864,18 11.25,18 L24.75,18 Z M15.75,10.5 C16.1642136,10.5 16.5,10.8357864 16.5,11.25 C16.5,11.6642136 16.1642136,12 15.75,12 L11.25,12 C10.8357864,12 10.5,11.6642136 10.5,11.25 C10.5,10.8357864 10.8357864,10.5 11.25,10.5 L15.75,10.5 Z M22.5,4.5 L22.5,9.75 C22.5,10.0857864 22.9142136,10.5 23.25,10.5 L23.25,10.5 L28.5,10.5 L22.5,4.5 Z' id='Color'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E\");\n}\n\n.avatar.avatar-default-image {\n background-image: url(\"data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg width='36px' height='36px' viewBox='0 0 36 36' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3C!-- Generator: sketchtool 64 (101010) - https://sketch.com --%3E%3Ctitle%3E854A7405-039C-4712-92A0-AB1D01FDD088svg/%3C/title%3E%3Cdesc%3ECreated with sketchtool.%3C/desc%3E%3Cdefs%3E%3Crect id='path-1' x='0' y='0' width='60' height='60' rx='8'%3E%3C/rect%3E%3C/defs%3E%3Cg id='Design-Principle' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Components/-Avatar' transform='translate(-1044.000000, -1424.000000)'%3E%3Crect id='base' fill='%23FFFFFF' x='0' y='0' width='1920' height='3164'%3E%3C/rect%3E%3Cg id='Default-avatars' transform='translate(660.000000, 1315.000000)'%3E%3Cg id='Avatar-blank-type' transform='translate(192.000000, 97.000000)'%3E%3Cg id='Components/-Avatar/-Square/-60px' transform='translate(180.000000, 0.000000)'%3E%3Cmask id='mask-2' fill='white'%3E%3Cuse xlink:href='%23path-1'%3E%3C/use%3E%3C/mask%3E%3Cg id='Base'%3E%3C/g%3E%3Cg id='Type' mask='url(%23mask-2)' fill-rule='nonzero'%3E%3Crect id='Base' fill='%23E2E2E2' x='0' y='0' width='60' height='60'%3E%3C/rect%3E%3Cg id='Icons/-Regular/-Feature/-IMG' transform='translate(12.000000, 12.000000)' fill='%23777777'%3E%3Cpath d='M24.0307692,3 C24.2326984,3 24.4271578,3.07954407 24.5751301,3.22267209 L29.7443609,8.22267209 C29.9073745,8.38034894 30,8.60160933 30,8.83333333 L30,32.1666667 C30,32.626904 29.6418278,33 29.2,33 L6.8,33 C6.3581722,33 6,32.626904 6,32.1666667 L6,3.83333333 C6,3.37309604 6.3581722,3 6.8,3 L24.0307692,3 Z M12.2596988,25.7875335 L8.92873792,30.3339749 C8.84660416,30.4571755 8.80277564,30.6019313 8.80277564,30.75 C8.80277564,31.1642136 9.13856208,31.5 9.55277564,31.5 L18.6487188,31.5 L13.4599025,25.7234205 C13.4137204,25.6680021 13.3597846,25.6195363 13.2997616,25.579521 C12.9551151,25.3497567 12.4894631,25.442887 12.2596988,25.7875335 Z M21.1758419,19.8540405 L16.7020464,26.6752406 L20.607804,31.5 L27.299016,31.4994534 C28.5,31.4923469 28.5,31.3928571 28.5,30 L28.5,28.5391523 L22.3636022,19.842318 C22.3238169,19.7917673 22.2776933,19.7465447 22.2263672,19.707765 C21.8958797,19.4580634 21.4255435,19.523553 21.1758419,19.8540405 Z M23.7715845,4.5 L7.5,4.5 L7.50072911,29.827172 C7.55141195,29.7144696 7.61151182,29.6056505 7.68066248,29.5019246 L11.0116233,24.9554835 C11.7009164,23.921544 13.0978724,23.642153 14.1318119,24.331446 C14.3118808,24.4514919 14.4736883,24.5968893 14.6122344,24.7631445 L15.455,25.722 L19.9790409,18.949791 C20.7281458,17.9583286 22.1391544,17.7618596 23.1306168,18.5109645 C23.2845952,18.6273037 23.4229661,18.7629699 23.5423219,18.914622 L28.5,25.905 L28.5,9.08668365 L23.7715845,4.5 Z M12.75,12 C14.4068542,12 15.75,13.3431458 15.75,15 C15.75,16.6568542 14.4068542,18 12.75,18 C11.0931458,18 9.75,16.6568542 9.75,15 C9.75,13.3431458 11.0931458,12 12.75,12 Z M12.75,13.5 C11.9215729,13.5 11.25,14.1715729 11.25,15 C11.25,15.8284271 11.9215729,16.5 12.75,16.5 C13.5784271,16.5 14.25,15.8284271 14.25,15 C14.25,14.1715729 13.5784271,13.5 12.75,13.5 Z' id='Color'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E\");\n}\n\n.avatar.avatar-xsmall {\n width: 24px;\n height: 24px;\n line-height: 24px;\n}\n\n.avatar.avatar-xsmall .avatar-initial {\n font-family: \"Roboto\", \"Oxygen\", \"Ubuntu\", \"Fira Sans\", \"Droid Sans\", \"Helvetica Neue\", sans-serif;\n font-size: 9px;\n color: #777;\n}\n\n.avatar.avatar-small {\n width: 32px;\n height: 32px;\n line-height: 32px;\n}\n\n.avatar.avatar-small .avatar-initial {\n font-family: \"Roboto\", \"Oxygen\", \"Ubuntu\", \"Fira Sans\", \"Droid Sans\", \"Helvetica Neue\", sans-serif;\n font-size: 12px;\n color: #777;\n}\n\n.avatar.avatar-medium {\n width: 40px;\n height: 40px;\n line-height: 40px;\n}\n\n.avatar.avatar-medium .avatar-initial {\n font-family: \"Roboto\", \"Oxygen\", \"Ubuntu\", \"Fira Sans\", \"Droid Sans\", \"Helvetica Neue\", sans-serif;\n font-size: 15px;\n color: #777;\n}\n\n.avatar.avatar-large {\n width: 60px;\n height: 60px;\n line-height: 60px;\n}\n\n.avatar.avatar-large .avatar-initial {\n font-family: \"Roboto\", \"Oxygen\", \"Ubuntu\", \"Fira Sans\", \"Droid Sans\", \"Helvetica Neue\", sans-serif;\n font-size: 22.5px;\n color: #777;\n}\n\n.avatar.avatar-xlarge {\n width: 120px;\n height: 120px;\n line-height: 120px;\n}\n\n.avatar.avatar-xlarge .avatar-initial {\n font-family: \"Roboto\", \"Oxygen\", \"Ubuntu\", \"Fira Sans\", \"Droid Sans\", \"Helvetica Neue\", sans-serif;\n font-size: 45px;\n color: #777;\n}\n\n.avatar.avatar-xlarge {\n font-family: \"Mekari-Icon-Regular\";\n font-size: 24px;\n}\n\n.avatar.avatar-xlarge::after {\n color: #fff;\n content: \"\\e877\";\n}\n\n.avatar.avatar-xlarge:hover::after {\n cursor: pointer;\n opacity: 1;\n}\n\n.avatar.avatar-circle {\n border-radius: 100%;\n}\n\n.avatar.avatar-square {\n border-radius: 8px;\n}\n\n.avatar.avatar--no-overlay:hover::after {\n opacity: 0;\n}\n\n.avatar-stacked {\n display: inline-flex;\n flex-wrap: wrap;\n align-items: center;\n font-size: 0;\n}\n\n.avatar-stacked .avatar-xsmall {\n box-shadow: 0.6px 0 0 0.6px #fff;\n}\n\n.avatar-stacked .avatar-xsmall:nth-child(1) {\n margin-left: 0;\n z-index: 6;\n}\n\n.avatar-stacked .avatar-xsmall:nth-child(2) {\n margin-left: -6px;\n z-index: 5;\n}\n\n.avatar-stacked .avatar-xsmall:nth-child(3) {\n margin-left: -6px;\n z-index: 4;\n}\n\n.avatar-stacked .avatar-xsmall:nth-child(4) {\n margin-left: -6px;\n z-index: 3;\n}\n\n.avatar-stacked .avatar-xsmall:nth-child(5) {\n margin-left: -6px;\n z-index: 2;\n}\n\n.avatar-stacked .avatar-xsmall:nth-child(6) {\n margin-left: -6px;\n z-index: 1;\n}\n\n.avatar-stacked .avatar-small {\n box-shadow: 0.8px 0 0 0.8px #fff;\n}\n\n.avatar-stacked .avatar-small:nth-child(1) {\n margin-left: 0;\n z-index: 6;\n}\n\n.avatar-stacked .avatar-small:nth-child(2) {\n margin-left: -8px;\n z-index: 5;\n}\n\n.avatar-stacked .avatar-small:nth-child(3) {\n margin-left: -8px;\n z-index: 4;\n}\n\n.avatar-stacked .avatar-small:nth-child(4) {\n margin-left: -8px;\n z-index: 3;\n}\n\n.avatar-stacked .avatar-small:nth-child(5) {\n margin-left: -8px;\n z-index: 2;\n}\n\n.avatar-stacked .avatar-small:nth-child(6) {\n margin-left: -8px;\n z-index: 1;\n}\n\n.avatar-stacked .avatar-medium {\n box-shadow: 1px 0 0 1px #fff;\n}\n\n.avatar-stacked .avatar-medium:nth-child(1) {\n margin-left: 0;\n z-index: 6;\n}\n\n.avatar-stacked .avatar-medium:nth-child(2) {\n margin-left: -10px;\n z-index: 5;\n}\n\n.avatar-stacked .avatar-medium:nth-child(3) {\n margin-left: -10px;\n z-index: 4;\n}\n\n.avatar-stacked .avatar-medium:nth-child(4) {\n margin-left: -10px;\n z-index: 3;\n}\n\n.avatar-stacked .avatar-medium:nth-child(5) {\n margin-left: -10px;\n z-index: 2;\n}\n\n.avatar-stacked .avatar-medium:nth-child(6) {\n margin-left: -10px;\n z-index: 1;\n}\n\n.avatar-stacked .avatar-large {\n box-shadow: 1.5px 0 0 1.5px #fff;\n}\n\n.avatar-stacked .avatar-large:nth-child(1) {\n margin-left: 0;\n z-index: 6;\n}\n\n.avatar-stacked .avatar-large:nth-child(2) {\n margin-left: -15px;\n z-index: 5;\n}\n\n.avatar-stacked .avatar-large:nth-child(3) {\n margin-left: -15px;\n z-index: 4;\n}\n\n.avatar-stacked .avatar-large:nth-child(4) {\n margin-left: -15px;\n z-index: 3;\n}\n\n.avatar-stacked .avatar-large:nth-child(5) {\n margin-left: -15px;\n z-index: 2;\n}\n\n.avatar-stacked .avatar-large:nth-child(6) {\n margin-left: -15px;\n z-index: 1;\n}\n\n.avatar-stacked .avatar-xlarge {\n box-shadow: 3px 0 0 3px #fff;\n}\n\n.avatar-stacked .avatar-xlarge:nth-child(1) {\n margin-left: 0;\n z-index: 6;\n}\n\n.avatar-stacked .avatar-xlarge:nth-child(2) {\n margin-left: -30px;\n z-index: 5;\n}\n\n.avatar-stacked .avatar-xlarge:nth-child(3) {\n margin-left: -30px;\n z-index: 4;\n}\n\n.avatar-stacked .avatar-xlarge:nth-child(4) {\n margin-left: -30px;\n z-index: 3;\n}\n\n.avatar-stacked .avatar-xlarge:nth-child(5) {\n margin-left: -30px;\n z-index: 2;\n}\n\n.avatar-stacked .avatar-xlarge:nth-child(6) {\n margin-left: -30px;\n z-index: 1;\n}\n\n.avatar-stacked .avatar-stacked-text {\n position: relative;\n padding-left: 16px;\n color: #1357ff;\n cursor: pointer;\n}\n\n.avatar-stacked .avatar-stacked-text p {\n margin: 0;\n line-height: 14px;\n}\n\n.avatar-stacked .avatar-stacked-text.dropdown-toggle::after {\n display: none;\n}\n\n.avatar-stacked.avatar-stacked-reversed .avatar-xsmall {\n box-shadow: -0.6px 0 0 0.6px #fff;\n}\n\n.avatar-stacked.avatar-stacked-reversed .avatar-xsmall:nth-child(1) {\n z-index: 1;\n}\n\n.avatar-stacked.avatar-stacked-reversed .avatar-xsmall:nth-child(2) {\n z-index: 2;\n}\n\n.avatar-stacked.avatar-stacked-reversed .avatar-xsmall:nth-child(3) {\n z-index: 3;\n}\n\n.avatar-stacked.avatar-stacked-reversed .avatar-xsmall:nth-child(4) {\n z-index: 4;\n}\n\n.avatar-stacked.avatar-stacked-reversed .avatar-xsmall:nth-child(5) {\n z-index: 5;\n}\n\n.avatar-stacked.avatar-stacked-reversed .avatar-xsmall:nth-child(6) {\n z-index: 6;\n}\n\n.avatar-stacked.avatar-stacked-reversed .avatar-small {\n box-shadow: -0.8px 0 0 0.8px #fff;\n}\n\n.avatar-stacked.avatar-stacked-reversed .avatar-small:nth-child(1) {\n z-index: 1;\n}\n\n.avatar-stacked.avatar-stacked-reversed .avatar-small:nth-child(2) {\n z-index: 2;\n}\n\n.avatar-stacked.avatar-stacked-reversed .avatar-small:nth-child(3) {\n z-index: 3;\n}\n\n.avatar-stacked.avatar-stacked-reversed .avatar-small:nth-child(4) {\n z-index: 4;\n}\n\n.avatar-stacked.avatar-stacked-reversed .avatar-small:nth-child(5) {\n z-index: 5;\n}\n\n.avatar-stacked.avatar-stacked-reversed .avatar-small:nth-child(6) {\n z-index: 6;\n}\n\n.avatar-stacked.avatar-stacked-reversed .avatar-medium {\n box-shadow: -1px 0 0 1px #fff;\n}\n\n.avatar-stacked.avatar-stacked-reversed .avatar-medium:nth-child(1) {\n z-index: 1;\n}\n\n.avatar-stacked.avatar-stacked-reversed .avatar-medium:nth-child(2) {\n z-index: 2;\n}\n\n.avatar-stacked.avatar-stacked-reversed .avatar-medium:nth-child(3) {\n z-index: 3;\n}\n\n.avatar-stacked.avatar-stacked-reversed .avatar-medium:nth-child(4) {\n z-index: 4;\n}\n\n.avatar-stacked.avatar-stacked-reversed .avatar-medium:nth-child(5) {\n z-index: 5;\n}\n\n.avatar-stacked.avatar-stacked-reversed .avatar-medium:nth-child(6) {\n z-index: 6;\n}\n\n.avatar-stacked.avatar-stacked-reversed .avatar-large {\n box-shadow: -1.5px 0 0 1.5px #fff;\n}\n\n.avatar-stacked.avatar-stacked-reversed .avatar-large:nth-child(1) {\n z-index: 1;\n}\n\n.avatar-stacked.avatar-stacked-reversed .avatar-large:nth-child(2) {\n z-index: 2;\n}\n\n.avatar-stacked.avatar-stacked-reversed .avatar-large:nth-child(3) {\n z-index: 3;\n}\n\n.avatar-stacked.avatar-stacked-reversed .avatar-large:nth-child(4) {\n z-index: 4;\n}\n\n.avatar-stacked.avatar-stacked-reversed .avatar-large:nth-child(5) {\n z-index: 5;\n}\n\n.avatar-stacked.avatar-stacked-reversed .avatar-large:nth-child(6) {\n z-index: 6;\n}\n\n.avatar-stacked.avatar-stacked-reversed .avatar-xlarge {\n box-shadow: -3px 0 0 3px #fff;\n}\n\n.avatar-stacked.avatar-stacked-reversed .avatar-xlarge:nth-child(1) {\n z-index: 1;\n}\n\n.avatar-stacked.avatar-stacked-reversed .avatar-xlarge:nth-child(2) {\n z-index: 2;\n}\n\n.avatar-stacked.avatar-stacked-reversed .avatar-xlarge:nth-child(3) {\n z-index: 3;\n}\n\n.avatar-stacked.avatar-stacked-reversed .avatar-xlarge:nth-child(4) {\n z-index: 4;\n}\n\n.avatar-stacked.avatar-stacked-reversed .avatar-xlarge:nth-child(5) {\n z-index: 5;\n}\n\n.avatar-stacked.avatar-stacked-reversed .avatar-xlarge:nth-child(6) {\n z-index: 6;\n}\n\n.avatar-stacked.avatar-stacked-sparse .avatar-xsmall:nth-child(1) {\n margin-left: 0;\n}\n\n.avatar-stacked.avatar-stacked-sparse .avatar-xsmall:nth-child(2) {\n margin-left: -3px;\n}\n\n.avatar-stacked.avatar-stacked-sparse .avatar-xsmall:nth-child(3) {\n margin-left: -3px;\n}\n\n.avatar-stacked.avatar-stacked-sparse .avatar-xsmall:nth-child(4) {\n margin-left: -3px;\n}\n\n.avatar-stacked.avatar-stacked-sparse .avatar-xsmall:nth-child(5) {\n margin-left: -3px;\n}\n\n.avatar-stacked.avatar-stacked-sparse .avatar-xsmall:nth-child(6) {\n margin-left: -3px;\n}\n\n.avatar-stacked.avatar-stacked-sparse .avatar-small:nth-child(1) {\n margin-left: 0;\n}\n\n.avatar-stacked.avatar-stacked-sparse .avatar-small:nth-child(2) {\n margin-left: -4px;\n}\n\n.avatar-stacked.avatar-stacked-sparse .avatar-small:nth-child(3) {\n margin-left: -4px;\n}\n\n.avatar-stacked.avatar-stacked-sparse .avatar-small:nth-child(4) {\n margin-left: -4px;\n}\n\n.avatar-stacked.avatar-stacked-sparse .avatar-small:nth-child(5) {\n margin-left: -4px;\n}\n\n.avatar-stacked.avatar-stacked-sparse .avatar-small:nth-child(6) {\n margin-left: -4px;\n}\n\n.avatar-stacked.avatar-stacked-sparse .avatar-medium:nth-child(1) {\n margin-left: 0;\n}\n\n.avatar-stacked.avatar-stacked-sparse .avatar-medium:nth-child(2) {\n margin-left: -5px;\n}\n\n.avatar-stacked.avatar-stacked-sparse .avatar-medium:nth-child(3) {\n margin-left: -5px;\n}\n\n.avatar-stacked.avatar-stacked-sparse .avatar-medium:nth-child(4) {\n margin-left: -5px;\n}\n\n.avatar-stacked.avatar-stacked-sparse .avatar-medium:nth-child(5) {\n margin-left: -5px;\n}\n\n.avatar-stacked.avatar-stacked-sparse .avatar-medium:nth-child(6) {\n margin-left: -5px;\n}\n\n.avatar-stacked.avatar-stacked-sparse .avatar-large:nth-child(1) {\n margin-left: 0;\n}\n\n.avatar-stacked.avatar-stacked-sparse .avatar-large:nth-child(2) {\n margin-left: -7.5px;\n}\n\n.avatar-stacked.avatar-stacked-sparse .avatar-large:nth-child(3) {\n margin-left: -7.5px;\n}\n\n.avatar-stacked.avatar-stacked-sparse .avatar-large:nth-child(4) {\n margin-left: -7.5px;\n}\n\n.avatar-stacked.avatar-stacked-sparse .avatar-large:nth-child(5) {\n margin-left: -7.5px;\n}\n\n.avatar-stacked.avatar-stacked-sparse .avatar-large:nth-child(6) {\n margin-left: -7.5px;\n}\n\n.avatar-stacked.avatar-stacked-sparse .avatar-xlarge:nth-child(1) {\n margin-left: 0;\n}\n\n.avatar-stacked.avatar-stacked-sparse .avatar-xlarge:nth-child(2) {\n margin-left: -15px;\n}\n\n.avatar-stacked.avatar-stacked-sparse .avatar-xlarge:nth-child(3) {\n margin-left: -15px;\n}\n\n.avatar-stacked.avatar-stacked-sparse .avatar-xlarge:nth-child(4) {\n margin-left: -15px;\n}\n\n.avatar-stacked.avatar-stacked-sparse .avatar-xlarge:nth-child(5) {\n margin-left: -15px;\n}\n\n.avatar-stacked.avatar-stacked-sparse .avatar-xlarge:nth-child(6) {\n margin-left: -15px;\n}\n\n.avatar-grid-container {\n display: inline-block;\n}\n\n.avatar-grid-row {\n font-size: 0;\n}\n\n.avatar-grid-row .avatar-xsmall {\n margin-left: 8px;\n}\n\n.avatar-grid-row .avatar-xsmall:first-child {\n margin-left: 0;\n}\n\n.avatar-grid-row .avatar-small {\n margin-left: 10.666667px;\n}\n\n.avatar-grid-row .avatar-small:first-child {\n margin-left: 0;\n}\n\n.avatar-grid-row .avatar-medium {\n margin-left: 13.333333px;\n}\n\n.avatar-grid-row .avatar-medium:first-child {\n margin-left: 0;\n}\n\n.avatar-grid-row .avatar-large {\n margin-left: 20px;\n}\n\n.avatar-grid-row .avatar-large:first-child {\n margin-left: 0;\n}\n\n.avatar-grid-row .avatar-xlarge {\n margin-left: 40px;\n}\n\n.avatar-grid-row .avatar-xlarge:first-child {\n margin-left: 0;\n}\n\n.avatar-grid-row .avatar-grid-text {\n padding-top: 8px;\n color: #1357ff;\n text-align: center;\n cursor: pointer;\n}\n\n.avatar-grid-row .avatar-grid-text p {\n margin: 0;\n}\n\n.avatar-grid-row .avatar-grid-text.dropdown-toggle::after {\n display: none;\n}\n\n.avatar-grid-xsmall .avatar-grid-row {\n padding-top: 8px;\n}\n\n.avatar-grid-xsmall .avatar-grid-row:first-child {\n padding-top: 0;\n}\n\n.avatar-grid-small .avatar-grid-row {\n padding-top: 10.666667px;\n}\n\n.avatar-grid-small .avatar-grid-row:first-child {\n padding-top: 0;\n}\n\n.avatar-grid-medium .avatar-grid-row {\n padding-top: 13.333333px;\n}\n\n.avatar-grid-medium .avatar-grid-row:first-child {\n padding-top: 0;\n}\n\n.avatar-grid-large .avatar-grid-row {\n padding-top: 20px;\n}\n\n.avatar-grid-large .avatar-grid-row:first-child {\n padding-top: 0;\n}\n\n.avatar-grid-xlarge .avatar-grid-row {\n padding-top: 40px;\n}\n\n.avatar-grid-xlarge .avatar-grid-row:first-child {\n padding-top: 0;\n}\n\n/# sourceMappingURL=mekari-ui-avatar.css.map /","%avatar-default-template {\n background-repeat: no-repeat;\n background-position: center center;\n background-origin: content-box;\n background-size: 60% 60%;\n}\n\n%avatar-overlay-initial-state {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n opacity: 0;\n}\n\n$avatar-element-size: (\n \"xsmall\": 24px,\n \"small\": 32px,\n \"medium\": 40px,\n \"large\": 60px,\n \"xlarge\": 120px,\n);\n\n.avatar {\n position: relative;\n display: inline-block;\n overflow: hidden;\n text-align: center;\n vertical-align: middle;\n background-color: $smoke;\n &.dropdown-toggle {\n &::after {\n display: initial !important; // stylelint-disable-line declaration-no-important\n }\n }\n &::after {\n content: \"\\A\";\n @extend %avatar-overlay-initial-state;\n background: rgba(0, 0, 0, .5) !important; // stylelint-disable-line declaration-no-important\n }\n &:hover {\n cursor: pointer;\n &::after {\n cursor: pointer;\n opacity: 1;\n }\n }\n .avatar-photo {\n width: 100%;\n height: 100%;\n vertical-align: top;\n background-color: $smoke;\n }\n &.avatar-default-people {\n background-image: $avatar-default-people;\n @extend %avatar-default-template;\n background-size: 100% 100%;\n }\n &.avatar-default-file {\n background-image: $avatar-default-file;\n @extend %avatar-default-template;\n }\n &.avatar-default-image {\n background-image: $avatar-default-image;\n @extend %avatar-default-template;\n }\n @each $name, $size in $avatar-element-size {\n &.avatar-#{$name} {\n width: $size;\n height: $size;\n line-height: $size;\n .avatar-initial {\n font-family: $font-family-base;\n font-size: $size * .375;\n color: $slate;\n }\n }\n }\n $avatar-font-family: \"Mekari-Icon-Regular\";\n &.avatar-xlarge {\n font-family: $avatar-font-family;\n font-size: 24px;\n &::after {\n color: $white;\n content: \"\\e877\";\n @extend %avatar-overlay-initial-state;\n }\n &:hover {\n &::after {\n cursor: pointer;\n opacity: 1;\n }\n }\n }\n &.avatar-circle {\n border-radius: 100%; // stylelint-disable-line property-blacklist\n }\n &.avatar-square {\n border-radius: 8px; // stylelint-disable-line property-blacklist\n }\n &.avatar--no-overlay {\n &:hover::after {\n opacity: 0;\n }\n }\n}\n\n.avatar-stacked {\n display: inline-flex;\n flex-wrap: wrap;\n align-items: center;\n font-size: 0;\n @each $name, $size in $avatar-element-size {\n .avatar-#{$name} {\n box-shadow: #{$size / 40} 0 0 #{$size / 40} $white;\n }\n @for $i from 1 through 6 {\n .avatar-#{$name}:nth-child(#{$i}) {\n @if $i == 1 {\n margin-left: 0;\n } @else {\n margin-left: -#{$size / 4};\n }\n z-index: 7 - $i;\n }\n }\n }\n .avatar-stacked-text {\n position: relative;\n padding-left: 16px;\n color: $link;\n cursor: pointer;\n p {\n margin: 0;\n line-height: 14px;\n }\n &.dropdown-toggle::after {\n display: none;\n }\n }\n &.avatar-stacked-reversed {\n @each $name, $size in $avatar-element-size {\n .avatar-#{$name} {\n box-shadow: -#{$size / 40} 0 0 #{$size / 40} $white;\n }\n @for $i from 1 through 6 {\n .avatar-#{$name}:nth-child(#{$i}) {\n z-index: $i;\n }\n }\n }\n }\n &.avatar-stacked-sparse {\n @each $name, $size in $avatar-element-size {\n @for $i from 1 through 6 {\n .avatar-#{$name}:nth-child(#{$i}) {\n @if $i == 1 {\n margin-left: 0;\n } @else {\n margin-left: -#{$size / 8};\n }\n }\n }\n }\n }\n}\n\n.avatar-grid-container {\n display: inline-block;\n}\n\n.avatar-grid-row {\n font-size: 0;\n @each $name, $size in $avatar-element-size {\n .avatar-#{$name} {\n margin-left: #{$size / 3};\n }\n .avatar-#{$name}:first-child {\n margin-left: 0;\n }\n }\n .avatar-grid-text {\n padding-top: 8px;\n color: $link;\n text-align: center;\n cursor: pointer;\n p {\n margin: 0;\n }\n &.dropdown-toggle {\n &::after {\n display: none;\n }\n }\n }\n}\n\n@each $name, $size in $avatar-element-size {\n .avatar-grid-#{$name} {\n .avatar-grid-row {\n padding-top: #{$size / 3};\n }\n .avatar-grid-row:first-child {\n padding-top: 0;\n }\n }\n}\n","// Neutrals color variables\n$dark: #212121;\n$slate: #777;\n$muted: #b4b4b4;\n$smoke: #e2e2e2;\n$snow: #fbfbfb;\n$white: #fff;\n$cloud: #f2f4f7;\n\n// UI color variables\n$red: #d74022;\n$green: #009f61;\n$light-yellow: #ffeb99;\n$blue: #1357ff;\n$orange: #ffb700;\n$sapphire: #005fbf;\n\n// Branding color variables\n$crimson: #c02a34;\n$azure: #009bde;\n$salamander: #f96d01;\n$purple: #6d48e5;\n\n// Bootstrap dependencies color\n$black: #000 !default;\n$gray-100: #f8f9fa !default;\n$gray-200: #e9ecef !default;\n$gray-300: #dee2e6 !default;\n$gray-400: #ced4da !default;\n$gray-500: #adb5bd !default;\n$gray-600: #6c757d !default;\n$gray-700: #495057 !default;\n$gray-800: #343a40 !default;\n$gray-900: #212529 !default;\n\n// The yiq lightness value that determines when the lightness of color changes from \"dark\" to \"light\". Acceptable values are between 0 and 255.\n$yiq-contrasted-threshold: 150 !default;\n\n// Customize the light and dark text colors for use in our YIQ color contrast function.\n$yiq-text-dark: $gray-900 !default;\n$yiq-text-light: $white !default;\n\n\n$grays: () !default;\n// stylelint-disable-next-line scss/dollar-variable-default\n$grays: map-merge(\n (\n \"100\": $gray-100,\n \"200\": $gray-200,\n \"300\": $gray-300,\n \"400\": $gray-400,\n \"500\": $gray-500,\n \"600\": $gray-600,\n \"700\": $gray-700,\n \"800\": $gray-800,\n \"900\": $gray-900\n ),\n $grays\n);\n\n// register mekari color variables too bootstrap\n$colors: ();\n$colors: map-merge(\n (\n \"noir\" : $dark, // going to deprecated\n \"dark\" : $dark,\n \"slate\" : $slate,\n \"muted\" : $muted,\n \"smoke\" : $smoke,\n \"snow\" : $snow,\n \"cloud\" : $cloud,\n \"crimson\" : $crimson,\n \"azure\" : $azure,\n \"salamander\" : $salamander,\n \"purple\" : $purple,\n \"sapphire\" : $sapphire,\n \"white\" : $white,\n \"red\" : $red,\n \"orange\" : $orange,\n \"green\" : $green,\n \"blue\" : $blue,\n \"light-yellow\" : $light-yellow\n ),\n $colors\n);\n\n//extend bootstrap class\n$danger: $red;\n$success: $green;\n$info: $light-yellow;\n$warning: $orange;\n$primary: $sapphire;\n$jurnal: $azure;\n$talenta: $crimson;\n$klikpajak: $salamander;\n$mekari: $purple;\n\n$link: $blue;\n\n$text-muted: $muted;\n$body-color: $dark;\n$dark: $dark;\n$secondary: $slate;\n$light: $snow;\n\n// Add more theme color variables\n$theme-colors: ();\n$theme-colors: map-merge(\n (\n \"danger\" : $danger,\n \"success\" : $success,\n \"info\" : $info,\n \"warning\" : $warning,\n \"primary\" : $primary,\n \"jurnal\" : $jurnal,\n \"talenta\" : $talenta,\n \"klikpajak\" : $klikpajak,\n \"mekari\" : $mekari,\n \"dark\" : $dark,\n \"slate\" : $slate,\n \"muted\" : $muted,\n \"smoke\" : $smoke,\n \"light\" : $light,\n \"cloud\" : $cloud,\n \"link\" : $blue,\n \"white\" : $white\n ),\n $theme-colors\n);\n\n$card-border-color: $smoke;\n$body-bg: $white;\n","$avatar-default-people: url(\"data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg width='60px' height='60px' viewBox='0 0 60 60' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Ctitle%3E57B2CFBF-9694-4E42-8A9B-7C4261320855svg/%3C/title%3E%3Cdefs%3E%3Ccircle id='path-1' cx='30' cy='30' r='30'%3E%3C/circle%3E%3C/defs%3E%3Cg id='Design-Principle' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Components/-Avatar' transform='translate(-852.000000, -1412.000000)'%3E%3Cg id='Default-avatars' transform='translate(660.000000, 1315.000000)'%3E%3Cg id='Components/-Avatar/-Circle/-60px' transform='translate(192.000000, 97.000000)'%3E%3Cg id='Border'%3E%3Ccircle cx='30' cy='30' r='30'%3E%3C/circle%3E%3C/g%3E%3Cg id='Container'%3E%3Cmask id='mask-2' fill='white'%3E%3Cuse xlink:href='%23path-1'%3E%3C/use%3E%3C/mask%3E%3Cg id='Oval'%3E%3C/g%3E%3Cg id='Type' mask='url(%23mask-2)' fill-rule='nonzero'%3E%3Cg id='🙂-Face'%3E%3Crect id='Base' fill='%23E2E2E2' x='0' y='0' width='60' height='60'%3E%3C/rect%3E%3Cpath d='M31.7647059,38.8235294 C41.5109073,38.8235294 49.4117647,46.7243868 49.4117647,56.4705882 L49.4117647,60 L10.5882353,60 L10.5882353,56.4705882 C10.5882353,46.7243868 18.4890927,38.8235294 28.2352941,38.8235294 L31.7647059,38.8235294 Z M30.5294118,14.1176471 C36.3771326,14.1176471 41.1176471,18.8581615 41.1176471,24.7058824 C41.1176471,30.5536032 36.3771326,35.2941176 30.5294118,35.2941176 C24.6816909,35.2941176 19.9411765,30.5536032 19.9411765,24.7058824 C19.9411765,18.8581615 24.6816909,14.1176471 30.5294118,14.1176471 Z' id='Path' fill='%23B4B4B4'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3Cg id='State' mask='url(%23mask-2)'%3E%3Crect id='Overlay' x='0' y='0' width='60' height='60'%3E%3C/rect%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E\");\n\n$avatar-default-file: url(\"data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg width='36px' height='36px' viewBox='0 0 36 36' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3C!-- Generator: sketchtool 64 (101010) - https://sketch.com --%3E%3Ctitle%3E8416DD89-AB9A-4D81-8594-0E1ED11C1B09svg/%3C/title%3E%3Cdesc%3ECreated with sketchtool.%3C/desc%3E%3Cdefs%3E%3Crect id='path-1' x='0' y='0' width='60' height='60' rx='8'%3E%3C/rect%3E%3C/defs%3E%3Cg id='Design-Principle' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Components/-Avatar' transform='translate(-1224.000000, -1424.000000)'%3E%3Crect id='base' fill='%23FFFFFF' x='0' y='0' width='1920' height='3164'%3E%3C/rect%3E%3Cg id='Default-avatars' transform='translate(660.000000, 1315.000000)'%3E%3Cg id='Avatar-blank-type' transform='translate(192.000000, 97.000000)'%3E%3Cg id='Components/-Avatar/-Square/-60px' transform='translate(360.000000, 0.000000)'%3E%3Cmask id='mask-2' fill='white'%3E%3Cuse xlink:href='%23path-1'%3E%3C/use%3E%3C/mask%3E%3Cg id='Base'%3E%3C/g%3E%3Cg id='Type' mask='url(%23mask-2)' fill-rule='nonzero'%3E%3Crect id='Base' fill='%23E2E2E2' x='0' y='0' width='60' height='60'%3E%3C/rect%3E%3Cg id='Icons/-Regular/-Feature/-IMG' transform='translate(12.000000, 12.000000)' fill='%23777777'%3E%3Cpath d='M23.1213203,3 L30,9.87867966 L30,30 C30,31.6568542 28.6568542,33 27,33 L9,33 C7.34314575,33 6,31.6568542 6,30 L6,6 C6,4.34314575 7.34314575,3 9,3 L23.1213203,3 Z M21,4.5 L9,4.5 C8.17157288,4.5 7.5,5.17157288 7.5,6 L7.5,30 C7.5,30.8284271 8.17157288,31.5 9,31.5 L27,31.5 C27.8284271,31.5 28.5,30.8284271 28.5,30 L28.5,12 L23.25,12 C22.1342953,12 21.0906184,11.0028107 21.0055823,9.89504535 L21,9.75 L21,4.5 Z M24.75,25.5 C25.1642136,25.5 25.5,25.8357864 25.5,26.25 C25.5,26.6642136 25.1642136,27 24.75,27 L11.25,27 C10.8357864,27 10.5,26.6642136 10.5,26.25 C10.5,25.8357864 10.8357864,25.5 11.25,25.5 L24.75,25.5 Z M24.75,18 C25.1642136,18 25.5,18.3357864 25.5,18.75 C25.5,19.1642136 25.1642136,19.5 24.75,19.5 L11.25,19.5 C10.8357864,19.5 10.5,19.1642136 10.5,18.75 C10.5,18.3357864 10.8357864,18 11.25,18 L24.75,18 Z M15.75,10.5 C16.1642136,10.5 16.5,10.8357864 16.5,11.25 C16.5,11.6642136 16.1642136,12 15.75,12 L11.25,12 C10.8357864,12 10.5,11.6642136 10.5,11.25 C10.5,10.8357864 10.8357864,10.5 11.25,10.5 L15.75,10.5 Z M22.5,4.5 L22.5,9.75 C22.5,10.0857864 22.9142136,10.5 23.25,10.5 L23.25,10.5 L28.5,10.5 L22.5,4.5 Z' id='Color'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E\");\n\n$avatar-default-image: url(\"data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg width='36px' height='36px' viewBox='0 0 36 36' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3C!-- Generator: sketchtool 64 (101010) - https://sketch.com --%3E%3Ctitle%3E854A7405-039C-4712-92A0-AB1D01FDD088svg/%3C/title%3E%3Cdesc%3ECreated with sketchtool.%3C/desc%3E%3Cdefs%3E%3Crect id='path-1' x='0' y='0' width='60' height='60' rx='8'%3E%3C/rect%3E%3C/defs%3E%3Cg id='Design-Principle' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Components/-Avatar' transform='translate(-1044.000000, -1424.000000)'%3E%3Crect id='base' fill='%23FFFFFF' x='0' y='0' width='1920' height='3164'%3E%3C/rect%3E%3Cg id='Default-avatars' transform='translate(660.000000, 1315.000000)'%3E%3Cg id='Avatar-blank-type' transform='translate(192.000000, 97.000000)'%3E%3Cg id='Components/-Avatar/-Square/-60px' transform='translate(180.000000, 0.000000)'%3E%3Cmask id='mask-2' fill='white'%3E%3Cuse xlink:href='%23path-1'%3E%3C/use%3E%3C/mask%3E%3Cg id='Base'%3E%3C/g%3E%3Cg id='Type' mask='url(%23mask-2)' fill-rule='nonzero'%3E%3Crect id='Base' fill='%23E2E2E2' x='0' y='0' width='60' height='60'%3E%3C/rect%3E%3Cg id='Icons/-Regular/-Feature/-IMG' transform='translate(12.000000, 12.000000)' fill='%23777777'%3E%3Cpath d='M24.0307692,3 C24.2326984,3 24.4271578,3.07954407 24.5751301,3.22267209 L29.7443609,8.22267209 C29.9073745,8.38034894 30,8.60160933 30,8.83333333 L30,32.1666667 C30,32.626904 29.6418278,33 29.2,33 L6.8,33 C6.3581722,33 6,32.626904 6,32.1666667 L6,3.83333333 C6,3.37309604 6.3581722,3 6.8,3 L24.0307692,3 Z M12.2596988,25.7875335 L8.92873792,30.3339749 C8.84660416,30.4571755 8.80277564,30.6019313 8.80277564,30.75 C8.80277564,31.1642136 9.13856208,31.5 9.55277564,31.5 L18.6487188,31.5 L13.4599025,25.7234205 C13.4137204,25.6680021 13.3597846,25.6195363 13.2997616,25.579521 C12.9551151,25.3497567 12.4894631,25.442887 12.2596988,25.7875335 Z M21.1758419,19.8540405 L16.7020464,26.6752406 L20.607804,31.5 L27.299016,31.4994534 C28.5,31.4923469 28.5,31.3928571 28.5,30 L28.5,28.5391523 L22.3636022,19.842318 C22.3238169,19.7917673 22.2776933,19.7465447 22.2263672,19.707765 C21.8958797,19.4580634 21.4255435,19.523553 21.1758419,19.8540405 Z M23.7715845,4.5 L7.5,4.5 L7.50072911,29.827172 C7.55141195,29.7144696 7.61151182,29.6056505 7.68066248,29.5019246 L11.0116233,24.9554835 C11.7009164,23.921544 13.0978724,23.642153 14.1318119,24.331446 C14.3118808,24.4514919 14.4736883,24.5968893 14.6122344,24.7631445 L15.455,25.722 L19.9790409,18.949791 C20.7281458,17.9583286 22.1391544,17.7618596 23.1306168,18.5109645 C23.2845952,18.6273037 23.4229661,18.7629699 23.5423219,18.914622 L28.5,25.905 L28.5,9.08668365 L23.7715845,4.5 Z M12.75,12 C14.4068542,12 15.75,13.3431458 15.75,15 C15.75,16.6568542 14.4068542,18 12.75,18 C11.0931458,18 9.75,16.6568542 9.75,15 C9.75,13.3431458 11.0931458,12 12.75,12 Z M12.75,13.5 C11.9215729,13.5 11.25,14.1715729 11.25,15 C11.25,15.8284271 11.9215729,16.5 12.75,16.5 C13.5784271,16.5 14.25,15.8284271 14.25,15 C14.25,14.1715729 13.5784271,13.5 12.75,13.5 Z' id='Color'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E\");\n","$font-family-roboto: \"Roboto\", \"Oxygen\", \"Ubuntu\", \"Fira Sans\", \"Droid Sans\", \"Helvetica Neue\", sans-serif;\n$font-family-base: $font-family-roboto;\n$font-family-monospace: monospace;\n\n// 1 rem = 16px\n$font-size-base: .875rem; // 14px\n$font-size-lg: 1.25rem; // 20px\n$font-size-sm: .75rem; // 12px\n\n$line-height-base: 1.4285; // The closest value to Mekari design\n$line-height-lg: 1.4285;\n$line-height-sm: 1.4285;\n$letter-spacing: .2px;\n\n$font-weight-lighter: 400;\n$font-weight-light: 400;\n$font-weight-normal: 400;\n$font-weight-base: 400;\n$font-weight-bold: 500;\n$font-weight-bolder: 500;\n\n$dt-font-weight: $font-weight-bold;\n\n// Text color\n$body-color: $dark;\n$link-color: $blue;\n$link-hover-color: darken($link-color, 15%) !default;\n$link-decoration: none;\n$link-hover-decoration: underline;\n\n$input-placeholder-color: $text-muted;\n$custom-select-disabled-color: $text-muted;\n$custom-control-label-disabled-color: $text-muted;\n"]}

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

@@ -1,2 +1,2 @@
-.badge{font-size:.75rem;line-height:16px;letter-spacing:.2px}.badge{display:inline-block;padding:4px 8px;font-size:.875rem;font-weight:400;line-height:1;text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:4px;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media (prefers-reduced-motion:reduce){.badge{transition:none}}a.badge:focus,a.badge:hover{text-decoration:none}.badge:empty{display:none}.btn .badge{position:relative;top:-1px}.badge-pill{padding-right:.6em;padding-left:.6em;border-radius:10rem}.badge-danger{color:#fff;background-color:#d74022}a.badge-danger:focus,a.badge-danger:hover{color:#fff;background-color:#ab331b}a.badge-danger.focus,a.badge-danger:focus{outline:0;box-shadow:0 0 0 .2em rgba(215,64,34,.5)}.badge-success{color:#fff;background-color:#009f61}a.badge-success:focus,a.badge-success:hover{color:#fff;background-color:#006c42}a.badge-success.focus,a.badge-success:focus{outline:0;box-shadow:0 0 0 .2em rgba(0,159,97,.5)}.badge-info{color:#212529;background-color:#ffeb99}a.badge-info:focus,a.badge-info:hover{color:#212529;background-color:#ffe166}a.badge-info.focus,a.badge-info:focus{outline:0;box-shadow:0 0 0 .2em rgba(255,235,153,.5)}.badge-warning{color:#212529;background-color:#ffb700}a.badge-warning:focus,a.badge-warning:hover{color:#212529;background-color:#cc9200}a.badge-warning.focus,a.badge-warning:focus{outline:0;box-shadow:0 0 0 .2em rgba(255,183,0,.5)}.badge-primary{color:#fff;background-color:#005fbf}a.badge-primary:focus,a.badge-primary:hover{color:#fff;background-color:#00468c}a.badge-primary.focus,a.badge-primary:focus{outline:0;box-shadow:0 0 0 .2em rgba(0,95,191,.5)}.badge-jurnal{color:#fff;background-color:#009bde}a.badge-jurnal:focus,a.badge-jurnal:hover{color:#fff;background-color:#0077ab}a.badge-jurnal.focus,a.badge-jurnal:focus{outline:0;box-shadow:0 0 0 .2em rgba(0,155,222,.5)}.badge-talenta{color:#fff;background-color:#c02a34}a.badge-talenta:focus,a.badge-talenta:hover{color:#fff;background-color:#962129}a.badge-talenta.focus,a.badge-talenta:focus{outline:0;box-shadow:0 0 0 .2em rgba(192,42,52,.5)}.badge-klikpajak{color:#fff;background-color:#f96d01}a.badge-klikpajak:focus,a.badge-klikpajak:hover{color:#fff;background-color:#c65701}a.badge-klikpajak.focus,a.badge-klikpajak:focus{outline:0;box-shadow:0 0 0 .2em rgba(249,109,1,.5)}.badge-mekari{color:#fff;background-color:#6d48e5}a.badge-mekari:focus,a.badge-mekari:hover{color:#fff;background-color:#4b1fdb}a.badge-mekari.focus,a.badge-mekari:focus{outline:0;box-shadow:0 0 0 .2em rgba(109,72,229,.5)}.badge-dark{color:#fff;background-color:#212121}a.badge-dark:focus,a.badge-dark:hover{color:#fff;background-color:#080808}a.badge-dark.focus,a.badge-dark:focus{outline:0;box-shadow:0 0 0 .2em rgba(33,33,33,.5)}.badge-slate{color:#fff;background-color:#777}a.badge-slate:focus,a.badge-slate:hover{color:#fff;background-color:#5e5e5e}a.badge-slate.focus,a.badge-slate:focus{outline:0;box-shadow:0 0 0 .2em rgba(119,119,119,.5)}.badge-muted{color:#212529;background-color:#b4b4b4}a.badge-muted:focus,a.badge-muted:hover{color:#212529;background-color:#9b9b9b}a.badge-muted.focus,a.badge-muted:focus{outline:0;box-shadow:0 0 0 .2em rgba(180,180,180,.5)}.badge-smoke{color:#212529;background-color:#e2e2e2}a.badge-smoke:focus,a.badge-smoke:hover{color:#212529;background-color:#c9c9c9}a.badge-smoke.focus,a.badge-smoke:focus{outline:0;box-shadow:0 0 0 .2em rgba(226,226,226,.5)}.badge-light{color:#212529;background-color:#fbfbfb}a.badge-light:focus,a.badge-light:hover{color:#212529;background-color:#e2e2e2}a.badge-light.focus,a.badge-light:focus{outline:0;box-shadow:0 0 0 .2em rgba(251,251,251,.5)}.badge-cloud{color:#212529;background-color:#f2f4f7}a.badge-cloud:focus,a.badge-cloud:hover{color:#212529;background-color:#d2d9e4}a.badge-cloud.focus,a.badge-cloud:focus{outline:0;box-shadow:0 0 0 .2em rgba(242,244,247,.5)}.badge-link{color:#fff;background-color:#1357ff}a.badge-link:focus,a.badge-link:hover{color:#fff;background-color:#0040df}a.badge-link.focus,a.badge-link:focus{outline:0;box-shadow:0 0 0 .2em rgba(19,87,255,.5)}.badge-white{color:#212529;background-color:#fff}a.badge-white:focus,a.badge-white:hover{color:#212529;background-color:#e6e6e6}a.badge-white.focus,a.badge-white:focus{outline:0;box-shadow:0 0 0 .2em rgba(255,255,255,.5)}.badge{vertical-align:middle}.badge .ic{width:14px;height:14px;margin-left:4px;font-size:12px;font-weight:600;line-height:12px;vertical-align:middle;cursor:pointer}.badge-sm{padding:0 4px}.badge-dot,.badge-dot:empty{display:inline-block;width:8px;height:8px;padding:0}.badge-cloud,.badge-info,.badge-light,.badge-smoke,.badge-warning{color:#212121}
+.badge{font-size:.75rem;line-height:16px;letter-spacing:.2px}.badge{display:inline-block;padding:4px 8px;font-size:.875rem;font-weight:400;line-height:1;text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:4px;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media (prefers-reduced-motion:reduce){.badge{transition:none}}a.badge:focus,a.badge:hover{text-decoration:none}.badge:empty{display:none}.btn .badge{position:relative;top:-1px}.badge-pill{padding-right:.6em;padding-left:.6em;border-radius:10rem}.badge-danger{color:#fff;background-color:#d74022}a.badge-danger:focus,a.badge-danger:hover{color:#fff;background-color:#ab331b}a.badge-danger.focus,a.badge-danger:focus{outline:0;box-shadow:0 0 0 .2em rgba(215,64,34,.5)}.badge-success{color:#fff;background-color:#009f61}a.badge-success:focus,a.badge-success:hover{color:#fff;background-color:#006c42}a.badge-success.focus,a.badge-success:focus{outline:0;box-shadow:0 0 0 .2em rgba(0,159,97,.5)}.badge-info{color:#212529;background-color:#ffeb99}a.badge-info:focus,a.badge-info:hover{color:#212529;background-color:#ffe166}a.badge-info.focus,a.badge-info:focus{outline:0;box-shadow:0 0 0 .2em rgba(255,235,153,.5)}.badge-warning{color:#212529;background-color:#ffb700}a.badge-warning:focus,a.badge-warning:hover{color:#212529;background-color:#cc9200}a.badge-warning.focus,a.badge-warning:focus{outline:0;box-shadow:0 0 0 .2em rgba(255,183,0,.5)}.badge-primary{color:#fff;background-color:#005fbf}a.badge-primary:focus,a.badge-primary:hover{color:#fff;background-color:#00468c}a.badge-primary.focus,a.badge-primary:focus{outline:0;box-shadow:0 0 0 .2em rgba(0,95,191,.5)}.badge-jurnal{color:#fff;background-color:#009bde}a.badge-jurnal:focus,a.badge-jurnal:hover{color:#fff;background-color:#0077ab}a.badge-jurnal.focus,a.badge-jurnal:focus{outline:0;box-shadow:0 0 0 .2em rgba(0,155,222,.5)}.badge-talenta{color:#fff;background-color:#c02a34}a.badge-talenta:focus,a.badge-talenta:hover{color:#fff;background-color:#962129}a.badge-talenta.focus,a.badge-talenta:focus{outline:0;box-shadow:0 0 0 .2em rgba(192,42,52,.5)}.badge-klikpajak{color:#fff;background-color:#f96d01}a.badge-klikpajak:focus,a.badge-klikpajak:hover{color:#fff;background-color:#c65701}a.badge-klikpajak.focus,a.badge-klikpajak:focus{outline:0;box-shadow:0 0 0 .2em rgba(249,109,1,.5)}.badge-mekari{color:#fff;background-color:#6d48e5}a.badge-mekari:focus,a.badge-mekari:hover{color:#fff;background-color:#4b1fdb}a.badge-mekari.focus,a.badge-mekari:focus{outline:0;box-shadow:0 0 0 .2em rgba(109,72,229,.5)}.badge-dark{color:#fff;background-color:#212121}a.badge-dark:focus,a.badge-dark:hover{color:#fff;background-color:#080808}a.badge-dark.focus,a.badge-dark:focus{outline:0;box-shadow:0 0 0 .2em rgba(33,33,33,.5)}.badge-slate{color:#fff;background-color:#777}a.badge-slate:focus,a.badge-slate:hover{color:#fff;background-color:#5e5e5e}a.badge-slate.focus,a.badge-slate:focus{outline:0;box-shadow:0 0 0 .2em rgba(119,119,119,.5)}.badge-muted{color:#212529;background-color:#b4b4b4}a.badge-muted:focus,a.badge-muted:hover{color:#212529;background-color:#9b9b9b}a.badge-muted.focus,a.badge-muted:focus{outline:0;box-shadow:0 0 0 .2em rgba(180,180,180,.5)}.badge-smoke{color:#212529;background-color:#e2e2e2}a.badge-smoke:focus,a.badge-smoke:hover{color:#212529;background-color:#c9c9c9}a.badge-smoke.focus,a.badge-smoke:focus{outline:0;box-shadow:0 0 0 .2em rgba(226,226,226,.5)}.badge-light{color:#212529;background-color:#fbfbfb}a.badge-light:focus,a.badge-light:hover{color:#212529;background-color:#e2e2e2}a.badge-light.focus,a.badge-light:focus{outline:0;box-shadow:0 0 0 .2em rgba(251,251,251,.5)}.badge-cloud{color:#212529;background-color:#f2f4f7}a.badge-cloud:focus,a.badge-cloud:hover{color:#212529;background-color:#d2d9e4}a.badge-cloud.focus,a.badge-cloud:focus{outline:0;box-shadow:0 0 0 .2em rgba(242,244,247,.5)}.badge-link{color:#fff;background-color:#1357ff}a.badge-link:focus,a.badge-link:hover{color:#fff;background-color:#0040df}a.badge-link.focus,a.badge-link:focus{outline:0;box-shadow:0 0 0 .2em rgba(19,87,255,.5)}.badge-white{color:#212529;background-color:#fff}a.badge-white:focus,a.badge-white:hover{color:#212529;background-color:#e6e6e6}a.badge-white.focus,a.badge-white:focus{outline:0;box-shadow:0 0 0 .2em rgba(255,255,255,.5)}.badge{font-size:.75rem;line-height:1.25;vertical-align:middle}.badge .ic{width:12px;height:12px;font-size:14px;line-height:12px;color:inherit;vertical-align:middle;cursor:pointer}.badge .ic:first-child{margin-right:12px}.badge .ic:last-child{margin-left:12px}.badge-sm{padding:0 4px}.badge-dot,.badge-dot:empty{display:inline-block;width:8px;height:8px;padding:0}
 /*# sourceMappingURL=mekari-ui-badge-min.css.map */

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

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../scss/mixins/_text.scss","../../../scss/vendors/_badge.scss","../../../scss/vendors/_rfs.scss","../../../scss/vendors/mixins/_border-radius.scss","../../../scss/vendors/mixins/_transition.scss","../../../scss/vendors/mixins/_hover.scss","../../../scss/vendors/mixins/_badge.scss","../../../scss/components/config/_badge.scss"],"names":[],"mappings":"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","sourcesContent":["%font-size-base {\n font-size: $font-size-base; // 16px\n line-height: 20px;\n letter-spacing: $letter-spacing;\n}\n\n%font-size-sm {\n font-size: $font-size-sm; // 12px\n line-height: 16px;\n letter-spacing: $letter-spacing;\n}\n","// Base class\n//\n// Requires one of the contextual, color modifier classes for `color` and\n// `background-color`.\n\n.#{$prefix}badge {\n display: inline-block;\n padding: $badge-padding-y $badge-padding-x;\n @include font-size($badge-font-size);\n font-weight: $badge-font-weight;\n line-height: 1;\n text-align: center;\n white-space: nowrap;\n vertical-align: baseline;\n @include border-radius($badge-border-radius);\n @include transition($badge-transition);\n\n @at-root a#{&} {\n @include hover-focus {\n text-decoration: none;\n }\n }\n\n // Empty badges collapse automatically\n &:empty {\n display: none;\n }\n}\n\n// Quick fix for badges in buttons\n.#{$prefix}btn .#{$prefix}badge {\n position: relative;\n top: -1px;\n}\n\n// Pill badges\n//\n// Make them extra rounded with a modifier to replace v3's badges.\n\n.#{$prefix}badge-pill {\n padding-right: $badge-pill-padding-x;\n padding-left: $badge-pill-padding-x;\n @include border-radius($badge-pill-border-radius);\n}\n\n// Colors\n//\n// Contextual variations (linked badges get darker on :hover).\n\n@each $color, $value in $theme-colors {\n .#{$prefix}badge-#{$color} {\n @include badge-variant($value);\n }\n}\n","// stylelint-disable property-blacklist, scss/dollar-variable-default\n\n// SCSS RFS mixin\n//\n// Automated font-resizing\n//\n// See https://github.com/twbs/rfs\n\n// Configuration\n\n// Base font size\n$rfs-base-font-size: 1.25rem !default;\n$rfs-font-size-unit: rem !default;\n\n// Breakpoint at where font-size starts decreasing if screen width is smaller\n$rfs-breakpoint: 1200px !default;\n$rfs-breakpoint-unit: px !default;\n\n// Resize font-size based on screen height and width\n$rfs-two-dimensional: false !default;\n\n// Factor of decrease\n$rfs-factor: 10 !default;\n\n@if type-of($rfs-factor) != \"number\" or $rfs-factor <= 1 {\n @error \"`#{$rfs-factor}` is not a valid $rfs-factor, it must be greater than 1.\";\n}\n\n// Generate enable or disable classes. Possibilities: false, \"enable\" or \"disable\"\n$rfs-class: false !default;\n\n// 1 rem = $rfs-rem-value px\n$rfs-rem-value: 16 !default;\n\n// Safari iframe resize bug: https://github.com/twbs/rfs/issues/14\n$rfs-safari-iframe-resize-bug-fix: false !default;\n\n// Disable RFS by setting $enable-responsive-font-sizes to false\n$enable-responsive-font-sizes: true !default;\n\n// Cache $rfs-base-font-size unit\n$rfs-base-font-size-unit: unit($rfs-base-font-size);\n\n// Remove px-unit from $rfs-base-font-size for calculations\n@if $rfs-base-font-size-unit == \"px\" {\n $rfs-base-font-size: $rfs-base-font-size / ($rfs-base-font-size * 0 + 1);\n}\n@else if $rfs-base-font-size-unit == \"rem\" {\n $rfs-base-font-size: $rfs-base-font-size / ($rfs-base-font-size * 0 + 1 / $rfs-rem-value);\n}\n\n// Cache $rfs-breakpoint unit to prevent multiple calls\n$rfs-breakpoint-unit-cache: unit($rfs-breakpoint);\n\n// Remove unit from $rfs-breakpoint for calculations\n@if $rfs-breakpoint-unit-cache == \"px\" {\n $rfs-breakpoint: $rfs-breakpoint / ($rfs-breakpoint * 0 + 1);\n}\n@else if $rfs-breakpoint-unit-cache == \"rem\" or $rfs-breakpoint-unit-cache == \"em\" {\n $rfs-breakpoint: $rfs-breakpoint / ($rfs-breakpoint * 0 + 1 / $rfs-rem-value);\n}\n\n// Responsive font-size mixin\n@mixin rfs($fs, $important: false) {\n // Cache $fs unit\n $fs-unit: if(type-of($fs) == \"number\", unit($fs), false);\n\n // Add !important suffix if needed\n $rfs-suffix: if($important, \" !important\", \"\");\n\n // If $fs isn't a number (like inherit) or $fs has a unit (not px or rem, like 1.5em) or $ is 0, just print the value\n @if not $fs-unit or $fs-unit != \"\" and $fs-unit != \"px\" and $fs-unit != \"rem\" or $fs == 0 {\n font-size: #{$fs}#{$rfs-suffix};\n }\n @else {\n // Variables for storing static and fluid rescaling\n $rfs-static: null;\n $rfs-fluid: null;\n\n // Remove px-unit from $fs for calculations\n @if $fs-unit == \"px\" {\n $fs: $fs / ($fs * 0 + 1);\n }\n @else if $fs-unit == \"rem\" {\n $fs: $fs / ($fs * 0 + 1 / $rfs-rem-value);\n }\n\n // Set default font-size\n @if $rfs-font-size-unit == rem {\n $rfs-static: #{$fs / $rfs-rem-value}rem#{$rfs-suffix};\n }\n @else if $rfs-font-size-unit == px {\n $rfs-static: #{$fs}px#{$rfs-suffix};\n }\n @else {\n @error \"`#{$rfs-font-size-unit}` is not a valid unit for $rfs-font-size-unit. Use `px` or `rem`.\";\n }\n\n // Only add media query if font-size is bigger as the minimum font-size\n // If $rfs-factor == 1, no rescaling will take place\n @if $fs > $rfs-base-font-size and $enable-responsive-font-sizes {\n $min-width: null;\n $variable-unit: null;\n\n // Calculate minimum font-size for given font-size\n $fs-min: $rfs-base-font-size + ($fs - $rfs-base-font-size) / $rfs-factor;\n\n // Calculate difference between given font-size and minimum font-size for given font-size\n $fs-diff: $fs - $fs-min;\n\n // Base font-size formatting\n // No need to check if the unit is valid, because we did that before\n $min-width: if($rfs-font-size-unit == rem, #{$fs-min / $rfs-rem-value}rem, #{$fs-min}px);\n\n // If two-dimensional, use smallest of screen width and height\n $variable-unit: if($rfs-two-dimensional, vmin, vw);\n\n // Calculate the variable width between 0 and $rfs-breakpoint\n $variable-width: #{$fs-diff * 100 / $rfs-breakpoint}#{$variable-unit};\n\n // Set the calculated font-size.\n $rfs-fluid: calc(#{$min-width} + #{$variable-width}) #{$rfs-suffix};\n }\n\n // Rendering\n @if $rfs-fluid == null {\n // Only render static font-size if no fluid font-size is available\n font-size: $rfs-static;\n }\n @else {\n $mq-value: null;\n\n // RFS breakpoint formatting\n @if $rfs-breakpoint-unit == em or $rfs-breakpoint-unit == rem {\n $mq-value: #{$rfs-breakpoint / $rfs-rem-value}#{$rfs-breakpoint-unit};\n }\n @else if $rfs-breakpoint-unit == px {\n $mq-value: #{$rfs-breakpoint}px;\n }\n @else {\n @error \"`#{$rfs-breakpoint-unit}` is not a valid unit for $rfs-breakpoint-unit. Use `px`, `em` or `rem`.\";\n }\n\n @if $rfs-class == \"disable\" {\n // Adding an extra class increases specificity,\n // which prevents the media query to override the font size\n &,\n .disable-responsive-font-size &,\n &.disable-responsive-font-size {\n font-size: $rfs-static;\n }\n }\n @else {\n font-size: $rfs-static;\n }\n\n @if $rfs-two-dimensional {\n @media (max-width: #{$mq-value}), (max-height: #{$mq-value}) {\n @if $rfs-class == \"enable\" {\n .enable-responsive-font-size &,\n &.enable-responsive-font-size {\n font-size: $rfs-fluid;\n }\n }\n @else {\n font-size: $rfs-fluid;\n }\n\n @if $rfs-safari-iframe-resize-bug-fix {\n // stylelint-disable-next-line length-zero-no-unit\n min-width: 0vw;\n }\n }\n }\n @else {\n @media (max-width: #{$mq-value}) {\n @if $rfs-class == \"enable\" {\n .enable-responsive-font-size &,\n &.enable-responsive-font-size {\n font-size: $rfs-fluid;\n }\n }\n @else {\n font-size: $rfs-fluid;\n }\n\n @if $rfs-safari-iframe-resize-bug-fix {\n // stylelint-disable-next-line length-zero-no-unit\n min-width: 0vw;\n }\n }\n }\n }\n }\n}\n\n// The font-size & responsive-font-size mixin uses RFS to rescale font sizes\n@mixin font-size($fs, $important: false) {\n @include rfs($fs, $important);\n}\n\n@mixin responsive-font-size($fs, $important: false) {\n @include rfs($fs, $important);\n}\n","// stylelint-disable property-blacklist\n// Single side border-radius\n\n@mixin border-radius($radius: $border-radius, $fallback-border-radius: false) {\n @if $enable-rounded {\n border-radius: $radius;\n }\n @else if $fallback-border-radius != false {\n border-radius: $fallback-border-radius;\n }\n}\n\n@mixin border-top-radius($radius) {\n @if $enable-rounded {\n border-top-left-radius: $radius;\n border-top-right-radius: $radius;\n }\n}\n\n@mixin border-right-radius($radius) {\n @if $enable-rounded {\n border-top-right-radius: $radius;\n border-bottom-right-radius: $radius;\n }\n}\n\n@mixin border-bottom-radius($radius) {\n @if $enable-rounded {\n border-bottom-right-radius: $radius;\n border-bottom-left-radius: $radius;\n }\n}\n\n@mixin border-left-radius($radius) {\n @if $enable-rounded {\n border-top-left-radius: $radius;\n border-bottom-left-radius: $radius;\n }\n}\n\n@mixin border-top-left-radius($radius) {\n @if $enable-rounded {\n border-top-left-radius: $radius;\n }\n}\n\n@mixin border-top-right-radius($radius) {\n @if $enable-rounded {\n border-top-right-radius: $radius;\n }\n}\n\n@mixin border-bottom-right-radius($radius) {\n @if $enable-rounded {\n border-bottom-right-radius: $radius;\n }\n}\n\n@mixin border-bottom-left-radius($radius) {\n @if $enable-rounded {\n border-bottom-left-radius: $radius;\n }\n}\n","// stylelint-disable property-blacklist\n@mixin transition($transition...) {\n @if $enable-transitions {\n @if length($transition) == 0 {\n transition: $transition-base;\n } @else {\n transition: $transition;\n }\n }\n\n @if $enable-prefers-reduced-motion-media-query {\n @media (prefers-reduced-motion: reduce) {\n transition: none;\n }\n }\n}\n","// Hover mixin and `$enable-hover-media-query` are deprecated.\n//\n// Originally added during our alphas and maintained during betas, this mixin was\n// designed to prevent `:hover` stickiness on iOS-an issue where hover styles\n// would persist after initial touch.\n//\n// For backward compatibility, we've kept these mixins and updated them to\n// always return their regular pseudo-classes instead of a shimmed media query.\n//\n// Issue: https://github.com/twbs/bootstrap/issues/25195\n\n@mixin hover {\n &:hover { @content; }\n}\n\n@mixin hover-focus {\n &:hover,\n &:focus {\n @content;\n }\n}\n\n@mixin plain-hover-focus {\n &,\n &:hover,\n &:focus {\n @content;\n }\n}\n\n@mixin hover-focus-active {\n &:hover,\n &:focus,\n &:active {\n @content;\n }\n}\n","@mixin badge-variant($bg) {\n color: color-yiq($bg);\n background-color: $bg;\n\n @at-root a#{&} {\n @include hover-focus {\n color: color-yiq($bg);\n background-color: darken($bg, 10%);\n }\n\n &:focus,\n &.focus {\n outline: 0;\n box-shadow: 0 0 0 $badge-focus-width rgba($bg, .5);\n }\n }\n}\n",".#{$prefix}badge {\n vertical-align: middle;\n @extend %font-size-sm;\n\n .ic {\n width: 14px;\n height: 14px;\n margin-left: 4px;\n font-size: 12px;\n font-weight: 600;\n line-height: 12px;\n vertical-align: middle;\n cursor: pointer;\n }\n\n &-sm {\n padding: 0 4px;\n }\n\n &-dot,\n &-dot:empty {\n display: inline-block;\n width: 8px;\n height: 8px;\n padding: 0;\n }\n\n &-cloud,\n &-info,\n &-light,\n &-smoke,\n &-warning {\n color: $dark;\n }\n}\n"]}
1	+ {"version":3,"sources":["../../../scss/mixins/_text.scss","../../../scss/vendors/_badge.scss","../../../scss/vendors/_rfs.scss","../../../scss/vendors/mixins/_border-radius.scss","../../../scss/vendors/mixins/_transition.scss","../../../scss/vendors/mixins/_hover.scss","../../../scss/vendors/mixins/_badge.scss","../../../scss/components/config/_badge.scss"],"names":[],"mappings":"AAMA,OACE,UAAA,OACA,YAAA,KACA,eAAA,KCJF,OACE,QAAA,aACA,QAAA,IAAA,ICwHI,UAAA,QDtHJ,YAAA,IACA,YAAA,EACA,WAAA,OACA,YAAA,OACA,eAAA,SERE,cAAA,ICCE,WAAA,MAAA,KAAA,WAAA,CAAA,iBAAA,KAAA,WAAA,CAAA,aAAA,KAAA,WAAA,CAAA,WAAA,KAAA,YAKF,uCHNJ,OGOM,WAAA,MCIJ,cAAA,cJGI,gBAAA,KAdN,aAoBI,QAAA,KAKJ,YACE,SAAA,SACA,IAAA,KAOF,YACE,cAAA,KACA,aAAA,KEpCE,cAAA,MF6CF,cKjDA,MAAA,KACA,iBAAA,QDcA,qBAAA,qBCVI,MAAA,KACA,iBAAA,QAHI,qBAAA,qBAQJ,QAAA,EACA,WAAA,EAAA,EAAA,EAAA,KAAA,mBLqCJ,eKjDA,MAAA,KACA,iBAAA,QDcA,sBAAA,sBCVI,MAAA,KACA,iBAAA,QAHI,sBAAA,sBAQJ,QAAA,EACA,WAAA,EAAA,EAAA,EAAA,KAAA,kBLqCJ,YKjDA,MAAA,QACA,iBAAA,QDcA,mBAAA,mBCVI,MAAA,QACA,iBAAA,QAHI,mBAAA,mBAQJ,QAAA,EACA,WAAA,EAAA,EAAA,EAAA,KAAA,qBLqCJ,eKjDA,MAAA,QACA,iBAAA,QDcA,sBAAA,sBCVI,MAAA,QACA,iBAAA,QAHI,sBAAA,sBAQJ,QAAA,EACA,WAAA,EAAA,EAAA,EAAA,KAAA,mBLqCJ,eKjDA,MAAA,KACA,iBAAA,QDcA,sBAAA,sBCVI,MAAA,KACA,iBAAA,QAHI,sBAAA,sBAQJ,QAAA,EACA,WAAA,EAAA,EAAA,EAAA,KAAA,kBLqCJ,cKjDA,MAAA,KACA,iBAAA,QDcA,qBAAA,qBCVI,MAAA,KACA,iBAAA,QAHI,qBAAA,qBAQJ,QAAA,EACA,WAAA,EAAA,EAAA,EAAA,KAAA,mBLqCJ,eKjDA,MAAA,KACA,iBAAA,QDcA,sBAAA,sBCVI,MAAA,KACA,iBAAA,QAHI,sBAAA,sBAQJ,QAAA,EACA,WAAA,EAAA,EAAA,EAAA,KAAA,mBLqCJ,iBKjDA,MAAA,KACA,iBAAA,QDcA,wBAAA,wBCVI,MAAA,KACA,iBAAA,QAHI,wBAAA,wBAQJ,QAAA,EACA,WAAA,EAAA,EAAA,EAAA,KAAA,mBLqCJ,cKjDA,MAAA,KACA,iBAAA,QDcA,qBAAA,qBCVI,MAAA,KACA,iBAAA,QAHI,qBAAA,qBAQJ,QAAA,EACA,WAAA,EAAA,EAAA,EAAA,KAAA,oBLqCJ,YKjDA,MAAA,KACA,iBAAA,QDcA,mBAAA,mBCVI,MAAA,KACA,iBAAA,QAHI,mBAAA,mBAQJ,QAAA,EACA,WAAA,EAAA,EAAA,EAAA,KAAA,kBLqCJ,aKjDA,MAAA,KACA,iBAAA,KDcA,oBAAA,oBCVI,MAAA,KACA,iBAAA,QAHI,oBAAA,oBAQJ,QAAA,EACA,WAAA,EAAA,EAAA,EAAA,KAAA,qBLqCJ,aKjDA,MAAA,QACA,iBAAA,QDcA,oBAAA,oBCVI,MAAA,QACA,iBAAA,QAHI,oBAAA,oBAQJ,QAAA,EACA,WAAA,EAAA,EAAA,EAAA,KAAA,qBLqCJ,aKjDA,MAAA,QACA,iBAAA,QDcA,oBAAA,oBCVI,MAAA,QACA,iBAAA,QAHI,oBAAA,oBAQJ,QAAA,EACA,WAAA,EAAA,EAAA,EAAA,KAAA,qBLqCJ,aKjDA,MAAA,QACA,iBAAA,QDcA,oBAAA,oBCVI,MAAA,QACA,iBAAA,QAHI,oBAAA,oBAQJ,QAAA,EACA,WAAA,EAAA,EAAA,EAAA,KAAA,qBLqCJ,aKjDA,MAAA,QACA,iBAAA,QDcA,oBAAA,oBCVI,MAAA,QACA,iBAAA,QAHI,oBAAA,oBAQJ,QAAA,EACA,WAAA,EAAA,EAAA,EAAA,KAAA,qBLqCJ,YKjDA,MAAA,KACA,iBAAA,QDcA,mBAAA,mBCVI,MAAA,KACA,iBAAA,QAHI,mBAAA,mBAQJ,QAAA,EACA,WAAA,EAAA,EAAA,EAAA,KAAA,mBLqCJ,aKjDA,MAAA,QACA,iBAAA,KDcA,oBAAA,oBCVI,MAAA,QACA,iBAAA,QAHI,oBAAA,oBAQJ,QAAA,EACA,WAAA,EAAA,EAAA,EAAA,KAAA,qBLRN,OMJE,UAAA,OACA,YAAA,KACA,eAAA,OAHF,WAOI,MAAA,KACA,OAAA,KACA,UAAA,KACA,YAAA,KACA,MAAA,QACA,eAAA,OACA,OAAA,QAbJ,uBAeM,aAAA,KAfN,sBAkBM,YAAA,KAIJ,UACE,QAAA,EAAA,IAGF,WAAA,iBAEE,QAAA,aACA,MAAA,IACA,OAAA,IACA,QAAA","sourcesContent":["%font-size-base {\n font-size: $font-size-base; // 16px\n line-height: 20px;\n letter-spacing: $letter-spacing;\n}\n\n%font-size-sm {\n font-size: $font-size-sm; // 12px\n line-height: 16px;\n letter-spacing: $letter-spacing;\n}\n","// Base class\n//\n// Requires one of the contextual, color modifier classes for `color` and\n// `background-color`.\n\n.#{$prefix}badge {\n display: inline-block;\n padding: $badge-padding-y $badge-padding-x;\n @include font-size($badge-font-size);\n font-weight: $badge-font-weight;\n line-height: 1;\n text-align: center;\n white-space: nowrap;\n vertical-align: baseline;\n @include border-radius($badge-border-radius);\n @include transition($badge-transition);\n\n @at-root a#{&} {\n @include hover-focus {\n text-decoration: none;\n }\n }\n\n // Empty badges collapse automatically\n &:empty {\n display: none;\n }\n}\n\n// Quick fix for badges in buttons\n.#{$prefix}btn .#{$prefix}badge {\n position: relative;\n top: -1px;\n}\n\n// Pill badges\n//\n// Make them extra rounded with a modifier to replace v3's badges.\n\n.#{$prefix}badge-pill {\n padding-right: $badge-pill-padding-x;\n padding-left: $badge-pill-padding-x;\n @include border-radius($badge-pill-border-radius);\n}\n\n// Colors\n//\n// Contextual variations (linked badges get darker on :hover).\n\n@each $color, $value in $theme-colors {\n .#{$prefix}badge-#{$color} {\n @include badge-variant($value);\n }\n}\n","// stylelint-disable property-blacklist, scss/dollar-variable-default\n\n// SCSS RFS mixin\n//\n// Automated font-resizing\n//\n// See https://github.com/twbs/rfs\n\n// Configuration\n\n// Base font size\n$rfs-base-font-size: 1.25rem !default;\n$rfs-font-size-unit: rem !default;\n\n// Breakpoint at where font-size starts decreasing if screen width is smaller\n$rfs-breakpoint: 1200px !default;\n$rfs-breakpoint-unit: px !default;\n\n// Resize font-size based on screen height and width\n$rfs-two-dimensional: false !default;\n\n// Factor of decrease\n$rfs-factor: 10 !default;\n\n@if type-of($rfs-factor) != \"number\" or $rfs-factor <= 1 {\n @error \"`#{$rfs-factor}` is not a valid $rfs-factor, it must be greater than 1.\";\n}\n\n// Generate enable or disable classes. Possibilities: false, \"enable\" or \"disable\"\n$rfs-class: false !default;\n\n// 1 rem = $rfs-rem-value px\n$rfs-rem-value: 16 !default;\n\n// Safari iframe resize bug: https://github.com/twbs/rfs/issues/14\n$rfs-safari-iframe-resize-bug-fix: false !default;\n\n// Disable RFS by setting $enable-responsive-font-sizes to false\n$enable-responsive-font-sizes: true !default;\n\n// Cache $rfs-base-font-size unit\n$rfs-base-font-size-unit: unit($rfs-base-font-size);\n\n// Remove px-unit from $rfs-base-font-size for calculations\n@if $rfs-base-font-size-unit == \"px\" {\n $rfs-base-font-size: $rfs-base-font-size / ($rfs-base-font-size * 0 + 1);\n}\n@else if $rfs-base-font-size-unit == \"rem\" {\n $rfs-base-font-size: $rfs-base-font-size / ($rfs-base-font-size * 0 + 1 / $rfs-rem-value);\n}\n\n// Cache $rfs-breakpoint unit to prevent multiple calls\n$rfs-breakpoint-unit-cache: unit($rfs-breakpoint);\n\n// Remove unit from $rfs-breakpoint for calculations\n@if $rfs-breakpoint-unit-cache == \"px\" {\n $rfs-breakpoint: $rfs-breakpoint / ($rfs-breakpoint * 0 + 1);\n}\n@else if $rfs-breakpoint-unit-cache == \"rem\" or $rfs-breakpoint-unit-cache == \"em\" {\n $rfs-breakpoint: $rfs-breakpoint / ($rfs-breakpoint * 0 + 1 / $rfs-rem-value);\n}\n\n// Responsive font-size mixin\n@mixin rfs($fs, $important: false) {\n // Cache $fs unit\n $fs-unit: if(type-of($fs) == \"number\", unit($fs), false);\n\n // Add !important suffix if needed\n $rfs-suffix: if($important, \" !important\", \"\");\n\n // If $fs isn't a number (like inherit) or $fs has a unit (not px or rem, like 1.5em) or $ is 0, just print the value\n @if not $fs-unit or $fs-unit != \"\" and $fs-unit != \"px\" and $fs-unit != \"rem\" or $fs == 0 {\n font-size: #{$fs}#{$rfs-suffix};\n }\n @else {\n // Variables for storing static and fluid rescaling\n $rfs-static: null;\n $rfs-fluid: null;\n\n // Remove px-unit from $fs for calculations\n @if $fs-unit == \"px\" {\n $fs: $fs / ($fs * 0 + 1);\n }\n @else if $fs-unit == \"rem\" {\n $fs: $fs / ($fs * 0 + 1 / $rfs-rem-value);\n }\n\n // Set default font-size\n @if $rfs-font-size-unit == rem {\n $rfs-static: #{$fs / $rfs-rem-value}rem#{$rfs-suffix};\n }\n @else if $rfs-font-size-unit == px {\n $rfs-static: #{$fs}px#{$rfs-suffix};\n }\n @else {\n @error \"`#{$rfs-font-size-unit}` is not a valid unit for $rfs-font-size-unit. Use `px` or `rem`.\";\n }\n\n // Only add media query if font-size is bigger as the minimum font-size\n // If $rfs-factor == 1, no rescaling will take place\n @if $fs > $rfs-base-font-size and $enable-responsive-font-sizes {\n $min-width: null;\n $variable-unit: null;\n\n // Calculate minimum font-size for given font-size\n $fs-min: $rfs-base-font-size + ($fs - $rfs-base-font-size) / $rfs-factor;\n\n // Calculate difference between given font-size and minimum font-size for given font-size\n $fs-diff: $fs - $fs-min;\n\n // Base font-size formatting\n // No need to check if the unit is valid, because we did that before\n $min-width: if($rfs-font-size-unit == rem, #{$fs-min / $rfs-rem-value}rem, #{$fs-min}px);\n\n // If two-dimensional, use smallest of screen width and height\n $variable-unit: if($rfs-two-dimensional, vmin, vw);\n\n // Calculate the variable width between 0 and $rfs-breakpoint\n $variable-width: #{$fs-diff * 100 / $rfs-breakpoint}#{$variable-unit};\n\n // Set the calculated font-size.\n $rfs-fluid: calc(#{$min-width} + #{$variable-width}) #{$rfs-suffix};\n }\n\n // Rendering\n @if $rfs-fluid == null {\n // Only render static font-size if no fluid font-size is available\n font-size: $rfs-static;\n }\n @else {\n $mq-value: null;\n\n // RFS breakpoint formatting\n @if $rfs-breakpoint-unit == em or $rfs-breakpoint-unit == rem {\n $mq-value: #{$rfs-breakpoint / $rfs-rem-value}#{$rfs-breakpoint-unit};\n }\n @else if $rfs-breakpoint-unit == px {\n $mq-value: #{$rfs-breakpoint}px;\n }\n @else {\n @error \"`#{$rfs-breakpoint-unit}` is not a valid unit for $rfs-breakpoint-unit. Use `px`, `em` or `rem`.\";\n }\n\n @if $rfs-class == \"disable\" {\n // Adding an extra class increases specificity,\n // which prevents the media query to override the font size\n &,\n .disable-responsive-font-size &,\n &.disable-responsive-font-size {\n font-size: $rfs-static;\n }\n }\n @else {\n font-size: $rfs-static;\n }\n\n @if $rfs-two-dimensional {\n @media (max-width: #{$mq-value}), (max-height: #{$mq-value}) {\n @if $rfs-class == \"enable\" {\n .enable-responsive-font-size &,\n &.enable-responsive-font-size {\n font-size: $rfs-fluid;\n }\n }\n @else {\n font-size: $rfs-fluid;\n }\n\n @if $rfs-safari-iframe-resize-bug-fix {\n // stylelint-disable-next-line length-zero-no-unit\n min-width: 0vw;\n }\n }\n }\n @else {\n @media (max-width: #{$mq-value}) {\n @if $rfs-class == \"enable\" {\n .enable-responsive-font-size &,\n &.enable-responsive-font-size {\n font-size: $rfs-fluid;\n }\n }\n @else {\n font-size: $rfs-fluid;\n }\n\n @if $rfs-safari-iframe-resize-bug-fix {\n // stylelint-disable-next-line length-zero-no-unit\n min-width: 0vw;\n }\n }\n }\n }\n }\n}\n\n// The font-size & responsive-font-size mixin uses RFS to rescale font sizes\n@mixin font-size($fs, $important: false) {\n @include rfs($fs, $important);\n}\n\n@mixin responsive-font-size($fs, $important: false) {\n @include rfs($fs, $important);\n}\n","// stylelint-disable property-blacklist\n// Single side border-radius\n\n@mixin border-radius($radius: $border-radius, $fallback-border-radius: false) {\n @if $enable-rounded {\n border-radius: $radius;\n }\n @else if $fallback-border-radius != false {\n border-radius: $fallback-border-radius;\n }\n}\n\n@mixin border-top-radius($radius) {\n @if $enable-rounded {\n border-top-left-radius: $radius;\n border-top-right-radius: $radius;\n }\n}\n\n@mixin border-right-radius($radius) {\n @if $enable-rounded {\n border-top-right-radius: $radius;\n border-bottom-right-radius: $radius;\n }\n}\n\n@mixin border-bottom-radius($radius) {\n @if $enable-rounded {\n border-bottom-right-radius: $radius;\n border-bottom-left-radius: $radius;\n }\n}\n\n@mixin border-left-radius($radius) {\n @if $enable-rounded {\n border-top-left-radius: $radius;\n border-bottom-left-radius: $radius;\n }\n}\n\n@mixin border-top-left-radius($radius) {\n @if $enable-rounded {\n border-top-left-radius: $radius;\n }\n}\n\n@mixin border-top-right-radius($radius) {\n @if $enable-rounded {\n border-top-right-radius: $radius;\n }\n}\n\n@mixin border-bottom-right-radius($radius) {\n @if $enable-rounded {\n border-bottom-right-radius: $radius;\n }\n}\n\n@mixin border-bottom-left-radius($radius) {\n @if $enable-rounded {\n border-bottom-left-radius: $radius;\n }\n}\n","// stylelint-disable property-blacklist\n@mixin transition($transition...) {\n @if $enable-transitions {\n @if length($transition) == 0 {\n transition: $transition-base;\n } @else {\n transition: $transition;\n }\n }\n\n @if $enable-prefers-reduced-motion-media-query {\n @media (prefers-reduced-motion: reduce) {\n transition: none;\n }\n }\n}\n","// Hover mixin and `$enable-hover-media-query` are deprecated.\n//\n// Originally added during our alphas and maintained during betas, this mixin was\n// designed to prevent `:hover` stickiness on iOS-an issue where hover styles\n// would persist after initial touch.\n//\n// For backward compatibility, we've kept these mixins and updated them to\n// always return their regular pseudo-classes instead of a shimmed media query.\n//\n// Issue: https://github.com/twbs/bootstrap/issues/25195\n\n@mixin hover {\n &:hover { @content; }\n}\n\n@mixin hover-focus {\n &:hover,\n &:focus {\n @content;\n }\n}\n\n@mixin plain-hover-focus {\n &,\n &:hover,\n &:focus {\n @content;\n }\n}\n\n@mixin hover-focus-active {\n &:hover,\n &:focus,\n &:active {\n @content;\n }\n}\n","@mixin badge-variant($bg) {\n color: color-yiq($bg);\n background-color: $bg;\n\n @at-root a#{&} {\n @include hover-focus {\n color: color-yiq($bg);\n background-color: darken($bg, 10%);\n }\n\n &:focus,\n &.focus {\n outline: 0;\n box-shadow: 0 0 0 $badge-focus-width rgba($bg, .5);\n }\n }\n}\n",".#{$prefix}badge {\n font-size: $font-size-sm;\n line-height: 1.25;\n vertical-align: middle;\n @extend %font-size-sm;\n\n .ic {\n width: 12px;\n height: 12px;\n font-size: 14px;\n line-height: 12px;\n color: inherit;\n vertical-align: middle;\n cursor: pointer;\n &:first-child {\n margin-right: 12px;\n }\n &:last-child {\n margin-left: 12px;\n }\n }\n\n &-sm {\n padding: 0 4px;\n }\n\n &-dot,\n &-dot:empty {\n display: inline-block;\n width: 8px;\n height: 8px;\n padding: 0;\n }\n}\n"]}

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

@@ -298,20 +298,29 @@ a.badge-white:focus, a.badge-white.focus {
 }
 .badge {
+  font-size: 0.75rem;
+  line-height: 1.25;
   vertical-align: middle;
 }
 .badge .ic {
-  width: 14px;
-  height: 14px;
-  margin-left: 4px;
-  font-size: 12px;
-  font-weight: 600;
+  width: 12px;
+  height: 12px;
+  font-size: 14px;
   line-height: 12px;
+  color: inherit;
   vertical-align: middle;
   cursor: pointer;
 }
+.badge .ic:first-child {
+  margin-right: 12px;
+}
+.badge .ic:last-child {
+  margin-left: 12px;
+}
 .badge-sm {
   padding: 0 4px;
 }
@@ -322,8 +331,4 @@ a.badge-white:focus, a.badge-white.focus {
   height: 8px;
   padding: 0;
 }
-.badge-cloud, .badge-info, .badge-light, .badge-smoke, .badge-warning {
-  color: #212121;
-}
 /*# sourceMappingURL=mekari-ui-badge.css.map */

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

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../scss/mixins/_text.scss","../../../scss/vendor-extensions/_typography.scss","mekari-ui-badge.css","../../../scss/vendors/_badge.scss","../../../scss/vendor-extensions/_badge.scss","../../../scss/vendors/_rfs.scss","../../../scss/vendors/mixins/_border-radius.scss","../../../scss/vendors/mixins/_transition.scss","../../../scss/vendors/mixins/_hover.scss","../../../scss/vendors/mixins/_badge.scss","../../../scss/vendor-extensions/_color.scss","../../../scss/components/config/_badge.scss"],"names":[],"mappings":"AAMA;EACE,kBCA0C;EDC1C,iBAAiB;EACjB,qBCGwC;ACR1C;;ACCA;EACE,qBAAqB;EACrB,gBCHqC;EC2HjC,mBAtCY;EFhFhB,gBFOuC;EENvC,cAAc;EACd,kBAAkB;EAClB,mBAAmB;EACnB,wBAAwB;EGRtB,kBFAqB;EGCnB,qIHAiI;AFWvI;;AKNI;EJNJ;IIOM,gBAAgB;ELUpB;AACF;;AMPE;ELGI,qBAAqB;ADQ3B;;ACtBA;EAoBI,aAAa;ADMjB;;ACDA;EACE,kBAAkB;EAClB,SAAS;ADIX;;ACGA;EACE,oBChCyB;EDiCzB,mBCjCyB;EEHvB,oBFIqC;AFiCzC;;ACQE;EMjDA,WCKU;EDJV,yBCQqB;ARqCvB;;AM/BE;ECVI,WCAM;EDCN,yBAAkC;AP6CxC;;AOhDU;EAQJ,UAAU;EACV,8CCHiB;AR+CvB;;ACPE;EMjDA,WCKU;EDJV,yBCSqB;ARmDvB;;AM9CE;ECVI,WCAM;EDCN,yBAAkC;AP4DxC;;AO/DU;EAQJ,UAAU;EACV,6CCFiB;AR6DvB;;ACtBE;EMjDA,cCgCgB;ED/BhB,yBCUqB;ARiEvB;;AM7DE;ECVI,cC2BY;ED1BZ,yBAAkC;AP2ExC;;AO9EU;EAQJ,UAAU;EACV,gDCDiB;AR2EvB;;ACrCE;EMjDA,cCgCgB;ED/BhB,yBCYqB;AR8EvB;;AM5EE;ECVI,cC2BY;ED1BZ,yBAAkC;AP0FxC;;AO7FU;EAQJ,UAAU;EACV,8CCCiB;ARwFvB;;ACpDE;EMjDA,WCKU;EDJV,yBCaqB;AR4FvB;;AM3FE;ECVI,WCAM;EDCN,yBAAkC;APyGxC;;AO5GU;EAQJ,UAAU;EACV,6CCEiB;ARsGvB;;ACnEE;EMjDA,WCKU;EDJV,yBCiBmB;ARuGrB;;AM1GE;ECVI,WCAM;EDCN,yBAAkC;APwHxC;;AO3HU;EAQJ,UAAU;EACV,8CCMe;ARiHrB;;AClFE;EMjDA,WCKU;EDJV,yBCgBmB;ARuHrB;;AMzHE;ECVI,WCAM;EDCN,yBAAkC;APuIxC;;AO1IU;EAQJ,UAAU;EACV,8CCKe;ARiIrB;;ACjGE;EMjDA,WCKU;EDJV,yBCkBmB;ARoIrB;;AMxIE;ECVI,WCAM;EDCN,yBAAkC;APsJxC;;AOzJU;EAQJ,UAAU;EACV,8CCOe;AR8IrB;;AChHE;EMjDA,WCKU;EDJV,yBCmBmB;ARkJrB;;AMvJE;ECVI,WCAM;EDCN,yBAAkC;APqKxC;;AOxKU;EAQJ,UAAU;EACV,+CCQe;AR4JrB;;AC/HE;EMjDA,WCKU;EDJV,yBCDa;ARqLf;;AMtKE;ECVI,WCAM;EDCN,yBAAkC;APoLxC;;AOvLU;EAQJ,UAAU;EACV,6CCZS;AR+Lf;;AC9IE;EMjDA,WCKU;EDJV,sBCAU;ARmMZ;;AMrLE;ECVI,WCAM;EDCN,yBAAkC;APmMxC;;AOtMU;EAQJ,UAAU;EACV,gDCXM;AR6MZ;;AC7JE;EMjDA,cCgCgB;ED/BhB,yBCCa;ARiNf;;AMpME;ECVI,cC2BY;ED1BZ,yBAAkC;APkNxC;;AOrNU;EAQJ,UAAU;EACV,gDCVS;AR2Nf;;AC5KE;EMjDA,cCgCgB;ED/BhB,yBCEa;AR+Nf;;AMnNE;ECVI,cC2BY;ED1BZ,yBAAkC;APiOxC;;AOpOU;EAQJ,UAAU;EACV,gDCTS;ARyOf;;AC3LE;EMjDA,cCgCgB;ED/BhB,yBCGa;AR6Of;;AMlOE;ECVI,cC2BY;ED1BZ,yBAAkC;APgPxC;;AOnPU;EAQJ,UAAU;EACV,gDCRS;ARuPf;;AC1ME;EMjDA,cCgCgB;ED/BhB,yBCKa;AR0Pf;;AMjPE;ECVI,cC2BY;ED1BZ,yBAAkC;AP+PxC;;AOlQU;EAQJ,UAAU;EACV,gDCNS;ARoQf;;ACzNE;EMjDA,WCKU;EDJV,yBCWqB;ARmQvB;;AMhQE;ECVI,WCAM;EDCN,yBAAkC;AP8QxC;;AOjRU;EAQJ,UAAU;EACV,8CCAiB;AR6QvB;;ACxOE;EMjDA,cCgCgB;ED/BhB,sBCIU;ARyRZ;;AM/QE;ECVI,cC2BY;ED1BZ,yBAAkC;AP6RxC;;AOhSU;EAQJ,UAAU;EACV,gDCPM;ARmSZ;;ACpSA;EQJE,sBAAsB;AT4SxB;;AS7SA;EAKI,WAAW;EACX,YAAY;EACZ,gBAAgB;EAChB,eAAe;EACf,gBAAgB;EAChB,iBAAiB;EACjB,sBAAsB;EACtB,eAAe;AT4SnB;;ASzSE;EACE,cAAc;AT4SlB;;ASzSE;EAEE,qBAAqB;EACrB,UAAU;EACV,WAAW;EACX,UAAU;AT2Sd;;ASxSE;EAKE,cD/BW;ARsUf","file":"mekari-ui-badge.css","sourcesContent":["%font-size-base {\n font-size: $font-size-base; // 16px\n line-height: 20px;\n letter-spacing: $letter-spacing;\n}\n\n%font-size-sm {\n font-size: $font-size-sm; // 12px\n line-height: 16px;\n letter-spacing: $letter-spacing;\n}\n","$font-family-roboto: \"Roboto\", \"Oxygen\", \"Ubuntu\", \"Fira Sans\", \"Droid Sans\", \"Helvetica Neue\", sans-serif;\n$font-family-base: $font-family-roboto;\n$font-family-monospace: monospace;\n\n// 1 rem = 16px\n$font-size-base: .875rem; // 14px\n$font-size-lg: 1.25rem; // 20px\n$font-size-sm: .75rem; // 12px\n\n$line-height-base: 1.4285; // The closest value to Mekari design\n$line-height-lg: 1.4285;\n$line-height-sm: 1.4285;\n$letter-spacing: .2px;\n\n$font-weight-lighter: 400;\n$font-weight-light: 400;\n$font-weight-normal: 400;\n$font-weight-base: 400;\n$font-weight-bold: 500;\n$font-weight-bolder: 500;\n\n$dt-font-weight: $font-weight-bold;\n\n// Text color\n$body-color: $dark;\n$link-color: $blue;\n$link-hover-color: darken($link-color, 15%) !default;\n$link-decoration: none;\n$link-hover-decoration: underline;\n\n$input-placeholder-color: $text-muted;\n$custom-select-disabled-color: $text-muted;\n$custom-control-label-disabled-color: $text-muted;\n",".badge {\n font-size: 0.75rem;\n line-height: 16px;\n letter-spacing: 0.2px;\n}\n\n.badge {\n display: inline-block;\n padding: 4px 8px;\n font-size: 0.875rem;\n font-weight: 400;\n line-height: 1;\n text-align: center;\n white-space: nowrap;\n vertical-align: baseline;\n border-radius: 4px;\n transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;\n}\n\n@media (prefers-reduced-motion: reduce) {\n .badge {\n transition: none;\n }\n}\n\na.badge:hover, a.badge:focus {\n text-decoration: none;\n}\n\n.badge:empty {\n display: none;\n}\n\n.btn .badge {\n position: relative;\n top: -1px;\n}\n\n.badge-pill {\n padding-right: 0.6em;\n padding-left: 0.6em;\n border-radius: 10rem;\n}\n\n.badge-danger {\n color: #fff;\n background-color: #d74022;\n}\n\na.badge-danger:hover, a.badge-danger:focus {\n color: #fff;\n background-color: #ab331b;\n}\n\na.badge-danger:focus, a.badge-danger.focus {\n outline: 0;\n box-shadow: 0 0 0 0.2em rgba(215, 64, 34, 0.5);\n}\n\n.badge-success {\n color: #fff;\n background-color: #009f61;\n}\n\na.badge-success:hover, a.badge-success:focus {\n color: #fff;\n background-color: #006c42;\n}\n\na.badge-success:focus, a.badge-success.focus {\n outline: 0;\n box-shadow: 0 0 0 0.2em rgba(0, 159, 97, 0.5);\n}\n\n.badge-info {\n color: #212529;\n background-color: #ffeb99;\n}\n\na.badge-info:hover, a.badge-info:focus {\n color: #212529;\n background-color: #ffe166;\n}\n\na.badge-info:focus, a.badge-info.focus {\n outline: 0;\n box-shadow: 0 0 0 0.2em rgba(255, 235, 153, 0.5);\n}\n\n.badge-warning {\n color: #212529;\n background-color: #ffb700;\n}\n\na.badge-warning:hover, a.badge-warning:focus {\n color: #212529;\n background-color: #cc9200;\n}\n\na.badge-warning:focus, a.badge-warning.focus {\n outline: 0;\n box-shadow: 0 0 0 0.2em rgba(255, 183, 0, 0.5);\n}\n\n.badge-primary {\n color: #fff;\n background-color: #005fbf;\n}\n\na.badge-primary:hover, a.badge-primary:focus {\n color: #fff;\n background-color: #00468c;\n}\n\na.badge-primary:focus, a.badge-primary.focus {\n outline: 0;\n box-shadow: 0 0 0 0.2em rgba(0, 95, 191, 0.5);\n}\n\n.badge-jurnal {\n color: #fff;\n background-color: #009bde;\n}\n\na.badge-jurnal:hover, a.badge-jurnal:focus {\n color: #fff;\n background-color: #0077ab;\n}\n\na.badge-jurnal:focus, a.badge-jurnal.focus {\n outline: 0;\n box-shadow: 0 0 0 0.2em rgba(0, 155, 222, 0.5);\n}\n\n.badge-talenta {\n color: #fff;\n background-color: #c02a34;\n}\n\na.badge-talenta:hover, a.badge-talenta:focus {\n color: #fff;\n background-color: #962129;\n}\n\na.badge-talenta:focus, a.badge-talenta.focus {\n outline: 0;\n box-shadow: 0 0 0 0.2em rgba(192, 42, 52, 0.5);\n}\n\n.badge-klikpajak {\n color: #fff;\n background-color: #f96d01;\n}\n\na.badge-klikpajak:hover, a.badge-klikpajak:focus {\n color: #fff;\n background-color: #c65701;\n}\n\na.badge-klikpajak:focus, a.badge-klikpajak.focus {\n outline: 0;\n box-shadow: 0 0 0 0.2em rgba(249, 109, 1, 0.5);\n}\n\n.badge-mekari {\n color: #fff;\n background-color: #6d48e5;\n}\n\na.badge-mekari:hover, a.badge-mekari:focus {\n color: #fff;\n background-color: #4b1fdb;\n}\n\na.badge-mekari:focus, a.badge-mekari.focus {\n outline: 0;\n box-shadow: 0 0 0 0.2em rgba(109, 72, 229, 0.5);\n}\n\n.badge-dark {\n color: #fff;\n background-color: #212121;\n}\n\na.badge-dark:hover, a.badge-dark:focus {\n color: #fff;\n background-color: #080808;\n}\n\na.badge-dark:focus, a.badge-dark.focus {\n outline: 0;\n box-shadow: 0 0 0 0.2em rgba(33, 33, 33, 0.5);\n}\n\n.badge-slate {\n color: #fff;\n background-color: #777;\n}\n\na.badge-slate:hover, a.badge-slate:focus {\n color: #fff;\n background-color: #5e5e5e;\n}\n\na.badge-slate:focus, a.badge-slate.focus {\n outline: 0;\n box-shadow: 0 0 0 0.2em rgba(119, 119, 119, 0.5);\n}\n\n.badge-muted {\n color: #212529;\n background-color: #b4b4b4;\n}\n\na.badge-muted:hover, a.badge-muted:focus {\n color: #212529;\n background-color: #9b9b9b;\n}\n\na.badge-muted:focus, a.badge-muted.focus {\n outline: 0;\n box-shadow: 0 0 0 0.2em rgba(180, 180, 180, 0.5);\n}\n\n.badge-smoke {\n color: #212529;\n background-color: #e2e2e2;\n}\n\na.badge-smoke:hover, a.badge-smoke:focus {\n color: #212529;\n background-color: #c9c9c9;\n}\n\na.badge-smoke:focus, a.badge-smoke.focus {\n outline: 0;\n box-shadow: 0 0 0 0.2em rgba(226, 226, 226, 0.5);\n}\n\n.badge-light {\n color: #212529;\n background-color: #fbfbfb;\n}\n\na.badge-light:hover, a.badge-light:focus {\n color: #212529;\n background-color: #e2e2e2;\n}\n\na.badge-light:focus, a.badge-light.focus {\n outline: 0;\n box-shadow: 0 0 0 0.2em rgba(251, 251, 251, 0.5);\n}\n\n.badge-cloud {\n color: #212529;\n background-color: #f2f4f7;\n}\n\na.badge-cloud:hover, a.badge-cloud:focus {\n color: #212529;\n background-color: #d2d9e4;\n}\n\na.badge-cloud:focus, a.badge-cloud.focus {\n outline: 0;\n box-shadow: 0 0 0 0.2em rgba(242, 244, 247, 0.5);\n}\n\n.badge-link {\n color: #fff;\n background-color: #1357ff;\n}\n\na.badge-link:hover, a.badge-link:focus {\n color: #fff;\n background-color: #0040df;\n}\n\na.badge-link:focus, a.badge-link.focus {\n outline: 0;\n box-shadow: 0 0 0 0.2em rgba(19, 87, 255, 0.5);\n}\n\n.badge-white {\n color: #212529;\n background-color: #fff;\n}\n\na.badge-white:hover, a.badge-white:focus {\n color: #212529;\n background-color: #e6e6e6;\n}\n\na.badge-white:focus, a.badge-white.focus {\n outline: 0;\n box-shadow: 0 0 0 0.2em rgba(255, 255, 255, 0.5);\n}\n\n.badge {\n vertical-align: middle;\n}\n\n.badge .ic {\n width: 14px;\n height: 14px;\n margin-left: 4px;\n font-size: 12px;\n font-weight: 600;\n line-height: 12px;\n vertical-align: middle;\n cursor: pointer;\n}\n\n.badge-sm {\n padding: 0 4px;\n}\n\n.badge-dot, .badge-dot:empty {\n display: inline-block;\n width: 8px;\n height: 8px;\n padding: 0;\n}\n\n.badge-cloud, .badge-info, .badge-light, .badge-smoke, .badge-warning {\n color: #212121;\n}\n\n/# sourceMappingURL=mekari-ui-badge.css.map /","// Base class\n//\n// Requires one of the contextual, color modifier classes for `color` and\n// `background-color`.\n\n.#{$prefix}badge {\n display: inline-block;\n padding: $badge-padding-y $badge-padding-x;\n @include font-size($badge-font-size);\n font-weight: $badge-font-weight;\n line-height: 1;\n text-align: center;\n white-space: nowrap;\n vertical-align: baseline;\n @include border-radius($badge-border-radius);\n @include transition($badge-transition);\n\n @at-root a#{&} {\n @include hover-focus {\n text-decoration: none;\n }\n }\n\n // Empty badges collapse automatically\n &:empty {\n display: none;\n }\n}\n\n// Quick fix for badges in buttons\n.#{$prefix}btn .#{$prefix}badge {\n position: relative;\n top: -1px;\n}\n\n// Pill badges\n//\n// Make them extra rounded with a modifier to replace v3's badges.\n\n.#{$prefix}badge-pill {\n padding-right: $badge-pill-padding-x;\n padding-left: $badge-pill-padding-x;\n @include border-radius($badge-pill-border-radius);\n}\n\n// Colors\n//\n// Contextual variations (linked badges get darker on :hover).\n\n@each $color, $value in $theme-colors {\n .#{$prefix}badge-#{$color} {\n @include badge-variant($value);\n }\n}\n","// Badges\n$badge-font-size: $font-size-base;\n$badge-font-weight: $font-weight-normal;\n$badge-padding-y: 4px;\n$badge-padding-x: 8px;\n$badge-border-radius: 4px;\n$badge-transition: color .15s ease-in-out, background-color .15s ease-in-out,border-color .15s ease-in-out, box-shadow .15s ease-in-out;\n\n$badge-pill-padding-x: .6em;\n$badge-pill-border-radius: 10rem;\n$badge-focus-width: .2em;\n","// stylelint-disable property-blacklist, scss/dollar-variable-default\n\n// SCSS RFS mixin\n//\n// Automated font-resizing\n//\n// See https://github.com/twbs/rfs\n\n// Configuration\n\n// Base font size\n$rfs-base-font-size: 1.25rem !default;\n$rfs-font-size-unit: rem !default;\n\n// Breakpoint at where font-size starts decreasing if screen width is smaller\n$rfs-breakpoint: 1200px !default;\n$rfs-breakpoint-unit: px !default;\n\n// Resize font-size based on screen height and width\n$rfs-two-dimensional: false !default;\n\n// Factor of decrease\n$rfs-factor: 10 !default;\n\n@if type-of($rfs-factor) != \"number\" or $rfs-factor <= 1 {\n @error \"`#{$rfs-factor}` is not a valid $rfs-factor, it must be greater than 1.\";\n}\n\n// Generate enable or disable classes. Possibilities: false, \"enable\" or \"disable\"\n$rfs-class: false !default;\n\n// 1 rem = $rfs-rem-value px\n$rfs-rem-value: 16 !default;\n\n// Safari iframe resize bug: https://github.com/twbs/rfs/issues/14\n$rfs-safari-iframe-resize-bug-fix: false !default;\n\n// Disable RFS by setting $enable-responsive-font-sizes to false\n$enable-responsive-font-sizes: true !default;\n\n// Cache $rfs-base-font-size unit\n$rfs-base-font-size-unit: unit($rfs-base-font-size);\n\n// Remove px-unit from $rfs-base-font-size for calculations\n@if $rfs-base-font-size-unit == \"px\" {\n $rfs-base-font-size: $rfs-base-font-size / ($rfs-base-font-size * 0 + 1);\n}\n@else if $rfs-base-font-size-unit == \"rem\" {\n $rfs-base-font-size: $rfs-base-font-size / ($rfs-base-font-size * 0 + 1 / $rfs-rem-value);\n}\n\n// Cache $rfs-breakpoint unit to prevent multiple calls\n$rfs-breakpoint-unit-cache: unit($rfs-breakpoint);\n\n// Remove unit from $rfs-breakpoint for calculations\n@if $rfs-breakpoint-unit-cache == \"px\" {\n $rfs-breakpoint: $rfs-breakpoint / ($rfs-breakpoint * 0 + 1);\n}\n@else if $rfs-breakpoint-unit-cache == \"rem\" or $rfs-breakpoint-unit-cache == \"em\" {\n $rfs-breakpoint: $rfs-breakpoint / ($rfs-breakpoint * 0 + 1 / $rfs-rem-value);\n}\n\n// Responsive font-size mixin\n@mixin rfs($fs, $important: false) {\n // Cache $fs unit\n $fs-unit: if(type-of($fs) == \"number\", unit($fs), false);\n\n // Add !important suffix if needed\n $rfs-suffix: if($important, \" !important\", \"\");\n\n // If $fs isn't a number (like inherit) or $fs has a unit (not px or rem, like 1.5em) or $ is 0, just print the value\n @if not $fs-unit or $fs-unit != \"\" and $fs-unit != \"px\" and $fs-unit != \"rem\" or $fs == 0 {\n font-size: #{$fs}#{$rfs-suffix};\n }\n @else {\n // Variables for storing static and fluid rescaling\n $rfs-static: null;\n $rfs-fluid: null;\n\n // Remove px-unit from $fs for calculations\n @if $fs-unit == \"px\" {\n $fs: $fs / ($fs * 0 + 1);\n }\n @else if $fs-unit == \"rem\" {\n $fs: $fs / ($fs * 0 + 1 / $rfs-rem-value);\n }\n\n // Set default font-size\n @if $rfs-font-size-unit == rem {\n $rfs-static: #{$fs / $rfs-rem-value}rem#{$rfs-suffix};\n }\n @else if $rfs-font-size-unit == px {\n $rfs-static: #{$fs}px#{$rfs-suffix};\n }\n @else {\n @error \"`#{$rfs-font-size-unit}` is not a valid unit for $rfs-font-size-unit. Use `px` or `rem`.\";\n }\n\n // Only add media query if font-size is bigger as the minimum font-size\n // If $rfs-factor == 1, no rescaling will take place\n @if $fs > $rfs-base-font-size and $enable-responsive-font-sizes {\n $min-width: null;\n $variable-unit: null;\n\n // Calculate minimum font-size for given font-size\n $fs-min: $rfs-base-font-size + ($fs - $rfs-base-font-size) / $rfs-factor;\n\n // Calculate difference between given font-size and minimum font-size for given font-size\n $fs-diff: $fs - $fs-min;\n\n // Base font-size formatting\n // No need to check if the unit is valid, because we did that before\n $min-width: if($rfs-font-size-unit == rem, #{$fs-min / $rfs-rem-value}rem, #{$fs-min}px);\n\n // If two-dimensional, use smallest of screen width and height\n $variable-unit: if($rfs-two-dimensional, vmin, vw);\n\n // Calculate the variable width between 0 and $rfs-breakpoint\n $variable-width: #{$fs-diff * 100 / $rfs-breakpoint}#{$variable-unit};\n\n // Set the calculated font-size.\n $rfs-fluid: calc(#{$min-width} + #{$variable-width}) #{$rfs-suffix};\n }\n\n // Rendering\n @if $rfs-fluid == null {\n // Only render static font-size if no fluid font-size is available\n font-size: $rfs-static;\n }\n @else {\n $mq-value: null;\n\n // RFS breakpoint formatting\n @if $rfs-breakpoint-unit == em or $rfs-breakpoint-unit == rem {\n $mq-value: #{$rfs-breakpoint / $rfs-rem-value}#{$rfs-breakpoint-unit};\n }\n @else if $rfs-breakpoint-unit == px {\n $mq-value: #{$rfs-breakpoint}px;\n }\n @else {\n @error \"`#{$rfs-breakpoint-unit}` is not a valid unit for $rfs-breakpoint-unit. Use `px`, `em` or `rem`.\";\n }\n\n @if $rfs-class == \"disable\" {\n // Adding an extra class increases specificity,\n // which prevents the media query to override the font size\n &,\n .disable-responsive-font-size &,\n &.disable-responsive-font-size {\n font-size: $rfs-static;\n }\n }\n @else {\n font-size: $rfs-static;\n }\n\n @if $rfs-two-dimensional {\n @media (max-width: #{$mq-value}), (max-height: #{$mq-value}) {\n @if $rfs-class == \"enable\" {\n .enable-responsive-font-size &,\n &.enable-responsive-font-size {\n font-size: $rfs-fluid;\n }\n }\n @else {\n font-size: $rfs-fluid;\n }\n\n @if $rfs-safari-iframe-resize-bug-fix {\n // stylelint-disable-next-line length-zero-no-unit\n min-width: 0vw;\n }\n }\n }\n @else {\n @media (max-width: #{$mq-value}) {\n @if $rfs-class == \"enable\" {\n .enable-responsive-font-size &,\n &.enable-responsive-font-size {\n font-size: $rfs-fluid;\n }\n }\n @else {\n font-size: $rfs-fluid;\n }\n\n @if $rfs-safari-iframe-resize-bug-fix {\n // stylelint-disable-next-line length-zero-no-unit\n min-width: 0vw;\n }\n }\n }\n }\n }\n}\n\n// The font-size & responsive-font-size mixin uses RFS to rescale font sizes\n@mixin font-size($fs, $important: false) {\n @include rfs($fs, $important);\n}\n\n@mixin responsive-font-size($fs, $important: false) {\n @include rfs($fs, $important);\n}\n","// stylelint-disable property-blacklist\n// Single side border-radius\n\n@mixin border-radius($radius: $border-radius, $fallback-border-radius: false) {\n @if $enable-rounded {\n border-radius: $radius;\n }\n @else if $fallback-border-radius != false {\n border-radius: $fallback-border-radius;\n }\n}\n\n@mixin border-top-radius($radius) {\n @if $enable-rounded {\n border-top-left-radius: $radius;\n border-top-right-radius: $radius;\n }\n}\n\n@mixin border-right-radius($radius) {\n @if $enable-rounded {\n border-top-right-radius: $radius;\n border-bottom-right-radius: $radius;\n }\n}\n\n@mixin border-bottom-radius($radius) {\n @if $enable-rounded {\n border-bottom-right-radius: $radius;\n border-bottom-left-radius: $radius;\n }\n}\n\n@mixin border-left-radius($radius) {\n @if $enable-rounded {\n border-top-left-radius: $radius;\n border-bottom-left-radius: $radius;\n }\n}\n\n@mixin border-top-left-radius($radius) {\n @if $enable-rounded {\n border-top-left-radius: $radius;\n }\n}\n\n@mixin border-top-right-radius($radius) {\n @if $enable-rounded {\n border-top-right-radius: $radius;\n }\n}\n\n@mixin border-bottom-right-radius($radius) {\n @if $enable-rounded {\n border-bottom-right-radius: $radius;\n }\n}\n\n@mixin border-bottom-left-radius($radius) {\n @if $enable-rounded {\n border-bottom-left-radius: $radius;\n }\n}\n","// stylelint-disable property-blacklist\n@mixin transition($transition...) {\n @if $enable-transitions {\n @if length($transition) == 0 {\n transition: $transition-base;\n } @else {\n transition: $transition;\n }\n }\n\n @if $enable-prefers-reduced-motion-media-query {\n @media (prefers-reduced-motion: reduce) {\n transition: none;\n }\n }\n}\n","// Hover mixin and `$enable-hover-media-query` are deprecated.\n//\n// Originally added during our alphas and maintained during betas, this mixin was\n// designed to prevent `:hover` stickiness on iOS-an issue where hover styles\n// would persist after initial touch.\n//\n// For backward compatibility, we've kept these mixins and updated them to\n// always return their regular pseudo-classes instead of a shimmed media query.\n//\n// Issue: https://github.com/twbs/bootstrap/issues/25195\n\n@mixin hover {\n &:hover { @content; }\n}\n\n@mixin hover-focus {\n &:hover,\n &:focus {\n @content;\n }\n}\n\n@mixin plain-hover-focus {\n &,\n &:hover,\n &:focus {\n @content;\n }\n}\n\n@mixin hover-focus-active {\n &:hover,\n &:focus,\n &:active {\n @content;\n }\n}\n","@mixin badge-variant($bg) {\n color: color-yiq($bg);\n background-color: $bg;\n\n @at-root a#{&} {\n @include hover-focus {\n color: color-yiq($bg);\n background-color: darken($bg, 10%);\n }\n\n &:focus,\n &.focus {\n outline: 0;\n box-shadow: 0 0 0 $badge-focus-width rgba($bg, .5);\n }\n }\n}\n","// Neutrals color variables\n$dark: #212121;\n$slate: #777;\n$muted: #b4b4b4;\n$smoke: #e2e2e2;\n$snow: #fbfbfb;\n$white: #fff;\n$cloud: #f2f4f7;\n\n// UI color variables\n$red: #d74022;\n$green: #009f61;\n$light-yellow: #ffeb99;\n$blue: #1357ff;\n$orange: #ffb700;\n$sapphire: #005fbf;\n\n// Branding color variables\n$crimson: #c02a34;\n$azure: #009bde;\n$salamander: #f96d01;\n$purple: #6d48e5;\n\n// Bootstrap dependencies color\n$black: #000 !default;\n$gray-100: #f8f9fa !default;\n$gray-200: #e9ecef !default;\n$gray-300: #dee2e6 !default;\n$gray-400: #ced4da !default;\n$gray-500: #adb5bd !default;\n$gray-600: #6c757d !default;\n$gray-700: #495057 !default;\n$gray-800: #343a40 !default;\n$gray-900: #212529 !default;\n\n// The yiq lightness value that determines when the lightness of color changes from \"dark\" to \"light\". Acceptable values are between 0 and 255.\n$yiq-contrasted-threshold: 150 !default;\n\n// Customize the light and dark text colors for use in our YIQ color contrast function.\n$yiq-text-dark: $gray-900 !default;\n$yiq-text-light: $white !default;\n\n\n$grays: () !default;\n// stylelint-disable-next-line scss/dollar-variable-default\n$grays: map-merge(\n (\n \"100\": $gray-100,\n \"200\": $gray-200,\n \"300\": $gray-300,\n \"400\": $gray-400,\n \"500\": $gray-500,\n \"600\": $gray-600,\n \"700\": $gray-700,\n \"800\": $gray-800,\n \"900\": $gray-900\n ),\n $grays\n);\n\n// register mekari color variables too bootstrap\n$colors: ();\n$colors: map-merge(\n (\n \"noir\" : $dark, // going to deprecated\n \"dark\" : $dark,\n \"slate\" : $slate,\n \"muted\" : $muted,\n \"smoke\" : $smoke,\n \"snow\" : $snow,\n \"cloud\" : $cloud,\n \"crimson\" : $crimson,\n \"azure\" : $azure,\n \"salamander\" : $salamander,\n \"purple\" : $purple,\n \"sapphire\" : $sapphire,\n \"white\" : $white,\n \"red\" : $red,\n \"orange\" : $orange,\n \"green\" : $green,\n \"blue\" : $blue,\n \"light-yellow\" : $light-yellow\n ),\n $colors\n);\n\n//extend bootstrap class\n$danger: $red;\n$success: $green;\n$info: $light-yellow;\n$warning: $orange;\n$primary: $sapphire;\n$jurnal: $azure;\n$talenta: $crimson;\n$klikpajak: $salamander;\n$mekari: $purple;\n\n$link: $blue;\n\n$text-muted: $muted;\n$body-color: $dark;\n$dark: $dark;\n$secondary: $slate;\n$light: $snow;\n\n// Add more theme color variables\n$theme-colors: ();\n$theme-colors: map-merge(\n (\n \"danger\" : $danger,\n \"success\" : $success,\n \"info\" : $info,\n \"warning\" : $warning,\n \"primary\" : $primary,\n \"jurnal\" : $jurnal,\n \"talenta\" : $talenta,\n \"klikpajak\" : $klikpajak,\n \"mekari\" : $mekari,\n \"dark\" : $dark,\n \"slate\" : $slate,\n \"muted\" : $muted,\n \"smoke\" : $smoke,\n \"light\" : $light,\n \"cloud\" : $cloud,\n \"link\" : $blue,\n \"white\" : $white\n ),\n $theme-colors\n);\n\n$card-border-color: $smoke;\n$body-bg: $white;\n",".#{$prefix}badge {\n vertical-align: middle;\n @extend %font-size-sm;\n\n .ic {\n width: 14px;\n height: 14px;\n margin-left: 4px;\n font-size: 12px;\n font-weight: 600;\n line-height: 12px;\n vertical-align: middle;\n cursor: pointer;\n }\n\n &-sm {\n padding: 0 4px;\n }\n\n &-dot,\n &-dot:empty {\n display: inline-block;\n width: 8px;\n height: 8px;\n padding: 0;\n }\n\n &-cloud,\n &-info,\n &-light,\n &-smoke,\n &-warning {\n color: $dark;\n }\n}\n"]}
1	+ {"version":3,"sources":["../../../scss/mixins/_text.scss","../../../scss/vendor-extensions/_typography.scss","mekari-ui-badge.css","../../../scss/vendors/_badge.scss","../../../scss/vendor-extensions/_badge.scss","../../../scss/vendors/_rfs.scss","../../../scss/vendors/mixins/_border-radius.scss","../../../scss/vendors/mixins/_transition.scss","../../../scss/vendors/mixins/_hover.scss","../../../scss/vendors/mixins/_badge.scss","../../../scss/vendor-extensions/_color.scss","../../../scss/components/config/_badge.scss"],"names":[],"mappings":"AAMA;EACE,kBCA0C;EDC1C,iBAAiB;EACjB,qBCGwC;ACR1C;;ACCA;EACE,qBAAqB;EACrB,gBCHqC;EC2HjC,mBAtCY;EFhFhB,gBFOuC;EENvC,cAAc;EACd,kBAAkB;EAClB,mBAAmB;EACnB,wBAAwB;EGRtB,kBFAqB;EGCnB,qIHAiI;AFWvI;;AKNI;EJNJ;IIOM,gBAAgB;ELUpB;AACF;;AMPE;ELGI,qBAAqB;ADQ3B;;ACtBA;EAoBI,aAAa;ADMjB;;ACDA;EACE,kBAAkB;EAClB,SAAS;ADIX;;ACGA;EACE,oBChCyB;EDiCzB,mBCjCyB;EEHvB,oBFIqC;AFiCzC;;ACQE;EMjDA,WCKU;EDJV,yBCQqB;ARqCvB;;AM/BE;ECVI,WCAM;EDCN,yBAAkC;AP6CxC;;AOhDU;EAQJ,UAAU;EACV,8CCHiB;AR+CvB;;ACPE;EMjDA,WCKU;EDJV,yBCSqB;ARmDvB;;AM9CE;ECVI,WCAM;EDCN,yBAAkC;AP4DxC;;AO/DU;EAQJ,UAAU;EACV,6CCFiB;AR6DvB;;ACtBE;EMjDA,cCgCgB;ED/BhB,yBCUqB;ARiEvB;;AM7DE;ECVI,cC2BY;ED1BZ,yBAAkC;AP2ExC;;AO9EU;EAQJ,UAAU;EACV,gDCDiB;AR2EvB;;ACrCE;EMjDA,cCgCgB;ED/BhB,yBCYqB;AR8EvB;;AM5EE;ECVI,cC2BY;ED1BZ,yBAAkC;AP0FxC;;AO7FU;EAQJ,UAAU;EACV,8CCCiB;ARwFvB;;ACpDE;EMjDA,WCKU;EDJV,yBCaqB;AR4FvB;;AM3FE;ECVI,WCAM;EDCN,yBAAkC;APyGxC;;AO5GU;EAQJ,UAAU;EACV,6CCEiB;ARsGvB;;ACnEE;EMjDA,WCKU;EDJV,yBCiBmB;ARuGrB;;AM1GE;ECVI,WCAM;EDCN,yBAAkC;APwHxC;;AO3HU;EAQJ,UAAU;EACV,8CCMe;ARiHrB;;AClFE;EMjDA,WCKU;EDJV,yBCgBmB;ARuHrB;;AMzHE;ECVI,WCAM;EDCN,yBAAkC;APuIxC;;AO1IU;EAQJ,UAAU;EACV,8CCKe;ARiIrB;;ACjGE;EMjDA,WCKU;EDJV,yBCkBmB;ARoIrB;;AMxIE;ECVI,WCAM;EDCN,yBAAkC;APsJxC;;AOzJU;EAQJ,UAAU;EACV,8CCOe;AR8IrB;;AChHE;EMjDA,WCKU;EDJV,yBCmBmB;ARkJrB;;AMvJE;ECVI,WCAM;EDCN,yBAAkC;APqKxC;;AOxKU;EAQJ,UAAU;EACV,+CCQe;AR4JrB;;AC/HE;EMjDA,WCKU;EDJV,yBCDa;ARqLf;;AMtKE;ECVI,WCAM;EDCN,yBAAkC;APoLxC;;AOvLU;EAQJ,UAAU;EACV,6CCZS;AR+Lf;;AC9IE;EMjDA,WCKU;EDJV,sBCAU;ARmMZ;;AMrLE;ECVI,WCAM;EDCN,yBAAkC;APmMxC;;AOtMU;EAQJ,UAAU;EACV,gDCXM;AR6MZ;;AC7JE;EMjDA,cCgCgB;ED/BhB,yBCCa;ARiNf;;AMpME;ECVI,cC2BY;ED1BZ,yBAAkC;APkNxC;;AOrNU;EAQJ,UAAU;EACV,gDCVS;AR2Nf;;AC5KE;EMjDA,cCgCgB;ED/BhB,yBCEa;AR+Nf;;AMnNE;ECVI,cC2BY;ED1BZ,yBAAkC;APiOxC;;AOpOU;EAQJ,UAAU;EACV,gDCTS;ARyOf;;AC3LE;EMjDA,cCgCgB;ED/BhB,yBCGa;AR6Of;;AMlOE;ECVI,cC2BY;ED1BZ,yBAAkC;APgPxC;;AOnPU;EAQJ,UAAU;EACV,gDCRS;ARuPf;;AC1ME;EMjDA,cCgCgB;ED/BhB,yBCKa;AR0Pf;;AMjPE;ECVI,cC2BY;ED1BZ,yBAAkC;AP+PxC;;AOlQU;EAQJ,UAAU;EACV,gDCNS;ARoQf;;ACzNE;EMjDA,WCKU;EDJV,yBCWqB;ARmQvB;;AMhQE;ECVI,WCAM;EDCN,yBAAkC;AP8QxC;;AOjRU;EAQJ,UAAU;EACV,8CCAiB;AR6QvB;;ACxOE;EMjDA,cCgCgB;ED/BhB,sBCIU;ARyRZ;;AM/QE;ECVI,cC2BY;ED1BZ,yBAAkC;AP6RxC;;AOhSU;EAQJ,UAAU;EACV,gDCPM;ARmSZ;;ACpSA;EQJE,kBVM0C;EUL1C,iBAAiB;EACjB,sBAAsB;AT4SxB;;AS/SA;EAOI,WAAW;EACX,YAAY;EACZ,eAAe;EACf,iBAAiB;EACjB,cAAc;EACd,sBAAsB;EACtB,eAAe;AT4SnB;;ASzTA;EAeM,kBAAkB;AT8SxB;;AS7TA;EAkBM,iBAAiB;AT+SvB;;AS3SE;EACE,cAAc;AT8SlB;;AS3SE;EAEE,qBAAqB;EACrB,UAAU;EACV,WAAW;EACX,UAAU;AT6Sd","file":"mekari-ui-badge.css","sourcesContent":["%font-size-base {\n font-size: $font-size-base; // 16px\n line-height: 20px;\n letter-spacing: $letter-spacing;\n}\n\n%font-size-sm {\n font-size: $font-size-sm; // 12px\n line-height: 16px;\n letter-spacing: $letter-spacing;\n}\n","$font-family-roboto: \"Roboto\", \"Oxygen\", \"Ubuntu\", \"Fira Sans\", \"Droid Sans\", \"Helvetica Neue\", sans-serif;\n$font-family-base: $font-family-roboto;\n$font-family-monospace: monospace;\n\n// 1 rem = 16px\n$font-size-base: .875rem; // 14px\n$font-size-lg: 1.25rem; // 20px\n$font-size-sm: .75rem; // 12px\n\n$line-height-base: 1.4285; // The closest value to Mekari design\n$line-height-lg: 1.4285;\n$line-height-sm: 1.4285;\n$letter-spacing: .2px;\n\n$font-weight-lighter: 400;\n$font-weight-light: 400;\n$font-weight-normal: 400;\n$font-weight-base: 400;\n$font-weight-bold: 500;\n$font-weight-bolder: 500;\n\n$dt-font-weight: $font-weight-bold;\n\n// Text color\n$body-color: $dark;\n$link-color: $blue;\n$link-hover-color: darken($link-color, 15%) !default;\n$link-decoration: none;\n$link-hover-decoration: underline;\n\n$input-placeholder-color: $text-muted;\n$custom-select-disabled-color: $text-muted;\n$custom-control-label-disabled-color: $text-muted;\n",".badge {\n font-size: 0.75rem;\n line-height: 16px;\n letter-spacing: 0.2px;\n}\n\n.badge {\n display: inline-block;\n padding: 4px 8px;\n font-size: 0.875rem;\n font-weight: 400;\n line-height: 1;\n text-align: center;\n white-space: nowrap;\n vertical-align: baseline;\n border-radius: 4px;\n transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;\n}\n\n@media (prefers-reduced-motion: reduce) {\n .badge {\n transition: none;\n }\n}\n\na.badge:hover, a.badge:focus {\n text-decoration: none;\n}\n\n.badge:empty {\n display: none;\n}\n\n.btn .badge {\n position: relative;\n top: -1px;\n}\n\n.badge-pill {\n padding-right: 0.6em;\n padding-left: 0.6em;\n border-radius: 10rem;\n}\n\n.badge-danger {\n color: #fff;\n background-color: #d74022;\n}\n\na.badge-danger:hover, a.badge-danger:focus {\n color: #fff;\n background-color: #ab331b;\n}\n\na.badge-danger:focus, a.badge-danger.focus {\n outline: 0;\n box-shadow: 0 0 0 0.2em rgba(215, 64, 34, 0.5);\n}\n\n.badge-success {\n color: #fff;\n background-color: #009f61;\n}\n\na.badge-success:hover, a.badge-success:focus {\n color: #fff;\n background-color: #006c42;\n}\n\na.badge-success:focus, a.badge-success.focus {\n outline: 0;\n box-shadow: 0 0 0 0.2em rgba(0, 159, 97, 0.5);\n}\n\n.badge-info {\n color: #212529;\n background-color: #ffeb99;\n}\n\na.badge-info:hover, a.badge-info:focus {\n color: #212529;\n background-color: #ffe166;\n}\n\na.badge-info:focus, a.badge-info.focus {\n outline: 0;\n box-shadow: 0 0 0 0.2em rgba(255, 235, 153, 0.5);\n}\n\n.badge-warning {\n color: #212529;\n background-color: #ffb700;\n}\n\na.badge-warning:hover, a.badge-warning:focus {\n color: #212529;\n background-color: #cc9200;\n}\n\na.badge-warning:focus, a.badge-warning.focus {\n outline: 0;\n box-shadow: 0 0 0 0.2em rgba(255, 183, 0, 0.5);\n}\n\n.badge-primary {\n color: #fff;\n background-color: #005fbf;\n}\n\na.badge-primary:hover, a.badge-primary:focus {\n color: #fff;\n background-color: #00468c;\n}\n\na.badge-primary:focus, a.badge-primary.focus {\n outline: 0;\n box-shadow: 0 0 0 0.2em rgba(0, 95, 191, 0.5);\n}\n\n.badge-jurnal {\n color: #fff;\n background-color: #009bde;\n}\n\na.badge-jurnal:hover, a.badge-jurnal:focus {\n color: #fff;\n background-color: #0077ab;\n}\n\na.badge-jurnal:focus, a.badge-jurnal.focus {\n outline: 0;\n box-shadow: 0 0 0 0.2em rgba(0, 155, 222, 0.5);\n}\n\n.badge-talenta {\n color: #fff;\n background-color: #c02a34;\n}\n\na.badge-talenta:hover, a.badge-talenta:focus {\n color: #fff;\n background-color: #962129;\n}\n\na.badge-talenta:focus, a.badge-talenta.focus {\n outline: 0;\n box-shadow: 0 0 0 0.2em rgba(192, 42, 52, 0.5);\n}\n\n.badge-klikpajak {\n color: #fff;\n background-color: #f96d01;\n}\n\na.badge-klikpajak:hover, a.badge-klikpajak:focus {\n color: #fff;\n background-color: #c65701;\n}\n\na.badge-klikpajak:focus, a.badge-klikpajak.focus {\n outline: 0;\n box-shadow: 0 0 0 0.2em rgba(249, 109, 1, 0.5);\n}\n\n.badge-mekari {\n color: #fff;\n background-color: #6d48e5;\n}\n\na.badge-mekari:hover, a.badge-mekari:focus {\n color: #fff;\n background-color: #4b1fdb;\n}\n\na.badge-mekari:focus, a.badge-mekari.focus {\n outline: 0;\n box-shadow: 0 0 0 0.2em rgba(109, 72, 229, 0.5);\n}\n\n.badge-dark {\n color: #fff;\n background-color: #212121;\n}\n\na.badge-dark:hover, a.badge-dark:focus {\n color: #fff;\n background-color: #080808;\n}\n\na.badge-dark:focus, a.badge-dark.focus {\n outline: 0;\n box-shadow: 0 0 0 0.2em rgba(33, 33, 33, 0.5);\n}\n\n.badge-slate {\n color: #fff;\n background-color: #777;\n}\n\na.badge-slate:hover, a.badge-slate:focus {\n color: #fff;\n background-color: #5e5e5e;\n}\n\na.badge-slate:focus, a.badge-slate.focus {\n outline: 0;\n box-shadow: 0 0 0 0.2em rgba(119, 119, 119, 0.5);\n}\n\n.badge-muted {\n color: #212529;\n background-color: #b4b4b4;\n}\n\na.badge-muted:hover, a.badge-muted:focus {\n color: #212529;\n background-color: #9b9b9b;\n}\n\na.badge-muted:focus, a.badge-muted.focus {\n outline: 0;\n box-shadow: 0 0 0 0.2em rgba(180, 180, 180, 0.5);\n}\n\n.badge-smoke {\n color: #212529;\n background-color: #e2e2e2;\n}\n\na.badge-smoke:hover, a.badge-smoke:focus {\n color: #212529;\n background-color: #c9c9c9;\n}\n\na.badge-smoke:focus, a.badge-smoke.focus {\n outline: 0;\n box-shadow: 0 0 0 0.2em rgba(226, 226, 226, 0.5);\n}\n\n.badge-light {\n color: #212529;\n background-color: #fbfbfb;\n}\n\na.badge-light:hover, a.badge-light:focus {\n color: #212529;\n background-color: #e2e2e2;\n}\n\na.badge-light:focus, a.badge-light.focus {\n outline: 0;\n box-shadow: 0 0 0 0.2em rgba(251, 251, 251, 0.5);\n}\n\n.badge-cloud {\n color: #212529;\n background-color: #f2f4f7;\n}\n\na.badge-cloud:hover, a.badge-cloud:focus {\n color: #212529;\n background-color: #d2d9e4;\n}\n\na.badge-cloud:focus, a.badge-cloud.focus {\n outline: 0;\n box-shadow: 0 0 0 0.2em rgba(242, 244, 247, 0.5);\n}\n\n.badge-link {\n color: #fff;\n background-color: #1357ff;\n}\n\na.badge-link:hover, a.badge-link:focus {\n color: #fff;\n background-color: #0040df;\n}\n\na.badge-link:focus, a.badge-link.focus {\n outline: 0;\n box-shadow: 0 0 0 0.2em rgba(19, 87, 255, 0.5);\n}\n\n.badge-white {\n color: #212529;\n background-color: #fff;\n}\n\na.badge-white:hover, a.badge-white:focus {\n color: #212529;\n background-color: #e6e6e6;\n}\n\na.badge-white:focus, a.badge-white.focus {\n outline: 0;\n box-shadow: 0 0 0 0.2em rgba(255, 255, 255, 0.5);\n}\n\n.badge {\n font-size: 0.75rem;\n line-height: 1.25;\n vertical-align: middle;\n}\n\n.badge .ic {\n width: 12px;\n height: 12px;\n font-size: 14px;\n line-height: 12px;\n color: inherit;\n vertical-align: middle;\n cursor: pointer;\n}\n\n.badge .ic:first-child {\n margin-right: 12px;\n}\n\n.badge .ic:last-child {\n margin-left: 12px;\n}\n\n.badge-sm {\n padding: 0 4px;\n}\n\n.badge-dot, .badge-dot:empty {\n display: inline-block;\n width: 8px;\n height: 8px;\n padding: 0;\n}\n\n/# sourceMappingURL=mekari-ui-badge.css.map /","// Base class\n//\n// Requires one of the contextual, color modifier classes for `color` and\n// `background-color`.\n\n.#{$prefix}badge {\n display: inline-block;\n padding: $badge-padding-y $badge-padding-x;\n @include font-size($badge-font-size);\n font-weight: $badge-font-weight;\n line-height: 1;\n text-align: center;\n white-space: nowrap;\n vertical-align: baseline;\n @include border-radius($badge-border-radius);\n @include transition($badge-transition);\n\n @at-root a#{&} {\n @include hover-focus {\n text-decoration: none;\n }\n }\n\n // Empty badges collapse automatically\n &:empty {\n display: none;\n }\n}\n\n// Quick fix for badges in buttons\n.#{$prefix}btn .#{$prefix}badge {\n position: relative;\n top: -1px;\n}\n\n// Pill badges\n//\n// Make them extra rounded with a modifier to replace v3's badges.\n\n.#{$prefix}badge-pill {\n padding-right: $badge-pill-padding-x;\n padding-left: $badge-pill-padding-x;\n @include border-radius($badge-pill-border-radius);\n}\n\n// Colors\n//\n// Contextual variations (linked badges get darker on :hover).\n\n@each $color, $value in $theme-colors {\n .#{$prefix}badge-#{$color} {\n @include badge-variant($value);\n }\n}\n","// Badges\n$badge-font-size: $font-size-base;\n$badge-font-weight: $font-weight-normal;\n$badge-padding-y: 4px;\n$badge-padding-x: 8px;\n$badge-border-radius: 4px;\n$badge-transition: color .15s ease-in-out, background-color .15s ease-in-out,border-color .15s ease-in-out, box-shadow .15s ease-in-out;\n\n$badge-pill-padding-x: .6em;\n$badge-pill-border-radius: 10rem;\n$badge-focus-width: .2em;\n","// stylelint-disable property-blacklist, scss/dollar-variable-default\n\n// SCSS RFS mixin\n//\n// Automated font-resizing\n//\n// See https://github.com/twbs/rfs\n\n// Configuration\n\n// Base font size\n$rfs-base-font-size: 1.25rem !default;\n$rfs-font-size-unit: rem !default;\n\n// Breakpoint at where font-size starts decreasing if screen width is smaller\n$rfs-breakpoint: 1200px !default;\n$rfs-breakpoint-unit: px !default;\n\n// Resize font-size based on screen height and width\n$rfs-two-dimensional: false !default;\n\n// Factor of decrease\n$rfs-factor: 10 !default;\n\n@if type-of($rfs-factor) != \"number\" or $rfs-factor <= 1 {\n @error \"`#{$rfs-factor}` is not a valid $rfs-factor, it must be greater than 1.\";\n}\n\n// Generate enable or disable classes. Possibilities: false, \"enable\" or \"disable\"\n$rfs-class: false !default;\n\n// 1 rem = $rfs-rem-value px\n$rfs-rem-value: 16 !default;\n\n// Safari iframe resize bug: https://github.com/twbs/rfs/issues/14\n$rfs-safari-iframe-resize-bug-fix: false !default;\n\n// Disable RFS by setting $enable-responsive-font-sizes to false\n$enable-responsive-font-sizes: true !default;\n\n// Cache $rfs-base-font-size unit\n$rfs-base-font-size-unit: unit($rfs-base-font-size);\n\n// Remove px-unit from $rfs-base-font-size for calculations\n@if $rfs-base-font-size-unit == \"px\" {\n $rfs-base-font-size: $rfs-base-font-size / ($rfs-base-font-size * 0 + 1);\n}\n@else if $rfs-base-font-size-unit == \"rem\" {\n $rfs-base-font-size: $rfs-base-font-size / ($rfs-base-font-size * 0 + 1 / $rfs-rem-value);\n}\n\n// Cache $rfs-breakpoint unit to prevent multiple calls\n$rfs-breakpoint-unit-cache: unit($rfs-breakpoint);\n\n// Remove unit from $rfs-breakpoint for calculations\n@if $rfs-breakpoint-unit-cache == \"px\" {\n $rfs-breakpoint: $rfs-breakpoint / ($rfs-breakpoint * 0 + 1);\n}\n@else if $rfs-breakpoint-unit-cache == \"rem\" or $rfs-breakpoint-unit-cache == \"em\" {\n $rfs-breakpoint: $rfs-breakpoint / ($rfs-breakpoint * 0 + 1 / $rfs-rem-value);\n}\n\n// Responsive font-size mixin\n@mixin rfs($fs, $important: false) {\n // Cache $fs unit\n $fs-unit: if(type-of($fs) == \"number\", unit($fs), false);\n\n // Add !important suffix if needed\n $rfs-suffix: if($important, \" !important\", \"\");\n\n // If $fs isn't a number (like inherit) or $fs has a unit (not px or rem, like 1.5em) or $ is 0, just print the value\n @if not $fs-unit or $fs-unit != \"\" and $fs-unit != \"px\" and $fs-unit != \"rem\" or $fs == 0 {\n font-size: #{$fs}#{$rfs-suffix};\n }\n @else {\n // Variables for storing static and fluid rescaling\n $rfs-static: null;\n $rfs-fluid: null;\n\n // Remove px-unit from $fs for calculations\n @if $fs-unit == \"px\" {\n $fs: $fs / ($fs * 0 + 1);\n }\n @else if $fs-unit == \"rem\" {\n $fs: $fs / ($fs * 0 + 1 / $rfs-rem-value);\n }\n\n // Set default font-size\n @if $rfs-font-size-unit == rem {\n $rfs-static: #{$fs / $rfs-rem-value}rem#{$rfs-suffix};\n }\n @else if $rfs-font-size-unit == px {\n $rfs-static: #{$fs}px#{$rfs-suffix};\n }\n @else {\n @error \"`#{$rfs-font-size-unit}` is not a valid unit for $rfs-font-size-unit. Use `px` or `rem`.\";\n }\n\n // Only add media query if font-size is bigger as the minimum font-size\n // If $rfs-factor == 1, no rescaling will take place\n @if $fs > $rfs-base-font-size and $enable-responsive-font-sizes {\n $min-width: null;\n $variable-unit: null;\n\n // Calculate minimum font-size for given font-size\n $fs-min: $rfs-base-font-size + ($fs - $rfs-base-font-size) / $rfs-factor;\n\n // Calculate difference between given font-size and minimum font-size for given font-size\n $fs-diff: $fs - $fs-min;\n\n // Base font-size formatting\n // No need to check if the unit is valid, because we did that before\n $min-width: if($rfs-font-size-unit == rem, #{$fs-min / $rfs-rem-value}rem, #{$fs-min}px);\n\n // If two-dimensional, use smallest of screen width and height\n $variable-unit: if($rfs-two-dimensional, vmin, vw);\n\n // Calculate the variable width between 0 and $rfs-breakpoint\n $variable-width: #{$fs-diff * 100 / $rfs-breakpoint}#{$variable-unit};\n\n // Set the calculated font-size.\n $rfs-fluid: calc(#{$min-width} + #{$variable-width}) #{$rfs-suffix};\n }\n\n // Rendering\n @if $rfs-fluid == null {\n // Only render static font-size if no fluid font-size is available\n font-size: $rfs-static;\n }\n @else {\n $mq-value: null;\n\n // RFS breakpoint formatting\n @if $rfs-breakpoint-unit == em or $rfs-breakpoint-unit == rem {\n $mq-value: #{$rfs-breakpoint / $rfs-rem-value}#{$rfs-breakpoint-unit};\n }\n @else if $rfs-breakpoint-unit == px {\n $mq-value: #{$rfs-breakpoint}px;\n }\n @else {\n @error \"`#{$rfs-breakpoint-unit}` is not a valid unit for $rfs-breakpoint-unit. Use `px`, `em` or `rem`.\";\n }\n\n @if $rfs-class == \"disable\" {\n // Adding an extra class increases specificity,\n // which prevents the media query to override the font size\n &,\n .disable-responsive-font-size &,\n &.disable-responsive-font-size {\n font-size: $rfs-static;\n }\n }\n @else {\n font-size: $rfs-static;\n }\n\n @if $rfs-two-dimensional {\n @media (max-width: #{$mq-value}), (max-height: #{$mq-value}) {\n @if $rfs-class == \"enable\" {\n .enable-responsive-font-size &,\n &.enable-responsive-font-size {\n font-size: $rfs-fluid;\n }\n }\n @else {\n font-size: $rfs-fluid;\n }\n\n @if $rfs-safari-iframe-resize-bug-fix {\n // stylelint-disable-next-line length-zero-no-unit\n min-width: 0vw;\n }\n }\n }\n @else {\n @media (max-width: #{$mq-value}) {\n @if $rfs-class == \"enable\" {\n .enable-responsive-font-size &,\n &.enable-responsive-font-size {\n font-size: $rfs-fluid;\n }\n }\n @else {\n font-size: $rfs-fluid;\n }\n\n @if $rfs-safari-iframe-resize-bug-fix {\n // stylelint-disable-next-line length-zero-no-unit\n min-width: 0vw;\n }\n }\n }\n }\n }\n}\n\n// The font-size & responsive-font-size mixin uses RFS to rescale font sizes\n@mixin font-size($fs, $important: false) {\n @include rfs($fs, $important);\n}\n\n@mixin responsive-font-size($fs, $important: false) {\n @include rfs($fs, $important);\n}\n","// stylelint-disable property-blacklist\n// Single side border-radius\n\n@mixin border-radius($radius: $border-radius, $fallback-border-radius: false) {\n @if $enable-rounded {\n border-radius: $radius;\n }\n @else if $fallback-border-radius != false {\n border-radius: $fallback-border-radius;\n }\n}\n\n@mixin border-top-radius($radius) {\n @if $enable-rounded {\n border-top-left-radius: $radius;\n border-top-right-radius: $radius;\n }\n}\n\n@mixin border-right-radius($radius) {\n @if $enable-rounded {\n border-top-right-radius: $radius;\n border-bottom-right-radius: $radius;\n }\n}\n\n@mixin border-bottom-radius($radius) {\n @if $enable-rounded {\n border-bottom-right-radius: $radius;\n border-bottom-left-radius: $radius;\n }\n}\n\n@mixin border-left-radius($radius) {\n @if $enable-rounded {\n border-top-left-radius: $radius;\n border-bottom-left-radius: $radius;\n }\n}\n\n@mixin border-top-left-radius($radius) {\n @if $enable-rounded {\n border-top-left-radius: $radius;\n }\n}\n\n@mixin border-top-right-radius($radius) {\n @if $enable-rounded {\n border-top-right-radius: $radius;\n }\n}\n\n@mixin border-bottom-right-radius($radius) {\n @if $enable-rounded {\n border-bottom-right-radius: $radius;\n }\n}\n\n@mixin border-bottom-left-radius($radius) {\n @if $enable-rounded {\n border-bottom-left-radius: $radius;\n }\n}\n","// stylelint-disable property-blacklist\n@mixin transition($transition...) {\n @if $enable-transitions {\n @if length($transition) == 0 {\n transition: $transition-base;\n } @else {\n transition: $transition;\n }\n }\n\n @if $enable-prefers-reduced-motion-media-query {\n @media (prefers-reduced-motion: reduce) {\n transition: none;\n }\n }\n}\n","// Hover mixin and `$enable-hover-media-query` are deprecated.\n//\n// Originally added during our alphas and maintained during betas, this mixin was\n// designed to prevent `:hover` stickiness on iOS-an issue where hover styles\n// would persist after initial touch.\n//\n// For backward compatibility, we've kept these mixins and updated them to\n// always return their regular pseudo-classes instead of a shimmed media query.\n//\n// Issue: https://github.com/twbs/bootstrap/issues/25195\n\n@mixin hover {\n &:hover { @content; }\n}\n\n@mixin hover-focus {\n &:hover,\n &:focus {\n @content;\n }\n}\n\n@mixin plain-hover-focus {\n &,\n &:hover,\n &:focus {\n @content;\n }\n}\n\n@mixin hover-focus-active {\n &:hover,\n &:focus,\n &:active {\n @content;\n }\n}\n","@mixin badge-variant($bg) {\n color: color-yiq($bg);\n background-color: $bg;\n\n @at-root a#{&} {\n @include hover-focus {\n color: color-yiq($bg);\n background-color: darken($bg, 10%);\n }\n\n &:focus,\n &.focus {\n outline: 0;\n box-shadow: 0 0 0 $badge-focus-width rgba($bg, .5);\n }\n }\n}\n","// Neutrals color variables\n$dark: #212121;\n$slate: #777;\n$muted: #b4b4b4;\n$smoke: #e2e2e2;\n$snow: #fbfbfb;\n$white: #fff;\n$cloud: #f2f4f7;\n\n// UI color variables\n$red: #d74022;\n$green: #009f61;\n$light-yellow: #ffeb99;\n$blue: #1357ff;\n$orange: #ffb700;\n$sapphire: #005fbf;\n\n// Branding color variables\n$crimson: #c02a34;\n$azure: #009bde;\n$salamander: #f96d01;\n$purple: #6d48e5;\n\n// Bootstrap dependencies color\n$black: #000 !default;\n$gray-100: #f8f9fa !default;\n$gray-200: #e9ecef !default;\n$gray-300: #dee2e6 !default;\n$gray-400: #ced4da !default;\n$gray-500: #adb5bd !default;\n$gray-600: #6c757d !default;\n$gray-700: #495057 !default;\n$gray-800: #343a40 !default;\n$gray-900: #212529 !default;\n\n// The yiq lightness value that determines when the lightness of color changes from \"dark\" to \"light\". Acceptable values are between 0 and 255.\n$yiq-contrasted-threshold: 150 !default;\n\n// Customize the light and dark text colors for use in our YIQ color contrast function.\n$yiq-text-dark: $gray-900 !default;\n$yiq-text-light: $white !default;\n\n\n$grays: () !default;\n// stylelint-disable-next-line scss/dollar-variable-default\n$grays: map-merge(\n (\n \"100\": $gray-100,\n \"200\": $gray-200,\n \"300\": $gray-300,\n \"400\": $gray-400,\n \"500\": $gray-500,\n \"600\": $gray-600,\n \"700\": $gray-700,\n \"800\": $gray-800,\n \"900\": $gray-900\n ),\n $grays\n);\n\n// register mekari color variables too bootstrap\n$colors: ();\n$colors: map-merge(\n (\n \"noir\" : $dark, // going to deprecated\n \"dark\" : $dark,\n \"slate\" : $slate,\n \"muted\" : $muted,\n \"smoke\" : $smoke,\n \"snow\" : $snow,\n \"cloud\" : $cloud,\n \"crimson\" : $crimson,\n \"azure\" : $azure,\n \"salamander\" : $salamander,\n \"purple\" : $purple,\n \"sapphire\" : $sapphire,\n \"white\" : $white,\n \"red\" : $red,\n \"orange\" : $orange,\n \"green\" : $green,\n \"blue\" : $blue,\n \"light-yellow\" : $light-yellow\n ),\n $colors\n);\n\n//extend bootstrap class\n$danger: $red;\n$success: $green;\n$info: $light-yellow;\n$warning: $orange;\n$primary: $sapphire;\n$jurnal: $azure;\n$talenta: $crimson;\n$klikpajak: $salamander;\n$mekari: $purple;\n\n$link: $blue;\n\n$text-muted: $muted;\n$body-color: $dark;\n$dark: $dark;\n$secondary: $slate;\n$light: $snow;\n\n// Add more theme color variables\n$theme-colors: ();\n$theme-colors: map-merge(\n (\n \"danger\" : $danger,\n \"success\" : $success,\n \"info\" : $info,\n \"warning\" : $warning,\n \"primary\" : $primary,\n \"jurnal\" : $jurnal,\n \"talenta\" : $talenta,\n \"klikpajak\" : $klikpajak,\n \"mekari\" : $mekari,\n \"dark\" : $dark,\n \"slate\" : $slate,\n \"muted\" : $muted,\n \"smoke\" : $smoke,\n \"light\" : $light,\n \"cloud\" : $cloud,\n \"link\" : $blue,\n \"white\" : $white\n ),\n $theme-colors\n);\n\n$card-border-color: $smoke;\n$body-bg: $white;\n",".#{$prefix}badge {\n font-size: $font-size-sm;\n line-height: 1.25;\n vertical-align: middle;\n @extend %font-size-sm;\n\n .ic {\n width: 12px;\n height: 12px;\n font-size: 14px;\n line-height: 12px;\n color: inherit;\n vertical-align: middle;\n cursor: pointer;\n &:first-child {\n margin-right: 12px;\n }\n &:last-child {\n margin-left: 12px;\n }\n }\n\n &-sm {\n padding: 0 4px;\n }\n\n &-dot,\n &-dot:empty {\n display: inline-block;\n width: 8px;\n height: 8px;\n padding: 0;\n }\n}\n"]}

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

@@ -1,2 +1,2 @@
-.banner{display:flex;align-items:center;justify-content:center;width:100%;padding:12px;margin-bottom:1rem;font-weight:500;text-align:center}.banner.warning{color:#212121;background-color:#ffb700}.banner.warning .ic{color:#212121}.banner.error{color:#fff;background-color:#d74022}.banner.error .ic{color:#fff}.banner-icon,.banner-text{display:inline-block;padding-right:8px}.banner-link{display:inline-block;text-decoration:underline;cursor:pointer}.banner-link a{color:inherit}
+.banner{display:flex;align-items:center;justify-content:center;width:100%;padding:12px;margin-bottom:1rem;font-weight:500;text-align:center}.banner.warning{color:#212121;background-color:#ffb700}.banner.warning .ic{color:#212121}.banner.error{color:#fff;background-color:#d74022}.banner.error .ic{color:#fff}.banner.banner-danger{color:#fff;background-color:#d74022}a.banner.banner-danger:focus,a.banner.banner-danger:hover{color:#fff;background-color:#ab331b}a.banner.banner-danger.focus,a.banner.banner-danger:focus{outline:0;box-shadow:0 0 0 .2em rgba(215,64,34,.5)}.banner.banner-success{color:#fff;background-color:#009f61}a.banner.banner-success:focus,a.banner.banner-success:hover{color:#fff;background-color:#006c42}a.banner.banner-success.focus,a.banner.banner-success:focus{outline:0;box-shadow:0 0 0 .2em rgba(0,159,97,.5)}.banner.banner-info{color:#212529;background-color:#ffeb99}a.banner.banner-info:focus,a.banner.banner-info:hover{color:#212529;background-color:#ffe166}a.banner.banner-info.focus,a.banner.banner-info:focus{outline:0;box-shadow:0 0 0 .2em rgba(255,235,153,.5)}.banner.banner-warning{color:#212529;background-color:#ffb700}a.banner.banner-warning:focus,a.banner.banner-warning:hover{color:#212529;background-color:#cc9200}a.banner.banner-warning.focus,a.banner.banner-warning:focus{outline:0;box-shadow:0 0 0 .2em rgba(255,183,0,.5)}.banner.banner-primary{color:#fff;background-color:#005fbf}a.banner.banner-primary:focus,a.banner.banner-primary:hover{color:#fff;background-color:#00468c}a.banner.banner-primary.focus,a.banner.banner-primary:focus{outline:0;box-shadow:0 0 0 .2em rgba(0,95,191,.5)}.banner.banner-jurnal{color:#fff;background-color:#009bde}a.banner.banner-jurnal:focus,a.banner.banner-jurnal:hover{color:#fff;background-color:#0077ab}a.banner.banner-jurnal.focus,a.banner.banner-jurnal:focus{outline:0;box-shadow:0 0 0 .2em rgba(0,155,222,.5)}.banner.banner-talenta{color:#fff;background-color:#c02a34}a.banner.banner-talenta:focus,a.banner.banner-talenta:hover{color:#fff;background-color:#962129}a.banner.banner-talenta.focus,a.banner.banner-talenta:focus{outline:0;box-shadow:0 0 0 .2em rgba(192,42,52,.5)}.banner.banner-klikpajak{color:#fff;background-color:#f96d01}a.banner.banner-klikpajak:focus,a.banner.banner-klikpajak:hover{color:#fff;background-color:#c65701}a.banner.banner-klikpajak.focus,a.banner.banner-klikpajak:focus{outline:0;box-shadow:0 0 0 .2em rgba(249,109,1,.5)}.banner.banner-mekari{color:#fff;background-color:#6d48e5}a.banner.banner-mekari:focus,a.banner.banner-mekari:hover{color:#fff;background-color:#4b1fdb}a.banner.banner-mekari.focus,a.banner.banner-mekari:focus{outline:0;box-shadow:0 0 0 .2em rgba(109,72,229,.5)}.banner.banner-dark{color:#fff;background-color:#212121}a.banner.banner-dark:focus,a.banner.banner-dark:hover{color:#fff;background-color:#080808}a.banner.banner-dark.focus,a.banner.banner-dark:focus{outline:0;box-shadow:0 0 0 .2em rgba(33,33,33,.5)}.banner.banner-slate{color:#fff;background-color:#777}a.banner.banner-slate:focus,a.banner.banner-slate:hover{color:#fff;background-color:#5e5e5e}a.banner.banner-slate.focus,a.banner.banner-slate:focus{outline:0;box-shadow:0 0 0 .2em rgba(119,119,119,.5)}.banner.banner-muted{color:#212529;background-color:#b4b4b4}a.banner.banner-muted:focus,a.banner.banner-muted:hover{color:#212529;background-color:#9b9b9b}a.banner.banner-muted.focus,a.banner.banner-muted:focus{outline:0;box-shadow:0 0 0 .2em rgba(180,180,180,.5)}.banner.banner-smoke{color:#212529;background-color:#e2e2e2}a.banner.banner-smoke:focus,a.banner.banner-smoke:hover{color:#212529;background-color:#c9c9c9}a.banner.banner-smoke.focus,a.banner.banner-smoke:focus{outline:0;box-shadow:0 0 0 .2em rgba(226,226,226,.5)}.banner.banner-light{color:#212529;background-color:#fbfbfb}a.banner.banner-light:focus,a.banner.banner-light:hover{color:#212529;background-color:#e2e2e2}a.banner.banner-light.focus,a.banner.banner-light:focus{outline:0;box-shadow:0 0 0 .2em rgba(251,251,251,.5)}.banner.banner-cloud{color:#212529;background-color:#f2f4f7}a.banner.banner-cloud:focus,a.banner.banner-cloud:hover{color:#212529;background-color:#d2d9e4}a.banner.banner-cloud.focus,a.banner.banner-cloud:focus{outline:0;box-shadow:0 0 0 .2em rgba(242,244,247,.5)}.banner.banner-link{color:#fff;background-color:#1357ff}a.banner.banner-link:focus,a.banner.banner-link:hover{color:#fff;background-color:#0040df}a.banner.banner-link.focus,a.banner.banner-link:focus{outline:0;box-shadow:0 0 0 .2em rgba(19,87,255,.5)}.banner.banner-white{color:#212529;background-color:#fff}a.banner.banner-white:focus,a.banner.banner-white:hover{color:#212529;background-color:#e6e6e6}a.banner.banner-white.focus,a.banner.banner-white:focus{outline:0;box-shadow:0 0 0 .2em rgba(255,255,255,.5)}.banner .ic{width:20px;height:20px;font-size:18px;line-height:18px;color:inherit}.banner-link,.banner-text{display:inline-block;padding-left:8px}.banner-link{display:inline-block;text-decoration:underline;cursor:pointer}.banner-link a{color:inherit}
 /*# sourceMappingURL=mekari-ui-banner-min.css.map */

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

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../scss/components/config/_banner.scss","dist/css/components/mekari-ui-banner.css"],"names":[],"mappings":"AAAA,QACE,QAAA,KACA,YAAA,OACA,gBAAA,OACA,MAAA,KACA,QAAA,KACA,cAAA,KACA,YAAA,IACA,WAAA,OARF,gBAUI,MAAA,QACA,iBAAA,QAXJ,oBAaM,MAAA,QAbN,cAiBI,MAAA,KACA,iBAAA,QAlBJ,kBAoBM,MAAA,KAKN,aCKA,aDHE,QAAA,aACA,cAAA,IAGF,aACE,QAAA,aACA,gBAAA,UACA,OAAA,QAHF,eAKI,MAAA","sourcesContent":[".banner {\n display: flex;\n align-items: center;\n justify-content: center;\n width: 100%;\n padding: 12px;\n margin-bottom: 1rem;\n font-weight: $font-weight-bold;\n text-align: center;\n &.warning {\n color: $dark;\n background-color: $warning;\n .ic {\n color: $dark;\n }\n }\n &.error {\n color: $white;\n background-color: $danger;\n .ic {\n color: $white;\n }\n }\n}\n\n.banner-icon,\n.banner-text {\n display: inline-block;\n padding-right: 8px;\n}\n\n.banner-link {\n display: inline-block;\n text-decoration: underline;\n cursor: pointer;\n a {\n color: inherit;\n }\n}\n",".banner {\n display: flex;\n align-items: center;\n justify-content: center;\n width: 100%;\n padding: 12px;\n margin-bottom: 1rem;\n font-weight: 500;\n text-align: center;\n}\n\n.banner.warning {\n color: #212121;\n background-color: #ffb700;\n}\n\n.banner.warning .ic {\n color: #212121;\n}\n\n.banner.error {\n color: #fff;\n background-color: #d74022;\n}\n\n.banner.error .ic {\n color: #fff;\n}\n\n.banner-icon,\n.banner-text {\n display: inline-block;\n padding-right: 8px;\n}\n\n.banner-link {\n display: inline-block;\n text-decoration: underline;\n cursor: pointer;\n}\n\n.banner-link a {\n color: inherit;\n}\n/# sourceMappingURL=mekari-ui-banner.css.map /"]}
1	+ {"version":3,"sources":["../../../scss/components/config/_banner.scss","../../../scss/vendors/mixins/_badge.scss","../../../scss/vendors/mixins/_hover.scss","dist/css/components/mekari-ui-banner.css"],"names":[],"mappings":"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","sourcesContent":[".banner {\n display: flex;\n align-items: center;\n justify-content: center;\n width: 100%;\n padding: 12px;\n margin-bottom: 1rem;\n font-weight: $font-weight-bold;\n text-align: center;\n &.warning { // this variant will be deprecated in next version\n color: $dark;\n background-color: $warning;\n .ic {\n color: $dark;\n }\n }\n &.error { // this variant will be deprecated in next version\n color: $white;\n background-color: $danger;\n .ic {\n color: $white;\n }\n }\n @each $color, $value in $theme-colors {\n &.#{$prefix}banner-#{$color} {\n @include badge-variant($value);\n }\n }\n .ic {\n width: 20px;\n height: 20px;\n font-size: 18px;\n line-height: 18px;\n color: inherit;\n }\n}\n\n.banner-text,\n.banner-link {\n display: inline-block;\n padding-left: 8px;\n}\n\n.banner-link {\n display: inline-block;\n text-decoration: underline;\n cursor: pointer;\n a {\n color: inherit;\n }\n}\n","@mixin badge-variant($bg) {\n color: color-yiq($bg);\n background-color: $bg;\n\n @at-root a#{&} {\n @include hover-focus {\n color: color-yiq($bg);\n background-color: darken($bg, 10%);\n }\n\n &:focus,\n &.focus {\n outline: 0;\n box-shadow: 0 0 0 $badge-focus-width rgba($bg, .5);\n }\n }\n}\n","// Hover mixin and `$enable-hover-media-query` are deprecated.\n//\n// Originally added during our alphas and maintained during betas, this mixin was\n// designed to prevent `:hover` stickiness on iOS-an issue where hover styles\n// would persist after initial touch.\n//\n// For backward compatibility, we've kept these mixins and updated them to\n// always return their regular pseudo-classes instead of a shimmed media query.\n//\n// Issue: https://github.com/twbs/bootstrap/issues/25195\n\n@mixin hover {\n &:hover { @content; }\n}\n\n@mixin hover-focus {\n &:hover,\n &:focus {\n @content;\n }\n}\n\n@mixin plain-hover-focus {\n &,\n &:hover,\n &:focus {\n @content;\n }\n}\n\n@mixin hover-focus-active {\n &:hover,\n &:focus,\n &:active {\n @content;\n }\n}\n",".banner {\n display: flex;\n align-items: center;\n justify-content: center;\n width: 100%;\n padding: 12px;\n margin-bottom: 1rem;\n font-weight: 500;\n text-align: center;\n}\n\n.banner.warning {\n color: #212121;\n background-color: #ffb700;\n}\n\n.banner.warning .ic {\n color: #212121;\n}\n\n.banner.error {\n color: #fff;\n background-color: #d74022;\n}\n\n.banner.error .ic {\n color: #fff;\n}\n\n.banner.banner-danger {\n color: #fff;\n background-color: #d74022;\n}\n\na.banner.banner-danger:hover, a.banner.banner-danger:focus {\n color: #fff;\n background-color: #ab331b;\n}\n\na.banner.banner-danger:focus, a.banner.banner-danger.focus {\n outline: 0;\n box-shadow: 0 0 0 0.2em rgba(215, 64, 34, 0.5);\n}\n\n.banner.banner-success {\n color: #fff;\n background-color: #009f61;\n}\n\na.banner.banner-success:hover, a.banner.banner-success:focus {\n color: #fff;\n background-color: #006c42;\n}\n\na.banner.banner-success:focus, a.banner.banner-success.focus {\n outline: 0;\n box-shadow: 0 0 0 0.2em rgba(0, 159, 97, 0.5);\n}\n\n.banner.banner-info {\n color: #212529;\n background-color: #ffeb99;\n}\n\na.banner.banner-info:hover, a.banner.banner-info:focus {\n color: #212529;\n background-color: #ffe166;\n}\n\na.banner.banner-info:focus, a.banner.banner-info.focus {\n outline: 0;\n box-shadow: 0 0 0 0.2em rgba(255, 235, 153, 0.5);\n}\n\n.banner.banner-warning {\n color: #212529;\n background-color: #ffb700;\n}\n\na.banner.banner-warning:hover, a.banner.banner-warning:focus {\n color: #212529;\n background-color: #cc9200;\n}\n\na.banner.banner-warning:focus, a.banner.banner-warning.focus {\n outline: 0;\n box-shadow: 0 0 0 0.2em rgba(255, 183, 0, 0.5);\n}\n\n.banner.banner-primary {\n color: #fff;\n background-color: #005fbf;\n}\n\na.banner.banner-primary:hover, a.banner.banner-primary:focus {\n color: #fff;\n background-color: #00468c;\n}\n\na.banner.banner-primary:focus, a.banner.banner-primary.focus {\n outline: 0;\n box-shadow: 0 0 0 0.2em rgba(0, 95, 191, 0.5);\n}\n\n.banner.banner-jurnal {\n color: #fff;\n background-color: #009bde;\n}\n\na.banner.banner-jurnal:hover, a.banner.banner-jurnal:focus {\n color: #fff;\n background-color: #0077ab;\n}\n\na.banner.banner-jurnal:focus, a.banner.banner-jurnal.focus {\n outline: 0;\n box-shadow: 0 0 0 0.2em rgba(0, 155, 222, 0.5);\n}\n\n.banner.banner-talenta {\n color: #fff;\n background-color: #c02a34;\n}\n\na.banner.banner-talenta:hover, a.banner.banner-talenta:focus {\n color: #fff;\n background-color: #962129;\n}\n\na.banner.banner-talenta:focus, a.banner.banner-talenta.focus {\n outline: 0;\n box-shadow: 0 0 0 0.2em rgba(192, 42, 52, 0.5);\n}\n\n.banner.banner-klikpajak {\n color: #fff;\n background-color: #f96d01;\n}\n\na.banner.banner-klikpajak:hover, a.banner.banner-klikpajak:focus {\n color: #fff;\n background-color: #c65701;\n}\n\na.banner.banner-klikpajak:focus, a.banner.banner-klikpajak.focus {\n outline: 0;\n box-shadow: 0 0 0 0.2em rgba(249, 109, 1, 0.5);\n}\n\n.banner.banner-mekari {\n color: #fff;\n background-color: #6d48e5;\n}\n\na.banner.banner-mekari:hover, a.banner.banner-mekari:focus {\n color: #fff;\n background-color: #4b1fdb;\n}\n\na.banner.banner-mekari:focus, a.banner.banner-mekari.focus {\n outline: 0;\n box-shadow: 0 0 0 0.2em rgba(109, 72, 229, 0.5);\n}\n\n.banner.banner-dark {\n color: #fff;\n background-color: #212121;\n}\n\na.banner.banner-dark:hover, a.banner.banner-dark:focus {\n color: #fff;\n background-color: #080808;\n}\n\na.banner.banner-dark:focus, a.banner.banner-dark.focus {\n outline: 0;\n box-shadow: 0 0 0 0.2em rgba(33, 33, 33, 0.5);\n}\n\n.banner.banner-slate {\n color: #fff;\n background-color: #777;\n}\n\na.banner.banner-slate:hover, a.banner.banner-slate:focus {\n color: #fff;\n background-color: #5e5e5e;\n}\n\na.banner.banner-slate:focus, a.banner.banner-slate.focus {\n outline: 0;\n box-shadow: 0 0 0 0.2em rgba(119, 119, 119, 0.5);\n}\n\n.banner.banner-muted {\n color: #212529;\n background-color: #b4b4b4;\n}\n\na.banner.banner-muted:hover, a.banner.banner-muted:focus {\n color: #212529;\n background-color: #9b9b9b;\n}\n\na.banner.banner-muted:focus, a.banner.banner-muted.focus {\n outline: 0;\n box-shadow: 0 0 0 0.2em rgba(180, 180, 180, 0.5);\n}\n\n.banner.banner-smoke {\n color: #212529;\n background-color: #e2e2e2;\n}\n\na.banner.banner-smoke:hover, a.banner.banner-smoke:focus {\n color: #212529;\n background-color: #c9c9c9;\n}\n\na.banner.banner-smoke:focus, a.banner.banner-smoke.focus {\n outline: 0;\n box-shadow: 0 0 0 0.2em rgba(226, 226, 226, 0.5);\n}\n\n.banner.banner-light {\n color: #212529;\n background-color: #fbfbfb;\n}\n\na.banner.banner-light:hover, a.banner.banner-light:focus {\n color: #212529;\n background-color: #e2e2e2;\n}\n\na.banner.banner-light:focus, a.banner.banner-light.focus {\n outline: 0;\n box-shadow: 0 0 0 0.2em rgba(251, 251, 251, 0.5);\n}\n\n.banner.banner-cloud {\n color: #212529;\n background-color: #f2f4f7;\n}\n\na.banner.banner-cloud:hover, a.banner.banner-cloud:focus {\n color: #212529;\n background-color: #d2d9e4;\n}\n\na.banner.banner-cloud:focus, a.banner.banner-cloud.focus {\n outline: 0;\n box-shadow: 0 0 0 0.2em rgba(242, 244, 247, 0.5);\n}\n\n.banner.banner-link {\n color: #fff;\n background-color: #1357ff;\n}\n\na.banner.banner-link:hover, a.banner.banner-link:focus {\n color: #fff;\n background-color: #0040df;\n}\n\na.banner.banner-link:focus, a.banner.banner-link.focus {\n outline: 0;\n box-shadow: 0 0 0 0.2em rgba(19, 87, 255, 0.5);\n}\n\n.banner.banner-white {\n color: #212529;\n background-color: #fff;\n}\n\na.banner.banner-white:hover, a.banner.banner-white:focus {\n color: #212529;\n background-color: #e6e6e6;\n}\n\na.banner.banner-white:focus, a.banner.banner-white.focus {\n outline: 0;\n box-shadow: 0 0 0 0.2em rgba(255, 255, 255, 0.5);\n}\n\n.banner .ic {\n width: 20px;\n height: 20px;\n font-size: 18px;\n line-height: 18px;\n color: inherit;\n}\n\n.banner-text,\n.banner-link {\n display: inline-block;\n padding-left: 8px;\n}\n\n.banner-link {\n display: inline-block;\n text-decoration: underline;\n cursor: pointer;\n}\n\n.banner-link a {\n color: inherit;\n}\n/# sourceMappingURL=mekari-ui-banner.css.map /"]}

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

@@ -27,10 +27,273 @@
   color: #fff;
 }
-.banner-icon,
-.banner-text {
+.banner.banner-danger {
+  color: #fff;
+  background-color: #d74022;
+}
+a.banner.banner-danger:hover, a.banner.banner-danger:focus {
+  color: #fff;
+  background-color: #ab331b;
+}
+a.banner.banner-danger:focus, a.banner.banner-danger.focus {
+  outline: 0;
+  box-shadow: 0 0 0 0.2em rgba(215, 64, 34, 0.5);
+}
+.banner.banner-success {
+  color: #fff;
+  background-color: #009f61;
+}
+a.banner.banner-success:hover, a.banner.banner-success:focus {
+  color: #fff;
+  background-color: #006c42;
+}
+a.banner.banner-success:focus, a.banner.banner-success.focus {
+  outline: 0;
+  box-shadow: 0 0 0 0.2em rgba(0, 159, 97, 0.5);
+}
+.banner.banner-info {
+  color: #212529;
+  background-color: #ffeb99;
+}
+a.banner.banner-info:hover, a.banner.banner-info:focus {
+  color: #212529;
+  background-color: #ffe166;
+}
+a.banner.banner-info:focus, a.banner.banner-info.focus {
+  outline: 0;
+  box-shadow: 0 0 0 0.2em rgba(255, 235, 153, 0.5);
+}
+.banner.banner-warning {
+  color: #212529;
+  background-color: #ffb700;
+}
+a.banner.banner-warning:hover, a.banner.banner-warning:focus {
+  color: #212529;
+  background-color: #cc9200;
+}
+a.banner.banner-warning:focus, a.banner.banner-warning.focus {
+  outline: 0;
+  box-shadow: 0 0 0 0.2em rgba(255, 183, 0, 0.5);
+}
+.banner.banner-primary {
+  color: #fff;
+  background-color: #005fbf;
+}
+a.banner.banner-primary:hover, a.banner.banner-primary:focus {
+  color: #fff;
+  background-color: #00468c;
+}
+a.banner.banner-primary:focus, a.banner.banner-primary.focus {
+  outline: 0;
+  box-shadow: 0 0 0 0.2em rgba(0, 95, 191, 0.5);
+}
+.banner.banner-jurnal {
+  color: #fff;
+  background-color: #009bde;
+}
+a.banner.banner-jurnal:hover, a.banner.banner-jurnal:focus {
+  color: #fff;
+  background-color: #0077ab;
+}
+a.banner.banner-jurnal:focus, a.banner.banner-jurnal.focus {
+  outline: 0;
+  box-shadow: 0 0 0 0.2em rgba(0, 155, 222, 0.5);
+}
+.banner.banner-talenta {
+  color: #fff;
+  background-color: #c02a34;
+}
+a.banner.banner-talenta:hover, a.banner.banner-talenta:focus {
+  color: #fff;
+  background-color: #962129;
+}
+a.banner.banner-talenta:focus, a.banner.banner-talenta.focus {
+  outline: 0;
+  box-shadow: 0 0 0 0.2em rgba(192, 42, 52, 0.5);
+}
+.banner.banner-klikpajak {
+  color: #fff;
+  background-color: #f96d01;
+}
+a.banner.banner-klikpajak:hover, a.banner.banner-klikpajak:focus {
+  color: #fff;
+  background-color: #c65701;
+}
+a.banner.banner-klikpajak:focus, a.banner.banner-klikpajak.focus {
+  outline: 0;
+  box-shadow: 0 0 0 0.2em rgba(249, 109, 1, 0.5);
+}
+.banner.banner-mekari {
+  color: #fff;
+  background-color: #6d48e5;
+}
+a.banner.banner-mekari:hover, a.banner.banner-mekari:focus {
+  color: #fff;
+  background-color: #4b1fdb;
+}
+a.banner.banner-mekari:focus, a.banner.banner-mekari.focus {
+  outline: 0;
+  box-shadow: 0 0 0 0.2em rgba(109, 72, 229, 0.5);
+}
+.banner.banner-dark {
+  color: #fff;
+  background-color: #212121;
+}
+a.banner.banner-dark:hover, a.banner.banner-dark:focus {
+  color: #fff;
+  background-color: #080808;
+}
+a.banner.banner-dark:focus, a.banner.banner-dark.focus {
+  outline: 0;
+  box-shadow: 0 0 0 0.2em rgba(33, 33, 33, 0.5);
+}
+.banner.banner-slate {
+  color: #fff;
+  background-color: #777;
+}
+a.banner.banner-slate:hover, a.banner.banner-slate:focus {
+  color: #fff;
+  background-color: #5e5e5e;
+}
+a.banner.banner-slate:focus, a.banner.banner-slate.focus {
+  outline: 0;
+  box-shadow: 0 0 0 0.2em rgba(119, 119, 119, 0.5);
+}
+.banner.banner-muted {
+  color: #212529;
+  background-color: #b4b4b4;
+}
+a.banner.banner-muted:hover, a.banner.banner-muted:focus {
+  color: #212529;
+  background-color: #9b9b9b;
+}
+a.banner.banner-muted:focus, a.banner.banner-muted.focus {
+  outline: 0;
+  box-shadow: 0 0 0 0.2em rgba(180, 180, 180, 0.5);
+}
+.banner.banner-smoke {
+  color: #212529;
+  background-color: #e2e2e2;
+}
+a.banner.banner-smoke:hover, a.banner.banner-smoke:focus {
+  color: #212529;
+  background-color: #c9c9c9;
+}
+a.banner.banner-smoke:focus, a.banner.banner-smoke.focus {
+  outline: 0;
+  box-shadow: 0 0 0 0.2em rgba(226, 226, 226, 0.5);
+}
+.banner.banner-light {
+  color: #212529;
+  background-color: #fbfbfb;
+}
+a.banner.banner-light:hover, a.banner.banner-light:focus {
+  color: #212529;
+  background-color: #e2e2e2;
+}
+a.banner.banner-light:focus, a.banner.banner-light.focus {
+  outline: 0;
+  box-shadow: 0 0 0 0.2em rgba(251, 251, 251, 0.5);
+}
+.banner.banner-cloud {
+  color: #212529;
+  background-color: #f2f4f7;
+}
+a.banner.banner-cloud:hover, a.banner.banner-cloud:focus {
+  color: #212529;
+  background-color: #d2d9e4;
+}
+a.banner.banner-cloud:focus, a.banner.banner-cloud.focus {
+  outline: 0;
+  box-shadow: 0 0 0 0.2em rgba(242, 244, 247, 0.5);
+}
+.banner.banner-link {
+  color: #fff;
+  background-color: #1357ff;
+}
+a.banner.banner-link:hover, a.banner.banner-link:focus {
+  color: #fff;
+  background-color: #0040df;
+}
+a.banner.banner-link:focus, a.banner.banner-link.focus {
+  outline: 0;
+  box-shadow: 0 0 0 0.2em rgba(19, 87, 255, 0.5);
+}
+.banner.banner-white {
+  color: #212529;
+  background-color: #fff;
+}
+a.banner.banner-white:hover, a.banner.banner-white:focus {
+  color: #212529;
+  background-color: #e6e6e6;
+}
+a.banner.banner-white:focus, a.banner.banner-white.focus {
+  outline: 0;
+  box-shadow: 0 0 0 0.2em rgba(255, 255, 255, 0.5);
+}
+.banner .ic {
+  width: 20px;
+  height: 20px;
+  font-size: 18px;
+  line-height: 18px;
+  color: inherit;
+}
+.banner-text,
+.banner-link {
   display: inline-block;
-  padding-right: 8px;
+  padding-left: 8px;
 }
 .banner-link {

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

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../scss/components/config/_banner.scss","../../../scss/vendor-extensions/_typography.scss","mekari-ui-banner.css","../../../scss/vendor-extensions/_color.scss"],"names":[],"mappings":"AAAA;EACE,aAAa;EACb,mBAAmB;EACnB,uBAAuB;EACvB,WAAW;EACX,aAAa;EACb,mBAAmB;EACnB,gBCWuC;EDVvC,kBAAkB;AECpB;;AFTA;EAUI,cGTW;EHUX,yBGGmB;ADAvB;;AFdA;EAaM,cGZS;ADiBf;;AFlBA;EAiBI,WGXQ;EHYR,yBGRmB;ADavB;;AFvBA;EAoBM,WGdM;ADqBZ;;AFFA;;EAEE,qBAAqB;EACrB,kBAAkB;AEKpB;;AFFA;EACE,qBAAqB;EACrB,0BAA0B;EAC1B,eAAe;AEKjB;;AFRA;EAKI,cAAc;AEOlB","file":"mekari-ui-banner.css","sourcesContent":[".banner {\n display: flex;\n align-items: center;\n justify-content: center;\n width: 100%;\n padding: 12px;\n margin-bottom: 1rem;\n font-weight: $font-weight-bold;\n text-align: center;\n &.warning {\n color: $dark;\n background-color: $warning;\n .ic {\n color: $dark;\n }\n }\n &.error {\n color: $white;\n background-color: $danger;\n .ic {\n color: $white;\n }\n }\n}\n\n.banner-icon,\n.banner-text {\n display: inline-block;\n padding-right: 8px;\n}\n\n.banner-link {\n display: inline-block;\n text-decoration: underline;\n cursor: pointer;\n a {\n color: inherit;\n }\n}\n","$font-family-roboto: \"Roboto\", \"Oxygen\", \"Ubuntu\", \"Fira Sans\", \"Droid Sans\", \"Helvetica Neue\", sans-serif;\n$font-family-base: $font-family-roboto;\n$font-family-monospace: monospace;\n\n// 1 rem = 16px\n$font-size-base: .875rem; // 14px\n$font-size-lg: 1.25rem; // 20px\n$font-size-sm: .75rem; // 12px\n\n$line-height-base: 1.4285; // The closest value to Mekari design\n$line-height-lg: 1.4285;\n$line-height-sm: 1.4285;\n$letter-spacing: .2px;\n\n$font-weight-lighter: 400;\n$font-weight-light: 400;\n$font-weight-normal: 400;\n$font-weight-base: 400;\n$font-weight-bold: 500;\n$font-weight-bolder: 500;\n\n$dt-font-weight: $font-weight-bold;\n\n// Text color\n$body-color: $dark;\n$link-color: $blue;\n$link-hover-color: darken($link-color, 15%) !default;\n$link-decoration: none;\n$link-hover-decoration: underline;\n\n$input-placeholder-color: $text-muted;\n$custom-select-disabled-color: $text-muted;\n$custom-control-label-disabled-color: $text-muted;\n",".banner {\n display: flex;\n align-items: center;\n justify-content: center;\n width: 100%;\n padding: 12px;\n margin-bottom: 1rem;\n font-weight: 500;\n text-align: center;\n}\n\n.banner.warning {\n color: #212121;\n background-color: #ffb700;\n}\n\n.banner.warning .ic {\n color: #212121;\n}\n\n.banner.error {\n color: #fff;\n background-color: #d74022;\n}\n\n.banner.error .ic {\n color: #fff;\n}\n\n.banner-icon,\n.banner-text {\n display: inline-block;\n padding-right: 8px;\n}\n\n.banner-link {\n display: inline-block;\n text-decoration: underline;\n cursor: pointer;\n}\n\n.banner-link a {\n color: inherit;\n}\n\n/# sourceMappingURL=mekari-ui-banner.css.map /","// Neutrals color variables\n$dark: #212121;\n$slate: #777;\n$muted: #b4b4b4;\n$smoke: #e2e2e2;\n$snow: #fbfbfb;\n$white: #fff;\n$cloud: #f2f4f7;\n\n// UI color variables\n$red: #d74022;\n$green: #009f61;\n$light-yellow: #ffeb99;\n$blue: #1357ff;\n$orange: #ffb700;\n$sapphire: #005fbf;\n\n// Branding color variables\n$crimson: #c02a34;\n$azure: #009bde;\n$salamander: #f96d01;\n$purple: #6d48e5;\n\n// Bootstrap dependencies color\n$black: #000 !default;\n$gray-100: #f8f9fa !default;\n$gray-200: #e9ecef !default;\n$gray-300: #dee2e6 !default;\n$gray-400: #ced4da !default;\n$gray-500: #adb5bd !default;\n$gray-600: #6c757d !default;\n$gray-700: #495057 !default;\n$gray-800: #343a40 !default;\n$gray-900: #212529 !default;\n\n// The yiq lightness value that determines when the lightness of color changes from \"dark\" to \"light\". Acceptable values are between 0 and 255.\n$yiq-contrasted-threshold: 150 !default;\n\n// Customize the light and dark text colors for use in our YIQ color contrast function.\n$yiq-text-dark: $gray-900 !default;\n$yiq-text-light: $white !default;\n\n\n$grays: () !default;\n// stylelint-disable-next-line scss/dollar-variable-default\n$grays: map-merge(\n (\n \"100\": $gray-100,\n \"200\": $gray-200,\n \"300\": $gray-300,\n \"400\": $gray-400,\n \"500\": $gray-500,\n \"600\": $gray-600,\n \"700\": $gray-700,\n \"800\": $gray-800,\n \"900\": $gray-900\n ),\n $grays\n);\n\n// register mekari color variables too bootstrap\n$colors: ();\n$colors: map-merge(\n (\n \"noir\" : $dark, // going to deprecated\n \"dark\" : $dark,\n \"slate\" : $slate,\n \"muted\" : $muted,\n \"smoke\" : $smoke,\n \"snow\" : $snow,\n \"cloud\" : $cloud,\n \"crimson\" : $crimson,\n \"azure\" : $azure,\n \"salamander\" : $salamander,\n \"purple\" : $purple,\n \"sapphire\" : $sapphire,\n \"white\" : $white,\n \"red\" : $red,\n \"orange\" : $orange,\n \"green\" : $green,\n \"blue\" : $blue,\n \"light-yellow\" : $light-yellow\n ),\n $colors\n);\n\n//extend bootstrap class\n$danger: $red;\n$success: $green;\n$info: $light-yellow;\n$warning: $orange;\n$primary: $sapphire;\n$jurnal: $azure;\n$talenta: $crimson;\n$klikpajak: $salamander;\n$mekari: $purple;\n\n$link: $blue;\n\n$text-muted: $muted;\n$body-color: $dark;\n$dark: $dark;\n$secondary: $slate;\n$light: $snow;\n\n// Add more theme color variables\n$theme-colors: ();\n$theme-colors: map-merge(\n (\n \"danger\" : $danger,\n \"success\" : $success,\n \"info\" : $info,\n \"warning\" : $warning,\n \"primary\" : $primary,\n \"jurnal\" : $jurnal,\n \"talenta\" : $talenta,\n \"klikpajak\" : $klikpajak,\n \"mekari\" : $mekari,\n \"dark\" : $dark,\n \"slate\" : $slate,\n \"muted\" : $muted,\n \"smoke\" : $smoke,\n \"light\" : $light,\n \"cloud\" : $cloud,\n \"link\" : $blue,\n \"white\" : $white\n ),\n $theme-colors\n);\n\n$card-border-color: $smoke;\n$body-bg: $white;\n"]}
1	+ {"version":3,"sources":["../../../scss/components/config/_banner.scss","../../../scss/vendor-extensions/_typography.scss","mekari-ui-banner.css","../../../scss/vendor-extensions/_color.scss","../../../scss/vendors/mixins/_badge.scss","../../../scss/vendors/mixins/_hover.scss"],"names":[],"mappings":"AAAA;EACE,aAAa;EACb,mBAAmB;EACnB,uBAAuB;EACvB,WAAW;EACX,aAAa;EACb,mBAAmB;EACnB,gBCWuC;EDVvC,kBAAkB;AECpB;;AFTA;EAUI,cGTW;EHUX,yBGGmB;ADAvB;;AFdA;EAaM,cGZS;ADiBf;;AFlBA;EAiBI,WGXQ;EHYR,yBGRmB;ADavB;;AFvBA;EAoBM,WGdM;ADqBZ;;AF3BA;EICE,WDKU;ECJV,yBDQqB;ADsBvB;;AGhBE;EDVI,WDAM;ECCN,yBAAkC;AF8BxC;;AEjCU;EAQJ,UAAU;EACV,8CDHiB;ADgCvB;;AF1CA;EICE,WDKU;ECJV,yBDSqB;ADoCvB;;AG/BE;EDVI,WDAM;ECCN,yBAAkC;AF6CxC;;AEhDU;EAQJ,UAAU;EACV,6CDFiB;AD8CvB;;AFzDA;EICE,cDgCgB;EC/BhB,yBDUqB;ADkDvB;;AG9CE;EDVI,cD2BY;EC1BZ,yBAAkC;AF4DxC;;AE/DU;EAQJ,UAAU;EACV,gDDDiB;AD4DvB;;AFxEA;EICE,cDgCgB;EC/BhB,yBDYqB;AD+DvB;;AG7DE;EDVI,cD2BY;EC1BZ,yBAAkC;AF2ExC;;AE9EU;EAQJ,UAAU;EACV,8CDCiB;ADyEvB;;AFvFA;EICE,WDKU;ECJV,yBDaqB;AD6EvB;;AG5EE;EDVI,WDAM;ECCN,yBAAkC;AF0FxC;;AE7FU;EAQJ,UAAU;EACV,6CDEiB;ADuFvB;;AFtGA;EICE,WDKU;ECJV,yBDiBmB;ADwFrB;;AG3FE;EDVI,WDAM;ECCN,yBAAkC;AFyGxC;;AE5GU;EAQJ,UAAU;EACV,8CDMe;ADkGrB;;AFrHA;EICE,WDKU;ECJV,yBDgBmB;ADwGrB;;AG1GE;EDVI,WDAM;ECCN,yBAAkC;AFwHxC;;AE3HU;EAQJ,UAAU;EACV,8CDKe;ADkHrB;;AFpIA;EICE,WDKU;ECJV,yBDkBmB;ADqHrB;;AGzHE;EDVI,WDAM;ECCN,yBAAkC;AFuIxC;;AE1IU;EAQJ,UAAU;EACV,8CDOe;AD+HrB;;AFnJA;EICE,WDKU;ECJV,yBDmBmB;ADmIrB;;AGxIE;EDVI,WDAM;ECCN,yBAAkC;AFsJxC;;AEzJU;EAQJ,UAAU;EACV,+CDQe;AD6IrB;;AFlKA;EICE,WDKU;ECJV,yBDDa;ADsKf;;AGvJE;EDVI,WDAM;ECCN,yBAAkC;AFqKxC;;AExKU;EAQJ,UAAU;EACV,6CDZS;ADgLf;;AFjLA;EICE,WDKU;ECJV,sBDAU;ADoLZ;;AGtKE;EDVI,WDAM;ECCN,yBAAkC;AFoLxC;;AEvLU;EAQJ,UAAU;EACV,gDDXM;AD8LZ;;AFhMA;EICE,cDgCgB;EC/BhB,yBDCa;ADkMf;;AGrLE;EDVI,cD2BY;EC1BZ,yBAAkC;AFmMxC;;AEtMU;EAQJ,UAAU;EACV,gDDVS;AD4Mf;;AF/MA;EICE,cDgCgB;EC/BhB,yBDEa;ADgNf;;AGpME;EDVI,cD2BY;EC1BZ,yBAAkC;AFkNxC;;AErNU;EAQJ,UAAU;EACV,gDDTS;AD0Nf;;AF9NA;EICE,cDgCgB;EC/BhB,yBDGa;AD8Nf;;AGnNE;EDVI,cD2BY;EC1BZ,yBAAkC;AFiOxC;;AEpOU;EAQJ,UAAU;EACV,gDDRS;ADwOf;;AF7OA;EICE,cDgCgB;EC/BhB,yBDKa;AD2Of;;AGlOE;EDVI,cD2BY;EC1BZ,yBAAkC;AFgPxC;;AEnPU;EAQJ,UAAU;EACV,gDDNS;ADqPf;;AF5PA;EICE,WDKU;ECJV,yBDWqB;ADoPvB;;AGjPE;EDVI,WDAM;ECCN,yBAAkC;AF+PxC;;AElQU;EAQJ,UAAU;EACV,8CDAiB;AD8PvB;;AF3QA;EICE,cDgCgB;EC/BhB,sBDIU;AD0QZ;;AGhQE;EDVI,cD2BY;EC1BZ,yBAAkC;AF8QxC;;AEjRU;EAQJ,UAAU;EACV,gDDPM;ADoRZ;;AF1RA;EA6BI,WAAW;EACX,YAAY;EACZ,eAAe;EACf,iBAAiB;EACjB,cAAc;AEiQlB;;AF7PA;;EAEE,qBAAqB;EACrB,iBAAiB;AEgQnB;;AF7PA;EACE,qBAAqB;EACrB,0BAA0B;EAC1B,eAAe;AEgQjB;;AFnQA;EAKI,cAAc;AEkQlB","file":"mekari-ui-banner.css","sourcesContent":[".banner {\n display: flex;\n align-items: center;\n justify-content: center;\n width: 100%;\n padding: 12px;\n margin-bottom: 1rem;\n font-weight: $font-weight-bold;\n text-align: center;\n &.warning { // this variant will be deprecated in next version\n color: $dark;\n background-color: $warning;\n .ic {\n color: $dark;\n }\n }\n &.error { // this variant will be deprecated in next version\n color: $white;\n background-color: $danger;\n .ic {\n color: $white;\n }\n }\n @each $color, $value in $theme-colors {\n &.#{$prefix}banner-#{$color} {\n @include badge-variant($value);\n }\n }\n .ic {\n width: 20px;\n height: 20px;\n font-size: 18px;\n line-height: 18px;\n color: inherit;\n }\n}\n\n.banner-text,\n.banner-link {\n display: inline-block;\n padding-left: 8px;\n}\n\n.banner-link {\n display: inline-block;\n text-decoration: underline;\n cursor: pointer;\n a {\n color: inherit;\n }\n}\n","$font-family-roboto: \"Roboto\", \"Oxygen\", \"Ubuntu\", \"Fira Sans\", \"Droid Sans\", \"Helvetica Neue\", sans-serif;\n$font-family-base: $font-family-roboto;\n$font-family-monospace: monospace;\n\n// 1 rem = 16px\n$font-size-base: .875rem; // 14px\n$font-size-lg: 1.25rem; // 20px\n$font-size-sm: .75rem; // 12px\n\n$line-height-base: 1.4285; // The closest value to Mekari design\n$line-height-lg: 1.4285;\n$line-height-sm: 1.4285;\n$letter-spacing: .2px;\n\n$font-weight-lighter: 400;\n$font-weight-light: 400;\n$font-weight-normal: 400;\n$font-weight-base: 400;\n$font-weight-bold: 500;\n$font-weight-bolder: 500;\n\n$dt-font-weight: $font-weight-bold;\n\n// Text color\n$body-color: $dark;\n$link-color: $blue;\n$link-hover-color: darken($link-color, 15%) !default;\n$link-decoration: none;\n$link-hover-decoration: underline;\n\n$input-placeholder-color: $text-muted;\n$custom-select-disabled-color: $text-muted;\n$custom-control-label-disabled-color: $text-muted;\n",".banner {\n display: flex;\n align-items: center;\n justify-content: center;\n width: 100%;\n padding: 12px;\n margin-bottom: 1rem;\n font-weight: 500;\n text-align: center;\n}\n\n.banner.warning {\n color: #212121;\n background-color: #ffb700;\n}\n\n.banner.warning .ic {\n color: #212121;\n}\n\n.banner.error {\n color: #fff;\n background-color: #d74022;\n}\n\n.banner.error .ic {\n color: #fff;\n}\n\n.banner.banner-danger {\n color: #fff;\n background-color: #d74022;\n}\n\na.banner.banner-danger:hover, a.banner.banner-danger:focus {\n color: #fff;\n background-color: #ab331b;\n}\n\na.banner.banner-danger:focus, a.banner.banner-danger.focus {\n outline: 0;\n box-shadow: 0 0 0 0.2em rgba(215, 64, 34, 0.5);\n}\n\n.banner.banner-success {\n color: #fff;\n background-color: #009f61;\n}\n\na.banner.banner-success:hover, a.banner.banner-success:focus {\n color: #fff;\n background-color: #006c42;\n}\n\na.banner.banner-success:focus, a.banner.banner-success.focus {\n outline: 0;\n box-shadow: 0 0 0 0.2em rgba(0, 159, 97, 0.5);\n}\n\n.banner.banner-info {\n color: #212529;\n background-color: #ffeb99;\n}\n\na.banner.banner-info:hover, a.banner.banner-info:focus {\n color: #212529;\n background-color: #ffe166;\n}\n\na.banner.banner-info:focus, a.banner.banner-info.focus {\n outline: 0;\n box-shadow: 0 0 0 0.2em rgba(255, 235, 153, 0.5);\n}\n\n.banner.banner-warning {\n color: #212529;\n background-color: #ffb700;\n}\n\na.banner.banner-warning:hover, a.banner.banner-warning:focus {\n color: #212529;\n background-color: #cc9200;\n}\n\na.banner.banner-warning:focus, a.banner.banner-warning.focus {\n outline: 0;\n box-shadow: 0 0 0 0.2em rgba(255, 183, 0, 0.5);\n}\n\n.banner.banner-primary {\n color: #fff;\n background-color: #005fbf;\n}\n\na.banner.banner-primary:hover, a.banner.banner-primary:focus {\n color: #fff;\n background-color: #00468c;\n}\n\na.banner.banner-primary:focus, a.banner.banner-primary.focus {\n outline: 0;\n box-shadow: 0 0 0 0.2em rgba(0, 95, 191, 0.5);\n}\n\n.banner.banner-jurnal {\n color: #fff;\n background-color: #009bde;\n}\n\na.banner.banner-jurnal:hover, a.banner.banner-jurnal:focus {\n color: #fff;\n background-color: #0077ab;\n}\n\na.banner.banner-jurnal:focus, a.banner.banner-jurnal.focus {\n outline: 0;\n box-shadow: 0 0 0 0.2em rgba(0, 155, 222, 0.5);\n}\n\n.banner.banner-talenta {\n color: #fff;\n background-color: #c02a34;\n}\n\na.banner.banner-talenta:hover, a.banner.banner-talenta:focus {\n color: #fff;\n background-color: #962129;\n}\n\na.banner.banner-talenta:focus, a.banner.banner-talenta.focus {\n outline: 0;\n box-shadow: 0 0 0 0.2em rgba(192, 42, 52, 0.5);\n}\n\n.banner.banner-klikpajak {\n color: #fff;\n background-color: #f96d01;\n}\n\na.banner.banner-klikpajak:hover, a.banner.banner-klikpajak:focus {\n color: #fff;\n background-color: #c65701;\n}\n\na.banner.banner-klikpajak:focus, a.banner.banner-klikpajak.focus {\n outline: 0;\n box-shadow: 0 0 0 0.2em rgba(249, 109, 1, 0.5);\n}\n\n.banner.banner-mekari {\n color: #fff;\n background-color: #6d48e5;\n}\n\na.banner.banner-mekari:hover, a.banner.banner-mekari:focus {\n color: #fff;\n background-color: #4b1fdb;\n}\n\na.banner.banner-mekari:focus, a.banner.banner-mekari.focus {\n outline: 0;\n box-shadow: 0 0 0 0.2em rgba(109, 72, 229, 0.5);\n}\n\n.banner.banner-dark {\n color: #fff;\n background-color: #212121;\n}\n\na.banner.banner-dark:hover, a.banner.banner-dark:focus {\n color: #fff;\n background-color: #080808;\n}\n\na.banner.banner-dark:focus, a.banner.banner-dark.focus {\n outline: 0;\n box-shadow: 0 0 0 0.2em rgba(33, 33, 33, 0.5);\n}\n\n.banner.banner-slate {\n color: #fff;\n background-color: #777;\n}\n\na.banner.banner-slate:hover, a.banner.banner-slate:focus {\n color: #fff;\n background-color: #5e5e5e;\n}\n\na.banner.banner-slate:focus, a.banner.banner-slate.focus {\n outline: 0;\n box-shadow: 0 0 0 0.2em rgba(119, 119, 119, 0.5);\n}\n\n.banner.banner-muted {\n color: #212529;\n background-color: #b4b4b4;\n}\n\na.banner.banner-muted:hover, a.banner.banner-muted:focus {\n color: #212529;\n background-color: #9b9b9b;\n}\n\na.banner.banner-muted:focus, a.banner.banner-muted.focus {\n outline: 0;\n box-shadow: 0 0 0 0.2em rgba(180, 180, 180, 0.5);\n}\n\n.banner.banner-smoke {\n color: #212529;\n background-color: #e2e2e2;\n}\n\na.banner.banner-smoke:hover, a.banner.banner-smoke:focus {\n color: #212529;\n background-color: #c9c9c9;\n}\n\na.banner.banner-smoke:focus, a.banner.banner-smoke.focus {\n outline: 0;\n box-shadow: 0 0 0 0.2em rgba(226, 226, 226, 0.5);\n}\n\n.banner.banner-light {\n color: #212529;\n background-color: #fbfbfb;\n}\n\na.banner.banner-light:hover, a.banner.banner-light:focus {\n color: #212529;\n background-color: #e2e2e2;\n}\n\na.banner.banner-light:focus, a.banner.banner-light.focus {\n outline: 0;\n box-shadow: 0 0 0 0.2em rgba(251, 251, 251, 0.5);\n}\n\n.banner.banner-cloud {\n color: #212529;\n background-color: #f2f4f7;\n}\n\na.banner.banner-cloud:hover, a.banner.banner-cloud:focus {\n color: #212529;\n background-color: #d2d9e4;\n}\n\na.banner.banner-cloud:focus, a.banner.banner-cloud.focus {\n outline: 0;\n box-shadow: 0 0 0 0.2em rgba(242, 244, 247, 0.5);\n}\n\n.banner.banner-link {\n color: #fff;\n background-color: #1357ff;\n}\n\na.banner.banner-link:hover, a.banner.banner-link:focus {\n color: #fff;\n background-color: #0040df;\n}\n\na.banner.banner-link:focus, a.banner.banner-link.focus {\n outline: 0;\n box-shadow: 0 0 0 0.2em rgba(19, 87, 255, 0.5);\n}\n\n.banner.banner-white {\n color: #212529;\n background-color: #fff;\n}\n\na.banner.banner-white:hover, a.banner.banner-white:focus {\n color: #212529;\n background-color: #e6e6e6;\n}\n\na.banner.banner-white:focus, a.banner.banner-white.focus {\n outline: 0;\n box-shadow: 0 0 0 0.2em rgba(255, 255, 255, 0.5);\n}\n\n.banner .ic {\n width: 20px;\n height: 20px;\n font-size: 18px;\n line-height: 18px;\n color: inherit;\n}\n\n.banner-text,\n.banner-link {\n display: inline-block;\n padding-left: 8px;\n}\n\n.banner-link {\n display: inline-block;\n text-decoration: underline;\n cursor: pointer;\n}\n\n.banner-link a {\n color: inherit;\n}\n\n/# sourceMappingURL=mekari-ui-banner.css.map /","// Neutrals color variables\n$dark: #212121;\n$slate: #777;\n$muted: #b4b4b4;\n$smoke: #e2e2e2;\n$snow: #fbfbfb;\n$white: #fff;\n$cloud: #f2f4f7;\n\n// UI color variables\n$red: #d74022;\n$green: #009f61;\n$light-yellow: #ffeb99;\n$blue: #1357ff;\n$orange: #ffb700;\n$sapphire: #005fbf;\n\n// Branding color variables\n$crimson: #c02a34;\n$azure: #009bde;\n$salamander: #f96d01;\n$purple: #6d48e5;\n\n// Bootstrap dependencies color\n$black: #000 !default;\n$gray-100: #f8f9fa !default;\n$gray-200: #e9ecef !default;\n$gray-300: #dee2e6 !default;\n$gray-400: #ced4da !default;\n$gray-500: #adb5bd !default;\n$gray-600: #6c757d !default;\n$gray-700: #495057 !default;\n$gray-800: #343a40 !default;\n$gray-900: #212529 !default;\n\n// The yiq lightness value that determines when the lightness of color changes from \"dark\" to \"light\". Acceptable values are between 0 and 255.\n$yiq-contrasted-threshold: 150 !default;\n\n// Customize the light and dark text colors for use in our YIQ color contrast function.\n$yiq-text-dark: $gray-900 !default;\n$yiq-text-light: $white !default;\n\n\n$grays: () !default;\n// stylelint-disable-next-line scss/dollar-variable-default\n$grays: map-merge(\n (\n \"100\": $gray-100,\n \"200\": $gray-200,\n \"300\": $gray-300,\n \"400\": $gray-400,\n \"500\": $gray-500,\n \"600\": $gray-600,\n \"700\": $gray-700,\n \"800\": $gray-800,\n \"900\": $gray-900\n ),\n $grays\n);\n\n// register mekari color variables too bootstrap\n$colors: ();\n$colors: map-merge(\n (\n \"noir\" : $dark, // going to deprecated\n \"dark\" : $dark,\n \"slate\" : $slate,\n \"muted\" : $muted,\n \"smoke\" : $smoke,\n \"snow\" : $snow,\n \"cloud\" : $cloud,\n \"crimson\" : $crimson,\n \"azure\" : $azure,\n \"salamander\" : $salamander,\n \"purple\" : $purple,\n \"sapphire\" : $sapphire,\n \"white\" : $white,\n \"red\" : $red,\n \"orange\" : $orange,\n \"green\" : $green,\n \"blue\" : $blue,\n \"light-yellow\" : $light-yellow\n ),\n $colors\n);\n\n//extend bootstrap class\n$danger: $red;\n$success: $green;\n$info: $light-yellow;\n$warning: $orange;\n$primary: $sapphire;\n$jurnal: $azure;\n$talenta: $crimson;\n$klikpajak: $salamander;\n$mekari: $purple;\n\n$link: $blue;\n\n$text-muted: $muted;\n$body-color: $dark;\n$dark: $dark;\n$secondary: $slate;\n$light: $snow;\n\n// Add more theme color variables\n$theme-colors: ();\n$theme-colors: map-merge(\n (\n \"danger\" : $danger,\n \"success\" : $success,\n \"info\" : $info,\n \"warning\" : $warning,\n \"primary\" : $primary,\n \"jurnal\" : $jurnal,\n \"talenta\" : $talenta,\n \"klikpajak\" : $klikpajak,\n \"mekari\" : $mekari,\n \"dark\" : $dark,\n \"slate\" : $slate,\n \"muted\" : $muted,\n \"smoke\" : $smoke,\n \"light\" : $light,\n \"cloud\" : $cloud,\n \"link\" : $blue,\n \"white\" : $white\n ),\n $theme-colors\n);\n\n$card-border-color: $smoke;\n$body-bg: $white;\n","@mixin badge-variant($bg) {\n color: color-yiq($bg);\n background-color: $bg;\n\n @at-root a#{&} {\n @include hover-focus {\n color: color-yiq($bg);\n background-color: darken($bg, 10%);\n }\n\n &:focus,\n &.focus {\n outline: 0;\n box-shadow: 0 0 0 $badge-focus-width rgba($bg, .5);\n }\n }\n}\n","// Hover mixin and `$enable-hover-media-query` are deprecated.\n//\n// Originally added during our alphas and maintained during betas, this mixin was\n// designed to prevent `:hover` stickiness on iOS-an issue where hover styles\n// would persist after initial touch.\n//\n// For backward compatibility, we've kept these mixins and updated them to\n// always return their regular pseudo-classes instead of a shimmed media query.\n//\n// Issue: https://github.com/twbs/bootstrap/issues/25195\n\n@mixin hover {\n &:hover { @content; }\n}\n\n@mixin hover-focus {\n &:hover,\n &:focus {\n @content;\n }\n}\n\n@mixin plain-hover-focus {\n &,\n &:hover,\n &:focus {\n @content;\n }\n}\n\n@mixin hover-focus-active {\n &:hover,\n &:focus,\n &:active {\n @content;\n }\n}\n"]}

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

@@ -1,2 +1,2 @@
-@-webkit-keyframes spinner-border{to{transform:rotate(360deg)}}@keyframes spinner-border{to{transform:rotate(360deg)}}.spinner-border{display:inline-block;width:2rem;height:2rem;vertical-align:text-bottom;border:.25em solid currentColor;border-right-color:transparent;border-radius:50%;-webkit-animation:spinner-border .75s linear infinite;animation:spinner-border .75s linear infinite}.spinner-border-sm{width:1rem;height:1rem;border-width:.2em}@-webkit-keyframes spinner-grow{0%{transform:scale(0)}50%{opacity:1}}@keyframes spinner-grow{0%{transform:scale(0)}50%{opacity:1}}.spinner-grow{display:inline-block;width:2rem;height:2rem;vertical-align:text-bottom;background-color:currentColor;border-radius:50%;opacity:0;-webkit-animation:spinner-grow .75s linear infinite;animation:spinner-grow .75s linear infinite}.spinner-grow-sm{width:1rem;height:1rem}.btn{display:inline-block;font-family:Roboto,Oxygen,Ubuntu,"Fira Sans","Droid Sans","Helvetica Neue",sans-serif;font-weight:400;color:#212121;text-align:center;vertical-align:middle;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-color:transparent;border:1px solid transparent;padding:8px 16px;font-size:.875rem;line-height:20px;border-radius:4px;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media (prefers-reduced-motion:reduce){.btn{transition:none}}.btn:hover{color:#212121;text-decoration:none}.btn.focus,.btn:focus{outline:0;box-shadow:0 0 4px 1px #1357ff}.btn.disabled,.btn:disabled{opacity:.65}a.btn.disabled,fieldset:disabled a.btn{pointer-events:none}.btn-danger{color:#fff;background-color:#d74022;border-color:#d74022}.btn-danger:hover{color:#fff;background-color:#b6361d;border-color:#ab331b}.btn-danger.focus,.btn-danger:focus{box-shadow:0 0 0 .2rem rgba(221,93,67,.5)}.btn-danger.disabled,.btn-danger:disabled{color:#fff;background-color:#d74022;border-color:#d74022}.btn-danger:not(:disabled):not(.disabled).active,.btn-danger:not(:disabled):not(.disabled):active,.show>.btn-danger.dropdown-toggle{color:#fff;background-color:#ab331b;border-color:#a03019}.btn-danger:not(:disabled):not(.disabled).active:focus,.btn-danger:not(:disabled):not(.disabled):active:focus,.show>.btn-danger.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(221,93,67,.5)}.btn-success{color:#fff;background-color:#009f61;border-color:#009f61}.btn-success:hover{color:#fff;background-color:#00794a;border-color:#006c42}.btn-success.focus,.btn-success:focus{box-shadow:0 0 0 .2rem rgba(38,173,121,.5)}.btn-success.disabled,.btn-success:disabled{color:#fff;background-color:#009f61;border-color:#009f61}.btn-success:not(:disabled):not(.disabled).active,.btn-success:not(:disabled):not(.disabled):active,.show>.btn-success.dropdown-toggle{color:#fff;background-color:#006c42;border-color:#005f3a}.btn-success:not(:disabled):not(.disabled).active:focus,.btn-success:not(:disabled):not(.disabled):active:focus,.show>.btn-success.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(38,173,121,.5)}.btn-info{color:#212529;background-color:#ffeb99;border-color:#ffeb99}.btn-info:hover{color:#212529;background-color:#ffe473;border-color:#ffe166}.btn-info.focus,.btn-info:focus{box-shadow:0 0 0 .2rem rgba(222,205,136,.5)}.btn-info.disabled,.btn-info:disabled{color:#212529;background-color:#ffeb99;border-color:#ffeb99}.btn-info:not(:disabled):not(.disabled).active,.btn-info:not(:disabled):not(.disabled):active,.show>.btn-info.dropdown-toggle{color:#212529;background-color:#ffe166;border-color:#ffdf59}.btn-info:not(:disabled):not(.disabled).active:focus,.btn-info:not(:disabled):not(.disabled):active:focus,.show>.btn-info.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(222,205,136,.5)}.btn-warning{color:#212529;background-color:#ffb700;border-color:#ffb700}.btn-warning:hover{color:#212529;background-color:#d99c00;border-color:#cc9200}.btn-warning.focus,.btn-warning:focus{box-shadow:0 0 0 .2rem rgba(222,161,6,.5)}.btn-warning.disabled,.btn-warning:disabled{color:#212529;background-color:#ffb700;border-color:#ffb700}.btn-warning:not(:disabled):not(.disabled).active,.btn-warning:not(:disabled):not(.disabled):active,.show>.btn-warning.dropdown-toggle{color:#fff;background-color:#cc9200;border-color:#bf8900}.btn-warning:not(:disabled):not(.disabled).active:focus,.btn-warning:not(:disabled):not(.disabled):active:focus,.show>.btn-warning.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(222,161,6,.5)}.btn-primary{color:#fff;background-color:#005fbf;border-color:#005fbf}.btn-primary:hover{color:#fff;background-color:#004c99;border-color:#00468c}.btn-primary.focus,.btn-primary:focus{box-shadow:0 0 0 .2rem rgba(38,119,201,.5)}.btn-primary.disabled,.btn-primary:disabled{color:#fff;background-color:#005fbf;border-color:#005fbf}.btn-primary:not(:disabled):not(.disabled).active,.btn-primary:not(:disabled):not(.disabled):active,.show>.btn-primary.dropdown-toggle{color:#fff;background-color:#00468c;border-color:#003f7f}.btn-primary:not(:disabled):not(.disabled).active:focus,.btn-primary:not(:disabled):not(.disabled):active:focus,.show>.btn-primary.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(38,119,201,.5)}.btn-jurnal{color:#fff;background-color:#009bde;border-color:#009bde}.btn-jurnal:hover{color:#fff;background-color:#0080b8;border-color:#0077ab}.btn-jurnal.focus,.btn-jurnal:focus{box-shadow:0 0 0 .2rem rgba(38,170,227,.5)}.btn-jurnal.disabled,.btn-jurnal:disabled{color:#fff;background-color:#009bde;border-color:#009bde}.btn-jurnal:not(:disabled):not(.disabled).active,.btn-jurnal:not(:disabled):not(.disabled):active,.show>.btn-jurnal.dropdown-toggle{color:#fff;background-color:#0077ab;border-color:#006e9e}.btn-jurnal:not(:disabled):not(.disabled).active:focus,.btn-jurnal:not(:disabled):not(.disabled):active:focus,.show>.btn-jurnal.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(38,170,227,.5)}.btn-talenta{color:#fff;background-color:#c02a34;border-color:#c02a34}.btn-talenta:hover{color:#fff;background-color:#a1232c;border-color:#962129}.btn-talenta.focus,.btn-talenta:focus{box-shadow:0 0 0 .2rem rgba(201,74,82,.5)}.btn-talenta.disabled,.btn-talenta:disabled{color:#fff;background-color:#c02a34;border-color:#c02a34}.btn-talenta:not(:disabled):not(.disabled).active,.btn-talenta:not(:disabled):not(.disabled):active,.show>.btn-talenta.dropdown-toggle{color:#fff;background-color:#962129;border-color:#8c1f26}.btn-talenta:not(:disabled):not(.disabled).active:focus,.btn-talenta:not(:disabled):not(.disabled):active:focus,.show>.btn-talenta.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(201,74,82,.5)}.btn-klikpajak{color:#fff;background-color:#f96d01;border-color:#f96d01}.btn-klikpajak:hover{color:#fff;background-color:#d35c01;border-color:#c65701}.btn-klikpajak.focus,.btn-klikpajak:focus{box-shadow:0 0 0 .2rem rgba(250,131,39,.5)}.btn-klikpajak.disabled,.btn-klikpajak:disabled{color:#fff;background-color:#f96d01;border-color:#f96d01}.btn-klikpajak:not(:disabled):not(.disabled).active,.btn-klikpajak:not(:disabled):not(.disabled):active,.show>.btn-klikpajak.dropdown-toggle{color:#fff;background-color:#c65701;border-color:#ba5101}.btn-klikpajak:not(:disabled):not(.disabled).active:focus,.btn-klikpajak:not(:disabled):not(.disabled):active:focus,.show>.btn-klikpajak.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(250,131,39,.5)}.btn-mekari{color:#fff;background-color:#6d48e5;border-color:#6d48e5}.btn-mekari:hover{color:#fff;background-color:#5227e0;border-color:#4b1fdb}.btn-mekari.focus,.btn-mekari:focus{box-shadow:0 0 0 .2rem rgba(131,99,233,.5)}.btn-mekari.disabled,.btn-mekari:disabled{color:#fff;background-color:#6d48e5;border-color:#6d48e5}.btn-mekari:not(:disabled):not(.disabled).active,.btn-mekari:not(:disabled):not(.disabled):active,.show>.btn-mekari.dropdown-toggle{color:#fff;background-color:#4b1fdb;border-color:#481ed0}.btn-mekari:not(:disabled):not(.disabled).active:focus,.btn-mekari:not(:disabled):not(.disabled):active:focus,.show>.btn-mekari.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(131,99,233,.5)}.btn-dark{color:#fff;background-color:#212121;border-color:#212121}.btn-dark:hover{color:#fff;background-color:#0e0e0e;border-color:#080808}.btn-dark.focus,.btn-dark:focus{box-shadow:0 0 0 .2rem rgba(66,66,66,.5)}.btn-dark.disabled,.btn-dark:disabled{color:#fff;background-color:#212121;border-color:#212121}.btn-dark:not(:disabled):not(.disabled).active,.btn-dark:not(:disabled):not(.disabled):active,.show>.btn-dark.dropdown-toggle{color:#fff;background-color:#080808;border-color:#010101}.btn-dark:not(:disabled):not(.disabled).active:focus,.btn-dark:not(:disabled):not(.disabled):active:focus,.show>.btn-dark.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(66,66,66,.5)}.btn-slate{color:#fff;background-color:#777;border-color:#777}.btn-slate:hover{color:#fff;background-color:#646464;border-color:#5e5e5e}.btn-slate.focus,.btn-slate:focus{box-shadow:0 0 0 .2rem rgba(139,139,139,.5)}.btn-slate.disabled,.btn-slate:disabled{color:#fff;background-color:#777;border-color:#777}.btn-slate:not(:disabled):not(.disabled).active,.btn-slate:not(:disabled):not(.disabled):active,.show>.btn-slate.dropdown-toggle{color:#fff;background-color:#5e5e5e;border-color:#575757}.btn-slate:not(:disabled):not(.disabled).active:focus,.btn-slate:not(:disabled):not(.disabled):active:focus,.show>.btn-slate.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(139,139,139,.5)}.btn-muted{color:#212529;background-color:#b4b4b4;border-color:#b4b4b4}.btn-muted:hover{color:#212529;background-color:#a1a1a1;border-color:#9b9b9b}.btn-muted.focus,.btn-muted:focus{box-shadow:0 0 0 .2rem rgba(158,159,159,.5)}.btn-muted.disabled,.btn-muted:disabled{color:#212529;background-color:#b4b4b4;border-color:#b4b4b4}.btn-muted:not(:disabled):not(.disabled).active,.btn-muted:not(:disabled):not(.disabled):active,.show>.btn-muted.dropdown-toggle{color:#212529;background-color:#9b9b9b;border-color:#949494}.btn-muted:not(:disabled):not(.disabled).active:focus,.btn-muted:not(:disabled):not(.disabled):active:focus,.show>.btn-muted.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(158,159,159,.5)}.btn-smoke{color:#212529;background-color:#e2e2e2;border-color:#e2e2e2}.btn-smoke:hover{color:#212529;background-color:#cfcfcf;border-color:#c9c9c9}.btn-smoke.focus,.btn-smoke:focus{box-shadow:0 0 0 .2rem rgba(197,198,198,.5)}.btn-smoke.disabled,.btn-smoke:disabled{color:#212529;background-color:#e2e2e2;border-color:#e2e2e2}.btn-smoke:not(:disabled):not(.disabled).active,.btn-smoke:not(:disabled):not(.disabled):active,.show>.btn-smoke.dropdown-toggle{color:#212529;background-color:#c9c9c9;border-color:#c2c2c2}.btn-smoke:not(:disabled):not(.disabled).active:focus,.btn-smoke:not(:disabled):not(.disabled):active:focus,.show>.btn-smoke.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(197,198,198,.5)}.btn-light{color:#212529;background-color:#fbfbfb;border-color:#fbfbfb}.btn-light:hover{color:#212529;background-color:#e8e8e8;border-color:#e2e2e2}.btn-light.focus,.btn-light:focus{box-shadow:0 0 0 .2rem rgba(218,219,220,.5)}.btn-light.disabled,.btn-light:disabled{color:#212529;background-color:#fbfbfb;border-color:#fbfbfb}.btn-light:not(:disabled):not(.disabled).active,.btn-light:not(:disabled):not(.disabled):active,.show>.btn-light.dropdown-toggle{color:#212529;background-color:#e2e2e2;border-color:#dbdbdb}.btn-light:not(:disabled):not(.disabled).active:focus,.btn-light:not(:disabled):not(.disabled):active:focus,.show>.btn-light.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(218,219,220,.5)}.btn-cloud{color:#212529;background-color:#f2f4f7;border-color:#f2f4f7}.btn-cloud:hover{color:#212529;background-color:#dae0e8;border-color:#d2d9e4}.btn-cloud.focus,.btn-cloud:focus{box-shadow:0 0 0 .2rem rgba(211,213,216,.5)}.btn-cloud.disabled,.btn-cloud:disabled{color:#212529;background-color:#f2f4f7;border-color:#f2f4f7}.btn-cloud:not(:disabled):not(.disabled).active,.btn-cloud:not(:disabled):not(.disabled):active,.show>.btn-cloud.dropdown-toggle{color:#212529;background-color:#d2d9e4;border-color:#cbd3df}.btn-cloud:not(:disabled):not(.disabled).active:focus,.btn-cloud:not(:disabled):not(.disabled):active:focus,.show>.btn-cloud.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(211,213,216,.5)}.btn-link{color:#fff;background-color:#1357ff;border-color:#1357ff}.btn-link:hover{color:#fff;background-color:#0044ec;border-color:#0040df}.btn-link.focus,.btn-link:focus{box-shadow:0 0 0 .2rem rgba(54,112,255,.5)}.btn-link.disabled,.btn-link:disabled{color:#fff;background-color:#1357ff;border-color:#1357ff}.btn-link:not(:disabled):not(.disabled).active,.btn-link:not(:disabled):not(.disabled):active,.show>.btn-link.dropdown-toggle{color:#fff;background-color:#0040df;border-color:#003dd2}.btn-link:not(:disabled):not(.disabled).active:focus,.btn-link:not(:disabled):not(.disabled):active:focus,.show>.btn-link.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(54,112,255,.5)}.btn-white{color:#212529;background-color:#fff;border-color:#fff}.btn-white:hover{color:#212529;background-color:#ececec;border-color:#e6e6e6}.btn-white.focus,.btn-white:focus{box-shadow:0 0 0 .2rem rgba(222,222,223,.5)}.btn-white.disabled,.btn-white:disabled{color:#212529;background-color:#fff;border-color:#fff}.btn-white:not(:disabled):not(.disabled).active,.btn-white:not(:disabled):not(.disabled):active,.show>.btn-white.dropdown-toggle{color:#212529;background-color:#e6e6e6;border-color:#dfdfdf}.btn-white:not(:disabled):not(.disabled).active:focus,.btn-white:not(:disabled):not(.disabled):active:focus,.show>.btn-white.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(222,222,223,.5)}.btn-outline-danger{color:#d74022;border-color:#d74022}.btn-outline-danger:hover{color:#fff;background-color:#d74022;border-color:#d74022}.btn-outline-danger.focus,.btn-outline-danger:focus{box-shadow:0 0 0 .2rem rgba(215,64,34,.5)}.btn-outline-danger.disabled,.btn-outline-danger:disabled{color:#d74022;background-color:transparent}.btn-outline-danger:not(:disabled):not(.disabled).active,.btn-outline-danger:not(:disabled):not(.disabled):active,.show>.btn-outline-danger.dropdown-toggle{color:#fff;background-color:#d74022;border-color:#d74022}.btn-outline-danger:not(:disabled):not(.disabled).active:focus,.btn-outline-danger:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-danger.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(215,64,34,.5)}.btn-outline-success{color:#009f61;border-color:#009f61}.btn-outline-success:hover{color:#fff;background-color:#009f61;border-color:#009f61}.btn-outline-success.focus,.btn-outline-success:focus{box-shadow:0 0 0 .2rem rgba(0,159,97,.5)}.btn-outline-success.disabled,.btn-outline-success:disabled{color:#009f61;background-color:transparent}.btn-outline-success:not(:disabled):not(.disabled).active,.btn-outline-success:not(:disabled):not(.disabled):active,.show>.btn-outline-success.dropdown-toggle{color:#fff;background-color:#009f61;border-color:#009f61}.btn-outline-success:not(:disabled):not(.disabled).active:focus,.btn-outline-success:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-success.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(0,159,97,.5)}.btn-outline-info{color:#ffeb99;border-color:#ffeb99}.btn-outline-info:hover{color:#212529;background-color:#ffeb99;border-color:#ffeb99}.btn-outline-info.focus,.btn-outline-info:focus{box-shadow:0 0 0 .2rem rgba(255,235,153,.5)}.btn-outline-info.disabled,.btn-outline-info:disabled{color:#ffeb99;background-color:transparent}.btn-outline-info:not(:disabled):not(.disabled).active,.btn-outline-info:not(:disabled):not(.disabled):active,.show>.btn-outline-info.dropdown-toggle{color:#212529;background-color:#ffeb99;border-color:#ffeb99}.btn-outline-info:not(:disabled):not(.disabled).active:focus,.btn-outline-info:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-info.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(255,235,153,.5)}.btn-outline-warning{color:#ffb700;border-color:#ffb700}.btn-outline-warning:hover{color:#212529;background-color:#ffb700;border-color:#ffb700}.btn-outline-warning.focus,.btn-outline-warning:focus{box-shadow:0 0 0 .2rem rgba(255,183,0,.5)}.btn-outline-warning.disabled,.btn-outline-warning:disabled{color:#ffb700;background-color:transparent}.btn-outline-warning:not(:disabled):not(.disabled).active,.btn-outline-warning:not(:disabled):not(.disabled):active,.show>.btn-outline-warning.dropdown-toggle{color:#212529;background-color:#ffb700;border-color:#ffb700}.btn-outline-warning:not(:disabled):not(.disabled).active:focus,.btn-outline-warning:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-warning.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(255,183,0,.5)}.btn-outline-primary{color:#005fbf;border-color:#005fbf}.btn-outline-primary:hover{color:#fff;background-color:#005fbf;border-color:#005fbf}.btn-outline-primary.focus,.btn-outline-primary:focus{box-shadow:0 0 0 .2rem rgba(0,95,191,.5)}.btn-outline-primary.disabled,.btn-outline-primary:disabled{color:#005fbf;background-color:transparent}.btn-outline-primary:not(:disabled):not(.disabled).active,.btn-outline-primary:not(:disabled):not(.disabled):active,.show>.btn-outline-primary.dropdown-toggle{color:#fff;background-color:#005fbf;border-color:#005fbf}.btn-outline-primary:not(:disabled):not(.disabled).active:focus,.btn-outline-primary:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-primary.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(0,95,191,.5)}.btn-outline-jurnal{color:#009bde;border-color:#009bde}.btn-outline-jurnal:hover{color:#fff;background-color:#009bde;border-color:#009bde}.btn-outline-jurnal.focus,.btn-outline-jurnal:focus{box-shadow:0 0 0 .2rem rgba(0,155,222,.5)}.btn-outline-jurnal.disabled,.btn-outline-jurnal:disabled{color:#009bde;background-color:transparent}.btn-outline-jurnal:not(:disabled):not(.disabled).active,.btn-outline-jurnal:not(:disabled):not(.disabled):active,.show>.btn-outline-jurnal.dropdown-toggle{color:#fff;background-color:#009bde;border-color:#009bde}.btn-outline-jurnal:not(:disabled):not(.disabled).active:focus,.btn-outline-jurnal:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-jurnal.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(0,155,222,.5)}.btn-outline-talenta{color:#c02a34;border-color:#c02a34}.btn-outline-talenta:hover{color:#fff;background-color:#c02a34;border-color:#c02a34}.btn-outline-talenta.focus,.btn-outline-talenta:focus{box-shadow:0 0 0 .2rem rgba(192,42,52,.5)}.btn-outline-talenta.disabled,.btn-outline-talenta:disabled{color:#c02a34;background-color:transparent}.btn-outline-talenta:not(:disabled):not(.disabled).active,.btn-outline-talenta:not(:disabled):not(.disabled):active,.show>.btn-outline-talenta.dropdown-toggle{color:#fff;background-color:#c02a34;border-color:#c02a34}.btn-outline-talenta:not(:disabled):not(.disabled).active:focus,.btn-outline-talenta:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-talenta.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(192,42,52,.5)}.btn-outline-klikpajak{color:#f96d01;border-color:#f96d01}.btn-outline-klikpajak:hover{color:#fff;background-color:#f96d01;border-color:#f96d01}.btn-outline-klikpajak.focus,.btn-outline-klikpajak:focus{box-shadow:0 0 0 .2rem rgba(249,109,1,.5)}.btn-outline-klikpajak.disabled,.btn-outline-klikpajak:disabled{color:#f96d01;background-color:transparent}.btn-outline-klikpajak:not(:disabled):not(.disabled).active,.btn-outline-klikpajak:not(:disabled):not(.disabled):active,.show>.btn-outline-klikpajak.dropdown-toggle{color:#fff;background-color:#f96d01;border-color:#f96d01}.btn-outline-klikpajak:not(:disabled):not(.disabled).active:focus,.btn-outline-klikpajak:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-klikpajak.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(249,109,1,.5)}.btn-outline-mekari{color:#6d48e5;border-color:#6d48e5}.btn-outline-mekari:hover{color:#fff;background-color:#6d48e5;border-color:#6d48e5}.btn-outline-mekari.focus,.btn-outline-mekari:focus{box-shadow:0 0 0 .2rem rgba(109,72,229,.5)}.btn-outline-mekari.disabled,.btn-outline-mekari:disabled{color:#6d48e5;background-color:transparent}.btn-outline-mekari:not(:disabled):not(.disabled).active,.btn-outline-mekari:not(:disabled):not(.disabled):active,.show>.btn-outline-mekari.dropdown-toggle{color:#fff;background-color:#6d48e5;border-color:#6d48e5}.btn-outline-mekari:not(:disabled):not(.disabled).active:focus,.btn-outline-mekari:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-mekari.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(109,72,229,.5)}.btn-outline-dark{color:#212121;border-color:#212121}.btn-outline-dark:hover{color:#fff;background-color:#212121;border-color:#212121}.btn-outline-dark.focus,.btn-outline-dark:focus{box-shadow:0 0 0 .2rem rgba(33,33,33,.5)}.btn-outline-dark.disabled,.btn-outline-dark:disabled{color:#212121;background-color:transparent}.btn-outline-dark:not(:disabled):not(.disabled).active,.btn-outline-dark:not(:disabled):not(.disabled):active,.show>.btn-outline-dark.dropdown-toggle{color:#fff;background-color:#212121;border-color:#212121}.btn-outline-dark:not(:disabled):not(.disabled).active:focus,.btn-outline-dark:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-dark.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(33,33,33,.5)}.btn-outline-slate{color:#777;border-color:#777}.btn-outline-slate:hover{color:#fff;background-color:#777;border-color:#777}.btn-outline-slate.focus,.btn-outline-slate:focus{box-shadow:0 0 0 .2rem rgba(119,119,119,.5)}.btn-outline-slate.disabled,.btn-outline-slate:disabled{color:#777;background-color:transparent}.btn-outline-slate:not(:disabled):not(.disabled).active,.btn-outline-slate:not(:disabled):not(.disabled):active,.show>.btn-outline-slate.dropdown-toggle{color:#fff;background-color:#777;border-color:#777}.btn-outline-slate:not(:disabled):not(.disabled).active:focus,.btn-outline-slate:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-slate.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(119,119,119,.5)}.btn-outline-muted{color:#b4b4b4;border-color:#b4b4b4}.btn-outline-muted:hover{color:#212529;background-color:#b4b4b4;border-color:#b4b4b4}.btn-outline-muted.focus,.btn-outline-muted:focus{box-shadow:0 0 0 .2rem rgba(180,180,180,.5)}.btn-outline-muted.disabled,.btn-outline-muted:disabled{color:#b4b4b4;background-color:transparent}.btn-outline-muted:not(:disabled):not(.disabled).active,.btn-outline-muted:not(:disabled):not(.disabled):active,.show>.btn-outline-muted.dropdown-toggle{color:#212529;background-color:#b4b4b4;border-color:#b4b4b4}.btn-outline-muted:not(:disabled):not(.disabled).active:focus,.btn-outline-muted:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-muted.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(180,180,180,.5)}.btn-outline-smoke{color:#e2e2e2;border-color:#e2e2e2}.btn-outline-smoke:hover{color:#212529;background-color:#e2e2e2;border-color:#e2e2e2}.btn-outline-smoke.focus,.btn-outline-smoke:focus{box-shadow:0 0 0 .2rem rgba(226,226,226,.5)}.btn-outline-smoke.disabled,.btn-outline-smoke:disabled{color:#e2e2e2;background-color:transparent}.btn-outline-smoke:not(:disabled):not(.disabled).active,.btn-outline-smoke:not(:disabled):not(.disabled):active,.show>.btn-outline-smoke.dropdown-toggle{color:#212529;background-color:#e2e2e2;border-color:#e2e2e2}.btn-outline-smoke:not(:disabled):not(.disabled).active:focus,.btn-outline-smoke:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-smoke.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(226,226,226,.5)}.btn-outline-light{color:#fbfbfb;border-color:#fbfbfb}.btn-outline-light:hover{color:#212529;background-color:#fbfbfb;border-color:#fbfbfb}.btn-outline-light.focus,.btn-outline-light:focus{box-shadow:0 0 0 .2rem rgba(251,251,251,.5)}.btn-outline-light.disabled,.btn-outline-light:disabled{color:#fbfbfb;background-color:transparent}.btn-outline-light:not(:disabled):not(.disabled).active,.btn-outline-light:not(:disabled):not(.disabled):active,.show>.btn-outline-light.dropdown-toggle{color:#212529;background-color:#fbfbfb;border-color:#fbfbfb}.btn-outline-light:not(:disabled):not(.disabled).active:focus,.btn-outline-light:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-light.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(251,251,251,.5)}.btn-outline-cloud{color:#f2f4f7;border-color:#f2f4f7}.btn-outline-cloud:hover{color:#212529;background-color:#f2f4f7;border-color:#f2f4f7}.btn-outline-cloud.focus,.btn-outline-cloud:focus{box-shadow:0 0 0 .2rem rgba(242,244,247,.5)}.btn-outline-cloud.disabled,.btn-outline-cloud:disabled{color:#f2f4f7;background-color:transparent}.btn-outline-cloud:not(:disabled):not(.disabled).active,.btn-outline-cloud:not(:disabled):not(.disabled):active,.show>.btn-outline-cloud.dropdown-toggle{color:#212529;background-color:#f2f4f7;border-color:#f2f4f7}.btn-outline-cloud:not(:disabled):not(.disabled).active:focus,.btn-outline-cloud:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-cloud.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(242,244,247,.5)}.btn-outline-link{color:#1357ff;border-color:#1357ff}.btn-outline-link:hover{color:#fff;background-color:#1357ff;border-color:#1357ff}.btn-outline-link.focus,.btn-outline-link:focus{box-shadow:0 0 0 .2rem rgba(19,87,255,.5)}.btn-outline-link.disabled,.btn-outline-link:disabled{color:#1357ff;background-color:transparent}.btn-outline-link:not(:disabled):not(.disabled).active,.btn-outline-link:not(:disabled):not(.disabled):active,.show>.btn-outline-link.dropdown-toggle{color:#fff;background-color:#1357ff;border-color:#1357ff}.btn-outline-link:not(:disabled):not(.disabled).active:focus,.btn-outline-link:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-link.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(19,87,255,.5)}.btn-outline-white{color:#fff;border-color:#fff}.btn-outline-white:hover{color:#212529;background-color:#fff;border-color:#fff}.btn-outline-white.focus,.btn-outline-white:focus{box-shadow:0 0 0 .2rem rgba(255,255,255,.5)}.btn-outline-white.disabled,.btn-outline-white:disabled{color:#fff;background-color:transparent}.btn-outline-white:not(:disabled):not(.disabled).active,.btn-outline-white:not(:disabled):not(.disabled):active,.show>.btn-outline-white.dropdown-toggle{color:#212529;background-color:#fff;border-color:#fff}.btn-outline-white:not(:disabled):not(.disabled).active:focus,.btn-outline-white:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-white.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(255,255,255,.5)}.btn-link{font-weight:400;color:#1357ff;text-decoration:none}.btn-link:hover{color:#0039c6;text-decoration:underline}.btn-link.focus,.btn-link:focus{text-decoration:underline;box-shadow:none}.btn-link.disabled,.btn-link:disabled{color:#f2f4f7;pointer-events:none}.btn-group-lg>.btn,.btn-lg{padding:8px 16px;font-size:1rem;line-height:24px;border-radius:4px}.btn-group-sm>.btn,.btn-sm{padding:2px 8px;font-size:.875rem;line-height:20px;border-radius:4px}.btn-block{display:block;width:100%}.btn-block+.btn-block{margin-top:.5rem}input[type=button].btn-block,input[type=reset].btn-block,input[type=submit].btn-block{width:100%}.btn-group,.btn-group-vertical{position:relative;display:inline-flex;vertical-align:middle}.btn-group-vertical>.btn,.btn-group>.btn{position:relative;flex:1 1 auto}.btn-group-vertical>.btn:hover,.btn-group>.btn:hover{z-index:1}.btn-group-vertical>.btn.active,.btn-group-vertical>.btn:active,.btn-group-vertical>.btn:focus,.btn-group>.btn.active,.btn-group>.btn:active,.btn-group>.btn:focus{z-index:1}.btn-toolbar{display:flex;flex-wrap:wrap;justify-content:flex-start}.btn-toolbar .input-group{width:auto}.btn-group>.btn-group:not(:first-child),.btn-group>.btn:not(:first-child){margin-left:-1px}.btn-group>.btn-group:not(:last-child)>.btn,.btn-group>.btn:not(:last-child):not(.dropdown-toggle){border-top-right-radius:0;border-bottom-right-radius:0}.btn-group>.btn-group:not(:first-child)>.btn,.btn-group>.btn:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0}.dropdown-toggle-split{padding-right:12px;padding-left:12px}.dropdown-toggle-split::after,.dropright .dropdown-toggle-split::after,.dropup .dropdown-toggle-split::after{margin-left:0}.dropleft .dropdown-toggle-split::before{margin-right:0}.btn-group-sm>.btn+.dropdown-toggle-split,.btn-sm+.dropdown-toggle-split{padding-right:6px;padding-left:6px}.btn-group-lg>.btn+.dropdown-toggle-split,.btn-lg+.dropdown-toggle-split{padding-right:12px;padding-left:12px}.btn-group-vertical{flex-direction:column;align-items:flex-start;justify-content:center}.btn-group-vertical>.btn,.btn-group-vertical>.btn-group{width:100%}.btn-group-vertical>.btn-group:not(:first-child),.btn-group-vertical>.btn:not(:first-child){margin-top:-1px}.btn-group-vertical>.btn-group:not(:last-child)>.btn,.btn-group-vertical>.btn:not(:last-child):not(.dropdown-toggle){border-bottom-right-radius:0;border-bottom-left-radius:0}.btn-group-vertical>.btn-group:not(:first-child)>.btn,.btn-group-vertical>.btn:not(:first-child){border-top-left-radius:0;border-top-right-radius:0}.btn-group-toggle>.btn,.btn-group-toggle>.btn-group>.btn{margin-bottom:0}.btn-group-toggle>.btn input[type=checkbox],.btn-group-toggle>.btn input[type=radio],.btn-group-toggle>.btn-group>.btn input[type=checkbox],.btn-group-toggle>.btn-group>.btn input[type=radio]{position:absolute;clip:rect(0,0,0,0);pointer-events:none}.btn-group.show>.btn-link,.btn.btn-link,.btn.btn-link:not(:disabled):not(.disabled):active{color:#1357ff;background-color:transparent;border-color:transparent}.btn.btn-ghost,.btn.btn-icon-only{color:#777;background-color:transparent;border:1px solid transparent}.btn.btn-ghost:not(:disabled):not(.disabled):hover,.btn.btn-icon-only:not(:disabled):not(.disabled):hover{background-color:#f2f4f7;border-color:#f2f4f7}.btn.btn-ghost:not(:disabled):not(.disabled):focus,.btn.btn-icon-only:not(:disabled):not(.disabled):focus{background-color:transparent;border-color:#1357ff;box-shadow:0 0 4px 1px #1357ff}.btn.btn-basic,.btn.btn-secondary{color:#777;background-color:#fbfbfb;border:1px solid #e2e2e2}.btn.btn-basic:not(:disabled):not(.disabled):hover,.btn.btn-secondary:not(:disabled):not(.disabled):hover{border-color:#005fbf}.btn.btn-basic:not(:disabled):not(.disabled):focus,.btn.btn-secondary:not(:disabled):not(.disabled):focus{border-color:#005fbf;box-shadow:0 0 4px 1px #005fbf}.btn.btn-ghost:not(:disabled):not(.disabled):focus{background-color:transparent;border-color:#005fbf;box-shadow:0 0 4px 1px #005fbf}.btn.btn-link{padding:0}.btn.btn-link:not(:disabled):not(.disabled):focus{text-decoration:none;box-shadow:0 0 4px 1px #1357ff}.btn.btn-link.disabled,.btn.btn-link:disabled{text-decoration:none;pointer-events:auto;background-color:transparent;border:none}.btn.btn-primary.btn-with-icon .ic::before{color:#fff!important}.btn.btn-primary.btn-icon-only .ic::before{color:inherit!important}.btn.is-loading{position:relative;min-height:36px;pointer-events:none}.btn.is-loading::before{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;content:"";background-color:inherit;border-radius:4px}.btn.is-loading::after{position:absolute;top:0;right:0;bottom:0;left:0;z-index:4;display:inline-block;width:18px;height:18px;margin:auto;content:"";background:center center no-repeat;background-size:cover;border:2px solid #fff;border-right-color:transparent;border-radius:50%;-webkit-animation:spinner-border .75s linear infinite;animation:spinner-border .75s linear infinite}.btn.is-loading.btn-basic::after,.btn.is-loading.btn-secondary::after{border-color:#777;border-right-color:transparent}.btn.is-loading.btn-ghost{color:transparent}.btn.is-loading.btn-ghost::after{border-color:#777;border-right-color:transparent}.btn.btn-with-icon .ic,.btn.btn-with-icon span{vertical-align:top;border:none}.btn.btn-with-icon .ic{width:16px;height:16px;padding:0;font-size:16px;color:inherit}.btn.btn-with-icon .ic.is-left{margin-right:8px}.btn.btn-with-icon .ic.is-right{margin-left:8px}.btn-group-sm>.btn.btn-with-icon .ic,.btn-group-sm>.btn.btn-with-icon span,.btn.btn-with-icon.btn-sm .ic,.btn.btn-with-icon.btn-sm span{line-height:16px;vertical-align:baseline;border:none}.btn-group-sm>.btn.btn-with-icon .ic,.btn.btn-with-icon.btn-sm .ic{margin-right:0;line-height:18px}.btn-group-sm>.btn.btn-with-icon .is-left,.btn.btn-with-icon.btn-sm .is-left{margin-right:0}.btn-group-sm>.btn.btn-with-icon .is-right,.btn.btn-with-icon.btn-sm .is-right{margin-left:0}.btn-group-lg>.btn.btn-with-icon .ic,.btn-group-lg>.btn.btn-with-icon span,.btn.btn-with-icon.btn-lg .ic,.btn.btn-with-icon.btn-lg span{vertical-align:top;border:none}.btn-group-lg>.btn.btn-with-icon .ic,.btn.btn-with-icon.btn-lg .ic{width:24px;height:24px;padding:0;font-size:24px}.btn-group-lg>.btn.btn-with-icon span,.btn.btn-with-icon.btn-lg span{line-height:24px}.btn.disabled,.btn:disabled{color:#b4b4b4;cursor:not-allowed;background-color:#f2f4f7;border:1px solid #f2f4f7;opacity:1}.btn.disabled.btn-ghost,.btn:disabled.btn-ghost{background-color:transparent;border-color:transparent}.btn.dropdown-toggle::before{margin-right:16px}.btn.dropdown-toggle::after{margin-left:16px}.btn-group .btn:first-child:not(:only-child):not(.dropdown-toggle){padding-right:8px}.btn-group .btn:last-child:not(:only-child){padding-left:8px}.btn-group .dropdown-toggle-split{min-width:36px;padding-right:8px;padding-left:8px}.btn-group .dropdown-toggle-split::before{margin-right:0}.btn-group .dropdown-toggle-split::after{margin-left:0}.btn-group .dropdown-toggle-split.btn-basic:not(:hover):not(:focus),.btn-group .dropdown-toggle-split.btn-secondary:not(:hover):not(:focus){padding-left:9px;border-left:none}.btn-group.dropleft .dropdown-toggle-split.btn-basic,.btn-group.dropleft .dropdown-toggle-split.btn-secondary:not(:hover):not(:focus){padding-left:8px;border-left:1px solid #e2e2e2}.btn-group.dropleft~.btn-basic:not(:hover):not(:focus),.btn-group.dropleft~.btn-secondary:not(:hover):not(:focus){padding-left:9px;border-left:none}.btn{height:36px}.btn-group-sm>.btn,.btn.btn-sm{height:24px}.btn-group-lg>.btn,.btn.btn-lg{height:40px}.btn.btn-icon-only{width:36px;height:36px;padding:8px;font-size:18px;line-height:18px}.btn.btn-icon-only>.ic{width:18px;height:18px;padding:0;font-size:18px}
+@-webkit-keyframes spinner-border{to{transform:rotate(360deg)}}@keyframes spinner-border{to{transform:rotate(360deg)}}.spinner-border{display:inline-block;width:2rem;height:2rem;vertical-align:text-bottom;border:.25em solid currentColor;border-right-color:transparent;border-radius:50%;-webkit-animation:spinner-border .75s linear infinite;animation:spinner-border .75s linear infinite}.spinner-border-sm{width:1rem;height:1rem;border-width:.2em}@-webkit-keyframes spinner-grow{0%{transform:scale(0)}50%{opacity:1}}@keyframes spinner-grow{0%{transform:scale(0)}50%{opacity:1}}.spinner-grow{display:inline-block;width:2rem;height:2rem;vertical-align:text-bottom;background-color:currentColor;border-radius:50%;opacity:0;-webkit-animation:spinner-grow .75s linear infinite;animation:spinner-grow .75s linear infinite}.spinner-grow-sm{width:1rem;height:1rem}.btn{display:inline-block;font-family:Roboto,Oxygen,Ubuntu,"Fira Sans","Droid Sans","Helvetica Neue",sans-serif;font-weight:400;color:#212121;text-align:center;vertical-align:middle;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-color:transparent;border:1px solid transparent;padding:8px 16px;font-size:.875rem;line-height:20px;border-radius:4px;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media (prefers-reduced-motion:reduce){.btn{transition:none}}.btn:hover{color:#212121;text-decoration:none}.btn.focus,.btn:focus{outline:0;box-shadow:0 0 4px 1px #1357ff}.btn.disabled,.btn:disabled{opacity:.65}a.btn.disabled,fieldset:disabled a.btn{pointer-events:none}.btn-danger{color:#fff;background-color:#d74022;border-color:#d74022}.btn-danger:hover{color:#fff;background-color:#b6361d;border-color:#ab331b}.btn-danger.focus,.btn-danger:focus{box-shadow:0 0 0 .2rem rgba(221,93,67,.5)}.btn-danger.disabled,.btn-danger:disabled{color:#fff;background-color:#d74022;border-color:#d74022}.btn-danger:not(:disabled):not(.disabled).active,.btn-danger:not(:disabled):not(.disabled):active,.show>.btn-danger.dropdown-toggle{color:#fff;background-color:#ab331b;border-color:#a03019}.btn-danger:not(:disabled):not(.disabled).active:focus,.btn-danger:not(:disabled):not(.disabled):active:focus,.show>.btn-danger.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(221,93,67,.5)}.btn-success{color:#fff;background-color:#009f61;border-color:#009f61}.btn-success:hover{color:#fff;background-color:#00794a;border-color:#006c42}.btn-success.focus,.btn-success:focus{box-shadow:0 0 0 .2rem rgba(38,173,121,.5)}.btn-success.disabled,.btn-success:disabled{color:#fff;background-color:#009f61;border-color:#009f61}.btn-success:not(:disabled):not(.disabled).active,.btn-success:not(:disabled):not(.disabled):active,.show>.btn-success.dropdown-toggle{color:#fff;background-color:#006c42;border-color:#005f3a}.btn-success:not(:disabled):not(.disabled).active:focus,.btn-success:not(:disabled):not(.disabled):active:focus,.show>.btn-success.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(38,173,121,.5)}.btn-info{color:#212529;background-color:#ffeb99;border-color:#ffeb99}.btn-info:hover{color:#212529;background-color:#ffe473;border-color:#ffe166}.btn-info.focus,.btn-info:focus{box-shadow:0 0 0 .2rem rgba(222,205,136,.5)}.btn-info.disabled,.btn-info:disabled{color:#212529;background-color:#ffeb99;border-color:#ffeb99}.btn-info:not(:disabled):not(.disabled).active,.btn-info:not(:disabled):not(.disabled):active,.show>.btn-info.dropdown-toggle{color:#212529;background-color:#ffe166;border-color:#ffdf59}.btn-info:not(:disabled):not(.disabled).active:focus,.btn-info:not(:disabled):not(.disabled):active:focus,.show>.btn-info.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(222,205,136,.5)}.btn-warning{color:#212529;background-color:#ffb700;border-color:#ffb700}.btn-warning:hover{color:#212529;background-color:#d99c00;border-color:#cc9200}.btn-warning.focus,.btn-warning:focus{box-shadow:0 0 0 .2rem rgba(222,161,6,.5)}.btn-warning.disabled,.btn-warning:disabled{color:#212529;background-color:#ffb700;border-color:#ffb700}.btn-warning:not(:disabled):not(.disabled).active,.btn-warning:not(:disabled):not(.disabled):active,.show>.btn-warning.dropdown-toggle{color:#fff;background-color:#cc9200;border-color:#bf8900}.btn-warning:not(:disabled):not(.disabled).active:focus,.btn-warning:not(:disabled):not(.disabled):active:focus,.show>.btn-warning.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(222,161,6,.5)}.btn-primary{color:#fff;background-color:#005fbf;border-color:#005fbf}.btn-primary:hover{color:#fff;background-color:#004c99;border-color:#00468c}.btn-primary.focus,.btn-primary:focus{box-shadow:0 0 0 .2rem rgba(38,119,201,.5)}.btn-primary.disabled,.btn-primary:disabled{color:#fff;background-color:#005fbf;border-color:#005fbf}.btn-primary:not(:disabled):not(.disabled).active,.btn-primary:not(:disabled):not(.disabled):active,.show>.btn-primary.dropdown-toggle{color:#fff;background-color:#00468c;border-color:#003f7f}.btn-primary:not(:disabled):not(.disabled).active:focus,.btn-primary:not(:disabled):not(.disabled):active:focus,.show>.btn-primary.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(38,119,201,.5)}.btn-jurnal{color:#fff;background-color:#009bde;border-color:#009bde}.btn-jurnal:hover{color:#fff;background-color:#0080b8;border-color:#0077ab}.btn-jurnal.focus,.btn-jurnal:focus{box-shadow:0 0 0 .2rem rgba(38,170,227,.5)}.btn-jurnal.disabled,.btn-jurnal:disabled{color:#fff;background-color:#009bde;border-color:#009bde}.btn-jurnal:not(:disabled):not(.disabled).active,.btn-jurnal:not(:disabled):not(.disabled):active,.show>.btn-jurnal.dropdown-toggle{color:#fff;background-color:#0077ab;border-color:#006e9e}.btn-jurnal:not(:disabled):not(.disabled).active:focus,.btn-jurnal:not(:disabled):not(.disabled):active:focus,.show>.btn-jurnal.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(38,170,227,.5)}.btn-talenta{color:#fff;background-color:#c02a34;border-color:#c02a34}.btn-talenta:hover{color:#fff;background-color:#a1232c;border-color:#962129}.btn-talenta.focus,.btn-talenta:focus{box-shadow:0 0 0 .2rem rgba(201,74,82,.5)}.btn-talenta.disabled,.btn-talenta:disabled{color:#fff;background-color:#c02a34;border-color:#c02a34}.btn-talenta:not(:disabled):not(.disabled).active,.btn-talenta:not(:disabled):not(.disabled):active,.show>.btn-talenta.dropdown-toggle{color:#fff;background-color:#962129;border-color:#8c1f26}.btn-talenta:not(:disabled):not(.disabled).active:focus,.btn-talenta:not(:disabled):not(.disabled):active:focus,.show>.btn-talenta.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(201,74,82,.5)}.btn-klikpajak{color:#fff;background-color:#f96d01;border-color:#f96d01}.btn-klikpajak:hover{color:#fff;background-color:#d35c01;border-color:#c65701}.btn-klikpajak.focus,.btn-klikpajak:focus{box-shadow:0 0 0 .2rem rgba(250,131,39,.5)}.btn-klikpajak.disabled,.btn-klikpajak:disabled{color:#fff;background-color:#f96d01;border-color:#f96d01}.btn-klikpajak:not(:disabled):not(.disabled).active,.btn-klikpajak:not(:disabled):not(.disabled):active,.show>.btn-klikpajak.dropdown-toggle{color:#fff;background-color:#c65701;border-color:#ba5101}.btn-klikpajak:not(:disabled):not(.disabled).active:focus,.btn-klikpajak:not(:disabled):not(.disabled):active:focus,.show>.btn-klikpajak.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(250,131,39,.5)}.btn-mekari{color:#fff;background-color:#6d48e5;border-color:#6d48e5}.btn-mekari:hover{color:#fff;background-color:#5227e0;border-color:#4b1fdb}.btn-mekari.focus,.btn-mekari:focus{box-shadow:0 0 0 .2rem rgba(131,99,233,.5)}.btn-mekari.disabled,.btn-mekari:disabled{color:#fff;background-color:#6d48e5;border-color:#6d48e5}.btn-mekari:not(:disabled):not(.disabled).active,.btn-mekari:not(:disabled):not(.disabled):active,.show>.btn-mekari.dropdown-toggle{color:#fff;background-color:#4b1fdb;border-color:#481ed0}.btn-mekari:not(:disabled):not(.disabled).active:focus,.btn-mekari:not(:disabled):not(.disabled):active:focus,.show>.btn-mekari.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(131,99,233,.5)}.btn-dark{color:#fff;background-color:#212121;border-color:#212121}.btn-dark:hover{color:#fff;background-color:#0e0e0e;border-color:#080808}.btn-dark.focus,.btn-dark:focus{box-shadow:0 0 0 .2rem rgba(66,66,66,.5)}.btn-dark.disabled,.btn-dark:disabled{color:#fff;background-color:#212121;border-color:#212121}.btn-dark:not(:disabled):not(.disabled).active,.btn-dark:not(:disabled):not(.disabled):active,.show>.btn-dark.dropdown-toggle{color:#fff;background-color:#080808;border-color:#010101}.btn-dark:not(:disabled):not(.disabled).active:focus,.btn-dark:not(:disabled):not(.disabled):active:focus,.show>.btn-dark.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(66,66,66,.5)}.btn-slate{color:#fff;background-color:#777;border-color:#777}.btn-slate:hover{color:#fff;background-color:#646464;border-color:#5e5e5e}.btn-slate.focus,.btn-slate:focus{box-shadow:0 0 0 .2rem rgba(139,139,139,.5)}.btn-slate.disabled,.btn-slate:disabled{color:#fff;background-color:#777;border-color:#777}.btn-slate:not(:disabled):not(.disabled).active,.btn-slate:not(:disabled):not(.disabled):active,.show>.btn-slate.dropdown-toggle{color:#fff;background-color:#5e5e5e;border-color:#575757}.btn-slate:not(:disabled):not(.disabled).active:focus,.btn-slate:not(:disabled):not(.disabled):active:focus,.show>.btn-slate.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(139,139,139,.5)}.btn-muted{color:#212529;background-color:#b4b4b4;border-color:#b4b4b4}.btn-muted:hover{color:#212529;background-color:#a1a1a1;border-color:#9b9b9b}.btn-muted.focus,.btn-muted:focus{box-shadow:0 0 0 .2rem rgba(158,159,159,.5)}.btn-muted.disabled,.btn-muted:disabled{color:#212529;background-color:#b4b4b4;border-color:#b4b4b4}.btn-muted:not(:disabled):not(.disabled).active,.btn-muted:not(:disabled):not(.disabled):active,.show>.btn-muted.dropdown-toggle{color:#212529;background-color:#9b9b9b;border-color:#949494}.btn-muted:not(:disabled):not(.disabled).active:focus,.btn-muted:not(:disabled):not(.disabled):active:focus,.show>.btn-muted.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(158,159,159,.5)}.btn-smoke{color:#212529;background-color:#e2e2e2;border-color:#e2e2e2}.btn-smoke:hover{color:#212529;background-color:#cfcfcf;border-color:#c9c9c9}.btn-smoke.focus,.btn-smoke:focus{box-shadow:0 0 0 .2rem rgba(197,198,198,.5)}.btn-smoke.disabled,.btn-smoke:disabled{color:#212529;background-color:#e2e2e2;border-color:#e2e2e2}.btn-smoke:not(:disabled):not(.disabled).active,.btn-smoke:not(:disabled):not(.disabled):active,.show>.btn-smoke.dropdown-toggle{color:#212529;background-color:#c9c9c9;border-color:#c2c2c2}.btn-smoke:not(:disabled):not(.disabled).active:focus,.btn-smoke:not(:disabled):not(.disabled):active:focus,.show>.btn-smoke.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(197,198,198,.5)}.btn-light{color:#212529;background-color:#fbfbfb;border-color:#fbfbfb}.btn-light:hover{color:#212529;background-color:#e8e8e8;border-color:#e2e2e2}.btn-light.focus,.btn-light:focus{box-shadow:0 0 0 .2rem rgba(218,219,220,.5)}.btn-light.disabled,.btn-light:disabled{color:#212529;background-color:#fbfbfb;border-color:#fbfbfb}.btn-light:not(:disabled):not(.disabled).active,.btn-light:not(:disabled):not(.disabled):active,.show>.btn-light.dropdown-toggle{color:#212529;background-color:#e2e2e2;border-color:#dbdbdb}.btn-light:not(:disabled):not(.disabled).active:focus,.btn-light:not(:disabled):not(.disabled):active:focus,.show>.btn-light.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(218,219,220,.5)}.btn-cloud{color:#212529;background-color:#f2f4f7;border-color:#f2f4f7}.btn-cloud:hover{color:#212529;background-color:#dae0e8;border-color:#d2d9e4}.btn-cloud.focus,.btn-cloud:focus{box-shadow:0 0 0 .2rem rgba(211,213,216,.5)}.btn-cloud.disabled,.btn-cloud:disabled{color:#212529;background-color:#f2f4f7;border-color:#f2f4f7}.btn-cloud:not(:disabled):not(.disabled).active,.btn-cloud:not(:disabled):not(.disabled):active,.show>.btn-cloud.dropdown-toggle{color:#212529;background-color:#d2d9e4;border-color:#cbd3df}.btn-cloud:not(:disabled):not(.disabled).active:focus,.btn-cloud:not(:disabled):not(.disabled):active:focus,.show>.btn-cloud.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(211,213,216,.5)}.btn-link{color:#fff;background-color:#1357ff;border-color:#1357ff}.btn-link:hover{color:#fff;background-color:#0044ec;border-color:#0040df}.btn-link.focus,.btn-link:focus{box-shadow:0 0 0 .2rem rgba(54,112,255,.5)}.btn-link.disabled,.btn-link:disabled{color:#fff;background-color:#1357ff;border-color:#1357ff}.btn-link:not(:disabled):not(.disabled).active,.btn-link:not(:disabled):not(.disabled):active,.show>.btn-link.dropdown-toggle{color:#fff;background-color:#0040df;border-color:#003dd2}.btn-link:not(:disabled):not(.disabled).active:focus,.btn-link:not(:disabled):not(.disabled):active:focus,.show>.btn-link.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(54,112,255,.5)}.btn-white{color:#212529;background-color:#fff;border-color:#fff}.btn-white:hover{color:#212529;background-color:#ececec;border-color:#e6e6e6}.btn-white.focus,.btn-white:focus{box-shadow:0 0 0 .2rem rgba(222,222,223,.5)}.btn-white.disabled,.btn-white:disabled{color:#212529;background-color:#fff;border-color:#fff}.btn-white:not(:disabled):not(.disabled).active,.btn-white:not(:disabled):not(.disabled):active,.show>.btn-white.dropdown-toggle{color:#212529;background-color:#e6e6e6;border-color:#dfdfdf}.btn-white:not(:disabled):not(.disabled).active:focus,.btn-white:not(:disabled):not(.disabled):active:focus,.show>.btn-white.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(222,222,223,.5)}.btn-outline-danger{color:#d74022;border-color:#d74022}.btn-outline-danger:hover{color:#fff;background-color:#d74022;border-color:#d74022}.btn-outline-danger.focus,.btn-outline-danger:focus{box-shadow:0 0 0 .2rem rgba(215,64,34,.5)}.btn-outline-danger.disabled,.btn-outline-danger:disabled{color:#d74022;background-color:transparent}.btn-outline-danger:not(:disabled):not(.disabled).active,.btn-outline-danger:not(:disabled):not(.disabled):active,.show>.btn-outline-danger.dropdown-toggle{color:#fff;background-color:#d74022;border-color:#d74022}.btn-outline-danger:not(:disabled):not(.disabled).active:focus,.btn-outline-danger:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-danger.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(215,64,34,.5)}.btn-outline-success{color:#009f61;border-color:#009f61}.btn-outline-success:hover{color:#fff;background-color:#009f61;border-color:#009f61}.btn-outline-success.focus,.btn-outline-success:focus{box-shadow:0 0 0 .2rem rgba(0,159,97,.5)}.btn-outline-success.disabled,.btn-outline-success:disabled{color:#009f61;background-color:transparent}.btn-outline-success:not(:disabled):not(.disabled).active,.btn-outline-success:not(:disabled):not(.disabled):active,.show>.btn-outline-success.dropdown-toggle{color:#fff;background-color:#009f61;border-color:#009f61}.btn-outline-success:not(:disabled):not(.disabled).active:focus,.btn-outline-success:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-success.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(0,159,97,.5)}.btn-outline-info{color:#ffeb99;border-color:#ffeb99}.btn-outline-info:hover{color:#212529;background-color:#ffeb99;border-color:#ffeb99}.btn-outline-info.focus,.btn-outline-info:focus{box-shadow:0 0 0 .2rem rgba(255,235,153,.5)}.btn-outline-info.disabled,.btn-outline-info:disabled{color:#ffeb99;background-color:transparent}.btn-outline-info:not(:disabled):not(.disabled).active,.btn-outline-info:not(:disabled):not(.disabled):active,.show>.btn-outline-info.dropdown-toggle{color:#212529;background-color:#ffeb99;border-color:#ffeb99}.btn-outline-info:not(:disabled):not(.disabled).active:focus,.btn-outline-info:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-info.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(255,235,153,.5)}.btn-outline-warning{color:#ffb700;border-color:#ffb700}.btn-outline-warning:hover{color:#212529;background-color:#ffb700;border-color:#ffb700}.btn-outline-warning.focus,.btn-outline-warning:focus{box-shadow:0 0 0 .2rem rgba(255,183,0,.5)}.btn-outline-warning.disabled,.btn-outline-warning:disabled{color:#ffb700;background-color:transparent}.btn-outline-warning:not(:disabled):not(.disabled).active,.btn-outline-warning:not(:disabled):not(.disabled):active,.show>.btn-outline-warning.dropdown-toggle{color:#212529;background-color:#ffb700;border-color:#ffb700}.btn-outline-warning:not(:disabled):not(.disabled).active:focus,.btn-outline-warning:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-warning.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(255,183,0,.5)}.btn-outline-primary{color:#005fbf;border-color:#005fbf}.btn-outline-primary:hover{color:#fff;background-color:#005fbf;border-color:#005fbf}.btn-outline-primary.focus,.btn-outline-primary:focus{box-shadow:0 0 0 .2rem rgba(0,95,191,.5)}.btn-outline-primary.disabled,.btn-outline-primary:disabled{color:#005fbf;background-color:transparent}.btn-outline-primary:not(:disabled):not(.disabled).active,.btn-outline-primary:not(:disabled):not(.disabled):active,.show>.btn-outline-primary.dropdown-toggle{color:#fff;background-color:#005fbf;border-color:#005fbf}.btn-outline-primary:not(:disabled):not(.disabled).active:focus,.btn-outline-primary:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-primary.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(0,95,191,.5)}.btn-outline-jurnal{color:#009bde;border-color:#009bde}.btn-outline-jurnal:hover{color:#fff;background-color:#009bde;border-color:#009bde}.btn-outline-jurnal.focus,.btn-outline-jurnal:focus{box-shadow:0 0 0 .2rem rgba(0,155,222,.5)}.btn-outline-jurnal.disabled,.btn-outline-jurnal:disabled{color:#009bde;background-color:transparent}.btn-outline-jurnal:not(:disabled):not(.disabled).active,.btn-outline-jurnal:not(:disabled):not(.disabled):active,.show>.btn-outline-jurnal.dropdown-toggle{color:#fff;background-color:#009bde;border-color:#009bde}.btn-outline-jurnal:not(:disabled):not(.disabled).active:focus,.btn-outline-jurnal:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-jurnal.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(0,155,222,.5)}.btn-outline-talenta{color:#c02a34;border-color:#c02a34}.btn-outline-talenta:hover{color:#fff;background-color:#c02a34;border-color:#c02a34}.btn-outline-talenta.focus,.btn-outline-talenta:focus{box-shadow:0 0 0 .2rem rgba(192,42,52,.5)}.btn-outline-talenta.disabled,.btn-outline-talenta:disabled{color:#c02a34;background-color:transparent}.btn-outline-talenta:not(:disabled):not(.disabled).active,.btn-outline-talenta:not(:disabled):not(.disabled):active,.show>.btn-outline-talenta.dropdown-toggle{color:#fff;background-color:#c02a34;border-color:#c02a34}.btn-outline-talenta:not(:disabled):not(.disabled).active:focus,.btn-outline-talenta:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-talenta.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(192,42,52,.5)}.btn-outline-klikpajak{color:#f96d01;border-color:#f96d01}.btn-outline-klikpajak:hover{color:#fff;background-color:#f96d01;border-color:#f96d01}.btn-outline-klikpajak.focus,.btn-outline-klikpajak:focus{box-shadow:0 0 0 .2rem rgba(249,109,1,.5)}.btn-outline-klikpajak.disabled,.btn-outline-klikpajak:disabled{color:#f96d01;background-color:transparent}.btn-outline-klikpajak:not(:disabled):not(.disabled).active,.btn-outline-klikpajak:not(:disabled):not(.disabled):active,.show>.btn-outline-klikpajak.dropdown-toggle{color:#fff;background-color:#f96d01;border-color:#f96d01}.btn-outline-klikpajak:not(:disabled):not(.disabled).active:focus,.btn-outline-klikpajak:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-klikpajak.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(249,109,1,.5)}.btn-outline-mekari{color:#6d48e5;border-color:#6d48e5}.btn-outline-mekari:hover{color:#fff;background-color:#6d48e5;border-color:#6d48e5}.btn-outline-mekari.focus,.btn-outline-mekari:focus{box-shadow:0 0 0 .2rem rgba(109,72,229,.5)}.btn-outline-mekari.disabled,.btn-outline-mekari:disabled{color:#6d48e5;background-color:transparent}.btn-outline-mekari:not(:disabled):not(.disabled).active,.btn-outline-mekari:not(:disabled):not(.disabled):active,.show>.btn-outline-mekari.dropdown-toggle{color:#fff;background-color:#6d48e5;border-color:#6d48e5}.btn-outline-mekari:not(:disabled):not(.disabled).active:focus,.btn-outline-mekari:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-mekari.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(109,72,229,.5)}.btn-outline-dark{color:#212121;border-color:#212121}.btn-outline-dark:hover{color:#fff;background-color:#212121;border-color:#212121}.btn-outline-dark.focus,.btn-outline-dark:focus{box-shadow:0 0 0 .2rem rgba(33,33,33,.5)}.btn-outline-dark.disabled,.btn-outline-dark:disabled{color:#212121;background-color:transparent}.btn-outline-dark:not(:disabled):not(.disabled).active,.btn-outline-dark:not(:disabled):not(.disabled):active,.show>.btn-outline-dark.dropdown-toggle{color:#fff;background-color:#212121;border-color:#212121}.btn-outline-dark:not(:disabled):not(.disabled).active:focus,.btn-outline-dark:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-dark.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(33,33,33,.5)}.btn-outline-slate{color:#777;border-color:#777}.btn-outline-slate:hover{color:#fff;background-color:#777;border-color:#777}.btn-outline-slate.focus,.btn-outline-slate:focus{box-shadow:0 0 0 .2rem rgba(119,119,119,.5)}.btn-outline-slate.disabled,.btn-outline-slate:disabled{color:#777;background-color:transparent}.btn-outline-slate:not(:disabled):not(.disabled).active,.btn-outline-slate:not(:disabled):not(.disabled):active,.show>.btn-outline-slate.dropdown-toggle{color:#fff;background-color:#777;border-color:#777}.btn-outline-slate:not(:disabled):not(.disabled).active:focus,.btn-outline-slate:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-slate.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(119,119,119,.5)}.btn-outline-muted{color:#b4b4b4;border-color:#b4b4b4}.btn-outline-muted:hover{color:#212529;background-color:#b4b4b4;border-color:#b4b4b4}.btn-outline-muted.focus,.btn-outline-muted:focus{box-shadow:0 0 0 .2rem rgba(180,180,180,.5)}.btn-outline-muted.disabled,.btn-outline-muted:disabled{color:#b4b4b4;background-color:transparent}.btn-outline-muted:not(:disabled):not(.disabled).active,.btn-outline-muted:not(:disabled):not(.disabled):active,.show>.btn-outline-muted.dropdown-toggle{color:#212529;background-color:#b4b4b4;border-color:#b4b4b4}.btn-outline-muted:not(:disabled):not(.disabled).active:focus,.btn-outline-muted:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-muted.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(180,180,180,.5)}.btn-outline-smoke{color:#e2e2e2;border-color:#e2e2e2}.btn-outline-smoke:hover{color:#212529;background-color:#e2e2e2;border-color:#e2e2e2}.btn-outline-smoke.focus,.btn-outline-smoke:focus{box-shadow:0 0 0 .2rem rgba(226,226,226,.5)}.btn-outline-smoke.disabled,.btn-outline-smoke:disabled{color:#e2e2e2;background-color:transparent}.btn-outline-smoke:not(:disabled):not(.disabled).active,.btn-outline-smoke:not(:disabled):not(.disabled):active,.show>.btn-outline-smoke.dropdown-toggle{color:#212529;background-color:#e2e2e2;border-color:#e2e2e2}.btn-outline-smoke:not(:disabled):not(.disabled).active:focus,.btn-outline-smoke:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-smoke.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(226,226,226,.5)}.btn-outline-light{color:#fbfbfb;border-color:#fbfbfb}.btn-outline-light:hover{color:#212529;background-color:#fbfbfb;border-color:#fbfbfb}.btn-outline-light.focus,.btn-outline-light:focus{box-shadow:0 0 0 .2rem rgba(251,251,251,.5)}.btn-outline-light.disabled,.btn-outline-light:disabled{color:#fbfbfb;background-color:transparent}.btn-outline-light:not(:disabled):not(.disabled).active,.btn-outline-light:not(:disabled):not(.disabled):active,.show>.btn-outline-light.dropdown-toggle{color:#212529;background-color:#fbfbfb;border-color:#fbfbfb}.btn-outline-light:not(:disabled):not(.disabled).active:focus,.btn-outline-light:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-light.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(251,251,251,.5)}.btn-outline-cloud{color:#f2f4f7;border-color:#f2f4f7}.btn-outline-cloud:hover{color:#212529;background-color:#f2f4f7;border-color:#f2f4f7}.btn-outline-cloud.focus,.btn-outline-cloud:focus{box-shadow:0 0 0 .2rem rgba(242,244,247,.5)}.btn-outline-cloud.disabled,.btn-outline-cloud:disabled{color:#f2f4f7;background-color:transparent}.btn-outline-cloud:not(:disabled):not(.disabled).active,.btn-outline-cloud:not(:disabled):not(.disabled):active,.show>.btn-outline-cloud.dropdown-toggle{color:#212529;background-color:#f2f4f7;border-color:#f2f4f7}.btn-outline-cloud:not(:disabled):not(.disabled).active:focus,.btn-outline-cloud:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-cloud.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(242,244,247,.5)}.btn-outline-link{color:#1357ff;border-color:#1357ff}.btn-outline-link:hover{color:#fff;background-color:#1357ff;border-color:#1357ff}.btn-outline-link.focus,.btn-outline-link:focus{box-shadow:0 0 0 .2rem rgba(19,87,255,.5)}.btn-outline-link.disabled,.btn-outline-link:disabled{color:#1357ff;background-color:transparent}.btn-outline-link:not(:disabled):not(.disabled).active,.btn-outline-link:not(:disabled):not(.disabled):active,.show>.btn-outline-link.dropdown-toggle{color:#fff;background-color:#1357ff;border-color:#1357ff}.btn-outline-link:not(:disabled):not(.disabled).active:focus,.btn-outline-link:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-link.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(19,87,255,.5)}.btn-outline-white{color:#fff;border-color:#fff}.btn-outline-white:hover{color:#212529;background-color:#fff;border-color:#fff}.btn-outline-white.focus,.btn-outline-white:focus{box-shadow:0 0 0 .2rem rgba(255,255,255,.5)}.btn-outline-white.disabled,.btn-outline-white:disabled{color:#fff;background-color:transparent}.btn-outline-white:not(:disabled):not(.disabled).active,.btn-outline-white:not(:disabled):not(.disabled):active,.show>.btn-outline-white.dropdown-toggle{color:#212529;background-color:#fff;border-color:#fff}.btn-outline-white:not(:disabled):not(.disabled).active:focus,.btn-outline-white:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-white.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(255,255,255,.5)}.btn-link{font-weight:400;color:#1357ff;text-decoration:none}.btn-link:hover{color:#0039c6;text-decoration:underline}.btn-link.focus,.btn-link:focus{text-decoration:underline;box-shadow:none}.btn-link.disabled,.btn-link:disabled{color:#f2f4f7;pointer-events:none}.btn-group-lg>.btn,.btn-lg{padding:8px 16px;font-size:1rem;line-height:24px;border-radius:4px}.btn-group-sm>.btn,.btn-sm{padding:2px 8px;font-size:.875rem;line-height:20px;border-radius:4px}.btn-block{display:block;width:100%}.btn-block+.btn-block{margin-top:.5rem}input[type=button].btn-block,input[type=reset].btn-block,input[type=submit].btn-block{width:100%}.btn-group,.btn-group-vertical{position:relative;display:inline-flex;vertical-align:middle}.btn-group-vertical>.btn,.btn-group>.btn{position:relative;flex:1 1 auto}.btn-group-vertical>.btn:hover,.btn-group>.btn:hover{z-index:1}.btn-group-vertical>.btn.active,.btn-group-vertical>.btn:active,.btn-group-vertical>.btn:focus,.btn-group>.btn.active,.btn-group>.btn:active,.btn-group>.btn:focus{z-index:1}.btn-toolbar{display:flex;flex-wrap:wrap;justify-content:flex-start}.btn-toolbar .input-group{width:auto}.btn-group>.btn-group:not(:first-child),.btn-group>.btn:not(:first-child){margin-left:-1px}.btn-group>.btn-group:not(:last-child)>.btn,.btn-group>.btn:not(:last-child):not(.dropdown-toggle){border-top-right-radius:0;border-bottom-right-radius:0}.btn-group>.btn-group:not(:first-child)>.btn,.btn-group>.btn:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0}.dropdown-toggle-split{padding-right:12px;padding-left:12px}.dropdown-toggle-split::after,.dropright .dropdown-toggle-split::after,.dropup .dropdown-toggle-split::after{margin-left:0}.dropleft .dropdown-toggle-split::before{margin-right:0}.btn-group-sm>.btn+.dropdown-toggle-split,.btn-sm+.dropdown-toggle-split{padding-right:6px;padding-left:6px}.btn-group-lg>.btn+.dropdown-toggle-split,.btn-lg+.dropdown-toggle-split{padding-right:12px;padding-left:12px}.btn-group-vertical{flex-direction:column;align-items:flex-start;justify-content:center}.btn-group-vertical>.btn,.btn-group-vertical>.btn-group{width:100%}.btn-group-vertical>.btn-group:not(:first-child),.btn-group-vertical>.btn:not(:first-child){margin-top:-1px}.btn-group-vertical>.btn-group:not(:last-child)>.btn,.btn-group-vertical>.btn:not(:last-child):not(.dropdown-toggle){border-bottom-right-radius:0;border-bottom-left-radius:0}.btn-group-vertical>.btn-group:not(:first-child)>.btn,.btn-group-vertical>.btn:not(:first-child){border-top-left-radius:0;border-top-right-radius:0}.btn-group-toggle>.btn,.btn-group-toggle>.btn-group>.btn{margin-bottom:0}.btn-group-toggle>.btn input[type=checkbox],.btn-group-toggle>.btn input[type=radio],.btn-group-toggle>.btn-group>.btn input[type=checkbox],.btn-group-toggle>.btn-group>.btn input[type=radio]{position:absolute;clip:rect(0,0,0,0);pointer-events:none}.btn-group.show>.btn-link,.btn.btn-link,.btn.btn-link:not(:disabled):not(.disabled):active{color:#1357ff;background-color:transparent;border-color:transparent}.btn.btn-ghost,.btn.btn-icon-only{color:#777;background-color:transparent;border:1px solid transparent}.btn.btn-ghost:not(:disabled):not(.disabled):hover,.btn.btn-icon-only:not(:disabled):not(.disabled):hover{background-color:#f2f4f7;border-color:#f2f4f7}.btn.btn-ghost:not(:disabled):not(.disabled):focus,.btn.btn-icon-only:not(:disabled):not(.disabled):focus{background-color:transparent;border-color:#1357ff;box-shadow:0 0 4px 1px #1357ff}.btn.btn-basic,.btn.btn-basic.active:not(:disabled):not(.disabled),.btn.btn-basic:not(:disabled):not(.disabled):active,.btn.btn-secondary,.btn.btn-secondary.active:not(:disabled):not(.disabled),.btn.btn-secondary:not(:disabled):not(.disabled):active,.show>.btn.btn-basic.dropdown-toggle,.show>.btn.btn-secondary.dropdown-toggle{color:#777;background-color:#fbfbfb;border:1px solid #e2e2e2}.btn.btn-basic:not(:disabled):not(.disabled):hover,.btn.btn-secondary:not(:disabled):not(.disabled):hover{border-color:#005fbf}.btn.btn-basic:not(:disabled):not(.disabled):focus,.btn.btn-secondary:not(:disabled):not(.disabled):focus{border-color:#005fbf;box-shadow:0 0 4px 1px #005fbf}.btn.btn-ghost:not(:disabled):not(.disabled):focus{background-color:transparent;border-color:#005fbf;box-shadow:0 0 4px 1px #005fbf}.btn.btn-link{height:auto;padding:0 4px;border-radius:2px}.btn.btn-link:not(:disabled):not(.disabled):focus{text-decoration:none;box-shadow:0 0 0 2px rgba(19,87,255,.3)}.btn.btn-link.disabled,.btn.btn-link:disabled{text-decoration:none;pointer-events:auto;background-color:transparent;border:none}.btn.btn-primary.btn-with-icon .ic::before{color:#fff!important}.btn.btn-primary.btn-icon-only .ic::before{color:inherit!important}.btn.is-loading{position:relative;min-height:36px;pointer-events:none}.btn.is-loading::before{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;content:"";background-color:inherit;border-radius:4px}.btn.is-loading::after{position:absolute;top:0;right:0;bottom:0;left:0;z-index:4;display:inline-block;width:18px;height:18px;margin:auto;content:"";background:center center no-repeat;background-size:cover;border:2px solid #fff;border-right-color:transparent;border-radius:50%;-webkit-animation:spinner-border .75s linear infinite;animation:spinner-border .75s linear infinite}.btn.is-loading.btn-basic::after,.btn.is-loading.btn-secondary::after{border-color:#777;border-right-color:transparent}.btn.is-loading.btn-ghost{color:transparent}.btn.is-loading.btn-ghost::after{border-color:#777;border-right-color:transparent}.btn.btn-with-icon .ic,.btn.btn-with-icon span{vertical-align:top;border:none}.btn.btn-with-icon .ic{width:16px;height:16px;padding:0;font-size:16px;color:inherit}.btn.btn-with-icon .ic.is-left{margin-right:8px}.btn.btn-with-icon .ic.is-right{margin-left:8px}.btn-group-sm>.btn.btn-with-icon .ic,.btn-group-sm>.btn.btn-with-icon span,.btn.btn-with-icon.btn-sm .ic,.btn.btn-with-icon.btn-sm span{line-height:16px;vertical-align:baseline;border:none}.btn-group-sm>.btn.btn-with-icon .ic,.btn.btn-with-icon.btn-sm .ic{margin-right:0;line-height:18px}.btn-group-sm>.btn.btn-with-icon .is-left,.btn.btn-with-icon.btn-sm .is-left{margin-right:0}.btn-group-sm>.btn.btn-with-icon .is-right,.btn.btn-with-icon.btn-sm .is-right{margin-left:0}.btn-group-lg>.btn.btn-with-icon .ic,.btn-group-lg>.btn.btn-with-icon span,.btn.btn-with-icon.btn-lg .ic,.btn.btn-with-icon.btn-lg span{vertical-align:top;border:none}.btn-group-lg>.btn.btn-with-icon .ic,.btn.btn-with-icon.btn-lg .ic{width:24px;height:24px;padding:0;font-size:24px}.btn-group-lg>.btn.btn-with-icon span,.btn.btn-with-icon.btn-lg span{line-height:24px}.btn.disabled,.btn:disabled{color:#b4b4b4;cursor:not-allowed;background-color:#f2f4f7;border:1px solid #f2f4f7;opacity:1}.btn.disabled.btn-ghost,.btn:disabled.btn-ghost{background-color:transparent;border-color:transparent}.btn.dropdown-toggle::before{margin-right:16px}.btn.dropdown-toggle::after{margin-left:16px}.btn-group .btn:first-child:not(:only-child):not(.dropdown-toggle){padding-right:8px}.btn-group .btn:last-child:not(:only-child){padding-left:8px}.btn-group .dropdown-toggle-split{min-width:36px;padding-right:8px;padding-left:8px}.btn-group .dropdown-toggle-split::before{margin-right:0}.btn-group .dropdown-toggle-split::after{margin-left:0}.btn-group .dropdown-toggle-split.btn-basic:not(:hover):not(:focus),.btn-group .dropdown-toggle-split.btn-secondary:not(:hover):not(:focus){padding-left:9px;border-left:none}.btn-group.dropleft .dropdown-toggle-split.btn-basic,.btn-group.dropleft .dropdown-toggle-split.btn-secondary:not(:hover):not(:focus){padding-left:8px;border-left:1px solid #e2e2e2}.btn-group.dropleft~.btn-basic:not(:hover):not(:focus),.btn-group.dropleft~.btn-secondary:not(:hover):not(:focus){padding-left:9px;border-left:none}.btn{height:36px}.btn-group-sm>.btn,.btn.btn-sm{height:24px}.btn-group-lg>.btn,.btn.btn-lg{height:40px}.btn.btn-icon-only{width:36px;height:36px;padding:8px;font-size:18px;line-height:18px}.btn.btn-icon-only>.ic{width:18px;height:18px;padding:0;font-size:18px}
 /*# sourceMappingURL=mekari-ui-button-min.css.map */

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

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../scss/vendors/_spinners.scss","../../../scss/vendors/_buttons.scss","../../../scss/vendors/mixins/_buttons.scss","../../../scss/vendors/_rfs.scss","../../../scss/vendors/mixins/_border-radius.scss","../../../scss/vendors/mixins/_transition.scss","../../../scss/vendors/mixins/_hover.scss","dist/css/components/mekari-ui-button.css","../../../scss/vendors/mixins/_gradients.scss","../../../scss/vendors/_button-group.scss","../../../scss/components/config/_button.scss"],"names":[],"mappings":"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","sourcesContent":["//\n// Rotating border\n//\n\n@keyframes spinner-border {\n to { transform: rotate(360deg); }\n}\n\n.#{$prefix}spinner-border {\n display: inline-block;\n width: $spinner-width;\n height: $spinner-height;\n vertical-align: text-bottom;\n border: $spinner-border-width solid currentColor;\n border-right-color: transparent;\n // stylelint-disable-next-line property-blacklist\n border-radius: 50%;\n animation: spinner-border .75s linear infinite;\n}\n\n.#{$prefix}spinner-border-sm {\n width: $spinner-width-sm;\n height: $spinner-height-sm;\n border-width: $spinner-border-width-sm;\n}\n\n//\n// Growing circle\n//\n\n@keyframes spinner-grow {\n 0% {\n transform: scale(0);\n }\n 50% {\n opacity: 1;\n }\n}\n\n.#{$prefix}spinner-grow {\n display: inline-block;\n width: $spinner-width;\n height: $spinner-height;\n vertical-align: text-bottom;\n background-color: currentColor;\n // stylelint-disable-next-line property-blacklist\n border-radius: 50%;\n opacity: 0;\n animation: spinner-grow .75s linear infinite;\n}\n\n.#{$prefix}spinner-grow-sm {\n width: $spinner-width-sm;\n height: $spinner-height-sm;\n}\n","// stylelint-disable selector-no-qualifying-type\n\n//\n// Base styles\n//\n\n.#{$prefix}btn {\n display: inline-block;\n font-family: $btn-font-family;\n font-weight: $btn-font-weight;\n color: $body-color;\n text-align: center;\n vertical-align: middle;\n user-select: none;\n background-color: transparent;\n border: $btn-border-width solid transparent;\n @include button-size($btn-padding-y, $btn-padding-x, $btn-font-size, $btn-line-height, $btn-border-radius);\n @include transition($btn-transition);\n\n @include hover {\n color: $body-color;\n text-decoration: none;\n }\n\n &:focus,\n &.focus {\n outline: 0;\n box-shadow: $btn-focus-box-shadow;\n }\n\n // Disabled comes first so active can properly restyle\n &.disabled,\n &:disabled {\n opacity: $btn-disabled-opacity;\n @include box-shadow(none);\n }\n\n &:not(:disabled):not(.disabled):active,\n &:not(:disabled):not(.disabled).active {\n @include box-shadow($btn-active-box-shadow);\n\n &:focus {\n @include box-shadow($btn-focus-box-shadow, $btn-active-box-shadow);\n }\n }\n}\n\n// Future-proof disabling of clicks on `<a>` elements\na.#{$prefix}btn.disabled,\nfieldset:disabled a.#{$prefix}btn {\n pointer-events: none;\n}\n\n\n//\n// Alternate buttons\n//\n\n@each $color, $value in $theme-colors {\n .#{$prefix}btn-#{$color} {\n @include button-variant($value, $value);\n }\n}\n\n@each $color, $value in $theme-colors {\n .#{$prefix}btn-outline-#{$color} {\n @include button-outline-variant($value);\n }\n}\n\n\n//\n// Link buttons\n//\n\n// Make a button look and behave like a link\n.#{$prefix}btn-link {\n font-weight: $font-weight-normal;\n color: $link-color;\n text-decoration: $link-decoration;\n\n @include hover {\n color: $link-hover-color;\n text-decoration: $link-hover-decoration;\n }\n\n &:focus,\n &.focus {\n text-decoration: $link-hover-decoration;\n box-shadow: none;\n }\n\n &:disabled,\n &.disabled {\n color: $btn-link-disabled-color;\n pointer-events: none;\n }\n\n // No need for an active state here\n}\n\n\n//\n// Button Sizes\n//\n\n.#{$prefix}btn-lg {\n @include button-size($btn-padding-y-lg, $btn-padding-x-lg, $btn-font-size-lg, $btn-line-height-lg, $btn-border-radius-lg);\n}\n\n.#{$prefix}btn-sm {\n @include button-size($btn-padding-y-sm, $btn-padding-x-sm, $btn-font-size-sm, $btn-line-height-sm, $btn-border-radius-sm);\n}\n\n\n//\n// Block button\n//\n\n.#{$prefix}btn-block {\n display: block;\n width: 100%;\n\n // Vertically space out multiple block buttons\n + .#{$prefix}btn-block {\n margin-top: $btn-block-spacing-y;\n }\n}\n\n// Specificity overrides\ninput[type=\"submit\"],\ninput[type=\"reset\"],\ninput[type=\"button\"] {\n &.#{$prefix}btn-block {\n width: 100%;\n }\n}\n","// Button variants\n//\n// Easily pump out default styles, as well as :hover, :focus, :active,\n// and disabled options for all buttons\n\n@mixin button-variant($background, $border, $hover-background: darken($background, 7.5%), $hover-border: darken($border, 10%), $active-background: darken($background, 10%), $active-border: darken($border, 12.5%)) {\n color: color-yiq($background);\n @include gradient-bg($background);\n border-color: $border;\n @include box-shadow($btn-box-shadow);\n\n @include hover {\n color: color-yiq($hover-background);\n @include gradient-bg($hover-background);\n border-color: $hover-border;\n }\n\n &:focus,\n &.focus {\n // Avoid using mixin so we can pass custom focus shadow properly\n @if $enable-shadows {\n box-shadow: $btn-box-shadow, 0 0 0 $btn-focus-width rgba(mix(color-yiq($background), $border, 15%), .5);\n } @else {\n box-shadow: 0 0 0 $btn-focus-width rgba(mix(color-yiq($background), $border, 15%), .5);\n }\n }\n\n // Disabled comes first so active can properly restyle\n &.disabled,\n &:disabled {\n color: color-yiq($background);\n background-color: $background;\n border-color: $border;\n // Remove CSS gradients if they're enabled\n @if $enable-gradients {\n background-image: none;\n }\n }\n\n &:not(:disabled):not(.disabled):active,\n &:not(:disabled):not(.disabled).active,\n .#{$prefix}show > &.dropdown-toggle {\n color: color-yiq($active-background);\n background-color: $active-background;\n @if $enable-gradients {\n background-image: none; // Remove the gradient for the pressed/active state\n }\n border-color: $active-border;\n\n &:focus {\n // Avoid using mixin so we can pass custom focus shadow properly\n @if $enable-shadows and $btn-active-box-shadow != none {\n box-shadow: $btn-active-box-shadow, 0 0 0 $btn-focus-width rgba(mix(color-yiq($background), $border, 15%), .5);\n } @else {\n box-shadow: 0 0 0 $btn-focus-width rgba(mix(color-yiq($background), $border, 15%), .5);\n }\n }\n }\n}\n\n@mixin button-outline-variant($color, $color-hover: color-yiq($color), $active-background: $color, $active-border: $color) {\n color: $color;\n border-color: $color;\n\n @include hover {\n color: $color-hover;\n background-color: $active-background;\n border-color: $active-border;\n }\n\n &:focus,\n &.focus {\n box-shadow: 0 0 0 $btn-focus-width rgba($color, .5);\n }\n\n &.disabled,\n &:disabled {\n color: $color;\n background-color: transparent;\n }\n\n &:not(:disabled):not(.disabled):active,\n &:not(:disabled):not(.disabled).active,\n .#{$prefix}show > &.dropdown-toggle {\n color: color-yiq($active-background);\n background-color: $active-background;\n border-color: $active-border;\n\n &:focus {\n // Avoid using mixin so we can pass custom focus shadow properly\n @if $enable-shadows and $btn-active-box-shadow != none {\n box-shadow: $btn-active-box-shadow, 0 0 0 $btn-focus-width rgba($color, .5);\n } @else {\n box-shadow: 0 0 0 $btn-focus-width rgba($color, .5);\n }\n }\n }\n}\n\n// Button sizes\n@mixin button-size($padding-y, $padding-x, $font-size, $line-height, $border-radius) {\n padding: $padding-y $padding-x;\n @include font-size($font-size);\n line-height: $line-height;\n // Manually declare to provide an override to the browser default\n @include border-radius($border-radius, 0);\n}\n","// stylelint-disable property-blacklist, scss/dollar-variable-default\n\n// SCSS RFS mixin\n//\n// Automated font-resizing\n//\n// See https://github.com/twbs/rfs\n\n// Configuration\n\n// Base font size\n$rfs-base-font-size: 1.25rem !default;\n$rfs-font-size-unit: rem !default;\n\n// Breakpoint at where font-size starts decreasing if screen width is smaller\n$rfs-breakpoint: 1200px !default;\n$rfs-breakpoint-unit: px !default;\n\n// Resize font-size based on screen height and width\n$rfs-two-dimensional: false !default;\n\n// Factor of decrease\n$rfs-factor: 10 !default;\n\n@if type-of($rfs-factor) != \"number\" or $rfs-factor <= 1 {\n @error \"`#{$rfs-factor}` is not a valid $rfs-factor, it must be greater than 1.\";\n}\n\n// Generate enable or disable classes. Possibilities: false, \"enable\" or \"disable\"\n$rfs-class: false !default;\n\n// 1 rem = $rfs-rem-value px\n$rfs-rem-value: 16 !default;\n\n// Safari iframe resize bug: https://github.com/twbs/rfs/issues/14\n$rfs-safari-iframe-resize-bug-fix: false !default;\n\n// Disable RFS by setting $enable-responsive-font-sizes to false\n$enable-responsive-font-sizes: true !default;\n\n// Cache $rfs-base-font-size unit\n$rfs-base-font-size-unit: unit($rfs-base-font-size);\n\n// Remove px-unit from $rfs-base-font-size for calculations\n@if $rfs-base-font-size-unit == \"px\" {\n $rfs-base-font-size: $rfs-base-font-size / ($rfs-base-font-size * 0 + 1);\n}\n@else if $rfs-base-font-size-unit == \"rem\" {\n $rfs-base-font-size: $rfs-base-font-size / ($rfs-base-font-size * 0 + 1 / $rfs-rem-value);\n}\n\n// Cache $rfs-breakpoint unit to prevent multiple calls\n$rfs-breakpoint-unit-cache: unit($rfs-breakpoint);\n\n// Remove unit from $rfs-breakpoint for calculations\n@if $rfs-breakpoint-unit-cache == \"px\" {\n $rfs-breakpoint: $rfs-breakpoint / ($rfs-breakpoint * 0 + 1);\n}\n@else if $rfs-breakpoint-unit-cache == \"rem\" or $rfs-breakpoint-unit-cache == \"em\" {\n $rfs-breakpoint: $rfs-breakpoint / ($rfs-breakpoint * 0 + 1 / $rfs-rem-value);\n}\n\n// Responsive font-size mixin\n@mixin rfs($fs, $important: false) {\n // Cache $fs unit\n $fs-unit: if(type-of($fs) == \"number\", unit($fs), false);\n\n // Add !important suffix if needed\n $rfs-suffix: if($important, \" !important\", \"\");\n\n // If $fs isn't a number (like inherit) or $fs has a unit (not px or rem, like 1.5em) or $ is 0, just print the value\n @if not $fs-unit or $fs-unit != \"\" and $fs-unit != \"px\" and $fs-unit != \"rem\" or $fs == 0 {\n font-size: #{$fs}#{$rfs-suffix};\n }\n @else {\n // Variables for storing static and fluid rescaling\n $rfs-static: null;\n $rfs-fluid: null;\n\n // Remove px-unit from $fs for calculations\n @if $fs-unit == \"px\" {\n $fs: $fs / ($fs * 0 + 1);\n }\n @else if $fs-unit == \"rem\" {\n $fs: $fs / ($fs * 0 + 1 / $rfs-rem-value);\n }\n\n // Set default font-size\n @if $rfs-font-size-unit == rem {\n $rfs-static: #{$fs / $rfs-rem-value}rem#{$rfs-suffix};\n }\n @else if $rfs-font-size-unit == px {\n $rfs-static: #{$fs}px#{$rfs-suffix};\n }\n @else {\n @error \"`#{$rfs-font-size-unit}` is not a valid unit for $rfs-font-size-unit. Use `px` or `rem`.\";\n }\n\n // Only add media query if font-size is bigger as the minimum font-size\n // If $rfs-factor == 1, no rescaling will take place\n @if $fs > $rfs-base-font-size and $enable-responsive-font-sizes {\n $min-width: null;\n $variable-unit: null;\n\n // Calculate minimum font-size for given font-size\n $fs-min: $rfs-base-font-size + ($fs - $rfs-base-font-size) / $rfs-factor;\n\n // Calculate difference between given font-size and minimum font-size for given font-size\n $fs-diff: $fs - $fs-min;\n\n // Base font-size formatting\n // No need to check if the unit is valid, because we did that before\n $min-width: if($rfs-font-size-unit == rem, #{$fs-min / $rfs-rem-value}rem, #{$fs-min}px);\n\n // If two-dimensional, use smallest of screen width and height\n $variable-unit: if($rfs-two-dimensional, vmin, vw);\n\n // Calculate the variable width between 0 and $rfs-breakpoint\n $variable-width: #{$fs-diff * 100 / $rfs-breakpoint}#{$variable-unit};\n\n // Set the calculated font-size.\n $rfs-fluid: calc(#{$min-width} + #{$variable-width}) #{$rfs-suffix};\n }\n\n // Rendering\n @if $rfs-fluid == null {\n // Only render static font-size if no fluid font-size is available\n font-size: $rfs-static;\n }\n @else {\n $mq-value: null;\n\n // RFS breakpoint formatting\n @if $rfs-breakpoint-unit == em or $rfs-breakpoint-unit == rem {\n $mq-value: #{$rfs-breakpoint / $rfs-rem-value}#{$rfs-breakpoint-unit};\n }\n @else if $rfs-breakpoint-unit == px {\n $mq-value: #{$rfs-breakpoint}px;\n }\n @else {\n @error \"`#{$rfs-breakpoint-unit}` is not a valid unit for $rfs-breakpoint-unit. Use `px`, `em` or `rem`.\";\n }\n\n @if $rfs-class == \"disable\" {\n // Adding an extra class increases specificity,\n // which prevents the media query to override the font size\n &,\n .disable-responsive-font-size &,\n &.disable-responsive-font-size {\n font-size: $rfs-static;\n }\n }\n @else {\n font-size: $rfs-static;\n }\n\n @if $rfs-two-dimensional {\n @media (max-width: #{$mq-value}), (max-height: #{$mq-value}) {\n @if $rfs-class == \"enable\" {\n .enable-responsive-font-size &,\n &.enable-responsive-font-size {\n font-size: $rfs-fluid;\n }\n }\n @else {\n font-size: $rfs-fluid;\n }\n\n @if $rfs-safari-iframe-resize-bug-fix {\n // stylelint-disable-next-line length-zero-no-unit\n min-width: 0vw;\n }\n }\n }\n @else {\n @media (max-width: #{$mq-value}) {\n @if $rfs-class == \"enable\" {\n .enable-responsive-font-size &,\n &.enable-responsive-font-size {\n font-size: $rfs-fluid;\n }\n }\n @else {\n font-size: $rfs-fluid;\n }\n\n @if $rfs-safari-iframe-resize-bug-fix {\n // stylelint-disable-next-line length-zero-no-unit\n min-width: 0vw;\n }\n }\n }\n }\n }\n}\n\n// The font-size & responsive-font-size mixin uses RFS to rescale font sizes\n@mixin font-size($fs, $important: false) {\n @include rfs($fs, $important);\n}\n\n@mixin responsive-font-size($fs, $important: false) {\n @include rfs($fs, $important);\n}\n","// stylelint-disable property-blacklist\n// Single side border-radius\n\n@mixin border-radius($radius: $border-radius, $fallback-border-radius: false) {\n @if $enable-rounded {\n border-radius: $radius;\n }\n @else if $fallback-border-radius != false {\n border-radius: $fallback-border-radius;\n }\n}\n\n@mixin border-top-radius($radius) {\n @if $enable-rounded {\n border-top-left-radius: $radius;\n border-top-right-radius: $radius;\n }\n}\n\n@mixin border-right-radius($radius) {\n @if $enable-rounded {\n border-top-right-radius: $radius;\n border-bottom-right-radius: $radius;\n }\n}\n\n@mixin border-bottom-radius($radius) {\n @if $enable-rounded {\n border-bottom-right-radius: $radius;\n border-bottom-left-radius: $radius;\n }\n}\n\n@mixin border-left-radius($radius) {\n @if $enable-rounded {\n border-top-left-radius: $radius;\n border-bottom-left-radius: $radius;\n }\n}\n\n@mixin border-top-left-radius($radius) {\n @if $enable-rounded {\n border-top-left-radius: $radius;\n }\n}\n\n@mixin border-top-right-radius($radius) {\n @if $enable-rounded {\n border-top-right-radius: $radius;\n }\n}\n\n@mixin border-bottom-right-radius($radius) {\n @if $enable-rounded {\n border-bottom-right-radius: $radius;\n }\n}\n\n@mixin border-bottom-left-radius($radius) {\n @if $enable-rounded {\n border-bottom-left-radius: $radius;\n }\n}\n","// stylelint-disable property-blacklist\n@mixin transition($transition...) {\n @if $enable-transitions {\n @if length($transition) == 0 {\n transition: $transition-base;\n } @else {\n transition: $transition;\n }\n }\n\n @if $enable-prefers-reduced-motion-media-query {\n @media (prefers-reduced-motion: reduce) {\n transition: none;\n }\n }\n}\n","// Hover mixin and `$enable-hover-media-query` are deprecated.\n//\n// Originally added during our alphas and maintained during betas, this mixin was\n// designed to prevent `:hover` stickiness on iOS-an issue where hover styles\n// would persist after initial touch.\n//\n// For backward compatibility, we've kept these mixins and updated them to\n// always return their regular pseudo-classes instead of a shimmed media query.\n//\n// Issue: https://github.com/twbs/bootstrap/issues/25195\n\n@mixin hover {\n &:hover { @content; }\n}\n\n@mixin hover-focus {\n &:hover,\n &:focus {\n @content;\n }\n}\n\n@mixin plain-hover-focus {\n &,\n &:hover,\n &:focus {\n @content;\n }\n}\n\n@mixin hover-focus-active {\n &:hover,\n &:focus,\n &:active {\n @content;\n }\n}\n","@-webkit-keyframes spinner-border {\n to {\n transform: rotate(360deg);\n }\n}\n\n@keyframes spinner-border {\n to {\n transform: rotate(360deg);\n }\n}\n\n.spinner-border {\n display: inline-block;\n width: 2rem;\n height: 2rem;\n vertical-align: text-bottom;\n border: 0.25em solid currentColor;\n border-right-color: transparent;\n border-radius: 50%;\n -webkit-animation: spinner-border .75s linear infinite;\n animation: spinner-border .75s linear infinite;\n}\n\n.spinner-border-sm {\n width: 1rem;\n height: 1rem;\n border-width: 0.2em;\n}\n\n@-webkit-keyframes spinner-grow {\n 0% {\n transform: scale(0);\n }\n 50% {\n opacity: 1;\n }\n}\n\n@keyframes spinner-grow {\n 0% {\n transform: scale(0);\n }\n 50% {\n opacity: 1;\n }\n}\n\n.spinner-grow {\n display: inline-block;\n width: 2rem;\n height: 2rem;\n vertical-align: text-bottom;\n background-color: currentColor;\n border-radius: 50%;\n opacity: 0;\n -webkit-animation: spinner-grow .75s linear infinite;\n animation: spinner-grow .75s linear infinite;\n}\n\n.spinner-grow-sm {\n width: 1rem;\n height: 1rem;\n}\n\n.btn {\n display: inline-block;\n font-family: \"Roboto\", \"Oxygen\", \"Ubuntu\", \"Fira Sans\", \"Droid Sans\", \"Helvetica Neue\", sans-serif;\n font-weight: 400;\n color: #212121;\n text-align: center;\n vertical-align: middle;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n background-color: transparent;\n border: 1px solid transparent;\n padding: 8px 16px;\n font-size: 0.875rem;\n line-height: 20px;\n border-radius: 4px;\n transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;\n}\n\n@media (prefers-reduced-motion: reduce) {\n .btn {\n transition: none;\n }\n}\n\n.btn:hover {\n color: #212121;\n text-decoration: none;\n}\n\n.btn:focus, .btn.focus {\n outline: 0;\n box-shadow: 0 0 4px 1px #1357ff;\n}\n\n.btn.disabled, .btn:disabled {\n opacity: 0.65;\n}\n\na.btn.disabled,\nfieldset:disabled a.btn {\n pointer-events: none;\n}\n\n.btn-danger {\n color: #fff;\n background-color: #d74022;\n border-color: #d74022;\n}\n\n.btn-danger:hover {\n color: #fff;\n background-color: #b6361d;\n border-color: #ab331b;\n}\n\n.btn-danger:focus, .btn-danger.focus {\n box-shadow: 0 0 0 0.2rem rgba(221, 93, 67, 0.5);\n}\n\n.btn-danger.disabled, .btn-danger:disabled {\n color: #fff;\n background-color: #d74022;\n border-color: #d74022;\n}\n\n.btn-danger:not(:disabled):not(.disabled):active, .btn-danger:not(:disabled):not(.disabled).active,\n.show > .btn-danger.dropdown-toggle {\n color: #fff;\n background-color: #ab331b;\n border-color: #a03019;\n}\n\n.btn-danger:not(:disabled):not(.disabled):active:focus, .btn-danger:not(:disabled):not(.disabled).active:focus,\n.show > .btn-danger.dropdown-toggle:focus {\n box-shadow: 0 0 0 0.2rem rgba(221, 93, 67, 0.5);\n}\n\n.btn-success {\n color: #fff;\n background-color: #009f61;\n border-color: #009f61;\n}\n\n.btn-success:hover {\n color: #fff;\n background-color: #00794a;\n border-color: #006c42;\n}\n\n.btn-success:focus, .btn-success.focus {\n box-shadow: 0 0 0 0.2rem rgba(38, 173, 121, 0.5);\n}\n\n.btn-success.disabled, .btn-success:disabled {\n color: #fff;\n background-color: #009f61;\n border-color: #009f61;\n}\n\n.btn-success:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled).active,\n.show > .btn-success.dropdown-toggle {\n color: #fff;\n background-color: #006c42;\n border-color: #005f3a;\n}\n\n.btn-success:not(:disabled):not(.disabled):active:focus, .btn-success:not(:disabled):not(.disabled).active:focus,\n.show > .btn-success.dropdown-toggle:focus {\n box-shadow: 0 0 0 0.2rem rgba(38, 173, 121, 0.5);\n}\n\n.btn-info {\n color: #212529;\n background-color: #ffeb99;\n border-color: #ffeb99;\n}\n\n.btn-info:hover {\n color: #212529;\n background-color: #ffe473;\n border-color: #ffe166;\n}\n\n.btn-info:focus, .btn-info.focus {\n box-shadow: 0 0 0 0.2rem rgba(222, 205, 136, 0.5);\n}\n\n.btn-info.disabled, .btn-info:disabled {\n color: #212529;\n background-color: #ffeb99;\n border-color: #ffeb99;\n}\n\n.btn-info:not(:disabled):not(.disabled):active, .btn-info:not(:disabled):not(.disabled).active,\n.show > .btn-info.dropdown-toggle {\n color: #212529;\n background-color: #ffe166;\n border-color: #ffdf59;\n}\n\n.btn-info:not(:disabled):not(.disabled):active:focus, .btn-info:not(:disabled):not(.disabled).active:focus,\n.show > .btn-info.dropdown-toggle:focus {\n box-shadow: 0 0 0 0.2rem rgba(222, 205, 136, 0.5);\n}\n\n.btn-warning {\n color: #212529;\n background-color: #ffb700;\n border-color: #ffb700;\n}\n\n.btn-warning:hover {\n color: #212529;\n background-color: #d99c00;\n border-color: #cc9200;\n}\n\n.btn-warning:focus, .btn-warning.focus {\n box-shadow: 0 0 0 0.2rem rgba(222, 161, 6, 0.5);\n}\n\n.btn-warning.disabled, .btn-warning:disabled {\n color: #212529;\n background-color: #ffb700;\n border-color: #ffb700;\n}\n\n.btn-warning:not(:disabled):not(.disabled):active, .btn-warning:not(:disabled):not(.disabled).active,\n.show > .btn-warning.dropdown-toggle {\n color: #fff;\n background-color: #cc9200;\n border-color: #bf8900;\n}\n\n.btn-warning:not(:disabled):not(.disabled):active:focus, .btn-warning:not(:disabled):not(.disabled).active:focus,\n.show > .btn-warning.dropdown-toggle:focus {\n box-shadow: 0 0 0 0.2rem rgba(222, 161, 6, 0.5);\n}\n\n.btn-primary {\n color: #fff;\n background-color: #005fbf;\n border-color: #005fbf;\n}\n\n.btn-primary:hover {\n color: #fff;\n background-color: #004c99;\n border-color: #00468c;\n}\n\n.btn-primary:focus, .btn-primary.focus {\n box-shadow: 0 0 0 0.2rem rgba(38, 119, 201, 0.5);\n}\n\n.btn-primary.disabled, .btn-primary:disabled {\n color: #fff;\n background-color: #005fbf;\n border-color: #005fbf;\n}\n\n.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active,\n.show > .btn-primary.dropdown-toggle {\n color: #fff;\n background-color: #00468c;\n border-color: #003f7f;\n}\n\n.btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus,\n.show > .btn-primary.dropdown-toggle:focus {\n box-shadow: 0 0 0 0.2rem rgba(38, 119, 201, 0.5);\n}\n\n.btn-jurnal {\n color: #fff;\n background-color: #009bde;\n border-color: #009bde;\n}\n\n.btn-jurnal:hover {\n color: #fff;\n background-color: #0080b8;\n border-color: #0077ab;\n}\n\n.btn-jurnal:focus, .btn-jurnal.focus {\n box-shadow: 0 0 0 0.2rem rgba(38, 170, 227, 0.5);\n}\n\n.btn-jurnal.disabled, .btn-jurnal:disabled {\n color: #fff;\n background-color: #009bde;\n border-color: #009bde;\n}\n\n.btn-jurnal:not(:disabled):not(.disabled):active, .btn-jurnal:not(:disabled):not(.disabled).active,\n.show > .btn-jurnal.dropdown-toggle {\n color: #fff;\n background-color: #0077ab;\n border-color: #006e9e;\n}\n\n.btn-jurnal:not(:disabled):not(.disabled):active:focus, .btn-jurnal:not(:disabled):not(.disabled).active:focus,\n.show > .btn-jurnal.dropdown-toggle:focus {\n box-shadow: 0 0 0 0.2rem rgba(38, 170, 227, 0.5);\n}\n\n.btn-talenta {\n color: #fff;\n background-color: #c02a34;\n border-color: #c02a34;\n}\n\n.btn-talenta:hover {\n color: #fff;\n background-color: #a1232c;\n border-color: #962129;\n}\n\n.btn-talenta:focus, .btn-talenta.focus {\n box-shadow: 0 0 0 0.2rem rgba(201, 74, 82, 0.5);\n}\n\n.btn-talenta.disabled, .btn-talenta:disabled {\n color: #fff;\n background-color: #c02a34;\n border-color: #c02a34;\n}\n\n.btn-talenta:not(:disabled):not(.disabled):active, .btn-talenta:not(:disabled):not(.disabled).active,\n.show > .btn-talenta.dropdown-toggle {\n color: #fff;\n background-color: #962129;\n border-color: #8c1f26;\n}\n\n.btn-talenta:not(:disabled):not(.disabled):active:focus, .btn-talenta:not(:disabled):not(.disabled).active:focus,\n.show > .btn-talenta.dropdown-toggle:focus {\n box-shadow: 0 0 0 0.2rem rgba(201, 74, 82, 0.5);\n}\n\n.btn-klikpajak {\n color: #fff;\n background-color: #f96d01;\n border-color: #f96d01;\n}\n\n.btn-klikpajak:hover {\n color: #fff;\n background-color: #d35c01;\n border-color: #c65701;\n}\n\n.btn-klikpajak:focus, .btn-klikpajak.focus {\n box-shadow: 0 0 0 0.2rem rgba(250, 131, 39, 0.5);\n}\n\n.btn-klikpajak.disabled, .btn-klikpajak:disabled {\n color: #fff;\n background-color: #f96d01;\n border-color: #f96d01;\n}\n\n.btn-klikpajak:not(:disabled):not(.disabled):active, .btn-klikpajak:not(:disabled):not(.disabled).active,\n.show > .btn-klikpajak.dropdown-toggle {\n color: #fff;\n background-color: #c65701;\n border-color: #ba5101;\n}\n\n.btn-klikpajak:not(:disabled):not(.disabled):active:focus, .btn-klikpajak:not(:disabled):not(.disabled).active:focus,\n.show > .btn-klikpajak.dropdown-toggle:focus {\n box-shadow: 0 0 0 0.2rem rgba(250, 131, 39, 0.5);\n}\n\n.btn-mekari {\n color: #fff;\n background-color: #6d48e5;\n border-color: #6d48e5;\n}\n\n.btn-mekari:hover {\n color: #fff;\n background-color: #5227e0;\n border-color: #4b1fdb;\n}\n\n.btn-mekari:focus, .btn-mekari.focus {\n box-shadow: 0 0 0 0.2rem rgba(131, 99, 233, 0.5);\n}\n\n.btn-mekari.disabled, .btn-mekari:disabled {\n color: #fff;\n background-color: #6d48e5;\n border-color: #6d48e5;\n}\n\n.btn-mekari:not(:disabled):not(.disabled):active, .btn-mekari:not(:disabled):not(.disabled).active,\n.show > .btn-mekari.dropdown-toggle {\n color: #fff;\n background-color: #4b1fdb;\n border-color: #481ed0;\n}\n\n.btn-mekari:not(:disabled):not(.disabled):active:focus, .btn-mekari:not(:disabled):not(.disabled).active:focus,\n.show > .btn-mekari.dropdown-toggle:focus {\n box-shadow: 0 0 0 0.2rem rgba(131, 99, 233, 0.5);\n}\n\n.btn-dark {\n color: #fff;\n background-color: #212121;\n border-color: #212121;\n}\n\n.btn-dark:hover {\n color: #fff;\n background-color: #0e0e0e;\n border-color: #080808;\n}\n\n.btn-dark:focus, .btn-dark.focus {\n box-shadow: 0 0 0 0.2rem rgba(66, 66, 66, 0.5);\n}\n\n.btn-dark.disabled, .btn-dark:disabled {\n color: #fff;\n background-color: #212121;\n border-color: #212121;\n}\n\n.btn-dark:not(:disabled):not(.disabled):active, .btn-dark:not(:disabled):not(.disabled).active,\n.show > .btn-dark.dropdown-toggle {\n color: #fff;\n background-color: #080808;\n border-color: #010101;\n}\n\n.btn-dark:not(:disabled):not(.disabled):active:focus, .btn-dark:not(:disabled):not(.disabled).active:focus,\n.show > .btn-dark.dropdown-toggle:focus {\n box-shadow: 0 0 0 0.2rem rgba(66, 66, 66, 0.5);\n}\n\n.btn-slate {\n color: #fff;\n background-color: #777;\n border-color: #777;\n}\n\n.btn-slate:hover {\n color: #fff;\n background-color: #646464;\n border-color: #5e5e5e;\n}\n\n.btn-slate:focus, .btn-slate.focus {\n box-shadow: 0 0 0 0.2rem rgba(139, 139, 139, 0.5);\n}\n\n.btn-slate.disabled, .btn-slate:disabled {\n color: #fff;\n background-color: #777;\n border-color: #777;\n}\n\n.btn-slate:not(:disabled):not(.disabled):active, .btn-slate:not(:disabled):not(.disabled).active,\n.show > .btn-slate.dropdown-toggle {\n color: #fff;\n background-color: #5e5e5e;\n border-color: #575757;\n}\n\n.btn-slate:not(:disabled):not(.disabled):active:focus, .btn-slate:not(:disabled):not(.disabled).active:focus,\n.show > .btn-slate.dropdown-toggle:focus {\n box-shadow: 0 0 0 0.2rem rgba(139, 139, 139, 0.5);\n}\n\n.btn-muted {\n color: #212529;\n background-color: #b4b4b4;\n border-color: #b4b4b4;\n}\n\n.btn-muted:hover {\n color: #212529;\n background-color: #a1a1a1;\n border-color: #9b9b9b;\n}\n\n.btn-muted:focus, .btn-muted.focus {\n box-shadow: 0 0 0 0.2rem rgba(158, 159, 159, 0.5);\n}\n\n.btn-muted.disabled, .btn-muted:disabled {\n color: #212529;\n background-color: #b4b4b4;\n border-color: #b4b4b4;\n}\n\n.btn-muted:not(:disabled):not(.disabled):active, .btn-muted:not(:disabled):not(.disabled).active,\n.show > .btn-muted.dropdown-toggle {\n color: #212529;\n background-color: #9b9b9b;\n border-color: #949494;\n}\n\n.btn-muted:not(:disabled):not(.disabled):active:focus, .btn-muted:not(:disabled):not(.disabled).active:focus,\n.show > .btn-muted.dropdown-toggle:focus {\n box-shadow: 0 0 0 0.2rem rgba(158, 159, 159, 0.5);\n}\n\n.btn-smoke {\n color: #212529;\n background-color: #e2e2e2;\n border-color: #e2e2e2;\n}\n\n.btn-smoke:hover {\n color: #212529;\n background-color: #cfcfcf;\n border-color: #c9c9c9;\n}\n\n.btn-smoke:focus, .btn-smoke.focus {\n box-shadow: 0 0 0 0.2rem rgba(197, 198, 198, 0.5);\n}\n\n.btn-smoke.disabled, .btn-smoke:disabled {\n color: #212529;\n background-color: #e2e2e2;\n border-color: #e2e2e2;\n}\n\n.btn-smoke:not(:disabled):not(.disabled):active, .btn-smoke:not(:disabled):not(.disabled).active,\n.show > .btn-smoke.dropdown-toggle {\n color: #212529;\n background-color: #c9c9c9;\n border-color: #c2c2c2;\n}\n\n.btn-smoke:not(:disabled):not(.disabled):active:focus, .btn-smoke:not(:disabled):not(.disabled).active:focus,\n.show > .btn-smoke.dropdown-toggle:focus {\n box-shadow: 0 0 0 0.2rem rgba(197, 198, 198, 0.5);\n}\n\n.btn-light {\n color: #212529;\n background-color: #fbfbfb;\n border-color: #fbfbfb;\n}\n\n.btn-light:hover {\n color: #212529;\n background-color: #e8e8e8;\n border-color: #e2e2e2;\n}\n\n.btn-light:focus, .btn-light.focus {\n box-shadow: 0 0 0 0.2rem rgba(218, 219, 220, 0.5);\n}\n\n.btn-light.disabled, .btn-light:disabled {\n color: #212529;\n background-color: #fbfbfb;\n border-color: #fbfbfb;\n}\n\n.btn-light:not(:disabled):not(.disabled):active, .btn-light:not(:disabled):not(.disabled).active,\n.show > .btn-light.dropdown-toggle {\n color: #212529;\n background-color: #e2e2e2;\n border-color: #dbdbdb;\n}\n\n.btn-light:not(:disabled):not(.disabled):active:focus, .btn-light:not(:disabled):not(.disabled).active:focus,\n.show > .btn-light.dropdown-toggle:focus {\n box-shadow: 0 0 0 0.2rem rgba(218, 219, 220, 0.5);\n}\n\n.btn-cloud {\n color: #212529;\n background-color: #f2f4f7;\n border-color: #f2f4f7;\n}\n\n.btn-cloud:hover {\n color: #212529;\n background-color: #dae0e8;\n border-color: #d2d9e4;\n}\n\n.btn-cloud:focus, .btn-cloud.focus {\n box-shadow: 0 0 0 0.2rem rgba(211, 213, 216, 0.5);\n}\n\n.btn-cloud.disabled, .btn-cloud:disabled {\n color: #212529;\n background-color: #f2f4f7;\n border-color: #f2f4f7;\n}\n\n.btn-cloud:not(:disabled):not(.disabled):active, .btn-cloud:not(:disabled):not(.disabled).active,\n.show > .btn-cloud.dropdown-toggle {\n color: #212529;\n background-color: #d2d9e4;\n border-color: #cbd3df;\n}\n\n.btn-cloud:not(:disabled):not(.disabled):active:focus, .btn-cloud:not(:disabled):not(.disabled).active:focus,\n.show > .btn-cloud.dropdown-toggle:focus {\n box-shadow: 0 0 0 0.2rem rgba(211, 213, 216, 0.5);\n}\n\n.btn-link {\n color: #fff;\n background-color: #1357ff;\n border-color: #1357ff;\n}\n\n.btn-link:hover {\n color: #fff;\n background-color: #0044ec;\n border-color: #0040df;\n}\n\n.btn-link:focus, .btn-link.focus {\n box-shadow: 0 0 0 0.2rem rgba(54, 112, 255, 0.5);\n}\n\n.btn-link.disabled, .btn-link:disabled {\n color: #fff;\n background-color: #1357ff;\n border-color: #1357ff;\n}\n\n.btn-link:not(:disabled):not(.disabled):active, .btn-link:not(:disabled):not(.disabled).active,\n.show > .btn-link.dropdown-toggle {\n color: #fff;\n background-color: #0040df;\n border-color: #003dd2;\n}\n\n.btn-link:not(:disabled):not(.disabled):active:focus, .btn-link:not(:disabled):not(.disabled).active:focus,\n.show > .btn-link.dropdown-toggle:focus {\n box-shadow: 0 0 0 0.2rem rgba(54, 112, 255, 0.5);\n}\n\n.btn-white {\n color: #212529;\n background-color: #fff;\n border-color: #fff;\n}\n\n.btn-white:hover {\n color: #212529;\n background-color: #ececec;\n border-color: #e6e6e6;\n}\n\n.btn-white:focus, .btn-white.focus {\n box-shadow: 0 0 0 0.2rem rgba(222, 222, 223, 0.5);\n}\n\n.btn-white.disabled, .btn-white:disabled {\n color: #212529;\n background-color: #fff;\n border-color: #fff;\n}\n\n.btn-white:not(:disabled):not(.disabled):active, .btn-white:not(:disabled):not(.disabled).active,\n.show > .btn-white.dropdown-toggle {\n color: #212529;\n background-color: #e6e6e6;\n border-color: #dfdfdf;\n}\n\n.btn-white:not(:disabled):not(.disabled):active:focus, .btn-white:not(:disabled):not(.disabled).active:focus,\n.show > .btn-white.dropdown-toggle:focus {\n box-shadow: 0 0 0 0.2rem rgba(222, 222, 223, 0.5);\n}\n\n.btn-outline-danger {\n color: #d74022;\n border-color: #d74022;\n}\n\n.btn-outline-danger:hover {\n color: #fff;\n background-color: #d74022;\n border-color: #d74022;\n}\n\n.btn-outline-danger:focus, .btn-outline-danger.focus {\n box-shadow: 0 0 0 0.2rem rgba(215, 64, 34, 0.5);\n}\n\n.btn-outline-danger.disabled, .btn-outline-danger:disabled {\n color: #d74022;\n background-color: transparent;\n}\n\n.btn-outline-danger:not(:disabled):not(.disabled):active, .btn-outline-danger:not(:disabled):not(.disabled).active,\n.show > .btn-outline-danger.dropdown-toggle {\n color: #fff;\n background-color: #d74022;\n border-color: #d74022;\n}\n\n.btn-outline-danger:not(:disabled):not(.disabled):active:focus, .btn-outline-danger:not(:disabled):not(.disabled).active:focus,\n.show > .btn-outline-danger.dropdown-toggle:focus {\n box-shadow: 0 0 0 0.2rem rgba(215, 64, 34, 0.5);\n}\n\n.btn-outline-success {\n color: #009f61;\n border-color: #009f61;\n}\n\n.btn-outline-success:hover {\n color: #fff;\n background-color: #009f61;\n border-color: #009f61;\n}\n\n.btn-outline-success:focus, .btn-outline-success.focus {\n box-shadow: 0 0 0 0.2rem rgba(0, 159, 97, 0.5);\n}\n\n.btn-outline-success.disabled, .btn-outline-success:disabled {\n color: #009f61;\n background-color: transparent;\n}\n\n.btn-outline-success:not(:disabled):not(.disabled):active, .btn-outline-success:not(:disabled):not(.disabled).active,\n.show > .btn-outline-success.dropdown-toggle {\n color: #fff;\n background-color: #009f61;\n border-color: #009f61;\n}\n\n.btn-outline-success:not(:disabled):not(.disabled):active:focus, .btn-outline-success:not(:disabled):not(.disabled).active:focus,\n.show > .btn-outline-success.dropdown-toggle:focus {\n box-shadow: 0 0 0 0.2rem rgba(0, 159, 97, 0.5);\n}\n\n.btn-outline-info {\n color: #ffeb99;\n border-color: #ffeb99;\n}\n\n.btn-outline-info:hover {\n color: #212529;\n background-color: #ffeb99;\n border-color: #ffeb99;\n}\n\n.btn-outline-info:focus, .btn-outline-info.focus {\n box-shadow: 0 0 0 0.2rem rgba(255, 235, 153, 0.5);\n}\n\n.btn-outline-info.disabled, .btn-outline-info:disabled {\n color: #ffeb99;\n background-color: transparent;\n}\n\n.btn-outline-info:not(:disabled):not(.disabled):active, .btn-outline-info:not(:disabled):not(.disabled).active,\n.show > .btn-outline-info.dropdown-toggle {\n color: #212529;\n background-color: #ffeb99;\n border-color: #ffeb99;\n}\n\n.btn-outline-info:not(:disabled):not(.disabled):active:focus, .btn-outline-info:not(:disabled):not(.disabled).active:focus,\n.show > .btn-outline-info.dropdown-toggle:focus {\n box-shadow: 0 0 0 0.2rem rgba(255, 235, 153, 0.5);\n}\n\n.btn-outline-warning {\n color: #ffb700;\n border-color: #ffb700;\n}\n\n.btn-outline-warning:hover {\n color: #212529;\n background-color: #ffb700;\n border-color: #ffb700;\n}\n\n.btn-outline-warning:focus, .btn-outline-warning.focus {\n box-shadow: 0 0 0 0.2rem rgba(255, 183, 0, 0.5);\n}\n\n.btn-outline-warning.disabled, .btn-outline-warning:disabled {\n color: #ffb700;\n background-color: transparent;\n}\n\n.btn-outline-warning:not(:disabled):not(.disabled):active, .btn-outline-warning:not(:disabled):not(.disabled).active,\n.show > .btn-outline-warning.dropdown-toggle {\n color: #212529;\n background-color: #ffb700;\n border-color: #ffb700;\n}\n\n.btn-outline-warning:not(:disabled):not(.disabled):active:focus, .btn-outline-warning:not(:disabled):not(.disabled).active:focus,\n.show > .btn-outline-warning.dropdown-toggle:focus {\n box-shadow: 0 0 0 0.2rem rgba(255, 183, 0, 0.5);\n}\n\n.btn-outline-primary {\n color: #005fbf;\n border-color: #005fbf;\n}\n\n.btn-outline-primary:hover {\n color: #fff;\n background-color: #005fbf;\n border-color: #005fbf;\n}\n\n.btn-outline-primary:focus, .btn-outline-primary.focus {\n box-shadow: 0 0 0 0.2rem rgba(0, 95, 191, 0.5);\n}\n\n.btn-outline-primary.disabled, .btn-outline-primary:disabled {\n color: #005fbf;\n background-color: transparent;\n}\n\n.btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active,\n.show > .btn-outline-primary.dropdown-toggle {\n color: #fff;\n background-color: #005fbf;\n border-color: #005fbf;\n}\n\n.btn-outline-primary:not(:disabled):not(.disabled):active:focus, .btn-outline-primary:not(:disabled):not(.disabled).active:focus,\n.show > .btn-outline-primary.dropdown-toggle:focus {\n box-shadow: 0 0 0 0.2rem rgba(0, 95, 191, 0.5);\n}\n\n.btn-outline-jurnal {\n color: #009bde;\n border-color: #009bde;\n}\n\n.btn-outline-jurnal:hover {\n color: #fff;\n background-color: #009bde;\n border-color: #009bde;\n}\n\n.btn-outline-jurnal:focus, .btn-outline-jurnal.focus {\n box-shadow: 0 0 0 0.2rem rgba(0, 155, 222, 0.5);\n}\n\n.btn-outline-jurnal.disabled, .btn-outline-jurnal:disabled {\n color: #009bde;\n background-color: transparent;\n}\n\n.btn-outline-jurnal:not(:disabled):not(.disabled):active, .btn-outline-jurnal:not(:disabled):not(.disabled).active,\n.show > .btn-outline-jurnal.dropdown-toggle {\n color: #fff;\n background-color: #009bde;\n border-color: #009bde;\n}\n\n.btn-outline-jurnal:not(:disabled):not(.disabled):active:focus, .btn-outline-jurnal:not(:disabled):not(.disabled).active:focus,\n.show > .btn-outline-jurnal.dropdown-toggle:focus {\n box-shadow: 0 0 0 0.2rem rgba(0, 155, 222, 0.5);\n}\n\n.btn-outline-talenta {\n color: #c02a34;\n border-color: #c02a34;\n}\n\n.btn-outline-talenta:hover {\n color: #fff;\n background-color: #c02a34;\n border-color: #c02a34;\n}\n\n.btn-outline-talenta:focus, .btn-outline-talenta.focus {\n box-shadow: 0 0 0 0.2rem rgba(192, 42, 52, 0.5);\n}\n\n.btn-outline-talenta.disabled, .btn-outline-talenta:disabled {\n color: #c02a34;\n background-color: transparent;\n}\n\n.btn-outline-talenta:not(:disabled):not(.disabled):active, .btn-outline-talenta:not(:disabled):not(.disabled).active,\n.show > .btn-outline-talenta.dropdown-toggle {\n color: #fff;\n background-color: #c02a34;\n border-color: #c02a34;\n}\n\n.btn-outline-talenta:not(:disabled):not(.disabled):active:focus, .btn-outline-talenta:not(:disabled):not(.disabled).active:focus,\n.show > .btn-outline-talenta.dropdown-toggle:focus {\n box-shadow: 0 0 0 0.2rem rgba(192, 42, 52, 0.5);\n}\n\n.btn-outline-klikpajak {\n color: #f96d01;\n border-color: #f96d01;\n}\n\n.btn-outline-klikpajak:hover {\n color: #fff;\n background-color: #f96d01;\n border-color: #f96d01;\n}\n\n.btn-outline-klikpajak:focus, .btn-outline-klikpajak.focus {\n box-shadow: 0 0 0 0.2rem rgba(249, 109, 1, 0.5);\n}\n\n.btn-outline-klikpajak.disabled, .btn-outline-klikpajak:disabled {\n color: #f96d01;\n background-color: transparent;\n}\n\n.btn-outline-klikpajak:not(:disabled):not(.disabled):active, .btn-outline-klikpajak:not(:disabled):not(.disabled).active,\n.show > .btn-outline-klikpajak.dropdown-toggle {\n color: #fff;\n background-color: #f96d01;\n border-color: #f96d01;\n}\n\n.btn-outline-klikpajak:not(:disabled):not(.disabled):active:focus, .btn-outline-klikpajak:not(:disabled):not(.disabled).active:focus,\n.show > .btn-outline-klikpajak.dropdown-toggle:focus {\n box-shadow: 0 0 0 0.2rem rgba(249, 109, 1, 0.5);\n}\n\n.btn-outline-mekari {\n color: #6d48e5;\n border-color: #6d48e5;\n}\n\n.btn-outline-mekari:hover {\n color: #fff;\n background-color: #6d48e5;\n border-color: #6d48e5;\n}\n\n.btn-outline-mekari:focus, .btn-outline-mekari.focus {\n box-shadow: 0 0 0 0.2rem rgba(109, 72, 229, 0.5);\n}\n\n.btn-outline-mekari.disabled, .btn-outline-mekari:disabled {\n color: #6d48e5;\n background-color: transparent;\n}\n\n.btn-outline-mekari:not(:disabled):not(.disabled):active, .btn-outline-mekari:not(:disabled):not(.disabled).active,\n.show > .btn-outline-mekari.dropdown-toggle {\n color: #fff;\n background-color: #6d48e5;\n border-color: #6d48e5;\n}\n\n.btn-outline-mekari:not(:disabled):not(.disabled):active:focus, .btn-outline-mekari:not(:disabled):not(.disabled).active:focus,\n.show > .btn-outline-mekari.dropdown-toggle:focus {\n box-shadow: 0 0 0 0.2rem rgba(109, 72, 229, 0.5);\n}\n\n.btn-outline-dark {\n color: #212121;\n border-color: #212121;\n}\n\n.btn-outline-dark:hover {\n color: #fff;\n background-color: #212121;\n border-color: #212121;\n}\n\n.btn-outline-dark:focus, .btn-outline-dark.focus {\n box-shadow: 0 0 0 0.2rem rgba(33, 33, 33, 0.5);\n}\n\n.btn-outline-dark.disabled, .btn-outline-dark:disabled {\n color: #212121;\n background-color: transparent;\n}\n\n.btn-outline-dark:not(:disabled):not(.disabled):active, .btn-outline-dark:not(:disabled):not(.disabled).active,\n.show > .btn-outline-dark.dropdown-toggle {\n color: #fff;\n background-color: #212121;\n border-color: #212121;\n}\n\n.btn-outline-dark:not(:disabled):not(.disabled):active:focus, .btn-outline-dark:not(:disabled):not(.disabled).active:focus,\n.show > .btn-outline-dark.dropdown-toggle:focus {\n box-shadow: 0 0 0 0.2rem rgba(33, 33, 33, 0.5);\n}\n\n.btn-outline-slate {\n color: #777;\n border-color: #777;\n}\n\n.btn-outline-slate:hover {\n color: #fff;\n background-color: #777;\n border-color: #777;\n}\n\n.btn-outline-slate:focus, .btn-outline-slate.focus {\n box-shadow: 0 0 0 0.2rem rgba(119, 119, 119, 0.5);\n}\n\n.btn-outline-slate.disabled, .btn-outline-slate:disabled {\n color: #777;\n background-color: transparent;\n}\n\n.btn-outline-slate:not(:disabled):not(.disabled):active, .btn-outline-slate:not(:disabled):not(.disabled).active,\n.show > .btn-outline-slate.dropdown-toggle {\n color: #fff;\n background-color: #777;\n border-color: #777;\n}\n\n.btn-outline-slate:not(:disabled):not(.disabled):active:focus, .btn-outline-slate:not(:disabled):not(.disabled).active:focus,\n.show > .btn-outline-slate.dropdown-toggle:focus {\n box-shadow: 0 0 0 0.2rem rgba(119, 119, 119, 0.5);\n}\n\n.btn-outline-muted {\n color: #b4b4b4;\n border-color: #b4b4b4;\n}\n\n.btn-outline-muted:hover {\n color: #212529;\n background-color: #b4b4b4;\n border-color: #b4b4b4;\n}\n\n.btn-outline-muted:focus, .btn-outline-muted.focus {\n box-shadow: 0 0 0 0.2rem rgba(180, 180, 180, 0.5);\n}\n\n.btn-outline-muted.disabled, .btn-outline-muted:disabled {\n color: #b4b4b4;\n background-color: transparent;\n}\n\n.btn-outline-muted:not(:disabled):not(.disabled):active, .btn-outline-muted:not(:disabled):not(.disabled).active,\n.show > .btn-outline-muted.dropdown-toggle {\n color: #212529;\n background-color: #b4b4b4;\n border-color: #b4b4b4;\n}\n\n.btn-outline-muted:not(:disabled):not(.disabled):active:focus, .btn-outline-muted:not(:disabled):not(.disabled).active:focus,\n.show > .btn-outline-muted.dropdown-toggle:focus {\n box-shadow: 0 0 0 0.2rem rgba(180, 180, 180, 0.5);\n}\n\n.btn-outline-smoke {\n color: #e2e2e2;\n border-color: #e2e2e2;\n}\n\n.btn-outline-smoke:hover {\n color: #212529;\n background-color: #e2e2e2;\n border-color: #e2e2e2;\n}\n\n.btn-outline-smoke:focus, .btn-outline-smoke.focus {\n box-shadow: 0 0 0 0.2rem rgba(226, 226, 226, 0.5);\n}\n\n.btn-outline-smoke.disabled, .btn-outline-smoke:disabled {\n color: #e2e2e2;\n background-color: transparent;\n}\n\n.btn-outline-smoke:not(:disabled):not(.disabled):active, .btn-outline-smoke:not(:disabled):not(.disabled).active,\n.show > .btn-outline-smoke.dropdown-toggle {\n color: #212529;\n background-color: #e2e2e2;\n border-color: #e2e2e2;\n}\n\n.btn-outline-smoke:not(:disabled):not(.disabled):active:focus, .btn-outline-smoke:not(:disabled):not(.disabled).active:focus,\n.show > .btn-outline-smoke.dropdown-toggle:focus {\n box-shadow: 0 0 0 0.2rem rgba(226, 226, 226, 0.5);\n}\n\n.btn-outline-light {\n color: #fbfbfb;\n border-color: #fbfbfb;\n}\n\n.btn-outline-light:hover {\n color: #212529;\n background-color: #fbfbfb;\n border-color: #fbfbfb;\n}\n\n.btn-outline-light:focus, .btn-outline-light.focus {\n box-shadow: 0 0 0 0.2rem rgba(251, 251, 251, 0.5);\n}\n\n.btn-outline-light.disabled, .btn-outline-light:disabled {\n color: #fbfbfb;\n background-color: transparent;\n}\n\n.btn-outline-light:not(:disabled):not(.disabled):active, .btn-outline-light:not(:disabled):not(.disabled).active,\n.show > .btn-outline-light.dropdown-toggle {\n color: #212529;\n background-color: #fbfbfb;\n border-color: #fbfbfb;\n}\n\n.btn-outline-light:not(:disabled):not(.disabled):active:focus, .btn-outline-light:not(:disabled):not(.disabled).active:focus,\n.show > .btn-outline-light.dropdown-toggle:focus {\n box-shadow: 0 0 0 0.2rem rgba(251, 251, 251, 0.5);\n}\n\n.btn-outline-cloud {\n color: #f2f4f7;\n border-color: #f2f4f7;\n}\n\n.btn-outline-cloud:hover {\n color: #212529;\n background-color: #f2f4f7;\n border-color: #f2f4f7;\n}\n\n.btn-outline-cloud:focus, .btn-outline-cloud.focus {\n box-shadow: 0 0 0 0.2rem rgba(242, 244, 247, 0.5);\n}\n\n.btn-outline-cloud.disabled, .btn-outline-cloud:disabled {\n color: #f2f4f7;\n background-color: transparent;\n}\n\n.btn-outline-cloud:not(:disabled):not(.disabled):active, .btn-outline-cloud:not(:disabled):not(.disabled).active,\n.show > .btn-outline-cloud.dropdown-toggle {\n color: #212529;\n background-color: #f2f4f7;\n border-color: #f2f4f7;\n}\n\n.btn-outline-cloud:not(:disabled):not(.disabled):active:focus, .btn-outline-cloud:not(:disabled):not(.disabled).active:focus,\n.show > .btn-outline-cloud.dropdown-toggle:focus {\n box-shadow: 0 0 0 0.2rem rgba(242, 244, 247, 0.5);\n}\n\n.btn-outline-link {\n color: #1357ff;\n border-color: #1357ff;\n}\n\n.btn-outline-link:hover {\n color: #fff;\n background-color: #1357ff;\n border-color: #1357ff;\n}\n\n.btn-outline-link:focus, .btn-outline-link.focus {\n box-shadow: 0 0 0 0.2rem rgba(19, 87, 255, 0.5);\n}\n\n.btn-outline-link.disabled, .btn-outline-link:disabled {\n color: #1357ff;\n background-color: transparent;\n}\n\n.btn-outline-link:not(:disabled):not(.disabled):active, .btn-outline-link:not(:disabled):not(.disabled).active,\n.show > .btn-outline-link.dropdown-toggle {\n color: #fff;\n background-color: #1357ff;\n border-color: #1357ff;\n}\n\n.btn-outline-link:not(:disabled):not(.disabled):active:focus, .btn-outline-link:not(:disabled):not(.disabled).active:focus,\n.show > .btn-outline-link.dropdown-toggle:focus {\n box-shadow: 0 0 0 0.2rem rgba(19, 87, 255, 0.5);\n}\n\n.btn-outline-white {\n color: #fff;\n border-color: #fff;\n}\n\n.btn-outline-white:hover {\n color: #212529;\n background-color: #fff;\n border-color: #fff;\n}\n\n.btn-outline-white:focus, .btn-outline-white.focus {\n box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5);\n}\n\n.btn-outline-white.disabled, .btn-outline-white:disabled {\n color: #fff;\n background-color: transparent;\n}\n\n.btn-outline-white:not(:disabled):not(.disabled):active, .btn-outline-white:not(:disabled):not(.disabled).active,\n.show > .btn-outline-white.dropdown-toggle {\n color: #212529;\n background-color: #fff;\n border-color: #fff;\n}\n\n.btn-outline-white:not(:disabled):not(.disabled):active:focus, .btn-outline-white:not(:disabled):not(.disabled).active:focus,\n.show > .btn-outline-white.dropdown-toggle:focus {\n box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5);\n}\n\n.btn-link {\n font-weight: 400;\n color: #1357ff;\n text-decoration: none;\n}\n\n.btn-link:hover {\n color: #0039c6;\n text-decoration: underline;\n}\n\n.btn-link:focus, .btn-link.focus {\n text-decoration: underline;\n box-shadow: none;\n}\n\n.btn-link:disabled, .btn-link.disabled {\n color: #f2f4f7;\n pointer-events: none;\n}\n\n.btn-lg, .btn-group-lg > .btn {\n padding: 8px 16px;\n font-size: 1rem;\n line-height: 24px;\n border-radius: 4px;\n}\n\n.btn-sm, .btn-group-sm > .btn {\n padding: 2px 8px;\n font-size: 0.875rem;\n line-height: 20px;\n border-radius: 4px;\n}\n\n.btn-block {\n display: block;\n width: 100%;\n}\n\n.btn-block + .btn-block {\n margin-top: 0.5rem;\n}\n\ninput[type=\"submit\"].btn-block,\ninput[type=\"reset\"].btn-block,\ninput[type=\"button\"].btn-block {\n width: 100%;\n}\n\n.btn-group,\n.btn-group-vertical {\n position: relative;\n display: inline-flex;\n vertical-align: middle;\n}\n\n.btn-group > .btn,\n.btn-group-vertical > .btn {\n position: relative;\n flex: 1 1 auto;\n}\n\n.btn-group > .btn:hover,\n.btn-group-vertical > .btn:hover {\n z-index: 1;\n}\n\n.btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active,\n.btn-group-vertical > .btn:focus,\n.btn-group-vertical > .btn:active,\n.btn-group-vertical > .btn.active {\n z-index: 1;\n}\n\n.btn-toolbar {\n display: flex;\n flex-wrap: wrap;\n justify-content: flex-start;\n}\n\n.btn-toolbar .input-group {\n width: auto;\n}\n\n.btn-group > .btn:not(:first-child),\n.btn-group > .btn-group:not(:first-child) {\n margin-left: -1px;\n}\n\n.btn-group > .btn:not(:last-child):not(.dropdown-toggle),\n.btn-group > .btn-group:not(:last-child) > .btn {\n border-top-right-radius: 0;\n border-bottom-right-radius: 0;\n}\n\n.btn-group > .btn:not(:first-child),\n.btn-group > .btn-group:not(:first-child) > .btn {\n border-top-left-radius: 0;\n border-bottom-left-radius: 0;\n}\n\n.dropdown-toggle-split {\n padding-right: 12px;\n padding-left: 12px;\n}\n\n.dropdown-toggle-split::after,\n.dropup .dropdown-toggle-split::after,\n.dropright .dropdown-toggle-split::after {\n margin-left: 0;\n}\n\n.dropleft .dropdown-toggle-split::before {\n margin-right: 0;\n}\n\n.btn-sm + .dropdown-toggle-split, .btn-group-sm > .btn + .dropdown-toggle-split {\n padding-right: 6px;\n padding-left: 6px;\n}\n\n.btn-lg + .dropdown-toggle-split, .btn-group-lg > .btn + .dropdown-toggle-split {\n padding-right: 12px;\n padding-left: 12px;\n}\n\n.btn-group-vertical {\n flex-direction: column;\n align-items: flex-start;\n justify-content: center;\n}\n\n.btn-group-vertical > .btn,\n.btn-group-vertical > .btn-group {\n width: 100%;\n}\n\n.btn-group-vertical > .btn:not(:first-child),\n.btn-group-vertical > .btn-group:not(:first-child) {\n margin-top: -1px;\n}\n\n.btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle),\n.btn-group-vertical > .btn-group:not(:last-child) > .btn {\n border-bottom-right-radius: 0;\n border-bottom-left-radius: 0;\n}\n\n.btn-group-vertical > .btn:not(:first-child),\n.btn-group-vertical > .btn-group:not(:first-child) > .btn {\n border-top-left-radius: 0;\n border-top-right-radius: 0;\n}\n\n.btn-group-toggle > .btn,\n.btn-group-toggle > .btn-group > .btn {\n margin-bottom: 0;\n}\n\n.btn-group-toggle > .btn input[type=\"radio\"],\n.btn-group-toggle > .btn input[type=\"checkbox\"],\n.btn-group-toggle > .btn-group > .btn input[type=\"radio\"],\n.btn-group-toggle > .btn-group > .btn input[type=\"checkbox\"] {\n position: absolute;\n clip: rect(0, 0, 0, 0);\n pointer-events: none;\n}\n\n.btn.btn-link, .btn.btn-link:not(:disabled):not(.disabled):active, .btn-group.show > .btn-link {\n color: #1357ff;\n background-color: transparent;\n border-color: transparent;\n}\n\n.btn.btn-ghost, .btn.btn-icon-only {\n color: #777;\n background-color: transparent;\n border: 1px solid transparent;\n}\n\n.btn.btn-ghost:not(:disabled):not(.disabled):hover, .btn.btn-icon-only:not(:disabled):not(.disabled):hover {\n background-color: #f2f4f7;\n border-color: #f2f4f7;\n}\n\n.btn.btn-ghost:not(:disabled):not(.disabled):focus, .btn.btn-icon-only:not(:disabled):not(.disabled):focus {\n background-color: transparent;\n border-color: #1357ff;\n box-shadow: 0 0 4px 1px #1357ff;\n}\n\n.btn.btn-basic, .btn.btn-secondary {\n color: #777;\n background-color: #fbfbfb;\n border: 1px solid #e2e2e2;\n}\n\n.btn.btn-basic:not(:disabled):not(.disabled):hover, .btn.btn-secondary:not(:disabled):not(.disabled):hover {\n border-color: #005fbf;\n}\n\n.btn.btn-basic:not(:disabled):not(.disabled):focus, .btn.btn-secondary:not(:disabled):not(.disabled):focus {\n border-color: #005fbf;\n box-shadow: 0 0 4px 1px #005fbf;\n}\n\n.btn.btn-ghost:not(:disabled):not(.disabled):focus {\n background-color: transparent;\n border-color: #005fbf;\n box-shadow: 0 0 4px 1px #005fbf;\n}\n\n.btn.btn-link {\n padding: 0;\n}\n\n.btn.btn-link:not(:disabled):not(.disabled):focus {\n text-decoration: none;\n box-shadow: 0 0 4px 1px #1357ff;\n}\n\n.btn.btn-link:disabled, .btn.btn-link.disabled {\n text-decoration: none;\n pointer-events: auto;\n background-color: transparent;\n border: none;\n}\n\n.btn.btn-primary.btn-with-icon .ic::before {\n color: #fff !important;\n}\n\n.btn.btn-primary.btn-icon-only .ic::before {\n color: inherit !important;\n}\n\n.btn.is-loading {\n position: relative;\n min-height: 36px;\n pointer-events: none;\n}\n\n.btn.is-loading::before {\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n z-index: 3;\n content: \"\";\n background-color: inherit;\n border-radius: 4px;\n}\n\n.btn.is-loading::after {\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n z-index: 4;\n display: inline-block;\n width: 18px;\n height: 18px;\n margin: auto;\n content: \"\";\n background: center center no-repeat;\n background-size: cover;\n border: 2px solid #fff;\n border-right-color: transparent;\n border-radius: 50%;\n -webkit-animation: spinner-border .75s linear infinite;\n animation: spinner-border .75s linear infinite;\n}\n\n.btn.is-loading.btn-basic::after, .btn.is-loading.btn-secondary::after {\n border-color: #777;\n border-right-color: transparent;\n}\n\n.btn.is-loading.btn-ghost {\n color: transparent;\n}\n\n.btn.is-loading.btn-ghost::after {\n border-color: #777;\n border-right-color: transparent;\n}\n\n.btn.btn-with-icon .ic,\n.btn.btn-with-icon span {\n vertical-align: top;\n border: none;\n}\n\n.btn.btn-with-icon .ic {\n width: 16px;\n height: 16px;\n padding: 0;\n font-size: 16px;\n color: inherit;\n}\n\n.btn.btn-with-icon .ic.is-left {\n margin-right: 8px;\n}\n\n.btn.btn-with-icon .ic.is-right {\n margin-left: 8px;\n}\n\n.btn.btn-with-icon.btn-sm .ic, .btn-group-sm > .btn.btn-with-icon .ic,\n.btn.btn-with-icon.btn-sm span,\n.btn-group-sm > .btn.btn-with-icon span {\n line-height: 16px;\n vertical-align: baseline;\n border: none;\n}\n\n.btn.btn-with-icon.btn-sm .ic, .btn-group-sm > .btn.btn-with-icon .ic {\n margin-right: 0;\n line-height: 18px;\n}\n\n.btn.btn-with-icon.btn-sm .is-left, .btn-group-sm > .btn.btn-with-icon .is-left {\n margin-right: 0;\n}\n\n.btn.btn-with-icon.btn-sm .is-right, .btn-group-sm > .btn.btn-with-icon .is-right {\n margin-left: 0;\n}\n\n.btn.btn-with-icon.btn-lg .ic, .btn-group-lg > .btn.btn-with-icon .ic,\n.btn.btn-with-icon.btn-lg span,\n.btn-group-lg > .btn.btn-with-icon span {\n vertical-align: top;\n border: none;\n}\n\n.btn.btn-with-icon.btn-lg .ic, .btn-group-lg > .btn.btn-with-icon .ic {\n width: 24px;\n height: 24px;\n padding: 0;\n font-size: 24px;\n}\n\n\n.btn.btn-with-icon.btn-lg span,\n.btn-group-lg > .btn.btn-with-icon span {\n line-height: 24px;\n}\n\n.btn.disabled, .btn:disabled {\n color: #b4b4b4;\n cursor: not-allowed;\n background-color: #f2f4f7;\n border: 1px solid #f2f4f7;\n opacity: 1;\n}\n\n.btn.disabled.btn-ghost, .btn:disabled.btn-ghost {\n background-color: transparent;\n border-color: transparent;\n}\n\n.btn.dropdown-toggle::before {\n margin-right: 16px;\n}\n\n.btn.dropdown-toggle::after {\n margin-left: 16px;\n}\n\n.btn-group .btn:first-child:not(:only-child):not(.dropdown-toggle) {\n padding-right: 8px;\n}\n\n.btn-group .btn:last-child:not(:only-child) {\n padding-left: 8px;\n}\n\n.btn-group .dropdown-toggle-split {\n min-width: 36px;\n padding-right: 8px;\n padding-left: 8px;\n}\n\n.btn-group .dropdown-toggle-split::before {\n margin-right: 0;\n}\n\n.btn-group .dropdown-toggle-split::after {\n margin-left: 0;\n}\n\n.btn-group .dropdown-toggle-split.btn-basic:not(:hover):not(:focus), .btn-group .dropdown-toggle-split.btn-secondary:not(:hover):not(:focus) {\n padding-left: 9px;\n border-left: none;\n}\n\n.btn-group.dropleft .dropdown-toggle-split.btn-basic, .btn-group.dropleft .dropdown-toggle-split.btn-secondary:not(:hover):not(:focus) {\n padding-left: 8px;\n border-left: 1px solid #e2e2e2;\n}\n\n.btn-group.dropleft ~ .btn-basic:not(:hover):not(:focus),\n.btn-group.dropleft ~ .btn-secondary:not(:hover):not(:focus) {\n padding-left: 9px;\n border-left: none;\n}\n\n.btn {\n height: 36px;\n}\n\n.btn.btn-sm, .btn-group-sm > .btn {\n height: 24px;\n}\n\n.btn.btn-lg, .btn-group-lg > .btn {\n height: 40px;\n}\n\n.btn.btn-icon-only {\n width: 36px;\n height: 36px;\n padding: 8px;\n font-size: 18px;\n line-height: 18px;\n}\n\n.btn.btn-icon-only > .ic {\n width: 18px;\n height: 18px;\n padding: 0;\n font-size: 18px;\n}\n/# sourceMappingURL=mekari-ui-button.css.map /","// Gradients\n\n@mixin gradient-bg($color) {\n @if $enable-gradients {\n background: $color linear-gradient(180deg, mix($body-bg, $color, 15%), $color) repeat-x;\n } @else {\n background-color: $color;\n }\n}\n\n// Horizontal gradient, from left to right\n//\n// Creates two color stops, start and end, by specifying a color and position for each color stop.\n@mixin gradient-x($start-color: $gray-700, $end-color: $gray-800, $start-percent: 0%, $end-percent: 100%) {\n background-image: linear-gradient(to right, $start-color $start-percent, $end-color $end-percent);\n background-repeat: repeat-x;\n}\n\n// Vertical gradient, from top to bottom\n//\n// Creates two color stops, start and end, by specifying a color and position for each color stop.\n@mixin gradient-y($start-color: $gray-700, $end-color: $gray-800, $start-percent: 0%, $end-percent: 100%) {\n background-image: linear-gradient(to bottom, $start-color $start-percent, $end-color $end-percent);\n background-repeat: repeat-x;\n}\n\n@mixin gradient-directional($start-color: $gray-700, $end-color: $gray-800, $deg: 45deg) {\n background-image: linear-gradient($deg, $start-color, $end-color);\n background-repeat: repeat-x;\n}\n@mixin gradient-x-three-colors($start-color: $blue, $mid-color: $purple, $color-stop: 50%, $end-color: $red) {\n background-image: linear-gradient(to right, $start-color, $mid-color $color-stop, $end-color);\n background-repeat: no-repeat;\n}\n@mixin gradient-y-three-colors($start-color: $blue, $mid-color: $purple, $color-stop: 50%, $end-color: $red) {\n background-image: linear-gradient($start-color, $mid-color $color-stop, $end-color);\n background-repeat: no-repeat;\n}\n@mixin gradient-radial($inner-color: $gray-700, $outer-color: $gray-800) {\n background-image: radial-gradient(circle, $inner-color, $outer-color);\n background-repeat: no-repeat;\n}\n@mixin gradient-striped($color: rgba($white, .15), $angle: 45deg) {\n background-image: linear-gradient($angle, $color 25%, transparent 25%, transparent 50%, $color 50%, $color 75%, transparent 75%, transparent);\n}\n","// stylelint-disable selector-no-qualifying-type\n\n// Make the div behave like a button\n.#{$prefix}btn-group,\n.#{$prefix}btn-group-vertical {\n position: relative;\n display: inline-flex;\n vertical-align: middle; // match .#{$prefix}btn alignment given font-size hack above\n\n > .#{$prefix}btn {\n position: relative;\n flex: 1 1 auto;\n\n // Bring the hover, focused, and \"active\" buttons to the front to overlay\n // the borders properly\n @include hover {\n z-index: 1;\n }\n &:focus,\n &:active,\n &.active {\n z-index: 1;\n }\n }\n}\n\n// Optional: Group multiple button groups together for a toolbar\n.#{$prefix}btn-toolbar {\n display: flex;\n flex-wrap: wrap;\n justify-content: flex-start;\n\n .input-group {\n width: auto;\n }\n}\n\n.#{$prefix}btn-group {\n // Prevent double borders when buttons are next to each other\n > .#{$prefix}btn:not(:first-child),\n > .#{$prefix}btn-group:not(:first-child) {\n margin-left: -$btn-border-width;\n }\n\n // Reset rounded corners\n > .#{$prefix}btn:not(:last-child):not(.dropdown-toggle),\n > .#{$prefix}btn-group:not(:last-child) > .#{$prefix}btn {\n @include border-right-radius(0);\n }\n\n > .#{$prefix}btn:not(:first-child),\n > .#{$prefix}btn-group:not(:first-child) > .#{$prefix}btn {\n @include border-left-radius(0);\n }\n}\n\n// Sizing\n//\n// Remix the default button sizing classes into new ones for easier manipulation.\n\n.#{$prefix}btn-group-sm > .#{$prefix}btn { @extend .#{$prefix}btn-sm; }\n.#{$prefix}btn-group-lg > .#{$prefix}btn { @extend .#{$prefix}btn-lg; }\n\n\n//\n// Split button dropdowns\n//\n\n.#{$prefix}dropdown-toggle-split {\n padding-right: $btn-padding-x * .75;\n padding-left: $btn-padding-x * .75;\n\n &::after,\n .#{$prefix}dropup &::after,\n .#{$prefix}dropright &::after {\n margin-left: 0;\n }\n\n .#{$prefix}dropleft &::before {\n margin-right: 0;\n }\n}\n\n.#{$prefix}btn-sm + .#{$prefix}dropdown-toggle-split {\n padding-right: $btn-padding-x-sm * .75;\n padding-left: $btn-padding-x-sm * .75;\n}\n\n.#{$prefix}btn-lg + .#{$prefix}dropdown-toggle-split {\n padding-right: $btn-padding-x-lg * .75;\n padding-left: $btn-padding-x-lg * .75;\n}\n\n\n// The clickable button for toggling the menu\n// Set the same inset shadow as the :active state\n.#{$prefix}btn-group.#{$prefix}show .#{$prefix}dropdown-toggle {\n @include box-shadow($btn-active-box-shadow);\n\n // Show no shadow for `.#{$prefix}btn-link` since it has no other button styles.\n &.#{$prefix}btn-link {\n @include box-shadow(none);\n }\n}\n\n\n//\n// Vertical button groups\n//\n\n.#{$prefix}btn-group-vertical {\n flex-direction: column;\n align-items: flex-start;\n justify-content: center;\n\n > .#{$prefix}btn,\n > .#{$prefix}btn-group {\n width: 100%;\n }\n\n > .#{$prefix}btn:not(:first-child),\n > .#{$prefix}btn-group:not(:first-child) {\n margin-top: -$btn-border-width;\n }\n\n // Reset rounded corners\n > .#{$prefix}btn:not(:last-child):not(.dropdown-toggle),\n > .#{$prefix}btn-group:not(:last-child) > .#{$prefix}btn {\n @include border-bottom-radius(0);\n }\n\n > .#{$prefix}btn:not(:first-child),\n > .#{$prefix}btn-group:not(:first-child) > .#{$prefix}btn {\n @include border-top-radius(0);\n }\n}\n\n\n// Checkbox and radio options\n//\n// In order to support the browser's form validation feedback, powered by the\n// `required` attribute, we have to \"hide\" the inputs via `clip`. We cannot use\n// `display: none;` or `visibility: hidden;` as that also hides the popover.\n// Simply visually hiding the inputs via `opacity` would leave them clickable in\n// certain cases which is prevented by using `clip` and `pointer-events`.\n// This way, we ensure a DOM element is visible to position the popover from.\n//\n// See https://github.com/twbs/bootstrap/pull/12794 and\n// https://github.com/twbs/bootstrap/pull/14559 for more information.\n\n.#{$prefix}btn-group-toggle {\n > .#{$prefix}btn,\n > .#{$prefix}btn-group > .#{$prefix}btn {\n margin-bottom: 0; // Override default `<label>` value\n\n input[type=\"radio\"],\n input[type=\"checkbox\"] {\n position: absolute;\n clip: rect(0, 0, 0, 0);\n pointer-events: none;\n }\n }\n}\n","// Button related variable\n%btn-link-active {\n color: $blue;\n background-color: transparent;\n border-color: transparent;\n}\n\n%btn-ghost {\n color: $secondary;\n background-color: transparent;\n border: 1px solid transparent;\n &:not(:disabled):not(.disabled):hover {\n background-color: $cloud;\n border-color: $cloud;\n }\n &:not(:disabled):not(.disabled):focus {\n background-color: transparent;\n border-color: $blue;\n box-shadow: 0 0 4px 1px $blue;\n }\n}\n\n$btn-secondary-border-color: $smoke;\n// End of button related variable\n\n.#{$prefix}btn {\n &.#{$prefix}btn-basic,\n &.#{$prefix}btn-secondary {\n color: $secondary;\n background-color: $light;\n border: 1px solid $btn-secondary-border-color;\n &:not(:disabled):not(.disabled):hover {\n border-color: $sapphire;\n }\n &:not(:disabled):not(.disabled):focus {\n border-color: $sapphire;\n box-shadow: 0 0 4px 1px $sapphire;\n }\n }\n\n &.#{$prefix}btn-ghost {\n @extend %btn-ghost;\n &:not(:disabled):not(.disabled):focus {\n background-color: transparent;\n border-color: $primary;\n box-shadow: 0 0 4px 1px $primary;\n }\n }\n\n &.#{$prefix}btn-link {\n padding: 0;\n @extend %btn-link-active;\n &:not(:disabled):not(.disabled):active {\n @extend %btn-link-active;\n }\n &:not(:disabled):not(.disabled):focus {\n text-decoration: none;\n box-shadow: 0 0 4px 1px $blue;\n }\n &:disabled,\n &.disabled {\n text-decoration: none;\n pointer-events: auto;\n background-color: transparent;\n border: none;\n }\n }\n\n &.#{$prefix}btn-primary {\n &.#{$prefix}btn-with-icon {\n .ic {\n &::before {\n // stylelint-disable-next-line declaration-no-important\n color: $white !important;\n }\n }\n }\n\n &.#{$prefix}btn-icon-only {\n .ic {\n &::before {\n // stylelint-disable-next-line declaration-no-important\n color: inherit !important;\n }\n }\n }\n }\n\n &.#{$prefix}is-loading {\n position: relative;\n min-height: 36px;\n pointer-events: none;\n &::before {\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n z-index: 3;\n content: \"\";\n background-color: inherit;\n // stylelint-disable-next-line property-blacklist\n border-radius: 4px;\n }\n &::after {\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n z-index: 4;\n display: inline-block;\n width: 18px;\n height: 18px;\n margin: auto;\n content: \"\";\n background: center center no-repeat;\n background-size: cover;\n border: 2px solid $white;\n border-right-color: transparent;\n // stylelint-disable-next-line property-blacklist\n border-radius: 50%;\n animation: spinner-border .75s linear infinite;\n }\n\n &.#{$prefix}btn-basic,\n &.#{$prefix}btn-secondary {\n &::after {\n border-color: $secondary;\n border-right-color: transparent;\n }\n }\n &.#{$prefix}btn-ghost {\n color: transparent;\n &::after {\n border-color: $secondary;\n border-right-color: transparent;\n }\n }\n }\n\n &.#{$prefix}btn-with-icon {\n .ic,\n span {\n vertical-align: top;\n border: none;\n }\n .ic {\n width: 16px;\n height: 16px;\n padding: 0;\n font-size: 16px;\n color: inherit;\n &.is-left {\n margin-right: 8px;\n }\n &.is-right {\n margin-left: 8px;\n }\n }\n &.#{$prefix}btn-sm {\n .ic,\n span {\n line-height: 16px;\n vertical-align: baseline;\n border: none;\n }\n .ic {\n margin-right: 0;\n line-height: 18px;\n }\n .is-left {\n margin-right: 0;\n }\n .is-right {\n margin-left: 0;\n }\n }\n &.#{$prefix}btn-lg {\n .ic,\n span {\n vertical-align: top;\n border: none;\n }\n .ic {\n width: 24px;\n height: 24px;\n padding: 0;\n font-size: 24px;\n }\n span {\n line-height: 24px;\n }\n }\n }\n\n &.disabled,\n &:disabled {\n color: $text-muted;\n cursor: not-allowed;\n background-color: $cloud;\n border: 1px solid $cloud;\n opacity: 1;\n &.#{$prefix}btn-ghost {\n background-color: transparent;\n border-color: transparent;\n }\n }\n\n // Caret\n &.#{$prefix}dropdown-toggle {\n &::before {\n margin-right: 16px;\n }\n &::after {\n margin-left: 16px;\n }\n }\n\n // Button group\n &-group {\n .#{$prefix}btn:first-child:not(:only-child):not(.#{$prefix}dropdown-toggle) {\n padding-right: 8px;\n }\n\n .#{$prefix}btn:last-child:not(:only-child) {\n padding-left: 8px;\n }\n\n // Caret\n .#{$prefix}dropdown-toggle-split {\n min-width: 36px;\n padding-right: 8px;\n padding-left: 8px;\n &::before {\n margin-right: 0;\n }\n &::after {\n margin-left: 0;\n }\n\n // Button secondary\n &.#{$prefix}btn-basic:not(:hover):not(:focus),\n &.#{$prefix}btn-secondary:not(:hover):not(:focus) {\n padding-left: 9px;\n border-left: none;\n }\n }\n\n // Button secondary\n &.#{$prefix}dropleft {\n .#{$prefix}dropdown-toggle-split {\n &.#{$prefix}btn-basic,\n &.#{$prefix}btn-secondary:not(:hover):not(:focus) {\n padding-left: 8px;\n border-left: 1px solid $btn-secondary-border-color;\n }\n }\n\n ~ .#{$prefix}btn-basic:not(:hover):not(:focus),\n ~ .#{$prefix}btn-secondary:not(:hover):not(:focus) {\n padding-left: 9px;\n border-left: none;\n }\n }\n\n // Button link active\n &.#{$prefix}show {\n > .#{$prefix}btn-link {\n @extend %btn-link-active;\n }\n }\n }\n}\n\n.btn {\n height: 36px;\n &.btn-sm {\n height: 24px;\n }\n &.btn-lg {\n height: 40px;\n }\n &.#{$prefix}btn-icon-only {\n width: 36px;\n height: 36px;\n padding: 8px;\n font-size: 18px;\n line-height: 18px;\n @extend %btn-ghost;\n\n > .ic {\n width: 18px;\n height: 18px;\n padding: 0;\n font-size: 18px;\n }\n }\n}\n"]}
1	+ {"version":3,"sources":["../../../scss/vendors/_spinners.scss","../../../scss/vendors/_buttons.scss","../../../scss/vendors/mixins/_buttons.scss","../../../scss/vendors/_rfs.scss","../../../scss/vendors/mixins/_border-radius.scss","../../../scss/vendors/mixins/_transition.scss","../../../scss/vendors/mixins/_hover.scss","dist/css/components/mekari-ui-button.css","../../../scss/vendors/mixins/_gradients.scss","../../../scss/vendors/_button-group.scss","../../../scss/components/config/_button.scss"],"names":[],"mappings":"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","sourcesContent":["//\n// Rotating border\n//\n\n@keyframes spinner-border {\n to { transform: rotate(360deg); }\n}\n\n.#{$prefix}spinner-border {\n display: inline-block;\n width: $spinner-width;\n height: $spinner-height;\n vertical-align: text-bottom;\n border: $spinner-border-width solid currentColor;\n border-right-color: transparent;\n // stylelint-disable-next-line property-blacklist\n border-radius: 50%;\n animation: spinner-border .75s linear infinite;\n}\n\n.#{$prefix}spinner-border-sm {\n width: $spinner-width-sm;\n height: $spinner-height-sm;\n border-width: $spinner-border-width-sm;\n}\n\n//\n// Growing circle\n//\n\n@keyframes spinner-grow {\n 0% {\n transform: scale(0);\n }\n 50% {\n opacity: 1;\n }\n}\n\n.#{$prefix}spinner-grow {\n display: inline-block;\n width: $spinner-width;\n height: $spinner-height;\n vertical-align: text-bottom;\n background-color: currentColor;\n // stylelint-disable-next-line property-blacklist\n border-radius: 50%;\n opacity: 0;\n animation: spinner-grow .75s linear infinite;\n}\n\n.#{$prefix}spinner-grow-sm {\n width: $spinner-width-sm;\n height: $spinner-height-sm;\n}\n","// stylelint-disable selector-no-qualifying-type\n\n//\n// Base styles\n//\n\n.#{$prefix}btn {\n display: inline-block;\n font-family: $btn-font-family;\n font-weight: $btn-font-weight;\n color: $body-color;\n text-align: center;\n vertical-align: middle;\n user-select: none;\n background-color: transparent;\n border: $btn-border-width solid transparent;\n @include button-size($btn-padding-y, $btn-padding-x, $btn-font-size, $btn-line-height, $btn-border-radius);\n @include transition($btn-transition);\n\n @include hover {\n color: $body-color;\n text-decoration: none;\n }\n\n &:focus,\n &.focus {\n outline: 0;\n box-shadow: $btn-focus-box-shadow;\n }\n\n // Disabled comes first so active can properly restyle\n &.disabled,\n &:disabled {\n opacity: $btn-disabled-opacity;\n @include box-shadow(none);\n }\n\n &:not(:disabled):not(.disabled):active,\n &:not(:disabled):not(.disabled).active {\n @include box-shadow($btn-active-box-shadow);\n\n &:focus {\n @include box-shadow($btn-focus-box-shadow, $btn-active-box-shadow);\n }\n }\n}\n\n// Future-proof disabling of clicks on `<a>` elements\na.#{$prefix}btn.disabled,\nfieldset:disabled a.#{$prefix}btn {\n pointer-events: none;\n}\n\n\n//\n// Alternate buttons\n//\n\n@each $color, $value in $theme-colors {\n .#{$prefix}btn-#{$color} {\n @include button-variant($value, $value);\n }\n}\n\n@each $color, $value in $theme-colors {\n .#{$prefix}btn-outline-#{$color} {\n @include button-outline-variant($value);\n }\n}\n\n\n//\n// Link buttons\n//\n\n// Make a button look and behave like a link\n.#{$prefix}btn-link {\n font-weight: $font-weight-normal;\n color: $link-color;\n text-decoration: $link-decoration;\n\n @include hover {\n color: $link-hover-color;\n text-decoration: $link-hover-decoration;\n }\n\n &:focus,\n &.focus {\n text-decoration: $link-hover-decoration;\n box-shadow: none;\n }\n\n &:disabled,\n &.disabled {\n color: $btn-link-disabled-color;\n pointer-events: none;\n }\n\n // No need for an active state here\n}\n\n\n//\n// Button Sizes\n//\n\n.#{$prefix}btn-lg {\n @include button-size($btn-padding-y-lg, $btn-padding-x-lg, $btn-font-size-lg, $btn-line-height-lg, $btn-border-radius-lg);\n}\n\n.#{$prefix}btn-sm {\n @include button-size($btn-padding-y-sm, $btn-padding-x-sm, $btn-font-size-sm, $btn-line-height-sm, $btn-border-radius-sm);\n}\n\n\n//\n// Block button\n//\n\n.#{$prefix}btn-block {\n display: block;\n width: 100%;\n\n // Vertically space out multiple block buttons\n + .#{$prefix}btn-block {\n margin-top: $btn-block-spacing-y;\n }\n}\n\n// Specificity overrides\ninput[type=\"submit\"],\ninput[type=\"reset\"],\ninput[type=\"button\"] {\n &.#{$prefix}btn-block {\n width: 100%;\n }\n}\n","// Button variants\n//\n// Easily pump out default styles, as well as :hover, :focus, :active,\n// and disabled options for all buttons\n\n@mixin button-variant($background, $border, $hover-background: darken($background, 7.5%), $hover-border: darken($border, 10%), $active-background: darken($background, 10%), $active-border: darken($border, 12.5%)) {\n color: color-yiq($background);\n @include gradient-bg($background);\n border-color: $border;\n @include box-shadow($btn-box-shadow);\n\n @include hover {\n color: color-yiq($hover-background);\n @include gradient-bg($hover-background);\n border-color: $hover-border;\n }\n\n &:focus,\n &.focus {\n // Avoid using mixin so we can pass custom focus shadow properly\n @if $enable-shadows {\n box-shadow: $btn-box-shadow, 0 0 0 $btn-focus-width rgba(mix(color-yiq($background), $border, 15%), .5);\n } @else {\n box-shadow: 0 0 0 $btn-focus-width rgba(mix(color-yiq($background), $border, 15%), .5);\n }\n }\n\n // Disabled comes first so active can properly restyle\n &.disabled,\n &:disabled {\n color: color-yiq($background);\n background-color: $background;\n border-color: $border;\n // Remove CSS gradients if they're enabled\n @if $enable-gradients {\n background-image: none;\n }\n }\n\n &:not(:disabled):not(.disabled):active,\n &:not(:disabled):not(.disabled).active,\n .#{$prefix}show > &.dropdown-toggle {\n color: color-yiq($active-background);\n background-color: $active-background;\n @if $enable-gradients {\n background-image: none; // Remove the gradient for the pressed/active state\n }\n border-color: $active-border;\n\n &:focus {\n // Avoid using mixin so we can pass custom focus shadow properly\n @if $enable-shadows and $btn-active-box-shadow != none {\n box-shadow: $btn-active-box-shadow, 0 0 0 $btn-focus-width rgba(mix(color-yiq($background), $border, 15%), .5);\n } @else {\n box-shadow: 0 0 0 $btn-focus-width rgba(mix(color-yiq($background), $border, 15%), .5);\n }\n }\n }\n}\n\n@mixin button-outline-variant($color, $color-hover: color-yiq($color), $active-background: $color, $active-border: $color) {\n color: $color;\n border-color: $color;\n\n @include hover {\n color: $color-hover;\n background-color: $active-background;\n border-color: $active-border;\n }\n\n &:focus,\n &.focus {\n box-shadow: 0 0 0 $btn-focus-width rgba($color, .5);\n }\n\n &.disabled,\n &:disabled {\n color: $color;\n background-color: transparent;\n }\n\n &:not(:disabled):not(.disabled):active,\n &:not(:disabled):not(.disabled).active,\n .#{$prefix}show > &.dropdown-toggle {\n color: color-yiq($active-background);\n background-color: $active-background;\n border-color: $active-border;\n\n &:focus {\n // Avoid using mixin so we can pass custom focus shadow properly\n @if $enable-shadows and $btn-active-box-shadow != none {\n box-shadow: $btn-active-box-shadow, 0 0 0 $btn-focus-width rgba($color, .5);\n } @else {\n box-shadow: 0 0 0 $btn-focus-width rgba($color, .5);\n }\n }\n }\n}\n\n// Button sizes\n@mixin button-size($padding-y, $padding-x, $font-size, $line-height, $border-radius) {\n padding: $padding-y $padding-x;\n @include font-size($font-size);\n line-height: $line-height;\n // Manually declare to provide an override to the browser default\n @include border-radius($border-radius, 0);\n}\n","// stylelint-disable property-blacklist, scss/dollar-variable-default\n\n// SCSS RFS mixin\n//\n// Automated font-resizing\n//\n// See https://github.com/twbs/rfs\n\n// Configuration\n\n// Base font size\n$rfs-base-font-size: 1.25rem !default;\n$rfs-font-size-unit: rem !default;\n\n// Breakpoint at where font-size starts decreasing if screen width is smaller\n$rfs-breakpoint: 1200px !default;\n$rfs-breakpoint-unit: px !default;\n\n// Resize font-size based on screen height and width\n$rfs-two-dimensional: false !default;\n\n// Factor of decrease\n$rfs-factor: 10 !default;\n\n@if type-of($rfs-factor) != \"number\" or $rfs-factor <= 1 {\n @error \"`#{$rfs-factor}` is not a valid $rfs-factor, it must be greater than 1.\";\n}\n\n// Generate enable or disable classes. Possibilities: false, \"enable\" or \"disable\"\n$rfs-class: false !default;\n\n// 1 rem = $rfs-rem-value px\n$rfs-rem-value: 16 !default;\n\n// Safari iframe resize bug: https://github.com/twbs/rfs/issues/14\n$rfs-safari-iframe-resize-bug-fix: false !default;\n\n// Disable RFS by setting $enable-responsive-font-sizes to false\n$enable-responsive-font-sizes: true !default;\n\n// Cache $rfs-base-font-size unit\n$rfs-base-font-size-unit: unit($rfs-base-font-size);\n\n// Remove px-unit from $rfs-base-font-size for calculations\n@if $rfs-base-font-size-unit == \"px\" {\n $rfs-base-font-size: $rfs-base-font-size / ($rfs-base-font-size * 0 + 1);\n}\n@else if $rfs-base-font-size-unit == \"rem\" {\n $rfs-base-font-size: $rfs-base-font-size / ($rfs-base-font-size * 0 + 1 / $rfs-rem-value);\n}\n\n// Cache $rfs-breakpoint unit to prevent multiple calls\n$rfs-breakpoint-unit-cache: unit($rfs-breakpoint);\n\n// Remove unit from $rfs-breakpoint for calculations\n@if $rfs-breakpoint-unit-cache == \"px\" {\n $rfs-breakpoint: $rfs-breakpoint / ($rfs-breakpoint * 0 + 1);\n}\n@else if $rfs-breakpoint-unit-cache == \"rem\" or $rfs-breakpoint-unit-cache == \"em\" {\n $rfs-breakpoint: $rfs-breakpoint / ($rfs-breakpoint * 0 + 1 / $rfs-rem-value);\n}\n\n// Responsive font-size mixin\n@mixin rfs($fs, $important: false) {\n // Cache $fs unit\n $fs-unit: if(type-of($fs) == \"number\", unit($fs), false);\n\n // Add !important suffix if needed\n $rfs-suffix: if($important, \" !important\", \"\");\n\n // If $fs isn't a number (like inherit) or $fs has a unit (not px or rem, like 1.5em) or $ is 0, just print the value\n @if not $fs-unit or $fs-unit != \"\" and $fs-unit != \"px\" and $fs-unit != \"rem\" or $fs == 0 {\n font-size: #{$fs}#{$rfs-suffix};\n }\n @else {\n // Variables for storing static and fluid rescaling\n $rfs-static: null;\n $rfs-fluid: null;\n\n // Remove px-unit from $fs for calculations\n @if $fs-unit == \"px\" {\n $fs: $fs / ($fs * 0 + 1);\n }\n @else if $fs-unit == \"rem\" {\n $fs: $fs / ($fs * 0 + 1 / $rfs-rem-value);\n }\n\n // Set default font-size\n @if $rfs-font-size-unit == rem {\n $rfs-static: #{$fs / $rfs-rem-value}rem#{$rfs-suffix};\n }\n @else if $rfs-font-size-unit == px {\n $rfs-static: #{$fs}px#{$rfs-suffix};\n }\n @else {\n @error \"`#{$rfs-font-size-unit}` is not a valid unit for $rfs-font-size-unit. Use `px` or `rem`.\";\n }\n\n // Only add media query if font-size is bigger as the minimum font-size\n // If $rfs-factor == 1, no rescaling will take place\n @if $fs > $rfs-base-font-size and $enable-responsive-font-sizes {\n $min-width: null;\n $variable-unit: null;\n\n // Calculate minimum font-size for given font-size\n $fs-min: $rfs-base-font-size + ($fs - $rfs-base-font-size) / $rfs-factor;\n\n // Calculate difference between given font-size and minimum font-size for given font-size\n $fs-diff: $fs - $fs-min;\n\n // Base font-size formatting\n // No need to check if the unit is valid, because we did that before\n $min-width: if($rfs-font-size-unit == rem, #{$fs-min / $rfs-rem-value}rem, #{$fs-min}px);\n\n // If two-dimensional, use smallest of screen width and height\n $variable-unit: if($rfs-two-dimensional, vmin, vw);\n\n // Calculate the variable width between 0 and $rfs-breakpoint\n $variable-width: #{$fs-diff * 100 / $rfs-breakpoint}#{$variable-unit};\n\n // Set the calculated font-size.\n $rfs-fluid: calc(#{$min-width} + #{$variable-width}) #{$rfs-suffix};\n }\n\n // Rendering\n @if $rfs-fluid == null {\n // Only render static font-size if no fluid font-size is available\n font-size: $rfs-static;\n }\n @else {\n $mq-value: null;\n\n // RFS breakpoint formatting\n @if $rfs-breakpoint-unit == em or $rfs-breakpoint-unit == rem {\n $mq-value: #{$rfs-breakpoint / $rfs-rem-value}#{$rfs-breakpoint-unit};\n }\n @else if $rfs-breakpoint-unit == px {\n $mq-value: #{$rfs-breakpoint}px;\n }\n @else {\n @error \"`#{$rfs-breakpoint-unit}` is not a valid unit for $rfs-breakpoint-unit. Use `px`, `em` or `rem`.\";\n }\n\n @if $rfs-class == \"disable\" {\n // Adding an extra class increases specificity,\n // which prevents the media query to override the font size\n &,\n .disable-responsive-font-size &,\n &.disable-responsive-font-size {\n font-size: $rfs-static;\n }\n }\n @else {\n font-size: $rfs-static;\n }\n\n @if $rfs-two-dimensional {\n @media (max-width: #{$mq-value}), (max-height: #{$mq-value}) {\n @if $rfs-class == \"enable\" {\n .enable-responsive-font-size &,\n &.enable-responsive-font-size {\n font-size: $rfs-fluid;\n }\n }\n @else {\n font-size: $rfs-fluid;\n }\n\n @if $rfs-safari-iframe-resize-bug-fix {\n // stylelint-disable-next-line length-zero-no-unit\n min-width: 0vw;\n }\n }\n }\n @else {\n @media (max-width: #{$mq-value}) {\n @if $rfs-class == \"enable\" {\n .enable-responsive-font-size &,\n &.enable-responsive-font-size {\n font-size: $rfs-fluid;\n }\n }\n @else {\n font-size: $rfs-fluid;\n }\n\n @if $rfs-safari-iframe-resize-bug-fix {\n // stylelint-disable-next-line length-zero-no-unit\n min-width: 0vw;\n }\n }\n }\n }\n }\n}\n\n// The font-size & responsive-font-size mixin uses RFS to rescale font sizes\n@mixin font-size($fs, $important: false) {\n @include rfs($fs, $important);\n}\n\n@mixin responsive-font-size($fs, $important: false) {\n @include rfs($fs, $important);\n}\n","// stylelint-disable property-blacklist\n// Single side border-radius\n\n@mixin border-radius($radius: $border-radius, $fallback-border-radius: false) {\n @if $enable-rounded {\n border-radius: $radius;\n }\n @else if $fallback-border-radius != false {\n border-radius: $fallback-border-radius;\n }\n}\n\n@mixin border-top-radius($radius) {\n @if $enable-rounded {\n border-top-left-radius: $radius;\n border-top-right-radius: $radius;\n }\n}\n\n@mixin border-right-radius($radius) {\n @if $enable-rounded {\n border-top-right-radius: $radius;\n border-bottom-right-radius: $radius;\n }\n}\n\n@mixin border-bottom-radius($radius) {\n @if $enable-rounded {\n border-bottom-right-radius: $radius;\n border-bottom-left-radius: $radius;\n }\n}\n\n@mixin border-left-radius($radius) {\n @if $enable-rounded {\n border-top-left-radius: $radius;\n border-bottom-left-radius: $radius;\n }\n}\n\n@mixin border-top-left-radius($radius) {\n @if $enable-rounded {\n border-top-left-radius: $radius;\n }\n}\n\n@mixin border-top-right-radius($radius) {\n @if $enable-rounded {\n border-top-right-radius: $radius;\n }\n}\n\n@mixin border-bottom-right-radius($radius) {\n @if $enable-rounded {\n border-bottom-right-radius: $radius;\n }\n}\n\n@mixin border-bottom-left-radius($radius) {\n @if $enable-rounded {\n border-bottom-left-radius: $radius;\n }\n}\n","// stylelint-disable property-blacklist\n@mixin transition($transition...) {\n @if $enable-transitions {\n @if length($transition) == 0 {\n transition: $transition-base;\n } @else {\n transition: $transition;\n }\n }\n\n @if $enable-prefers-reduced-motion-media-query {\n @media (prefers-reduced-motion: reduce) {\n transition: none;\n }\n }\n}\n","// Hover mixin and `$enable-hover-media-query` are deprecated.\n//\n// Originally added during our alphas and maintained during betas, this mixin was\n// designed to prevent `:hover` stickiness on iOS-an issue where hover styles\n// would persist after initial touch.\n//\n// For backward compatibility, we've kept these mixins and updated them to\n// always return their regular pseudo-classes instead of a shimmed media query.\n//\n// Issue: https://github.com/twbs/bootstrap/issues/25195\n\n@mixin hover {\n &:hover { @content; }\n}\n\n@mixin hover-focus {\n &:hover,\n &:focus {\n @content;\n }\n}\n\n@mixin plain-hover-focus {\n &,\n &:hover,\n &:focus {\n @content;\n }\n}\n\n@mixin hover-focus-active {\n &:hover,\n &:focus,\n &:active {\n @content;\n }\n}\n","@-webkit-keyframes spinner-border {\n to {\n transform: rotate(360deg);\n }\n}\n\n@keyframes spinner-border {\n to {\n transform: rotate(360deg);\n }\n}\n\n.spinner-border {\n display: inline-block;\n width: 2rem;\n height: 2rem;\n vertical-align: text-bottom;\n border: 0.25em solid currentColor;\n border-right-color: transparent;\n border-radius: 50%;\n -webkit-animation: spinner-border .75s linear infinite;\n animation: spinner-border .75s linear infinite;\n}\n\n.spinner-border-sm {\n width: 1rem;\n height: 1rem;\n border-width: 0.2em;\n}\n\n@-webkit-keyframes spinner-grow {\n 0% {\n transform: scale(0);\n }\n 50% {\n opacity: 1;\n }\n}\n\n@keyframes spinner-grow {\n 0% {\n transform: scale(0);\n }\n 50% {\n opacity: 1;\n }\n}\n\n.spinner-grow {\n display: inline-block;\n width: 2rem;\n height: 2rem;\n vertical-align: text-bottom;\n background-color: currentColor;\n border-radius: 50%;\n opacity: 0;\n -webkit-animation: spinner-grow .75s linear infinite;\n animation: spinner-grow .75s linear infinite;\n}\n\n.spinner-grow-sm {\n width: 1rem;\n height: 1rem;\n}\n\n.btn {\n display: inline-block;\n font-family: \"Roboto\", \"Oxygen\", \"Ubuntu\", \"Fira Sans\", \"Droid Sans\", \"Helvetica Neue\", sans-serif;\n font-weight: 400;\n color: #212121;\n text-align: center;\n vertical-align: middle;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n background-color: transparent;\n border: 1px solid transparent;\n padding: 8px 16px;\n font-size: 0.875rem;\n line-height: 20px;\n border-radius: 4px;\n transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;\n}\n\n@media (prefers-reduced-motion: reduce) {\n .btn {\n transition: none;\n }\n}\n\n.btn:hover {\n color: #212121;\n text-decoration: none;\n}\n\n.btn:focus, .btn.focus {\n outline: 0;\n box-shadow: 0 0 4px 1px #1357ff;\n}\n\n.btn.disabled, .btn:disabled {\n opacity: 0.65;\n}\n\na.btn.disabled,\nfieldset:disabled a.btn {\n pointer-events: none;\n}\n\n.btn-danger {\n color: #fff;\n background-color: #d74022;\n border-color: #d74022;\n}\n\n.btn-danger:hover {\n color: #fff;\n background-color: #b6361d;\n border-color: #ab331b;\n}\n\n.btn-danger:focus, .btn-danger.focus {\n box-shadow: 0 0 0 0.2rem rgba(221, 93, 67, 0.5);\n}\n\n.btn-danger.disabled, .btn-danger:disabled {\n color: #fff;\n background-color: #d74022;\n border-color: #d74022;\n}\n\n.btn-danger:not(:disabled):not(.disabled):active, .btn-danger:not(:disabled):not(.disabled).active,\n.show > .btn-danger.dropdown-toggle {\n color: #fff;\n background-color: #ab331b;\n border-color: #a03019;\n}\n\n.btn-danger:not(:disabled):not(.disabled):active:focus, .btn-danger:not(:disabled):not(.disabled).active:focus,\n.show > .btn-danger.dropdown-toggle:focus {\n box-shadow: 0 0 0 0.2rem rgba(221, 93, 67, 0.5);\n}\n\n.btn-success {\n color: #fff;\n background-color: #009f61;\n border-color: #009f61;\n}\n\n.btn-success:hover {\n color: #fff;\n background-color: #00794a;\n border-color: #006c42;\n}\n\n.btn-success:focus, .btn-success.focus {\n box-shadow: 0 0 0 0.2rem rgba(38, 173, 121, 0.5);\n}\n\n.btn-success.disabled, .btn-success:disabled {\n color: #fff;\n background-color: #009f61;\n border-color: #009f61;\n}\n\n.btn-success:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled).active,\n.show > .btn-success.dropdown-toggle {\n color: #fff;\n background-color: #006c42;\n border-color: #005f3a;\n}\n\n.btn-success:not(:disabled):not(.disabled):active:focus, .btn-success:not(:disabled):not(.disabled).active:focus,\n.show > .btn-success.dropdown-toggle:focus {\n box-shadow: 0 0 0 0.2rem rgba(38, 173, 121, 0.5);\n}\n\n.btn-info {\n color: #212529;\n background-color: #ffeb99;\n border-color: #ffeb99;\n}\n\n.btn-info:hover {\n color: #212529;\n background-color: #ffe473;\n border-color: #ffe166;\n}\n\n.btn-info:focus, .btn-info.focus {\n box-shadow: 0 0 0 0.2rem rgba(222, 205, 136, 0.5);\n}\n\n.btn-info.disabled, .btn-info:disabled {\n color: #212529;\n background-color: #ffeb99;\n border-color: #ffeb99;\n}\n\n.btn-info:not(:disabled):not(.disabled):active, .btn-info:not(:disabled):not(.disabled).active,\n.show > .btn-info.dropdown-toggle {\n color: #212529;\n background-color: #ffe166;\n border-color: #ffdf59;\n}\n\n.btn-info:not(:disabled):not(.disabled):active:focus, .btn-info:not(:disabled):not(.disabled).active:focus,\n.show > .btn-info.dropdown-toggle:focus {\n box-shadow: 0 0 0 0.2rem rgba(222, 205, 136, 0.5);\n}\n\n.btn-warning {\n color: #212529;\n background-color: #ffb700;\n border-color: #ffb700;\n}\n\n.btn-warning:hover {\n color: #212529;\n background-color: #d99c00;\n border-color: #cc9200;\n}\n\n.btn-warning:focus, .btn-warning.focus {\n box-shadow: 0 0 0 0.2rem rgba(222, 161, 6, 0.5);\n}\n\n.btn-warning.disabled, .btn-warning:disabled {\n color: #212529;\n background-color: #ffb700;\n border-color: #ffb700;\n}\n\n.btn-warning:not(:disabled):not(.disabled):active, .btn-warning:not(:disabled):not(.disabled).active,\n.show > .btn-warning.dropdown-toggle {\n color: #fff;\n background-color: #cc9200;\n border-color: #bf8900;\n}\n\n.btn-warning:not(:disabled):not(.disabled):active:focus, .btn-warning:not(:disabled):not(.disabled).active:focus,\n.show > .btn-warning.dropdown-toggle:focus {\n box-shadow: 0 0 0 0.2rem rgba(222, 161, 6, 0.5);\n}\n\n.btn-primary {\n color: #fff;\n background-color: #005fbf;\n border-color: #005fbf;\n}\n\n.btn-primary:hover {\n color: #fff;\n background-color: #004c99;\n border-color: #00468c;\n}\n\n.btn-primary:focus, .btn-primary.focus {\n box-shadow: 0 0 0 0.2rem rgba(38, 119, 201, 0.5);\n}\n\n.btn-primary.disabled, .btn-primary:disabled {\n color: #fff;\n background-color: #005fbf;\n border-color: #005fbf;\n}\n\n.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active,\n.show > .btn-primary.dropdown-toggle {\n color: #fff;\n background-color: #00468c;\n border-color: #003f7f;\n}\n\n.btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus,\n.show > .btn-primary.dropdown-toggle:focus {\n box-shadow: 0 0 0 0.2rem rgba(38, 119, 201, 0.5);\n}\n\n.btn-jurnal {\n color: #fff;\n background-color: #009bde;\n border-color: #009bde;\n}\n\n.btn-jurnal:hover {\n color: #fff;\n background-color: #0080b8;\n border-color: #0077ab;\n}\n\n.btn-jurnal:focus, .btn-jurnal.focus {\n box-shadow: 0 0 0 0.2rem rgba(38, 170, 227, 0.5);\n}\n\n.btn-jurnal.disabled, .btn-jurnal:disabled {\n color: #fff;\n background-color: #009bde;\n border-color: #009bde;\n}\n\n.btn-jurnal:not(:disabled):not(.disabled):active, .btn-jurnal:not(:disabled):not(.disabled).active,\n.show > .btn-jurnal.dropdown-toggle {\n color: #fff;\n background-color: #0077ab;\n border-color: #006e9e;\n}\n\n.btn-jurnal:not(:disabled):not(.disabled):active:focus, .btn-jurnal:not(:disabled):not(.disabled).active:focus,\n.show > .btn-jurnal.dropdown-toggle:focus {\n box-shadow: 0 0 0 0.2rem rgba(38, 170, 227, 0.5);\n}\n\n.btn-talenta {\n color: #fff;\n background-color: #c02a34;\n border-color: #c02a34;\n}\n\n.btn-talenta:hover {\n color: #fff;\n background-color: #a1232c;\n border-color: #962129;\n}\n\n.btn-talenta:focus, .btn-talenta.focus {\n box-shadow: 0 0 0 0.2rem rgba(201, 74, 82, 0.5);\n}\n\n.btn-talenta.disabled, .btn-talenta:disabled {\n color: #fff;\n background-color: #c02a34;\n border-color: #c02a34;\n}\n\n.btn-talenta:not(:disabled):not(.disabled):active, .btn-talenta:not(:disabled):not(.disabled).active,\n.show > .btn-talenta.dropdown-toggle {\n color: #fff;\n background-color: #962129;\n border-color: #8c1f26;\n}\n\n.btn-talenta:not(:disabled):not(.disabled):active:focus, .btn-talenta:not(:disabled):not(.disabled).active:focus,\n.show > .btn-talenta.dropdown-toggle:focus {\n box-shadow: 0 0 0 0.2rem rgba(201, 74, 82, 0.5);\n}\n\n.btn-klikpajak {\n color: #fff;\n background-color: #f96d01;\n border-color: #f96d01;\n}\n\n.btn-klikpajak:hover {\n color: #fff;\n background-color: #d35c01;\n border-color: #c65701;\n}\n\n.btn-klikpajak:focus, .btn-klikpajak.focus {\n box-shadow: 0 0 0 0.2rem rgba(250, 131, 39, 0.5);\n}\n\n.btn-klikpajak.disabled, .btn-klikpajak:disabled {\n color: #fff;\n background-color: #f96d01;\n border-color: #f96d01;\n}\n\n.btn-klikpajak:not(:disabled):not(.disabled):active, .btn-klikpajak:not(:disabled):not(.disabled).active,\n.show > .btn-klikpajak.dropdown-toggle {\n color: #fff;\n background-color: #c65701;\n border-color: #ba5101;\n}\n\n.btn-klikpajak:not(:disabled):not(.disabled):active:focus, .btn-klikpajak:not(:disabled):not(.disabled).active:focus,\n.show > .btn-klikpajak.dropdown-toggle:focus {\n box-shadow: 0 0 0 0.2rem rgba(250, 131, 39, 0.5);\n}\n\n.btn-mekari {\n color: #fff;\n background-color: #6d48e5;\n border-color: #6d48e5;\n}\n\n.btn-mekari:hover {\n color: #fff;\n background-color: #5227e0;\n border-color: #4b1fdb;\n}\n\n.btn-mekari:focus, .btn-mekari.focus {\n box-shadow: 0 0 0 0.2rem rgba(131, 99, 233, 0.5);\n}\n\n.btn-mekari.disabled, .btn-mekari:disabled {\n color: #fff;\n background-color: #6d48e5;\n border-color: #6d48e5;\n}\n\n.btn-mekari:not(:disabled):not(.disabled):active, .btn-mekari:not(:disabled):not(.disabled).active,\n.show > .btn-mekari.dropdown-toggle {\n color: #fff;\n background-color: #4b1fdb;\n border-color: #481ed0;\n}\n\n.btn-mekari:not(:disabled):not(.disabled):active:focus, .btn-mekari:not(:disabled):not(.disabled).active:focus,\n.show > .btn-mekari.dropdown-toggle:focus {\n box-shadow: 0 0 0 0.2rem rgba(131, 99, 233, 0.5);\n}\n\n.btn-dark {\n color: #fff;\n background-color: #212121;\n border-color: #212121;\n}\n\n.btn-dark:hover {\n color: #fff;\n background-color: #0e0e0e;\n border-color: #080808;\n}\n\n.btn-dark:focus, .btn-dark.focus {\n box-shadow: 0 0 0 0.2rem rgba(66, 66, 66, 0.5);\n}\n\n.btn-dark.disabled, .btn-dark:disabled {\n color: #fff;\n background-color: #212121;\n border-color: #212121;\n}\n\n.btn-dark:not(:disabled):not(.disabled):active, .btn-dark:not(:disabled):not(.disabled).active,\n.show > .btn-dark.dropdown-toggle {\n color: #fff;\n background-color: #080808;\n border-color: #010101;\n}\n\n.btn-dark:not(:disabled):not(.disabled):active:focus, .btn-dark:not(:disabled):not(.disabled).active:focus,\n.show > .btn-dark.dropdown-toggle:focus {\n box-shadow: 0 0 0 0.2rem rgba(66, 66, 66, 0.5);\n}\n\n.btn-slate {\n color: #fff;\n background-color: #777;\n border-color: #777;\n}\n\n.btn-slate:hover {\n color: #fff;\n background-color: #646464;\n border-color: #5e5e5e;\n}\n\n.btn-slate:focus, .btn-slate.focus {\n box-shadow: 0 0 0 0.2rem rgba(139, 139, 139, 0.5);\n}\n\n.btn-slate.disabled, .btn-slate:disabled {\n color: #fff;\n background-color: #777;\n border-color: #777;\n}\n\n.btn-slate:not(:disabled):not(.disabled):active, .btn-slate:not(:disabled):not(.disabled).active,\n.show > .btn-slate.dropdown-toggle {\n color: #fff;\n background-color: #5e5e5e;\n border-color: #575757;\n}\n\n.btn-slate:not(:disabled):not(.disabled):active:focus, .btn-slate:not(:disabled):not(.disabled).active:focus,\n.show > .btn-slate.dropdown-toggle:focus {\n box-shadow: 0 0 0 0.2rem rgba(139, 139, 139, 0.5);\n}\n\n.btn-muted {\n color: #212529;\n background-color: #b4b4b4;\n border-color: #b4b4b4;\n}\n\n.btn-muted:hover {\n color: #212529;\n background-color: #a1a1a1;\n border-color: #9b9b9b;\n}\n\n.btn-muted:focus, .btn-muted.focus {\n box-shadow: 0 0 0 0.2rem rgba(158, 159, 159, 0.5);\n}\n\n.btn-muted.disabled, .btn-muted:disabled {\n color: #212529;\n background-color: #b4b4b4;\n border-color: #b4b4b4;\n}\n\n.btn-muted:not(:disabled):not(.disabled):active, .btn-muted:not(:disabled):not(.disabled).active,\n.show > .btn-muted.dropdown-toggle {\n color: #212529;\n background-color: #9b9b9b;\n border-color: #949494;\n}\n\n.btn-muted:not(:disabled):not(.disabled):active:focus, .btn-muted:not(:disabled):not(.disabled).active:focus,\n.show > .btn-muted.dropdown-toggle:focus {\n box-shadow: 0 0 0 0.2rem rgba(158, 159, 159, 0.5);\n}\n\n.btn-smoke {\n color: #212529;\n background-color: #e2e2e2;\n border-color: #e2e2e2;\n}\n\n.btn-smoke:hover {\n color: #212529;\n background-color: #cfcfcf;\n border-color: #c9c9c9;\n}\n\n.btn-smoke:focus, .btn-smoke.focus {\n box-shadow: 0 0 0 0.2rem rgba(197, 198, 198, 0.5);\n}\n\n.btn-smoke.disabled, .btn-smoke:disabled {\n color: #212529;\n background-color: #e2e2e2;\n border-color: #e2e2e2;\n}\n\n.btn-smoke:not(:disabled):not(.disabled):active, .btn-smoke:not(:disabled):not(.disabled).active,\n.show > .btn-smoke.dropdown-toggle {\n color: #212529;\n background-color: #c9c9c9;\n border-color: #c2c2c2;\n}\n\n.btn-smoke:not(:disabled):not(.disabled):active:focus, .btn-smoke:not(:disabled):not(.disabled).active:focus,\n.show > .btn-smoke.dropdown-toggle:focus {\n box-shadow: 0 0 0 0.2rem rgba(197, 198, 198, 0.5);\n}\n\n.btn-light {\n color: #212529;\n background-color: #fbfbfb;\n border-color: #fbfbfb;\n}\n\n.btn-light:hover {\n color: #212529;\n background-color: #e8e8e8;\n border-color: #e2e2e2;\n}\n\n.btn-light:focus, .btn-light.focus {\n box-shadow: 0 0 0 0.2rem rgba(218, 219, 220, 0.5);\n}\n\n.btn-light.disabled, .btn-light:disabled {\n color: #212529;\n background-color: #fbfbfb;\n border-color: #fbfbfb;\n}\n\n.btn-light:not(:disabled):not(.disabled):active, .btn-light:not(:disabled):not(.disabled).active,\n.show > .btn-light.dropdown-toggle {\n color: #212529;\n background-color: #e2e2e2;\n border-color: #dbdbdb;\n}\n\n.btn-light:not(:disabled):not(.disabled):active:focus, .btn-light:not(:disabled):not(.disabled).active:focus,\n.show > .btn-light.dropdown-toggle:focus {\n box-shadow: 0 0 0 0.2rem rgba(218, 219, 220, 0.5);\n}\n\n.btn-cloud {\n color: #212529;\n background-color: #f2f4f7;\n border-color: #f2f4f7;\n}\n\n.btn-cloud:hover {\n color: #212529;\n background-color: #dae0e8;\n border-color: #d2d9e4;\n}\n\n.btn-cloud:focus, .btn-cloud.focus {\n box-shadow: 0 0 0 0.2rem rgba(211, 213, 216, 0.5);\n}\n\n.btn-cloud.disabled, .btn-cloud:disabled {\n color: #212529;\n background-color: #f2f4f7;\n border-color: #f2f4f7;\n}\n\n.btn-cloud:not(:disabled):not(.disabled):active, .btn-cloud:not(:disabled):not(.disabled).active,\n.show > .btn-cloud.dropdown-toggle {\n color: #212529;\n background-color: #d2d9e4;\n border-color: #cbd3df;\n}\n\n.btn-cloud:not(:disabled):not(.disabled):active:focus, .btn-cloud:not(:disabled):not(.disabled).active:focus,\n.show > .btn-cloud.dropdown-toggle:focus {\n box-shadow: 0 0 0 0.2rem rgba(211, 213, 216, 0.5);\n}\n\n.btn-link {\n color: #fff;\n background-color: #1357ff;\n border-color: #1357ff;\n}\n\n.btn-link:hover {\n color: #fff;\n background-color: #0044ec;\n border-color: #0040df;\n}\n\n.btn-link:focus, .btn-link.focus {\n box-shadow: 0 0 0 0.2rem rgba(54, 112, 255, 0.5);\n}\n\n.btn-link.disabled, .btn-link:disabled {\n color: #fff;\n background-color: #1357ff;\n border-color: #1357ff;\n}\n\n.btn-link:not(:disabled):not(.disabled):active, .btn-link:not(:disabled):not(.disabled).active,\n.show > .btn-link.dropdown-toggle {\n color: #fff;\n background-color: #0040df;\n border-color: #003dd2;\n}\n\n.btn-link:not(:disabled):not(.disabled):active:focus, .btn-link:not(:disabled):not(.disabled).active:focus,\n.show > .btn-link.dropdown-toggle:focus {\n box-shadow: 0 0 0 0.2rem rgba(54, 112, 255, 0.5);\n}\n\n.btn-white {\n color: #212529;\n background-color: #fff;\n border-color: #fff;\n}\n\n.btn-white:hover {\n color: #212529;\n background-color: #ececec;\n border-color: #e6e6e6;\n}\n\n.btn-white:focus, .btn-white.focus {\n box-shadow: 0 0 0 0.2rem rgba(222, 222, 223, 0.5);\n}\n\n.btn-white.disabled, .btn-white:disabled {\n color: #212529;\n background-color: #fff;\n border-color: #fff;\n}\n\n.btn-white:not(:disabled):not(.disabled):active, .btn-white:not(:disabled):not(.disabled).active,\n.show > .btn-white.dropdown-toggle {\n color: #212529;\n background-color: #e6e6e6;\n border-color: #dfdfdf;\n}\n\n.btn-white:not(:disabled):not(.disabled):active:focus, .btn-white:not(:disabled):not(.disabled).active:focus,\n.show > .btn-white.dropdown-toggle:focus {\n box-shadow: 0 0 0 0.2rem rgba(222, 222, 223, 0.5);\n}\n\n.btn-outline-danger {\n color: #d74022;\n border-color: #d74022;\n}\n\n.btn-outline-danger:hover {\n color: #fff;\n background-color: #d74022;\n border-color: #d74022;\n}\n\n.btn-outline-danger:focus, .btn-outline-danger.focus {\n box-shadow: 0 0 0 0.2rem rgba(215, 64, 34, 0.5);\n}\n\n.btn-outline-danger.disabled, .btn-outline-danger:disabled {\n color: #d74022;\n background-color: transparent;\n}\n\n.btn-outline-danger:not(:disabled):not(.disabled):active, .btn-outline-danger:not(:disabled):not(.disabled).active,\n.show > .btn-outline-danger.dropdown-toggle {\n color: #fff;\n background-color: #d74022;\n border-color: #d74022;\n}\n\n.btn-outline-danger:not(:disabled):not(.disabled):active:focus, .btn-outline-danger:not(:disabled):not(.disabled).active:focus,\n.show > .btn-outline-danger.dropdown-toggle:focus {\n box-shadow: 0 0 0 0.2rem rgba(215, 64, 34, 0.5);\n}\n\n.btn-outline-success {\n color: #009f61;\n border-color: #009f61;\n}\n\n.btn-outline-success:hover {\n color: #fff;\n background-color: #009f61;\n border-color: #009f61;\n}\n\n.btn-outline-success:focus, .btn-outline-success.focus {\n box-shadow: 0 0 0 0.2rem rgba(0, 159, 97, 0.5);\n}\n\n.btn-outline-success.disabled, .btn-outline-success:disabled {\n color: #009f61;\n background-color: transparent;\n}\n\n.btn-outline-success:not(:disabled):not(.disabled):active, .btn-outline-success:not(:disabled):not(.disabled).active,\n.show > .btn-outline-success.dropdown-toggle {\n color: #fff;\n background-color: #009f61;\n border-color: #009f61;\n}\n\n.btn-outline-success:not(:disabled):not(.disabled):active:focus, .btn-outline-success:not(:disabled):not(.disabled).active:focus,\n.show > .btn-outline-success.dropdown-toggle:focus {\n box-shadow: 0 0 0 0.2rem rgba(0, 159, 97, 0.5);\n}\n\n.btn-outline-info {\n color: #ffeb99;\n border-color: #ffeb99;\n}\n\n.btn-outline-info:hover {\n color: #212529;\n background-color: #ffeb99;\n border-color: #ffeb99;\n}\n\n.btn-outline-info:focus, .btn-outline-info.focus {\n box-shadow: 0 0 0 0.2rem rgba(255, 235, 153, 0.5);\n}\n\n.btn-outline-info.disabled, .btn-outline-info:disabled {\n color: #ffeb99;\n background-color: transparent;\n}\n\n.btn-outline-info:not(:disabled):not(.disabled):active, .btn-outline-info:not(:disabled):not(.disabled).active,\n.show > .btn-outline-info.dropdown-toggle {\n color: #212529;\n background-color: #ffeb99;\n border-color: #ffeb99;\n}\n\n.btn-outline-info:not(:disabled):not(.disabled):active:focus, .btn-outline-info:not(:disabled):not(.disabled).active:focus,\n.show > .btn-outline-info.dropdown-toggle:focus {\n box-shadow: 0 0 0 0.2rem rgba(255, 235, 153, 0.5);\n}\n\n.btn-outline-warning {\n color: #ffb700;\n border-color: #ffb700;\n}\n\n.btn-outline-warning:hover {\n color: #212529;\n background-color: #ffb700;\n border-color: #ffb700;\n}\n\n.btn-outline-warning:focus, .btn-outline-warning.focus {\n box-shadow: 0 0 0 0.2rem rgba(255, 183, 0, 0.5);\n}\n\n.btn-outline-warning.disabled, .btn-outline-warning:disabled {\n color: #ffb700;\n background-color: transparent;\n}\n\n.btn-outline-warning:not(:disabled):not(.disabled):active, .btn-outline-warning:not(:disabled):not(.disabled).active,\n.show > .btn-outline-warning.dropdown-toggle {\n color: #212529;\n background-color: #ffb700;\n border-color: #ffb700;\n}\n\n.btn-outline-warning:not(:disabled):not(.disabled):active:focus, .btn-outline-warning:not(:disabled):not(.disabled).active:focus,\n.show > .btn-outline-warning.dropdown-toggle:focus {\n box-shadow: 0 0 0 0.2rem rgba(255, 183, 0, 0.5);\n}\n\n.btn-outline-primary {\n color: #005fbf;\n border-color: #005fbf;\n}\n\n.btn-outline-primary:hover {\n color: #fff;\n background-color: #005fbf;\n border-color: #005fbf;\n}\n\n.btn-outline-primary:focus, .btn-outline-primary.focus {\n box-shadow: 0 0 0 0.2rem rgba(0, 95, 191, 0.5);\n}\n\n.btn-outline-primary.disabled, .btn-outline-primary:disabled {\n color: #005fbf;\n background-color: transparent;\n}\n\n.btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active,\n.show > .btn-outline-primary.dropdown-toggle {\n color: #fff;\n background-color: #005fbf;\n border-color: #005fbf;\n}\n\n.btn-outline-primary:not(:disabled):not(.disabled):active:focus, .btn-outline-primary:not(:disabled):not(.disabled).active:focus,\n.show > .btn-outline-primary.dropdown-toggle:focus {\n box-shadow: 0 0 0 0.2rem rgba(0, 95, 191, 0.5);\n}\n\n.btn-outline-jurnal {\n color: #009bde;\n border-color: #009bde;\n}\n\n.btn-outline-jurnal:hover {\n color: #fff;\n background-color: #009bde;\n border-color: #009bde;\n}\n\n.btn-outline-jurnal:focus, .btn-outline-jurnal.focus {\n box-shadow: 0 0 0 0.2rem rgba(0, 155, 222, 0.5);\n}\n\n.btn-outline-jurnal.disabled, .btn-outline-jurnal:disabled {\n color: #009bde;\n background-color: transparent;\n}\n\n.btn-outline-jurnal:not(:disabled):not(.disabled):active, .btn-outline-jurnal:not(:disabled):not(.disabled).active,\n.show > .btn-outline-jurnal.dropdown-toggle {\n color: #fff;\n background-color: #009bde;\n border-color: #009bde;\n}\n\n.btn-outline-jurnal:not(:disabled):not(.disabled):active:focus, .btn-outline-jurnal:not(:disabled):not(.disabled).active:focus,\n.show > .btn-outline-jurnal.dropdown-toggle:focus {\n box-shadow: 0 0 0 0.2rem rgba(0, 155, 222, 0.5);\n}\n\n.btn-outline-talenta {\n color: #c02a34;\n border-color: #c02a34;\n}\n\n.btn-outline-talenta:hover {\n color: #fff;\n background-color: #c02a34;\n border-color: #c02a34;\n}\n\n.btn-outline-talenta:focus, .btn-outline-talenta.focus {\n box-shadow: 0 0 0 0.2rem rgba(192, 42, 52, 0.5);\n}\n\n.btn-outline-talenta.disabled, .btn-outline-talenta:disabled {\n color: #c02a34;\n background-color: transparent;\n}\n\n.btn-outline-talenta:not(:disabled):not(.disabled):active, .btn-outline-talenta:not(:disabled):not(.disabled).active,\n.show > .btn-outline-talenta.dropdown-toggle {\n color: #fff;\n background-color: #c02a34;\n border-color: #c02a34;\n}\n\n.btn-outline-talenta:not(:disabled):not(.disabled):active:focus, .btn-outline-talenta:not(:disabled):not(.disabled).active:focus,\n.show > .btn-outline-talenta.dropdown-toggle:focus {\n box-shadow: 0 0 0 0.2rem rgba(192, 42, 52, 0.5);\n}\n\n.btn-outline-klikpajak {\n color: #f96d01;\n border-color: #f96d01;\n}\n\n.btn-outline-klikpajak:hover {\n color: #fff;\n background-color: #f96d01;\n border-color: #f96d01;\n}\n\n.btn-outline-klikpajak:focus, .btn-outline-klikpajak.focus {\n box-shadow: 0 0 0 0.2rem rgba(249, 109, 1, 0.5);\n}\n\n.btn-outline-klikpajak.disabled, .btn-outline-klikpajak:disabled {\n color: #f96d01;\n background-color: transparent;\n}\n\n.btn-outline-klikpajak:not(:disabled):not(.disabled):active, .btn-outline-klikpajak:not(:disabled):not(.disabled).active,\n.show > .btn-outline-klikpajak.dropdown-toggle {\n color: #fff;\n background-color: #f96d01;\n border-color: #f96d01;\n}\n\n.btn-outline-klikpajak:not(:disabled):not(.disabled):active:focus, .btn-outline-klikpajak:not(:disabled):not(.disabled).active:focus,\n.show > .btn-outline-klikpajak.dropdown-toggle:focus {\n box-shadow: 0 0 0 0.2rem rgba(249, 109, 1, 0.5);\n}\n\n.btn-outline-mekari {\n color: #6d48e5;\n border-color: #6d48e5;\n}\n\n.btn-outline-mekari:hover {\n color: #fff;\n background-color: #6d48e5;\n border-color: #6d48e5;\n}\n\n.btn-outline-mekari:focus, .btn-outline-mekari.focus {\n box-shadow: 0 0 0 0.2rem rgba(109, 72, 229, 0.5);\n}\n\n.btn-outline-mekari.disabled, .btn-outline-mekari:disabled {\n color: #6d48e5;\n background-color: transparent;\n}\n\n.btn-outline-mekari:not(:disabled):not(.disabled):active, .btn-outline-mekari:not(:disabled):not(.disabled).active,\n.show > .btn-outline-mekari.dropdown-toggle {\n color: #fff;\n background-color: #6d48e5;\n border-color: #6d48e5;\n}\n\n.btn-outline-mekari:not(:disabled):not(.disabled):active:focus, .btn-outline-mekari:not(:disabled):not(.disabled).active:focus,\n.show > .btn-outline-mekari.dropdown-toggle:focus {\n box-shadow: 0 0 0 0.2rem rgba(109, 72, 229, 0.5);\n}\n\n.btn-outline-dark {\n color: #212121;\n border-color: #212121;\n}\n\n.btn-outline-dark:hover {\n color: #fff;\n background-color: #212121;\n border-color: #212121;\n}\n\n.btn-outline-dark:focus, .btn-outline-dark.focus {\n box-shadow: 0 0 0 0.2rem rgba(33, 33, 33, 0.5);\n}\n\n.btn-outline-dark.disabled, .btn-outline-dark:disabled {\n color: #212121;\n background-color: transparent;\n}\n\n.btn-outline-dark:not(:disabled):not(.disabled):active, .btn-outline-dark:not(:disabled):not(.disabled).active,\n.show > .btn-outline-dark.dropdown-toggle {\n color: #fff;\n background-color: #212121;\n border-color: #212121;\n}\n\n.btn-outline-dark:not(:disabled):not(.disabled):active:focus, .btn-outline-dark:not(:disabled):not(.disabled).active:focus,\n.show > .btn-outline-dark.dropdown-toggle:focus {\n box-shadow: 0 0 0 0.2rem rgba(33, 33, 33, 0.5);\n}\n\n.btn-outline-slate {\n color: #777;\n border-color: #777;\n}\n\n.btn-outline-slate:hover {\n color: #fff;\n background-color: #777;\n border-color: #777;\n}\n\n.btn-outline-slate:focus, .btn-outline-slate.focus {\n box-shadow: 0 0 0 0.2rem rgba(119, 119, 119, 0.5);\n}\n\n.btn-outline-slate.disabled, .btn-outline-slate:disabled {\n color: #777;\n background-color: transparent;\n}\n\n.btn-outline-slate:not(:disabled):not(.disabled):active, .btn-outline-slate:not(:disabled):not(.disabled).active,\n.show > .btn-outline-slate.dropdown-toggle {\n color: #fff;\n background-color: #777;\n border-color: #777;\n}\n\n.btn-outline-slate:not(:disabled):not(.disabled):active:focus, .btn-outline-slate:not(:disabled):not(.disabled).active:focus,\n.show > .btn-outline-slate.dropdown-toggle:focus {\n box-shadow: 0 0 0 0.2rem rgba(119, 119, 119, 0.5);\n}\n\n.btn-outline-muted {\n color: #b4b4b4;\n border-color: #b4b4b4;\n}\n\n.btn-outline-muted:hover {\n color: #212529;\n background-color: #b4b4b4;\n border-color: #b4b4b4;\n}\n\n.btn-outline-muted:focus, .btn-outline-muted.focus {\n box-shadow: 0 0 0 0.2rem rgba(180, 180, 180, 0.5);\n}\n\n.btn-outline-muted.disabled, .btn-outline-muted:disabled {\n color: #b4b4b4;\n background-color: transparent;\n}\n\n.btn-outline-muted:not(:disabled):not(.disabled):active, .btn-outline-muted:not(:disabled):not(.disabled).active,\n.show > .btn-outline-muted.dropdown-toggle {\n color: #212529;\n background-color: #b4b4b4;\n border-color: #b4b4b4;\n}\n\n.btn-outline-muted:not(:disabled):not(.disabled):active:focus, .btn-outline-muted:not(:disabled):not(.disabled).active:focus,\n.show > .btn-outline-muted.dropdown-toggle:focus {\n box-shadow: 0 0 0 0.2rem rgba(180, 180, 180, 0.5);\n}\n\n.btn-outline-smoke {\n color: #e2e2e2;\n border-color: #e2e2e2;\n}\n\n.btn-outline-smoke:hover {\n color: #212529;\n background-color: #e2e2e2;\n border-color: #e2e2e2;\n}\n\n.btn-outline-smoke:focus, .btn-outline-smoke.focus {\n box-shadow: 0 0 0 0.2rem rgba(226, 226, 226, 0.5);\n}\n\n.btn-outline-smoke.disabled, .btn-outline-smoke:disabled {\n color: #e2e2e2;\n background-color: transparent;\n}\n\n.btn-outline-smoke:not(:disabled):not(.disabled):active, .btn-outline-smoke:not(:disabled):not(.disabled).active,\n.show > .btn-outline-smoke.dropdown-toggle {\n color: #212529;\n background-color: #e2e2e2;\n border-color: #e2e2e2;\n}\n\n.btn-outline-smoke:not(:disabled):not(.disabled):active:focus, .btn-outline-smoke:not(:disabled):not(.disabled).active:focus,\n.show > .btn-outline-smoke.dropdown-toggle:focus {\n box-shadow: 0 0 0 0.2rem rgba(226, 226, 226, 0.5);\n}\n\n.btn-outline-light {\n color: #fbfbfb;\n border-color: #fbfbfb;\n}\n\n.btn-outline-light:hover {\n color: #212529;\n background-color: #fbfbfb;\n border-color: #fbfbfb;\n}\n\n.btn-outline-light:focus, .btn-outline-light.focus {\n box-shadow: 0 0 0 0.2rem rgba(251, 251, 251, 0.5);\n}\n\n.btn-outline-light.disabled, .btn-outline-light:disabled {\n color: #fbfbfb;\n background-color: transparent;\n}\n\n.btn-outline-light:not(:disabled):not(.disabled):active, .btn-outline-light:not(:disabled):not(.disabled).active,\n.show > .btn-outline-light.dropdown-toggle {\n color: #212529;\n background-color: #fbfbfb;\n border-color: #fbfbfb;\n}\n\n.btn-outline-light:not(:disabled):not(.disabled):active:focus, .btn-outline-light:not(:disabled):not(.disabled).active:focus,\n.show > .btn-outline-light.dropdown-toggle:focus {\n box-shadow: 0 0 0 0.2rem rgba(251, 251, 251, 0.5);\n}\n\n.btn-outline-cloud {\n color: #f2f4f7;\n border-color: #f2f4f7;\n}\n\n.btn-outline-cloud:hover {\n color: #212529;\n background-color: #f2f4f7;\n border-color: #f2f4f7;\n}\n\n.btn-outline-cloud:focus, .btn-outline-cloud.focus {\n box-shadow: 0 0 0 0.2rem rgba(242, 244, 247, 0.5);\n}\n\n.btn-outline-cloud.disabled, .btn-outline-cloud:disabled {\n color: #f2f4f7;\n background-color: transparent;\n}\n\n.btn-outline-cloud:not(:disabled):not(.disabled):active, .btn-outline-cloud:not(:disabled):not(.disabled).active,\n.show > .btn-outline-cloud.dropdown-toggle {\n color: #212529;\n background-color: #f2f4f7;\n border-color: #f2f4f7;\n}\n\n.btn-outline-cloud:not(:disabled):not(.disabled):active:focus, .btn-outline-cloud:not(:disabled):not(.disabled).active:focus,\n.show > .btn-outline-cloud.dropdown-toggle:focus {\n box-shadow: 0 0 0 0.2rem rgba(242, 244, 247, 0.5);\n}\n\n.btn-outline-link {\n color: #1357ff;\n border-color: #1357ff;\n}\n\n.btn-outline-link:hover {\n color: #fff;\n background-color: #1357ff;\n border-color: #1357ff;\n}\n\n.btn-outline-link:focus, .btn-outline-link.focus {\n box-shadow: 0 0 0 0.2rem rgba(19, 87, 255, 0.5);\n}\n\n.btn-outline-link.disabled, .btn-outline-link:disabled {\n color: #1357ff;\n background-color: transparent;\n}\n\n.btn-outline-link:not(:disabled):not(.disabled):active, .btn-outline-link:not(:disabled):not(.disabled).active,\n.show > .btn-outline-link.dropdown-toggle {\n color: #fff;\n background-color: #1357ff;\n border-color: #1357ff;\n}\n\n.btn-outline-link:not(:disabled):not(.disabled):active:focus, .btn-outline-link:not(:disabled):not(.disabled).active:focus,\n.show > .btn-outline-link.dropdown-toggle:focus {\n box-shadow: 0 0 0 0.2rem rgba(19, 87, 255, 0.5);\n}\n\n.btn-outline-white {\n color: #fff;\n border-color: #fff;\n}\n\n.btn-outline-white:hover {\n color: #212529;\n background-color: #fff;\n border-color: #fff;\n}\n\n.btn-outline-white:focus, .btn-outline-white.focus {\n box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5);\n}\n\n.btn-outline-white.disabled, .btn-outline-white:disabled {\n color: #fff;\n background-color: transparent;\n}\n\n.btn-outline-white:not(:disabled):not(.disabled):active, .btn-outline-white:not(:disabled):not(.disabled).active,\n.show > .btn-outline-white.dropdown-toggle {\n color: #212529;\n background-color: #fff;\n border-color: #fff;\n}\n\n.btn-outline-white:not(:disabled):not(.disabled):active:focus, .btn-outline-white:not(:disabled):not(.disabled).active:focus,\n.show > .btn-outline-white.dropdown-toggle:focus {\n box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5);\n}\n\n.btn-link {\n font-weight: 400;\n color: #1357ff;\n text-decoration: none;\n}\n\n.btn-link:hover {\n color: #0039c6;\n text-decoration: underline;\n}\n\n.btn-link:focus, .btn-link.focus {\n text-decoration: underline;\n box-shadow: none;\n}\n\n.btn-link:disabled, .btn-link.disabled {\n color: #f2f4f7;\n pointer-events: none;\n}\n\n.btn-lg, .btn-group-lg > .btn {\n padding: 8px 16px;\n font-size: 1rem;\n line-height: 24px;\n border-radius: 4px;\n}\n\n.btn-sm, .btn-group-sm > .btn {\n padding: 2px 8px;\n font-size: 0.875rem;\n line-height: 20px;\n border-radius: 4px;\n}\n\n.btn-block {\n display: block;\n width: 100%;\n}\n\n.btn-block + .btn-block {\n margin-top: 0.5rem;\n}\n\ninput[type=\"submit\"].btn-block,\ninput[type=\"reset\"].btn-block,\ninput[type=\"button\"].btn-block {\n width: 100%;\n}\n\n.btn-group,\n.btn-group-vertical {\n position: relative;\n display: inline-flex;\n vertical-align: middle;\n}\n\n.btn-group > .btn,\n.btn-group-vertical > .btn {\n position: relative;\n flex: 1 1 auto;\n}\n\n.btn-group > .btn:hover,\n.btn-group-vertical > .btn:hover {\n z-index: 1;\n}\n\n.btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active,\n.btn-group-vertical > .btn:focus,\n.btn-group-vertical > .btn:active,\n.btn-group-vertical > .btn.active {\n z-index: 1;\n}\n\n.btn-toolbar {\n display: flex;\n flex-wrap: wrap;\n justify-content: flex-start;\n}\n\n.btn-toolbar .input-group {\n width: auto;\n}\n\n.btn-group > .btn:not(:first-child),\n.btn-group > .btn-group:not(:first-child) {\n margin-left: -1px;\n}\n\n.btn-group > .btn:not(:last-child):not(.dropdown-toggle),\n.btn-group > .btn-group:not(:last-child) > .btn {\n border-top-right-radius: 0;\n border-bottom-right-radius: 0;\n}\n\n.btn-group > .btn:not(:first-child),\n.btn-group > .btn-group:not(:first-child) > .btn {\n border-top-left-radius: 0;\n border-bottom-left-radius: 0;\n}\n\n.dropdown-toggle-split {\n padding-right: 12px;\n padding-left: 12px;\n}\n\n.dropdown-toggle-split::after,\n.dropup .dropdown-toggle-split::after,\n.dropright .dropdown-toggle-split::after {\n margin-left: 0;\n}\n\n.dropleft .dropdown-toggle-split::before {\n margin-right: 0;\n}\n\n.btn-sm + .dropdown-toggle-split, .btn-group-sm > .btn + .dropdown-toggle-split {\n padding-right: 6px;\n padding-left: 6px;\n}\n\n.btn-lg + .dropdown-toggle-split, .btn-group-lg > .btn + .dropdown-toggle-split {\n padding-right: 12px;\n padding-left: 12px;\n}\n\n.btn-group-vertical {\n flex-direction: column;\n align-items: flex-start;\n justify-content: center;\n}\n\n.btn-group-vertical > .btn,\n.btn-group-vertical > .btn-group {\n width: 100%;\n}\n\n.btn-group-vertical > .btn:not(:first-child),\n.btn-group-vertical > .btn-group:not(:first-child) {\n margin-top: -1px;\n}\n\n.btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle),\n.btn-group-vertical > .btn-group:not(:last-child) > .btn {\n border-bottom-right-radius: 0;\n border-bottom-left-radius: 0;\n}\n\n.btn-group-vertical > .btn:not(:first-child),\n.btn-group-vertical > .btn-group:not(:first-child) > .btn {\n border-top-left-radius: 0;\n border-top-right-radius: 0;\n}\n\n.btn-group-toggle > .btn,\n.btn-group-toggle > .btn-group > .btn {\n margin-bottom: 0;\n}\n\n.btn-group-toggle > .btn input[type=\"radio\"],\n.btn-group-toggle > .btn input[type=\"checkbox\"],\n.btn-group-toggle > .btn-group > .btn input[type=\"radio\"],\n.btn-group-toggle > .btn-group > .btn input[type=\"checkbox\"] {\n position: absolute;\n clip: rect(0, 0, 0, 0);\n pointer-events: none;\n}\n\n.btn.btn-link, .btn.btn-link:not(:disabled):not(.disabled):active, .btn-group.show > .btn-link {\n color: #1357ff;\n background-color: transparent;\n border-color: transparent;\n}\n\n.btn.btn-ghost, .btn.btn-icon-only {\n color: #777;\n background-color: transparent;\n border: 1px solid transparent;\n}\n\n.btn.btn-ghost:not(:disabled):not(.disabled):hover, .btn.btn-icon-only:not(:disabled):not(.disabled):hover {\n background-color: #f2f4f7;\n border-color: #f2f4f7;\n}\n\n.btn.btn-ghost:not(:disabled):not(.disabled):focus, .btn.btn-icon-only:not(:disabled):not(.disabled):focus {\n background-color: transparent;\n border-color: #1357ff;\n box-shadow: 0 0 4px 1px #1357ff;\n}\n\n.btn.btn-basic, .btn.btn-secondary, .btn.btn-basic:not(:disabled):not(.disabled):active, .btn.btn-basic.active:not(:disabled):not(.disabled),\n.show > .btn.btn-basic.dropdown-toggle, .btn.btn-secondary:not(:disabled):not(.disabled):active, .btn.btn-secondary.active:not(:disabled):not(.disabled),\n.show > .btn.btn-secondary.dropdown-toggle {\n color: #777;\n background-color: #fbfbfb;\n border: 1px solid #e2e2e2;\n}\n\n.btn.btn-basic:not(:disabled):not(.disabled):hover, .btn.btn-secondary:not(:disabled):not(.disabled):hover {\n border-color: #005fbf;\n}\n\n.btn.btn-basic:not(:disabled):not(.disabled):focus, .btn.btn-secondary:not(:disabled):not(.disabled):focus {\n border-color: #005fbf;\n box-shadow: 0 0 4px 1px #005fbf;\n}\n\n.btn.btn-ghost:not(:disabled):not(.disabled):focus {\n background-color: transparent;\n border-color: #005fbf;\n box-shadow: 0 0 4px 1px #005fbf;\n}\n\n.btn.btn-link {\n height: auto;\n padding: 0 4px;\n border-radius: 2px;\n}\n\n.btn.btn-link:not(:disabled):not(.disabled):focus {\n text-decoration: none;\n box-shadow: 0 0 0 2px rgba(19, 87, 255, 0.3);\n}\n\n.btn.btn-link:disabled, .btn.btn-link.disabled {\n text-decoration: none;\n pointer-events: auto;\n background-color: transparent;\n border: none;\n}\n\n.btn.btn-primary.btn-with-icon .ic::before {\n color: #fff !important;\n}\n\n.btn.btn-primary.btn-icon-only .ic::before {\n color: inherit !important;\n}\n\n.btn.is-loading {\n position: relative;\n min-height: 36px;\n pointer-events: none;\n}\n\n.btn.is-loading::before {\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n z-index: 3;\n content: \"\";\n background-color: inherit;\n border-radius: 4px;\n}\n\n.btn.is-loading::after {\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n z-index: 4;\n display: inline-block;\n width: 18px;\n height: 18px;\n margin: auto;\n content: \"\";\n background: center center no-repeat;\n background-size: cover;\n border: 2px solid #fff;\n border-right-color: transparent;\n border-radius: 50%;\n -webkit-animation: spinner-border .75s linear infinite;\n animation: spinner-border .75s linear infinite;\n}\n\n.btn.is-loading.btn-basic::after, .btn.is-loading.btn-secondary::after {\n border-color: #777;\n border-right-color: transparent;\n}\n\n.btn.is-loading.btn-ghost {\n color: transparent;\n}\n\n.btn.is-loading.btn-ghost::after {\n border-color: #777;\n border-right-color: transparent;\n}\n\n.btn.btn-with-icon .ic,\n.btn.btn-with-icon span {\n vertical-align: top;\n border: none;\n}\n\n.btn.btn-with-icon .ic {\n width: 16px;\n height: 16px;\n padding: 0;\n font-size: 16px;\n color: inherit;\n}\n\n.btn.btn-with-icon .ic.is-left {\n margin-right: 8px;\n}\n\n.btn.btn-with-icon .ic.is-right {\n margin-left: 8px;\n}\n\n.btn.btn-with-icon.btn-sm .ic, .btn-group-sm > .btn.btn-with-icon .ic,\n.btn.btn-with-icon.btn-sm span,\n.btn-group-sm > .btn.btn-with-icon span {\n line-height: 16px;\n vertical-align: baseline;\n border: none;\n}\n\n.btn.btn-with-icon.btn-sm .ic, .btn-group-sm > .btn.btn-with-icon .ic {\n margin-right: 0;\n line-height: 18px;\n}\n\n.btn.btn-with-icon.btn-sm .is-left, .btn-group-sm > .btn.btn-with-icon .is-left {\n margin-right: 0;\n}\n\n.btn.btn-with-icon.btn-sm .is-right, .btn-group-sm > .btn.btn-with-icon .is-right {\n margin-left: 0;\n}\n\n.btn.btn-with-icon.btn-lg .ic, .btn-group-lg > .btn.btn-with-icon .ic,\n.btn.btn-with-icon.btn-lg span,\n.btn-group-lg > .btn.btn-with-icon span {\n vertical-align: top;\n border: none;\n}\n\n.btn.btn-with-icon.btn-lg .ic, .btn-group-lg > .btn.btn-with-icon .ic {\n width: 24px;\n height: 24px;\n padding: 0;\n font-size: 24px;\n}\n\n\n.btn.btn-with-icon.btn-lg span,\n.btn-group-lg > .btn.btn-with-icon span {\n line-height: 24px;\n}\n\n.btn.disabled, .btn:disabled {\n color: #b4b4b4;\n cursor: not-allowed;\n background-color: #f2f4f7;\n border: 1px solid #f2f4f7;\n opacity: 1;\n}\n\n.btn.disabled.btn-ghost, .btn:disabled.btn-ghost {\n background-color: transparent;\n border-color: transparent;\n}\n\n.btn.dropdown-toggle::before {\n margin-right: 16px;\n}\n\n.btn.dropdown-toggle::after {\n margin-left: 16px;\n}\n\n.btn-group .btn:first-child:not(:only-child):not(.dropdown-toggle) {\n padding-right: 8px;\n}\n\n.btn-group .btn:last-child:not(:only-child) {\n padding-left: 8px;\n}\n\n.btn-group .dropdown-toggle-split {\n min-width: 36px;\n padding-right: 8px;\n padding-left: 8px;\n}\n\n.btn-group .dropdown-toggle-split::before {\n margin-right: 0;\n}\n\n.btn-group .dropdown-toggle-split::after {\n margin-left: 0;\n}\n\n.btn-group .dropdown-toggle-split.btn-basic:not(:hover):not(:focus), .btn-group .dropdown-toggle-split.btn-secondary:not(:hover):not(:focus) {\n padding-left: 9px;\n border-left: none;\n}\n\n.btn-group.dropleft .dropdown-toggle-split.btn-basic, .btn-group.dropleft .dropdown-toggle-split.btn-secondary:not(:hover):not(:focus) {\n padding-left: 8px;\n border-left: 1px solid #e2e2e2;\n}\n\n.btn-group.dropleft ~ .btn-basic:not(:hover):not(:focus),\n.btn-group.dropleft ~ .btn-secondary:not(:hover):not(:focus) {\n padding-left: 9px;\n border-left: none;\n}\n\n.btn {\n height: 36px;\n}\n\n.btn.btn-sm, .btn-group-sm > .btn {\n height: 24px;\n}\n\n.btn.btn-lg, .btn-group-lg > .btn {\n height: 40px;\n}\n\n.btn.btn-icon-only {\n width: 36px;\n height: 36px;\n padding: 8px;\n font-size: 18px;\n line-height: 18px;\n}\n\n.btn.btn-icon-only > .ic {\n width: 18px;\n height: 18px;\n padding: 0;\n font-size: 18px;\n}\n/# sourceMappingURL=mekari-ui-button.css.map /","// Gradients\n\n@mixin gradient-bg($color) {\n @if $enable-gradients {\n background: $color linear-gradient(180deg, mix($body-bg, $color, 15%), $color) repeat-x;\n } @else {\n background-color: $color;\n }\n}\n\n// Horizontal gradient, from left to right\n//\n// Creates two color stops, start and end, by specifying a color and position for each color stop.\n@mixin gradient-x($start-color: $gray-700, $end-color: $gray-800, $start-percent: 0%, $end-percent: 100%) {\n background-image: linear-gradient(to right, $start-color $start-percent, $end-color $end-percent);\n background-repeat: repeat-x;\n}\n\n// Vertical gradient, from top to bottom\n//\n// Creates two color stops, start and end, by specifying a color and position for each color stop.\n@mixin gradient-y($start-color: $gray-700, $end-color: $gray-800, $start-percent: 0%, $end-percent: 100%) {\n background-image: linear-gradient(to bottom, $start-color $start-percent, $end-color $end-percent);\n background-repeat: repeat-x;\n}\n\n@mixin gradient-directional($start-color: $gray-700, $end-color: $gray-800, $deg: 45deg) {\n background-image: linear-gradient($deg, $start-color, $end-color);\n background-repeat: repeat-x;\n}\n@mixin gradient-x-three-colors($start-color: $blue, $mid-color: $purple, $color-stop: 50%, $end-color: $red) {\n background-image: linear-gradient(to right, $start-color, $mid-color $color-stop, $end-color);\n background-repeat: no-repeat;\n}\n@mixin gradient-y-three-colors($start-color: $blue, $mid-color: $purple, $color-stop: 50%, $end-color: $red) {\n background-image: linear-gradient($start-color, $mid-color $color-stop, $end-color);\n background-repeat: no-repeat;\n}\n@mixin gradient-radial($inner-color: $gray-700, $outer-color: $gray-800) {\n background-image: radial-gradient(circle, $inner-color, $outer-color);\n background-repeat: no-repeat;\n}\n@mixin gradient-striped($color: rgba($white, .15), $angle: 45deg) {\n background-image: linear-gradient($angle, $color 25%, transparent 25%, transparent 50%, $color 50%, $color 75%, transparent 75%, transparent);\n}\n","// stylelint-disable selector-no-qualifying-type\n\n// Make the div behave like a button\n.#{$prefix}btn-group,\n.#{$prefix}btn-group-vertical {\n position: relative;\n display: inline-flex;\n vertical-align: middle; // match .#{$prefix}btn alignment given font-size hack above\n\n > .#{$prefix}btn {\n position: relative;\n flex: 1 1 auto;\n\n // Bring the hover, focused, and \"active\" buttons to the front to overlay\n // the borders properly\n @include hover {\n z-index: 1;\n }\n &:focus,\n &:active,\n &.active {\n z-index: 1;\n }\n }\n}\n\n// Optional: Group multiple button groups together for a toolbar\n.#{$prefix}btn-toolbar {\n display: flex;\n flex-wrap: wrap;\n justify-content: flex-start;\n\n .input-group {\n width: auto;\n }\n}\n\n.#{$prefix}btn-group {\n // Prevent double borders when buttons are next to each other\n > .#{$prefix}btn:not(:first-child),\n > .#{$prefix}btn-group:not(:first-child) {\n margin-left: -$btn-border-width;\n }\n\n // Reset rounded corners\n > .#{$prefix}btn:not(:last-child):not(.dropdown-toggle),\n > .#{$prefix}btn-group:not(:last-child) > .#{$prefix}btn {\n @include border-right-radius(0);\n }\n\n > .#{$prefix}btn:not(:first-child),\n > .#{$prefix}btn-group:not(:first-child) > .#{$prefix}btn {\n @include border-left-radius(0);\n }\n}\n\n// Sizing\n//\n// Remix the default button sizing classes into new ones for easier manipulation.\n\n.#{$prefix}btn-group-sm > .#{$prefix}btn { @extend .#{$prefix}btn-sm; }\n.#{$prefix}btn-group-lg > .#{$prefix}btn { @extend .#{$prefix}btn-lg; }\n\n\n//\n// Split button dropdowns\n//\n\n.#{$prefix}dropdown-toggle-split {\n padding-right: $btn-padding-x * .75;\n padding-left: $btn-padding-x * .75;\n\n &::after,\n .#{$prefix}dropup &::after,\n .#{$prefix}dropright &::after {\n margin-left: 0;\n }\n\n .#{$prefix}dropleft &::before {\n margin-right: 0;\n }\n}\n\n.#{$prefix}btn-sm + .#{$prefix}dropdown-toggle-split {\n padding-right: $btn-padding-x-sm * .75;\n padding-left: $btn-padding-x-sm * .75;\n}\n\n.#{$prefix}btn-lg + .#{$prefix}dropdown-toggle-split {\n padding-right: $btn-padding-x-lg * .75;\n padding-left: $btn-padding-x-lg * .75;\n}\n\n\n// The clickable button for toggling the menu\n// Set the same inset shadow as the :active state\n.#{$prefix}btn-group.#{$prefix}show .#{$prefix}dropdown-toggle {\n @include box-shadow($btn-active-box-shadow);\n\n // Show no shadow for `.#{$prefix}btn-link` since it has no other button styles.\n &.#{$prefix}btn-link {\n @include box-shadow(none);\n }\n}\n\n\n//\n// Vertical button groups\n//\n\n.#{$prefix}btn-group-vertical {\n flex-direction: column;\n align-items: flex-start;\n justify-content: center;\n\n > .#{$prefix}btn,\n > .#{$prefix}btn-group {\n width: 100%;\n }\n\n > .#{$prefix}btn:not(:first-child),\n > .#{$prefix}btn-group:not(:first-child) {\n margin-top: -$btn-border-width;\n }\n\n // Reset rounded corners\n > .#{$prefix}btn:not(:last-child):not(.dropdown-toggle),\n > .#{$prefix}btn-group:not(:last-child) > .#{$prefix}btn {\n @include border-bottom-radius(0);\n }\n\n > .#{$prefix}btn:not(:first-child),\n > .#{$prefix}btn-group:not(:first-child) > .#{$prefix}btn {\n @include border-top-radius(0);\n }\n}\n\n\n// Checkbox and radio options\n//\n// In order to support the browser's form validation feedback, powered by the\n// `required` attribute, we have to \"hide\" the inputs via `clip`. We cannot use\n// `display: none;` or `visibility: hidden;` as that also hides the popover.\n// Simply visually hiding the inputs via `opacity` would leave them clickable in\n// certain cases which is prevented by using `clip` and `pointer-events`.\n// This way, we ensure a DOM element is visible to position the popover from.\n//\n// See https://github.com/twbs/bootstrap/pull/12794 and\n// https://github.com/twbs/bootstrap/pull/14559 for more information.\n\n.#{$prefix}btn-group-toggle {\n > .#{$prefix}btn,\n > .#{$prefix}btn-group > .#{$prefix}btn {\n margin-bottom: 0; // Override default `<label>` value\n\n input[type=\"radio\"],\n input[type=\"checkbox\"] {\n position: absolute;\n clip: rect(0, 0, 0, 0);\n pointer-events: none;\n }\n }\n}\n","// Button related variable\n%btn-link-active {\n color: $blue;\n background-color: transparent;\n border-color: transparent;\n}\n\n%btn-ghost {\n color: $secondary;\n background-color: transparent;\n border: 1px solid transparent;\n &:not(:disabled):not(.disabled):hover {\n background-color: $cloud;\n border-color: $cloud;\n }\n &:not(:disabled):not(.disabled):focus {\n background-color: transparent;\n border-color: $blue;\n box-shadow: 0 0 4px 1px $blue;\n }\n}\n\n$btn-secondary-border-color: $smoke;\n\n%btn-secondary-theme {\n color: $secondary;\n background-color: $light;\n border: 1px solid $btn-secondary-border-color;\n}\n\n// End of button related variable\n\n.#{$prefix}btn {\n &.#{$prefix}btn-basic,\n &.#{$prefix}btn-secondary {\n @extend %btn-secondary-theme;\n &:not(:disabled):not(.disabled):hover {\n border-color: $sapphire;\n }\n &:not(:disabled):not(.disabled):focus {\n border-color: $sapphire;\n box-shadow: 0 0 4px 1px $sapphire;\n }\n &:not(:disabled):not(.disabled):active,\n &:not(:disabled):not(.disabled).active,\n .#{$prefix}show > &.dropdown-toggle {\n @extend %btn-secondary-theme;\n }\n }\n\n &.#{$prefix}btn-ghost {\n @extend %btn-ghost;\n &:not(:disabled):not(.disabled):focus {\n background-color: transparent;\n border-color: $primary;\n box-shadow: 0 0 4px 1px $primary;\n }\n }\n\n &.#{$prefix}btn-link {\n height: auto;\n padding: 0 4px;\n // stylelint-disable-next-line property-blacklist\n border-radius: 2px;\n @extend %btn-link-active;\n &:not(:disabled):not(.disabled):active {\n @extend %btn-link-active;\n }\n &:not(:disabled):not(.disabled):focus {\n text-decoration: none;\n box-shadow: 0 0 0 2px rgba($blue, .3);\n }\n &:disabled,\n &.disabled {\n text-decoration: none;\n pointer-events: auto;\n background-color: transparent;\n border: none;\n }\n }\n\n &.#{$prefix}btn-primary {\n &.#{$prefix}btn-with-icon {\n .ic {\n &::before {\n // stylelint-disable-next-line declaration-no-important\n color: $white !important;\n }\n }\n }\n\n &.#{$prefix}btn-icon-only {\n .ic {\n &::before {\n // stylelint-disable-next-line declaration-no-important\n color: inherit !important;\n }\n }\n }\n }\n\n &.#{$prefix}is-loading {\n position: relative;\n min-height: 36px;\n pointer-events: none;\n &::before {\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n z-index: 3;\n content: \"\";\n background-color: inherit;\n // stylelint-disable-next-line property-blacklist\n border-radius: 4px;\n }\n &::after {\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n z-index: 4;\n display: inline-block;\n width: 18px;\n height: 18px;\n margin: auto;\n content: \"\";\n background: center center no-repeat;\n background-size: cover;\n border: 2px solid $white;\n border-right-color: transparent;\n // stylelint-disable-next-line property-blacklist\n border-radius: 50%;\n animation: spinner-border .75s linear infinite;\n }\n\n &.#{$prefix}btn-basic,\n &.#{$prefix}btn-secondary {\n &::after {\n border-color: $secondary;\n border-right-color: transparent;\n }\n }\n &.#{$prefix}btn-ghost {\n color: transparent;\n &::after {\n border-color: $secondary;\n border-right-color: transparent;\n }\n }\n }\n\n &.#{$prefix}btn-with-icon {\n .ic,\n span {\n vertical-align: top;\n border: none;\n }\n .ic {\n width: 16px;\n height: 16px;\n padding: 0;\n font-size: 16px;\n color: inherit;\n &.is-left {\n margin-right: 8px;\n }\n &.is-right {\n margin-left: 8px;\n }\n }\n &.#{$prefix}btn-sm {\n .ic,\n span {\n line-height: 16px;\n vertical-align: baseline;\n border: none;\n }\n .ic {\n margin-right: 0;\n line-height: 18px;\n }\n .is-left {\n margin-right: 0;\n }\n .is-right {\n margin-left: 0;\n }\n }\n &.#{$prefix}btn-lg {\n .ic,\n span {\n vertical-align: top;\n border: none;\n }\n .ic {\n width: 24px;\n height: 24px;\n padding: 0;\n font-size: 24px;\n }\n span {\n line-height: 24px;\n }\n }\n }\n\n &.disabled,\n &:disabled {\n color: $text-muted;\n cursor: not-allowed;\n background-color: $cloud;\n border: 1px solid $cloud;\n opacity: 1;\n &.#{$prefix}btn-ghost {\n background-color: transparent;\n border-color: transparent;\n }\n }\n\n // Caret\n &.#{$prefix}dropdown-toggle {\n &::before {\n margin-right: 16px;\n }\n &::after {\n margin-left: 16px;\n }\n }\n\n // Button group\n &-group {\n .#{$prefix}btn:first-child:not(:only-child):not(.#{$prefix}dropdown-toggle) {\n padding-right: 8px;\n }\n\n .#{$prefix}btn:last-child:not(:only-child) {\n padding-left: 8px;\n }\n\n // Caret\n .#{$prefix}dropdown-toggle-split {\n min-width: 36px;\n padding-right: 8px;\n padding-left: 8px;\n &::before {\n margin-right: 0;\n }\n &::after {\n margin-left: 0;\n }\n\n // Button secondary\n &.#{$prefix}btn-basic:not(:hover):not(:focus),\n &.#{$prefix}btn-secondary:not(:hover):not(:focus) {\n padding-left: 9px;\n border-left: none;\n }\n }\n\n // Button secondary\n &.#{$prefix}dropleft {\n .#{$prefix}dropdown-toggle-split {\n &.#{$prefix}btn-basic,\n &.#{$prefix}btn-secondary:not(:hover):not(:focus) {\n padding-left: 8px;\n border-left: 1px solid $btn-secondary-border-color;\n }\n }\n\n ~ .#{$prefix}btn-basic:not(:hover):not(:focus),\n ~ .#{$prefix}btn-secondary:not(:hover):not(:focus) {\n padding-left: 9px;\n border-left: none;\n }\n }\n\n // Button link active\n &.#{$prefix}show {\n > .#{$prefix}btn-link {\n @extend %btn-link-active;\n }\n }\n }\n}\n\n.btn {\n height: 36px;\n &.btn-sm {\n height: 24px;\n }\n &.btn-lg {\n height: 40px;\n }\n &.#{$prefix}btn-icon-only {\n width: 36px;\n height: 36px;\n padding: 8px;\n font-size: 18px;\n line-height: 18px;\n @extend %btn-ghost;\n\n > .ic {\n width: 18px;\n height: 18px;\n padding: 0;\n font-size: 18px;\n }\n }\n}\n"]}

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

@@ -1422,7 +1422,9 @@ input[type="button"].btn-block {
   box-shadow: 0 0 4px 1px #1357ff;
 }
-.btn.btn-basic, .btn.btn-secondary {
+.btn.btn-basic, .btn.btn-secondary, .btn.btn-basic:not(:disabled):not(.disabled):active, .btn.btn-basic.active:not(:disabled):not(.disabled),
+.show > .btn.btn-basic.dropdown-toggle, .btn.btn-secondary:not(:disabled):not(.disabled):active, .btn.btn-secondary.active:not(:disabled):not(.disabled),
+.show > .btn.btn-secondary.dropdown-toggle {
   color: #777;
   background-color: #fbfbfb;
   border: 1px solid #e2e2e2;
@@ -1444,12 +1446,14 @@ input[type="button"].btn-block {
 }
 .btn.btn-link {
-  padding: 0;
+  height: auto;
+  padding: 0 4px;
+  border-radius: 2px;
 }
 .btn.btn-link:not(:disabled):not(.disabled):focus {
   text-decoration: none;
-  box-shadow: 0 0 4px 1px #1357ff;
+  box-shadow: 0 0 0 2px rgba(19, 87, 255, 0.3);
 }
 .btn.btn-link:disabled, .btn.btn-link.disabled {

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

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../scss/vendors/_spinners.scss","mekari-ui-button.css","../../../scss/vendor-extensions/_spinners.scss","../../../scss/vendors/_buttons.scss","../../../scss/vendor-extensions/_typography.scss","../../../scss/vendor-extensions/_color.scss","../../../scss/vendors/mixins/_buttons.scss","../../../scss/vendor-extensions/_button.scss","../../../scss/vendors/_rfs.scss","../../../scss/vendors/mixins/_border-radius.scss","../../../scss/vendors/mixins/_transition.scss","../../../scss/vendors/mixins/_hover.scss","../../../scss/vendors/mixins/_gradients.scss","../../../scss/vendors/_button-group.scss","../../../scss/components/config/_button.scss"],"names":[],"mappings":"AAIA;EACE;IAAK,yBAAyB;ECF9B;AACF;;ADAA;EACE;IAAK,yBAAyB;ECF9B;AACF;;ADIA;EACE,qBAAqB;EACrB,WER0B;EFS1B,YET0B;EFU1B,2BAA2B;EAC3B,iCAAgD;EAChD,+BAA+B;EAE/B,kBAAkB;EAClB,sDAA8C;EAA9C,8CAA8C;ACFhD;;ADKA;EACE,WEf4B;EFgB5B,YEhB4B;EFiB5B,mBEf4B;ADa9B;;ADSA;EACE;IACE,mBAAmB;ECNrB;EDQA;IACE,UAAU;ECNZ;AACF;;ADAA;EACE;IACE,mBAAmB;ECNrB;EDQA;IACE,UAAU;ECNZ;AACF;;ADSA;EACE,qBAAqB;EACrB,WEvC0B;EFwC1B,YExC0B;EFyC1B,2BAA2B;EAC3B,8BAA8B;EAE9B,kBAAkB;EAClB,UAAU;EACV,oDAA4C;EAA5C,4CAA4C;ACP9C;;ADUA;EACE,WE9C4B;EF+C5B,YE/C4B;ADwC9B;;AExCA;EACE,qBAAqB;EACrB,kGCRyH;EDSzH,gBCOuC;EDNvC,cETa;EFUb,kBAAkB;EAClB,sBAAsB;EACtB,yBAAiB;EAAjB,sBAAiB;EAAjB,qBAAiB;EAAjB,iBAAiB;EACjB,6BAA6B;EAC7B,6BAA2C;EGsF3C,iBChGgC;EC0H5B,mBAtCY;EFchB,iBChGgC;EEF9B,kBFiBmB;EGhBjB,qIHiB+H;ANwCrI;;ASpDI;EPLJ;IOMM,gBAAgB;ETwDpB;AACF;;AUzDE;ERQE,cEnBW;EFoBX,qBAAqB;AFqDzB;;AEpEA;EAoBI,UAAU;EACV,+BEdmB;AJkEvB;;AEzEA;EA2BI,aIPsB;ANyD1B;;AEnCA;;EAEE,oBAAoB;AFsCtB;;AE7BE;EGrDA,WDAU;EOAR,yBPImB;ECFrB,qBDEqB;AJoFvB;;AUlFE;ELAE,WDNQ;EOAR,yBNDoF;EASpF,qBATyH;AL+F7H;;AKnFE;EAMI,+CAAiF;ALiFvF;;AK5EE;EAEE,WDxBQ;ECyBR,yBDrBmB;ECsBnB,qBDtBmB;AJoGvB;;AKvEE;;EAGE,WDpCQ;ECqCR,yBAtCuK;EA0CvK,qBA1C+M;ALgHnN;;AKpEI;;EAKI,+CAAiF;ALoEzF;;AE/DE;EGrDA,WDAU;EOAR,yBPKmB;ECHrB,qBDGqB;AJqHvB;;AUpHE;ELAE,WDNQ;EOAR,yBNDoF;EASpF,qBATyH;ALiI7H;;AKrHE;EAMI,gDAAiF;ALmHvF;;AK9GE;EAEE,WDxBQ;ECyBR,yBDpBmB;ECqBnB,qBDrBmB;AJqIvB;;AKzGE;;EAGE,WDpCQ;ECqCR,yBAtCuK;EA0CvK,qBA1C+M;ALkJnN;;AKtGI;;EAKI,gDAAiF;ALsGzF;;AEjGE;EGrDA,cD2BgB;EO3Bd,yBPMmB;ECJrB,qBDIqB;AJsJvB;;AUtJE;ELAE,cDqBc;EO3Bd,yBNDoF;EASpF,qBATyH;ALmK7H;;AKvJE;EAMI,iDAAiF;ALqJvF;;AKhJE;EAEE,cDGc;ECFd,yBDnBmB;ECoBnB,qBDpBmB;AJsKvB;;AK3IE;;EAGE,cDTc;ECUd,yBAtCuK;EA0CvK,qBA1C+M;ALoLnN;;AKxII;;EAKI,iDAAiF;ALwIzF;;AEnIE;EGrDA,cD2BgB;EO3Bd,yBPQmB;ECNrB,qBDMqB;AJsLvB;;AUxLE;ELAE,cDqBc;EO3Bd,yBNDoF;EASpF,qBATyH;ALqM7H;;AKzLE;EAMI,+CAAiF;ALuLvF;;AKlLE;EAEE,cDGc;ECFd,yBDjBmB;ECkBnB,qBDlBmB;AJsMvB;;AK7KE;;EAGE,WDpCQ;ECqCR,yBAtCuK;EA0CvK,qBA1C+M;ALsNnN;;AK1KI;;EAKI,+CAAiF;AL0KzF;;AErKE;EGrDA,WDAU;EOAR,yBPSmB;ECPrB,qBDOqB;AJuNvB;;AU1NE;ELAE,WDNQ;EOAR,yBNDoF;EASpF,qBATyH;ALuO7H;;AK3NE;EAMI,gDAAiF;ALyNvF;;AKpNE;EAEE,WDxBQ;ECyBR,yBDhBmB;ECiBnB,qBDjBmB;AJuOvB;;AK/ME;;EAGE,WDpCQ;ECqCR,yBAtCuK;EA0CvK,qBA1C+M;ALwPnN;;AK5MI;;EAKI,gDAAiF;AL4MzF;;AEvME;EGrDA,WDAU;EOAR,yBPaiB;ECXnB,qBDWmB;AJqPrB;;AU5PE;ELAE,WDNQ;EOAR,yBNDoF;EASpF,qBATyH;ALyQ7H;;AK7PE;EAMI,gDAAiF;AL2PvF;;AKtPE;EAEE,WDxBQ;ECyBR,yBDZiB;ECajB,qBDbiB;AJqQrB;;AKjPE;;EAGE,WDpCQ;ECqCR,yBAtCuK;EA0CvK,qBA1C+M;AL0RnN;;AK9OI;;EAKI,gDAAiF;AL8OzF;;AEzOE;EGrDA,WDAU;EOAR,yBPYiB;ECVnB,qBDUmB;AJwRrB;;AU9RE;ELAE,WDNQ;EOAR,yBNDoF;EASpF,qBATyH;AL2S7H;;AK/RE;EAMI,+CAAiF;AL6RvF;;AKxRE;EAEE,WDxBQ;ECyBR,yBDbiB;ECcjB,qBDdiB;AJwSrB;;AKnRE;;EAGE,WDpCQ;ECqCR,yBAtCuK;EA0CvK,qBA1C+M;AL4TnN;;AKhRI;;EAKI,+CAAiF;ALgRzF;;AE3QE;EGrDA,WDAU;EOAR,yBPciB;ECZnB,qBDYmB;AJwTrB;;AUhUE;ELAE,WDNQ;EOAR,yBNDoF;EASpF,qBATyH;AL6U7H;;AKjUE;EAMI,gDAAiF;AL+TvF;;AK1TE;EAEE,WDxBQ;ECyBR,yBDXiB;ECYjB,qBDZiB;AJwUrB;;AKrTE;;EAGE,WDpCQ;ECqCR,yBAtCuK;EA0CvK,qBA1C+M;AL8VnN;;AKlTI;;EAKI,gDAAiF;ALkTzF;;AE7SE;EGrDA,WDAU;EOAR,yBPeiB;ECbnB,qBDamB;AJyVrB;;AUlWE;ELAE,WDNQ;EOAR,yBNDoF;EASpF,qBATyH;AL+W7H;;AKnWE;EAMI,gDAAiF;ALiWvF;;AK5VE;EAEE,WDxBQ;ECyBR,yBDViB;ECWjB,qBDXiB;AJyWrB;;AKvVE;;EAGE,WDpCQ;ECqCR,yBAtCuK;EA0CvK,qBA1C+M;ALgYnN;;AKpVI;;EAKI,gDAAiF;ALoVzF;;AE/UE;EGrDA,WDAU;EOAR,yBPLW;ECOb,qBDPa;AJ+Yf;;AUpYE;ELAE,WDNQ;EOAR,yBNDoF;EASpF,qBATyH;ALiZ7H;;AKrYE;EAMI,8CAAiF;ALmYvF;;AK9XE;EAEE,WDxBQ;ECyBR,yBD9BW;EC+BX,qBD/BW;AJ+Zf;;AKzXE;;EAGE,WDpCQ;ECqCR,yBAtCuK;EA0CvK,qBA1C+M;ALkanN;;AKtXI;;EAKI,8CAAiF;ALsXzF;;AEjXE;EGrDA,WDAU;EOAR,sBPJQ;ECMV,kBDNU;AJgbZ;;AUtaE;ELAE,WDNQ;EOAR,yBNDoF;EASpF,qBATyH;ALmb7H;;AKvaE;EAMI,iDAAiF;ALqavF;;AKhaE;EAEE,WDxBQ;ECyBR,sBD7BQ;EC8BR,kBD9BQ;AJgcZ;;AK3ZE;;EAGE,WDpCQ;ECqCR,yBAtCuK;EA0CvK,qBA1C+M;ALocnN;;AKxZI;;EAKI,iDAAiF;ALwZzF;;AEnZE;EGrDA,cD2BgB;EO3Bd,yBPHW;ECKb,qBDLa;AJidf;;AUxcE;ELAE,cDqBc;EO3Bd,yBNDoF;EASpF,qBATyH;ALqd7H;;AKzcE;EAMI,iDAAiF;ALucvF;;AKlcE;EAEE,cDGc;ECFd,yBD5BW;EC6BX,qBD7BW;AJief;;AK7bE;;EAGE,cDTc;ECUd,yBAtCuK;EA0CvK,qBA1C+M;ALsenN;;AK1bI;;EAKI,iDAAiF;AL0bzF;;AErbE;EGrDA,cD2BgB;EO3Bd,yBPFW;ECIb,qBDJa;AJkff;;AU1eE;ELAE,cDqBc;EO3Bd,yBNDoF;EASpF,qBATyH;ALuf7H;;AK3eE;EAMI,iDAAiF;ALyevF;;AKpeE;EAEE,cDGc;ECFd,yBD3BW;EC4BX,qBD5BW;AJkgBf;;AK/dE;;EAGE,cDTc;ECUd,yBAtCuK;EA0CvK,qBA1C+M;ALwgBnN;;AK5dI;;EAKI,iDAAiF;AL4dzF;;AEvdE;EGrDA,cD2BgB;EO3Bd,yBPDW;ECGb,qBDHa;AJmhBf;;AU5gBE;ELAE,cDqBc;EO3Bd,yBNDoF;EASpF,qBATyH;ALyhB7H;;AK7gBE;EAMI,iDAAiF;AL2gBvF;;AKtgBE;EAEE,cDGc;ECFd,yBD1BW;EC2BX,qBD3BW;AJmiBf;;AKjgBE;;EAGE,cDTc;ECUd,yBAtCuK;EA0CvK,qBA1C+M;AL0iBnN;;AK9fI;;EAKI,iDAAiF;AL8fzF;;AEzfE;EGrDA,cD2BgB;EO3Bd,yBPCW;ECCb,qBDDa;AJmjBf;;AU9iBE;ELAE,cDqBc;EO3Bd,yBNDoF;EASpF,qBATyH;AL2jB7H;;AK/iBE;EAMI,iDAAiF;AL6iBvF;;AKxiBE;EAEE,cDGc;ECFd,yBDxBW;ECyBX,qBDzBW;AJmkBf;;AKniBE;;EAGE,cDTc;ECUd,yBAtCuK;EA0CvK,qBA1C+M;AL4kBnN;;AKhiBI;;EAKI,iDAAiF;ALgiBzF;;AE3hBE;EGrDA,WDAU;EOAR,yBPOmB;ECLrB,qBDKqB;AJ+kBvB;;AUhlBE;ELAE,WDNQ;EOAR,yBNDoF;EASpF,qBATyH;AL6lB7H;;AKjlBE;EAMI,gDAAiF;AL+kBvF;;AK1kBE;EAEE,WDxBQ;ECyBR,yBDlBmB;ECmBnB,qBDnBmB;AJ+lBvB;;AKrkBE;;EAGE,WDpCQ;ECqCR,yBAtCuK;EA0CvK,qBA1C+M;AL8mBnN;;AKlkBI;;EAKI,gDAAiF;ALkkBzF;;AE7jBE;EGrDA,cD2BgB;EO3Bd,sBPAQ;ECEV,kBDFU;AJwnBZ;;AUlnBE;ELAE,cDqBc;EO3Bd,yBNDoF;EASpF,qBATyH;AL+nB7H;;AKnnBE;EAMI,iDAAiF;ALinBvF;;AK5mBE;EAEE,cDGc;ECFd,sBDzBQ;EC0BR,kBD1BQ;AJwoBZ;;AKvmBE;;EAGE,cDTc;ECUd,yBAtCuK;EA0CvK,qBA1C+M;ALgpBnN;;AKpmBI;;EAKI,iDAAiF;ALomBzF;;AEzlBE;EGJA,cDnDqB;ECoDrB,qBDpDqB;AJqpBvB;;AUnpBE;ELqDE,WD3DQ;EC4DR,yBDxDmB;ECyDnB,qBDzDmB;AJ2pBvB;;AK/lBE;EAEE,+CD9DmB;AJ+pBvB;;AK9lBE;EAEE,cDnEmB;ECoEnB,6BAA6B;ALgmBjC;;AK7lBE;;EAGE,WD9EQ;EC+ER,yBD3EmB;EC4EnB,qBD5EmB;AJ2qBvB;;AK7lBI;;EAKI,+CDnFe;AJgrBvB;;AEznBE;EGJA,cDlDqB;ECmDrB,qBDnDqB;AJorBvB;;AUnrBE;ELqDE,WD3DQ;EC4DR,yBDvDmB;ECwDnB,qBDxDmB;AJ0rBvB;;AK/nBE;EAEE,8CD7DmB;AJ8rBvB;;AK9nBE;EAEE,cDlEmB;ECmEnB,6BAA6B;ALgoBjC;;AK7nBE;;EAGE,WD9EQ;EC+ER,yBD1EmB;EC2EnB,qBD3EmB;AJ0sBvB;;AK7nBI;;EAKI,8CDlFe;AJ+sBvB;;AEzpBE;EGJA,cDjDqB;ECkDrB,qBDlDqB;AJmtBvB;;AUntBE;ELqDE,cDhCc;ECiCd,yBDtDmB;ECuDnB,qBDvDmB;AJytBvB;;AK/pBE;EAEE,iDD5DmB;AJ6tBvB;;AK9pBE;EAEE,cDjEmB;ECkEnB,6BAA6B;ALgqBjC;;AK7pBE;;EAGE,cDnDc;ECoDd,yBDzEmB;EC0EnB,qBD1EmB;AJyuBvB;;AK7pBI;;EAKI,iDDjFe;AJ8uBvB;;AEzrBE;EGJA,cD/CqB;ECgDrB,qBDhDqB;AJivBvB;;AUnvBE;ELqDE,cDhCc;ECiCd,yBDpDmB;ECqDnB,qBDrDmB;AJuvBvB;;AK/rBE;EAEE,+CD1DmB;AJ2vBvB;;AK9rBE;EAEE,cD/DmB;ECgEnB,6BAA6B;ALgsBjC;;AK7rBE;;EAGE,cDnDc;ECoDd,yBDvEmB;ECwEnB,qBDxEmB;AJuwBvB;;AK7rBI;;EAKI,+CD/Ee;AJ4wBvB;;AEztBE;EGJA,cD9CqB;EC+CrB,qBD/CqB;AJgxBvB;;AUnxBE;ELqDE,WD3DQ;EC4DR,yBDnDmB;ECoDnB,qBDpDmB;AJsxBvB;;AK/tBE;EAEE,8CDzDmB;AJ0xBvB;;AK9tBE;EAEE,cD9DmB;EC+DnB,6BAA6B;ALguBjC;;AK7tBE;;EAGE,WD9EQ;EC+ER,yBDtEmB;ECuEnB,qBDvEmB;AJsyBvB;;AK7tBI;;EAKI,8CD9Ee;AJ2yBvB;;AEzvBE;EGJA,cD1CmB;EC2CnB,qBD3CmB;AJ4yBrB;;AUnzBE;ELqDE,WD3DQ;EC4DR,yBD/CiB;ECgDjB,qBDhDiB;AJkzBrB;;AK/vBE;EAEE,+CDrDiB;AJszBrB;;AK9vBE;EAEE,cD1DiB;EC2DjB,6BAA6B;ALgwBjC;;AK7vBE;;EAGE,WD9EQ;EC+ER,yBDlEiB;ECmEjB,qBDnEiB;AJk0BrB;;AK7vBI;;EAKI,+CD1Ea;AJu0BrB;;AEzxBE;EGJA,cD3CmB;EC4CnB,qBD5CmB;AJ60BrB;;AUn1BE;ELqDE,WD3DQ;EC4DR,yBDhDiB;ECiDjB,qBDjDiB;AJm1BrB;;AK/xBE;EAEE,+CDtDiB;AJu1BrB;;AK9xBE;EAEE,cD3DiB;EC4DjB,6BAA6B;ALgyBjC;;AK7xBE;;EAGE,WD9EQ;EC+ER,yBDnEiB;ECoEjB,qBDpEiB;AJm2BrB;;AK7xBI;;EAKI,+CD3Ea;AJw2BrB;;AEzzBE;EGJA,cDzCmB;EC0CnB,qBD1CmB;AJ22BrB;;AUn3BE;ELqDE,WD3DQ;EC4DR,yBD9CiB;EC+CjB,qBD/CiB;AJi3BrB;;AK/zBE;EAEE,+CDpDiB;AJq3BrB;;AK9zBE;EAEE,cDzDiB;EC0DjB,6BAA6B;ALg0BjC;;AK7zBE;;EAGE,WD9EQ;EC+ER,yBDjEiB;ECkEjB,qBDlEiB;AJi4BrB;;AK7zBI;;EAKI,+CDzEa;AJs4BrB;;AEz1BE;EGJA,cDxCmB;ECyCnB,qBDzCmB;AJ04BrB;;AUn5BE;ELqDE,WD3DQ;EC4DR,yBD7CiB;EC8CjB,qBD9CiB;AJg5BrB;;AK/1BE;EAEE,gDDnDiB;AJo5BrB;;AK91BE;EAEE,cDxDiB;ECyDjB,6BAA6B;ALg2BjC;;AK71BE;;EAGE,WD9EQ;EC+ER,yBDhEiB;ECiEjB,qBDjEiB;AJg6BrB;;AK71BI;;EAKI,gDDxEa;AJq6BrB;;AEz3BE;EGJA,cD5Da;EC6Db,qBD7Da;AJ87Bf;;AUn7BE;ELqDE,WD3DQ;EC4DR,yBDjEW;ECkEX,qBDlEW;AJo8Bf;;AK/3BE;EAEE,8CDvEW;AJw8Bf;;AK93BE;EAEE,cD5EW;EC6EX,6BAA6B;ALg4BjC;;AK73BE;;EAGE,WD9EQ;EC+ER,yBDpFW;ECqFX,qBDrFW;AJo9Bf;;AK73BI;;EAKI,8CD5FO;AJy9Bf;;AEz5BE;EGJA,WD3DU;EC4DV,kBD5DU;AJ69BZ;;AUn9BE;ELqDE,WD3DQ;EC4DR,sBDhEQ;ECiER,kBDjEQ;AJm+BZ;;AK/5BE;EAEE,iDDtEQ;AJu+BZ;;AK95BE;EAEE,WD3EQ;EC4ER,6BAA6B;ALg6BjC;;AK75BE;;EAGE,WD9EQ;EC+ER,sBDnFQ;ECoFR,kBDpFQ;AJm/BZ;;AK75BI;;EAKI,iDD3FI;AJw/BZ;;AEz7BE;EGJA,cD1Da;EC2Db,qBD3Da;AJ4/Bf;;AUn/BE;ELqDE,cDhCc;ECiCd,yBD/DW;ECgEX,qBDhEW;AJkgCf;;AK/7BE;EAEE,iDDrEW;AJsgCf;;AK97BE;EAEE,cD1EW;EC2EX,6BAA6B;ALg8BjC;;AK77BE;;EAGE,cDnDc;ECoDd,yBDlFW;ECmFX,qBDnFW;AJkhCf;;AK77BI;;EAKI,iDD1FO;AJuhCf;;AEz9BE;EGJA,cDzDa;EC0Db,qBD1Da;AJ2hCf;;AUnhCE;ELqDE,cDhCc;ECiCd,yBD9DW;EC+DX,qBD/DW;AJiiCf;;AK/9BE;EAEE,iDDpEW;AJqiCf;;AK99BE;EAEE,cDzEW;EC0EX,6BAA6B;ALg+BjC;;AK79BE;;EAGE,cDnDc;ECoDd,yBDjFW;ECkFX,qBDlFW;AJijCf;;AK79BI;;EAKI,iDDzFO;AJsjCf;;AEz/BE;EGJA,cDxDa;ECyDb,qBDzDa;AJ0jCf;;AUnjCE;ELqDE,cDhCc;ECiCd,yBD7DW;EC8DX,qBD9DW;AJgkCf;;AK//BE;EAEE,iDDnEW;AJokCf;;AK9/BE;EAEE,cDxEW;ECyEX,6BAA6B;ALggCjC;;AK7/BE;;EAGE,cDnDc;ECoDd,yBDhFW;ECiFX,qBDjFW;AJglCf;;AK7/BI;;EAKI,iDDxFO;AJqlCf;;AEzhCE;EGJA,cDtDa;ECuDb,qBDvDa;AJwlCf;;AUnlCE;ELqDE,cDhCc;ECiCd,yBD3DW;EC4DX,qBD5DW;AJ8lCf;;AK/hCE;EAEE,iDDjEW;AJkmCf;;AK9hCE;EAEE,cDtEW;ECuEX,6BAA6B;ALgiCjC;;AK7hCE;;EAGE,cDnDc;ECoDd,yBD9EW;EC+EX,qBD/EW;AJ8mCf;;AK7hCI;;EAKI,iDDtFO;AJmnCf;;AEzjCE;EGJA,cDhDqB;ECiDrB,qBDjDqB;AJknCvB;;AUnnCE;ELqDE,WD3DQ;EC4DR,yBDrDmB;ECsDnB,qBDtDmB;AJwnCvB;;AK/jCE;EAEE,+CD3DmB;AJ4nCvB;;AK9jCE;EAEE,cDhEmB;ECiEnB,6BAA6B;ALgkCjC;;AK7jCE;;EAGE,WD9EQ;EC+ER,yBDxEmB;ECyEnB,qBDzEmB;AJwoCvB;;AK7jCI;;EAKI,+CDhFe;AJ6oCvB;;AEzlCE;EGJA,WDvDU;ECwDV,kBDxDU;AJypCZ;;AUnpCE;ELqDE,cDhCc;ECiCd,sBD5DQ;EC6DR,kBD7DQ;AJ+pCZ;;AK/lCE;EAEE,iDDlEQ;AJmqCZ;;AK9lCE;EAEE,WDvEQ;ECwER,6BAA6B;ALgmCjC;;AK7lCE;;EAGE,cDnDc;ECoDd,sBD/EQ;ECgFR,kBDhFQ;AJ+qCZ;;AK7lCI;;EAKI,iDDvFI;AJorCZ;;AE/nCE;EAkBA,gBC7DuC;ED8DvC,cEjEqB;EFkErB,qBCpDwC;AHqqC1C;;AUprCE;ERsEE,cCxD0D;EDyD1D,0BCvD2C;AHyqC/C;;AKprCE;EHuEE,0BC5D2C;ED6D3C,gBAAgB;AFinCpB;;AE9nCA;EAkBI,cEvFW;EFwFX,oBAAoB;AFgnCxB;;AErmCA;EGLE,iBCpEqB;EC8FjB,eAtCY;EFchB,iBCtFgC;EEZ9B,kBF6BsB;ANorC1B;;AExmCA;EGTE,gBC3F+B;ECqH3B,mBAtCY;EFchB,iBC3FgC;EEP9B,kBF8BsB;AN0rC1B;;AEtmCA;EACE,cAAc;EACd,WAAW;AFymCb;;AE3mCA;EAMI,kBIzFuB;ANksC3B;;AEpmCA;;;EAII,WAAW;AFsmCf;;AYzuCA;;EAEE,kBAAkB;EAClB,oBAAoB;EACpB,sBAAsB;AZ4uCxB;;AYhvCA;;EAOI,kBAAkB;EAClB,cAAc;AZ8uClB;;AU7uCE;;EEII,UAAU;AZ8uChB;;AY3vCA;;;;EAkBM,UAAU;AZgvChB;;AY1uCA;EACE,aAAa;EACb,eAAe;EACf,2BAA2B;AZ6uC7B;;AYhvCA;EAMI,WAAW;AZ8uCf;;AY1uCA;;EAII,iBNpBkB;AN+vCtB;;AY/uCA;;EJhBI,0BI0B8B;EJzB9B,6BIyB8B;AZ2uClC;;AYrvCA;;EJFI,yBIiB6B;EJhB7B,4BIgB6B;AZ4uCjC;;AY5tCA;EACE,mBAAmC;EACnC,kBAAkC;AZ+tCpC;;AYjuCA;;;EAOI,cAAc;AZguClB;;AY7tCE;EACE,eAAe;AZguCnB;;AY5tCA;EACE,kBAAsC;EACtC,iBAAqC;AZ+tCvC;;AY5tCA;EACE,mBAAsC;EACtC,kBAAqC;AZ+tCvC;;AY3sCA;EACE,sBAAsB;EACtB,uBAAuB;EACvB,uBAAuB;AZ8sCzB;;AYjtCA;;EAOI,WAAW;AZ+sCf;;AYttCA;;EAYI,gBNrGkB;ANozCtB;;AY3tCA;;EJlFI,6BIoG+B;EJnG/B,4BImG+B;AZ+sCnC;;AYjuCA;;EJhGI,yBIuH4B;EJtH5B,0BIsH4B;AZgtChC;;AY/rCA;;EAGI,gBAAgB;AZisCpB;;AYpsCA;;;;EAOM,kBAAkB;EAClB,sBA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","file":"mekari-ui-button.css","sourcesContent":["//\n// Rotating border\n//\n\n@keyframes spinner-border {\n to { transform: rotate(360deg); }\n}\n\n.#{$prefix}spinner-border {\n display: inline-block;\n width: $spinner-width;\n height: $spinner-height;\n vertical-align: text-bottom;\n border: $spinner-border-width solid currentColor;\n border-right-color: transparent;\n // stylelint-disable-next-line property-blacklist\n border-radius: 50%;\n animation: spinner-border .75s linear infinite;\n}\n\n.#{$prefix}spinner-border-sm {\n width: $spinner-width-sm;\n height: $spinner-height-sm;\n border-width: $spinner-border-width-sm;\n}\n\n//\n// Growing circle\n//\n\n@keyframes spinner-grow {\n 0% {\n transform: scale(0);\n }\n 50% {\n opacity: 1;\n }\n}\n\n.#{$prefix}spinner-grow {\n display: inline-block;\n width: $spinner-width;\n height: $spinner-height;\n vertical-align: text-bottom;\n background-color: currentColor;\n // stylelint-disable-next-line property-blacklist\n border-radius: 50%;\n opacity: 0;\n animation: spinner-grow .75s linear infinite;\n}\n\n.#{$prefix}spinner-grow-sm {\n width: $spinner-width-sm;\n height: $spinner-height-sm;\n}\n","@keyframes spinner-border {\n to {\n transform: rotate(360deg);\n }\n}\n\n.spinner-border {\n display: inline-block;\n width: 2rem;\n height: 2rem;\n vertical-align: text-bottom;\n border: 0.25em solid currentColor;\n border-right-color: transparent;\n border-radius: 50%;\n animation: spinner-border .75s linear infinite;\n}\n\n.spinner-border-sm {\n width: 1rem;\n height: 1rem;\n border-width: 0.2em;\n}\n\n@keyframes spinner-grow {\n 0% {\n transform: scale(0);\n }\n 50% {\n opacity: 1;\n }\n}\n\n.spinner-grow {\n display: inline-block;\n width: 2rem;\n height: 2rem;\n vertical-align: text-bottom;\n background-color: currentColor;\n border-radius: 50%;\n opacity: 0;\n animation: spinner-grow .75s linear infinite;\n}\n\n.spinner-grow-sm {\n width: 1rem;\n height: 1rem;\n}\n\n.btn {\n display: inline-block;\n font-family: \"Roboto\", \"Oxygen\", \"Ubuntu\", \"Fira Sans\", \"Droid Sans\", \"Helvetica Neue\", sans-serif;\n font-weight: 400;\n color: #212121;\n text-align: center;\n vertical-align: middle;\n user-select: none;\n background-color: transparent;\n border: 1px solid transparent;\n padding: 8px 16px;\n font-size: 0.875rem;\n line-height: 20px;\n border-radius: 4px;\n transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;\n}\n\n@media (prefers-reduced-motion: reduce) {\n .btn {\n transition: none;\n }\n}\n\n.btn:hover {\n color: #212121;\n text-decoration: none;\n}\n\n.btn:focus, .btn.focus {\n outline: 0;\n box-shadow: 0 0 4px 1px #1357ff;\n}\n\n.btn.disabled, .btn:disabled {\n opacity: 0.65;\n}\n\na.btn.disabled,\nfieldset:disabled a.btn {\n pointer-events: none;\n}\n\n.btn-danger {\n color: #fff;\n background-color: #d74022;\n border-color: #d74022;\n}\n\n.btn-danger:hover {\n color: #fff;\n background-color: #b6361d;\n border-color: #ab331b;\n}\n\n.btn-danger:focus, .btn-danger.focus {\n box-shadow: 0 0 0 0.2rem rgba(221, 93, 67, 0.5);\n}\n\n.btn-danger.disabled, .btn-danger:disabled {\n color: #fff;\n background-color: #d74022;\n border-color: #d74022;\n}\n\n.btn-danger:not(:disabled):not(.disabled):active, .btn-danger:not(:disabled):not(.disabled).active,\n.show > .btn-danger.dropdown-toggle {\n color: #fff;\n background-color: #ab331b;\n border-color: #a03019;\n}\n\n.btn-danger:not(:disabled):not(.disabled):active:focus, .btn-danger:not(:disabled):not(.disabled).active:focus,\n.show > .btn-danger.dropdown-toggle:focus {\n box-shadow: 0 0 0 0.2rem rgba(221, 93, 67, 0.5);\n}\n\n.btn-success {\n color: #fff;\n background-color: #009f61;\n border-color: #009f61;\n}\n\n.btn-success:hover {\n color: #fff;\n background-color: #00794a;\n border-color: #006c42;\n}\n\n.btn-success:focus, .btn-success.focus {\n box-shadow: 0 0 0 0.2rem rgba(38, 173, 121, 0.5);\n}\n\n.btn-success.disabled, .btn-success:disabled {\n color: #fff;\n background-color: #009f61;\n border-color: #009f61;\n}\n\n.btn-success:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled).active,\n.show > .btn-success.dropdown-toggle {\n color: #fff;\n background-color: #006c42;\n border-color: #005f3a;\n}\n\n.btn-success:not(:disabled):not(.disabled):active:focus, .btn-success:not(:disabled):not(.disabled).active:focus,\n.show > .btn-success.dropdown-toggle:focus {\n box-shadow: 0 0 0 0.2rem rgba(38, 173, 121, 0.5);\n}\n\n.btn-info {\n color: #212529;\n background-color: #ffeb99;\n border-color: #ffeb99;\n}\n\n.btn-info:hover {\n color: #212529;\n background-color: #ffe473;\n border-color: #ffe166;\n}\n\n.btn-info:focus, .btn-info.focus {\n box-shadow: 0 0 0 0.2rem rgba(222, 205, 136, 0.5);\n}\n\n.btn-info.disabled, .btn-info:disabled {\n color: #212529;\n background-color: #ffeb99;\n border-color: #ffeb99;\n}\n\n.btn-info:not(:disabled):not(.disabled):active, .btn-info:not(:disabled):not(.disabled).active,\n.show > .btn-info.dropdown-toggle {\n color: #212529;\n background-color: #ffe166;\n border-color: #ffdf59;\n}\n\n.btn-info:not(:disabled):not(.disabled):active:focus, .btn-info:not(:disabled):not(.disabled).active:focus,\n.show > .btn-info.dropdown-toggle:focus {\n box-shadow: 0 0 0 0.2rem rgba(222, 205, 136, 0.5);\n}\n\n.btn-warning {\n color: #212529;\n background-color: #ffb700;\n border-color: #ffb700;\n}\n\n.btn-warning:hover {\n color: #212529;\n background-color: #d99c00;\n border-color: #cc9200;\n}\n\n.btn-warning:focus, .btn-warning.focus {\n box-shadow: 0 0 0 0.2rem rgba(222, 161, 6, 0.5);\n}\n\n.btn-warning.disabled, .btn-warning:disabled {\n color: #212529;\n background-color: #ffb700;\n border-color: #ffb700;\n}\n\n.btn-warning:not(:disabled):not(.disabled):active, .btn-warning:not(:disabled):not(.disabled).active,\n.show > .btn-warning.dropdown-toggle {\n color: #fff;\n background-color: #cc9200;\n border-color: #bf8900;\n}\n\n.btn-warning:not(:disabled):not(.disabled):active:focus, .btn-warning:not(:disabled):not(.disabled).active:focus,\n.show > .btn-warning.dropdown-toggle:focus {\n box-shadow: 0 0 0 0.2rem rgba(222, 161, 6, 0.5);\n}\n\n.btn-primary {\n color: #fff;\n background-color: #005fbf;\n border-color: #005fbf;\n}\n\n.btn-primary:hover {\n color: #fff;\n background-color: #004c99;\n border-color: #00468c;\n}\n\n.btn-primary:focus, .btn-primary.focus {\n box-shadow: 0 0 0 0.2rem rgba(38, 119, 201, 0.5);\n}\n\n.btn-primary.disabled, .btn-primary:disabled {\n color: #fff;\n background-color: #005fbf;\n border-color: #005fbf;\n}\n\n.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active,\n.show > .btn-primary.dropdown-toggle {\n color: #fff;\n background-color: #00468c;\n border-color: #003f7f;\n}\n\n.btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus,\n.show > .btn-primary.dropdown-toggle:focus {\n box-shadow: 0 0 0 0.2rem rgba(38, 119, 201, 0.5);\n}\n\n.btn-jurnal {\n color: #fff;\n background-color: #009bde;\n border-color: #009bde;\n}\n\n.btn-jurnal:hover {\n color: #fff;\n background-color: #0080b8;\n border-color: #0077ab;\n}\n\n.btn-jurnal:focus, .btn-jurnal.focus {\n box-shadow: 0 0 0 0.2rem rgba(38, 170, 227, 0.5);\n}\n\n.btn-jurnal.disabled, .btn-jurnal:disabled {\n color: #fff;\n background-color: #009bde;\n border-color: #009bde;\n}\n\n.btn-jurnal:not(:disabled):not(.disabled):active, .btn-jurnal:not(:disabled):not(.disabled).active,\n.show > .btn-jurnal.dropdown-toggle {\n color: #fff;\n background-color: #0077ab;\n border-color: #006e9e;\n}\n\n.btn-jurnal:not(:disabled):not(.disabled):active:focus, .btn-jurnal:not(:disabled):not(.disabled).active:focus,\n.show > .btn-jurnal.dropdown-toggle:focus {\n box-shadow: 0 0 0 0.2rem rgba(38, 170, 227, 0.5);\n}\n\n.btn-talenta {\n color: #fff;\n background-color: #c02a34;\n border-color: #c02a34;\n}\n\n.btn-talenta:hover {\n color: #fff;\n background-color: #a1232c;\n border-color: #962129;\n}\n\n.btn-talenta:focus, .btn-talenta.focus {\n box-shadow: 0 0 0 0.2rem rgba(201, 74, 82, 0.5);\n}\n\n.btn-talenta.disabled, .btn-talenta:disabled {\n color: #fff;\n background-color: #c02a34;\n border-color: #c02a34;\n}\n\n.btn-talenta:not(:disabled):not(.disabled):active, .btn-talenta:not(:disabled):not(.disabled).active,\n.show > .btn-talenta.dropdown-toggle {\n color: #fff;\n background-color: #962129;\n border-color: #8c1f26;\n}\n\n.btn-talenta:not(:disabled):not(.disabled):active:focus, .btn-talenta:not(:disabled):not(.disabled).active:focus,\n.show > .btn-talenta.dropdown-toggle:focus {\n box-shadow: 0 0 0 0.2rem rgba(201, 74, 82, 0.5);\n}\n\n.btn-klikpajak {\n color: #fff;\n background-color: #f96d01;\n border-color: #f96d01;\n}\n\n.btn-klikpajak:hover {\n color: #fff;\n background-color: #d35c01;\n border-color: #c65701;\n}\n\n.btn-klikpajak:focus, .btn-klikpajak.focus {\n box-shadow: 0 0 0 0.2rem rgba(250, 131, 39, 0.5);\n}\n\n.btn-klikpajak.disabled, .btn-klikpajak:disabled {\n color: #fff;\n background-color: #f96d01;\n border-color: #f96d01;\n}\n\n.btn-klikpajak:not(:disabled):not(.disabled):active, .btn-klikpajak:not(:disabled):not(.disabled).active,\n.show > .btn-klikpajak.dropdown-toggle {\n color: #fff;\n background-color: #c65701;\n border-color: #ba5101;\n}\n\n.btn-klikpajak:not(:disabled):not(.disabled):active:focus, .btn-klikpajak:not(:disabled):not(.disabled).active:focus,\n.show > .btn-klikpajak.dropdown-toggle:focus {\n box-shadow: 0 0 0 0.2rem rgba(250, 131, 39, 0.5);\n}\n\n.btn-mekari {\n color: #fff;\n background-color: #6d48e5;\n border-color: #6d48e5;\n}\n\n.btn-mekari:hover {\n color: #fff;\n background-color: #5227e0;\n border-color: #4b1fdb;\n}\n\n.btn-mekari:focus, .btn-mekari.focus {\n box-shadow: 0 0 0 0.2rem rgba(131, 99, 233, 0.5);\n}\n\n.btn-mekari.disabled, .btn-mekari:disabled {\n color: #fff;\n background-color: #6d48e5;\n border-color: #6d48e5;\n}\n\n.btn-mekari:not(:disabled):not(.disabled):active, .btn-mekari:not(:disabled):not(.disabled).active,\n.show > .btn-mekari.dropdown-toggle {\n color: #fff;\n background-color: #4b1fdb;\n border-color: #481ed0;\n}\n\n.btn-mekari:not(:disabled):not(.disabled):active:focus, .btn-mekari:not(:disabled):not(.disabled).active:focus,\n.show > .btn-mekari.dropdown-toggle:focus {\n box-shadow: 0 0 0 0.2rem rgba(131, 99, 233, 0.5);\n}\n\n.btn-dark {\n color: #fff;\n background-color: #212121;\n border-color: #212121;\n}\n\n.btn-dark:hover {\n color: #fff;\n background-color: #0e0e0e;\n border-color: #080808;\n}\n\n.btn-dark:focus, .btn-dark.focus {\n box-shadow: 0 0 0 0.2rem rgba(66, 66, 66, 0.5);\n}\n\n.btn-dark.disabled, .btn-dark:disabled {\n color: #fff;\n background-color: #212121;\n border-color: #212121;\n}\n\n.btn-dark:not(:disabled):not(.disabled):active, .btn-dark:not(:disabled):not(.disabled).active,\n.show > .btn-dark.dropdown-toggle {\n color: #fff;\n background-color: #080808;\n border-color: #010101;\n}\n\n.btn-dark:not(:disabled):not(.disabled):active:focus, .btn-dark:not(:disabled):not(.disabled).active:focus,\n.show > .btn-dark.dropdown-toggle:focus {\n box-shadow: 0 0 0 0.2rem rgba(66, 66, 66, 0.5);\n}\n\n.btn-slate {\n color: #fff;\n background-color: #777;\n border-color: #777;\n}\n\n.btn-slate:hover {\n color: #fff;\n background-color: #646464;\n border-color: #5e5e5e;\n}\n\n.btn-slate:focus, .btn-slate.focus {\n box-shadow: 0 0 0 0.2rem rgba(139, 139, 139, 0.5);\n}\n\n.btn-slate.disabled, .btn-slate:disabled {\n color: #fff;\n background-color: #777;\n border-color: #777;\n}\n\n.btn-slate:not(:disabled):not(.disabled):active, .btn-slate:not(:disabled):not(.disabled).active,\n.show > .btn-slate.dropdown-toggle {\n color: #fff;\n background-color: #5e5e5e;\n border-color: #575757;\n}\n\n.btn-slate:not(:disabled):not(.disabled):active:focus, .btn-slate:not(:disabled):not(.disabled).active:focus,\n.show > .btn-slate.dropdown-toggle:focus {\n box-shadow: 0 0 0 0.2rem rgba(139, 139, 139, 0.5);\n}\n\n.btn-muted {\n color: #212529;\n background-color: #b4b4b4;\n border-color: #b4b4b4;\n}\n\n.btn-muted:hover {\n color: #212529;\n background-color: #a1a1a1;\n border-color: #9b9b9b;\n}\n\n.btn-muted:focus, .btn-muted.focus {\n box-shadow: 0 0 0 0.2rem rgba(158, 159, 159, 0.5);\n}\n\n.btn-muted.disabled, .btn-muted:disabled {\n color: #212529;\n background-color: #b4b4b4;\n border-color: #b4b4b4;\n}\n\n.btn-muted:not(:disabled):not(.disabled):active, .btn-muted:not(:disabled):not(.disabled).active,\n.show > .btn-muted.dropdown-toggle {\n color: #212529;\n background-color: #9b9b9b;\n border-color: #949494;\n}\n\n.btn-muted:not(:disabled):not(.disabled):active:focus, .btn-muted:not(:disabled):not(.disabled).active:focus,\n.show > .btn-muted.dropdown-toggle:focus {\n box-shadow: 0 0 0 0.2rem rgba(158, 159, 159, 0.5);\n}\n\n.btn-smoke {\n color: #212529;\n background-color: #e2e2e2;\n border-color: #e2e2e2;\n}\n\n.btn-smoke:hover {\n color: #212529;\n background-color: #cfcfcf;\n border-color: #c9c9c9;\n}\n\n.btn-smoke:focus, .btn-smoke.focus {\n box-shadow: 0 0 0 0.2rem rgba(197, 198, 198, 0.5);\n}\n\n.btn-smoke.disabled, .btn-smoke:disabled {\n color: #212529;\n background-color: #e2e2e2;\n border-color: #e2e2e2;\n}\n\n.btn-smoke:not(:disabled):not(.disabled):active, .btn-smoke:not(:disabled):not(.disabled).active,\n.show > .btn-smoke.dropdown-toggle {\n color: #212529;\n background-color: #c9c9c9;\n border-color: #c2c2c2;\n}\n\n.btn-smoke:not(:disabled):not(.disabled):active:focus, .btn-smoke:not(:disabled):not(.disabled).active:focus,\n.show > .btn-smoke.dropdown-toggle:focus {\n box-shadow: 0 0 0 0.2rem rgba(197, 198, 198, 0.5);\n}\n\n.btn-light {\n color: #212529;\n background-color: #fbfbfb;\n border-color: #fbfbfb;\n}\n\n.btn-light:hover {\n color: #212529;\n background-color: #e8e8e8;\n border-color: #e2e2e2;\n}\n\n.btn-light:focus, .btn-light.focus {\n box-shadow: 0 0 0 0.2rem rgba(218, 219, 220, 0.5);\n}\n\n.btn-light.disabled, .btn-light:disabled {\n color: #212529;\n background-color: #fbfbfb;\n border-color: #fbfbfb;\n}\n\n.btn-light:not(:disabled):not(.disabled):active, .btn-light:not(:disabled):not(.disabled).active,\n.show > .btn-light.dropdown-toggle {\n color: #212529;\n background-color: #e2e2e2;\n border-color: #dbdbdb;\n}\n\n.btn-light:not(:disabled):not(.disabled):active:focus, .btn-light:not(:disabled):not(.disabled).active:focus,\n.show > .btn-light.dropdown-toggle:focus {\n box-shadow: 0 0 0 0.2rem rgba(218, 219, 220, 0.5);\n}\n\n.btn-cloud {\n color: #212529;\n background-color: #f2f4f7;\n border-color: #f2f4f7;\n}\n\n.btn-cloud:hover {\n color: #212529;\n background-color: #dae0e8;\n border-color: #d2d9e4;\n}\n\n.btn-cloud:focus, .btn-cloud.focus {\n box-shadow: 0 0 0 0.2rem rgba(211, 213, 216, 0.5);\n}\n\n.btn-cloud.disabled, .btn-cloud:disabled {\n color: #212529;\n background-color: #f2f4f7;\n border-color: #f2f4f7;\n}\n\n.btn-cloud:not(:disabled):not(.disabled):active, .btn-cloud:not(:disabled):not(.disabled).active,\n.show > .btn-cloud.dropdown-toggle {\n color: #212529;\n background-color: #d2d9e4;\n border-color: #cbd3df;\n}\n\n.btn-cloud:not(:disabled):not(.disabled):active:focus, .btn-cloud:not(:disabled):not(.disabled).active:focus,\n.show > .btn-cloud.dropdown-toggle:focus {\n box-shadow: 0 0 0 0.2rem rgba(211, 213, 216, 0.5);\n}\n\n.btn-link {\n color: #fff;\n background-color: #1357ff;\n border-color: #1357ff;\n}\n\n.btn-link:hover {\n color: #fff;\n background-color: #0044ec;\n border-color: #0040df;\n}\n\n.btn-link:focus, .btn-link.focus {\n box-shadow: 0 0 0 0.2rem rgba(54, 112, 255, 0.5);\n}\n\n.btn-link.disabled, .btn-link:disabled {\n color: #fff;\n background-color: #1357ff;\n border-color: #1357ff;\n}\n\n.btn-link:not(:disabled):not(.disabled):active, .btn-link:not(:disabled):not(.disabled).active,\n.show > .btn-link.dropdown-toggle {\n color: #fff;\n background-color: #0040df;\n border-color: #003dd2;\n}\n\n.btn-link:not(:disabled):not(.disabled):active:focus, .btn-link:not(:disabled):not(.disabled).active:focus,\n.show > .btn-link.dropdown-toggle:focus {\n box-shadow: 0 0 0 0.2rem rgba(54, 112, 255, 0.5);\n}\n\n.btn-white {\n color: #212529;\n background-color: #fff;\n border-color: #fff;\n}\n\n.btn-white:hover {\n color: #212529;\n background-color: #ececec;\n border-color: #e6e6e6;\n}\n\n.btn-white:focus, .btn-white.focus {\n box-shadow: 0 0 0 0.2rem rgba(222, 222, 223, 0.5);\n}\n\n.btn-white.disabled, .btn-white:disabled {\n color: #212529;\n background-color: #fff;\n border-color: #fff;\n}\n\n.btn-white:not(:disabled):not(.disabled):active, .btn-white:not(:disabled):not(.disabled).active,\n.show > .btn-white.dropdown-toggle {\n color: #212529;\n background-color: #e6e6e6;\n border-color: #dfdfdf;\n}\n\n.btn-white:not(:disabled):not(.disabled):active:focus, .btn-white:not(:disabled):not(.disabled).active:focus,\n.show > .btn-white.dropdown-toggle:focus {\n box-shadow: 0 0 0 0.2rem rgba(222, 222, 223, 0.5);\n}\n\n.btn-outline-danger {\n color: #d74022;\n border-color: #d74022;\n}\n\n.btn-outline-danger:hover {\n color: #fff;\n background-color: #d74022;\n border-color: #d74022;\n}\n\n.btn-outline-danger:focus, .btn-outline-danger.focus {\n box-shadow: 0 0 0 0.2rem rgba(215, 64, 34, 0.5);\n}\n\n.btn-outline-danger.disabled, .btn-outline-danger:disabled {\n color: #d74022;\n background-color: transparent;\n}\n\n.btn-outline-danger:not(:disabled):not(.disabled):active, .btn-outline-danger:not(:disabled):not(.disabled).active,\n.show > .btn-outline-danger.dropdown-toggle {\n color: #fff;\n background-color: #d74022;\n border-color: #d74022;\n}\n\n.btn-outline-danger:not(:disabled):not(.disabled):active:focus, .btn-outline-danger:not(:disabled):not(.disabled).active:focus,\n.show > .btn-outline-danger.dropdown-toggle:focus {\n box-shadow: 0 0 0 0.2rem rgba(215, 64, 34, 0.5);\n}\n\n.btn-outline-success {\n color: #009f61;\n border-color: #009f61;\n}\n\n.btn-outline-success:hover {\n color: #fff;\n background-color: #009f61;\n border-color: #009f61;\n}\n\n.btn-outline-success:focus, .btn-outline-success.focus {\n box-shadow: 0 0 0 0.2rem rgba(0, 159, 97, 0.5);\n}\n\n.btn-outline-success.disabled, .btn-outline-success:disabled {\n color: #009f61;\n background-color: transparent;\n}\n\n.btn-outline-success:not(:disabled):not(.disabled):active, .btn-outline-success:not(:disabled):not(.disabled).active,\n.show > .btn-outline-success.dropdown-toggle {\n color: #fff;\n background-color: #009f61;\n border-color: #009f61;\n}\n\n.btn-outline-success:not(:disabled):not(.disabled):active:focus, .btn-outline-success:not(:disabled):not(.disabled).active:focus,\n.show > .btn-outline-success.dropdown-toggle:focus {\n box-shadow: 0 0 0 0.2rem rgba(0, 159, 97, 0.5);\n}\n\n.btn-outline-info {\n color: #ffeb99;\n border-color: #ffeb99;\n}\n\n.btn-outline-info:hover {\n color: #212529;\n background-color: #ffeb99;\n border-color: #ffeb99;\n}\n\n.btn-outline-info:focus, .btn-outline-info.focus {\n box-shadow: 0 0 0 0.2rem rgba(255, 235, 153, 0.5);\n}\n\n.btn-outline-info.disabled, .btn-outline-info:disabled {\n color: #ffeb99;\n background-color: transparent;\n}\n\n.btn-outline-info:not(:disabled):not(.disabled):active, .btn-outline-info:not(:disabled):not(.disabled).active,\n.show > .btn-outline-info.dropdown-toggle {\n color: #212529;\n background-color: #ffeb99;\n border-color: #ffeb99;\n}\n\n.btn-outline-info:not(:disabled):not(.disabled):active:focus, .btn-outline-info:not(:disabled):not(.disabled).active:focus,\n.show > .btn-outline-info.dropdown-toggle:focus {\n box-shadow: 0 0 0 0.2rem rgba(255, 235, 153, 0.5);\n}\n\n.btn-outline-warning {\n color: #ffb700;\n border-color: #ffb700;\n}\n\n.btn-outline-warning:hover {\n color: #212529;\n background-color: #ffb700;\n border-color: #ffb700;\n}\n\n.btn-outline-warning:focus, .btn-outline-warning.focus {\n box-shadow: 0 0 0 0.2rem rgba(255, 183, 0, 0.5);\n}\n\n.btn-outline-warning.disabled, .btn-outline-warning:disabled {\n color: #ffb700;\n background-color: transparent;\n}\n\n.btn-outline-warning:not(:disabled):not(.disabled):active, .btn-outline-warning:not(:disabled):not(.disabled).active,\n.show > .btn-outline-warning.dropdown-toggle {\n color: #212529;\n background-color: #ffb700;\n border-color: #ffb700;\n}\n\n.btn-outline-warning:not(:disabled):not(.disabled):active:focus, .btn-outline-warning:not(:disabled):not(.disabled).active:focus,\n.show > .btn-outline-warning.dropdown-toggle:focus {\n box-shadow: 0 0 0 0.2rem rgba(255, 183, 0, 0.5);\n}\n\n.btn-outline-primary {\n color: #005fbf;\n border-color: #005fbf;\n}\n\n.btn-outline-primary:hover {\n color: #fff;\n background-color: #005fbf;\n border-color: #005fbf;\n}\n\n.btn-outline-primary:focus, .btn-outline-primary.focus {\n box-shadow: 0 0 0 0.2rem rgba(0, 95, 191, 0.5);\n}\n\n.btn-outline-primary.disabled, .btn-outline-primary:disabled {\n color: #005fbf;\n background-color: transparent;\n}\n\n.btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active,\n.show > .btn-outline-primary.dropdown-toggle {\n color: #fff;\n background-color: #005fbf;\n border-color: #005fbf;\n}\n\n.btn-outline-primary:not(:disabled):not(.disabled):active:focus, .btn-outline-primary:not(:disabled):not(.disabled).active:focus,\n.show > .btn-outline-primary.dropdown-toggle:focus {\n box-shadow: 0 0 0 0.2rem rgba(0, 95, 191, 0.5);\n}\n\n.btn-outline-jurnal {\n color: #009bde;\n border-color: #009bde;\n}\n\n.btn-outline-jurnal:hover {\n color: #fff;\n background-color: #009bde;\n border-color: #009bde;\n}\n\n.btn-outline-jurnal:focus, .btn-outline-jurnal.focus {\n box-shadow: 0 0 0 0.2rem rgba(0, 155, 222, 0.5);\n}\n\n.btn-outline-jurnal.disabled, .btn-outline-jurnal:disabled {\n color: #009bde;\n background-color: transparent;\n}\n\n.btn-outline-jurnal:not(:disabled):not(.disabled):active, .btn-outline-jurnal:not(:disabled):not(.disabled).active,\n.show > .btn-outline-jurnal.dropdown-toggle {\n color: #fff;\n background-color: #009bde;\n border-color: #009bde;\n}\n\n.btn-outline-jurnal:not(:disabled):not(.disabled):active:focus, .btn-outline-jurnal:not(:disabled):not(.disabled).active:focus,\n.show > .btn-outline-jurnal.dropdown-toggle:focus {\n box-shadow: 0 0 0 0.2rem rgba(0, 155, 222, 0.5);\n}\n\n.btn-outline-talenta {\n color: #c02a34;\n border-color: #c02a34;\n}\n\n.btn-outline-talenta:hover {\n color: #fff;\n background-color: #c02a34;\n border-color: #c02a34;\n}\n\n.btn-outline-talenta:focus, .btn-outline-talenta.focus {\n box-shadow: 0 0 0 0.2rem rgba(192, 42, 52, 0.5);\n}\n\n.btn-outline-talenta.disabled, .btn-outline-talenta:disabled {\n color: #c02a34;\n background-color: transparent;\n}\n\n.btn-outline-talenta:not(:disabled):not(.disabled):active, .btn-outline-talenta:not(:disabled):not(.disabled).active,\n.show > .btn-outline-talenta.dropdown-toggle {\n color: #fff;\n background-color: #c02a34;\n border-color: #c02a34;\n}\n\n.btn-outline-talenta:not(:disabled):not(.disabled):active:focus, .btn-outline-talenta:not(:disabled):not(.disabled).active:focus,\n.show > .btn-outline-talenta.dropdown-toggle:focus {\n box-shadow: 0 0 0 0.2rem rgba(192, 42, 52, 0.5);\n}\n\n.btn-outline-klikpajak {\n color: #f96d01;\n border-color: #f96d01;\n}\n\n.btn-outline-klikpajak:hover {\n color: #fff;\n background-color: #f96d01;\n border-color: #f96d01;\n}\n\n.btn-outline-klikpajak:focus, .btn-outline-klikpajak.focus {\n box-shadow: 0 0 0 0.2rem rgba(249, 109, 1, 0.5);\n}\n\n.btn-outline-klikpajak.disabled, .btn-outline-klikpajak:disabled {\n color: #f96d01;\n background-color: transparent;\n}\n\n.btn-outline-klikpajak:not(:disabled):not(.disabled):active, .btn-outline-klikpajak:not(:disabled):not(.disabled).active,\n.show > .btn-outline-klikpajak.dropdown-toggle {\n color: #fff;\n background-color: #f96d01;\n border-color: #f96d01;\n}\n\n.btn-outline-klikpajak:not(:disabled):not(.disabled):active:focus, .btn-outline-klikpajak:not(:disabled):not(.disabled).active:focus,\n.show > .btn-outline-klikpajak.dropdown-toggle:focus {\n box-shadow: 0 0 0 0.2rem rgba(249, 109, 1, 0.5);\n}\n\n.btn-outline-mekari {\n color: #6d48e5;\n border-color: #6d48e5;\n}\n\n.btn-outline-mekari:hover {\n color: #fff;\n background-color: #6d48e5;\n border-color: #6d48e5;\n}\n\n.btn-outline-mekari:focus, .btn-outline-mekari.focus {\n box-shadow: 0 0 0 0.2rem rgba(109, 72, 229, 0.5);\n}\n\n.btn-outline-mekari.disabled, .btn-outline-mekari:disabled {\n color: #6d48e5;\n background-color: transparent;\n}\n\n.btn-outline-mekari:not(:disabled):not(.disabled):active, .btn-outline-mekari:not(:disabled):not(.disabled).active,\n.show > .btn-outline-mekari.dropdown-toggle {\n color: #fff;\n background-color: #6d48e5;\n border-color: #6d48e5;\n}\n\n.btn-outline-mekari:not(:disabled):not(.disabled):active:focus, .btn-outline-mekari:not(:disabled):not(.disabled).active:focus,\n.show > .btn-outline-mekari.dropdown-toggle:focus {\n box-shadow: 0 0 0 0.2rem rgba(109, 72, 229, 0.5);\n}\n\n.btn-outline-dark {\n color: #212121;\n border-color: #212121;\n}\n\n.btn-outline-dark:hover {\n color: #fff;\n background-color: #212121;\n border-color: #212121;\n}\n\n.btn-outline-dark:focus, .btn-outline-dark.focus {\n box-shadow: 0 0 0 0.2rem rgba(33, 33, 33, 0.5);\n}\n\n.btn-outline-dark.disabled, .btn-outline-dark:disabled {\n color: #212121;\n background-color: transparent;\n}\n\n.btn-outline-dark:not(:disabled):not(.disabled):active, .btn-outline-dark:not(:disabled):not(.disabled).active,\n.show > .btn-outline-dark.dropdown-toggle {\n color: #fff;\n background-color: #212121;\n border-color: #212121;\n}\n\n.btn-outline-dark:not(:disabled):not(.disabled):active:focus, .btn-outline-dark:not(:disabled):not(.disabled).active:focus,\n.show > .btn-outline-dark.dropdown-toggle:focus {\n box-shadow: 0 0 0 0.2rem rgba(33, 33, 33, 0.5);\n}\n\n.btn-outline-slate {\n color: #777;\n border-color: #777;\n}\n\n.btn-outline-slate:hover {\n color: #fff;\n background-color: #777;\n border-color: #777;\n}\n\n.btn-outline-slate:focus, .btn-outline-slate.focus {\n box-shadow: 0 0 0 0.2rem rgba(119, 119, 119, 0.5);\n}\n\n.btn-outline-slate.disabled, .btn-outline-slate:disabled {\n color: #777;\n background-color: transparent;\n}\n\n.btn-outline-slate:not(:disabled):not(.disabled):active, .btn-outline-slate:not(:disabled):not(.disabled).active,\n.show > .btn-outline-slate.dropdown-toggle {\n color: #fff;\n background-color: #777;\n border-color: #777;\n}\n\n.btn-outline-slate:not(:disabled):not(.disabled):active:focus, .btn-outline-slate:not(:disabled):not(.disabled).active:focus,\n.show > .btn-outline-slate.dropdown-toggle:focus {\n box-shadow: 0 0 0 0.2rem rgba(119, 119, 119, 0.5);\n}\n\n.btn-outline-muted {\n color: #b4b4b4;\n border-color: #b4b4b4;\n}\n\n.btn-outline-muted:hover {\n color: #212529;\n background-color: #b4b4b4;\n border-color: #b4b4b4;\n}\n\n.btn-outline-muted:focus, .btn-outline-muted.focus {\n box-shadow: 0 0 0 0.2rem rgba(180, 180, 180, 0.5);\n}\n\n.btn-outline-muted.disabled, .btn-outline-muted:disabled {\n color: #b4b4b4;\n background-color: transparent;\n}\n\n.btn-outline-muted:not(:disabled):not(.disabled):active, .btn-outline-muted:not(:disabled):not(.disabled).active,\n.show > .btn-outline-muted.dropdown-toggle {\n color: #212529;\n background-color: #b4b4b4;\n border-color: #b4b4b4;\n}\n\n.btn-outline-muted:not(:disabled):not(.disabled):active:focus, .btn-outline-muted:not(:disabled):not(.disabled).active:focus,\n.show > .btn-outline-muted.dropdown-toggle:focus {\n box-shadow: 0 0 0 0.2rem rgba(180, 180, 180, 0.5);\n}\n\n.btn-outline-smoke {\n color: #e2e2e2;\n border-color: #e2e2e2;\n}\n\n.btn-outline-smoke:hover {\n color: #212529;\n background-color: #e2e2e2;\n border-color: #e2e2e2;\n}\n\n.btn-outline-smoke:focus, .btn-outline-smoke.focus {\n box-shadow: 0 0 0 0.2rem rgba(226, 226, 226, 0.5);\n}\n\n.btn-outline-smoke.disabled, .btn-outline-smoke:disabled {\n color: #e2e2e2;\n background-color: transparent;\n}\n\n.btn-outline-smoke:not(:disabled):not(.disabled):active, .btn-outline-smoke:not(:disabled):not(.disabled).active,\n.show > .btn-outline-smoke.dropdown-toggle {\n color: #212529;\n background-color: #e2e2e2;\n border-color: #e2e2e2;\n}\n\n.btn-outline-smoke:not(:disabled):not(.disabled):active:focus, .btn-outline-smoke:not(:disabled):not(.disabled).active:focus,\n.show > .btn-outline-smoke.dropdown-toggle:focus {\n box-shadow: 0 0 0 0.2rem rgba(226, 226, 226, 0.5);\n}\n\n.btn-outline-light {\n color: #fbfbfb;\n border-color: #fbfbfb;\n}\n\n.btn-outline-light:hover {\n color: #212529;\n background-color: #fbfbfb;\n border-color: #fbfbfb;\n}\n\n.btn-outline-light:focus, .btn-outline-light.focus {\n box-shadow: 0 0 0 0.2rem rgba(251, 251, 251, 0.5);\n}\n\n.btn-outline-light.disabled, .btn-outline-light:disabled {\n color: #fbfbfb;\n background-color: transparent;\n}\n\n.btn-outline-light:not(:disabled):not(.disabled):active, .btn-outline-light:not(:disabled):not(.disabled).active,\n.show > .btn-outline-light.dropdown-toggle {\n color: #212529;\n background-color: #fbfbfb;\n border-color: #fbfbfb;\n}\n\n.btn-outline-light:not(:disabled):not(.disabled):active:focus, .btn-outline-light:not(:disabled):not(.disabled).active:focus,\n.show > .btn-outline-light.dropdown-toggle:focus {\n box-shadow: 0 0 0 0.2rem rgba(251, 251, 251, 0.5);\n}\n\n.btn-outline-cloud {\n color: #f2f4f7;\n border-color: #f2f4f7;\n}\n\n.btn-outline-cloud:hover {\n color: #212529;\n background-color: #f2f4f7;\n border-color: #f2f4f7;\n}\n\n.btn-outline-cloud:focus, .btn-outline-cloud.focus {\n box-shadow: 0 0 0 0.2rem rgba(242, 244, 247, 0.5);\n}\n\n.btn-outline-cloud.disabled, .btn-outline-cloud:disabled {\n color: #f2f4f7;\n background-color: transparent;\n}\n\n.btn-outline-cloud:not(:disabled):not(.disabled):active, .btn-outline-cloud:not(:disabled):not(.disabled).active,\n.show > .btn-outline-cloud.dropdown-toggle {\n color: #212529;\n background-color: #f2f4f7;\n border-color: #f2f4f7;\n}\n\n.btn-outline-cloud:not(:disabled):not(.disabled):active:focus, .btn-outline-cloud:not(:disabled):not(.disabled).active:focus,\n.show > .btn-outline-cloud.dropdown-toggle:focus {\n box-shadow: 0 0 0 0.2rem rgba(242, 244, 247, 0.5);\n}\n\n.btn-outline-link {\n color: #1357ff;\n border-color: #1357ff;\n}\n\n.btn-outline-link:hover {\n color: #fff;\n background-color: #1357ff;\n border-color: #1357ff;\n}\n\n.btn-outline-link:focus, .btn-outline-link.focus {\n box-shadow: 0 0 0 0.2rem rgba(19, 87, 255, 0.5);\n}\n\n.btn-outline-link.disabled, .btn-outline-link:disabled {\n color: #1357ff;\n background-color: transparent;\n}\n\n.btn-outline-link:not(:disabled):not(.disabled):active, .btn-outline-link:not(:disabled):not(.disabled).active,\n.show > .btn-outline-link.dropdown-toggle {\n color: #fff;\n background-color: #1357ff;\n border-color: #1357ff;\n}\n\n.btn-outline-link:not(:disabled):not(.disabled):active:focus, .btn-outline-link:not(:disabled):not(.disabled).active:focus,\n.show > .btn-outline-link.dropdown-toggle:focus {\n box-shadow: 0 0 0 0.2rem rgba(19, 87, 255, 0.5);\n}\n\n.btn-outline-white {\n color: #fff;\n border-color: #fff;\n}\n\n.btn-outline-white:hover {\n color: #212529;\n background-color: #fff;\n border-color: #fff;\n}\n\n.btn-outline-white:focus, .btn-outline-white.focus {\n box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5);\n}\n\n.btn-outline-white.disabled, .btn-outline-white:disabled {\n color: #fff;\n background-color: transparent;\n}\n\n.btn-outline-white:not(:disabled):not(.disabled):active, .btn-outline-white:not(:disabled):not(.disabled).active,\n.show > .btn-outline-white.dropdown-toggle {\n color: #212529;\n background-color: #fff;\n border-color: #fff;\n}\n\n.btn-outline-white:not(:disabled):not(.disabled):active:focus, .btn-outline-white:not(:disabled):not(.disabled).active:focus,\n.show > .btn-outline-white.dropdown-toggle:focus {\n box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5);\n}\n\n.btn-link {\n font-weight: 400;\n color: #1357ff;\n text-decoration: none;\n}\n\n.btn-link:hover {\n color: #0039c6;\n text-decoration: underline;\n}\n\n.btn-link:focus, .btn-link.focus {\n text-decoration: underline;\n box-shadow: none;\n}\n\n.btn-link:disabled, .btn-link.disabled {\n color: #f2f4f7;\n pointer-events: none;\n}\n\n.btn-lg, .btn-group-lg > .btn {\n padding: 8px 16px;\n font-size: 1rem;\n line-height: 24px;\n border-radius: 4px;\n}\n\n.btn-sm, .btn-group-sm > .btn {\n padding: 2px 8px;\n font-size: 0.875rem;\n line-height: 20px;\n border-radius: 4px;\n}\n\n.btn-block {\n display: block;\n width: 100%;\n}\n\n.btn-block + .btn-block {\n margin-top: 0.5rem;\n}\n\ninput[type=\"submit\"].btn-block,\ninput[type=\"reset\"].btn-block,\ninput[type=\"button\"].btn-block {\n width: 100%;\n}\n\n.btn-group,\n.btn-group-vertical {\n position: relative;\n display: inline-flex;\n vertical-align: middle;\n}\n\n.btn-group > .btn,\n.btn-group-vertical > .btn {\n position: relative;\n flex: 1 1 auto;\n}\n\n.btn-group > .btn:hover,\n.btn-group-vertical > .btn:hover {\n z-index: 1;\n}\n\n.btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active,\n.btn-group-vertical > .btn:focus,\n.btn-group-vertical > .btn:active,\n.btn-group-vertical > .btn.active {\n z-index: 1;\n}\n\n.btn-toolbar {\n display: flex;\n flex-wrap: wrap;\n justify-content: flex-start;\n}\n\n.btn-toolbar .input-group {\n width: auto;\n}\n\n.btn-group > .btn:not(:first-child),\n.btn-group > .btn-group:not(:first-child) {\n margin-left: -1px;\n}\n\n.btn-group > .btn:not(:last-child):not(.dropdown-toggle),\n.btn-group > .btn-group:not(:last-child) > .btn {\n border-top-right-radius: 0;\n border-bottom-right-radius: 0;\n}\n\n.btn-group > .btn:not(:first-child),\n.btn-group > .btn-group:not(:first-child) > .btn {\n border-top-left-radius: 0;\n border-bottom-left-radius: 0;\n}\n\n.dropdown-toggle-split {\n padding-right: 12px;\n padding-left: 12px;\n}\n\n.dropdown-toggle-split::after,\n.dropup .dropdown-toggle-split::after,\n.dropright .dropdown-toggle-split::after {\n margin-left: 0;\n}\n\n.dropleft .dropdown-toggle-split::before {\n margin-right: 0;\n}\n\n.btn-sm + .dropdown-toggle-split, .btn-group-sm > .btn + .dropdown-toggle-split {\n padding-right: 6px;\n padding-left: 6px;\n}\n\n.btn-lg + .dropdown-toggle-split, .btn-group-lg > .btn + .dropdown-toggle-split {\n padding-right: 12px;\n padding-left: 12px;\n}\n\n.btn-group-vertical {\n flex-direction: column;\n align-items: flex-start;\n justify-content: center;\n}\n\n.btn-group-vertical > .btn,\n.btn-group-vertical > .btn-group {\n width: 100%;\n}\n\n.btn-group-vertical > .btn:not(:first-child),\n.btn-group-vertical > .btn-group:not(:first-child) {\n margin-top: -1px;\n}\n\n.btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle),\n.btn-group-vertical > .btn-group:not(:last-child) > .btn {\n border-bottom-right-radius: 0;\n border-bottom-left-radius: 0;\n}\n\n.btn-group-vertical > .btn:not(:first-child),\n.btn-group-vertical > .btn-group:not(:first-child) > .btn {\n border-top-left-radius: 0;\n border-top-right-radius: 0;\n}\n\n.btn-group-toggle > .btn,\n.btn-group-toggle > .btn-group > .btn {\n margin-bottom: 0;\n}\n\n.btn-group-toggle > .btn input[type=\"radio\"],\n.btn-group-toggle > .btn input[type=\"checkbox\"],\n.btn-group-toggle > .btn-group > .btn input[type=\"radio\"],\n.btn-group-toggle > .btn-group > .btn input[type=\"checkbox\"] {\n position: absolute;\n clip: rect(0, 0, 0, 0);\n pointer-events: none;\n}\n\n.btn.btn-link, .btn.btn-link:not(:disabled):not(.disabled):active, .btn-group.show > .btn-link {\n color: #1357ff;\n background-color: transparent;\n border-color: transparent;\n}\n\n.btn.btn-ghost, .btn.btn-icon-only {\n color: #777;\n background-color: transparent;\n border: 1px solid transparent;\n}\n\n.btn.btn-ghost:not(:disabled):not(.disabled):hover, .btn.btn-icon-only:not(:disabled):not(.disabled):hover {\n background-color: #f2f4f7;\n border-color: #f2f4f7;\n}\n\n.btn.btn-ghost:not(:disabled):not(.disabled):focus, .btn.btn-icon-only:not(:disabled):not(.disabled):focus {\n background-color: transparent;\n border-color: #1357ff;\n box-shadow: 0 0 4px 1px #1357ff;\n}\n\n.btn.btn-basic, .btn.btn-secondary {\n color: #777;\n background-color: #fbfbfb;\n border: 1px solid #e2e2e2;\n}\n\n.btn.btn-basic:not(:disabled):not(.disabled):hover, .btn.btn-secondary:not(:disabled):not(.disabled):hover {\n border-color: #005fbf;\n}\n\n.btn.btn-basic:not(:disabled):not(.disabled):focus, .btn.btn-secondary:not(:disabled):not(.disabled):focus {\n border-color: #005fbf;\n box-shadow: 0 0 4px 1px #005fbf;\n}\n\n.btn.btn-ghost:not(:disabled):not(.disabled):focus {\n background-color: transparent;\n border-color: #005fbf;\n box-shadow: 0 0 4px 1px #005fbf;\n}\n\n.btn.btn-link {\n padding: 0;\n}\n\n.btn.btn-link:not(:disabled):not(.disabled):focus {\n text-decoration: none;\n box-shadow: 0 0 4px 1px #1357ff;\n}\n\n.btn.btn-link:disabled, .btn.btn-link.disabled {\n text-decoration: none;\n pointer-events: auto;\n background-color: transparent;\n border: none;\n}\n\n.btn.btn-primary.btn-with-icon .ic::before {\n color: #fff !important;\n}\n\n.btn.btn-primary.btn-icon-only .ic::before {\n color: inherit !important;\n}\n\n.btn.is-loading {\n position: relative;\n min-height: 36px;\n pointer-events: none;\n}\n\n.btn.is-loading::before {\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n z-index: 3;\n content: \"\";\n background-color: inherit;\n border-radius: 4px;\n}\n\n.btn.is-loading::after {\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n z-index: 4;\n display: inline-block;\n width: 18px;\n height: 18px;\n margin: auto;\n content: \"\";\n background: center center no-repeat;\n background-size: cover;\n border: 2px solid #fff;\n border-right-color: transparent;\n border-radius: 50%;\n animation: spinner-border .75s linear infinite;\n}\n\n.btn.is-loading.btn-basic::after, .btn.is-loading.btn-secondary::after {\n border-color: #777;\n border-right-color: transparent;\n}\n\n.btn.is-loading.btn-ghost {\n color: transparent;\n}\n\n.btn.is-loading.btn-ghost::after {\n border-color: #777;\n border-right-color: transparent;\n}\n\n.btn.btn-with-icon .ic,\n.btn.btn-with-icon span {\n vertical-align: top;\n border: none;\n}\n\n.btn.btn-with-icon .ic {\n width: 16px;\n height: 16px;\n padding: 0;\n font-size: 16px;\n color: inherit;\n}\n\n.btn.btn-with-icon .ic.is-left {\n margin-right: 8px;\n}\n\n.btn.btn-with-icon .ic.is-right {\n margin-left: 8px;\n}\n\n.btn.btn-with-icon.btn-sm .ic, .btn-group-sm > .btn.btn-with-icon .ic,\n.btn.btn-with-icon.btn-sm span,\n.btn-group-sm > .btn.btn-with-icon span {\n line-height: 16px;\n vertical-align: baseline;\n border: none;\n}\n\n.btn.btn-with-icon.btn-sm .ic, .btn-group-sm > .btn.btn-with-icon .ic {\n margin-right: 0;\n line-height: 18px;\n}\n\n.btn.btn-with-icon.btn-sm .is-left, .btn-group-sm > .btn.btn-with-icon .is-left {\n margin-right: 0;\n}\n\n.btn.btn-with-icon.btn-sm .is-right, .btn-group-sm > .btn.btn-with-icon .is-right {\n margin-left: 0;\n}\n\n.btn.btn-with-icon.btn-lg .ic, .btn-group-lg > .btn.btn-with-icon .ic,\n.btn.btn-with-icon.btn-lg span,\n.btn-group-lg > .btn.btn-with-icon span {\n vertical-align: top;\n border: none;\n}\n\n.btn.btn-with-icon.btn-lg .ic, .btn-group-lg > .btn.btn-with-icon .ic {\n width: 24px;\n height: 24px;\n padding: 0;\n font-size: 24px;\n}\n\n\n.btn.btn-with-icon.btn-lg span,\n.btn-group-lg > .btn.btn-with-icon span {\n line-height: 24px;\n}\n\n.btn.disabled, .btn:disabled {\n color: #b4b4b4;\n cursor: not-allowed;\n background-color: #f2f4f7;\n border: 1px solid #f2f4f7;\n opacity: 1;\n}\n\n.btn.disabled.btn-ghost, .btn:disabled.btn-ghost {\n background-color: transparent;\n border-color: transparent;\n}\n\n.btn.dropdown-toggle::before {\n margin-right: 16px;\n}\n\n.btn.dropdown-toggle::after {\n margin-left: 16px;\n}\n\n.btn-group .btn:first-child:not(:only-child):not(.dropdown-toggle) {\n padding-right: 8px;\n}\n\n.btn-group .btn:last-child:not(:only-child) {\n padding-left: 8px;\n}\n\n.btn-group .dropdown-toggle-split {\n min-width: 36px;\n padding-right: 8px;\n padding-left: 8px;\n}\n\n.btn-group .dropdown-toggle-split::before {\n margin-right: 0;\n}\n\n.btn-group .dropdown-toggle-split::after {\n margin-left: 0;\n}\n\n.btn-group .dropdown-toggle-split.btn-basic:not(:hover):not(:focus), .btn-group .dropdown-toggle-split.btn-secondary:not(:hover):not(:focus) {\n padding-left: 9px;\n border-left: none;\n}\n\n.btn-group.dropleft .dropdown-toggle-split.btn-basic, .btn-group.dropleft .dropdown-toggle-split.btn-secondary:not(:hover):not(:focus) {\n padding-left: 8px;\n border-left: 1px solid #e2e2e2;\n}\n\n.btn-group.dropleft ~ .btn-basic:not(:hover):not(:focus),\n.btn-group.dropleft ~ .btn-secondary:not(:hover):not(:focus) {\n padding-left: 9px;\n border-left: none;\n}\n\n.btn {\n height: 36px;\n}\n\n.btn.btn-sm, .btn-group-sm > .btn {\n height: 24px;\n}\n\n.btn.btn-lg, .btn-group-lg > .btn {\n height: 40px;\n}\n\n.btn.btn-icon-only {\n width: 36px;\n height: 36px;\n padding: 8px;\n font-size: 18px;\n line-height: 18px;\n}\n\n.btn.btn-icon-only > .ic {\n width: 18px;\n height: 18px;\n padding: 0;\n font-size: 18px;\n}\n\n/# sourceMappingURL=mekari-ui-button.css.map /","// Spinners\n\n$spinner-width: 2rem;\n$spinner-height: $spinner-width;\n$spinner-border-width: .25em;\n\n$spinner-width-sm: 1rem;\n$spinner-height-sm: $spinner-width-sm;\n$spinner-border-width-sm: .2em;\n","// stylelint-disable selector-no-qualifying-type\n\n//\n// Base styles\n//\n\n.#{$prefix}btn {\n display: inline-block;\n font-family: $btn-font-family;\n font-weight: $btn-font-weight;\n color: $body-color;\n text-align: center;\n vertical-align: middle;\n user-select: none;\n background-color: transparent;\n border: $btn-border-width solid transparent;\n @include button-size($btn-padding-y, $btn-padding-x, $btn-font-size, $btn-line-height, $btn-border-radius);\n @include transition($btn-transition);\n\n @include hover {\n color: $body-color;\n text-decoration: none;\n }\n\n &:focus,\n &.focus {\n outline: 0;\n box-shadow: $btn-focus-box-shadow;\n }\n\n // Disabled comes first so active can properly restyle\n &.disabled,\n &:disabled {\n opacity: $btn-disabled-opacity;\n @include box-shadow(none);\n }\n\n &:not(:disabled):not(.disabled):active,\n &:not(:disabled):not(.disabled).active {\n @include box-shadow($btn-active-box-shadow);\n\n &:focus {\n @include box-shadow($btn-focus-box-shadow, $btn-active-box-shadow);\n }\n }\n}\n\n// Future-proof disabling of clicks on `<a>` elements\na.#{$prefix}btn.disabled,\nfieldset:disabled a.#{$prefix}btn {\n pointer-events: none;\n}\n\n\n//\n// Alternate buttons\n//\n\n@each $color, $value in $theme-colors {\n .#{$prefix}btn-#{$color} {\n @include button-variant($value, $value);\n }\n}\n\n@each $color, $value in $theme-colors {\n .#{$prefix}btn-outline-#{$color} {\n @include button-outline-variant($value);\n }\n}\n\n\n//\n// Link buttons\n//\n\n// Make a button look and behave like a link\n.#{$prefix}btn-link {\n font-weight: $font-weight-normal;\n color: $link-color;\n text-decoration: $link-decoration;\n\n @include hover {\n color: $link-hover-color;\n text-decoration: $link-hover-decoration;\n }\n\n &:focus,\n &.focus {\n text-decoration: $link-hover-decoration;\n box-shadow: none;\n }\n\n &:disabled,\n &.disabled {\n color: $btn-link-disabled-color;\n pointer-events: none;\n }\n\n // No need for an active state here\n}\n\n\n//\n// Button Sizes\n//\n\n.#{$prefix}btn-lg {\n @include button-size($btn-padding-y-lg, $btn-padding-x-lg, $btn-font-size-lg, $btn-line-height-lg, $btn-border-radius-lg);\n}\n\n.#{$prefix}btn-sm {\n @include button-size($btn-padding-y-sm, $btn-padding-x-sm, $btn-font-size-sm, $btn-line-height-sm, $btn-border-radius-sm);\n}\n\n\n//\n// Block button\n//\n\n.#{$prefix}btn-block {\n display: block;\n width: 100%;\n\n // Vertically space out multiple block buttons\n + .#{$prefix}btn-block {\n margin-top: $btn-block-spacing-y;\n }\n}\n\n// Specificity overrides\ninput[type=\"submit\"],\ninput[type=\"reset\"],\ninput[type=\"button\"] {\n &.#{$prefix}btn-block {\n width: 100%;\n }\n}\n","$font-family-roboto: \"Roboto\", \"Oxygen\", \"Ubuntu\", \"Fira Sans\", \"Droid Sans\", \"Helvetica Neue\", sans-serif;\n$font-family-base: $font-family-roboto;\n$font-family-monospace: monospace;\n\n// 1 rem = 16px\n$font-size-base: .875rem; // 14px\n$font-size-lg: 1.25rem; // 20px\n$font-size-sm: .75rem; // 12px\n\n$line-height-base: 1.4285; // The closest value to Mekari design\n$line-height-lg: 1.4285;\n$line-height-sm: 1.4285;\n$letter-spacing: .2px;\n\n$font-weight-lighter: 400;\n$font-weight-light: 400;\n$font-weight-normal: 400;\n$font-weight-base: 400;\n$font-weight-bold: 500;\n$font-weight-bolder: 500;\n\n$dt-font-weight: $font-weight-bold;\n\n// Text color\n$body-color: $dark;\n$link-color: $blue;\n$link-hover-color: darken($link-color, 15%) !default;\n$link-decoration: none;\n$link-hover-decoration: underline;\n\n$input-placeholder-color: $text-muted;\n$custom-select-disabled-color: $text-muted;\n$custom-control-label-disabled-color: $text-muted;\n","// Neutrals color variables\n$dark: #212121;\n$slate: #777;\n$muted: #b4b4b4;\n$smoke: #e2e2e2;\n$snow: #fbfbfb;\n$white: #fff;\n$cloud: #f2f4f7;\n\n// UI color variables\n$red: #d74022;\n$green: #009f61;\n$light-yellow: #ffeb99;\n$blue: #1357ff;\n$orange: #ffb700;\n$sapphire: #005fbf;\n\n// Branding color variables\n$crimson: #c02a34;\n$azure: #009bde;\n$salamander: #f96d01;\n$purple: #6d48e5;\n\n// Bootstrap dependencies color\n$black: #000 !default;\n$gray-100: #f8f9fa !default;\n$gray-200: #e9ecef !default;\n$gray-300: #dee2e6 !default;\n$gray-400: #ced4da !default;\n$gray-500: #adb5bd !default;\n$gray-600: #6c757d !default;\n$gray-700: #495057 !default;\n$gray-800: #343a40 !default;\n$gray-900: #212529 !default;\n\n// The yiq lightness value that determines when the lightness of color changes from \"dark\" to \"light\". Acceptable values are between 0 and 255.\n$yiq-contrasted-threshold: 150 !default;\n\n// Customize the light and dark text colors for use in our YIQ color contrast function.\n$yiq-text-dark: $gray-900 !default;\n$yiq-text-light: $white !default;\n\n\n$grays: () !default;\n// stylelint-disable-next-line scss/dollar-variable-default\n$grays: map-merge(\n (\n \"100\": $gray-100,\n \"200\": $gray-200,\n \"300\": $gray-300,\n \"400\": $gray-400,\n \"500\": $gray-500,\n \"600\": $gray-600,\n \"700\": $gray-700,\n \"800\": $gray-800,\n \"900\": $gray-900\n ),\n $grays\n);\n\n// register mekari color variables too bootstrap\n$colors: ();\n$colors: map-merge(\n (\n \"noir\" : $dark, // going to deprecated\n \"dark\" : $dark,\n \"slate\" : $slate,\n \"muted\" : $muted,\n \"smoke\" : $smoke,\n \"snow\" : $snow,\n \"cloud\" : $cloud,\n \"crimson\" : $crimson,\n \"azure\" : $azure,\n \"salamander\" : $salamander,\n \"purple\" : $purple,\n \"sapphire\" : $sapphire,\n \"white\" : $white,\n \"red\" : $red,\n \"orange\" : $orange,\n \"green\" : $green,\n \"blue\" : $blue,\n \"light-yellow\" : $light-yellow\n ),\n $colors\n);\n\n//extend bootstrap class\n$danger: $red;\n$success: $green;\n$info: $light-yellow;\n$warning: $orange;\n$primary: $sapphire;\n$jurnal: $azure;\n$talenta: $crimson;\n$klikpajak: $salamander;\n$mekari: $purple;\n\n$link: $blue;\n\n$text-muted: $muted;\n$body-color: $dark;\n$dark: $dark;\n$secondary: $slate;\n$light: $snow;\n\n// Add more theme color variables\n$theme-colors: ();\n$theme-colors: map-merge(\n (\n \"danger\" : $danger,\n \"success\" : $success,\n \"info\" : $info,\n \"warning\" : $warning,\n \"primary\" : $primary,\n \"jurnal\" : $jurnal,\n \"talenta\" : $talenta,\n \"klikpajak\" : $klikpajak,\n \"mekari\" : $mekari,\n \"dark\" : $dark,\n \"slate\" : $slate,\n \"muted\" : $muted,\n \"smoke\" : $smoke,\n \"light\" : $light,\n \"cloud\" : $cloud,\n \"link\" : $blue,\n \"white\" : $white\n ),\n $theme-colors\n);\n\n$card-border-color: $smoke;\n$body-bg: $white;\n","// Button variants\n//\n// Easily pump out default styles, as well as :hover, :focus, :active,\n// and disabled options for all buttons\n\n@mixin button-variant($background, $border, $hover-background: darken($background, 7.5%), $hover-border: darken($border, 10%), $active-background: darken($background, 10%), $active-border: darken($border, 12.5%)) {\n color: color-yiq($background);\n @include gradient-bg($background);\n border-color: $border;\n @include box-shadow($btn-box-shadow);\n\n @include hover {\n color: color-yiq($hover-background);\n @include gradient-bg($hover-background);\n border-color: $hover-border;\n }\n\n &:focus,\n &.focus {\n // Avoid using mixin so we can pass custom focus shadow properly\n @if $enable-shadows {\n box-shadow: $btn-box-shadow, 0 0 0 $btn-focus-width rgba(mix(color-yiq($background), $border, 15%), .5);\n } @else {\n box-shadow: 0 0 0 $btn-focus-width rgba(mix(color-yiq($background), $border, 15%), .5);\n }\n }\n\n // Disabled comes first so active can properly restyle\n &.disabled,\n &:disabled {\n color: color-yiq($background);\n background-color: $background;\n border-color: $border;\n // Remove CSS gradients if they're enabled\n @if $enable-gradients {\n background-image: none;\n }\n }\n\n &:not(:disabled):not(.disabled):active,\n &:not(:disabled):not(.disabled).active,\n .#{$prefix}show > &.dropdown-toggle {\n color: color-yiq($active-background);\n background-color: $active-background;\n @if $enable-gradients {\n background-image: none; // Remove the gradient for the pressed/active state\n }\n border-color: $active-border;\n\n &:focus {\n // Avoid using mixin so we can pass custom focus shadow properly\n @if $enable-shadows and $btn-active-box-shadow != none {\n box-shadow: $btn-active-box-shadow, 0 0 0 $btn-focus-width rgba(mix(color-yiq($background), $border, 15%), .5);\n } @else {\n box-shadow: 0 0 0 $btn-focus-width rgba(mix(color-yiq($background), $border, 15%), .5);\n }\n }\n }\n}\n\n@mixin button-outline-variant($color, $color-hover: color-yiq($color), $active-background: $color, $active-border: $color) {\n color: $color;\n border-color: $color;\n\n @include hover {\n color: $color-hover;\n background-color: $active-background;\n border-color: $active-border;\n }\n\n &:focus,\n &.focus {\n box-shadow: 0 0 0 $btn-focus-width rgba($color, .5);\n }\n\n &.disabled,\n &:disabled {\n color: $color;\n background-color: transparent;\n }\n\n &:not(:disabled):not(.disabled):active,\n &:not(:disabled):not(.disabled).active,\n .#{$prefix}show > &.dropdown-toggle {\n color: color-yiq($active-background);\n background-color: $active-background;\n border-color: $active-border;\n\n &:focus {\n // Avoid using mixin so we can pass custom focus shadow properly\n @if $enable-shadows and $btn-active-box-shadow != none {\n box-shadow: $btn-active-box-shadow, 0 0 0 $btn-focus-width rgba($color, .5);\n } @else {\n box-shadow: 0 0 0 $btn-focus-width rgba($color, .5);\n }\n }\n }\n}\n\n// Button sizes\n@mixin button-size($padding-y, $padding-x, $font-size, $line-height, $border-radius) {\n padding: $padding-y $padding-x;\n @include font-size($font-size);\n line-height: $line-height;\n // Manually declare to provide an override to the browser default\n @include border-radius($border-radius, 0);\n}\n","// Buttons\n//\n// For each of Bootstrap's buttons, define text, background, and border color.\n\n$btn-padding-y: 8px;\n$btn-padding-x: 16px;\n$btn-font-size: 14px;\n$btn-line-height: 20px;\n\n$btn-padding-y-sm: 2px;\n$btn-padding-x-sm: 8px;\n$btn-font-size-sm: 14px;\n$btn-line-height-sm: 20px;\n\n// $btn-padding-y-lg: 8px;\n// $btn-padding-x-lg: 16px;\n$btn-font-size-lg: 16px;\n$btn-line-height-lg: 24px;\n\n$btn-font-family: $font-family-base;\n$btn-font-weight: $font-weight-normal;\n$btn-border-width: 1px;\n$btn-border-radius: 4px;\n$btn-transition: color .15s ease-in-out, background-color .15s ease-in-out,border-color .15s ease-in-out, box-shadow .15s ease-in-out;\n\n$btn-focus-box-shadow: 0 0 4px 1px $link;\n$btn-disabled-opacity: .65;\n$btn-active-box-shadow: inset 0 3px 5px rgba($black, .125) !default;\n$btn-box-shadow: inset 0 1px 0 rgba($white, .15), 0 1px 1px rgba($black, .075) !default;\n$btn-focus-width: .2rem;\n\n$btn-link-disabled-color: $cloud;\n$btn-padding-y-lg: 8px;\n$btn-padding-x-lg: 16px;\n$btn-border-radius-lg: 4px;\n$btn-border-radius-sm: 4px;\n$btn-block-spacing-y: .5rem;\n","// stylelint-disable property-blacklist, scss/dollar-variable-default\n\n// SCSS RFS mixin\n//\n// Automated font-resizing\n//\n// See https://github.com/twbs/rfs\n\n// Configuration\n\n// Base font size\n$rfs-base-font-size: 1.25rem !default;\n$rfs-font-size-unit: rem !default;\n\n// Breakpoint at where font-size starts decreasing if screen width is smaller\n$rfs-breakpoint: 1200px !default;\n$rfs-breakpoint-unit: px !default;\n\n// Resize font-size based on screen height and width\n$rfs-two-dimensional: false !default;\n\n// Factor of decrease\n$rfs-factor: 10 !default;\n\n@if type-of($rfs-factor) != \"number\" or $rfs-factor <= 1 {\n @error \"`#{$rfs-factor}` is not a valid $rfs-factor, it must be greater than 1.\";\n}\n\n// Generate enable or disable classes. Possibilities: false, \"enable\" or \"disable\"\n$rfs-class: false !default;\n\n// 1 rem = $rfs-rem-value px\n$rfs-rem-value: 16 !default;\n\n// Safari iframe resize bug: https://github.com/twbs/rfs/issues/14\n$rfs-safari-iframe-resize-bug-fix: false !default;\n\n// Disable RFS by setting $enable-responsive-font-sizes to false\n$enable-responsive-font-sizes: true !default;\n\n// Cache $rfs-base-font-size unit\n$rfs-base-font-size-unit: unit($rfs-base-font-size);\n\n// Remove px-unit from $rfs-base-font-size for calculations\n@if $rfs-base-font-size-unit == \"px\" {\n $rfs-base-font-size: $rfs-base-font-size / ($rfs-base-font-size * 0 + 1);\n}\n@else if $rfs-base-font-size-unit == \"rem\" {\n $rfs-base-font-size: $rfs-base-font-size / ($rfs-base-font-size * 0 + 1 / $rfs-rem-value);\n}\n\n// Cache $rfs-breakpoint unit to prevent multiple calls\n$rfs-breakpoint-unit-cache: unit($rfs-breakpoint);\n\n// Remove unit from $rfs-breakpoint for calculations\n@if $rfs-breakpoint-unit-cache == \"px\" {\n $rfs-breakpoint: $rfs-breakpoint / ($rfs-breakpoint * 0 + 1);\n}\n@else if $rfs-breakpoint-unit-cache == \"rem\" or $rfs-breakpoint-unit-cache == \"em\" {\n $rfs-breakpoint: $rfs-breakpoint / ($rfs-breakpoint * 0 + 1 / $rfs-rem-value);\n}\n\n// Responsive font-size mixin\n@mixin rfs($fs, $important: false) {\n // Cache $fs unit\n $fs-unit: if(type-of($fs) == \"number\", unit($fs), false);\n\n // Add !important suffix if needed\n $rfs-suffix: if($important, \" !important\", \"\");\n\n // If $fs isn't a number (like inherit) or $fs has a unit (not px or rem, like 1.5em) or $ is 0, just print the value\n @if not $fs-unit or $fs-unit != \"\" and $fs-unit != \"px\" and $fs-unit != \"rem\" or $fs == 0 {\n font-size: #{$fs}#{$rfs-suffix};\n }\n @else {\n // Variables for storing static and fluid rescaling\n $rfs-static: null;\n $rfs-fluid: null;\n\n // Remove px-unit from $fs for calculations\n @if $fs-unit == \"px\" {\n $fs: $fs / ($fs * 0 + 1);\n }\n @else if $fs-unit == \"rem\" {\n $fs: $fs / ($fs * 0 + 1 / $rfs-rem-value);\n }\n\n // Set default font-size\n @if $rfs-font-size-unit == rem {\n $rfs-static: #{$fs / $rfs-rem-value}rem#{$rfs-suffix};\n }\n @else if $rfs-font-size-unit == px {\n $rfs-static: #{$fs}px#{$rfs-suffix};\n }\n @else {\n @error \"`#{$rfs-font-size-unit}` is not a valid unit for $rfs-font-size-unit. Use `px` or `rem`.\";\n }\n\n // Only add media query if font-size is bigger as the minimum font-size\n // If $rfs-factor == 1, no rescaling will take place\n @if $fs > $rfs-base-font-size and $enable-responsive-font-sizes {\n $min-width: null;\n $variable-unit: null;\n\n // Calculate minimum font-size for given font-size\n $fs-min: $rfs-base-font-size + ($fs - $rfs-base-font-size) / $rfs-factor;\n\n // Calculate difference between given font-size and minimum font-size for given font-size\n $fs-diff: $fs - $fs-min;\n\n // Base font-size formatting\n // No need to check if the unit is valid, because we did that before\n $min-width: if($rfs-font-size-unit == rem, #{$fs-min / $rfs-rem-value}rem, #{$fs-min}px);\n\n // If two-dimensional, use smallest of screen width and height\n $variable-unit: if($rfs-two-dimensional, vmin, vw);\n\n // Calculate the variable width between 0 and $rfs-breakpoint\n $variable-width: #{$fs-diff * 100 / $rfs-breakpoint}#{$variable-unit};\n\n // Set the calculated font-size.\n $rfs-fluid: calc(#{$min-width} + #{$variable-width}) #{$rfs-suffix};\n }\n\n // Rendering\n @if $rfs-fluid == null {\n // Only render static font-size if no fluid font-size is available\n font-size: $rfs-static;\n }\n @else {\n $mq-value: null;\n\n // RFS breakpoint formatting\n @if $rfs-breakpoint-unit == em or $rfs-breakpoint-unit == rem {\n $mq-value: #{$rfs-breakpoint / $rfs-rem-value}#{$rfs-breakpoint-unit};\n }\n @else if $rfs-breakpoint-unit == px {\n $mq-value: #{$rfs-breakpoint}px;\n }\n @else {\n @error \"`#{$rfs-breakpoint-unit}` is not a valid unit for $rfs-breakpoint-unit. Use `px`, `em` or `rem`.\";\n }\n\n @if $rfs-class == \"disable\" {\n // Adding an extra class increases specificity,\n // which prevents the media query to override the font size\n &,\n .disable-responsive-font-size &,\n &.disable-responsive-font-size {\n font-size: $rfs-static;\n }\n }\n @else {\n font-size: $rfs-static;\n }\n\n @if $rfs-two-dimensional {\n @media (max-width: #{$mq-value}), (max-height: #{$mq-value}) {\n @if $rfs-class == \"enable\" {\n .enable-responsive-font-size &,\n &.enable-responsive-font-size {\n font-size: $rfs-fluid;\n }\n }\n @else {\n font-size: $rfs-fluid;\n }\n\n @if $rfs-safari-iframe-resize-bug-fix {\n // stylelint-disable-next-line length-zero-no-unit\n min-width: 0vw;\n }\n }\n }\n @else {\n @media (max-width: #{$mq-value}) {\n @if $rfs-class == \"enable\" {\n .enable-responsive-font-size &,\n &.enable-responsive-font-size {\n font-size: $rfs-fluid;\n }\n }\n @else {\n font-size: $rfs-fluid;\n }\n\n @if $rfs-safari-iframe-resize-bug-fix {\n // stylelint-disable-next-line length-zero-no-unit\n min-width: 0vw;\n }\n }\n }\n }\n }\n}\n\n// The font-size & responsive-font-size mixin uses RFS to rescale font sizes\n@mixin font-size($fs, $important: false) {\n @include rfs($fs, $important);\n}\n\n@mixin responsive-font-size($fs, $important: false) {\n @include rfs($fs, $important);\n}\n","// stylelint-disable property-blacklist\n// Single side border-radius\n\n@mixin border-radius($radius: $border-radius, $fallback-border-radius: false) {\n @if $enable-rounded {\n border-radius: $radius;\n }\n @else if $fallback-border-radius != false {\n border-radius: $fallback-border-radius;\n }\n}\n\n@mixin border-top-radius($radius) {\n @if $enable-rounded {\n border-top-left-radius: $radius;\n border-top-right-radius: $radius;\n }\n}\n\n@mixin border-right-radius($radius) {\n @if $enable-rounded {\n border-top-right-radius: $radius;\n border-bottom-right-radius: $radius;\n }\n}\n\n@mixin border-bottom-radius($radius) {\n @if $enable-rounded {\n border-bottom-right-radius: $radius;\n border-bottom-left-radius: $radius;\n }\n}\n\n@mixin border-left-radius($radius) {\n @if $enable-rounded {\n border-top-left-radius: $radius;\n border-bottom-left-radius: $radius;\n }\n}\n\n@mixin border-top-left-radius($radius) {\n @if $enable-rounded {\n border-top-left-radius: $radius;\n }\n}\n\n@mixin border-top-right-radius($radius) {\n @if $enable-rounded {\n border-top-right-radius: $radius;\n }\n}\n\n@mixin border-bottom-right-radius($radius) {\n @if $enable-rounded {\n border-bottom-right-radius: $radius;\n }\n}\n\n@mixin border-bottom-left-radius($radius) {\n @if $enable-rounded {\n border-bottom-left-radius: $radius;\n }\n}\n","// stylelint-disable property-blacklist\n@mixin transition($transition...) {\n @if $enable-transitions {\n @if length($transition) == 0 {\n transition: $transition-base;\n } @else {\n transition: $transition;\n }\n }\n\n @if $enable-prefers-reduced-motion-media-query {\n @media (prefers-reduced-motion: reduce) {\n transition: none;\n }\n }\n}\n","// Hover mixin and `$enable-hover-media-query` are deprecated.\n//\n// Originally added during our alphas and maintained during betas, this mixin was\n// designed to prevent `:hover` stickiness on iOS-an issue where hover styles\n// would persist after initial touch.\n//\n// For backward compatibility, we've kept these mixins and updated them to\n// always return their regular pseudo-classes instead of a shimmed media query.\n//\n// Issue: https://github.com/twbs/bootstrap/issues/25195\n\n@mixin hover {\n &:hover { @content; }\n}\n\n@mixin hover-focus {\n &:hover,\n &:focus {\n @content;\n }\n}\n\n@mixin plain-hover-focus {\n &,\n &:hover,\n &:focus {\n @content;\n }\n}\n\n@mixin hover-focus-active {\n &:hover,\n &:focus,\n &:active {\n @content;\n }\n}\n","// Gradients\n\n@mixin gradient-bg($color) {\n @if $enable-gradients {\n background: $color linear-gradient(180deg, mix($body-bg, $color, 15%), $color) repeat-x;\n } @else {\n background-color: $color;\n }\n}\n\n// Horizontal gradient, from left to right\n//\n// Creates two color stops, start and end, by specifying a color and position for each color stop.\n@mixin gradient-x($start-color: $gray-700, $end-color: $gray-800, $start-percent: 0%, $end-percent: 100%) {\n background-image: linear-gradient(to right, $start-color $start-percent, $end-color $end-percent);\n background-repeat: repeat-x;\n}\n\n// Vertical gradient, from top to bottom\n//\n// Creates two color stops, start and end, by specifying a color and position for each color stop.\n@mixin gradient-y($start-color: $gray-700, $end-color: $gray-800, $start-percent: 0%, $end-percent: 100%) {\n background-image: linear-gradient(to bottom, $start-color $start-percent, $end-color $end-percent);\n background-repeat: repeat-x;\n}\n\n@mixin gradient-directional($start-color: $gray-700, $end-color: $gray-800, $deg: 45deg) {\n background-image: linear-gradient($deg, $start-color, $end-color);\n background-repeat: repeat-x;\n}\n@mixin gradient-x-three-colors($start-color: $blue, $mid-color: $purple, $color-stop: 50%, $end-color: $red) {\n background-image: linear-gradient(to right, $start-color, $mid-color $color-stop, $end-color);\n background-repeat: no-repeat;\n}\n@mixin gradient-y-three-colors($start-color: $blue, $mid-color: $purple, $color-stop: 50%, $end-color: $red) {\n background-image: linear-gradient($start-color, $mid-color $color-stop, $end-color);\n background-repeat: no-repeat;\n}\n@mixin gradient-radial($inner-color: $gray-700, $outer-color: $gray-800) {\n background-image: radial-gradient(circle, $inner-color, $outer-color);\n background-repeat: no-repeat;\n}\n@mixin gradient-striped($color: rgba($white, .15), $angle: 45deg) {\n background-image: linear-gradient($angle, $color 25%, transparent 25%, transparent 50%, $color 50%, $color 75%, transparent 75%, transparent);\n}\n","// stylelint-disable selector-no-qualifying-type\n\n// Make the div behave like a button\n.#{$prefix}btn-group,\n.#{$prefix}btn-group-vertical {\n position: relative;\n display: inline-flex;\n vertical-align: middle; // match .#{$prefix}btn alignment given font-size hack above\n\n > .#{$prefix}btn {\n position: relative;\n flex: 1 1 auto;\n\n // Bring the hover, focused, and \"active\" buttons to the front to overlay\n // the borders properly\n @include hover {\n z-index: 1;\n }\n &:focus,\n &:active,\n &.active {\n z-index: 1;\n }\n }\n}\n\n// Optional: Group multiple button groups together for a toolbar\n.#{$prefix}btn-toolbar {\n display: flex;\n flex-wrap: wrap;\n justify-content: flex-start;\n\n .input-group {\n width: auto;\n }\n}\n\n.#{$prefix}btn-group {\n // Prevent double borders when buttons are next to each other\n > .#{$prefix}btn:not(:first-child),\n > .#{$prefix}btn-group:not(:first-child) {\n margin-left: -$btn-border-width;\n }\n\n // Reset rounded corners\n > .#{$prefix}btn:not(:last-child):not(.dropdown-toggle),\n > .#{$prefix}btn-group:not(:last-child) > .#{$prefix}btn {\n @include border-right-radius(0);\n }\n\n > .#{$prefix}btn:not(:first-child),\n > .#{$prefix}btn-group:not(:first-child) > .#{$prefix}btn {\n @include border-left-radius(0);\n }\n}\n\n// Sizing\n//\n// Remix the default button sizing classes into new ones for easier manipulation.\n\n.#{$prefix}btn-group-sm > .#{$prefix}btn { @extend .#{$prefix}btn-sm; }\n.#{$prefix}btn-group-lg > .#{$prefix}btn { @extend .#{$prefix}btn-lg; }\n\n\n//\n// Split button dropdowns\n//\n\n.#{$prefix}dropdown-toggle-split {\n padding-right: $btn-padding-x * .75;\n padding-left: $btn-padding-x * .75;\n\n &::after,\n .#{$prefix}dropup &::after,\n .#{$prefix}dropright &::after {\n margin-left: 0;\n }\n\n .#{$prefix}dropleft &::before {\n margin-right: 0;\n }\n}\n\n.#{$prefix}btn-sm + .#{$prefix}dropdown-toggle-split {\n padding-right: $btn-padding-x-sm * .75;\n padding-left: $btn-padding-x-sm * .75;\n}\n\n.#{$prefix}btn-lg + .#{$prefix}dropdown-toggle-split {\n padding-right: $btn-padding-x-lg * .75;\n padding-left: $btn-padding-x-lg * .75;\n}\n\n\n// The clickable button for toggling the menu\n// Set the same inset shadow as the :active state\n.#{$prefix}btn-group.#{$prefix}show .#{$prefix}dropdown-toggle {\n @include box-shadow($btn-active-box-shadow);\n\n // Show no shadow for `.#{$prefix}btn-link` since it has no other button styles.\n &.#{$prefix}btn-link {\n @include box-shadow(none);\n }\n}\n\n\n//\n// Vertical button groups\n//\n\n.#{$prefix}btn-group-vertical {\n flex-direction: column;\n align-items: flex-start;\n justify-content: center;\n\n > .#{$prefix}btn,\n > .#{$prefix}btn-group {\n width: 100%;\n }\n\n > .#{$prefix}btn:not(:first-child),\n > .#{$prefix}btn-group:not(:first-child) {\n margin-top: -$btn-border-width;\n }\n\n // Reset rounded corners\n > .#{$prefix}btn:not(:last-child):not(.dropdown-toggle),\n > .#{$prefix}btn-group:not(:last-child) > .#{$prefix}btn {\n @include border-bottom-radius(0);\n }\n\n > .#{$prefix}btn:not(:first-child),\n > .#{$prefix}btn-group:not(:first-child) > .#{$prefix}btn {\n @include border-top-radius(0);\n }\n}\n\n\n// Checkbox and radio options\n//\n// In order to support the browser's form validation feedback, powered by the\n// `required` attribute, we have to \"hide\" the inputs via `clip`. We cannot use\n// `display: none;` or `visibility: hidden;` as that also hides the popover.\n// Simply visually hiding the inputs via `opacity` would leave them clickable in\n// certain cases which is prevented by using `clip` and `pointer-events`.\n// This way, we ensure a DOM element is visible to position the popover from.\n//\n// See https://github.com/twbs/bootstrap/pull/12794 and\n// https://github.com/twbs/bootstrap/pull/14559 for more information.\n\n.#{$prefix}btn-group-toggle {\n > .#{$prefix}btn,\n > .#{$prefix}btn-group > .#{$prefix}btn {\n margin-bottom: 0; // Override default `<label>` value\n\n input[type=\"radio\"],\n input[type=\"checkbox\"] {\n position: absolute;\n clip: rect(0, 0, 0, 0);\n pointer-events: none;\n }\n }\n}\n","// Button related variable\n%btn-link-active {\n color: $blue;\n background-color: transparent;\n border-color: transparent;\n}\n\n%btn-ghost {\n color: $secondary;\n background-color: transparent;\n border: 1px solid transparent;\n &:not(:disabled):not(.disabled):hover {\n background-color: $cloud;\n border-color: $cloud;\n }\n &:not(:disabled):not(.disabled):focus {\n background-color: transparent;\n border-color: $blue;\n box-shadow: 0 0 4px 1px $blue;\n }\n}\n\n$btn-secondary-border-color: $smoke;\n// End of button related variable\n\n.#{$prefix}btn {\n &.#{$prefix}btn-basic,\n &.#{$prefix}btn-secondary {\n color: $secondary;\n background-color: $light;\n border: 1px solid $btn-secondary-border-color;\n &:not(:disabled):not(.disabled):hover {\n border-color: $sapphire;\n }\n &:not(:disabled):not(.disabled):focus {\n border-color: $sapphire;\n box-shadow: 0 0 4px 1px $sapphire;\n }\n }\n\n &.#{$prefix}btn-ghost {\n @extend %btn-ghost;\n &:not(:disabled):not(.disabled):focus {\n background-color: transparent;\n border-color: $primary;\n box-shadow: 0 0 4px 1px $primary;\n }\n }\n\n &.#{$prefix}btn-link {\n padding: 0;\n @extend %btn-link-active;\n &:not(:disabled):not(.disabled):active {\n @extend %btn-link-active;\n }\n &:not(:disabled):not(.disabled):focus {\n text-decoration: none;\n box-shadow: 0 0 4px 1px $blue;\n }\n &:disabled,\n &.disabled {\n text-decoration: none;\n pointer-events: auto;\n background-color: transparent;\n border: none;\n }\n }\n\n &.#{$prefix}btn-primary {\n &.#{$prefix}btn-with-icon {\n .ic {\n &::before {\n // stylelint-disable-next-line declaration-no-important\n color: $white !important;\n }\n }\n }\n\n &.#{$prefix}btn-icon-only {\n .ic {\n &::before {\n // stylelint-disable-next-line declaration-no-important\n color: inherit !important;\n }\n }\n }\n }\n\n &.#{$prefix}is-loading {\n position: relative;\n min-height: 36px;\n pointer-events: none;\n &::before {\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n z-index: 3;\n content: \"\";\n background-color: inherit;\n // stylelint-disable-next-line property-blacklist\n border-radius: 4px;\n }\n &::after {\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n z-index: 4;\n display: inline-block;\n width: 18px;\n height: 18px;\n margin: auto;\n content: \"\";\n background: center center no-repeat;\n background-size: cover;\n border: 2px solid $white;\n border-right-color: transparent;\n // stylelint-disable-next-line property-blacklist\n border-radius: 50%;\n animation: spinner-border .75s linear infinite;\n }\n\n &.#{$prefix}btn-basic,\n &.#{$prefix}btn-secondary {\n &::after {\n border-color: $secondary;\n border-right-color: transparent;\n }\n }\n &.#{$prefix}btn-ghost {\n color: transparent;\n &::after {\n border-color: $secondary;\n border-right-color: transparent;\n }\n }\n }\n\n &.#{$prefix}btn-with-icon {\n .ic,\n span {\n vertical-align: top;\n border: none;\n }\n .ic {\n width: 16px;\n height: 16px;\n padding: 0;\n font-size: 16px;\n color: inherit;\n &.is-left {\n margin-right: 8px;\n }\n &.is-right {\n margin-left: 8px;\n }\n }\n &.#{$prefix}btn-sm {\n .ic,\n span {\n line-height: 16px;\n vertical-align: baseline;\n border: none;\n }\n .ic {\n margin-right: 0;\n line-height: 18px;\n }\n .is-left {\n margin-right: 0;\n }\n .is-right {\n margin-left: 0;\n }\n }\n &.#{$prefix}btn-lg {\n .ic,\n span {\n vertical-align: top;\n border: none;\n }\n .ic {\n width: 24px;\n height: 24px;\n padding: 0;\n font-size: 24px;\n }\n span {\n line-height: 24px;\n }\n }\n }\n\n &.disabled,\n &:disabled {\n color: $text-muted;\n cursor: not-allowed;\n background-color: $cloud;\n border: 1px solid $cloud;\n opacity: 1;\n &.#{$prefix}btn-ghost {\n background-color: transparent;\n border-color: transparent;\n }\n }\n\n // Caret\n &.#{$prefix}dropdown-toggle {\n &::before {\n margin-right: 16px;\n }\n &::after {\n margin-left: 16px;\n }\n }\n\n // Button group\n &-group {\n .#{$prefix}btn:first-child:not(:only-child):not(.#{$prefix}dropdown-toggle) {\n padding-right: 8px;\n }\n\n .#{$prefix}btn:last-child:not(:only-child) {\n padding-left: 8px;\n }\n\n // Caret\n .#{$prefix}dropdown-toggle-split {\n min-width: 36px;\n padding-right: 8px;\n padding-left: 8px;\n &::before {\n margin-right: 0;\n }\n &::after {\n margin-left: 0;\n }\n\n // Button secondary\n &.#{$prefix}btn-basic:not(:hover):not(:focus),\n &.#{$prefix}btn-secondary:not(:hover):not(:focus) {\n padding-left: 9px;\n border-left: none;\n }\n }\n\n // Button secondary\n &.#{$prefix}dropleft {\n .#{$prefix}dropdown-toggle-split {\n &.#{$prefix}btn-basic,\n &.#{$prefix}btn-secondary:not(:hover):not(:focus) {\n padding-left: 8px;\n border-left: 1px solid $btn-secondary-border-color;\n }\n }\n\n ~ .#{$prefix}btn-basic:not(:hover):not(:focus),\n ~ .#{$prefix}btn-secondary:not(:hover):not(:focus) {\n padding-left: 9px;\n border-left: none;\n }\n }\n\n // Button link active\n &.#{$prefix}show {\n > .#{$prefix}btn-link {\n @extend %btn-link-active;\n }\n }\n }\n}\n\n.btn {\n height: 36px;\n &.btn-sm {\n height: 24px;\n }\n &.btn-lg {\n height: 40px;\n }\n &.#{$prefix}btn-icon-only {\n width: 36px;\n height: 36px;\n padding: 8px;\n font-size: 18px;\n line-height: 18px;\n @extend %btn-ghost;\n\n > .ic {\n width: 18px;\n height: 18px;\n padding: 0;\n font-size: 18px;\n }\n }\n}\n"]}
1	+ {"version":3,"sources":["../../../scss/vendors/_spinners.scss","mekari-ui-button.css","../../../scss/vendor-extensions/_spinners.scss","../../../scss/vendors/_buttons.scss","../../../scss/vendor-extensions/_typography.scss","../../../scss/vendor-extensions/_color.scss","../../../scss/vendors/mixins/_buttons.scss","../../../scss/vendor-extensions/_button.scss","../../../scss/vendors/_rfs.scss","../../../scss/vendors/mixins/_border-radius.scss","../../../scss/vendors/mixins/_transition.scss","../../../scss/vendors/mixins/_hover.scss","../../../scss/vendors/mixins/_gradients.scss","../../../scss/vendors/_button-group.scss","../../../scss/components/config/_button.scss"],"names":[],"mappings":"AAIA;EACE;IAAK,yBAAyB;ECF9B;AACF;;ADAA;EACE;IAAK,yBAAyB;ECF9B;AACF;;ADIA;EACE,qBAAqB;EACrB,WER0B;EFS1B,YET0B;EFU1B,2BAA2B;EAC3B,iCAAgD;EAChD,+BAA+B;EAE/B,kBAAkB;EAClB,sDAA8C;EAA9C,8CAA8C;ACFhD;;ADKA;EACE,WEf4B;EFgB5B,YEhB4B;EFiB5B,mBEf4B;ADa9B;;ADSA;EACE;IACE,mBAAmB;ECNrB;EDQA;IACE,UAAU;ECNZ;AACF;;ADAA;EACE;IACE,mBAAmB;ECNrB;EDQA;IACE,UAAU;ECNZ;AACF;;ADSA;EACE,qBAAqB;EACrB,WEvC0B;EFwC1B,YExC0B;EFyC1B,2BAA2B;EAC3B,8BAA8B;EAE9B,kBAAkB;EAClB,UAAU;EACV,oDAA4C;EAA5C,4CAA4C;ACP9C;;ADUA;EACE,WE9C4B;EF+C5B,YE/C4B;ADwC9B;;AExCA;EACE,qBAAqB;EACrB,kGCRyH;EDSzH,gBCOuC;EDNvC,cETa;EFUb,kBAAkB;EAClB,sBAAsB;EACtB,yBAAiB;EAAjB,sBAAiB;EAAjB,qBAAiB;EAAjB,iBAAiB;EACjB,6BAA6B;EAC7B,6BAA2C;EGsF3C,iBChGgC;EC0H5B,mBAtCY;EFchB,iBChGgC;EEF9B,kBFiBmB;EGhBjB,qIHiB+H;ANwCrI;;ASpDI;EPLJ;IOMM,gBAAgB;ETwDpB;AACF;;AUzDE;ERQE,cEnBW;EFoBX,qBAAqB;AFqDzB;;AEpEA;EAoBI,UAAU;EACV,+BEdmB;AJkEvB;;AEzEA;EA2BI,aIPsB;ANyD1B;;AEnCA;;EAEE,oBAAoB;AFsCtB;;AE7BE;EGrDA,WDAU;EOAR,yBPImB;ECFrB,qBDEqB;AJoFvB;;AUlFE;ELAE,WDNQ;EOAR,yBNDoF;EASpF,qBATyH;AL+F7H;;AKnFE;EAMI,+CAAiF;ALiFvF;;AK5EE;EAEE,WDxBQ;ECyBR,yBDrBmB;ECsBnB,qBDtBmB;AJoGvB;;AKvEE;;EAGE,WDpCQ;ECqCR,yBAtCuK;EA0CvK,qBA1C+M;ALgHnN;;AKpEI;;EAKI,+CAAiF;ALoEzF;;AE/DE;EGrDA,WDAU;EOAR,yBPKmB;ECHrB,qBDGqB;AJqHvB;;AUpHE;ELAE,WDNQ;EOAR,yBNDoF;EASpF,qBATyH;ALiI7H;;AKrHE;EAMI,gDAAiF;ALmHvF;;AK9GE;EAEE,WDxBQ;ECyBR,yBDpBmB;ECqBnB,qBDrBmB;AJqIvB;;AKzGE;;EAGE,WDpCQ;ECqCR,yBAtCuK;EA0CvK,qBA1C+M;ALkJnN;;AKtGI;;EAKI,gDAAiF;ALsGzF;;AEjGE;EGrDA,cD2BgB;EO3Bd,yBPMmB;ECJrB,qBDIqB;AJsJvB;;AUtJE;ELAE,cDqBc;EO3Bd,yBNDoF;EASpF,qBATyH;ALmK7H;;AKvJE;EAMI,iDAAiF;ALqJvF;;AKhJE;EAEE,cDGc;ECFd,yBDnBmB;ECoBnB,qBDpBmB;AJsKvB;;AK3IE;;EAGE,cDTc;ECUd,yBAtCuK;EA0CvK,qBA1C+M;ALoLnN;;AKxII;;EAKI,iDAAiF;ALwIzF;;AEnIE;EGrDA,cD2BgB;EO3Bd,yBPQmB;ECNrB,qBDMqB;AJsLvB;;AUxLE;ELAE,cDqBc;EO3Bd,yBNDoF;EASpF,qBATyH;ALqM7H;;AKzLE;EAMI,+CAAiF;ALuLvF;;AKlLE;EAEE,cDGc;ECFd,yBDjBmB;ECkBnB,qBDlBmB;AJsMvB;;AK7KE;;EAGE,WDpCQ;ECqCR,yBAtCuK;EA0CvK,qBA1C+M;ALsNnN;;AK1KI;;EAKI,+CAAiF;AL0KzF;;AErKE;EGrDA,WDAU;EOAR,yBPSmB;ECPrB,qBDOqB;AJuNvB;;AU1NE;ELAE,WDNQ;EOAR,yBNDoF;EASpF,qBATyH;ALuO7H;;AK3NE;EAMI,gDAAiF;ALyNvF;;AKpNE;EAEE,WDxBQ;ECyBR,yBDhBmB;ECiBnB,qBDjBmB;AJuOvB;;AK/ME;;EAGE,WDpCQ;ECqCR,yBAtCuK;EA0CvK,qBA1C+M;ALwPnN;;AK5MI;;EAKI,gDAAiF;AL4MzF;;AEvME;EGrDA,WDAU;EOAR,yBPaiB;ECXnB,qBDWmB;AJqPrB;;AU5PE;ELAE,WDNQ;EOAR,yBNDoF;EASpF,qBATyH;ALyQ7H;;AK7PE;EAMI,gDAAiF;AL2PvF;;AKtPE;EAEE,WDxBQ;ECyBR,yBDZiB;ECajB,qBDbiB;AJqQrB;;AKjPE;;EAGE,WDpCQ;ECqCR,yBAtCuK;EA0CvK,qBA1C+M;AL0RnN;;AK9OI;;EAKI,gDAAiF;AL8OzF;;AEzOE;EGrDA,WDAU;EOAR,yBPYiB;ECVnB,qBDUmB;AJwRrB;;AU9RE;ELAE,WDNQ;EOAR,yBNDoF;EASpF,qBATyH;AL2S7H;;AK/RE;EAMI,+CAAiF;AL6RvF;;AKxRE;EAEE,WDxBQ;ECyBR,yBDbiB;ECcjB,qBDdiB;AJwSrB;;AKnRE;;EAGE,WDpCQ;ECqCR,yBAtCuK;EA0CvK,qBA1C+M;AL4TnN;;AKhRI;;EAKI,+CAAiF;ALgRzF;;AE3QE;EGrDA,WDAU;EOAR,yBPciB;ECZnB,qBDYmB;AJwTrB;;AUhUE;ELAE,WDNQ;EOAR,yBNDoF;EASpF,qBATyH;AL6U7H;;AKjUE;EAMI,gDAAiF;AL+TvF;;AK1TE;EAEE,WDxBQ;ECyBR,yBDXiB;ECYjB,qBDZiB;AJwUrB;;AKrTE;;EAGE,WDpCQ;ECqCR,yBAtCuK;EA0CvK,qBA1C+M;AL8VnN;;AKlTI;;EAKI,gDAAiF;ALkTzF;;AE7SE;EGrDA,WDAU;EOAR,yBPeiB;ECbnB,qBDamB;AJyVrB;;AUlWE;ELAE,WDNQ;EOAR,yBNDoF;EASpF,qBATyH;AL+W7H;;AKnWE;EAMI,gDAAiF;ALiWvF;;AK5VE;EAEE,WDxBQ;ECyBR,yBDViB;ECWjB,qBDXiB;AJyWrB;;AKvVE;;EAGE,WDpCQ;ECqCR,yBAtCuK;EA0CvK,qBA1C+M;ALgYnN;;AKpVI;;EAKI,gDAAiF;ALoVzF;;AE/UE;EGrDA,WDAU;EOAR,yBPLW;ECOb,qBDPa;AJ+Yf;;AUpYE;ELAE,WDNQ;EOAR,yBNDoF;EASpF,qBATyH;ALiZ7H;;AKrYE;EAMI,8CAAiF;ALmYvF;;AK9XE;EAEE,WDxBQ;ECyBR,yBD9BW;EC+BX,qBD/BW;AJ+Zf;;AKzXE;;EAGE,WDpCQ;ECqCR,yBAtCuK;EA0CvK,qBA1C+M;ALkanN;;AKtXI;;EAKI,8CAAiF;ALsXzF;;AEjXE;EGrDA,WDAU;EOAR,sBPJQ;ECMV,kBDNU;AJgbZ;;AUtaE;ELAE,WDNQ;EOAR,yBNDoF;EASpF,qBATyH;ALmb7H;;AKvaE;EAMI,iDAAiF;ALqavF;;AKhaE;EAEE,WDxBQ;ECyBR,sBD7BQ;EC8BR,kBD9BQ;AJgcZ;;AK3ZE;;EAGE,WDpCQ;ECqCR,yBAtCuK;EA0CvK,qBA1C+M;ALocnN;;AKxZI;;EAKI,iDAAiF;ALwZzF;;AEnZE;EGrDA,cD2BgB;EO3Bd,yBPHW;ECKb,qBDLa;AJidf;;AUxcE;ELAE,cDqBc;EO3Bd,yBNDoF;EASpF,qBATyH;ALqd7H;;AKzcE;EAMI,iDAAiF;ALucvF;;AKlcE;EAEE,cDGc;ECFd,yBD5BW;EC6BX,qBD7BW;AJief;;AK7bE;;EAGE,cDTc;ECUd,yBAtCuK;EA0CvK,qBA1C+M;ALsenN;;AK1bI;;EAKI,iDAAiF;AL0bzF;;AErbE;EGrDA,cD2BgB;EO3Bd,yBPFW;ECIb,qBDJa;AJkff;;AU1eE;ELAE,cDqBc;EO3Bd,yBNDoF;EASpF,qBATyH;ALuf7H;;AK3eE;EAMI,iDAAiF;ALyevF;;AKpeE;EAEE,cDGc;ECFd,yBD3BW;EC4BX,qBD5BW;AJkgBf;;AK/dE;;EAGE,cDTc;ECUd,yBAtCuK;EA0CvK,qBA1C+M;ALwgBnN;;AK5dI;;EAKI,iDAAiF;AL4dzF;;AEvdE;EGrDA,cD2BgB;EO3Bd,yBPDW;ECGb,qBDHa;AJmhBf;;AU5gBE;ELAE,cDqBc;EO3Bd,yBNDoF;EASpF,qBATyH;ALyhB7H;;AK7gBE;EAMI,iDAAiF;AL2gBvF;;AKtgBE;EAEE,cDGc;ECFd,yBD1BW;EC2BX,qBD3BW;AJmiBf;;AKjgBE;;EAGE,cDTc;ECUd,yBAtCuK;EA0CvK,qBA1C+M;AL0iBnN;;AK9fI;;EAKI,iDAAiF;AL8fzF;;AEzfE;EGrDA,cD2BgB;EO3Bd,yBPCW;ECCb,qBDDa;AJmjBf;;AU9iBE;ELAE,cDqBc;EO3Bd,yBNDoF;EASpF,qBATyH;AL2jB7H;;AK/iBE;EAMI,iDAAiF;AL6iBvF;;AKxiBE;EAEE,cDGc;ECFd,yBDxBW;ECyBX,qBDzBW;AJmkBf;;AKniBE;;EAGE,cDTc;ECUd,yBAtCuK;EA0CvK,qBA1C+M;AL4kBnN;;AKhiBI;;EAKI,iDAAiF;ALgiBzF;;AE3hBE;EGrDA,WDAU;EOAR,yBPOmB;ECLrB,qBDKqB;AJ+kBvB;;AUhlBE;ELAE,WDNQ;EOAR,yBNDoF;EASpF,qBATyH;AL6lB7H;;AKjlBE;EAMI,gDAAiF;AL+kBvF;;AK1kBE;EAEE,WDxBQ;ECyBR,yBDlBmB;ECmBnB,qBDnBmB;AJ+lBvB;;AKrkBE;;EAGE,WDpCQ;ECqCR,yBAtCuK;EA0CvK,qBA1C+M;AL8mBnN;;AKlkBI;;EAKI,gDAAiF;ALkkBzF;;AE7jBE;EGrDA,cD2BgB;EO3Bd,sBPAQ;ECEV,kBDFU;AJwnBZ;;AUlnBE;ELAE,cDqBc;EO3Bd,yBNDoF;EASpF,qBATyH;AL+nB7H;;AKnnBE;EAMI,iDAAiF;ALinBvF;;AK5mBE;EAEE,cDGc;ECFd,sBDzBQ;EC0BR,kBD1BQ;AJwoBZ;;AKvmBE;;EAGE,cDTc;ECUd,yBAtCuK;EA0CvK,qBA1C+M;ALgpBnN;;AKpmBI;;EAKI,iDAAiF;ALomBzF;;AEzlBE;EGJA,cDnDqB;ECoDrB,qBDpDqB;AJqpBvB;;AUnpBE;ELqDE,WD3DQ;EC4DR,yBDxDmB;ECyDnB,qBDzDmB;AJ2pBvB;;AK/lBE;EAEE,+CD9DmB;AJ+pBvB;;AK9lBE;EAEE,cDnEmB;ECoEnB,6BAA6B;ALgmBjC;;AK7lBE;;EAGE,WD9EQ;EC+ER,yBD3EmB;EC4EnB,qBD5EmB;AJ2qBvB;;AK7lBI;;EAKI,+CDnFe;AJgrBvB;;AEznBE;EGJA,cDlDqB;ECmDrB,qBDnDqB;AJorBvB;;AUnrBE;ELqDE,WD3DQ;EC4DR,yBDvDmB;ECwDnB,qBDxDmB;AJ0rBvB;;AK/nBE;EAEE,8CD7DmB;AJ8rBvB;;AK9nBE;EAEE,cDlEmB;ECmEnB,6BAA6B;ALgoBjC;;AK7nBE;;EAGE,WD9EQ;EC+ER,yBD1EmB;EC2EnB,qBD3EmB;AJ0sBvB;;AK7nBI;;EAKI,8CDlFe;AJ+sBvB;;AEzpBE;EGJA,cDjDqB;ECkDrB,qBDlDqB;AJmtBvB;;AUntBE;ELqDE,cDhCc;ECiCd,yBDtDmB;ECuDnB,qBDvDmB;AJytBvB;;AK/pBE;EAEE,iDD5DmB;AJ6tBvB;;AK9pBE;EAEE,cDjEmB;ECkEnB,6BAA6B;ALgqBjC;;AK7pBE;;EAGE,cDnDc;ECoDd,yBDzEmB;EC0EnB,qBD1EmB;AJyuBvB;;AK7pBI;;EAKI,iDDjFe;AJ8uBvB;;AEzrBE;EGJA,cD/CqB;ECgDrB,qBDhDqB;AJivBvB;;AUnvBE;ELqDE,cDhCc;ECiCd,yBDpDmB;ECqDnB,qBDrDmB;AJuvBvB;;AK/rBE;EAEE,+CD1DmB;AJ2vBvB;;AK9rBE;EAEE,cD/DmB;ECgEnB,6BAA6B;ALgsBjC;;AK7rBE;;EAGE,cDnDc;ECoDd,yBDvEmB;ECwEnB,qBDxEmB;AJuwBvB;;AK7rBI;;EAKI,+CD/Ee;AJ4wBvB;;AEztBE;EGJA,cD9CqB;EC+CrB,qBD/CqB;AJgxBvB;;AUnxBE;ELqDE,WD3DQ;EC4DR,yBDnDmB;ECoDnB,qBDpDmB;AJsxBvB;;AK/tBE;EAEE,8CDzDmB;AJ0xBvB;;AK9tBE;EAEE,cD9DmB;EC+DnB,6BAA6B;ALguBjC;;AK7tBE;;EAGE,WD9EQ;EC+ER,yBDtEmB;ECuEnB,qBDvEmB;AJsyBvB;;AK7tBI;;EAKI,8CD9Ee;AJ2yBvB;;AEzvBE;EGJA,cD1CmB;EC2CnB,qBD3CmB;AJ4yBrB;;AUnzBE;ELqDE,WD3DQ;EC4DR,yBD/CiB;ECgDjB,qBDhDiB;AJkzBrB;;AK/vBE;EAEE,+CDrDiB;AJszBrB;;AK9vBE;EAEE,cD1DiB;EC2DjB,6BAA6B;ALgwBjC;;AK7vBE;;EAGE,WD9EQ;EC+ER,yBDlEiB;ECmEjB,qBDnEiB;AJk0BrB;;AK7vBI;;EAKI,+CD1Ea;AJu0BrB;;AEzxBE;EGJA,cD3CmB;EC4CnB,qBD5CmB;AJ60BrB;;AUn1BE;ELqDE,WD3DQ;EC4DR,yBDhDiB;ECiDjB,qBDjDiB;AJm1BrB;;AK/xBE;EAEE,+CDtDiB;AJu1BrB;;AK9xBE;EAEE,cD3DiB;EC4DjB,6BAA6B;ALgyBjC;;AK7xBE;;EAGE,WD9EQ;EC+ER,yBDnEiB;ECoEjB,qBDpEiB;AJm2BrB;;AK7xBI;;EAKI,+CD3Ea;AJw2BrB;;AEzzBE;EGJA,cDzCmB;EC0CnB,qBD1CmB;AJ22BrB;;AUn3BE;ELqDE,WD3DQ;EC4DR,yBD9CiB;EC+CjB,qBD/CiB;AJi3BrB;;AK/zBE;EAEE,+CDpDiB;AJq3BrB;;AK9zBE;EAEE,cDzDiB;EC0DjB,6BAA6B;ALg0BjC;;AK7zBE;;EAGE,WD9EQ;EC+ER,yBDjEiB;ECkEjB,qBDlEiB;AJi4BrB;;AK7zBI;;EAKI,+CDzEa;AJs4BrB;;AEz1BE;EGJA,cDxCmB;ECyCnB,qBDzCmB;AJ04BrB;;AUn5BE;ELqDE,WD3DQ;EC4DR,yBD7CiB;EC8CjB,qBD9CiB;AJg5BrB;;AK/1BE;EAEE,gDDnDiB;AJo5BrB;;AK91BE;EAEE,cDxDiB;ECyDjB,6BAA6B;ALg2BjC;;AK71BE;;EAGE,WD9EQ;EC+ER,yBDhEiB;ECiEjB,qBDjEiB;AJg6BrB;;AK71BI;;EAKI,gDDxEa;AJq6BrB;;AEz3BE;EGJA,cD5Da;EC6Db,qBD7Da;AJ87Bf;;AUn7BE;ELqDE,WD3DQ;EC4DR,yBDjEW;ECkEX,qBDlEW;AJo8Bf;;AK/3BE;EAEE,8CDvEW;AJw8Bf;;AK93BE;EAEE,cD5EW;EC6EX,6BAA6B;ALg4BjC;;AK73BE;;EAGE,WD9EQ;EC+ER,yBDpFW;ECqFX,qBDrFW;AJo9Bf;;AK73BI;;EAKI,8CD5FO;AJy9Bf;;AEz5BE;EGJA,WD3DU;EC4DV,kBD5DU;AJ69BZ;;AUn9BE;ELqDE,WD3DQ;EC4DR,sBDhEQ;ECiER,kBDjEQ;AJm+BZ;;AK/5BE;EAEE,iDDtEQ;AJu+BZ;;AK95BE;EAEE,WD3EQ;EC4ER,6BAA6B;ALg6BjC;;AK75BE;;EAGE,WD9EQ;EC+ER,sBDnFQ;ECoFR,kBDpFQ;AJm/BZ;;AK75BI;;EAKI,iDD3FI;AJw/BZ;;AEz7BE;EGJA,cD1Da;EC2Db,qBD3Da;AJ4/Bf;;AUn/BE;ELqDE,cDhCc;ECiCd,yBD/DW;ECgEX,qBDhEW;AJkgCf;;AK/7BE;EAEE,iDDrEW;AJsgCf;;AK97BE;EAEE,cD1EW;EC2EX,6BAA6B;ALg8BjC;;AK77BE;;EAGE,cDnDc;ECoDd,yBDlFW;ECmFX,qBDnFW;AJkhCf;;AK77BI;;EAKI,iDD1FO;AJuhCf;;AEz9BE;EGJA,cDzDa;EC0Db,qBD1Da;AJ2hCf;;AUnhCE;ELqDE,cDhCc;ECiCd,yBD9DW;EC+DX,qBD/DW;AJiiCf;;AK/9BE;EAEE,iDDpEW;AJqiCf;;AK99BE;EAEE,cDzEW;EC0EX,6BAA6B;ALg+BjC;;AK79BE;;EAGE,cDnDc;ECoDd,yBDjFW;ECkFX,qBDlFW;AJijCf;;AK79BI;;EAKI,iDDzFO;AJsjCf;;AEz/BE;EGJA,cDxDa;ECyDb,qBDzDa;AJ0jCf;;AUnjCE;ELqDE,cDhCc;ECiCd,yBD7DW;EC8DX,qBD9DW;AJgkCf;;AK//BE;EAEE,iDDnEW;AJokCf;;AK9/BE;EAEE,cDxEW;ECyEX,6BAA6B;ALggCjC;;AK7/BE;;EAGE,cDnDc;ECoDd,yBDhFW;ECiFX,qBDjFW;AJglCf;;AK7/BI;;EAKI,iDDxFO;AJqlCf;;AEzhCE;EGJA,cDtDa;ECuDb,qBDvDa;AJwlCf;;AUnlCE;ELqDE,cDhCc;ECiCd,yBD3DW;EC4DX,qBD5DW;AJ8lCf;;AK/hCE;EAEE,iDDjEW;AJkmCf;;AK9hCE;EAEE,cDtEW;ECuEX,6BAA6B;ALgiCjC;;AK7hCE;;EAGE,cDnDc;ECoDd,yBD9EW;EC+EX,qBD/EW;AJ8mCf;;AK7hCI;;EAKI,iDDtFO;AJmnCf;;AEzjCE;EGJA,cDhDqB;ECiDrB,qBDjDqB;AJknCvB;;AUnnCE;ELqDE,WD3DQ;EC4DR,yBDrDmB;ECsDnB,qBDtDmB;AJwnCvB;;AK/jCE;EAEE,+CD3DmB;AJ4nCvB;;AK9jCE;EAEE,cDhEmB;ECiEnB,6BAA6B;ALgkCjC;;AK7jCE;;EAGE,WD9EQ;EC+ER,yBDxEmB;ECyEnB,qBDzEmB;AJwoCvB;;AK7jCI;;EAKI,+CDhFe;AJ6oCvB;;AEzlCE;EGJA,WDvDU;ECwDV,kBDxDU;AJypCZ;;AUnpCE;ELqDE,cDhCc;ECiCd,sBD5DQ;EC6DR,kBD7DQ;AJ+pCZ;;AK/lCE;EAEE,iDDlEQ;AJmqCZ;;AK9lCE;EAEE,WDvEQ;ECwER,6BAA6B;ALgmCjC;;AK7lCE;;EAGE,cDnDc;ECoDd,sBD/EQ;ECgFR,kBDhFQ;AJ+qCZ;;AK7lCI;;EAKI,iDDvFI;AJorCZ;;AE/nCE;EAkBA,gBC7DuC;ED8DvC,cEjEqB;EFkErB,qBCpDwC;AHqqC1C;;AUprCE;ERsEE,cCxD0D;EDyD1D,0BCvD2C;AHyqC/C;;AKprCE;EHuEE,0BC5D2C;ED6D3C,gBAAgB;AFinCpB;;AE9nCA;EAkBI,cEvFW;EFwFX,oBAAoB;AFgnCxB;;AErmCA;EGLE,iBCpEqB;EC8FjB,eAtCY;EFchB,iBCtFgC;EEZ9B,kBF6BsB;ANorC1B;;AExmCA;EGTE,gBC3F+B;ECqH3B,mBAtCY;EFchB,iBC3FgC;EEP9B,kBF8BsB;AN0rC1B;;AEtmCA;EACE,cAAc;EACd,WAAW;AFymCb;;AE3mCA;EAMI,kBIzFuB;ANksC3B;;AEpmCA;;;EAII,WAAW;AFsmCf;;AYzuCA;;EAEE,kBAAkB;EAClB,oBAAoB;EACpB,sBAAsB;AZ4uCxB;;AYhvCA;;EAOI,kBAAkB;EAClB,cAAc;AZ8uClB;;AU7uCE;;EEII,UAAU;AZ8uChB;;AY3vCA;;;;EAkBM,UAAU;AZgvChB;;AY1uCA;EACE,aAAa;EACb,eAAe;EACf,2BAA2B;AZ6uC7B;;AYhvCA;EAMI,WAAW;AZ8uCf;;AY1uCA;;EAII,iBNpBkB;AN+vCtB;;AY/uCA;;EJhBI,0BI0B8B;EJzB9B,6BIyB8B;AZ2uClC;;AYrvCA;;EJFI,yBIiB6B;EJhB7B,4BIgB6B;AZ4uCjC;;AY5tCA;EACE,mBAAmC;EACnC,kBAAkC;AZ+tCpC;;AYjuCA;;;EAOI,cAAc;AZguClB;;AY7tCE;EACE,eAAe;AZguCnB;;AY5tCA;EACE,kBAAsC;EACtC,iBAAqC;AZ+tCvC;;AY5tCA;EACE,mBAAsC;EACtC,kBAAqC;AZ+tCvC;;AY3sCA;EACE,sBAAsB;EACtB,uBAAuB;EACvB,uBAAuB;AZ8sCzB;;AYjtCA;;EAOI,WAAW;AZ+sCf;;AYttCA;;EAYI,gBNrGkB;ANozCtB;;AY3tCA;;EJlFI,6BIoG+B;EJnG/B,4BImG+B;AZ+sCnC;;AYjuCA;;EJhGI,yBIuH4B;EJtH5B,0BIsH4B;AZgtChC;;AY/rCA;;EAGI,gBAAgB;AZisCpB;;AYpsCA;;;;EAOM,kBAAkB;EAClB,sBA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","file":"mekari-ui-button.css","sourcesContent":["//\n// Rotating border\n//\n\n@keyframes spinner-border {\n to { transform: rotate(360deg); }\n}\n\n.#{$prefix}spinner-border {\n display: inline-block;\n width: $spinner-width;\n height: $spinner-height;\n vertical-align: text-bottom;\n border: $spinner-border-width solid currentColor;\n border-right-color: transparent;\n // stylelint-disable-next-line property-blacklist\n border-radius: 50%;\n animation: spinner-border .75s linear infinite;\n}\n\n.#{$prefix}spinner-border-sm {\n width: $spinner-width-sm;\n height: $spinner-height-sm;\n border-width: $spinner-border-width-sm;\n}\n\n//\n// Growing circle\n//\n\n@keyframes spinner-grow {\n 0% {\n transform: scale(0);\n }\n 50% {\n opacity: 1;\n }\n}\n\n.#{$prefix}spinner-grow {\n display: inline-block;\n width: $spinner-width;\n height: $spinner-height;\n vertical-align: text-bottom;\n background-color: currentColor;\n // stylelint-disable-next-line property-blacklist\n border-radius: 50%;\n opacity: 0;\n animation: spinner-grow .75s linear infinite;\n}\n\n.#{$prefix}spinner-grow-sm {\n width: $spinner-width-sm;\n height: $spinner-height-sm;\n}\n","@keyframes spinner-border {\n to {\n transform: rotate(360deg);\n }\n}\n\n.spinner-border {\n display: inline-block;\n width: 2rem;\n height: 2rem;\n vertical-align: text-bottom;\n border: 0.25em solid currentColor;\n border-right-color: transparent;\n border-radius: 50%;\n animation: spinner-border .75s linear infinite;\n}\n\n.spinner-border-sm {\n width: 1rem;\n height: 1rem;\n border-width: 0.2em;\n}\n\n@keyframes spinner-grow {\n 0% {\n transform: scale(0);\n }\n 50% {\n opacity: 1;\n }\n}\n\n.spinner-grow {\n display: inline-block;\n width: 2rem;\n height: 2rem;\n vertical-align: text-bottom;\n background-color: currentColor;\n border-radius: 50%;\n opacity: 0;\n animation: spinner-grow .75s linear infinite;\n}\n\n.spinner-grow-sm {\n width: 1rem;\n height: 1rem;\n}\n\n.btn {\n display: inline-block;\n font-family: \"Roboto\", \"Oxygen\", \"Ubuntu\", \"Fira Sans\", \"Droid Sans\", \"Helvetica Neue\", sans-serif;\n font-weight: 400;\n color: #212121;\n text-align: center;\n vertical-align: middle;\n user-select: none;\n background-color: transparent;\n border: 1px solid transparent;\n padding: 8px 16px;\n font-size: 0.875rem;\n line-height: 20px;\n border-radius: 4px;\n transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;\n}\n\n@media (prefers-reduced-motion: reduce) {\n .btn {\n transition: none;\n }\n}\n\n.btn:hover {\n color: #212121;\n text-decoration: none;\n}\n\n.btn:focus, .btn.focus {\n outline: 0;\n box-shadow: 0 0 4px 1px #1357ff;\n}\n\n.btn.disabled, .btn:disabled {\n opacity: 0.65;\n}\n\na.btn.disabled,\nfieldset:disabled a.btn {\n pointer-events: none;\n}\n\n.btn-danger {\n color: #fff;\n background-color: #d74022;\n border-color: #d74022;\n}\n\n.btn-danger:hover {\n color: #fff;\n background-color: #b6361d;\n border-color: #ab331b;\n}\n\n.btn-danger:focus, .btn-danger.focus {\n box-shadow: 0 0 0 0.2rem rgba(221, 93, 67, 0.5);\n}\n\n.btn-danger.disabled, .btn-danger:disabled {\n color: #fff;\n background-color: #d74022;\n border-color: #d74022;\n}\n\n.btn-danger:not(:disabled):not(.disabled):active, .btn-danger:not(:disabled):not(.disabled).active,\n.show > .btn-danger.dropdown-toggle {\n color: #fff;\n background-color: #ab331b;\n border-color: #a03019;\n}\n\n.btn-danger:not(:disabled):not(.disabled):active:focus, .btn-danger:not(:disabled):not(.disabled).active:focus,\n.show > .btn-danger.dropdown-toggle:focus {\n box-shadow: 0 0 0 0.2rem rgba(221, 93, 67, 0.5);\n}\n\n.btn-success {\n color: #fff;\n background-color: #009f61;\n border-color: #009f61;\n}\n\n.btn-success:hover {\n color: #fff;\n background-color: #00794a;\n border-color: #006c42;\n}\n\n.btn-success:focus, .btn-success.focus {\n box-shadow: 0 0 0 0.2rem rgba(38, 173, 121, 0.5);\n}\n\n.btn-success.disabled, .btn-success:disabled {\n color: #fff;\n background-color: #009f61;\n border-color: #009f61;\n}\n\n.btn-success:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled).active,\n.show > .btn-success.dropdown-toggle {\n color: #fff;\n background-color: #006c42;\n border-color: #005f3a;\n}\n\n.btn-success:not(:disabled):not(.disabled):active:focus, .btn-success:not(:disabled):not(.disabled).active:focus,\n.show > .btn-success.dropdown-toggle:focus {\n box-shadow: 0 0 0 0.2rem rgba(38, 173, 121, 0.5);\n}\n\n.btn-info {\n color: #212529;\n background-color: #ffeb99;\n border-color: #ffeb99;\n}\n\n.btn-info:hover {\n color: #212529;\n background-color: #ffe473;\n border-color: #ffe166;\n}\n\n.btn-info:focus, .btn-info.focus {\n box-shadow: 0 0 0 0.2rem rgba(222, 205, 136, 0.5);\n}\n\n.btn-info.disabled, .btn-info:disabled {\n color: #212529;\n background-color: #ffeb99;\n border-color: #ffeb99;\n}\n\n.btn-info:not(:disabled):not(.disabled):active, .btn-info:not(:disabled):not(.disabled).active,\n.show > .btn-info.dropdown-toggle {\n color: #212529;\n background-color: #ffe166;\n border-color: #ffdf59;\n}\n\n.btn-info:not(:disabled):not(.disabled):active:focus, .btn-info:not(:disabled):not(.disabled).active:focus,\n.show > .btn-info.dropdown-toggle:focus {\n box-shadow: 0 0 0 0.2rem rgba(222, 205, 136, 0.5);\n}\n\n.btn-warning {\n color: #212529;\n background-color: #ffb700;\n border-color: #ffb700;\n}\n\n.btn-warning:hover {\n color: #212529;\n background-color: #d99c00;\n border-color: #cc9200;\n}\n\n.btn-warning:focus, .btn-warning.focus {\n box-shadow: 0 0 0 0.2rem rgba(222, 161, 6, 0.5);\n}\n\n.btn-warning.disabled, .btn-warning:disabled {\n color: #212529;\n background-color: #ffb700;\n border-color: #ffb700;\n}\n\n.btn-warning:not(:disabled):not(.disabled):active, .btn-warning:not(:disabled):not(.disabled).active,\n.show > .btn-warning.dropdown-toggle {\n color: #fff;\n background-color: #cc9200;\n border-color: #bf8900;\n}\n\n.btn-warning:not(:disabled):not(.disabled):active:focus, .btn-warning:not(:disabled):not(.disabled).active:focus,\n.show > .btn-warning.dropdown-toggle:focus {\n box-shadow: 0 0 0 0.2rem rgba(222, 161, 6, 0.5);\n}\n\n.btn-primary {\n color: #fff;\n background-color: #005fbf;\n border-color: #005fbf;\n}\n\n.btn-primary:hover {\n color: #fff;\n background-color: #004c99;\n border-color: #00468c;\n}\n\n.btn-primary:focus, .btn-primary.focus {\n box-shadow: 0 0 0 0.2rem rgba(38, 119, 201, 0.5);\n}\n\n.btn-primary.disabled, .btn-primary:disabled {\n color: #fff;\n background-color: #005fbf;\n border-color: #005fbf;\n}\n\n.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active,\n.show > .btn-primary.dropdown-toggle {\n color: #fff;\n background-color: #00468c;\n border-color: #003f7f;\n}\n\n.btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus,\n.show > .btn-primary.dropdown-toggle:focus {\n box-shadow: 0 0 0 0.2rem rgba(38, 119, 201, 0.5);\n}\n\n.btn-jurnal {\n color: #fff;\n background-color: #009bde;\n border-color: #009bde;\n}\n\n.btn-jurnal:hover {\n color: #fff;\n background-color: #0080b8;\n border-color: #0077ab;\n}\n\n.btn-jurnal:focus, .btn-jurnal.focus {\n box-shadow: 0 0 0 0.2rem rgba(38, 170, 227, 0.5);\n}\n\n.btn-jurnal.disabled, .btn-jurnal:disabled {\n color: #fff;\n background-color: #009bde;\n border-color: #009bde;\n}\n\n.btn-jurnal:not(:disabled):not(.disabled):active, .btn-jurnal:not(:disabled):not(.disabled).active,\n.show > .btn-jurnal.dropdown-toggle {\n color: #fff;\n background-color: #0077ab;\n border-color: #006e9e;\n}\n\n.btn-jurnal:not(:disabled):not(.disabled):active:focus, .btn-jurnal:not(:disabled):not(.disabled).active:focus,\n.show > .btn-jurnal.dropdown-toggle:focus {\n box-shadow: 0 0 0 0.2rem rgba(38, 170, 227, 0.5);\n}\n\n.btn-talenta {\n color: #fff;\n background-color: #c02a34;\n border-color: #c02a34;\n}\n\n.btn-talenta:hover {\n color: #fff;\n background-color: #a1232c;\n border-color: #962129;\n}\n\n.btn-talenta:focus, .btn-talenta.focus {\n box-shadow: 0 0 0 0.2rem rgba(201, 74, 82, 0.5);\n}\n\n.btn-talenta.disabled, .btn-talenta:disabled {\n color: #fff;\n background-color: #c02a34;\n border-color: #c02a34;\n}\n\n.btn-talenta:not(:disabled):not(.disabled):active, .btn-talenta:not(:disabled):not(.disabled).active,\n.show > .btn-talenta.dropdown-toggle {\n color: #fff;\n background-color: #962129;\n border-color: #8c1f26;\n}\n\n.btn-talenta:not(:disabled):not(.disabled):active:focus, .btn-talenta:not(:disabled):not(.disabled).active:focus,\n.show > .btn-talenta.dropdown-toggle:focus {\n box-shadow: 0 0 0 0.2rem rgba(201, 74, 82, 0.5);\n}\n\n.btn-klikpajak {\n color: #fff;\n background-color: #f96d01;\n border-color: #f96d01;\n}\n\n.btn-klikpajak:hover {\n color: #fff;\n background-color: #d35c01;\n border-color: #c65701;\n}\n\n.btn-klikpajak:focus, .btn-klikpajak.focus {\n box-shadow: 0 0 0 0.2rem rgba(250, 131, 39, 0.5);\n}\n\n.btn-klikpajak.disabled, .btn-klikpajak:disabled {\n color: #fff;\n background-color: #f96d01;\n border-color: #f96d01;\n}\n\n.btn-klikpajak:not(:disabled):not(.disabled):active, .btn-klikpajak:not(:disabled):not(.disabled).active,\n.show > .btn-klikpajak.dropdown-toggle {\n color: #fff;\n background-color: #c65701;\n border-color: #ba5101;\n}\n\n.btn-klikpajak:not(:disabled):not(.disabled):active:focus, .btn-klikpajak:not(:disabled):not(.disabled).active:focus,\n.show > .btn-klikpajak.dropdown-toggle:focus {\n box-shadow: 0 0 0 0.2rem rgba(250, 131, 39, 0.5);\n}\n\n.btn-mekari {\n color: #fff;\n background-color: #6d48e5;\n border-color: #6d48e5;\n}\n\n.btn-mekari:hover {\n color: #fff;\n background-color: #5227e0;\n border-color: #4b1fdb;\n}\n\n.btn-mekari:focus, .btn-mekari.focus {\n box-shadow: 0 0 0 0.2rem rgba(131, 99, 233, 0.5);\n}\n\n.btn-mekari.disabled, .btn-mekari:disabled {\n color: #fff;\n background-color: #6d48e5;\n border-color: #6d48e5;\n}\n\n.btn-mekari:not(:disabled):not(.disabled):active, .btn-mekari:not(:disabled):not(.disabled).active,\n.show > .btn-mekari.dropdown-toggle {\n color: #fff;\n background-color: #4b1fdb;\n border-color: #481ed0;\n}\n\n.btn-mekari:not(:disabled):not(.disabled):active:focus, .btn-mekari:not(:disabled):not(.disabled).active:focus,\n.show > .btn-mekari.dropdown-toggle:focus {\n box-shadow: 0 0 0 0.2rem rgba(131, 99, 233, 0.5);\n}\n\n.btn-dark {\n color: #fff;\n background-color: #212121;\n border-color: #212121;\n}\n\n.btn-dark:hover {\n color: #fff;\n background-color: #0e0e0e;\n border-color: #080808;\n}\n\n.btn-dark:focus, .btn-dark.focus {\n box-shadow: 0 0 0 0.2rem rgba(66, 66, 66, 0.5);\n}\n\n.btn-dark.disabled, .btn-dark:disabled {\n color: #fff;\n background-color: #212121;\n border-color: #212121;\n}\n\n.btn-dark:not(:disabled):not(.disabled):active, .btn-dark:not(:disabled):not(.disabled).active,\n.show > .btn-dark.dropdown-toggle {\n color: #fff;\n background-color: #080808;\n border-color: #010101;\n}\n\n.btn-dark:not(:disabled):not(.disabled):active:focus, .btn-dark:not(:disabled):not(.disabled).active:focus,\n.show > .btn-dark.dropdown-toggle:focus {\n box-shadow: 0 0 0 0.2rem rgba(66, 66, 66, 0.5);\n}\n\n.btn-slate {\n color: #fff;\n background-color: #777;\n border-color: #777;\n}\n\n.btn-slate:hover {\n color: #fff;\n background-color: #646464;\n border-color: #5e5e5e;\n}\n\n.btn-slate:focus, .btn-slate.focus {\n box-shadow: 0 0 0 0.2rem rgba(139, 139, 139, 0.5);\n}\n\n.btn-slate.disabled, .btn-slate:disabled {\n color: #fff;\n background-color: #777;\n border-color: #777;\n}\n\n.btn-slate:not(:disabled):not(.disabled):active, .btn-slate:not(:disabled):not(.disabled).active,\n.show > .btn-slate.dropdown-toggle {\n color: #fff;\n background-color: #5e5e5e;\n border-color: #575757;\n}\n\n.btn-slate:not(:disabled):not(.disabled):active:focus, .btn-slate:not(:disabled):not(.disabled).active:focus,\n.show > .btn-slate.dropdown-toggle:focus {\n box-shadow: 0 0 0 0.2rem rgba(139, 139, 139, 0.5);\n}\n\n.btn-muted {\n color: #212529;\n background-color: #b4b4b4;\n border-color: #b4b4b4;\n}\n\n.btn-muted:hover {\n color: #212529;\n background-color: #a1a1a1;\n border-color: #9b9b9b;\n}\n\n.btn-muted:focus, .btn-muted.focus {\n box-shadow: 0 0 0 0.2rem rgba(158, 159, 159, 0.5);\n}\n\n.btn-muted.disabled, .btn-muted:disabled {\n color: #212529;\n background-color: #b4b4b4;\n border-color: #b4b4b4;\n}\n\n.btn-muted:not(:disabled):not(.disabled):active, .btn-muted:not(:disabled):not(.disabled).active,\n.show > .btn-muted.dropdown-toggle {\n color: #212529;\n background-color: #9b9b9b;\n border-color: #949494;\n}\n\n.btn-muted:not(:disabled):not(.disabled):active:focus, .btn-muted:not(:disabled):not(.disabled).active:focus,\n.show > .btn-muted.dropdown-toggle:focus {\n box-shadow: 0 0 0 0.2rem rgba(158, 159, 159, 0.5);\n}\n\n.btn-smoke {\n color: #212529;\n background-color: #e2e2e2;\n border-color: #e2e2e2;\n}\n\n.btn-smoke:hover {\n color: #212529;\n background-color: #cfcfcf;\n border-color: #c9c9c9;\n}\n\n.btn-smoke:focus, .btn-smoke.focus {\n box-shadow: 0 0 0 0.2rem rgba(197, 198, 198, 0.5);\n}\n\n.btn-smoke.disabled, .btn-smoke:disabled {\n color: #212529;\n background-color: #e2e2e2;\n border-color: #e2e2e2;\n}\n\n.btn-smoke:not(:disabled):not(.disabled):active, .btn-smoke:not(:disabled):not(.disabled).active,\n.show > .btn-smoke.dropdown-toggle {\n color: #212529;\n background-color: #c9c9c9;\n border-color: #c2c2c2;\n}\n\n.btn-smoke:not(:disabled):not(.disabled):active:focus, .btn-smoke:not(:disabled):not(.disabled).active:focus,\n.show > .btn-smoke.dropdown-toggle:focus {\n box-shadow: 0 0 0 0.2rem rgba(197, 198, 198, 0.5);\n}\n\n.btn-light {\n color: #212529;\n background-color: #fbfbfb;\n border-color: #fbfbfb;\n}\n\n.btn-light:hover {\n color: #212529;\n background-color: #e8e8e8;\n border-color: #e2e2e2;\n}\n\n.btn-light:focus, .btn-light.focus {\n box-shadow: 0 0 0 0.2rem rgba(218, 219, 220, 0.5);\n}\n\n.btn-light.disabled, .btn-light:disabled {\n color: #212529;\n background-color: #fbfbfb;\n border-color: #fbfbfb;\n}\n\n.btn-light:not(:disabled):not(.disabled):active, .btn-light:not(:disabled):not(.disabled).active,\n.show > .btn-light.dropdown-toggle {\n color: #212529;\n background-color: #e2e2e2;\n border-color: #dbdbdb;\n}\n\n.btn-light:not(:disabled):not(.disabled):active:focus, .btn-light:not(:disabled):not(.disabled).active:focus,\n.show > .btn-light.dropdown-toggle:focus {\n box-shadow: 0 0 0 0.2rem rgba(218, 219, 220, 0.5);\n}\n\n.btn-cloud {\n color: #212529;\n background-color: #f2f4f7;\n border-color: #f2f4f7;\n}\n\n.btn-cloud:hover {\n color: #212529;\n background-color: #dae0e8;\n border-color: #d2d9e4;\n}\n\n.btn-cloud:focus, .btn-cloud.focus {\n box-shadow: 0 0 0 0.2rem rgba(211, 213, 216, 0.5);\n}\n\n.btn-cloud.disabled, .btn-cloud:disabled {\n color: #212529;\n background-color: #f2f4f7;\n border-color: #f2f4f7;\n}\n\n.btn-cloud:not(:disabled):not(.disabled):active, .btn-cloud:not(:disabled):not(.disabled).active,\n.show > .btn-cloud.dropdown-toggle {\n color: #212529;\n background-color: #d2d9e4;\n border-color: #cbd3df;\n}\n\n.btn-cloud:not(:disabled):not(.disabled):active:focus, .btn-cloud:not(:disabled):not(.disabled).active:focus,\n.show > .btn-cloud.dropdown-toggle:focus {\n box-shadow: 0 0 0 0.2rem rgba(211, 213, 216, 0.5);\n}\n\n.btn-link {\n color: #fff;\n background-color: #1357ff;\n border-color: #1357ff;\n}\n\n.btn-link:hover {\n color: #fff;\n background-color: #0044ec;\n border-color: #0040df;\n}\n\n.btn-link:focus, .btn-link.focus {\n box-shadow: 0 0 0 0.2rem rgba(54, 112, 255, 0.5);\n}\n\n.btn-link.disabled, .btn-link:disabled {\n color: #fff;\n background-color: #1357ff;\n border-color: #1357ff;\n}\n\n.btn-link:not(:disabled):not(.disabled):active, .btn-link:not(:disabled):not(.disabled).active,\n.show > .btn-link.dropdown-toggle {\n color: #fff;\n background-color: #0040df;\n border-color: #003dd2;\n}\n\n.btn-link:not(:disabled):not(.disabled):active:focus, .btn-link:not(:disabled):not(.disabled).active:focus,\n.show > .btn-link.dropdown-toggle:focus {\n box-shadow: 0 0 0 0.2rem rgba(54, 112, 255, 0.5);\n}\n\n.btn-white {\n color: #212529;\n background-color: #fff;\n border-color: #fff;\n}\n\n.btn-white:hover {\n color: #212529;\n background-color: #ececec;\n border-color: #e6e6e6;\n}\n\n.btn-white:focus, .btn-white.focus {\n box-shadow: 0 0 0 0.2rem rgba(222, 222, 223, 0.5);\n}\n\n.btn-white.disabled, .btn-white:disabled {\n color: #212529;\n background-color: #fff;\n border-color: #fff;\n}\n\n.btn-white:not(:disabled):not(.disabled):active, .btn-white:not(:disabled):not(.disabled).active,\n.show > .btn-white.dropdown-toggle {\n color: #212529;\n background-color: #e6e6e6;\n border-color: #dfdfdf;\n}\n\n.btn-white:not(:disabled):not(.disabled):active:focus, .btn-white:not(:disabled):not(.disabled).active:focus,\n.show > .btn-white.dropdown-toggle:focus {\n box-shadow: 0 0 0 0.2rem rgba(222, 222, 223, 0.5);\n}\n\n.btn-outline-danger {\n color: #d74022;\n border-color: #d74022;\n}\n\n.btn-outline-danger:hover {\n color: #fff;\n background-color: #d74022;\n border-color: #d74022;\n}\n\n.btn-outline-danger:focus, .btn-outline-danger.focus {\n box-shadow: 0 0 0 0.2rem rgba(215, 64, 34, 0.5);\n}\n\n.btn-outline-danger.disabled, .btn-outline-danger:disabled {\n color: #d74022;\n background-color: transparent;\n}\n\n.btn-outline-danger:not(:disabled):not(.disabled):active, .btn-outline-danger:not(:disabled):not(.disabled).active,\n.show > .btn-outline-danger.dropdown-toggle {\n color: #fff;\n background-color: #d74022;\n border-color: #d74022;\n}\n\n.btn-outline-danger:not(:disabled):not(.disabled):active:focus, .btn-outline-danger:not(:disabled):not(.disabled).active:focus,\n.show > .btn-outline-danger.dropdown-toggle:focus {\n box-shadow: 0 0 0 0.2rem rgba(215, 64, 34, 0.5);\n}\n\n.btn-outline-success {\n color: #009f61;\n border-color: #009f61;\n}\n\n.btn-outline-success:hover {\n color: #fff;\n background-color: #009f61;\n border-color: #009f61;\n}\n\n.btn-outline-success:focus, .btn-outline-success.focus {\n box-shadow: 0 0 0 0.2rem rgba(0, 159, 97, 0.5);\n}\n\n.btn-outline-success.disabled, .btn-outline-success:disabled {\n color: #009f61;\n background-color: transparent;\n}\n\n.btn-outline-success:not(:disabled):not(.disabled):active, .btn-outline-success:not(:disabled):not(.disabled).active,\n.show > .btn-outline-success.dropdown-toggle {\n color: #fff;\n background-color: #009f61;\n border-color: #009f61;\n}\n\n.btn-outline-success:not(:disabled):not(.disabled):active:focus, .btn-outline-success:not(:disabled):not(.disabled).active:focus,\n.show > .btn-outline-success.dropdown-toggle:focus {\n box-shadow: 0 0 0 0.2rem rgba(0, 159, 97, 0.5);\n}\n\n.btn-outline-info {\n color: #ffeb99;\n border-color: #ffeb99;\n}\n\n.btn-outline-info:hover {\n color: #212529;\n background-color: #ffeb99;\n border-color: #ffeb99;\n}\n\n.btn-outline-info:focus, .btn-outline-info.focus {\n box-shadow: 0 0 0 0.2rem rgba(255, 235, 153, 0.5);\n}\n\n.btn-outline-info.disabled, .btn-outline-info:disabled {\n color: #ffeb99;\n background-color: transparent;\n}\n\n.btn-outline-info:not(:disabled):not(.disabled):active, .btn-outline-info:not(:disabled):not(.disabled).active,\n.show > .btn-outline-info.dropdown-toggle {\n color: #212529;\n background-color: #ffeb99;\n border-color: #ffeb99;\n}\n\n.btn-outline-info:not(:disabled):not(.disabled):active:focus, .btn-outline-info:not(:disabled):not(.disabled).active:focus,\n.show > .btn-outline-info.dropdown-toggle:focus {\n box-shadow: 0 0 0 0.2rem rgba(255, 235, 153, 0.5);\n}\n\n.btn-outline-warning {\n color: #ffb700;\n border-color: #ffb700;\n}\n\n.btn-outline-warning:hover {\n color: #212529;\n background-color: #ffb700;\n border-color: #ffb700;\n}\n\n.btn-outline-warning:focus, .btn-outline-warning.focus {\n box-shadow: 0 0 0 0.2rem rgba(255, 183, 0, 0.5);\n}\n\n.btn-outline-warning.disabled, .btn-outline-warning:disabled {\n color: #ffb700;\n background-color: transparent;\n}\n\n.btn-outline-warning:not(:disabled):not(.disabled):active, .btn-outline-warning:not(:disabled):not(.disabled).active,\n.show > .btn-outline-warning.dropdown-toggle {\n color: #212529;\n background-color: #ffb700;\n border-color: #ffb700;\n}\n\n.btn-outline-warning:not(:disabled):not(.disabled):active:focus, .btn-outline-warning:not(:disabled):not(.disabled).active:focus,\n.show > .btn-outline-warning.dropdown-toggle:focus {\n box-shadow: 0 0 0 0.2rem rgba(255, 183, 0, 0.5);\n}\n\n.btn-outline-primary {\n color: #005fbf;\n border-color: #005fbf;\n}\n\n.btn-outline-primary:hover {\n color: #fff;\n background-color: #005fbf;\n border-color: #005fbf;\n}\n\n.btn-outline-primary:focus, .btn-outline-primary.focus {\n box-shadow: 0 0 0 0.2rem rgba(0, 95, 191, 0.5);\n}\n\n.btn-outline-primary.disabled, .btn-outline-primary:disabled {\n color: #005fbf;\n background-color: transparent;\n}\n\n.btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active,\n.show > .btn-outline-primary.dropdown-toggle {\n color: #fff;\n background-color: #005fbf;\n border-color: #005fbf;\n}\n\n.btn-outline-primary:not(:disabled):not(.disabled):active:focus, .btn-outline-primary:not(:disabled):not(.disabled).active:focus,\n.show > .btn-outline-primary.dropdown-toggle:focus {\n box-shadow: 0 0 0 0.2rem rgba(0, 95, 191, 0.5);\n}\n\n.btn-outline-jurnal {\n color: #009bde;\n border-color: #009bde;\n}\n\n.btn-outline-jurnal:hover {\n color: #fff;\n background-color: #009bde;\n border-color: #009bde;\n}\n\n.btn-outline-jurnal:focus, .btn-outline-jurnal.focus {\n box-shadow: 0 0 0 0.2rem rgba(0, 155, 222, 0.5);\n}\n\n.btn-outline-jurnal.disabled, .btn-outline-jurnal:disabled {\n color: #009bde;\n background-color: transparent;\n}\n\n.btn-outline-jurnal:not(:disabled):not(.disabled):active, .btn-outline-jurnal:not(:disabled):not(.disabled).active,\n.show > .btn-outline-jurnal.dropdown-toggle {\n color: #fff;\n background-color: #009bde;\n border-color: #009bde;\n}\n\n.btn-outline-jurnal:not(:disabled):not(.disabled):active:focus, .btn-outline-jurnal:not(:disabled):not(.disabled).active:focus,\n.show > .btn-outline-jurnal.dropdown-toggle:focus {\n box-shadow: 0 0 0 0.2rem rgba(0, 155, 222, 0.5);\n}\n\n.btn-outline-talenta {\n color: #c02a34;\n border-color: #c02a34;\n}\n\n.btn-outline-talenta:hover {\n color: #fff;\n background-color: #c02a34;\n border-color: #c02a34;\n}\n\n.btn-outline-talenta:focus, .btn-outline-talenta.focus {\n box-shadow: 0 0 0 0.2rem rgba(192, 42, 52, 0.5);\n}\n\n.btn-outline-talenta.disabled, .btn-outline-talenta:disabled {\n color: #c02a34;\n background-color: transparent;\n}\n\n.btn-outline-talenta:not(:disabled):not(.disabled):active, .btn-outline-talenta:not(:disabled):not(.disabled).active,\n.show > .btn-outline-talenta.dropdown-toggle {\n color: #fff;\n background-color: #c02a34;\n border-color: #c02a34;\n}\n\n.btn-outline-talenta:not(:disabled):not(.disabled):active:focus, .btn-outline-talenta:not(:disabled):not(.disabled).active:focus,\n.show > .btn-outline-talenta.dropdown-toggle:focus {\n box-shadow: 0 0 0 0.2rem rgba(192, 42, 52, 0.5);\n}\n\n.btn-outline-klikpajak {\n color: #f96d01;\n border-color: #f96d01;\n}\n\n.btn-outline-klikpajak:hover {\n color: #fff;\n background-color: #f96d01;\n border-color: #f96d01;\n}\n\n.btn-outline-klikpajak:focus, .btn-outline-klikpajak.focus {\n box-shadow: 0 0 0 0.2rem rgba(249, 109, 1, 0.5);\n}\n\n.btn-outline-klikpajak.disabled, .btn-outline-klikpajak:disabled {\n color: #f96d01;\n background-color: transparent;\n}\n\n.btn-outline-klikpajak:not(:disabled):not(.disabled):active, .btn-outline-klikpajak:not(:disabled):not(.disabled).active,\n.show > .btn-outline-klikpajak.dropdown-toggle {\n color: #fff;\n background-color: #f96d01;\n border-color: #f96d01;\n}\n\n.btn-outline-klikpajak:not(:disabled):not(.disabled):active:focus, .btn-outline-klikpajak:not(:disabled):not(.disabled).active:focus,\n.show > .btn-outline-klikpajak.dropdown-toggle:focus {\n box-shadow: 0 0 0 0.2rem rgba(249, 109, 1, 0.5);\n}\n\n.btn-outline-mekari {\n color: #6d48e5;\n border-color: #6d48e5;\n}\n\n.btn-outline-mekari:hover {\n color: #fff;\n background-color: #6d48e5;\n border-color: #6d48e5;\n}\n\n.btn-outline-mekari:focus, .btn-outline-mekari.focus {\n box-shadow: 0 0 0 0.2rem rgba(109, 72, 229, 0.5);\n}\n\n.btn-outline-mekari.disabled, .btn-outline-mekari:disabled {\n color: #6d48e5;\n background-color: transparent;\n}\n\n.btn-outline-mekari:not(:disabled):not(.disabled):active, .btn-outline-mekari:not(:disabled):not(.disabled).active,\n.show > .btn-outline-mekari.dropdown-toggle {\n color: #fff;\n background-color: #6d48e5;\n border-color: #6d48e5;\n}\n\n.btn-outline-mekari:not(:disabled):not(.disabled):active:focus, .btn-outline-mekari:not(:disabled):not(.disabled).active:focus,\n.show > .btn-outline-mekari.dropdown-toggle:focus {\n box-shadow: 0 0 0 0.2rem rgba(109, 72, 229, 0.5);\n}\n\n.btn-outline-dark {\n color: #212121;\n border-color: #212121;\n}\n\n.btn-outline-dark:hover {\n color: #fff;\n background-color: #212121;\n border-color: #212121;\n}\n\n.btn-outline-dark:focus, .btn-outline-dark.focus {\n box-shadow: 0 0 0 0.2rem rgba(33, 33, 33, 0.5);\n}\n\n.btn-outline-dark.disabled, .btn-outline-dark:disabled {\n color: #212121;\n background-color: transparent;\n}\n\n.btn-outline-dark:not(:disabled):not(.disabled):active, .btn-outline-dark:not(:disabled):not(.disabled).active,\n.show > .btn-outline-dark.dropdown-toggle {\n color: #fff;\n background-color: #212121;\n border-color: #212121;\n}\n\n.btn-outline-dark:not(:disabled):not(.disabled):active:focus, .btn-outline-dark:not(:disabled):not(.disabled).active:focus,\n.show > .btn-outline-dark.dropdown-toggle:focus {\n box-shadow: 0 0 0 0.2rem rgba(33, 33, 33, 0.5);\n}\n\n.btn-outline-slate {\n color: #777;\n border-color: #777;\n}\n\n.btn-outline-slate:hover {\n color: #fff;\n background-color: #777;\n border-color: #777;\n}\n\n.btn-outline-slate:focus, .btn-outline-slate.focus {\n box-shadow: 0 0 0 0.2rem rgba(119, 119, 119, 0.5);\n}\n\n.btn-outline-slate.disabled, .btn-outline-slate:disabled {\n color: #777;\n background-color: transparent;\n}\n\n.btn-outline-slate:not(:disabled):not(.disabled):active, .btn-outline-slate:not(:disabled):not(.disabled).active,\n.show > .btn-outline-slate.dropdown-toggle {\n color: #fff;\n background-color: #777;\n border-color: #777;\n}\n\n.btn-outline-slate:not(:disabled):not(.disabled):active:focus, .btn-outline-slate:not(:disabled):not(.disabled).active:focus,\n.show > .btn-outline-slate.dropdown-toggle:focus {\n box-shadow: 0 0 0 0.2rem rgba(119, 119, 119, 0.5);\n}\n\n.btn-outline-muted {\n color: #b4b4b4;\n border-color: #b4b4b4;\n}\n\n.btn-outline-muted:hover {\n color: #212529;\n background-color: #b4b4b4;\n border-color: #b4b4b4;\n}\n\n.btn-outline-muted:focus, .btn-outline-muted.focus {\n box-shadow: 0 0 0 0.2rem rgba(180, 180, 180, 0.5);\n}\n\n.btn-outline-muted.disabled, .btn-outline-muted:disabled {\n color: #b4b4b4;\n background-color: transparent;\n}\n\n.btn-outline-muted:not(:disabled):not(.disabled):active, .btn-outline-muted:not(:disabled):not(.disabled).active,\n.show > .btn-outline-muted.dropdown-toggle {\n color: #212529;\n background-color: #b4b4b4;\n border-color: #b4b4b4;\n}\n\n.btn-outline-muted:not(:disabled):not(.disabled):active:focus, .btn-outline-muted:not(:disabled):not(.disabled).active:focus,\n.show > .btn-outline-muted.dropdown-toggle:focus {\n box-shadow: 0 0 0 0.2rem rgba(180, 180, 180, 0.5);\n}\n\n.btn-outline-smoke {\n color: #e2e2e2;\n border-color: #e2e2e2;\n}\n\n.btn-outline-smoke:hover {\n color: #212529;\n background-color: #e2e2e2;\n border-color: #e2e2e2;\n}\n\n.btn-outline-smoke:focus, .btn-outline-smoke.focus {\n box-shadow: 0 0 0 0.2rem rgba(226, 226, 226, 0.5);\n}\n\n.btn-outline-smoke.disabled, .btn-outline-smoke:disabled {\n color: #e2e2e2;\n background-color: transparent;\n}\n\n.btn-outline-smoke:not(:disabled):not(.disabled):active, .btn-outline-smoke:not(:disabled):not(.disabled).active,\n.show > .btn-outline-smoke.dropdown-toggle {\n color: #212529;\n background-color: #e2e2e2;\n border-color: #e2e2e2;\n}\n\n.btn-outline-smoke:not(:disabled):not(.disabled):active:focus, .btn-outline-smoke:not(:disabled):not(.disabled).active:focus,\n.show > .btn-outline-smoke.dropdown-toggle:focus {\n box-shadow: 0 0 0 0.2rem rgba(226, 226, 226, 0.5);\n}\n\n.btn-outline-light {\n color: #fbfbfb;\n border-color: #fbfbfb;\n}\n\n.btn-outline-light:hover {\n color: #212529;\n background-color: #fbfbfb;\n border-color: #fbfbfb;\n}\n\n.btn-outline-light:focus, .btn-outline-light.focus {\n box-shadow: 0 0 0 0.2rem rgba(251, 251, 251, 0.5);\n}\n\n.btn-outline-light.disabled, .btn-outline-light:disabled {\n color: #fbfbfb;\n background-color: transparent;\n}\n\n.btn-outline-light:not(:disabled):not(.disabled):active, .btn-outline-light:not(:disabled):not(.disabled).active,\n.show > .btn-outline-light.dropdown-toggle {\n color: #212529;\n background-color: #fbfbfb;\n border-color: #fbfbfb;\n}\n\n.btn-outline-light:not(:disabled):not(.disabled):active:focus, .btn-outline-light:not(:disabled):not(.disabled).active:focus,\n.show > .btn-outline-light.dropdown-toggle:focus {\n box-shadow: 0 0 0 0.2rem rgba(251, 251, 251, 0.5);\n}\n\n.btn-outline-cloud {\n color: #f2f4f7;\n border-color: #f2f4f7;\n}\n\n.btn-outline-cloud:hover {\n color: #212529;\n background-color: #f2f4f7;\n border-color: #f2f4f7;\n}\n\n.btn-outline-cloud:focus, .btn-outline-cloud.focus {\n box-shadow: 0 0 0 0.2rem rgba(242, 244, 247, 0.5);\n}\n\n.btn-outline-cloud.disabled, .btn-outline-cloud:disabled {\n color: #f2f4f7;\n background-color: transparent;\n}\n\n.btn-outline-cloud:not(:disabled):not(.disabled):active, .btn-outline-cloud:not(:disabled):not(.disabled).active,\n.show > .btn-outline-cloud.dropdown-toggle {\n color: #212529;\n background-color: #f2f4f7;\n border-color: #f2f4f7;\n}\n\n.btn-outline-cloud:not(:disabled):not(.disabled):active:focus, .btn-outline-cloud:not(:disabled):not(.disabled).active:focus,\n.show > .btn-outline-cloud.dropdown-toggle:focus {\n box-shadow: 0 0 0 0.2rem rgba(242, 244, 247, 0.5);\n}\n\n.btn-outline-link {\n color: #1357ff;\n border-color: #1357ff;\n}\n\n.btn-outline-link:hover {\n color: #fff;\n background-color: #1357ff;\n border-color: #1357ff;\n}\n\n.btn-outline-link:focus, .btn-outline-link.focus {\n box-shadow: 0 0 0 0.2rem rgba(19, 87, 255, 0.5);\n}\n\n.btn-outline-link.disabled, .btn-outline-link:disabled {\n color: #1357ff;\n background-color: transparent;\n}\n\n.btn-outline-link:not(:disabled):not(.disabled):active, .btn-outline-link:not(:disabled):not(.disabled).active,\n.show > .btn-outline-link.dropdown-toggle {\n color: #fff;\n background-color: #1357ff;\n border-color: #1357ff;\n}\n\n.btn-outline-link:not(:disabled):not(.disabled):active:focus, .btn-outline-link:not(:disabled):not(.disabled).active:focus,\n.show > .btn-outline-link.dropdown-toggle:focus {\n box-shadow: 0 0 0 0.2rem rgba(19, 87, 255, 0.5);\n}\n\n.btn-outline-white {\n color: #fff;\n border-color: #fff;\n}\n\n.btn-outline-white:hover {\n color: #212529;\n background-color: #fff;\n border-color: #fff;\n}\n\n.btn-outline-white:focus, .btn-outline-white.focus {\n box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5);\n}\n\n.btn-outline-white.disabled, .btn-outline-white:disabled {\n color: #fff;\n background-color: transparent;\n}\n\n.btn-outline-white:not(:disabled):not(.disabled):active, .btn-outline-white:not(:disabled):not(.disabled).active,\n.show > .btn-outline-white.dropdown-toggle {\n color: #212529;\n background-color: #fff;\n border-color: #fff;\n}\n\n.btn-outline-white:not(:disabled):not(.disabled):active:focus, .btn-outline-white:not(:disabled):not(.disabled).active:focus,\n.show > .btn-outline-white.dropdown-toggle:focus {\n box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5);\n}\n\n.btn-link {\n font-weight: 400;\n color: #1357ff;\n text-decoration: none;\n}\n\n.btn-link:hover {\n color: #0039c6;\n text-decoration: underline;\n}\n\n.btn-link:focus, .btn-link.focus {\n text-decoration: underline;\n box-shadow: none;\n}\n\n.btn-link:disabled, .btn-link.disabled {\n color: #f2f4f7;\n pointer-events: none;\n}\n\n.btn-lg, .btn-group-lg > .btn {\n padding: 8px 16px;\n font-size: 1rem;\n line-height: 24px;\n border-radius: 4px;\n}\n\n.btn-sm, .btn-group-sm > .btn {\n padding: 2px 8px;\n font-size: 0.875rem;\n line-height: 20px;\n border-radius: 4px;\n}\n\n.btn-block {\n display: block;\n width: 100%;\n}\n\n.btn-block + .btn-block {\n margin-top: 0.5rem;\n}\n\ninput[type=\"submit\"].btn-block,\ninput[type=\"reset\"].btn-block,\ninput[type=\"button\"].btn-block {\n width: 100%;\n}\n\n.btn-group,\n.btn-group-vertical {\n position: relative;\n display: inline-flex;\n vertical-align: middle;\n}\n\n.btn-group > .btn,\n.btn-group-vertical > .btn {\n position: relative;\n flex: 1 1 auto;\n}\n\n.btn-group > .btn:hover,\n.btn-group-vertical > .btn:hover {\n z-index: 1;\n}\n\n.btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active,\n.btn-group-vertical > .btn:focus,\n.btn-group-vertical > .btn:active,\n.btn-group-vertical > .btn.active {\n z-index: 1;\n}\n\n.btn-toolbar {\n display: flex;\n flex-wrap: wrap;\n justify-content: flex-start;\n}\n\n.btn-toolbar .input-group {\n width: auto;\n}\n\n.btn-group > .btn:not(:first-child),\n.btn-group > .btn-group:not(:first-child) {\n margin-left: -1px;\n}\n\n.btn-group > .btn:not(:last-child):not(.dropdown-toggle),\n.btn-group > .btn-group:not(:last-child) > .btn {\n border-top-right-radius: 0;\n border-bottom-right-radius: 0;\n}\n\n.btn-group > .btn:not(:first-child),\n.btn-group > .btn-group:not(:first-child) > .btn {\n border-top-left-radius: 0;\n border-bottom-left-radius: 0;\n}\n\n.dropdown-toggle-split {\n padding-right: 12px;\n padding-left: 12px;\n}\n\n.dropdown-toggle-split::after,\n.dropup .dropdown-toggle-split::after,\n.dropright .dropdown-toggle-split::after {\n margin-left: 0;\n}\n\n.dropleft .dropdown-toggle-split::before {\n margin-right: 0;\n}\n\n.btn-sm + .dropdown-toggle-split, .btn-group-sm > .btn + .dropdown-toggle-split {\n padding-right: 6px;\n padding-left: 6px;\n}\n\n.btn-lg + .dropdown-toggle-split, .btn-group-lg > .btn + .dropdown-toggle-split {\n padding-right: 12px;\n padding-left: 12px;\n}\n\n.btn-group-vertical {\n flex-direction: column;\n align-items: flex-start;\n justify-content: center;\n}\n\n.btn-group-vertical > .btn,\n.btn-group-vertical > .btn-group {\n width: 100%;\n}\n\n.btn-group-vertical > .btn:not(:first-child),\n.btn-group-vertical > .btn-group:not(:first-child) {\n margin-top: -1px;\n}\n\n.btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle),\n.btn-group-vertical > .btn-group:not(:last-child) > .btn {\n border-bottom-right-radius: 0;\n border-bottom-left-radius: 0;\n}\n\n.btn-group-vertical > .btn:not(:first-child),\n.btn-group-vertical > .btn-group:not(:first-child) > .btn {\n border-top-left-radius: 0;\n border-top-right-radius: 0;\n}\n\n.btn-group-toggle > .btn,\n.btn-group-toggle > .btn-group > .btn {\n margin-bottom: 0;\n}\n\n.btn-group-toggle > .btn input[type=\"radio\"],\n.btn-group-toggle > .btn input[type=\"checkbox\"],\n.btn-group-toggle > .btn-group > .btn input[type=\"radio\"],\n.btn-group-toggle > .btn-group > .btn input[type=\"checkbox\"] {\n position: absolute;\n clip: rect(0, 0, 0, 0);\n pointer-events: none;\n}\n\n.btn.btn-link, .btn.btn-link:not(:disabled):not(.disabled):active, .btn-group.show > .btn-link {\n color: #1357ff;\n background-color: transparent;\n border-color: transparent;\n}\n\n.btn.btn-ghost, .btn.btn-icon-only {\n color: #777;\n background-color: transparent;\n border: 1px solid transparent;\n}\n\n.btn.btn-ghost:not(:disabled):not(.disabled):hover, .btn.btn-icon-only:not(:disabled):not(.disabled):hover {\n background-color: #f2f4f7;\n border-color: #f2f4f7;\n}\n\n.btn.btn-ghost:not(:disabled):not(.disabled):focus, .btn.btn-icon-only:not(:disabled):not(.disabled):focus {\n background-color: transparent;\n border-color: #1357ff;\n box-shadow: 0 0 4px 1px #1357ff;\n}\n\n.btn.btn-basic, .btn.btn-secondary, .btn.btn-basic:not(:disabled):not(.disabled):active, .btn.btn-basic.active:not(:disabled):not(.disabled),\n.show > .btn.btn-basic.dropdown-toggle, .btn.btn-secondary:not(:disabled):not(.disabled):active, .btn.btn-secondary.active:not(:disabled):not(.disabled),\n.show > .btn.btn-secondary.dropdown-toggle {\n color: #777;\n background-color: #fbfbfb;\n border: 1px solid #e2e2e2;\n}\n\n.btn.btn-basic:not(:disabled):not(.disabled):hover, .btn.btn-secondary:not(:disabled):not(.disabled):hover {\n border-color: #005fbf;\n}\n\n.btn.btn-basic:not(:disabled):not(.disabled):focus, .btn.btn-secondary:not(:disabled):not(.disabled):focus {\n border-color: #005fbf;\n box-shadow: 0 0 4px 1px #005fbf;\n}\n\n.btn.btn-ghost:not(:disabled):not(.disabled):focus {\n background-color: transparent;\n border-color: #005fbf;\n box-shadow: 0 0 4px 1px #005fbf;\n}\n\n.btn.btn-link {\n height: auto;\n padding: 0 4px;\n border-radius: 2px;\n}\n\n.btn.btn-link:not(:disabled):not(.disabled):focus {\n text-decoration: none;\n box-shadow: 0 0 0 2px rgba(19, 87, 255, 0.3);\n}\n\n.btn.btn-link:disabled, .btn.btn-link.disabled {\n text-decoration: none;\n pointer-events: auto;\n background-color: transparent;\n border: none;\n}\n\n.btn.btn-primary.btn-with-icon .ic::before {\n color: #fff !important;\n}\n\n.btn.btn-primary.btn-icon-only .ic::before {\n color: inherit !important;\n}\n\n.btn.is-loading {\n position: relative;\n min-height: 36px;\n pointer-events: none;\n}\n\n.btn.is-loading::before {\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n z-index: 3;\n content: \"\";\n background-color: inherit;\n border-radius: 4px;\n}\n\n.btn.is-loading::after {\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n z-index: 4;\n display: inline-block;\n width: 18px;\n height: 18px;\n margin: auto;\n content: \"\";\n background: center center no-repeat;\n background-size: cover;\n border: 2px solid #fff;\n border-right-color: transparent;\n border-radius: 50%;\n animation: spinner-border .75s linear infinite;\n}\n\n.btn.is-loading.btn-basic::after, .btn.is-loading.btn-secondary::after {\n border-color: #777;\n border-right-color: transparent;\n}\n\n.btn.is-loading.btn-ghost {\n color: transparent;\n}\n\n.btn.is-loading.btn-ghost::after {\n border-color: #777;\n border-right-color: transparent;\n}\n\n.btn.btn-with-icon .ic,\n.btn.btn-with-icon span {\n vertical-align: top;\n border: none;\n}\n\n.btn.btn-with-icon .ic {\n width: 16px;\n height: 16px;\n padding: 0;\n font-size: 16px;\n color: inherit;\n}\n\n.btn.btn-with-icon .ic.is-left {\n margin-right: 8px;\n}\n\n.btn.btn-with-icon .ic.is-right {\n margin-left: 8px;\n}\n\n.btn.btn-with-icon.btn-sm .ic, .btn-group-sm > .btn.btn-with-icon .ic,\n.btn.btn-with-icon.btn-sm span,\n.btn-group-sm > .btn.btn-with-icon span {\n line-height: 16px;\n vertical-align: baseline;\n border: none;\n}\n\n.btn.btn-with-icon.btn-sm .ic, .btn-group-sm > .btn.btn-with-icon .ic {\n margin-right: 0;\n line-height: 18px;\n}\n\n.btn.btn-with-icon.btn-sm .is-left, .btn-group-sm > .btn.btn-with-icon .is-left {\n margin-right: 0;\n}\n\n.btn.btn-with-icon.btn-sm .is-right, .btn-group-sm > .btn.btn-with-icon .is-right {\n margin-left: 0;\n}\n\n.btn.btn-with-icon.btn-lg .ic, .btn-group-lg > .btn.btn-with-icon .ic,\n.btn.btn-with-icon.btn-lg span,\n.btn-group-lg > .btn.btn-with-icon span {\n vertical-align: top;\n border: none;\n}\n\n.btn.btn-with-icon.btn-lg .ic, .btn-group-lg > .btn.btn-with-icon .ic {\n width: 24px;\n height: 24px;\n padding: 0;\n font-size: 24px;\n}\n\n\n.btn.btn-with-icon.btn-lg span,\n.btn-group-lg > .btn.btn-with-icon span {\n line-height: 24px;\n}\n\n.btn.disabled, .btn:disabled {\n color: #b4b4b4;\n cursor: not-allowed;\n background-color: #f2f4f7;\n border: 1px solid #f2f4f7;\n opacity: 1;\n}\n\n.btn.disabled.btn-ghost, .btn:disabled.btn-ghost {\n background-color: transparent;\n border-color: transparent;\n}\n\n.btn.dropdown-toggle::before {\n margin-right: 16px;\n}\n\n.btn.dropdown-toggle::after {\n margin-left: 16px;\n}\n\n.btn-group .btn:first-child:not(:only-child):not(.dropdown-toggle) {\n padding-right: 8px;\n}\n\n.btn-group .btn:last-child:not(:only-child) {\n padding-left: 8px;\n}\n\n.btn-group .dropdown-toggle-split {\n min-width: 36px;\n padding-right: 8px;\n padding-left: 8px;\n}\n\n.btn-group .dropdown-toggle-split::before {\n margin-right: 0;\n}\n\n.btn-group .dropdown-toggle-split::after {\n margin-left: 0;\n}\n\n.btn-group .dropdown-toggle-split.btn-basic:not(:hover):not(:focus), .btn-group .dropdown-toggle-split.btn-secondary:not(:hover):not(:focus) {\n padding-left: 9px;\n border-left: none;\n}\n\n.btn-group.dropleft .dropdown-toggle-split.btn-basic, .btn-group.dropleft .dropdown-toggle-split.btn-secondary:not(:hover):not(:focus) {\n padding-left: 8px;\n border-left: 1px solid #e2e2e2;\n}\n\n.btn-group.dropleft ~ .btn-basic:not(:hover):not(:focus),\n.btn-group.dropleft ~ .btn-secondary:not(:hover):not(:focus) {\n padding-left: 9px;\n border-left: none;\n}\n\n.btn {\n height: 36px;\n}\n\n.btn.btn-sm, .btn-group-sm > .btn {\n height: 24px;\n}\n\n.btn.btn-lg, .btn-group-lg > .btn {\n height: 40px;\n}\n\n.btn.btn-icon-only {\n width: 36px;\n height: 36px;\n padding: 8px;\n font-size: 18px;\n line-height: 18px;\n}\n\n.btn.btn-icon-only > .ic {\n width: 18px;\n height: 18px;\n padding: 0;\n font-size: 18px;\n}\n\n/# sourceMappingURL=mekari-ui-button.css.map /","// Spinners\n\n$spinner-width: 2rem;\n$spinner-height: $spinner-width;\n$spinner-border-width: .25em;\n\n$spinner-width-sm: 1rem;\n$spinner-height-sm: $spinner-width-sm;\n$spinner-border-width-sm: .2em;\n","// stylelint-disable selector-no-qualifying-type\n\n//\n// Base styles\n//\n\n.#{$prefix}btn {\n display: inline-block;\n font-family: $btn-font-family;\n font-weight: $btn-font-weight;\n color: $body-color;\n text-align: center;\n vertical-align: middle;\n user-select: none;\n background-color: transparent;\n border: $btn-border-width solid transparent;\n @include button-size($btn-padding-y, $btn-padding-x, $btn-font-size, $btn-line-height, $btn-border-radius);\n @include transition($btn-transition);\n\n @include hover {\n color: $body-color;\n text-decoration: none;\n }\n\n &:focus,\n &.focus {\n outline: 0;\n box-shadow: $btn-focus-box-shadow;\n }\n\n // Disabled comes first so active can properly restyle\n &.disabled,\n &:disabled {\n opacity: $btn-disabled-opacity;\n @include box-shadow(none);\n }\n\n &:not(:disabled):not(.disabled):active,\n &:not(:disabled):not(.disabled).active {\n @include box-shadow($btn-active-box-shadow);\n\n &:focus {\n @include box-shadow($btn-focus-box-shadow, $btn-active-box-shadow);\n }\n }\n}\n\n// Future-proof disabling of clicks on `<a>` elements\na.#{$prefix}btn.disabled,\nfieldset:disabled a.#{$prefix}btn {\n pointer-events: none;\n}\n\n\n//\n// Alternate buttons\n//\n\n@each $color, $value in $theme-colors {\n .#{$prefix}btn-#{$color} {\n @include button-variant($value, $value);\n }\n}\n\n@each $color, $value in $theme-colors {\n .#{$prefix}btn-outline-#{$color} {\n @include button-outline-variant($value);\n }\n}\n\n\n//\n// Link buttons\n//\n\n// Make a button look and behave like a link\n.#{$prefix}btn-link {\n font-weight: $font-weight-normal;\n color: $link-color;\n text-decoration: $link-decoration;\n\n @include hover {\n color: $link-hover-color;\n text-decoration: $link-hover-decoration;\n }\n\n &:focus,\n &.focus {\n text-decoration: $link-hover-decoration;\n box-shadow: none;\n }\n\n &:disabled,\n &.disabled {\n color: $btn-link-disabled-color;\n pointer-events: none;\n }\n\n // No need for an active state here\n}\n\n\n//\n// Button Sizes\n//\n\n.#{$prefix}btn-lg {\n @include button-size($btn-padding-y-lg, $btn-padding-x-lg, $btn-font-size-lg, $btn-line-height-lg, $btn-border-radius-lg);\n}\n\n.#{$prefix}btn-sm {\n @include button-size($btn-padding-y-sm, $btn-padding-x-sm, $btn-font-size-sm, $btn-line-height-sm, $btn-border-radius-sm);\n}\n\n\n//\n// Block button\n//\n\n.#{$prefix}btn-block {\n display: block;\n width: 100%;\n\n // Vertically space out multiple block buttons\n + .#{$prefix}btn-block {\n margin-top: $btn-block-spacing-y;\n }\n}\n\n// Specificity overrides\ninput[type=\"submit\"],\ninput[type=\"reset\"],\ninput[type=\"button\"] {\n &.#{$prefix}btn-block {\n width: 100%;\n }\n}\n","$font-family-roboto: \"Roboto\", \"Oxygen\", \"Ubuntu\", \"Fira Sans\", \"Droid Sans\", \"Helvetica Neue\", sans-serif;\n$font-family-base: $font-family-roboto;\n$font-family-monospace: monospace;\n\n// 1 rem = 16px\n$font-size-base: .875rem; // 14px\n$font-size-lg: 1.25rem; // 20px\n$font-size-sm: .75rem; // 12px\n\n$line-height-base: 1.4285; // The closest value to Mekari design\n$line-height-lg: 1.4285;\n$line-height-sm: 1.4285;\n$letter-spacing: .2px;\n\n$font-weight-lighter: 400;\n$font-weight-light: 400;\n$font-weight-normal: 400;\n$font-weight-base: 400;\n$font-weight-bold: 500;\n$font-weight-bolder: 500;\n\n$dt-font-weight: $font-weight-bold;\n\n// Text color\n$body-color: $dark;\n$link-color: $blue;\n$link-hover-color: darken($link-color, 15%) !default;\n$link-decoration: none;\n$link-hover-decoration: underline;\n\n$input-placeholder-color: $text-muted;\n$custom-select-disabled-color: $text-muted;\n$custom-control-label-disabled-color: $text-muted;\n","// Neutrals color variables\n$dark: #212121;\n$slate: #777;\n$muted: #b4b4b4;\n$smoke: #e2e2e2;\n$snow: #fbfbfb;\n$white: #fff;\n$cloud: #f2f4f7;\n\n// UI color variables\n$red: #d74022;\n$green: #009f61;\n$light-yellow: #ffeb99;\n$blue: #1357ff;\n$orange: #ffb700;\n$sapphire: #005fbf;\n\n// Branding color variables\n$crimson: #c02a34;\n$azure: #009bde;\n$salamander: #f96d01;\n$purple: #6d48e5;\n\n// Bootstrap dependencies color\n$black: #000 !default;\n$gray-100: #f8f9fa !default;\n$gray-200: #e9ecef !default;\n$gray-300: #dee2e6 !default;\n$gray-400: #ced4da !default;\n$gray-500: #adb5bd !default;\n$gray-600: #6c757d !default;\n$gray-700: #495057 !default;\n$gray-800: #343a40 !default;\n$gray-900: #212529 !default;\n\n// The yiq lightness value that determines when the lightness of color changes from \"dark\" to \"light\". Acceptable values are between 0 and 255.\n$yiq-contrasted-threshold: 150 !default;\n\n// Customize the light and dark text colors for use in our YIQ color contrast function.\n$yiq-text-dark: $gray-900 !default;\n$yiq-text-light: $white !default;\n\n\n$grays: () !default;\n// stylelint-disable-next-line scss/dollar-variable-default\n$grays: map-merge(\n (\n \"100\": $gray-100,\n \"200\": $gray-200,\n \"300\": $gray-300,\n \"400\": $gray-400,\n \"500\": $gray-500,\n \"600\": $gray-600,\n \"700\": $gray-700,\n \"800\": $gray-800,\n \"900\": $gray-900\n ),\n $grays\n);\n\n// register mekari color variables too bootstrap\n$colors: ();\n$colors: map-merge(\n (\n \"noir\" : $dark, // going to deprecated\n \"dark\" : $dark,\n \"slate\" : $slate,\n \"muted\" : $muted,\n \"smoke\" : $smoke,\n \"snow\" : $snow,\n \"cloud\" : $cloud,\n \"crimson\" : $crimson,\n \"azure\" : $azure,\n \"salamander\" : $salamander,\n \"purple\" : $purple,\n \"sapphire\" : $sapphire,\n \"white\" : $white,\n \"red\" : $red,\n \"orange\" : $orange,\n \"green\" : $green,\n \"blue\" : $blue,\n \"light-yellow\" : $light-yellow\n ),\n $colors\n);\n\n//extend bootstrap class\n$danger: $red;\n$success: $green;\n$info: $light-yellow;\n$warning: $orange;\n$primary: $sapphire;\n$jurnal: $azure;\n$talenta: $crimson;\n$klikpajak: $salamander;\n$mekari: $purple;\n\n$link: $blue;\n\n$text-muted: $muted;\n$body-color: $dark;\n$dark: $dark;\n$secondary: $slate;\n$light: $snow;\n\n// Add more theme color variables\n$theme-colors: ();\n$theme-colors: map-merge(\n (\n \"danger\" : $danger,\n \"success\" : $success,\n \"info\" : $info,\n \"warning\" : $warning,\n \"primary\" : $primary,\n \"jurnal\" : $jurnal,\n \"talenta\" : $talenta,\n \"klikpajak\" : $klikpajak,\n \"mekari\" : $mekari,\n \"dark\" : $dark,\n \"slate\" : $slate,\n \"muted\" : $muted,\n \"smoke\" : $smoke,\n \"light\" : $light,\n \"cloud\" : $cloud,\n \"link\" : $blue,\n \"white\" : $white\n ),\n $theme-colors\n);\n\n$card-border-color: $smoke;\n$body-bg: $white;\n","// Button variants\n//\n// Easily pump out default styles, as well as :hover, :focus, :active,\n// and disabled options for all buttons\n\n@mixin button-variant($background, $border, $hover-background: darken($background, 7.5%), $hover-border: darken($border, 10%), $active-background: darken($background, 10%), $active-border: darken($border, 12.5%)) {\n color: color-yiq($background);\n @include gradient-bg($background);\n border-color: $border;\n @include box-shadow($btn-box-shadow);\n\n @include hover {\n color: color-yiq($hover-background);\n @include gradient-bg($hover-background);\n border-color: $hover-border;\n }\n\n &:focus,\n &.focus {\n // Avoid using mixin so we can pass custom focus shadow properly\n @if $enable-shadows {\n box-shadow: $btn-box-shadow, 0 0 0 $btn-focus-width rgba(mix(color-yiq($background), $border, 15%), .5);\n } @else {\n box-shadow: 0 0 0 $btn-focus-width rgba(mix(color-yiq($background), $border, 15%), .5);\n }\n }\n\n // Disabled comes first so active can properly restyle\n &.disabled,\n &:disabled {\n color: color-yiq($background);\n background-color: $background;\n border-color: $border;\n // Remove CSS gradients if they're enabled\n @if $enable-gradients {\n background-image: none;\n }\n }\n\n &:not(:disabled):not(.disabled):active,\n &:not(:disabled):not(.disabled).active,\n .#{$prefix}show > &.dropdown-toggle {\n color: color-yiq($active-background);\n background-color: $active-background;\n @if $enable-gradients {\n background-image: none; // Remove the gradient for the pressed/active state\n }\n border-color: $active-border;\n\n &:focus {\n // Avoid using mixin so we can pass custom focus shadow properly\n @if $enable-shadows and $btn-active-box-shadow != none {\n box-shadow: $btn-active-box-shadow, 0 0 0 $btn-focus-width rgba(mix(color-yiq($background), $border, 15%), .5);\n } @else {\n box-shadow: 0 0 0 $btn-focus-width rgba(mix(color-yiq($background), $border, 15%), .5);\n }\n }\n }\n}\n\n@mixin button-outline-variant($color, $color-hover: color-yiq($color), $active-background: $color, $active-border: $color) {\n color: $color;\n border-color: $color;\n\n @include hover {\n color: $color-hover;\n background-color: $active-background;\n border-color: $active-border;\n }\n\n &:focus,\n &.focus {\n box-shadow: 0 0 0 $btn-focus-width rgba($color, .5);\n }\n\n &.disabled,\n &:disabled {\n color: $color;\n background-color: transparent;\n }\n\n &:not(:disabled):not(.disabled):active,\n &:not(:disabled):not(.disabled).active,\n .#{$prefix}show > &.dropdown-toggle {\n color: color-yiq($active-background);\n background-color: $active-background;\n border-color: $active-border;\n\n &:focus {\n // Avoid using mixin so we can pass custom focus shadow properly\n @if $enable-shadows and $btn-active-box-shadow != none {\n box-shadow: $btn-active-box-shadow, 0 0 0 $btn-focus-width rgba($color, .5);\n } @else {\n box-shadow: 0 0 0 $btn-focus-width rgba($color, .5);\n }\n }\n }\n}\n\n// Button sizes\n@mixin button-size($padding-y, $padding-x, $font-size, $line-height, $border-radius) {\n padding: $padding-y $padding-x;\n @include font-size($font-size);\n line-height: $line-height;\n // Manually declare to provide an override to the browser default\n @include border-radius($border-radius, 0);\n}\n","// Buttons\n//\n// For each of Bootstrap's buttons, define text, background, and border color.\n\n$btn-padding-y: 8px;\n$btn-padding-x: 16px;\n$btn-font-size: 14px;\n$btn-line-height: 20px;\n\n$btn-padding-y-sm: 2px;\n$btn-padding-x-sm: 8px;\n$btn-font-size-sm: 14px;\n$btn-line-height-sm: 20px;\n\n// $btn-padding-y-lg: 8px;\n// $btn-padding-x-lg: 16px;\n$btn-font-size-lg: 16px;\n$btn-line-height-lg: 24px;\n\n$btn-font-family: $font-family-base;\n$btn-font-weight: $font-weight-normal;\n$btn-border-width: 1px;\n$btn-border-radius: 4px;\n$btn-transition: color .15s ease-in-out, background-color .15s ease-in-out,border-color .15s ease-in-out, box-shadow .15s ease-in-out;\n\n$btn-focus-box-shadow: 0 0 4px 1px $link;\n$btn-disabled-opacity: .65;\n$btn-active-box-shadow: inset 0 3px 5px rgba($black, .125) !default;\n$btn-box-shadow: inset 0 1px 0 rgba($white, .15), 0 1px 1px rgba($black, .075) !default;\n$btn-focus-width: .2rem;\n\n$btn-link-disabled-color: $cloud;\n$btn-padding-y-lg: 8px;\n$btn-padding-x-lg: 16px;\n$btn-border-radius-lg: 4px;\n$btn-border-radius-sm: 4px;\n$btn-block-spacing-y: .5rem;\n","// stylelint-disable property-blacklist, scss/dollar-variable-default\n\n// SCSS RFS mixin\n//\n// Automated font-resizing\n//\n// See https://github.com/twbs/rfs\n\n// Configuration\n\n// Base font size\n$rfs-base-font-size: 1.25rem !default;\n$rfs-font-size-unit: rem !default;\n\n// Breakpoint at where font-size starts decreasing if screen width is smaller\n$rfs-breakpoint: 1200px !default;\n$rfs-breakpoint-unit: px !default;\n\n// Resize font-size based on screen height and width\n$rfs-two-dimensional: false !default;\n\n// Factor of decrease\n$rfs-factor: 10 !default;\n\n@if type-of($rfs-factor) != \"number\" or $rfs-factor <= 1 {\n @error \"`#{$rfs-factor}` is not a valid $rfs-factor, it must be greater than 1.\";\n}\n\n// Generate enable or disable classes. Possibilities: false, \"enable\" or \"disable\"\n$rfs-class: false !default;\n\n// 1 rem = $rfs-rem-value px\n$rfs-rem-value: 16 !default;\n\n// Safari iframe resize bug: https://github.com/twbs/rfs/issues/14\n$rfs-safari-iframe-resize-bug-fix: false !default;\n\n// Disable RFS by setting $enable-responsive-font-sizes to false\n$enable-responsive-font-sizes: true !default;\n\n// Cache $rfs-base-font-size unit\n$rfs-base-font-size-unit: unit($rfs-base-font-size);\n\n// Remove px-unit from $rfs-base-font-size for calculations\n@if $rfs-base-font-size-unit == \"px\" {\n $rfs-base-font-size: $rfs-base-font-size / ($rfs-base-font-size * 0 + 1);\n}\n@else if $rfs-base-font-size-unit == \"rem\" {\n $rfs-base-font-size: $rfs-base-font-size / ($rfs-base-font-size * 0 + 1 / $rfs-rem-value);\n}\n\n// Cache $rfs-breakpoint unit to prevent multiple calls\n$rfs-breakpoint-unit-cache: unit($rfs-breakpoint);\n\n// Remove unit from $rfs-breakpoint for calculations\n@if $rfs-breakpoint-unit-cache == \"px\" {\n $rfs-breakpoint: $rfs-breakpoint / ($rfs-breakpoint * 0 + 1);\n}\n@else if $rfs-breakpoint-unit-cache == \"rem\" or $rfs-breakpoint-unit-cache == \"em\" {\n $rfs-breakpoint: $rfs-breakpoint / ($rfs-breakpoint * 0 + 1 / $rfs-rem-value);\n}\n\n// Responsive font-size mixin\n@mixin rfs($fs, $important: false) {\n // Cache $fs unit\n $fs-unit: if(type-of($fs) == \"number\", unit($fs), false);\n\n // Add !important suffix if needed\n $rfs-suffix: if($important, \" !important\", \"\");\n\n // If $fs isn't a number (like inherit) or $fs has a unit (not px or rem, like 1.5em) or $ is 0, just print the value\n @if not $fs-unit or $fs-unit != \"\" and $fs-unit != \"px\" and $fs-unit != \"rem\" or $fs == 0 {\n font-size: #{$fs}#{$rfs-suffix};\n }\n @else {\n // Variables for storing static and fluid rescaling\n $rfs-static: null;\n $rfs-fluid: null;\n\n // Remove px-unit from $fs for calculations\n @if $fs-unit == \"px\" {\n $fs: $fs / ($fs * 0 + 1);\n }\n @else if $fs-unit == \"rem\" {\n $fs: $fs / ($fs * 0 + 1 / $rfs-rem-value);\n }\n\n // Set default font-size\n @if $rfs-font-size-unit == rem {\n $rfs-static: #{$fs / $rfs-rem-value}rem#{$rfs-suffix};\n }\n @else if $rfs-font-size-unit == px {\n $rfs-static: #{$fs}px#{$rfs-suffix};\n }\n @else {\n @error \"`#{$rfs-font-size-unit}` is not a valid unit for $rfs-font-size-unit. Use `px` or `rem`.\";\n }\n\n // Only add media query if font-size is bigger as the minimum font-size\n // If $rfs-factor == 1, no rescaling will take place\n @if $fs > $rfs-base-font-size and $enable-responsive-font-sizes {\n $min-width: null;\n $variable-unit: null;\n\n // Calculate minimum font-size for given font-size\n $fs-min: $rfs-base-font-size + ($fs - $rfs-base-font-size) / $rfs-factor;\n\n // Calculate difference between given font-size and minimum font-size for given font-size\n $fs-diff: $fs - $fs-min;\n\n // Base font-size formatting\n // No need to check if the unit is valid, because we did that before\n $min-width: if($rfs-font-size-unit == rem, #{$fs-min / $rfs-rem-value}rem, #{$fs-min}px);\n\n // If two-dimensional, use smallest of screen width and height\n $variable-unit: if($rfs-two-dimensional, vmin, vw);\n\n // Calculate the variable width between 0 and $rfs-breakpoint\n $variable-width: #{$fs-diff * 100 / $rfs-breakpoint}#{$variable-unit};\n\n // Set the calculated font-size.\n $rfs-fluid: calc(#{$min-width} + #{$variable-width}) #{$rfs-suffix};\n }\n\n // Rendering\n @if $rfs-fluid == null {\n // Only render static font-size if no fluid font-size is available\n font-size: $rfs-static;\n }\n @else {\n $mq-value: null;\n\n // RFS breakpoint formatting\n @if $rfs-breakpoint-unit == em or $rfs-breakpoint-unit == rem {\n $mq-value: #{$rfs-breakpoint / $rfs-rem-value}#{$rfs-breakpoint-unit};\n }\n @else if $rfs-breakpoint-unit == px {\n $mq-value: #{$rfs-breakpoint}px;\n }\n @else {\n @error \"`#{$rfs-breakpoint-unit}` is not a valid unit for $rfs-breakpoint-unit. Use `px`, `em` or `rem`.\";\n }\n\n @if $rfs-class == \"disable\" {\n // Adding an extra class increases specificity,\n // which prevents the media query to override the font size\n &,\n .disable-responsive-font-size &,\n &.disable-responsive-font-size {\n font-size: $rfs-static;\n }\n }\n @else {\n font-size: $rfs-static;\n }\n\n @if $rfs-two-dimensional {\n @media (max-width: #{$mq-value}), (max-height: #{$mq-value}) {\n @if $rfs-class == \"enable\" {\n .enable-responsive-font-size &,\n &.enable-responsive-font-size {\n font-size: $rfs-fluid;\n }\n }\n @else {\n font-size: $rfs-fluid;\n }\n\n @if $rfs-safari-iframe-resize-bug-fix {\n // stylelint-disable-next-line length-zero-no-unit\n min-width: 0vw;\n }\n }\n }\n @else {\n @media (max-width: #{$mq-value}) {\n @if $rfs-class == \"enable\" {\n .enable-responsive-font-size &,\n &.enable-responsive-font-size {\n font-size: $rfs-fluid;\n }\n }\n @else {\n font-size: $rfs-fluid;\n }\n\n @if $rfs-safari-iframe-resize-bug-fix {\n // stylelint-disable-next-line length-zero-no-unit\n min-width: 0vw;\n }\n }\n }\n }\n }\n}\n\n// The font-size & responsive-font-size mixin uses RFS to rescale font sizes\n@mixin font-size($fs, $important: false) {\n @include rfs($fs, $important);\n}\n\n@mixin responsive-font-size($fs, $important: false) {\n @include rfs($fs, $important);\n}\n","// stylelint-disable property-blacklist\n// Single side border-radius\n\n@mixin border-radius($radius: $border-radius, $fallback-border-radius: false) {\n @if $enable-rounded {\n border-radius: $radius;\n }\n @else if $fallback-border-radius != false {\n border-radius: $fallback-border-radius;\n }\n}\n\n@mixin border-top-radius($radius) {\n @if $enable-rounded {\n border-top-left-radius: $radius;\n border-top-right-radius: $radius;\n }\n}\n\n@mixin border-right-radius($radius) {\n @if $enable-rounded {\n border-top-right-radius: $radius;\n border-bottom-right-radius: $radius;\n }\n}\n\n@mixin border-bottom-radius($radius) {\n @if $enable-rounded {\n border-bottom-right-radius: $radius;\n border-bottom-left-radius: $radius;\n }\n}\n\n@mixin border-left-radius($radius) {\n @if $enable-rounded {\n border-top-left-radius: $radius;\n border-bottom-left-radius: $radius;\n }\n}\n\n@mixin border-top-left-radius($radius) {\n @if $enable-rounded {\n border-top-left-radius: $radius;\n }\n}\n\n@mixin border-top-right-radius($radius) {\n @if $enable-rounded {\n border-top-right-radius: $radius;\n }\n}\n\n@mixin border-bottom-right-radius($radius) {\n @if $enable-rounded {\n border-bottom-right-radius: $radius;\n }\n}\n\n@mixin border-bottom-left-radius($radius) {\n @if $enable-rounded {\n border-bottom-left-radius: $radius;\n }\n}\n","// stylelint-disable property-blacklist\n@mixin transition($transition...) {\n @if $enable-transitions {\n @if length($transition) == 0 {\n transition: $transition-base;\n } @else {\n transition: $transition;\n }\n }\n\n @if $enable-prefers-reduced-motion-media-query {\n @media (prefers-reduced-motion: reduce) {\n transition: none;\n }\n }\n}\n","// Hover mixin and `$enable-hover-media-query` are deprecated.\n//\n// Originally added during our alphas and maintained during betas, this mixin was\n// designed to prevent `:hover` stickiness on iOS-an issue where hover styles\n// would persist after initial touch.\n//\n// For backward compatibility, we've kept these mixins and updated them to\n// always return their regular pseudo-classes instead of a shimmed media query.\n//\n// Issue: https://github.com/twbs/bootstrap/issues/25195\n\n@mixin hover {\n &:hover { @content; }\n}\n\n@mixin hover-focus {\n &:hover,\n &:focus {\n @content;\n }\n}\n\n@mixin plain-hover-focus {\n &,\n &:hover,\n &:focus {\n @content;\n }\n}\n\n@mixin hover-focus-active {\n &:hover,\n &:focus,\n &:active {\n @content;\n }\n}\n","// Gradients\n\n@mixin gradient-bg($color) {\n @if $enable-gradients {\n background: $color linear-gradient(180deg, mix($body-bg, $color, 15%), $color) repeat-x;\n } @else {\n background-color: $color;\n }\n}\n\n// Horizontal gradient, from left to right\n//\n// Creates two color stops, start and end, by specifying a color and position for each color stop.\n@mixin gradient-x($start-color: $gray-700, $end-color: $gray-800, $start-percent: 0%, $end-percent: 100%) {\n background-image: linear-gradient(to right, $start-color $start-percent, $end-color $end-percent);\n background-repeat: repeat-x;\n}\n\n// Vertical gradient, from top to bottom\n//\n// Creates two color stops, start and end, by specifying a color and position for each color stop.\n@mixin gradient-y($start-color: $gray-700, $end-color: $gray-800, $start-percent: 0%, $end-percent: 100%) {\n background-image: linear-gradient(to bottom, $start-color $start-percent, $end-color $end-percent);\n background-repeat: repeat-x;\n}\n\n@mixin gradient-directional($start-color: $gray-700, $end-color: $gray-800, $deg: 45deg) {\n background-image: linear-gradient($deg, $start-color, $end-color);\n background-repeat: repeat-x;\n}\n@mixin gradient-x-three-colors($start-color: $blue, $mid-color: $purple, $color-stop: 50%, $end-color: $red) {\n background-image: linear-gradient(to right, $start-color, $mid-color $color-stop, $end-color);\n background-repeat: no-repeat;\n}\n@mixin gradient-y-three-colors($start-color: $blue, $mid-color: $purple, $color-stop: 50%, $end-color: $red) {\n background-image: linear-gradient($start-color, $mid-color $color-stop, $end-color);\n background-repeat: no-repeat;\n}\n@mixin gradient-radial($inner-color: $gray-700, $outer-color: $gray-800) {\n background-image: radial-gradient(circle, $inner-color, $outer-color);\n background-repeat: no-repeat;\n}\n@mixin gradient-striped($color: rgba($white, .15), $angle: 45deg) {\n background-image: linear-gradient($angle, $color 25%, transparent 25%, transparent 50%, $color 50%, $color 75%, transparent 75%, transparent);\n}\n","// stylelint-disable selector-no-qualifying-type\n\n// Make the div behave like a button\n.#{$prefix}btn-group,\n.#{$prefix}btn-group-vertical {\n position: relative;\n display: inline-flex;\n vertical-align: middle; // match .#{$prefix}btn alignment given font-size hack above\n\n > .#{$prefix}btn {\n position: relative;\n flex: 1 1 auto;\n\n // Bring the hover, focused, and \"active\" buttons to the front to overlay\n // the borders properly\n @include hover {\n z-index: 1;\n }\n &:focus,\n &:active,\n &.active {\n z-index: 1;\n }\n }\n}\n\n// Optional: Group multiple button groups together for a toolbar\n.#{$prefix}btn-toolbar {\n display: flex;\n flex-wrap: wrap;\n justify-content: flex-start;\n\n .input-group {\n width: auto;\n }\n}\n\n.#{$prefix}btn-group {\n // Prevent double borders when buttons are next to each other\n > .#{$prefix}btn:not(:first-child),\n > .#{$prefix}btn-group:not(:first-child) {\n margin-left: -$btn-border-width;\n }\n\n // Reset rounded corners\n > .#{$prefix}btn:not(:last-child):not(.dropdown-toggle),\n > .#{$prefix}btn-group:not(:last-child) > .#{$prefix}btn {\n @include border-right-radius(0);\n }\n\n > .#{$prefix}btn:not(:first-child),\n > .#{$prefix}btn-group:not(:first-child) > .#{$prefix}btn {\n @include border-left-radius(0);\n }\n}\n\n// Sizing\n//\n// Remix the default button sizing classes into new ones for easier manipulation.\n\n.#{$prefix}btn-group-sm > .#{$prefix}btn { @extend .#{$prefix}btn-sm; }\n.#{$prefix}btn-group-lg > .#{$prefix}btn { @extend .#{$prefix}btn-lg; }\n\n\n//\n// Split button dropdowns\n//\n\n.#{$prefix}dropdown-toggle-split {\n padding-right: $btn-padding-x * .75;\n padding-left: $btn-padding-x * .75;\n\n &::after,\n .#{$prefix}dropup &::after,\n .#{$prefix}dropright &::after {\n margin-left: 0;\n }\n\n .#{$prefix}dropleft &::before {\n margin-right: 0;\n }\n}\n\n.#{$prefix}btn-sm + .#{$prefix}dropdown-toggle-split {\n padding-right: $btn-padding-x-sm * .75;\n padding-left: $btn-padding-x-sm * .75;\n}\n\n.#{$prefix}btn-lg + .#{$prefix}dropdown-toggle-split {\n padding-right: $btn-padding-x-lg * .75;\n padding-left: $btn-padding-x-lg * .75;\n}\n\n\n// The clickable button for toggling the menu\n// Set the same inset shadow as the :active state\n.#{$prefix}btn-group.#{$prefix}show .#{$prefix}dropdown-toggle {\n @include box-shadow($btn-active-box-shadow);\n\n // Show no shadow for `.#{$prefix}btn-link` since it has no other button styles.\n &.#{$prefix}btn-link {\n @include box-shadow(none);\n }\n}\n\n\n//\n// Vertical button groups\n//\n\n.#{$prefix}btn-group-vertical {\n flex-direction: column;\n align-items: flex-start;\n justify-content: center;\n\n > .#{$prefix}btn,\n > .#{$prefix}btn-group {\n width: 100%;\n }\n\n > .#{$prefix}btn:not(:first-child),\n > .#{$prefix}btn-group:not(:first-child) {\n margin-top: -$btn-border-width;\n }\n\n // Reset rounded corners\n > .#{$prefix}btn:not(:last-child):not(.dropdown-toggle),\n > .#{$prefix}btn-group:not(:last-child) > .#{$prefix}btn {\n @include border-bottom-radius(0);\n }\n\n > .#{$prefix}btn:not(:first-child),\n > .#{$prefix}btn-group:not(:first-child) > .#{$prefix}btn {\n @include border-top-radius(0);\n }\n}\n\n\n// Checkbox and radio options\n//\n// In order to support the browser's form validation feedback, powered by the\n// `required` attribute, we have to \"hide\" the inputs via `clip`. We cannot use\n// `display: none;` or `visibility: hidden;` as that also hides the popover.\n// Simply visually hiding the inputs via `opacity` would leave them clickable in\n// certain cases which is prevented by using `clip` and `pointer-events`.\n// This way, we ensure a DOM element is visible to position the popover from.\n//\n// See https://github.com/twbs/bootstrap/pull/12794 and\n// https://github.com/twbs/bootstrap/pull/14559 for more information.\n\n.#{$prefix}btn-group-toggle {\n > .#{$prefix}btn,\n > .#{$prefix}btn-group > .#{$prefix}btn {\n margin-bottom: 0; // Override default `<label>` value\n\n input[type=\"radio\"],\n input[type=\"checkbox\"] {\n position: absolute;\n clip: rect(0, 0, 0, 0);\n pointer-events: none;\n }\n }\n}\n","// Button related variable\n%btn-link-active {\n color: $blue;\n background-color: transparent;\n border-color: transparent;\n}\n\n%btn-ghost {\n color: $secondary;\n background-color: transparent;\n border: 1px solid transparent;\n &:not(:disabled):not(.disabled):hover {\n background-color: $cloud;\n border-color: $cloud;\n }\n &:not(:disabled):not(.disabled):focus {\n background-color: transparent;\n border-color: $blue;\n box-shadow: 0 0 4px 1px $blue;\n }\n}\n\n$btn-secondary-border-color: $smoke;\n\n%btn-secondary-theme {\n color: $secondary;\n background-color: $light;\n border: 1px solid $btn-secondary-border-color;\n}\n\n// End of button related variable\n\n.#{$prefix}btn {\n &.#{$prefix}btn-basic,\n &.#{$prefix}btn-secondary {\n @extend %btn-secondary-theme;\n &:not(:disabled):not(.disabled):hover {\n border-color: $sapphire;\n }\n &:not(:disabled):not(.disabled):focus {\n border-color: $sapphire;\n box-shadow: 0 0 4px 1px $sapphire;\n }\n &:not(:disabled):not(.disabled):active,\n &:not(:disabled):not(.disabled).active,\n .#{$prefix}show > &.dropdown-toggle {\n @extend %btn-secondary-theme;\n }\n }\n\n &.#{$prefix}btn-ghost {\n @extend %btn-ghost;\n &:not(:disabled):not(.disabled):focus {\n background-color: transparent;\n border-color: $primary;\n box-shadow: 0 0 4px 1px $primary;\n }\n }\n\n &.#{$prefix}btn-link {\n height: auto;\n padding: 0 4px;\n // stylelint-disable-next-line property-blacklist\n border-radius: 2px;\n @extend %btn-link-active;\n &:not(:disabled):not(.disabled):active {\n @extend %btn-link-active;\n }\n &:not(:disabled):not(.disabled):focus {\n text-decoration: none;\n box-shadow: 0 0 0 2px rgba($blue, .3);\n }\n &:disabled,\n &.disabled {\n text-decoration: none;\n pointer-events: auto;\n background-color: transparent;\n border: none;\n }\n }\n\n &.#{$prefix}btn-primary {\n &.#{$prefix}btn-with-icon {\n .ic {\n &::before {\n // stylelint-disable-next-line declaration-no-important\n color: $white !important;\n }\n }\n }\n\n &.#{$prefix}btn-icon-only {\n .ic {\n &::before {\n // stylelint-disable-next-line declaration-no-important\n color: inherit !important;\n }\n }\n }\n }\n\n &.#{$prefix}is-loading {\n position: relative;\n min-height: 36px;\n pointer-events: none;\n &::before {\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n z-index: 3;\n content: \"\";\n background-color: inherit;\n // stylelint-disable-next-line property-blacklist\n border-radius: 4px;\n }\n &::after {\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n z-index: 4;\n display: inline-block;\n width: 18px;\n height: 18px;\n margin: auto;\n content: \"\";\n background: center center no-repeat;\n background-size: cover;\n border: 2px solid $white;\n border-right-color: transparent;\n // stylelint-disable-next-line property-blacklist\n border-radius: 50%;\n animation: spinner-border .75s linear infinite;\n }\n\n &.#{$prefix}btn-basic,\n &.#{$prefix}btn-secondary {\n &::after {\n border-color: $secondary;\n border-right-color: transparent;\n }\n }\n &.#{$prefix}btn-ghost {\n color: transparent;\n &::after {\n border-color: $secondary;\n border-right-color: transparent;\n }\n }\n }\n\n &.#{$prefix}btn-with-icon {\n .ic,\n span {\n vertical-align: top;\n border: none;\n }\n .ic {\n width: 16px;\n height: 16px;\n padding: 0;\n font-size: 16px;\n color: inherit;\n &.is-left {\n margin-right: 8px;\n }\n &.is-right {\n margin-left: 8px;\n }\n }\n &.#{$prefix}btn-sm {\n .ic,\n span {\n line-height: 16px;\n vertical-align: baseline;\n border: none;\n }\n .ic {\n margin-right: 0;\n line-height: 18px;\n }\n .is-left {\n margin-right: 0;\n }\n .is-right {\n margin-left: 0;\n }\n }\n &.#{$prefix}btn-lg {\n .ic,\n span {\n vertical-align: top;\n border: none;\n }\n .ic {\n width: 24px;\n height: 24px;\n padding: 0;\n font-size: 24px;\n }\n span {\n line-height: 24px;\n }\n }\n }\n\n &.disabled,\n &:disabled {\n color: $text-muted;\n cursor: not-allowed;\n background-color: $cloud;\n border: 1px solid $cloud;\n opacity: 1;\n &.#{$prefix}btn-ghost {\n background-color: transparent;\n border-color: transparent;\n }\n }\n\n // Caret\n &.#{$prefix}dropdown-toggle {\n &::before {\n margin-right: 16px;\n }\n &::after {\n margin-left: 16px;\n }\n }\n\n // Button group\n &-group {\n .#{$prefix}btn:first-child:not(:only-child):not(.#{$prefix}dropdown-toggle) {\n padding-right: 8px;\n }\n\n .#{$prefix}btn:last-child:not(:only-child) {\n padding-left: 8px;\n }\n\n // Caret\n .#{$prefix}dropdown-toggle-split {\n min-width: 36px;\n padding-right: 8px;\n padding-left: 8px;\n &::before {\n margin-right: 0;\n }\n &::after {\n margin-left: 0;\n }\n\n // Button secondary\n &.#{$prefix}btn-basic:not(:hover):not(:focus),\n &.#{$prefix}btn-secondary:not(:hover):not(:focus) {\n padding-left: 9px;\n border-left: none;\n }\n }\n\n // Button secondary\n &.#{$prefix}dropleft {\n .#{$prefix}dropdown-toggle-split {\n &.#{$prefix}btn-basic,\n &.#{$prefix}btn-secondary:not(:hover):not(:focus) {\n padding-left: 8px;\n border-left: 1px solid $btn-secondary-border-color;\n }\n }\n\n ~ .#{$prefix}btn-basic:not(:hover):not(:focus),\n ~ .#{$prefix}btn-secondary:not(:hover):not(:focus) {\n padding-left: 9px;\n border-left: none;\n }\n }\n\n // Button link active\n &.#{$prefix}show {\n > .#{$prefix}btn-link {\n @extend %btn-link-active;\n }\n }\n }\n}\n\n.btn {\n height: 36px;\n &.btn-sm {\n height: 24px;\n }\n &.btn-lg {\n height: 40px;\n }\n &.#{$prefix}btn-icon-only {\n width: 36px;\n height: 36px;\n padding: 8px;\n font-size: 18px;\n line-height: 18px;\n @extend %btn-ghost;\n\n > .ic {\n width: 18px;\n height: 18px;\n padding: 0;\n font-size: 18px;\n }\n }\n}\n"]}

data/lib/assets/stylesheets/css/components/mekari-ui-date-picker-min.css CHANGED

@@ -1,2 +1,2 @@
-.datepicker-container{position:relative;z-index:11;width:0;height:0}.datepicker-container.on-right{left:calc(100% - 392px)}.datepicker-calendar-view,.datepicker-collapse-view{position:absolute;width:392px;padding:0 16px;background-color:#fff;background-clip:border-box;border:1px solid #e2e2e2;border-radius:4px;box-shadow:0 2px 4px 0 rgba(119,119,119,.1),0 4px 8px 0 rgba(119,119,119,.2)}.datepicker-calendar-view{height:320px}.datepicker-collapse-view{height:244px}.datepicker-header{display:flex;align-items:center;height:52px;text-align:center}.datepicker-header-title{flex-grow:5;font-weight:500;cursor:pointer}.datepicker-previous-button{flex-grow:1;padding-right:16px;text-align:left}.datepicker-previous-button .ic:hover{cursor:pointer}.datepicker-next-button{flex-grow:1;padding-left:16px;text-align:right}.datepicker-next-button .ic:hover{cursor:pointer}.datepicker-row .datepicker-cell .datepicker-date-cell.current-date,.datepicker-row .datepicker-cell .datepicker-month-cell.current-month,.datepicker-row .datepicker-cell .datepicker-year-cell.current-year{border-radius:100%;box-shadow:inset 0 0 0 1px #005fbf}.datepicker-row .datepicker-cell .datepicker-date-cell.selected-date,.datepicker-row .datepicker-cell .datepicker-month-cell.selected-month,.datepicker-row .datepicker-cell .datepicker-year-cell.selected-year{color:#fff;background-color:#005fbf;border-radius:100%}.datepicker-row .datepicker-cell .datepicker-date-cell:hover,.datepicker-row .datepicker-cell .datepicker-month-cell:hover,.datepicker-row .datepicker-cell .datepicker-year-cell:hover{color:#212121;cursor:pointer;background-color:#f2f4f7;border-radius:100%;box-shadow:none}.datepicker-row{display:flex}.datepicker-row .datepicker-cell{flex:1 1 0;text-align:center}.datepicker-row .datepicker-cell .datepicker-date-cell{width:32px;height:32px;margin:2px auto;line-height:32px}.datepicker-row .datepicker-cell .datepicker-month-cell{width:40px;height:40px;margin:0 auto;margin-bottom:12px;line-height:40px}.datepicker-row .datepicker-cell .datepicker-year-cell{width:48px;height:48px;margin:0 auto;margin-bottom:4px;line-height:48px}.datepicker-day-container{display:flex;margin-bottom:16px}.datepicker-day-container .datepicker-day{flex:1 1 0;color:#777;text-align:center}.datepicker-shortcut-button{position:absolute;bottom:16px;width:360px;color:#777;text-align:center;cursor:pointer}.datepicker-shortcut-button.disabled{color:#b4b4b4;cursor:not-allowed}
+.date-picker-container{position:relative;z-index:11;width:0;height:0}.date-picker-container.on-right{left:calc(100% - 392px)}.date-picker-calendar-view,.date-picker-collapse-view{position:absolute;width:392px;padding:0 16px;background-color:#fff;background-clip:border-box;border:1px solid #e2e2e2;border-radius:4px;box-shadow:0 2px 4px 0 rgba(119,119,119,.1),0 4px 8px 0 rgba(119,119,119,.2)}.date-picker-calendar-view{height:auto;min-height:284px}.date-picker-collapse-view{height:auto;min-height:244px}.date-picker-header{display:flex;align-items:center;height:52px;text-align:center}.date-picker-header-title{flex-grow:5;font-weight:500;cursor:pointer}.date-picker-previous-button{flex-grow:1;padding-right:16px;text-align:left}.date-picker-previous-button .ic:hover{cursor:pointer}.date-picker-next-button{flex-grow:1;padding-left:16px;text-align:right}.date-picker-next-button .ic:hover{cursor:pointer}.date-picker-row .date-picker-cell .date-picker-date-cell.current-date,.date-picker-row .date-picker-cell .date-picker-month-cell.current-month,.date-picker-row .date-picker-cell .date-picker-year-cell.current-year{border-radius:100%;box-shadow:inset 0 0 0 1px #005fbf}.date-picker-row .date-picker-cell .date-picker-date-cell.selected-date,.date-picker-row .date-picker-cell .date-picker-month-cell.selected-month,.date-picker-row .date-picker-cell .date-picker-year-cell.selected-year{color:#fff!important;background-color:#005fbf!important;border-radius:100%}.date-picker-row .date-picker-cell .date-picker-date-cell:hover,.date-picker-row .date-picker-cell .date-picker-month-cell:hover,.date-picker-row .date-picker-cell .date-picker-year-cell:hover{color:#212121;cursor:pointer;background-color:#f2f4f7;border-radius:100%;box-shadow:none}.date-picker-row{display:flex;flex-wrap:wrap}.date-picker-row .date-picker-cell{flex:1 1 0;text-align:center}.date-picker-row .date-picker-cell .date-picker-date-cell{width:32px;height:32px;margin:2px auto;line-height:32px}.date-picker-row .date-picker-cell .date-picker-month-cell{width:40px;height:40px;margin:0 auto;margin-bottom:12px;line-height:40px}.date-picker-row .date-picker-cell .date-picker-year-cell{width:48px;height:48px;margin:0 auto;margin-bottom:4px;line-height:48px}.date-picker-day-container{display:flex;margin-bottom:16px}.date-picker-day-container .date-picker-day{flex:1 1 0;color:#777;text-align:center}.date-picker-shortcut-button{width:360px;padding:16px 0;color:#777;text-align:center;cursor:pointer}.date-picker-shortcut-button.disabled{color:#b4b4b4;cursor:not-allowed}.date-picker-break{flex-basis:100%;height:0}.date-picker--no-outline{outline:0}
 /*# sourceMappingURL=mekari-ui-date-picker-min.css.map */

data/lib/assets/stylesheets/css/components/mekari-ui-date-picker-min.css.map CHANGED

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../scss/components/config/_date-picker.scss"],"names":[],"mappings":"AAAA,~~sBACE~~,SAAA,SACA,QAAA,GACA,MAAA,EACA,OAAA,EAJF~~,+BAMI~~,KAAA,mBAIJ,~~0BAAA~~,~~0BACE~~,SAAA,SACA,MAAA,MACA,QAAA,EAAA,KACA,iBAAA,KACA,gBAAA,WACA,OAAA,IAAA,MAAA,QACA,cAAA,IACA,WAAA,EAAA,IAAA,IAAA,EAAA,oBAAA,CAAA,EAAA,IAAA,IAAA,EAAA,qBAGF,~~0BAEE~~,OAAA,MAGF,~~0BAEE~~,OAAA,MAGF,~~mBACE~~,QAAA,KACA,YAAA,OACA,OAAA,KACA,WAAA,OAGF,~~yBACE~~,UAAA,EACA,YAAA,IACA,OAAA,QAGF,~~4BACE~~,UAAA,EACA,cAAA,KACA,WAAA,KAHF,~~sCAMM~~,OAAA,QAKN,~~wBACE~~,UAAA,EACA,aAAA,KACA,WAAA,MAHF,~~kCAMM~~,OAAA,QAKN,~~oEAAA~~,~~sEAAA~~,~~oEACE~~,cAAA,KAGA,WAAA,MAAA,EAAA,EAAA,EAAA,IAAA,QAGF,~~qEAAA~~,~~uEAAA~~,~~qEACE~~,MAAA,~~KACA~~,iBAAA,~~QACA~~,cAAA,KAGF,~~6DAAA~~,~~8DAAA~~,~~6DACE~~,MAAA,QACA,OAAA,QACA,iBAAA,QACA,cAAA,KAGA,WAAA,KAGF,~~gBACE~~,QAAA,~~KADF~~,~~iCAGI~~,KAAA,EAAA,EAAA,EACA,WAAA,~~OAJJ~~,~~uDAMM~~,MAAA,KACA,OAAA,KACA,OAAA,IAAA,KACA,YAAA,~~KATN~~,~~wDAqBM~~,MAAA,KACA,OAAA,KACA,OAAA,EAAA,KACA,cAAA,KACA,YAAA,~~KAzBN~~,~~uDAqCM~~,MAAA,KACA,OAAA,KACA,OAAA,EAAA,KACA,cAAA,IACA,YAAA,KAcN,~~0BACE~~,QAAA,KACA,cAAA,KAFF,~~0CAII~~,KAAA,EAAA,EAAA,EACA,MAAA,KACA,WAAA,OAIJ,~~4BACE~~,~~SAAA~~,~~SACA~~,~~OAAA~~,~~KACA~~,~~MAAA~~,~~MACA,~~MAAA,KACA,WAAA,OACA,OAAA,~~QANF~~,~~qCAQI~~,MAAA,QACA,OAAA","sourcesContent":[".~~datepicker~~-container {\n position: relative;\n z-index: 11;\n width: 0;\n height: 0;\n &.on-right {\n left: calc(100% - 392px);\n }\n}\n\n%~~datepicker~~-calendar {\n position: absolute;\n width: 392px;\n padding: 0 16px;\n background-color: $white;\n background-clip: border-box;\n border: 1px solid $smoke;\n border-radius: 4px; // stylelint-disable-line property-blacklist\n box-shadow: 0 2px 4px 0 rgba($slate, .1), 0 4px 8px 0 rgba($slate, .2);\n}\n\n.~~datepicker~~-calendar-view {\n @extend %~~datepicker~~-calendar;\n height: ~~320px~~;\n}\n\n.~~datepicker~~-collapse-view {\n @extend %~~datepicker~~-calendar;\n height: 244px;\n}\n\n.~~datepicker~~-header {\n display: flex;\n align-items: center;\n height: 52px;\n text-align: center;\n}\n\n.~~datepicker~~-header-title {\n flex-grow: 5;\n font-weight: $font-weight-bold;\n cursor: pointer;\n}\n\n.~~datepicker~~-previous-button {\n flex-grow: 1;\n padding-right: 16px;\n text-align: left;\n .ic {\n &:hover {\n cursor: pointer;\n }\n }\n}\n\n.~~datepicker~~-next-button {\n flex-grow: 1;\n padding-left: 16px;\n text-align: right;\n .ic {\n &:hover {\n cursor: pointer;\n }\n }\n}\n\n%cell-current-state {\n border-radius: 100%; // stylelint-disable-line property-blacklist\n -webkit-box-shadow: inset 0 0 0 1px $primary; // stylelint-disable-line property-no-vendor-prefix\n -moz-box-shadow: inset 0 0 0 1px $primary; // stylelint-disable-line property-no-vendor-prefix\n box-shadow: inset 0 0 0 1px $primary;\n}\n\n%cell-selected-state {\n color: $white;\n background-color: $primary;\n border-radius: 100%; // stylelint-disable-line property-blacklist\n}\n\n%cell-hover {\n color: $dark;\n cursor: pointer;\n background-color: $cloud;\n border-radius: 100%; // stylelint-disable-line property-blacklist\n -webkit-box-shadow: none; // stylelint-disable-line property-no-vendor-prefix\n -moz-box-shadow: none; // stylelint-disable-line property-no-vendor-prefix\n box-shadow: none; // stylelint-disable-line property-no-vendor-prefix\n}\n\n.~~datepicker~~-row {\n display: flex;\n .~~datepicker~~-cell {\n flex: 1 1 0;\n text-align: center;\n .~~datepicker~~-date-cell {\n width: 32px;\n height: 32px;\n margin: 2px auto;\n line-height: 32px;\n &.current-date {\n @extend %cell-current-state;\n }\n &.selected-date {\n @extend %cell-selected-state;\n }\n &:hover {\n @extend %cell-hover;\n }\n }\n .~~datepicker~~-month-cell {\n width: 40px;\n height: 40px;\n margin: 0 auto;\n margin-bottom: 12px;\n line-height: 40px;\n &.current-month {\n @extend %cell-current-state;\n }\n &.selected-month {\n @extend %cell-selected-state;\n }\n &:hover {\n @extend %cell-hover;\n }\n }\n .~~datepicker~~-year-cell {\n width: 48px;\n height: 48px;\n margin: 0 auto;\n margin-bottom: 4px;\n line-height: 48px;\n &.current-year {\n @extend %cell-current-state;\n }\n &.selected-year {\n @extend %cell-selected-state;\n }\n &:hover {\n @extend %cell-hover;\n }\n }\n }\n}\n\n.~~datepicker~~-day-container {\n display: flex;\n margin-bottom: 16px;\n .~~datepicker~~-day {\n flex: 1 1 0;\n color: $slate;\n text-align: center;\n }\n}\n\n.~~datepicker~~-shortcut-button {\n ~~position~~: ~~absolute~~;\n ~~bottom~~: 16px~~;\n width:~~ ~~360px~~;\n color: $slate;\n text-align: center;\n cursor: pointer;\n &.disabled {\n color: $muted;\n cursor: not-allowed;\n }\n}\n"]}
1	+ {"version":3,"sources":["../../../scss/components/config/_date-picker.scss"],"names":[],"mappings":"AAAA,uBACE,SAAA,SACA,QAAA,GACA,MAAA,EACA,OAAA,EAJF,gCAMI,KAAA,mBAIJ,2BAAA,2BACE,SAAA,SACA,MAAA,MACA,QAAA,EAAA,KACA,iBAAA,KACA,gBAAA,WACA,OAAA,IAAA,MAAA,QACA,cAAA,IACA,WAAA,EAAA,IAAA,IAAA,EAAA,oBAAA,CAAA,EAAA,IAAA,IAAA,EAAA,qBAGF,2BAEE,OAAA,KACA,WAAA,MAGF,2BAEE,OAAA,KACA,WAAA,MAGF,oBACE,QAAA,KACA,YAAA,OACA,OAAA,KACA,WAAA,OAGF,0BACE,UAAA,EACA,YAAA,IACA,OAAA,QAGF,6BACE,UAAA,EACA,cAAA,KACA,WAAA,KAHF,uCAMM,OAAA,QAKN,yBACE,UAAA,EACA,aAAA,KACA,WAAA,MAHF,mCAMM,OAAA,QAKN,uEAAA,yEAAA,uEACE,cAAA,KAGA,WAAA,MAAA,EAAA,EAAA,EAAA,IAAA,QAGF,wEAAA,0EAAA,wEACE,MAAA,eACA,iBAAA,kBACA,cAAA,KAGF,gEAAA,iEAAA,gEACE,MAAA,QACA,OAAA,QACA,iBAAA,QACA,cAAA,KAGA,WAAA,KAGF,iBACE,QAAA,KACA,UAAA,KAFF,mCAII,KAAA,EAAA,EAAA,EACA,WAAA,OALJ,0DAOM,MAAA,KACA,OAAA,KACA,OAAA,IAAA,KACA,YAAA,KAVN,2DAsBM,MAAA,KACA,OAAA,KACA,OAAA,EAAA,KACA,cAAA,KACA,YAAA,KA1BN,0DAsCM,MAAA,KACA,OAAA,KACA,OAAA,EAAA,KACA,cAAA,IACA,YAAA,KAcN,2BACE,QAAA,KACA,cAAA,KAFF,4CAII,KAAA,EAAA,EAAA,EACA,MAAA,KACA,WAAA,OAIJ,6BACE,MAAA,MACA,QAAA,KAAA,EACA,MAAA,KACA,WAAA,OACA,OAAA,QALF,sCAOI,MAAA,QACA,OAAA,YAIJ,mBACE,WAAA,KACA,OAAA,EAGF,yBACE,QAAA","sourcesContent":[".date-picker-container {\n position: relative;\n z-index: 11;\n width: 0;\n height: 0;\n &.on-right {\n left: calc(100% - 392px);\n }\n}\n\n%date-picker-calendar {\n position: absolute;\n width: 392px;\n padding: 0 16px;\n background-color: $white;\n background-clip: border-box;\n border: 1px solid $smoke;\n border-radius: 4px; // stylelint-disable-line property-blacklist\n box-shadow: 0 2px 4px 0 rgba($slate, .1), 0 4px 8px 0 rgba($slate, .2);\n}\n\n.date-picker-calendar-view {\n @extend %date-picker-calendar;\n height: auto;\n min-height: 284px;\n}\n\n.date-picker-collapse-view {\n @extend %date-picker-calendar;\n height: auto;\n min-height: 244px;\n}\n\n.date-picker-header {\n display: flex;\n align-items: center;\n height: 52px;\n text-align: center;\n}\n\n.date-picker-header-title {\n flex-grow: 5;\n font-weight: $font-weight-bold;\n cursor: pointer;\n}\n\n.date-picker-previous-button {\n flex-grow: 1;\n padding-right: 16px;\n text-align: left;\n .ic {\n &:hover {\n cursor: pointer;\n }\n }\n}\n\n.date-picker-next-button {\n flex-grow: 1;\n padding-left: 16px;\n text-align: right;\n .ic {\n &:hover {\n cursor: pointer;\n }\n }\n}\n\n%cell-current-state {\n border-radius: 100%; // stylelint-disable-line property-blacklist\n -webkit-box-shadow: inset 0 0 0 1px $primary; // stylelint-disable-line property-no-vendor-prefix\n -moz-box-shadow: inset 0 0 0 1px $primary; // stylelint-disable-line property-no-vendor-prefix\n box-shadow: inset 0 0 0 1px $primary;\n}\n\n%cell-selected-state {\n color: $white !important; // stylelint-disable-line declaration-no-important\n background-color: $primary !important; // stylelint-disable-line declaration-no-important\n border-radius: 100%; // stylelint-disable-line property-blacklist\n}\n\n%cell-hover {\n color: $dark;\n cursor: pointer;\n background-color: $cloud;\n border-radius: 100%; // stylelint-disable-line property-blacklist\n -webkit-box-shadow: none; // stylelint-disable-line property-no-vendor-prefix\n -moz-box-shadow: none; // stylelint-disable-line property-no-vendor-prefix\n box-shadow: none; // stylelint-disable-line property-no-vendor-prefix\n}\n\n.date-picker-row {\n display: flex;\n flex-wrap: wrap;\n .date-picker-cell {\n flex: 1 1 0;\n text-align: center;\n .date-picker-date-cell {\n width: 32px;\n height: 32px;\n margin: 2px auto;\n line-height: 32px;\n &.current-date {\n @extend %cell-current-state;\n }\n &.selected-date {\n @extend %cell-selected-state;\n }\n &:hover {\n @extend %cell-hover;\n }\n }\n .date-picker-month-cell {\n width: 40px;\n height: 40px;\n margin: 0 auto;\n margin-bottom: 12px;\n line-height: 40px;\n &.current-month {\n @extend %cell-current-state;\n }\n &.selected-month {\n @extend %cell-selected-state;\n }\n &:hover {\n @extend %cell-hover;\n }\n }\n .date-picker-year-cell {\n width: 48px;\n height: 48px;\n margin: 0 auto;\n margin-bottom: 4px;\n line-height: 48px;\n &.current-year {\n @extend %cell-current-state;\n }\n &.selected-year {\n @extend %cell-selected-state;\n }\n &:hover {\n @extend %cell-hover;\n }\n }\n }\n}\n\n.date-picker-day-container {\n display: flex;\n margin-bottom: 16px;\n .date-picker-day {\n flex: 1 1 0;\n color: $slate;\n text-align: center;\n }\n}\n\n.date-picker-shortcut-button {\n width: 360px;\n padding: 16px 0;\n color: $slate;\n text-align: center;\n cursor: pointer;\n &.disabled {\n color: $muted;\n cursor: not-allowed;\n }\n}\n\n.date-picker-break {\n flex-basis: 100%;\n height: 0;\n}\n\n.date-picker--no-outline {\n outline: none;\n}\n"]}

data/lib/assets/stylesheets/css/components/mekari-ui-date-picker.css CHANGED

@@ -1,15 +1,15 @@
-.datepicker-container {
+.date-picker-container {
   position: relative;
   z-index: 11;
   width: 0;
   height: 0;
 }
-.datepicker-container.on-right {
+.date-picker-container.on-right {
   left: calc(100% - 392px);
 }
-.datepicker-calendar-view, .datepicker-collapse-view {
+.date-picker-calendar-view, .date-picker-collapse-view {
   position: absolute;
   width: 392px;
   padding: 0 16px;
@@ -20,59 +20,61 @@
   box-shadow: 0 2px 4px 0 rgba(119, 119, 119, 0.1), 0 4px 8px 0 rgba(119, 119, 119, 0.2);
 }
-.datepicker-calendar-view {
-  height: 320px;
+.date-picker-calendar-view {
+  height: auto;
+  min-height: 284px;
 }
-.datepicker-collapse-view {
-  height: 244px;
+.date-picker-collapse-view {
+  height: auto;
+  min-height: 244px;
 }
-.datepicker-header {
+.date-picker-header {
   display: flex;
   align-items: center;
   height: 52px;
   text-align: center;
 }
-.datepicker-header-title {
+.date-picker-header-title {
   flex-grow: 5;
   font-weight: 500;
   cursor: pointer;
 }
-.datepicker-previous-button {
+.date-picker-previous-button {
   flex-grow: 1;
   padding-right: 16px;
   text-align: left;
 }
-.datepicker-previous-button .ic:hover {
+.date-picker-previous-button .ic:hover {
   cursor: pointer;
 }
-.datepicker-next-button {
+.date-picker-next-button {
   flex-grow: 1;
   padding-left: 16px;
   text-align: right;
 }
-.datepicker-next-button .ic:hover {
+.date-picker-next-button .ic:hover {
   cursor: pointer;
 }
-.datepicker-row .datepicker-cell .datepicker-date-cell.current-date, .datepicker-row .datepicker-cell .datepicker-month-cell.current-month, .datepicker-row .datepicker-cell .datepicker-year-cell.current-year {
+.date-picker-row .date-picker-cell .date-picker-date-cell.current-date, .date-picker-row .date-picker-cell .date-picker-month-cell.current-month, .date-picker-row .date-picker-cell .date-picker-year-cell.current-year {
   border-radius: 100%;
   box-shadow: inset 0 0 0 1px #005fbf;
 }
-.datepicker-row .datepicker-cell .datepicker-date-cell.selected-date, .datepicker-row .datepicker-cell .datepicker-month-cell.selected-month, .datepicker-row .datepicker-cell .datepicker-year-cell.selected-year {
-  color: #fff;
-  background-color: #005fbf;
+.date-picker-row .date-picker-cell .date-picker-date-cell.selected-date, .date-picker-row .date-picker-cell .date-picker-month-cell.selected-month, .date-picker-row .date-picker-cell .date-picker-year-cell.selected-year {
+  color: #fff !important;
+  background-color: #005fbf !important;
   border-radius: 100%;
 }
-.datepicker-row .datepicker-cell .datepicker-date-cell:hover, .datepicker-row .datepicker-cell .datepicker-month-cell:hover, .datepicker-row .datepicker-cell .datepicker-year-cell:hover {
+.date-picker-row .date-picker-cell .date-picker-date-cell:hover, .date-picker-row .date-picker-cell .date-picker-month-cell:hover, .date-picker-row .date-picker-cell .date-picker-year-cell:hover {
   color: #212121;
   cursor: pointer;
   background-color: #f2f4f7;
@@ -80,23 +82,24 @@
   box-shadow: none;
 }
-.datepicker-row {
+.date-picker-row {
   display: flex;
+  flex-wrap: wrap;
 }
-.datepicker-row .datepicker-cell {
+.date-picker-row .date-picker-cell {
   flex: 1 1 0;
   text-align: center;
 }
-.datepicker-row .datepicker-cell .datepicker-date-cell {
+.date-picker-row .date-picker-cell .date-picker-date-cell {
   width: 32px;
   height: 32px;
   margin: 2px auto;
   line-height: 32px;
 }
-.datepicker-row .datepicker-cell .datepicker-month-cell {
+.date-picker-row .date-picker-cell .date-picker-month-cell {
   width: 40px;
   height: 40px;
   margin: 0 auto;
@@ -104,7 +107,7 @@
   line-height: 40px;
 }
-.datepicker-row .datepicker-cell .datepicker-year-cell {
+.date-picker-row .date-picker-cell .date-picker-year-cell {
   width: 48px;
   height: 48px;
   margin: 0 auto;
@@ -112,28 +115,36 @@
   line-height: 48px;
 }
-.datepicker-day-container {
+.date-picker-day-container {
   display: flex;
   margin-bottom: 16px;
 }
-.datepicker-day-container .datepicker-day {
+.date-picker-day-container .date-picker-day {
   flex: 1 1 0;
   color: #777;
   text-align: center;
 }
-.datepicker-shortcut-button {
-  position: absolute;
-  bottom: 16px;
+.date-picker-shortcut-button {
   width: 360px;
+  padding: 16px 0;
   color: #777;
   text-align: center;
   cursor: pointer;
 }
-.datepicker-shortcut-button.disabled {
+.date-picker-shortcut-button.disabled {
   color: #b4b4b4;
   cursor: not-allowed;
 }
+.date-picker-break {
+  flex-basis: 100%;
+  height: 0;
+}
+.date-picker--no-outline {
+  outline: none;
+}
 /*# sourceMappingURL=mekari-ui-date-picker.css.map */