.community-reels{padding-top:var(--PT);padding-bottom:var(--PB)}.community-reels__header{margin-bottom:24px}.community-reels__heading{margin:0 0 8px}.community-reels__subheading{color:var(--COLOR-TEXT);line-height:1.5}.community-reels__header.community-reels--align-left{text-align:left}.community-reels__header.community-reels--align-center{text-align:center}.community-reels__header.community-reels--align-right{text-align:right}.community-reels__marquee{--_cr-duration: 20s}.community-reels__viewport{overflow:hidden}.community-reels__track{display:flex;width:max-content;will-change:transform}.community-reels__track--animating{animation:community-reels-scroll var(--cr-marquee-duration, var(--_cr-duration)) linear infinite}.community-reels--direction-right .community-reels__track--animating{animation-direction:reverse}.community-reels__track--paused{animation-play-state:paused!important}.community-reels__group{display:flex;gap:var(--cr-gap);padding-right:var(--cr-gap)}@keyframes community-reels-scroll{0%{transform:translateZ(0)}to{transform:translate3d(-50%,0,0)}}.community-reels__card{position:relative;flex:0 0 var(--cr-card-width);aspect-ratio:var(--cr-aspect);border-radius:var(--cr-radius);overflow:hidden;cursor:pointer;background:var(--COLOR-BG-DARKEN, #111)}.community-reels__card--empty{display:grid;place-items:center;background:var(--COLOR-BG-SECONDARY, #f5f5f5);border:2px dashed var(--COLOR-BORDER-HAIRLINE, #ddd);cursor:default}.community-reels__empty-block{padding:20px;text-align:center;font-size:13px;color:var(--COLOR-TEXT-ALPHA-20, #999)}.community-reels__media{position:absolute;top:0;right:0;bottom:0;left:0;background:#000}.community-reels__video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.community-reels__play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:56px;height:56px;border-radius:50%;border:0;cursor:pointer;background:#00000059;color:#fff;display:grid;place-items:center;transition:opacity .2s ease;z-index:2}.community-reels__play .icon-play{width:28px;height:28px;fill:currentColor}.community-reels__handle{position:absolute;left:10px;bottom:10px;padding:4px 10px;border-radius:999px;background:#0000008c;color:#fff;font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:.08em;transition:opacity .2s ease;z-index:2;pointer-events:none}.community-reels__overlay{position:absolute;inset:auto 0 0 0;padding:14px;color:#fff;z-index:3}.community-reels__overlay-gradient{position:absolute;inset:auto 0 0 0;height:100%;background:linear-gradient(to top,rgba(0,0,0,.85),rgba(0,0,0,.4) 60%,transparent);pointer-events:none}.community-reels__overlay>*{position:relative}.community-reels__products{display:flex;gap:8px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;-ms-overflow-style:none;padding:8px;margin:-8px -8px 0}.community-reels__products::-webkit-scrollbar{display:none}.community-reels__product{flex:0 0 auto;display:flex;flex-direction:column;align-items:center;gap:4px;min-width:80px;max-width:100px;padding:8px;border-radius:8px;background:#fffffff2;color:#111;text-decoration:none;scroll-snap-align:start;transition:transform .15s ease}.community-reels__product:hover{transform:scale(1.03)}.community-reels__product-image{width:56px;height:56px;object-fit:cover;border-radius:4px;background:#f0f0f0}.community-reels__product-title{font-size:10px;line-height:1.3;text-align:center;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-weight:500}.community-reels__product-price{font-size:11px;font-weight:600;color:#111}.community-reels__description{margin:0;font-size:12px;line-height:1.4;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:var(--cr-description-lines);overflow:hidden}@media(hover:hover)and (pointer:fine){.community-reels__overlay{opacity:0;transform:translateY(8px);transition:opacity .3s ease,transform .3s ease}.community-reels__card:hover .community-reels__play,.community-reels__card:hover .community-reels__handle{opacity:0;pointer-events:none}.community-reels__card:hover .community-reels__overlay{opacity:1;transform:translateY(0)}.community-reels__card--empty:hover .community-reels__play,.community-reels__card--empty:hover .community-reels__handle{opacity:1}}@media(hover:none),(pointer:coarse){.community-reels__overlay{opacity:1;transform:none}}.community-reels__modal{border:0;padding:0;max-width:min(500px,calc(100vw - 32px));max-height:90vh;width:100%;border-radius:var(--cr-radius);background:#000;color:#fff;overflow:hidden}.community-reels__modal[open]{display:flex;flex-direction:column;position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;margin:auto}.community-reels__modal::backdrop{background:#000000bf}.community-reels__modal-inner{position:relative;display:flex;flex-direction:column;max-height:90vh}.community-reels__modal-close{position:absolute;top:12px;right:12px;z-index:3;width:40px;height:40px;border-radius:50%;border:0;background:#00000080;color:#fff;cursor:pointer;display:grid;place-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.community-reels__modal-close .icon-close{width:16px;height:16px;fill:currentColor}.community-reels__modal-media{position:relative;background:#000;overflow:hidden}.community-reels__modal-video{display:block;width:100%;height:100%;max-height:90vh;object-fit:cover;background:#000;aspect-ratio:var(--cr-aspect)}.community-reels__modal-gradient{position:absolute;inset:auto 0 0 0;height:60%;background:linear-gradient(to top,rgba(0,0,0,.85) 0%,rgba(0,0,0,.4) 40%,transparent 100%);pointer-events:none;z-index:1}.community-reels__modal-overlay{position:absolute;inset:auto 0 0 0;z-index:2;padding:40px 16px 16px}.community-reels__modal-handle{display:inline-block;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:#ffffffb3;margin-bottom:8px;background:#0006;padding:4px 10px;border-radius:999px}.community-reels__modal-description{margin:0 0 12px;font-size:14px;line-height:1.5;color:#fff}.community-reels__modal-products{display:flex;gap:10px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;-ms-overflow-style:none;padding:10px;margin:-10px -10px 0}.community-reels__modal-products::-webkit-scrollbar{display:none}.community-reels__modal-product{flex:0 0 auto;display:flex;flex-direction:column;gap:6px;min-width:100px;max-width:120px;padding:10px;border-radius:10px;background:#fffffff2;color:#111;text-decoration:none;scroll-snap-align:start;transition:transform .15s ease}.community-reels__modal-product:hover{transform:scale(1.03)}.community-reels__modal-product-image{width:100%;aspect-ratio:1;object-fit:cover;border-radius:6px;background:#f0f0f0}.community-reels__modal-product-title{font-size:12px;font-weight:500;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;color:#111}.community-reels__modal-product-price{font-size:13px;font-weight:600;color:#111}@media only screen and (max-width:767px){.community-reels__card{flex-basis:var(--cr-card-width-mobile)}.community-reels__play{width:44px;height:44px}.community-reels__play .icon-play{width:22px;height:22px}.community-reels__modal{max-width:100vw;max-height:100vh;border-radius:0}}@media(prefers-reduced-motion:reduce){.community-reels__track--animating{animation:none}.community-reels__viewport{overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch}.community-reels__card{scroll-snap-align:start}.community-reels__overlay{transition:none}}.community-reels__play:focus-visible,.community-reels__modal-close:focus-visible,.community-reels__product:focus-visible,.community-reels__modal-product:focus-visible{outline:2px solid var(--COLOR-ACCENT, #4A90D9);outline-offset:2px}.community-reels.scheme-2{background:var(--COLOR-BG-SECONDARY)}.community-reels.scheme-3{background:var(--COLOR-BG-DARKEN);color:var(--COLOR-WHITE-BLACK, #fff)}
/*# sourceMappingURL=/cdn/shop/t/84/assets/community-reels.css.map */