/*

    #PANEL

    Standardized themable grouping element

    Markup example:
    <div class="panel"></div>

    .panel.panel--banana.panel--is-clickable


*/

/*
$panel
    margin: 16px 16px 32px 16px
    +bp(min480)
        margin: 16px

$panel-bleed
    margin: 16px 0 48px 0  // content on white gets 64 visual vertical px of white, colored bg needs a little more to look balanced
    +bp(min480)
        margin: 16px

$panel-colored
    padding: 16px
*/

.panel {
  margin: 16px 16px 32px 16px;
}

@media (min-width: 480px) {
  .panel {
    margin: 16px;
  }
}

.panel--bleed {
  margin: 16px 0 48px 0;
}

@media (min-width: 480px) {
  .panel--bleed {
    margin: 16px;
  }
}

.panel--success,
.panel--warning,
.panel--error,
.panel--info,
.panel--tips,
.panel--new,
.panel--bright,
.panel--neutral {
  padding: 16px;
}

.panel--kill-last-margin *:last-child {
  margin-bottom: 0 !important;
}

.panel {
  display: block;
  word-wrap: break-word;
  border-radius: 8px;
}

.panel--is-clickable:hover,
.panel--is-clickable:focus {
  background-color: #f1f9ff;
  cursor: pointer;
}

@media (min-width: 480px) {
  .panel--is-roomy {
    padding: 64px;
  }
}

.panel--success {
  background-color: #ccffec;
}

.panel--success:focus.panel--is-clickable,
.panel--success:hover.panel--is-clickable {
  outline-color: #70ffca;
}

.panel--warning {
  background-color: #fff5cb;
}

.panel--warning:focus.panel--is-clickable,
.panel--warning:hover.panel--is-clickable {
  outline-color: #ffe36f;
}

.panel--error {
  background-color: #ffefef;
}

.panel--error:focus.panel--is-clickable,
.panel--error:hover.panel--is-clickable {
  outline-color: #ff8c8c;
}

.panel--info {
  background-color: #f1f9ff;
}

.panel--info:focus.panel--is-clickable,
.panel--info:hover.panel--is-clickable {
  outline-color: #8eceff;
}

.panel--tips {
  background-color: #b6f0ff;
}

.panel--tips:focus.panel--is-clickable,
.panel--tips:hover.panel--is-clickable {
  outline-color: #5fdeff;
}

.panel--bright {
  background-color: #fff;
}

.panel--bright:focus.panel--is-clickable,
.panel--bright:hover.panel--is-clickable {
  outline-color: #ccc;
}

.panel--new {
  background-color: #ccffec;
  border: 2px solid #2ee69f;
}

.panel--new:focus.panel--is-clickable,
.panel--new:hover.panel--is-clickable {
  outline-color: #18c582;
}

.panel--neutral {
  background-color: #f6f8fb;
}

/*


        Generic button


        .button .button--cta
                .button--secondary
                .button--order

        .probably-not-touch class on body determines the button scale on non-touch environments
*/

a.button,
.button {
  display: inline-block;
  vertical-align: middle;
  font: inherit;
  font-size: 16px;
  line-height: 22px;
  font-weight: bold;
  text-align: center;
  cursor: pointer;
  margin: 0;
  border-radius: 8px;
  /* Default specific */
  color: #0063fb;
  background-color: #fff;
  border: 2px solid #c3ccd9;
  padding: 10px 14px;
  transition-timing-function: cubic-bezier(0.46, 0.03, 0.52, 0.96);
  transition-property: background-color, border-color, color;
  /* Default is the exception, so reset back to a common starpoint for the rest */
}

a.button,
.button,
a.button:hover,
.button:hover,
a.button:active,
.button:active,
a.button:focus,
.button:focus {
  outline: none;
  text-decoration: none;
}

a.button:not(:active):not(:focus),
.button:not(:active):not(:focus) {
  transition-duration: 100ms;
}

