.leggings-finder{--lf-ink: rgb(var(--text-color));--lf-paper: rgb(var(--background));--lf-muted: rgb(var(--text-color) / .58);--lf-line: rgb(var(--text-color) / .16);--lf-radius-card: 12px;--lf-radius-pill: 999px;--lf-gap-xs: 8px;--lf-gap-sm: 12px;--lf-gap-md: 16px;--lf-gap-lg: 24px;--lf-gap-xl: 32px;--lf-media-ratio: 4 / 5;--lf-option-title-min-h: 22px;--lf-option-desc-min-h: 40px;--lf-action-bar-h-mobile: 64px;--lf-z-sticky-action: 30;--lf-shell-max-w: 980px;--lf-results-max-w: 1440px;--lf-card-w-mobile: min(156px, calc((100vw - 48px)/2) );--lf-card-w-tablet: 190px;--lf-card-w-desktop: 220px}.leggings-finder__shell{display:grid;gap:clamp(16px,2vw,28px);max-width:var(--lf-shell-max-w);margin:0 auto;padding-bottom:calc(var(--lf-action-bar-h-mobile) + 24px + env(safe-area-inset-bottom))}.leggings-finder .section-spacing{padding-block-start:clamp(28px,5vw,64px);padding-block-end:clamp(40px,6vw,80px)}.leggings-finder__header{display:grid;text-align:center;max-width:720px;margin-inline:auto;gap:8px}.leggings-finder__status{display:grid;grid-template-columns:1fr auto;gap:var(--lf-gap-xs);align-items:center;min-height:3.5rem;scroll-margin-top:110px}.leggings-finder__steps,.leggings-finder__step{display:grid;gap:var(--lf-gap-sm)}.leggings-finder__steps{max-width:var(--lf-shell-max-w);margin-inline:auto;width:100%}.leggings-finder__step--results{max-width:var(--lf-results-max-w);margin-inline:auto}.leggings-finder__step-helper,.leggings-finder__step-feedback,.leggings-finder__empty{margin:0}.leggings-finder__step-helper{text-align:center}.leggings-finder__options-grid{display:flex;flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:var(--lf-gap-sm)}.leggings-finder__option{flex:0 0 var(--lf-card-w-mobile);max-width:100%;display:grid;min-height:0;align-content:start;grid-template-rows:auto auto auto;gap:var(--lf-gap-xs);text-align:left;padding:var(--lf-gap-xs);position:relative}.leggings-finder__option-image{width:100%;aspect-ratio:var(--lf-media-ratio);object-fit:cover;border-radius:10px;display:block}.leggings-finder__option-title{min-height:var(--lf-option-title-min-h);font-size:.95rem;font-weight:600;display:flex;align-items:end;justify-content:center;text-align:center}.leggings-finder__option-description{min-height:var(--lf-option-desc-min-h);font-size:.84rem;line-height:1.35;text-align:center}.leggings-finder__nav{position:fixed;left:0;right:0;bottom:0;z-index:var(--lf-z-sticky-action);display:flex;gap:var(--lf-gap-xs);justify-content:flex-end;padding:var(--lf-gap-xs) var(--lf-gap-md) max(var(--lf-gap-sm),env(safe-area-inset-bottom));background:rgb(var(--background) / .95);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-top:1px solid rgb(var(--text-color) / .12)}.leggings-finder__results-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:var(--lf-gap-md)}.leggings-finder__results-grid>[data-finder-result-item]{min-width:0}.leggings-finder__results-footer{justify-content:center;text-align:center;display:grid;gap:10px;margin-top:clamp(24px,4vw,40px)}.leggings-finder__results-footer p{font-weight:700}.leggings-finder__results-header{display:flex;flex-direction:column;align-items:stretch;gap:var(--lf-gap-sm)}.leggings-finder__results-header-top{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--lf-gap-sm);width:100%}.leggings-finder__results-header-top .leggings-finder__step-title{flex:1;min-width:0}.leggings-finder__empty-config{border-radius:var(--lf-radius-card);padding:var(--lf-gap-md)}.leggings-finder__empty-config p,.leggings-finder__results-footer p,.leggings-finder__title{margin:0}.leggings-finder__eyebrow{margin:15px 0 0;font-size:clamp(.86rem,1.05vw,1.02rem);line-height:1.25;color:rgb(var(--text-color) / .74)}.leggings-finder__title{display:block;margin:0;font-size:clamp(24px,4vw,42px);font-weight:800;text-transform:uppercase;line-height:1;letter-spacing:.02em}.leggings-finder__count,.leggings-finder__step-label{margin:0}.leggings-finder__step-title{margin:0;font-size:clamp(22px,2.2vw,30px);line-height:1.05;text-align:center}.leggings-finder__results-header .leggings-finder__step-title{text-align:left}.leggings-finder__progress-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;padding-top:4px}.leggings-finder__progress-step{position:relative;display:grid;justify-items:center;gap:6px;min-width:0;text-align:center}.leggings-finder__progress-step:not(:last-child):after{content:"";position:absolute;top:15px;left:calc(50% + 15px);width:calc(100% - 30px);height:2px;background:var(--lf-line);z-index:0}.leggings-finder__progress-node{position:relative;z-index:1;display:grid;place-items:center;width:30px;height:30px;border-radius:999px;border:1px solid rgb(var(--text-color) / .22);background:var(--lf-paper);color:var(--lf-ink);font-size:12px;font-weight:800;transition:none}.leggings-finder__progress-node:before{content:attr(data-step-number)}.leggings-finder__progress-copy{display:grid;gap:1px;max-width:100%;min-width:0;justify-items:center}.leggings-finder__progress-label{font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:rgb(var(--text-color) / .54)}.leggings-finder__progress-value{font-size:clamp(11px,2.8vw,13px);font-weight:700;color:rgb(var(--text-color));max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.leggings-finder__progress-step.is-complete .leggings-finder__progress-node{border-color:var(--lf-ink);background:var(--lf-ink);color:var(--lf-paper)!important;-webkit-text-fill-color:var(--lf-paper)}.leggings-finder__progress-step.is-complete .leggings-finder__progress-node:before{content:"\2713";font-size:13px;color:var(--lf-paper)!important;-webkit-text-fill-color:var(--lf-paper)}.leggings-finder__progress-step.is-active .leggings-finder__progress-node{border-color:var(--lf-ink);background:var(--lf-ink);color:var(--lf-paper)!important;-webkit-text-fill-color:var(--lf-paper)}.leggings-finder__progress-step.is-active .leggings-finder__progress-node:before{color:var(--lf-paper)!important;-webkit-text-fill-color:var(--lf-paper)}.leggings-finder__progress-step.is-active .leggings-finder__progress-value,.leggings-finder__progress-step.is-active .leggings-finder__progress-label{color:rgb(var(--text-color))}.leggings-finder__progress-step.is-pending .leggings-finder__progress-node{border-color:rgb(var(--text-color) / .22);background:var(--lf-paper)}.leggings-finder__progress-step.is-pending .leggings-finder__progress-value{color:rgb(var(--text-color) / .58)}.leggings-finder__progress-step.is-complete .leggings-finder__progress-value{color:rgb(var(--text-color))}.leggings-finder__option{border:1px solid rgb(var(--text-color) / .14);border-radius:var(--lf-radius-card);background:transparent;cursor:pointer;transition:none}.leggings-finder__option.is-selected{border-color:rgb(var(--text-color));box-shadow:inset 0 0 0 1px rgb(var(--text-color));background:rgb(var(--text-color) / .045)}.leggings-finder__option.is-selected:after{content:"\2713";display:grid;place-items:center;position:absolute;top:10px;right:10px;width:24px;height:24px;border-radius:999px;background:var(--lf-ink);color:var(--lf-paper)!important;-webkit-text-fill-color:var(--lf-paper);font-size:13px;font-weight:700}.leggings-finder__option.is-disabled{opacity:.42;cursor:not-allowed}.leggings-finder__option-description{color:rgb(var(--text-color) / .72)}.leggings-finder__step[data-finder-step-panel="3"] .leggings-finder__options-grid{gap:var(--lf-gap-md)}.leggings-finder__step[data-finder-step-panel="3"] .leggings-finder__option{border-color:rgb(var(--text-color) / .2)}.leggings-finder__step[data-finder-step-panel="3"] .leggings-finder__option.is-selected{border-color:var(--lf-ink);box-shadow:inset 0 0 0 2px var(--lf-ink);background:rgb(var(--text-color) / .06)}.leggings-finder__action{-webkit-appearance:none;appearance:none;display:inline-flex;align-items:center;justify-content:center;min-height:40px;max-width:100%;border-radius:999px;border:1px solid transparent;padding:0 16px;font-size:clamp(11px,3vw,13px);font-weight:800;letter-spacing:.035em;line-height:1;text-transform:uppercase;white-space:nowrap;cursor:pointer;transition:none}.leggings-finder__action-label{color:inherit!important;-webkit-text-fill-color:inherit}.leggings-finder__action--secondary{border:1px solid rgb(var(--text-color) / .2);background:var(--lf-paper);color:var(--lf-ink)!important}.leggings-finder__action--primary{background:var(--lf-ink)!important;border-color:var(--lf-ink)!important;color:var(--lf-paper)!important;-webkit-text-fill-color:var(--lf-paper)}.leggings-finder__action--primary:not(:disabled){background:var(--lf-ink)!important;border-color:var(--lf-ink)!important;color:var(--lf-paper)!important;-webkit-text-fill-color:var(--lf-paper)}.leggings-finder__action--primary:disabled{background:var(--lf-ink)!important;border-color:var(--lf-ink)!important;color:var(--lf-paper)!important;-webkit-text-fill-color:var(--lf-paper);opacity:.42;cursor:not-allowed}.leggings-finder__action--primary .leggings-finder__action-label,.leggings-finder__action--primary:not(:disabled) .leggings-finder__action-label,.leggings-finder__action--primary:disabled .leggings-finder__action-label{color:var(--lf-paper)!important;-webkit-text-fill-color:var(--lf-paper)}.leggings-finder__nav{justify-content:center}.leggings-finder__empty-config{border:1px dashed rgb(var(--text-color) / .25)}.leggings-finder__results-summary{margin-top:6px;display:grid;gap:8px}.leggings-finder__results-count{margin:0;font-size:.92rem}.leggings-finder__results-filters{display:flex;flex-wrap:wrap;gap:6px}.leggings-finder__result-filter{display:inline-flex;align-items:center;min-height:28px;border-radius:var(--lf-radius-pill);border:1px solid rgb(var(--text-color) / .16);background:rgb(var(--text-color) / .05);color:rgb(var(--text-color) / .82);padding:0 10px;font-size:.74rem;font-weight:600}.leggings-finder__results-reset{flex-shrink:0;-webkit-appearance:none;appearance:none;display:inline-flex;align-items:center;justify-content:center;min-height:36px;border:1px solid var(--lf-ink);border-radius:var(--lf-radius-pill);padding:0 14px;background:var(--lf-ink);color:var(--lf-paper)!important;-webkit-text-fill-color:var(--lf-paper);font-size:.74rem;font-weight:800;text-transform:uppercase;letter-spacing:.04em;cursor:pointer;white-space:nowrap}.leggings-finder__results-reset:before{content:"\21bb";margin-right:6px;color:var(--lf-paper)!important;-webkit-text-fill-color:var(--lf-paper)}.leggings-finder__retry{display:inline-flex;align-items:center;justify-content:center;min-height:42px;border-radius:999px;border:1px solid var(--lf-ink);background:var(--lf-ink);color:var(--lf-paper)!important;-webkit-text-fill-color:var(--lf-paper);padding:0 18px;font-size:.82rem;font-weight:700;letter-spacing:.03em;text-transform:uppercase;text-decoration:none}@media screen and (min-width:700px){.leggings-finder__shell{gap:clamp(20px,2.4vw,32px)}.leggings-finder__option{flex:0 0 var(--lf-card-w-tablet)}.leggings-finder__results-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}}@media screen and (min-width:1000px){.leggings-finder__shell{padding-bottom:0;gap:clamp(24px,2.8vw,40px)}.leggings-finder__option{flex:0 0 var(--lf-card-w-desktop)}.leggings-finder__nav{position:static;background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none;border-top:0;padding:0}.leggings-finder__results-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:1.25rem}}@media screen and (max-width:699px){.leggings-finder .section-spacing{padding-block-start:24px;padding-block-end:72px}.leggings-finder__step--results{width:calc(100vw - 20px);max-width:none;margin-inline:calc(50% - 50vw + 10px)}.leggings-finder__results-filters{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:flex-start;gap:6px}.leggings-finder__result-filter{flex:0 1 auto;width:max-content;max-width:100%}.leggings-finder__results-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px}.leggings-finder__progress-label,.leggings-finder__progress-value{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.leggings-finder__progress-value{max-width:68px}.leggings-finder__nav{gap:6px;padding-inline:10px}.leggings-finder__action{min-height:36px;padding-inline:12px;font-size:11px;letter-spacing:.02em}.leggings-finder__action--primary{min-width:138px}}@media screen and (max-width:359px){.leggings-finder__progress-step.is-complete .leggings-finder__progress-label{display:none}}@media(pointer:fine){.leggings-finder__option:not(:disabled):hover{border-color:var(--lf-ink);box-shadow:inset 0 0 0 1px var(--lf-ink)}.leggings-finder__option.is-selected:hover{border-color:var(--lf-ink);box-shadow:inset 0 0 0 2px var(--lf-ink)}}
/*# sourceMappingURL=/cdn/shop/t/386/assets/leggings-finder.css.map */