.categoryContentCardNavigation{flex-direction:column;justify-content:center;align-items:center;width:100%;padding:0;display:flex;overflow:hidden}@media (min-width:768px){.categoryContentCardNavigation{max-width:1218px;margin:0 auto;overflow-x:hidden}}@media (min-width:1024px){.categoryContentCardNavigation{min-height:780px}}.categoryContentCardNavigation .categories-container{opacity:0;will-change:transform,opacity;backface-visibility:hidden;justify-content:center;width:100%;animation:.5s ease-out .1s forwards slideUpCategories;display:flex;overflow:hidden;transform:translateY(30px)}.categoryContentCardNavigation .categories-container .categories{white-space:nowrap;-webkit-overflow-scrolling:touch;flex-wrap:nowrap;justify-content:center;gap:24px;width:100vw;max-width:100%;padding:2.25rem 1.3125rem;display:flex;position:relative;overflow:scroll hidden}.categoryContentCardNavigation .categories-container .categories::-webkit-scrollbar{height:4px;display:block}@media (min-width:390px){.categoryContentCardNavigation .categories-container .categories{justify-content:center}}@media (min-width:768px){.categoryContentCardNavigation .categories-container .categories{gap:3rem}}@media (min-width:1024px){.categoryContentCardNavigation .categories-container .categories{justify-content:center;padding:2rem 1.3125rem}}.categoryContentCardNavigation .categories-container .categories .categoryButton{color:#6b6b6b;cursor:pointer;background:0 0;border:none;flex:none;padding:.0625rem 0;font-family:Satoshi,sans-serif;font-size:1rem;font-weight:500;line-height:1.225rem}@media (min-width:768px){.categoryContentCardNavigation .categories-container .categories .categoryButton{white-space:normal;overflow-x:visible}}@media (min-width:1024px){.categoryContentCardNavigation .categories-container .categories .categoryButton{justify-content:center;font-size:1.125rem;line-height:normal}}.categoryContentCardNavigation .categories-container .categories .categoryButton.active{color:#000;border-bottom:.125rem solid #000;border-radius:0;font-weight:700}.categoryContentCardNavigation .categoryContentCardContainer{z-index:10;flex-direction:column;gap:35px;width:100%;padding:0 12px;display:flex;overflow:hidden}@media (min-width:1024px){.categoryContentCardNavigation .categoryContentCardContainer{flex-direction:row;justify-content:space-between}}.categoryContentCardNavigation .categoryContentCardContainer .categoryContentCardLeftPanel{z-index:2;opacity:0;justify-content:center;width:100%;animation:.6s ease-out .1s forwards slideUp;display:flex;position:relative;transform:translateY(100%)}@media (min-width:1024px){.categoryContentCardNavigation .categoryContentCardContainer .categoryContentCardLeftPanel{justify-content:right;width:50%}}.categoryContentCardNavigation .categoryContentCardContainer .categoryContentCardRightPanel{z-index:2;opacity:0;justify-content:center;width:100%;animation:.6s ease-out .5s forwards slideUp;display:flex;position:relative;transform:translateY(100%)}@media (min-width:1024px){.categoryContentCardNavigation .categoryContentCardContainer .categoryContentCardRightPanel{justify-content:flex-start}}.categoryContentCardNavigation .categoryContentCardContainer .categoryContentCardRightPanel .categoryContentCardRightPanel>*{flex:none;width:80vw}@media (min-width:1024px){.categoryContentCardNavigation .categoryContentCardContainer .categoryContentCardRightPanel{width:50%}}.categoryContentCardNavigation .categoryContentCardNavigationButton{padding-top:20px;padding-bottom:10px}@media (min-width:1024px){.categoryContentCardNavigation .categoryContentCardNavigationButton{padding-top:1.9688rem;padding-bottom:0}}.categoryContentCardNavigation .categoryContentCardNavigationButton{animation:.6s ease-out .8s forwards slideUp}.categoryContentCardNavigation .categoryContentCardNavigationButton.extraPadding{padding-bottom:40px}@media (min-width:1024px){.categoryContentCardNavigation .categoryContentCardNavigationButton.extraPadding{padding-bottom:0}}.categoryContentCardLeftPanel,.categoryContentCardRightPanel{opacity:0;transform:translateY(100%)}.categoryContentCardLeftPanel.animate,.categoryContentCardRightPanel.animate{animation:.6s ease-out forwards slideUp}@keyframes slideUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@keyframes slideUpCategories{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}