.mix-match,.mix-match__dialog{--mm-pink: #fd6999;--mm-pink-deep: #f54d86;--mm-pink-soft: rgba(253, 105, 153, .14);--mm-pink-wash: #fff1f6;--mm-purple: #573a89;--mm-text: #1b1b2f;--mm-muted: #6b6b7b;--mm-border: #d5d7d7;--mm-radius: 12px}.mix-match{margin:.75rem 0 1.25rem;color:var(--mm-text)}.mix-match__header{display:flex;flex-direction:column;align-items:center;text-align:center;gap:.25rem;margin-bottom:.85rem}.mix-match__heading{display:flex;align-items:center;justify-content:center;gap:.4rem;margin:0;color:var(--mm-pink);font-size:.78rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;line-height:1.25}.mix-match__heading-icon{width:18px;height:18px;flex-shrink:0}.mix-match__subheading{margin:0;color:var(--mm-text);font-size:.8rem;font-weight:500}.mix-match__cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.35rem;padding-top:.55rem}.mix-match__card{position:relative;display:flex;flex-direction:column;align-items:center;width:100%;min-width:0;height:100%;margin:0;padding:.7rem .28rem .75rem;border:2px solid var(--mm-border);border-radius:var(--mm-radius);background:#fff;color:inherit;text-align:center;cursor:pointer;-webkit-appearance:none;appearance:none;font:inherit}.mix-match__card:hover{border-color:var(--mm-pink);background:var(--mm-pink-soft)}.mix-match__card:focus-visible{outline:2px solid var(--mm-pink);outline-offset:2px}.mix-match__card-title{display:flex;flex-direction:column;gap:.1rem;min-height:2.1em;margin-bottom:.35rem;font-size:.62rem;font-weight:700;line-height:1.2;text-transform:uppercase;letter-spacing:.02em}.mix-match__card--single .mix-match__card-title{min-height:calc(2.4em + .1rem)}.mix-match__card--pack .mix-match__card-title{color:var(--mm-pink);font-size:.52rem;letter-spacing:.01em}.mix-match__card--pack .mix-match__card-title>span:first-child{white-space:nowrap}.mix-match__card-badge{position:absolute;top:0;left:50%;z-index:1;padding:.18rem .5rem;border-radius:999px;background:var(--mm-pink);color:#fff;font-size:.5rem;font-weight:700;letter-spacing:.03em;line-height:1.2;text-transform:uppercase;white-space:nowrap;box-shadow:0 2px 6px #fd699959;pointer-events:none;transform:translate(-50%,-50%)}.mix-match__card-image{width:100%;max-width:88px;height:72px;object-fit:contain;margin-bottom:.35rem}.mix-match__card-prices{display:flex;flex-wrap:nowrap;align-items:baseline;justify-content:center;gap:.35rem;margin-bottom:.15rem;white-space:nowrap}.mix-match__card-price{font-size:.95rem;font-weight:700;line-height:1.1}.mix-match__card-compare{color:var(--mm-muted);font-size:.7rem;text-decoration:line-through}.mix-match__card-cta{display:flex;flex-direction:column;align-items:center;gap:.4rem;width:100%;margin-top:auto;padding-top:.25rem}.mix-match__card-save{margin:0;color:var(--mm-pink);font-size:.68rem;font-weight:700;line-height:1.2;text-align:center}.mix-match__card-action{display:inline-flex;align-items:center;justify-content:center;width:100%;min-height:30px;padding:.35rem .5rem;border:0;border-radius:999px;background:var(--mm-pink);color:#fff;font-size:.62rem;font-weight:700;letter-spacing:.03em;text-transform:uppercase;white-space:nowrap;pointer-events:none}.mix-match__card--single .mix-match__card-action{background:var(--mm-purple)}.mix-match__card--single .mix-match__card-cta{padding-top:1.35rem}.mix-match__footer{display:flex;align-items:center;justify-content:center;gap:.35rem;margin:.7rem 0 0;color:var(--mm-pink);font-size:.72rem;font-weight:600;text-align:center}.mix-match__footer-icon{width:14px;height:14px;flex-shrink:0}.mix-match__dialog{width:100%;max-width:100%;max-height:92vh;padding:0;border:0;border-radius:20px 20px 0 0;color:var(--mm-text);background:#fff}.mix-match__dialog:not([open]){display:none}.mix-match__dialog[open]{display:flex;flex-direction:column;width:100%!important;max-width:100%!important;margin:auto 0 0!important}.mix-match__dialog::backdrop{background:#1b1b2f73}.mix-match__dialog-handle{display:block;width:40px;height:4px;margin:.55rem auto 0;border-radius:999px;background:#d9d9de}.mix-match__dialog-close{position:absolute;top:.7rem;right:.7rem;display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;border:0;border-radius:50%;background:transparent;color:var(--mm-text);cursor:pointer}.mix-match__dialog-close:focus-visible{outline:2px solid var(--mm-pink);outline-offset:2px}.mix-match__dialog-close .icon{width:16px;height:16px}.mix-match__dialog-header{position:relative;padding:.85rem 2.75rem .65rem;text-align:center}.mix-match__dialog-title{margin:0;font-size:1.05rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.mix-match__dialog-promo{margin:.25rem 0 0;color:var(--mm-pink);font-size:.82rem;font-weight:600}.mix-match__dialog-shipping{margin:.35rem 0 0;color:var(--mm-pink);font-size:.78rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.mix-match__dialog-shipping[hidden]{display:none}.mix-match__progress-label{display:block;margin-top:.55rem;color:var(--mm-muted);font-size:.75rem}.mix-match__progress{width:100%;height:6px;margin-top:.4rem;border:0;border-radius:999px;overflow:hidden;background:#f0f0f3}.mix-match__progress::-webkit-progress-bar{background:#f0f0f3}.mix-match__progress::-webkit-progress-value{background:var(--mm-pink)}.mix-match__progress::-moz-progress-bar{background:var(--mm-pink)}.mix-match__dialog-body{flex:1 1 auto;min-height:0;overflow-y:auto;padding:.35rem 1rem .75rem}.mix-match__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.55rem}.mix-match__scent{position:relative;display:flex;flex-direction:column;align-items:center;gap:.3rem;margin:0;padding:.35rem .25rem .45rem;border:2px solid transparent;border-radius:12px;background:#fff;color:inherit;cursor:pointer}.mix-match__scent.is-selected{border-color:var(--mm-pink)}.mix-match__scent[data-scent-unavailable]{opacity:.45}.mix-match__scent-pick{display:flex;flex-direction:column;align-items:center;gap:.3rem;width:100%;margin:0;padding:0;border:0;background:transparent;color:inherit;cursor:pointer;-webkit-appearance:none;appearance:none;font:inherit}.mix-match__scent-pick:disabled{cursor:not-allowed}.mix-match__scent-pick:focus-visible{outline:2px solid var(--mm-pink);outline-offset:2px}.mix-match__scent-qty{display:flex;align-items:center;justify-content:center;gap:.2rem}.mix-match__scent-qty[hidden]{display:none}.mix-match__scent-qty-btn{display:inline-flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;padding:0;border:1px solid var(--mm-pink);border-radius:50%;background:#fff;color:var(--mm-pink);font-size:.95rem;font-weight:700;line-height:1;cursor:pointer}.mix-match__scent-qty-btn:disabled{cursor:not-allowed;opacity:.4}.mix-match__scent-qty-btn:focus-visible{outline:2px solid var(--mm-pink);outline-offset:2px}.mix-match__scent-qty-value{min-width:1rem;font-size:.75rem;font-weight:700;text-align:center}.mix-match__scent-image{width:100%;aspect-ratio:1 / 1;object-fit:cover;border-radius:8px;background:#f4f4f6}.mix-match__scent-name{font-size:.68rem;font-weight:600;line-height:1.2;text-align:center}.mix-match__scent-badge{position:absolute;top:.2rem;right:.2rem;z-index:1;display:inline-flex;align-items:center;justify-content:center;min-width:1.25rem;height:1.25rem;padding:0 .28rem;border-radius:999px;background:var(--mm-pink);color:#fff;font-size:.68rem;font-weight:700;line-height:1}.mix-match__scent-badge[hidden]{display:none}.mix-match__hint{display:flex;align-items:center;justify-content:center;gap:.35rem;margin:.75rem 0 0;color:var(--mm-pink);font-size:.75rem;font-weight:600;text-align:center}.mix-match__hint-icon{width:14px;height:14px}.mix-match__dialog-footer{flex-shrink:0;padding:.75rem 1rem 1rem;border-top:1px solid #f0f0f3;background:#fff}.mix-match__summary-label{margin:0 0 .4rem;font-size:.78rem;font-weight:700}.mix-match__summary-row{display:flex;flex-wrap:wrap;align-items:center;gap:.35rem .4rem;margin-bottom:.65rem}.mix-match__summary-item,.mix-match__summary-empty{display:inline-flex;align-items:center;justify-content:center}.mix-match__summary-thumb{width:36px;height:36px;object-fit:cover;border:1px solid #eee;border-radius:8px;background:#f7f7f8}.mix-match__summary-remove{padding:0;border:0;border-radius:8px;background:transparent;cursor:pointer}.mix-match__summary-remove:focus-visible{outline:2px solid var(--mm-pink);outline-offset:2px}.mix-match__summary-plus{color:var(--mm-muted);font-size:.85rem;font-weight:600}.mix-match__summary-empty{color:var(--mm-pink);font-size:.72rem;font-weight:700}.mix-match__totals{display:flex;flex-wrap:wrap;align-items:baseline;gap:.4rem .55rem;margin-bottom:.7rem}.mix-match__totals-compare{color:var(--mm-muted);font-size:.8rem;text-decoration:line-through}.mix-match__totals-price{font-size:1.35rem;font-weight:700;line-height:1}.mix-match__totals-save{color:var(--mm-pink);font-size:.85rem;font-weight:700}.mix-match__add{display:flex;align-items:center;justify-content:center;width:100%;min-height:48px;padding:.75rem 1rem;border:0;border-radius:999px;background:var(--mm-pink);color:#fff;font-size:.92rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;cursor:pointer}.mix-match__add:hover:not(:disabled){background:var(--mm-pink-deep)}.mix-match__add:disabled{cursor:not-allowed;opacity:.45}.mix-match__add:focus-visible{outline:2px solid var(--mm-purple);outline-offset:3px}.mix-match__trust{margin:.45rem 0 0;color:var(--mm-muted);font-size:.68rem;text-align:center}.mix-match__error{margin:.45rem 0 0;color:#b42318;font-size:.75rem;text-align:center}.mix-match__error[hidden]{display:none}.mix-match__steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.45rem;margin-top:.75rem;padding:.7rem .55rem;border-radius:12px;background:var(--mm-pink-wash)}.mix-match__step{text-align:center}.mix-match__step-index{display:inline-flex;align-items:center;justify-content:center;width:1.25rem;height:1.25rem;margin-bottom:.2rem;border-radius:50%;background:var(--mm-pink);color:#fff;font-size:.68rem;font-weight:700}.mix-match__step-title{display:block;font-size:.68rem;font-weight:700}.mix-match__step-text{display:block;margin-top:.1rem;color:var(--mm-muted);font-size:.58rem;line-height:1.3}@media(min-width:750px){.mix-match__heading{font-size:.95rem}.mix-match__subheading{font-size:.9rem}.mix-match__cards{gap:.75rem}.mix-match__card{padding:.85rem .55rem .9rem}.mix-match__card-badge{padding:.22rem .65rem;font-size:.58rem}.mix-match__card-title{min-height:auto;font-size:.78rem}.mix-match__card--pack .mix-match__card-title{font-size:.72rem}.mix-match__card--single .mix-match__card-title{min-height:calc(2.4em + .1rem)}.mix-match__card-image{max-width:110px;height:88px}.mix-match__card-price{font-size:1.15rem}.mix-match__card-compare,.mix-match__card-save{font-size:.8rem}.mix-match__card-action{min-height:36px;font-size:.72rem;padding:.4rem .75rem}.mix-match__card--single .mix-match__card-cta{padding-top:1.55rem}.mix-match__footer{font-size:.85rem}.mix-match__dialog{width:min(100% - 2rem,32rem);max-width:min(100% - 2rem,32rem);max-height:min(88vh,46rem);border-radius:20px}.mix-match__dialog[open]{width:min(100% - 2rem,27rem)!important;max-width:min(100% - 2rem,27em)!important;margin:auto!important}.mix-match__dialog-handle{display:none}.mix-match__dialog-title{font-size:1.2rem}.mix-match__scent-name{font-size:.75rem}.mix-match__step-text{font-size:.65rem}}@media(min-width:1280px){.mix-match__heading{font-size:1.05rem}.mix-match__card-image{max-width:110px;height:92px}}@media(prefers-reduced-motion:reduce){.mix-match__card,.mix-match__scent,.mix-match__add{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/260/assets/mix-match-variety-pack.css.map */