.customer-videos-section{width:100%}.customer-videos-header{display:flex;flex-direction:column;align-items:flex-start;margin-bottom:40px}.customer-videos-header--center{align-items:center;text-align:center}.customer-videos-header--right{align-items:flex-end;text-align:right}.customer-videos-title{width:100%;margin:0;color:rgb(var(--color-foreground));text-align:inherit}.customer-videos-wrapper{--customer-videos-gap: 18px;display:flex;gap:var(--customer-videos-gap);width:100%;margin:0;padding:0;list-style:none}.customer-videos-wrapper--grid{flex-wrap:wrap}.customer-videos-wrapper--rail{flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:rgba(var(--color-foreground),.2) transparent}.customer-videos-wrapper--rail::-webkit-scrollbar{height:8px}.customer-videos-wrapper--rail::-webkit-scrollbar-track{background:transparent}.customer-videos-wrapper--rail::-webkit-scrollbar-thumb{background:rgba(var(--color-foreground),.2);border-radius:4px}.customer-videos-wrapper--rail .customer-video-item{scroll-snap-align:start}.customer-video-item{flex:0 0 var(--video-w-mobile, 80%);min-width:0;list-style:none}.customer-videos-wrapper--grid .customer-video-item{flex-basis:var(--video-w-mobile, 100%)}.customer-video-card{display:flex;flex-direction:column;height:100%;margin:0}.customer-video-player-wrapper{position:relative;width:100%;aspect-ratio:9 / 16;overflow:hidden;background-color:rgb(var(--color-background));border-radius:var(--media-radius, 8px)}.customer-video-player{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;display:block}.customer-video-overlay-btn{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:2;display:none;align-items:center;justify-content:center;width:72px;height:72px;padding:0;border:none;border-radius:50%;background:#0009;color:#fff;cursor:pointer;-webkit-tap-highlight-color:transparent}.customer-videos-wrapper--enhanced .customer-video-overlay-btn{display:flex}.customer-video-overlay-btn:focus-visible{outline:2px solid currentColor;outline-offset:3px}.customer-video-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px}.customer-video-icon svg{width:100%;height:100%;display:block}.customer-video-icon--pause,.customer-video-overlay-btn[aria-pressed=true] .customer-video-icon--play{display:none}.customer-video-overlay-btn[aria-pressed=true] .customer-video-icon--pause{display:flex}.customer-video-caption{position:absolute;left:14px;right:14px;bottom:14px;z-index:2;margin:0;padding:12px 14px;color:rgb(var(--color-foreground));background:rgb(var(--color-background));border:1px solid rgb(var(--color-foreground));border-radius:14px;font-size:14px;line-height:1.25;box-shadow:0 8px 18px #0000002e;transform:translateY(0);opacity:1;transition:transform .42s cubic-bezier(.4,0,.2,1),opacity .32s ease}.customer-video-card.is-playing .customer-video-caption{transform:translateY(140%);opacity:0;pointer-events:none}@media screen and (min-width:750px){.customer-video-item,.customer-videos-wrapper--grid .customer-video-item{flex-basis:var(--video-w-desktop, 33%)}.customer-video-overlay-btn{width:88px;height:88px}.customer-video-icon{width:40px;height:40px}}@media(prefers-reduced-motion:reduce){.customer-video-overlay-btn,.customer-video-player-wrapper{transition:none}.customer-video-caption{transition:opacity .2s ease}.customer-video-card.is-playing .customer-video-caption{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/18/assets/section-customer-videos.css.map */