.creator-reels{display:block;padding:56px 0;background:var(--reels-bg);color:#161d13;overflow:hidden}.creator-reels__heading{text-align:center;margin:0 auto 30px;padding:0 24px;max-width:800px}.creator-reels__heading h2{font-size:clamp(30px,4vw,52px);line-height:1.12;margin:12px 0}.creator-reels__heading>p:last-child{opacity:.65;font-size:16px}.creator-reels__eyebrow{font-size:11px;letter-spacing:.18em;font-weight:700}.creator-reels__track{--reel-width:290px;box-sizing:border-box;width:calc(100% - 48px);max-width:1522px;margin-inline:auto;display:flex;gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:24px 0 110px;align-items:center;height:calc(var(--reel-width)*20/9 + 134px);cursor:grab;position:relative;touch-action:pan-x pan-y}.creator-reels__track.is-dragging{cursor:grabbing;scroll-snap-type:none;-webkit-user-select:none;user-select:none}.creator-reels__track::-webkit-scrollbar{display:none}.creator-reels__card{flex:0 0 var(--reel-width);scroll-snap-align:center;min-width:0;position:relative}.creator-reels__media{position:relative;height:calc(var(--reel-width)*16/9);border-radius:14px;overflow:hidden;background:#e6e9d8;transition:height .3s ease}.creator-reels__card.is-neighbor .creator-reels__media{height:calc(var(--reel-width)*18/9)}.creator-reels__card.is-active .creator-reels__media{height:calc(var(--reel-width)*20/9)}.creator-reels__caption{position:absolute;top:100%;left:0;right:0}.creator-reels__media video{width:100%;height:100%;object-fit:cover;display:block}.creator-reels__controls{position:absolute;bottom:12px;left:12px;right:12px;display:flex;justify-content:space-between;gap:8px}.creator-reels__controls button{background:#10180fc9;color:#fff;border-radius:30px;padding:9px 12px;font-size:12px}.creator-reels__placeholder{height:100%;display:flex;flex-direction:column;justify-content:center;padding:28px;background:linear-gradient(155deg,#e3ecb8,#bbc8a6);gap:20px}.creator-reels__card:nth-child(2n) .creator-reels__placeholder{background:linear-gradient(155deg,#ead6bb,#ccb599)}.creator-reels__placeholder>span{font-size:22px;letter-spacing:.08em}.creator-reels__placeholder p{font-size:28px;line-height:1.2}.creator-reels__placeholder small{opacity:.6}.creator-reels__caption{padding:14px 2px;font-size:13px}.creator-reels__caption h3{font-size:16px;line-height:1.4;margin-bottom:5px}.creator-reels__caption>span,.creator-reels__caption>a:not(.creator-reels__link){opacity:.65}.creator-reels__link{display:block;margin-top:8px;text-decoration:underline;text-underline-offset:4px}.creator-reels__navigation{display:flex;justify-content:center;align-items:center;gap:20px;margin-top:16px;font-size:12px}.creator-reels__navigation button{width:42px;height:42px;border:1px solid #161d1333;border-radius:50%;font-size:20px}.creator-reels__navigation button:disabled{opacity:.3}.creator-reels button:focus-visible,.creator-reels a:focus-visible{outline:2px solid #161d13;outline-offset:3px}@media(max-width:699px){.creator-reels{padding:36px 0}.creator-reels__track{gap:14px;width:100%}.creator-reels__placeholder{padding:22px;gap:18px}.creator-reels__placeholder p{font-size:25px}.creator-reels__caption{overflow-wrap:anywhere}.creator-reels__navigation{gap:12px}.creator-reels__heading>p:last-child{font-size:14px}}@media(prefers-reduced-motion:reduce){.creator-reels__media{transition:none}}@media(max-width:699px){.creator-reels__media,.creator-reels__card.is-neighbor .creator-reels__media,.creator-reels__card.is-active .creator-reels__media{height:calc(var(--reel-width)*16/9);transition:none}}.creator-reels__progress{display:none;width:min(calc(100% - 48px),360px);height:5px;margin:20px auto 0;overflow:hidden;border-radius:999px;background:#4d552824}.creator-reels__progress[hidden]{display:none}.creator-reels__progress-thumb{position:relative;display:block;height:100%;border-radius:inherit;background:#78813b}.creator-reels__navigation{display:none}.creator-reels__progress:not([hidden]){display:block}@media(max-width:699px){.creator-reels__track{height:calc(var(--reel-width)*16/9 + 134px)}}@media(min-width:700px){.creator-reels__progress{width:min(calc((100% - 48px)*.6),960px)}}
/*# sourceMappingURL=/cdn/shop/t/21/assets/creator-reels.css.map */