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