.environment-banner{justify-content:space-between;align-items:center;height:2.5rem;padding:.5rem 1rem;display:flex}.environment-banner--dev,.environment-banner--local{--sds-text-color:white;background-color:#108c22}.environment-banner--test{--sds-text-color:white;background-color:#8e4291}.environment-banner--stage{--sds-text-color:white;background-color:#ce4d4d}
@layer components{.header{color:#fff;background-color:#00263e;justify-content:space-between;align-items:center;padding:0 2rem;display:flex}.header__title{gap:.25rem;padding:0;font-size:1.5rem;font-weight:700;line-height:32px;display:flex}.header__title:hover{cursor:pointer}.header__symbol{width:22px;height:48px;margin:-15px 8px 0 7px;display:inline-block;position:relative;top:20px;transform:scale(.8)skew(-28deg)}.header__symbol:before{content:"";background-color:#fdda25;width:8px;height:38px;display:block;position:absolute;top:0;left:0}.header__symbol:after{content:"";background-color:#807e7c;width:8px;height:38px;display:block;position:absolute;bottom:0;right:0}.header__district-dropdown{color:#2f2b28!important;width:110%!important;padding:.25rem 1rem!important}.header__district-dropdown select{background-position-y:50%}.header__item{background-color:inherit;color:#fff;flex-direction:column;justify-content:center;align-items:center;padding:10px 1rem;display:flex}.header__item:hover{background-color:#0855a0}.header__item:active{background-color:#06427d}.header__item:focus{outline-offset:2px;outline:2px solid #0a68c4}.header-userinfo{--sds-icon-color:var(--sds-color-main-action-contrast-default);--sds-text-color:var(--sds-color-main-action-contrast-default);align-items:center;gap:.5rem;display:flex}.header-admin-buttons{--sds-text-color:var(--sds-color-main-action-contrast-default);gap:.5rem;margin-right:1rem;display:flex}}