.cs-wrapper{--cs-pt: clamp( min(calc(var(--cs-pt-mobile) * 1px), calc(var(--cs-pt-desktop) * 1px)), calc(var(--cs-pt-mobile) * 1px + (var(--cs-pt-desktop) - var(--cs-pt-mobile)) * ((100vw - 390px) / 1050)), max(calc(var(--cs-pt-mobile) * 1px), calc(var(--cs-pt-desktop) * 1px)) );--cs-pb: clamp( min(calc(var(--cs-pb-mobile) * 1px), calc(var(--cs-pb-desktop) * 1px)), calc(var(--cs-pb-mobile) * 1px + (var(--cs-pb-desktop) - var(--cs-pb-mobile)) * ((100vw - 390px) / 1050)), max(calc(var(--cs-pb-mobile) * 1px), calc(var(--cs-pb-desktop) * 1px)) );--cs-heading-size: clamp( min(calc(var(--cs-heading-size-mobile) * 1px), calc(var(--cs-heading-size-desktop) * 1px)), calc(var(--cs-heading-size-mobile) * 1px + (var(--cs-heading-size-desktop) - var(--cs-heading-size-mobile)) * ((100vw - 390px) / 1050)), max(calc(var(--cs-heading-size-mobile) * 1px), calc(var(--cs-heading-size-desktop) * 1px)) );--cs-text-size: clamp( min(calc(var(--cs-text-size-mobile) * 1px), calc(var(--cs-text-size-desktop) * 1px)), calc(var(--cs-text-size-mobile) * 1px + (var(--cs-text-size-desktop) - var(--cs-text-size-mobile)) * ((100vw - 390px) / 1050)), max(calc(var(--cs-text-size-mobile) * 1px), calc(var(--cs-text-size-desktop) * 1px)) );--cs-gap: clamp( min(calc(var(--cs-gap-mobile) * 1px), calc(var(--cs-gap-desktop) * 1px)), calc(var(--cs-gap-mobile) * 1px + (var(--cs-gap-desktop) - var(--cs-gap-mobile)) * ((100vw - 390px) / 1050)), max(calc(var(--cs-gap-mobile) * 1px), calc(var(--cs-gap-desktop) * 1px)) );--cs-card-radius: clamp( min(calc(var(--cs-card-radius-mobile) * 1px), calc(var(--cs-card-radius-desktop) * 1px)), calc(var(--cs-card-radius-mobile) * 1px + (var(--cs-card-radius-desktop) - var(--cs-card-radius-mobile)) * ((100vw - 390px) / 1050)), max(calc(var(--cs-card-radius-mobile) * 1px), calc(var(--cs-card-radius-desktop) * 1px)) );--cs-card-width: clamp( min(calc(var(--cs-card-width-mobile) * 1px), calc(var(--cs-card-width-desktop) * 1px)), calc(var(--cs-card-width-mobile) * 1px + (var(--cs-card-width-desktop) - var(--cs-card-width-mobile)) * ((100vw - 390px) / 1050)), max(calc(var(--cs-card-width-mobile) * 1px), calc(var(--cs-card-width-desktop) * 1px)) );--cs-image-width: clamp( min(calc(var(--cs-image-width-mobile) * 1px), calc(var(--cs-image-width-desktop) * 1px)), calc(var(--cs-image-width-mobile) * 1px + (var(--cs-image-width-desktop) - var(--cs-image-width-mobile)) * ((100vw - 390px) / 1050)), max(calc(var(--cs-image-width-mobile) * 1px), calc(var(--cs-image-width-desktop) * 1px)) );--cs-image-height: clamp( min(calc(var(--cs-image-height-mobile) * 1px), calc(var(--cs-image-height-desktop) * 1px)), calc(var(--cs-image-height-mobile) * 1px + (var(--cs-image-height-desktop) - var(--cs-image-height-mobile)) * ((100vw - 390px) / 1050)), max(calc(var(--cs-image-height-mobile) * 1px), calc(var(--cs-image-height-desktop) * 1px)) );--cs-card-pad-v: calc(var(--cs-card-width) * .0483);--cs-card-pad-h: calc(var(--cs-card-width) * .0552);--cs-card-inner-gap: calc(var(--cs-card-width) * .0483);background-color:var(--cs-bg);padding-top:var(--cs-pt);padding-bottom:var(--cs-pb);overflow:hidden}.cs-container{max-width:100%;margin:0 auto}.cs-heading{text-align:center;font-size:var(--cs-heading-size);color:var(--cs-heading-color);font-weight:400;letter-spacing:.06em;margin:0 0 20px;text-transform:uppercase}.cs-stage{position:relative;display:flex;align-items:center;gap:0}.cs-track-outer{flex:1;overflow:hidden;min-width:0}.cs-track{display:flex;gap:var(--cs-gap);align-items:stretch;will-change:transform}.cs-wrapper[data-mode=marquee] .cs-track{width:max-content;animation:cs-marquee var(--cs-marquee-speed) linear infinite}.cs-wrapper[data-mode=marquee] .cs-track:hover,.cs-wrapper[data-mode=marquee].cs-paused .cs-track{animation-play-state:paused}@keyframes cs-marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.cs-wrapper[data-mode=stopmotion] .cs-track{width:max-content;transition:transform var(--cs-stop-transition) cubic-bezier(.4,0,.2,1)}.cs-card{display:flex;flex-direction:row;align-items:center;gap:var(--cs-card-inner-gap);background:var(--cs-card-bg);border:1px solid #ebebeb;border-radius:var(--cs-card-radius);padding:var(--cs-card-pad-v) var(--cs-card-pad-h);box-sizing:border-box;flex-shrink:0;width:var(--cs-card-width)}.cs-card-image-wrap{flex-shrink:0;width:var(--cs-image-width);height:var(--cs-image-height);border-radius:calc(var(--cs-card-radius) - 2px);overflow:hidden;display:block}.cs-card-image{width:100%;height:100%;object-fit:cover;display:block}.cs-card-image--placeholder{width:100%;height:100%;display:block}.cs-card-body{display:flex;flex-direction:column;align-items:center;text-align:center;flex:1;gap:8px}.cs-review-text{font-size:var(--cs-text-size);color:var(--cs-text-color);line-height:1.65;margin:0 0 4px;font-style:italic}.cs-stars{display:flex;gap:2px;justify-content:center;font-size:22px}.cs-star--filled{color:var(--cs-star-color)}.cs-star--empty{color:#ddd}.cs-customer-name{font-size:16px;font-weight:600;color:var(--cs-name-color);margin:2px 0 0}.cs-customer-city{font-size:13px;color:var(--cs-city-color);margin:0}.cs-arrow{flex-shrink:0;width:40px;height:40px;border-radius:50%;border:1px solid #e0e0e0;background:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:2;transition:background .2s,border-color .2s;margin:0 8px;color:#333}.cs-arrow:hover{background:#f5f5f5;border-color:#bbb}.cs-dots{display:flex;justify-content:center;gap:8px;margin-top:28px}.cs-dot{width:8px;height:8px;border-radius:50%;background:#ddd;border:none;padding:0;cursor:pointer;transition:background .25s,transform .25s;display:block}.cs-dot--active{background:var(--cs-heading-color);transform:scale(1.3)}.cs-controls{display:flex;justify-content:center;gap:12px;margin-top:20px}.cs-controls__toggle,.cs-controls__mode-switch{width:36px;height:36px;border-radius:50%;border:1px solid #e0e0e0;background:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#555;transition:background .2s,border-color .2s}.cs-controls__toggle:hover,.cs-controls__mode-switch:hover{background:#f5f5f5;border-color:#bbb}.cs-controls__icon{display:flex;align-items:center;justify-content:center}@media(max-width:749px){.cs-heading{margin:0 0 8px}.cs-card{flex-direction:column;align-items:center;text-align:center;padding:0 0 var(--cs-card-pad-v);gap:0;overflow:hidden}.cs-card-image-wrap{width:100%;border-radius:0;max-width:118px;padding-top:20px;margin-bottom:var(--cs-card-inner-gap)}.cs-card-body{align-items:center;padding:0 var(--cs-card-pad-h)}.cs-review-text{text-align:center}.cs-arrow{display:none}.cs-stage{padding:0 16px}}
/*# sourceMappingURL=/cdn/shop/t/56/assets/customer-stories.css.map */