.customer-stories--reel [data-story-reel]{width:100%;height:492px}.customer-stories--reel .custom-slider .cs-track>*{width:335px;height:492px;padding:0}.customer-stories--reel .custom-slider .story-block__image img{height:100%;-webkit-user-drag:none}.customer-stories--reel .story-block__avatar{margin:5px 8px 5px 3px}.customer-stories--reel .story-block__avatar::after{inset:-5px;-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 2.5px),#000 calc(100% - 2.4px));mask:radial-gradient(farthest-side,transparent calc(100% - 2.5px),#000 calc(100% - 2.4px))}.customer-stories--reel .story-block__user{letter-spacing:.1px}.customer-stories--reel .cs-pause{position:absolute;top:24px;right:8px;z-index:20;display:grid;place-items:center;width:44px;height:44px;padding:0;border:0;border-radius:50%;background:0 0;color:#fff;opacity:0;pointer-events:none}.customer-stories--reel [data-story-reel]:focus-within .cs-pause,.customer-stories--reel [data-story-reel]:hover .cs-pause{opacity:1;pointer-events:auto;background:rgb(0 0 0 / 55%)}.customer-stories--reel .cs-pause svg{width:16px;height:16px}.customer-stories--reel .cs-pause[aria-pressed=false] .cs-play-icon,.customer-stories--reel .cs-pause[aria-pressed=true] .cs-pause-icon{display:none}.customer-stories--reel [data-story-reel]:not(.cs-fade):not(.cs-slide) .cs-track{display:flex;overflow-x:auto;scroll-snap-type:x mandatory}.customer-stories--reel [data-story-reel]:not(.cs-fade):not(.cs-slide) .cs-track>*{flex:0 0 335px;scroll-snap-align:center}@media (min-width:801px){.customer-stories--reel .customer-stories__content{width:100%}.customer-stories--reel .custom-slider .cs-track>*{max-width:none}.customer-stories--reel .story-block::before{height:96px}}@media (max-width:800px){.customer-stories--reel [data-story-reel]{width:min(335px,100%)}.customer-stories--reel .custom-slider .cs-track>*{width:100%;border-radius:16px}.customer-stories--reel .story-block::before{height:100%;background:linear-gradient(180deg,rgb(0 0 0 / 60%) 0,rgb(0 0 0 / 0%) 21.4%)}.customer-stories--reel .story-block__meta{right:14px}.customer-stories--reel .custom-slider .cs-arrow svg{width:18px;height:18px}.customer-stories--reel .custom-slider .cs-prev svg{transform:rotate(180deg)}.customer-stories--reel .custom-slider .cs-arrow:hover{background:#fff}.customer-stories--reel .custom-slider .cs-status button{height:27px;min-block-size:27px;margin-top:-12px;background:0 0;overflow:visible}.customer-stories--reel .custom-slider .cs-status button::before{content:"";position:absolute;inset:12px 0;height:3px;border-radius:5px;background:rgb(255 255 255 / 50%)}.customer-stories--reel .custom-slider .cs-status button::after{top:12px;height:3px}}@media (prefers-reduced-motion:reduce){.customer-stories--reel .cs-status button.active::after{width:100%}}