.CodeBar-module__4jTq4q__codebar{background:#272822;flex:0 50%;min-width:0;position:relative}.CodeBar-module__4jTq4q__tab{border-bottom:2px solid #333;justify-content:center;align-items:center;gap:15px;height:70px;padding:0 15px;display:flex}.CodeBar-module__4jTq4q__item{color:#fff;cursor:pointer;background:#333;border-radius:4px;flex:auto;justify-content:center;align-items:center;height:50px;font-size:15px;font-weight:600;display:flex}.CodeBar-module__4jTq4q__activeTab{color:#fff;background:#1f55fa}.CodeBar-module__4jTq4q__editor{height:min(70vh,50rem);padding:10px}.CodeBar-module__4jTq4q__editor>div{height:100%}@media (max-width:800px){.CodeBar-module__4jTq4q__codebar{flex-basis:auto;width:100%}.CodeBar-module__4jTq4q__tab{height:auto;padding-block:10px}.CodeBar-module__4jTq4q__item{min-height:44px}.CodeBar-module__4jTq4q__editor{height:32rem}}
.Preview-module__2ln4-a__content{height:100%;min-height:32rem}.Preview-module__2ln4-a__preview{border:0;width:100%;height:100%}.Preview-module__2ln4-a__previewLoading{letter-spacing:2px;color:#ffffff1a;background:#272822;flex-flow:column;place-content:center;align-items:center;width:100%;height:100%;font-size:clamp(2rem,6vw,4.5rem);font-weight:700;display:flex}.Preview-module__2ln4-a__previewLoading h1{letter-spacing:2px;color:#ffffff1a;background:#272822;justify-content:center;align-items:flex-end;width:100%;height:100%;font-size:clamp(2rem,7vw,5rem);font-weight:700;display:flex}.Preview-module__2ln4-a__previewLoading span{letter-spacing:2px;color:#ffffff1a;background:#272822;justify-content:center;align-items:flex-start;width:100%;height:100%;font-size:clamp(2rem,7vw,5rem);font-weight:700;display:flex}
.App-module__YNLvUW__main{border-left:2px solid #333;flex:1;min-width:0}@media (max-width:800px){.App-module__YNLvUW__main{border-top:2px solid #333;border-left:0;min-height:24rem}}