:root{--if-dark: #2f4258;--if-brown: #82624b;--if-peach: #f2e6da;--if-cream: #fbf8f5;--if-white: #ffffff;--if-border: rgba(47, 66, 88, .15);--if-shadow: 0 4px 24px rgba(47, 66, 88, .1);--if-radius: .75rem;--if-transition: .22s ease}.insole-finder{background:var(--if-peach);padding:5rem 1.5rem;font-family:inherit}.insole-finder__inner{max-width:72rem;margin:0 auto}.insole-finder__header{max-width:62.625rem;margin:0 auto 3.75rem;text-align:center;display:flex;flex-direction:column;gap:1rem}.insole-finder__kicker{display:block;font-family:Neue Montreal,sans-serif;font-weight:400;font-size:1rem;line-height:1.1;letter-spacing:.034rem;text-transform:uppercase;color:var(--if-brown);margin:0}.insole-finder__title{font-family:TeX Gyre Heros,sans-serif;font-size:4.375rem;font-weight:400;line-height:1;letter-spacing:-.025em;color:var(--if-dark);margin:0;text-align:center}.insole-finder__subtitle{font-family:Neue Montreal,sans-serif!important;font-size:1rem!important;line-height:1.1!important;letter-spacing:-.01125rem!important;color:#2f4258a6;margin:0}.insole-finder__card{background:var(--if-white);border-radius:var(--if-radius);padding:2rem 2.5rem 2.5rem}.insole-finder__steps{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;gap:0;align-items:start;margin-bottom:2rem}.insole-finder__divider{display:flex;align-items:center;justify-content:center;padding:1.85rem .75rem 0;color:var(--if-border);font-size:1.25rem}.insole-finder__step{display:flex;flex-direction:column;gap:.5rem}.insole-finder__step-label{font-size:.7rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--if-brown);display:flex;align-items:center;gap:.4rem}.insole-finder__step-num{display:inline-flex;align-items:center;justify-content:center;width:1.25rem;height:1.25rem;background:var(--if-brown);color:#fff;border-radius:50%;font-size:.6rem;font-weight:700;flex-shrink:0}.insole-finder__select{width:100%;appearance:none;-webkit-appearance:none;background-color:var(--if-cream);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%232f4258' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center;background-size:1rem;border:1.5px solid var(--if-border);border-radius:.5rem;padding:.75rem 2.5rem .75rem 1rem;font-size:.9375rem;color:var(--if-dark);cursor:pointer;transition:border-color var(--if-transition),box-shadow var(--if-transition);line-height:1.4}.insole-finder__select:focus{outline:none;border-color:var(--if-brown);box-shadow:0 0 0 3px #82624b26}.insole-finder__select:disabled{opacity:.4;cursor:not-allowed;background-color:#fbf8f580}.insole-finder__select option[value=""]{color:#2f425880}.if-dropdown{position:relative;width:100%}.if-dropdown__trigger{width:100%;display:flex;align-items:center;justify-content:space-between;gap:.5rem;background-color:var(--if-cream);border:1.5px solid var(--if-border);border-radius:.5rem;padding:.75rem 1rem;font-size:.9375rem;color:var(--if-dark);cursor:pointer;transition:border-color var(--if-transition),box-shadow var(--if-transition);text-align:left;font-family:inherit;line-height:1.4}.if-dropdown__trigger:focus{outline:none;border-color:var(--if-brown);box-shadow:0 0 0 3px #82624b26}.if-dropdown__trigger.is-open{border-color:var(--if-brown);border-bottom-left-radius:0;border-bottom-right-radius:0}.if-dropdown__trigger-text{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.if-dropdown__trigger-text.is-placeholder{color:#2f425873}.if-dropdown__arrow{flex-shrink:0;transition:transform .25s ease;color:var(--if-dark)}.if-dropdown__trigger.is-open .if-dropdown__arrow{transform:rotate(180deg)}.if-dropdown__menu{position:absolute;top:100%;left:0;right:0;z-index:200;background:var(--if-white);border:1.5px solid var(--if-brown);border-top:none;border-bottom-left-radius:.5rem;border-bottom-right-radius:.5rem;box-shadow:0 12px 32px #2f425824;max-height:22rem;overflow-y:auto;opacity:0;visibility:hidden;transform:translateY(-4px);transition:opacity .18s ease,transform .18s ease,visibility .18s;scrollbar-width:thin;scrollbar-color:var(--if-border) transparent}.if-dropdown__menu.is-open{opacity:1;visibility:visible;transform:translateY(0)}.if-dropdown__group-label{display:block;font-size:.6875rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--if-brown);padding:.625rem 1rem .25rem;background:#82624b0d;border-top:1px solid var(--if-border)}.if-dropdown__group-label:first-child{border-top:none}.if-dropdown__item{display:flex;align-items:center;gap:.625rem;padding:.625rem 1rem;font-size:.875rem;color:var(--if-dark);cursor:pointer;transition:background var(--if-transition),color var(--if-transition);line-height:1.35;border:none;background:none;width:100%;text-align:left;font-family:inherit}.if-dropdown__item:hover{background:#2f42580d;color:var(--if-brown)}.if-dropdown__item.is-selected{background:#82624b14;color:var(--if-brown);font-weight:600}.if-dropdown__item-dot{width:6px;height:6px;border-radius:50%;background:var(--if-border);flex-shrink:0;transition:background var(--if-transition)}.if-dropdown__item.is-selected .if-dropdown__item-dot,.if-dropdown__item:hover .if-dropdown__item-dot{background:var(--if-brown)}.if-dropdown__hidden{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.if-rollup{display:block;position:relative;overflow:hidden;line-height:1.2;padding-bottom:.1em;flex:1}.if-rollup-inner{display:block;line-height:1.2;padding-bottom:.15em;transition:transform .4s cubic-bezier(.65,0,.35,1);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.if-rollup-hover{position:absolute;top:0;left:0;transform:translateY(100%);color:var(--if-brown)}.if-dropdown:not(.if-dropdown--disabled) .if-dropdown__trigger:hover .if-rollup-inner:first-child,.if-dropdown__trigger.is-open .if-rollup-inner:first-child{transform:translateY(-100%)}.if-dropdown:not(.if-dropdown--disabled) .if-dropdown__trigger:hover .if-rollup-hover,.if-dropdown__trigger.is-open .if-rollup-hover{transform:translateY(0)}.insole-finder__shoe-option:hover .if-shoe-rollup-inner:first-child,.insole-finder__shoe-option input:checked~.insole-finder__shoe-card .if-shoe-rollup-inner:first-child{transform:translateY(-100%)}.insole-finder__shoe-option:hover .if-shoe-rollup-hover,.insole-finder__shoe-option input:checked~.insole-finder__shoe-card .if-shoe-rollup-hover{transform:translateY(0)}.if-shoe-rollup{display:block;position:relative;overflow:hidden;line-height:1.3}.if-shoe-rollup-inner{display:block;line-height:1.3;transition:transform .35s cubic-bezier(.65,0,.35,1)}.if-shoe-rollup-hover{position:absolute;top:0;left:0;transform:translateY(100%);color:var(--if-brown);font-weight:700}.if-dropdown--q2 .if-dropdown__menu{min-width:100%}.if-dropdown--disabled .if-dropdown__trigger{opacity:.4;cursor:not-allowed;pointer-events:none}.insole-finder__shoe-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.625rem;margin-top:.5rem}.insole-finder__shoe-option{position:relative;cursor:pointer}.insole-finder__shoe-option input[type=radio]{position:absolute;opacity:0;width:0;height:0}.insole-finder__shoe-card{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1rem .75rem;background:var(--if-cream);border:1.5px solid var(--if-border);border-radius:.5rem;transition:all var(--if-transition);text-align:center;overflow:hidden}.insole-finder__shoe-option input:checked+.insole-finder__shoe-card{border-color:var(--if-brown);background:#82624b12;box-shadow:0 0 0 2px #82624b33}.insole-finder__shoe-card:hover{border-color:#82624b80;transform:translateY(-2px)}.insole-finder__shoe-img{object-fit:contain}.insole-finder__shoe-img-placeholder{width:6rem;height:4.5rem;display:flex;align-items:center;justify-content:center;font-size:2.75rem}.insole-finder__shoe-icon-wrap{width:7rem;height:5rem;display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden}.insole-finder__shoe-card .insole-finder__shoe-img--svg{display:block!important;width:100%!important;height:100%!important;max-width:none!important;object-fit:contain!important;transform:scale(1.7);flex-shrink:0;filter:brightness(0) saturate(100%) invert(22%) sepia(22%) saturate(746%) hue-rotate(175deg) brightness(92%) contrast(94%);transition:filter var(--if-transition)}@media(max-width:48rem){.insole-finder__shoe-icon-wrap{width:5.5rem;height:4rem}}@media(max-width:32rem){.insole-finder__shoe-icon-wrap{width:4.5rem;height:3.25rem}}.insole-finder__shoe-option:hover .insole-finder__shoe-card .insole-finder__shoe-img--svg{filter:brightness(0) saturate(100%) invert(22%) sepia(22%) saturate(746%) hue-rotate(175deg) brightness(115%) contrast(94%)}.insole-finder__shoe-option input:checked~.insole-finder__shoe-card .insole-finder__shoe-img--svg{filter:brightness(0) saturate(100%) invert(40%) sepia(20%) saturate(700%) hue-rotate(345deg) brightness(90%) contrast(90%)}.insole-finder__shoe-label{font-size:.75rem;font-weight:600;color:var(--if-dark);line-height:1.3}.insole-finder__step-3{grid-column:1 / -1;margin-top:1.25rem;padding-top:1.5rem;border-top:1px solid var(--if-border)}.insole-finder__cta-row{display:flex;flex-direction:column;align-items:center;gap:1rem;margin-top:2rem}.insole-finder__btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:1rem 2.5rem;background:linear-gradient(92deg,#1a314f .55%,#364559 95.54%);color:#fff;font-size:1rem;font-weight:600;letter-spacing:-.01em;border:none;border-radius:6.25rem;cursor:pointer;transition:all .25s ease;text-decoration:none;min-width:16rem}.insole-finder__btn:hover:not(:disabled){opacity:.9;transform:translateY(-1px);box-shadow:0 8px 20px #1a314f40}.insole-finder__btn:disabled{opacity:.45;cursor:not-allowed;transform:none}.insole-finder__btn svg{width:1.125rem;height:1.125rem;flex-shrink:0}.insole-finder__help{font-size:.875rem;color:#2f425899;text-align:center}.insole-finder__help-link{color:var(--if-brown);font-weight:600;text-decoration:underline;text-underline-offset:2px;cursor:pointer;background:none;border:none;font-size:inherit;font-family:inherit;padding:0}.insole-finder__help-link:hover{opacity:.8}.if-popup-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#2f42588c;z-index:100000;display:flex;align-items:center;justify-content:center;padding:1.5rem;opacity:0;pointer-events:none;transition:opacity .25s ease}.if-popup-overlay.is-open{opacity:1;pointer-events:all}.if-popup{background:var(--if-white);border-radius:1rem;padding:2.5rem;max-width:26rem;width:100%;position:relative;transform:translateY(12px);transition:transform .25s ease;box-shadow:0 24px 64px #2f42582e}.if-popup-overlay.is-open .if-popup{transform:translateY(0)}.if-popup__close{position:absolute;top:1rem;right:1rem;background:none;border:none;cursor:pointer;color:#2f425880;padding:.25rem;line-height:1;transition:color var(--if-transition)}.if-popup__close:hover{color:var(--if-dark)}.if-popup__title{font-size:1.375rem;font-weight:400;letter-spacing:-.02em;color:var(--if-dark);margin:0 0 .5rem}.if-popup__sub{font-size:.9rem;color:#2f4258a6;margin:0 0 1.75rem;line-height:1.5}.if-popup__options{display:flex;flex-direction:column;gap:.75rem}.if-popup__option{display:flex;align-items:center;gap:.875rem;padding:1rem 1.25rem;background:var(--if-cream);border:1.5px solid var(--if-border);border-radius:.625rem;text-decoration:none;color:var(--if-dark);font-weight:600;font-size:.9375rem;transition:all var(--if-transition)}.if-popup__option:hover{border-color:var(--if-brown);background:#82624b0f;transform:translate(3px)}.if-popup__option-icon{width:2rem;height:2rem;background:#82624b1f;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--if-brown)}.if-popup__option-text{line-height:1.3}.if-popup__option-sub{display:block;font-size:.8rem;font-weight:400;color:#2f42588c;margin-top:.1rem}.if-results__grid>div{container-type:inline-size;container-name:product-card;display:flex;flex-direction:column;min-width:0}.if-results__grid .product-card-container--fluid{flex:1;display:flex;flex-direction:column;container-type:inline-size;container-name:product-card}.if-results__grid product-card,.if-results__grid .product-card{flex:1;height:100%;background-color:transparent!important}.if-results__grid .product-card__overlay{position:relative}.if-results{display:none;margin-top:2rem;animation:ifResultsIn .4s cubic-bezier(.22,1,.36,1) forwards}.if-results.is-visible{display:block}@keyframes ifResultsIn{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.if-results__header{text-align:center;margin-bottom:1.5rem}.if-results__kicker{font-size:.7rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--if-brown);display:block;margin-bottom:.375rem}.if-results__title{font-size:1.375rem;font-weight:400;letter-spacing:-.02em;color:var(--if-dark);margin:0}.if-results__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;max-width:56rem;margin:0 auto}@media(max-width:56rem){.if-results__grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:32rem){.if-results__grid{grid-template-columns:repeat(2,1fr);gap:.625rem}}.if-card{display:flex;flex-direction:column;background:var(--if-white);border:1.5px solid var(--if-border);border-radius:var(--if-radius);overflow:hidden;text-decoration:none;transition:transform var(--if-transition),box-shadow var(--if-transition)}.if-card:hover{transform:translateY(-3px);box-shadow:0 8px 24px #2f42581f}.if-results__reset{text-align:center;margin-top:1.25rem}.if-results__reset-btn{background:none;border:none;font-size:.8125rem;color:#2f425880;cursor:pointer;text-decoration:underline;text-underline-offset:2px;font-family:inherit;transition:color var(--if-transition)}.if-results__reset-btn:hover{color:var(--if-brown)}.if-card{background:var(--if-white);border:1.5px solid var(--if-border);border-radius:var(--if-radius);overflow:hidden;text-decoration:none;display:flex;flex-direction:column;transition:transform var(--if-transition),box-shadow var(--if-transition),border-color var(--if-transition)}.if-card:hover{transform:translateY(-3px);box-shadow:0 8px 24px #2f42581f;border-color:#82624b66}.if-card__img-wrap{aspect-ratio:4/3;background:var(--if-cream);overflow:hidden}.if-card__img{width:100%;height:100%;object-fit:contain;padding:.75rem;transition:transform .35s ease}.if-card:hover .if-card__img{transform:scale(1.04)}.if-card__body{padding:1rem;flex:1;display:flex;flex-direction:column;gap:.375rem}.if-card__title{font-size:.9375rem;font-weight:700;letter-spacing:-.02em;color:var(--if-dark);line-height:1.3}.if-card__desc{font-size:.8125rem;color:#2f425899;line-height:1.45;flex:1}.if-card__price{font-size:.9375rem;font-weight:700;color:var(--if-brown);margin-top:.25rem}.if-card__cta{display:block;text-align:center;padding:.625rem 1rem;background:var(--if-dark);color:#fff;font-size:.8125rem;font-weight:600;letter-spacing:-.01em;text-decoration:none;transition:background var(--if-transition);margin:0 1rem 1rem;border-radius:6.25rem}.if-card__cta:hover{background:var(--if-brown)}.if-skeleton{background:var(--if-white);border:1.5px solid var(--if-border);border-radius:var(--if-radius);overflow:hidden}.if-skeleton__img{aspect-ratio:4/3;background:linear-gradient(90deg,var(--if-cream) 25%,rgba(251,248,245,.5) 50%,var(--if-cream) 75%);background-size:200% 100%;animation:ifShimmer 1.4s infinite}.if-skeleton__body{padding:1rem;display:flex;flex-direction:column;gap:.5rem}.if-skeleton__line{height:.75rem;border-radius:4px;background:linear-gradient(90deg,var(--if-cream) 25%,rgba(251,248,245,.5) 50%,var(--if-cream) 75%);background-size:200% 100%;animation:ifShimmer 1.4s infinite}@keyframes ifShimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media(max-width:80rem){.insole-finder{padding:6.25rem 2.5rem}.insole-finder__kicker{font-size:1rem}.insole-finder__header{max-width:40.625rem;margin-bottom:5rem}.insole-finder__title{font-size:3.5rem;letter-spacing:-.025em}}@media(max-width:64rem){.insole-finder__header{margin-bottom:4rem}.insole-finder__title{font-size:2.75rem;letter-spacing:-.025em}}@media(max-width:56rem){.insole-finder__card{padding:1.5rem}.insole-finder__steps{grid-template-columns:1fr;gap:1.25rem}.insole-finder__divider{display:none}.insole-finder__shoe-grid{grid-template-columns:repeat(2,1fr)}.insole-finder__step-3{grid-column:1}}@media(max-width:37.5rem){.insole-finder{padding:4rem 1rem}.insole-finder__header{gap:1.5rem;margin-bottom:3rem}.insole-finder__kicker{font-size:.875rem}.insole-finder__title{font-size:1.75rem;letter-spacing:-.025em}}@media(max-width:32rem){.insole-finder{padding:3.5rem 1rem}.insole-finder__title{font-size:1.75rem}.insole-finder__btn{width:100%}.insole-finder__shoe-img-placeholder{font-size:2.25rem}}
/*# sourceMappingURL=/cdn/shop/t/25/assets/insole-finder.css.map */