.crumb{display:flex;align-items:center;gap:9px;padding:20px 0;font-size:11.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--mut);flex-wrap:wrap}.crumb a:hover{color:var(--fg)}.crumb b{color:var(--fg);font-weight:700}.crumb span{opacity:.4}.col{padding:clamp(18px,2.4vw,32px) var(--pad) clamp(70px,8vw,120px);overflow-x:visible}.col-g[hidden],.col-empty[hidden],.f-clear[hidden],.fg-n[hidden],.f-num[hidden]{display:none}.col-head{display:flex;align-items:flex-end;justify-content:space-between;gap:clamp(18px,3vw,40px);flex-wrap:wrap;padding-bottom:clamp(20px,2.6vw,32px)}.col-hl{min-width:0;max-width:56ch}.col-eyebrow{display:block;font-size:11.5px;font-weight:800;letter-spacing:.22em;text-transform:uppercase;color:var(--mut);margin-bottom:12px}.col-head h1{font-size:clamp(34px,5.6vw,72px)}.col-intro{margin-top:16px;color:var(--mut);font-size:14.5px;line-height:1.6;max-width:46ch}.col-count{display:flex;align-items:baseline;gap:10px;flex:none;padding-bottom:4px}.col-count b{font-family:var(--fd);font-variation-settings:var(--fd-vs);font-weight:var(--fd-w);font-size:clamp(26px,3.2vw,42px);letter-spacing:-.03em;line-height:1;font-variant-numeric:tabular-nums}.col-count span{font-size:11.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--mut)}.col-count i{font-style:normal;font-variant-numeric:tabular-nums}.fbar{position:sticky;top:var(--navh,58px);z-index:40;display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:12px 0;margin-bottom:2px;background:var(--surface-filterbar);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.fbar:before,.fbar:after{content:"";position:absolute;top:-1px;bottom:-1px;width:var(--pad);background:inherit;pointer-events:none;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.fbar:before{right:100%}.fbar:after{left:100%}@media(hover:none){.fbar{backdrop-filter:none;-webkit-backdrop-filter:none;background:var(--bg)}}.fgroups{display:flex;align-items:center;gap:8px;flex-wrap:wrap;min-width:0}.fbar-r{margin-left:auto;display:flex;align-items:center;gap:8px}.fg{position:relative}.fg-btn{display:inline-flex;align-items:center;gap:9px;padding:10px 14px;border:1px solid var(--line);border-radius:var(--r);font-size:11.5px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--mut);white-space:nowrap;transition:border-color .25s,color .25s,background .25s}.fg-btn:hover{border-color:var(--mut);color:var(--fg)}.fg[data-open="1"] .fg-btn,.fg.on .fg-btn{border-color:var(--fg);color:var(--fg)}.fg-n{display:grid;place-items:center;min-width:17px;height:17px;padding:0 4px;border-radius:9px;background:var(--fg);color:var(--bg);font-size:10px;font-weight:800;letter-spacing:0;font-variant-numeric:tabular-nums}.fg-l,.fg[data-open="1"] .fg-l,.fg-btn:hover .fg-l{color:var(--mut)}.fg-sort .fg-btn b{font-weight:700;letter-spacing:.08em;color:var(--fg)}.chev{width:14px;height:14px;flex:none;display:grid;place-items:center;transition:transform .3s}.chev svg{width:13px;height:13px;display:block}.fg[data-open="1"] .chev{transform:rotate(180deg)}.fg-menu{position:absolute;top:calc(100% + 9px);left:0;z-index:5;min-width:236px;background:var(--bg);border:1px solid var(--line);border-radius:var(--r);padding:7px;display:grid;gap:1px;box-shadow:var(--shadow-menu);opacity:0;visibility:hidden;transform:translateY(-7px);transition:opacity .22s ease,transform .28s cubic-bezier(.2,.8,.2,1),visibility .22s}.fg-menu-r{left:auto;right:0}.fg[data-open="1"] .fg-menu{opacity:1;visibility:visible;transform:none}.fopt{display:flex;align-items:center;gap:11px;width:100%;padding:9px 10px;border-radius:6px;font-size:13.5px;line-height:1.3;text-align:left;color:var(--mut);transition:background .2s,color .2s,opacity .2s}.fopt:hover{background:var(--bg2);color:var(--fg)}.fopt span{flex:1;min-width:0}.fopt b{font-size:11.5px;font-weight:600;color:var(--mut);font-variant-numeric:tabular-nums;flex:none}.fopt.zero{opacity:.4}.fopt .bx{width:16px;height:16px;flex:none;border:1.5px solid var(--line);border-radius:4px;display:grid;place-items:center;color:var(--bg);transition:background .2s,border-color .2s}.fopt .bx svg{width:11px;height:11px;display:block;opacity:0;transition:opacity .2s}.fopt[aria-pressed=true] .bx{background:var(--fg);border-color:var(--fg)}.fopt[aria-pressed=true] .bx svg{opacity:1}.fopt[aria-pressed=true]{color:var(--fg)}.fopt .rd{width:16px;height:16px;flex:none;border:1.5px solid var(--line);border-radius:50%;display:grid;place-items:center;transition:border-color .2s}.fopt .rd:after{content:"";width:8px;height:8px;border-radius:50%;background:var(--fg);transform:scale(0);transition:transform .22s cubic-bezier(.2,.8,.2,1)}.fopt[aria-checked=true] .rd{border-color:var(--fg)}.fopt[aria-checked=true] .rd:after{transform:scale(1)}.fopt[aria-checked=true]{color:var(--fg)}.f-clear{display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border:1px solid transparent;border-radius:var(--r);font-size:11.5px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--mut);white-space:nowrap;transition:color .25s,border-color .25s}.f-clear:hover{color:var(--fg);border-color:var(--line)}.f-clear .x{width:13px;height:13px;flex:none;display:grid;place-items:center}.f-clear .x svg{width:11px;height:11px;display:block}.f-toggle{display:none;align-items:center;gap:9px;padding:10px 14px;border:1px solid var(--line);border-radius:var(--r);font-size:11.5px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--fg)}.f-toggle svg{width:15px;height:15px;flex:none;display:block}.f-num{display:grid;place-items:center;min-width:17px;height:17px;padding:0 4px;border-radius:9px;background:var(--fg);color:var(--bg);font-size:10px;font-weight:800;letter-spacing:0;font-variant-numeric:tabular-nums}.chips{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:16px 0 0;min-height:0}.chips:empty{display:none}.chip{display:inline-flex;align-items:center;gap:9px;padding:7px 9px 7px 13px;border:1px solid var(--line);border-radius:100px;font-size:11.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--fg);white-space:nowrap;transition:border-color .25s,background .25s}.chip:hover{border-color:var(--fg);background:var(--bg2)}.chip .x{width:16px;height:16px;flex:none;display:grid;place-items:center;border-radius:50%;background:var(--line);transition:background .25s,color .25s}.chip .x svg{width:9px;height:9px;display:block}.chip:hover .x{background:var(--fg);color:var(--bg)}.col-g{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(12px,1.6vw,24px) clamp(10px,1.4vw,20px);margin-top:clamp(24px,3vw,40px)}.col-g .pc{animation:colIn .5s cubic-bezier(.2,.8,.2,1) both}@keyframes colIn{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}.col-empty{padding:clamp(48px,7vw,96px) 0 clamp(30px,4vw,50px);border-top:1px solid var(--line);margin-top:clamp(24px,3vw,40px);display:flex;flex-direction:column;align-items:flex-start}.col-empty h2{font-size:clamp(24px,3.4vw,44px);max-width:16ch}.col-empty p{margin-top:16px;color:var(--mut);font-size:14.5px;line-height:1.6;max-width:46ch}.col-empty .btn{margin-top:26px}@media(max-width:1240px){.col-g{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:760px){.col-g{grid-template-columns:repeat(2,minmax(0,1fr))}.col-head{align-items:flex-start}.col-count{padding-bottom:0}.f-toggle{display:inline-flex}.fbar{gap:8px}.fbar-r{display:contents}.fg-sort,.f-clear{margin-left:auto}.f-clear{padding:10px 6px}.fgroups{display:none;order:3;width:100%;flex-direction:column;align-items:stretch;gap:0;max-height:min(58vh,470px);overflow-y:auto;overscroll-behavior:contain;border-top:1px solid var(--line);margin-top:4px}.fgroups.open{display:flex}.fg-gr{border-bottom:1px solid var(--line)}.fg-gr .fg-btn{width:100%;justify-content:flex-start;border:none;border-radius:0;padding:15px 2px;font-size:12px}.fg-gr .fg-n{margin-left:2px}.fg-gr .chev{margin-left:auto}.fg-gr .fg-menu{position:static;min-width:0;background:none;border:none;box-shadow:none;padding:0 0 12px;transform:none;opacity:1;visibility:visible;display:none}.fg-gr[data-open="1"] .fg-menu{display:grid}.fg-gr .fopt{padding:11px 8px;font-size:14px}.chips{padding-top:14px;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin-inline:calc(var(--pad) * -1);padding-inline:var(--pad)}.chips::-webkit-scrollbar{display:none}.chip{flex:none}}@media(max-width:430px){.col-count b{font-size:24px}.f-clear{font-size:11px;letter-spacing:.08em}.fg-sort .fg-btn{gap:7px;padding:10px 11px}}
/*# sourceMappingURL=/cdn/shop/t/54/assets/hystride-collection.css.map */