mekari_ui_toolkit 1.0.12 → 1.0.13

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 (12) 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 +638 -42
  5. data/lib/assets/stylesheets/css/components/mekari-ui-avatar.css.map +1 -1
  6. data/lib/assets/stylesheets/css/full-bundle/mekari-ui.css +638 -42
  7. data/lib/assets/stylesheets/css/full-bundle/mekari-ui.css.map +1 -1
  8. data/lib/assets/stylesheets/css/full-bundle/mekari-ui.min.css +1 -1
  9. data/lib/assets/stylesheets/css/full-bundle/mekari-ui.min.css.map +1 -1
  10. data/lib/assets/stylesheets/scss/components/config/_avatar.scss +50 -22
  11. data/lib/mekari_ui_toolkit/version.rb +1 -1
  12. 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":"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","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::after {\n content: \"\\A\";\n background: rgba(0, 0, 0, 0.5);\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-small {\n width: 24px;\n height: 24px;\n line-height: 24px;\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: 10.8px;\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: flex;\n flex-wrap: wrap;\n align-items: center;\n font-size: 0;\n}\n\n.avatar-stacked .avatar-small {\n box-shadow: 2.4px 0 0 1.2px #fff;\n}\n\n.avatar-stacked .avatar-small:nth-child(1) {\n z-index: 5;\n}\n\n.avatar-stacked .avatar-small:nth-child(2) {\n right: 2.4px;\n z-index: 4;\n}\n\n.avatar-stacked .avatar-small:nth-child(3) {\n right: 4.8px;\n z-index: 3;\n}\n\n.avatar-stacked .avatar-small:nth-child(4) {\n right: 7.2px;\n z-index: 2;\n}\n\n.avatar-stacked .avatar-small:nth-child(5) {\n right: 9.6px;\n z-index: 1;\n}\n\n.avatar-stacked .avatar-medium {\n box-shadow: 4px 0 0 2px #fff;\n}\n\n.avatar-stacked .avatar-medium:nth-child(1) {\n z-index: 5;\n}\n\n.avatar-stacked .avatar-medium:nth-child(2) {\n right: 4px;\n z-index: 4;\n}\n\n.avatar-stacked .avatar-medium:nth-child(3) {\n right: 8px;\n z-index: 3;\n}\n\n.avatar-stacked .avatar-medium:nth-child(4) {\n right: 12px;\n z-index: 2;\n}\n\n.avatar-stacked .avatar-medium:nth-child(5) {\n right: 16px;\n z-index: 1;\n}\n\n.avatar-stacked .avatar-large {\n box-shadow: 6px 0 0 3px #fff;\n}\n\n.avatar-stacked .avatar-large:nth-child(1) {\n z-index: 5;\n}\n\n.avatar-stacked .avatar-large:nth-child(2) {\n right: 6px;\n z-index: 4;\n}\n\n.avatar-stacked .avatar-large:nth-child(3) {\n right: 12px;\n z-index: 3;\n}\n\n.avatar-stacked .avatar-large:nth-child(4) {\n right: 18px;\n z-index: 2;\n}\n\n.avatar-stacked .avatar-large:nth-child(5) {\n right: 24px;\n z-index: 1;\n}\n\n.avatar-stacked .avatar-xlarge {\n box-shadow: 12px 0 0 6px #fff;\n}\n\n.avatar-stacked .avatar-xlarge:nth-child(1) {\n z-index: 5;\n}\n\n.avatar-stacked .avatar-xlarge:nth-child(2) {\n right: 12px;\n z-index: 4;\n}\n\n.avatar-stacked .avatar-xlarge:nth-child(3) {\n right: 24px;\n z-index: 3;\n}\n\n.avatar-stacked .avatar-xlarge:nth-child(4) {\n right: 36px;\n z-index: 2;\n}\n\n.avatar-stacked .avatar-xlarge:nth-child(5) {\n right: 48px;\n z-index: 1;\n}\n\n.avatar-stacked .avatar-stacked-text {\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-grid-container {\n display: inline-block;\n}\n\n.avatar-grid-row {\n font-size: 0;\n}\n\n.avatar-grid-row .avatar-small {\n margin-left: 8px;\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-small .avatar-grid-row {\n padding-top: 8px;\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 \"small\": 24px,\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 &::after {\n content: \"\\A\";\n @extend %avatar-overlay-initial-state;\n background: rgba(0, 0, 0, .5);\n }\n &:hover {\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: 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 / 10} 0 0 #{$size / 20} $white;\n }\n .avatar-#{$name}:nth-child(1) {\n z-index: 5;\n }\n .avatar-#{$name}:nth-child(2) {\n right: #{$size / 10};\n z-index: 4;\n }\n .avatar-#{$name}:nth-child(3) {\n right: #{$size / 10 * 2};\n z-index: 3;\n }\n .avatar-#{$name}:nth-child(4) {\n right: #{$size / 10 * 3};\n z-index: 2;\n }\n .avatar-#{$name}:nth-child(5) {\n right: #{$size / 10 * 4};\n z-index: 1;\n }\n }\n .avatar-stacked-text {\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}\n\n.avatar-grid-container {\n display: inline-block;\n}\n\n.avatar-grid-row {\n font-size: 0;\n @each $name, $size in $avatar-element-size {\n .avatar-#{$name} {\n margin-left: #{$size / 3};\n }\n .avatar-#{$name}:first-child {\n margin-left: 0;\n }\n }\n .avatar-grid-text {\n padding-top: 8px;\n color: $link;\n text-align: center;\n cursor: pointer;\n p {\n margin: 0;\n }\n &.dropdown-toggle {\n &::after {\n display: none;\n }\n }\n }\n}\n\n@each $name, $size in $avatar-element-size {\n .avatar-grid-#{$name} {\n .avatar-grid-row {\n padding-top: #{$size / 3};\n }\n .avatar-grid-row:first-child {\n padding-top: 0;\n }\n }\n}\n","// Neutrals color variables\n$dark: #212121;\n$slate: #777;\n$muted: #b4b4b4;\n$smoke: #e2e2e2;\n$snow: #fbfbfb;\n$white: #fff;\n$cloud: #f2f4f7;\n\n// UI color variables\n$red: #d74022;\n$green: #009f61;\n$light-yellow: #ffeb99;\n$blue: #1357ff;\n$orange: #ffb700;\n$sapphire: #005fbf;\n\n// Branding color variables\n$crimson: #c02a34;\n$azure: #009bde;\n$salamander: #f96d01;\n$purple: #6d48e5;\n\n// Bootstrap dependencies color\n$black: #000 !default;\n$gray-100: #f8f9fa !default;\n$gray-200: #e9ecef !default;\n$gray-300: #dee2e6 !default;\n$gray-400: #ced4da !default;\n$gray-500: #adb5bd !default;\n$gray-600: #6c757d !default;\n$gray-700: #495057 !default;\n$gray-800: #343a40 !default;\n$gray-900: #212529 !default;\n\n// The yiq lightness value that determines when the lightness of color changes from \"dark\" to \"light\". Acceptable values are between 0 and 255.\n$yiq-contrasted-threshold: 150 !default;\n\n// Customize the light and dark text colors for use in our YIQ color contrast function.\n$yiq-text-dark: $gray-900 !default;\n$yiq-text-light: $white !default;\n\n\n$grays: () !default;\n// stylelint-disable-next-line scss/dollar-variable-default\n$grays: map-merge(\n (\n \"100\": $gray-100,\n \"200\": $gray-200,\n \"300\": $gray-300,\n \"400\": $gray-400,\n \"500\": $gray-500,\n \"600\": $gray-600,\n \"700\": $gray-700,\n \"800\": $gray-800,\n \"900\": $gray-900\n ),\n $grays\n);\n\n// register mekari color variables too bootstrap\n$colors: ();\n$colors: map-merge(\n (\n \"noir\" : $dark, // going to deprecated\n \"dark\" : $dark,\n \"slate\" : $slate,\n \"muted\" : $muted,\n \"smoke\" : $smoke,\n \"snow\" : $snow,\n \"cloud\" : $cloud,\n \"crimson\" : $crimson,\n \"azure\" : $azure,\n \"salamander\" : $salamander,\n \"purple\" : $purple,\n \"sapphire\" : $sapphire,\n \"white\" : $white,\n \"red\" : $red,\n \"orange\" : $orange,\n \"green\" : $green,\n \"blue\" : $blue,\n \"light-yellow\" : $light-yellow\n ),\n $colors\n);\n\n//extend bootstrap class\n$danger: $red;\n$success: $green;\n$info: $light-yellow;\n$warning: $orange;\n$primary: $sapphire;\n$jurnal: $azure;\n$talenta: $crimson;\n$klikpajak: $salamander;\n$mekari: $purple;\n\n$link: $blue;\n\n$text-muted: $muted;\n$body-color: $dark;\n$dark: $dark;\n$secondary: $slate;\n$light: $snow;\n\n// Add more theme color variables\n$theme-colors: ();\n$theme-colors: map-merge(\n (\n \"danger\" : $danger,\n \"success\" : $success,\n \"info\" : $info,\n \"warning\" : $warning,\n \"primary\" : $primary,\n \"jurnal\" : $jurnal,\n \"talenta\" : $talenta,\n \"klikpajak\" : $klikpajak,\n \"mekari\" : $mekari,\n \"dark\" : $dark,\n \"slate\" : $slate,\n \"muted\" : $muted,\n \"smoke\" : $smoke,\n \"light\" : $light,\n \"cloud\" : $cloud,\n \"link\" : $blue,\n \"white\" : $white\n ),\n $theme-colors\n);\n\n$card-border-color: $smoke;\n$body-bg: $white;\n","$avatar-default-people: url(\"data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg width='60px' height='60px' viewBox='0 0 60 60' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Ctitle%3E57B2CFBF-9694-4E42-8A9B-7C4261320855svg/%3C/title%3E%3Cdefs%3E%3Ccircle id='path-1' cx='30' cy='30' r='30'%3E%3C/circle%3E%3C/defs%3E%3Cg id='Design-Principle' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Components/-Avatar' transform='translate(-852.000000, -1412.000000)'%3E%3Cg id='Default-avatars' transform='translate(660.000000, 1315.000000)'%3E%3Cg id='Components/-Avatar/-Circle/-60px' transform='translate(192.000000, 97.000000)'%3E%3Cg id='Border'%3E%3Ccircle cx='30' cy='30' r='30'%3E%3C/circle%3E%3C/g%3E%3Cg id='Container'%3E%3Cmask id='mask-2' fill='white'%3E%3Cuse xlink:href='%23path-1'%3E%3C/use%3E%3C/mask%3E%3Cg id='Oval'%3E%3C/g%3E%3Cg id='Type' mask='url(%23mask-2)' fill-rule='nonzero'%3E%3Cg id='🙂-Face'%3E%3Crect id='Base' fill='%23E2E2E2' x='0' y='0' width='60' height='60'%3E%3C/rect%3E%3Cpath d='M31.7647059,38.8235294 C41.5109073,38.8235294 49.4117647,46.7243868 49.4117647,56.4705882 L49.4117647,60 L10.5882353,60 L10.5882353,56.4705882 C10.5882353,46.7243868 18.4890927,38.8235294 28.2352941,38.8235294 L31.7647059,38.8235294 Z M30.5294118,14.1176471 C36.3771326,14.1176471 41.1176471,18.8581615 41.1176471,24.7058824 C41.1176471,30.5536032 36.3771326,35.2941176 30.5294118,35.2941176 C24.6816909,35.2941176 19.9411765,30.5536032 19.9411765,24.7058824 C19.9411765,18.8581615 24.6816909,14.1176471 30.5294118,14.1176471 Z' id='Path' fill='%23B4B4B4'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3Cg id='State' mask='url(%23mask-2)'%3E%3Crect id='Overlay' x='0' y='0' width='60' height='60'%3E%3C/rect%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E\");\n\n$avatar-default-file: url(\"data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg width='36px' height='36px' viewBox='0 0 36 36' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3C!-- Generator: sketchtool 64 (101010) - https://sketch.com --%3E%3Ctitle%3E8416DD89-AB9A-4D81-8594-0E1ED11C1B09svg/%3C/title%3E%3Cdesc%3ECreated with sketchtool.%3C/desc%3E%3Cdefs%3E%3Crect id='path-1' x='0' y='0' width='60' height='60' rx='8'%3E%3C/rect%3E%3C/defs%3E%3Cg id='Design-Principle' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Components/-Avatar' transform='translate(-1224.000000, -1424.000000)'%3E%3Crect id='base' fill='%23FFFFFF' x='0' y='0' width='1920' height='3164'%3E%3C/rect%3E%3Cg id='Default-avatars' transform='translate(660.000000, 1315.000000)'%3E%3Cg id='Avatar-blank-type' transform='translate(192.000000, 97.000000)'%3E%3Cg id='Components/-Avatar/-Square/-60px' transform='translate(360.000000, 0.000000)'%3E%3Cmask id='mask-2' fill='white'%3E%3Cuse xlink:href='%23path-1'%3E%3C/use%3E%3C/mask%3E%3Cg id='Base'%3E%3C/g%3E%3Cg id='Type' mask='url(%23mask-2)' fill-rule='nonzero'%3E%3Crect id='Base' fill='%23E2E2E2' x='0' y='0' width='60' height='60'%3E%3C/rect%3E%3Cg id='Icons/-Regular/-Feature/-IMG' transform='translate(12.000000, 12.000000)' fill='%23777777'%3E%3Cpath d='M23.1213203,3 L30,9.87867966 L30,30 C30,31.6568542 28.6568542,33 27,33 L9,33 C7.34314575,33 6,31.6568542 6,30 L6,6 C6,4.34314575 7.34314575,3 9,3 L23.1213203,3 Z M21,4.5 L9,4.5 C8.17157288,4.5 7.5,5.17157288 7.5,6 L7.5,30 C7.5,30.8284271 8.17157288,31.5 9,31.5 L27,31.5 C27.8284271,31.5 28.5,30.8284271 28.5,30 L28.5,12 L23.25,12 C22.1342953,12 21.0906184,11.0028107 21.0055823,9.89504535 L21,9.75 L21,4.5 Z M24.75,25.5 C25.1642136,25.5 25.5,25.8357864 25.5,26.25 C25.5,26.6642136 25.1642136,27 24.75,27 L11.25,27 C10.8357864,27 10.5,26.6642136 10.5,26.25 C10.5,25.8357864 10.8357864,25.5 11.25,25.5 L24.75,25.5 Z M24.75,18 C25.1642136,18 25.5,18.3357864 25.5,18.75 C25.5,19.1642136 25.1642136,19.5 24.75,19.5 L11.25,19.5 C10.8357864,19.5 10.5,19.1642136 10.5,18.75 C10.5,18.3357864 10.8357864,18 11.25,18 L24.75,18 Z M15.75,10.5 C16.1642136,10.5 16.5,10.8357864 16.5,11.25 C16.5,11.6642136 16.1642136,12 15.75,12 L11.25,12 C10.8357864,12 10.5,11.6642136 10.5,11.25 C10.5,10.8357864 10.8357864,10.5 11.25,10.5 L15.75,10.5 Z M22.5,4.5 L22.5,9.75 C22.5,10.0857864 22.9142136,10.5 23.25,10.5 L23.25,10.5 L28.5,10.5 L22.5,4.5 Z' id='Color'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E\");\n\n$avatar-default-image: url(\"data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg width='36px' height='36px' viewBox='0 0 36 36' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3C!-- Generator: sketchtool 64 (101010) - https://sketch.com --%3E%3Ctitle%3E854A7405-039C-4712-92A0-AB1D01FDD088svg/%3C/title%3E%3Cdesc%3ECreated with sketchtool.%3C/desc%3E%3Cdefs%3E%3Crect id='path-1' x='0' y='0' width='60' height='60' rx='8'%3E%3C/rect%3E%3C/defs%3E%3Cg id='Design-Principle' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Components/-Avatar' transform='translate(-1044.000000, -1424.000000)'%3E%3Crect id='base' fill='%23FFFFFF' x='0' y='0' width='1920' height='3164'%3E%3C/rect%3E%3Cg id='Default-avatars' transform='translate(660.000000, 1315.000000)'%3E%3Cg id='Avatar-blank-type' transform='translate(192.000000, 97.000000)'%3E%3Cg id='Components/-Avatar/-Square/-60px' transform='translate(180.000000, 0.000000)'%3E%3Cmask id='mask-2' fill='white'%3E%3Cuse xlink:href='%23path-1'%3E%3C/use%3E%3C/mask%3E%3Cg id='Base'%3E%3C/g%3E%3Cg id='Type' mask='url(%23mask-2)' fill-rule='nonzero'%3E%3Crect id='Base' fill='%23E2E2E2' x='0' y='0' width='60' height='60'%3E%3C/rect%3E%3Cg id='Icons/-Regular/-Feature/-IMG' transform='translate(12.000000, 12.000000)' fill='%23777777'%3E%3Cpath d='M24.0307692,3 C24.2326984,3 24.4271578,3.07954407 24.5751301,3.22267209 L29.7443609,8.22267209 C29.9073745,8.38034894 30,8.60160933 30,8.83333333 L30,32.1666667 C30,32.626904 29.6418278,33 29.2,33 L6.8,33 C6.3581722,33 6,32.626904 6,32.1666667 L6,3.83333333 C6,3.37309604 6.3581722,3 6.8,3 L24.0307692,3 Z M12.2596988,25.7875335 L8.92873792,30.3339749 C8.84660416,30.4571755 8.80277564,30.6019313 8.80277564,30.75 C8.80277564,31.1642136 9.13856208,31.5 9.55277564,31.5 L18.6487188,31.5 L13.4599025,25.7234205 C13.4137204,25.6680021 13.3597846,25.6195363 13.2997616,25.579521 C12.9551151,25.3497567 12.4894631,25.442887 12.2596988,25.7875335 Z M21.1758419,19.8540405 L16.7020464,26.6752406 L20.607804,31.5 L27.299016,31.4994534 C28.5,31.4923469 28.5,31.3928571 28.5,30 L28.5,28.5391523 L22.3636022,19.842318 C22.3238169,19.7917673 22.2776933,19.7465447 22.2263672,19.707765 C21.8958797,19.4580634 21.4255435,19.523553 21.1758419,19.8540405 Z M23.7715845,4.5 L7.5,4.5 L7.50072911,29.827172 C7.55141195,29.7144696 7.61151182,29.6056505 7.68066248,29.5019246 L11.0116233,24.9554835 C11.7009164,23.921544 13.0978724,23.642153 14.1318119,24.331446 C14.3118808,24.4514919 14.4736883,24.5968893 14.6122344,24.7631445 L15.455,25.722 L19.9790409,18.949791 C20.7281458,17.9583286 22.1391544,17.7618596 23.1306168,18.5109645 C23.2845952,18.6273037 23.4229661,18.7629699 23.5423219,18.914622 L28.5,25.905 L28.5,9.08668365 L23.7715845,4.5 Z M12.75,12 C14.4068542,12 15.75,13.3431458 15.75,15 C15.75,16.6568542 14.4068542,18 12.75,18 C11.0931458,18 9.75,16.6568542 9.75,15 C9.75,13.3431458 11.0931458,12 12.75,12 Z M12.75,13.5 C11.9215729,13.5 11.25,14.1715729 11.25,15 C11.25,15.8284271 11.9215729,16.5 12.75,16.5 C13.5784271,16.5 14.25,15.8284271 14.25,15 C14.25,14.1715729 13.5784271,13.5 12.75,13.5 Z' id='Color'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E\");\n","$font-family-roboto: \"Roboto\", \"Oxygen\", \"Ubuntu\", \"Fira Sans\", \"Droid Sans\", \"Helvetica Neue\", sans-serif;\n$font-family-base: $font-family-roboto;\n$font-family-monospace: monospace;\n\n// 1 rem = 16px\n$font-size-base: .875rem; // 14px\n$font-size-lg: 1.25rem; // 20px\n$font-size-sm: .75rem; // 12px\n\n$line-height-base: 1.4285; // The closest value to Mekari design\n$line-height-lg: 1.4285;\n$line-height-sm: 1.4285;\n$letter-spacing: .2px;\n\n$font-weight-lighter: 400;\n$font-weight-light: 400;\n$font-weight-normal: 400;\n$font-weight-base: 400;\n$font-weight-bold: 500;\n$font-weight-bolder: 500;\n\n$dt-font-weight: $font-weight-bold;\n\n// Text color\n$body-color: $dark;\n$link-color: $blue;\n$link-hover-color: darken($link-color, 15%) !default;\n$link-decoration: none;\n$link-hover-decoration: underline;\n\n$input-placeholder-color: $text-muted;\n$custom-select-disabled-color: $text-muted;\n$custom-control-label-disabled-color: $text-muted;\n"]}
