.dev-banner {
  background: #EEF1F3;
  padding-top: 26px;
  padding-bottom: 26px;
  border-radius: 4px;
}

@media only screen and (max-width: 767px) {
  .dev-banner {
    padding-top: 20px;
    padding-bottom: 20px;
  }
}

.dev-banner .container-width-bigger {
  display: grid;
  grid-template-columns: auto 1fr 20px;
  column-gap: 20px;
  align-items: center;
  justify-content: flex-end;
  max-width: 1300px;
  padding: 0 10px;
  margin: auto;
}

@media (min-width: 1260px) {
  .dev-banner .container-width-bigger {
    column-gap: 60px;
  }
}

.dev-banner .dev-banner--alert__icon {
   background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDI1LjIuMSwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCAyOCAyNiIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMjggMjY7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4KCS5zdDB7ZmlsbDojMDA5MUM2O30KPC9zdHlsZT4KPHBhdGggY2xhc3M9InN0MCIgZD0iTTI3LjYsMjAuOUwxNi45LDEuN0MxNi4zLDAuNiwxNS4yLDAsMTQsMHMtMi4zLDAuNi0yLjksMS43TDAuNCwyMC45Yy0wLjYsMS4xLTAuNiwyLjMsMCwzLjRTMi4xLDI2LDMuMywyNgoJaDIxLjRjMS4yLDAsMi4zLTAuNiwyLjktMS43QzI4LjEsMjMuMiwyOC4xLDIyLDI3LjYsMjAuOXogTTI2LjEsMjMuNGMtMC4zLDAuNS0wLjgsMC45LTEuNCwwLjlIMy4zYy0wLjYsMC0xLjEtMC4zLTEuNC0wLjkKCWMtMC4zLTAuNS0wLjMtMS4yLDAtMS43TDEyLjYsMi42QzEyLjksMiwxMy40LDEuNywxNCwxLjdzMS4xLDAuMywxLjQsMC45bDEwLjcsMTkuMkMyNi40LDIyLjMsMjYuNCwyMi45LDI2LjEsMjMuNHogTTEzLjIsOC41aDEuNgoJVjE3aC0xLjZWOC41eiBNMTQsMTguN2MtMC42LDAtMS4xLDAuNS0xLjEsMS4xczAuNSwxLjEsMS4xLDEuMXMxLjEtMC41LDEuMS0xLjFTMTQuNiwxOC43LDE0LDE4Ljd6Ii8+Cjwvc3ZnPgo=");
   background-repeat: no-repeat;
   background-size: 28px;
   display: grid;
   height: 26px;
   width: 28px;
}

@media (min-width: 1260px) {
  .dev-banner .dev-banner--alert__icon {
    margin-left: 40px;
  }
}

.dev-banner .dev-banner--close__icon {
  background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDI1LjIuMSwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCAyMiAyMiIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMjIgMjI7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4KCS5zdDB7ZmlsbDojMDA5MUM2O30KPC9zdHlsZT4KPHBhdGggY2xhc3M9InN0MCIgZD0iTTIxLjcsMjEuM2MtMC4yLDAuMi0wLjUsMC4zLTAuNywwLjNzLTAuNS0wLjEtMC43LTAuM0wxMSwxMmwtOS4zLDkuM2MtMC4yLDAuMi0wLjUsMC4zLTAuNywwLjMKCXMtMC41LTAuMS0wLjctMC4zYy0wLjQtMC40LTAuNC0xLDAtMS40bDkuMy05LjNMMC43LDEuN2MtMC40LTAuNC0wLjQtMSwwLTEuNHMxLTAuNCwxLjQsMEwxMSw5LjJsOC45LTguOWMwLjQtMC40LDEtMC40LDEuNCwwCglzMC40LDEsMCwxLjRsLTguOSw4LjlsOS4zLDkuM0MyMi4xLDIwLjIsMjIuMSwyMC45LDIxLjcsMjEuM3oiLz4KPC9zdmc+Cg==");
  background-repeat: no-repeat;
  background-size: 20px;
  display: grid;
  height: 20px;
  width: 20px;
  cursor: pointer;
}

.banner-active .sticky-top {
  border: none!important;
}

.banner-active .block-unwomendevbanner {
  border-top: 1px solid #d8d8d8;
  z-index: 1;
}

.banner-active main {
  margin-top: 22px;
}

@media (max-width: 767px) {
  .banner-active main {
    margin-top: 15px;
  }
}