.ff,.ff-panel{--ds-blue:#007AFF;--ds-ink:#1d1d1f;--ds-2nd:#6e6e73;--ds-line:rgba(0,0,0,.08);--ds-surface:#fff;--ds-sunk:#f5f5f7;--glass:rgba(255,255,255,.78);--glass-fb:rgba(255,255,255,.95);--sp1:4px;--sp2:8px;--sp3:12px;--sp4:16px;--sp6:24px;--sp8:32px;--r-sm:8px;--r-md:14px;--r-pill:9999px;--font:-apple-system,BlinkMacSystemFont,"SF Pro Text","Segoe UI",Roboto,sans-serif;--sh-card:0 1px 2px rgba(0,0,0,.06);--sh-hover:0 8px 24px rgba(0,0,0,.1);--sh-sheet:0 -8px 40px rgba(0,0,0,.16);--eo:cubic-bezier(.4,0,.2,1);--eios:cubic-bezier(.32,.72,0,1);--espr:cubic-bezier(.34,1.56,.64,1);font-family:var(--font);-webkit-tap-highlight-color:transparent}.ff{color:var(--ds-ink);max-width:1200px;margin:0 auto;padding:0 16px 64px}.ff *,.ff *:before,.ff *:after{box-sizing:border-box}.ff-head{padding:24px 2px 16px;text-align:center}.ff-head__title{letter-spacing:-.02em;margin:0;text-align:center!important}.ff-head__sub{font:400 15px/1.45 var(--font);color:var(--ds-2nd);max-width:540px;margin:6px auto 0;text-align:center!important}.ff-bar{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:var(--sp3);padding:8px 2px;margin:0 -2px;background:var(--glass-fb);border-bottom:1px solid var(--ds-line)}@supports (backdrop-filter:blur(10px)){.ff-bar{background:var(--glass);backdrop-filter:blur(10px) saturate(150%);-webkit-backdrop-filter:blur(10px) saturate(150%)}}.ff-seg{position:relative;display:flex;gap:2px;background:var(--ds-sunk);border-radius:var(--r-pill);padding:3px;overflow-x:auto;scrollbar-width:none;flex:1;scroll-snap-type:x proximity}.ff-seg::-webkit-scrollbar{display:none}.ff-seg__btn{position:relative;z-index:1;flex:0 0 auto;scroll-snap-align:start;border:0;background:transparent;color:var(--ds-ink);font:600 14px/1 var(--font);letter-spacing:-.01em;padding:9px 14px;border-radius:var(--r-pill);cursor:pointer;white-space:nowrap;transition:color var(--d,.16s) var(--eo);display:inline-flex;align-items:center;gap:6px;min-height:38px}.ff-seg__btn .ff-seg__n{font-size:12px;opacity:.55;font-weight:600}.ff-seg__btn[aria-selected=true]{color:#fff}.ff-seg__btn[aria-selected=true] .ff-seg__n{opacity:.8}.ff-thumb{position:absolute;z-index:0;top:3px;height:calc(100% - 6px);background:var(--ds-blue);border-radius:var(--r-pill);transition:transform .25s var(--eo),width .25s var(--eo);box-shadow:0 1px 3px #007aff66}.ff-bar__right{display:flex;align-items:center;gap:var(--sp2);flex:0 0 auto}.ff-pill{position:relative;display:inline-flex;align-items:center;gap:6px;border:1px solid var(--ds-line);background:#fff;color:var(--ds-ink);font:600 14px/1 var(--font);padding:9px 14px;border-radius:var(--r-pill);cursor:pointer;min-height:38px;transition:transform .14s var(--eo)}.ff-pill:active{transform:scale(.97)}.ff-pill__badge{background:var(--ds-blue);color:#fff;font-size:11px;font-weight:700;border-radius:var(--r-pill);min-width:18px;height:18px;display:inline-flex;align-items:center;justify-content:center;padding:0 5px}.ff-pill__badge[hidden]{display:none}.ff-sort{border:1px solid var(--ds-line);background:#fff;color:var(--ds-ink);font:500 13px/1 var(--font);border-radius:var(--r-pill);padding:9px 12px;cursor:pointer;min-height:38px}@media(max-width:560px){.ff-sort{display:none}}.ff-active{display:flex;gap:8px;align-items:center;overflow-x:auto;scrollbar-width:none;padding:10px 2px 2px}.ff-active::-webkit-scrollbar{display:none}.ff-active[hidden]{display:none}.ff-ac{flex:0 0 auto;display:inline-flex;align-items:center;gap:6px;background:var(--ds-blue);color:#fff;font:600 13px/1 var(--font);padding:7px 10px;border-radius:var(--r-pill);border:0;cursor:pointer}.ff-ac__x{font-size:14px;line-height:1;opacity:.85}.ff-active__clear{flex:0 0 auto;background:none;border:0;color:var(--ds-blue);font:600 13px/1 var(--font);cursor:pointer;padding:7px}.ff-count{font:400 13px/1 var(--font);color:var(--ds-2nd);padding:12px 2px 8px}.ff-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:18px}@media(max-width:600px){.ff-grid{grid-template-columns:repeat(2,1fr);gap:12px}}.ff-card{position:relative;display:flex;flex-direction:column;background:#fff;border:1px solid var(--ds-line);border-radius:var(--r-md);overflow:hidden;box-shadow:var(--sh-card);opacity:0;transform:translateY(8px);animation:ffin .3s var(--eo) forwards;transition:transform .2s var(--eo),box-shadow .2s var(--eo)}@media(hover:hover)and (pointer:fine){.ff-card:hover{transform:translateY(-2px);box-shadow:var(--sh-hover)}}@keyframes ffin{to{opacity:1;transform:none}}.ff-card__media{position:relative;aspect-ratio:1/1;background:var(--ds-sunk);overflow:hidden}.ff-card__media img{width:100%;height:100%;object-fit:cover;display:block}.ff-badge{position:absolute;top:8px;left:8px;background:#000000b8;color:#fff;font:600 10.5px/1 var(--font);padding:5px 8px;border-radius:6px;letter-spacing:.01em}.ff-badge--tk{right:8px;left:auto;background:#007affeb}.ff-card__b{display:flex;flex-direction:column;gap:7px;padding:15px 16px 16px;flex:1}.ff-card__t{font:590 15px/1.35 var(--font);color:var(--ds-ink);text-decoration:none;margin:0}.ff-card__p{font:600 15px/1 var(--font);margin:1px 0 0}.ff-card__p small{font-weight:400;color:var(--ds-2nd)}.ff-card__add{margin-top:16px;border:0;background:var(--ds-blue);color:#fff;font:600 14px/1 var(--font);letter-spacing:-.01em;padding:13px;border-radius:12px;cursor:pointer;transition:transform .12s var(--eo),background .16s}.ff-card__add:active{transform:scale(.97)}.ff-card__add.ok{background:#34c759}.ff-card__add[disabled]{background:#c7c7cc}.ff-empty{grid-column:1/-1;text-align:center;padding:48px 16px;color:var(--ds-2nd)}.ff-empty b{display:block;color:var(--ds-ink);font:600 17px/1.3 var(--font);margin-bottom:10px}.ff-empty button{margin-top:8px;border:1px solid var(--ds-line);background:#fff;color:var(--ds-blue);font:600 14px var(--font);padding:10px 16px;border-radius:10px;cursor:pointer}.ff-panel[hidden]{display:none}.ff-panel{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60}.ff-panel__bd{position:absolute;top:0;right:0;bottom:0;left:0;background:#0006;opacity:0;transition:opacity .3s var(--eo)}.ff-panel.open .ff-panel__bd{opacity:1}.ff-panel__s{position:absolute;background:var(--glass-fb);box-shadow:var(--sh-sheet)}@supports (backdrop-filter:blur(20px)){.ff-panel__s{background:#ffffffe6;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%)}}.ff-panel__s{left:0;right:0;bottom:0;border-radius:20px 20px 0 0;max-height:88vh;overflow:auto;padding:8px 18px max(18px,env(safe-area-inset-bottom));transform:translateY(100%);transition:transform .34s var(--eios)}.ff-panel.open .ff-panel__s{transform:none}.ff-panel__handle{width:36px;height:5px;border-radius:3px;background:#d1d1d6;margin:8px auto 12px}.ff-panel__head{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.ff-panel__head h2{font:700 18px var(--font);letter-spacing:-.01em;margin:0}.ff-panel__close{border:0;background:var(--ds-sunk);width:30px;height:30px;border-radius:50%;font-size:18px;color:var(--ds-2nd);cursor:pointer;line-height:1}.ff-facet{border-top:1px solid var(--ds-line);padding:4px 0}.ff-facet__sum{display:flex;align-items:center;justify-content:space-between;cursor:pointer;list-style:none;padding:14px 2px;font:600 15px var(--font)}.ff-facet__sum::-webkit-details-marker{display:none}.ff-facet__sum:after{content:"";width:7px;height:7px;border-right:2px solid var(--ds-2nd);border-bottom:2px solid var(--ds-2nd);border-radius:0 0 2px;transform:translateY(-2px) rotate(45deg);margin-right:5px;transition:transform .3s var(--eios)}.ff-facet[open] .ff-facet__sum:after{transform:translateY(1px) rotate(-135deg)}.ff-facet__n{color:var(--ds-blue);font-size:13px;margin-left:auto;margin-right:10px}.ff-facet__body{display:flex;flex-wrap:wrap;gap:8px;padding:2px 2px 14px}.ff-chip{position:relative;border:.5px solid transparent;background:#7676801a;color:var(--ds-ink);font:500 14px/1 var(--font);letter-spacing:-.01em;padding:10px 15px;border-radius:var(--r-pill);cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:background .22s var(--eo),color .22s var(--eo),transform .18s var(--espr),box-shadow .22s var(--eo)}.ff-chip:before{content:"";position:absolute;top:-6px;right:-6px;bottom:-6px;left:-6px}@media(hover:hover){.ff-chip:hover{background:#76768029}}.ff-chip:active{transform:scale(.96)}.ff-chip[aria-pressed=true]{background:var(--ds-blue);color:#fff;border-color:transparent;box-shadow:0 2px 10px #007aff59}.ff-cta{position:sticky;bottom:0;width:100%;border:0;background:var(--ds-blue);color:#fff;font:600 16px var(--font);padding:15px;border-radius:14px;margin-top:16px;cursor:pointer}@media(min-width:768px){.ff-panel__bd{background:transparent}.ff-panel__s{position:fixed;left:auto;bottom:auto;top:96px;right:24px;width:360px;max-height:72vh;border-radius:16px;padding:8px 18px 18px;transform:scale(.96);opacity:0;transition:transform .2s var(--eo),opacity .2s var(--eo);transform-origin:top right;box-shadow:0 12px 40px #00000029;border:1px solid var(--ds-line)}.ff-panel.open .ff-panel__s{transform:none;opacity:1}.ff-panel__handle{display:none}}.ff-trust{margin-top:40px;padding-top:24px;border-top:1px solid var(--ds-line);display:flex;flex-wrap:wrap;gap:10px;font:500 13px var(--font);color:var(--ds-2nd)}.ff-trust span{display:inline-flex;align-items:center;gap:6px;background:var(--ds-sunk);padding:8px 12px;border-radius:var(--r-pill)}@media(prefers-reduced-motion:reduce){.ff *,.ff *:before,.ff *:after{transition:opacity .15s linear!important;transform:none!important;animation:none!important}.ff-card{opacity:1}.ff-panel__s{transition:opacity .15s linear!important;opacity:0}.ff-panel.open .ff-panel__s{opacity:1}}
/*# sourceMappingURL=/cdn/shop/t/172/assets/ds-barf-filter.css.map */