#HomePage{--text-primary:#000;--text-secondary:#777;padding:0 2rem}.HomePage_header{justify-content:center;align-items:center;height:100px;display:flex}.HomePage_header h1{text-align:center;font-size:1.8rem}.HomePage_Container{flex-direction:row;width:100%;display:flex}.Category_SideBar{width:100%;height:fit-content}.Category_SideBar>div{width:100%;padding:.5rem 0}.CategoryShowcase{display:none}@media screen and (min-width:600px){.HomePage_header h1{font-size:2.3rem}}@media screen and (min-width:992px){#HomePage{padding:0 2rem}.HomePage_header{height:120px}.HomePage_header h1{font-size:4rem}.CategoryShowcase{text-align:justify;padding:.5rem 1rem;display:block}.Category_SideBar{z-index:1;flex-shrink:0;width:200px;height:100vh;position:sticky;top:0;overflow-y:scroll}.Category_SideBar::-webkit-scrollbar-track{background-color:#0000}.Category_SideBar::-webkit-scrollbar{background-color:#0000;width:4px;height:4px}}@media screen and (min-width:1200px){#HomePage{padding:0 160px}}
.CategoryButton{text-align:left;background-color:var(--background-CategoryButton);border:none;justify-content:space-between;align-items:center;width:100%;height:fit-content;padding:10px 0;display:flex}.CategoryButton:hover{cursor:pointer;background-color:var(--hover-CategoryButton)}.CategoryButton div{align-items:center;display:flex}.CategoryButton_icon{width:24px;height:24px;fill:var(--color-CategoryButton);z-index:2;margin-left:10px}.CategoryButton_text{color:var(--color-CategoryButton);z-index:2;white-space:nowrap;text-shadow:0 2px 4px #00000080;margin-left:10px;font-size:1.4rem;font-weight:400}.CategoryDotsContainer{align-items:center;padding:5px;display:flex}.DotsIcon{width:24px;height:24px;fill:var(--color-CategoryButton);z-index:2;opacity:0}.DotsIcon:hover{opacity:.5}@media screen and (min-width:600px){.CategoryButton_text{font-size:large}}
.ModalOverlay{z-index:9998;background-color:#000000b3;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0}.CategoryModal{z-index:9999;background-color:var(--background-CategoryButton);border:1px solid #333;border-radius:8px;flex-direction:column;width:90%;max-width:1000px;height:fit-content;max-height:80vh;padding:2.5rem;display:flex;position:relative;overflow-y:auto;box-shadow:0 10px 30px #00000080}.CategoryModal-list{grid-template-columns:repeat(1,minmax(150px,1fr));gap:1rem;margin:0;padding:0;list-style:none;display:grid}.CategoryModal-item{text-align:center;color:var(--color-CategoryButton);background-color:#252525;border-radius:4px;padding:1rem;transition:all .2s}.CategoryModal-item:hover{background-color:var(--hover-CategoryButton);color:#fff;cursor:pointer;transform:translateY(-2px)}@media screen and (min-width:768px){.CategoryModal-list{grid-template-columns:repeat(3,minmax(150px,1fr))}}