.offline-category{position:relative;min-width:0;display:block}
.offline-category>label{display:block}
.offline-category-trigger{margin-top:8px;width:100%;min-height:46px;padding:11px 12px;display:flex;justify-content:space-between;gap:8px;background:#fff;color:#20252c;border:1px solid #d3d9e2;border-radius:12px;text-align:left;font-size:14px;font-weight:600}
.offline-category-trigger:hover{background:#fff;border-color:#b7bec6}
.offline-category-trigger[aria-expanded=true]{border-color:#df1025;box-shadow:0 0 0 4px #df102519}
.offline-category-trigger span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.offline-category-trigger svg{flex-shrink:0}
.offline-category-list{position:absolute;top:calc(100% + 6px);left:0;right:0;z-index:10;overflow-y:auto;overscroll-behavior:contain;padding:5px;background:#fff;border:1px solid #d5dae0;border-radius:14px;box-shadow:0 12px 28px #0003;color:#171a1e}
.offline-category-list>button{display:block;width:100%;min-height:44px;border:0;border-radius:9px;padding:10px 12px;background:transparent;color:#171a1e;font-size:14px;font-weight:400;text-align:left;overflow-wrap:anywhere}
.offline-category-list>button:hover,.offline-category-list>button.is-active{background:#eef0f3}
.offline-category-list>button[aria-selected=true]{color:#df1025;font-weight:750;background:#fff0f3}