.CodePanel-module__x1a9wW__window{background:linear-gradient(#26262a8c,#0a0a0be6);border-radius:8px;overflow:hidden;box-shadow:inset 0 0 0 .5px #f4f4f51a,inset 0 1px #f4f4f50d}.CodePanel-module__x1a9wW__bar{border-bottom:var(--border-size) solid var(--color-divider);align-items:center;gap:12px;height:40px;padding:0 6px;display:flex}.CodePanel-module__x1a9wW__tabs{gap:2px;display:flex}.CodePanel-module__x1a9wW__tab{height:28px;color:var(--color-medium-grey);border-radius:999px;padding:0 12px;transition:background-color .2s,color .2s}.CodePanel-module__x1a9wW__tab[aria-selected=true]{color:var(--color-main);background-color:#f4f4f514}.CodePanel-module__x1a9wW__tab:hover{color:var(--color-main)}.CodePanel-module__x1a9wW__file{color:#9d9da399;text-overflow:ellipsis;white-space:nowrap;flex:1;font-family:ui-monospace,Menlo,Consolas,monospace;font-size:11px;overflow:hidden}.CodePanel-module__x1a9wW__copy{height:28px;color:var(--color-medium-grey);border-radius:999px;padding:0 12px;transition:background-color .2s,color .2s}.CodePanel-module__x1a9wW__copy:hover{color:var(--color-main);background-color:#f4f4f514}.CodePanel-module__x1a9wW__pre{color:var(--color-medium-grey);text-transform:none;margin:0;padding:20px 20px 22px;font-family:ui-monospace,Menlo,Consolas,monospace;font-size:12.5px;line-height:1.7;overflow-x:auto}.CodePanel-module__x1a9wW__string{color:var(--color-main)}.CodePanel-module__x1a9wW__tag{color:#c9c9ce}.CodePanel-module__x1a9wW__comment{color:#5d5d64}@media screen and (max-width:900px){.CodePanel-module__x1a9wW__file{display:none}.CodePanel-module__x1a9wW__bar{justify-content:space-between}.CodePanel-module__x1a9wW__pre{padding:16px;font-size:11.5px}}