a.button:hover,
.button:hover,
a.button:focus,
.button:focus,
a.button:active,
.button:active {
  background-color: #f1f9ff;
  border-color: #0063fb;
}

a.button:active,
.button:active {
  background-color: #cfe1fd;
}

a.button:focus,
.button:focus {
  box-shadow: 0 0 0 1px #fff, 0 0 0 4px #06befb;
}

a.button--cta,
.button--cta,
a.button--order,
.button--order,
a.button--destructive,
.button--destructive,
a.button--flat,
.button--flat,
a.button--link,
.button--link,
a.button--is-disabled,
.button--is-disabled,
a.button--destructive-flat,
.button--destructive-flat,
a.button--icon,
.button--icon,
a.button--on-image,
.button--on-image,
a.button:disabled,
.button:disabled {
  border: 0;
  padding: 12px 16px;
}

a.button--cta,
.button--cta {
  color: #fff;
  background-color: #0063fb;
}

a.button--cta,
.button--cta,
a.button--cta:hover,
.button--cta:hover,
a.button--cta:active,
.button--cta:active,
a.button--cta:focus,
.button--cta:focus {
  text-decoration: none;
}

a.button--cta:hover,
.button--cta:hover,
a.button--cta:focus,
.button--cta:focus {
  color: #fff;
  background-color: #004fc9;
}

a.button--cta:active,
.button--cta:active {
  color: #fff;
  background-color: #003b97;
}

a.button--order,
.button--order {
  color: #474445;
  background-color: #2ee69f;
}

a.button--order,
.button--order,
a.button--order:hover,
.button--order:hover,
a.button--order:active,
.button--order:active,
a.button--order:focus,
.button--order:focus {
  text-decoration: none;
}

a.button--order:hover,
.button--order:hover,
a.button--order:focus,
.button--order:focus {
  color: #474445;
  background-color: #18c582;
}

a.button--order:active,
.button--order:active {
  color: #474445;
  background-color: #129462;
}

a.button--destructive,
.button--destructive {
  color: #fff;
  background-color: #d9270a;
}

a.button--destructive,
.button--destructive,
a.button--destructive:hover,
.button--destructive:hover,
a.button--destructive:active,
.button--destructive:active,
a.button--destructive:focus,
.button--destructive:focus {
  text-decoration: none;
}

a.button--destructive:hover,
.button--destructive:hover,
a.button--destructive:focus,
.button--destructive:focus {
  color: #fff;
  background-color: #ae1f08;
}

a.button--destructive:active,
.button--destructive:active {
  color: #fff;
  background-color: #821706;
}

a.button--destructive-flat,
.button--destructive-flat {
  color: #d9270a;
  background: transparent;
}

a.button--destructive-flat:hover,
.button--destructive-flat:hover,
a.button--destructive-flat:focus,
.button--destructive-flat:focus {
  background: transparent;
  color: #ae1f08;
}

a.button--destructive-flat:active,
.button--destructive-flat:active {
  color: #f54327;
}

a.button--flat,
.button--flat {
  color: #0063fb;
  background: transparent;
}

a.button--flat:hover,
.button--flat:hover,
a.button--flat:focus,
.button--flat:focus {
  background: #f1f9ff;
}

a.button--flat:active,
.button--flat:active {
  color: #3082ff;
}

a.button--link,
.button--link,
a.button--link:link,
.button--link:link,
a.button--link:visited,
.button--link:visited {
  cursor: pointer;
  color: #0063fb;
  text-decoration: none;
}

a.button--link:hover,
.button--link:hover,
a.button--link:focus,
.button--link:focus,
a.button--link:active,
.button--link:active {
  color: #0063fb;
  text-decoration: underline;
  outline: none;
}

