._base_q4qsl_3{background:var(--color-plain-250);border-radius:8px;width:100%;max-width:100%;padding:4px;position:relative}@media (width<=768px){._base_q4qsl_3{background:0 0;padding:0}}._container_q4qsl_31{-ms-overflow-style:none;scrollbar-width:none;border-radius:8px;justify-content:space-between;gap:0;display:flex;position:relative;overflow-y:hidden}._container_q4qsl_31::-webkit-scrollbar{display:none}@media (width<=768px){._container_q4qsl_31{gap:4px;margin:0 -16px;padding:0 16px}}._category_q4qsl_63{color:var(--color-plain-750);white-space:nowrap;border-radius:8px;justify-content:center;align-items:center;gap:6px;padding:8px 12px;font-size:14px;font-weight:600;transition:transform .5s,background-color .5s,color .5s;display:flex}@media (width<=768px){._category_q4qsl_63{background:var(--color-plain-250);flex-shrink:0;gap:4px;height:34px;padding:0 6px;font-size:10px}}._category_q4qsl_63 ._count_q4qsl_109{background-color:var(--color-plain-500);color:var(--color-plain-850);font-variant-numeric:lining-nums tabular-nums;border-radius:99px;height:22px;padding:0 10px;font-size:12px;line-height:22px}@media (width<=768px){._category_q4qsl_63 ._count_q4qsl_109{background:var(--color-plain-950);color:var(--color-main-500);text-align:center;border-radius:24px;order:1;min-width:24px;height:22px;max-height:22px;padding:0 8px;font-size:10px}}._category_q4qsl_63 ._countSkeleton_q4qsl_157{border-radius:8px;min-width:30.7px;min-height:24px}@media (width<=768px){._category_q4qsl_63 ._countSkeleton_q4qsl_157{order:1;min-height:24px}}._category_q4qsl_63 ._icon_q4qsl_179{color:inherit;transition:color .5s}@media (width<=768px){._category_q4qsl_63 ._name_q4qsl_189{text-overflow:ellipsis;white-space:nowrap;text-align:center;letter-spacing:-.1px;order:1;display:inline-block;overflow:hidden}}._category_q4qsl_63:hover,._category_q4qsl_63:hover ._icon_q4qsl_179{color:var(--color-plain-925)}._category_q4qsl_63:hover ._customIcon_q4qsl_225{background-color:var(--color-plain-925)}._category_q4qsl_63._active_q4qsl_235{color:var(--color-plain-950);background-color:var(--color-plain-150)}._category_q4qsl_63._active_q4qsl_235 ._customIcon_q4qsl_225,._category_q4qsl_63._active_q4qsl_235 ._icon_q4qsl_179{color:var(--color-main-500)}._category_q4qsl_63._active_q4qsl_235 ._customIcon_q4qsl_225{background-color:var(--color-main-500)}@media (width<=768px){._category_q4qsl_63._active_q4qsl_235{color:var(--color-plain-950);background-color:var(--color-main-500)}._category_q4qsl_63._active_q4qsl_235 ._name_q4qsl_189{color:inherit}._category_q4qsl_63._active_q4qsl_235 ._customIcon_q4qsl_225,._category_q4qsl_63._active_q4qsl_235 ._icon_q4qsl_179{color:var(--color-plain-950)}._category_q4qsl_63._active_q4qsl_235 ._customIcon_q4qsl_225{background-color:var(--color-plain-950)}}._nextWrap_q4qsl_299,._prevWrap_q4qsl_297{background:linear-gradient(90deg,rgb(from var(--color-plain-200) r g b/0) 0,var(--color-plain-200) 72.86%);pointer-events:none;z-index:1;justify-content:flex-end;align-items:center;width:260px;height:100%;padding:0;display:flex;position:absolute;top:0;right:0}@media (width<=768px){._nextWrap_q4qsl_299,._prevWrap_q4qsl_297{display:none}}._prevWrap_q4qsl_297{background:linear-gradient(-90deg,rgb(from var(--color-plain-200) r g b/0) 0,var(--color-plain-200) 72.86%);left:0;right:auto}._next_q4qsl_299,._prev_q4qsl_297{cursor:pointer;pointer-events:all;margin-left:auto;padding:0 12px 0 16px}._prev_q4qsl_297{margin-left:unset;margin-right:auto}._skeleton_q4qsl_383{--skeleton-background:var(--color-plain-350);border-radius:6px;flex-shrink:0;width:106px;height:24px;margin:8px 4px}._skeleton_q4qsl_383:first-child{margin-left:10px}@media (width<=768px){._skeleton_q4qsl_383{--skeleton-background:var(--color-plain-250);border-radius:8px;width:80px;height:34px;margin:0}._skeleton_q4qsl_383:first-child{margin:0}}._customIcon_q4qsl_225{width:24px;max-width:24px;height:24px;max-height:24px;-webkit-mask-image:var(--bg-mask,unset);-webkit-mask-image:var(--bg-mask,unset);mask-image:var(--bg-mask,unset);background-color:var(--color-plain-750);transition:background-color .5s;-webkit-mask-size:24px;mask-size:24px;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}._customIcon_q4qsl_225._raw_q4qsl_449{background-position:50%;width:34px;max-width:34px;height:34px;max-height:34px;margin:-5px;-webkit-mask:none;mask:none;background:var(--bg-mask,unset) center center /auto 100% transparent!important}