.generating-overlay{position:absolute;top:0;left:0;bottom:0;right:0;width:100%;height:100%;position:fixed;z-index:99999;color:#fff;background:rgba(0,0,0,.8);justify-content:center;text-align:center;flex-direction:column}.docblock,.generating-overlay{display:flex;align-items:center}.docblock{padding:1rem 1.5rem;background-color:#fff;position:relative;z-index:1;border-radius:3px;margin-bottom:1rem;transition:background-color .3s;border:1px solid rgba(0,0,0,.2);box-shadow:1px 1px .5rem rgba(0,0,0,.05);justify-content:space-between}.docblock:hover{background-color:var(--brand-color-highlight)}.docblock:hover .btn{color:var(--brand-text)!important;background-color:var(--brand-color)!important}.docblock a:before{content:"";position:absolute;top:0;left:0;bottom:0;right:0;width:100%;height:100%}.docblock .flavour{font-weight:300}.docblock h4{grid-area:.5}.docblock p{grid-area:.66666667}.res>div{margin-bottom:2rem;padding-top:1rem;border-top:1px solid rgba(0,0,0,.2);display:flex;flex-wrap:wrap}.res>div p{flex:8 1 250px}.res>div h4{flex:1 0 150px;margin-right:1.5rem}