a.button--link,
.button--link,
a.button--link:focus,
.button--link:focus,
a.button--link:hover,
.button--link:hover,
a.button--link:active,
.button--link:active {
  background: transparent;
  display: inline;
  padding: 0;
  font-weight: normal;
  text-align: left;
  box-shadow: none;
}

a.button--pill,
.button--pill {
  color: #474445;
  background: transparent;
  border: 0;
  padding: 4px;
  border-radius: 1.6em;
  min-height: 44px;
  min-width: 44px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

a.button--pill--left,
.button--pill--left {
  justify-content: flex-start;
}

a.button--pill--left,
.button--pill--left {
  justify-content: center;
}

a.button--pill:hover,
.button--pill:hover,
a.button--pill:focus,
.button--pill:focus {
  background: rgba(179,209,255,0.3);
  background-clip: padding-box;
}

a.button--pill:hover,
.button--pill:hover {
  border-color: rgba(255,255,255,0.4);
}

a.button--pill.button--small,
.button--pill.button--small {
  padding: 4px;
  min-height: 36px;
  min-width: 36px;
}

a.button--pill.button--small::before,
.button--pill.button--small::before {
  width: 18px;
  height: 18px;
}

a.button--in-progress,
.button--in-progress {
  border: 0;
  color: #767676;
  background-size: 30px 30px !important;
  background-color: #f1f4f6;
  background-image: linear-gradient(135deg, rgba(0,0,0,0.05) 25%, transparent 25%, transparent 50%, rgba(0,0,0,0.05) 50%, rgba(0,0,0,0.05) 75%, transparent 75%, transparent) !important;
  animation: animate-inprogress 3s linear infinite;
}

@keyframes animate-inprogress {
  0% {
    background-position: 0 0;
  }

  100% {
    background-position: 60px 0;
  }
}

a.button--icon,
.button--icon,
a.button--icon:link,
.button--icon:link,
a.button--icon:visited,
.button--icon:visited {
  cursor: pointer;
  color: #767676;
  text-decoration: none;
}

a.button--icon:hover,
.button--icon:hover,
a.button--icon:focus,
.button--icon:focus,
a.button--icon:active,
.button--icon:active {
  color: #0063fb;
  text-decoration: none;
  outline: none;
}

a.button--icon,
.button--icon,
a.button--icon:hover,
.button--icon:hover,
a.button--icon:focus,
.button--icon:focus,
a.button--icon:active,
.button--icon:active {
  background: transparent;
  display: inline;
  font-weight: normal;
  padding: 0;
}

a.button:disabled,
.button:disabled,
a.button--is-disabled,
.button--is-disabled {
  border: 0;
  background: #c3ccd9;
  color: #fff;
  background-image: none;
  cursor: default;
  pointer-events: none;
}

a.button--small,
.button--small {
  padding: 5px 8px;
  font-size: 12px;
  line-height: 16px;
}

a.button--small.button--cta,
.button--small.button--cta,
a.button--small.button--order,
.button--small.button--order,
a.button--small.button--destructive,
.button--small.button--destructive,
a.button--small.button--flat,
.button--small.button--flat,
a.button--small.button--destructive-flat,
.button--small.button--destructive-flat,
a.button--small.button--link,
.button--small.button--link {
  padding: 7px 10px;
}

a.button--no-break,
.button--no-break {
  white-space: nowrap;
}

a.button--has-icon,
.button--has-icon {
  display: inline-flex;
  align-items: center;
  justify-content: space-evenly;
  padding: 7px;
}

a.button--has-icon.button--default,
.button--has-icon.button--default {
  padding: 5px;
}

a.button--has-icon a.button__img,
.button--has-icon .button__img,
a.button--has-icon::before,
.button--has-icon::before {
  flex: 0 0 auto;
}

a.button--has-icon::before,
.button--has-icon::before {
  height: 32px;
  width: 32px;
}

a.button--has-icon.button--icon-right a.button__text,
.button--has-icon.button--icon-right .button__text {
  order: -1;
  padding: 0 4px 0 8px;
}

a.button--has-icon a.button__text,
.button--has-icon .button__text {
  padding: 0 8px 0 4px;
}

/*

    #Profile panel

*/

.profile__summary {
  display: table;
  width: 100%;
}

.profile__summary__img,
.profile__summary__body,
.profile__summary__click-target {
  display: table-cell;
  vertical-align: middle;
}

.profile__summary__img {
  width: 1px;
  padding-right: 16px;
}

.profile__summary__img__img {
  position: relative;
}

.profile__summary__img__img img {
  display: block;
  border-radius: 50%;
  max-width: none;
  width: 64px;
  height: 64px;
}

.profile--verified .profile__summary__img__img__verified {
  display: block;
  width: 18px;
  height: 18px;
  position: absolute;
  right: 0;
  bottom: 0;
}

.profile__summary__click-target {
  width: 1px;
}

.profile__summary__click-target button {
  color: #474445;
  background-color: transparent;
  border: 1px solid transparent;
  cursor: pointer;
  outline: 0;
  padding: 32px 16px;
  line-height: 0;
}

.profile__summary__click-target button:hover,
.profile__summary__click-target button:active,
.profile__summary__click-target button:focus {
  color: #0063fb;
}

.profile--is-open .profile__summary__click-target button {
  transform: rotate(180deg);
}

.profile__summary__body {
  width: auto;
}

.profile__summary__body > :last-child {
  margin-bottom: 0;
}

.profile__summary__name {
  font-size: 16px;
  line-height: 22px;
  margin-bottom: 0;
}

.profile__summary__rating {
  display: inline-block;
  line-height: 0;
  vertical-align: middle;
  margin-right: 8px;
}

.profile__summary__raters {
  font-size: 12px;
  line-height: 16px;
  white-space: nowrap;
}

.profile__details {
  margin-top: 16px;
  display: none;
}

.profile--is-open .profile__details {
  display: block;
}

.identity__summary {
    display: flex;
    align-items: center;
}

.identity__summary__body {
    padding: 8px;
}

.identity__summary__click-target {
    display: flex;
    justify-content: flex-end;
    flex: 1 0 auto;
}

.identity__summary__click-target > a {
    min-width: 78px;
}

.identity__summary__img > svg {
    display: block;
    width: 40px;
    height: 40px;
}

.identity__summary__img__img {
    width: 40px;
    height: 40px;
    display: block;
    border-radius: 50%;
    overflow: hidden;
}

.identity__summary__verified > svg {
    width: 18px;
    height: 18px;
    vertical-align: text-bottom;
}

.screenreader-only {
    position: absolute;
    left: -10000px;
    top: auto;
    width: 1px;
    height: 1px;
    overflow: hidden;
}

.reputation ul {
    margin: 0;
    padding: 0;
    border: 0;
    list-style-type: none;
}

.reputation_overall {
    display: flex;
    align-items: center;
}

.reputation_score {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    margin-right: 8px;
    min-height: 40px;
    min-width: 40px;
    background-color: #0063fb;
    font-size: 16px;
    line-height: 22px;
    font-weight: 400;
    color: #fff;
}

.reputation_score-meta {
    display: inline-block;
    vertical-align: middle;
    flex-grow: 1;
}

.reputation_worded-score {
    display: inline-block;
    font-size: 16px;
    line-height: 22px;
    font-weight: 700;
    color: #474445;
}

.reputation_review-count {
    margin-top: 4px;
    font-size: 12px;
    line-height: 16px;
    font-weight: 400;
}

.reputation_aspects-control {
    background: 0 0;
    display: flex;
    flex-grow: 4;
    justify-content: flex-end;
}

button.reputation_aspects-control {
    cursor: pointer;
    border: 0;
    outline: 0;
}

.reputation_aspects-control:after {
    display: block;
    width: 18px;
    height: 18px;
    content: ' ';
    background-image: url('data:image/svg+xml;charset=UTF-8,%3Csvg%20id%3D%22arrow-icon%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2218%22%20height%3D%2218%22%20viewBox%3D%220%200%2018%2018%22%20fill%3D%22%23474445%22%3E%0A%20%20%20%20%3Cpath%20class%3D%22feedback-svg__path%22%20d%3D%22M1.88%204L.5%205.4%209%2014l8.5-8.6L16.12%204%209%2011.2%22%20fill-rule%3D%22nonzero%22%2F%3E%0A%3C%2Fsvg%3E');
}

@media (min-width: 480px) {
    .reputation_aspects-control {
        display: none;
    }
}

.reputation_aspects-control:hover:after {
    background-image: url('data:image/svg+xml;charset=UTF-8,%3Csvg%20id%3D%22arrow-icon%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2218%22%20height%3D%2218%22%20viewBox%3D%220%200%2018%2018%22%20fill%3D%22%230063fb%22%3E%0A%20%20%20%20%3Cpath%20class%3D%22feedback-svg__path%22%20d%3D%22M1.88%204L.5%205.4%209%2014l8.5-8.6L16.12%204%209%2011.2%22%20fill-rule%3D%22nonzero%22%2F%3E%0A%3C%2Fsvg%3E');
}

.reputation_aspects--expanded .reputation_aspects-control:after {
    transform: rotate(180deg);
}

.reputation_aspects--expanded .reputation_aspects-expandable {
    display: block;
}

.reputation_aspects-expandable {
    display: none;
}

@media (min-width: 480px) {
    .reputation_aspects-expandable {
        display: block;
    }
}

.reputation-worded-aspects {
    margin-left: 8px;
}

.reputation-aspect-worded {
    display: flex;
    margin-top: 16px;
    align-items: center;
    font-size: 14px;
}

.reputation-icon-communication {
    background-image: url('data:image/svg+xml;charset=UTF-8,%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%2045%2045%22%20style%3D%22enable-background%3Anew%200%200%2045%2045%3B%22%20xml%3Aspace%3D%22preserve%22%3E%0A%20%20%3Crect%20fill%3D%22none%22%20width%3D%2245%22%20height%3D%2245%22%2F%3E%0A%20%20%3Cg%20id%3D%22reputation-communication%22%20fill%3D%22%23767676%22%3E%0A%20%20%20%20%3Cpath%20d%3D%22M5.5%2C41v-7.2c-2.1-0.6-3.7-2.5-3.7-4.8V9.9c0-2.7%2C2.2-5%2C5-5h28.3c2.7%2C0%2C5%2C2.2%2C5%2C5V29c0%2C2.7-2.2%2C5-5%2C5H14.4%0A%20%20%20%20%20%20%20%20%20%20L5.5%2C41z%20M6.8%2C7.5c-1.4%2C0-2.5%2C1.1-2.5%2C2.5V29c0%2C1.4%2C1.1%2C2.5%2C2.5%2C2.5H8v4.4l5.5-4.4h21.5c1.4%2C0%2C2.5-1.1%2C2.5-2.5V9.9%0A%20%20%20%20%20%20%20%20%20%20c0-1.4-1.1-2.5-2.5-2.5H6.8z%22%2F%3E%0A%0A%20%20%20%20%20%20%20%20%3Ccircle%20id%3D%22reputation-communication%22%20cx%3D%2221%22%20cy%3D%2219.2%22%20r%3D%222.1%22%2F%3E%0A%20%20%20%20%20%20%20%20%3Ccircle%20id%3D%22reputation-communication%22%20cx%3D%2212.8%22%20cy%3D%2219.2%22%20r%3D%222.1%22%2F%3E%0A%20%20%20%20%20%20%20%20%3Ccircle%20id%3D%22reputation-communication%22%20cx%3D%2229.1%22%20cy%3D%2219.2%22%20r%3D%222.1%22%2F%3E%0A%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E');
}

.reputation-icon-as_advertised {
    background-image: url('data:image/svg+xml;charset=UTF-8,%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%2045%2045%22%20style%3D%22enable-background%3Anew%200%200%2045%2045%3B%22%20xml%3Aspace%3D%22preserve%22%3E%0A%20%20%20%20%3Crect%20fill%3D%22none%22%20width%3D%2245%22%20height%3D%2245%22%2F%3E%0A%20%20%20%20%3Cg%20id%3D%22reputation-as_advertised%22%20fill%3D%22%23767676%22%3E%0A%20%20%20%20%20%20%20%20%3Cpath%20fill%3D%22%40%7Bcolor_icon%7D%22%20d%3D%22M23.1%2C39.8H8c-2.7%2C0-5-2.2-5-5V9.7c0-2.7%2C2.2-5%2C5-5h21.3c2.7%2C0%2C5%2C2.2%2C5%2C5v13.9c0%2C0.7-0.6%2C1.2-1.2%2C1.2%0A%20%20%20%20%20%20%20%20%20%20%20%20s-1.2-0.6-1.2-1.2V9.7c0-1.4-1.1-2.5-2.5-2.5H8c-1.4%2C0-2.5%2C1.1-2.5%2C2.5v25.1c0%2C1.4%2C1.1%2C2.5%2C2.5%2C2.5h15.1c0.7%2C0%2C1.2%2C0.6%2C1.2%2C1.2%0A%20%20%20%20%20%20%20%20%20%20%20%20S23.8%2C39.8%2C23.1%2C39.8z%22%2F%3E%0A%20%20%20%20%20%20%20%20%3Cpath%20fill%3D%22%40%7Bcolor_icon%7D%22%20d%3D%22M15.8%2C30.2h-5c-0.7%2C0-1.2-0.6-1.2-1.2s0.6-1.2%2C1.2-1.2h5c0.7%2C0%2C1.2%2C0.6%2C1.2%2C1.2S16.5%2C30.2%2C15.8%2C30.2z%22%2F%3E%0A%20%20%20%20%20%20%20%20%3Cpath%20fill%3D%22%40%7Bcolor_icon%7D%22%20d%3D%22M25.5%2C23H10.8c-0.7%2C0-1.2-0.6-1.2-1.2s0.6-1.2%2C1.2-1.2h14.7c0.7%2C0%2C1.2%2C0.6%2C1.2%2C1.2S26.2%2C23%2C25.5%2C23z%22%2F%3E%0A%20%20%20%20%20%20%20%20%3Cpath%20fill%3D%22%40%7Bcolor_icon%7D%22%20d%3D%22M25.5%2C15.8H10.8c-0.7%2C0-1.2-0.6-1.2-1.2s0.6-1.2%2C1.2-1.2h14.7c0.7%2C0%2C1.2%2C0.6%2C1.2%2C1.2S26.2%2C15.8%2C25.5%2C15.8z%22%2F%3E%0A%20%20%20%20%20%20%20%20%3Cpath%20fill%3D%22%40%7Bcolor_icon%7D%22%20d%3D%22M31.6%2C38l-5.9-4.7c-0.5-0.4-0.6-1.2-0.2-1.8c0.4-0.5%2C1.2-0.6%2C1.8-0.2l3.8%2C3.1l7.3-10.3%0A%20%20%20%20%20%20%20%20%20%20%20%20c0.4-0.6%2C1.2-0.7%2C1.7-0.3c0.6%2C0.4%2C0.7%2C1.2%2C0.3%2C1.7L31.6%2C38z%22%2F%3E%0A%20%20%20%20%3C%2Fg%3E%0A%3C%2Fsvg%3E');
}

.reputation-icon-transaction {
    background-image: url('data:image/svg+xml;charset=UTF-8,%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%2045%2045%22%20style%3D%22enable-background%3Anew%200%200%2045%2045%3B%22%20xml%3Aspace%3D%22preserve%22%3E%0A%20%20%3Crect%20fill%3D%22none%22%20width%3D%2245%22%20height%3D%2245%22%2F%3E%0A%20%20%3Cpath%20id%3D%22reputation-transaction%22%20d%3D%22M43.9%2C32c-1.1-2.6-4-3.8-6.7-2.9c0%2C0%2C0%2C0-0.1%2C0V18.6c0-3.2-2.6-5.8-5.8-5.8h-0.6v-1.3c0-4-3.3-7.3-7.3-7.3%0A%20%20%20%20%20%20c-4%2C0-7.3%2C3.3-7.3%2C7.3v1.3H16c-3.2%2C0-5.8%2C2.6-5.8%2C5.8v3.7c-0.7%2C0.3-1.3%2C0.7-1.9%2C1.1c-0.6-1-1.8-1.8-3.1-1.8H3.6%0A%20%20%20%20%20%20c-2%2C0-3.6%2C1.6-3.6%2C3.6v11.1c0%2C2%2C1.6%2C3.6%2C3.6%2C3.6h1.7c1.5%2C0%2C2.7-0.9%2C3.3-2.1l1.4%2C0.7c4.4%2C2%2C9.1%2C3.1%2C13.7%2C3.1c0.6%2C0%2C1.3%2C0%2C1.9-0.1%0A%20%20%20%20%20%20c5.6-0.4%2C10.7-1.9%2C15.3-4.5c0.6-0.4%2C1.3-0.8%2C1.9-1.2C44%2C35%2C44.5%2C33.4%2C43.9%2C32z%20M18.7%2C11.6c0-2.7%2C2.2-4.8%2C4.8-4.8%0A%20%20%20%20%20%20c2.7%2C0%2C4.8%2C2.2%2C4.8%2C4.8v1.3h-9.6V11.6z%20M12.8%2C18.6c0-1.8%2C1.5-3.3%2C3.3-3.3h0.2v2.3c0%2C0.7%2C0.6%2C1.2%2C1.2%2C1.2s1.2-0.6%2C1.2-1.2v-2.3h9.6%0A%20%20%20%20%20%20v2.3c0%2C0.7%2C0.6%2C1.2%2C1.2%2C1.2s1.2-0.6%2C1.2-1.2v-2.3h0.6c1.8%2C0%2C3.3%2C1.5%2C3.3%2C3.3v11.3c-5%2C1.4-10.7%2C2.1-13.9%2C0.5%0A%20%20%20%20%20%20c-0.5-0.2-0.9-0.5-1.2-0.9h7.1c1.2%2C0%2C2.4-0.5%2C3.2-1.5c0.8-0.9%2C1.1-2.2%2C0.9-3.4c-0.3-2-2.2-3.5-4.3-3.5H15.8c-1%2C0-2%2C0.1-3%2C0.4V18.6z%0A%20%20%20%20%20%20%20M6.4%2C36.3c0%2C0.6-0.5%2C1.1-1.1%2C1.1H3.6c-0.6%2C0-1.1-0.5-1.1-1.1V25.2c0-0.6%2C0.5-1.1%2C1.1-1.1h1.7c0.6%2C0%2C1.1%2C0.5%2C1.1%2C1.1v0.4V36V36.3z%0A%20%20%20%20%20%20%20M41.4%2C33.7c-0.6%2C0.4-1.2%2C0.8-1.8%2C1.1c-4.3%2C2.5-9%2C3.9-14.2%2C4.2c-4.8%2C0.3-9.7-0.7-14.3-2.8l-2.2-1v-9.1c1.9-1.7%2C4.3-2.6%2C6.9-2.6%0A%20%20%20%20%20%20h10.7c0.9%2C0%2C1.7%2C0.6%2C1.9%2C1.4c0.1%2C0.5-0.1%2C1-0.4%2C1.4c-0.3%2C0.4-0.8%2C0.6-1.3%2C0.6H15.7l0.5%2C1.6c0.6%2C1.8%2C1.7%2C3.1%2C3.4%2C4%0A%20%20%20%20%20%20c5.5%2C2.8%2C15.5-0.2%2C18.4-1.1c1.4-0.5%2C3%2C0.2%2C3.6%2C1.6C41.7%2C33.3%2C41.6%2C33.6%2C41.4%2C33.7z%22%20fill%3D%22%23767676%22%2F%3E%0A%3C%2Fsvg%3E');
}

.reputation-icon-payment {
    background-image: url('data:image/svg+xml;charset=UTF-8,%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%2045%2045%22%20style%3D%22enable-background%3Anew%200%200%2045%2045%3B%22%20xml%3Aspace%3D%22preserve%22%3E%0A%20%20%20%20%3Crect%20width%3D%2245%22%20height%3D%2245%22%20fill%3D%22none%22%2F%3E%0A%20%20%20%20%3Cpath%20id%3D%22reputation-payment%22%20d%3D%22M36.2%2C15.9h-2L32%2C9.2c-0.4-1.3-1.3-2.3-2.5-3c-1.2-0.6-2.6-0.7-3.8-0.3L5.1%2C12.8c-1.3%2C0.4-2.3%2C1.3-2.9%2C2.6%0A%20%20%20%20%20%20c-0.6%2C1.2-0.7%2C2.6-0.3%2C3.9l3.3%2C9.9v0c0.4%2C1.3%2C1.3%2C2.3%2C2.5%2C3c0.6%2C0.3%2C1.3%2C0.5%2C1.9%2C0.5c0.5%2C2.3%2C2.5%2C4%2C4.9%2C4h21.7c2.8%2C0%2C5-2.3%2C5-5.1V21%0A%20%20%20%20%20%20C41.2%2C18.2%2C38.9%2C15.9%2C36.2%2C15.9z%20M9.5%2C21v9c-0.2%2C0-0.4-0.1-0.6-0.2c-0.6-0.3-1.1-0.9-1.3-1.5l-3.3-9.9c-0.2-0.7-0.2-1.4%2C0.1-2%0A%20%20%20%20%20%20c0.3-0.6%2C0.8-1.1%2C1.4-1.3l20.6-6.8c0.2-0.1%2C0.5-0.1%2C0.8-0.1c0.4%2C0%2C0.8%2C0.1%2C1.2%2C0.3c0.6%2C0.3%2C1.1%2C0.9%2C1.3%2C1.5l2%2C5.9H14.5%0A%20%20%20%20%20%20C11.8%2C15.9%2C9.5%2C18.2%2C9.5%2C21z%20M38.7%2C31.4c0%2C1.4-1.1%2C2.6-2.5%2C2.6H14.5c-1.1%2C0-2.1-0.8-2.4-1.9c-0.1-0.2-0.1-0.5-0.1-0.7v-1.9v-3.3h10%0A%20%20%20%20%20%20h8h8.7V31.4z%20M38.7%2C21h-3.2H33H12v0c0-1.4%2C1.1-2.6%2C2.5-2.6h17.9h2.6h1.1C37.6%2C18.4%2C38.7%2C19.6%2C38.7%2C21L38.7%2C21z%22%20fill%3D%22%23767676%22%2F%3E%0A%3C%2Fsvg%3E');
}

.reputation-aspect-worded__icon {
    margin-right: 16px;
    display: flex;
    width: 24px;
    height: 24px;
    max-width: 24px;
}

.reputation-aspect-worded__score {
    margin-right: 4px;
    font-size: 16px;
    line-height: 22px;
    font-weight: 400;
    color: #474445;
}

.reputation-aspect-worded__category {
    font-size: 16px;
    line-height: 22px;
    font-weight: 400;
    color: #474445;
}