div.code-toolbar{
    position:relative
    
}
div.code-toolbar>.toolbar{
    position:absolute;
    z-index:10;
    top:.3em;
    right:.2em;
    transition:opacity .3s ease-in-out;
    opacity:0
    
}
div.code-toolbar:hover>.toolbar{
    opacity:1
    
}
div.code-toolbar:focus-within>.toolbar{
    opacity:1
    
}
div.code-toolbar>.toolbar>.toolbar-item{
    display:inline-block
    
}
div.code-toolbar>.toolbar>.toolbar-item>a{
    cursor:pointer
    
}
div.code-toolbar>.toolbar>.toolbar-item>button{
    background:0 0;
    border:0;
    color:inherit;
    font:inherit;
    line-height:normal;
    overflow:visible;
    padding:0;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none
    
}
div.code-toolbar>.toolbar>.toolbar-item>a,div.code-toolbar>.toolbar>.toolbar-item>button,div.code-toolbar>.toolbar>.toolbar-item>span{
    color:#FDFDFD;
    font-size:.8em;
    padding:0 .5em;
    background:#f5f2f0;
    background:rgba(224,224,224,.2);
    box-shadow:0 2px 0 0 rgba(0,0,0,.2);
    border-radius:.5em
    
}
div.code-toolbar>.toolbar>.toolbar-item>a:focus,div.code-toolbar>.toolbar>.toolbar-item>a:hover,div.code-toolbar>.toolbar>.toolbar-item>button:focus,div.code-toolbar>.toolbar>.toolbar-item>button:hover,div.code-toolbar>.toolbar>.toolbar-item>span:focus,div.code-toolbar>.toolbar>.toolbar-item>span:hover{
    color:#F0F;
    text-decoration:none
    
}