.HeaderXSComponent{background:transparent;display:flex;height:5rem;justify-content:center;position:relative}.HeaderXSComponent.background-green-800{background-color:#1d4444}.HeaderXSComponent.background-nude-200{background-color:#fff2ee}.HeaderXSComponent.background-white{background-color:#fff}.HeaderXSComponent .wrapper{align-content:center;display:grid;gap:0 .5rem;grid-template-columns:repeat(4,1fr);padding:0 2rem;position:relative;width:100%}.HeaderXSComponent .logo{align-items:center;align-items:flex-start;display:flex;flex-direction:column;grid-column:1/-1;justify-content:center}.HeaderXSComponent .logo__link{background-color:#1d4444}.HeaderXSComponent .logo__link img{opacity:0}@media (min-width:36rem){.HeaderXSComponent .wrapper{display:grid;gap:0 1rem;grid-template-columns:repeat(8,1fr);padding:0 2.5rem}.HeaderXSComponent .logo{grid-column:2/-2}}@media (min-width:67.5rem){.HeaderXSComponent .wrapper{display:grid;gap:0 2rem;grid-template-columns:repeat(12,1fr);max-width:1440px;padding:0 7rem}.HeaderXSComponent .logo{grid-column:1/-1}.HeaderXSComponent .logo__link{background-color:#fff}}