.bag-finder{--bf-ink: #171512;--bf-muted: #6e685c;--bf-paper: #f6f2e9;--bf-card: #fbf8f1;--bf-line: #cfc5b3;--bf-orange: #fe5618;--bf-tint: #fcebe4;--bf-motion-fast: .12s;--bf-motion-base: .22s;--bf-motion-results: .32s;--bf-ease-out: cubic-bezier(.2, .7, .25, 1);max-width:1120px;margin:0 auto;padding:clamp(20px,4vw,42px) 20px;color:var(--bf-ink);background:var(--bf-paper);font-family:inherit}.bag-finder *,.bag-finder *:before,.bag-finder *:after{box-sizing:border-box}.bag-finder__brand{display:flex;align-items:center;justify-content:space-between;max-width:1020px;margin:0 auto 14px}.bag-finder__wordmark{color:var(--bf-ink);font-size:.88rem;font-weight:750;letter-spacing:.16em;text-decoration:none}.bag-finder__exit{display:inline-flex;align-items:center;gap:7px;color:var(--bf-muted);font-size:.78rem;text-decoration:none}.bag-finder__exit span{font-size:1rem}.bag-finder__shell{max-width:1020px;margin:auto;border:1px solid var(--bf-ink);border-radius:14px;overflow:hidden}.bag-finder__topline{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px clamp(16px,3vw,28px);border-bottom:1px solid var(--bf-ink);color:var(--bf-muted);font-size:.78rem}.bag-finder__topline span:first-child{color:var(--bf-orange);font-size:.7rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.bag-finder__form{padding:clamp(18px,3vw,30px)}.bag-finder__stage{display:grid;grid-template-columns:112px minmax(0,1fr) minmax(230px,.78fr);gap:clamp(18px,3vw,34px);align-items:start;animation:bf-enter var(--bf-motion-base) var(--bf-ease-out) both}.bag-finder__route{position:relative;display:grid;gap:16px;list-style:none;margin:5px 0 0;padding:0}.bag-finder__route:before{position:absolute;inset:10px auto 10px 10px;width:1px;content:"";background:var(--bf-line)}.bag-finder__route li{position:relative;display:flex;align-items:center;gap:9px;min-height:20px;color:var(--bf-muted);font-size:.72rem}.bag-finder__route span{display:grid;place-items:center;width:20px;height:20px;border:1px solid var(--bf-line);border-radius:50%;background:var(--bf-paper);color:var(--bf-muted);font-size:.7rem;z-index:1}.bag-finder__route b{font-weight:500}.bag-finder__route .is-complete span{background:var(--bf-ink);border-color:var(--bf-ink);color:#fff}.bag-finder__route .is-current{color:var(--bf-ink)}.bag-finder__route .is-current span{border-color:var(--bf-orange);box-shadow:inset 0 0 0 4px var(--bf-paper);background:var(--bf-orange)}.bag-finder__question{min-width:0}.bag-finder__kicker{margin:0 0 8px;color:var(--bf-orange);font-size:.7rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.bag-finder fieldset{min-width:0;margin:0;padding:0;border:0}.bag-finder legend{margin:0;color:var(--bf-ink);font-size:clamp(1.55rem,3vw,2.2rem);font-weight:650;letter-spacing:-.035em;line-height:1.08}.bag-finder__hint{margin:8px 0 18px;color:var(--bf-muted);font-size:.85rem}.bag-finder__options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.bag-finder__options--capacity{grid-template-columns:repeat(3,minmax(0,1fr))}.bag-finder__feature-options{display:grid;grid-column:1 / -1;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.bag-finder__option{display:flex;align-items:center;gap:10px;min-height:62px;padding:12px;border:1px solid var(--bf-line);border-radius:12px;background:var(--bf-card);cursor:pointer;font-size:.92rem;font-weight:600;line-height:1.25;transition:border-color var(--bf-motion-fast) var(--bf-ease-out),background var(--bf-motion-fast) var(--bf-ease-out),transform var(--bf-motion-fast) var(--bf-ease-out)}.bag-finder__option:hover{border-color:var(--bf-ink);transform:translateY(-1px)}.bag-finder__option input{position:absolute;inline-size:1px;block-size:1px;opacity:0}.bag-finder__feature-icon{display:grid;flex:0 0 20px;width:20px;height:20px;place-items:center}.bag-finder__feature-icon svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.bag-finder__control{display:grid;flex:0 0 18px;place-items:center;width:18px;height:18px;border:1px solid var(--bf-line);border-radius:50%;background:var(--bf-card)}.bag-finder__option input[type=checkbox]+.bag-finder__control{border-radius:5px}.bag-finder__option input:checked+.bag-finder__control{border-color:var(--bf-orange);background:var(--bf-orange)}.bag-finder__option input:checked+.bag-finder__control:after{width:6px;height:3px;border:solid #fff;border-width:0 0 2px 2px;content:"";transform:translateY(-1px) rotate(-45deg)}.bag-finder__option:has(input:checked){border-color:var(--bf-orange);background:var(--bf-tint);transform:translateY(-2px)}.bag-finder__option:has(input:focus-visible){outline:3px solid color-mix(in srgb,var(--bf-orange) 35%,transparent);outline-offset:2px}.bag-finder__options.is-none-selected .bag-finder__feature-options .bag-finder__option{opacity:.42;transform:none}.bag-finder__or{display:flex;grid-column:1 / -1;align-items:center;gap:10px;color:var(--bf-muted);font-size:.72rem;text-transform:uppercase;letter-spacing:.12em}.bag-finder__or:before,.bag-finder__or:after{height:1px;flex:1;background:var(--bf-line);content:""}.bag-finder__option--none{grid-column:1 / -1;min-height:54px}.bag-finder__setup{display:flex;min-height:300px;flex-direction:column;align-items:center;justify-content:center;padding:16px;border:1px solid var(--bf-ink);border-radius:12px;background:var(--bf-card);text-align:center}.bag-finder__setup-heading{align-self:stretch;display:flex;align-items:center;gap:7px;font-size:.68rem;letter-spacing:.15em;text-transform:uppercase}.bag-finder__setup-heading i,.bag-finder__tag i{width:6px;height:6px;border-radius:50%;background:var(--bf-orange)}.bag-finder__setup-visual{position:relative;display:grid;flex:1 0 216px;width:100%;min-height:216px;place-items:center}.bag-finder__bag-illustration{position:relative;z-index:1;width:145px;height:172px;filter:drop-shadow(0 8px 7px rgb(23 21 18 / .12))}.bag-finder__bag-illustration path,.bag-finder__bag-illustration circle{stroke:var(--bf-ink);stroke-linecap:round;stroke-linejoin:round}.bag-finder__bag-body{fill:#fdfaf3;stroke-width:2.5}.bag-finder__bag-top,.bag-finder__bag-pocket{fill:#f1eadc;stroke-width:2.2}.bag-finder__bag-handle,.bag-finder__bag-strap,.bag-finder__bag-side,.bag-finder__bag-seam,.bag-finder__bag-pocket-line{stroke-width:2.3}.bag-finder__bag-zip{stroke-width:1.8}.bag-finder__bag-pull{fill:var(--bf-orange);stroke-width:1.5;transform-box:fill-box;transform-origin:center}.bag-finder__bag-shadow{fill:#d9cfbe;opacity:.55}.bag-finder__tags{position:absolute;top:8px;right:0;bottom:8px;left:0;z-index:2;pointer-events:none}.bag-finder__tag{position:absolute;display:inline-flex;align-items:center;gap:6px;max-width:42%;padding:4px 9px;border:1px solid var(--bf-line);border-radius:99px;background:#fffdf8;box-shadow:0 2px 5px #17151214;color:#3b372f;font-size:.7rem;line-height:1.2;animation:bf-tag-in var(--bf-motion-base) var(--bf-ease-out) both}.bag-finder__tag:nth-child(2){animation-delay:35ms}.bag-finder__tag:nth-child(3){animation-delay:70ms}.bag-finder__tag:nth-child(4){animation-delay:105ms}.bag-finder__tag:nth-child(n+5){animation-delay:.12s}.bag-finder__tag:after{position:absolute;top:50%;width:18px;height:1px;background:var(--bf-orange);content:""}.bag-finder__tag:nth-child(odd){left:0}.bag-finder__tag:nth-child(odd):after{left:100%}.bag-finder__tag:nth-child(2n){right:0}.bag-finder__tag:nth-child(2n):after{right:100%}.bag-finder__tag--0,.bag-finder__tag--1{top:12%}.bag-finder__tag--2,.bag-finder__tag--3{top:43%}.bag-finder__tag--4,.bag-finder__tag--5,.bag-finder__tag--6{bottom:9%}.bag-finder__tag i{flex:0 0 5px;width:5px;height:5px}.bag-finder__setup.is-updating .bag-finder__bag-pull{animation:bf-pull-pulse var(--bf-motion-base) var(--bf-ease-out) both}.bag-finder__setup>p{margin:12px 0 0;color:var(--bf-muted);font-size:.72rem}.bag-finder__actions{display:flex;align-items:center;gap:10px;margin-top:22px;padding-top:16px;border-top:1px solid var(--bf-line)}.bag-finder button,.bag-finder__link,.bag-finder__actions>a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;border-radius:10px;padding:10px 16px;font:inherit;font-size:.88rem;font-weight:650;text-decoration:none;cursor:pointer;transition:transform var(--bf-motion-fast) var(--bf-ease-out),filter var(--bf-motion-fast) var(--bf-ease-out),opacity var(--bf-motion-fast) var(--bf-ease-out)}.bag-finder button:not(:disabled):hover,.bag-finder__link:hover,.bag-finder__actions>a:hover{transform:translateY(-1px)}.bag-finder button:not(:disabled):active,.bag-finder__link:active,.bag-finder__actions>a:active{transform:translateY(1px) scale(.985)}.bag-finder button:focus-visible,.bag-finder a:focus-visible{outline:3px solid color-mix(in srgb,var(--bf-orange) 45%,transparent);outline-offset:3px}.bag-finder__back,.bag-finder__skip{border:1px solid var(--bf-ink);background:transparent;color:var(--bf-ink)}.bag-finder__back{margin-inline-start:auto}.bag-finder__skip+.bag-finder__continue{margin-inline-start:auto}.bag-finder__continue{gap:8px;min-width:142px;border:1px solid var(--bf-ink);background:var(--bf-ink);color:#fff}.bag-finder__continue:disabled{border-color:var(--bf-ink);background:var(--bf-ink);color:#fff;cursor:not-allowed;opacity:.48}.bag-finder__continue:not(:disabled):hover{filter:brightness(.93)}.bag-finder__grid{display:grid;gap:18px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.bag-finder__card{overflow:hidden;border:1px solid var(--bf-line);border-radius:12px;background:var(--bf-card);animation:bf-result-in var(--bf-motion-results) var(--bf-ease-out) both}.bag-finder__card:nth-child(2){animation-delay:45ms}.bag-finder__card:nth-child(3){animation-delay:90ms}.bag-finder__card:nth-child(4){animation-delay:.12s}.bag-finder__card:nth-child(n+5){animation-delay:.14s}.bag-finder__card img{display:block;width:100%;aspect-ratio:1;object-fit:contain;background:#f7f7f7}.bag-finder__card-copy{padding:16px}.bag-finder__card h3{font-size:1rem;margin:0 0 8px}.bag-finder__card p{margin:0 0 10px}.bag-finder__price{font-weight:700}.bag-finder__note{color:var(--bf-muted)}.bag-finder__link{border:1px solid var(--bf-orange);background:var(--bf-orange);color:#fff}.bag-finder__setup{display:none}.bag-finder__setup+*{min-width:0}@keyframes bf-enter{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes bf-tag-in{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@keyframes bf-pull-pulse{50%{transform:scale(1.3)}}@keyframes bf-result-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media(min-width:760px){.bag-finder__setup{display:flex}}@media(max-width:759px){.bag-finder{padding:0}.bag-finder__shell{border-inline:0;border-radius:0}.bag-finder__brand{margin:0;padding:15px 16px;border-bottom:1px solid var(--bf-ink)}.bag-finder__form{padding:20px 16px 0}.bag-finder__stage{display:block}.bag-finder__route{display:none}.bag-finder__options,.bag-finder__options--capacity,.bag-finder__feature-options{grid-template-columns:1fr}.bag-finder__option{min-height:54px}.bag-finder__setup{display:flex;min-height:auto;margin-top:16px;padding:11px 12px;align-items:flex-start;text-align:start}.bag-finder__setup-heading,.bag-finder__bag-illustration{display:none}.bag-finder__setup-visual{display:block;flex:0;min-height:0}.bag-finder__tags{position:static;display:flex;flex-wrap:wrap;justify-content:flex-start;gap:7px}.bag-finder__tag{position:static;max-width:100%}.bag-finder__tag:after{display:none}.bag-finder__setup>p{margin:0;font-size:.75rem}.bag-finder__setup.has-tags>p{display:none}.bag-finder__actions{position:sticky;bottom:0;z-index:3;margin:18px -16px 0;padding:12px 16px calc(12px + env(safe-area-inset-bottom));background:var(--bf-paper)}.bag-finder__back{margin-inline-start:0}.bag-finder__skip{flex:0 0 auto}.bag-finder__continue{flex:1;min-width:0;margin-inline-start:0}}.bag-finder[dir=rtl] .bag-finder__route:before{inset:10px 10px 10px auto}.bag-finder[dir=rtl] .bag-finder__back{margin-inline-start:0;margin-inline-end:auto}.bag-finder[dir=rtl] .bag-finder__tag:nth-child(odd){right:0;left:auto}.bag-finder[dir=rtl] .bag-finder__tag:nth-child(odd):after{right:100%;left:auto}.bag-finder[dir=rtl] .bag-finder__tag:nth-child(2n){right:auto;left:0}.bag-finder[dir=rtl] .bag-finder__tag:nth-child(2n):after{right:auto;left:100%}@media(prefers-reduced-motion:reduce){.bag-finder *,.bag-finder *:before,.bag-finder *:after{animation-duration:1ms!important;animation-delay:0ms!important;scroll-behavior:auto!important;transition-duration:1ms!important}}
/*# sourceMappingURL=/cdn/shop/t/67/assets/bag-finder.css.map */