.customer-stories{--customer-stories-background: #f2f5f6;--customer-stories-text: #101417;--customer-stories-accent: #00a8e8;padding-block:var(--customer-stories-padding-top, 64px) var(--customer-stories-padding-bottom, 64px);background:var(--customer-stories-background);color:var(--customer-stories-text)}.customer-stories__heading{margin-bottom:28px;color:inherit;font-size:48px;font-weight:700;line-height:1.02;letter-spacing:0;text-align:center;overflow-wrap:anywhere}.customer-stories__layout{min-width:0}.customer-stories__videos{display:grid;grid-auto-flow:dense;grid-auto-rows:minmax(0,270px);gap:16px;min-width:0;margin:0;padding:0;list-style:none;max-height:500px}.customer-stories__video-item--portrait{grid-column:span 1;grid-row:span 2}.customer-stories__video-item--portrait-1{grid-column:1}.customer-stories__video-item--portrait-2{grid-column:2}.customer-stories__video-item--portrait-3{grid-column:3}.customer-stories__video-item--youtube{grid-column:4 / span 2}.customer-stories__video-item--youtube-1{grid-row:1}.customer-stories__video-item--youtube-2{grid-row:2}.customer-stories__video-item,.customer-stories__video-card,.customer-stories__video-media{min-width:0;height:100%}.customer-stories__video-media{display:block;position:relative;min-height:420px;overflow:hidden;border-radius:6px;background:#23282b}.customer-stories__video-media--youtube{min-height:0;aspect-ratio:16 / 9}.customer-stories__youtube-poster{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;margin:0;padding:0;overflow:hidden;border:0;background:transparent;color:inherit;cursor:pointer}.customer-stories__youtube-poster:disabled{cursor:default}.customer-stories__youtube-play{position:absolute;top:50%;left:50%;z-index:3;display:grid;width:58px;height:40px;place-items:center;border:0;border-radius:12px;background:#f03;box-shadow:0 3px 12px #080c0e47;color:#f8fbfc;transform:translate(-50%,-50%);transition:background-color .18s ease-out,transform .18s cubic-bezier(.22,1,.36,1)}.customer-stories__youtube-play .icon{width:18px;height:18px;transform:translate(1px)}.customer-stories__youtube-poster:hover .customer-stories__youtube-play{background:#d9002b;transform:translate(-50%,-50%) scale(1.06)}.customer-stories__youtube-iframe{position:absolute;top:0;right:0;bottom:0;left:0;z-index:4;width:100%;height:100%;border:0}.customer-stories__video-media:after{position:absolute;top:45%;right:0;bottom:0;left:0;z-index:1;background:linear-gradient(to bottom,transparent,rgb(8 12 14 / 84%));content:"";pointer-events:none}.customer-stories__video,.customer-stories__placeholder{display:block;width:100%;height:100%;min-height:420px;aspect-ratio:9 / 16;object-fit:cover}.customer-stories__video-media--youtube .customer-stories__video,.customer-stories__video-media--youtube .customer-stories__placeholder{min-height:0;aspect-ratio:16 / 9}.customer-stories__video--cover{transition:transform .42s cubic-bezier(.22,1,.36,1)}.customer-stories__video-card:hover .customer-stories__video--cover{transform:scale(1.025)}.customer-stories__video-toggle{position:absolute;z-index:2;top:0;right:0;bottom:0;left:0;display:grid;width:100%;height:100%;padding:0;place-items:center;border:0;border-radius:0;background:transparent;color:#f8fbfc;cursor:pointer;touch-action:pan-x pan-y}.customer-stories__video-toggle:hover>span{background:var(--customer-stories-accent);transform:scale(1.06)}.customer-stories__video-toggle>span{display:grid;width:46px;height:46px;place-items:center;border:1px solid rgb(248 251 252 / 70%);border-radius:50%;background:#101518c7;box-shadow:0 3px 12px #080c0e3d;transition:background-color .18s ease-out,transform .18s cubic-bezier(.22,1,.36,1)}.customer-stories__video-toggle>span[hidden]{display:none}.customer-stories__video-toggle .icon{width:13px;height:13px}.customer-stories__video-fullscreen{position:absolute;z-index:4;top:14px;right:14px;display:grid;width:38px;height:38px;padding:0;place-items:center;border:1px solid rgb(248 251 252 / 70%);border-radius:50%;background:#101518c7;color:#f8fbfc;cursor:pointer;transition:background-color .18s ease-out,transform .18s cubic-bezier(.22,1,.36,1)}.customer-stories__video-fullscreen:hover{background:var(--customer-stories-accent);transform:scale(1.06)}.customer-stories__video-fullscreen .icon{width:16px;height:16px}customer-story-video:fullscreen{width:100vw;height:100vh;min-height:100vh;border-radius:0;background:#11181b}customer-story-video:fullscreen .customer-stories__video{height:100%;min-height:0;object-fit:contain}.customer-stories__video-copy{position:absolute;right:18px;bottom:18px;left:18px;z-index:3;color:#f8fbfc;pointer-events:none}.customer-stories__eyebrow{margin:0 0 5px;font-size:10px;font-weight:700;line-height:1.2;letter-spacing:0;text-transform:uppercase}.customer-stories__video-title{margin:0;color:inherit;font-size:20px;font-weight:700;line-height:1.16;letter-spacing:0;overflow-wrap:anywhere}.customer-stories__video-title a{color:inherit;text-decoration:none;pointer-events:auto}.customer-stories__video-title .customer-stories__youtube-link{display:inline-flex;max-width:100%;align-items:center;gap:10px;color:#f8fbfc;font-size:15px;font-weight:600;line-height:1.2;text-decoration:none;transition:color .18s cubic-bezier(.22,1,.36,1)}.customer-stories__youtube-link .icon{width:16px;height:16px;flex:0 0 auto;transition:transform .18s cubic-bezier(.22,1,.36,1)}.customer-stories__youtube-link span{min-width:0;overflow-wrap:anywhere}.customer-stories__video-title .customer-stories__youtube-link:hover{color:var(--customer-stories-accent)}.customer-stories__video-title .customer-stories__youtube-link:hover .icon{transform:translate(3px)}.customer-stories a:focus-visible,.customer-stories button:focus-visible,.customer-stories video:focus-visible{outline:2px solid var(--customer-stories-accent);outline-offset:3px}@media screen and (max-width:1100px){.customer-stories__videos{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:auto;max-height:none}.customer-stories__video-item--portrait,.customer-stories__video-item--youtube{grid-column:auto;grid-row:auto}.customer-stories__video-item--youtube,.customer-stories__video-item--youtube .customer-stories__video-card,.customer-stories__video-media--youtube{align-self:start;height:auto}.customer-stories__heading{font-size:var(--text-2xl)}}@media screen and (min-width:750px)and (max-width:1100px){.customer-stories__videos{grid-template-columns:repeat(3,min(36vw,310px)) min(58vw,500px);grid-template-rows:repeat(2,minmax(0,1fr));grid-auto-flow:column;gap:16px;height:500px;overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:x mandatory;scrollbar-width:none;touch-action:pan-x pan-y;-webkit-overflow-scrolling:touch}.customer-stories__videos::-webkit-scrollbar{display:none}.customer-stories__video-item{scroll-snap-align:start;scroll-snap-stop:always}.customer-stories__video-item--portrait{grid-row:1 / span 2}.customer-stories__video-item--portrait-1{grid-column:1}.customer-stories__video-item--portrait-2{grid-column:2}.customer-stories__video-item--portrait-3{grid-column:3}.customer-stories__video-item--youtube{grid-column:4;align-self:stretch;height:100%}.customer-stories__video-item--youtube-1{grid-row:1}.customer-stories__video-item--youtube-2{grid-row:2}.customer-stories__video-item--youtube .customer-stories__video-card,.customer-stories__video-media--youtube{align-self:stretch;height:100%}}@media screen and (max-width:749px){.customer-stories__layout{grid-template-columns:minmax(0,1fr)}.customer-stories__videos{display:grid;grid-template-columns:repeat(3,min(78vw,310px)) min(86vw,430px);grid-template-rows:repeat(2,minmax(0,1fr));grid-auto-flow:column;gap:12px;height:430px;overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:x mandatory;scroll-padding-inline:1px;scrollbar-width:none;touch-action:pan-x pan-y;-webkit-overflow-scrolling:touch}.customer-stories__videos::-webkit-scrollbar{display:none}.customer-stories__video-item{scroll-snap-align:start;scroll-snap-stop:always}.customer-stories__video-item--portrait{grid-row:1 / span 2}.customer-stories__video-item--portrait-1{grid-column:1}.customer-stories__video-item--portrait-2{grid-column:2}.customer-stories__video-item--portrait-3{grid-column:3}.customer-stories__video-item--youtube{grid-column:4;align-self:stretch;height:100%}.customer-stories__video-item--youtube-1{grid-row:1}.customer-stories__video-item--youtube-2{grid-row:2}.customer-stories__video-item--youtube .customer-stories__video-card,.customer-stories__video-media--youtube{align-self:stretch;height:100%}.customer-stories__video-media,.customer-stories__video,.customer-stories__placeholder{min-height:430px}.customer-stories__video-media--youtube,.customer-stories__video-media--youtube .customer-stories__video,.customer-stories__video-media--youtube .customer-stories__placeholder{min-height:0;aspect-ratio:16 / 9}.customer-stories__video-media,.customer-stories__video{touch-action:pan-x pan-y}}@media(prefers-reduced-motion:reduce){.customer-stories__video--cover,.customer-stories__video-toggle,.customer-stories__youtube-link,.customer-stories__youtube-link .icon{scroll-behavior:auto;transition:none}}
/*# sourceMappingURL=/cdn/shop/t/25/assets/customer-stories.css.map */