.icon{max-width:100%;width:500px}.progress-wrapper{position:relative;width:100%;height:20px}progress{width:100px;height:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none}progress::-webkit-progress-bar{background-color:#e0e0e0;border-radius:5px;overflow:hidden}progress::-webkit-progress-value{background-color:#4caf50;border-radius:5px 0 0 5px}progress::-moz-progress-bar{background-color:#4caf50;border-radius:5px}progress::-ms-fill{background-color:#4caf50;border-radius:5px}.progress-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#000;font-weight:500}.responsive-iframe{width:100%;height:0;padding-bottom:56.25%;position:relative;overflow:hidden;margin-top:1.3em}.responsive-iframe iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:0}figure{display:flex;flex-direction:column;align-items:center;& img{margin-top:24px}& figcaption{font:italic smaller sans-serif;padding-top:5px;text-align:center}}.code-block-wrapper{position:relative}.copy-button{position:absolute;top:8px;right:8px;padding:8px;background-color:rgba(75,85,99,.8);border:none;border-radius:4px;color:#fff;cursor:pointer;opacity:0;transition:opacity .2s ease,background-color .2s ease}.code-block-wrapper:hover .copy-button{opacity:1}.copy-button:hover{background-color:rgba(55,65,81,.9)}.copy-button:active{transform:scale(.95)}.copy-icon{width:16px;height:16px;display:block}