.code-container{background-color:#00000000;overflow-x:auto}.code-block pre code.html{color:#e44d26}.code-block pre code.css{color:#2874f0}.code-block pre code.js{color:#f0db4f}.code-block pre code.jsx{color:#61dafb}.code-container pre{width:100%;height:auto;margin-top:0}.tab{background-color:#000000;color:#282727;outline:1px solid #282727;outline-offset:-.5px}.tab,.tab-active,.tab-bar-empty-space{display:flex;align-items:center;padding:0 16px;height:48px;justify-items:center}.tab-bar-empty-space{flex-grow:1;background-color:#000000;color:#282727;outline:1px solid #282727;outline-offset:-.5px}.syntax-highlighter-focus-children-container::-webkit-scrollbar{display:none}.syntax-highlighter-focus-children-container{-ms-overflow-style:none;scrollbar-width:none}.copy-message{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background-color:rgba(0,0,0,.8);color:#fff;padding:10px 20px;border-radius:5px;font-size:18px;opacity:1;animation:fadeOut 2s forwards}@keyframes fadeOut{0%{opacity:1}80%{opacity:1}to{opacity:0}}.hover-message{position:absolute;top:10px;right:10px;background-color:rgba(0,0,0,.7);color:#fff;padding:5px 10px;border-radius:5px;font-size:14px;opacity:0;transition:opacity .3s ease;z-index:1}.code-container:hover .hover-message{opacity:1}