.testimonial-card{position:relative;width:233px;aspect-ratio:9/15;perspective:1000px}.testimonial-card-inner{position:relative;width:100%;height:100%;transition:transform .6s;transform-style:preserve-3d}.testimonial-card-flipped .testimonial-card-inner{transform:rotateY(-180deg)}.testimonial-card-back,.testimonial-card-front{position:absolute;width:100%;height:100%;backface-visibility:hidden;-webkit-backface-visibility:hidden}.testimonial-card-front{z-index:2;transform:rotateY(0deg)}.testimonial-image-wrapper{width:100%;height:100%}.testimonial-image-wrapper .ios-image-wrapper{height:100%!important;box-shadow:0 8px 32px rgba(0,0,0,.075)}.testimonial-card-back{transform:rotateY(-180deg);width:100%;height:100%}.testimonial-card-back.ios-card-wrapper{box-shadow:0 8px 32px rgba(0,0,0,.075)}.testimonial-card-back .ios-card-content{padding:24px 16px 4px;height:100%}.testimonial-card-content{display:flex;flex-direction:column;gap:12px;height:100%}.testimonial-header{display:flex;gap:8px;align-items:flex-start}.testimonial-profile-image{flex-shrink:0;width:4rem;height:4rem;border-radius:50%;overflow:hidden}.testimonial-profile-img{width:100%;height:100%;object-fit:cover}.testimonial-profile-info{flex:1 1;display:flex;flex-direction:column;gap:4px}.testimonial-name{font-size:16px;font-weight:700}.testimonial-name,.testimonial-username{color:var(--color-text-dark);line-height:1.25}.testimonial-username{font-size:14px;font-weight:500}.testimonial-followers{font-size:13px;color:#666;font-weight:400;line-height:1.25}.testimonial-title{font-size:13px;color:var(--color-accent-pink);font-weight:500;line-height:1}.testimonial-quote{font-size:12px;line-height:1.2;color:#333;flex:1 1;overflow-y:auto}@media (max-width:768px){.testimonial-profile-info{gap:6px}.testimonial-card-back .ios-card-content{padding:20px 20px 4px}.testimonial-name{font-size:15px;line-height:1}.testimonial-username{font-size:13px;line-height:1}.testimonial-followers{font-size:12px;line-height:1}.testimonial-title{font-size:14px}.testimonial-quote{font-size:12px;line-height:1.5;margin:0 6px}}.testimonial-carousel-wrapper{width:100%;position:relative;min-height:400px}.testimonial-mosaic{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,1fr);grid-gap:11px;gap:11px;width:100%}.testimonial-mosaic-item{display:block}.testimonial-mosaic-item:nth-child(2),.testimonial-mosaic-item:nth-child(5){transform:translateY(25%)}.testimonial-carousel{display:flex;gap:12px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;padding:32px 0 32px 16px;width:100%}.testimonial-carousel::-webkit-scrollbar{display:none}.testimonial-carousel-item{flex:0 0 auto;scroll-snap-align:center;scroll-snap-stop:always}@media (max-width:768px){.testimonial-carousel-item{flex:0 0 80vw;max-width:300px}.testimonial-carousel-item .testimonial-card{width:100%;max-width:100%}}.testimonial-carousel-indicators{display:flex;justify-content:center;gap:8px;padding:0 0 24px;margin-top:-8px}.testimonial-carousel-dot{width:var(--carousel-indicator-size);height:var(--carousel-indicator-size);border-radius:50%;border:none;background-color:var(--carousel-indicator-color-inactive);transition:all .3s ease;cursor:pointer;padding:0;position:relative;outline:none}.testimonial-carousel-dot:before{content:"";position:absolute;top:-18px;left:-18px;right:-18px;bottom:-18px}.testimonial-carousel-dot.active{background-color:var(--carousel-indicator-color-active);transform:scale(var(--carousel-indicator-active-scale))}.testimonial-carousel-dot:hover:not(.active){background-color:rgba(0,0,0,.4)}@media (min-width:769px){.testimonial-carousel-indicators{display:none}}@media (max-width:768px){.testimonial-mosaic{display:none}.testimonial-carousel{gap:12px;padding:24px 16px;margin-right:0}.testimonial-carousel-wrapper{overflow:hidden;margin:0;padding:0;width:100%;max-width:100vw;min-height:calc(80vw * 1.67)}@media (max-width:400px){.testimonial-carousel-item{flex:0 0 85vw;max-width:280px}}}@media (hover:none) and (pointer:coarse){.testimonial-carousel-dot:hover:not(.active){background-color:var(--carousel-indicator-color-inactive)}}