body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}.App{text-align:center}.App-header{height:10vh}.App-header,.App-main{background-color:#282c34;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff}.App-main{height:100vh}.label{font:normal 600 16px/26px Quicksand;color:#64748b;margin:0}.label-wrapper{display:flex;align-content:center}.tag-wrapper{height:24px;min-width:68px;border-radius:30px;padding:3px 10px;display:flex;align-items:center;justify-content:center;cursor:pointer;margin-left:4px}.tag-wrapper.prod{background-color:#334155}.tag-wrapper.test{background-color:#e2e8f0}.value-text{font:normal 700 12px/18px Inter}.value-text.prod{color:#f8fafc}.value-text.test{color:#64748b}.tag-wrapper.prod:hover{background-color:#64748b}.tag-wrapper.test:hover{background-color:#cbd5e1}select{border-radius:4px;border:1px solid #64748b;background-color:#fff}.textfield,select{box-sizing:border-box;height:54px;width:100%;padding:8px 16px;font:normal 400 16px/24px Inter;color:#64748b}.textfield{border-radius:4px;border:1px solid #e2e8f0;background-color:#f8fafc}.textfield-wrapper{display:flex;flex-direction:column;width:100%}.button{min-width:125px;height:36px;border-radius:6px;border:1px solid #e2e8f0;text-transform:uppercase;font:normal 600 14px/24px Inter;display:flex;align-items:center;justify-content:center}.button.disabled>p{color:#64748b}.button>p{margin:0}.button:hover{cursor:pointer}.button.contained{background-color:#4f46e5;color:#fff}.button.outlined{background-color:#fff;color:#4f46e5}.button.delete{min-width:54px;height:54px;background-color:#fff;color:red}.button.delete:hover{background-color:rgba(255,196,196,.2)}.editor-wrapper{background-color:#fff;border-radius:4px;padding:16px;width:80%;min-height:200px;display:flex;flex-direction:column;box-sizing:border-box}.container{flex:100% 1;display:flex;padding:8px}.actions-box{flex-direction:row}.label-container{flex:80% 1;display:flex;justify-content:start}.buttons-wrapper{flex:20% 1;display:flex;justify-content:flex-end;align-content:center}.tag-container{flex-wrap:wrap}.dropdown-container{flex:50% 1;display:flex;padding-right:4px}.textfield-container{flex:50% 1}.delete-button,.textfield-container{display:flex;padding-left:4px}.error-message{color:red;font:normal 600 12px/14px Quicksand;margin:0}.add-save-button-wrapper{padding-right:4px}@media (max-width:480px){.actions-box{flex-direction:column}.buttons-wrapper{justify-content:center;flex:100% 1}.inputs-container{flex-direction:column}.dropdown-container{margin-bottom:4px}.textfield-container{padding-left:0}.label-wrapper .dropdown-container .textfield-container{flex:100% 1}}@media (max-width:340px){.buttons-wrapper{text-align:center;flex-direction:column}.buttons-wrapper>div>button{width:100%;margin:5px 0}}
/*# sourceMappingURL=main.489903e4.chunk.css.map */