pre.pre:before{-webkit-animation:arrow1 1.5s infinite .75s;animation:arrow1 1.5s infinite .75s;opacity:0}pre.pre:after{-webkit-animation:arrow2 1.5s infinite;animation:arrow2 1.5s infinite;opacity:0}pre.pre:after,pre.pre:before{position:fixed;top:225px;right:10px;width:20px;height:20px;margin-top:-12px;content:"";-webkit-transform:rotate(45deg);transform:rotate(45deg);border:2px solid #fff;border-top:none;border-right:none}@keyframes arrow1{from{opacity:1}to{transform:translateX(-75%) rotate(45deg);opacity:0}}@keyframes arrow2{from{opacity:1}to{transform:translateX(-75%) rotate(45deg);opacity:0}}pre.pre:hover:after,pre.pre:hover:before{content:none}pre.pre:hover{z-index:10000;top:10px!important;bottom:10px;overflow:auto;max-width:50%;max-height:100%;padding-right:30px;color:#267fb5;border:15px solid #14191f}pre.pre{font-family:monospace,monospace;font-size:1em;position:fixed;z-index:1000;top:200px;right:10px;overflow:hidden;box-sizing:border-box;max-width:50px;min-height:50px;max-height:50px;margin:0;transition:top .5s,bottom .5s,max-width .5s,max-height .5s,color 1s,padding-right .5s,border .5s;color:transparent;border-radius:5px;background-color:#14191f;-webkit-box-shadow:0 0 .5em #14191f;-moz-box-shadow:0 0 .5em #14191f;box-shadow:0 0 .5em #14191f}