/* Trustpilot */

.tp-widget-wrapper {
  height: 100%;
  max-width: 750px;
  position: relative;
  cursor: pointer;
}

@media screen and (min-width: 750px) {
  .tp-widget-wrapper--fullwidth {
    max-width: 100%
  }

  .tp-widget-wrapper--fullwidth .tp-widget-attributes-scores-wrapper {
    border-bottom: 1px solid #d6d6d6;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
    grid-gap: 16px
  }

  .tp-widget-wrapper--fullwidth .tp-widget-attributes-scores-wrapper .tp-widget-scores,
  .tp-widget-wrapper--fullwidth .tp-widget-attributes-scores-wrapper .tp-widget-attributes {
    border-bottom: none
  }

  .tp-widget-wrapper--fullwidth .tp-widget-attributes-scores-wrapper .tp-widget-scores {
    -ms-grid-row: 1;
    grid-row: 1
  }
}

.tp-stars .tp-star__canvas,
.tp-stars .tp-star__canvas--half {
  fill: #dcdce6
}

.tp-stars .tp-star__shape {
  fill: #fff
}

.tp-stars--1 .tp-star:nth-of-type(-n + 1) .tp-star__canvas,
.tp-stars--1 .tp-star:nth-of-type(-n + 1) .tp-star__canvas--half {
  fill: #ff3722
}

.tp-stars--2 .tp-star:nth-of-type(-n + 2) .tp-star__canvas,
.tp-stars--2 .tp-star:nth-of-type(-n + 2) .tp-star__canvas--half {
  fill: #ff8622
}

.tp-stars--3 .tp-star:nth-of-type(-n + 3) .tp-star__canvas,
.tp-stars--3 .tp-star:nth-of-type(-n + 3) .tp-star__canvas--half {
  fill: #ffce00
}

.tp-stars--4 .tp-star:nth-of-type(-n + 4) .tp-star__canvas,
.tp-stars--4 .tp-star:nth-of-type(-n + 4) .tp-star__canvas--half {
  fill: #73cf11
}

.tp-stars--5 .tp-star:nth-of-type(-n + 5) .tp-star__canvas,
.tp-stars--5 .tp-star:nth-of-type(-n + 5) .tp-star__canvas--half {
  fill: #00b67a
}

.tp-stars--1--half .tp-star:nth-of-type(-n + 2) .tp-star__canvas--half {
  fill: #ff3722
}

.tp-stars--2--half .tp-star:nth-of-type(-n + 3) .tp-star__canvas--half {
  fill: #ff8622
}

.tp-stars--3--half .tp-star:nth-of-type(-n + 4) .tp-star__canvas--half {
  fill: #ffce00
}

.tp-stars--4--half .tp-star:nth-of-type(-n + 4) .tp-star__canvas,
.tp-stars--4--half .tp-star:nth-of-type(-n + 4) .tp-star__canvas--half {
  fill: #00b67a
}

.tp-stars--4--half .tp-star:nth-of-type(-n + 5) .tp-star__canvas--half {
  fill: #00b67a
}

.tp-widget-loader,
.tp-widget-fallback {
  max-width: 50%;
  text-align: center;
  width: 400vh
}

.tp-widget-loader svg,
.tp-widget-fallback svg {
  width: 100%
}

@media screen and (min-width: 400px) {

  .tp-widget-loader,
  .tp-widget-fallback {
    max-width: 200px
  }
}

.tp-widget-loader--loaded {
  opacity: 0
}

.tp-widget-wrapper {
  max-width: 255px
}

.tp-widget-wrapper--placeholder {
  display: none
}

.tp-widget-wrapper :focus {
  outline-offset: -2px
}

.tp-widget-profile-link {
  display: block;
}

.tp-widget-logo {
  display: block;
  width: 55%
}

.tp-widget-stars {
  display: block;
  width: 100%
}

.tp-widget-stars .tp-stars {
  position: relative;
  height: 0;
  width: 100%;
  padding: 0;
  padding-bottom: 1.5rem;
}

.tp-widget-stars svg {
  position: absolute;
  height: 22px;
  left: 0;
  top: 0;
}

.tp-widget-businessinfo {
  color: #4B4B4B;
  font-weight: 400;
  font-size: 11px;
  line-height: 1.2;
  display: block
}

.tp-widget-businessinfo__trustscore,
.tp-widget-businessinfo__total {
  text-transform: none;
  display: inline-block
}

@media screen and (min-width: 200px) {
  .tp-widget-logo {
    max-width: 90px;
  }

  .tp-widget-businessinfo {
    font-size: 12px;
    max-width: 255px
  }
}

@media screen and (min-width: 235px) {

  .tp-widget-businessinfo__trustscore,
  .tp-widget-businessinfo__total {
    display: inline-block;
    vertical-align: middle
  }

  .tp-widget-wrapper:not(.header) .tp-widget-businessinfo__total::before {
    content: "|";
    margin: 0 2px
  }
}

.tp-widget-wrapper.header {
  display: none;
  position: relative;
  width: 85px;
  margin-left: auto;
  padding: 0 !important;
  max-width: 100px;
}

.tp-widget-wrapper.header .tp-widget-profile-link {
  width: 100%;
}

.tp-widget-wrapper.header .tp-widget-logo {
  display: flex;
  max-width: 60px;
  height: 14px;
}

.tp-widget-wrapper.header .tp-widget-row {
  display: flex;
  flex-direction: row;
  height: 12px;
  justify-content: center;
  align-content: center;
  align-items: center;
}

.tp-widget-wrapper.header .tp-widget-stars {
  display: block;
  width: 100%;
  height: 12px;
}

.tp-widget-wrapper.header .tp-widget-stars .tp-stars {
  padding-bottom: 0;
}

.tp-widget-wrapper.header .tp-widget-stars svg {
  width: 65.5px !important;
  height: 12px !important;
}

.tp-widget-wrapper.header .tp-widget-businessinfo {
  font-size: 9px;
  margin-left: auto;
}

@media only screen and (max-width: 767px) {
  .tp-widget-wrapper.header {
    display: block;
  }
}