.pfx_form{max-width:900px;margin:0 auto}.pfx{position:relative;--pfx-ease: cubic-bezier(.44, 0, .56, 1);--pfx-progress-gap: 2.4rem;--pfx-progress-track: rgba(0, 0, 0, .12);--pfx-progress-track-height: 1px;--pfx-progress-fill-height: 3px;color:var(--pfx-text)}.pfx_head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:2.4rem;margin:0 0 7rem}.pfx_head_text{min-width:0}.pfx_heading{margin:0;font-weight:800;letter-spacing:.02em;font-size:clamp(2.6rem,3vw,4.2rem)}.pfx_subheading{margin-top:.8rem;max-width:60rem;color:var(--color-secondary-text);font-size:1.5rem;line-height:1.5}.pfx_subheading>*:first-child{margin-top:0}.pfx_subheading>*:last-child{margin-bottom:0}.pfx_progress{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;margin:0;padding:0;list-style:none}.pfx_progress_step{position:relative;display:flex;align-items:center;gap:1rem;padding:0 var(--pfx-progress-gap) 2rem 0;opacity:.45;transition:opacity .3s var(--pfx-ease);justify-content:center}.pfx_progress_step.is-active,.pfx_progress_step.is-done{opacity:1}.pfx_progress_step:before{content:"";position:absolute;left:0;right:0;bottom:0;height:var(--pfx-progress-track-height);background:var(--pfx-progress-track)}.pfx_progress_step:after{content:"";position:absolute;left:0;right:0;bottom:0;height:var(--pfx-progress-fill-height);background:var(--pfx-active-bg);transform:scaleX(0);transform-origin:left center;transition:transform .5s var(--pfx-ease)}.pfx_progress_step.is-active:after,.pfx_progress_step.is-done:after{transform:scaleX(1)}span.pfx_progress_dot img{width:2.5rem;height:2.5rem}.pfx_progress_dot{display:flex;align-items:center;justify-content:center;width:5.5rem;height:5.5rem;border-radius:50%;background:var(--pfx-active-bg);border:1px solid var(--pfx-active-bg);font-weight:700;font-size:1.3rem;flex-shrink:0;transition:background .3s var(--pfx-ease),color .3s var(--pfx-ease),border-color .3s var(--pfx-ease)}.pfx_step:nth-child(2) .pfx_option_label,.pfx_step:last-child .pfx_option_label{border-radius:var(--pfx-border-radius)}.pfx_step:nth-child(2) .pfx_option,.pfx_step:last-child .pfx_option{padding:1rem}.pfx_progress_step.is-active .pfx_progress_dot,.pfx_progress_step.is-done .pfx_progress_dot{background:var(--pfx-active-bg);color:var(--pfx-active-text);border-color:var(--pfx-active-bg)}.pfx_progress_text{display:flex;flex-direction:column;gap:.1rem;font-size:1.8rem;white-space:nowrap;line-height:1.4;color:var(--color-text)}.pfx_progress_eyebrow{font-size:1.2rem;text-transform:uppercase;letter-spacing:.04em;color:var(--color-secondary-text);font-family:var(--font-heading-family);font-weight:600}.pfx_step{margin:0;padding:0;border:none;opacity:0;transform:translateY(1.2rem) scale(.98);transition:opacity .4s var(--pfx-ease),transform .4s var(--pfx-ease)}.pfx_step.is-active{opacity:1;transform:none}.pfx_step[hidden]{display:none}.pfx_step_title{padding:0;margin:0 0 2.4rem;font-weight:700}.pfx_options{display:grid;grid-template-columns:repeat(auto-fit,minmax(14rem,1fr));gap:2rem}.pfx_options--pills{grid-template-columns:repeat(auto-fit,minmax(20rem,1fr))}.pfx_option{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.1rem;min-height:4.4rem;padding:0;background:var(--pfx-card-bg);border:1px solid var(--pfx-card-border);border-radius:var(--pfx-border-radius);cursor:pointer;color:inherit;font:inherit;transition:background .3s var(--pfx-ease),border-color .3s var(--pfx-ease),box-shadow .3s var(--pfx-ease),color .3s var(--pfx-ease),transform .2s var(--pfx-ease)}.pfx_option--pill{flex-direction:row;padding:1.6rem 2rem}.pfx_option:hover{border-color:var(--color-primary-button-background)}.pfx_option[aria-checked=true]{border-color:var(--pfx-active-bg);outline:1px solid var(--pfx-active-bg);outline-offset:2px}.pfx_option[aria-checked=true] .pfx_option_label,.pfx_option--pill[aria-checked=true]{background:var(--pfx-active-bg);color:var(--pfx-active-text)}.pfx_option:active{transform:scale(.98)}.pfx_option:focus-visible{outline:2px solid var(--pfx-active-bg);outline-offset:3px}.pfx_option_icon{display:flex}.pfx_option_icon svg{width:100%;height:100%}.pfx_option_icon img,.pfx_option_icon svg.pfx_option_placeholder{width:100%;height:100%;object-fit:contain;border-radius:var(--pfx-border-radius)}.pfx_option_icon img{border-bottom-right-radius:0;border-bottom-left-radius:0}.pfx_option_label{font-size:1.6rem;text-align:center;width:100%;background:var(--pfx-active-bg);color:var(--pfx-active-text);padding:1.2rem;border-bottom-left-radius:var(--pfx-border-radius);border-bottom-right-radius:var(--pfx-border-radius);transition:background .3s var(--pfx-ease),color .3s var(--pfx-ease);font-family:var(--font-heading-family);line-height:1.5}.pfx_actions{display:flex;align-items:center;justify-content:center;gap:1.6rem;margin-top:3.2rem}.pfx_btn{display:inline-flex;align-items:center;justify-content:center;min-height:4.4rem;padding:1.2rem 3.2rem;border-radius:var(--btn-border-radius);font-weight:600;font-size:1.4rem;cursor:pointer;transition:background .3s var(--pfx-ease),color .3s var(--pfx-ease),border-color .3s var(--pfx-ease),opacity .3s var(--pfx-ease)}.pfx_btn--primary{background:var(--pfx-active-bg);color:var(--pfx-active-text);border:1px solid var(--pfx-active-bg);position:relative;z-index:1;overflow:hidden;transform:perspective(1px) translateZ(0)}.pfx_btn--primary:before{content:"";position:absolute;z-index:-1;top:0;bottom:0;left:0;right:0;background:var(--color-primary-button-hover-background);transform:scaleY(0);transform-origin:50%;transition:transform .3s ease-out}.pfx_btn--primary:not(:disabled):hover:before{transform:scaleY(1)}.pfx_btn--primary:not(:disabled):hover{color:var(--color-primary-button-hover-text);border-color:var(--color-primary-button-hover-border)}.pfx_btn--primary:disabled{opacity:.4;cursor:not-allowed}.pfx_btn--ghost{background:transparent;color:var(--color-text);border:1px solid var(--color-text)}.pfx_btn--ghost:hover{border-color:var(--pfx-active-bg)}.pfx_btn:focus-visible{outline:2px solid var(--pfx-active-bg);outline-offset:3px}.pfx_btn[hidden]{display:none}.pfx_redirect_notice{margin:1.6rem 0 0;text-align:center;color:var(--color-secondary-text);font-size:1.4rem}.pfx_redirect_notice[hidden]{display:none}.pfx_empty_notice{text-align:center;padding:4rem 0;color:var(--color-secondary-text)}@media(prefers-reduced-motion:reduce){.pfx_progress_step,.pfx_progress_step:after,.pfx_progress_dot,.pfx_step,.pfx_option,.pfx_btn{transition:none}.pfx_btn--primary:before{transition:none}}@media screen and (max-width:989px){.pfx_progress{grid-auto-columns:minmax(20rem,1fr);width:100%;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.pfx_progress::-webkit-scrollbar{display:none}.pfx_progress_step{scroll-snap-align:start;justify-content:flex-start}.pfx_progress_text{font-size:1.5rem;min-width:19rem;max-width:19rem;white-space:normal}}@media screen and (max-width:749px){.pfx_head{flex-direction:column;align-items:flex-start;gap:1.6rem;margin:0 0 2.8rem}.pfx_options{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.pfx_options--pills{grid-template-columns:1fr 1fr;gap:1rem}.pfx_actions{flex-direction:column-reverse;align-items:stretch}.pfx_btn{width:100%}.pfx_step:nth-child(2) .pfx_option,.pfx_step:last-child .pfx_option{padding:.5rem}.pfx_option[aria-checked=true]{outline-offset:3px}.pfx_option_label{padding:.8rem;font-size:1.2rem}.pfx_progress{--pfx-progress-gap: 1.6rem;grid-auto-columns:minmax(25rem,1fr)}.pfx_progress_step{padding-bottom:1.2rem}.pfx_progress_dot{width:4.5rem;height:4.5rem}.pfx_option_icon img,.pfx_option_icon svg.pfx_option_placeholder{max-width:110px;height:110px;object-fit:cover}.pfx_option_icon img,.pfx_option_icon svg.pfx_option_placeholder{border-radius:var(--pfx-border-radius_m)}.pfx_option_label{border-bottom-left-radius:var(--pfx-border-radius_m);border-bottom-right-radius:var(--pfx-border-radius_m)}.pfx_option{border-radius:var(--pfx-border-radius_m)}.pfx_step:nth-child(2) .pfx_option_label,.pfx_step:last-child .pfx_option_label{border-radius:var(--pfx-border-radius_m)}.pfx{padding-top:40px!important;padding-bottom:40px!important}}@media screen and (min-width:768px)and (max-width:1250px){.pfx_head{justify-content:center}}
/*# sourceMappingURL=/cdn/shop/t/108/assets/product-finder.css.map */