@import "https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap";.burger-menu{--burger-line-width:2.35rem;--burger-line-offset:.38rem;cursor:pointer;width:var(--burger-line-width);z-index:3;box-sizing:border-box;height:1.6rem;color:inherit;-webkit-tap-highlight-color:transparent;background:0 0;border:0;justify-content:center;align-items:center;padding:0;display:inline-flex;position:relative}.burger-menu span{height:1px;width:var(--burger-line-width);background-color:var(--text-primary);transform-origin:50%;z-index:3;transition:transform .36s cubic-bezier(.16,1,.3,1);position:absolute;top:50%;left:50%}.burger-menu.is-open span{width:calc(var(--burger-line-width) * .85)}.burger-menu span:first-child{transform:translate(-50%, calc(-50% - var(--burger-line-offset))) scaleY(.75)}.burger-menu span:last-child{transform:translate(-50%, calc(-50% + var(--burger-line-offset))) scaleY(.75)}.burger-menu.is-open span:first-child{transform:translate(-50%,-50%)rotate(45deg)scaleY(.75)}.burger-menu.is-open span:last-child{transform:translate(-50%,-50%)rotate(-45deg)scaleY(.75)}.burger-menu:focus-visible{outline:1px solid var(--border-selected);outline-offset:.35rem}@-moz-document url-prefix(){.burger-menu span:first-child{transform:translate(-50%, calc(-50% - var(--burger-line-offset)))}.burger-menu span:last-child{transform:translate(-50%, calc(-50% + var(--burger-line-offset)))}.burger-menu.is-open span:first-child{transform:translate(-50%,-50%)rotate(45deg)}.burger-menu.is-open span:last-child{transform:translate(-50%,-50%)rotate(-45deg)}}.category-menu{background-color:var(--surface);z-index:1000;width:100%;font-weight:300;position:absolute;top:3rem;left:0}@media (width>=768px){.burger-menu{--burger-line-width:3.45rem;--burger-line-offset:.5rem;height:3.5rem;width:var(--burger-line-width)}.burger-menu span{background-color:var(--text-primary)}}