{"version":3,"sources":["mekari-ui-avatar.css","../../../scss/components/config/_avatar.scss","../../../scss/vendor-extensions/_color.scss","../../../scss/vendor-extensions/_avatar.scss","../../../scss/vendor-extensions/_typography.scss"],"names":[],"mappings":"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;ADqVpB;;AC3XA;EAwCU,UAFU;ADyVpB;;AC/XA;EAwCU,UAFU;AD6VpB;;ACnYA;EAwCU,UAFU;ADiWpB;;ACvYA;EAoCQ,6BC3II;AFkfZ;;AC3YA;EAwCU,UAFU;ADyWpB;;AC/YA;EAwCU,UAFU;AD6WpB;;ACnZA;EAwCU,UAFU;ADiXpB;;ACvZA;EAwCU,UAFU;ADqXpB;;AC3ZA;EAwCU,UAFU;ADyXpB;;AC/ZA;EAwCU,UAFU;AD6XpB;;ACnaA;EAoCQ,6BC3II;AF8gBZ;;ACvaA;EAwCU,UAFU;ADqYpB;;AC3aA;EAwCU,UAFU;ADyYpB;;AC/aA;EAwCU,UAFU;AD6YpB;;ACnbA;EAwCU,UAFU;ADiZpB;;ACvbA;EAwCU,UAFU;ADqZpB;;AC3bA;EAwCU,UAFU;ADyZpB;;AC/bA;EAkDY,cAAc;ADiZ1B;;ACncA;EAoDY,iBAA2B;ADmZvC;;ACvcA;EAoDY,iBAA2B;ADuZvC;;AC3cA;EAoDY,iBAA2B;AD2ZvC;;AC/cA;EAoDY,iBAA2B;AD+ZvC;;ACndA;EAoDY,iBAA2B;ADmavC;;ACvdA;EAkDY,cAAc;ADya1B;;AC3dA;EAoDY,iBAA2B;AD2avC;;AC/dA;EAoDY,iBAA2B;AD+avC;;ACneA;EAoDY,iBAA2B;ADmbvC;;ACveA;EAoDY,iBAA2B;ADubvC;;AC3eA;EAoDY,iBAA2B;AD2bvC;;AC/eA;EAkDY,cAAc;ADic1B;;ACnfA;EAoDY,iBAA2B;ADmcvC;;ACvfA;EAoDY,iBAA2B;ADucvC;;AC3fA;EAoDY,iBAA2B;AD2cvC;;AC/fA;EAoDY,iBAA2B;AD+cvC;;ACngBA;EAoDY,iBAA2B;ADmdvC;;ACvgBA;EAkDY,cAAc;ADyd1B;;AC3gBA;EAoDY,mBAA2B;AD2dvC;;AC/gBA;EAoDY,mBAA2B;AD+dvC;;ACnhBA;EAoDY,mBAA2B;ADmevC;;ACvhBA;EAoDY,mBAA2B;ADuevC;;AC3hBA;EAoDY,mBAA2B;AD2evC;;AC/hBA;EAkDY,cAAc;ADif1B;;ACniBA;EAoDY,kBAA2B;ADmfvC;;ACviBA;EAoDY,kBAA2B;ADufvC;;AC3iBA;EAoDY,kBAA2B;AD2fvC;;AC/iBA;EAoDY,kBAA2B;AD+fvC;;ACnjBA;EAoDY,kBAA2B;ADmgBvC;;ACvjBA;EAkDY,cAAc;ADygB1B;;AC3jBA;EAoDY,kBAA2B;AD2gBvC;;AC/jBA;EAoDY,kBAA2B;AD+gBvC;;ACnkBA;EAoDY,kBAA2B;ADmhBvC;;ACvkBA;EAoDY,kBAA2B;ADuhBvC;;AC3kBA;EAoDY,kBAA2B;AD2hBvC;;ACnhBA;EACE,qBAAqB;ADshBvB;;ACnhBA;EACE,YAAY;ADshBd;;ACvhBA;EAIM,gBAAa;ADuhBnB;;AC3hBA;EAOM,cAAc;ADwhBpB;;AC/hBA;EAIM,wBAAa;AD+hBnB;;ACniBA;EAOM,cAAc;ADgiBpB;;ACviBA;EAIM,wBAAa;ADuiBnB;;AC3iBA;EAOM,cAAc;ADwiBpB;;AC/iBA;EAIM,iBAAa;AD+iBnB;;ACnjBA;EAOM,cAAc;ADgjBpB;;ACvjBA;EAIM,wBAAa;ADujBnB;;AC3jBA;EAOM,cAAc;ADwjBpB;;AC/jBA;EAIM,iBAAa;AD+jBnB;;ACnkBA;EAOM,cAAc;ADgkBpB;;ACvkBA;EAWI,gBAAgB;EAChB,cC5KmB;ED6KnB,kBAAkB;EAClB,eAAe;ADgkBnB;;AC9kBA;EAgBM,SAAS;ADkkBf;;ACllBA;EAoBQ,aAAa;ADkkBrB;;AC3jBE;EAEI,gBAAa;AD6jBnB;;AC/jBE;EAKI,cAAc;AD8jBpB;;ACnkBE;EAEI,wBAAa;ADqkBnB;;ACvkBE;EAKI,cAAc;ADskBpB;;AC3kBE;EAEI,wBAAa;AD6kBnB;;AC/kBE;EAKI,cAAc;AD8kBpB;;ACnlBE;EAEI,iBAAa;ADqlBnB;;ACvlBE;EAKI,cAAc;ADslBpB;;AC3lBE;EAEI,wBAAa;AD6lBnB;;AC/lBE;EAKI,cAAc;AD8lBpB;;ACnmBE;EAEI,iBAAa;ADqmBnB;;ACvmBE;EAKI,cAAc;ADsmBpB","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--overlay-icon::after {\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  opacity: 0;\n}\n\n.avatar {\n  position: relative;\n  display: inline-block;\n  overflow: hidden;\n  text-align: center;\n  vertical-align: middle;\n  background-color: #e2e2e2;\n}\n\n.avatar.dropdown-toggle::after {\n  display: initial !important;\n}\n\n.avatar::after {\n  content: \"\\A\";\n  background: rgba(0, 0, 0, 0.5) !important;\n}\n\n.avatar:hover {\n  cursor: pointer;\n}\n\n.avatar:hover::after {\n  cursor: pointer;\n  opacity: 1;\n}\n\n.avatar .avatar-photo {\n  width: 100%;\n  height: 100%;\n  vertical-align: top;\n  background-color: #e2e2e2;\n}\n\n.avatar.avatar-default-people {\n  background-image: url(\"data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg width='60px' height='60px' viewBox='0 0 60 60' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Ctitle%3E57B2CFBF-9694-4E42-8A9B-7C4261320855svg/%3C/title%3E%3Cdefs%3E%3Ccircle id='path-1' cx='30' cy='30' r='30'%3E%3C/circle%3E%3C/defs%3E%3Cg id='Design-Principle' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Components/-Avatar' transform='translate(-852.000000, -1412.000000)'%3E%3Cg id='Default-avatars' transform='translate(660.000000, 1315.000000)'%3E%3Cg id='Components/-Avatar/-Circle/-60px' transform='translate(192.000000, 97.000000)'%3E%3Cg id='Border'%3E%3Ccircle cx='30' cy='30' r='30'%3E%3C/circle%3E%3C/g%3E%3Cg id='Container'%3E%3Cmask id='mask-2' fill='white'%3E%3Cuse xlink:href='%23path-1'%3E%3C/use%3E%3C/mask%3E%3Cg id='Oval'%3E%3C/g%3E%3Cg id='Type' mask='url(%23mask-2)' fill-rule='nonzero'%3E%3Cg id='🙂-Face'%3E%3Crect id='Base' fill='%23E2E2E2' x='0' y='0' width='60' height='60'%3E%3C/rect%3E%3Cpath d='M31.7647059,38.8235294 C41.5109073,38.8235294 49.4117647,46.7243868 49.4117647,56.4705882 L49.4117647,60 L10.5882353,60 L10.5882353,56.4705882 C10.5882353,46.7243868 18.4890927,38.8235294 28.2352941,38.8235294 L31.7647059,38.8235294 Z M30.5294118,14.1176471 C36.3771326,14.1176471 41.1176471,18.8581615 41.1176471,24.7058824 C41.1176471,30.5536032 36.3771326,35.2941176 30.5294118,35.2941176 C24.6816909,35.2941176 19.9411765,30.5536032 19.9411765,24.7058824 C19.9411765,18.8581615 24.6816909,14.1176471 30.5294118,14.1176471 Z' id='Path' fill='%23B4B4B4'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3Cg id='State' mask='url(%23mask-2)'%3E%3Crect id='Overlay' x='0' y='0' width='60' height='60'%3E%3C/rect%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E\");\n  background-size: 100% 100%;\n}\n\n.avatar.avatar-default-file {\n  background-image: url(\"data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg width='36px' height='36px' viewBox='0 0 36 36' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3C!-- Generator: sketchtool 64 (101010) - https://sketch.com --%3E%3Ctitle%3E8416DD89-AB9A-4D81-8594-0E1ED11C1B09svg/%3C/title%3E%3Cdesc%3ECreated with sketchtool.%3C/desc%3E%3Cdefs%3E%3Crect id='path-1' x='0' y='0' width='60' height='60' rx='8'%3E%3C/rect%3E%3C/defs%3E%3Cg id='Design-Principle' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Components/-Avatar' transform='translate(-1224.000000, -1424.000000)'%3E%3Crect id='base' fill='%23FFFFFF' x='0' y='0' width='1920' height='3164'%3E%3C/rect%3E%3Cg id='Default-avatars' transform='translate(660.000000, 1315.000000)'%3E%3Cg id='Avatar-blank-type' transform='translate(192.000000, 97.000000)'%3E%3Cg id='Components/-Avatar/-Square/-60px' transform='translate(360.000000, 0.000000)'%3E%3Cmask id='mask-2' fill='white'%3E%3Cuse xlink:href='%23path-1'%3E%3C/use%3E%3C/mask%3E%3Cg id='Base'%3E%3C/g%3E%3Cg id='Type' mask='url(%23mask-2)' fill-rule='nonzero'%3E%3Crect id='Base' fill='%23E2E2E2' x='0' y='0' width='60' height='60'%3E%3C/rect%3E%3Cg id='Icons/-Regular/-Feature/-IMG' transform='translate(12.000000, 12.000000)' fill='%23777777'%3E%3Cpath d='M23.1213203,3 L30,9.87867966 L30,30 C30,31.6568542 28.6568542,33 27,33 L9,33 C7.34314575,33 6,31.6568542 6,30 L6,6 C6,4.34314575 7.34314575,3 9,3 L23.1213203,3 Z M21,4.5 L9,4.5 C8.17157288,4.5 7.5,5.17157288 7.5,6 L7.5,30 C7.5,30.8284271 8.17157288,31.5 9,31.5 L27,31.5 C27.8284271,31.5 28.5,30.8284271 28.5,30 L28.5,12 L23.25,12 C22.1342953,12 21.0906184,11.0028107 21.0055823,9.89504535 L21,9.75 L21,4.5 Z M24.75,25.5 C25.1642136,25.5 25.5,25.8357864 25.5,26.25 C25.5,26.6642136 25.1642136,27 24.75,27 L11.25,27 C10.8357864,27 10.5,26.6642136 10.5,26.25 C10.5,25.8357864 10.8357864,25.5 11.25,25.5 L24.75,25.5 Z M24.75,18 C25.1642136,18 25.5,18.3357864 25.5,18.75 C25.5,19.1642136 25.1642136,19.5 24.75,19.5 L11.25,19.5 C10.8357864,19.5 10.5,19.1642136 10.5,18.75 C10.5,18.3357864 10.8357864,18 11.25,18 L24.75,18 Z M15.75,10.5 C16.1642136,10.5 16.5,10.8357864 16.5,11.25 C16.5,11.6642136 16.1642136,12 15.75,12 L11.25,12 C10.8357864,12 10.5,11.6642136 10.5,11.25 C10.5,10.8357864 10.8357864,10.5 11.25,10.5 L15.75,10.5 Z M22.5,4.5 L22.5,9.75 C22.5,10.0857864 22.9142136,10.5 23.25,10.5 L23.25,10.5 L28.5,10.5 L22.5,4.5 Z' id='Color'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E\");\n}\n\n.avatar.avatar-default-image {\n  background-image: url(\"data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg width='36px' height='36px' viewBox='0 0 36 36' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3C!-- Generator: sketchtool 64 (101010) - https://sketch.com --%3E%3Ctitle%3E854A7405-039C-4712-92A0-AB1D01FDD088svg/%3C/title%3E%3Cdesc%3ECreated with sketchtool.%3C/desc%3E%3Cdefs%3E%3Crect id='path-1' x='0' y='0' width='60' height='60' rx='8'%3E%3C/rect%3E%3C/defs%3E%3Cg id='Design-Principle' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Components/-Avatar' transform='translate(-1044.000000, -1424.000000)'%3E%3Crect id='base' fill='%23FFFFFF' x='0' y='0' width='1920' height='3164'%3E%3C/rect%3E%3Cg id='Default-avatars' transform='translate(660.000000, 1315.000000)'%3E%3Cg id='Avatar-blank-type' transform='translate(192.000000, 97.000000)'%3E%3Cg id='Components/-Avatar/-Square/-60px' transform='translate(180.000000, 0.000000)'%3E%3Cmask id='mask-2' fill='white'%3E%3Cuse xlink:href='%23path-1'%3E%3C/use%3E%3C/mask%3E%3Cg id='Base'%3E%3C/g%3E%3Cg id='Type' mask='url(%23mask-2)' fill-rule='nonzero'%3E%3Crect id='Base' fill='%23E2E2E2' x='0' y='0' width='60' height='60'%3E%3C/rect%3E%3Cg id='Icons/-Regular/-Feature/-IMG' transform='translate(12.000000, 12.000000)' fill='%23777777'%3E%3Cpath d='M24.0307692,3 C24.2326984,3 24.4271578,3.07954407 24.5751301,3.22267209 L29.7443609,8.22267209 C29.9073745,8.38034894 30,8.60160933 30,8.83333333 L30,32.1666667 C30,32.626904 29.6418278,33 29.2,33 L6.8,33 C6.3581722,33 6,32.626904 6,32.1666667 L6,3.83333333 C6,3.37309604 6.3581722,3 6.8,3 L24.0307692,3 Z M12.2596988,25.7875335 L8.92873792,30.3339749 C8.84660416,30.4571755 8.80277564,30.6019313 8.80277564,30.75 C8.80277564,31.1642136 9.13856208,31.5 9.55277564,31.5 L18.6487188,31.5 L13.4599025,25.7234205 C13.4137204,25.6680021 13.3597846,25.6195363 13.2997616,25.579521 C12.9551151,25.3497567 12.4894631,25.442887 12.2596988,25.7875335 Z M21.1758419,19.8540405 L16.7020464,26.6752406 L20.607804,31.5 L27.299016,31.4994534 C28.5,31.4923469 28.5,31.3928571 28.5,30 L28.5,28.5391523 L22.3636022,19.842318 C22.3238169,19.7917673 22.2776933,19.7465447 22.2263672,19.707765 C21.8958797,19.4580634 21.4255435,19.523553 21.1758419,19.8540405 Z M23.7715845,4.5 L7.5,4.5 L7.50072911,29.827172 C7.55141195,29.7144696 7.61151182,29.6056505 7.68066248,29.5019246 L11.0116233,24.9554835 C11.7009164,23.921544 13.0978724,23.642153 14.1318119,24.331446 C14.3118808,24.4514919 14.4736883,24.5968893 14.6122344,24.7631445 L15.455,25.722 L19.9790409,18.949791 C20.7281458,17.9583286 22.1391544,17.7618596 23.1306168,18.5109645 C23.2845952,18.6273037 23.4229661,18.7629699 23.5423219,18.914622 L28.5,25.905 L28.5,9.08668365 L23.7715845,4.5 Z M12.75,12 C14.4068542,12 15.75,13.3431458 15.75,15 C15.75,16.6568542 14.4068542,18 12.75,18 C11.0931458,18 9.75,16.6568542 9.75,15 C9.75,13.3431458 11.0931458,12 12.75,12 Z M12.75,13.5 C11.9215729,13.5 11.25,14.1715729 11.25,15 C11.25,15.8284271 11.9215729,16.5 12.75,16.5 C13.5784271,16.5 14.25,15.8284271 14.25,15 C14.25,14.1715729 13.5784271,13.5 12.75,13.5 Z' id='Color'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E\");\n}\n\n.avatar.avatar-xsmall {\n  width: 24px;\n  height: 24px;\n  line-height: 24px;\n}\n\n.avatar.avatar-xsmall .avatar-initial {\n  font-family: \"Roboto\", \"Oxygen\", \"Ubuntu\", \"Fira Sans\", \"Droid Sans\", \"Helvetica Neue\", sans-serif;\n  font-size: 9px;\n  color: #777;\n}\n\n.avatar.avatar-small {\n  width: 32px;\n  height: 32px;\n  line-height: 32px;\n}\n\n.avatar.avatar-small .avatar-initial {\n  font-family: \"Roboto\", \"Oxygen\", \"Ubuntu\", \"Fira Sans\", \"Droid Sans\", \"Helvetica Neue\", sans-serif;\n  font-size: 12px;\n  color: #777;\n}\n\n.avatar.avatar-medium {\n  width: 40px;\n  height: 40px;\n  line-height: 40px;\n}\n\n.avatar.avatar-medium .avatar-initial {\n  font-family: \"Roboto\", \"Oxygen\", \"Ubuntu\", \"Fira Sans\", \"Droid Sans\", \"Helvetica Neue\", sans-serif;\n  font-size: 15px;\n  color: #777;\n}\n\n.avatar.avatar-large {\n  width: 60px;\n  height: 60px;\n  line-height: 60px;\n}\n\n.avatar.avatar-large .avatar-initial {\n  font-family: \"Roboto\", \"Oxygen\", \"Ubuntu\", \"Fira Sans\", \"Droid Sans\", \"Helvetica Neue\", sans-serif;\n  font-size: 22.5px;\n  color: #777;\n}\n\n.avatar.avatar-xlarge {\n  width: 80px;\n  height: 80px;\n  line-height: 80px;\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: 30px;\n  color: #777;\n}\n\n.avatar.avatar-xxlarge {\n  width: 120px;\n  height: 120px;\n  line-height: 120px;\n}\n\n.avatar.avatar-xxlarge .avatar-initial {\n  font-family: \"Roboto\", \"Oxygen\", \"Ubuntu\", \"Fira Sans\", \"Droid Sans\", \"Helvetica Neue\", sans-serif;\n  font-size: 45px;\n  color: #777;\n}\n\n.avatar.avatar--overlay-icon {\n  font-family: \"Mekari-Icon-Regular\";\n  font-size: 24px;\n}\n\n.avatar.avatar--overlay-icon::after {\n  color: #fff;\n  content: \"\\e877\";\n}\n\n.avatar.avatar--overlay-icon:hover::after {\n  cursor: pointer;\n  opacity: 1;\n}\n\n.avatar.avatar-circle {\n  border-radius: 100%;\n}\n\n.avatar.avatar-square {\n  border-radius: 8px;\n}\n\n.avatar.avatar--no-overlay:hover::after {\n  opacity: 0;\n}\n\n.avatar-stacked {\n  display: inline-flex;\n  flex-wrap: wrap;\n  align-items: center;\n  font-size: 0;\n}\n\n.avatar-stacked .avatar-xsmall {\n  box-shadow: 0.6px 0 0 0.6px #fff;\n}\n\n.avatar-stacked .avatar-xsmall:nth-child(1) {\n  margin-left: 0;\n  z-index: 6;\n}\n\n.avatar-stacked .avatar-xsmall:nth-child(2) {\n  margin-left: -6px;\n  z-index: 5;\n}\n\n.avatar-stacked .avatar-xsmall:nth-child(3) {\n  margin-left: -6px;\n  z-index: 4;\n}\n\n.avatar-stacked .avatar-xsmall:nth-child(4) {\n  margin-left: -6px;\n  z-index: 3;\n}\n\n.avatar-stacked .avatar-xsmall:nth-child(5) {\n  margin-left: -6px;\n  z-index: 2;\n}\n\n.avatar-stacked .avatar-xsmall:nth-child(6) {\n  margin-left: -6px;\n  z-index: 1;\n}\n\n.avatar-stacked .avatar-small {\n  box-shadow: 0.8px 0 0 0.8px #fff;\n}\n\n.avatar-stacked .avatar-small:nth-child(1) {\n  margin-left: 0;\n  z-index: 6;\n}\n\n.avatar-stacked .avatar-small:nth-child(2) {\n  margin-left: -8px;\n  z-index: 5;\n}\n\n.avatar-stacked .avatar-small:nth-child(3) {\n  margin-left: -8px;\n  z-index: 4;\n}\n\n.avatar-stacked .avatar-small:nth-child(4) {\n  margin-left: -8px;\n  z-index: 3;\n}\n\n.avatar-stacked .avatar-small:nth-child(5) {\n  margin-left: -8px;\n  z-index: 2;\n}\n\n.avatar-stacked .avatar-small:nth-child(6) {\n  margin-left: -8px;\n  z-index: 1;\n}\n\n.avatar-stacked .avatar-medium {\n  box-shadow: 1px 0 0 1px #fff;\n}\n\n.avatar-stacked .avatar-medium:nth-child(1) {\n  margin-left: 0;\n  z-index: 6;\n}\n\n.avatar-stacked .avatar-medium:nth-child(2) {\n  margin-left: -10px;\n  z-index: 5;\n}\n\n.avatar-stacked .avatar-medium:nth-child(3) {\n  margin-left: -10px;\n  z-index: 4;\n}\n\n.avatar-stacked .avatar-medium:nth-child(4) {\n  margin-left: -10px;\n  z-index: 3;\n}\n\n.avatar-stacked .avatar-medium:nth-child(5) {\n  margin-left: -10px;\n  z-index: 2;\n}\n\n.avatar-stacked .avatar-medium:nth-child(6) {\n  margin-left: -10px;\n  z-index: 1;\n}\n\n.avatar-stacked .avatar-large {\n  box-shadow: 1.5px 0 0 1.5px #fff;\n}\n\n.avatar-stacked .avatar-large:nth-child(1) {\n  margin-left: 0;\n  z-index: 6;\n}\n\n.avatar-stacked .avatar-large:nth-child(2) {\n  margin-left: -15px;\n  z-index: 5;\n}\n\n.avatar-stacked .avatar-large:nth-child(3) {\n  margin-left: -15px;\n  z-index: 4;\n}\n\n.avatar-stacked .avatar-large:nth-child(4) {\n  margin-left: -15px;\n  z-index: 3;\n}\n\n.avatar-stacked .avatar-large:nth-child(5) {\n  margin-left: -15px;\n  z-index: 2;\n}\n\n.avatar-stacked .avatar-large:nth-child(6) {\n  margin-left: -15px;\n  z-index: 1;\n}\n\n.avatar-stacked .avatar-xlarge {\n  box-shadow: 2px 0 0 2px #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: -20px;\n  z-index: 5;\n}\n\n.avatar-stacked .avatar-xlarge:nth-child(3) {\n  margin-left: -20px;\n  z-index: 4;\n}\n\n.avatar-stacked .avatar-xlarge:nth-child(4) {\n  margin-left: -20px;\n  z-index: 3;\n}\n\n.avatar-stacked .avatar-xlarge:nth-child(5) {\n  margin-left: -20px;\n  z-index: 2;\n}\n\n.avatar-stacked .avatar-xlarge:nth-child(6) {\n  margin-left: -20px;\n  z-index: 1;\n}\n\n.avatar-stacked .avatar-xxlarge {\n  box-shadow: 3px 0 0 3px #fff;\n}\n\n.avatar-stacked .avatar-xxlarge:nth-child(1) {\n  margin-left: 0;\n  z-index: 6;\n}\n\n.avatar-stacked .avatar-xxlarge:nth-child(2) {\n  margin-left: -30px;\n  z-index: 5;\n}\n\n.avatar-stacked .avatar-xxlarge:nth-child(3) {\n  margin-left: -30px;\n  z-index: 4;\n}\n\n.avatar-stacked .avatar-xxlarge:nth-child(4) {\n  margin-left: -30px;\n  z-index: 3;\n}\n\n.avatar-stacked .avatar-xxlarge:nth-child(5) {\n  margin-left: -30px;\n  z-index: 2;\n}\n\n.avatar-stacked .avatar-xxlarge: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: -2px 0 0 2px #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-reversed .avatar-xxlarge {\n  box-shadow: -3px 0 0 3px #fff;\n}\n\n.avatar-stacked.avatar-stacked-reversed .avatar-xxlarge:nth-child(1) {\n  z-index: 1;\n}\n\n.avatar-stacked.avatar-stacked-reversed .avatar-xxlarge:nth-child(2) {\n  z-index: 2;\n}\n\n.avatar-stacked.avatar-stacked-reversed .avatar-xxlarge:nth-child(3) {\n  z-index: 3;\n}\n\n.avatar-stacked.avatar-stacked-reversed .avatar-xxlarge:nth-child(4) {\n  z-index: 4;\n}\n\n.avatar-stacked.avatar-stacked-reversed .avatar-xxlarge:nth-child(5) {\n  z-index: 5;\n}\n\n.avatar-stacked.avatar-stacked-reversed .avatar-xxlarge: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: -10px;\n}\n\n.avatar-stacked.avatar-stacked-sparse .avatar-xlarge:nth-child(3) {\n  margin-left: -10px;\n}\n\n.avatar-stacked.avatar-stacked-sparse .avatar-xlarge:nth-child(4) {\n  margin-left: -10px;\n}\n\n.avatar-stacked.avatar-stacked-sparse .avatar-xlarge:nth-child(5) {\n  margin-left: -10px;\n}\n\n.avatar-stacked.avatar-stacked-sparse .avatar-xlarge:nth-child(6) {\n  margin-left: -10px;\n}\n\n.avatar-stacked.avatar-stacked-sparse .avatar-xxlarge:nth-child(1) {\n  margin-left: 0;\n}\n\n.avatar-stacked.avatar-stacked-sparse .avatar-xxlarge:nth-child(2) {\n  margin-left: -15px;\n}\n\n.avatar-stacked.avatar-stacked-sparse .avatar-xxlarge:nth-child(3) {\n  margin-left: -15px;\n}\n\n.avatar-stacked.avatar-stacked-sparse .avatar-xxlarge:nth-child(4) {\n  margin-left: -15px;\n}\n\n.avatar-stacked.avatar-stacked-sparse .avatar-xxlarge:nth-child(5) {\n  margin-left: -15px;\n}\n\n.avatar-stacked.avatar-stacked-sparse .avatar-xxlarge: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: 26.666667px;\n}\n\n.avatar-grid-row .avatar-xlarge:first-child {\n  margin-left: 0;\n}\n\n.avatar-grid-row .avatar-xxlarge {\n  margin-left: 40px;\n}\n\n.avatar-grid-row .avatar-xxlarge: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: 26.666667px;\n}\n\n.avatar-grid-xlarge .avatar-grid-row:first-child {\n  padding-top: 0;\n}\n\n.avatar-grid-xxlarge .avatar-grid-row {\n  padding-top: 40px;\n}\n\n.avatar-grid-xxlarge .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\": 80px,\n  \"xxlarge\": 120px,\n);\n\n.avatar {\n  position: relative;\n  display: inline-block;\n  overflow: hidden;\n  text-align: center;\n  vertical-align: middle;\n  background-color: $smoke;\n  &.dropdown-toggle {\n    &::after {\n      display: initial !important; // stylelint-disable-line declaration-no-important\n    }\n  }\n  &::after {\n    content: \"\\A\";\n    @extend %avatar-overlay-initial-state;\n    background: rgba(0, 0, 0, .5) !important; // stylelint-disable-line declaration-no-important\n  }\n  &:hover {\n    cursor: pointer;\n    &::after {\n      cursor: pointer;\n      opacity: 1;\n    }\n  }\n  .avatar-photo {\n    width: 100%;\n    height: 100%;\n    vertical-align: top;\n    background-color: $smoke;\n  }\n  &.avatar-default-people {\n    background-image: $avatar-default-people;\n    @extend %avatar-default-template;\n    background-size: 100% 100%;\n  }\n  &.avatar-default-file {\n    background-image: $avatar-default-file;\n    @extend %avatar-default-template;\n  }\n  &.avatar-default-image {\n    background-image: $avatar-default-image;\n    @extend %avatar-default-template;\n  }\n  @each $name, $size in $avatar-element-size {\n    &.avatar-#{$name} {\n      width: $size;\n      height: $size;\n      line-height: $size;\n      .avatar-initial {\n        font-family: $font-family-base;\n        font-size: $size * .375;\n        color: $slate;\n      }\n    }\n  }\n  $avatar-font-family: \"Mekari-Icon-Regular\";\n  &.avatar--overlay-icon {\n    font-family: $avatar-font-family;\n    font-size: 24px;\n    &::after {\n      color: $white;\n      content: \"\\e877\";\n      @extend %avatar-overlay-initial-state;\n    }\n    &:hover {\n      &::after {\n        cursor: pointer;\n        opacity: 1;\n      }\n    }\n  }\n  &.avatar-circle {\n    border-radius: 100%; // stylelint-disable-line property-blacklist\n  }\n  &.avatar-square {\n    border-radius: 8px; // stylelint-disable-line property-blacklist\n  }\n  &.avatar--no-overlay {\n    &:hover::after {\n      opacity: 0;\n    }\n  }\n}\n\n.avatar-stacked {\n  display: inline-flex;\n  flex-wrap: wrap;\n  align-items: center;\n  font-size: 0;\n  @each $name, $size in $avatar-element-size {\n    .avatar-#{$name} {\n      box-shadow: #{$size / 40} 0 0 #{$size / 40} $white;\n    }\n    @for $i from 1 through 6 {\n      .avatar-#{$name}:nth-child(#{$i}) {\n        @if $i == 1 {\n          margin-left: 0;\n        } @else {\n          margin-left: -#{$size / 4};\n        }\n        z-index: 7 - $i;\n      }\n    }\n  }\n  .avatar-stacked-text {\n    position: relative;\n    padding-left: 16px;\n    color: $link;\n    cursor: pointer;\n    p {\n      margin: 0;\n      line-height: 14px;\n    }\n    &.dropdown-toggle::after {\n      display: none;\n    }\n  }\n  &.avatar-stacked-reversed {\n    @each $name, $size in $avatar-element-size {\n      .avatar-#{$name} {\n        box-shadow: -#{$size / 40} 0 0 #{$size / 40} $white;\n      }\n      @for $i from 1 through 6 {\n        .avatar-#{$name}:nth-child(#{$i}) {\n          z-index: $i;\n        }\n      }\n    }\n  }\n  &.avatar-stacked-sparse {\n    @each $name, $size in $avatar-element-size {\n      @for $i from 1 through 6 {\n        .avatar-#{$name}:nth-child(#{$i}) {\n          @if $i == 1 {\n            margin-left: 0;\n          } @else {\n            margin-left: -#{$size / 8};\n          }\n        }\n      }\n    }\n  }\n}\n\n.avatar-grid-container {\n  display: inline-block;\n}\n\n.avatar-grid-row {\n  font-size: 0;\n  @each $name, $size in $avatar-element-size {\n    .avatar-#{$name} {\n      margin-left: #{$size / 3};\n    }\n    .avatar-#{$name}:first-child {\n      margin-left: 0;\n    }\n  }\n  .avatar-grid-text {\n    padding-top: 8px;\n    color: $link;\n    text-align: center;\n    cursor: pointer;\n    p {\n      margin: 0;\n    }\n    &.dropdown-toggle {\n      &::after {\n        display: none;\n      }\n    }\n  }\n}\n\n@each $name, $size in $avatar-element-size {\n  .avatar-grid-#{$name} {\n    .avatar-grid-row {\n      padding-top: #{$size / 3};\n    }\n    .avatar-grid-row:first-child {\n      padding-top: 0;\n    }\n  }\n}\n","// Neutrals color variables\n$dark:  #212121;\n$slate: #777;\n$muted: #b4b4b4;\n$smoke: #e2e2e2;\n$snow:  #fbfbfb;\n$white: #fff;\n$cloud: #f2f4f7;\n\n// UI color variables\n$red:           #d74022;\n$green:         #009f61;\n$light-yellow:  #ffeb99;\n$blue:          #1357ff;\n$orange:        #ffb700;\n$sapphire:      #005fbf;\n\n// Branding color variables\n$crimson:     #c02a34;\n$azure:       #009bde;\n$salamander:  #f96d01;\n$purple:      #6d48e5;\n\n// Bootstrap dependencies color\n$black:    #000 !default;\n$gray-100: #f8f9fa !default;\n$gray-200: #e9ecef !default;\n$gray-300: #dee2e6 !default;\n$gray-400: #ced4da !default;\n$gray-500: #adb5bd !default;\n$gray-600: #6c757d !default;\n$gray-700: #495057 !default;\n$gray-800: #343a40 !default;\n$gray-900: #212529 !default;\n\n// The yiq lightness value that determines when the lightness of color changes from \"dark\" to \"light\". Acceptable values are between 0 and 255.\n$yiq-contrasted-threshold:  150 !default;\n\n// Customize the light and dark text colors for use in our YIQ color contrast function.\n$yiq-text-dark:             $gray-900 !default;\n$yiq-text-light:            $white !default;\n\n\n$grays: () !default;\n// stylelint-disable-next-line scss/dollar-variable-default\n$grays: map-merge(\n  (\n    \"100\": $gray-100,\n    \"200\": $gray-200,\n    \"300\": $gray-300,\n    \"400\": $gray-400,\n    \"500\": $gray-500,\n    \"600\": $gray-600,\n    \"700\": $gray-700,\n    \"800\": $gray-800,\n    \"900\": $gray-900\n  ),\n  $grays\n);\n\n// register mekari color variables too bootstrap\n$colors: ();\n$colors: map-merge(\n  (\n    \"noir\"         : $dark, // going to deprecated\n    \"dark\"         : $dark,\n    \"slate\"        : $slate,\n    \"muted\"        : $muted,\n    \"smoke\"        : $smoke,\n    \"snow\"         : $snow,\n    \"cloud\"        : $cloud,\n    \"crimson\"      : $crimson,\n    \"azure\"        : $azure,\n    \"salamander\"   : $salamander,\n    \"purple\"       : $purple,\n    \"sapphire\"     : $sapphire,\n    \"white\"        : $white,\n    \"red\"          : $red,\n    \"orange\"       : $orange,\n    \"green\"        : $green,\n    \"blue\"         : $blue,\n    \"light-yellow\" : $light-yellow\n  ),\n  $colors\n);\n\n//extend bootstrap class\n$danger:    $red;\n$success:   $green;\n$info:      $light-yellow;\n$warning:   $orange;\n$primary:   $sapphire;\n$jurnal:    $azure;\n$talenta:   $crimson;\n$klikpajak: $salamander;\n$mekari:    $purple;\n\n$link: $blue;\n\n$text-muted:  $muted;\n$body-color:  $dark;\n$dark:        $dark;\n$secondary:   $slate;\n$light:       $snow;\n\n// Add more theme color variables\n$theme-colors: ();\n$theme-colors: map-merge(\n  (\n    \"danger\"    : $danger,\n    \"success\"   : $success,\n    \"info\"      : $info,\n    \"warning\"   : $warning,\n    \"primary\"   : $primary,\n    \"jurnal\"    : $jurnal,\n    \"talenta\"   : $talenta,\n    \"klikpajak\" : $klikpajak,\n    \"mekari\"    : $mekari,\n    \"dark\"      : $dark,\n    \"slate\"     : $slate,\n    \"muted\"     : $muted,\n    \"smoke\"     : $smoke,\n    \"light\"     : $light,\n    \"cloud\"     : $cloud,\n    \"link\"      : $blue,\n    \"white\"     : $white\n  ),\n  $theme-colors\n);\n\n$card-border-color: $smoke;\n$body-bg: $white;\n","$avatar-default-people: url(\"data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg width='60px' height='60px' viewBox='0 0 60 60' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Ctitle%3E57B2CFBF-9694-4E42-8A9B-7C4261320855svg/%3C/title%3E%3Cdefs%3E%3Ccircle id='path-1' cx='30' cy='30' r='30'%3E%3C/circle%3E%3C/defs%3E%3Cg id='Design-Principle' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Components/-Avatar' transform='translate(-852.000000, -1412.000000)'%3E%3Cg id='Default-avatars' transform='translate(660.000000, 1315.000000)'%3E%3Cg id='Components/-Avatar/-Circle/-60px' transform='translate(192.000000, 97.000000)'%3E%3Cg id='Border'%3E%3Ccircle cx='30' cy='30' r='30'%3E%3C/circle%3E%3C/g%3E%3Cg id='Container'%3E%3Cmask id='mask-2' fill='white'%3E%3Cuse xlink:href='%23path-1'%3E%3C/use%3E%3C/mask%3E%3Cg id='Oval'%3E%3C/g%3E%3Cg id='Type' mask='url(%23mask-2)' fill-rule='nonzero'%3E%3Cg id='🙂-Face'%3E%3Crect id='Base' fill='%23E2E2E2' x='0' y='0' width='60' height='60'%3E%3C/rect%3E%3Cpath d='M31.7647059,38.8235294 C41.5109073,38.8235294 49.4117647,46.7243868 49.4117647,56.4705882 L49.4117647,60 L10.5882353,60 L10.5882353,56.4705882 C10.5882353,46.7243868 18.4890927,38.8235294 28.2352941,38.8235294 L31.7647059,38.8235294 Z M30.5294118,14.1176471 C36.3771326,14.1176471 41.1176471,18.8581615 41.1176471,24.7058824 C41.1176471,30.5536032 36.3771326,35.2941176 30.5294118,35.2941176 C24.6816909,35.2941176 19.9411765,30.5536032 19.9411765,24.7058824 C19.9411765,18.8581615 24.6816909,14.1176471 30.5294118,14.1176471 Z' id='Path' fill='%23B4B4B4'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3Cg id='State' mask='url(%23mask-2)'%3E%3Crect id='Overlay' x='0' y='0' width='60' height='60'%3E%3C/rect%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E\");\n\n$avatar-default-file: url(\"data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg width='36px' height='36px' viewBox='0 0 36 36' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3C!-- Generator: sketchtool 64 (101010) - https://sketch.com --%3E%3Ctitle%3E8416DD89-AB9A-4D81-8594-0E1ED11C1B09svg/%3C/title%3E%3Cdesc%3ECreated with sketchtool.%3C/desc%3E%3Cdefs%3E%3Crect id='path-1' x='0' y='0' width='60' height='60' rx='8'%3E%3C/rect%3E%3C/defs%3E%3Cg id='Design-Principle' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Components/-Avatar' transform='translate(-1224.000000, -1424.000000)'%3E%3Crect id='base' fill='%23FFFFFF' x='0' y='0' width='1920' height='3164'%3E%3C/rect%3E%3Cg id='Default-avatars' transform='translate(660.000000, 1315.000000)'%3E%3Cg id='Avatar-blank-type' transform='translate(192.000000, 97.000000)'%3E%3Cg id='Components/-Avatar/-Square/-60px' transform='translate(360.000000, 0.000000)'%3E%3Cmask id='mask-2' fill='white'%3E%3Cuse xlink:href='%23path-1'%3E%3C/use%3E%3C/mask%3E%3Cg id='Base'%3E%3C/g%3E%3Cg id='Type' mask='url(%23mask-2)' fill-rule='nonzero'%3E%3Crect id='Base' fill='%23E2E2E2' x='0' y='0' width='60' height='60'%3E%3C/rect%3E%3Cg id='Icons/-Regular/-Feature/-IMG' transform='translate(12.000000, 12.000000)' fill='%23777777'%3E%3Cpath d='M23.1213203,3 L30,9.87867966 L30,30 C30,31.6568542 28.6568542,33 27,33 L9,33 C7.34314575,33 6,31.6568542 6,30 L6,6 C6,4.34314575 7.34314575,3 9,3 L23.1213203,3 Z M21,4.5 L9,4.5 C8.17157288,4.5 7.5,5.17157288 7.5,6 L7.5,30 C7.5,30.8284271 8.17157288,31.5 9,31.5 L27,31.5 C27.8284271,31.5 28.5,30.8284271 28.5,30 L28.5,12 L23.25,12 C22.1342953,12 21.0906184,11.0028107 21.0055823,9.89504535 L21,9.75 L21,4.5 Z M24.75,25.5 C25.1642136,25.5 25.5,25.8357864 25.5,26.25 C25.5,26.6642136 25.1642136,27 24.75,27 L11.25,27 C10.8357864,27 10.5,26.6642136 10.5,26.25 C10.5,25.8357864 10.8357864,25.5 11.25,25.5 L24.75,25.5 Z M24.75,18 C25.1642136,18 25.5,18.3357864 25.5,18.75 C25.5,19.1642136 25.1642136,19.5 24.75,19.5 L11.25,19.5 C10.8357864,19.5 10.5,19.1642136 10.5,18.75 C10.5,18.3357864 10.8357864,18 11.25,18 L24.75,18 Z M15.75,10.5 C16.1642136,10.5 16.5,10.8357864 16.5,11.25 C16.5,11.6642136 16.1642136,12 15.75,12 L11.25,12 C10.8357864,12 10.5,11.6642136 10.5,11.25 C10.5,10.8357864 10.8357864,10.5 11.25,10.5 L15.75,10.5 Z M22.5,4.5 L22.5,9.75 C22.5,10.0857864 22.9142136,10.5 23.25,10.5 L23.25,10.5 L28.5,10.5 L22.5,4.5 Z' id='Color'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E\");\n\n$avatar-default-image: url(\"data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg width='36px' height='36px' viewBox='0 0 36 36' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3C!-- Generator: sketchtool 64 (101010) - https://sketch.com --%3E%3Ctitle%3E854A7405-039C-4712-92A0-AB1D01FDD088svg/%3C/title%3E%3Cdesc%3ECreated with sketchtool.%3C/desc%3E%3Cdefs%3E%3Crect id='path-1' x='0' y='0' width='60' height='60' rx='8'%3E%3C/rect%3E%3C/defs%3E%3Cg id='Design-Principle' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Components/-Avatar' transform='translate(-1044.000000, -1424.000000)'%3E%3Crect id='base' fill='%23FFFFFF' x='0' y='0' width='1920' height='3164'%3E%3C/rect%3E%3Cg id='Default-avatars' transform='translate(660.000000, 1315.000000)'%3E%3Cg id='Avatar-blank-type' transform='translate(192.000000, 97.000000)'%3E%3Cg id='Components/-Avatar/-Square/-60px' transform='translate(180.000000, 0.000000)'%3E%3Cmask id='mask-2' fill='white'%3E%3Cuse xlink:href='%23path-1'%3E%3C/use%3E%3C/mask%3E%3Cg id='Base'%3E%3C/g%3E%3Cg id='Type' mask='url(%23mask-2)' fill-rule='nonzero'%3E%3Crect id='Base' fill='%23E2E2E2' x='0' y='0' width='60' height='60'%3E%3C/rect%3E%3Cg id='Icons/-Regular/-Feature/-IMG' transform='translate(12.000000, 12.000000)' fill='%23777777'%3E%3Cpath d='M24.0307692,3 C24.2326984,3 24.4271578,3.07954407 24.5751301,3.22267209 L29.7443609,8.22267209 C29.9073745,8.38034894 30,8.60160933 30,8.83333333 L30,32.1666667 C30,32.626904 29.6418278,33 29.2,33 L6.8,33 C6.3581722,33 6,32.626904 6,32.1666667 L6,3.83333333 C6,3.37309604 6.3581722,3 6.8,3 L24.0307692,3 Z M12.2596988,25.7875335 L8.92873792,30.3339749 C8.84660416,30.4571755 8.80277564,30.6019313 8.80277564,30.75 C8.80277564,31.1642136 9.13856208,31.5 9.55277564,31.5 L18.6487188,31.5 L13.4599025,25.7234205 C13.4137204,25.6680021 13.3597846,25.6195363 13.2997616,25.579521 C12.9551151,25.3497567 12.4894631,25.442887 12.2596988,25.7875335 Z M21.1758419,19.8540405 L16.7020464,26.6752406 L20.607804,31.5 L27.299016,31.4994534 C28.5,31.4923469 28.5,31.3928571 28.5,30 L28.5,28.5391523 L22.3636022,19.842318 C22.3238169,19.7917673 22.2776933,19.7465447 22.2263672,19.707765 C21.8958797,19.4580634 21.4255435,19.523553 21.1758419,19.8540405 Z M23.7715845,4.5 L7.5,4.5 L7.50072911,29.827172 C7.55141195,29.7144696 7.61151182,29.6056505 7.68066248,29.5019246 L11.0116233,24.9554835 C11.7009164,23.921544 13.0978724,23.642153 14.1318119,24.331446 C14.3118808,24.4514919 14.4736883,24.5968893 14.6122344,24.7631445 L15.455,25.722 L19.9790409,18.949791 C20.7281458,17.9583286 22.1391544,17.7618596 23.1306168,18.5109645 C23.2845952,18.6273037 23.4229661,18.7629699 23.5423219,18.914622 L28.5,25.905 L28.5,9.08668365 L23.7715845,4.5 Z M12.75,12 C14.4068542,12 15.75,13.3431458 15.75,15 C15.75,16.6568542 14.4068542,18 12.75,18 C11.0931458,18 9.75,16.6568542 9.75,15 C9.75,13.3431458 11.0931458,12 12.75,12 Z M12.75,13.5 C11.9215729,13.5 11.25,14.1715729 11.25,15 C11.25,15.8284271 11.9215729,16.5 12.75,16.5 C13.5784271,16.5 14.25,15.8284271 14.25,15 C14.25,14.1715729 13.5784271,13.5 12.75,13.5 Z' id='Color'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E\");\n","$font-family-roboto:                  \"Roboto\", \"Oxygen\", \"Ubuntu\", \"Fira Sans\", \"Droid Sans\", \"Helvetica Neue\", sans-serif;\n$font-family-base:                    $font-family-roboto;\n$font-family-monospace: monospace;\n\n// 1 rem = 16px\n$font-size-base:                      .875rem; // 14px\n$font-size-lg:                        1.25rem; // 20px\n$font-size-sm:                        .75rem; // 12px\n\n$line-height-base:                    1.4285; // The closest value to Mekari design\n$line-height-lg:                      1.4285;\n$line-height-sm:                      1.4285;\n$letter-spacing:                      .2px;\n\n$font-weight-lighter:                 400;\n$font-weight-light:                   400;\n$font-weight-normal:                  400;\n$font-weight-base:                    400;\n$font-weight-bold:                    500;\n$font-weight-bolder:                  500;\n\n$dt-font-weight: $font-weight-bold;\n\n// Text color\n$body-color:                          $dark;\n$link-color:                          $blue;\n$link-hover-color:                    darken($link-color, 15%);\n$link-decoration:                     none;\n$link-hover-decoration:               underline;\n$h5-font-size:                        16px;\n\n$input-placeholder-color:             $text-muted;\n$custom-select-disabled-color:        $text-muted;\n$custom-control-label-disabled-color: $text-muted;\n"]}