.navbar header{max-width:1680px;margin:0 auto;display:flex;gap:20px;justify-content:space-between;min-height:65px;align-items:center}.navbar{position:sticky;top:0;animation:adjust-header linear both;animation-timeline:scroll();animation-range:0 100px;background-color:var(--background);z-index:100}@media screen and (max-width:1680px){.navbar{padding-left:20px;padding-right:20px}}@media screen and (max-width:1270px){.navbar{max-width:1200px}}@media screen and (max-width:980px){.navbar{max-width:1200px}}@keyframes adjust-header{to{border-bottom:1px solid var(--border)}}.nav-item .group[data-state=open]:before{content:"";display:block;width:20px;height:20px;background-color:#fff;position:absolute;top:34px;left:35%;transform:rotate(45deg);opacity:1;transition:opacity 2s ease-in-out;--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,rgb(0 0 0/0.1)),0 1px 2px -1px var(--tw-shadow-color,rgb(0 0 0/0.1));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);border-style:var(--tw-border-style);border-width:1px;border-color:var(--border)}.nav-item .group[data-state=close]{position:relative}.nav-item .group[data-state=close]:before{content:"";display:block;width:20px;height:20px;background-color:#fff;position:absolute;top:34px;left:35%;transform:rotate(45deg);opacity:0;transition:opacity 2s ease-in-out}