.mf-reels{padding:var(--mf-reels-padding-top) 0 var(--mf-space-lg);background:var(--mf-bg-light);position:relative}.mf-reels--bg-white{background:#fff}.mf-reels--bg-gray{background:#f5f5f7}.mf-reels__heading{margin:0 0 var(--mf-space-xs);font-weight:var(--mf-font-bold);font-size:var(--mf-text-4xl);line-height:var(--mf-leading-snug);font-family:var(--mf-font-heading);letter-spacing:normal}.mf-reels__subheading{margin:0;color:var(--mf-text-secondary);font-size:var(--mf-text-base);letter-spacing:normal}@media (max-width: 899px){.mf-reels{padding-bottom:var(--mf-reels-padding-bottom-mobile)}}.mf-reels__header{margin-bottom:var(--mf-reels-header-gap)}.mf-reels__container{margin-top:var(--mf-space-xs)}.mf-reels__track{display:flex;gap:var(--mf-space-sm);overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;scroll-snap-type:x mandatory;padding:var(--mf-reels-track-padding-y);margin:0 calc(-1 * var(--mf-gutter-mobile));scroll-padding-left:var(--mf-gutter-mobile)}.mf-reels__track::-webkit-scrollbar{display:none}.mf-reels__card{flex:0 0 var(--mf-reels-card-width-mobile);max-width:var(--mf-reels-card-max-width);border-radius:var(--mf-radius-md);scroll-snap-align:start;overflow:hidden}@media (max-width: 899px){.mf-reels__card:first-child{margin-left:var(--mf-gutter-mobile)}.mf-reels__card:last-child{margin-right:var(--mf-gutter-mobile)}.mf-reels__heading{margin:0 0 var(--mf-space-xs);font-weight:var(--mf-font-bold);font-size:var(--mf-text-3xl)}.mf-reels__subheading{font-size:var(--mf-text-base)}}.mf-reels__media{position:relative;aspect-ratio:var(--mf-reels-video-aspect-ratio);background:var(--mf-black);border-radius:var(--mf-radius-md);overflow:hidden}.mf-reels__video,.mf-reels__embed,.mf-reels__embed iframe{width:100%;height:100%;display:block;object-fit:cover;border:0;border-radius:var(--mf-radius-md)}.mf-reels__placeholder{color:var(--mf-text-muted);display:grid;place-items:center;height:100%;font-size:var(--mf-text-sm);text-align:center;padding:var(--mf-space-sm)}.mf-reels__mute{position:absolute;right:var(--mf-reels-mute-position);bottom:var(--mf-reels-mute-position);z-index:var(--mf-reels-mute-z);background:var(--mf-reels-mute-bg);color:var(--mf-white);border:1px solid var(--mf-reels-mute-border);width:var(--mf-reels-mute-size);height:var(--mf-reels-mute-size);border-radius:var(--mf-radius-full);display:grid;place-items:center;cursor:pointer;transition:background var(--mf-transition-fast)}.mf-reels__mute:hover{background:var(--mf-reels-mute-bg-hover)}.mf-reels__mute:focus-visible{outline:2px solid var(--mf-primary);outline-offset:2px}.mf-reels__mute-icon{width:var(--mf-reels-mute-icon-size);height:var(--mf-reels-mute-icon-size);display:none}.mf-reels__mute[aria-pressed=true] .mf-reels__mute-icon--off,.mf-reels__mute[aria-pressed=false] .mf-reels__mute-icon--on{display:block}.mf-reels__product{margin-top:var(--mf-reels-product-gap)}.mf-reels__product-empty{font-size:var(--mf-text-sm);color:var(--mf-text-muted);border:1px dashed var(--mf-border);border-radius:var(--mf-radius-md);padding:var(--mf-reels-placeholder-padding);text-align:center;background:var(--mf-bg-lighter)}.mf-reels__progress-container{position:absolute;bottom:var(--mf-space-sm);left:50%;transform:translate(-50%);width:var(--mf-progress-width);height:var(--mf-progress-height);background:var(--mf-progress-bg);border-radius:var(--mf-radius-xs);overflow:hidden;display:none}@media (max-width: 899px){.mf-reels__progress-container{display:block}}.mf-reels__progress-bar{height:100%!important;background:var(--mf-progress-fill)!important;border-radius:var(--mf-radius-xs)!important;min-width:var(--mf-progress-min-width)!important;transition:width var(--mf-transition-fast)!important;will-change:width;display:block!important;opacity:1!important;z-index:2}@media (max-width: 749px){.mf-reels__heading--align-mobile-left,.mf-reels__subheading--align-mobile-left{text-align:left}.mf-reels__heading--align-mobile-center,.mf-reels__subheading--align-mobile-center{text-align:center}.mf-reels__heading--align-mobile-right,.mf-reels__subheading--align-mobile-right{text-align:right}}@media (min-width: 750px){.mf-reels__heading--align-left,.mf-reels__subheading--align-left{text-align:left}.mf-reels__heading--align-center,.mf-reels__subheading--align-center{text-align:center}.mf-reels__heading--align-right,.mf-reels__subheading--align-right{text-align:right}}@media (min-width: 750px){.mf-reels__track{margin:0;padding-left:0;padding-right:0}.mf-reels__card:first-child{margin-left:0}.mf-reels__card:last-child{margin-right:0}}@media (min-width: 900px){.mf-reels__track{display:grid;grid-template-columns:repeat(var(--mf-reels-cols, 4),1fr);gap:var(--mf-space-lg);overflow:visible;padding:0;scroll-snap-type:none}.mf-reels__card{flex:0 0 auto}}@media (prefers-reduced-motion: reduce){.mf-reels__mute{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/section-mf-social-reels.css.map */