mekari-ui-toolkit
Version:
Mekari ui toolkit
1 lines • 47.6 kB
Source Map (JSON)
{"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"]}