.cspgr-widget{
  --cspgr-text-color:#1f1f1f;
  position:relative;
  width:100%;
  font-family:inherit;
  color:var(--cspgr-text-color);
}
.cspgr-widget *{box-sizing:border-box}
.cspgr-shell{
  display:grid;
  grid-template-columns:minmax(190px,220px) minmax(0,1fr);
  gap:18px;
  align-items:stretch;
}
.cspgr-overview,
.cspgr-card{
  background:rgba(127,127,127,.08);
  background:color-mix(in srgb,var(--cspgr-text-color) 7%,transparent);
  border:1px solid rgba(127,127,127,.12);
  border:1px solid color-mix(in srgb,var(--cspgr-text-color) 12%,transparent);
}
.cspgr-overview{
  min-height:230px;
  border-radius:16px;
  padding:24px 18px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  text-align:center;
}
.cspgr-google-wordmark{
  font-family:Arial,Helvetica,sans-serif;
  font-size:31px;
  line-height:1;
  font-weight:500;
  letter-spacing:-1.6px;
  margin-bottom:12px;
}
.cspgr-g-blue{color:#4285f4}.cspgr-g-red{color:#ea4335}.cspgr-g-yellow{color:#fbbc05}.cspgr-g-green{color:#34a853}
.cspgr-rating-label{font-size:1rem;margin-bottom:4px}
.cspgr-overall-stars{
  color:#f9ab00;
  letter-spacing:1px;
  font-size:21px;
  line-height:1.2;
  margin:3px 0 6px;
}
.cspgr-overall-rating{font-size:.9rem;opacity:.78;margin-bottom:10px}
.cspgr-overall-rating strong{font-size:1rem;opacity:1}
.cspgr-review-total{display:flex;flex-direction:column;gap:1px;margin-bottom:15px}
.cspgr-review-total strong{font-size:1.7rem;line-height:1.1}
.cspgr-review-total span{font-size:.86rem;opacity:.72}
.cspgr-google-link{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:38px;
  padding:7px 14px;
  border:1px solid currentColor;
  border-radius:8px;
  color:inherit;
  text-decoration:none!important;
  font-weight:700;
  font-size:.88rem;
  transition:background .2s ease,opacity .2s ease;
}
.cspgr-google-link:hover{background:color-mix(in srgb,var(--cspgr-text-color) 8%,transparent);color:inherit}
.cspgr-reviews-area{min-width:0;position:relative}
.cspgr-track{display:grid;gap:16px}
.cspgr-layout-grid .cspgr-track{grid-template-columns:repeat(3,minmax(0,1fr))}
.cspgr-layout-carousel .cspgr-track{
  display:flex;
  gap:16px;
  overflow-x:auto;
  overflow-y:hidden;
  scroll-behavior:auto;
  overflow-anchor:none;
  scrollbar-width:none;
  padding:0 1px 2px;
  overscroll-behavior-inline:contain;
}
.cspgr-layout-carousel .cspgr-track::-webkit-scrollbar{display:none}
.cspgr-card{
  border-radius:14px;
  padding:19px 19px 17px;
  min-height:230px;
  color:var(--cspgr-text-color);
  display:flex;
  flex-direction:column;
}
.cspgr-layout-carousel .cspgr-card{flex:0 0 calc((100% - 32px)/3)}
.cspgr-card-head{display:flex;align-items:center;gap:11px;min-width:0}
.cspgr-avatar{
  width:42px;height:42px;border-radius:50%;object-fit:cover;flex:0 0 42px;
  border:1px solid color-mix(in srgb,var(--cspgr-text-color) 15%,transparent);
}
.cspgr-avatar-fallback{
  display:inline-flex;align-items:center;justify-content:center;
  background:color-mix(in srgb,var(--cspgr-text-color) 11%,transparent);
  font-weight:700
}
.cspgr-author-wrap{min-width:0;flex:1}
.cspgr-author,.cspgr-date{display:block}
.cspgr-author{font-size:1rem;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cspgr-date{font-size:.83rem;opacity:.66;margin-top:2px}
.cspgr-google-g{
  flex:0 0 auto;
  font-family:Arial,Helvetica,sans-serif;
  font-size:21px;
  line-height:1;
  font-weight:800;
  background:conic-gradient(from -45deg,#4285f4 0 25%,#34a853 0 42%,#fbbc05 0 62%,#ea4335 0 82%,#4285f4 0);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
}
.cspgr-stars{letter-spacing:1px;margin:14px 0 9px;font-size:18px;line-height:1}
.cspgr-stars .is-on{color:#f9ab00}.cspgr-stars .is-off{opacity:.18}
.cspgr-copy{margin-top:0}
.cspgr-text{line-height:1.48;font-size:.95rem;overflow-wrap:anywhere}
.cspgr-more{
  appearance:none;
  border:0;
  padding:0;
  margin:8px 0 0;
  background:transparent;
  color:inherit;
  opacity:.58;
  font:inherit;
  font-size:.88rem;
  cursor:pointer;
  text-decoration:none;
}
.cspgr-more:hover{opacity:.9;text-decoration:underline}
.cspgr-nav{display:flex;justify-content:flex-end;gap:8px;margin-top:12px}
.cspgr-nav button{
  width:36px;height:36px;border-radius:50%;
  border:1px solid color-mix(in srgb,var(--cspgr-text-color) 22%,transparent);
  background:transparent;color:inherit;cursor:pointer;font-size:22px;line-height:1;
  transition:background .2s ease;
}
.cspgr-nav button:hover{background:color-mix(in srgb,var(--cspgr-text-color) 8%,transparent)}
.cspgr-empty{padding:12px;border:1px dashed #aaa;font-size:13px}
.cspgr-widget [hidden]{display:none!important}

@media(max-width:980px){
  .cspgr-shell{grid-template-columns:minmax(170px,190px) minmax(0,1fr)}
  .cspgr-layout-grid .cspgr-track{grid-template-columns:repeat(2,minmax(0,1fr))}
  .cspgr-layout-carousel .cspgr-card{flex-basis:calc((100% - 16px)/2)}
}
@media(max-width:720px){
  .cspgr-shell{grid-template-columns:1fr}
  .cspgr-overview{
    min-height:auto;
    padding:18px;
    display:grid;
    grid-template-columns:auto 1fr;
    grid-template-areas:
      "logo rating"
      "stars total"
      "button button";
    column-gap:16px;
    row-gap:7px;
    text-align:left;
    justify-items:start;
  }
  .cspgr-google-wordmark{grid-area:logo;margin:0;font-size:27px}
  .cspgr-rating-label{grid-area:rating;align-self:end}
  .cspgr-overall-stars{grid-area:stars;margin:0}
  .cspgr-overall-rating{display:none}
  .cspgr-review-total{grid-area:total;margin:0;flex-direction:row;align-items:baseline;gap:5px}
  .cspgr-review-total strong{font-size:1.25rem}
  .cspgr-google-link{grid-area:button;margin-top:5px}
}
@media(max-width:560px){
  .cspgr-layout-grid .cspgr-track{grid-template-columns:1fr}
  .cspgr-layout-carousel .cspgr-card{flex-basis:88%}
  .cspgr-card{min-height:220px}
  .cspgr-overview{grid-template-columns:1fr}
  .cspgr-overview>*{grid-area:auto!important}
  .cspgr-google-wordmark{font-size:29px}
}