1
+ {"version":3,"sources":["mekari-ui-avatar.css","../../../scss/components/config/_avatar.scss","../../../scss/vendor-extensions/_color.scss","../../../scss/vendor-extensions/_avatar.scss","../../../scss/vendor-extensions/_typography.scss"],"names":[],"mappings":"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;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"]}
data/lib/assets/stylesheets/css/full-bundle/mekari-ui.css CHANGED
@@ -19887,9 +19887,17 @@ a.text-white:hover, a.text-white:focus {
19887
19887
  background-color: #e2e2e2;
19888
19888
  }
19889
19889
 
19890
+ .avatar.dropdown-toggle::after {
19891
+ display: initial !important;
19892
+ }
19893
+
19890
19894
  .avatar::after {
19891
19895
  content: "\A";
19892
- background: rgba(0, 0, 0, 0.5);
19896
+ background: rgba(0, 0, 0, 0.5) !important;
19897
+ }
19898
+
19899
+ .avatar:hover {
19900
+ cursor: pointer;
19893
19901
  }
19894
19902
 
19895
19903
  .avatar:hover::after {
@@ -19917,18 +19925,30 @@ a.text-white:hover, a.text-white:focus {
19917
19925
  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");
19918
19926
  }
19919
19927
 
19920
- .avatar.avatar-small {
19928
+ .avatar.avatar-xsmall {
19921
19929
  width: 24px;
19922
19930
  height: 24px;
19923
19931
  line-height: 24px;
19924
19932
  }
19925
19933
 
19926
- .avatar.avatar-small .avatar-initial {
19934
+ .avatar.avatar-xsmall .avatar-initial {
19927
19935
  font-family: "Roboto", "Oxygen", "Ubuntu", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
19928
19936
  font-size: 10.8px;
19929
19937
  color: #777;
19930
19938
  }
19931
19939
 
19940
+ .avatar.avatar-small {
19941
+ width: 32px;
19942
+ height: 32px;
19943
+ line-height: 32px;
19944
+ }
19945
+
19946
+ .avatar.avatar-small .avatar-initial {
19947
+ font-family: "Roboto", "Oxygen", "Ubuntu", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
19948
+ font-size: 14.4px;
19949
+ color: #777;
19950
+ }
19951
+
19932
19952
  .avatar.avatar-medium {
19933
19953
  width: 40px;
19934
19954
  height: 40px;
@@ -19989,130 +20009,190 @@ a.text-white:hover, a.text-white:focus {
19989
20009
  }
19990
20010
 
19991
20011
  .avatar-stacked {
19992
- display: flex;
20012
+ display: inline-flex;
19993
20013
  flex-wrap: wrap;
19994
20014
  align-items: center;
19995
20015
  font-size: 0;
19996
20016
  }
19997
20017
 
20018
+ .avatar-stacked .avatar-xsmall {
20019
+ box-shadow: 0.6px 0 0 0.6px #fff;
20020
+ }
20021
+
20022
+ .avatar-stacked .avatar-xsmall:nth-child(1) {
20023
+ right: 0px;
20024
+ z-index: 6;
20025
+ }
20026
+
20027
+ .avatar-stacked .avatar-xsmall:nth-child(2) {
20028
+ right: 6px;
20029
+ z-index: 5;
20030
+ }
20031
+
20032
+ .avatar-stacked .avatar-xsmall:nth-child(3) {
20033
+ right: 12px;
20034
+ z-index: 4;
20035
+ }
20036
+
20037
+ .avatar-stacked .avatar-xsmall:nth-child(4) {
20038
+ right: 18px;
20039
+ z-index: 3;
20040
+ }
20041
+
20042
+ .avatar-stacked .avatar-xsmall:nth-child(5) {
20043
+ right: 24px;
20044
+ z-index: 2;
20045
+ }
20046
+
20047
+ .avatar-stacked .avatar-xsmall:nth-child(6) {
20048
+ right: 30px;
20049
+ z-index: 1;
20050
+ }
20051
+
19998
20052
  .avatar-stacked .avatar-small {
19999
- box-shadow: 2.4px 0 0 1.2px #fff;
20053
+ box-shadow: 0.8px 0 0 0.8px #fff;
20000
20054
  }
20001
20055
 
20002
20056
  .avatar-stacked .avatar-small:nth-child(1) {
20003
- z-index: 5;
20057
+ right: 0px;
20058
+ z-index: 6;
20004
20059
  }
20005
20060
 
20006
20061
  .avatar-stacked .avatar-small:nth-child(2) {
20007
- right: 2.4px;
20008
- z-index: 4;
20062
+ right: 8px;
20063
+ z-index: 5;
20009
20064
  }
20010
20065
 
20011
20066
  .avatar-stacked .avatar-small:nth-child(3) {
20012
- right: 4.8px;
20013
- z-index: 3;
20067
+ right: 16px;
20068
+ z-index: 4;
20014
20069
  }
20015
20070
 
20016
20071
  .avatar-stacked .avatar-small:nth-child(4) {
20017
- right: 7.2px;
20018
- z-index: 2;
20072
+ right: 24px;
20073
+ z-index: 3;
20019
20074
  }
20020
20075
 
20021
20076
  .avatar-stacked .avatar-small:nth-child(5) {
20022
- right: 9.6px;
20077
+ right: 32px;
20078
+ z-index: 2;
20079
+ }
20080
+
20081
+ .avatar-stacked .avatar-small:nth-child(6) {
20082
+ right: 40px;
20023
20083
  z-index: 1;
20024
20084
  }
20025
20085
 
20026
20086
  .avatar-stacked .avatar-medium {
20027
- box-shadow: 4px 0 0 2px #fff;
20087
+ box-shadow: 1px 0 0 1px #fff;
20028
20088
  }
20029
20089
 
20030
20090
  .avatar-stacked .avatar-medium:nth-child(1) {
20031
- z-index: 5;
20091
+ right: 0px;
20092
+ z-index: 6;
20032
20093
  }
20033
20094
 
20034
20095
  .avatar-stacked .avatar-medium:nth-child(2) {
20035
- right: 4px;
20036
- z-index: 4;
20096
+ right: 10px;
20097
+ z-index: 5;
20037
20098
  }
20038
20099
 
20039
20100
  .avatar-stacked .avatar-medium:nth-child(3) {
20040
- right: 8px;
20041
- z-index: 3;
20101
+ right: 20px;
20102
+ z-index: 4;
20042
20103
  }
20043
20104
 
20044
20105
  .avatar-stacked .avatar-medium:nth-child(4) {
20045
- right: 12px;
20046
- z-index: 2;
20106
+ right: 30px;
20107
+ z-index: 3;
20047
20108
  }
20048
20109
 
20049
20110
  .avatar-stacked .avatar-medium:nth-child(5) {
20050
- right: 16px;
20111
+ right: 40px;
20112
+ z-index: 2;
20113
+ }
20114
+
20115
+ .avatar-stacked .avatar-medium:nth-child(6) {
20116
+ right: 50px;
20051
20117
  z-index: 1;
20052
20118
  }
20053
20119
 
20054
20120
  .avatar-stacked .avatar-large {
20055
- box-shadow: 6px 0 0 3px #fff;
20121
+ box-shadow: 1.5px 0 0 1.5px #fff;
20056
20122
  }
20057
20123
 
20058
20124
  .avatar-stacked .avatar-large:nth-child(1) {
20059
- z-index: 5;
20125
+ right: 0px;
20126
+ z-index: 6;
20060
20127
  }
20061
20128
 
20062
20129
  .avatar-stacked .avatar-large:nth-child(2) {
20063
- right: 6px;
20064
- z-index: 4;
20130
+ right: 15px;
20131
+ z-index: 5;
20065
20132
  }
20066
20133
 
20067
20134
  .avatar-stacked .avatar-large:nth-child(3) {
20068
- right: 12px;
20069
- z-index: 3;
20135
+ right: 30px;
20136
+ z-index: 4;
20070
20137
  }
20071
20138
 
20072
20139
  .avatar-stacked .avatar-large:nth-child(4) {
20073
- right: 18px;
20074
- z-index: 2;
20140
+ right: 45px;
20141
+ z-index: 3;
20075
20142
  }
20076
20143
 
20077
20144
  .avatar-stacked .avatar-large:nth-child(5) {
20078
- right: 24px;
20145
+ right: 60px;
20146
+ z-index: 2;
20147
+ }
20148
+
20149
+ .avatar-stacked .avatar-large:nth-child(6) {
20150
+ right: 75px;
20079
20151
  z-index: 1;
20080
20152
  }
20081
20153
 
20082
20154
  .avatar-stacked .avatar-xlarge {
20083
- box-shadow: 12px 0 0 6px #fff;
20155
+ box-shadow: 3px 0 0 3px #fff;
20084
20156
  }
20085
20157
 
20086
20158
  .avatar-stacked .avatar-xlarge:nth-child(1) {
20087
- z-index: 5;
20159
+ right: 0px;
20160
+ z-index: 6;
20088
20161
  }
20089
20162
 
20090
20163
  .avatar-stacked .avatar-xlarge:nth-child(2) {
20091
- right: 12px;
20092
- z-index: 4;
20164
+ right: 30px;
20165
+ z-index: 5;
20093
20166
  }
20094
20167
 
20095
20168
  .avatar-stacked .avatar-xlarge:nth-child(3) {
20096
- right: 24px;
20097
- z-index: 3;
20169
+ right: 60px;
20170
+ z-index: 4;
20098
20171
  }
20099
20172
 
20100
20173
  .avatar-stacked .avatar-xlarge:nth-child(4) {
20101
- right: 36px;
20102
- z-index: 2;
20174
+ right: 90px;
20175
+ z-index: 3;
20103
20176
  }
20104
20177
 
20105
20178
  .avatar-stacked .avatar-xlarge:nth-child(5) {
20106
- right: 48px;
20179
+ right: 120px;
20180
+ z-index: 2;
20181
+ }
20182
+
20183
+ .avatar-stacked .avatar-xlarge:nth-child(6) {
20184
+ right: 150px;
20107
20185
  z-index: 1;
20108
20186
  }
20109
20187
 
20110
20188
  .avatar-stacked .avatar-stacked-text {
20189
+ position: relative;
20111
20190
  color: #1357ff;
20112
20191
  cursor: pointer;
20113
20192
  }
20114
20193
 
20115
20194
  .avatar-stacked .avatar-stacked-text p {
20195
+ padding-left: 8px;
20116
20196
  margin: 0;
20117
20197
  line-height: 14px;
20118
20198
  }
@@ -20121,6 +20201,506 @@ a.text-white:hover, a.text-white:focus {
20121
20201
  display: none;
20122
20202
  }
20123
20203
 
20204
+ .avatar-stacked.avatar-stacked-reversed .avatar-xsmall {
20205
+ box-shadow: -0.6px 0 0 0.6px #fff;
20206
+ }
20207
+
20208
+ .avatar-stacked.avatar-stacked-reversed .avatar-xsmall:nth-child(1) {
20209
+ z-index: 1;
20210
+ }
20211
+
20212
+ .avatar-stacked.avatar-stacked-reversed .avatar-xsmall:nth-child(2) {
20213
+ z-index: 2;
20214
+ }
20215
+
20216
+ .avatar-stacked.avatar-stacked-reversed .avatar-xsmall:nth-child(3) {
20217
+ z-index: 3;
20218
+ }
20219
+
20220
+ .avatar-stacked.avatar-stacked-reversed .avatar-xsmall:nth-child(4) {
20221
+ z-index: 4;
20222
+ }
20223
+
20224
+ .avatar-stacked.avatar-stacked-reversed .avatar-xsmall:nth-child(5) {
20225
+ z-index: 5;
20226
+ }
20227
+
20228
+ .avatar-stacked.avatar-stacked-reversed .avatar-xsmall:nth-child(6) {
20229
+ z-index: 6;
20230
+ }
20231
+
20232
+ .avatar-stacked.avatar-stacked-reversed .avatar-small {
20233
+ box-shadow: -0.8px 0 0 0.8px #fff;
20234
+ }
20235
+
20236
+ .avatar-stacked.avatar-stacked-reversed .avatar-small:nth-child(1) {
20237
+ z-index: 1;
20238
+ }
20239
+
20240
+ .avatar-stacked.avatar-stacked-reversed .avatar-small:nth-child(2) {
20241
+ z-index: 2;
20242
+ }
20243
+
20244
+ .avatar-stacked.avatar-stacked-reversed .avatar-small:nth-child(3) {
20245
+ z-index: 3;
20246
+ }
20247
+
20248
+ .avatar-stacked.avatar-stacked-reversed .avatar-small:nth-child(4) {
20249
+ z-index: 4;
20250
+ }
20251
+
20252
+ .avatar-stacked.avatar-stacked-reversed .avatar-small:nth-child(5) {
20253
+ z-index: 5;
20254
+ }
20255
+
20256
+ .avatar-stacked.avatar-stacked-reversed .avatar-small:nth-child(6) {
20257
+ z-index: 6;
20258
+ }
20259
+
20260
+ .avatar-stacked.avatar-stacked-reversed .avatar-medium {
20261
+ box-shadow: -1px 0 0 1px #fff;
20262
+ }
20263
+
20264
+ .avatar-stacked.avatar-stacked-reversed .avatar-medium:nth-child(1) {
20265
+ z-index: 1;
20266
+ }
20267
+
20268
+ .avatar-stacked.avatar-stacked-reversed .avatar-medium:nth-child(2) {
20269
+ z-index: 2;
20270
+ }
20271
+
20272
+ .avatar-stacked.avatar-stacked-reversed .avatar-medium:nth-child(3) {
20273
+ z-index: 3;
20274
+ }
20275
+
20276
+ .avatar-stacked.avatar-stacked-reversed .avatar-medium:nth-child(4) {
20277
+ z-index: 4;
20278
+ }
20279
+
20280
+ .avatar-stacked.avatar-stacked-reversed .avatar-medium:nth-child(5) {
20281
+ z-index: 5;
20282
+ }
20283
+
20284
+ .avatar-stacked.avatar-stacked-reversed .avatar-medium:nth-child(6) {
20285
+ z-index: 6;
20286
+ }
20287
+
20288
+ .avatar-stacked.avatar-stacked-reversed .avatar-large {
20289
+ box-shadow: -1.5px 0 0 1.5px #fff;
20290
+ }
20291
+
20292
+ .avatar-stacked.avatar-stacked-reversed .avatar-large:nth-child(1) {
20293
+ z-index: 1;
20294
+ }
20295
+
20296
+ .avatar-stacked.avatar-stacked-reversed .avatar-large:nth-child(2) {
20297
+ z-index: 2;
20298
+ }
20299
+
20300
+ .avatar-stacked.avatar-stacked-reversed .avatar-large:nth-child(3) {
20301
+ z-index: 3;
20302
+ }
20303
+
20304
+ .avatar-stacked.avatar-stacked-reversed .avatar-large:nth-child(4) {
20305
+ z-index: 4;
20306
+ }
20307
+
20308
+ .avatar-stacked.avatar-stacked-reversed .avatar-large:nth-child(5) {
20309
+ z-index: 5;
20310
+ }
20311
+
20312
+ .avatar-stacked.avatar-stacked-reversed .avatar-large:nth-child(6) {
20313
+ z-index: 6;
20314
+ }
20315
+
20316
+ .avatar-stacked.avatar-stacked-reversed .avatar-xlarge {
20317
+ box-shadow: -3px 0 0 3px #fff;
20318
+ }
20319
+
20320
+ .avatar-stacked.avatar-stacked-reversed .avatar-xlarge:nth-child(1) {
20321
+ z-index: 1;
20322
+ }
20323
+
20324
+ .avatar-stacked.avatar-stacked-reversed .avatar-xlarge:nth-child(2) {
20325
+ z-index: 2;
20326
+ }
20327
+
20328
+ .avatar-stacked.avatar-stacked-reversed .avatar-xlarge:nth-child(3) {
20329
+ z-index: 3;
20330
+ }
20331
+
20332
+ .avatar-stacked.avatar-stacked-reversed .avatar-xlarge:nth-child(4) {
20333
+ z-index: 4;
20334
+ }
20335
+
20336
+ .avatar-stacked.avatar-stacked-reversed .avatar-xlarge:nth-child(5) {
20337
+ z-index: 5;
20338
+ }
20339
+
20340
+ .avatar-stacked.avatar-stacked-reversed .avatar-xlarge:nth-child(6) {
20341
+ z-index: 6;
20342
+ }
20343
+
20344
+ .avatar-stacked.avatar-stacked-sparse .avatar-xsmall:nth-child(1) {
20345
+ right: 0px;
20346
+ }
20347
+
20348
+ .avatar-stacked.avatar-stacked-sparse .avatar-xsmall:nth-child(2) {
20349
+ right: 3px;
20350
+ }
20351
+
20352
+ .avatar-stacked.avatar-stacked-sparse .avatar-xsmall:nth-child(3) {
20353
+ right: 6px;
20354
+ }
20355
+
20356
+ .avatar-stacked.avatar-stacked-sparse .avatar-xsmall:nth-child(4) {
20357
+ right: 9px;
20358
+ }
20359
+
20360
+ .avatar-stacked.avatar-stacked-sparse .avatar-xsmall:nth-child(5) {
20361
+ right: 12px;
20362
+ }
20363
+
20364
+ .avatar-stacked.avatar-stacked-sparse .avatar-xsmall:nth-child(6) {
20365
+ right: 15px;
20366
+ }
20367
+
20368
+ .avatar-stacked.avatar-stacked-sparse .avatar-small:nth-child(1) {
20369
+ right: 0px;
20370
+ }
20371
+
20372
+ .avatar-stacked.avatar-stacked-sparse .avatar-small:nth-child(2) {
20373
+ right: 4px;
20374
+ }
20375
+
20376
+ .avatar-stacked.avatar-stacked-sparse .avatar-small:nth-child(3) {
20377
+ right: 8px;
20378
+ }
20379
+
20380
+ .avatar-stacked.avatar-stacked-sparse .avatar-small:nth-child(4) {
20381
+ right: 12px;
20382
+ }
20383
+
20384
+ .avatar-stacked.avatar-stacked-sparse .avatar-small:nth-child(5) {
20385
+ right: 16px;
20386
+ }
20387
+
20388
+ .avatar-stacked.avatar-stacked-sparse .avatar-small:nth-child(6) {
20389
+ right: 20px;
20390
+ }
20391
+
20392
+ .avatar-stacked.avatar-stacked-sparse .avatar-medium:nth-child(1) {
20393
+ right: 0px;
20394
+ }
20395
+
20396
+ .avatar-stacked.avatar-stacked-sparse .avatar-medium:nth-child(2) {
20397
+ right: 5px;
20398
+ }
20399
+
20400
+ .avatar-stacked.avatar-stacked-sparse .avatar-medium:nth-child(3) {
20401
+ right: 10px;
20402
+ }
20403
+
20404
+ .avatar-stacked.avatar-stacked-sparse .avatar-medium:nth-child(4) {
20405
+ right: 15px;
20406
+ }
20407
+
20408
+ .avatar-stacked.avatar-stacked-sparse .avatar-medium:nth-child(5) {
20409
+ right: 20px;
20410
+ }
20411
+
20412
+ .avatar-stacked.avatar-stacked-sparse .avatar-medium:nth-child(6) {
20413
+ right: 25px;
20414
+ }
20415
+
20416
+ .avatar-stacked.avatar-stacked-sparse .avatar-large:nth-child(1) {
20417
+ right: 0px;
20418
+ }
20419
+
20420
+ .avatar-stacked.avatar-stacked-sparse .avatar-large:nth-child(2) {
20421
+ right: 7.5px;
20422
+ }
20423
+
20424
+ .avatar-stacked.avatar-stacked-sparse .avatar-large:nth-child(3) {
20425
+ right: 15px;
20426
+ }
20427
+
20428
+ .avatar-stacked.avatar-stacked-sparse .avatar-large:nth-child(4) {
20429
+ right: 22.5px;
20430
+ }
20431
+
20432
+ .avatar-stacked.avatar-stacked-sparse .avatar-large:nth-child(5) {
20433
+ right: 30px;
20434
+ }
20435
+
20436
+ .avatar-stacked.avatar-stacked-sparse .avatar-large:nth-child(6) {
20437
+ right: 37.5px;
20438
+ }
20439
+
20440
+ .avatar-stacked.avatar-stacked-sparse .avatar-xlarge:nth-child(1) {
20441
+ right: 0px;
20442
+ }
20443
+
20444
+ .avatar-stacked.avatar-stacked-sparse .avatar-xlarge:nth-child(2) {
20445
+ right: 15px;
20446
+ }
20447
+
20448
+ .avatar-stacked.avatar-stacked-sparse .avatar-xlarge:nth-child(3) {
20449
+ right: 30px;
20450
+ }
20451
+
20452
+ .avatar-stacked.avatar-stacked-sparse .avatar-xlarge:nth-child(4) {
20453
+ right: 45px;
20454
+ }
20455
+
20456
+ .avatar-stacked.avatar-stacked-sparse .avatar-xlarge:nth-child(5) {
20457
+ right: 60px;
20458
+ }
20459
+
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;
20702
+ }
20703
+
20124
20704
  .avatar-grid-container {
20125
20705
  display: inline-block;
20126
20706
  }
@@ -20129,10 +20709,18 @@ a.text-white:hover, a.text-white:focus {
20129
20709
  font-size: 0;
20130
20710
  }
20131
20711
 
20132
- .avatar-grid-row .avatar-small {
20712
+ .avatar-grid-row .avatar-xsmall {
20133
20713
  margin-left: 8px;
20134
20714
  }
20135
20715
 
20716
+ .avatar-grid-row .avatar-xsmall:first-child {
20717
+ margin-left: 0;
20718
+ }
20719
+
20720
+ .avatar-grid-row .avatar-small {
20721
+ margin-left: 10.666667px;
20722
+ }
20723
+
20136
20724
  .avatar-grid-row .avatar-small:first-child {
20137
20725
  margin-left: 0;
20138
20726
  }
@@ -20176,10 +20764,18 @@ a.text-white:hover, a.text-white:focus {
20176
20764
  display: none;
20177
20765
  }
20178
20766
 
20179
- .avatar-grid-small .avatar-grid-row {
20767
+ .avatar-grid-xsmall .avatar-grid-row {
20180
20768
  padding-top: 8px;
20181
20769
  }
20182
20770
 
20771
+ .avatar-grid-xsmall .avatar-grid-row:first-child {
20772
+ padding-top: 0;
20773
+ }
20774
+
20775
+ .avatar-grid-small .avatar-grid-row {
20776
+ padding-top: 10.666667px;
20777
+ }
20778
+
20183
20779
  .avatar-grid-small .avatar-grid-row:first-child {
20184
20780
  padding-top: 0;
20185
20781
  }