*,*:before,*:after{box-sizing:border-box}:root{--theme-background: #f7f7f9;--theme-on-background: hsl(0, 0%, 5%)}body{font-family:Source Sans Pro,sans-serif;background-color:var(--theme-background);color:var(--theme-on-background)}#root{width:100%;display:flex;justify-content:center;align-items:center;overflow:auto;margin-top:20px}.main{display:flex;flex-direction:column;width:90%}.buttons+main{position:relative}.buttons+main>pre{position:static}#demo-radio-buttons-group-label{color:#000;font-weight:700}.container{display:flex;flex-direction:column;justify-content:space-between;margin-top:0%}.connectorsRow{display:flex;justify-content:space-between}.label{margin:8px 0;font-size:large;font-weight:600}.row{max-width:225%;margin:1.5% 0;display:flex;flex-direction:column}.connectorsRow .row{margin-top:0}main{display:grid;margin-top:10px;overflow:auto}select{padding:10px;font-size:1.15rem}.buttons{display:flex;justify-content:space-between;gap:2%}.inactive-button,.active-button{border-radius:16px;padding:10px;font-size:1rem;border:1px solid #4a54f5;background:#fff;color:#4a54f5}.inactive-button:hover,.active-button{color:#fff;background:#4a54f5}.copy-button{position:absolute;top:.7rem;right:.1rem;padding:4px;z-index:1;border-radius:20%;transform:scale(.9)}.copy-button:hover{background:#fff}.copy-button:hover path{color:#4a54f5}.codeblock{margin-top:20px;position:relative}.logo-heading-container{display:flex;gap:1rem;align-items:center;font-family:Source Sans Pro;margin-bottom:1rem;justify-content:space-between}.logo-heading-container p{font-size:1.5em;font-weight:600;margin-top:7px;margin-bottom:5px}.login-text{font-size:large;font-weight:600}.logo-heading{display:flex;gap:16px;align-items:center}.tray-logo{display:flex;justify-content:center}[role=tabpanel]>.MuiBox-root{padding:0!important}.app-container{display:grid;gap:20px;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);background:#fff;padding:20px;border-radius:16px}.left-side [role=tablist]{flex-wrap:wrap}[role=tablist] button{padding:.5rem}.jsoneditor{word-wrap:break-word!important;border-color:#4a54f5!important}.jsoneditor-menu{background-color:#4a54f5;color:#fff}.right-side .label{margin-top:1rem}.left-side,.right-side{display:flex;flex-direction:column}button[role=tab]{border:none!important;text-transform:capitalize;color:#3b3d5e!important}button[role=tab]:hover{background-color:#fff!important}button[role=tab][aria-selected=true]{color:#4a54f5!important}.MuiTabs-indicator{background-color:#4a54f5!important}.jsoneditor-undo,.jsoneditor-repair,.jsoneditor-sort,.jsoneditor-format,.jsoneditor-compact,.jsoneditor-redo,.jsoneditor-transform,.jsoneditor-poweredBy,.jsoneditor-search{display:none}.jsoneditor-contextmenu{z-index:5}#schemaCodeBlockContainer{height:400px}#payloadCodeBlockContainer{height:calc(100% - 10px)}.codeblock-container{flex-grow:1}.error-message-container{display:flex;background:#fbf0f0;color:#b72a2a;padding:.2rem 1rem;border-radius:1rem;max-width:400px;gap:10px;align-items:center;font-family:Source Sans Pro;position:absolute;bottom:50px;left:calc(2% + 8px);z-index:5}.login-image-box{text-align:center;max-width:300px;padding:1rem;display:flex;height:360px;flex-direction:column;justify-content:space-between;align-items:center}.login-button{margin:0}.login-image-box-container{display:flex;justify-content:center;margin-top:15rem}.logged-out-logo{padding-left:5px}.tools-container{display:flex;gap:1rem;margin:15rem 20rem 20rem}.tool-box{background-color:#fff;border:1px solid #d1d4fc;border-radius:20px;box-shadow:none;display:flex;flex-direction:column;box-sizing:border-box;transition:box-shadow .25s ease 0s;padding:24px;width:256px;align-items:center}.tool-box:hover{box-shadow:#23232333 0 10px 100px}.tool-box-heading{color:#4a54f5;font-weight:600;line-height:1.25;font-family:Source Sans Pro,sans-serif;font-size:1.5em;margin:.5em 0}button{border-radius:20px;padding:10px 20px;font-size:1rem;background:#fff;color:#4a54f5;border:2px solid #4a54f5;font-weight:700}button:hover{color:#fff;background:#4a54f5}.tool-box-description{font-size:18px;line-height:1.5;font-weight:400;color:#25292e;font-family:Source Sans Pro,sans-serif}.backbtn{border:none;background:#f7f7f9;font-size:large}.backbtn:hover{background:#f7f7f9;color:#4a54f5;text-decoration:underline}.tool-box-description{text-align:center}.rating-container{display:flex;flex-direction:column;justify-content:space-between;align-items:center;min-height:240px;gap:16px;padding:30px}.rating-container textarea{min-width:400px;border-radius:16px;padding:1rem;font-size:large}.success-message{display:flex;gap:.5rem;margin:.5rem;padding:.5rem;border-radius:.5rem;background-color:#eef7f3;color:#217350}.codeblock-container{position:relative}.endpoint-container{display:flex;flex-direction:column;justify-content:space-between;min-height:50px;padding-left:.4rem}.endpoint-title{font-weight:600;font-size:large}.endpoint-url{color:#4a54f5;font-size:medium}.right-side button[role=tab]{padding-top:0}.tray-logo path{fill:#4a54f5!important}