.agsc {
--agsc-bg: #ffffff;
--agsc-surface: #ffffff;
--agsc-text: #172033;
--agsc-muted: #667085;
--agsc-border: #dde3ea;
--agsc-accent: #2563eb;
--agsc-star: #f59e0b;
--agsc-radius: 8px;
--agsc-shadow: 0 1px 2px rgba(15, 23, 42, 0.08);
--agsc-card-gap: 0.75rem;
--agsc-card-padding: 1rem;
--agsc-text-lines: 4;
box-sizing: border-box;
color: var(--agsc-text);
font-family: inherit;
margin: 0 !important;
max-width: min(100%, 760px);
min-width: 0;
}
.agsc *,
.agsc *::before,
.agsc *::after {
box-sizing: inherit;
}
.wp-block-shortcode:has(> .agsc),
.wp-block-shortcode:has(> .agsc-widget) {
margin: 0 !important;
}
.agsc--theme-soft {
--agsc-bg: #f6f8fb;
--agsc-surface: #ffffff;
--agsc-border: #d8e0ea;
--agsc-accent: #0f766e;
}
.agsc--theme-dark {
--agsc-bg: #151922;
--agsc-surface: #1d2430;
--agsc-text: #f7fafc;
--agsc-muted: #b8c0cc;
--agsc-border: #374151;
--agsc-accent: #60a5fa;
}
.agsc-review {
background: var(--agsc-surface);
border: 1px solid var(--agsc-border);
border-radius: var(--agsc-radius);
box-shadow: var(--agsc-shadow);
display: flex;
flex-direction: column;
gap: var(--agsc-card-gap);
min-width: 0;
overflow: hidden;
padding: var(--agsc-card-padding);
}
.agsc--compact {
max-width: 520px;
}
.agsc--compact .agsc-review {
gap: 0.65rem;
padding: 0.85rem;
}
.agsc--quote .agsc-review {
background: var(--agsc-bg);
border-left: 4px solid var(--agsc-accent);
}
.agsc--design-official {
--agsc-accent: #4285F4;
--agsc-star: #FBBC05;
--agsc-border: #DADCE0;
--agsc-card-gap: 1.15rem;
--agsc-card-padding: 2.35rem 2.55rem;
--agsc-radius: 20px;
--agsc-shadow: 0 8px 28px rgba(60, 64, 67, 0.14);
--agsc-text: #202124;
max-width: min(100%, 733px);
}
.agsc--design-official .agsc-review {
box-shadow: var(--agsc-shadow);
}
.agsc--design-official .agsc-review__header {
align-items: flex-start;
gap: 1.45rem;
}
.agsc--design-official .agsc-review__avatar {
background: #5e35b1;
color: #ffffff;
flex-basis: 64px;
font-size: 2rem;
height: 64px;
width: 64px;
}
.agsc--design-official .agsc-review__author {
font-size: 1.55rem;
font-weight: 800;
line-height: 1.18;
}
.agsc--design-official .agsc-review__date {
color: #858585;
font-size: 1.28rem;
line-height: 1.25;
margin-top: 0.25rem;
}
.agsc--design-official .agsc-google-badge {
flex-basis: 40px;
height: 40px;
width: 40px;
}
.agsc--design-official .agsc-google-mark {
background: transparent;
border: 0;
height: 40px;
line-height: 1;
width: 40px;
}
.agsc--design-official .agsc-review__scoreline {
gap: 0.85rem;
}
.agsc--design-official .agsc-review__rating {
align-items: center;
gap: 0.45rem;
}
.agsc--design-official .agsc-stars {
font-size: 2rem;
gap: 0.16rem;
}
.agsc--design-official .agsc-verified-badge {
align-items: center;
display: inline-flex;
height: 28px;
justify-content: center;
line-height: 1;
margin-left: 0;
width: 28px;
}
.agsc--design-official .agsc__place-name {
display: none;
}
.agsc--design-official .agsc-review__text {
font-size: 1.55rem;
line-height: 1.42;
}
.agsc--design-official.agsc--text-read-more .agsc-review__ellipsis {
color: var(--agsc-text);
display: block;
font-size: 1.3rem;
font-weight: 700;
line-height: 1;
margin-top: -0.35rem;
}
.agsc--design-official.agsc--text-read-more .agsc-review__more {
align-self: flex-start;
background: transparent;
border: 0;
color: #8a8a8a;
cursor: pointer;
display: inline-flex;
font: inherit;
font-size: 1.35rem;
line-height: 1.25;
margin: -0.15rem 0 0;
padding: 0;
}
.agsc--design-official.agsc--text-read-more .agsc-review__more:hover {
color: #5f6368;
text-decoration: underline;
}
.agsc--design-official .agsc-review__footer {
display: none;
}
.agsc--design-column {
--agsc-accent: #0f6b49;
--agsc-card-gap: 0.7rem;
--agsc-card-padding: 1rem 1.2rem;
--agsc-radius: 16px;
--agsc-shadow: 0 6px 18px rgba(15, 23, 42, 0.10);
container-type: inline-size;
max-width: min(100%, 1280px);
}
.agsc--design-column .agsc-review {
display: grid;
grid-template-columns: minmax(220px, 28%) minmax(0, 1fr);
grid-template-rows: minmax(0, 1fr) auto;
min-height: 135px;
position: relative;
row-gap: 0.35rem;
}
.agsc--design-column .agsc-review__header {
align-items: flex-start;
display: flex;
flex-direction: column;
gap: 0.4rem;
grid-column: 1;
grid-row: 1;
min-width: 0;
padding-right: 1rem;
width: 100%;
}
.agsc--design-column .agsc-review__profile {
align-items: center;
display: flex;
gap: 0.55rem;
min-width: 0;
width: 100%;
}
.agsc--design-column .agsc-review__avatar {
background: #edf6f1;
color: #0f6b49;
flex-basis: 30px;
font-size: 0.83rem;
font-weight: 700;
height: 30px;
width: 30px;
}
.agsc--design-column .agsc-review__identity {
align-self: center;
flex: 1 1 auto;
gap: 0.02rem;
min-width: 0;
}
.agsc--design-column .agsc-review__author {
font-size: 0.94rem;
font-weight: 700;
line-height: 1.18;
overflow-wrap: break-word;
word-break: normal;
}
.agsc--design-column .agsc-review__date {
color: #334155;
font-size: 0.82rem;
line-height: 1.2;
margin-top: 0.12rem;
}
.agsc--design-column .agsc-google-badge {
align-self: flex-start;
flex: 0 0 24px;
height: 24px;
margin: 0 0 0 auto;
position: static;
width: 24px;
z-index: auto;
}
.agsc--design-column .agsc-google-mark {
height: 24px;
width: 24px;
}
.agsc--design-column .agsc-review__scoreline {
align-items: flex-start;
align-self: auto;
flex-direction: column;
flex-wrap: nowrap;
gap: 0.35rem;
grid-column: 1 / -1;
max-width: 100%;
padding-right: 0;
}
.agsc--design-column .agsc-review__rating {
align-items: center;
gap: 0.55rem;
}
.agsc--design-column .agsc-stars {
font-size: 1.35rem;
gap: 0.1rem;
}
.agsc--design-column .agsc-verified-badge {
height: 22px;
margin-left: 0;
width: 22px;
}
.agsc--design-column .agsc__place-name {
display: none;
}
.agsc--design-column .agsc-review__text,
.agsc--design-column .agsc-review__ellipsis,
.agsc--design-column .agsc-review__more {
border-left: 1px solid #e5e7eb;
grid-column: 2;
padding-left: 1.25rem;
padding-right: 0.3rem;
}
.agsc--design-column .agsc-review__text {
align-self: start;
font-size: 0.94rem;
grid-row: 1;
line-height: 1.45;
min-height: 0;
}
.agsc--design-column .agsc-review__ellipsis,
.agsc--design-column .agsc-review__more {
grid-row: 2;
}
.agsc--design-column .agsc-review__scoreline .agsc-google-badge {
align-self: center;
flex: 0 0 18px;
height: 18px;
margin: 0;
min-width: 18px;
width: 18px;
}
.agsc--design-column .agsc-review__scoreline .agsc-google-mark {
height: 18px;
width: 18px;
}
.agsc--design-column .agsc-review__powered {
color: #0f6b49;
font-size: 0.98rem;
font-weight: 800;
}
.agsc--design-column .agsc-review__google-link,
.agsc--design-column .agsc-review__google-label {
align-items: center;
display: inline-flex;
flex: 0 0 auto;
gap: 0.42rem;
text-decoration: none;
white-space: nowrap;
}
.agsc--design-column .agsc-review__google-link:hover {
text-decoration: underline;
}
.agsc--design-column .agsc-review__source {
align-items: center;
color: #0f6b49;
display: inline-flex;
font-size: 0.98rem;
font-weight: 800;
margin-left: auto;
text-decoration: none;
white-space: nowrap;
}
.agsc--design-column .agsc-review__source::after {
content: "↗";
display: inline-block;
font-size: 1.25rem;
margin-left: 0.75rem;
transform: translateY(-0.04em);
}
.agsc--design-column .agsc-review__source::after {
content: "\2197";
}
.agsc-widget.agsc--design-column .agsc-widget__reviews {
grid-template-columns: 1fr;
}
.agsc--design-column.agsc--text-scroll .agsc-review__text {
max-height: calc(1.45em * var(--agsc-text-lines));
}
@container (max-width: 640px) {
.agsc--design-column .agsc-review {
display: flex;
flex-direction: column;
}
.agsc--design-column .agsc-review__header,
.agsc--design-column .agsc-review__scoreline {
padding-right: 0;
}
.agsc--design-column .agsc-review__text,
.agsc--design-column .agsc-review__ellipsis,
.agsc--design-column .agsc-review__more,
.agsc--design-column .agsc-review__footer {
border-left: 0;
padding-left: 0;
padding-right: 0;
}
}
.agsc--design-minimal {
--agsc-shadow: none;
}
.agsc--design-minimal .agsc-review {
border-left: 0;
border-right: 0;
border-top: 0;
}
.agsc--design-premium .agsc-review {
border-width: 1px;
}
.agsc--shadow-none {
--agsc-shadow: none;
}
.agsc--shadow-soft {
--agsc-shadow: 0 1px 2px rgba(60, 64, 67, 0.12), 0 1px 3px rgba(60, 64, 67, 0.08);
}
.agsc--shadow-medium {
--agsc-shadow: 0 10px 24px rgba(15, 23, 42, 0.14);
}
.agsc--density-compact {
--agsc-card-gap: 0.55rem;
--agsc-card-padding: 0.8rem;
}
.agsc--density-comfortable {
--agsc-card-gap: 1rem;
--agsc-card-padding: 1.2rem;
}
.agsc-review__header {
align-items: center;
display: flex;
gap: 0.75rem;
min-width: 0;
}
.agsc-review__identity {
display: grid;
gap: 0.1rem;
min-width: 0;
}
.agsc-google-badge {
align-items: center;
border-radius: 50%;
display: inline-flex;
flex: 0 0 28px;
height: 28px;
justify-content: center;
margin-left: auto;
min-width: 28px;
text-decoration: none;
width: 28px;
}
.agsc-google-mark {
align-items: center;
background: transparent;
border: 0;
border-radius: 50%;
display: inline-flex;
height: 28px;
justify-content: center;
line-height: 1;
width: 28px;
}
.agsc-google-logo {
display: block;
height: 100%;
width: 100%;
}
.agsc__summary {
align-items: center;
background: var(--agsc-bg);
border: 1px solid var(--agsc-border);
border-radius: var(--agsc-radius);
display: flex;
gap: 1rem;
justify-content: space-between;
padding: 0.85rem;
}
.agsc__summary-main {
display: grid;
gap: 0.2rem;
min-width: 0;
}
.agsc__place-name {
font-size: 1rem;
line-height: 1.3;
overflow-wrap: anywhere;
}
.agsc__source-label {
color: var(--agsc-muted);
font-size: 0.86rem;
line-height: 1.3;
}
.agsc-review__scoreline {
align-items: center;
display: flex;
flex-wrap: wrap;
gap: 0.5rem;
}
.agsc__google-link,
.agsc-review__source {
color: var(--agsc-accent);
font-size: 0.9rem;
font-weight: 700;
text-decoration: none;
white-space: nowrap;
}
.agsc__google-link:hover,
.agsc-review__source:hover {
text-decoration: underline;
}
.agsc-review__rating,
.agsc-stars {
align-items: center;
display: inline-flex;
gap: 0.12rem;
line-height: 1;
}
.agsc-stars {
color: #cbd5e1;
font-size: 1rem;
letter-spacing: 0;
}
.agsc-stars .is-filled {
color: var(--agsc-star);
}
.agsc-review__ellipsis,
.agsc-review__more {
display: none;
}
.agsc-verified-badge {
align-items: center;
display: inline-flex;
flex: 0 0 auto;
height: 20px;
justify-content: center;
line-height: 1;
margin-left: 0.3rem;
width: 20px;
}
.agsc-verified-badge__svg {
display: block;
height: 100%;
width: 100%;
}
.agsc-review__text {
color: var(--agsc-text);
font-size: 0.98rem;
line-height: 1.6;
margin: 0;
overflow-wrap: anywhere;
word-break: break-word;
}
.agsc--text-read-more .agsc-review__text {
display: -webkit-box;
overflow: hidden;
-webkit-box-orient: vertical;
-webkit-line-clamp: var(--agsc-text-lines);
}
.agsc--text-read-more .agsc-review.is-expanded .agsc-review__text {
display: block;
overflow: visible;
}
.agsc--text-read-more .agsc-review__ellipsis {
display: block;
font-weight: 700;
line-height: 1;
margin-top: -0.25rem;
}
.agsc--text-read-more .agsc-review.is-expanded .agsc-review__ellipsis {
display: none;
}
.agsc--text-read-more .agsc-review__more {
align-self: flex-start;
background: transparent;
border: 0;
color: var(--agsc-muted);
cursor: pointer;
display: inline-flex;
font: inherit;
font-size: 0.95rem;
font-weight: 600;
line-height: 1.25;
margin: -0.1rem 0 0;
padding: 0;
}
.agsc--text-read-more .agsc-review__more:hover {
color: var(--agsc-accent);
text-decoration: underline;
}
.agsc--text-read-more .agsc-review__more.is-hidden,
.agsc--text-read-more .agsc-review__ellipsis.is-hidden {
display: none;
}
.agsc--text-scroll .agsc-review__text {
max-height: calc(1.6em * var(--agsc-text-lines));
overflow-y: auto;
padding-right: 0.6rem;
scrollbar-color: #c8cdd4 transparent;
scrollbar-width: thin;
}
.agsc--text-scroll .agsc-review__text::-webkit-scrollbar {
width: 8px;
}
.agsc--text-scroll .agsc-review__text::-webkit-scrollbar-thumb {
background: #c8cdd4;
border-radius: 999px;
}
.agsc--design-official.agsc--text-scroll .agsc-review__text {
max-height: calc(1.42em * var(--agsc-text-lines));
}
.agsc--quote .agsc-review__text {
font-size: 1.05rem;
}
.agsc-owner-response {
background: color-mix(in srgb, var(--agsc-surface) 86%, var(--agsc-accent) 14%);
border-left: 3px solid var(--agsc-accent);
border-radius: 8px;
color: var(--agsc-text);
display: grid;
gap: 0.45rem;
margin-top: 0.2rem;
padding: 0.75rem 0.85rem;
}
.agsc-owner-response__meta {
align-items: baseline;
display: flex;
flex-wrap: wrap;
gap: 0.35rem 0.65rem;
}
.agsc-owner-response__meta strong {
font-size: 0.86rem;
}
.agsc-owner-response__meta span {
color: var(--agsc-muted);
font-size: 0.82rem;
}
.agsc-owner-response p {
font-size: 0.9rem;
line-height: 1.55;
margin: 0;
overflow-wrap: anywhere;
word-break: break-word;
}
.agsc-review__footer {
align-items: center;
display: flex;
gap: 0.7rem;
margin-top: auto;
min-width: 0;
}
.agsc-review__avatar {
align-items: center;
background: #e6eef8;
border-radius: 50%;
color: #1d4ed8;
display: inline-flex;
flex: 0 0 40px;
font-size: 0.95rem;
font-weight: 800;
height: 40px;
justify-content: center;
object-fit: cover;
width: 40px;
}
.agsc--theme-dark .agsc-review__avatar {
background: #2d3b50;
color: #bfdbfe;
}
.agsc-review__meta {
display: grid;
gap: 0.1rem;
min-width: 0;
}
.agsc-review__author {
color: var(--agsc-text);
font-size: 0.94rem;
font-weight: 700;
line-height: 1.3;
overflow-wrap: anywhere;
word-break: break-word;
}
.agsc-review__date {
color: var(--agsc-muted);
font-size: 0.86rem;
line-height: 1.3;
}
.agsc-review__source {
margin-left: auto;
}
.agsc-review__powered {
color: var(--agsc-muted);
font-size: 0.84rem;
font-weight: 600;
}
.agsc--notice {
background: #fff8e6;
border: 1px solid #f5c451;
border-radius: var(--agsc-radius);
color: #533f03;
padding: 0.9rem 1rem;
}
.agsc--notice p {
margin: 0;
}
.agsc-widget {
margin: 0 !important;
max-width: min(100%, 1120px);
min-width: 0;
}
.agsc-widget__header {
align-items: center;
background: var(--agsc-bg);
border: 1px solid var(--agsc-border);
border-radius: var(--agsc-radius);
display: flex;
gap: 1rem;
justify-content: space-between;
margin-bottom: 0.85rem;
padding: 0.9rem 1rem;
}
.agsc--design-minimal .agsc-widget__header {
background: transparent;
border-left: 0;
border-right: 0;
border-top: 0;
}
.agsc--design-premium .agsc-widget__header {
box-shadow: var(--agsc-shadow);
}
.agsc-widget__title {
display: block;
font-size: 1rem;
line-height: 1.3;
}
.agsc-widget__subtitle {
color: var(--agsc-muted);
display: block;
font-size: 0.88rem;
margin-top: 0.15rem;
}
.agsc-carousel__rating-header {
background: transparent;
border: 0;
box-shadow: none;
justify-content: center;
margin-bottom: 0.5rem;
padding: 0 0 0.18rem;
text-align: center;
}
.agsc--design-minimal .agsc-carousel__rating-header,
.agsc--design-premium .agsc-carousel__rating-header {
box-shadow: none;
}
.agsc-carousel__rating-summary {
align-items: center;
display: grid;
gap: 0.11rem;
justify-items: center;
width: 100%;
}
.agsc-carousel__rating-label {
color: #000000;
font-size: clamp(1rem, 2.25vw, 1.5rem);
font-weight: 800;
line-height: 1;
letter-spacing: 0;
text-transform: uppercase;
}
.agsc-carousel__rating-stars .agsc-stars {
color: #fbbc05;
font-size: clamp(1.23rem, 2.9vw, 2.08rem);
gap: 0.06rem;
line-height: 0.95;
}
.agsc-carousel__rating-stars .agsc-stars .is-filled {
color: #fbbc05;
}
.agsc-carousel__google-wordmark {
align-items: center;
display: inline-flex;
font-family: Arial, Helvetica, sans-serif;
font-size: clamp(1.5rem, 3.5vw, 2.4rem);
font-weight: 500;
letter-spacing: 0;
line-height: 0.9;
}
.agsc-carousel__google-letter--blue {
color: #4285f4;
}
.agsc-carousel__google-letter--red {
color: #ea4335;
}
.agsc-carousel__google-letter--yellow {
color: #fbbc05;
}
.agsc-carousel__google-letter--green {
color: #34a853;
}
.agsc-widget__reviews {
display: grid;
gap: 0.85rem;
grid-template-columns: repeat(3, minmax(0, 1fr));
min-width: 0;
}
.agsc-widget__reviews > .agsc {
margin: 0;
max-width: none;
}
.agsc-widget--cols-1 .agsc-widget__reviews {
grid-template-columns: 1fr;
}
.agsc-widget--cols-2 .agsc-widget__reviews {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.agsc-widget--cols-3 .agsc-widget__reviews {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
.agsc-widget--cols-4 .agsc-widget__reviews {
grid-template-columns: repeat(4, minmax(0, 1fr));
}
.agsc-widget--list {
max-width: 820px;
}
.agsc-widget--list .agsc-widget__reviews {
grid-template-columns: 1fr;
}
.agsc-widget--slider .agsc-widget__reviews {
grid-auto-flow: column;
grid-template-columns: none;
overflow-x: auto;
overscroll-behavior-inline: contain;
padding-bottom: 0.45rem;
scroll-snap-type: x mandatory;
scrollbar-width: thin;
}
.agsc-carousel.agsc-widget--slider .agsc-widget__reviews {
align-items: stretch;
display: flex;
flex-wrap: nowrap;
grid-auto-columns: initial;
grid-auto-flow: initial;
grid-template-columns: none;
max-width: 100%;
overflow-x: hidden;
padding: 0.75rem 0 1.2rem;
scroll-behavior: auto;
scroll-padding-inline: 0;
scroll-snap-type: none;
scrollbar-width: none;
}
.agsc-carousel.agsc-widget--slider .agsc-widget__reviews > .agsc {
flex: 0 0 var(--agsc-carousel-card-width, calc((100% - 1.7rem) / 3));
inline-size: var(--agsc-carousel-card-width, calc((100% - 1.7rem) / 3));
max-width: none;
min-width: 0;
width: var(--agsc-carousel-card-width, calc((100% - 1.7rem) / 3));
}
.agsc-carousel.agsc-widget--slider.agsc--shadow-soft {
--agsc-shadow: 0 10px 24px rgba(15, 23, 42, 0.14);
}
.agsc-carousel.agsc-widget--slider.agsc--shadow-medium {
--agsc-shadow: 0 16px 36px rgba(15, 23, 42, 0.18);
}
.agsc-carousel.agsc-widget--slider .agsc-review {
box-shadow: var(--agsc-shadow);
}
.agsc-carousel.agsc-widget--slider .agsc-widget__reviews::-webkit-scrollbar {
display: none;
height: 0;
width: 0;
}
.agsc-widget--slider.agsc-widget--cols-1 .agsc-widget__reviews {
grid-auto-columns: minmax(280px, 100%);
}
.agsc-widget--slider.agsc-widget--cols-2 .agsc-widget__reviews {
grid-auto-columns: minmax(280px, calc((100% - 0.85rem) / 2));
}
.agsc-widget--slider.agsc-widget--cols-3 .agsc-widget__reviews {
grid-auto-columns: minmax(280px, calc((100% - 1.7rem) / 3));
}
.agsc-widget--slider.agsc-widget--cols-4 .agsc-widget__reviews {
grid-auto-columns: minmax(260px, calc((100% - 2.55rem) / 4));
}
.agsc-widget--slider .agsc-widget__reviews > .agsc {
scroll-snap-align: start;
}
.agsc-carousel {
max-width: 100%;
overflow-x: hidden;
overflow-x: clip;
position: relative;
}
.agsc-carousel__frame {
max-width: 100%;
min-width: 0;
overflow-x: hidden;
overflow-x: clip;
position: relative;
}
.agsc-carousel .agsc-widget__reviews {
scroll-behavior: auto;
scroll-padding-inline: 0;
}
.agsc-carousel .agsc-widget__reviews:focus {
outline: 2px solid var(--agsc-accent);
outline-offset: 4px;
}
.agsc-carousel.agsc-widget--slider.agsc--design-column .agsc-widget__reviews {
display: flex;
grid-template-columns: none;
}
.agsc-carousel__button {
align-items: center;
background: var(--agsc-surface);
border: 1px solid var(--agsc-border);
border-radius: 50%;
box-shadow: var(--agsc-shadow);
color: var(--agsc-text);
cursor: pointer;
display: inline-flex;
font: inherit;
font-size: 2rem;
font-weight: 700;
height: 42px;
justify-content: center;
line-height: 1;
padding: 0 0 0.18rem;
position: absolute;
top: 50%;
transform: translateY(-50%);
width: 42px;
z-index: 2;
}
.agsc-carousel__button:hover {
border-color: var(--agsc-accent);
color: var(--agsc-accent);
}
.agsc-carousel__button:focus-visible {
outline: 2px solid var(--agsc-accent);
outline-offset: 3px;
}
.agsc-carousel__button:disabled {
cursor: default;
opacity: 0.35;
pointer-events: none;
}
.agsc-carousel.is-static .agsc-carousel__button {
display: none;
}
.agsc-carousel__button--prev {
left: 0.35rem;
}
.agsc-carousel__button--next {
right: 0.35rem;
}
@media (max-width: 900px) {
.agsc-widget__reviews {
grid-template-columns: 1fr;
}
.agsc-widget--slider .agsc-widget__reviews {
grid-auto-columns: minmax(100%, 1fr);
}
.agsc-carousel.agsc-widget--slider .agsc-widget__reviews {
gap: 0.7rem;
grid-auto-columns: minmax(100%, 1fr);
grid-template-columns: none;
padding: 0.55rem 0 1rem;
}
.agsc-carousel.agsc-widget--slider .agsc-widget__reviews > .agsc {
flex-basis: 100%;
inline-size: 100%;
width: 100%;
}
}
@media (max-width: 640px) {
.agsc {
max-width: 100%;
}
.agsc-widget__reviews {
grid-template-columns: 1fr;
}
.agsc-widget--slider .agsc-widget__reviews {
grid-auto-columns: minmax(100%, 1fr);
}
.agsc-carousel.agsc-widget--slider .agsc-widget__reviews {
gap: 0.7rem;
grid-auto-columns: minmax(100%, 1fr);
padding: 0.55rem 0 1rem;
}
.agsc-carousel.agsc-widget--slider .agsc-widget__reviews > .agsc {
flex-basis: 100%;
inline-size: 100%;
width: 100%;
}
.agsc-carousel__button {
font-size: 1.55rem;
height: 34px;
width: 34px;
}
.agsc-carousel__button--prev {
left: 0.2rem;
}
.agsc-carousel__button--next {
right: 0.2rem;
}
.agsc__summary,
.agsc-widget__header {
align-items: flex-start;
flex-direction: column;
}
.agsc--design-official {
--agsc-card-padding: 1.25rem;
}
.agsc--design-official .agsc-review__header {
gap: 0.9rem;
}
.agsc--design-official .agsc-review__avatar {
flex-basis: 52px;
font-size: 1.55rem;
height: 52px;
width: 52px;
}
.agsc--design-official .agsc-review__author {
font-size: 1.18rem;
}
.agsc--design-official .agsc-review__date,
.agsc--design-official .agsc-review__more {
font-size: 1rem;
}
.agsc--design-official .agsc-stars {
font-size: 1.45rem;
}
.agsc--design-official .agsc-review__text {
font-size: 1.12rem;
}
.agsc--design-column {
--agsc-card-padding: 1rem;
}
.agsc--design-column .agsc-review {
display: flex;
flex-direction: column;
}
.agsc--design-column .agsc-review__header,
.agsc--design-column .agsc-review__scoreline {
padding-right: 0;
}
.agsc--design-column .agsc-google-badge {
margin-left: auto;
}
.agsc--design-column .agsc-review__text,
.agsc--design-column .agsc-review__ellipsis,
.agsc--design-column .agsc-review__more,
.agsc--design-column .agsc-review__footer {
border-left: 0;
padding-left: 0;
padding-right: 0;
}
.agsc--design-column .agsc-review__text {
font-size: 0.95rem;
order: 4;
}
.agsc--design-column .agsc-review__ellipsis {
order: 5;
}
.agsc--design-column .agsc-review__more {
order: 6;
}
.agsc--design-column .agsc-review__source {
margin-left: 0;
}
.agsc-review__footer {
align-items: flex-start;
}
.agsc-review__source {
margin-left: 0;
}
}