.menu-wrapper{background:linear-gradient(180deg,#766aff,#483bcc)}.code-container-wrapper{background-color:#1c243b!important;width:100%;height:100%;display:flex;overflow:hidden}.code-box-container{opacity:1;line-height:1.25rem;display:flex;flex-direction:column;height:565px}.menu{opacity:1}.menu-item{padding:6px 6px 6px 12px;border-radius:8px;transition:.3s;cursor:pointer;margin-top:6px;font-size:14px;color:#e2e8f0}.menu-item:hover{background-color:hsla(0,0%,100%,.2)}.menu-item.selected{background-color:#483bcc}.code-container{width:100%;height:100%;display:flex;overflow:hidden}.code-button-container{visibility:hidden}.code-container:hover .code-button-container{visibility:visible}.code-button{background-color:#2d4551;color:#9ca3af}.code-button:hover{color:#f9fafb}.code-container .animated-container{width:100%;flex-shrink:0}.code-container .animated-container.move{animation:move-left .3s ease-out forwards}.code-container pre{width:100%;height:100%;border-radius:0;font-size:18px;background-color:#1c243b00!important;padding:1rem 0!important;margin:0!important}pre code{line-height:1.25rem!important;font-size:.9rem!important}@keyframes move-left{0%{transform:translateX(0)}to{transform:translateX(-100%)}}