.p-user-voice{background-color:var(--remie-color-bg-beige)}.p-user-voice--bg-offwhite{background-color:var(--remie-color-bg-offwhite)}.p-user-voice__inner{padding-block:var(--remie-section-pad)}.p-user-voice__list{display:grid;grid-auto-columns:85%;grid-auto-flow:column;gap:var(--remie-space-md);margin-block-start:var(--remie-content-gap);padding-block-end:var(--remie-space-md);overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory}.p-user-voice__list{scrollbar-color:var(--remie-color-bg-green) var(--remie-color-bg-card);scrollbar-width:thin}.p-user-voice__list::-webkit-scrollbar{height:4px}.p-user-voice__list::-webkit-scrollbar-track{background-color:var(--remie-color-bg-card)}.p-user-voice__list::-webkit-scrollbar-thumb{background-color:var(--remie-color-bg-green)}.p-user-voice__list:focus-visible{outline:2px solid var(--remie-color-text);outline-offset:2px}.p-user-voice__card{scroll-snap-align:start;display:flex;flex-direction:column;padding:var(--remie-card-pad);background-color:var(--remie-color-bg-card)}.p-user-voice__image{aspect-ratio:3 / 2;margin-block-end:var(--remie-space-md);overflow:hidden}.p-user-voice__image img{display:block;width:100%;height:100%;object-fit:cover}.p-user-voice__name{font-size:var(--remie-fz-sm);line-height:var(--remie-lh-tight);text-align:right;color:var(--remie-color-text-meta)}.p-user-voice__title{margin-block-start:var(--remie-space-md);padding-block-end:var(--remie-space-md);border-bottom:1px solid var(--remie-color-text-inverse);font-size:var(--remie-fz-md);font-weight:var(--remie-fw-medium);line-height:var(--remie-lh-tight)}.p-user-voice__details{display:grid;gap:var(--remie-space-sm);margin-block-start:var(--remie-space-md)}.p-user-voice__detail{display:flex;align-items:center;gap:var(--remie-space-md)}.p-user-voice__label{display:flex;flex-shrink:0;align-items:center;justify-content:center;width:84px;min-height:31px;border-radius:0 999px 999px 0;background-color:var(--remie-color-bg-label);font-size:var(--remie-fz-base);line-height:var(--remie-lh-tight)}.p-user-voice__value{margin:0;font-size:var(--remie-fz-base);line-height:var(--remie-lh-tight)}.p-user-voice__product{display:inline-block;padding-block:var(--remie-space-sm);margin-block:calc(var(--remie-space-sm) * -1);text-decoration:none}.p-user-voice__product:focus-visible{outline:2px solid var(--remie-color-text);outline-offset:2px}.p-user-voice__read-more{display:flex;flex-direction:column;flex-grow:1;margin-block-start:var(--remie-space-md)}.p-user-voice__body{font-size:var(--remie-fz-base);line-height:var(--remie-lh-body)}.p-user-voice__read-more:defined:not(.is-expanded) .p-user-voice__body{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:4}.p-user-voice__more{display:inline-flex;align-items:center;align-self:flex-end;gap:var(--remie-space-sm);min-height:44px;margin-block-start:auto;padding:0;border:0;background:transparent;font-family:var(--remie-font-base);font-size:var(--remie-fz-base);line-height:var(--remie-lh-tight);color:var(--remie-color-text);cursor:pointer}.p-user-voice__more[hidden]{display:none}.p-user-voice__more:focus-visible{outline:2px solid var(--remie-color-text);outline-offset:2px}.p-user-voice__more-icon{display:inline-flex;align-items:center;justify-content:center;width:25px;height:25px;border-radius:50%;background-color:var(--remie-color-bg-green);color:var(--remie-color-text-inverse)}.p-user-voice__more-icon .c-icon{width:11px;height:11px}.p-user-voice__more[aria-expanded=false] .c-icon--minus,.p-user-voice__more[aria-expanded=true] .c-icon--plus{display:none}.p-user-voice__empty{margin-block-start:var(--remie-content-gap);text-align:center}.p-user-voice__link{margin-block-start:var(--remie-content-gap)}@media screen and (min-width:750px){.p-user-voice__list{grid-auto-columns:calc((100% - var(--remie-space-md)) / 2)}}@media screen and (min-width:990px){.p-user-voice__list{grid-auto-columns:calc((100% - var(--remie-space-md) * 2) / 3)}}.p-user-voice.is-tone-inverse :is(.c-section-heading,.p-user-voice__link){--remie-color-text: var(--remie-color-text-inverse);--remie-color-bg-green: var(--remie-color-text-inverse)}
/*# sourceMappingURL=/cdn/shop/t/12/assets/remie-section-user-voice.css.map */
