.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-option{display:flex;align-items:center;gap:11px;min-width:0;min-height:44px;padding:10px;border-radius:10px;cursor:pointer;font-size:14px;line-height:1.4}.category-option>span{min-width:0;flex:1;overflow-wrap:anywhere}.category-option>input{width:17px;height:17px;flex:none;margin:0;accent-color:var(--blue,#a133e6)}.category-option small,.category-branch>summary small{font-size:11px;font-weight:500;font-variant-numeric:tabular-nums;line-height:1.4;background:#eef1f6;color:#778191;padding:3px 7px;border-radius:6px;flex:none;margin-left:auto}.category-option:hover,.category-branch>summary:hover{background:#f6f7fb}.category-option:has(input:checked){background:color-mix(in srgb,var(--blue,#a133e6) 8%,#fff);color:var(--blue,#a133e6)}.category-option:has(input:focus-visible){outline:2px solid var(--blue,#a133e6);outline-offset:-2px}.category-option input:focus{outline:none}.category-list>[data-category-option]{margin-bottom:8px}.category-branch{min-width:0;border-top:1px solid #eef0f4;padding:5px 0}.category-branch>summary{display:flex;align-items:center;gap:10px;min-height:48px;padding:10px;cursor:pointer;border-radius:10px;list-style:none;font-size:14px;font-weight:550;line-height:1.4}.category-branch>summary::-webkit-details-marker{display:none}.category-branch>summary>span:first-child{min-width:0;overflow-wrap:anywhere}.category-branch[open]>summary>.category-chevron{transform:rotate(225deg);margin-bottom:0;margin-top:3px}.category-children{margin:3px 0 7px 17px;padding-left:10px;border-left:1px solid #e8eaf0}.category-children .category-branch{border:0}.category-children .category-children{margin-left:8px;padding-left:7px}.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}}
@media(prefers-reduced-motion:reduce){.category-chevron{transition:none}}