{"version":3,"sources":["avatar/avatar.scss","avatar/_variables.scss","avatar/avatar-group.scss"],"names":[],"mappings":"AAEA,gBAGE,wBAAA,CAAA,qBAAA,CACA,uBAAA,CAAA,oBAAA,CADA,0BAAA,CAAA,kBAAA,CAOA,+DCRwB,CDDxB,8BAAA,CAAA,sBAAA,CAOA,2CCPa,CDCb,mBAAA,CAAA,oBAAA,CAAA,mBAAA,CAAA,YAAA,CAIA,uEAAA,CACA,iECFmB,CDDnB,8BAAA,CAAA,sBAAA,CACA,eAAA,CAIA,iBCPwB,CDUxB,wBACE,4CAAA,CAGF,wBACE,eAAA,CAGF,sBAGE,uFCfoB,CDcpB,sDCJe,CDGf,qDCboB,CDiBpB,8CACE,8ECbsB,CDiB1B,uBAGE,wFCxBqB,CDuBrB,uDCbgB,CDYhB,sDCtBqB,CD0BrB,+CACE,+ECtBuB,CD0B3B,wBAGE,yFCjCsB,CDgCtB,wDCtBiB,CDqBjB,uDC/BsB,CDmCtB,gDACE,iFC/BwB,CDmC5B,uBAGE,wFC1CqB,CDyCrB,wDC/BgB,CD8BhB,uDCxCqB,CD4CrB,+CACE,gFCxCuB,CChB7B,sBACE,mBAAA,CAAA,oBAAA,CAAA,mBAAA,CAAA,YAAA,CAEA,sCACE,wFAAA,CAGF,oCACE,oFDekB,CCblB,oDACE,iGAAA,CAIJ,qCACE,qFDQmB,CCNnB,qDACE,kGAAA,CAIJ,sCACE,sFDCoB,CCCpB,sDACE,mGAAA,CAIJ,qCACE,qFDNmB,CCQnB,qDACE,kGAAA","file":"index.css","sourcesContent":["@import \"./variables\";\n\n.#{$component-prefix}avatar {\n  box-sizing: content-box;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  overflow: hidden;\n  font-family: $avatar-font-family;\n  font-weight: $avatar-font-weight;\n  color: $avatar-color;\n  text-align: center;\n  background: $avatar-background-color;\n\n  &--circle {\n    border-radius: var(--border-radius-max, $border-radius-max);\n  }\n\n  &--square {\n    border-radius: 0;\n  }\n\n  &--mini {\n    width: $avatar-size-mini;\n    height: $avatar-size-mini;\n    font-size: $avatar-font-size-mini;\n\n    &.#{$component-prefix}avatar--rounded {\n      border-radius: $avatar-border-radius-mini;\n    }\n  }\n\n  &--small {\n    width: $avatar-size-small;\n    height: $avatar-size-small;\n    font-size: $avatar-font-size-small;\n\n    &.#{$component-prefix}avatar--rounded {\n      border-radius: $avatar-border-radius-small;\n    }\n  }\n\n  &--medium {\n    width: $avatar-size-medium;\n    height: $avatar-size-medium;\n    font-size: $avatar-font-size-medium;\n\n    &.#{$component-prefix}avatar--rounded {\n      border-radius: $avatar-border-radius-medium;\n    }\n  }\n\n  &--large {\n    width: $avatar-size-large;\n    height: $avatar-size-large;\n    font-size: $avatar-font-size-large;\n\n    &.#{$component-prefix}avatar--rounded {\n      border-radius: $avatar-border-radius-large;\n    }\n  }\n}\n","@import \"../styles/prefix\";\n@import \"../styles/variables\";\n\n$avatar-color: var(--avatar-color, var(--white, $white));\n$avatar-background-color: var(--avatar-background-color, var(--gray-5, $gray-5));\n$avatar-border-color: var(--avatar-border-color, var(--white, $white));\n$avatar-border-width: var(--avatar-border-width, 2PX);\n$avatar-font-weight: var(--avatar-font-weight, var(--font-weight-bold, $font-weight-bold));\n$avatar-font-family: var(--avatar-font-family, #{Roboto, Helvetica, Arial, sans-serif});\n//\n$avatar-font-size-mini: var(--avatar-font-size-mini, var(--avatar-font-size, var(--font-size-xs, $font-size-xs)));\n$avatar-font-size-small: var(--avatar-font-size-small, var(--avatar-font-size, var(--font-size-sm, $font-size-sm)));\n$avatar-font-size-medium: var(--avatar-font-size-medium, var(--avatar-font-size, var(--font-size-md, $font-size-md)));\n$avatar-font-size-large: var(--avatar-font-size-large, var(--avatar-font-size, var(--font-size-lg, $font-size-lg)));\n//\n$avatar-border-radius-mini: var(--avatar-border-radius-mini, var(--avatar-border-radius, 2px * $hd));\n$avatar-border-radius-small: var(--avatar-border-radius-small, var(--avatar-border-radius, 4px * $hd));\n$avatar-border-radius-medium: var(--avatar-border-radius-medium, var(--avatar-border-radius, 5px * $hd));\n$avatar-border-radius-large: var(--avatar-border-radius-large, var(--avatar-border-radius, 6px * $hd));\n//\n$avatar-size-mini: var(--avatar-size-mini, var(--avatar-size, 16px * $hd));\n$avatar-size-small: var(--avatar-size-small, var(--avatar-size, 26px * $hd));\n$avatar-size-medium: var(--avatar-size-medium, var(--avatar-size, 38px * $hd));\n$avatar-size-large: var(--avatar-size-large, var(--avatar-size, 56px * $hd));\n//\n$avatar-spacing-mini: var(--avatar-spacing-mini, var(--avatar-spacing, var(--padding-xs, $padding-xs)));\n$avatar-spacing-small: var(--avatar-spacing-small, var(--avatar-spacing, var(--padding-sm, $padding-sm)));\n$avatar-spacing-medium: var(--avatar-spacing-medium, var(--avatar-spacing, var(--padding-md, $padding-md)));\n$avatar-spacing-large: var(--avatar-spacing-large, var(--avatar-spacing, var(--padding-lg, $padding-lg)));\n","@import \"./variables\";\n\n.#{$component-prefix}avatar-group {\n  display: flex;\n\n  .#{$component-prefix}avatar {\n    border: $avatar-border-width solid $avatar-border-color;\n  }\n\n  &--spacing-mini {\n    padding-left: $avatar-spacing-mini;\n\n    .#{$component-prefix}avatar {\n      margin-left: calc(#{$avatar-spacing-mini} * -1);\n    }\n  }\n\n  &--spacing-small {\n    padding-left: $avatar-spacing-small;\n\n    .#{$component-prefix}avatar {\n      margin-left: calc(#{$avatar-spacing-small} * -1);\n    }\n  }\n\n  &--spacing-medium {\n    padding-left: $avatar-spacing-medium;\n\n    .#{$component-prefix}avatar {\n      margin-left: calc(#{$avatar-spacing-medium} * -1);\n    }\n  }\n\n  &--spacing-large {\n    padding-left: $avatar-spacing-large;\n\n    .#{$component-prefix}avatar {\n      margin-left: calc(#{$avatar-spacing-large} * -1);\n    }\n  }\n}\n"]}