.has-envBanner--top {
 --a-envbanner-block-offset:calc(var(--a-evnbanner-padding-y, 4px) + var(--a-evnbanner-padding-y, 4px) + var(--a-evnbanner-line-height, 16px))
}
.has-envBanner--top .a-EnvBanner {
 left:0;
 top:var(--a-classification-banner-offset,0);
 right:0;
 display:block;
 text-align:center;
 box-shadow:inset rgba(0,0,0,.15) 0 6px 6px -3px
}

.a-EnvBanner {
 z-index:999;
 background-color:var(--a-evnbanner-background-color,#7a736e);
 color:var(--a-evnbanner-text-color,#fff);
 text-transform:uppercase;
 font-size:var(--a-evnbanner-font-size,12px);
 line-height:var(--a-evnbanner-line-height,16px);
 font-weight:600;
 letter-spacing:2px;
 flex-grow:0;
 flex-shrink:0;
 flex-basis:auto;
 grid-area:banner;
 cursor:default;
 text-align: center;

}
.a-EnvBanner .a-EnvBanner-label {
 display:inline-block;
 -webkit-padding-start:var(--a-evnbanner-padding-x,16px);
 padding-inline-start:var(--a-evnbanner-padding-x,16px);
 -webkit-padding-end:var(--a-evnbanner-padding-x,16px);
 padding-inline-end:var(--a-evnbanner-padding-x,16px);
 -webkit-padding-before:var(--a-evnbanner-padding-y,4px);
 padding-block-start:var(--a-evnbanner-padding-y,4px);
 -webkit-padding-after:var(--a-evnbanner-padding-y,4px);
 padding-block-end:var(--a-evnbanner-padding-y,4px)
}
.a-EnvBanner .a-EnvBanner-label:empty {
 display:none
}
.a-EnvBanner-colorSelector .u-radio {
 padding:0;
 margin:4px
}
.a-EnvBanner-colorSelector .u-radio:after,
.a-EnvBanner-colorSelector .u-radio:before {
 content:none
}
.a-EnvBanner-colorSelector input[type=radio]:focus+label {
 outline-offset:2px;
 outline-width:2px;
 outline-style:dotted
}
.a-EnvBanner-color {
 display:block;
 width:32px;
 height:32px;
 border-radius:16px
}

.a-EnvBanner--accent-1,
.a-EnvBanner-color--1 {
 background-color:#7a736e;
 color:#fff
}
.a-EnvBanner--accent-2,
.a-EnvBanner-color--2 {
 background-color:#aa643b;
 color:#fff
}
.a-EnvBanner--accent-3,
.a-EnvBanner-color--3 {
 background-color:#4c825c;
 color:#fff
}
.a-EnvBanner--accent-4,
.a-EnvBanner-color--4 {
 background-color:#4f7d7b;
 color:#fff
}
.a-EnvBanner--accent-5,
.a-EnvBanner-color--5 {
 background-color:#437c94;
 color:#fff
}
.a-EnvBanner--accent-6,
.a-EnvBanner-color--6 {
 background-color:#587b86;
 color:#fff
}
.a-EnvBanner--accent-7,
.a-EnvBanner-color--7 {
 background-color:#6b7494;
 color:#fff
}
.a-EnvBanner--accent-8,
.a-EnvBanner-color--8 {
 background-color:#846a92;
 color:#fff
}
.a-EnvBanner--accent-9,
.a-EnvBanner-color--9 {
 background-color:#a36472;
 color:#fff
}
.a-EnvBanner--accent-10,
.a-EnvBanner-color--10 {
 background-color:#697778;
 color:#fff
}
.a-EnvBanner--accent-11,
.a-EnvBanner-color--11 {
 background-color:#6f757e;
 color:#fff
}
.a-EnvBanner--accent-12,
.a-EnvBanner-color--12 {
 background-color:#7a7464;
 color:#fff
}
.a-EnvBanner--accent-13,
.a-EnvBanner-color--13 {
 background-color:#227e9e;
 color:#fff
}
.a-EnvBanner--accent-14,
.a-EnvBanner-color--14 {
 background-color:#d63b25;
 color:#fff
}
.a-EnvBanner--accent-15,
.a-EnvBanner-color--15 {
 background-color:#ac630c;
 color:#fff
}
.a-EnvBanner--accent-16,
.a-EnvBanner-color--16 {
 background-color:#508223;
 color:#fff
}