@layer legacy,theme,base;@layer components{.n-category__ttl .n-category__ttl-count{font-size:var(--text-lg);color:var(--color-gray);white-space:nowrap;margin-left:12px;font-weight:400;line-height:20px}.n-category-filter--search .n-category-filter__item{text-decoration:none;transition:border-color .2s,color .2s}.n-category-filter--search .n-category-filter__item:hover{border-color:var(--color-accent)}.n-category-filter--search .n-category-filter__name:last-child{margin-right:0}.n-category-filter__sub{color:var(--color-gray);margin-right:8px}.n-category-filter--search .n-category-filter__item:first-child:not(.--clicked),.n-search-empty .n-category-filter__item:first-child{color:var(--color-ink);border-color:#f2f1f1}.n-category-filter--search .n-category-filter__item:first-child:not(.--clicked):hover,.n-search-empty .n-category-filter__item:first-child:hover{border-color:var(--color-accent)}.n-search-empty{text-align:center;padding:48px 0 64px}.n-search-empty__ico{opacity:.7;background:url(/tpl/images/search-icon.svg) 50%/contain no-repeat;width:64px;height:64px;margin:0 auto 16px;display:block}.n-search-empty__title{font-size:var(--text-2xl);color:var(--color-ink);word-break:break-word;margin:0 0 8px;font-weight:600;line-height:26px}.n-search-empty__hint{max-width:480px;font-size:var(--text-md);color:var(--color-gray);margin:0 auto 28px;line-height:20px}.n-search-empty .n-category-filter{border-bottom:0;justify-content:center}@media (max-width:600px){.n-category__ttl .n-category__ttl-count{font-size:var(--text-md);margin:6px 0 0;display:block}.n-category-filter--search{scrollbar-width:none;flex-wrap:nowrap;margin:0 -15px;padding:0 15px 20px;overflow-x:auto}.n-category-filter.n-category-filter--search::-webkit-scrollbar{display:none}.n-category-filter--search .n-category-filter__item{white-space:nowrap;flex:none}}.chisto-listing .n-category-filter{border-bottom:0;gap:8px;margin:0 0 20px;padding:0}.chisto-listing .n-category-filter .n-category-filter__item{border:1px solid var(--color-line);border-radius:var(--radius-md);background:var(--color-white);height:40px;color:var(--color-ink);font-size:var(--text-md);white-space:nowrap;gap:8px;padding:0 14px;line-height:20px;text-decoration:none;transition:border-color .2s,background-color .2s,color .2s}.chisto-listing .n-category-filter .n-category-filter__item:hover{border-color:var(--color-accent)}.chisto-listing .n-category-filter .n-category-filter__name{margin:0}.chisto-listing .n-category-filter .n-category-filter__count{background:var(--color-surface);min-width:22px;color:var(--color-gray);font-size:var(--text-xs);text-align:center;border-radius:500px;padding:1px 7px;line-height:18px}.chisto-listing .n-category-filter .n-category-filter__item.--clicked,.chisto-listing .n-category-filter .n-category-filter__item.--clicked:first-child{border-color:var(--color-accent);background:var(--color-accent);color:var(--color-white)}.chisto-listing .n-category-filter .n-category-filter__item.--clicked:before{display:none}.chisto-listing .n-category-filter .n-category-filter__item.--clicked .n-category-filter__count{color:var(--color-white);background:#ffffff40}.chisto-listing .n-category-filter .n-category-filter__item svg{flex:none}@media (max-width:600px){.chisto-listing .chisto-brand__head{flex-flow:wrap;align-items:center;gap:8px 12px;margin-bottom:14px}.chisto-listing .chisto-brand__head .n-category__ttl{flex:auto;min-width:0}.chisto-listing .chisto-brand__head #catlist_sort.chisto-catalog-sort>span b{display:none}.chisto-listing .chisto-brand__head #catlist_sort.chisto-catalog-sort>div{left:auto;right:0}.chisto-listing .n-category-filter.n-category-filter{scrollbar-width:none;-webkit-mask-image:linear-gradient(90deg, var(--color-black) calc(100% - 32px), transparent);-webkit-mask-image:linear-gradient(90deg, var(--color-black) calc(100% - 32px), transparent);mask-image:linear-gradient(90deg, var(--color-black) calc(100% - 32px), transparent);flex-wrap:nowrap;margin:0 -15px 16px;padding:0 15px;scroll-padding:0 15px;overflow-x:auto}.chisto-listing .n-category-filter.n-category-filter::-webkit-scrollbar{display:none}.chisto-listing .n-category-filter .n-category-filter__item{flex:none;height:36px;padding:0 12px}}}@layer utilities;
