.home-shell.ui-home.ui-page--index-index[data-v-52e80df1] { background: #fff !important; color: #202124 !important; --home-primary-height: 84px; --home-chrome-height: calc(var(--home-header-height) + var(--home-primary-height) + 42px);
}
.ui-home .home-categories[data-v-52e80df1] { position: fixed; z-index: 11; top: var(--home-header-height); left: 50%; width: min(100%, 600px); height: var(--home-primary-height); transform: translateX(-50%); background: #fff; white-space: nowrap;
}
.ui-home .home-subcategory-bar[data-v-52e80df1] { position: fixed; z-index: 11; top: calc(var(--home-header-height) + var(--home-primary-height)); left: 50%; display: flex; width: min(100%, 600px); height: 42px; transform: translateX(-50%); background: #fff;
}
.home-categories .home-category-track[data-v-52e80df1] { gap: 8px; width: 100%; height: var(--home-primary-height); padding: 0 12px;
}
.home-categories .home-category[data-v-52e80df1] { display: flex; flex: 1 0 0; flex-direction: column; align-items: center; justify-content: center; gap: 5px; height: var(--home-primary-height); padding: 4px 0 10px; line-height: 20px;
}
.home-category-icon[data-v-52e80df1] { flex: 0 0 40px; width: 40px; height: 40px;
}
.home-category-label[data-v-52e80df1] { font-size: 14px; line-height: 20px; white-space: nowrap;
}
.home-categories .home-category.active[data-v-52e80df1]::before { bottom: 3px; width: 28px; height: 3px; background: #c9e944;
}
.ui-home .filter-layer[data-v-52e80df1] { top: calc(var(--home-header-height) + var(--home-primary-height, 84px));
}