.example{border:1px solid #ffcc5f;border-bottom-left-radius:4px;border-bottom-right-radius:4px;border-top-right-radius:4px;color:#000000b3;display:flex;flex-direction:column;position:relative}.example:before{background:#ffcc5f;border-radius:4px 4px 0 0;bottom:100%;content:"Example";display:inline-block;font-size:8px;font-weight:700;left:-1px;padding:4px 8px;position:absolute;text-transform:uppercase;vertical-align:top}.example .example-component{padding:1.5rem}.example .codeview{border-top:1px solid #ffcc5f}