.code_container__DsrGS{position:relative}.code_file_name__JvjZL{position:absolute;top:0;left:0;right:0;color:var(--yellow);padding:10px 5px 10px 20px;background-color:#2e2e2e}.code_container__DsrGS pre{color:#d4d4d4;background-color:#1f1f1f;padding:10px 20px 10px 5px;text-align:left;overflow:auto;min-height:135px}.code_file_name__JvjZL+pre{padding-top:60px}.code_container__DsrGS pre>div{display:grid;grid-template-columns:30px 1fr;align-items:center;grid-gap:20px;gap:20px}.code_container__DsrGS pre[data-lines="1"]>div{grid-template-columns:25px 1fr}.code_container__DsrGS pre[data-lines="3"]>div{grid-template-columns:40px 1fr}.code_container__DsrGS pre[data-lines="4"]>div{grid-template-columns:55px 1fr}.code_line_no__pRp9E{text-align:right;-webkit-user-select:none;-moz-user-select:none;user-select:none;opacity:.5;color:var(--yellow-light)}button.code_copy__sP0u8{display:flex;position:absolute;top:60px;right:10px;padding:20px;background-color:#2e2e2e;border:none;border-radius:4px;cursor:pointer;opacity:0;box-shadow:0 0 0 transparent;transition:opacity .4s ease,box-shadow .4s ease}.code_copy__sP0u8:hover{box-shadow:0 0 5px var(--yellow)}.code_copy__sP0u8 svg{width:24px;height:24px}.code_container__DsrGS:hover .code_copy__sP0u8{opacity:1}