@keyframes underline{0%{background-position:100% 0;background-size:100% 100%}50%{background-position:100% 0;background-size:0 100%}51%{background-position:0 0;background-size:0 100%}to{background-position:0 0;background-size:100% 100%}}.category-nav{display:flex;align-items:center;justify-content:flex-end;width:100%}.category-nav__item{text-decoration:none;color:inherit;transition:background-size .3s cubic-bezier(.19,1,.22,1);background-repeat:no-repeat;transform-origin:bottom left;background-image:linear-gradient(transparent calc(100% - 1px),currentColor 1px);background-position:100% 100%;background-size:0 100%}.category-nav__item:hover{background-position:0 100%;background-size:100% 100%;transition:background-size .3s cubic-bezier(.785,.135,.15,.86)}.category-nav__item{color:var(--contrast);font-weight:600;white-space:nowrap;display:inline-block}.category-nav__item--active{color:var(--contrastMid);pointer-events:none}.category-nav__visible{display:none;max-width:100%;flex:0 1 auto;align-items:center;overflow:hidden}@media(min-width:1024px){.category-nav__visible{display:flex}}.category-nav__visible .category-nav__item{margin-left:var(--baseline)}@media(max-width:1279px){.category-nav__visible .category-nav__item:nth-child(3){display:inline-block}.category-nav__visible .category-nav__item:nth-child(3)~.category-nav__item{display:none}}@media(max-width:1535px){.category-nav__visible .category-nav__item:nth-child(4){display:inline-block}.category-nav__visible .category-nav__item:nth-child(4)~.category-nav__item{display:none}}@media(max-width:1919px){.category-nav__visible .category-nav__item:nth-child(5){display:inline-block}.category-nav__visible .category-nav__item:nth-child(5)~.category-nav__item{display:none}}@media(min-width:1920px){.category-nav__visible .category-nav__item:nth-child(5){display:inline-block}.category-nav__visible .category-nav__item:nth-child(5)~.category-nav__item{display:none}}.category-nav__hidden-wrapper{position:relative;height:100%;display:flex;align-items:center;flex:0 1 auto}.category-nav__hidden{position:absolute;top:100%;margin-top:-2px;height:auto;right:0;width:20rem;display:flex;flex-direction:column;align-items:flex-end;z-index:200;background-color:var(--bg);border-radius:.75rem;border:2px solid var(--contrastSoft);padding:var(--baseline)}.category-nav__hidden .category-nav__item{white-space:unset;display:inline-block}@media(max-width:1023px){.category-nav__hidden .category-nav__item{display:inline-block!important}}@media(max-width:1279px){.category-nav__hidden .category-nav__item{display:none}.category-nav__hidden .category-nav__item:nth-child(3)~.category-nav__item{display:inline-block}}@media(max-width:1535px){.category-nav__hidden .category-nav__item{display:none}.category-nav__hidden .category-nav__item:nth-child(4)~.category-nav__item{display:inline-block}}@media(max-width:1919px){.category-nav__hidden .category-nav__item{display:none}.category-nav__hidden .category-nav__item:nth-child(5)~.category-nav__item{display:inline-block}}@media(min-width:1920px){.category-nav__hidden .category-nav__item{display:none}.category-nav__hidden .category-nav__item:nth-child(5),.category-nav__hidden .category-nav__item:nth-child(5)~.category-nav__item{display:inline-block}}.category-nav__button{display:inline-block;flex:0 0 auto;position:relative;margin-left:var(--baseline);height:calc(var(--baseline)*1.5);width:calc(var(--baseline)*1.5);background-color:var(--bg);cursor:pointer}.category-nav__button__row{position:absolute;top:0;left:0;margin:calc(var(--baseline)*.25);height:var(--baseline);width:var(--baseline);display:flex;align-items:center;justify-content:space-between;transition:.5s cubic-bezier(1,0,0,1)}.category-nav__button__row span{width:.333rem;height:.333rem;background-color:var(--accent);display:block;border-radius:50%}.category-nav--open .category-nav__button__row:first-of-type{transform:rotate(-45deg)}.category-nav--open .category-nav__button__row:nth-of-type(2){transform:rotate(45deg)}@media(min-width:1024px){.category-nav[data-qty="1"] .category-nav__hidden-wrapper,.category-nav[data-qty="2"] .category-nav__hidden-wrapper,.category-nav[data-qty="3"] .category-nav__hidden-wrapper{display:none}}@media(min-width:1280px){.category-nav[data-qty="4"] .category-nav__hidden-wrapper{display:none}}@media(min-width:1536px){.category-nav[data-qty="5"] .category-nav__hidden-wrapper{display:none}}