.main-category-container{flex:0 0 auto;display:flex;flex-direction:column;gap:5px;align-items:center;justify-content:center;width:103px;height:fit-content;flex-shrink:0}.sub-category-container{width:fit-content;padding:5px 10px;background-color:var(--color-surface-background);border-radius:4px}.sub-category-viewing-container{width:fit-content;padding:16px 0;color:var(--color-secondary-text)}.sub-category-viewing-container.selected{color:var(--color-primary-text);border-bottom:2px solid var(--color-primary-text)}.sub-cat-bar-view-main-container{position:relative;display:flex;background-color:var(--color-surface-background)}.sub-cat-bar-view-container{position:relative;display:flex;flex-direction:row;gap:15px;padding-right:40px;overflow-x:scroll;scrollbar-width:none;-ms-overflow-style:none;scroll-behavior:smooth;overscroll-behavior-x:contain}.sub-cat-bar-view-container::-webkit-scrollbar{display:none}.sub-cat-bar-view-drop-arrow-container{position:absolute;right:0;top:0;bottom:0;height:100%;padding:0 10px 0 25px;background:linear-gradient(to right,rgba(var(--color-surface-background-rgb),0) 0,rgba(var(--color-surface-background-rgb),.4) 5%,rgba(var(--color-surface-background-rgb),.7) 15%,rgba(var(--color-surface-background-rgb),.8) 30%,var(--color-surface-background) 40%)}.sub-cat-full-view-container{position:fixed;inset:0;background:var(--color-background);display:flex;flex-direction:column;width:100%;height:100%;scrollbar-width:none;-ms-overflow-style:none;z-index:3500;overflow:hidden}.sub-cat-full-view-close-button{padding:20px;align-self:flex-start}.sub-cat-full-view-categories-main-container{height:90%;display:flex;width:100%;justify-content:center;align-items:center;overflow:hidden;scrollbar-width:none;overflow-y:scroll}.sub-cat-full-view-categories-container{height:fit-content;max-height:100%;display:flex;width:100%;max-width:550px;justify-content:center;align-items:center;flex-direction:row;flex-wrap:wrap;gap:15px}