.mm-b.mm-playrow,.mm-b.mm-playfilm{box-sizing:border-box;padding:48px var(--pad) 24px;background:var(--wall);color:var(--ink);font:400 16.5px/1.5 var(--text);letter-spacing:0;overflow:hidden;-webkit-font-smoothing:antialiased}.mm-b .mm-play-in{max-width:var(--max,430px);margin-inline:auto}.mm-b .mm-play{box-sizing:border-box;display:flex;flex-direction:column;width:100%;margin:0;background:var(--paper);border-radius:var(--r);overflow:hidden;box-shadow:0 0 0 1px #3a261612}.mm-b .mm-play__box{position:relative;display:block;aspect-ratio:1/1;background:var(--ivory);overflow:hidden}.mm-b .mm-play__box img,.mm-b .mm-play__box video{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;max-width:none;margin:0;border:0;border-radius:0;object-fit:contain}.mm-b .mm-play__box video{opacity:0;transition:opacity .25s ease-out}.mm-b .mm-play__box.is-on video{opacity:1}.mm-b .mm-play__btn{position:absolute;left:10px;bottom:10px;display:grid;place-items:center;width:44px;height:44px;margin:0;padding:0;border:0;border-radius:999px;background:var(--paper);color:var(--ink);cursor:pointer}.mm-b .mm-play__btn[hidden]{display:none}.mm-b .mm-play__btn{opacity:0;pointer-events:none;transition:opacity .18s ease-out}.mm-b .is-still .mm-play__btn,.mm-b .is-on .mm-play__btn,.mm-b .mm-play__btn:focus-visible{opacity:1;pointer-events:auto}@media(hover:hover){.mm-b .mm-play__box:hover .mm-play__btn{opacity:1;pointer-events:auto}}.mm-b .mm-play__i2,.mm-b .is-on .mm-play__i1{display:none}.mm-b .is-on .mm-play__i2{display:inline}.mm-b .mm-play__cap{display:block;margin:0;padding:6px 14px 14px;font:400 14.5px/20px var(--text);color:var(--ink-2);text-align:left}.mm-b .mm-play__name{display:flex;align-items:center;min-height:44px;font:700 17px/22px var(--display);letter-spacing:-.01em;color:var(--ink);text-decoration:none;text-transform:none}.mm-b .mm-play__name:hover{text-decoration:underline;text-decoration-thickness:1.5px;text-underline-offset:4px;text-decoration-color:var(--ch-terra)}.mm-b .mm-play__line{display:block}.mm-b .mm-play--big .mm-play__cap{padding:12px 16px 16px;font-size:16.5px;line-height:24px;color:var(--ink)}.mm-b .mm-playfilm__grid{display:grid;gap:14px;margin-top:20px}.mm-b .mm-playrow__sets{display:grid;gap:16px;margin-top:22px}.mm-b .mm-playrow__sets--both .mm-play--wide{display:none}.mm-b .mm-playrow__steps{margin:0;padding:0;list-style:none;counter-reset:mmp}.mm-b .mm-playrow__steps li{counter-increment:mmp;display:flex;gap:14px;align-items:baseline;margin:0;padding:11px 0;border-top:1px solid var(--line);font:600 17px/24px var(--text);color:var(--ink)}.mm-b .mm-playrow__steps li:first-child{border-top:0}.mm-b .mm-playrow__steps li:before{content:counter(mmp);flex:none;width:18px;font:700 21px/24px var(--display);color:var(--terra)}.mm-b .mm-playrow__list{display:flex;gap:12px;margin:20px calc(var(--pad) * -1) 0;padding:2px var(--pad) 14px;list-style:none;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity;scroll-padding-inline:var(--pad);-webkit-overflow-scrolling:touch}.mm-b .mm-playrow__item{flex:0 0 clamp(196px,58vw,236px);display:flex;margin:0;padding:0;list-style:none;scroll-snap-align:start}.mm-b .mm-playrow__item:before{content:none}.mm-b .mm-playrow__nav{display:none}.mm-b .mm-playrow__arrow{display:grid;place-items:center;width:44px;height:44px;margin:0;padding:0;border:1.5px solid var(--ink);border-radius:999px;background:transparent;color:var(--ink);cursor:pointer;transition:background-color .18s ease-out}.mm-b .mm-playrow__arrow:hover{background:#3a26160f}@media(min-width:768px)and (hover:hover){.mm-b .mm-playrow__nav{display:flex;justify-content:flex-end;gap:10px;margin-top:2px}}.mm-b.mm-playrow--compact{padding:20px var(--pad) 8px}.mm-b.mm-playrow--compact .mm-b-h2{margin:0;font-size:21px;line-height:27px}.mm-b.mm-playrow--compact .mm-playrow__list{gap:10px;margin-top:12px;padding-bottom:10px}.mm-b.mm-playrow--compact .mm-playrow__item{flex-basis:156px;min-width:0}.mm-b.mm-playrow--compact .mm-play{min-width:0}.mm-b.mm-playrow--compact .mm-play__cap{position:relative;padding:0 5px}.mm-b.mm-playrow--compact .mm-play__btn{left:2px;bottom:2px;background:transparent;isolation:isolate}.mm-b.mm-playrow--compact .mm-play__btn:before{content:"";position:absolute;top:8px;right:8px;bottom:8px;left:8px;z-index:-1;border-radius:999px;background:var(--paper)}.mm-b.mm-playrow--compact .mm-play__btn svg{width:12px;height:12px}.mm-b.mm-playrow--compact .mm-play__name{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;box-sizing:content-box;min-height:40px;border:solid transparent;border-width:2px 0;font-size:14px;line-height:20px;white-space:normal;overflow:hidden;overflow-wrap:break-word}.mm-b.mm-playrow--compact .mm-play__line{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0}@media(min-width:768px){.mm-b.mm-playrow,.mm-b.mm-playfilm{padding:clamp(56px,6vw,88px) var(--pad) 48px}.mm-b .mm-playfilm .mm-b-h2,.mm-b .mm-playfilm .mm-b-lede{text-align:center}.mm-b .mm-playfilm__grid{grid-template-columns:repeat(auto-fit,minmax(0,460px));justify-content:center;gap:24px;margin-top:28px}.mm-b .mm-playrow__sets{grid-template-columns:minmax(0,440px) minmax(0,420px);gap:var(--cg);align-items:center;margin-top:28px}.mm-b .mm-playrow__sets--both .mm-play--wide{display:flex}.mm-b .mm-playrow__sets--both .mm-play--tall{display:none}.mm-b .mm-playrow__sets--solo{grid-template-columns:minmax(0,480px);justify-content:center}.mm-b .mm-playrow__list{gap:16px;margin-top:28px}.mm-b.mm-playrow--compact{padding:32px var(--pad) 12px}.mm-b.mm-playrow--compact .mm-b-h2{font-size:26px;line-height:32px}.mm-b.mm-playrow--compact .mm-playrow__list{gap:14px;margin-top:16px}.mm-b.mm-playrow--compact .mm-playrow__item{flex-basis:190px}.mm-b.mm-playrow--compact .mm-play__cap{padding:0 10px}.mm-b.mm-playrow--compact .mm-play__name{font-size:15px}}@media(prefers-reduced-motion:reduce){.mm-b .mm-play__box video{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/24/assets/mm-play-film.css.map */