mekari_ui_toolkit 1.0.13 → 1.0.14

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 (17) hide show
  1. checksums.yaml +4 -4
  2. data/lib/assets/stylesheets/css/components/mekari-ui-avatar-min.css +1 -1
  3. data/lib/assets/stylesheets/css/components/mekari-ui-avatar-min.css.map +1 -1
  4. data/lib/assets/stylesheets/css/components/mekari-ui-avatar.css +61 -301
  5. data/lib/assets/stylesheets/css/components/mekari-ui-avatar.css.map +1 -1
  6. data/lib/assets/stylesheets/css/components/mekari-ui-navbar-min.css +1 -1
  7. data/lib/assets/stylesheets/css/components/mekari-ui-navbar-min.css.map +1 -1
  8. data/lib/assets/stylesheets/css/components/mekari-ui-navbar.css +2 -2
  9. data/lib/assets/stylesheets/css/components/mekari-ui-navbar.css.map +1 -1
  10. data/lib/assets/stylesheets/css/full-bundle/mekari-ui.css +63 -303
  11. data/lib/assets/stylesheets/css/full-bundle/mekari-ui.css.map +1 -1
  12. data/lib/assets/stylesheets/css/full-bundle/mekari-ui.min.css +1 -1
  13. data/lib/assets/stylesheets/css/full-bundle/mekari-ui.min.css.map +1 -1
  14. data/lib/assets/stylesheets/scss/components/config/_avatar.scss +11 -14
  15. data/lib/assets/stylesheets/scss/vendor-extensions/_navbar.scss +2 -2
  16. data/lib/mekari_ui_toolkit/version.rb +1 -1
  17. metadata +2 -2
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":"AAAA,gBAAgB;ACAhB;EACE,4BAA4B;EAC5B,kCAAkC;EAClC,8BAA8B;EAC9B,wBAAwB;ADE1B;;ACCA;EACE,kBAAkB;EAClB,MAAM;EACN,OAAO;EACP,WAAW;EACX,YAAY;EACZ,UAAU;ADEZ;;ACSA;EACE,kBAAkB;EAClB,qBAAqB;EACrB,gBAAgB;EAChB,kBAAkB;EAClB,sBAAsB;EACtB,yBC1Ba;AFoBf;;ACAA;EASM,2BAA2B;ADLjC;;ACJA;EAaI,aAAa;EAEb,yCAAwC;ADN5C;;ACTA;EAkBI,eAAe;ADLnB;;ACbA;EAoBM,eAAe;EACf,UAAU;ADHhB;;AClBA;EAyBI,WAAW;EACX,YAAY;EACZ,mBAAmB;EACnB,yBChDW;AF6Cf;;ACzBA;EA+BI,8zDEvDoB;EFyDpB,0BAA0B;ADH9B;;AC9BA;EAoCI,+hFE1D+hF;AHwDniF;;AClCA;EAwCI,yrGE5D0rG;AH0D9rG;;ACtCA;EA6CM,WApDU;EAqDV,YArDU;EAsDV,iBAtDU;ADmDhB;;AC5CA;EAiDQ,kGGzEmH;EH0EnH,iBAAsB;EACtB,WCzEI;AFwEZ;;AClDA;EA6CM,WAnDS;EAoDT,YApDS;EAqDT,iBArDS;AD8Df;;ACxDA;EAiDQ,kGGzEmH;EH0EnH,iBAAsB;EACtB,WCzEI;AFoFZ;;AC9DA;EA6CM,WAlDU;EAmDV,YAnDU;EAoDV,iBApDU;ADyEhB;;ACpEA;EAiDQ,kGGzEmH;EH0EnH,eAAsB;EACtB,WCzEI;AFgGZ;;AC1EA;EA6CM,WAjDS;EAkDT,YAlDS;EAmDT,iBAnDS;ADoFf;;AChFA;EAiDQ,kGGzEmH;EH0EnH,eAAsB;EACtB,WCzEI;AF4GZ;;ACtFA;EA6CM,YAhDW;EAiDX,aAjDW;EAkDX,kBAlDW;AD+FjB;;AC5FA;EAiDQ,kGGzEmH;EH0EnH,eAAsB;EACtB,WCzEI;AFwHZ;;AClGA;EAyDI,kCAFwC;EAGxC,eAAe;AD6CnB;;ACvGA;EA4DM,WC9EM;ED+EN,gBAAgB;AD+CtB;;AC5GA;EAkEQ,eAAe;EACf,UAAU;AD8ClB;;ACjHA;EAwEI,mBAAmB;AD6CvB;;ACrHA;EA2EI,kBAAkB;AD8CtB;;AC1CA;EACE,oBAAoB;EACpB,eAAe;EACf,mBAAmB;EACnB,YAAY;AD6Cd;;ACjDA;EAOM,gCCxGM;AFsJZ;;ACrDA;EAWQ,UAAO;EACP,UAAU;AD8ClB;;AC1DA;EAWQ,UAAO;EACP,UAAU;ADmDlB;;AC/DA;EAWQ,WAAO;EACP,UAAU;ADwDlB;;ACpEA;EAWQ,WAAO;EACP,UAAU;AD6DlB;;ACzEA;EAWQ,WAAO;EACP,UAAU;ADkElB;;AC9EA;EAWQ,WAAO;EACP,UAAU;ADuElB;;ACnFA;EAOM,gCCxGM;AFwLZ;;ACvFA;EAWQ,UAAO;EACP,UAAU;ADgFlB;;AC5FA;EAWQ,UAAO;EACP,UAAU;ADqFlB;;ACjGA;EAWQ,WAAO;EACP,UAAU;AD0FlB;;ACtGA;EAWQ,WAAO;EACP,UAAU;AD+FlB;;AC3GA;EAWQ,WAAO;EACP,UAAU;ADoGlB;;AChHA;EAWQ,WAAO;EACP,UAAU;ADyGlB;;ACrHA;EAOM,4BCxGM;AF0NZ;;ACzHA;EAWQ,UAAO;EACP,UAAU;ADkHlB;;AC9HA;EAWQ,WAAO;EACP,UAAU;ADuHlB;;ACnIA;EAWQ,WAAO;EACP,UAAU;AD4HlB;;ACxIA;EAWQ,WAAO;EACP,UAAU;ADiIlB;;AC7IA;EAWQ,WAAO;EACP,UAAU;ADsIlB;;AClJA;EAWQ,WAAO;EACP,UAAU;AD2IlB;;ACvJA;EAOM,gCCxGM;AF4PZ;;AC3JA;EAWQ,UAAO;EACP,UAAU;ADoJlB;;AChKA;EAWQ,WAAO;EACP,UAAU;ADyJlB;;ACrKA;EAWQ,WAAO;EACP,UAAU;AD8JlB;;AC1KA;EAWQ,WAAO;EACP,UAAU;ADmKlB;;AC/KA;EAWQ,WAAO;EACP,UAAU;ADwKlB;;ACpLA;EAWQ,WAAO;EACP,UAAU;AD6KlB;;ACzLA;EAOM,4BCxGM;AF8RZ;;AC7LA;EAWQ,UAAO;EACP,UAAU;ADsLlB;;AClMA;EAWQ,WAAO;EACP,UAAU;AD2LlB;;ACvMA;EAWQ,WAAO;EACP,UAAU;ADgMlB;;AC5MA;EAWQ,WAAO;EACP,UAAU;ADqMlB;;ACjNA;EAWQ,YAAO;EACP,UAAU;AD0MlB;;ACtNA;EAWQ,YAAO;EACP,UAAU;AD+MlB;;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":"AAAA,gBAAgB;ACAhB;EACE,4BAA4B;EAC5B,kCAAkC;EAClC,8BAA8B;EAC9B,wBAAwB;ADE1B;;ACCA;EACE,kBAAkB;EAClB,MAAM;EACN,OAAO;EACP,WAAW;EACX,YAAY;EACZ,UAAU;ADEZ;;ACSA;EACE,kBAAkB;EAClB,qBAAqB;EACrB,gBAAgB;EAChB,kBAAkB;EAClB,sBAAsB;EACtB,yBC1Ba;AFoBf;;ACAA;EASM,2BAA2B;ADLjC;;ACJA;EAaI,aAAa;EAEb,yCAAwC;ADN5C;;ACTA;EAkBI,eAAe;ADLnB;;ACbA;EAoBM,eAAe;EACf,UAAU;ADHhB;;AClBA;EAyBI,WAAW;EACX,YAAY;EACZ,mBAAmB;EACnB,yBChDW;AF6Cf;;ACzBA;EA+BI,8zDEvDoB;EFyDpB,0BAA0B;ADH9B;;AC9BA;EAoCI,+hFE1D+hF;AHwDniF;;AClCA;EAwCI,yrGE5D0rG;AH0D9rG;;ACtCA;EA6CM,WApDU;EAqDV,YArDU;EAsDV,iBAtDU;ADmDhB;;AC5CA;EAiDQ,kGGzEmH;EH0EnH,iBAAsB;EACtB,WCzEI;AFwEZ;;AClDA;EA6CM,WAnDS;EAoDT,YApDS;EAqDT,iBArDS;AD8Df;;ACxDA;EAiDQ,kGGzEmH;EH0EnH,iBAAsB;EACtB,WCzEI;AFoFZ;;AC9DA;EA6CM,WAlDU;EAmDV,YAnDU;EAoDV,iBApDU;ADyEhB;;ACpEA;EAiDQ,kGGzEmH;EH0EnH,eAAsB;EACtB,WCzEI;AFgGZ;;AC1EA;EA6CM,WAjDS;EAkDT,YAlDS;EAmDT,iBAnDS;ADoFf;;AChFA;EAiDQ,kGGzEmH;EH0EnH,eAAsB;EACtB,WCzEI;AF4GZ;;ACtFA;EA6CM,YAhDW;EAiDX,aAjDW;EAkDX,kBAlDW;AD+FjB;;AC5FA;EAiDQ,kGGzEmH;EH0EnH,eAAsB;EACtB,WCzEI;AFwHZ;;AClGA;EAyDI,kCAFwC;EAGxC,eAAe;AD6CnB;;ACvGA;EA4DM,WC9EM;ED+EN,gBAAgB;AD+CtB;;AC5GA;EAkEQ,eAAe;EACf,UAAU;AD8ClB;;ACjHA;EAwEI,mBAAmB;AD6CvB;;ACrHA;EA2EI,kBAAkB;AD8CtB;;AC1CA;EACE,oBAAoB;EACpB,eAAe;EACf,mBAAmB;EACnB,YAAY;AD6Cd;;ACjDA;EAOM,gCCxGM;AFsJZ;;ACrDA;EAYU,cAAc;EAIhB,UAAU;AD0ClB;;AC1DA;EAcU,iBAA2B;EAE7B,UAAU;AD+ClB;;AC/DA;EAcU,iBAA2B;EAE7B,UAAU;ADoDlB;;ACpEA;EAcU,iBAA2B;EAE7B,UAAU;ADyDlB;;ACzEA;EAcU,iBAA2B;EAE7B,UAAU;AD8DlB;;AC9EA;EAcU,iBAA2B;EAE7B,UAAU;ADmElB;;ACnFA;EAOM,gCCxGM;AFwLZ;;ACvFA;EAYU,cAAc;EAIhB,UAAU;AD4ElB;;AC5FA;EAcU,iBAA2B;EAE7B,UAAU;ADiFlB;;ACjGA;EAcU,iBAA2B;EAE7B,UAAU;ADsFlB;;ACtGA;EAcU,iBAA2B;EAE7B,UAAU;AD2FlB;;AC3GA;EAcU,iBAA2B;EAE7B,UAAU;ADgGlB;;AChHA;EAcU,iBAA2B;EAE7B,UAAU;ADqGlB;;ACrHA;EAOM,4BCxGM;AF0NZ;;ACzHA;EAYU,cAAc;EAIhB,UAAU;AD8GlB;;AC9HA;EAcU,kBAA2B;EAE7B,UAAU;ADmHlB;;ACnIA;EAcU,kBAA2B;EAE7B,UAAU;ADwHlB;;ACxIA;EAcU,kBAA2B;EAE7B,UAAU;AD6HlB;;AC7IA;EAcU,kBAA2B;EAE7B,UAAU;ADkIlB;;AClJA;EAcU,kBAA2B;EAE7B,UAAU;ADuIlB;;ACvJA;EAOM,gCCxGM;AF4PZ;;AC3JA;EAYU,cAAc;EAIhB,UAAU;ADgJlB;;AChKA;EAcU,kBAA2B;EAE7B,UAAU;ADqJlB;;ACrKA;EAcU,kBAA2B;EAE7B,UAAU;AD0JlB;;AC1KA;EAcU,kBAA2B;EAE7B,UAAU;AD+JlB;;AC/KA;EAcU,kBAA2B;EAE7B,UAAU;ADoKlB;;ACpLA;EAcU,kBAA2B;EAE7B,UAAU;ADyKlB;;ACzLA;EAOM,4BCxGM;AF8RZ;;AC7LA;EAYU,cAAc;EAIhB,UAAU;ADkLlB;;AClMA;EAcU,kBAA2B;EAE7B,UAAU;ADuLlB;;ACvMA;EAcU,kBAA2B;EAE7B,UAAU;AD4LlB;;AC5MA;EAcU,kBAA2B;EAE7B,UAAU;ADiMlB;;ACjNA;EAcU,kBAA2B;EAE7B,UAAU;ADsMlB;;ACtNA;EAcU,kBAA2B;EAE7B,UAAU;AD2MlB;;AC3NA;EAqBI,kBAAkB;EAClB,kBAAkB;EAClB,cCjHmB;EDkHnB,eAAe;AD0MnB;;AClOA;EA0BM,SAAS;EACT,iBAAiB;AD4MvB;;ACvOA;EA8BM,aAAa;AD6MnB;;AC3OA;EAoCQ,iCCrII;AFgVZ;;AC/OA;EAwCU,UAFU;AD6MpB;;ACnPA;EAwCU,UAFU;ADiNpB;;ACvPA;EAwCU,UAFU;ADqNpB;;AC3PA;EAwCU,UAFU;ADyNpB;;AC/PA;EAwCU,UAFU;AD6NpB;;ACnQA;EAwCU,UAFU;ADiOpB;;ACvQA;EAoCQ,iCCrII;AF4WZ;;AC3QA;EAwCU,UAFU;ADyOpB;;AC/QA;EAwCU,UAFU;AD6OpB;;ACnRA;EAwCU,UAFU;ADiPpB;;ACvRA;EAwCU,UAFU;ADqPpB;;AC3RA;EAwCU,UAFU;ADyPpB;;AC/RA;EAwCU,UAFU;AD6PpB;;ACnSA;EAoCQ,6BCrII;AFwYZ;;ACvSA;EAwCU,UAFU;ADqQpB;;AC3SA;EAwCU,UAFU;ADyQpB;;AC/SA;EAwCU,UAFU;AD6QpB;;ACnTA;EAwCU,UAFU;ADiRpB;;ACvTA;EAwCU,UAFU;ADqRpB;;AC3TA;EAwCU,UAFU;ADyRpB;;AC/TA;EAoCQ,iCCrII;AFoaZ;;ACnUA;EAwCU,UAFU;ADiSpB;;ACvUA;EAwCU,UAFU;ADqSpB;;AC3UA;EAwCU,UAFU;ADySpB;;AC/UA;EAwCU,UAFU;AD6SpB;;ACnVA;EAwCU,UAFU;ADiTpB;;ACvVA;EAwCU,UAFU;ADqTpB;;AC3VA;EAoCQ,6BCrII;AFgcZ;;AC/VA;EAwCU,UAFU;AD6TpB;;ACnWA;EAwCU,UAFU;ADiUpB;;ACvWA;EAwCU,UAFU;ADqUpB;;AC3WA;EAwCU,UAFU;ADyUpB;;AC/WA;EAwCU,UAFU;AD6UpB;;ACnXA;EAwCU,UAFU;ADiVpB;;ACvXA;EAkDY,cAAc;ADyU1B;;AC3XA;EAoDY,iBAA2B;AD2UvC;;AC/XA;EAoDY,iBAA2B;AD+UvC;;ACnYA;EAoDY,iBAA2B;ADmVvC;;ACvYA;EAoDY,iBAA2B;ADuVvC;;AC3YA;EAoDY,iBAA2B;AD2VvC;;AC/YA;EAkDY,cAAc;ADiW1B;;ACnZA;EAoDY,iBAA2B;ADmWvC;;ACvZA;EAoDY,iBAA2B;ADuWvC;;AC3ZA;EAoDY,iBAA2B;AD2WvC;;AC/ZA;EAoDY,iBAA2B;AD+WvC;;ACnaA;EAoDY,iBAA2B;ADmXvC;;ACvaA;EAkDY,cAAc;ADyX1B;;AC3aA;EAoDY,iBAA2B;AD2XvC;;AC/aA;EAoDY,iBAA2B;AD+XvC;;ACnbA;EAoDY,iBAA2B;ADmYvC;;ACvbA;EAoDY,iBAA2B;ADuYvC;;AC3bA;EAoDY,iBAA2B;AD2YvC;;AC/bA;EAkDY,cAAc;ADiZ1B;;ACncA;EAoDY,mBAA2B;ADmZvC;;ACvcA;EAoDY,mBAA2B;ADuZvC;;AC3cA;EAoDY,mBAA2B;AD2ZvC;;AC/cA;EAoDY,mBAA2B;AD+ZvC;;ACndA;EAoDY,mBAA2B;ADmavC;;ACvdA;EAkDY,cAAc;ADya1B;;AC3dA;EAoDY,kBAA2B;AD2avC;;AC/dA;EAoDY,kBAA2B;AD+avC;;ACneA;EAoDY,kBAA2B;ADmbvC;;ACveA;EAoDY,kBAA2B;ADubvC;;AC3eA;EAoDY,kBAA2B;AD2bvC;;ACnbA;EACE,qBAAqB;ADsbvB;;ACnbA;EACE,YAAY;ADsbd;;ACvbA;EAIM,gBAAa;ADubnB;;AC3bA;EAOM,cAAc;ADwbpB;;AC/bA;EAIM,wBAAa;AD+bnB;;ACncA;EAOM,cAAc;ADgcpB;;ACvcA;EAIM,wBAAa;ADucnB;;AC3cA;EAOM,cAAc;ADwcpB;;AC/cA;EAIM,iBAAa;AD+cnB;;ACndA;EAOM,cAAc;ADgdpB;;ACvdA;EAIM,iBAAa;ADudnB;;AC3dA;EAOM,cAAc;ADwdpB;;AC/dA;EAWI,gBAAgB;EAChB,cCtKmB;EDuKnB,kBAAkB;EAClB,eAAe;ADwdnB;;ACteA;EAgBM,SAAS;AD0df;;AC1eA;EAoBQ,aAAa;AD0drB;;ACndE;EAEI,gBAAa;ADqdnB;;ACvdE;EAKI,cAAc;ADsdpB;;AC3dE;EAEI,wBAAa;AD6dnB;;AC/dE;EAKI,cAAc;AD8dpB;;ACneE;EAEI,wBAAa;ADqenB;;ACveE;EAKI,cAAc;ADsepB;;AC3eE;EAEI,iBAAa;AD6enB;;AC/eE;EAKI,cAAc;AD8epB;;ACnfE;EAEI,iBAAa;ADqfnB;;ACvfE;EAKI,cAAc;ADsfpB","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 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 * .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 @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-navbar-min.css CHANGED
@@ -1,2 +1,2 @@
1
- .navbar{position:relative;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;padding:8px 16px}.navbar>.container,.navbar>.container-fluid{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between}.navbar-brand{display:inline-block;padding-top:calc(calc(calc(.875rem * 1.4285) + 8px * 2) - calc(1.25rem * 1.4285))/2;padding-bottom:calc(calc(calc(.875rem * 1.4285) + 8px * 2) - calc(1.25rem * 1.4285))/2;margin-right:16px;font-size:1.25rem;line-height:inherit;white-space:nowrap}.navbar-brand:focus,.navbar-brand:hover{text-decoration:none}.navbar-nav{display:flex;flex-direction:column;padding-left:0;margin-bottom:0;list-style:none}.navbar-nav .nav-link{padding-right:0;padding-left:0}.navbar-nav .dropdown-menu{position:static;float:none}.navbar-text{display:inline-block;padding-top:8px;padding-bottom:8px}.navbar-collapse{flex-basis:100%;flex-grow:1;align-items:center}.navbar-toggler{padding:.25rem .75rem;font-size:1.25rem;line-height:1;background-color:transparent;border:1px solid transparent;border-radius:4px}.navbar-toggler:focus,.navbar-toggler:hover{text-decoration:none}.navbar-toggler-icon{display:inline-block;width:1.5em;height:1.5em;vertical-align:middle;content:"";background:no-repeat center center;background-size:100% 100%}@media (max-width:575.98px){.navbar-expand-sm>.container,.navbar-expand-sm>.container-fluid{padding-right:0;padding-left:0}}@media (min-width:576px){.navbar-expand-sm{flex-flow:row nowrap;justify-content:flex-start}.navbar-expand-sm .navbar-nav{flex-direction:row}.navbar-expand-sm .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-sm .navbar-nav .nav-link{padding-right:8px;padding-left:8px}.navbar-expand-sm>.container,.navbar-expand-sm>.container-fluid{flex-wrap:nowrap}.navbar-expand-sm .navbar-collapse{display:flex!important;flex-basis:auto}.navbar-expand-sm .navbar-toggler{display:none}}@media (max-width:767.98px){.navbar-expand-md>.container,.navbar-expand-md>.container-fluid{padding-right:0;padding-left:0}}@media (min-width:768px){.navbar-expand-md{flex-flow:row nowrap;justify-content:flex-start}.navbar-expand-md .navbar-nav{flex-direction:row}.navbar-expand-md .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-md .navbar-nav .nav-link{padding-right:8px;padding-left:8px}.navbar-expand-md>.container,.navbar-expand-md>.container-fluid{flex-wrap:nowrap}.navbar-expand-md .navbar-collapse{display:flex!important;flex-basis:auto}.navbar-expand-md .navbar-toggler{display:none}}@media (max-width:991.98px){.navbar-expand-lg>.container,.navbar-expand-lg>.container-fluid{padding-right:0;padding-left:0}}@media (min-width:992px){.navbar-expand-lg{flex-flow:row nowrap;justify-content:flex-start}.navbar-expand-lg .navbar-nav{flex-direction:row}.navbar-expand-lg .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-lg .navbar-nav .nav-link{padding-right:8px;padding-left:8px}.navbar-expand-lg>.container,.navbar-expand-lg>.container-fluid{flex-wrap:nowrap}.navbar-expand-lg .navbar-collapse{display:flex!important;flex-basis:auto}.navbar-expand-lg .navbar-toggler{display:none}}@media (max-width:1271.98px){.navbar-expand-xl>.container,.navbar-expand-xl>.container-fluid{padding-right:0;padding-left:0}}@media (min-width:1272px){.navbar-expand-xl{flex-flow:row nowrap;justify-content:flex-start}.navbar-expand-xl .navbar-nav{flex-direction:row}.navbar-expand-xl .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-xl .navbar-nav .nav-link{padding-right:8px;padding-left:8px}.navbar-expand-xl>.container,.navbar-expand-xl>.container-fluid{flex-wrap:nowrap}.navbar-expand-xl .navbar-collapse{display:flex!important;flex-basis:auto}.navbar-expand-xl .navbar-toggler{display:none}}.navbar-expand{flex-flow:row nowrap;justify-content:flex-start}.navbar-expand>.container,.navbar-expand>.container-fluid{padding-right:0;padding-left:0}.navbar-expand .navbar-nav{flex-direction:row}.navbar-expand .navbar-nav .dropdown-menu{position:absolute}.navbar-expand .navbar-nav .nav-link{padding-right:8px;padding-left:8px}.navbar-expand>.container,.navbar-expand>.container-fluid{flex-wrap:nowrap}.navbar-expand .navbar-collapse{display:flex!important;flex-basis:auto}.navbar-expand .navbar-toggler{display:none}.navbar-light .navbar-brand{color:rgba(0,0,0,.9)}.navbar-light .navbar-brand:focus,.navbar-light .navbar-brand:hover{color:rgba(0,0,0,.9)}.navbar-light .navbar-nav .nav-link{color:rgba(0,0,0,.5)}.navbar-light .navbar-nav .nav-link:focus,.navbar-light .navbar-nav .nav-link:hover{color:rgba(0,0,0,.7)}.navbar-light .navbar-nav .nav-link.disabled{color:rgba(0,0,0,.3)}.navbar-light .navbar-nav .active>.nav-link,.navbar-light .navbar-nav .nav-link.active,.navbar-light .navbar-nav .nav-link.show,.navbar-light .navbar-nav .show>.nav-link{color:rgba(0,0,0,.9)}.navbar-light .navbar-toggler{color:rgba(0,0,0,.5);border-color:rgba(0,0,0,.1)}.navbar-light .navbar-toggler-icon{background-image:url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgba(0, 0, 0, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")}.navbar-light .navbar-text{color:rgba(0,0,0,.5)}.navbar-light .navbar-text a{color:rgba(0,0,0,.9)}.navbar-light .navbar-text a:focus,.navbar-light .navbar-text a:hover{color:rgba(0,0,0,.9)}.navbar-dark .navbar-brand{color:#fff}.navbar-dark .navbar-brand:focus,.navbar-dark .navbar-brand:hover{color:#fff}.navbar-dark .navbar-nav .nav-link{color:rgba(255,255,255,.5)}.navbar-dark .navbar-nav .nav-link:focus,.navbar-dark .navbar-nav .nav-link:hover{color:rgba(255,255,255,.75)}.navbar-dark .navbar-nav .nav-link.disabled{color:rgba(255,255,255,.25)}.navbar-dark .navbar-nav .active>.nav-link,.navbar-dark .navbar-nav .nav-link.active,.navbar-dark .navbar-nav .nav-link.show,.navbar-dark .navbar-nav .show>.nav-link{color:#fff}.navbar-dark .navbar-toggler{color:rgba(255,255,255,.5);border-color:rgba(255,255,255,.1)}.navbar-dark .navbar-toggler-icon{background-image:url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgba(255, 255, 255, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")}.navbar-dark .navbar-text{color:rgba(255,255,255,.5)}.navbar-dark .navbar-text a{color:#fff}.navbar-dark .navbar-text a:focus,.navbar-dark .navbar-text a:hover{color:#fff}
1
+ .navbar{position:relative;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;padding:8px 16px}.navbar>.container,.navbar>.container-fluid{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between}.navbar-brand{display:inline-block;padding-top:calc(calc(calc(.875rem * 1.4285) + 8px * 2) - calc(1.25rem * 1.4285))/2;padding-bottom:calc(calc(calc(.875rem * 1.4285) + 8px * 2) - calc(1.25rem * 1.4285))/2;margin-right:16px;font-size:1.25rem;line-height:inherit;white-space:nowrap}.navbar-brand:focus,.navbar-brand:hover{text-decoration:none}.navbar-nav{display:flex;flex-direction:column;padding-left:0;margin-bottom:0;list-style:none}.navbar-nav .nav-link{padding-right:0;padding-left:0}.navbar-nav .dropdown-menu{position:static;float:none}.navbar-text{display:inline-block;padding-top:8px;padding-bottom:8px}.navbar-collapse{flex-basis:100%;flex-grow:1;align-items:center}.navbar-toggler{padding:.25rem .75rem;font-size:1.25rem;line-height:1;background-color:transparent;border:1px solid transparent;border-radius:4px}.navbar-toggler:focus,.navbar-toggler:hover{text-decoration:none}.navbar-toggler-icon{display:inline-block;width:1.5em;height:1.5em;vertical-align:middle;content:"";background:no-repeat center center;background-size:100% 100%}@media (max-width:575.98px){.navbar-expand-sm>.container,.navbar-expand-sm>.container-fluid{padding-right:0;padding-left:0}}@media (min-width:576px){.navbar-expand-sm{flex-flow:row nowrap;justify-content:flex-start}.navbar-expand-sm .navbar-nav{flex-direction:row}.navbar-expand-sm .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-sm .navbar-nav .nav-link{padding-right:8px;padding-left:8px}.navbar-expand-sm>.container,.navbar-expand-sm>.container-fluid{flex-wrap:nowrap}.navbar-expand-sm .navbar-collapse{display:flex!important;flex-basis:auto}.navbar-expand-sm .navbar-toggler{display:none}}@media (max-width:767.98px){.navbar-expand-md>.container,.navbar-expand-md>.container-fluid{padding-right:0;padding-left:0}}@media (min-width:768px){.navbar-expand-md{flex-flow:row nowrap;justify-content:flex-start}.navbar-expand-md .navbar-nav{flex-direction:row}.navbar-expand-md .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-md .navbar-nav .nav-link{padding-right:8px;padding-left:8px}.navbar-expand-md>.container,.navbar-expand-md>.container-fluid{flex-wrap:nowrap}.navbar-expand-md .navbar-collapse{display:flex!important;flex-basis:auto}.navbar-expand-md .navbar-toggler{display:none}}@media (max-width:991.98px){.navbar-expand-lg>.container,.navbar-expand-lg>.container-fluid{padding-right:0;padding-left:0}}@media (min-width:992px){.navbar-expand-lg{flex-flow:row nowrap;justify-content:flex-start}.navbar-expand-lg .navbar-nav{flex-direction:row}.navbar-expand-lg .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-lg .navbar-nav .nav-link{padding-right:8px;padding-left:8px}.navbar-expand-lg>.container,.navbar-expand-lg>.container-fluid{flex-wrap:nowrap}.navbar-expand-lg .navbar-collapse{display:flex!important;flex-basis:auto}.navbar-expand-lg .navbar-toggler{display:none}}@media (max-width:1271.98px){.navbar-expand-xl>.container,.navbar-expand-xl>.container-fluid{padding-right:0;padding-left:0}}@media (min-width:1272px){.navbar-expand-xl{flex-flow:row nowrap;justify-content:flex-start}.navbar-expand-xl .navbar-nav{flex-direction:row}.navbar-expand-xl .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-xl .navbar-nav .nav-link{padding-right:8px;padding-left:8px}.navbar-expand-xl>.container,.navbar-expand-xl>.container-fluid{flex-wrap:nowrap}.navbar-expand-xl .navbar-collapse{display:flex!important;flex-basis:auto}.navbar-expand-xl .navbar-toggler{display:none}}.navbar-expand{flex-flow:row nowrap;justify-content:flex-start}.navbar-expand>.container,.navbar-expand>.container-fluid{padding-right:0;padding-left:0}.navbar-expand .navbar-nav{flex-direction:row}.navbar-expand .navbar-nav .dropdown-menu{position:absolute}.navbar-expand .navbar-nav .nav-link{padding-right:8px;padding-left:8px}.navbar-expand>.container,.navbar-expand>.container-fluid{flex-wrap:nowrap}.navbar-expand .navbar-collapse{display:flex!important;flex-basis:auto}.navbar-expand .navbar-toggler{display:none}.navbar-light .navbar-brand{color:rgba(0,0,0,.9)}.navbar-light .navbar-brand:focus,.navbar-light .navbar-brand:hover{color:rgba(0,0,0,.9)}.navbar-light .navbar-nav .nav-link{color:rgba(0,0,0,.5)}.navbar-light .navbar-nav .nav-link:focus,.navbar-light .navbar-nav .nav-link:hover{color:rgba(0,0,0,.7)}.navbar-light .navbar-nav .nav-link.disabled{color:rgba(0,0,0,.3)}.navbar-light .navbar-nav .active>.nav-link,.navbar-light .navbar-nav .nav-link.active,.navbar-light .navbar-nav .nav-link.show,.navbar-light .navbar-nav .show>.nav-link{color:rgba(0,0,0,.9)}.navbar-light .navbar-toggler{color:rgba(0,0,0,.5);border-color:rgba(0,0,0,.1)}.navbar-light .navbar-toggler-icon{background-image:url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")}.navbar-light .navbar-text{color:rgba(0,0,0,.5)}.navbar-light .navbar-text a{color:rgba(0,0,0,.9)}.navbar-light .navbar-text a:focus,.navbar-light .navbar-text a:hover{color:rgba(0,0,0,.9)}.navbar-dark .navbar-brand{color:#fff}.navbar-dark .navbar-brand:focus,.navbar-dark .navbar-brand:hover{color:#fff}.navbar-dark .navbar-nav .nav-link{color:rgba(255,255,255,.5)}.navbar-dark .navbar-nav .nav-link:focus,.navbar-dark .navbar-nav .nav-link:hover{color:rgba(255,255,255,.75)}.navbar-dark .navbar-nav .nav-link.disabled{color:rgba(255,255,255,.25)}.navbar-dark .navbar-nav .active>.nav-link,.navbar-dark .navbar-nav .nav-link.active,.navbar-dark .navbar-nav .nav-link.show,.navbar-dark .navbar-nav .show>.nav-link{color:#fff}.navbar-dark .navbar-toggler{color:rgba(255,255,255,.5);border-color:rgba(255,255,255,.1)}.navbar-dark .navbar-toggler-icon{background-image:url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")}.navbar-dark .navbar-text{color:rgba(255,255,255,.5)}.navbar-dark .navbar-text a{color:#fff}.navbar-dark .navbar-text a:focus,.navbar-dark .navbar-text a:hover{color:#fff}
2
2
  /*# sourceMappingURL=mekari-ui-navbar-min.css.map */
data/lib/assets/stylesheets/css/components/mekari-ui-navbar-min.css.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../scss/vendors/_navbar.scss","dist/css/components/mekari-ui-navbar.css","../../../scss/vendors/_rfs.scss","../../../scss/vendors/mixins/_hover.scss","../../../scss/vendors/mixins/_border-radius.scss","../../../scss/vendors/mixins/_breakpoints.scss"],"names":[],"mappings":"AAiBA,QACE,SAAA,SACA,QAAA,KACA,UAAA,KACA,YAAA,OACA,gBAAA,cACA,QAAA,IAAA,KANF,mBCPA,yBDmBI,QAAA,KACA,UAAA,KACA,YAAA,OACA,gBAAA,cASJ,cACE,QAAA,aACA,YAAA,qEAAA,CAAA,EACA,eAAA,qEAAA,CAAA,EACA,aAAA,KEkFI,UAAA,QFhFJ,YAAA,QACA,YAAA,OGhCA,oBAAA,oBHmCE,gBAAA,KASJ,YACE,QAAA,KACA,eAAA,OACA,aAAA,EACA,cAAA,EACA,WAAA,KALF,sBAQI,cAAA,EACA,aAAA,EATJ,2BAaI,SAAA,OACA,MAAA,KASJ,aACE,QAAA,aACA,YAAA,IACA,eAAA,IAYF,iBACE,WAAA,KACA,UAAA,EAGA,YAAA,OAIF,gBACE,QAAA,OAAA,OEmBI,UAAA,QFjBJ,YAAA,EACA,iBAAA,YACA,OAAA,IAAA,MAAA,YI3GE,cAAA,IDWF,sBAAA,sBHoGE,gBAAA,KAMJ,qBACE,QAAA,aACA,MAAA,MACA,OAAA,MACA,eAAA,OACA,QAAA,GACA,WAAA,UAAA,OAAA,OACA,gBAAA,KAAA,KKxDE,4BLkEC,6BCrDH,mCDyDQ,cAAA,EACA,aAAA,GKpFN,yBL+EA,kBAUI,UAAA,IAAA,OACA,gBAAA,WAXH,8BAcK,eAAA,IAdL,6CAiBO,SAAA,SAjBP,wCAqBO,cAAA,IACA,aAAA,IAtBP,6BC/BH,mCD4DQ,UAAA,OA7BL,mCAiCK,QAAA,eAGA,WAAA,KApCL,kCAwCK,QAAA,MK1GN,4BLkEC,6BCjBH,mCDqBQ,cAAA,EACA,aAAA,GKpFN,yBL+EA,kBAUI,UAAA,IAAA,OACA,gBAAA,WAXH,8BAcK,eAAA,IAdL,6CAiBO,SAAA,SAjBP,wCAqBO,cAAA,IACA,aAAA,IAtBP,6BCKH,mCDwBQ,UAAA,OA7BL,mCAiCK,QAAA,eAGA,WAAA,KApCL,kCAwCK,QAAA,MK1GN,4BLkEC,6BCmBH,mCDfQ,cAAA,EACA,aAAA,GKpFN,yBL+EA,kBAUI,UAAA,IAAA,OACA,gBAAA,WAXH,8BAcK,eAAA,IAdL,6CAiBO,SAAA,SAjBP,wCAqBO,cAAA,IACA,aAAA,IAtBP,6BCyCH,mCDZQ,UAAA,OA7BL,mCAiCK,QAAA,eAGA,WAAA,KApCL,kCAwCK,QAAA,MK1GN,6BLkEC,6BCuDH,mCDnDQ,cAAA,EACA,aAAA,GKpFN,0BL+EA,kBAUI,UAAA,IAAA,OACA,gBAAA,WAXH,8BAcK,eAAA,IAdL,6CAiBO,SAAA,SAjBP,wCAqBO,cAAA,IACA,aAAA,IAtBP,6BC6EH,mCDhDQ,UAAA,OA7BL,mCAiCK,QAAA,eAGA,WAAA,KApCL,kCAwCK,QAAA,MA7CV,eAeQ,UAAA,IAAA,OACA,gBAAA,WAhBR,0BCoGA,gCD3FU,cAAA,EACA,aAAA,EAVV,2BAmBU,eAAA,IAnBV,0CAsBY,SAAA,SAtBZ,qCA0BY,cAAA,IACA,aAAA,IA3BZ,0BCuHA,gCDrFU,UAAA,OAlCV,gCAsCU,QAAA,eAGA,WAAA,KAzCV,+BA6CU,QAAA,KAaV,4BAEI,MAAA,eGlLF,kCAAA,kCHqLI,MAAA,eALN,oCAWM,MAAA,eG3LJ,0CAAA,0CH8LM,MAAA,eAdR,6CAkBQ,MAAA,eC6ER,4CAEA,2CADA,yCDhGA,0CA0BM,MAAA,eA1BN,8BA+BI,MAAA,eACA,aAAA,eAhCJ,mCAoCI,iBAAA,uOApCJ,2BAwCI,MAAA,eAxCJ,6BA0CM,MAAA,eG1NJ,mCAAA,mCH6NM,MAAA,eAOR,2BAEI,MAAA,KGtOF,iCAAA,iCHyOI,MAAA,KALN,mCAWM,MAAA,qBG/OJ,yCAAA,yCHkPM,MAAA,sBAdR,4CAkBQ,MAAA,sBCyER,2CAEA,0CADA,wCD5FA,yCA0BM,MAAA,KA1BN,6BA+BI,MAAA,qBACA,aAAA,qBAhCJ,kCAoCI,iBAAA,6OApCJ,0BAwCI,MAAA,qBAxCJ,4BA0CM,MAAA,KG9QJ,kCAAA,kCHiRM,MAAA","sourcesContent":["// Contents\n//\n// Navbar\n// Navbar brand\n// Navbar nav\n// Navbar text\n// Navbar divider\n// Responsive navbar\n// Navbar position\n// Navbar themes\n\n\n// Navbar\n//\n// Provide a static navbar from which we expand to create full-width, fixed, and\n// other navbar variations.\n\n.#{$prefix}navbar {\n position: relative;\n display: flex;\n flex-wrap: wrap; // allow us to do the line break for collapsing content\n align-items: center;\n justify-content: space-between; // space out brand from logo\n padding: $navbar-padding-y $navbar-padding-x;\n\n // Because flex properties aren't inherited, we need to redeclare these first\n // few properties so that content nested within behave properly.\n > .container,\n > .container-fluid {\n display: flex;\n flex-wrap: wrap;\n align-items: center;\n justify-content: space-between;\n }\n}\n\n\n// Navbar brand\n//\n// Used for brand, project, or site names.\n\n.#{$prefix}navbar-brand {\n display: inline-block;\n padding-top: $navbar-brand-padding-y;\n padding-bottom: $navbar-brand-padding-y;\n margin-right: $navbar-padding-x;\n @include font-size($navbar-brand-font-size);\n line-height: inherit;\n white-space: nowrap;\n\n @include hover-focus {\n text-decoration: none;\n }\n}\n\n\n// Navbar nav\n//\n// Custom navbar navigation (doesn't require `.#{$prefix}nav`, but does make use of `.#{$prefix}nav-link`).\n\n.#{$prefix}navbar-nav {\n display: flex;\n flex-direction: column; // cannot use `inherit` to get the `.#{$prefix}navbar`s value\n padding-left: 0;\n margin-bottom: 0;\n list-style: none;\n\n .#{$prefix}nav-link {\n padding-right: 0;\n padding-left: 0;\n }\n\n .#{$prefix}dropdown-menu {\n position: static;\n float: none;\n }\n}\n\n\n// Navbar text\n//\n//\n\n.#{$prefix}navbar-text {\n display: inline-block;\n padding-top: $nav-link-padding-y;\n padding-bottom: $nav-link-padding-y;\n}\n\n\n// Responsive navbar\n//\n// Custom styles for responsive collapsing and toggling of navbar contents.\n// Powered by the collapse Bootstrap JavaScript plugin.\n\n// When collapsed, prevent the toggleable navbar contents from appearing in\n// the default flexbox row orientation. Requires the use of `flex-wrap: wrap`\n// on the `.#{$prefix}navbar` parent.\n.#{$prefix}navbar-collapse {\n flex-basis: 100%;\n flex-grow: 1;\n // For always expanded or extra full navbars, ensure content aligns itself\n // properly vertically. Can be easily overridden with flex utilities.\n align-items: center;\n}\n\n// Button for toggling the navbar when in its collapsed state\n.#{$prefix}navbar-toggler {\n padding: $navbar-toggler-padding-y $navbar-toggler-padding-x;\n @include font-size($navbar-toggler-font-size);\n line-height: 1;\n background-color: transparent; // remove default button style\n border: $border-width solid transparent; // remove default button style\n @include border-radius($navbar-toggler-border-radius);\n\n @include hover-focus {\n text-decoration: none;\n }\n}\n\n// Keep as a separate element so folks can easily override it with another icon\n// or image file as needed.\n.#{$prefix}navbar-toggler-icon {\n display: inline-block;\n width: 1.5em;\n height: 1.5em;\n vertical-align: middle;\n content: \"\";\n background: no-repeat center center;\n background-size: 100% 100%;\n}\n\n// Generate series of `.#{$prefix}navbar-expand-*` responsive classes for configuring\n// where your navbar collapses.\n.#{$prefix}navbar-expand {\n @each $breakpoint in map-keys($grid-breakpoints) {\n $next: breakpoint-next($breakpoint, $grid-breakpoints);\n $infix: breakpoint-infix($next, $grid-breakpoints);\n\n &#{$infix} {\n @include media-breakpoint-down($breakpoint) {\n > .container,\n > .container-fluid {\n padding-right: 0;\n padding-left: 0;\n }\n }\n\n @include media-breakpoint-up($next) {\n flex-flow: row nowrap;\n justify-content: flex-start;\n\n .#{$prefix}navbar-nav {\n flex-direction: row;\n\n .#{$prefix}dropdown-menu {\n position: absolute;\n }\n\n .#{$prefix}nav-link {\n padding-right: $navbar-nav-link-padding-x;\n padding-left: $navbar-nav-link-padding-x;\n }\n }\n\n // For nesting containers, have to redeclare for alignment purposes\n > .container,\n > .container-fluid {\n flex-wrap: nowrap;\n }\n\n .#{$prefix}navbar-collapse {\n display: flex !important; // stylelint-disable-line declaration-no-important\n\n // Changes flex-bases to auto because of an IE10 bug\n flex-basis: auto;\n }\n\n .#{$prefix}navbar-toggler {\n display: none;\n }\n }\n }\n }\n}\n\n\n// Navbar themes\n//\n// Styles for switching between navbars with light or dark background.\n\n// Dark links against a light background\n.#{$prefix}navbar-light {\n .#{$prefix}navbar-brand {\n color: $navbar-light-brand-color;\n\n @include hover-focus {\n color: $navbar-light-brand-hover-color;\n }\n }\n\n .#{$prefix}navbar-nav {\n .#{$prefix}nav-link {\n color: $navbar-light-color;\n\n @include hover-focus {\n color: $navbar-light-hover-color;\n }\n\n &.disabled {\n color: $navbar-light-disabled-color;\n }\n }\n\n .#{$prefix}show > .#{$prefix}nav-link,\n .active > .#{$prefix}nav-link,\n .#{$prefix}nav-link.#{$prefix}show,\n .#{$prefix}nav-link.active {\n color: $navbar-light-active-color;\n }\n }\n\n .#{$prefix}navbar-toggler {\n color: $navbar-light-color;\n border-color: $navbar-light-toggler-border-color;\n }\n\n .#{$prefix}navbar-toggler-icon {\n background-image: $navbar-light-toggler-icon-bg;\n }\n\n .#{$prefix}navbar-text {\n color: $navbar-light-color;\n a {\n color: $navbar-light-active-color;\n\n @include hover-focus {\n color: $navbar-light-active-color;\n }\n }\n }\n}\n\n// White links against a dark background\n.#{$prefix}navbar-dark {\n .#{$prefix}navbar-brand {\n color: $navbar-dark-brand-color;\n\n @include hover-focus {\n color: $navbar-dark-brand-hover-color;\n }\n }\n\n .#{$prefix}navbar-nav {\n .#{$prefix}nav-link {\n color: $navbar-dark-color;\n\n @include hover-focus {\n color: $navbar-dark-hover-color;\n }\n\n &.disabled {\n color: $navbar-dark-disabled-color;\n }\n }\n\n .#{$prefix}show > .#{$prefix}nav-link,\n .active > .#{$prefix}nav-link,\n .#{$prefix}nav-link.#{$prefix}show,\n .#{$prefix}nav-link.active {\n color: $navbar-dark-active-color;\n }\n }\n\n .#{$prefix}navbar-toggler {\n color: $navbar-dark-color;\n border-color: $navbar-dark-toggler-border-color;\n }\n\n .#{$prefix}navbar-toggler-icon {\n background-image: $navbar-dark-toggler-icon-bg;\n }\n\n .#{$prefix}navbar-text {\n color: $navbar-dark-color;\n a {\n color: $navbar-dark-active-color;\n\n @include hover-focus {\n color: $navbar-dark-active-color;\n }\n }\n }\n}\n",".navbar {\n position: relative;\n display: flex;\n flex-wrap: wrap;\n align-items: center;\n justify-content: space-between;\n padding: 8px 16px;\n}\n\n.navbar > .container,\n.navbar > .container-fluid {\n display: flex;\n flex-wrap: wrap;\n align-items: center;\n justify-content: space-between;\n}\n\n.navbar-brand {\n display: inline-block;\n padding-top: calc(calc(calc(0.875rem * 1.4285) + 8px * 2) - calc(1.25rem * 1.4285))/2;\n padding-bottom: calc(calc(calc(0.875rem * 1.4285) + 8px * 2) - calc(1.25rem * 1.4285))/2;\n margin-right: 16px;\n font-size: 1.25rem;\n line-height: inherit;\n white-space: nowrap;\n}\n\n.navbar-brand:hover, .navbar-brand:focus {\n text-decoration: none;\n}\n\n.navbar-nav {\n display: flex;\n flex-direction: column;\n padding-left: 0;\n margin-bottom: 0;\n list-style: none;\n}\n\n.navbar-nav .nav-link {\n padding-right: 0;\n padding-left: 0;\n}\n\n.navbar-nav .dropdown-menu {\n position: static;\n float: none;\n}\n\n.navbar-text {\n display: inline-block;\n padding-top: 8px;\n padding-bottom: 8px;\n}\n\n.navbar-collapse {\n flex-basis: 100%;\n flex-grow: 1;\n align-items: center;\n}\n\n.navbar-toggler {\n padding: 0.25rem 0.75rem;\n font-size: 1.25rem;\n line-height: 1;\n background-color: transparent;\n border: 1px solid transparent;\n border-radius: 4px;\n}\n\n.navbar-toggler:hover, .navbar-toggler:focus {\n text-decoration: none;\n}\n\n.navbar-toggler-icon {\n display: inline-block;\n width: 1.5em;\n height: 1.5em;\n vertical-align: middle;\n content: \"\";\n background: no-repeat center center;\n background-size: 100% 100%;\n}\n\n@media (max-width: 575.98px) {\n .navbar-expand-sm > .container,\n .navbar-expand-sm > .container-fluid {\n padding-right: 0;\n padding-left: 0;\n }\n}\n\n@media (min-width: 576px) {\n .navbar-expand-sm {\n flex-flow: row nowrap;\n justify-content: flex-start;\n }\n .navbar-expand-sm .navbar-nav {\n flex-direction: row;\n }\n .navbar-expand-sm .navbar-nav .dropdown-menu {\n position: absolute;\n }\n .navbar-expand-sm .navbar-nav .nav-link {\n padding-right: 8px;\n padding-left: 8px;\n }\n .navbar-expand-sm > .container,\n .navbar-expand-sm > .container-fluid {\n flex-wrap: nowrap;\n }\n .navbar-expand-sm .navbar-collapse {\n display: flex !important;\n flex-basis: auto;\n }\n .navbar-expand-sm .navbar-toggler {\n display: none;\n }\n}\n\n@media (max-width: 767.98px) {\n .navbar-expand-md > .container,\n .navbar-expand-md > .container-fluid {\n padding-right: 0;\n padding-left: 0;\n }\n}\n\n@media (min-width: 768px) {\n .navbar-expand-md {\n flex-flow: row nowrap;\n justify-content: flex-start;\n }\n .navbar-expand-md .navbar-nav {\n flex-direction: row;\n }\n .navbar-expand-md .navbar-nav .dropdown-menu {\n position: absolute;\n }\n .navbar-expand-md .navbar-nav .nav-link {\n padding-right: 8px;\n padding-left: 8px;\n }\n .navbar-expand-md > .container,\n .navbar-expand-md > .container-fluid {\n flex-wrap: nowrap;\n }\n .navbar-expand-md .navbar-collapse {\n display: flex !important;\n flex-basis: auto;\n }\n .navbar-expand-md .navbar-toggler {\n display: none;\n }\n}\n\n@media (max-width: 991.98px) {\n .navbar-expand-lg > .container,\n .navbar-expand-lg > .container-fluid {\n padding-right: 0;\n padding-left: 0;\n }\n}\n\n@media (min-width: 992px) {\n .navbar-expand-lg {\n flex-flow: row nowrap;\n justify-content: flex-start;\n }\n .navbar-expand-lg .navbar-nav {\n flex-direction: row;\n }\n .navbar-expand-lg .navbar-nav .dropdown-menu {\n position: absolute;\n }\n .navbar-expand-lg .navbar-nav .nav-link {\n padding-right: 8px;\n padding-left: 8px;\n }\n .navbar-expand-lg > .container,\n .navbar-expand-lg > .container-fluid {\n flex-wrap: nowrap;\n }\n .navbar-expand-lg .navbar-collapse {\n display: flex !important;\n flex-basis: auto;\n }\n .navbar-expand-lg .navbar-toggler {\n display: none;\n }\n}\n\n@media (max-width: 1271.98px) {\n .navbar-expand-xl > .container,\n .navbar-expand-xl > .container-fluid {\n padding-right: 0;\n padding-left: 0;\n }\n}\n\n@media (min-width: 1272px) {\n .navbar-expand-xl {\n flex-flow: row nowrap;\n justify-content: flex-start;\n }\n .navbar-expand-xl .navbar-nav {\n flex-direction: row;\n }\n .navbar-expand-xl .navbar-nav .dropdown-menu {\n position: absolute;\n }\n .navbar-expand-xl .navbar-nav .nav-link {\n padding-right: 8px;\n padding-left: 8px;\n }\n .navbar-expand-xl > .container,\n .navbar-expand-xl > .container-fluid {\n flex-wrap: nowrap;\n }\n .navbar-expand-xl .navbar-collapse {\n display: flex !important;\n flex-basis: auto;\n }\n .navbar-expand-xl .navbar-toggler {\n display: none;\n }\n}\n\n.navbar-expand {\n flex-flow: row nowrap;\n justify-content: flex-start;\n}\n\n.navbar-expand > .container,\n.navbar-expand > .container-fluid {\n padding-right: 0;\n padding-left: 0;\n}\n\n.navbar-expand .navbar-nav {\n flex-direction: row;\n}\n\n.navbar-expand .navbar-nav .dropdown-menu {\n position: absolute;\n}\n\n.navbar-expand .navbar-nav .nav-link {\n padding-right: 8px;\n padding-left: 8px;\n}\n\n.navbar-expand > .container,\n.navbar-expand > .container-fluid {\n flex-wrap: nowrap;\n}\n\n.navbar-expand .navbar-collapse {\n display: flex !important;\n flex-basis: auto;\n}\n\n.navbar-expand .navbar-toggler {\n display: none;\n}\n\n.navbar-light .navbar-brand {\n color: rgba(0, 0, 0, 0.9);\n}\n\n.navbar-light .navbar-brand:hover, .navbar-light .navbar-brand:focus {\n color: rgba(0, 0, 0, 0.9);\n}\n\n.navbar-light .navbar-nav .nav-link {\n color: rgba(0, 0, 0, 0.5);\n}\n\n.navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus {\n color: rgba(0, 0, 0, 0.7);\n}\n\n.navbar-light .navbar-nav .nav-link.disabled {\n color: rgba(0, 0, 0, 0.3);\n}\n\n.navbar-light .navbar-nav .show > .nav-link,\n.navbar-light .navbar-nav .active > .nav-link,\n.navbar-light .navbar-nav .nav-link.show,\n.navbar-light .navbar-nav .nav-link.active {\n color: rgba(0, 0, 0, 0.9);\n}\n\n.navbar-light .navbar-toggler {\n color: rgba(0, 0, 0, 0.5);\n border-color: rgba(0, 0, 0, 0.1);\n}\n\n.navbar-light .navbar-toggler-icon {\n background-image: url(\"data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgba(0, 0, 0, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e\");\n}\n\n.navbar-light .navbar-text {\n color: rgba(0, 0, 0, 0.5);\n}\n\n.navbar-light .navbar-text a {\n color: rgba(0, 0, 0, 0.9);\n}\n\n.navbar-light .navbar-text a:hover, .navbar-light .navbar-text a:focus {\n color: rgba(0, 0, 0, 0.9);\n}\n\n.navbar-dark .navbar-brand {\n color: #fff;\n}\n\n.navbar-dark .navbar-brand:hover, .navbar-dark .navbar-brand:focus {\n color: #fff;\n}\n\n.navbar-dark .navbar-nav .nav-link {\n color: rgba(255, 255, 255, 0.5);\n}\n\n.navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus {\n color: rgba(255, 255, 255, 0.75);\n}\n\n.navbar-dark .navbar-nav .nav-link.disabled {\n color: rgba(255, 255, 255, 0.25);\n}\n\n.navbar-dark .navbar-nav .show > .nav-link,\n.navbar-dark .navbar-nav .active > .nav-link,\n.navbar-dark .navbar-nav .nav-link.show,\n.navbar-dark .navbar-nav .nav-link.active {\n color: #fff;\n}\n\n.navbar-dark .navbar-toggler {\n color: rgba(255, 255, 255, 0.5);\n border-color: rgba(255, 255, 255, 0.1);\n}\n\n.navbar-dark .navbar-toggler-icon {\n background-image: url(\"data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgba(255, 255, 255, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e\");\n}\n\n.navbar-dark .navbar-text {\n color: rgba(255, 255, 255, 0.5);\n}\n\n.navbar-dark .navbar-text a {\n color: #fff;\n}\n\n.navbar-dark .navbar-text a:hover, .navbar-dark .navbar-text a:focus {\n color: #fff;\n}\n/*# sourceMappingURL=mekari-ui-navbar.css.map */","// stylelint-disable property-blacklist, scss/dollar-variable-default\n\n// SCSS RFS mixin\n//\n// Automated font-resizing\n//\n// See https://github.com/twbs/rfs\n\n// Configuration\n\n// Base font size\n$rfs-base-font-size: 1.25rem !default;\n$rfs-font-size-unit: rem !default;\n\n// Breakpoint at where font-size starts decreasing if screen width is smaller\n$rfs-breakpoint: 1200px !default;\n$rfs-breakpoint-unit: px !default;\n\n// Resize font-size based on screen height and width\n$rfs-two-dimensional: false !default;\n\n// Factor of decrease\n$rfs-factor: 10 !default;\n\n@if type-of($rfs-factor) != \"number\" or $rfs-factor <= 1 {\n @error \"`#{$rfs-factor}` is not a valid $rfs-factor, it must be greater than 1.\";\n}\n\n// Generate enable or disable classes. Possibilities: false, \"enable\" or \"disable\"\n$rfs-class: false !default;\n\n// 1 rem = $rfs-rem-value px\n$rfs-rem-value: 16 !default;\n\n// Safari iframe resize bug: https://github.com/twbs/rfs/issues/14\n$rfs-safari-iframe-resize-bug-fix: false !default;\n\n// Disable RFS by setting $enable-responsive-font-sizes to false\n$enable-responsive-font-sizes: true !default;\n\n// Cache $rfs-base-font-size unit\n$rfs-base-font-size-unit: unit($rfs-base-font-size);\n\n// Remove px-unit from $rfs-base-font-size for calculations\n@if $rfs-base-font-size-unit == \"px\" {\n $rfs-base-font-size: $rfs-base-font-size / ($rfs-base-font-size * 0 + 1);\n}\n@else if $rfs-base-font-size-unit == \"rem\" {\n $rfs-base-font-size: $rfs-base-font-size / ($rfs-base-font-size * 0 + 1 / $rfs-rem-value);\n}\n\n// Cache $rfs-breakpoint unit to prevent multiple calls\n$rfs-breakpoint-unit-cache: unit($rfs-breakpoint);\n\n// Remove unit from $rfs-breakpoint for calculations\n@if $rfs-breakpoint-unit-cache == \"px\" {\n $rfs-breakpoint: $rfs-breakpoint / ($rfs-breakpoint * 0 + 1);\n}\n@else if $rfs-breakpoint-unit-cache == \"rem\" or $rfs-breakpoint-unit-cache == \"em\" {\n $rfs-breakpoint: $rfs-breakpoint / ($rfs-breakpoint * 0 + 1 / $rfs-rem-value);\n}\n\n// Responsive font-size mixin\n@mixin rfs($fs, $important: false) {\n // Cache $fs unit\n $fs-unit: if(type-of($fs) == \"number\", unit($fs), false);\n\n // Add !important suffix if needed\n $rfs-suffix: if($important, \" !important\", \"\");\n\n // If $fs isn't a number (like inherit) or $fs has a unit (not px or rem, like 1.5em) or $ is 0, just print the value\n @if not $fs-unit or $fs-unit != \"\" and $fs-unit != \"px\" and $fs-unit != \"rem\" or $fs == 0 {\n font-size: #{$fs}#{$rfs-suffix};\n }\n @else {\n // Variables for storing static and fluid rescaling\n $rfs-static: null;\n $rfs-fluid: null;\n\n // Remove px-unit from $fs for calculations\n @if $fs-unit == \"px\" {\n $fs: $fs / ($fs * 0 + 1);\n }\n @else if $fs-unit == \"rem\" {\n $fs: $fs / ($fs * 0 + 1 / $rfs-rem-value);\n }\n\n // Set default font-size\n @if $rfs-font-size-unit == rem {\n $rfs-static: #{$fs / $rfs-rem-value}rem#{$rfs-suffix};\n }\n @else if $rfs-font-size-unit == px {\n $rfs-static: #{$fs}px#{$rfs-suffix};\n }\n @else {\n @error \"`#{$rfs-font-size-unit}` is not a valid unit for $rfs-font-size-unit. Use `px` or `rem`.\";\n }\n\n // Only add media query if font-size is bigger as the minimum font-size\n // If $rfs-factor == 1, no rescaling will take place\n @if $fs > $rfs-base-font-size and $enable-responsive-font-sizes {\n $min-width: null;\n $variable-unit: null;\n\n // Calculate minimum font-size for given font-size\n $fs-min: $rfs-base-font-size + ($fs - $rfs-base-font-size) / $rfs-factor;\n\n // Calculate difference between given font-size and minimum font-size for given font-size\n $fs-diff: $fs - $fs-min;\n\n // Base font-size formatting\n // No need to check if the unit is valid, because we did that before\n $min-width: if($rfs-font-size-unit == rem, #{$fs-min / $rfs-rem-value}rem, #{$fs-min}px);\n\n // If two-dimensional, use smallest of screen width and height\n $variable-unit: if($rfs-two-dimensional, vmin, vw);\n\n // Calculate the variable width between 0 and $rfs-breakpoint\n $variable-width: #{$fs-diff * 100 / $rfs-breakpoint}#{$variable-unit};\n\n // Set the calculated font-size.\n $rfs-fluid: calc(#{$min-width} + #{$variable-width}) #{$rfs-suffix};\n }\n\n // Rendering\n @if $rfs-fluid == null {\n // Only render static font-size if no fluid font-size is available\n font-size: $rfs-static;\n }\n @else {\n $mq-value: null;\n\n // RFS breakpoint formatting\n @if $rfs-breakpoint-unit == em or $rfs-breakpoint-unit == rem {\n $mq-value: #{$rfs-breakpoint / $rfs-rem-value}#{$rfs-breakpoint-unit};\n }\n @else if $rfs-breakpoint-unit == px {\n $mq-value: #{$rfs-breakpoint}px;\n }\n @else {\n @error \"`#{$rfs-breakpoint-unit}` is not a valid unit for $rfs-breakpoint-unit. Use `px`, `em` or `rem`.\";\n }\n\n @if $rfs-class == \"disable\" {\n // Adding an extra class increases specificity,\n // which prevents the media query to override the font size\n &,\n .disable-responsive-font-size &,\n &.disable-responsive-font-size {\n font-size: $rfs-static;\n }\n }\n @else {\n font-size: $rfs-static;\n }\n\n @if $rfs-two-dimensional {\n @media (max-width: #{$mq-value}), (max-height: #{$mq-value}) {\n @if $rfs-class == \"enable\" {\n .enable-responsive-font-size &,\n &.enable-responsive-font-size {\n font-size: $rfs-fluid;\n }\n }\n @else {\n font-size: $rfs-fluid;\n }\n\n @if $rfs-safari-iframe-resize-bug-fix {\n // stylelint-disable-next-line length-zero-no-unit\n min-width: 0vw;\n }\n }\n }\n @else {\n @media (max-width: #{$mq-value}) {\n @if $rfs-class == \"enable\" {\n .enable-responsive-font-size &,\n &.enable-responsive-font-size {\n font-size: $rfs-fluid;\n }\n }\n @else {\n font-size: $rfs-fluid;\n }\n\n @if $rfs-safari-iframe-resize-bug-fix {\n // stylelint-disable-next-line length-zero-no-unit\n min-width: 0vw;\n }\n }\n }\n }\n }\n}\n\n// The font-size & responsive-font-size mixin uses RFS to rescale font sizes\n@mixin font-size($fs, $important: false) {\n @include rfs($fs, $important);\n}\n\n@mixin responsive-font-size($fs, $important: false) {\n @include rfs($fs, $important);\n}\n","// Hover mixin and `$enable-hover-media-query` are deprecated.\n//\n// Originally added during our alphas and maintained during betas, this mixin was\n// designed to prevent `:hover` stickiness on iOS-an issue where hover styles\n// would persist after initial touch.\n//\n// For backward compatibility, we've kept these mixins and updated them to\n// always return their regular pseudo-classes instead of a shimmed media query.\n//\n// Issue: https://github.com/twbs/bootstrap/issues/25195\n\n@mixin hover {\n &:hover { @content; }\n}\n\n@mixin hover-focus {\n &:hover,\n &:focus {\n @content;\n }\n}\n\n@mixin plain-hover-focus {\n &,\n &:hover,\n &:focus {\n @content;\n }\n}\n\n@mixin hover-focus-active {\n &:hover,\n &:focus,\n &:active {\n @content;\n }\n}\n","// stylelint-disable property-blacklist\n// Single side border-radius\n\n@mixin border-radius($radius: $border-radius, $fallback-border-radius: false) {\n @if $enable-rounded {\n border-radius: $radius;\n }\n @else if $fallback-border-radius != false {\n border-radius: $fallback-border-radius;\n }\n}\n\n@mixin border-top-radius($radius) {\n @if $enable-rounded {\n border-top-left-radius: $radius;\n border-top-right-radius: $radius;\n }\n}\n\n@mixin border-right-radius($radius) {\n @if $enable-rounded {\n border-top-right-radius: $radius;\n border-bottom-right-radius: $radius;\n }\n}\n\n@mixin border-bottom-radius($radius) {\n @if $enable-rounded {\n border-bottom-right-radius: $radius;\n border-bottom-left-radius: $radius;\n }\n}\n\n@mixin border-left-radius($radius) {\n @if $enable-rounded {\n border-top-left-radius: $radius;\n border-bottom-left-radius: $radius;\n }\n}\n\n@mixin border-top-left-radius($radius) {\n @if $enable-rounded {\n border-top-left-radius: $radius;\n }\n}\n\n@mixin border-top-right-radius($radius) {\n @if $enable-rounded {\n border-top-right-radius: $radius;\n }\n}\n\n@mixin border-bottom-right-radius($radius) {\n @if $enable-rounded {\n border-bottom-right-radius: $radius;\n }\n}\n\n@mixin border-bottom-left-radius($radius) {\n @if $enable-rounded {\n border-bottom-left-radius: $radius;\n }\n}\n","// Breakpoint viewport sizes and media queries.\n//\n// Breakpoints are defined as a map of (name: minimum width), order from small to large:\n//\n// (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px)\n//\n// The map defined in the `$grid-breakpoints` global variable is used as the `$breakpoints` argument by default.\n\n// Name of the next breakpoint, or null for the last breakpoint.\n//\n// >> breakpoint-next(sm)\n// md\n// >> breakpoint-next(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n// md\n// >> breakpoint-next(sm, $breakpoint-names: (xs sm md lg xl))\n// md\n@function breakpoint-next($name, $breakpoints: $grid-breakpoints, $breakpoint-names: map-keys($breakpoints)) {\n $n: index($breakpoint-names, $name);\n @return if($n != null and $n < length($breakpoint-names), nth($breakpoint-names, $n + 1), null);\n}\n\n// Minimum breakpoint width. Null for the smallest (first) breakpoint.\n//\n// >> breakpoint-min(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n// 576px\n@function breakpoint-min($name, $breakpoints: $grid-breakpoints) {\n $min: map-get($breakpoints, $name);\n @return if($min != 0, $min, null);\n}\n\n// Maximum breakpoint width. Null for the largest (last) breakpoint.\n// The maximum value is calculated as the minimum of the next one less 0.02px\n// to work around the limitations of `min-` and `max-` prefixes and viewports with fractional widths.\n// See https://www.w3.org/TR/mediaqueries-4/#mq-min-max\n// Uses 0.02px rather than 0.01px to work around a current rounding bug in Safari.\n// See https://bugs.webkit.org/show_bug.cgi?id=178261\n//\n// >> breakpoint-max(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n// 767.98px\n@function breakpoint-max($name, $breakpoints: $grid-breakpoints) {\n $next: breakpoint-next($name, $breakpoints);\n @return if($next, breakpoint-min($next, $breakpoints) - .02, null);\n}\n\n// Returns a blank string if smallest breakpoint, otherwise returns the name with a dash in front.\n// Useful for making responsive utilities.\n//\n// >> breakpoint-infix(xs, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n// \"\" (Returns a blank string)\n// >> breakpoint-infix(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n// \"-sm\"\n@function breakpoint-infix($name, $breakpoints: $grid-breakpoints) {\n @return if(breakpoint-min($name, $breakpoints) == null, \"\", \"-#{$name}\");\n}\n\n// Media of at least the minimum breakpoint width. No query for the smallest breakpoint.\n// Makes the @content apply to the given breakpoint and wider.\n@mixin media-breakpoint-up($name, $breakpoints: $grid-breakpoints) {\n $min: breakpoint-min($name, $breakpoints);\n @if $min {\n @media (min-width: $min) {\n @content;\n }\n } @else {\n @content;\n }\n}\n\n// Media of at most the maximum breakpoint width. No query for the largest breakpoint.\n// Makes the @content apply to the given breakpoint and narrower.\n@mixin media-breakpoint-down($name, $breakpoints: $grid-breakpoints) {\n $max: breakpoint-max($name, $breakpoints);\n @if $max {\n @media (max-width: $max) {\n @content;\n }\n } @else {\n @content;\n }\n}\n\n// Media that spans multiple breakpoint widths.\n// Makes the @content apply between the min and max breakpoints\n@mixin media-breakpoint-between($lower, $upper, $breakpoints: $grid-breakpoints) {\n $min: breakpoint-min($lower, $breakpoints);\n $max: breakpoint-max($upper, $breakpoints);\n\n @if $min != null and $max != null {\n @media (min-width: $min) and (max-width: $max) {\n @content;\n }\n } @else if $max == null {\n @include media-breakpoint-up($lower, $breakpoints) {\n @content;\n }\n } @else if $min == null {\n @include media-breakpoint-down($upper, $breakpoints) {\n @content;\n }\n }\n}\n\n// Media between the breakpoint's minimum and maximum widths.\n// No minimum for the smallest breakpoint, and no maximum for the largest one.\n// Makes the @content apply only to the given breakpoint, not viewports any wider or narrower.\n@mixin media-breakpoint-only($name, $breakpoints: $grid-breakpoints) {\n $min: breakpoint-min($name, $breakpoints);\n $max: breakpoint-max($name, $breakpoints);\n\n @if $min != null and $max != null {\n @media (min-width: $min) and (max-width: $max) {\n @content;\n }\n } @else if $max == null {\n @include media-breakpoint-up($name, $breakpoints) {\n @content;\n }\n } @else if $min == null {\n @include media-breakpoint-down($name, $breakpoints) {\n @content;\n }\n }\n}\n"]}
1
+ {"version":3,"sources":["../../../scss/vendors/_navbar.scss","dist/css/components/mekari-ui-navbar.css","../../../scss/vendors/_rfs.scss","../../../scss/vendors/mixins/_hover.scss","../../../scss/vendors/mixins/_border-radius.scss","../../../scss/vendors/mixins/_breakpoints.scss"],"names":[],"mappings":"AAiBA,QACE,SAAA,SACA,QAAA,KACA,UAAA,KACA,YAAA,OACA,gBAAA,cACA,QAAA,IAAA,KANF,mBCPA,yBDmBI,QAAA,KACA,UAAA,KACA,YAAA,OACA,gBAAA,cASJ,cACE,QAAA,aACA,YAAA,qEAAA,CAAA,EACA,eAAA,qEAAA,CAAA,EACA,aAAA,KEkFI,UAAA,QFhFJ,YAAA,QACA,YAAA,OGhCA,oBAAA,oBHmCE,gBAAA,KASJ,YACE,QAAA,KACA,eAAA,OACA,aAAA,EACA,cAAA,EACA,WAAA,KALF,sBAQI,cAAA,EACA,aAAA,EATJ,2BAaI,SAAA,OACA,MAAA,KASJ,aACE,QAAA,aACA,YAAA,IACA,eAAA,IAYF,iBACE,WAAA,KACA,UAAA,EAGA,YAAA,OAIF,gBACE,QAAA,OAAA,OEmBI,UAAA,QFjBJ,YAAA,EACA,iBAAA,YACA,OAAA,IAAA,MAAA,YI3GE,cAAA,IDWF,sBAAA,sBHoGE,gBAAA,KAMJ,qBACE,QAAA,aACA,MAAA,MACA,OAAA,MACA,eAAA,OACA,QAAA,GACA,WAAA,UAAA,OAAA,OACA,gBAAA,KAAA,KKxDE,4BLkEC,6BCrDH,mCDyDQ,cAAA,EACA,aAAA,GKpFN,yBL+EA,kBAUI,UAAA,IAAA,OACA,gBAAA,WAXH,8BAcK,eAAA,IAdL,6CAiBO,SAAA,SAjBP,wCAqBO,cAAA,IACA,aAAA,IAtBP,6BC/BH,mCD4DQ,UAAA,OA7BL,mCAiCK,QAAA,eAGA,WAAA,KApCL,kCAwCK,QAAA,MK1GN,4BLkEC,6BCjBH,mCDqBQ,cAAA,EACA,aAAA,GKpFN,yBL+EA,kBAUI,UAAA,IAAA,OACA,gBAAA,WAXH,8BAcK,eAAA,IAdL,6CAiBO,SAAA,SAjBP,wCAqBO,cAAA,IACA,aAAA,IAtBP,6BCKH,mCDwBQ,UAAA,OA7BL,mCAiCK,QAAA,eAGA,WAAA,KApCL,kCAwCK,QAAA,MK1GN,4BLkEC,6BCmBH,mCDfQ,cAAA,EACA,aAAA,GKpFN,yBL+EA,kBAUI,UAAA,IAAA,OACA,gBAAA,WAXH,8BAcK,eAAA,IAdL,6CAiBO,SAAA,SAjBP,wCAqBO,cAAA,IACA,aAAA,IAtBP,6BCyCH,mCDZQ,UAAA,OA7BL,mCAiCK,QAAA,eAGA,WAAA,KApCL,kCAwCK,QAAA,MK1GN,6BLkEC,6BCuDH,mCDnDQ,cAAA,EACA,aAAA,GKpFN,0BL+EA,kBAUI,UAAA,IAAA,OACA,gBAAA,WAXH,8BAcK,eAAA,IAdL,6CAiBO,SAAA,SAjBP,wCAqBO,cAAA,IACA,aAAA,IAtBP,6BC6EH,mCDhDQ,UAAA,OA7BL,mCAiCK,QAAA,eAGA,WAAA,KApCL,kCAwCK,QAAA,MA7CV,eAeQ,UAAA,IAAA,OACA,gBAAA,WAhBR,0BCoGA,gCD3FU,cAAA,EACA,aAAA,EAVV,2BAmBU,eAAA,IAnBV,0CAsBY,SAAA,SAtBZ,qCA0BY,cAAA,IACA,aAAA,IA3BZ,0BCuHA,gCDrFU,UAAA,OAlCV,gCAsCU,QAAA,eAGA,WAAA,KAzCV,+BA6CU,QAAA,KAaV,4BAEI,MAAA,eGlLF,kCAAA,kCHqLI,MAAA,eALN,oCAWM,MAAA,eG3LJ,0CAAA,0CH8LM,MAAA,eAdR,6CAkBQ,MAAA,eC6ER,4CAEA,2CADA,yCDhGA,0CA0BM,MAAA,eA1BN,8BA+BI,MAAA,eACA,aAAA,eAhCJ,mCAoCI,iBAAA,2NApCJ,2BAwCI,MAAA,eAxCJ,6BA0CM,MAAA,eG1NJ,mCAAA,mCH6NM,MAAA,eAOR,2BAEI,MAAA,KGtOF,iCAAA,iCHyOI,MAAA,KALN,mCAWM,MAAA,qBG/OJ,yCAAA,yCHkPM,MAAA,sBAdR,4CAkBQ,MAAA,sBCyER,2CAEA,0CADA,wCD5FA,yCA0BM,MAAA,KA1BN,6BA+BI,MAAA,qBACA,aAAA,qBAhCJ,kCAoCI,iBAAA,2NApCJ,0BAwCI,MAAA,qBAxCJ,4BA0CM,MAAA,KG9QJ,kCAAA,kCHiRM,MAAA","sourcesContent":["// Contents\n//\n// Navbar\n// Navbar brand\n// Navbar nav\n// Navbar text\n// Navbar divider\n// Responsive navbar\n// Navbar position\n// Navbar themes\n\n\n// Navbar\n//\n// Provide a static navbar from which we expand to create full-width, fixed, and\n// other navbar variations.\n\n.#{$prefix}navbar {\n position: relative;\n display: flex;\n flex-wrap: wrap; // allow us to do the line break for collapsing content\n align-items: center;\n justify-content: space-between; // space out brand from logo\n padding: $navbar-padding-y $navbar-padding-x;\n\n // Because flex properties aren't inherited, we need to redeclare these first\n // few properties so that content nested within behave properly.\n > .container,\n > .container-fluid {\n display: flex;\n flex-wrap: wrap;\n align-items: center;\n justify-content: space-between;\n }\n}\n\n\n// Navbar brand\n//\n// Used for brand, project, or site names.\n\n.#{$prefix}navbar-brand {\n display: inline-block;\n padding-top: $navbar-brand-padding-y;\n padding-bottom: $navbar-brand-padding-y;\n margin-right: $navbar-padding-x;\n @include font-size($navbar-brand-font-size);\n line-height: inherit;\n white-space: nowrap;\n\n @include hover-focus {\n text-decoration: none;\n }\n}\n\n\n// Navbar nav\n//\n// Custom navbar navigation (doesn't require `.#{$prefix}nav`, but does make use of `.#{$prefix}nav-link`).\n\n.#{$prefix}navbar-nav {\n display: flex;\n flex-direction: column; // cannot use `inherit` to get the `.#{$prefix}navbar`s value\n padding-left: 0;\n margin-bottom: 0;\n list-style: none;\n\n .#{$prefix}nav-link {\n padding-right: 0;\n padding-left: 0;\n }\n\n .#{$prefix}dropdown-menu {\n position: static;\n float: none;\n }\n}\n\n\n// Navbar text\n//\n//\n\n.#{$prefix}navbar-text {\n display: inline-block;\n padding-top: $nav-link-padding-y;\n padding-bottom: $nav-link-padding-y;\n}\n\n\n// Responsive navbar\n//\n// Custom styles for responsive collapsing and toggling of navbar contents.\n// Powered by the collapse Bootstrap JavaScript plugin.\n\n// When collapsed, prevent the toggleable navbar contents from appearing in\n// the default flexbox row orientation. Requires the use of `flex-wrap: wrap`\n// on the `.#{$prefix}navbar` parent.\n.#{$prefix}navbar-collapse {\n flex-basis: 100%;\n flex-grow: 1;\n // For always expanded or extra full navbars, ensure content aligns itself\n // properly vertically. Can be easily overridden with flex utilities.\n align-items: center;\n}\n\n// Button for toggling the navbar when in its collapsed state\n.#{$prefix}navbar-toggler {\n padding: $navbar-toggler-padding-y $navbar-toggler-padding-x;\n @include font-size($navbar-toggler-font-size);\n line-height: 1;\n background-color: transparent; // remove default button style\n border: $border-width solid transparent; // remove default button style\n @include border-radius($navbar-toggler-border-radius);\n\n @include hover-focus {\n text-decoration: none;\n }\n}\n\n// Keep as a separate element so folks can easily override it with another icon\n// or image file as needed.\n.#{$prefix}navbar-toggler-icon {\n display: inline-block;\n width: 1.5em;\n height: 1.5em;\n vertical-align: middle;\n content: \"\";\n background: no-repeat center center;\n background-size: 100% 100%;\n}\n\n// Generate series of `.#{$prefix}navbar-expand-*` responsive classes for configuring\n// where your navbar collapses.\n.#{$prefix}navbar-expand {\n @each $breakpoint in map-keys($grid-breakpoints) {\n $next: breakpoint-next($breakpoint, $grid-breakpoints);\n $infix: breakpoint-infix($next, $grid-breakpoints);\n\n &#{$infix} {\n @include media-breakpoint-down($breakpoint) {\n > .container,\n > .container-fluid {\n padding-right: 0;\n padding-left: 0;\n }\n }\n\n @include media-breakpoint-up($next) {\n flex-flow: row nowrap;\n justify-content: flex-start;\n\n .#{$prefix}navbar-nav {\n flex-direction: row;\n\n .#{$prefix}dropdown-menu {\n position: absolute;\n }\n\n .#{$prefix}nav-link {\n padding-right: $navbar-nav-link-padding-x;\n padding-left: $navbar-nav-link-padding-x;\n }\n }\n\n // For nesting containers, have to redeclare for alignment purposes\n > .container,\n > .container-fluid {\n flex-wrap: nowrap;\n }\n\n .#{$prefix}navbar-collapse {\n display: flex !important; // stylelint-disable-line declaration-no-important\n\n // Changes flex-bases to auto because of an IE10 bug\n flex-basis: auto;\n }\n\n .#{$prefix}navbar-toggler {\n display: none;\n }\n }\n }\n }\n}\n\n\n// Navbar themes\n//\n// Styles for switching between navbars with light or dark background.\n\n// Dark links against a light background\n.#{$prefix}navbar-light {\n .#{$prefix}navbar-brand {\n color: $navbar-light-brand-color;\n\n @include hover-focus {\n color: $navbar-light-brand-hover-color;\n }\n }\n\n .#{$prefix}navbar-nav {\n .#{$prefix}nav-link {\n color: $navbar-light-color;\n\n @include hover-focus {\n color: $navbar-light-hover-color;\n }\n\n &.disabled {\n color: $navbar-light-disabled-color;\n }\n }\n\n .#{$prefix}show > .#{$prefix}nav-link,\n .active > .#{$prefix}nav-link,\n .#{$prefix}nav-link.#{$prefix}show,\n .#{$prefix}nav-link.active {\n color: $navbar-light-active-color;\n }\n }\n\n .#{$prefix}navbar-toggler {\n color: $navbar-light-color;\n border-color: $navbar-light-toggler-border-color;\n }\n\n .#{$prefix}navbar-toggler-icon {\n background-image: $navbar-light-toggler-icon-bg;\n }\n\n .#{$prefix}navbar-text {\n color: $navbar-light-color;\n a {\n color: $navbar-light-active-color;\n\n @include hover-focus {\n color: $navbar-light-active-color;\n }\n }\n }\n}\n\n// White links against a dark background\n.#{$prefix}navbar-dark {\n .#{$prefix}navbar-brand {\n color: $navbar-dark-brand-color;\n\n @include hover-focus {\n color: $navbar-dark-brand-hover-color;\n }\n }\n\n .#{$prefix}navbar-nav {\n .#{$prefix}nav-link {\n color: $navbar-dark-color;\n\n @include hover-focus {\n color: $navbar-dark-hover-color;\n }\n\n &.disabled {\n color: $navbar-dark-disabled-color;\n }\n }\n\n .#{$prefix}show > .#{$prefix}nav-link,\n .active > .#{$prefix}nav-link,\n .#{$prefix}nav-link.#{$prefix}show,\n .#{$prefix}nav-link.active {\n color: $navbar-dark-active-color;\n }\n }\n\n .#{$prefix}navbar-toggler {\n color: $navbar-dark-color;\n border-color: $navbar-dark-toggler-border-color;\n }\n\n .#{$prefix}navbar-toggler-icon {\n background-image: $navbar-dark-toggler-icon-bg;\n }\n\n .#{$prefix}navbar-text {\n color: $navbar-dark-color;\n a {\n color: $navbar-dark-active-color;\n\n @include hover-focus {\n color: $navbar-dark-active-color;\n }\n }\n }\n}\n",".navbar {\n position: relative;\n display: flex;\n flex-wrap: wrap;\n align-items: center;\n justify-content: space-between;\n padding: 8px 16px;\n}\n\n.navbar > .container,\n.navbar > .container-fluid {\n display: flex;\n flex-wrap: wrap;\n align-items: center;\n justify-content: space-between;\n}\n\n.navbar-brand {\n display: inline-block;\n padding-top: calc(calc(calc(0.875rem * 1.4285) + 8px * 2) - calc(1.25rem * 1.4285))/2;\n padding-bottom: calc(calc(calc(0.875rem * 1.4285) + 8px * 2) - calc(1.25rem * 1.4285))/2;\n margin-right: 16px;\n font-size: 1.25rem;\n line-height: inherit;\n white-space: nowrap;\n}\n\n.navbar-brand:hover, .navbar-brand:focus {\n text-decoration: none;\n}\n\n.navbar-nav {\n display: flex;\n flex-direction: column;\n padding-left: 0;\n margin-bottom: 0;\n list-style: none;\n}\n\n.navbar-nav .nav-link {\n padding-right: 0;\n padding-left: 0;\n}\n\n.navbar-nav .dropdown-menu {\n position: static;\n float: none;\n}\n\n.navbar-text {\n display: inline-block;\n padding-top: 8px;\n padding-bottom: 8px;\n}\n\n.navbar-collapse {\n flex-basis: 100%;\n flex-grow: 1;\n align-items: center;\n}\n\n.navbar-toggler {\n padding: 0.25rem 0.75rem;\n font-size: 1.25rem;\n line-height: 1;\n background-color: transparent;\n border: 1px solid transparent;\n border-radius: 4px;\n}\n\n.navbar-toggler:hover, .navbar-toggler:focus {\n text-decoration: none;\n}\n\n.navbar-toggler-icon {\n display: inline-block;\n width: 1.5em;\n height: 1.5em;\n vertical-align: middle;\n content: \"\";\n background: no-repeat center center;\n background-size: 100% 100%;\n}\n\n@media (max-width: 575.98px) {\n .navbar-expand-sm > .container,\n .navbar-expand-sm > .container-fluid {\n padding-right: 0;\n padding-left: 0;\n }\n}\n\n@media (min-width: 576px) {\n .navbar-expand-sm {\n flex-flow: row nowrap;\n justify-content: flex-start;\n }\n .navbar-expand-sm .navbar-nav {\n flex-direction: row;\n }\n .navbar-expand-sm .navbar-nav .dropdown-menu {\n position: absolute;\n }\n .navbar-expand-sm .navbar-nav .nav-link {\n padding-right: 8px;\n padding-left: 8px;\n }\n .navbar-expand-sm > .container,\n .navbar-expand-sm > .container-fluid {\n flex-wrap: nowrap;\n }\n .navbar-expand-sm .navbar-collapse {\n display: flex !important;\n flex-basis: auto;\n }\n .navbar-expand-sm .navbar-toggler {\n display: none;\n }\n}\n\n@media (max-width: 767.98px) {\n .navbar-expand-md > .container,\n .navbar-expand-md > .container-fluid {\n padding-right: 0;\n padding-left: 0;\n }\n}\n\n@media (min-width: 768px) {\n .navbar-expand-md {\n flex-flow: row nowrap;\n justify-content: flex-start;\n }\n .navbar-expand-md .navbar-nav {\n flex-direction: row;\n }\n .navbar-expand-md .navbar-nav .dropdown-menu {\n position: absolute;\n }\n .navbar-expand-md .navbar-nav .nav-link {\n padding-right: 8px;\n padding-left: 8px;\n }\n .navbar-expand-md > .container,\n .navbar-expand-md > .container-fluid {\n flex-wrap: nowrap;\n }\n .navbar-expand-md .navbar-collapse {\n display: flex !important;\n flex-basis: auto;\n }\n .navbar-expand-md .navbar-toggler {\n display: none;\n }\n}\n\n@media (max-width: 991.98px) {\n .navbar-expand-lg > .container,\n .navbar-expand-lg > .container-fluid {\n padding-right: 0;\n padding-left: 0;\n }\n}\n\n@media (min-width: 992px) {\n .navbar-expand-lg {\n flex-flow: row nowrap;\n justify-content: flex-start;\n }\n .navbar-expand-lg .navbar-nav {\n flex-direction: row;\n }\n .navbar-expand-lg .navbar-nav .dropdown-menu {\n position: absolute;\n }\n .navbar-expand-lg .navbar-nav .nav-link {\n padding-right: 8px;\n padding-left: 8px;\n }\n .navbar-expand-lg > .container,\n .navbar-expand-lg > .container-fluid {\n flex-wrap: nowrap;\n }\n .navbar-expand-lg .navbar-collapse {\n display: flex !important;\n flex-basis: auto;\n }\n .navbar-expand-lg .navbar-toggler {\n display: none;\n }\n}\n\n@media (max-width: 1271.98px) {\n .navbar-expand-xl > .container,\n .navbar-expand-xl > .container-fluid {\n padding-right: 0;\n padding-left: 0;\n }\n}\n\n@media (min-width: 1272px) {\n .navbar-expand-xl {\n flex-flow: row nowrap;\n justify-content: flex-start;\n }\n .navbar-expand-xl .navbar-nav {\n flex-direction: row;\n }\n .navbar-expand-xl .navbar-nav .dropdown-menu {\n position: absolute;\n }\n .navbar-expand-xl .navbar-nav .nav-link {\n padding-right: 8px;\n padding-left: 8px;\n }\n .navbar-expand-xl > .container,\n .navbar-expand-xl > .container-fluid {\n flex-wrap: nowrap;\n }\n .navbar-expand-xl .navbar-collapse {\n display: flex !important;\n flex-basis: auto;\n }\n .navbar-expand-xl .navbar-toggler {\n display: none;\n }\n}\n\n.navbar-expand {\n flex-flow: row nowrap;\n justify-content: flex-start;\n}\n\n.navbar-expand > .container,\n.navbar-expand > .container-fluid {\n padding-right: 0;\n padding-left: 0;\n}\n\n.navbar-expand .navbar-nav {\n flex-direction: row;\n}\n\n.navbar-expand .navbar-nav .dropdown-menu {\n position: absolute;\n}\n\n.navbar-expand .navbar-nav .nav-link {\n padding-right: 8px;\n padding-left: 8px;\n}\n\n.navbar-expand > .container,\n.navbar-expand > .container-fluid {\n flex-wrap: nowrap;\n}\n\n.navbar-expand .navbar-collapse {\n display: flex !important;\n flex-basis: auto;\n}\n\n.navbar-expand .navbar-toggler {\n display: none;\n}\n\n.navbar-light .navbar-brand {\n color: rgba(0, 0, 0, 0.9);\n}\n\n.navbar-light .navbar-brand:hover, .navbar-light .navbar-brand:focus {\n color: rgba(0, 0, 0, 0.9);\n}\n\n.navbar-light .navbar-nav .nav-link {\n color: rgba(0, 0, 0, 0.5);\n}\n\n.navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus {\n color: rgba(0, 0, 0, 0.7);\n}\n\n.navbar-light .navbar-nav .nav-link.disabled {\n color: rgba(0, 0, 0, 0.3);\n}\n\n.navbar-light .navbar-nav .show > .nav-link,\n.navbar-light .navbar-nav .active > .nav-link,\n.navbar-light .navbar-nav .nav-link.show,\n.navbar-light .navbar-nav .nav-link.active {\n color: rgba(0, 0, 0, 0.9);\n}\n\n.navbar-light .navbar-toggler {\n color: rgba(0, 0, 0, 0.5);\n border-color: rgba(0, 0, 0, 0.1);\n}\n\n.navbar-light .navbar-toggler-icon {\n background-image: url(\"data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e\");\n}\n\n.navbar-light .navbar-text {\n color: rgba(0, 0, 0, 0.5);\n}\n\n.navbar-light .navbar-text a {\n color: rgba(0, 0, 0, 0.9);\n}\n\n.navbar-light .navbar-text a:hover, .navbar-light .navbar-text a:focus {\n color: rgba(0, 0, 0, 0.9);\n}\n\n.navbar-dark .navbar-brand {\n color: #fff;\n}\n\n.navbar-dark .navbar-brand:hover, .navbar-dark .navbar-brand:focus {\n color: #fff;\n}\n\n.navbar-dark .navbar-nav .nav-link {\n color: rgba(255, 255, 255, 0.5);\n}\n\n.navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus {\n color: rgba(255, 255, 255, 0.75);\n}\n\n.navbar-dark .navbar-nav .nav-link.disabled {\n color: rgba(255, 255, 255, 0.25);\n}\n\n.navbar-dark .navbar-nav .show > .nav-link,\n.navbar-dark .navbar-nav .active > .nav-link,\n.navbar-dark .navbar-nav .nav-link.show,\n.navbar-dark .navbar-nav .nav-link.active {\n color: #fff;\n}\n\n.navbar-dark .navbar-toggler {\n color: rgba(255, 255, 255, 0.5);\n border-color: rgba(255, 255, 255, 0.1);\n}\n\n.navbar-dark .navbar-toggler-icon {\n background-image: url(\"data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e\");\n}\n\n.navbar-dark .navbar-text {\n color: rgba(255, 255, 255, 0.5);\n}\n\n.navbar-dark .navbar-text a {\n color: #fff;\n}\n\n.navbar-dark .navbar-text a:hover, .navbar-dark .navbar-text a:focus {\n color: #fff;\n}\n/*# sourceMappingURL=mekari-ui-navbar.css.map */","// stylelint-disable property-blacklist, scss/dollar-variable-default\n\n// SCSS RFS mixin\n//\n// Automated font-resizing\n//\n// See https://github.com/twbs/rfs\n\n// Configuration\n\n// Base font size\n$rfs-base-font-size: 1.25rem !default;\n$rfs-font-size-unit: rem !default;\n\n// Breakpoint at where font-size starts decreasing if screen width is smaller\n$rfs-breakpoint: 1200px !default;\n$rfs-breakpoint-unit: px !default;\n\n// Resize font-size based on screen height and width\n$rfs-two-dimensional: false !default;\n\n// Factor of decrease\n$rfs-factor: 10 !default;\n\n@if type-of($rfs-factor) != \"number\" or $rfs-factor <= 1 {\n @error \"`#{$rfs-factor}` is not a valid $rfs-factor, it must be greater than 1.\";\n}\n\n// Generate enable or disable classes. Possibilities: false, \"enable\" or \"disable\"\n$rfs-class: false !default;\n\n// 1 rem = $rfs-rem-value px\n$rfs-rem-value: 16 !default;\n\n// Safari iframe resize bug: https://github.com/twbs/rfs/issues/14\n$rfs-safari-iframe-resize-bug-fix: false !default;\n\n// Disable RFS by setting $enable-responsive-font-sizes to false\n$enable-responsive-font-sizes: true !default;\n\n// Cache $rfs-base-font-size unit\n$rfs-base-font-size-unit: unit($rfs-base-font-size);\n\n// Remove px-unit from $rfs-base-font-size for calculations\n@if $rfs-base-font-size-unit == \"px\" {\n $rfs-base-font-size: $rfs-base-font-size / ($rfs-base-font-size * 0 + 1);\n}\n@else if $rfs-base-font-size-unit == \"rem\" {\n $rfs-base-font-size: $rfs-base-font-size / ($rfs-base-font-size * 0 + 1 / $rfs-rem-value);\n}\n\n// Cache $rfs-breakpoint unit to prevent multiple calls\n$rfs-breakpoint-unit-cache: unit($rfs-breakpoint);\n\n// Remove unit from $rfs-breakpoint for calculations\n@if $rfs-breakpoint-unit-cache == \"px\" {\n $rfs-breakpoint: $rfs-breakpoint / ($rfs-breakpoint * 0 + 1);\n}\n@else if $rfs-breakpoint-unit-cache == \"rem\" or $rfs-breakpoint-unit-cache == \"em\" {\n $rfs-breakpoint: $rfs-breakpoint / ($rfs-breakpoint * 0 + 1 / $rfs-rem-value);\n}\n\n// Responsive font-size mixin\n@mixin rfs($fs, $important: false) {\n // Cache $fs unit\n $fs-unit: if(type-of($fs) == \"number\", unit($fs), false);\n\n // Add !important suffix if needed\n $rfs-suffix: if($important, \" !important\", \"\");\n\n // If $fs isn't a number (like inherit) or $fs has a unit (not px or rem, like 1.5em) or $ is 0, just print the value\n @if not $fs-unit or $fs-unit != \"\" and $fs-unit != \"px\" and $fs-unit != \"rem\" or $fs == 0 {\n font-size: #{$fs}#{$rfs-suffix};\n }\n @else {\n // Variables for storing static and fluid rescaling\n $rfs-static: null;\n $rfs-fluid: null;\n\n // Remove px-unit from $fs for calculations\n @if $fs-unit == \"px\" {\n $fs: $fs / ($fs * 0 + 1);\n }\n @else if $fs-unit == \"rem\" {\n $fs: $fs / ($fs * 0 + 1 / $rfs-rem-value);\n }\n\n // Set default font-size\n @if $rfs-font-size-unit == rem {\n $rfs-static: #{$fs / $rfs-rem-value}rem#{$rfs-suffix};\n }\n @else if $rfs-font-size-unit == px {\n $rfs-static: #{$fs}px#{$rfs-suffix};\n }\n @else {\n @error \"`#{$rfs-font-size-unit}` is not a valid unit for $rfs-font-size-unit. Use `px` or `rem`.\";\n }\n\n // Only add media query if font-size is bigger as the minimum font-size\n // If $rfs-factor == 1, no rescaling will take place\n @if $fs > $rfs-base-font-size and $enable-responsive-font-sizes {\n $min-width: null;\n $variable-unit: null;\n\n // Calculate minimum font-size for given font-size\n $fs-min: $rfs-base-font-size + ($fs - $rfs-base-font-size) / $rfs-factor;\n\n // Calculate difference between given font-size and minimum font-size for given font-size\n $fs-diff: $fs - $fs-min;\n\n // Base font-size formatting\n // No need to check if the unit is valid, because we did that before\n $min-width: if($rfs-font-size-unit == rem, #{$fs-min / $rfs-rem-value}rem, #{$fs-min}px);\n\n // If two-dimensional, use smallest of screen width and height\n $variable-unit: if($rfs-two-dimensional, vmin, vw);\n\n // Calculate the variable width between 0 and $rfs-breakpoint\n $variable-width: #{$fs-diff * 100 / $rfs-breakpoint}#{$variable-unit};\n\n // Set the calculated font-size.\n $rfs-fluid: calc(#{$min-width} + #{$variable-width}) #{$rfs-suffix};\n }\n\n // Rendering\n @if $rfs-fluid == null {\n // Only render static font-size if no fluid font-size is available\n font-size: $rfs-static;\n }\n @else {\n $mq-value: null;\n\n // RFS breakpoint formatting\n @if $rfs-breakpoint-unit == em or $rfs-breakpoint-unit == rem {\n $mq-value: #{$rfs-breakpoint / $rfs-rem-value}#{$rfs-breakpoint-unit};\n }\n @else if $rfs-breakpoint-unit == px {\n $mq-value: #{$rfs-breakpoint}px;\n }\n @else {\n @error \"`#{$rfs-breakpoint-unit}` is not a valid unit for $rfs-breakpoint-unit. Use `px`, `em` or `rem`.\";\n }\n\n @if $rfs-class == \"disable\" {\n // Adding an extra class increases specificity,\n // which prevents the media query to override the font size\n &,\n .disable-responsive-font-size &,\n &.disable-responsive-font-size {\n font-size: $rfs-static;\n }\n }\n @else {\n font-size: $rfs-static;\n }\n\n @if $rfs-two-dimensional {\n @media (max-width: #{$mq-value}), (max-height: #{$mq-value}) {\n @if $rfs-class == \"enable\" {\n .enable-responsive-font-size &,\n &.enable-responsive-font-size {\n font-size: $rfs-fluid;\n }\n }\n @else {\n font-size: $rfs-fluid;\n }\n\n @if $rfs-safari-iframe-resize-bug-fix {\n // stylelint-disable-next-line length-zero-no-unit\n min-width: 0vw;\n }\n }\n }\n @else {\n @media (max-width: #{$mq-value}) {\n @if $rfs-class == \"enable\" {\n .enable-responsive-font-size &,\n &.enable-responsive-font-size {\n font-size: $rfs-fluid;\n }\n }\n @else {\n font-size: $rfs-fluid;\n }\n\n @if $rfs-safari-iframe-resize-bug-fix {\n // stylelint-disable-next-line length-zero-no-unit\n min-width: 0vw;\n }\n }\n }\n }\n }\n}\n\n// The font-size & responsive-font-size mixin uses RFS to rescale font sizes\n@mixin font-size($fs, $important: false) {\n @include rfs($fs, $important);\n}\n\n@mixin responsive-font-size($fs, $important: false) {\n @include rfs($fs, $important);\n}\n","// Hover mixin and `$enable-hover-media-query` are deprecated.\n//\n// Originally added during our alphas and maintained during betas, this mixin was\n// designed to prevent `:hover` stickiness on iOS-an issue where hover styles\n// would persist after initial touch.\n//\n// For backward compatibility, we've kept these mixins and updated them to\n// always return their regular pseudo-classes instead of a shimmed media query.\n//\n// Issue: https://github.com/twbs/bootstrap/issues/25195\n\n@mixin hover {\n &:hover { @content; }\n}\n\n@mixin hover-focus {\n &:hover,\n &:focus {\n @content;\n }\n}\n\n@mixin plain-hover-focus {\n &,\n &:hover,\n &:focus {\n @content;\n }\n}\n\n@mixin hover-focus-active {\n &:hover,\n &:focus,\n &:active {\n @content;\n }\n}\n","// stylelint-disable property-blacklist\n// Single side border-radius\n\n@mixin border-radius($radius: $border-radius, $fallback-border-radius: false) {\n @if $enable-rounded {\n border-radius: $radius;\n }\n @else if $fallback-border-radius != false {\n border-radius: $fallback-border-radius;\n }\n}\n\n@mixin border-top-radius($radius) {\n @if $enable-rounded {\n border-top-left-radius: $radius;\n border-top-right-radius: $radius;\n }\n}\n\n@mixin border-right-radius($radius) {\n @if $enable-rounded {\n border-top-right-radius: $radius;\n border-bottom-right-radius: $radius;\n }\n}\n\n@mixin border-bottom-radius($radius) {\n @if $enable-rounded {\n border-bottom-right-radius: $radius;\n border-bottom-left-radius: $radius;\n }\n}\n\n@mixin border-left-radius($radius) {\n @if $enable-rounded {\n border-top-left-radius: $radius;\n border-bottom-left-radius: $radius;\n }\n}\n\n@mixin border-top-left-radius($radius) {\n @if $enable-rounded {\n border-top-left-radius: $radius;\n }\n}\n\n@mixin border-top-right-radius($radius) {\n @if $enable-rounded {\n border-top-right-radius: $radius;\n }\n}\n\n@mixin border-bottom-right-radius($radius) {\n @if $enable-rounded {\n border-bottom-right-radius: $radius;\n }\n}\n\n@mixin border-bottom-left-radius($radius) {\n @if $enable-rounded {\n border-bottom-left-radius: $radius;\n }\n}\n","// Breakpoint viewport sizes and media queries.\n//\n// Breakpoints are defined as a map of (name: minimum width), order from small to large:\n//\n// (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px)\n//\n// The map defined in the `$grid-breakpoints` global variable is used as the `$breakpoints` argument by default.\n\n// Name of the next breakpoint, or null for the last breakpoint.\n//\n// >> breakpoint-next(sm)\n// md\n// >> breakpoint-next(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n// md\n// >> breakpoint-next(sm, $breakpoint-names: (xs sm md lg xl))\n// md\n@function breakpoint-next($name, $breakpoints: $grid-breakpoints, $breakpoint-names: map-keys($breakpoints)) {\n $n: index($breakpoint-names, $name);\n @return if($n != null and $n < length($breakpoint-names), nth($breakpoint-names, $n + 1), null);\n}\n\n// Minimum breakpoint width. Null for the smallest (first) breakpoint.\n//\n// >> breakpoint-min(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n// 576px\n@function breakpoint-min($name, $breakpoints: $grid-breakpoints) {\n $min: map-get($breakpoints, $name);\n @return if($min != 0, $min, null);\n}\n\n// Maximum breakpoint width. Null for the largest (last) breakpoint.\n// The maximum value is calculated as the minimum of the next one less 0.02px\n// to work around the limitations of `min-` and `max-` prefixes and viewports with fractional widths.\n// See https://www.w3.org/TR/mediaqueries-4/#mq-min-max\n// Uses 0.02px rather than 0.01px to work around a current rounding bug in Safari.\n// See https://bugs.webkit.org/show_bug.cgi?id=178261\n//\n// >> breakpoint-max(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n// 767.98px\n@function breakpoint-max($name, $breakpoints: $grid-breakpoints) {\n $next: breakpoint-next($name, $breakpoints);\n @return if($next, breakpoint-min($next, $breakpoints) - .02, null);\n}\n\n// Returns a blank string if smallest breakpoint, otherwise returns the name with a dash in front.\n// Useful for making responsive utilities.\n//\n// >> breakpoint-infix(xs, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n// \"\" (Returns a blank string)\n// >> breakpoint-infix(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n// \"-sm\"\n@function breakpoint-infix($name, $breakpoints: $grid-breakpoints) {\n @return if(breakpoint-min($name, $breakpoints) == null, \"\", \"-#{$name}\");\n}\n\n// Media of at least the minimum breakpoint width. No query for the smallest breakpoint.\n// Makes the @content apply to the given breakpoint and wider.\n@mixin media-breakpoint-up($name, $breakpoints: $grid-breakpoints) {\n $min: breakpoint-min($name, $breakpoints);\n @if $min {\n @media (min-width: $min) {\n @content;\n }\n } @else {\n @content;\n }\n}\n\n// Media of at most the maximum breakpoint width. No query for the largest breakpoint.\n// Makes the @content apply to the given breakpoint and narrower.\n@mixin media-breakpoint-down($name, $breakpoints: $grid-breakpoints) {\n $max: breakpoint-max($name, $breakpoints);\n @if $max {\n @media (max-width: $max) {\n @content;\n }\n } @else {\n @content;\n }\n}\n\n// Media that spans multiple breakpoint widths.\n// Makes the @content apply between the min and max breakpoints\n@mixin media-breakpoint-between($lower, $upper, $breakpoints: $grid-breakpoints) {\n $min: breakpoint-min($lower, $breakpoints);\n $max: breakpoint-max($upper, $breakpoints);\n\n @if $min != null and $max != null {\n @media (min-width: $min) and (max-width: $max) {\n @content;\n }\n } @else if $max == null {\n @include media-breakpoint-up($lower, $breakpoints) {\n @content;\n }\n } @else if $min == null {\n @include media-breakpoint-down($upper, $breakpoints) {\n @content;\n }\n }\n}\n\n// Media between the breakpoint's minimum and maximum widths.\n// No minimum for the smallest breakpoint, and no maximum for the largest one.\n// Makes the @content apply only to the given breakpoint, not viewports any wider or narrower.\n@mixin media-breakpoint-only($name, $breakpoints: $grid-breakpoints) {\n $min: breakpoint-min($name, $breakpoints);\n $max: breakpoint-max($name, $breakpoints);\n\n @if $min != null and $max != null {\n @media (min-width: $min) and (max-width: $max) {\n @content;\n }\n } @else if $max == null {\n @include media-breakpoint-up($name, $breakpoints) {\n @content;\n }\n } @else if $min == null {\n @include media-breakpoint-down($name, $breakpoints) {\n @content;\n }\n }\n}\n"]}
data/lib/assets/stylesheets/css/components/mekari-ui-navbar.css CHANGED
@@ -297,7 +297,7 @@
297
297
  }
