.mg-two-step-pair-section{display:block;width:100%}.mg-two-step-pair{box-sizing:border-box;display:block;margin-block-start:var(--mg-tsp-margin-top-mobile, 0px);margin-block-end:var(--mg-tsp-margin-bottom-mobile, 0px);scroll-margin-top:var(--mg-tsp-scroll-margin, calc(var(--header-height, 0px) + var(--mg-tsp-tabs-offset, 72px)));width:100%;overflow:hidden}.mg-two-step-pair__inner{box-sizing:border-box;margin-inline:auto;max-width:var(--mg-tsp-max-width, 1280px);padding-inline:var(--mg-tsp-gutter-mobile, 20px);width:100%}.mg-two-step-pair__card{border:2px solid var(--mg-tsp-accent, var(--mg-primary, #10069f));overflow:hidden}.mg-two-step-pair__grid{display:grid;grid-template-columns:1fr}.mg-two-step-pair__category{background:var(--mg-tsp-category-bg, var(--mg-tsp-accent, #10069f));box-sizing:border-box;color:var(--mg-tsp-category-text, #fff);display:flex;flex-direction:column;justify-content:center;padding:24px}.mg-two-step-pair__kicker{color:var(--mg-tsp-category-text, #fff);font-size:12px;font-weight:600;letter-spacing:normal;line-height:normal;margin:0 0 12px}.mg-two-step-pair h2.mg-two-step-pair__heading{color:var(--mg-tsp-category-text, #fff);font-size:26px;font-weight:700;letter-spacing:normal;line-height:normal;margin:0 0 18px}.mg-two-step-pair__body{color:var(--mg-tsp-category-text, #fff);font-family:var(--mg-font, var(--font-body--family));font-size:13px;font-weight:400;line-height:1.6;margin:0 0 24px;max-width:420px}.mg-two-step-pair__cta{align-items:center;background:var(--mg-tsp-cta-bg, #fff);border:none;border-radius:0;box-sizing:border-box;color:var(--mg-tsp-cta-text, var(--mg-tsp-accent, #10069f));cursor:pointer;display:inline-flex;flex-wrap:wrap;font-size:16px;font-weight:600;gap:.25em;justify-content:center;line-height:normal;max-width:100%;padding:13px 22px;text-align:center;transition:background-color .15s ease,color .15s ease,outline-color .15s ease;width:fit-content}.mg-two-step-pair__cta:hover:not(:disabled){background:var(--mg-tsp-accent, #10069f);color:#fff;outline:2px solid #fff;outline-offset:-2px}.mg-two-step-pair__cta:focus-visible{outline:2px solid #fff;outline-offset:3px}.mg-two-step-pair__cta:disabled,.mg-two-step-pair__cta[aria-disabled=true]{cursor:not-allowed;opacity:.55}.mg-two-step-pair__cta.is-pending{pointer-events:none}.mg-two-step-pair__savings{color:var(--mg-tsp-category-text, #fff);font-size:12px;font-weight:400;line-height:normal;margin:10px 0 0;opacity:.75}.mg-two-step-pair__error{color:var(--mg-tsp-category-text, #fff);font-size:12px;margin:10px 0 0}.mg-two-step-pair__error[hidden]{display:none}.mg-two-step-pair__products{display:flex;flex-direction:column;min-width:0}.mg-two-step-pair__media-row{display:grid;grid-template-columns:1fr 1fr;position:relative}.mg-two-step-pair__media{aspect-ratio:1 / 1;background:#f7f7f8;line-height:0;overflow:hidden;position:relative;width:100%}.mg-two-step-pair__media-img,.mg-two-step-pair__media-video{display:block;height:100%;object-fit:cover;width:100%}.mg-two-step-pair__media-img--desktop,.mg-two-step-pair__media-video--desktop{display:none}.mg-two-step-pair__media-img--mobile,.mg-two-step-pair__media-video--mobile{display:block}.mg-two-step-pair__placeholder{background:var(--mg-primary, #10069f);color:#ffffff59;min-height:100%}.mg-two-step-pair__plus{align-items:center;background:#fff;border:none;border-radius:50%;color:var(--mg-tsp-accent, #10069f);cursor:pointer;display:flex;height:40px;justify-content:center;left:50%;padding:0;position:absolute;top:50%;transform:translate(-50%,-50%);transition:background-color .15s ease,color .15s ease,transform .15s ease;width:40px;z-index:2}.mg-two-step-pair__plus svg{display:block;height:16px;width:16px}@media(hover:hover){.mg-two-step-pair__plus:hover{background:var(--mg-tsp-accent, #10069f);color:#fff;transform:translate(-50%,-50%) scale(1.06)}}.mg-two-step-pair__plus:focus-visible{outline:2px solid var(--mg-tsp-accent, #10069f);outline-offset:3px}.mg-two-step-pair__details{display:grid;grid-template-columns:1fr 1fr}.mg-two-step-pair__product{box-sizing:border-box;display:flex;flex-direction:column;height:100%;min-width:0;padding:16px 14px}.mg-two-step-pair__product:first-child{border-inline-end:1px solid var(--mg-border, #dedede)}.mg-two-step-pair__step{color:var(--mg-tsp-accent, #10069f);font-family:var(--mg-font, var(--font-body--family));font-size:12px;line-height:normal;font-weight:600;margin:0 0 4px}.mg-two-step-pair__name{color:var(--mg-tsp-accent, #10069f);font-family:var(--mg-font, var(--font-heading--family));font-size:19px;font-weight:600;line-height:normal;margin:6px 0 14px;min-height:2.4em;text-transform:lowercase}.mg-two-step-pair__benefit{color:var(--mg-tsp-accent, #10069f);font-family:var(--mg-font, var(--font-body--family));font-size:12px;font-weight:600;line-height:1.53;margin:0 0 12px}.mg-two-step-pair__buy-row{align-items:center;display:flex;gap:8px;justify-content:space-between;margin:0 0 8px}.mg-two-step-pair__price{color:var(--mg-tsp-accent, #10069f);flex-shrink:0;font-family:var(--mg-font, var(--font-body--family));font-size:16px;line-height:normal;font-weight:700;margin:0}.mg-two-step-pair__options{display:flex;flex-wrap:wrap;gap:4px;justify-content:flex-end;min-width:0}.mg-two-step-pair__option{min-width:0}.mg-two-step-pair__pills{display:flex;flex-wrap:wrap;gap:4px;justify-content:flex-end;list-style:none;margin:0;padding:0}.mg-two-step-pair__pill{align-items:center;background:#fff;border:1px solid var(--mg-border, #dedede);border-radius:100px;color:#4b4f54;cursor:pointer;display:inline-flex;font-family:var(--mg-font, var(--font-body--family));font-size:11px;font-weight:400;gap:4px;line-height:normal;padding:5px 10px;white-space:nowrap}.mg-two-step-pair__pill[aria-pressed=true]{border-color:var(--mg-tsp-accent, #10069f);color:var(--mg-tsp-accent, #10069f);font-weight:600}.mg-two-step-pair__pill:focus-visible{outline:2px solid var(--mg-tsp-accent, #10069f);outline-offset:2px}.mg-two-step-pair__pill:disabled{cursor:not-allowed;opacity:.45}.mg-two-step-pair__pill-check{display:none;flex-shrink:0;height:10px;width:10px}.mg-two-step-pair__pill[aria-pressed=true] .mg-two-step-pair__pill-check{display:block}a.mg-two-step-pair__explore{color:var(--mg-tsp-accent, #10069f);display:inline-block;font-size:13px;line-height:normal;font-weight:400;margin:0;text-decoration:underline;text-underline-offset:3px;width:fit-content}a.mg-two-step-pair__explore:hover{color:var(--mg-tsp-accent)}.mg-two-step-pair__explore:focus-visible{outline:2px solid var(--mg-tsp-accent, #10069f);outline-offset:3px}@media screen and (max-width:768px){.mg-two-step-pair__buy-row{align-items:flex-start;display:flex;flex:1 1 auto;flex-direction:column;gap:6px;margin-bottom:8px}.mg-two-step-pair__options,.mg-two-step-pair__pills{justify-content:flex-start}.mg-two-step-pair__options{order:1}.mg-two-step-pair__price{margin-top:auto;order:2}}@media screen and (min-width:769px){.mg-two-step-pair{margin-block-start:var(--mg-tsp-margin-top-desktop, 0px);margin-block-end:var(--mg-tsp-margin-bottom-desktop, 0px)}.mg-two-step-pair__inner{padding-inline:var(--mg-tsp-gutter-desktop, 20px)}.mg-two-step-pair__grid{grid-template-columns:1fr 2fr}.mg-two-step-pair--rtl .mg-two-step-pair__grid{direction:rtl}.mg-two-step-pair--rtl .mg-two-step-pair__category,.mg-two-step-pair--rtl .mg-two-step-pair__products{direction:ltr}.mg-two-step-pair--rtl.mg-two-step-pair--dir-rtl .mg-two-step-pair__category,.mg-two-step-pair--rtl.mg-two-step-pair--dir-rtl .mg-two-step-pair__products{direction:rtl}.mg-two-step-pair__category{padding:40px}.mg-two-step-pair h2.mg-two-step-pair__heading{font-size:26px}.mg-two-step-pair__product{padding:28px 32px}.mg-two-step-pair__name{margin:6px 0 14px;min-height:0}.mg-two-step-pair__name:has(+.mg-two-step-pair__benefit){margin-bottom:8px}.mg-two-step-pair__benefit{font-size:13px}.mg-two-step-pair__price{font-size:17px}.mg-two-step-pair__plus{height:80px;width:80px}.mg-two-step-pair__plus svg{height:28px;width:28px}.mg-two-step-pair__media-img--desktop,.mg-two-step-pair__media-video--desktop{display:block}.mg-two-step-pair__media-img--mobile,.mg-two-step-pair__media-video--mobile{display:none}}.mg-two-step-pair--products-1 .mg-two-step-pair__product:first-child{border-inline-end:none}.mg-two-step-pair--products-1 .mg-two-step-pair__plus{display:none}.mg-two-step-pair--products-0 .mg-two-step-pair__products{min-height:12rem}@media screen and (min-width:769px){.mg-two-step-pair--products-0 .mg-two-step-pair__grid{grid-template-columns:1fr}}
/*# sourceMappingURL=/cdn/shop/t/14/assets/mg-two-step-pair.css.map */
