.category_search_nav{z-index:90;margin-top:40px;transition:top .25s;position:sticky;top:0}.category_search_nav:after{content:"";z-index:0;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#f1ede4cc;width:100%;height:100%;position:absolute;top:0;left:0}.category_search_nav__inner{z-index:1;width:var(--inner-width);max-width:var(--inner-max-width);align-items:center;gap:20px;height:70px;margin:0 auto;display:flex;position:relative;overflow:hidden}.category_search_nav.active .search-nav .input{opacity:1;pointer-events:auto}.category_search_nav.active .search-nav button{opacity:0}.search-nav{flex:none;justify-content:flex-end;align-items:center;gap:5px;display:flex}.search-nav .input{opacity:0;pointer-events:none;z-index:1;width:300px;transition:opacity .25s;position:absolute;top:50%;right:0;transform:translateY(-50%)}.search-nav .input .icon{color:var(--font-sec-color);font-size:24px;position:absolute;top:50%;left:15px;transform:translateY(-50%)}.search-nav .input input{border:1px solid var(--primary-color);width:100%;min-width:300px;height:40px;color:var(--font-color);appearance:none;background-color:#fff;border-radius:10em;padding-left:45px;padding-right:20px;font-size:16px}.search-nav .input input:focus,.search-nav .input input:focus-visible{outline:2px solid var(--primary-color)}.search-nav .input input::placeholder{color:var(--font-sec-color);opacity:.5}.search-nav button{background-color:var(--primary-color);color:#fff;border:0;border-radius:10em;flex:none;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.category-nav{scrollbar-width:none;justify-content:flex-start;align-items:center;gap:10px;width:100%;height:100%;display:flex;overflow-x:auto}.category-nav::-webkit-scrollbar{display:none}.category-nav button{background-color:var(--border-color);min-width:60px;height:40px;color:var(--font-sec-color);letter-spacing:.12em;cursor:pointer;border:0;border-radius:999px;flex-shrink:0;padding:0 15px;font-family:inherit;font-size:13px;line-height:1;transition:all .3s;position:relative}.category-nav button:hover{color:var(--primary-color)}.category-nav button:active{transform:scale(1.15)}.category-nav button.active{color:#fff;border-color:var(--primary-color);background-color:var(--primary-color)}.category-nav button.active:after{width:100%}html.scrollUp .category_search_nav{top:var(--header-height)}[data-theme=dark] .category_search_nav:after{background-color:#11100fbf}[data-theme=dark] .search-nav input{background-color:var(--background-sec-color)}@media screen and (max-width:1023px){.category_search_nav__inner{width:100%}.category_search_nav__inner>:first-child{padding-left:5%}.category_search_nav__inner>:last-child{padding-right:5%}.category_search_nav.active .category-nav{opacity:0}.search-nav .input{width:auto;left:5%;right:5%}}@media screen and (max-width:767px){.category_search_nav{margin-top:20px;margin-bottom:0}.category_search_nav__inner{height:60px}.category-nav{gap:5px}}