.cs-hf{--hf-ink:#383838;--hf-line:rgba(0,0,0,.12);--hf-ease:cubic-bezier(.22,.61,.36,1);color:var(--hf-ink);background:#fff;border-top:1px solid rgba(0,0,0,.06);font-family:inherit;position:relative;overflow:visible}.cs-hf *{box-sizing:border-box}.cs-hf [hidden]{display:none!important}.cs-hf a{color:inherit;text-decoration:none}body:has(.cs-hf[data-hf-empty=true]) [data-cs-lvdrawer] .cs-acc--price{display:none!important}.cs-hf button{font:inherit;color:inherit;cursor:pointer}.cs-hf a:focus-visible,.cs-hf button:focus-visible{outline:2px solid #111;outline-offset:4px}.cs-hf .cs-hf__topbar{max-width:1700px;min-height:56px;padding:0 24px;margin-inline:auto;display:flex;align-items:center;justify-content:space-between;gap:16px}.cs-hf .cs-hf__toggle{display:flex;align-items:center;gap:8px;min-width:0;max-width:calc(100% - 100px);min-height:44px;padding:8px;border:0;border-radius:22px;background:transparent;font-size:13px;line-height:1.4;letter-spacing:.2px;text-align:start}.cs-hf .cs-hf__toggle>span{overflow-wrap:anywhere}.cs-hf .cs-hf__toggle>svg{flex:none;transition:transform .18s var(--hf-ease)}.cs-hf .cs-hf__toggle[aria-expanded=true]>svg{transform:rotate(180deg)}.cs-hf .cs-hf__toggle:hover{background:#f5f5f5}.cs-hf .cs-hf__filter{flex:none;display:flex;align-items:center;gap:8px;border:1px solid rgba(0,0,0,.28);border-radius:22px;background:#fff;font-size:12px;line-height:1.4;letter-spacing:.2px;padding:8px 12px;min-height:36px}.cs-hf .cs-hf__filter:hover{background:#f7f7f7}.cs-hf .cs-hf__menu{position:fixed;inset:auto;margin:0;width:320px;max-width:calc(100vw - 28px);max-height:70vh;max-height:70dvh;overflow-y:auto;overscroll-behavior:contain;border:1px solid rgba(0,0,0,.06);border-radius:14px;background:#fff;color:var(--hf-ink);box-shadow:0 18px 40px #0000001a;padding:12px 0;z-index:40}.cs-hf .cs-hf__menu::backdrop{background:transparent}.cs-hf .cs-hf__menu-title{display:block;padding:10px 18px 12px;font-size:12px;line-height:1.5;letter-spacing:.4px;color:#595959;border-bottom:1px solid #eee;margin-bottom:4px}.cs-hf .cs-hf__menu-link{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:44px;padding:10px 18px;font-size:13px;line-height:1.5;overflow-wrap:anywhere}.cs-hf .cs-hf__menu-link:hover,.cs-hf .cs-hf__menu-link:focus-visible{background:#f5f5f5}.cs-hf .cs-hf__menu-link:focus-visible{outline-offset:-3px}.cs-hf .cs-hf__check{display:flex;flex:none;width:16px;visibility:hidden}.cs-hf .cs-hf__menu-link[aria-current=page]{font-weight:600}.cs-hf .cs-hf__menu-link[aria-current=page] .cs-hf__check{visibility:visible}.cs-hf .cs-hf__rail{position:relative;max-width:1700px;padding:18px 24px;margin-inline:auto}.cs-hf .cs-hf__track{display:flex;align-items:flex-start;gap:56px;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;scroll-snap-type:x proximity;scroll-padding-inline:44px;scrollbar-width:none;padding:10px 44px 20px;-webkit-overflow-scrolling:touch}.cs-hf .cs-hf__track::-webkit-scrollbar{display:none}.cs-hf .cs-hf__category{flex:0 0 92px;display:flex;flex-direction:column;align-items:center;min-width:0;text-align:center;scroll-snap-align:center;color:#383838;padding:3px 0 6px;transition:transform .25s var(--hf-ease)}.cs-hf .cs-hf__category:first-child{margin-inline-start:auto}.cs-hf .cs-hf__category:last-child{margin-inline-end:auto}.cs-hf .cs-hf__image{display:block;position:relative;width:58px;height:58px;flex:none;border-radius:50%;background:#f4f4f4;transition:box-shadow .25s var(--hf-ease),transform .25s var(--hf-ease)}.cs-hf .cs-hf__image img{display:block;width:100%;height:100%;object-fit:cover;border-radius:50%}.cs-hf .cs-hf__image:after{content:"";position:absolute;top:-5px;right:-5px;bottom:-5px;left:-5px;border:1px solid #555;border-radius:50%;opacity:0;transform:scale(.94);transition:opacity .2s var(--hf-ease),transform .25s var(--hf-ease)}.cs-hf .cs-hf__category:hover{transform:translateY(-3px)}.cs-hf .cs-hf__category:hover .cs-hf__image{box-shadow:0 10px 26px #0000001f}.cs-hf .cs-hf__category:hover .cs-hf__image:after,.cs-hf .cs-hf__category[aria-current=page] .cs-hf__image:after{opacity:1;transform:scale(1)}.cs-hf .cs-hf__label{display:block;width:100%;margin-top:10px;font-size:12px;line-height:1.45;letter-spacing:.2px;overflow-wrap:anywhere;-webkit-hyphens:auto;hyphens:auto}.cs-hf .cs-hf__category[aria-current=page] .cs-hf__label{font-weight:600;color:#111}.cs-hf .cs-hf__category:focus-visible{outline-offset:4px;border-radius:4px}.cs-hf .cs-hf__scroll{position:absolute;top:36px;display:flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;border:1px solid rgba(0,0,0,.18);border-radius:50%;background:#fff;color:#444;z-index:2;box-shadow:0 0 0 5px #fff}.cs-hf .cs-hf__scroll--left{left:12px}.cs-hf .cs-hf__scroll--right{right:12px}.cs-hf .cs-hf__scroll:hover{background:#f5f5f5}.cs-hf .cs-hf__scroll:disabled{opacity:0;pointer-events:none}@media(max-width:900px){.cs-hf .cs-hf__topbar{padding-inline:14px;gap:8px}.cs-hf .cs-hf__toggle{max-width:none;flex:1;min-width:0}.cs-hf .cs-hf__filter{min-height:44px;max-width:45%;white-space:normal;overflow-wrap:anywhere}.cs-hf .cs-hf__filter>svg{flex:none}.cs-hf .cs-hf__rail{padding:10px}.cs-hf .cs-hf__track{gap:18px;padding:10px 36px 16px;scroll-padding-inline:36px}.cs-hf .cs-hf__category{flex-basis:76px}.cs-hf .cs-hf__image{width:48px;height:48px}.cs-hf .cs-hf__label{margin-top:8px;font-size:11px;line-height:1.45}.cs-hf .cs-hf__scroll{top:24px;width:36px;height:36px}.cs-hf .cs-hf__scroll--left{left:4px}.cs-hf .cs-hf__scroll--right{right:4px}}@media(prefers-reduced-motion:reduce){.cs-hf .cs-hf__category,.cs-hf .cs-hf__image,.cs-hf .cs-hf__image:after,.cs-hf .cs-hf__toggle>svg{transition:none}.cs-hf .cs-hf__track{scroll-behavior:auto}}.cs-hf .cs-hf__chips{max-width:1700px;margin-inline:auto;padding:0 24px 14px}.cs-hf .cs-hf__chips-track{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;padding:2px 0 6px}.cs-hf .cs-hf__chips-track::-webkit-scrollbar{display:none}.cs-hf .cs-hf__chip{flex:none;display:inline-flex;align-items:center;gap:6px;min-height:34px;padding:0 13px;border:1px solid rgba(0,0,0,.14);border-radius:999px;font-size:12.5px;line-height:1;background:#fff;color:#222;transition:border-color .2s var(--hf-ease),background-color .2s var(--hf-ease)}.cs-hf .cs-hf__chip:hover{border-color:#111}.cs-hf .cs-hf__chip[aria-current=page]{background:#111;border-color:#111;color:#fff}.cs-hf .cs-hf__chip--parent{border-style:dashed}.cs-hf .cs-hf__chip-n{font-size:11px;color:#8a8a8a}.cs-hf .cs-hf__chip[aria-current=page] .cs-hf__chip-n{color:#ffffffb3}.cs-hf .cs-hf__menu-group{display:block;padding:12px 18px 4px;font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:#8a8a8a}.cs-hf .cs-hf__menu-link--sub{padding-left:32px;font-size:12.5px;color:#444}@media(max-width:900px){.cs-hf .cs-hf__chips{padding:0 14px 10px}}
/*# sourceMappingURL=/cdn/shop/t/67/assets/cs-hanfu-collection-nav.css.map */