.dev-container{position:fixed;z-index:99999;transition:all 0.3s ease-in-out;color:#fff;font-size:0.75em;border-top:5px solid #B5271B;display:-webkit-flex;display:flex;width:100%;-webkit-justify-content:center;justify-content:center;-webkit-flex-direction:column;flex-direction:column;pointer-events:none}.dev-container .tag{font-weight:bold;background:#B5271B;position:relative;-webkit-align-self:center;align-self:center;pointer-events:auto}.dev-container .tag:before{position:absolute;left:-18px;top:0;content:'';-webkit-transform:rotate(90deg);transform:rotate(90deg);border-top:18px solid #B5271B;border-right:18px solid transparent}.dev-container .tag:after{position:absolute;right:-18px;top:0;content:'';border-top:18px solid #B5271B;border-right:18px solid transparent}.dev-container:hover{width:100%;border-radius:0;pointer-events:auto}.dev-container:hover .details{height:auto;opacity:1;padding-bottom:5px}.dev-container .details{overflow:hidden;opacity:0;background:#B5271B;-webkit-justify-content:flex-start;justify-content:flex-start;padding:0 1em;height:0}.dev-container .details>div{border-right:1px solid white;height:100%;display:block;padding-right:1em;margin-right:1em}.dev-container .details>div:last-child{border:none;padding:0;margin:0}