298
298
 
299
299
  .navbar-light .navbar-toggler-icon {
300
- background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgba(0, 0, 0, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
300
+ background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
301
301
  }
302
302
 
303
303
  .navbar-light .navbar-text {
@@ -345,7 +345,7 @@
345
345
  }
346
346
 
347
347
  .navbar-dark .navbar-toggler-icon {
348
- background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgba(255, 255, 255, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
348
+ background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
349
349
  }
350
350
 
351
351
  .navbar-dark .navbar-text {
data/lib/assets/stylesheets/css/components/mekari-ui-navbar.css.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../scss/vendors/_navbar.scss","../../../scss/vendor-extensions/_navbar.scss","mekari-ui-navbar.css","../../../scss/vendors/_rfs.scss","../../../scss/vendors/mixins/_hover.scss","../../../scss/vendor-extensions/_navs.scss","../../../scss/vendors/mixins/_border-radius.scss","../../../scss/vendor-extensions/_button.scss","../../../scss/vendors/mixins/_breakpoints.scss","../../../scss/vendor-extensions/_color.scss"],"names":[],"mappings":"AAiBA;EACE,kBAAkB;EAClB,aAAa;EACb,eAAe;EACf,mBAAmB;EACnB,8BAA8B;EAC9B,iBCtBsC;ACMxC;;AFUA;;EAYI,aAAa;EACb,eAAe;EACf,mBAAmB;EACnB,8BAA8B;AEjBlC;;AF0BA;EACE,qBAAqB;EACrB,qFClC2F;EDmC3F,wFCnC2F;EDoC3F,kBC5CsC;EE8HlC,kBAtCY;EH1ChB,oBAAoB;EACpB,mBAAmB;AEvBrB;;AETE;EJmCE,qBAAqB;AEtBzB;;AF+BA;EACE,aAAa;EACb,sBAAsB;EACtB,eAAe;EACf,gBAAgB;EAChB,gBAAgB;AE5BlB;;AFuBA;EAQI,gBAAgB;EAChB,eAAe;AE3BnB;;AFkBA;EAaI,gBAAgB;EAChB,WAAW;AE3Bf;;AFoCA;EACE,qBAAqB;EACrB,gBK5EsB;EL6EtB,mBK7EsB;AH4CxB;;AF6CA;EACE,gBAAgB;EAChB,YAAY;EAGZ,mBAAmB;AE5CrB;;AFgDA;EACE,wBChGwC;EEmHpC,kBAtCY;EHqBhB,cAAc;EACd,6BAA6B;EAC7B,6BAAuC;EM3GrC,kBCiBmB;AL8CvB;;AEpDE;EJoGE,qBAAqB;AE5CzB;;AFkDA;EACE,qBAAqB;EACrB,YAAY;EACZ,aAAa;EACb,sBAAsB;EACtB,WAAW;EACX,mCAAmC;EACnC,0BAA0B;AE/C5B;;AMTI;ERkEC;;IAIK,gBAAgB;IAChB,eAAe;EEvDvB;AACF;;AM9BI;ER+EA;IAUI,qBAAqB;IACrB,2BAA2B;EEtDjC;EF2CG;IAcK,mBAAmB;EEtD3B;EFwCG;IAiBO,kBAAkB;EEtD5B;EFqCG;IAqBO,kBC7J2B;ID8J3B,iBC9J2B;ECuGrC;EFiCG;;IA6BK,iBAAiB;EE1DzB;EF6BG;IAiCK,wBAAwB;IAGxB,gBAAgB;EE7DxB;EFyBG;IAwCK,aAAa;EE9DrB;AACF;;AM7CI;ERkEC;;IAIK,gBAAgB;IAChB,eAAe;EEnBvB;AACF;;AMlEI;ER+EA;IAUI,qBAAqB;IACrB,2BAA2B;EElBjC;EFOG;IAcK,mBAAmB;EElB3B;EFIG;IAiBO,kBAAkB;EElB5B;EFCG;IAqBO,kBC7J2B;ID8J3B,iBC9J2B;EC2IrC;EFHG;;IA6BK,iBAAiB;EEtBzB;EFPG;IAiCK,wBAAwB;IAGxB,gBAAgB;EEzBxB;EFXG;IAwCK,aAAa;EE1BrB;AACF;;AMjFI;ERkEC;;IAIK,gBAAgB;IAChB,eAAe;EEiBvB;AACF;;AMtGI;ER+EA;IAUI,qBAAqB;IACrB,2BAA2B;EEkBjC;EF7BG;IAcK,mBAAmB;EEkB3B;EFhCG;IAiBO,kBAAkB;EEkB5B;EFnCG;IAqBO,kBC7J2B;ID8J3B,iBC9J2B;EC+KrC;EFvCG;;IA6BK,iBAAiB;EEczB;EF3CG;IAiCK,wBAAwB;IAGxB,gBAAgB;EEWxB;EF/CG;IAwCK,aAAa;EEUrB;AACF;;AMrHI;ERkEC;;IAIK,gBAAgB;IAChB,eAAe;EEqDvB;AACF;;AM1II;ER+EA;IAUI,qBAAqB;IACrB,2BAA2B;EEsDjC;EFjEG;IAcK,mBAAmB;EEsD3B;EFpEG;IAiBO,kBAAkB;EEsD5B;EFvEG;IAqBO,kBC7J2B;ID8J3B,iBC9J2B;ECmNrC;EF3EG;;IA6BK,iBAAiB;EEkDzB;EF/EG;IAiCK,wBAAwB;IAGxB,gBAAgB;EE+CxB;EFnFG;IAwCK,aAAa;EE8CrB;AACF;;AF5FA;EAeQ,qBAAqB;EACrB,2BAA2B;AEiFnC;;AFjGA;;EASU,gBAAgB;EAChB,eAAe;AE6FzB;;AFvGA;EAmBU,mBAAmB;AEwF7B;;AF3GA;EAsBY,kBAAkB;AEyF9B;;AF/GA;EA0BY,kBC7J2B;ED8J3B,iBC9J2B;ACuPvC;;AFpHA;;EAkCU,iBAAiB;AEuF3B;;AFzHA;EAsCU,wBAAwB;EAGxB,gBAAgB;AEqF1B;;AF9HA;EA6CU,aAAa;AEqFvB;;AFxEA;EAEI,yBS1KW;APoPf;;AE5PE;EJqLI,yBS7KS;APwPf;;AFhFA;EAWM,yBSnLS;AP4Pf;;AEpQE;EJ8LM,yBStLO;APgQf;;AFxFA;EAkBQ,yBS1LO;APoQf;;AF5FA;;;;EA0BM,yBSlMS;AP2Qf;;AFnGA;EA+BI,yBSvMW;ETwMX,gCSxMW;APgRf;;AFxGA;EAoCI,wPCzMsR;ACiR1R;;AF5GA;EAwCI,yBShNW;APwRf;;AFhHA;EA0CM,yBSlNS;AP4Rf;;AEpSE;EJ6NM,yBSrNO;APgSf;;AFpEA;EAEI,WShPQ;APsTZ;;AE5SE;EJyOI,WSnPM;AP0TZ;;AF5EA;EAWM,+BSzPM;AP8TZ;;AEpTE;EJkPM,gCS5PI;APkUZ;;AFpFA;EAkBQ,gCShQI;APsUZ;;AFxFA;;;;EA0BM,WSxQM;AP6UZ;;AF/FA;EA+BI,+BS7QQ;ET8QR,sCS9QQ;APkVZ;;AFpGA;EAoCI,8PCpQqR;ACwUzR;;AFxGA;EAwCI,+BStRQ;AP0VZ;;AF5GA;EA0CM,WSxRM;AP8VZ;;AEpVE;EJiRM,WS3RI;APkWZ","file":"mekari-ui-navbar.css","sourcesContent":["// Contents\n//\n// Navbar\n// Navbar brand\n// Navbar nav\n// Navbar text\n// Navbar divider\n// Responsive navbar\n// Navbar position\n// Navbar themes\n\n\n// Navbar\n//\n// Provide a static navbar from which we expand to create full-width, fixed, and\n// other navbar variations.\n\n.#{$prefix}navbar {\n position: relative;\n display: flex;\n flex-wrap: wrap; // allow us to do the line break for collapsing content\n align-items: center;\n justify-content: space-between; // space out brand from logo\n padding: $navbar-padding-y $navbar-padding-x;\n\n // Because flex properties aren't inherited, we need to redeclare these first\n // few properties so that content nested within behave properly.\n > .container,\n > .container-fluid {\n display: flex;\n flex-wrap: wrap;\n align-items: center;\n justify-content: space-between;\n }\n}\n\n\n// Navbar brand\n//\n// Used for brand, project, or site names.\n\n.#{$prefix}navbar-brand {\n display: inline-block;\n padding-top: $navbar-brand-padding-y;\n padding-bottom: $navbar-brand-padding-y;\n margin-right: $navbar-padding-x;\n @include font-size($navbar-brand-font-size);\n line-height: inherit;\n white-space: nowrap;\n\n @include hover-focus {\n text-decoration: none;\n }\n}\n\n\n// Navbar nav\n//\n// Custom navbar navigation (doesn't require `.#{$prefix}nav`, but does make use of `.#{$prefix}nav-link`).\n\n.#{$prefix}navbar-nav {\n display: flex;\n flex-direction: column; // cannot use `inherit` to get the `.#{$prefix}navbar`s value\n padding-left: 0;\n margin-bottom: 0;\n list-style: none;\n\n .#{$prefix}nav-link {\n padding-right: 0;\n padding-left: 0;\n }\n\n .#{$prefix}dropdown-menu {\n position: static;\n float: none;\n }\n}\n\n\n// Navbar text\n//\n//\n\n.#{$prefix}navbar-text {\n display: inline-block;\n padding-top: $nav-link-padding-y;\n padding-bottom: $nav-link-padding-y;\n}\n\n\n// Responsive navbar\n//\n// Custom styles for responsive collapsing and toggling of navbar contents.\n// Powered by the collapse Bootstrap JavaScript plugin.\n\n// When collapsed, prevent the toggleable navbar contents from appearing in\n// the default flexbox row orientation. Requires the use of `flex-wrap: wrap`\n// on the `.#{$prefix}navbar` parent.\n.#{$prefix}navbar-collapse {\n flex-basis: 100%;\n flex-grow: 1;\n // For always expanded or extra full navbars, ensure content aligns itself\n // properly vertically. Can be easily overridden with flex utilities.\n align-items: center;\n}\n\n// Button for toggling the navbar when in its collapsed state\n.#{$prefix}navbar-toggler {\n padding: $navbar-toggler-padding-y $navbar-toggler-padding-x;\n @include font-size($navbar-toggler-font-size);\n line-height: 1;\n background-color: transparent; // remove default button style\n border: $border-width solid transparent; // remove default button style\n @include border-radius($navbar-toggler-border-radius);\n\n @include hover-focus {\n text-decoration: none;\n }\n}\n\n// Keep as a separate element so folks can easily override it with another icon\n// or image file as needed.\n.#{$prefix}navbar-toggler-icon {\n display: inline-block;\n width: 1.5em;\n height: 1.5em;\n vertical-align: middle;\n content: \"\";\n background: no-repeat center center;\n background-size: 100% 100%;\n}\n\n// Generate series of `.#{$prefix}navbar-expand-*` responsive classes for configuring\n// where your navbar collapses.\n.#{$prefix}navbar-expand {\n @each $breakpoint in map-keys($grid-breakpoints) {\n $next: breakpoint-next($breakpoint, $grid-breakpoints);\n $infix: breakpoint-infix($next, $grid-breakpoints);\n\n &#{$infix} {\n @include media-breakpoint-down($breakpoint) {\n > .container,\n > .container-fluid {\n padding-right: 0;\n padding-left: 0;\n }\n }\n\n @include media-breakpoint-up($next) {\n flex-flow: row nowrap;\n justify-content: flex-start;\n\n .#{$prefix}navbar-nav {\n flex-direction: row;\n\n .#{$prefix}dropdown-menu {\n position: absolute;\n }\n\n .#{$prefix}nav-link {\n padding-right: $navbar-nav-link-padding-x;\n padding-left: $navbar-nav-link-padding-x;\n }\n }\n\n // For nesting containers, have to redeclare for alignment purposes\n > .container,\n > .container-fluid {\n flex-wrap: nowrap;\n }\n\n .#{$prefix}navbar-collapse {\n display: flex !important; // stylelint-disable-line declaration-no-important\n\n // Changes flex-bases to auto because of an IE10 bug\n flex-basis: auto;\n }\n\n .#{$prefix}navbar-toggler {\n display: none;\n }\n }\n }\n }\n}\n\n\n// Navbar themes\n//\n// Styles for switching between navbars with light or dark background.\n\n// Dark links against a light background\n.#{$prefix}navbar-light {\n .#{$prefix}navbar-brand {\n color: $navbar-light-brand-color;\n\n @include hover-focus {\n color: $navbar-light-brand-hover-color;\n }\n }\n\n .#{$prefix}navbar-nav {\n .#{$prefix}nav-link {\n color: $navbar-light-color;\n\n @include hover-focus {\n color: $navbar-light-hover-color;\n }\n\n &.disabled {\n color: $navbar-light-disabled-color;\n }\n }\n\n .#{$prefix}show > .#{$prefix}nav-link,\n .active > .#{$prefix}nav-link,\n .#{$prefix}nav-link.#{$prefix}show,\n .#{$prefix}nav-link.active {\n color: $navbar-light-active-color;\n }\n }\n\n .#{$prefix}navbar-toggler {\n color: $navbar-light-color;\n border-color: $navbar-light-toggler-border-color;\n }\n\n .#{$prefix}navbar-toggler-icon {\n background-image: $navbar-light-toggler-icon-bg;\n }\n\n .#{$prefix}navbar-text {\n color: $navbar-light-color;\n a {\n color: $navbar-light-active-color;\n\n @include hover-focus {\n color: $navbar-light-active-color;\n }\n }\n }\n}\n\n// White links against a dark background\n.#{$prefix}navbar-dark {\n .#{$prefix}navbar-brand {\n color: $navbar-dark-brand-color;\n\n @include hover-focus {\n color: $navbar-dark-brand-hover-color;\n }\n }\n\n .#{$prefix}navbar-nav {\n .#{$prefix}nav-link {\n color: $navbar-dark-color;\n\n @include hover-focus {\n color: $navbar-dark-hover-color;\n }\n\n &.disabled {\n color: $navbar-dark-disabled-color;\n }\n }\n\n .#{$prefix}show > .#{$prefix}nav-link,\n .active > .#{$prefix}nav-link,\n .#{$prefix}nav-link.#{$prefix}show,\n .#{$prefix}nav-link.active {\n color: $navbar-dark-active-color;\n }\n }\n\n .#{$prefix}navbar-toggler {\n color: $navbar-dark-color;\n border-color: $navbar-dark-toggler-border-color;\n }\n\n .#{$prefix}navbar-toggler-icon {\n background-image: $navbar-dark-toggler-icon-bg;\n }\n\n .#{$prefix}navbar-text {\n color: $navbar-dark-color;\n a {\n color: $navbar-dark-active-color;\n\n @include hover-focus {\n color: $navbar-dark-active-color;\n }\n }\n }\n}\n","$navbar-padding-y: 8px;\n$navbar-padding-x: 16px;\n\n$navbar-nav-link-padding-x: 8px;\n\n$navbar-brand-font-size: $font-size-lg;\n// Compute the navbar-brand padding-y so the navbar-brand will have the same height as navbar-text and nav-link\n$nav-link-height: calc(calc(#{$font-size-base} * #{$line-height-base}) + #{$nav-link-padding-y} * 2);\n$navbar-brand-height: calc(#{$navbar-brand-font-size} * #{$line-height-base});\n$navbar-brand-padding-y: (calc(#{$nav-link-height} - #{$navbar-brand-height})) / 2;\n\n$navbar-toggler-padding-y: .25rem;\n$navbar-toggler-padding-x: .75rem;\n$navbar-toggler-font-size: $font-size-lg;\n$navbar-toggler-border-radius: $btn-border-radius;\n\n$navbar-dark-color: rgba($white, .5);\n$navbar-dark-hover-color: rgba($white, .75);\n$navbar-dark-active-color: $white;\n$navbar-dark-disabled-color: rgba($white, .25);\n$navbar-dark-toggler-icon-bg: str-replace(url(\"data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='#{$navbar-dark-color}' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e\"), \"#\", \"%23\");\n$navbar-dark-toggler-border-color: rgba($white, .1);\n\n$navbar-light-color: rgba($black, .5);\n$navbar-light-hover-color: rgba($black, .7);\n$navbar-light-active-color: rgba($black, .9);\n$navbar-light-disabled-color: rgba($black, .3);\n$navbar-light-toggler-icon-bg: str-replace(url(\"data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='#{$navbar-light-color}' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e\"), \"#\", \"%23\");\n$navbar-light-toggler-border-color: rgba($black, .1);\n\n$navbar-light-brand-color: $navbar-light-active-color;\n$navbar-light-brand-hover-color: $navbar-light-active-color;\n$navbar-dark-brand-color: $navbar-dark-active-color;\n$navbar-dark-brand-hover-color: $navbar-dark-active-color;\n",".navbar {\n position: relative;\n display: flex;\n flex-wrap: wrap;\n align-items: center;\n justify-content: space-between;\n padding: 8px 16px;\n}\n\n.navbar > .container,\n.navbar > .container-fluid {\n display: flex;\n flex-wrap: wrap;\n align-items: center;\n justify-content: space-between;\n}\n\n.navbar-brand {\n display: inline-block;\n padding-top: calc(calc(calc(0.875rem * 1.4285) + 8px * 2) - calc(1.25rem * 1.4285))/2;\n padding-bottom: calc(calc(calc(0.875rem * 1.4285) + 8px * 2) - calc(1.25rem * 1.4285))/2;\n margin-right: 16px;\n font-size: 1.25rem;\n line-height: inherit;\n white-space: nowrap;\n}\n\n.navbar-brand:hover, .navbar-brand:focus {\n text-decoration: none;\n}\n\n.navbar-nav {\n display: flex;\n flex-direction: column;\n padding-left: 0;\n margin-bottom: 0;\n list-style: none;\n}\n\n.navbar-nav .nav-link {\n padding-right: 0;\n padding-left: 0;\n}\n\n.navbar-nav .dropdown-menu {\n position: static;\n float: none;\n}\n\n.navbar-text {\n display: inline-block;\n padding-top: 8px;\n padding-bottom: 8px;\n}\n\n.navbar-collapse {\n flex-basis: 100%;\n flex-grow: 1;\n align-items: center;\n}\n\n.navbar-toggler {\n padding: 0.25rem 0.75rem;\n font-size: 1.25rem;\n line-height: 1;\n background-color: transparent;\n border: 1px solid transparent;\n border-radius: 4px;\n}\n\n.navbar-toggler:hover, .navbar-toggler:focus {\n text-decoration: none;\n}\n\n.navbar-toggler-icon {\n display: inline-block;\n width: 1.5em;\n height: 1.5em;\n vertical-align: middle;\n content: \"\";\n background: no-repeat center center;\n background-size: 100% 100%;\n}\n\n@media (max-width: 575.98px) {\n .navbar-expand-sm > .container,\n .navbar-expand-sm > .container-fluid {\n padding-right: 0;\n padding-left: 0;\n }\n}\n\n@media (min-width: 576px) {\n .navbar-expand-sm {\n flex-flow: row nowrap;\n justify-content: flex-start;\n }\n .navbar-expand-sm .navbar-nav {\n flex-direction: row;\n }\n .navbar-expand-sm .navbar-nav .dropdown-menu {\n position: absolute;\n }\n .navbar-expand-sm .navbar-nav .nav-link {\n padding-right: 8px;\n padding-left: 8px;\n }\n .navbar-expand-sm > .container,\n .navbar-expand-sm > .container-fluid {\n flex-wrap: nowrap;\n }\n .navbar-expand-sm .navbar-collapse {\n display: flex !important;\n flex-basis: auto;\n }\n .navbar-expand-sm .navbar-toggler {\n display: none;\n }\n}\n\n@media (max-width: 767.98px) {\n .navbar-expand-md > .container,\n .navbar-expand-md > .container-fluid {\n padding-right: 0;\n padding-left: 0;\n }\n}\n\n@media (min-width: 768px) {\n .navbar-expand-md {\n flex-flow: row nowrap;\n justify-content: flex-start;\n }\n .navbar-expand-md .navbar-nav {\n flex-direction: row;\n }\n .navbar-expand-md .navbar-nav .dropdown-menu {\n position: absolute;\n }\n .navbar-expand-md .navbar-nav .nav-link {\n padding-right: 8px;\n padding-left: 8px;\n }\n .navbar-expand-md > .container,\n .navbar-expand-md > .container-fluid {\n flex-wrap: nowrap;\n }\n .navbar-expand-md .navbar-collapse {\n display: flex !important;\n flex-basis: auto;\n }\n .navbar-expand-md .navbar-toggler {\n display: none;\n }\n}\n\n@media (max-width: 991.98px) {\n .navbar-expand-lg > .container,\n .navbar-expand-lg > .container-fluid {\n padding-right: 0;\n padding-left: 0;\n }\n}\n\n@media (min-width: 992px) {\n .navbar-expand-lg {\n flex-flow: row nowrap;\n justify-content: flex-start;\n }\n .navbar-expand-lg .navbar-nav {\n flex-direction: row;\n }\n .navbar-expand-lg .navbar-nav .dropdown-menu {\n position: absolute;\n }\n .navbar-expand-lg .navbar-nav .nav-link {\n padding-right: 8px;\n padding-left: 8px;\n }\n .navbar-expand-lg > .container,\n .navbar-expand-lg > .container-fluid {\n flex-wrap: nowrap;\n }\n .navbar-expand-lg .navbar-collapse {\n display: flex !important;\n flex-basis: auto;\n }\n .navbar-expand-lg .navbar-toggler {\n display: none;\n }\n}\n\n@media (max-width: 1271.98px) {\n .navbar-expand-xl > .container,\n .navbar-expand-xl > .container-fluid {\n padding-right: 0;\n padding-left: 0;\n }\n}\n\n@media (min-width: 1272px) {\n .navbar-expand-xl {\n flex-flow: row nowrap;\n justify-content: flex-start;\n }\n .navbar-expand-xl .navbar-nav {\n flex-direction: row;\n }\n .navbar-expand-xl .navbar-nav .dropdown-menu {\n position: absolute;\n }\n .navbar-expand-xl .navbar-nav .nav-link {\n padding-right: 8px;\n padding-left: 8px;\n }\n .navbar-expand-xl > .container,\n .navbar-expand-xl > .container-fluid {\n flex-wrap: nowrap;\n }\n .navbar-expand-xl .navbar-collapse {\n display: flex !important;\n flex-basis: auto;\n }\n .navbar-expand-xl .navbar-toggler {\n display: none;\n }\n}\n\n.navbar-expand {\n flex-flow: row nowrap;\n justify-content: flex-start;\n}\n\n.navbar-expand > .container,\n.navbar-expand > .container-fluid {\n padding-right: 0;\n padding-left: 0;\n}\n\n.navbar-expand .navbar-nav {\n flex-direction: row;\n}\n\n.navbar-expand .navbar-nav .dropdown-menu {\n position: absolute;\n}\n\n.navbar-expand .navbar-nav .nav-link {\n padding-right: 8px;\n padding-left: 8px;\n}\n\n.navbar-expand > .container,\n.navbar-expand > .container-fluid {\n flex-wrap: nowrap;\n}\n\n.navbar-expand .navbar-collapse {\n display: flex !important;\n flex-basis: auto;\n}\n\n.navbar-expand .navbar-toggler {\n display: none;\n}\n\n.navbar-light .navbar-brand {\n color: rgba(0, 0, 0, 0.9);\n}\n\n.navbar-light .navbar-brand:hover, .navbar-light .navbar-brand:focus {\n color: rgba(0, 0, 0, 0.9);\n}\n\n.navbar-light .navbar-nav .nav-link {\n color: rgba(0, 0, 0, 0.5);\n}\n\n.navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus {\n color: rgba(0, 0, 0, 0.7);\n}\n\n.navbar-light .navbar-nav .nav-link.disabled {\n color: rgba(0, 0, 0, 0.3);\n}\n\n.navbar-light .navbar-nav .show > .nav-link,\n.navbar-light .navbar-nav .active > .nav-link,\n.navbar-light .navbar-nav .nav-link.show,\n.navbar-light .navbar-nav .nav-link.active {\n color: rgba(0, 0, 0, 0.9);\n}\n\n.navbar-light .navbar-toggler {\n color: rgba(0, 0, 0, 0.5);\n border-color: rgba(0, 0, 0, 0.1);\n}\n\n.navbar-light .navbar-toggler-icon {\n background-image: url(\"data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgba(0, 0, 0, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e\");\n}\n\n.navbar-light .navbar-text {\n color: rgba(0, 0, 0, 0.5);\n}\n\n.navbar-light .navbar-text a {\n color: rgba(0, 0, 0, 0.9);\n}\n\n.navbar-light .navbar-text a:hover, .navbar-light .navbar-text a:focus {\n color: rgba(0, 0, 0, 0.9);\n}\n\n.navbar-dark .navbar-brand {\n color: #fff;\n}\n\n.navbar-dark .navbar-brand:hover, .navbar-dark .navbar-brand:focus {\n color: #fff;\n}\n\n.navbar-dark .navbar-nav .nav-link {\n color: rgba(255, 255, 255, 0.5);\n}\n\n.navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus {\n color: rgba(255, 255, 255, 0.75);\n}\n\n.navbar-dark .navbar-nav .nav-link.disabled {\n color: rgba(255, 255, 255, 0.25);\n}\n\n.navbar-dark .navbar-nav .show > .nav-link,\n.navbar-dark .navbar-nav .active > .nav-link,\n.navbar-dark .navbar-nav .nav-link.show,\n.navbar-dark .navbar-nav .nav-link.active {\n color: #fff;\n}\n\n.navbar-dark .navbar-toggler {\n color: rgba(255, 255, 255, 0.5);\n border-color: rgba(255, 255, 255, 0.1);\n}\n\n.navbar-dark .navbar-toggler-icon {\n background-image: url(\"data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgba(255, 255, 255, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e\");\n}\n\n.navbar-dark .navbar-text {\n color: rgba(255, 255, 255, 0.5);\n}\n\n.navbar-dark .navbar-text a {\n color: #fff;\n}\n\n.navbar-dark .navbar-text a:hover, .navbar-dark .navbar-text a:focus {\n color: #fff;\n}\n\n/*# sourceMappingURL=mekari-ui-navbar.css.map */","// stylelint-disable property-blacklist, scss/dollar-variable-default\n\n// SCSS RFS mixin\n//\n// Automated font-resizing\n//\n// See https://github.com/twbs/rfs\n\n// Configuration\n\n// Base font size\n$rfs-base-font-size: 1.25rem !default;\n$rfs-font-size-unit: rem !default;\n\n// Breakpoint at where font-size starts decreasing if screen width is smaller\n$rfs-breakpoint: 1200px !default;\n$rfs-breakpoint-unit: px !default;\n\n// Resize font-size based on screen height and width\n$rfs-two-dimensional: false !default;\n\n// Factor of decrease\n$rfs-factor: 10 !default;\n\n@if type-of($rfs-factor) != \"number\" or $rfs-factor <= 1 {\n @error \"`#{$rfs-factor}` is not a valid $rfs-factor, it must be greater than 1.\";\n}\n\n// Generate enable or disable classes. Possibilities: false, \"enable\" or \"disable\"\n$rfs-class: false !default;\n\n// 1 rem = $rfs-rem-value px\n$rfs-rem-value: 16 !default;\n\n// Safari iframe resize bug: https://github.com/twbs/rfs/issues/14\n$rfs-safari-iframe-resize-bug-fix: false !default;\n\n// Disable RFS by setting $enable-responsive-font-sizes to false\n$enable-responsive-font-sizes: true !default;\n\n// Cache $rfs-base-font-size unit\n$rfs-base-font-size-unit: unit($rfs-base-font-size);\n\n// Remove px-unit from $rfs-base-font-size for calculations\n@if $rfs-base-font-size-unit == \"px\" {\n $rfs-base-font-size: $rfs-base-font-size / ($rfs-base-font-size * 0 + 1);\n}\n@else if $rfs-base-font-size-unit == \"rem\" {\n $rfs-base-font-size: $rfs-base-font-size / ($rfs-base-font-size * 0 + 1 / $rfs-rem-value);\n}\n\n// Cache $rfs-breakpoint unit to prevent multiple calls\n$rfs-breakpoint-unit-cache: unit($rfs-breakpoint);\n\n// Remove unit from $rfs-breakpoint for calculations\n@if $rfs-breakpoint-unit-cache == \"px\" {\n $rfs-breakpoint: $rfs-breakpoint / ($rfs-breakpoint * 0 + 1);\n}\n@else if $rfs-breakpoint-unit-cache == \"rem\" or $rfs-breakpoint-unit-cache == \"em\" {\n $rfs-breakpoint: $rfs-breakpoint / ($rfs-breakpoint * 0 + 1 / $rfs-rem-value);\n}\n\n// Responsive font-size mixin\n@mixin rfs($fs, $important: false) {\n // Cache $fs unit\n $fs-unit: if(type-of($fs) == \"number\", unit($fs), false);\n\n // Add !important suffix if needed\n $rfs-suffix: if($important, \" !important\", \"\");\n\n // If $fs isn't a number (like inherit) or $fs has a unit (not px or rem, like 1.5em) or $ is 0, just print the value\n @if not $fs-unit or $fs-unit != \"\" and $fs-unit != \"px\" and $fs-unit != \"rem\" or $fs == 0 {\n font-size: #{$fs}#{$rfs-suffix};\n }\n @else {\n // Variables for storing static and fluid rescaling\n $rfs-static: null;\n $rfs-fluid: null;\n\n // Remove px-unit from $fs for calculations\n @if $fs-unit == \"px\" {\n $fs: $fs / ($fs * 0 + 1);\n }\n @else if $fs-unit == \"rem\" {\n $fs: $fs / ($fs * 0 + 1 / $rfs-rem-value);\n }\n\n // Set default font-size\n @if $rfs-font-size-unit == rem {\n $rfs-static: #{$fs / $rfs-rem-value}rem#{$rfs-suffix};\n }\n @else if $rfs-font-size-unit == px {\n $rfs-static: #{$fs}px#{$rfs-suffix};\n }\n @else {\n @error \"`#{$rfs-font-size-unit}` is not a valid unit for $rfs-font-size-unit. Use `px` or `rem`.\";\n }\n\n // Only add media query if font-size is bigger as the minimum font-size\n // If $rfs-factor == 1, no rescaling will take place\n @if $fs > $rfs-base-font-size and $enable-responsive-font-sizes {\n $min-width: null;\n $variable-unit: null;\n\n // Calculate minimum font-size for given font-size\n $fs-min: $rfs-base-font-size + ($fs - $rfs-base-font-size) / $rfs-factor;\n\n // Calculate difference between given font-size and minimum font-size for given font-size\n $fs-diff: $fs - $fs-min;\n\n // Base font-size formatting\n // No need to check if the unit is valid, because we did that before\n $min-width: if($rfs-font-size-unit == rem, #{$fs-min / $rfs-rem-value}rem, #{$fs-min}px);\n\n // If two-dimensional, use smallest of screen width and height\n $variable-unit: if($rfs-two-dimensional, vmin, vw);\n\n // Calculate the variable width between 0 and $rfs-breakpoint\n $variable-width: #{$fs-diff * 100 / $rfs-breakpoint}#{$variable-unit};\n\n // Set the calculated font-size.\n $rfs-fluid: calc(#{$min-width} + #{$variable-width}) #{$rfs-suffix};\n }\n\n // Rendering\n @if $rfs-fluid == null {\n // Only render static font-size if no fluid font-size is available\n font-size: $rfs-static;\n }\n @else {\n $mq-value: null;\n\n // RFS breakpoint formatting\n @if $rfs-breakpoint-unit == em or $rfs-breakpoint-unit == rem {\n $mq-value: #{$rfs-breakpoint / $rfs-rem-value}#{$rfs-breakpoint-unit};\n }\n @else if $rfs-breakpoint-unit == px {\n $mq-value: #{$rfs-breakpoint}px;\n }\n @else {\n @error \"`#{$rfs-breakpoint-unit}` is not a valid unit for $rfs-breakpoint-unit. Use `px`, `em` or `rem`.\";\n }\n\n @if $rfs-class == \"disable\" {\n // Adding an extra class increases specificity,\n // which prevents the media query to override the font size\n &,\n .disable-responsive-font-size &,\n &.disable-responsive-font-size {\n font-size: $rfs-static;\n }\n }\n @else {\n font-size: $rfs-static;\n }\n\n @if $rfs-two-dimensional {\n @media (max-width: #{$mq-value}), (max-height: #{$mq-value}) {\n @if $rfs-class == \"enable\" {\n .enable-responsive-font-size &,\n &.enable-responsive-font-size {\n font-size: $rfs-fluid;\n }\n }\n @else {\n font-size: $rfs-fluid;\n }\n\n @if $rfs-safari-iframe-resize-bug-fix {\n // stylelint-disable-next-line length-zero-no-unit\n min-width: 0vw;\n }\n }\n }\n @else {\n @media (max-width: #{$mq-value}) {\n @if $rfs-class == \"enable\" {\n .enable-responsive-font-size &,\n &.enable-responsive-font-size {\n font-size: $rfs-fluid;\n }\n }\n @else {\n font-size: $rfs-fluid;\n }\n\n @if $rfs-safari-iframe-resize-bug-fix {\n // stylelint-disable-next-line length-zero-no-unit\n min-width: 0vw;\n }\n }\n }\n }\n }\n}\n\n// The font-size & responsive-font-size mixin uses RFS to rescale font sizes\n@mixin font-size($fs, $important: false) {\n @include rfs($fs, $important);\n}\n\n@mixin responsive-font-size($fs, $important: false) {\n @include rfs($fs, $important);\n}\n","// Hover mixin and `$enable-hover-media-query` are deprecated.\n//\n// Originally added during our alphas and maintained during betas, this mixin was\n// designed to prevent `:hover` stickiness on iOS-an issue where hover styles\n// would persist after initial touch.\n//\n// For backward compatibility, we've kept these mixins and updated them to\n// always return their regular pseudo-classes instead of a shimmed media query.\n//\n// Issue: https://github.com/twbs/bootstrap/issues/25195\n\n@mixin hover {\n &:hover { @content; }\n}\n\n@mixin hover-focus {\n &:hover,\n &:focus {\n @content;\n }\n}\n\n@mixin plain-hover-focus {\n &,\n &:hover,\n &:focus {\n @content;\n }\n}\n\n@mixin hover-focus-active {\n &:hover,\n &:focus,\n &:active {\n @content;\n }\n}\n","// Tabs\n$nav-tabs-border-color: $smoke;\n$nav-tabs-border-width: 1px;\n$nav-tabs-border-radius: 0;\n$nav-tabs-link-hover-border-color: transparent;\n$nav-tabs-link-active-color: $dark;\n$nav-tabs-link-active-bg: transparent;\n$nav-tabs-link-active-border-color: transparent;\n\n$nav-link-padding-y: 8px;\n$nav-link-padding-x: 16px;\n$nav-link-height: calc($font-size-base * $line-height-base) + $nav-link-padding-y * 2;\n$navbar-brand-height: $font-size-lg * $line-height-base;\n$navbar-brand-padding-y: calc($nav-link-height - $navbar-brand-height) / 2;\n$nav-link-disabled-color: $text-muted;\n$nav-pills-border-radius: 4px;\n\n$nav-pills-link-active-color: $white;\n$nav-pills-link-active-bg: $primary;\n","// 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","// 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","// Breakpoint viewport sizes and media queries.\n//\n// Breakpoints are defined as a map of (name: minimum width), order from small to large:\n//\n// (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px)\n//\n// The map defined in the `$grid-breakpoints` global variable is used as the `$breakpoints` argument by default.\n\n// Name of the next breakpoint, or null for the last breakpoint.\n//\n// >> breakpoint-next(sm)\n// md\n// >> breakpoint-next(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n// md\n// >> breakpoint-next(sm, $breakpoint-names: (xs sm md lg xl))\n// md\n@function breakpoint-next($name, $breakpoints: $grid-breakpoints, $breakpoint-names: map-keys($breakpoints)) {\n $n: index($breakpoint-names, $name);\n @return if($n != null and $n < length($breakpoint-names), nth($breakpoint-names, $n + 1), null);\n}\n\n// Minimum breakpoint width. Null for the smallest (first) breakpoint.\n//\n// >> breakpoint-min(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n// 576px\n@function breakpoint-min($name, $breakpoints: $grid-breakpoints) {\n $min: map-get($breakpoints, $name);\n @return if($min != 0, $min, null);\n}\n\n// Maximum breakpoint width. Null for the largest (last) breakpoint.\n// The maximum value is calculated as the minimum of the next one less 0.02px\n// to work around the limitations of `min-` and `max-` prefixes and viewports with fractional widths.\n// See https://www.w3.org/TR/mediaqueries-4/#mq-min-max\n// Uses 0.02px rather than 0.01px to work around a current rounding bug in Safari.\n// See https://bugs.webkit.org/show_bug.cgi?id=178261\n//\n// >> breakpoint-max(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n// 767.98px\n@function breakpoint-max($name, $breakpoints: $grid-breakpoints) {\n $next: breakpoint-next($name, $breakpoints);\n @return if($next, breakpoint-min($next, $breakpoints) - .02, null);\n}\n\n// Returns a blank string if smallest breakpoint, otherwise returns the name with a dash in front.\n// Useful for making responsive utilities.\n//\n// >> breakpoint-infix(xs, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n// \"\" (Returns a blank string)\n// >> breakpoint-infix(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n// \"-sm\"\n@function breakpoint-infix($name, $breakpoints: $grid-breakpoints) {\n @return if(breakpoint-min($name, $breakpoints) == null, \"\", \"-#{$name}\");\n}\n\n// Media of at least the minimum breakpoint width. No query for the smallest breakpoint.\n// Makes the @content apply to the given breakpoint and wider.\n@mixin media-breakpoint-up($name, $breakpoints: $grid-breakpoints) {\n $min: breakpoint-min($name, $breakpoints);\n @if $min {\n @media (min-width: $min) {\n @content;\n }\n } @else {\n @content;\n }\n}\n\n// Media of at most the maximum breakpoint width. No query for the largest breakpoint.\n// Makes the @content apply to the given breakpoint and narrower.\n@mixin media-breakpoint-down($name, $breakpoints: $grid-breakpoints) {\n $max: breakpoint-max($name, $breakpoints);\n @if $max {\n @media (max-width: $max) {\n @content;\n }\n } @else {\n @content;\n }\n}\n\n// Media that spans multiple breakpoint widths.\n// Makes the @content apply between the min and max breakpoints\n@mixin media-breakpoint-between($lower, $upper, $breakpoints: $grid-breakpoints) {\n $min: breakpoint-min($lower, $breakpoints);\n $max: breakpoint-max($upper, $breakpoints);\n\n @if $min != null and $max != null {\n @media (min-width: $min) and (max-width: $max) {\n @content;\n }\n } @else if $max == null {\n @include media-breakpoint-up($lower, $breakpoints) {\n @content;\n }\n } @else if $min == null {\n @include media-breakpoint-down($upper, $breakpoints) {\n @content;\n }\n }\n}\n\n// Media between the breakpoint's minimum and maximum widths.\n// No minimum for the smallest breakpoint, and no maximum for the largest one.\n// Makes the @content apply only to the given breakpoint, not viewports any wider or narrower.\n@mixin media-breakpoint-only($name, $breakpoints: $grid-breakpoints) {\n $min: breakpoint-min($name, $breakpoints);\n $max: breakpoint-max($name, $breakpoints);\n\n @if $min != null and $max != null {\n @media (min-width: $min) and (max-width: $max) {\n @content;\n }\n } @else if $max == null {\n @include media-breakpoint-up($name, $breakpoints) {\n @content;\n }\n } @else if $min == null {\n @include media-breakpoint-down($name, $breakpoints) {\n @content;\n }\n }\n}\n","// 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/vendors/_navbar.scss","../../../scss/vendor-extensions/_navbar.scss","mekari-ui-navbar.css","../../../scss/vendors/_rfs.scss","../../../scss/vendors/mixins/_hover.scss","../../../scss/vendor-extensions/_navs.scss","../../../scss/vendors/mixins/_border-radius.scss","../../../scss/vendor-extensions/_button.scss","../../../scss/vendors/mixins/_breakpoints.scss","../../../scss/vendor-extensions/_color.scss"],"names":[],"mappings":"AAiBA;EACE,kBAAkB;EAClB,aAAa;EACb,eAAe;EACf,mBAAmB;EACnB,8BAA8B;EAC9B,iBCtBsC;ACMxC;;AFUA;;EAYI,aAAa;EACb,eAAe;EACf,mBAAmB;EACnB,8BAA8B;AEjBlC;;AF0BA;EACE,qBAAqB;EACrB,qFClC2F;EDmC3F,wFCnC2F;EDoC3F,kBC5CsC;EE8HlC,kBAtCY;EH1ChB,oBAAoB;EACpB,mBAAmB;AEvBrB;;AETE;EJmCE,qBAAqB;AEtBzB;;AF+BA;EACE,aAAa;EACb,sBAAsB;EACtB,eAAe;EACf,gBAAgB;EAChB,gBAAgB;AE5BlB;;AFuBA;EAQI,gBAAgB;EAChB,eAAe;AE3BnB;;AFkBA;EAaI,gBAAgB;EAChB,WAAW;AE3Bf;;AFoCA;EACE,qBAAqB;EACrB,gBK5EsB;EL6EtB,mBK7EsB;AH4CxB;;AF6CA;EACE,gBAAgB;EAChB,YAAY;EAGZ,mBAAmB;AE5CrB;;AFgDA;EACE,wBChGwC;EEmHpC,kBAtCY;EHqBhB,cAAc;EACd,6BAA6B;EAC7B,6BAAuC;EM3GrC,kBCiBmB;AL8CvB;;AEpDE;EJoGE,qBAAqB;AE5CzB;;AFkDA;EACE,qBAAqB;EACrB,YAAY;EACZ,aAAa;EACb,sBAAsB;EACtB,WAAW;EACX,mCAAmC;EACnC,0BAA0B;AE/C5B;;AMTI;ERkEC;;IAIK,gBAAgB;IAChB,eAAe;EEvDvB;AACF;;AM9BI;ER+EA;IAUI,qBAAqB;IACrB,2BAA2B;EEtDjC;EF2CG;IAcK,mBAAmB;EEtD3B;EFwCG;IAiBO,kBAAkB;EEtD5B;EFqCG;IAqBO,kBC7J2B;ID8J3B,iBC9J2B;ECuGrC;EFiCG;;IA6BK,iBAAiB;EE1DzB;EF6BG;IAiCK,wBAAwB;IAGxB,gBAAgB;EE7DxB;EFyBG;IAwCK,aAAa;EE9DrB;AACF;;AM7CI;ERkEC;;IAIK,gBAAgB;IAChB,eAAe;EEnBvB;AACF;;AMlEI;ER+EA;IAUI,qBAAqB;IACrB,2BAA2B;EElBjC;EFOG;IAcK,mBAAmB;EElB3B;EFIG;IAiBO,kBAAkB;EElB5B;EFCG;IAqBO,kBC7J2B;ID8J3B,iBC9J2B;EC2IrC;EFHG;;IA6BK,iBAAiB;EEtBzB;EFPG;IAiCK,wBAAwB;IAGxB,gBAAgB;EEzBxB;EFXG;IAwCK,aAAa;EE1BrB;AACF;;AMjFI;ERkEC;;IAIK,gBAAgB;IAChB,eAAe;EEiBvB;AACF;;AMtGI;ER+EA;IAUI,qBAAqB;IACrB,2BAA2B;EEkBjC;EF7BG;IAcK,mBAAmB;EEkB3B;EFhCG;IAiBO,kBAAkB;EEkB5B;EFnCG;IAqBO,kBC7J2B;ID8J3B,iBC9J2B;EC+KrC;EFvCG;;IA6BK,iBAAiB;EEczB;EF3CG;IAiCK,wBAAwB;IAGxB,gBAAgB;EEWxB;EF/CG;IAwCK,aAAa;EEUrB;AACF;;AMrHI;ERkEC;;IAIK,gBAAgB;IAChB,eAAe;EEqDvB;AACF;;AM1II;ER+EA;IAUI,qBAAqB;IACrB,2BAA2B;EEsDjC;EFjEG;IAcK,mBAAmB;EEsD3B;EFpEG;IAiBO,kBAAkB;EEsD5B;EFvEG;IAqBO,kBC7J2B;ID8J3B,iBC9J2B;ECmNrC;EF3EG;;IA6BK,iBAAiB;EEkDzB;EF/EG;IAiCK,wBAAwB;IAGxB,gBAAgB;EE+CxB;EFnFG;IAwCK,aAAa;EE8CrB;AACF;;AF5FA;EAeQ,qBAAqB;EACrB,2BAA2B;AEiFnC;;AFjGA;;EASU,gBAAgB;EAChB,eAAe;AE6FzB;;AFvGA;EAmBU,mBAAmB;AEwF7B;;AF3GA;EAsBY,kBAAkB;AEyF9B;;AF/GA;EA0BY,kBC7J2B;ED8J3B,iBC9J2B;ACuPvC;;AFpHA;;EAkCU,iBAAiB;AEuF3B;;AFzHA;EAsCU,wBAAwB;EAGxB,gBAAgB;AEqF1B;;AF9HA;EA6CU,aAAa;AEqFvB;;AFxEA;EAEI,yBS1KW;APoPf;;AE5PE;EJqLI,yBS7KS;APwPf;;AFhFA;EAWM,yBSnLS;AP4Pf;;AEpQE;EJ8LM,yBStLO;APgQf;;AFxFA;EAkBQ,yBS1LO;APoQf;;AF5FA;;;;EA0BM,yBSlMS;AP2Qf;;AFnGA;EA+BI,yBSvMW;ETwMX,gCSxMW;APgRf;;AFxGA;EAoCI,4OCzM0P;ACiR9P;;AF5GA;EAwCI,yBShNW;APwRf;;AFhHA;EA0CM,yBSlNS;AP4Rf;;AEpSE;EJ6NM,yBSrNO;APgSf;;AFpEA;EAEI,WShPQ;APsTZ;;AE5SE;EJyOI,WSnPM;AP0TZ;;AF5EA;EAWM,+BSzPM;AP8TZ;;AEpTE;EJkPM,gCS5PI;APkUZ;;AFpFA;EAkBQ,gCShQI;APsUZ;;AFxFA;;;;EA0BM,WSxQM;AP6UZ;;AF/FA;EA+BI,+BS7QQ;ET8QR,sCS9QQ;APkVZ;;AFpGA;EAoCI,4OCpQ0P;ACwU9P;;AFxGA;EAwCI,+BStRQ;AP0VZ;;AF5GA;EA0CM,WSxRM;AP8VZ;;AEpVE;EJiRM,WS3RI;APkWZ","file":"mekari-ui-navbar.css","sourcesContent":["// Contents\n//\n// Navbar\n// Navbar brand\n// Navbar nav\n// Navbar text\n// Navbar divider\n// Responsive navbar\n// Navbar position\n// Navbar themes\n\n\n// Navbar\n//\n// Provide a static navbar from which we expand to create full-width, fixed, and\n// other navbar variations.\n\n.#{$prefix}navbar {\n position: relative;\n display: flex;\n flex-wrap: wrap; // allow us to do the line break for collapsing content\n align-items: center;\n justify-content: space-between; // space out brand from logo\n padding: $navbar-padding-y $navbar-padding-x;\n\n // Because flex properties aren't inherited, we need to redeclare these first\n // few properties so that content nested within behave properly.\n > .container,\n > .container-fluid {\n display: flex;\n flex-wrap: wrap;\n align-items: center;\n justify-content: space-between;\n }\n}\n\n\n// Navbar brand\n//\n// Used for brand, project, or site names.\n\n.#{$prefix}navbar-brand {\n display: inline-block;\n padding-top: $navbar-brand-padding-y;\n padding-bottom: $navbar-brand-padding-y;\n margin-right: $navbar-padding-x;\n @include font-size($navbar-brand-font-size);\n line-height: inherit;\n white-space: nowrap;\n\n @include hover-focus {\n text-decoration: none;\n }\n}\n\n\n// Navbar nav\n//\n// Custom navbar navigation (doesn't require `.#{$prefix}nav`, but does make use of `.#{$prefix}nav-link`).\n\n.#{$prefix}navbar-nav {\n display: flex;\n flex-direction: column; // cannot use `inherit` to get the `.#{$prefix}navbar`s value\n padding-left: 0;\n margin-bottom: 0;\n list-style: none;\n\n .#{$prefix}nav-link {\n padding-right: 0;\n padding-left: 0;\n }\n\n .#{$prefix}dropdown-menu {\n position: static;\n float: none;\n }\n}\n\n\n// Navbar text\n//\n//\n\n.#{$prefix}navbar-text {\n display: inline-block;\n padding-top: $nav-link-padding-y;\n padding-bottom: $nav-link-padding-y;\n}\n\n\n// Responsive navbar\n//\n// Custom styles for responsive collapsing and toggling of navbar contents.\n// Powered by the collapse Bootstrap JavaScript plugin.\n\n// When collapsed, prevent the toggleable navbar contents from appearing in\n// the default flexbox row orientation. Requires the use of `flex-wrap: wrap`\n// on the `.#{$prefix}navbar` parent.\n.#{$prefix}navbar-collapse {\n flex-basis: 100%;\n flex-grow: 1;\n // For always expanded or extra full navbars, ensure content aligns itself\n // properly vertically. Can be easily overridden with flex utilities.\n align-items: center;\n}\n\n// Button for toggling the navbar when in its collapsed state\n.#{$prefix}navbar-toggler {\n padding: $navbar-toggler-padding-y $navbar-toggler-padding-x;\n @include font-size($navbar-toggler-font-size);\n line-height: 1;\n background-color: transparent; // remove default button style\n border: $border-width solid transparent; // remove default button style\n @include border-radius($navbar-toggler-border-radius);\n\n @include hover-focus {\n text-decoration: none;\n }\n}\n\n// Keep as a separate element so folks can easily override it with another icon\n// or image file as needed.\n.#{$prefix}navbar-toggler-icon {\n display: inline-block;\n width: 1.5em;\n height: 1.5em;\n vertical-align: middle;\n content: \"\";\n background: no-repeat center center;\n background-size: 100% 100%;\n}\n\n// Generate series of `.#{$prefix}navbar-expand-*` responsive classes for configuring\n// where your navbar collapses.\n.#{$prefix}navbar-expand {\n @each $breakpoint in map-keys($grid-breakpoints) {\n $next: breakpoint-next($breakpoint, $grid-breakpoints);\n $infix: breakpoint-infix($next, $grid-breakpoints);\n\n &#{$infix} {\n @include media-breakpoint-down($breakpoint) {\n > .container,\n > .container-fluid {\n padding-right: 0;\n padding-left: 0;\n }\n }\n\n @include media-breakpoint-up($next) {\n flex-flow: row nowrap;\n justify-content: flex-start;\n\n .#{$prefix}navbar-nav {\n flex-direction: row;\n\n .#{$prefix}dropdown-menu {\n position: absolute;\n }\n\n .#{$prefix}nav-link {\n padding-right: $navbar-nav-link-padding-x;\n padding-left: $navbar-nav-link-padding-x;\n }\n }\n\n // For nesting containers, have to redeclare for alignment purposes\n > .container,\n > .container-fluid {\n flex-wrap: nowrap;\n }\n\n .#{$prefix}navbar-collapse {\n display: flex !important; // stylelint-disable-line declaration-no-important\n\n // Changes flex-bases to auto because of an IE10 bug\n flex-basis: auto;\n }\n\n .#{$prefix}navbar-toggler {\n display: none;\n }\n }\n }\n }\n}\n\n\n// Navbar themes\n//\n// Styles for switching between navbars with light or dark background.\n\n// Dark links against a light background\n.#{$prefix}navbar-light {\n .#{$prefix}navbar-brand {\n color: $navbar-light-brand-color;\n\n @include hover-focus {\n color: $navbar-light-brand-hover-color;\n }\n }\n\n .#{$prefix}navbar-nav {\n .#{$prefix}nav-link {\n color: $navbar-light-color;\n\n @include hover-focus {\n color: $navbar-light-hover-color;\n }\n\n &.disabled {\n color: $navbar-light-disabled-color;\n }\n }\n\n .#{$prefix}show > .#{$prefix}nav-link,\n .active > .#{$prefix}nav-link,\n .#{$prefix}nav-link.#{$prefix}show,\n .#{$prefix}nav-link.active {\n color: $navbar-light-active-color;\n }\n }\n\n .#{$prefix}navbar-toggler {\n color: $navbar-light-color;\n border-color: $navbar-light-toggler-border-color;\n }\n\n .#{$prefix}navbar-toggler-icon {\n background-image: $navbar-light-toggler-icon-bg;\n }\n\n .#{$prefix}navbar-text {\n color: $navbar-light-color;\n a {\n color: $navbar-light-active-color;\n\n @include hover-focus {\n color: $navbar-light-active-color;\n }\n }\n }\n}\n\n// White links against a dark background\n.#{$prefix}navbar-dark {\n .#{$prefix}navbar-brand {\n color: $navbar-dark-brand-color;\n\n @include hover-focus {\n color: $navbar-dark-brand-hover-color;\n }\n }\n\n .#{$prefix}navbar-nav {\n .#{$prefix}nav-link {\n color: $navbar-dark-color;\n\n @include hover-focus {\n color: $navbar-dark-hover-color;\n }\n\n &.disabled {\n color: $navbar-dark-disabled-color;\n }\n }\n\n .#{$prefix}show > .#{$prefix}nav-link,\n .active > .#{$prefix}nav-link,\n .#{$prefix}nav-link.#{$prefix}show,\n .#{$prefix}nav-link.active {\n color: $navbar-dark-active-color;\n }\n }\n\n .#{$prefix}navbar-toggler {\n color: $navbar-dark-color;\n border-color: $navbar-dark-toggler-border-color;\n }\n\n .#{$prefix}navbar-toggler-icon {\n background-image: $navbar-dark-toggler-icon-bg;\n }\n\n .#{$prefix}navbar-text {\n color: $navbar-dark-color;\n a {\n color: $navbar-dark-active-color;\n\n @include hover-focus {\n color: $navbar-dark-active-color;\n }\n }\n }\n}\n","$navbar-padding-y: 8px;\n$navbar-padding-x: 16px;\n\n$navbar-nav-link-padding-x: 8px;\n\n$navbar-brand-font-size: $font-size-lg;\n// Compute the navbar-brand padding-y so the navbar-brand will have the same height as navbar-text and nav-link\n$nav-link-height: calc(calc(#{$font-size-base} * #{$line-height-base}) + #{$nav-link-padding-y} * 2);\n$navbar-brand-height: calc(#{$navbar-brand-font-size} * #{$line-height-base});\n$navbar-brand-padding-y: (calc(#{$nav-link-height} - #{$navbar-brand-height})) / 2;\n\n$navbar-toggler-padding-y: .25rem;\n$navbar-toggler-padding-x: .75rem;\n$navbar-toggler-font-size: $font-size-lg;\n$navbar-toggler-border-radius: $btn-border-radius;\n\n$navbar-dark-color: rgba($white, .5);\n$navbar-dark-hover-color: rgba($white, .75);\n$navbar-dark-active-color: $white;\n$navbar-dark-disabled-color: rgba($white, .25);\n$navbar-dark-toggler-icon-bg: url(\"data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e\");\n$navbar-dark-toggler-border-color: rgba($white, .1);\n\n$navbar-light-color: rgba($black, .5);\n$navbar-light-hover-color: rgba($black, .7);\n$navbar-light-active-color: rgba($black, .9);\n$navbar-light-disabled-color: rgba($black, .3);\n$navbar-light-toggler-icon-bg: url(\"data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e\");\n$navbar-light-toggler-border-color: rgba($black, .1);\n\n$navbar-light-brand-color: $navbar-light-active-color;\n$navbar-light-brand-hover-color: $navbar-light-active-color;\n$navbar-dark-brand-color: $navbar-dark-active-color;\n$navbar-dark-brand-hover-color: $navbar-dark-active-color;\n",".navbar {\n position: relative;\n display: flex;\n flex-wrap: wrap;\n align-items: center;\n justify-content: space-between;\n padding: 8px 16px;\n}\n\n.navbar > .container,\n.navbar > .container-fluid {\n display: flex;\n flex-wrap: wrap;\n align-items: center;\n justify-content: space-between;\n}\n\n.navbar-brand {\n display: inline-block;\n padding-top: calc(calc(calc(0.875rem * 1.4285) + 8px * 2) - calc(1.25rem * 1.4285))/2;\n padding-bottom: calc(calc(calc(0.875rem * 1.4285) + 8px * 2) - calc(1.25rem * 1.4285))/2;\n margin-right: 16px;\n font-size: 1.25rem;\n line-height: inherit;\n white-space: nowrap;\n}\n\n.navbar-brand:hover, .navbar-brand:focus {\n text-decoration: none;\n}\n\n.navbar-nav {\n display: flex;\n flex-direction: column;\n padding-left: 0;\n margin-bottom: 0;\n list-style: none;\n}\n\n.navbar-nav .nav-link {\n padding-right: 0;\n padding-left: 0;\n}\n\n.navbar-nav .dropdown-menu {\n position: static;\n float: none;\n}\n\n.navbar-text {\n display: inline-block;\n padding-top: 8px;\n padding-bottom: 8px;\n}\n\n.navbar-collapse {\n flex-basis: 100%;\n flex-grow: 1;\n align-items: center;\n}\n\n.navbar-toggler {\n padding: 0.25rem 0.75rem;\n font-size: 1.25rem;\n line-height: 1;\n background-color: transparent;\n border: 1px solid transparent;\n border-radius: 4px;\n}\n\n.navbar-toggler:hover, .navbar-toggler:focus {\n text-decoration: none;\n}\n\n.navbar-toggler-icon {\n display: inline-block;\n width: 1.5em;\n height: 1.5em;\n vertical-align: middle;\n content: \"\";\n background: no-repeat center center;\n background-size: 100% 100%;\n}\n\n@media (max-width: 575.98px) {\n .navbar-expand-sm > .container,\n .navbar-expand-sm > .container-fluid {\n padding-right: 0;\n padding-left: 0;\n }\n}\n\n@media (min-width: 576px) {\n .navbar-expand-sm {\n flex-flow: row nowrap;\n justify-content: flex-start;\n }\n .navbar-expand-sm .navbar-nav {\n flex-direction: row;\n }\n .navbar-expand-sm .navbar-nav .dropdown-menu {\n position: absolute;\n }\n .navbar-expand-sm .navbar-nav .nav-link {\n padding-right: 8px;\n padding-left: 8px;\n }\n .navbar-expand-sm > .container,\n .navbar-expand-sm > .container-fluid {\n flex-wrap: nowrap;\n }\n .navbar-expand-sm .navbar-collapse {\n display: flex !important;\n flex-basis: auto;\n }\n .navbar-expand-sm .navbar-toggler {\n display: none;\n }\n}\n\n@media (max-width: 767.98px) {\n .navbar-expand-md > .container,\n .navbar-expand-md > .container-fluid {\n padding-right: 0;\n padding-left: 0;\n }\n}\n\n@media (min-width: 768px) {\n .navbar-expand-md {\n flex-flow: row nowrap;\n justify-content: flex-start;\n }\n .navbar-expand-md .navbar-nav {\n flex-direction: row;\n }\n .navbar-expand-md .navbar-nav .dropdown-menu {\n position: absolute;\n }\n .navbar-expand-md .navbar-nav .nav-link {\n padding-right: 8px;\n padding-left: 8px;\n }\n .navbar-expand-md > .container,\n .navbar-expand-md > .container-fluid {\n flex-wrap: nowrap;\n }\n .navbar-expand-md .navbar-collapse {\n display: flex !important;\n flex-basis: auto;\n }\n .navbar-expand-md .navbar-toggler {\n display: none;\n }\n}\n\n@media (max-width: 991.98px) {\n .navbar-expand-lg > .container,\n .navbar-expand-lg > .container-fluid {\n padding-right: 0;\n padding-left: 0;\n }\n}\n\n@media (min-width: 992px) {\n .navbar-expand-lg {\n flex-flow: row nowrap;\n justify-content: flex-start;\n }\n .navbar-expand-lg .navbar-nav {\n flex-direction: row;\n }\n .navbar-expand-lg .navbar-nav .dropdown-menu {\n position: absolute;\n }\n .navbar-expand-lg .navbar-nav .nav-link {\n padding-right: 8px;\n padding-left: 8px;\n }\n .navbar-expand-lg > .container,\n .navbar-expand-lg > .container-fluid {\n flex-wrap: nowrap;\n }\n .navbar-expand-lg .navbar-collapse {\n display: flex !important;\n flex-basis: auto;\n }\n .navbar-expand-lg .navbar-toggler {\n display: none;\n }\n}\n\n@media (max-width: 1271.98px) {\n .navbar-expand-xl > .container,\n .navbar-expand-xl > .container-fluid {\n padding-right: 0;\n padding-left: 0;\n }\n}\n\n@media (min-width: 1272px) {\n .navbar-expand-xl {\n flex-flow: row nowrap;\n justify-content: flex-start;\n }\n .navbar-expand-xl .navbar-nav {\n flex-direction: row;\n }\n .navbar-expand-xl .navbar-nav .dropdown-menu {\n position: absolute;\n }\n .navbar-expand-xl .navbar-nav .nav-link {\n padding-right: 8px;\n padding-left: 8px;\n }\n .navbar-expand-xl > .container,\n .navbar-expand-xl > .container-fluid {\n flex-wrap: nowrap;\n }\n .navbar-expand-xl .navbar-collapse {\n display: flex !important;\n flex-basis: auto;\n }\n .navbar-expand-xl .navbar-toggler {\n display: none;\n }\n}\n\n.navbar-expand {\n flex-flow: row nowrap;\n justify-content: flex-start;\n}\n\n.navbar-expand > .container,\n.navbar-expand > .container-fluid {\n padding-right: 0;\n padding-left: 0;\n}\n\n.navbar-expand .navbar-nav {\n flex-direction: row;\n}\n\n.navbar-expand .navbar-nav .dropdown-menu {\n position: absolute;\n}\n\n.navbar-expand .navbar-nav .nav-link {\n padding-right: 8px;\n padding-left: 8px;\n}\n\n.navbar-expand > .container,\n.navbar-expand > .container-fluid {\n flex-wrap: nowrap;\n}\n\n.navbar-expand .navbar-collapse {\n display: flex !important;\n flex-basis: auto;\n}\n\n.navbar-expand .navbar-toggler {\n display: none;\n}\n\n.navbar-light .navbar-brand {\n color: rgba(0, 0, 0, 0.9);\n}\n\n.navbar-light .navbar-brand:hover, .navbar-light .navbar-brand:focus {\n color: rgba(0, 0, 0, 0.9);\n}\n\n.navbar-light .navbar-nav .nav-link {\n color: rgba(0, 0, 0, 0.5);\n}\n\n.navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus {\n color: rgba(0, 0, 0, 0.7);\n}\n\n.navbar-light .navbar-nav .nav-link.disabled {\n color: rgba(0, 0, 0, 0.3);\n}\n\n.navbar-light .navbar-nav .show > .nav-link,\n.navbar-light .navbar-nav .active > .nav-link,\n.navbar-light .navbar-nav .nav-link.show,\n.navbar-light .navbar-nav .nav-link.active {\n color: rgba(0, 0, 0, 0.9);\n}\n\n.navbar-light .navbar-toggler {\n color: rgba(0, 0, 0, 0.5);\n border-color: rgba(0, 0, 0, 0.1);\n}\n\n.navbar-light .navbar-toggler-icon {\n background-image: url(\"data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e\");\n}\n\n.navbar-light .navbar-text {\n color: rgba(0, 0, 0, 0.5);\n}\n\n.navbar-light .navbar-text a {\n color: rgba(0, 0, 0, 0.9);\n}\n\n.navbar-light .navbar-text a:hover, .navbar-light .navbar-text a:focus {\n color: rgba(0, 0, 0, 0.9);\n}\n\n.navbar-dark .navbar-brand {\n color: #fff;\n}\n\n.navbar-dark .navbar-brand:hover, .navbar-dark .navbar-brand:focus {\n color: #fff;\n}\n\n.navbar-dark .navbar-nav .nav-link {\n color: rgba(255, 255, 255, 0.5);\n}\n\n.navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus {\n color: rgba(255, 255, 255, 0.75);\n}\n\n.navbar-dark .navbar-nav .nav-link.disabled {\n color: rgba(255, 255, 255, 0.25);\n}\n\n.navbar-dark .navbar-nav .show > .nav-link,\n.navbar-dark .navbar-nav .active > .nav-link,\n.navbar-dark .navbar-nav .nav-link.show,\n.navbar-dark .navbar-nav .nav-link.active {\n color: #fff;\n}\n\n.navbar-dark .navbar-toggler {\n color: rgba(255, 255, 255, 0.5);\n border-color: rgba(255, 255, 255, 0.1);\n}\n\n.navbar-dark .navbar-toggler-icon {\n background-image: url(\"data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e\");\n}\n\n.navbar-dark .navbar-text {\n color: rgba(255, 255, 255, 0.5);\n}\n\n.navbar-dark .navbar-text a {\n color: #fff;\n}\n\n.navbar-dark .navbar-text a:hover, .navbar-dark .navbar-text a:focus {\n color: #fff;\n}\n\n/*# sourceMappingURL=mekari-ui-navbar.css.map */","// stylelint-disable property-blacklist, scss/dollar-variable-default\n\n// SCSS RFS mixin\n//\n// Automated font-resizing\n//\n// See https://github.com/twbs/rfs\n\n// Configuration\n\n// Base font size\n$rfs-base-font-size: 1.25rem !default;\n$rfs-font-size-unit: rem !default;\n\n// Breakpoint at where font-size starts decreasing if screen width is smaller\n$rfs-breakpoint: 1200px !default;\n$rfs-breakpoint-unit: px !default;\n\n// Resize font-size based on screen height and width\n$rfs-two-dimensional: false !default;\n\n// Factor of decrease\n$rfs-factor: 10 !default;\n\n@if type-of($rfs-factor) != \"number\" or $rfs-factor <= 1 {\n @error \"`#{$rfs-factor}` is not a valid $rfs-factor, it must be greater than 1.\";\n}\n\n// Generate enable or disable classes. Possibilities: false, \"enable\" or \"disable\"\n$rfs-class: false !default;\n\n// 1 rem = $rfs-rem-value px\n$rfs-rem-value: 16 !default;\n\n// Safari iframe resize bug: https://github.com/twbs/rfs/issues/14\n$rfs-safari-iframe-resize-bug-fix: false !default;\n\n// Disable RFS by setting $enable-responsive-font-sizes to false\n$enable-responsive-font-sizes: true !default;\n\n// Cache $rfs-base-font-size unit\n$rfs-base-font-size-unit: unit($rfs-base-font-size);\n\n// Remove px-unit from $rfs-base-font-size for calculations\n@if $rfs-base-font-size-unit == \"px\" {\n $rfs-base-font-size: $rfs-base-font-size / ($rfs-base-font-size * 0 + 1);\n}\n@else if $rfs-base-font-size-unit == \"rem\" {\n $rfs-base-font-size: $rfs-base-font-size / ($rfs-base-font-size * 0 + 1 / $rfs-rem-value);\n}\n\n// Cache $rfs-breakpoint unit to prevent multiple calls\n$rfs-breakpoint-unit-cache: unit($rfs-breakpoint);\n\n// Remove unit from $rfs-breakpoint for calculations\n@if $rfs-breakpoint-unit-cache == \"px\" {\n $rfs-breakpoint: $rfs-breakpoint / ($rfs-breakpoint * 0 + 1);\n}\n@else if $rfs-breakpoint-unit-cache == \"rem\" or $rfs-breakpoint-unit-cache == \"em\" {\n $rfs-breakpoint: $rfs-breakpoint / ($rfs-breakpoint * 0 + 1 / $rfs-rem-value);\n}\n\n// Responsive font-size mixin\n@mixin rfs($fs, $important: false) {\n // Cache $fs unit\n $fs-unit: if(type-of($fs) == \"number\", unit($fs), false);\n\n // Add !important suffix if needed\n $rfs-suffix: if($important, \" !important\", \"\");\n\n // If $fs isn't a number (like inherit) or $fs has a unit (not px or rem, like 1.5em) or $ is 0, just print the value\n @if not $fs-unit or $fs-unit != \"\" and $fs-unit != \"px\" and $fs-unit != \"rem\" or $fs == 0 {\n font-size: #{$fs}#{$rfs-suffix};\n }\n @else {\n // Variables for storing static and fluid rescaling\n $rfs-static: null;\n $rfs-fluid: null;\n\n // Remove px-unit from $fs for calculations\n @if $fs-unit == \"px\" {\n $fs: $fs / ($fs * 0 + 1);\n }\n @else if $fs-unit == \"rem\" {\n $fs: $fs / ($fs * 0 + 1 / $rfs-rem-value);\n }\n\n // Set default font-size\n @if $rfs-font-size-unit == rem {\n $rfs-static: #{$fs / $rfs-rem-value}rem#{$rfs-suffix};\n }\n @else if $rfs-font-size-unit == px {\n $rfs-static: #{$fs}px#{$rfs-suffix};\n }\n @else {\n @error \"`#{$rfs-font-size-unit}` is not a valid unit for $rfs-font-size-unit. Use `px` or `rem`.\";\n }\n\n // Only add media query if font-size is bigger as the minimum font-size\n // If $rfs-factor == 1, no rescaling will take place\n @if $fs > $rfs-base-font-size and $enable-responsive-font-sizes {\n $min-width: null;\n $variable-unit: null;\n\n // Calculate minimum font-size for given font-size\n $fs-min: $rfs-base-font-size + ($fs - $rfs-base-font-size) / $rfs-factor;\n\n // Calculate difference between given font-size and minimum font-size for given font-size\n $fs-diff: $fs - $fs-min;\n\n // Base font-size formatting\n // No need to check if the unit is valid, because we did that before\n $min-width: if($rfs-font-size-unit == rem, #{$fs-min / $rfs-rem-value}rem, #{$fs-min}px);\n\n // If two-dimensional, use smallest of screen width and height\n $variable-unit: if($rfs-two-dimensional, vmin, vw);\n\n // Calculate the variable width between 0 and $rfs-breakpoint\n $variable-width: #{$fs-diff * 100 / $rfs-breakpoint}#{$variable-unit};\n\n // Set the calculated font-size.\n $rfs-fluid: calc(#{$min-width} + #{$variable-width}) #{$rfs-suffix};\n }\n\n // Rendering\n @if $rfs-fluid == null {\n // Only render static font-size if no fluid font-size is available\n font-size: $rfs-static;\n }\n @else {\n $mq-value: null;\n\n // RFS breakpoint formatting\n @if $rfs-breakpoint-unit == em or $rfs-breakpoint-unit == rem {\n $mq-value: #{$rfs-breakpoint / $rfs-rem-value}#{$rfs-breakpoint-unit};\n }\n @else if $rfs-breakpoint-unit == px {\n $mq-value: #{$rfs-breakpoint}px;\n }\n @else {\n @error \"`#{$rfs-breakpoint-unit}` is not a valid unit for $rfs-breakpoint-unit. Use `px`, `em` or `rem`.\";\n }\n\n @if $rfs-class == \"disable\" {\n // Adding an extra class increases specificity,\n // which prevents the media query to override the font size\n &,\n .disable-responsive-font-size &,\n &.disable-responsive-font-size {\n font-size: $rfs-static;\n }\n }\n @else {\n font-size: $rfs-static;\n }\n\n @if $rfs-two-dimensional {\n @media (max-width: #{$mq-value}), (max-height: #{$mq-value}) {\n @if $rfs-class == \"enable\" {\n .enable-responsive-font-size &,\n &.enable-responsive-font-size {\n font-size: $rfs-fluid;\n }\n }\n @else {\n font-size: $rfs-fluid;\n }\n\n @if $rfs-safari-iframe-resize-bug-fix {\n // stylelint-disable-next-line length-zero-no-unit\n min-width: 0vw;\n }\n }\n }\n @else {\n @media (max-width: #{$mq-value}) {\n @if $rfs-class == \"enable\" {\n .enable-responsive-font-size &,\n &.enable-responsive-font-size {\n font-size: $rfs-fluid;\n }\n }\n @else {\n font-size: $rfs-fluid;\n }\n\n @if $rfs-safari-iframe-resize-bug-fix {\n // stylelint-disable-next-line length-zero-no-unit\n min-width: 0vw;\n }\n }\n }\n }\n }\n}\n\n// The font-size & responsive-font-size mixin uses RFS to rescale font sizes\n@mixin font-size($fs, $important: false) {\n @include rfs($fs, $important);\n}\n\n@mixin responsive-font-size($fs, $important: false) {\n @include rfs($fs, $important);\n}\n","// Hover mixin and `$enable-hover-media-query` are deprecated.\n//\n// Originally added during our alphas and maintained during betas, this mixin was\n// designed to prevent `:hover` stickiness on iOS-an issue where hover styles\n// would persist after initial touch.\n//\n// For backward compatibility, we've kept these mixins and updated them to\n// always return their regular pseudo-classes instead of a shimmed media query.\n//\n// Issue: https://github.com/twbs/bootstrap/issues/25195\n\n@mixin hover {\n &:hover { @content; }\n}\n\n@mixin hover-focus {\n &:hover,\n &:focus {\n @content;\n }\n}\n\n@mixin plain-hover-focus {\n &,\n &:hover,\n &:focus {\n @content;\n }\n}\n\n@mixin hover-focus-active {\n &:hover,\n &:focus,\n &:active {\n @content;\n }\n}\n","// Tabs\n$nav-tabs-border-color: $smoke;\n$nav-tabs-border-width: 1px;\n$nav-tabs-border-radius: 0;\n$nav-tabs-link-hover-border-color: transparent;\n$nav-tabs-link-active-color: $dark;\n$nav-tabs-link-active-bg: transparent;\n$nav-tabs-link-active-border-color: transparent;\n\n$nav-link-padding-y: 8px;\n$nav-link-padding-x: 16px;\n$nav-link-height: calc($font-size-base * $line-height-base) + $nav-link-padding-y * 2;\n$navbar-brand-height: $font-size-lg * $line-height-base;\n$navbar-brand-padding-y: calc($nav-link-height - $navbar-brand-height) / 2;\n$nav-link-disabled-color: $text-muted;\n$nav-pills-border-radius: 4px;\n\n$nav-pills-link-active-color: $white;\n$nav-pills-link-active-bg: $primary;\n","// 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","// 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","// Breakpoint viewport sizes and media queries.\n//\n// Breakpoints are defined as a map of (name: minimum width), order from small to large:\n//\n// (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px)\n//\n// The map defined in the `$grid-breakpoints` global variable is used as the `$breakpoints` argument by default.\n\n// Name of the next breakpoint, or null for the last breakpoint.\n//\n// >> breakpoint-next(sm)\n// md\n// >> breakpoint-next(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n// md\n// >> breakpoint-next(sm, $breakpoint-names: (xs sm md lg xl))\n// md\n@function breakpoint-next($name, $breakpoints: $grid-breakpoints, $breakpoint-names: map-keys($breakpoints)) {\n $n: index($breakpoint-names, $name);\n @return if($n != null and $n < length($breakpoint-names), nth($breakpoint-names, $n + 1), null);\n}\n\n// Minimum breakpoint width. Null for the smallest (first) breakpoint.\n//\n// >> breakpoint-min(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n// 576px\n@function breakpoint-min($name, $breakpoints: $grid-breakpoints) {\n $min: map-get($breakpoints, $name);\n @return if($min != 0, $min, null);\n}\n\n// Maximum breakpoint width. Null for the largest (last) breakpoint.\n// The maximum value is calculated as the minimum of the next one less 0.02px\n// to work around the limitations of `min-` and `max-` prefixes and viewports with fractional widths.\n// See https://www.w3.org/TR/mediaqueries-4/#mq-min-max\n// Uses 0.02px rather than 0.01px to work around a current rounding bug in Safari.\n// See https://bugs.webkit.org/show_bug.cgi?id=178261\n//\n// >> breakpoint-max(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n// 767.98px\n@function breakpoint-max($name, $breakpoints: $grid-breakpoints) {\n $next: breakpoint-next($name, $breakpoints);\n @return if($next, breakpoint-min($next, $breakpoints) - .02, null);\n}\n\n// Returns a blank string if smallest breakpoint, otherwise returns the name with a dash in front.\n// Useful for making responsive utilities.\n//\n// >> breakpoint-infix(xs, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n// \"\" (Returns a blank string)\n// >> breakpoint-infix(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))\n// \"-sm\"\n@function breakpoint-infix($name, $breakpoints: $grid-breakpoints) {\n @return if(breakpoint-min($name, $breakpoints) == null, \"\", \"-#{$name}\");\n}\n\n// Media of at least the minimum breakpoint width. No query for the smallest breakpoint.\n// Makes the @content apply to the given breakpoint and wider.\n@mixin media-breakpoint-up($name, $breakpoints: $grid-breakpoints) {\n $min: breakpoint-min($name, $breakpoints);\n @if $min {\n @media (min-width: $min) {\n @content;\n }\n } @else {\n @content;\n }\n}\n\n// Media of at most the maximum breakpoint width. No query for the largest breakpoint.\n// Makes the @content apply to the given breakpoint and narrower.\n@mixin media-breakpoint-down($name, $breakpoints: $grid-breakpoints) {\n $max: breakpoint-max($name, $breakpoints);\n @if $max {\n @media (max-width: $max) {\n @content;\n }\n } @else {\n @content;\n }\n}\n\n// Media that spans multiple breakpoint widths.\n// Makes the @content apply between the min and max breakpoints\n@mixin media-breakpoint-between($lower, $upper, $breakpoints: $grid-breakpoints) {\n $min: breakpoint-min($lower, $breakpoints);\n $max: breakpoint-max($upper, $breakpoints);\n\n @if $min != null and $max != null {\n @media (min-width: $min) and (max-width: $max) {\n @content;\n }\n } @else if $max == null {\n @include media-breakpoint-up($lower, $breakpoints) {\n @content;\n }\n } @else if $min == null {\n @include media-breakpoint-down($upper, $breakpoints) {\n @content;\n }\n }\n}\n\n// Media between the breakpoint's minimum and maximum widths.\n// No minimum for the smallest breakpoint, and no maximum for the largest one.\n// Makes the @content apply only to the given breakpoint, not viewports any wider or narrower.\n@mixin media-breakpoint-only($name, $breakpoints: $grid-breakpoints) {\n $min: breakpoint-min($name, $breakpoints);\n $max: breakpoint-max($name, $breakpoints);\n\n @if $min != null and $max != null {\n @media (min-width: $min) and (max-width: $max) {\n @content;\n }\n } @else if $max == null {\n @include media-breakpoint-up($name, $breakpoints) {\n @content;\n }\n } @else if $min == null {\n @include media-breakpoint-down($name, $breakpoints) {\n @content;\n }\n }\n}\n","// Neutrals color variables\n$dark: #212121;\n$slate: #777;\n$muted: #b4b4b4;\n$smoke: #e2e2e2;\n$snow: #fbfbfb;\n$white: #fff;\n$cloud: #f2f4f7;\n\n// UI color variables\n$red: #d74022;\n$green: #009f61;\n$light-yellow: #ffeb99;\n$blue: #1357ff;\n$orange: #ffb700;\n$sapphire: #005fbf;\n\n// Branding color variables\n$crimson: #c02a34;\n$azure: #009bde;\n$salamander: #f96d01;\n$purple: #6d48e5;\n\n// Bootstrap dependencies color\n$black: #000 !default;\n$gray-100: #f8f9fa !default;\n$gray-200: #e9ecef !default;\n$gray-300: #dee2e6 !default;\n$gray-400: #ced4da !default;\n$gray-500: #adb5bd !default;\n$gray-600: #6c757d !default;\n$gray-700: #495057 !default;\n$gray-800: #343a40 !default;\n$gray-900: #212529 !default;\n\n// The yiq lightness value that determines when the lightness of color changes from \"dark\" to \"light\". Acceptable values are between 0 and 255.\n$yiq-contrasted-threshold: 150 !default;\n\n// Customize the light and dark text colors for use in our YIQ color contrast function.\n$yiq-text-dark: $gray-900 !default;\n$yiq-text-light: $white !default;\n\n\n$grays: () !default;\n// stylelint-disable-next-line scss/dollar-variable-default\n$grays: map-merge(\n (\n \"100\": $gray-100,\n \"200\": $gray-200,\n \"300\": $gray-300,\n \"400\": $gray-400,\n \"500\": $gray-500,\n \"600\": $gray-600,\n \"700\": $gray-700,\n \"800\": $gray-800,\n \"900\": $gray-900\n ),\n $grays\n);\n\n// register mekari color variables too bootstrap\n$colors: ();\n$colors: map-merge(\n (\n \"noir\" : $dark, // going to deprecated\n \"dark\" : $dark,\n \"slate\" : $slate,\n \"muted\" : $muted,\n \"smoke\" : $smoke,\n \"snow\" : $snow,\n \"cloud\" : $cloud,\n \"crimson\" : $crimson,\n \"azure\" : $azure,\n \"salamander\" : $salamander,\n \"purple\" : $purple,\n \"sapphire\" : $sapphire,\n \"white\" : $white,\n \"red\" : $red,\n \"orange\" : $orange,\n \"green\" : $green,\n \"blue\" : $blue,\n \"light-yellow\" : $light-yellow\n ),\n $colors\n);\n\n//extend bootstrap class\n$danger: $red;\n$success: $green;\n$info: $light-yellow;\n$warning: $orange;\n$primary: $sapphire;\n$jurnal: $azure;\n$talenta: $crimson;\n$klikpajak: $salamander;\n$mekari: $purple;\n\n$link: $blue;\n\n$text-muted: $muted;\n$body-color: $dark;\n$dark: $dark;\n$secondary: $slate;\n$light: $snow;\n\n// Add more theme color variables\n$theme-colors: ();\n$theme-colors: map-merge(\n (\n \"danger\" : $danger,\n \"success\" : $success,\n \"info\" : $info,\n \"warning\" : $warning,\n \"primary\" : $primary,\n \"jurnal\" : $jurnal,\n \"talenta\" : $talenta,\n \"klikpajak\" : $klikpajak,\n \"mekari\" : $mekari,\n \"dark\" : $dark,\n \"slate\" : $slate,\n \"muted\" : $muted,\n \"smoke\" : $smoke,\n \"light\" : $light,\n \"cloud\" : $cloud,\n \"link\" : $blue,\n \"white\" : $white\n ),\n $theme-colors\n);\n\n$card-border-color: $smoke;\n$body-bg: $white;\n"]}
data/lib/assets/stylesheets/css/full-bundle/mekari-ui.css CHANGED
@@ -5123,7 +5123,7 @@ input[type="button"].btn-block {
5123
5123
  }
5124
5124
 
5125
5125
  .navbar-light .navbar-toggler-icon {
5126
- background-image: str-replace(url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgba(0, 0, 0, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"), "#", "%23");
5126
+ background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
5127
5127
  }
5128
5128
 
5129
5129
  .navbar-light .navbar-text {
@@ -5171,7 +5171,7 @@ input[type="button"].btn-block {
5171
5171
  }
5172
5172
 
5173
5173
  .navbar-dark .navbar-toggler-icon {
5174
- background-image: str-replace(url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgba(255, 255, 255, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"), "#", "%23");
5174
+ background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
5175
5175
  }
5176
5176
 
5177
5177
  .navbar-dark .navbar-text {
@@ -20020,32 +20020,32 @@ a.text-white:hover, a.text-white:focus {
20020
20020
  }
20021
20021
 
20022
20022
  .avatar-stacked .avatar-xsmall:nth-child(1) {
20023
- right: 0px;
20023
+ margin-left: 0;
20024
20024
  z-index: 6;
20025
20025
  }
20026
20026
 
20027
20027
  .avatar-stacked .avatar-xsmall:nth-child(2) {
20028
- right: 6px;
20028
+ margin-left: -6px;
20029
20029
  z-index: 5;
20030
20030
  }
20031
20031
 
20032
20032
  .avatar-stacked .avatar-xsmall:nth-child(3) {
20033
- right: 12px;
20033
+ margin-left: -6px;
20034
20034
  z-index: 4;
20035
20035
  }
20036
20036
 
20037
20037
  .avatar-stacked .avatar-xsmall:nth-child(4) {
20038
- right: 18px;
20038
+ margin-left: -6px;
20039
20039
  z-index: 3;
20040
20040
  }
20041
20041
 
20042
20042
  .avatar-stacked .avatar-xsmall:nth-child(5) {
20043
- right: 24px;
20043
+ margin-left: -6px;
20044
20044
  z-index: 2;
20045
20045
  }
20046
20046
 
20047
20047
  .avatar-stacked .avatar-xsmall:nth-child(6) {
20048
- right: 30px;
20048
+ margin-left: -6px;
20049
20049
  z-index: 1;
20050
20050
  }
20051
20051
 
@@ -20054,32 +20054,32 @@ a.text-white:hover, a.text-white:focus {
20054
20054
  }
20055
20055
 
20056
20056
  .avatar-stacked .avatar-small:nth-child(1) {
20057
- right: 0px;
20057
+ margin-left: 0;
20058
20058
  z-index: 6;
20059
20059
  }
20060
20060
 
20061
20061
  .avatar-stacked .avatar-small:nth-child(2) {
20062
- right: 8px;
20062
+ margin-left: -8px;
20063
20063
  z-index: 5;
20064
20064
  }
20065
20065
 
20066
20066
  .avatar-stacked .avatar-small:nth-child(3) {
20067
- right: 16px;
20067
+ margin-left: -8px;
20068
20068
  z-index: 4;
20069
20069
  }
20070
20070
 
20071
20071
  .avatar-stacked .avatar-small:nth-child(4) {
20072
- right: 24px;
20072
+ margin-left: -8px;
20073
20073
  z-index: 3;
20074
20074
  }
20075
20075
 
20076
20076
  .avatar-stacked .avatar-small:nth-child(5) {
20077
- right: 32px;
20077
+ margin-left: -8px;
20078
20078
  z-index: 2;
20079
20079
  }
20080
20080
 
20081
20081
  .avatar-stacked .avatar-small:nth-child(6) {
20082
- right: 40px;
20082
+ margin-left: -8px;
20083
20083
  z-index: 1;
20084
20084
  }
20085
20085
 
@@ -20088,32 +20088,32 @@ a.text-white:hover, a.text-white:focus {
20088
20088
  }
20089
20089
 
20090
20090
  .avatar-stacked .avatar-medium:nth-child(1) {
20091
- right: 0px;
20091
+ margin-left: 0;
20092
20092
  z-index: 6;
20093
20093
  }
20094
20094
 
20095
20095
  .avatar-stacked .avatar-medium:nth-child(2) {
20096
- right: 10px;
20096
+ margin-left: -10px;
20097
20097
  z-index: 5;
20098
20098
  }
20099
20099
 
20100
20100
  .avatar-stacked .avatar-medium:nth-child(3) {
20101
- right: 20px;
20101
+ margin-left: -10px;
20102
20102
  z-index: 4;
20103
20103
  }
20104
20104
 
20105
20105
  .avatar-stacked .avatar-medium:nth-child(4) {
20106
- right: 30px;
20106
+ margin-left: -10px;
20107
20107
  z-index: 3;
20108
20108
  }
20109
20109
 
20110
20110
  .avatar-stacked .avatar-medium:nth-child(5) {
20111
- right: 40px;
20111
+ margin-left: -10px;
20112
20112
  z-index: 2;
20113
20113
  }
20114
20114
 
20115
20115
  .avatar-stacked .avatar-medium:nth-child(6) {
20116
- right: 50px;
20116
+ margin-left: -10px;
20117
20117
  z-index: 1;
20118
20118
  }
20119
20119
 
@@ -20122,32 +20122,32 @@ a.text-white:hover, a.text-white:focus {
20122
20122
  }
20123
20123
 
20124
20124
  .avatar-stacked .avatar-large:nth-child(1) {
20125
- right: 0px;
20125
+ margin-left: 0;
20126
20126
  z-index: 6;
20127
20127
  }
20128
20128
 
20129
20129
  .avatar-stacked .avatar-large:nth-child(2) {
20130
- right: 15px;
20130
+ margin-left: -15px;
20131
20131
  z-index: 5;
20132
20132
  }
20133
20133
 
20134
20134
  .avatar-stacked .avatar-large:nth-child(3) {
20135
- right: 30px;
20135
+ margin-left: -15px;
20136
20136
  z-index: 4;
20137
20137
  }
20138
20138
 
20139
20139
  .avatar-stacked .avatar-large:nth-child(4) {
20140
- right: 45px;
20140
+ margin-left: -15px;
20141
20141
  z-index: 3;
20142
20142
  }
20143
20143
 
20144
20144
  .avatar-stacked .avatar-large:nth-child(5) {
20145
- right: 60px;
20145
+ margin-left: -15px;
20146
20146
  z-index: 2;
20147
20147
  }
20148
20148
 
20149
20149
  .avatar-stacked .avatar-large:nth-child(6) {
20150
- right: 75px;
20150
+ margin-left: -15px;
20151
20151
  z-index: 1;
20152
20152
  }
20153
20153
 
@@ -20156,43 +20156,43 @@ a.text-white:hover, a.text-white:focus {
20156
20156
  }
20157
20157
 
20158
20158
  .avatar-stacked .avatar-xlarge:nth-child(1) {
20159
- right: 0px;
20159
+ margin-left: 0;
20160
20160
  z-index: 6;
20161
20161
  }
20162
20162
 
20163
20163
  .avatar-stacked .avatar-xlarge:nth-child(2) {
20164
- right: 30px;
20164
+ margin-left: -30px;
20165
20165
  z-index: 5;
20166
20166
  }
20167
20167
 
20168
20168
  .avatar-stacked .avatar-xlarge:nth-child(3) {
20169
- right: 60px;
20169
+ margin-left: -30px;
20170
20170
  z-index: 4;
20171
20171
  }
20172
20172
 
20173
20173
  .avatar-stacked .avatar-xlarge:nth-child(4) {
20174
- right: 90px;
20174
+ margin-left: -30px;
20175
20175
  z-index: 3;
20176
20176
  }
20177
20177
 
20178
20178
  .avatar-stacked .avatar-xlarge:nth-child(5) {
20179
- right: 120px;
20179
+ margin-left: -30px;
20180
20180
  z-index: 2;
20181
20181
  }
20182
20182
 
20183
20183
  .avatar-stacked .avatar-xlarge:nth-child(6) {
20184
- right: 150px;
20184
+ margin-left: -30px;
20185
20185
  z-index: 1;
20186
20186
  }
20187
20187
 
20188
20188
  .avatar-stacked .avatar-stacked-text {
20189
20189
  position: relative;
20190
+ padding-left: 16px;
20190
20191
  color: #1357ff;
20191
20192
  cursor: pointer;
20192
20193
  }
20193
20194
 
20194
20195
  .avatar-stacked .avatar-stacked-text p {
20195
- padding-left: 8px;
20196
20196
  margin: 0;
20197
20197
  line-height: 14px;
20198
20198
  }
@@ -20342,363 +20342,123 @@ a.text-white:hover, a.text-white:focus {
20342
20342
  }
20343
20343
 
20344
20344
  .avatar-stacked.avatar-stacked-sparse .avatar-xsmall:nth-child(1) {
20345
- right: 0px;
20345
+ margin-left: 0;
20346
20346
  }
20347
20347
 
20348
20348
  .avatar-stacked.avatar-stacked-sparse .avatar-xsmall:nth-child(2) {
20349
- right: 3px;
20349
+ margin-left: -3px;
20350
20350
  }
20351
20351
 
20352
20352
  .avatar-stacked.avatar-stacked-sparse .avatar-xsmall:nth-child(3) {
20353
- right: 6px;
20353
+ margin-left: -3px;
20354
20354
  }
20355
20355
 
20356
20356
  .avatar-stacked.avatar-stacked-sparse .avatar-xsmall:nth-child(4) {
20357
- right: 9px;
20357
+ margin-left: -3px;
20358
20358
  }
20359
20359
 
20360
20360
  .avatar-stacked.avatar-stacked-sparse .avatar-xsmall:nth-child(5) {
20361
- right: 12px;
20361
+ margin-left: -3px;
20362
20362
  }
20363
20363
 
20364
20364
  .avatar-stacked.avatar-stacked-sparse .avatar-xsmall:nth-child(6) {
20365
- right: 15px;
20365
+ margin-left: -3px;
20366
20366
  }
20367
20367
 
20368
20368
  .avatar-stacked.avatar-stacked-sparse .avatar-small:nth-child(1) {
20369
- right: 0px;
20369
+ margin-left: 0;
20370
20370
  }
20371
20371
 
20372
20372
  .avatar-stacked.avatar-stacked-sparse .avatar-small:nth-child(2) {
20373
- right: 4px;
20373
+ margin-left: -4px;
20374
20374
  }
20375
20375
 
20376
20376
  .avatar-stacked.avatar-stacked-sparse .avatar-small:nth-child(3) {
20377
- right: 8px;
20377
+ margin-left: -4px;
20378
20378
  }
20379
20379
 
20380
20380
  .avatar-stacked.avatar-stacked-sparse .avatar-small:nth-child(4) {
20381
- right: 12px;
20381
+ margin-left: -4px;
20382
20382
  }
20383
20383
 
20384
20384
  .avatar-stacked.avatar-stacked-sparse .avatar-small:nth-child(5) {
20385
- right: 16px;
20385
+ margin-left: -4px;
20386
20386
  }
20387
20387
 
20388
20388
  .avatar-stacked.avatar-stacked-sparse .avatar-small:nth-child(6) {
20389
- right: 20px;
20389
+ margin-left: -4px;
20390
20390
  }
20391
20391
 
20392
20392
  .avatar-stacked.avatar-stacked-sparse .avatar-medium:nth-child(1) {
20393
- right: 0px;
20393
+ margin-left: 0;
20394
20394
  }
20395
20395
 
20396
20396
  .avatar-stacked.avatar-stacked-sparse .avatar-medium:nth-child(2) {
20397
- right: 5px;
20397
+ margin-left: -5px;
20398
20398
  }
20399
20399
 
20400
20400
  .avatar-stacked.avatar-stacked-sparse .avatar-medium:nth-child(3) {
20401
- right: 10px;
20401
+ margin-left: -5px;
20402
20402
  }
20403
20403
 
20404
20404
  .avatar-stacked.avatar-stacked-sparse .avatar-medium:nth-child(4) {
20405
- right: 15px;
20405
+ margin-left: -5px;
20406
20406
  }
20407
20407
 
20408
20408
  .avatar-stacked.avatar-stacked-sparse .avatar-medium:nth-child(5) {
20409
- right: 20px;
20409
+ margin-left: -5px;
20410
20410
  }
20411
20411
 
20412
20412
  .avatar-stacked.avatar-stacked-sparse .avatar-medium:nth-child(6) {
20413
- right: 25px;
20413
+ margin-left: -5px;
20414
20414
  }
20415
20415
 
20416
20416
  .avatar-stacked.avatar-stacked-sparse .avatar-large:nth-child(1) {
20417
- right: 0px;
20417
+ margin-left: 0;
20418
20418
  }
20419
20419
 
20420
20420
  .avatar-stacked.avatar-stacked-sparse .avatar-large:nth-child(2) {
20421
- right: 7.5px;
20421
+ margin-left: -7.5px;
20422
20422
  }
20423
20423
 
20424
20424
  .avatar-stacked.avatar-stacked-sparse .avatar-large:nth-child(3) {
20425
- right: 15px;
20425
+ margin-left: -7.5px;
20426
20426
  }
20427
20427
 
20428
20428
  .avatar-stacked.avatar-stacked-sparse .avatar-large:nth-child(4) {
20429
- right: 22.5px;
20429
+ margin-left: -7.5px;
20430
20430
  }
20431
20431
 
20432
20432
  .avatar-stacked.avatar-stacked-sparse .avatar-large:nth-child(5) {
20433
- right: 30px;
20433
+ margin-left: -7.5px;
20434
20434
  }
20435
20435
 
20436
20436
  .avatar-stacked.avatar-stacked-sparse .avatar-large:nth-child(6) {
20437
- right: 37.5px;
20437
+ margin-left: -7.5px;
20438
20438
  }
20439
20439
 
20440
20440
  .avatar-stacked.avatar-stacked-sparse .avatar-xlarge:nth-child(1) {
20441
- right: 0px;
20441
+ margin-left: 0;
20442
20442
  }
20443
20443
 
20444
20444
  .avatar-stacked.avatar-stacked-sparse .avatar-xlarge:nth-child(2) {
20445
- right: 15px;
20445
+ margin-left: -15px;
20446
20446
  }
20447
20447
 
20448
20448
  .avatar-stacked.avatar-stacked-sparse .avatar-xlarge:nth-child(3) {
20449
- right: 30px;
20449
+ margin-left: -15px;
20450
20450
  }
20451
20451
 
20452
20452
  .avatar-stacked.avatar-stacked-sparse .avatar-xlarge:nth-child(4) {
20453
- right: 45px;
20453
+ margin-left: -15px;
20454
20454
  }
20455
20455
 
20456
20456
  .avatar-stacked.avatar-stacked-sparse .avatar-xlarge:nth-child(5) {
20457
- right: 60px;
20457
+ margin-left: -15px;
20458
20458
  }
20459
20459
 
20460
20460
  .avatar-stacked.avatar-stacked-sparse .avatar-xlarge:nth-child(6) {
20461
- right: 75px;
20462
- }
20463
-
20464
- .avatar-pull-xsmall-1 {
20465
- right: calc(0px) !important;
20466
- }
20467
-
20468
- .avatar-push-xsmall-1 {
20469
- left: calc(0px) !important;
20470
- }
20471
-
20472
- .avatar-pull-xsmall-2 {
20473
- right: calc(6px) !important;
20474
- }
20475
-
20476
- .avatar-push-xsmall-2 {
20477
- left: calc(6px) !important;
20478
- }
20479
-
20480
- .avatar-pull-xsmall-3 {
20481
- right: calc(12px) !important;
20482
- }
20483
-
20484
- .avatar-push-xsmall-3 {
20485
- left: calc(12px) !important;
20486
- }
20487
-
20488
- .avatar-pull-xsmall-4 {
20489
- right: calc(18px) !important;
20490
- }
20491
-
20492
- .avatar-push-xsmall-4 {
20493
- left: calc(18px) !important;
20494
- }
20495
-
20496
- .avatar-pull-xsmall-5 {
20497
- right: calc(24px) !important;
20498
- }
20499
-
20500
- .avatar-push-xsmall-5 {
20501
- left: calc(24px) !important;
20502
- }
20503
-
20504
- .avatar-pull-xsmall-6 {
20505
- right: calc(30px) !important;
20506
- }
20507
-
20508
- .avatar-push-xsmall-6 {
20509
- left: calc(30px) !important;
20510
- }
20511
-
20512
- .avatar-pull-small-1 {
20513
- right: calc(0px) !important;
20514
- }
20515
-
20516
- .avatar-push-small-1 {
20517
- left: calc(0px) !important;
20518
- }
20519
-
20520
- .avatar-pull-small-2 {
20521
- right: calc(8px) !important;
20522
- }
20523
-
20524
- .avatar-push-small-2 {
20525
- left: calc(8px) !important;
20526
- }
20527
-
20528
- .avatar-pull-small-3 {
20529
- right: calc(16px) !important;
20530
- }
20531
-
20532
- .avatar-push-small-3 {
20533
- left: calc(16px) !important;
20534
- }
20535
-
20536
- .avatar-pull-small-4 {
20537
- right: calc(24px) !important;
20538
- }
20539
-
20540
- .avatar-push-small-4 {
20541
- left: calc(24px) !important;
20542
- }
20543
-
20544
- .avatar-pull-small-5 {
20545
- right: calc(32px) !important;
20546
- }
20547
-
20548
- .avatar-push-small-5 {
20549
- left: calc(32px) !important;
20550
- }
20551
-
20552
- .avatar-pull-small-6 {
20553
- right: calc(40px) !important;
20554
- }
20555
-
20556
- .avatar-push-small-6 {
20557
- left: calc(40px) !important;
20558
- }
20559
-
20560
- .avatar-pull-medium-1 {
20561
- right: calc(0px) !important;
20562
- }
20563
-
20564
- .avatar-push-medium-1 {
20565
- left: calc(0px) !important;
20566
- }
20567
-
20568
- .avatar-pull-medium-2 {
20569
- right: calc(10px) !important;
20570
- }
20571
-
20572
- .avatar-push-medium-2 {
20573
- left: calc(10px) !important;
20574
- }
20575
-
20576
- .avatar-pull-medium-3 {
20577
- right: calc(20px) !important;
20578
- }
20579
-
20580
- .avatar-push-medium-3 {
20581
- left: calc(20px) !important;
20582
- }
20583
-
20584
- .avatar-pull-medium-4 {
20585
- right: calc(30px) !important;
20586
- }
20587
-
20588
- .avatar-push-medium-4 {
20589
- left: calc(30px) !important;
20590
- }
20591
-
20592
- .avatar-pull-medium-5 {
20593
- right: calc(40px) !important;
20594
- }
20595
-
20596
- .avatar-push-medium-5 {
20597
- left: calc(40px) !important;
20598
- }
20599
-
20600
- .avatar-pull-medium-6 {
20601
- right: calc(50px) !important;
20602
- }
20603
-
20604
- .avatar-push-medium-6 {
20605
- left: calc(50px) !important;
20606
- }
20607
-
20608
- .avatar-pull-large-1 {
20609
- right: calc(0px) !important;
20610
- }
20611
-
20612
- .avatar-push-large-1 {
20613
- left: calc(0px) !important;
20614
- }
20615
-
20616
- .avatar-pull-large-2 {
20617
- right: calc(15px) !important;
20618
- }
20619
-
20620
- .avatar-push-large-2 {
20621
- left: calc(15px) !important;
20622
- }
20623
-
20624
- .avatar-pull-large-3 {
20625
- right: calc(30px) !important;
20626
- }
20627
-
20628
- .avatar-push-large-3 {
20629
- left: calc(30px) !important;
20630
- }
20631
-
20632
- .avatar-pull-large-4 {
20633
- right: calc(45px) !important;
20634
- }
20635
-
20636
- .avatar-push-large-4 {
20637
- left: calc(45px) !important;
20638
- }
20639
-
20640
- .avatar-pull-large-5 {
20641
- right: calc(60px) !important;
20642
- }
20643
-
20644
- .avatar-push-large-5 {
20645
- left: calc(60px) !important;
20646
- }
20647
-
20648
- .avatar-pull-large-6 {
20649
- right: calc(75px) !important;
20650
- }
20651
-
20652
- .avatar-push-large-6 {
20653
- left: calc(75px) !important;
20654
- }
20655
-
20656
- .avatar-pull-xlarge-1 {
20657
- right: calc(0px) !important;
20658
- }
20659
-
20660
- .avatar-push-xlarge-1 {
20661
- left: calc(0px) !important;
20662
- }
20663
-
20664
- .avatar-pull-xlarge-2 {
20665
- right: calc(30px) !important;
20666
- }
20667
-
20668
- .avatar-push-xlarge-2 {
20669
- left: calc(30px) !important;
20670
- }
20671
-
20672
- .avatar-pull-xlarge-3 {
20673
- right: calc(60px) !important;
20674
- }
20675
-
20676
- .avatar-push-xlarge-3 {
20677
- left: calc(60px) !important;
20678
- }
20679
-
20680
- .avatar-pull-xlarge-4 {
20681
- right: calc(90px) !important;
20682
- }
20683
-
20684
- .avatar-push-xlarge-4 {
20685
- left: calc(90px) !important;
20686
- }
20687
-
20688
- .avatar-pull-xlarge-5 {
20689
- right: calc(120px) !important;
20690
- }
20691
-
20692
- .avatar-push-xlarge-5 {
20693
- left: calc(120px) !important;
20694
- }
20695
-
20696
- .avatar-pull-xlarge-6 {
20697
- right: calc(150px) !important;
20698
- }
20699
-
20700
- .avatar-push-xlarge-6 {
20701
- left: calc(150px) !important;
20461
+ margin-left: -15px;
20702
20462
  }
20703
20463
 
20704
20464
  .avatar-grid-container {