html{scroll-behavior:smooth}body:has([data-menu-open=true]){overflow:hidden}.main-menu{background-color:var(--color-primary);color:var(--color-secondary);display:flex;min-height:var(--menu-height);overflow-x:clip;position:relative;width:100%;--menu-height:80px}.main-menu-wrapper{align-items:center;display:flex;justify-content:space-between;width:100%}.main-menu__logo{max-width:var(--space-12xl)}.main-menu__btn-hamburger{cursor:pointer;display:flex;flex-direction:column;gap:var(--space-xs);width:var(--space-2xl)}.btn-hamburger__line{background:#000;height:2px;width:100%}.main-menu__nav{background-color:var(--color-primary);left:0;position:absolute;right:0;top:100%;transform:translate(100%);transition:transform .2s ease-in-out;width:100%;will-change:transform;z-index:1}[data-menu-open=true] .main-menu__nav{transform:translate(0)}.main-menu-nav__item{color:var(--color-secondary);display:flex;gap:var(--space-lg);justify-content:flex-end;padding:var(--space-2xl) var(--container-px);position:relative}.main-menu-nav-item__icon{color:#666;height:1em;margin-right:auto;width:1.5em}.main-menu-nav-item__icon svg{fill:#666}.main-menu-nav-item__link{color:inherit;text-decoration:none}.main-menu-nav-item__link-inset{bottom:0;left:0;position:absolute;right:0;top:0;z-index:1}.main-menu__btn-hamburger{overflow:hidden}.btn-hamburger__line{overflow:clip;transition:transform .2s ease-in-out;will-change:transform}[data-menu-open=true] .btn-hamburger__line:nth-child(2){transform:translate(-50%)}[data-menu-open=true] .btn-hamburger__line:nth-child(3){transform:translate(-25%)}@media(min-width:48rem){.main-menu-wrapper{gap:var(--space-4xl)}.main-menu__btn-hamburger{display:none}.main-menu__nav{display:flex;margin-left:auto;margin-right:auto;position:revert;transform:revert;width:revert}.main-menu-nav__list{display:flex}.main-menu-nav__item{padding:var(--space-2xl) calc(var(--container-px)/2)}.main-menu-nav-item__icon{display:none}}