.category-control{min-width:0;width:100%}.category-control select{width:100%}.category-trigger{display:flex;align-items:center;gap:10px;width:100%;min-width:0;min-height:49px;height:100%;padding:10px 13px;border:1px solid #dce3ef;border-radius:10px;background:#fff;text-align:left;font-size:14px;line-height:1.35}.category-trigger>span:first-of-type{min-width:0;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.category-trigger>svg{color:var(--blue,#a133e6)}.category-chevron{width:8px;height:8px;display:block;flex:none;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg);margin:0 3px 4px 5px;transition:transform .18s}.category-trigger:hover{border-color:var(--blue,#a133e6)}
.category-dialog{position:fixed;inset:0;width:min(540px,calc(100% - 32px));max-width:100%;max-height:min(760px,86vh);max-height:min(760px,86dvh);margin:auto;padding:0;border:1px solid #e8eaf0;border-radius:22px;overflow:hidden;background:#fff;color:#202734;box-shadow:0 28px 100px #13203a40}.category-dialog[open]{display:flex;flex-direction:column}.category-dialog::backdrop{background:#18202b70;backdrop-filter:blur(3px)}.category-dialog-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:24px 24px 14px;flex:none}.catalog-surface .category-dialog-head h2{font-size:21px;line-height:1.25;font-weight:600;letter-spacing:-.035em;margin:0;color:#202734;outline:0}.catalog-surface .category-dialog-head p{font-size:13px;line-height:1.5;color:#7a8392;margin-top:6px}.category-close{display:grid;place-items:center;width:44px;height:44px;flex:none;border-radius:50%;background:#f3f5f8;font-size:26px;line-height:1}.category-search-wrap{padding:0 24px 16px;flex:none}.category-dialog .category-search{width:100%;min-width:0;min-height:46px;border:1px solid #e0e4ec;border-radius:11px;background:#f8f9fc;padding:11px 13px;font-size:16px;line-height:1.4}.category-list{min-height:0;overflow:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;scrollbar-gutter:stable;padding:0 14px 14px;flex:1}.category-row{display:grid;grid-template-columns:minmax(0,1fr) 40px;align-items:center;min-width:0;min-height:50px;border-radius:11px;margin:2px 0;background:#fff;transition:background .15s}.category-option{display:grid;grid-template-columns:18px minmax(0,1fr) max-content;align-items:center;gap:10px;min-width:0;min-height:50px;padding:10px 5px 10px 12px;cursor:pointer;font-size:14px;font-weight:500;line-height:1.4;color:inherit}.category-option>span{min-width:0;overflow-wrap:anywhere}.category-option>input{width:17px;height:17px;margin:0;accent-color:var(--blue,#a133e6)}.category-option small{min-width:29px;box-sizing:border-box;text-align:center;font-size:11px;font-weight:500;font-variant-numeric:tabular-nums;line-height:1.4;background:#f0f2f6;color:#727d8e;padding:3px 6px;border-radius:6px}.category-row:hover{background:#f7f8fb}.category-row:has(input:checked){background:color-mix(in srgb,var(--blue,#a133e6) 8%,#fff);color:var(--blue,#a133e6)}.category-row:has(input:checked) small{color:var(--blue,#a133e6);background:color-mix(in srgb,var(--blue,#a133e6) 9%,#fff)}.category-option:has(input:focus-visible){outline:2px solid var(--blue,#a133e6);outline-offset:-2px;border-radius:10px}.category-option input:focus{outline:none}.category-toggle{display:grid;place-items:center;width:40px;min-height:44px;padding:0;border:0;border-radius:9px;background:transparent;color:#7b8595;cursor:pointer}.category-toggle:hover{background:#e9edf5;color:#293444}.category-toggle:focus-visible{outline:2px solid var(--blue,#a133e6);outline-offset:-3px}.category-toggle .category-chevron{margin:0 0 4px;pointer-events:none}.category-toggle[aria-expanded="true"] .category-chevron{transform:rotate(225deg);margin:4px 0 0}.category-toggle-space{width:40px;pointer-events:none}.category-list>[data-category-option]{margin-bottom:6px}.category-branch{min-width:0;padding:0;border:0}.category-children{margin:2px 0 6px 20px;padding-left:8px;border-left:1px solid #e8eaf0}.category-children .category-children{margin-left:12px;padding-left:7px}.category-row[hidden],.category-branch[hidden],.category-children[hidden]{display:none!important}.catalog-surface .category-search-empty{padding:28px 14px;font-size:14px;color:#737d8e;line-height:1.6;text-align:center}.category-dialog-foot{display:flex;align-items:center;gap:12px;padding:16px 24px;border-top:1px solid #e8eaf0;background:#fff;flex:none}.category-reset{min-height:46px;padding:10px 0;background:none;color:#707a8b;font-size:13px}.category-apply{margin-left:auto;min-height:46px;padding:12px 18px;border-radius:11px;background:var(--blue,#a133e6);color:#fff;font-size:14px;line-height:1.4;font-weight:550}
@media(max-width:640px){.category-dialog{inset:auto 0 0;width:100%;max-height:88vh;max-height:88dvh;margin:0;border-radius:22px 22px 0 0}.category-dialog-head{padding:20px 18px 12px}.category-search-wrap{padding:0 18px 13px}.category-list{padding-inline:8px}.category-dialog-foot{padding:13px 18px max(13px,env(safe-area-inset-bottom))}.category-apply{padding-inline:14px}.category-control{grid-column:1}.category-dialog-head h2{font-size:20px}.category-trigger{font-size:14px;padding-inline:11px}.category-children{margin-left:16px;padding-left:5px}.category-option{padding-left:9px;gap:9px}}
@media(prefers-reduced-motion:reduce){.category-chevron,.category-row{transition:none}}