.lp-header{inset:0 auto auto 0;padding-inline:40px;padding-top:24px;position:fixed;transition:var(--transition-long);width:100%;z-index:9999;&[data-hidden=true]:not([data-state=open]){transform:translateY(-300%)}}.lp-header-container{align-items:center;display:flex;gap:64px;justify-content:space-between;width:100%;z-index:0}.header-logo{background:var(--white);border:1px solid var(--red-600);border-radius:var(--radius-full);height:52px;padding:13px 20px 12px;& .icon-wrapper{height:100%;width:auto;& svg{height:100%;width:auto}}}.header-nav{background:var(--white);border:1px solid var(--red-600);border-radius:var(--radius-full);padding:7px 24px;& ul{align-items:center;display:flex;gap:24px;margin:0}& li.nav-item{margin:0;padding:0;&:before{display:none}}@media (max-width:1200px){display:none}}.lp-header-btn{display:block;@media (max-width:1200px){display:none}}.mobile-trigger{background:var(--white);border:1px solid var(--red-600);border-radius:var(--radius-full);display:none;height:52px;position:relative;transition:var(--transition);width:52px;& span{background:var(--black-base);border-radius:var(--radius-full);content:"";height:3px;position:absolute;transform:translateX(-50%);transition:var(--transition);width:24px;&:first-of-type{inset:19px auto auto 50%}&:last-of-type{inset:auto auto 19px 50%}}.lp-header[data-state=open] &{border-color:transparent;& span{width:27px;&:first-of-type{inset:14px auto auto calc(50% - 4px);transform:rotate(-45deg) translateX(-50%)}&:last-of-type{inset:auto auto 14px calc(50% - 4px);transform:rotate(45deg) translateX(-50%)}}}@media (max-width:1200px){display:block}}.header-nav--mobile{background:linear-gradient(180deg,rgb(from var(--red-50) r g b/1) 0,rgb(from var(--white) r g b/1) 55%);border:none;border-radius:0;display:none;height:0;inset:0 auto auto 0;overflow:clip;padding:0;position:absolute;transition:var(--transition);width:100%;z-index:-1;.lp-header[data-state=open] &{height:100vh}@media (max-width:1200px){display:block}}.header-nav--mobile-wrapper{padding-top:112px;& ul{flex-direction:column;gap:34px;margin-bottom:34px}& .lp-btn{margin:0 auto;width:fit-content}}