:root{--blackA1: hsla(0, 0%, 0%, .012);--blackA2: hsla(0, 0%, 0%, .027);--blackA3: hsla(0, 0%, 0%, .047);--blackA4: hsla(0, 0%, 0%, .071);--blackA5: hsla(0, 0%, 0%, .09);--blackA6: hsla(0, 0%, 0%, .114);--blackA7: hsla(0, 0%, 0%, .141);--blackA8: hsla(0, 0%, 0%, .22);--blackA9: hsla(0, 0%, 0%, .439);--blackA10: hsla(0, 0%, 0%, .478);--blackA11: hsla(0, 0%, 0%, .565);--blackA12: hsla(0, 0%, 0%, .91)}:root{--mauve1: hsl(300, 20%, 99%);--mauve2: hsl(300, 7.7%, 97.5%);--mauve3: hsl(294, 5.5%, 95.3%);--mauve4: hsl(289, 4.7%, 93.3%);--mauve5: hsl(283, 4.4%, 91.3%);--mauve6: hsl(278, 4.1%, 89.1%);--mauve7: hsl(271, 3.9%, 86.3%);--mauve8: hsl(255, 3.7%, 78.8%);--mauve9: hsl(252, 4%, 57.3%);--mauve10: hsl(253, 3.5%, 53.5%);--mauve11: hsl(252, 4%, 44.8%);--mauve12: hsl(260, 25%, 11%)}:root{--violet1: hsl(255, 65%, 99.4%);--violet2: hsl(252, 100%, 99%);--violet3: hsl(252, 96.9%, 97.4%);--violet4: hsl(252, 91.5%, 95.5%);--violet5: hsl(252, 85.1%, 93%);--violet6: hsl(252, 77.8%, 89.4%);--violet7: hsl(252, 71%, 83.7%);--violet8: hsl(252, 68.6%, 76.3%);--violet9: hsl(252, 56%, 57.5%);--violet10: hsl(251, 48.1%, 53.5%);--violet11: hsl(250, 43%, 48%);--violet12: hsl(254, 60%, 18.5%)}.SelectTrigger{display:inline-flex;align-items:center;justify-content:center;border-radius:4px;padding:0 15px;font-size:13px;line-height:1;height:35px;gap:5px;background-color:#fff;color:var(--violet11);box-shadow:0 2px 10px var(--blackA7)}.SelectTrigger:hover{background-color:var(--mauve3)}.SelectTrigger:focus{box-shadow:0 0 0 2px #000}.SelectTrigger[data-placeholder]{color:var(--violet9)}.SelectIcon{color:Var(--violet11)}.SelectContent{overflow:hidden;background-color:#fff;border-radius:6px;box-shadow:0 10px 38px -10px #16171859,0 10px 20px -15px #16171833}.SelectViewport{padding:5px}.SelectItem{font-size:13px;line-height:1;color:var(--violet11);border-radius:3px;display:flex;align-items:center;height:25px;padding:0 35px 0 25px;position:relative;user-select:none}.SelectItem[data-disabled]{color:var(--mauve8);pointer-events:none}.SelectItem[data-highlighted]{outline:none;background-color:var(--violet9);color:var(--violet1)}.SelectLabel{padding:0 25px;font-size:12px;line-height:25px;color:var(--mauve11)}.SelectSeparator{height:1px;background-color:var(--violet6);margin:5px}.SelectItemIndicator{position:absolute;left:0;width:25px;display:inline-flex;align-items:center;justify-content:center}.SelectScrollButton{display:flex;align-items:center;justify-content:center;height:25px;background-color:#fff;color:var(--violet11);cursor:default}.section-wrapper{position:relative;overflow:hidden;border:1px solid black;border-radius:8px;margin:10px 0}.section-wrapper .header{background-color:#f5f7f5;border-bottom:1px solid black;display:flex;justify-content:space-between;align-items:center;padding:5px 10px;font-weight:700;font-size:16px}.section-wrapper .collapsable{font-weight:400;font-size:16px;cursor:pointer}.section-wrapper .array-item{position:relative;display:flex;padding:10px 15px;flex-direction:column;border-bottom:1px solid black}.section-wrapper .array-item:last-of-type{border-bottom:none}.section-wrapper .item-number{font-weight:700;font-size:14px}.section-wrapper .array-item .delete-button{position:absolute;top:10px;right:10px;font-size:14px;transition:all .4s ease}.section-wrapper .array-item button:hover{transform:scale(1.04)}.section-wrapper .footer{padding:10px 15px;display:flex;align-items:center;border-top:1px solid black;justify-content:end}.section-wrapper .footer button{font-size:14px;transition:all .4s ease}.section-wrapper .footer button:hover{transform:scale(1.04)}.dialog{position:fixed;left:0;top:0;width:100%;height:100%;min-height:100%;background-color:#00000059;display:flex;align-items:center;justify-content:center;z-index:1000;overflow-y:auto}.dialog--window{display:flex;flex-direction:column;position:relative;background-color:#fff;padding:30px;max-width:500px;width:100%;margin:auto 0;box-shadow:0 13px 30px #0003}.dialog--close{position:absolute;padding:10px;right:20px;top:0;transition:all .6s;border:none;z-index:100;width:30px;height:30px;background-color:transparent;cursor:pointer}.dialog--footer{display:flex;align-items:center;justify-content:center}.dialog--footer>button:last-of-type{margin-right:0}.dialog--submit,.dialog--cancel{font-size:14px;color:#000;background-color:#fff;border:1px solid black;border-radius:4px;padding:10px 20px;margin-right:20px;min-width:100px;flex:1;transition:all .6s ease}.dialog--submit:hover,.dialog--cancel:hover{background-color:#000;color:#fff;transform:scale(1.03)}#root{padding:2rem;width:100%;height:100vh}.App{max-width:800px;width:100%}.app-id-input{display:flex;flex-direction:column;justify-content:flex-start;max-width:fit-content;position:relative}.app-id-input.invalid input{border-color:red}.flex{display:flex;align-items:center;justify-content:flex-start}.flex .mock-wrapper:first-of-type{margin-right:30px;padding-right:30px;border-right:1px solid black}.mock-wrapper button{margin-top:40px;border:1px solid black}.app-id-input label{font-size:16px;margin-bottom:10px;font-weight:600}.app-id-input input{font-size:14px;font-weight:500;border-radius:4px;border:1px solid black;min-width:300px;padding:10px 5px;outline:none}.app-id-input .error-app-id{color:red;font-size:12px;margin:0 0 10px;position:absolute;left:0;bottom:-35px}.loader{margin:0 auto;width:60%;height:50vh;display:flex;align-items:center;justify-content:center;font-size:20px;color:#000;border-radius:2px;border:1px solid #000;box-shadow:3px 2px 3px #0000004d}.step-navigation-wrapper{display:flex;align-items:center;justify-content:flex-start}.step-navigation-wrapper .step-item{width:50px;height:50px;border-radius:100%;border:1px solid #000;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;margin:0 40px;cursor:pointer;position:relative}.step-navigation-wrapper .step-item:after{content:"";position:absolute;width:100%;height:3px;background-color:#000;left:100%}.step-navigation-wrapper .step-item:before{content:"";position:absolute;width:100%;height:3px;background-color:#000;right:100%}.step-navigation-wrapper .step-item:first-of-type{margin-left:0}.step-navigation-wrapper .step-item:first-of-type:before{width:0%}.step-navigation-wrapper .step-item:last-of-type:after{width:0%}.step-navigation-wrapper .step-item.active{border-color:#0299eb;color:#0299eb}.step-navigation-wrapper .step-item.active:before,.step-navigation-wrapper .step-item.active:after{background-color:#0299eb}:root{font-family:Inter,Avenir,Helvetica,Arial,sans-serif;font-size:16px;line-height:24px;font-weight:400;padding:20px;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}.required{vertical-align:super;font-size:14px;color:red}.multistep-footer{display:flex;align-items:center;justify-content:flex-end}.multistep-footer>button.prev-button{margin-right:auto}