.guide{display:block;max-width:1120px;margin-inline:auto;padding:clamp(1.5rem,3vw,2.5rem) var(--gutter) clamp(3rem,5vw,4rem)}.guide__intro{margin-bottom:2rem}.guide__heading{margin-block:1rem}.guide__top{display:flex;flex-wrap:wrap;justify-content:space-between;gap:1rem;margin-bottom:2rem}.guide__track{width:100%;height:2px;background:var(--sand)}.guide__track span{display:block;height:100%;width:var(--guide-progress,0%);background:var(--ink)}.guide__question{min-width:0;border:0;padding:0;margin:0 0 3rem}.guide__question-title{max-width:25ch;margin-bottom:1rem;font-size:clamp(1.75rem,3.2vw,2.75rem)}.guide__help{font-size:1rem;line-height:1.55;margin-bottom:1.75rem;max-width:60ch}.guide__options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem}.guide__option{display:flex;flex-direction:column;cursor:pointer;border:1px solid var(--sand);background:var(--bone);transition:opacity .18s ease}.guide__choice-copy{display:flex;flex:1;align-items:center;justify-content:space-between;gap:1rem;padding:1.5rem;font-size:1.25rem;line-height:1.4;min-height:8rem}.guide__choice-mark{flex:none;width:1.1rem;height:1.1rem;border:1px solid var(--ink-45);border-radius:2px}.guide__input:checked+.guide__option{outline:2px solid var(--ink);outline-offset:2px}.guide__input:checked+.guide__option .guide__choice-mark{background:var(--ink);border-color:var(--ink)}.guide__input:checked+.guide__option .guide__choice-mark:after{content:"\2713";display:block;color:var(--paper);text-align:center;font-size:.8rem;line-height:1rem}.guide__input:focus-visible+.guide__option{outline:2px solid var(--ink);outline-offset:4px}.guide__choice-media{display:block;height:clamp(180px,32vh,300px);overflow:hidden}.guide__choice-media img,.guide__choice-media .media__empty{width:100%;height:100%;object-fit:cover;object-position:center 35%}.guide__options--visual .guide__choice-copy{min-height:5rem;padding:1rem 1.25rem}.guide__back,.guide__start,[data-guide-restart]{display:none}.guide.is-interactive .guide__back,.guide.is-interactive [data-guide-restart]{display:inline-flex;justify-self:start;margin-top:1.5rem}.guide.is-interactive .guide__question{margin-bottom:0}.guide.is-interactive .guide__questions{min-height:23rem}.guide__result-label{margin-bottom:1rem}.guide__reason{max-width:64ch;font-size:1.125rem;line-height:1.55;margin-bottom:2rem}.guide__result{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.3fr);gap:clamp(2rem,4vw,3rem);align-items:center;margin-bottom:3rem}.guide.is-interactive .guide__result{margin-bottom:0}.guide__result-media{width:100%;max-width:360px;aspect-ratio:4/5;overflow:hidden;background:var(--bone)}.guide__result-media img{width:100%;height:100%;object-fit:cover}.guide__placeholder{height:100%;min-height:260px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;padding:1rem;text-align:center}.guide__result-title{font-size:clamp(1.75rem,3.5vw,3rem);margin-bottom:1rem}.guide__result-spec{margin-bottom:1.5rem;line-height:1.6}.guide__result-text{font-size:1.125rem;line-height:1.55;margin-bottom:1.5rem}.guide__result-actions{display:flex;align-items:center;gap:1.5rem;flex-wrap:wrap}.guide.is-interactive .guide__result-actions .guide__back,.guide.is-interactive .guide__result-actions [data-guide-restart]{margin-top:0}.guide__result-addon{padding-top:1.5rem;margin-top:1.5rem;border-top:var(--rule);max-width:50ch}.guide__result-addon-link{display:inline-block;margin-top:.75rem}.guide__result[data-result-fallback],.guide__result--text{grid-template-columns:1fr}.guide__result[data-result-fallback] .guide__result-media{display:none}@media(hover:hover){.guide__option:hover{opacity:.8}}@media(min-width:900px){.guide__result-media{max-width:min(360px,calc((100dvh - var(--header-h) - 12rem)*.8))}}@media(max-width:599px){.guide__options{grid-template-columns:1fr;gap:1rem}.guide__options--visual{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.guide__choice-media{height:210px}.guide__choice-copy{font-size:1.0625rem;min-height:6rem;padding:1.25rem}.guide__options--visual .guide__choice-copy{padding:.75rem;align-items:flex-start;font-size:1rem}.guide__choice-mark{margin-top:.2rem}.guide__result{grid-template-columns:1fr;gap:1.5rem}.guide__result-media{max-width:240px;margin-inline:auto}}@media(prefers-reduced-motion:no-preference){.guide.is-interactive [data-step]:not([hidden]){animation:guide-appear .18s ease-out}@keyframes guide-appear{0%{opacity:0}to{opacity:1}}}
/*# sourceMappingURL=/cdn/shop/t/33/assets/midas-guide.css.map */