.comment-carusel{overflow:hidden}.comment-carusel-slider{position:relative}.comment-carusel-slider .swiper-slide{height:auto}.comment-container{position:relative;display:grid;grid-template-columns:repeat(2,1fr);grid-template-areas:"b b" "c a";min-height:14rem;--comment-padding:2.5rem;padding:var(--comment-padding);height:calc(100% - var(--comment-padding) * 2 - 3px);border:1px solid var(--border-color);opacity:.5;transition:opacity 400ms ease;grid-gap:2rem}.swiper-slide-prev .comment-container,.swiper-slide-next .comment-container{border-right:none;border-left:none}.swiper-slide-active .comment-container{opacity:1}.comment-rating{grid-area:a;display:flex;align-items:flex-end;justify-content:flex-end;gap:2.5rem}.comment-text{grid-area:b;line-height:140%}.comment-text p:not(:last-child){margin-bottom:1rem}.comment-name{grid-area:c;display:flex;flex-direction:column;justify-content:flex-end;margin-top:auto}.comment-rating-number svg{color:var(--star-icon-color);width:12px;height:12px}.comment-full-name{margin-bottom:.25rem}.comment-job-title{min-height:calc(1.15em * 2)}.comment-job-title,.comment-rating-detail{font-size:.875rem;color:#999}.comment-rating-number{display:flex;align-items:center;gap:.38rem;margin-bottom:.5rem}.comment-rating-number span{font-weight:500}.comment-navigation{display:flex;align-items:center;justify-content:center;width:100%;margin-top:5rem}.comment-navigation-container{display:flex;align-items:center;justify-content:center}.comment-carusel-short .swiper-slide-active .comment-container{border:1px solid var(--border-color)}.comment-carusel-short .swiper-slide{height:auto}.comment-carusel-short .comment-container{align-items:flex-start}.comment-carusel-short .comment-name,.comment-carusel-short .comment-text{text-align:left}@media (max-width:768px){.comment-container{display:flex;flex-direction:column;--comment-padding:2rem;padding-left:1rem;padding-right:1rem}.comment-rating{justify-content:flex-start}.comment-text,.comment-full-name{font-size:.875rem}.comment-job-title{font-size:.75rem}.comment-carusel-short .swiper-slide-active .comment-text{text-align:left}.comment-carusel-short .swiper-slide-active .comment-name{align-items:flex-start}}