.reels__viewport{margin-inline:calc(-1*clamp(20px,3vw,40px))}.reels__track{display:grid;grid-auto-flow:column;grid-auto-columns:min(72vw,300px);gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:clamp(20px,3vw,40px);padding:4px clamp(20px,3vw,40px) 8px;scrollbar-width:none;overscroll-behavior-x:contain}.reels__track::-webkit-scrollbar{display:none}.reels__item{scroll-snap-align:start}@media(min-width:990px){.reels__track{grid-auto-columns:calc((100% - 4 * 16px - 2 * clamp(20px,3vw,40px)) / 4.4)}}.reel{margin:0}.reel__media{position:relative;aspect-ratio:9 / 16;overflow:hidden;border-radius:14px;background:var(--color-ink);color:#fff;isolation:isolate}.reel__poster,.reel__video,.reel__frame{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;border:0}.reel__poster--blank{display:flex;font-family:Newsreader,Amiri,Georgia,serif;font-size:20px}.reel__video{opacity:0}.reel.is-playing .reel__video{opacity:1}.reel__frame{z-index:3;background:#000}.reel__tap{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;border:0;padding:0;background:transparent;cursor:pointer}.reel__tap:focus-visible{outline:3px solid #fff;outline-offset:-6px}.reel__play,.reel:not(.is-playing) .reel__tap[data-reel-toggle]:after{content:"";position:absolute;left:50%;top:50%;width:60px;height:60px;margin:-30px 0 0 -30px;border-radius:50%;background:#f6f1eae6 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%232e2520' d='M8 5v14l11-7z'/%3E%3C/svg%3E") center / 26px no-repeat;box-shadow:0 6px 18px #00000040}.reel__sound{position:absolute;top:12px;inset-inline-end:12px;z-index:2;width:44px;height:44px;border-radius:50%;border:0;cursor:pointer;background:#2e25208c;display:grid;place-items:center}.reel__sound-icon{width:20px;height:20px;background:#fff;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 9v6h4l5 5V4L7 9H3zm13.6 3 2.7-2.7-1.4-1.4-2.7 2.7-2.7-2.7-1.4 1.4 2.7 2.7-2.7 2.7 1.4 1.4 2.7-2.7 2.7 2.7 1.4-1.4z'/%3E%3C/svg%3E") center / contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 9v6h4l5 5V4L7 9H3zm13.6 3 2.7-2.7-1.4-1.4-2.7 2.7-2.7-2.7-1.4 1.4 2.7 2.7-2.7 2.7 1.4 1.4 2.7-2.7 2.7 2.7 1.4-1.4z'/%3E%3C/svg%3E") center / contain no-repeat}.reel.has-sound .reel__sound-icon{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 9v6h4l5 5V4L7 9H3zm13.5 3A4.5 4.5 0 0 0 14 8v8a4.5 4.5 0 0 0 2.5-4zM14 3.2v2.1a7 7 0 0 1 0 13.4v2.1a9 9 0 0 0 0-17.6z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 9v6h4l5 5V4L7 9H3zm13.5 3A4.5 4.5 0 0 0 14 8v8a4.5 4.5 0 0 0 2.5-4zM14 3.2v2.1a7 7 0 0 1 0 13.4v2.1a9 9 0 0 0 0-17.6z'/%3E%3C/svg%3E")}.reel__progress{position:absolute;inset-inline:12px;top:8px;z-index:2;height:2px;background:#ffffff59;pointer-events:none}.reel__progress span{display:block;height:100%;background:#fff;transform-origin:left center;transform:scaleX(0)}[dir=rtl] .reel__progress span{transform-origin:right center}.reel__caption{position:absolute;inset-inline:0;bottom:0;z-index:2;pointer-events:none;display:flex;flex-direction:column;gap:8px;padding:48px 14px 14px;background:linear-gradient(to top,#140f0cc7,#140f0c00);font-size:13px;line-height:1.4}.reel__who{display:flex;flex-direction:column;gap:1px}.reel__who strong{font-size:15px;font-weight:600}.reel__who span{opacity:.85}.reel__quote{font-family:Newsreader,Amiri,Georgia,serif;font-size:15px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.reel__product{pointer-events:auto;align-self:flex-start;display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:6px 12px 6px 6px;border-radius:999px;background:#f6f1eaf2;color:var(--color-ink);font-size:12px;max-width:100%}.reel__product img{width:32px;height:32px;border-radius:50%;object-fit:cover;flex:none}.reel__product span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.reel.is-embedded .reel__caption,.reel.is-embedded .reel__sound{display:none}.reels__dots{display:flex;justify-content:center;gap:4px;flex-wrap:wrap}.reels__dot{width:28px;height:28px;border:0;background:transparent;cursor:pointer;display:grid;place-items:center;padding:0}.reels__dot:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--color-line);transition:background-color var(--dur-fast) var(--ease-out),transform var(--dur-fast) var(--ease-out)}.reels__dot[aria-current=true]:before{background:var(--color-ink);transform:scale(1.25)}.reel__video{transition:opacity var(--dur-base) var(--ease-out)}.reel__progress span{transition:transform .25s linear}@media(prefers-reduced-motion:reduce){.reels__dot:before,.reel__progress span{transition:none}.reels__dot[aria-current=true]:before{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/12/assets/reels.css.map */