.veji-social-stories{position:relative;overflow:hidden;padding:var(--veji-section-py) 0;background:var(--veji-sage-1);color:var(--veji-vert-foret)}.veji-social-stories:before{content:"";position:absolute;width:clamp(260px,34vw,520px);aspect-ratio:1;top:clamp(-240px,-18vw,-120px);right:clamp(-220px,-12vw,-80px);border-radius:var(--veji-radius-full);background:radial-gradient(circle,var(--veji-lime-dim),transparent 68%);pointer-events:none}.veji-social-stories__inner{position:relative;z-index:1}.veji-social-stories__header{max-width:760px;margin:0 auto clamp(32px,4vw,52px);text-align:center}.veji-social-stories__eyebrow{display:inline-flex;align-items:center;min-height:30px;margin:0 0 var(--veji-space-4);padding:6px 14px;border:1px solid var(--veji-border-glow);border-radius:var(--veji-radius-pill);background:var(--veji-lime-dim);color:var(--veji-lime-ink);font-family:var(--veji-font-mono);font-size:var(--veji-text-xs);font-weight:400;line-height:1;letter-spacing:.16em;text-transform:uppercase}body.veji-page .veji-social-stories__title{max-width:none;margin:0;color:var(--veji-vert-foret);font-family:var(--veji-font-heading);font-size:var(--veji-text-5xl);font-weight:400;line-height:var(--veji-lh-tighter);letter-spacing:var(--veji-tracking-tighter);text-wrap:balance}.veji-social-stories__subtitle{max-width:610px;margin:var(--veji-space-5) auto 0;color:var(--veji-vert-gris);font-family:var(--veji-font-body);font-size:var(--veji-text-lg);font-weight:400;line-height:var(--veji-lh-normal);text-wrap:balance}.veji-social-stories__rail{--veji-social-card-gap: clamp(16px, 2.2vw, 28px);display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:var(--veji-social-card-gap);max-width:1280px;margin:0 auto}.veji-social-story-card{min-width:0;overflow:hidden;border:1px solid var(--veji-hairline);border-radius:var(--veji-radius-card);background:var(--veji-blanc-chaud);box-shadow:var(--veji-shadow-md);transition:transform var(--veji-dur-base) var(--veji-ease-out-expo),box-shadow var(--veji-dur-base) var(--veji-ease-out-expo),border-color var(--veji-dur-fast) ease}@media(hover:hover){.veji-social-story-card:hover{transform:translateY(-4px);border-color:var(--veji-border-glow);box-shadow:var(--veji-shadow-lg)}}.veji-social-story-card__header{display:flex;align-items:center;gap:var(--veji-space-3);min-height:72px;padding:12px 14px;border-bottom:1px solid var(--veji-hairline)}.veji-social-story-card__profile{display:flex;min-width:0;flex:1 1 auto;align-items:center;gap:var(--veji-space-3);color:inherit;font-family:var(--veji-font-body);text-decoration:none}.veji-social-story-card__profile:is(a):hover .veji-social-story-card__handle,.veji-social-story-card__profile:is(a):focus-visible .veji-social-story-card__handle{color:var(--veji-lime-ink)}.veji-social-story-card__profile:is(a):focus-visible{border-radius:var(--veji-radius-btn);outline:2px solid var(--veji-lime-ink);outline-offset:3px}.veji-social-story-card__avatar,.veji-social-story-card__avatar-fallback{display:flex;width:44px;height:44px;flex:0 0 44px;align-items:center;justify-content:center;border:2px solid var(--veji-lime);border-radius:var(--veji-radius-full);background:var(--veji-blanc-creme);color:var(--veji-vert-foret);font-family:var(--veji-font-heading);font-size:var(--veji-text-xl);object-fit:cover}.veji-social-story-card__identity{display:block;min-width:0}.veji-social-story-card__handle,.veji-social-story-card__source{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.veji-social-story-card__handle{color:var(--veji-vert-foret);font-family:var(--veji-font-body);font-size:var(--veji-text-sm);font-weight:500;line-height:1.25;transition:color var(--veji-dur-fast) ease}.veji-social-story-card__source{margin-top:3px;color:var(--veji-vert-gris);font-family:var(--veji-font-mono);font-size:10px;font-weight:400;line-height:1.2;letter-spacing:.06em;text-transform:uppercase}.veji-social-story-card__count{flex:0 0 auto;color:var(--veji-vert-gris);font-family:var(--veji-font-mono);font-size:10px;letter-spacing:.06em;white-space:nowrap}.veji-social-story-card__media{position:relative;display:block;width:100%;aspect-ratio:9 / 16;overflow:hidden;padding:0;border:0;background:var(--veji-vert-foret);cursor:pointer}.veji-social-story-card__media:focus-visible{outline:3px solid var(--veji-lime);outline-offset:-5px}.veji-social-story-card__image{display:block;width:100%;height:100%;object-fit:cover;object-position:center;transition:transform var(--veji-dur-slow) var(--veji-ease-out-expo)}@media(hover:hover){.veji-social-story-card__media:hover .veji-social-story-card__image{transform:scale(1.018)}}.veji-social-story-card__scrim{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,transparent 54%,rgba(15,36,27,.08) 70%,rgba(15,36,27,.72) 100%);pointer-events:none}.veji-social-story-card__view{position:absolute;right:14px;bottom:14px;left:14px;display:flex;min-height:42px;align-items:center;justify-content:center;border:1px solid var(--veji-border-dark);border-radius:var(--veji-radius-full);background:#fafaf6e6;color:var(--veji-vert-foret);font-family:var(--veji-font-body);font-size:var(--veji-text-sm);font-weight:500;line-height:1;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.veji-social-stories__overlay{position:fixed;z-index:1400;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:24px}.veji-social-stories__overlay[hidden]{display:none}.veji-social-stories__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;padding:0;border:0;background:#0f241bf0;cursor:default}.veji-social-stories__viewer{position:relative;z-index:1;width:min(460px,calc((100dvh - 48px)*.5625),calc(100vw - 48px));aspect-ratio:9 / 16;height:auto;min-height:0;overflow:hidden;border:1px solid var(--veji-border-dark);border-radius:var(--veji-radius-card);background:var(--veji-vert-foret);box-shadow:var(--veji-shadow-xl);outline:none}.veji-social-stories__progress{position:absolute;z-index:5;top:12px;right:58px;left:14px;display:flex;gap:5px;pointer-events:none}.veji-social-stories__progress-segment{display:block;height:3px;flex:1 1 0;overflow:hidden;border-radius:var(--veji-radius-full);background:#fafaf647}.veji-social-stories__progress-segment:after{content:"";display:block;width:100%;height:100%;border-radius:inherit;background:var(--veji-lime);transform:scaleX(0);transform-origin:left center;transition:transform var(--veji-dur-base) var(--veji-ease-out-expo)}.veji-social-stories__progress-segment.is-complete:after,.veji-social-stories__progress-segment.is-current:after{transform:scaleX(1)}.veji-social-stories__close{position:absolute;z-index:6;top:8px;right:8px;display:grid;width:40px;height:40px;place-items:center;padding:0;border:1px solid var(--veji-border-dark);border-radius:var(--veji-radius-full);background:#0f241b94;color:var(--veji-text-on-dark);cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.veji-social-stories__close svg{width:20px;height:20px}.veji-social-stories__close:focus-visible,.veji-social-stories__nav:focus-visible,.veji-social-stories__slide-profile:focus-visible,.veji-social-stories__tiktok-link:focus-visible,.veji-social-stories__instagram-link:focus-visible{outline:2px solid var(--veji-lime);outline-offset:2px}.veji-social-stories__slides,.veji-social-stories__slide{width:100%;height:100%}.veji-social-stories__slide{position:relative;margin:0;background:var(--veji-vert-foret)}.veji-social-stories__slide[hidden]{display:none}.veji-social-stories__slide-header{position:absolute;z-index:4;top:26px;right:56px;left:14px;display:flex;align-items:center;pointer-events:none}.veji-social-stories__slide-profile{display:inline-flex;min-width:0;flex:1 1 auto;align-items:center;gap:8px;overflow:hidden;padding:6px 10px 6px 6px;border:1px solid var(--veji-border-dark);border-radius:var(--veji-radius-full);background:#0f241b94;color:var(--veji-text-on-dark);font-family:var(--veji-font-body);font-size:var(--veji-text-sm);font-weight:500;line-height:1;text-decoration:none;pointer-events:auto;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.veji-social-stories__slide-avatar{display:block;width:32px;height:32px;flex:0 0 32px;border:1px solid var(--veji-lime);border-radius:var(--veji-radius-full);object-fit:cover}.veji-social-stories__slide-profile>span:not([aria-hidden]){min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}body.veji-page .veji-social-stories__slide>.veji-social-stories__slide-image{display:block;width:100%;height:100%;background:var(--veji-vert-foret);object-fit:contain;object-position:center}.veji-social-stories__slide--video{isolation:isolate}.veji-social-stories__video-poster,.veji-social-stories__video-player,.veji-social-stories__video-player iframe{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.veji-social-stories__video-poster{z-index:1}body.veji-page .veji-social-stories__video-poster img{display:block;width:100%;height:100%;object-fit:cover}.veji-social-stories__video-player{z-index:2;background:var(--veji-vert-foret);opacity:0;pointer-events:none;transition:opacity var(--veji-dur-fast) ease}.veji-social-stories__video-player.is-loaded{opacity:1;pointer-events:auto}.veji-social-stories__video-player iframe{border:0}.veji-social-stories__tiktok-link,.veji-social-stories__instagram-link{margin-left:auto;flex:0 0 auto;padding:8px 10px;border:1px solid var(--veji-border-dark);border-radius:var(--veji-radius-full);background:#0f241b94;color:var(--veji-text-on-dark);font-family:var(--veji-font-body);font-size:var(--veji-text-xs);line-height:1;text-decoration:none;white-space:nowrap;pointer-events:auto;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.veji-social-stories__nav{position:absolute;z-index:5;top:50%;display:grid;width:44px;height:64px;place-items:center;padding:0;border:1px solid var(--veji-border-dark);border-radius:var(--veji-radius-full);background:#0f241b94;color:var(--veji-text-on-dark);cursor:pointer;transform:translateY(-50%);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.veji-social-stories__nav svg{width:22px;height:22px}.veji-social-stories__nav--prev{left:10px}.veji-social-stories__nav--next{right:10px}.veji-social-stories__nav:disabled{opacity:.25;cursor:default}body.veji-social-stories-lock{overflow:hidden}@media(min-width:1200px){.veji-social-story-card{grid-column:span 2}.veji-social-story-card:nth-child(6){grid-column:4 / span 2}.veji-social-story-card:nth-child(7){grid-column:6 / span 2}}@media(min-width:990px)and (max-width:1199px){.veji-social-stories__rail{grid-template-columns:repeat(6,minmax(0,1fr))}.veji-social-story-card{grid-column:span 2}.veji-social-story-card:nth-child(7){grid-column:3 / span 2}}@media(max-width:989px){.veji-social-stories__rail{grid-template-columns:repeat(2,minmax(0,1fr));max-width:720px}}@media(min-width:750px)and (max-width:989px){.veji-social-story-card:last-child:nth-child(odd){grid-column:1 / -1;width:calc((100% - var(--veji-social-card-gap)) / 2);justify-self:center}}@media(max-width:749px){.veji-social-stories__header{margin-bottom:var(--veji-space-8);text-align:left}.veji-social-stories__subtitle{margin-left:0;font-size:var(--veji-text-base);text-wrap:pretty}.veji-social-stories__rail{display:flex;max-width:none;margin-right:calc(-1 * var(--veji-page-padding));padding-right:var(--veji-page-padding);overflow-x:auto;overscroll-behavior-inline:contain;scroll-padding-inline:var(--veji-page-padding);scroll-snap-type:x mandatory;scrollbar-width:none}.veji-social-stories__rail::-webkit-scrollbar{display:none}.veji-social-story-card{flex:0 0 82%;scroll-snap-align:start}.veji-social-story-card__header{min-height:82px;align-items:flex-start;gap:8px;padding:10px}.veji-social-story-card__profile{gap:8px}.veji-social-story-card__avatar,.veji-social-story-card__avatar-fallback{width:40px;height:40px;flex-basis:40px}.veji-social-story-card__identity{padding-top:2px}.veji-social-story-card__handle{overflow:visible;font-size:12px;line-height:1.15;overflow-wrap:anywhere;text-overflow:clip;white-space:normal}.veji-social-story-card__count{margin-top:5px;font-size:9px}.veji-social-stories__overlay{padding:0}.veji-social-stories__viewer{width:100vw;aspect-ratio:auto;height:100dvh;min-height:0;border:0;border-radius:0}.veji-social-stories__nav{top:96px;bottom:76px;width:34%;height:auto;border:0;border-radius:0;background:transparent;opacity:0;transform:none;-webkit-backdrop-filter:none;backdrop-filter:none}.veji-social-stories__nav--prev{left:0}.veji-social-stories__nav--next{right:0}.veji-social-stories__viewer:has(.veji-social-stories__slide--video:not([hidden])) .veji-social-stories__nav{top:50%;bottom:auto;width:44px;height:44px;border:1px solid var(--veji-border-dark);border-radius:var(--veji-radius-full);background:#0f241b94;opacity:1;pointer-events:auto;transform:translateY(-50%);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.veji-social-stories__viewer:has(.veji-social-stories__slide--video:not([hidden])) .veji-social-stories__nav--prev{left:14px}.veji-social-stories__viewer:has(.veji-social-stories__slide--video:not([hidden])) .veji-social-stories__nav--next{right:14px}.veji-social-stories__viewer:has(.veji-social-stories__slide--video:not([hidden])) .veji-social-stories__nav:disabled{opacity:.25;pointer-events:none}.veji-social-stories__nav:not(:disabled):focus-visible{top:50%;bottom:auto;width:44px;height:44px;border:1px solid var(--veji-border-dark);border-radius:var(--veji-radius-full);background:#0f241b94;opacity:1;pointer-events:auto;transform:translateY(-50%);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.veji-social-stories__nav--prev:not(:disabled):focus-visible{left:14px}.veji-social-stories__nav--next:not(:disabled):focus-visible{right:14px}}@media(prefers-reduced-motion:reduce){.veji-social-story-card,.veji-social-story-card__image,.veji-social-stories__progress-segment:after,.veji-social-stories__video-player{transition:none}.veji-social-story-card:hover,.veji-social-story-card__media:hover .veji-social-story-card__image{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/29/assets/veji-social-stories.css.map */