:root{--system-banner-backgound:#3e3e3e}.system-banner{opacity:.9;pointer-events:none;position:fixed;right:0;top:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:9999}.system-banner__banner{color:#fff;font-family:sans-serif;font-size:20px;font-weight:700;line-height:normal;margin:0;padding:10px 0;pointer-events:none;text-align:center;text-transform:uppercase;width:100px;-webkit-text-fill-color:#fff;-webkit-text-stroke-width:1px;-webkit-text-stroke-color:#000;background-color:var(--system-banner-backgound);top:0;transform:translateX(30%) translateY(0) rotate(45deg);transform-origin:top left}.system-banner__banner:after,.system-banner__banner:before{background-color:var(--system-banner-backgound);content:"";height:100%;margin:0 -1px;position:absolute;top:0;width:100%}.system-banner__banner:before{right:100%}.system-banner__banner:after{left:100%}.system-banner--prod .system-banner__banner,.system-banner--red .system-banner__banner{--system-banner-backgound:#b80b0b}.system-banner--dev .system-banner__banner,.system-banner--green .system-banner__banner{--system-banner-backgound:#00a808}.system-banner--stage .system-banner__banner,.system-banner--yellow .system-banner__banner{--system-banner-backgound:#ff3}.system-banner--purple .system-banner__banner,.system-banner--test .system-banner__banner{--system-banner-backgound:#a067cf}.system-banner--blue .system-banner__banner{--system-banner-backgound:#1e4795}