@import url(https://cdn.jsdelivr.net/npm/bootstrap@5.3.1/dist/css/bootstrap.min.css);.error-renderer{background-color:#ffc6c6;border-bottom:.15rem solid #de6a6a;color:red;min-height:50px;padding:10px}.error-renderer span img{height:12px;margin-right:1rem;width:12px}.tab{border-right:1px solid #e2e2e2;cursor:pointer;text-align:center}.tab:hover{background:#f1f1f1}.tab.active{background:#e0e0e0;border-bottom:3px solid blue;color:#0d6efd;font-weight:700}.nav-tabs .nav-link{border-right:1px solid #e2e2e2!important;color:#000!important;cursor:pointer!important;padding:16px 32px!important;text-align:center!important}.nav-tabs .nav-link:hover{background:#f1f1f1!important}.nav-tabs .nav-link.active{background:#e0e0e0!important;border-bottom:3px solid blue!important;color:#0d6efd!important;font-weight:700!important}.sandbox{height:calc(100vh - 100px);padding:10px}.copy-msg{background-color:#ab65d0;color:#fff;left:0;margin-top:1rem;min-height:2.5vh;padding:1rem;position:fixed;text-align:center;top:40vh;transition:color .25s ease-in-out,background-color .25s ease-in-out;width:calc(100% - 40px);z-index:2}.editor-controls{display:flex;justify-content:space-between}.editor-controls button{cursor:pointer;padding:16px 32px}.editor-selector{background-color:#fff0;margin:8px}.editor-container{display:flex;height:calc(100% - 10px);justify-content:center}.loader-container{align-items:center;display:flex;justify-content:center}.editor-wrapper{border:1px solid #0000;border-radius:12px 0 0 12px;box-shadow:0 2px 25px #0000001f;height:100%;overflow:hidden;width:50%}.main-editor{height:100%;margin-top:-40px;width:100%}.copy-btn{height:40px;left:calc(80% - 2.75rem);top:30px;width:40px}.copy-btn,.publish-btn{align-items:center;background-color:#ffffff3d;border:1px solid #fff;color:#0d6efd;display:flex;font-weight:700;justify-content:center;position:relative;z-index:1}.publish-btn{left:calc(90% - 2.75rem);top:-90px}.copy-btn:hover{background-color:#0d6efd;border:1.5px solid #0d6efd;color:#fff}.test-btn{background-color:#ab65d0;border-radius:8px;color:#fff;width:150px}.test-btn:hover{background-color:#844aa3;border-color:#ab65d0}.test-btn-outline{background-color:initial;border-color:#ab65d0;color:#ab65d0}.test-btn-outline:hover{background-color:#ab65d0;border-color:#ab65d0;color:#fff}.renderer-container{border:1px solid #dee2e6;border-radius:0 12px 12px 0;box-shadow:0 2px 25px #0000001f;display:block;height:100%;overflow:hidden;width:50%}.renderer-view{height:700px;overflow:scroll}.renderer-header{border-bottom:1px solid #dee2e6;display:flex;justify-content:space-between;padding:8px}.validate-success{text-align:center}.tab-content,.tab-pane{height:100%}.pre-format{height:100%!important;overflow-x:auto!important;overflow-y:auto!important;padding:20px}@media only screen and (max-width:960px){.editor-container{flex-direction:column;padding-top:10px}.editor-wrapper{border-radius:12px 12px 0 0;width:100%}.renderer{border-radius:0 0 12px 12px;height:50%}.renderer,.renderer-container{width:100%}}body{font-family:Lato,sans-serif!important}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}button{background-color:initial;border:1px solid #0000;border-radius:.25rem;color:#212529;cursor:pointer;display:inline-block;font-size:1rem;font-weight:400;line-height:1.5;overflow:visible;padding:.375rem .75rem;transition:color .25s ease-in-out,background-color .25s ease-in-out,border-color .25s ease-in-out,box-shadow .25s ease-in-out;-webkit-user-select:none;user-select:none;vertical-align:middle}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.sandbox-container{display:block;margin:0 auto;width:100%}.sandbox-container h1{font-size:4.5rem}.sandbox-container h3{font-size:1.75rem;font-weight:500}@media only screen and (max-device-width:480px){.hide-on-mobile{display:none}}
/*# sourceMappingURL=main.css.map*/