:root{--mm-green: #2e5a44;--mm-stone: #f5f5f3;--mm-border: #e6e4e0;--mm-grey: #66615c;--mm-dark: #1f1a17}.mm-box{display:flex;flex-direction:column;gap:1.2rem;padding:1.6rem;border:1px solid var(--mm-border);border-radius:var(--m-radius-box);background-color:var(--mm-stone);color:var(--mm-dark);scroll-margin-top:10rem}.mm-box__head{display:flex;align-items:center;justify-content:space-between;gap:1.2rem}.mm-box__badge{padding:0 .8rem;border-radius:var(--m-radius-button);background-color:var(--mm-green);color:#fff;font-size:1.2rem;font-weight:700;line-height:2.2rem;letter-spacing:.14em;text-transform:uppercase;white-space:nowrap}.mm-box__link{color:var(--mm-dark);font-size:1.3rem;line-height:1.3;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.3rem;white-space:nowrap}.mm-box__tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem}.mm-box__tile{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:9rem;padding:.8rem;border:1px solid var(--mm-border);border-radius:var(--m-radius-button);background-color:#fff;text-align:center}.mm-box__qty{color:var(--mm-grey);font-size:1.3rem;line-height:1.3}.mm-box__off{color:var(--mm-green);font-size:1.9rem;font-weight:600;line-height:1.25}.mm-box__tag{min-height:1.5rem;color:var(--mm-green);font-size:1.2rem;font-weight:600;line-height:1.25}.mm-box__tile.is-next{border-style:dashed;border-color:var(--mm-green)}.mm-box__tile.is-next .mm-box__qty{color:var(--mm-dark)}.mm-box__tile.is-have{border-color:var(--mm-green);background-color:var(--mm-green)}.mm-box__tile.is-have .mm-box__qty,.mm-box__tile.is-have .mm-box__off,.mm-box__tile.is-have .mm-box__tag{color:#fff}.mm-box__text{margin:0;font-size:1.4rem;font-weight:500;line-height:1.43}.mm-box--small{gap:1rem;padding:1.3rem 1.6rem 1.4rem}.mm-box--small .mm-box__tiles{gap:.6rem}.mm-box--small .mm-box__tile{min-height:4rem;padding:.4rem}.mm-box--small .mm-box__qty{font-weight:600;white-space:nowrap}.mm-box--small .mm-box__tile.is-next .mm-box__qty{color:var(--mm-green)}.mm-box--small .mm-box__tile.is-have .mm-box__qty:before{content:"\2713";margin-right:.4rem}.mm-line{display:flex;align-items:flex-start;gap:.8rem;color:var(--mm-green);font-weight:600;line-height:1.35;text-decoration:none}.mm-line svg{flex:none;width:1.8rem;height:1.8rem;margin-top:.1rem}
/*# sourceMappingURL=/cdn/shop/t/21/assets/mix-match.css.map */