.mm-diag{height:calc(100dvh - (var(--header-height)))}.mm-diag[data-active-step="2"],.mm-diag[data-active-step="3"]{grid-template-columns:1fr}.mm-diag[data-active-step="2"] .mm-diag__media,.mm-diag[data-active-step="3"] .mm-diag__media{display:none}.mm-diag[data-active-step="2"] .mm-diag__content,.mm-diag[data-active-step="3"] .mm-diag__content{max-width:500px;margin:0 auto;width:100%;background:var(--white);justify-content:start;padding:0}.mm-diag__content{width:50%;display:flex;flex-direction:column;justify-content:center;padding:var(--margin-9);background:var(--black-50)}.mm-diag__media{width:50%}.mm-diag__step{display:none;flex-direction:column}.mm-diag__step[data-active=true]{display:flex}.mm-diag__progress--global{position:absolute;top:0;left:0;width:100%;z-index:2;display:none}.mm-diag[data-active-step="2"] .mm-diag__progress--global,.mm-diag[data-active-step="3"] .mm-diag__progress--global{display:block}.mm-diag[data-active-step="2"],.mm-diag[data-active-step="3"]{padding:var(--margin-9) 0;height:100%;min-height:calc(100dvh - (var(--header-height)))}.mm-diag__progress-bar{height:3px;background:var(--black-100);overflow:hidden}.mm-diag__progress-fill{height:100%;background:var(--black);transition:width .4s var(--ease-out-quart);width:0%}.mm-diag__back-btn{display:none;align-items:center;justify-content:center;width:36px;height:36px;background:transparent;position:fixed;top:calc((var(--header-height) / 2));left:var(--margin-9);transform:translateY(-50%);z-index:50}.mm-diag[data-active-step="2"]>.mm-diag__back-btn,.mm-diag[data-active-step="3"]>.mm-diag__back-btn{display:flex}.mm-diag__back-btn .mm-icon-arrow-right{transform:rotate(180deg)}.mm-diag__question{display:none;flex-direction:column;animation:diag-slide-in .35s var(--ease-out-quart)}.mm-diag__question[data-active=true]{display:flex;align-items:center}.mm-diag__answers--single{display:flex;flex-direction:column;gap:var(--margin-2);width:100%}.mm-diag__answer--single{width:100%;padding:var(--margin-4) var(--margin-5);border:1px solid var(--black-300);border-radius:var(--rounded-medium);transition:border-color .2s,background .2s}.mm-diag__answer--single:hover{border-color:var(--black-400);background:var(--black-25)}.mm-diag__answer--single[aria-pressed=true],.mm-diag__answer--single.is-selected{border-color:var(--black);background:var(--black-50)}.mm-diag__answers--multiple{display:flex;flex-direction:column;gap:var(--margin-3)}.mm-diag__answer--multiple{display:flex;align-items:center;gap:var(--margin-3);width:100%;padding:var(--margin-4) var(--margin-5);border:1.5px solid var(--black-200);border-radius:var(--rounded-large);background:transparent;font-size:var(--font-size-base);color:var(--black);text-align:left;cursor:pointer;transition:border-color .2s,background .2s}.mm-diag__answer--multiple:hover{border-color:var(--black-400);background:var(--black-25)}.mm-diag__answer--multiple[aria-pressed=true],.mm-diag__answer--multiple.is-selected{border-color:var(--black);background:var(--black-50)}.mm-diag__answer-indicator{flex-shrink:0;width:20px;height:20px;border:1.5px solid var(--black-200);border-radius:var(--rounded-small);transition:border-color .2s,background .2s;position:relative}.mm-diag__answer--multiple[aria-pressed=true] .mm-diag__answer-indicator,.mm-diag__answer--multiple.is-selected .mm-diag__answer-indicator{border-color:var(--black);background:var(--black)}.mm-diag__answer--multiple[aria-pressed=true] .mm-diag__answer-indicator:after,.mm-diag__answer--multiple.is-selected .mm-diag__answer-indicator:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 10'%3E%3Cpath d='M1 5l3.5 3.5L11 1' stroke='white' stroke-width='2' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / 10px no-repeat}.mm-diag__matrix{display:flex;flex-direction:column;gap:var(--margin-4)}.mm-diag-matrix__options{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--margin-2);align-items:center}.mm-diag__matrix-header{margin-bottom:var(--margin-1)}.mm-diag__matrix-header span{font-size:var(--font-size-small);color:var(--black-500);text-align:center;min-width:80px}.mm-diag__matrix-cell{min-width:80px;padding:var(--margin-3) var(--margin-2);border:1px solid var(--black-300);border-radius:var(--rounded-medium);background:transparent;font-size:var(--font-size-small);color:var(--black);text-align:center;cursor:pointer;transition:border-color .2s,background .2s;white-space:nowrap}.mm-diag__matrix-cell:hover{border-color:var(--black-500)}.mm-diag__matrix-cell[aria-pressed=true],.mm-diag__matrix-cell.is-selected{background:var(--primary);border-color:var(--black)}.mm-diag__next-btn-container{width:100%}.mm-diag-btn{width:100%;text-transform:uppercase}.mm-diag-btn:hover .mm-icon-arrow-right path{stroke:var(--black)}.mm-diag__email-field{display:flex;flex-direction:column;gap:var(--margin-2)}.mm-diag__email-desc{max-width:300px;margin:0 auto}.mm-diag__klaviyo-form .needsclick{transform:none!important;min-height:unset!important}@keyframes diag-slide-in{0%{opacity:0;margin-left:24px}to{opacity:1;margin-left:0}}@media(max-width:1024px){.mm-diag__back-btn{top:calc((var(--header-height-mobile) / 2));left:var(--margin-5);transform:translateY(-50%);z-index:50}.mm-diag__next-btn-container{position:fixed;bottom:0;left:0;right:0;z-index:50;background:var(--white);padding:var(--margin-4);height:fit-content}.mm-diag-btn{margin:0 auto}.mm-diag[data-active-step="2"],.mm-diag[data-active-step="3"]{min-height:calc(100dvh - (var(--header-height-mobile)));grid-template-columns:unset}.mm-diag{height:unset;padding:var(--margin-4);display:flex;flex-direction:column;grid-gap:var(--margin-4)}.mm-diag__media{aspect-ratio:1/1;width:100%;height:auto;border-radius:var(--rounded-medium);overflow:hidden}.mm-diag__media img{aspect-ratio:1/1}.mm-diag__content{width:100%;padding:0;background:var(--white)}.mm-diag__landing-title{font-size:var(--font-size-2x-large);line-height:110%;letter-spacing:-.6px}.mm-diag__landing-desc *{font-size:var(--font-size-small);line-height:16px;letter-spacing:0px}.mm-diag-landing__bottom{grid-gap:var(--margin-4)}.mm-diag__landing-perks{gap:var(--margin-4)}.mm-diag__landing-perk{font-weight:var(--font-regular)}.mm-diag__matrix-header{display:none}.mm-diag__question{padding-top:var(--margin-4)}.mm-diag__matrix-cell:before{content:attr(data-label)}.mm-diag__step:not([data-loading=true]) .mm-diag__klaviyo-form button{position:fixed;bottom:var(--margin-4);left:var(--margin-4);right:var(--margin-4);z-index:51;width:auto!important;height:50px!important}.mm-diag__step[data-step="3"]:not([data-loading=true]):after{content:"";position:fixed;bottom:0;left:0;right:0;height:calc(50px + (var(--margin-4) * 2));background:var(--black-50);z-index:50}}.mm-diag__loader{display:none;align-items:center;justify-content:center;gap:15px;width:100%}.mm-diag__step[data-loading=true] .mm-diag__loader{display:flex}.mm-diag__step[data-loading=true] .mm-diag__step-content{display:none}.mm-diag__loader-ring{width:24px;height:24px;flex-shrink:0;animation:mm-diag-spin .9s linear infinite}.mm-diag__loader-text{color:var(--black)}@keyframes mm-diag-spin{to{transform:rotate(360deg)}}
/*# sourceMappingURL=/cdn/shop/t/362/assets/mm-diagnostic.css.map */