.me-social{overflow:hidden}.me-social-heading{display:flex;align-items:end;justify-content:space-between;gap:32px;margin-bottom:24px}.me-social-heading h2{margin:0;font-size:clamp(34px,3.4vw,52px)}.me-social-follow{display:inline-flex;align-items:center;gap:10px;flex-shrink:0;min-height:44px;border-bottom:1px solid var(--ink);font-size:12px}.me-social-follow svg{width:19px;height:19px}mastt-social-reels{display:block}.me-reel-track{--reel-width: clamp(236px, 23vw, 320px);display:flex;gap:20px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:#81afb6 var(--paper);padding:6px 4px 20px;margin:-6px -4px 0}.me-reel{flex:0 0 var(--reel-width);min-width:0;scroll-snap-align:center}.is-ready .me-reel-track{padding-inline:max(4px,calc((100% - var(--reel-width)) / 2 + 4px));scrollbar-width:none;overflow-anchor:none}.is-ready .me-reel-track::-webkit-scrollbar{display:none}.is-ready .me-reel-track.is-reordering{scroll-snap-type:none}.is-ready .me-reel{transform:scale(.92);transition:transform .4s ease}.is-ready .me-reel.is-active{transform:scale(1)}.is-ready .me-reel .me-reel-media{filter:brightness(.5) saturate(.75);transition:filter .4s ease,box-shadow .4s ease;cursor:pointer}.is-ready .me-reel.is-active .me-reel-media{filter:none;box-shadow:0 12px 28px #2929251f}.me-reel-media{position:relative;aspect-ratio:9 / 16;overflow:hidden;background:var(--paper);border-radius:var(--me-card-radius, 12px)}.me-reel.is-active .me-reel-media{outline:2px solid #476575;outline-offset:3px}.me-reel-video{display:block;width:100%;height:100%;object-fit:cover}.me-reel-cover{display:none;position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;pointer-events:none}.is-ready .me-reel:not(.is-active) .me-reel-cover{display:block}.me-reel-progress{display:none;position:absolute;top:12px;left:12px;right:12px;height:3px;background:#ffffff59;border-radius:3px;overflow:hidden;pointer-events:none}.me-reel-progress span{display:block;height:100%;width:100%;transform:scaleX(var(--reel-progress, 0));transform-origin:left;background:#fff}.me-reel-actions{position:absolute;left:12px;right:12px;bottom:12px;display:none;justify-content:space-between;pointer-events:none}.me-reel-control{display:grid;place-items:center;width:44px;height:44px;padding:0;border-radius:50%;border:1px solid rgb(255 255 255 / 30%);color:#fff;background:#191917c7;pointer-events:auto}.me-reel-control span{display:flex}.me-reel-control svg{width:20px;height:20px}.me-reel-control:focus-visible{outline-color:#fff;outline-offset:3px}.me-reel-control:hover{background:#292925}.me-reel-control .me-reel-pause-icon,.me-reel-control .me-reel-sound-icon,.me-reel.is-playing .me-reel-play-icon,.me-reel.is-unmuted .me-reel-muted-icon{display:none}.me-reel.is-playing .me-reel-pause-icon,.me-reel.is-unmuted .me-reel-sound-icon{display:flex}.me-reel:not(.is-active) [data-reel-sound]{visibility:hidden}.is-ready .me-reel-actions{display:flex}.is-ready .me-reel.is-active .me-reel-progress{display:block}.me-reel-caption{padding:17px 0 4px}.me-reel-caption h3{color:var(--ink);font-size:14px}.me-reel-caption a{display:inline-flex;align-items:center;gap:12px;min-height:44px;color:var(--muted);font-size:11px}.me-reel-caption a svg{width:16px;height:16px}.me-reel-caption a:hover{color:var(--ink);text-decoration:underline}.me-reel-footer{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:20px}.me-reel-footer p{font-size:12px}.me-reel-navigation{display:none;align-items:center;gap:10px}.is-ready .me-reel-navigation{display:flex}.me-reel-counter{font-size:12px;min-width:46px;font-variant-numeric:tabular-nums;margin-right:8px}.me-reel-arrow{display:grid;place-items:center;width:44px;height:44px;padding:0;border-radius:50%;border:1px solid var(--line);background:transparent}.me-reel-arrow:hover{background:var(--blue)}.me-reel-arrow:disabled{opacity:.35;cursor:default}.me-reel-arrow[data-reel-step="-1"] svg{transform:rotate(180deg)}.me-reel-error:not([hidden]),.me-reel-empty{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;align-content:center;padding:28px;background:#292925db;color:#fff;text-align:center;font-size:14px}.me-reel.has-error .me-reel-actions,.me-reel.has-error .me-reel-progress{display:none}@media(max-width:760px){.me-social-heading{align-items:start;flex-direction:column;gap:16px;margin-bottom:20px}.me-reel-track{--reel-width: min(68vw, 300px);gap:14px}.me-reel-footer{align-items:center;gap:12px}.me-reel-footer p{max-width:145px;font-size:11px}.me-reel-counter{margin-right:0;min-width:35px}.me-reel-navigation{gap:6px}}@media(prefers-reduced-motion:reduce){.me-reel-track{scroll-behavior:auto}.is-ready .me-reel,.is-ready .me-reel .me-reel-media{transition:none}}.me-reel{container-type:inline-size}.me-reel-caption h3{font-size:min(1.4rem,5.28cqi)}.me-reel-caption a{font-size:min(1.1rem,4.15cqi)}@media(max-width:760px){.me-social-heading h2{font-size:min(5.2rem,9.72cqi)}.me-social-follow{font-size:min(1.2rem,3.43cqi)}.me-reel-footer p{font-size:min(1.2rem,3.15cqi)}}
/*# sourceMappingURL=/cdn/shop/t/10/assets/mastt-social-reels.css.map */