.bj-shf{display:block;background:linear-gradient(180deg,var(--bj-mist) 0%,var(--bj-bg) 100%);padding-block:clamp(28px,3.6vw,52px)}.bj-shf__head{margin-bottom:clamp(16px,1.8vw,24px)}.bj-shf__kicker{margin:0 0 6px;font-size:clamp(16px,1.3vw,20px);color:var(--bj-deep)}.bj-shf__title{margin:0;font-family:var(--bj-mona);font-weight:760;font-size:clamp(24px,2.6vw,40px);line-height:1.1;color:var(--bj-deep);letter-spacing:-.01em}.bj-shf__num{color:var(--bj-ink)}.bj-shf__chips{display:flex;gap:8px;margin-bottom:14px;overflow-x:auto;scrollbar-width:none}.bj-shf__chips::-webkit-scrollbar{display:none}.bj-shf__chip{flex:none;min-height:40px;padding:0 16px;border:0;border-radius:var(--bj-r-sm);background:transparent;color:var(--bj-deep);font:inherit;font-size:15px;font-weight:600;cursor:pointer;transition:background .2s,color .2s}.bj-shf__chip:hover{background:#12307a14}.bj-shf__chip.is-active{background:#fff;color:var(--bj-ink);box-shadow:0 1px 2px #081a4514}.bj-shf__chip:focus-visible{outline:2px solid var(--bj-ink);outline-offset:2px}.bj-shf__bar{display:grid;grid-template-columns:repeat(4,minmax(0,1fr)) auto;align-items:stretch;gap:0;background:#fff;border:1px solid var(--bj-line);border-radius:var(--bj-r);padding:8px;box-shadow:0 10px 30px #081a4514}.bj-shf__field{position:relative;display:flex;flex-direction:column;justify-content:center;gap:2px;padding:6px 16px;min-width:0;border-radius:var(--bj-r-sm);cursor:pointer}.bj-shf__field+.bj-shf__field:before{content:"";position:absolute;left:0;top:14px;bottom:14px;width:1px;background:var(--bj-line)}.bj-shf__field:hover{background:var(--bj-bg)}.bj-shf__label{font-size:12px;font-weight:600;color:var(--bj-control)}.bj-shf__select{appearance:none;-webkit-appearance:none;width:100%;min-width:0;border:0;background:transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2312307A' stroke-width='2'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") no-repeat right center / 16px;padding:2px 22px 2px 0;font:inherit;font-size:16px;font-weight:600;color:var(--bj-deep);cursor:pointer;text-overflow:ellipsis}.bj-shf__select:focus{outline:none}.bj-shf__field:focus-within{box-shadow:inset 0 0 0 2px var(--bj-ink)}.bj-shf__go{gap:10px;min-height:56px;padding:0 28px;margin-left:8px;font-size:16px;white-space:nowrap;border:0;cursor:pointer}.bj-shf__go:before{transform:none;border-radius:var(--bj-r-sm)}.bj-shf__go svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2.2;flex:none}.bj-shf__go[disabled]{opacity:.55;cursor:not-allowed}.bj-shf.is-loading .bj-shf__go span{opacity:.6}.bj-shf__popbtn{display:block;text-align:left;white-space:nowrap;overflow:hidden}.bj-shf__popbtn>span{display:block;overflow:hidden;text-overflow:ellipsis}.bj-shf__sheethead,.bj-shf__backdrop{display:none}.bj-shf__pop--cat{width:min(560px,92vw)}.bj-shf__pop.bj-shf__pop--g{width:min(280px,92vw)}.bj-shf__opts.bj-shf__opts--g{display:grid;grid-template-columns:1fr}.bj-shf__opts--g .bj-shf__opt{min-height:44px;text-align:left;padding:0 14px}.bj-shf__pop.bj-shf__pop--brand{width:min(460px,92vw);left:auto;right:0}.bj-shf__grp+.bj-shf__grp{margin-top:14px}.bj-shf__grptitle{margin:0 0 8px;font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--bj-control)}.bj-shf__opts{display:flex;flex-wrap:wrap;gap:6px}.bj-shf__opt{min-height:38px;padding:0 12px;border:1px solid var(--bj-line);border-radius:var(--bj-r-sm);background:#fff;color:var(--bj-deep);font:inherit;font-size:14.5px;font-weight:600;cursor:pointer;transition:border-color .15s,background .15s}.bj-shf__opt:hover{border-color:var(--bj-ink)}.bj-shf__opt:focus-visible{outline:2px solid var(--bj-ink);outline-offset:2px}.bj-shf__opt[aria-pressed=true]{background:var(--bj-ink);border-color:var(--bj-ink);color:#fff}.bj-shf__search{width:100%;min-height:42px;margin-bottom:12px;padding:0 12px;border:1px solid var(--bj-line);border-radius:var(--bj-r-sm);font:inherit;font-size:15px;color:var(--bj-deep)}.bj-shf__search:focus{outline:none;border-color:var(--bj-ink);box-shadow:0 0 0 1px var(--bj-ink)}.bj-shf__pop--brand [data-sf-body]{max-height:340px;overflow-y:auto;margin-right:-6px;padding-right:6px}.bj-shf__list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2px 10px}.bj-shf__letter{grid-column:1 / -1;margin-top:6px;font-size:12px;font-weight:700;color:var(--bj-light)}.bj-shf__row{display:flex;justify-content:space-between;align-items:center;gap:8px;min-height:36px;padding:0 8px;border:0;border-radius:var(--bj-r-sm);background:transparent;text-align:left;font-weight:500}.bj-shf__row:hover{background:var(--bj-bg)}.bj-shf__row[aria-pressed=true]{background:var(--bj-mist);color:var(--bj-ink);font-weight:700}.bj-shf__row span:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bj-shf__count{flex:none;font-size:12px;font-weight:500;color:var(--bj-control)}.bj-shf__row[aria-pressed=true] .bj-shf__count{color:var(--bj-ink)}.bj-shf__pop{position:absolute;z-index:20;top:calc(100% + 10px);left:0;width:min(420px,92vw);padding:14px;background:#fff;border:1px solid var(--bj-line);border-radius:var(--bj-r);box-shadow:0 18px 40px #081a4529;cursor:default}.bj-shf__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(56px,1fr));gap:6px;max-height:300px;overflow-y:auto}.bj-shf__size{position:relative;min-height:44px;padding:0 6px;font-size:15px}.bj-shf__size:hover{border-color:var(--bj-ink)}.bj-shf__size:focus-visible{outline:2px solid var(--bj-ink);outline-offset:2px}.bj-shf__size[aria-pressed=true]{background:var(--bj-ink);border-color:var(--bj-ink);color:#fff}.bj-shf__size--any{grid-column:span 2}.bj-shf__size.is-mine:after{content:"";position:absolute;top:5px;right:5px;width:6px;height:6px;border-radius:50%;background:var(--bj-light)}.bj-shf__pophint{margin:10px 0 0;font-size:13px;color:var(--bj-control)}.bj-shf__note{margin:10px 0 0;font-size:14px;color:var(--bj-control)}@media(max-width:1199px){.bj-shf__bar{grid-template-columns:repeat(4,minmax(0,1fr))}.bj-shf__go{grid-column:1 / -1;margin:6px 0 0;width:100%;justify-content:center}}@media(max-width:989px){.bj-shf__bar{grid-template-columns:repeat(2,minmax(0,1fr));gap:4px}.bj-shf__field+.bj-shf__field:before{display:none}.bj-shf__field{background:var(--bj-bg)}.bj-shf__go{grid-column:1 / -1;margin:4px 0 0;width:100%;justify-content:center}.bj-shf__bar{position:relative}.bj-shf__field--pop{position:static}.bj-shf__pop,.bj-shf__pop--cat,.bj-shf__pop.bj-shf__pop--brand,.bj-shf__pop.bj-shf__pop--g{top:calc(100% + 8px);left:0;right:0;width:auto;margin:0}}@media(max-width:749px){.bj-shf__title{font-size:24px}.bj-shf__chips{margin-inline:calc(-1 * var(--bj-gutter));padding-inline:var(--bj-gutter)}.bj-shf__bar{grid-template-areas:"g size" "cat cat" "brand brand" "go go"}.bj-shf__field--g{grid-area:g}.bj-shf__field--size{grid-area:size}.bj-shf__field--cat{grid-area:cat}.bj-shf__field--brand{grid-area:brand}.bj-shf__go{grid-area:go}.bj-shf__select,.bj-shf__search{font-size:16px}.bj-shf__sheethead{display:flex;align-items:center;justify-content:space-between;margin:-4px 0 12px;font-family:var(--bj-mona);font-weight:760;font-size:18px;color:var(--bj-deep)}.bj-shf__close{display:grid;place-items:center;width:44px;height:44px;margin-right:-10px;border:0;background:transparent;color:var(--bj-deep);cursor:pointer}.bj-shf__close svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2}.bj-shf__backdrop:not([hidden]){display:block;position:fixed;top:0;right:0;bottom:0;left:0;z-index:999;background:#081a4573}.bj-shf__chip{min-height:36px;padding:0 12px;font-size:14px}.bj-shf__field{padding:6px 12px}.bj-shf__pop,.bj-shf__pop--cat,.bj-shf__pop.bj-shf__pop--brand,.bj-shf__pop.bj-shf__pop--g{position:fixed;z-index:1000;left:0;right:0;top:auto;bottom:0;width:auto;margin:0;max-height:78vh;overflow-y:auto;padding:18px 16px calc(18px + env(safe-area-inset-bottom));border-radius:var(--bj-r) var(--bj-r) 0 0;box-shadow:0 -8px 30px #081a4533}.bj-shf__pop--brand [data-sf-body]{max-height:none;overflow:visible}.bj-shf__opts.bj-shf__opts--g{grid-template-columns:repeat(3,minmax(0,1fr))}.bj-shf__opts--g .bj-shf__opt{text-align:center;padding:0 8px}.bj-shf__grid{max-height:none}}
/*# sourceMappingURL=/cdn/shop/t/10/assets/bj-shoe-finder.css.map */