mm-pairing-reel{display:block}.mm-reel>.mm-sec-head{max-width:520px;margin-inline:auto}.mm-reel--column .mm-reel__stage{max-width:none;margin:0;padding-top:22px}.mm-reel__stage{--reel-ink: #252525;--reel-ink-body: #585757;--reel-edge: #d4d0d0;--focus: #6f6c6c;--ease: var(--ease-settle, cubic-bezier(.22, 1, .36, 1));container-type:inline-size;position:relative;max-width:520px;margin:0 auto;box-sizing:border-box;display:grid;gap:18px;justify-items:center;padding:28px 16px 20px;background:var(--product-ground, #efecec);color:var(--reel-ink);border-radius:var(--radius-sm, 6px);font-family:var(--font-sans)}.mm-reel__deck{position:relative;width:min(300px,74cqw);aspect-ratio:1357 / 2022;touch-action:pan-y;cursor:grab;user-select:none;-webkit-user-select:none}.mm-reel__deck:active{cursor:grabbing}.mm-reel__deck:focus-visible{outline:2px solid var(--focus);outline-offset:6px;border-radius:4px}.mm-reel__card{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;border-radius:4px;background:var(--product-ground, #efecec);border:1px solid var(--reel-edge);transform-origin:50% 0;will-change:transform,opacity;transition:transform .46s var(--ease),opacity .46s var(--ease)}.mm-reel__card.is-held{transition:none}.mm-reel__card img{display:block;width:100%;height:100%;object-fit:cover;pointer-events:none;-webkit-user-drag:none}.mm-reel__caption{display:grid;gap:4px;justify-items:center;align-content:start;text-align:center;min-height:132px}.mm-reel__label{font-size:var(--text-xs);font-weight:500;letter-spacing:.16em;text-transform:uppercase;color:var(--reel-ink-body)}.mm-reel__name{font-size:var(--title-caps);font-family:var(--font-heading);font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--reel-ink);text-wrap:balance;overflow-wrap:anywhere}.mm-reel__look{font-size:var(--text-sm);color:var(--reel-ink-body)}.mm-reel__shop{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;column-gap:16px;min-height:44px}.mm-reel__shop:has(.mm-reel__price:empty) .mm-reel__view{visibility:hidden}.mm-reel__price{font-size:var(--text-md);color:var(--reel-ink);font-variant-numeric:tabular-nums}.mm-reel .mm-reel__view{color:var(--reel-ink);padding-top:6px}@container (max-width: 380px){.mm-reel__caption{min-height:154px}.mm-reel--product .mm-reel__caption{min-height:96px}.mm-reel__name{letter-spacing:.08em}}.mm-reel__controls{display:flex;align-items:center;justify-content:center;gap:12px}.mm-reel__controls[hidden]{display:none}.mm-reel__arrow{width:64px;height:48px;display:grid;place-items:center;padding:0;border:0;border-radius:4px;background:transparent;color:var(--reel-ink);cursor:pointer;touch-action:manipulation}.mm-reel__arrow svg{width:48px;height:14px;overflow:visible;transition:transform .3s var(--ease)}.mm-reel__line{transition:transform .3s var(--ease)}.mm-reel__arrow--prev .mm-reel__line{transform-origin:1px 7px}.mm-reel__arrow--next .mm-reel__line{transform-origin:47px 7px}@media(hover:hover){.mm-reel__arrow--prev:hover svg{transform:translate(-4px)}.mm-reel__arrow--next:hover svg{transform:translate(4px)}.mm-reel__arrow:hover .mm-reel__line{transform:scaleX(1.18)}}.mm-reel__arrow:active svg{transform:scale(.97)}.mm-reel :is(.mm-reel__arrow,.mm-reel__view):focus-visible{outline:2px solid var(--focus);outline-offset:2px}.mm-reel__count{min-width:72px;text-align:center;font-size:var(--text-xs);letter-spacing:.16em;font-variant-numeric:tabular-nums;color:var(--reel-ink-body)}.mm-reel__count b{font-weight:500;color:var(--reel-ink)}.mm-reel__live{position:absolute;width:1px;height:1px;margin:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.mm-reel__empty{margin:0;font-size:var(--text-body);color:var(--ink-body)}.mm-reel--product .mm-reel__caption{min-height:96px}:lang(th) .mm-reel :is(.mm-reel__label,.mm-reel__name,.mm-reel__count){letter-spacing:0}@media(prefers-reduced-motion:reduce){.mm-reel__card,.mm-reel__arrow svg,.mm-reel__line{transition:none!important}}
/*# sourceMappingURL=/cdn/shop/t/24/assets/mm-pairing-reel.css.map */