@import url(https://fonts.googleapis.com/css?family=Lato:300,400,500,600,700,800);::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:transparent!important}::-webkit-scrollbar-thumb{background:#888;border-radius:10em}::-webkit-scrollbar-thumb:hover{background:#555}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--color-white:hsla(0,0%,100%,.59);--color-light:#f1f5f9;--color-black:#121212;--color-night:#001632;--color-red:#f44336;--color-blue:#1a73e8;--color-gray:#fff;--color-grayish:#fff;--theme-color:#ff3951;--shadow-normal:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px 0 rgba(0,0,0,.06);--shadow-medium:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);--shadow-large:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05)}*,:after,:before{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;box-sizing:inherit;list-style:none;list-style-type:none;margin:0;padding:0;text-decoration:none;text-rendering:optimizeLegibility}body{background:hsla(0,0%,95%,.55);color:#121212;color:var(--color-black);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:1rem;font-weight:400;line-height:1.5}a,button{background:none;border:none;cursor:pointer;font-family:inherit;font-size:inherit;line-height:inherit;outline:none;text-decoration:none}img{display:block;height:auto;object-fit:cover;width:100%}.navbar{box-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px 0 rgba(0,0,0,.06);box-shadow:var(--shadow-normal);padding-inline:3em}.App-logo{height:10em;margin-left:-8rem;margin-top:-27em;pointer-events:none;position:absolute;width:10em;z-index:-1}@media (prefers-reduced-motion:no-preference){.App-logo{-webkit-animation:App-logo-spin 3s linear infinite;animation:App-logo-spin 3s linear infinite}}@-webkit-keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.heading1{border-bottom:2px solid hsla(0,0%,58%,.64);margin-bottom:40px;max-width:300px;padding-inline:5em;text-align:center}.heading{align-items:center;display:flex;flex-direction:column;justify-content:center}.SelectionBox{background:#fff;background:var(--color-gray);border-radius:5px;box-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px 0 rgba(0,0,0,.06);box-shadow:var(--shadow-normal);margin-block:5em;padding:2em 3em}.form-Selector{align-items:center;display:flex;flex-direction:column;justify-content:center}.subTitleShape{background-color:#ff3951;background-color:var(--theme-color);border-radius:1000px;margin-right:10px;max-height:2px;min-height:2px;width:22px}.subHeading{color:#ff3951;color:var(--theme-color);margin-block:1.5em}.label-style{margin:0 10px;width:13em}.mt-10{margin-top:10px}.mr-10{margin-right:20px}.w-5{width:9em}.w-25{width:25em}.used-field-container{display:flex;flex-direction:row;margin-bottom:10px}.sp-between{align-items:center;display:flex;flex-direction:row}.text-field{background-color:#f1f5f9;background-color:var(--color-light);border:none;box-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px 0 rgba(0,0,0,.06);box-shadow:var(--shadow-normal);padding:10px;width:15em}.text-field2{width:95%}.defaultValueTab,.text-field2{background-color:hsla(0,0%,100%,.59);background-color:var(--color-white);border:1px solid #e4e4e6;box-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px 0 rgba(0,0,0,.06);box-shadow:var(--shadow-normal);margin-bottom:15px;padding:10px}.defaultValueTab{width:100%}.add-field-btn,.add-field-btn-disabled{background-color:#ff3951;background-color:var(--theme-color);border-radius:5px;color:#fff;margin-inline:5px;width:5em}.add-field-btn-disabled{cursor:not-allowed;opacity:50%}.CustomField,.CustomField1{align-items:center;border:1px dashed #ff3951;border:1px dashed var(--theme-color);border-radius:10px;cursor:pointer;display:flex;justify-content:center;min-height:5em;transition:all .35s ease}.CustomField:hover{background-color:rgba(255,57,81,.15);transition:all .5s ease}.submit-btn{background-color:#ff3951;background-color:var(--theme-color);border-radius:10em;color:#fff;font-size:18px;font-weight:500;margin-block:2em;padding:10px 2em}.submit-btn:hover{background-color:#c12b3e;-webkit-transform:scale(103%);transform:scale(103%);transition:.2s}.container2{align-items:center;display:flex;height:100%;justify-content:center;width:90%}.container{height:90.7vh}.container,.wrapper1{align-items:center;display:flex;justify-content:center;width:100%}.wrapper1{box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05);box-shadow:var(--shadow-large);height:100%}.wrapper,.wrapper1{background:hsla(0,0%,100%,.59);background:var(--color-white);border:none;color:#121212;color:var(--color-black);outline:none}.wrapper{border-radius:.5rem;border-radius:20px;box-shadow:0 3px 15px -3px rgba(0,0,0,.1);padding:2rem 2.5rem;width:28rem}.wrapper input{border-radius:6px}.main .wrapper .form{height:auto;margin-top:2rem;width:100%}.main .wrapper .form .input-control{align-items:center;display:flex;justify-content:center;margin-bottom:1.25rem}.main .wrapper .form .input-field{background:#f1f5f9;background:var(--color-light);color:#121212;color:var(--color-black);font-weight:400;padding:.75rem 1.25rem;text-transform:inherit;width:100%}.main .wrapper .form .input-field,.main .wrapper .form .input-submit{border:none;border-radius:2rem;font-family:inherit;font-size:1rem;height:auto;line-height:inherit;outline:none;text-rendering:optimizeLegibility}.main .wrapper .form .input-submit{background:#1a73e8;background:var(--color-blue);box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);box-shadow:var(--shadow-medium);color:#fff;cursor:pointer;font-weight:500;min-width:40%;padding:.65rem 1.25rem;text-transform:capitalize}.main .wrapper .striped{align-items:center;display:flex;flex-direction:row;justify-content:center;margin:1rem 0}.main .wrapper .striped-line{background:#fff;background:var(--color-grayish);border:none;flex:auto;flex-basis:auto;height:2px;outline:none}.main .wrapper .striped-text{color:#121212;color:var(--color-black);font-family:inherit;font-size:1rem;font-weight:500;line-height:inherit;margin:0 1rem}.main .wrapper .method-control{margin-bottom:1rem}.main .wrapper .method-action{align-items:center;background:hsla(0,0%,100%,.59);background:var(--color-white);border:2px solid #fff;border:2px solid var(--color-grayish);border-radius:2rem;color:#121212;color:var(--color-black);display:flex;font-family:inherit;font-size:.95rem;font-weight:500;height:auto;justify-content:center;line-height:inherit;outline:none;padding:.35rem 1.25rem;text-rendering:optimizeLegibility;text-transform:capitalize;transition:all .35s ease;width:100%}.main .wrapper .method-action:hover{background:#f1f5f9;background:var(--color-light)}.top-pane{background-color:#ebebeb}.pane{display:flex;height:50vh;position:relative}.expand-collapse-button{align-items:center;background:rgba(93,93,93,.78);border-radius:10px;display:flex;height:2.5em;justify-content:center;position:absolute;right:20px;top:20px;width:2.5em}.editor-container{background-color:#ebebeb;display:flex;flex-basis:0;flex-direction:column;flex-grow:1;padding:.5rem}.editor-container.collapsed{flex-grow:0}.editor-container.collapsed .CodeMirror-scroll{overflow:hidden!important;position:absolute}.expand-collapse-btn{background:none;border:none;color:#fff;cursor:pointer;margin-left:.5rem}.editor-title{background-color:hsla(0,0%,100%,.59);background-color:var(--color-white);border-top-left-radius:.5rem;border-top-right-radius:.5rem;color:#5d5d5d;display:flex;justify-content:space-between;padding:.5rem .5rem .5rem 1rem}.CodeMirror{height:100%!important}.code-mirror-wrapper{border-bottom-left-radius:.5rem;border-bottom-right-radius:.5rem;flex-grow:1;overflow:hidden}.chooseBtn{align-items:center;box-shadow:-7px -7px 20px 0 #fff,-4px -4px 5px 0 #fff,7px 7px 20px 0 #0002,4px 4px 5px 0 #0001,inset 0 0 0 0 #fff,inset 0 0 0 0 #0001,inset 0 0 0 0 #fff,inset 0 0 0 0 #0001;display:flex;flex-direction:column;height:20em;justify-content:center;padding:1em;width:20em}.chooseBtn:active{box-shadow:4px 4px 6px 0 #fff,-4px -4px 6px 0 hsla(213,8%,49%,.2),inset -4px -4px 6px 0 #fff,inset 4px 4px 6px 0 hsla(213,8%,49%,.3)}.creating{align-items:center;display:flex;flex-direction:column;font-size:32px;font-weight:600;height:100%;justify-content:center;padding:32px;width:100%}.loader{-webkit-animation:spin 1.6s linear infinite;animation:spin 1.6s linear infinite;border:10px solid #f3f3f3;border-radius:50%;border-top-color:#ff3951;height:65px;margin-bottom:24px;width:65px}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg)}to{-webkit-transform:rotate(1turn)}}@keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.slds-spinner,.slds-spinner__dot-a,.slds-spinner__dot-b{-webkit-transform-origin:50% 50%;transform-origin:50% 50%;will-change:transform}.slds-spinner__dot-a,.slds-spinner__dot-b{left:0;position:absolute;top:0;width:100%}.slds-spinner:after,.slds-spinner:before,.slds-spinner__dot-a:after,.slds-spinner__dot-a:before,.slds-spinner__dot-b:after,.slds-spinner__dot-b:before{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;background:#0692da;border-radius:50%;content:"";position:absolute;-webkit-transform:translateZ(0);transform:translateZ(0)}.slds-spinner__dot-a{-webkit-transform:rotate(60deg);transform:rotate(60deg)}.slds-spinner__dot-b{-webkit-transform:rotate(120deg);transform:rotate(120deg)}.slds-spinner:before{-webkit-animation-delay:-83ms;animation-delay:-83ms}.slds-spinner__dot-a:before{-webkit-animation-delay:83ms;animation-delay:83ms}.slds-spinner__dot-b:before{-webkit-animation-delay:.25s;animation-delay:.25s}.slds-spinner:after{-webkit-animation-delay:.41666667s;animation-delay:.41666667s}.slds-spinner__dot-a:after{-webkit-animation-delay:.583s;animation-delay:.583s}.slds-spinner__dot-b:after{-webkit-animation-delay:.75s;animation-delay:.75s}@-webkit-keyframes dotsBounceBefore-medium{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}60%{-webkit-animation-timing-function:cubic-bezier(.55,.085,.68,.53);animation-timing-function:cubic-bezier(.55,.085,.68,.53);-webkit-transform:translateZ(0);transform:translateZ(0)}80%{-webkit-animation-timing-function:cubic-bezier(0,1.11,.7,1.43);animation-timing-function:cubic-bezier(0,1.11,.7,1.43);-webkit-transform:translate3d(-.5rem,0,0);transform:translate3d(-.5rem,0,0)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes dotsBounceBefore-medium{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}60%{-webkit-animation-timing-function:cubic-bezier(.55,.085,.68,.53);animation-timing-function:cubic-bezier(.55,.085,.68,.53);-webkit-transform:translateZ(0);transform:translateZ(0)}80%{-webkit-animation-timing-function:cubic-bezier(0,1.11,.7,1.43);animation-timing-function:cubic-bezier(0,1.11,.7,1.43);-webkit-transform:translate3d(-.5rem,0,0);transform:translate3d(-.5rem,0,0)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@-webkit-keyframes dotsBounceAfter-medium{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}60%{-webkit-animation-timing-function:cubic-bezier(.55,.085,.68,.53);animation-timing-function:cubic-bezier(.55,.085,.68,.53);-webkit-transform:translateZ(0);transform:translateZ(0)}80%{-webkit-animation-timing-function:cubic-bezier(0,1.11,.7,1.43);animation-timing-function:cubic-bezier(0,1.11,.7,1.43);-webkit-transform:translate3d(.5rem,0,0);transform:translate3d(.5rem,0,0)}to{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes dotsBounceAfter-medium{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}60%{-webkit-animation-timing-function:cubic-bezier(.55,.085,.68,.53);animation-timing-function:cubic-bezier(.55,.085,.68,.53);-webkit-transform:translateZ(0);transform:translateZ(0)}80%{-webkit-animation-timing-function:cubic-bezier(0,1.11,.7,1.43);animation-timing-function:cubic-bezier(0,1.11,.7,1.43);-webkit-transform:translate3d(.5rem,0,0);transform:translate3d(.5rem,0,0)}to{-webkit-transform:translateX(0);transform:translateX(0)}}.slds-spinner_large,.slds-spinner–large{width:2.75rem}.slds-spinner_large .slds-spinner__dot-a:after,.slds-spinner_large .slds-spinner__dot-a:before,.slds-spinner_large .slds-spinner__dot-b:after,.slds-spinner_large .slds-spinner__dot-b:before,.slds-spinner_large.slds-spinner:after,.slds-spinner_large.slds-spinner:before,.slds-spinner–large .slds-spinner__dot-a:after,.slds-spinner–large .slds-spinner__dot-a:before,.slds-spinner–large .slds-spinner__dot-b:after,.slds-spinner–large .slds-spinner__dot-b:before,.slds-spinner–large.slds-spinner:after,.slds-spinner–large.slds-spinner:before{height:.625rem;width:.625rem}.slds-spinner_large .slds-spinner__dot-a:before,.slds-spinner_large .slds-spinner__dot-b:before,.slds-spinner_large.slds-spinner:before,.slds-spinner–large .slds-spinner__dot-a:before,.slds-spinner–large .slds-spinner__dot-b:before,.slds-spinner–large.slds-spinner:before{-webkit-animation-name:dotsBounceBefore-medium;animation-name:dotsBounceBefore-medium;left:-.3125rem;top:-.3125rem}.slds-spinner_large .slds-spinner__dot-a:after,.slds-spinner_large .slds-spinner__dot-b:after,.slds-spinner_large.slds-spinner:after,.slds-spinner–large .slds-spinner__dot-a:after,.slds-spinner–large .slds-spinner__dot-b:after,.slds-spinner–large.slds-spinner:after{-webkit-animation-name:dotsBounceAfter-medium;animation-name:dotsBounceAfter-medium;right:-.3125rem;top:-.3125rem}@-webkit-keyframes dotsBounceBefore-large{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}60%{-webkit-animation-timing-function:cubic-bezier(.55,.085,.68,.53);animation-timing-function:cubic-bezier(.55,.085,.68,.53);-webkit-transform:translateZ(0);transform:translateZ(0)}80%{-webkit-animation-timing-function:cubic-bezier(0,1.11,.7,1.43);animation-timing-function:cubic-bezier(0,1.11,.7,1.43);-webkit-transform:translate3d(-.75rem,0,0);transform:translate3d(-.75rem,0,0)}to{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes dotsBounceBefore-large{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}60%{-webkit-animation-timing-function:cubic-bezier(.55,.085,.68,.53);animation-timing-function:cubic-bezier(.55,.085,.68,.53);-webkit-transform:translateZ(0);transform:translateZ(0)}80%{-webkit-animation-timing-function:cubic-bezier(0,1.11,.7,1.43);animation-timing-function:cubic-bezier(0,1.11,.7,1.43);-webkit-transform:translate3d(-.75rem,0,0);transform:translate3d(-.75rem,0,0)}to{-webkit-transform:translateX(0);transform:translateX(0)}}@-webkit-keyframes dotsBounceAfter-large{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}60%{-webkit-animation-timing-function:cubic-bezier(.55,.085,.68,.53);animation-timing-function:cubic-bezier(.55,.085,.68,.53);-webkit-transform:translateZ(0);transform:translateZ(0)}80%{-webkit-animation-timing-function:cubic-bezier(0,1.11,.7,1.43);animation-timing-function:cubic-bezier(0,1.11,.7,1.43);-webkit-transform:translate3d(.75rem,0,0);transform:translate3d(.75rem,0,0)}to{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes dotsBounceAfter-large{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}60%{-webkit-animation-timing-function:cubic-bezier(.55,.085,.68,.53);animation-timing-function:cubic-bezier(.55,.085,.68,.53);-webkit-transform:translateZ(0);transform:translateZ(0)}80%{-webkit-animation-timing-function:cubic-bezier(0,1.11,.7,1.43);animation-timing-function:cubic-bezier(0,1.11,.7,1.43);-webkit-transform:translate3d(.75rem,0,0);transform:translate3d(.75rem,0,0)}to{-webkit-transform:translateX(0);transform:translateX(0)}}.spinner{height:150px;padding-bottom:30px;position:relative;width:150px}.slds-spinner_container{left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.positioning{margin-bottom:24px;margin-top:24px;text-align:center;width:100%}.dropdown{border:1px solid #000;height:20px;width:218px}.close-icon{border-radius:50%;cursor:pointer;position:absolute;right:-14px;top:-8px}.close-icon svg{height:20px;width:20px}.cursor-pointer{cursor:pointer}.CodeMirror{color:#000;direction:ltr;font-family:monospace;height:300px}.CodeMirror-lines{padding:4px 0}.CodeMirror pre.CodeMirror-line,.CodeMirror pre.CodeMirror-line-like{padding:0 4px}.CodeMirror-gutter-filler,.CodeMirror-scrollbar-filler{background-color:#fff}.CodeMirror-gutters{background-color:#f7f7f7;border-right:1px solid #ddd;white-space:nowrap}.CodeMirror-linenumber{color:#999;min-width:20px;padding:0 3px 0 5px;text-align:right;white-space:nowrap}.CodeMirror-guttermarker{color:#000}.CodeMirror-guttermarker-subtle{color:#999}.CodeMirror-cursor{border-left:1px solid #000;border-right:none;width:0}.CodeMirror div.CodeMirror-secondarycursor{border-left:1px solid silver}.cm-fat-cursor .CodeMirror-cursor{background:#7e7;border:0!important;width:auto}.cm-fat-cursor div.CodeMirror-cursors{z-index:1}.cm-fat-cursor .CodeMirror-line::selection,.cm-fat-cursor .CodeMirror-line>span::selection,.cm-fat-cursor .CodeMirror-line>span>span::selection{background:transparent}.cm-fat-cursor .CodeMirror-line::-moz-selection,.cm-fat-cursor .CodeMirror-line>span::-moz-selection,.cm-fat-cursor .CodeMirror-line>span>span::-moz-selection{background:transparent}.cm-fat-cursor{caret-color:transparent}@-webkit-keyframes blink{50%{background-color:initial}}@keyframes blink{50%{background-color:initial}}.cm-tab{display:inline-block;text-decoration:inherit}.CodeMirror-rulers{bottom:0;left:0;overflow:hidden;position:absolute;right:0;top:-50px}.CodeMirror-ruler{border-left:1px solid #ccc;bottom:0;position:absolute;top:0}.cm-s-default .cm-header{color:blue}.cm-s-default .cm-quote{color:#090}.cm-negative{color:#d44}.cm-positive{color:#292}.cm-header,.cm-strong{font-weight:700}.cm-em{font-style:italic}.cm-link{text-decoration:underline}.cm-strikethrough{text-decoration:line-through}.cm-s-default .cm-keyword{color:#708}.cm-s-default .cm-atom{color:#219}.cm-s-default .cm-number{color:#164}.cm-s-default .cm-def{color:#00f}.cm-s-default .cm-variable-2{color:#05a}.cm-s-default .cm-type,.cm-s-default .cm-variable-3{color:#085}.cm-s-default .cm-comment{color:#a50}.cm-s-default .cm-string{color:#a11}.cm-s-default .cm-string-2{color:#f50}.cm-s-default .cm-meta,.cm-s-default .cm-qualifier{color:#555}.cm-s-default .cm-builtin{color:#30a}.cm-s-default .cm-bracket{color:#997}.cm-s-default .cm-tag{color:#170}.cm-s-default .cm-attribute{color:#00c}.cm-s-default .cm-hr{color:#999}.cm-s-default .cm-link{color:#00c}.cm-invalidchar,.cm-s-default .cm-error{color:red}.CodeMirror-composing{border-bottom:2px solid}div.CodeMirror span.CodeMirror-matchingbracket{color:#0b0}div.CodeMirror span.CodeMirror-nonmatchingbracket{color:#a22}.CodeMirror-matchingtag{background:rgba(255,150,0,.3)}.CodeMirror-activeline-background{background:#e8f2ff}.CodeMirror{background:#fff;overflow:hidden;position:relative}.CodeMirror-scroll{height:100%;margin-bottom:-50px;margin-right:-50px;outline:none;overflow:scroll!important;padding-bottom:50px;position:relative;z-index:0}.CodeMirror-sizer{border-right:50px solid transparent;position:relative}.CodeMirror-gutter-filler,.CodeMirror-hscrollbar,.CodeMirror-scrollbar-filler,.CodeMirror-vscrollbar{display:none;outline:none;position:absolute;z-index:6}.CodeMirror-vscrollbar{overflow-x:hidden;overflow-y:scroll;right:0;top:0}.CodeMirror-hscrollbar{bottom:0;left:0;overflow-x:scroll;overflow-y:hidden}.CodeMirror-scrollbar-filler{bottom:0;right:0}.CodeMirror-gutter-filler{bottom:0;left:0}.CodeMirror-gutters{left:0;min-height:100%;position:absolute;top:0;z-index:3}.CodeMirror-gutter{display:inline-block;height:100%;margin-bottom:-50px;vertical-align:top;white-space:normal}.CodeMirror-gutter-wrapper{background:none!important;border:none!important;position:absolute;z-index:4}.CodeMirror-gutter-background{bottom:0;position:absolute;top:0;z-index:4}.CodeMirror-gutter-elt{cursor:default;position:absolute;z-index:4}.CodeMirror-gutter-wrapper ::selection{background-color:initial}.CodeMirror-gutter-wrapper ::-moz-selection{background-color:initial}.CodeMirror-lines{cursor:text;min-height:1px}.CodeMirror pre.CodeMirror-line,.CodeMirror pre.CodeMirror-line-like{word-wrap:normal;-webkit-tap-highlight-color:transparent;-webkit-font-feature-settings:"calt";font-feature-settings:"calt";background:transparent;border-radius:0;border-width:0;color:inherit;font-family:inherit;font-size:inherit;-webkit-font-variant-ligatures:contextual;font-variant-ligatures:contextual;line-height:inherit;margin:0;overflow:visible;position:relative;white-space:pre;z-index:2}.CodeMirror-wrap pre.CodeMirror-line,.CodeMirror-wrap pre.CodeMirror-line-like{word-wrap:break-word;white-space:pre-wrap;word-break:normal}.CodeMirror-linebackground{bottom:0;left:0;position:absolute;right:0;top:0;z-index:0}.CodeMirror-linewidget{padding:.1px;position:relative;z-index:2}.CodeMirror-rtl pre{direction:rtl}.CodeMirror-code{outline:none}.CodeMirror-gutter,.CodeMirror-gutters,.CodeMirror-linenumber,.CodeMirror-scroll,.CodeMirror-sizer{box-sizing:initial}.CodeMirror-measure{height:0;overflow:hidden;position:absolute;visibility:hidden;width:100%}.CodeMirror-cursor{pointer-events:none;position:absolute}.CodeMirror-measure pre{position:static}div.CodeMirror-cursors{position:relative;visibility:hidden;z-index:3}.CodeMirror-focused div.CodeMirror-cursors,div.CodeMirror-dragcursors{visibility:visible}.CodeMirror-selected{background:#d9d9d9}.CodeMirror-focused .CodeMirror-selected{background:#d7d4f0}.CodeMirror-crosshair{cursor:crosshair}.CodeMirror-line::selection,.CodeMirror-line>span::selection,.CodeMirror-line>span>span::selection{background:#d7d4f0}.CodeMirror-line::-moz-selection,.CodeMirror-line>span::-moz-selection,.CodeMirror-line>span>span::-moz-selection{background:#d7d4f0}.cm-searching{background-color:#ffa;background-color:rgba(255,255,0,.4)}.cm-force-border{padding-right:.1px}@media print{.CodeMirror div.CodeMirror-cursors{visibility:hidden}}.cm-tab-wrap-hack:after{content:""}span.CodeMirror-selectedtext{background:none}.cm-s-material.CodeMirror{background-color:#263238;color:#eff}.cm-s-material .CodeMirror-gutters{background:#263238;border:none;color:#546e7a}.cm-s-material .CodeMirror-guttermarker,.cm-s-material .CodeMirror-guttermarker-subtle,.cm-s-material .CodeMirror-linenumber{color:#546e7a}.cm-s-material .CodeMirror-cursor{border-left:1px solid #fc0}.cm-s-material .cm-animate-fat-cursor,.cm-s-material.cm-fat-cursor .CodeMirror-cursor{background-color:#5d6d5c80!important}.cm-s-material div.CodeMirror-selected,.cm-s-material.CodeMirror-focused div.CodeMirror-selected{background:rgba(128,203,196,.2)}.cm-s-material .CodeMirror-line::selection,.cm-s-material .CodeMirror-line>span::selection,.cm-s-material .CodeMirror-line>span>span::selection{background:rgba(128,203,196,.2)}.cm-s-material .CodeMirror-line::-moz-selection,.cm-s-material .CodeMirror-line>span::-moz-selection,.cm-s-material .CodeMirror-line>span>span::-moz-selection{background:rgba(128,203,196,.2)}.cm-s-material .CodeMirror-activeline-background{background:rgba(0,0,0,.5)}.cm-s-material .cm-keyword{color:#c792ea}.cm-s-material .cm-operator{color:#89ddff}.cm-s-material .cm-variable-2{color:#eff}.cm-s-material .cm-type,.cm-s-material .cm-variable-3{color:#f07178}.cm-s-material .cm-builtin{color:#ffcb6b}.cm-s-material .cm-atom{color:#f78c6c}.cm-s-material .cm-number{color:#ff5370}.cm-s-material .cm-def{color:#82aaff}.cm-s-material .cm-string{color:#c3e88d}.cm-s-material .cm-string-2{color:#f07178}.cm-s-material .cm-comment{color:#546e7a}.cm-s-material .cm-variable{color:#f07178}.cm-s-material .cm-tag{color:#ff5370}.cm-s-material .cm-meta{color:#ffcb6b}.cm-s-material .cm-attribute,.cm-s-material .cm-property{color:#c792ea}.cm-s-material .cm-qualifier,.cm-s-material .cm-type,.cm-s-material .cm-variable-3{color:#decb6b}.cm-s-material .cm-error{background-color:#ff5370;color:#fff}.cm-s-material .CodeMirror-matchingbracket{color:#fff!important;text-decoration:underline}.layout{align-items:center}.layout,.layout-bg{display:flex;flex-direction:column;font-size:18px;gap:20px;justify-content:center;padding:20px;position:relative}.layout-bg{align-items:left;font-family:Lato,sans-serif!important}.coding-block{background-color:#f2f2f7;border-radius:20px;display:flex;flex-direction:row;font-size:14px;justify-content:center;padding:20px 40px 20px 20px;position:relative;text-align:center;width:600px}.coding-block button{background-color:#f44336;border-radius:10px;color:#fff;cursor:pointer;padding:10px;position:absolute;right:10px;top:10px}.coding-block code{word-wrap:break-word;overflow-wrap:break-word;-ms-word-break:break-all;word-break:break-all;word-break:break-word}.red{background-color:#ff385117;border-radius:10px;color:#ff3851;cursor:pointer;padding:10px 16px;transition:.2s}.red:hover{background-color:#ff3851;color:#fff;-webkit-transform:scale(103%);transform:scale(103%);transition:.2s}.create-another{align-items:center;display:flex;flex-direction:column;margin-top:50px}.bg-image{z-index:0}.float-container{display:flex;flex-direction:column;gap:24px;margin-left:auto;margin-right:auto}.heading-1{font-size:38px}.animate{height:200px;margin-left:auto;margin-right:auto;width:100px}
/*! react-sidenav v0.5.0 | (c) 2020 Trend Micro Inc. | MIT | https://github.com/trendmicro-frontend/react-sidenav */.sidenav---sidenav---_2tBP{background:#db3d44;bottom:0;left:0;min-width:64px;position:absolute;top:0;transition:min-width .2s;z-index:1006}.sidenav---sidenav---_2tBP.sidenav---collapsed---LQDEv .sidenav---sidenav-nav---3tvij .sidenav---sidenav-navitem---uwIJ- .sidenav---sidenav-subnav---1EN61{display:none}.sidenav---sidenav---_2tBP.sidenav---collapsed---LQDEv .sidenav---sidenav-nav---3tvij .sidenav---sidenav-navitem---uwIJ-:hover>.sidenav---sidenav-subnav---1EN61{display:block}.sidenav---sidenav---_2tBP.sidenav---expanded---1KdUL{min-width:240px}.sidenav---sidenav---_2tBP.sidenav---expanded---1KdUL .sidenav---sidenav-nav---3tvij>.sidenav---sidenav-navitem---uwIJ- .sidenav---navicon---3gCRo+.sidenav---navtext---1AE_f{-ms-filter:none;-webkit-filter:none;filter:none;opacity:1;transition:opacity .2s linear;visibility:visible}.sidenav---sidenav---_2tBP.sidenav---expanded---1KdUL .sidenav---sidenav-nav---3tvij>.sidenav---sidenav-navitem---uwIJ-.sidenav---expandable---3_dr7>.sidenav---navitem---9uL5T{cursor:pointer}.sidenav---sidenav---_2tBP.sidenav---expanded---1KdUL .sidenav---sidenav-subnav---1EN61{background:transparent;border:none;box-shadow:none;clear:both;float:left;overflow:hidden;position:static;width:100%}.sidenav---sidenav---_2tBP.sidenav---expanded---1KdUL .sidenav---sidenav-nav---3tvij>.sidenav---sidenav-navitem---uwIJ-.sidenav---expanded---1KdUL .sidenav---sidenav-subnav---1EN61{display:block}.sidenav---sidenav---_2tBP.sidenav---expanded---1KdUL .sidenav---sidenav-subnav---1EN61{display:none}.sidenav---sidenav---_2tBP.sidenav---expanded---1KdUL .sidenav---sidenav-subnav---1EN61>.sidenav---sidenav-subnavitem---1cD47{position:relative}.sidenav---sidenav---_2tBP.sidenav---expanded---1KdUL .sidenav---sidenav-subnav---1EN61>.sidenav---sidenav-subnavitem---1cD47:first-child{display:none}.sidenav---sidenav---_2tBP.sidenav---expanded---1KdUL .sidenav---sidenav-subnav---1EN61>.sidenav---sidenav-subnavitem---1cD47:hover:before{background:#fff;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=15)";filter:alpha(opacity=15);opacity:.15}.sidenav---sidenav---_2tBP.sidenav---expanded---1KdUL .sidenav---sidenav-subnav---1EN61>.sidenav---sidenav-subnavitem---1cD47:before{content:" ";height:28px;position:absolute;top:0;width:100%;z-index:-1}.sidenav---sidenav---_2tBP.sidenav---expanded---1KdUL .sidenav---sidenav-subnav---1EN61>.sidenav---sidenav-subnavitem---1cD47.sidenav---selected---1EK3y>.sidenav---navitem---9uL5T{color:#fff}.sidenav---sidenav---_2tBP.sidenav---expanded---1KdUL .sidenav---sidenav-subnav---1EN61>.sidenav---sidenav-subnavitem---1cD47.sidenav---selected---1EK3y>.sidenav---navitem---9uL5T:before{border-left:2px solid #fff;content:" ";height:20px;left:10px;position:absolute;top:4px;width:2px}.sidenav---sidenav---_2tBP.sidenav---expanded---1KdUL .sidenav---sidenav-subnav---1EN61>.sidenav---sidenav-subnavitem---1cD47:hover>.sidenav---navitem---9uL5T{background:transparent;color:#fff}.sidenav---sidenav---_2tBP.sidenav---expanded---1KdUL .sidenav---sidenav-subnav---1EN61>.sidenav---sidenav-subnavitem---1cD47>.sidenav---navitem---9uL5T{color:#f9dcdd;line-height:28px;padding:0 14px 0 20px}.sidenav---sidenav-toggle---1KRjR{background-color:initial;background-image:none;border:0;border-radius:0;cursor:pointer;float:left;height:64px;margin:0;padding:0;position:relative;width:64px}.sidenav---sidenav-toggle---1KRjR:focus{outline:none}.sidenav---sidenav-toggle---1KRjR .sidenav---icon-bar---u1f02{background-color:#fff;border-radius:1px;display:block;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";filter:alpha(opacity=70);height:2px;margin:0 auto;opacity:.7;transition:all .15s;width:20px}.sidenav---sidenav-toggle---1KRjR .sidenav---icon-bar---u1f02+.sidenav---icon-bar---u1f02{margin-top:4px}.sidenav---sidenav---_2tBP.sidenav---expanded---1KdUL .sidenav---sidenav-toggle---1KRjR .sidenav---icon-bar---u1f02{width:25px}.sidenav---sidenav---_2tBP.sidenav---expanded---1KdUL .sidenav---sidenav-toggle---1KRjR .sidenav---icon-bar---u1f02:first-child{-webkit-transform:rotate(45deg);transform:rotate(45deg)}.sidenav---sidenav---_2tBP.sidenav---expanded---1KdUL .sidenav---sidenav-toggle---1KRjR .sidenav---icon-bar---u1f02:nth-child(2){-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0);opacity:0}.sidenav---sidenav---_2tBP.sidenav---expanded---1KdUL .sidenav---sidenav-toggle---1KRjR .sidenav---icon-bar---u1f02:nth-child(3){margin-top:-8px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.sidenav---sidenav-nav---3tvij{clear:both;float:left;list-style:none;margin:0;padding:0;width:100%}.sidenav---sidenav-nav---3tvij>.sidenav---sidenav-navitem---uwIJ-{clear:both;position:relative}.sidenav---sidenav-nav---3tvij>.sidenav---sidenav-navitem---uwIJ-.sidenav---highlighted---oUx9u>.sidenav---navitem---9uL5T{cursor:default}.sidenav---sidenav-nav---3tvij>.sidenav---sidenav-navitem---uwIJ-:hover>.sidenav---navitem---9uL5T:after{background:#fff;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=15)";filter:alpha(opacity=15);opacity:.15}.sidenav---sidenav-nav---3tvij>.sidenav---sidenav-navitem---uwIJ-.sidenav---highlighted---oUx9u>.sidenav---navitem---9uL5T:after,.sidenav---sidenav-nav---3tvij>.sidenav---sidenav-navitem---uwIJ-:hover.sidenav---highlighted---oUx9u>.sidenav---navitem---9uL5T:after{background:#000;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";filter:alpha(opacity=20);opacity:.2}.sidenav---sidenav-nav---3tvij>.sidenav---sidenav-navitem---uwIJ-.sidenav---highlighted---oUx9u.sidenav---expanded---1KdUL>.sidenav---navitem---9uL5T:after,.sidenav---sidenav-nav---3tvij>.sidenav---sidenav-navitem---uwIJ-:hover.sidenav---highlighted---oUx9u.sidenav---expanded---1KdUL>.sidenav---navitem---9uL5T:after{background:#000;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=25)";filter:alpha(opacity=25);opacity:.25}.sidenav---sidenav-nav---3tvij>.sidenav---sidenav-navitem---uwIJ-.sidenav---highlighted---oUx9u.sidenav---selected---1EK3y.sidenav---expanded---1KdUL>.sidenav---navitem---9uL5T:after,.sidenav---sidenav-nav---3tvij>.sidenav---sidenav-navitem---uwIJ-:hover.sidenav---highlighted---oUx9u.sidenav---selected---1EK3y.sidenav---expanded---1KdUL>.sidenav---navitem---9uL5T:after{background:#000;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";filter:alpha(opacity=20);opacity:.2}.sidenav---sidenav-nav---3tvij>.sidenav---sidenav-navitem---uwIJ-.sidenav---highlighted---oUx9u>.sidenav---navitem---9uL5T .sidenav---navicon---3gCRo,.sidenav---sidenav-nav---3tvij>.sidenav---sidenav-navitem---uwIJ-:hover>.sidenav---navitem---9uL5T .sidenav---navicon---3gCRo{-ms-filter:none;-webkit-filter:none;filter:none;opacity:1}.sidenav---sidenav-nav---3tvij>.sidenav---sidenav-navitem---uwIJ-.sidenav---highlighted---oUx9u>.sidenav---navitem---9uL5T .sidenav---navicon---3gCRo,.sidenav---sidenav-nav---3tvij>.sidenav---sidenav-navitem---uwIJ-.sidenav---highlighted---oUx9u>.sidenav---navitem---9uL5T .sidenav---navicon---3gCRo>*,.sidenav---sidenav-nav---3tvij>.sidenav---sidenav-navitem---uwIJ-.sidenav---highlighted---oUx9u>.sidenav---navitem---9uL5T .sidenav---navtext---1AE_f,.sidenav---sidenav-nav---3tvij>.sidenav---sidenav-navitem---uwIJ-.sidenav---highlighted---oUx9u>.sidenav---navitem---9uL5T .sidenav---navtext---1AE_f>*,.sidenav---sidenav-nav---3tvij>.sidenav---sidenav-navitem---uwIJ-:hover>.sidenav---navitem---9uL5T .sidenav---navicon---3gCRo,.sidenav---sidenav-nav---3tvij>.sidenav---sidenav-navitem---uwIJ-:hover>.sidenav---navitem---9uL5T .sidenav---navicon---3gCRo>*,.sidenav---sidenav-nav---3tvij>.sidenav---sidenav-navitem---uwIJ-:hover>.sidenav---navitem---9uL5T .sidenav---navtext---1AE_f,.sidenav---sidenav-nav---3tvij>.sidenav---sidenav-navitem---uwIJ-:hover>.sidenav---navitem---9uL5T .sidenav---navtext---1AE_f>*{color:#fff}.sidenav---sidenav-nav---3tvij>.sidenav---sidenav-navitem---uwIJ->.sidenav---navitem---9uL5T{color:#fff;cursor:pointer;display:block;font-size:14px;height:50px;line-height:50px;position:relative;text-decoration:none;white-space:nowrap}.sidenav---sidenav-nav---3tvij>.sidenav---sidenav-navitem---uwIJ->.sidenav---navitem---9uL5T:focus{outline:0}.sidenav---sidenav-nav---3tvij>.sidenav---sidenav-navitem---uwIJ->.sidenav---navitem---9uL5T:after{background:#fff;bottom:0;content:"";-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0);left:0;opacity:0;position:absolute;top:0;width:100%;z-index:-1}.sidenav---sidenav-nav---3tvij>.sidenav---sidenav-navitem---uwIJ->.sidenav---navitem---9uL5T .sidenav---navicon---3gCRo,.sidenav---sidenav-nav---3tvij>.sidenav---sidenav-navitem---uwIJ->.sidenav---navitem---9uL5T .sidenav---navicon---3gCRo>*,.sidenav---sidenav-nav---3tvij>.sidenav---sidenav-navitem---uwIJ->.sidenav---navitem---9uL5T .sidenav---navtext---1AE_f,.sidenav---sidenav-nav---3tvij>.sidenav---sidenav-navitem---uwIJ->.sidenav---navitem---9uL5T .sidenav---navtext---1AE_f>*{color:#f9dcdd}.sidenav---sidenav-nav---3tvij>.sidenav---sidenav-navitem---uwIJ->.sidenav---navitem---9uL5T .sidenav---navicon---3gCRo{background-color:initial;background-position:50%;background-repeat:no-repeat;display:block;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";filter:alpha(opacity=70);float:left;height:50px;line-height:50px;margin-right:-6px;opacity:.7;text-align:center;vertical-align:top;width:64px}.sidenav---sidenav-nav---3tvij>.sidenav---sidenav-navitem---uwIJ->.sidenav---navitem---9uL5T .sidenav---navicon---3gCRo+.sidenav---navtext---1AE_f{-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0);opacity:0;transition:visibility 0s .2s,opacity .2s linear;visibility:hidden;width:0}.sidenav---sidenav-subnav---1EN61{background:#fff;border:1px solid #bbb;box-shadow:2px 2px 10px rgba(0,0,0,.15);left:64px;list-style:none;margin:0;min-width:200px;padding:0;position:absolute;top:0}.sidenav---sidenav-subnav---1EN61>.sidenav---sidenav-subnavitem---1cD47:first-child{border-bottom:1px solid #ccc;font-size:14px;font-weight:400;line-height:48px;margin:0 24px}.sidenav---sidenav-subnav---1EN61>.sidenav---sidenav-subnavitem---1cD47:nth-child(2){margin-top:8px}.sidenav---sidenav-subnav---1EN61>.sidenav---sidenav-subnavitem---1cD47:last-child{margin-bottom:8px}.sidenav---sidenav-subnav---1EN61>.sidenav---sidenav-subnavitem---1cD47.sidenav---selected---1EK3y>.sidenav---navitem---9uL5T{background:none;color:#db3d44;cursor:default;font-weight:700}.sidenav---sidenav-subnav---1EN61>.sidenav---sidenav-subnavitem---1cD47.sidenav---selected---1EK3y>.sidenav---navitem---9uL5T:hover{background:#fff}.sidenav---sidenav-subnav---1EN61>.sidenav---sidenav-subnavitem---1cD47>.sidenav---navitem---9uL5T{color:#222;cursor:pointer;display:block;font-size:13px;line-height:30px;padding:0 24px;text-decoration:none}.sidenav---sidenav-subnav---1EN61>.sidenav---sidenav-subnavitem---1cD47>.sidenav---navitem---9uL5T:hover{background:#eee}.sidenav---sidenav-subnav---1EN61>.sidenav---sidenav-subnavitem---1cD47>.sidenav---navitem---9uL5T:focus{outline:0}.sidenav---sidenav---_2tBP{box-sizing:border-box;line-height:20px}.sidenav---sidenav---_2tBP *,.sidenav---sidenav---_2tBP :after,.sidenav---sidenav---_2tBP :before{box-sizing:inherit}
/*# sourceMappingURL=main.cd28c671.css.map*/