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-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{-webkit-animation:App-logo-spin 20s linear infinite;animation:App-logo-spin 20s linear infinite}}.App-header{background-color:#282c34;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff}.App-link{color:#61dafb}@-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)}}:root{--primaryColor:#3f0e40}.each-slide>div{color:#f7e9e9;border:1px solid #fff}.each-slide>div,.each-slideForComingSoon>div{align-items:center;justify-content:center;background-size:cover;height:45vh;background-color:#fff;width:20vw;flex-direction:column}.each-slideForComingSoon>div{color:#fff;border:0 solid #fff}.availableCardsGridContainer{display:grid;grid-template-columns:auto auto;grid-auto-rows:auto;grid-gap:6vh;width:100vw;height:100vh;background-color:var(--primaryColor);align-items:center;justify-content:center;margin-top:4vh}.CardsImg{height:16vh;width:20vw}.homePageViewContainer{height:100vh;width:100vw;background-color:var(--primaryColor)}.welcomeTextHomePageView{display:flex;color:#fff;margin-top:4vh;font-family:sans-serif;font-size:3vh}.homePageViewWelcomeTextFlexBox{margin:0 auto}.homePageViewWelcomeTextContainer{display:flex;justify-content:center;align-items:center;width:100vw}.myanatomyLinkWelcomePageText{cursor:pointer;border-bottom:1px solid;color:#dc143c;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}.imageContainerHomePageView{height:44%;box-shadow:0 4px 4px 0 rgba(0,0,0,.2)}.descriptionContainerHomePageView{padding:5vh 2vh;height:50%}.sandBoxImage{width:13vw!important;background-color:#fff!important;box-shadow:0 4px 8px 0 rgba(0,0,0,.2),0 6px 20px 0 rgba(0,0,0,.19)!important;height:22.5vh!important;align-items:center}.containerForSandBox,.sandBoxImage{display:flex;justify-content:center}.containerForSandBox{text-align:center;background-color:var(--primaryColor);color:#fff;height:6vh;width:13vw}.card-wrapper{cursor:pointer}.sandboxName{display:flex;font-size:2.2vh}.informationIcon{display:flex;margin-top:5px;margin-left:5px}@media (max-width:1280px){.informationIcon{display:flex;margin-top:2px;margin-left:5px}}.getStartedButtonStyle{margin-top:3vh;justify-content:center;display:flex;height:6vh}.styleForCardName{color:#000;font-size:5vh}.styleForCardContent{color:#000;margin-top:1vh;font-size:1.55vh}.homePageGetStartedButtonStyleDisable{color:var(--primaryColor);cursor:not-allowed!important;width:12vw!important;font-size:2.2vh!important;line-Height:unset!important}.homePageGetStartedButtonStyle{background:var(--primaryColor)!important;width:12vw!important;font-size:2.2vh!important;line-height:unset!important}.sandboxTypeContainer{display:flex;justify-content:center;align-items:center}.accordion{background-color:#e0ddee;color:#242120;cursor:pointer;padding:18px;width:100%;text-align:left;outline:none;font-size:15px;transition:.4s;border:none;border-left:10px solid #6a77e6}.accordion:hover{background-color:#b0b6fa}.accordion:hover,.active{border-left-color:#2d19a0;color:#f5f5f5}.active{background-color:#8b96f1}.accordion:after{content:"\002B";color:#777;font-weight:700;float:right;margin-left:5px}.active:after{content:"\2212"}.panel{padding:0 18px;max-height:0;transition:max-height .2s ease-out}.hrCodeNavbar,.panel{background-color:#fff;overflow:hidden}.hrCodeNavbar{z-index:40;position:-webkit-sticky;position:sticky;width:50%;height:8vh;box-shadow:0 1px 10px 0 rgba(0,0,0,.2);justify-content:space-evenly;align-items:center;display:flex}.button{width:20vw;text-overflow:ellipsis}.AceEditor .ace_scrollbar{transition:opacity .3s ease-in-out;opacity:0}.AceEditor{border:5px groove #d1dbf0;position:absolute}.preview{border:5px groove #aebbd6;right:0}.errorConsole,.preview{width:48%;height:90vh;position:absolute}.errorConsole,.errorConsoleForHR{overflow:auto;border:.5vh solid #aebbd6;background-color:#fff;padding:10px;color:red}.errorConsoleForHR,.previewHr{position:absolute;height:99vh;width:50vw;right:0}.previewHr{border:.5vh groove #aebbd6}.previewForIframe{border:.5vh groove #aebbd6}.errorConsoleForIframe,.previewForIframe{width:48vw;height:100vh;right:0;position:absolute}.errorConsoleForIframe{overflow:auto;border:5px groove #aebbd6;background-color:#fff;padding:10px;color:red}.previewForIframeInPrivateSandBox{margin-right:3.6%}.errorConsoleForIframeInPrivateSandbox,.previewForIframeInPrivateSandBox{width:44.5vw;height:90vh;border:5px groove #aebbd6;right:0;position:absolute}.errorConsoleForIframeInPrivateSandbox{overflow:auto;background-color:#fff;padding:10px;color:red}.errorConsoleForMicroservice,.previewForMicroservice{width:50vw;height:90vh;border:5px groove #aebbd6;right:0;position:absolute}.errorConsoleForMicroservice{overflow:auto;background-color:#fff;padding:10px;color:red}.errorMessagePreTag{white-space:pre-wrap}.errorConsoleForIframeInPrivateSandboxInMapit,.previewForIframeInPrivateSandboxInMapit{width:44.5vw;height:100vh;margin-right:3.6%;border:.5vh groove #aebbd6;right:0;position:absolute}.errorConsoleForIframeInPrivateSandboxInMapit{overflow:auto;background-color:#fff;padding:10px;color:red}.navbar_fileSystemSandbox{position:-webkit-sticky;position:sticky;z-index:40;display:flex;overflow:auto;box-shadow:0 1px 10px 0 rgba(0,0,0,.2);width:100%!important;height:5vh!important;border-left:5px groove #d1dbf0;align-items:center;scrollbar-width:none}.navbar_fileSystemSandbox::-webkit-scrollbar{display:none}.button_fileSystemSandbox{width:20%;overflow:hidden;text-overflow:ellipsis}.outer-div_fileSystemSandbox{width:100%;height:100vh;float:right}.topNav-side_fileSystemSandbox{width:100%;float:left;height:10vh}.topNav-sideIframe_fileSystemSandbox{width:0;height:0}.sideNav-side_fileSystemSandbox{height:90%;width:3.5%;float:left}.editor-side_fileSystemSandbox{height:90%;width:48.5%;float:left}.editor-side-option_fileSystemSandbox{height:10%;width:100%}.editor-side-editor_fileSystemSandbox{height:85vh;float:left;width:100%}.preview-side_fileSystemSandbox{height:90%;width:48%;float:left}.AceEditor_fileSystemSandbox{border:5px groove #d1dbf0;position:absolute}.AceEditor_fileSystemSandbox .ace_scrollbar{transition:opacity .3s ease-in-out;opacity:0}.closeButton_navbar{display:flex;color:var(--primaryColor)!important}.closeButton_navbar_selected{display:flex;color:#fff!important}.fileNames,.fileNamesUnselected{display:flex;height:4vh}.fileNamesUnselected{margin-right:2px}.fileNameText_navbar{color:#fff!important;border:1px solid #fff!important;background-color:var(--primaryColor)!important}.fileNameText_navbar,.fileNameUnselectedText_navbar{display:flex;text-transform:none!important;padding-left:15px!important}.fileNameUnselectedText_navbar{color:var(--primaryColor)!important;border:1px solid var(--primaryColor)!important;padding-right:10px!important}.divider{width:3px!important;background-color:#000!important}.defaultViewForNoOpenFile{background-color:#fff;color:#fff;display:flex;flex-direction:column;justify-content:center;align-items:center;align-self:center;-webkit-text-decoration-color:#fff;text-decoration-color:#fff;border:5px groove #d1dbf0;border-right:none;height:90vh}.companyLogoImage{margin-top:4vh;margin-bottom:8vh;height:25vh;width:17vw}.unsavedChangesInFileIndicator{height:9px;width:9px;background-color:#fff;border-radius:50%;display:inline-block;align-self:center;margin-left:3px}.unsavedChangesInFileIndicator_invisible{height:9px;width:9px;background-color:#fff;border-radius:50%;display:none}.button3DiscardSandboxView:hover{background-color:#f7bf05!important;color:#fff!important}.button3DiscardSandboxView{background-color:#fff!important;color:#000!important;border:2px solid #f7bf05!important;width:18%;margin-right:8px!important}.textInDefaultViewTable:hover{color:#00f;cursor:pointer;text-decoration:underline}.defaultViewForNoOpenFileInHrView,.defaultViewForNoOpenFileInIframe{background-color:#fff;color:#fff;display:flex;flex-direction:column;justify-content:center;align-items:center;align-self:center;-webkit-text-decoration-color:#fff;text-decoration-color:#fff;border-style:groove;border-right:none;height:100vh}.makeStyles-drawerClose-18,.makeStyles-drawerOpen-17{background-color:var(--primaryColor)!important}.closeButtonForNavbarInFileSystemStyle{display:flex}.headerForResetToDefaultView{padding:15px!important;text-align:center!important;background:var(--primaryColor)!important;color:#fff!important;font-size:30px!important}.buttonResetToDefaultView{background-color:var(--primaryColor)!important}.button_disabledResetToDefaultView,.buttonResetToDefaultView{border:none!important;color:#fff!important;text-align:center!important;text-decoration:none!important;display:inline-block!important;margin:4px 2px!important;transition-duration:.4s!important;cursor:pointer!important}.button_disabledResetToDefaultView{background-color:#cecce6!important}.button1ResetToDefaultView{background-color:#fff!important;color:#000!important;border:2px solid var(--primaryColor)!important;width:18%}.button1ResetToDefaultView:hover{background-color:var(--primaryColor)!important;color:#fff!important}.button3ResetToDefaultView{background-color:#fff!important;color:#000!important;border:2px solid #f44336!important;width:18%}.button3ResetToDefaultView:hover{background-color:#f44336!important;color:#fff!important}.dialogResetToDefaultView{width:700px!important;height:700px!important;size:600px!important}.paragraphResetToDefaultView{color:#082030!important}.headerForkCodeView{padding:15px!important;text-align:center!important;background:var(--primaryColor)!important;color:#fff!important;font-size:30px!important}.buttonForkCodeView{background-color:var(--primaryColor)!important;cursor:pointer!important}.button_disabledForkCodeView,.buttonForkCodeView{border:none!important;color:#fff!important;text-align:center!important;text-decoration:none!important;display:inline-block!important;margin:4px 2px!important;transition-duration:.4s!important}.button_disabledForkCodeView{background-color:#cecce6!important;cursor:not-allowed!important;pointer-events:auto!important;width:18%!important}.button1ForkCodeView{background-color:#fff!important;color:#000!important;border:2px solid var(--primaryColor)!important;width:18%}.button1ForkCodeView:hover{background-color:var(--primaryColor)!important;color:#fff!important}.button3ForkCodeView{background-color:#fff!important;color:#000!important;border:2px solid #f44336!important;width:18%}.button3ForkCodeView:hover{background-color:#f44336!important;color:#fff!important}.dialogForkCodeView{width:700px!important;height:700px!important;size:600px!important}.textareaForkCodeView{width:534px!important;height:120px!important;border:3px solid #ccc!important;padding:5px!important;font-family:Tahoma,sans-serif!important;background-position:100% 100%!important;background-repeat:no-repeat!important;font-size:15px!important;margin-top:-5px!important;resize:none!important}.paragraphErrorForkCodeView,.paragraphForkCodeView{justify-content:center!important;display:flex!important;margin-top:-2px!important;font-family:Tahoma,sans-serif!important;font-size:14px!important;margin-left:70%!important}.paragraphErrorForkCodeView{color:#f44336!important}.paragraphErrorForNameForkCodeView,.paragraphForNameForkCodeView{justify-content:center!important;display:flex!important;margin-top:-20px!important;font-family:Tahoma,sans-serif!important;font-size:14px!important;margin-left:70%!important}.paragraphErrorForNameForkCodeView{color:#f44336!important}.spanForkCodeView{justify-content:center!important;display:inline!important;color:var(--primaryColor)!important;margin-left:42%!important;font-weight:700!important}.MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-notchedOutline{border-color:var(--primaryColor)!important}.MuiFormLabel-root.Mui-focused{color:var(--primaryColor)!important}.forkCodeViewSelect .MuiOutlinedInput-input{padding:8.5px 30px 8.5px 14px!important}.forkCodeViewSelect{margin-bottom:2px;width:120px}.disableRevertButtonForForkCode{cursor:not-allowed;padding:0;width:25px}.revertButtonForForkCode{background:var(--primaryColor);color:#fff;cursor:pointer;padding:0;width:25px}.arrowBackIosRoundedIconStyle{width:14px!important;margin-top:1px}.forkedCodeViewContainer{display:flex;height:36px;flex-Direction:row}.disableInputLabelStyleForForkedCode{margin-top:-7px!important;font-size:10px!important}#button{width:100%;height:90%;border:2px solid var(--primaryColor)}#button:hover{background-color:var(--primaryColor);color:#fff}.company-logo img{cursor:pointer}#appBarStyleForSideNav{background:var(--primaryColor)!important;height:10vh!important}.companyLogoStyleForSideNav{max-height:10vh;cursor:pointer;margin-top:4%;width:100%}.toolbarStyleForSideNav{height:10vh!important;min-height:0!important}#iconButtonForOpenDrawer{margin-right:0!important}.header_EditorPreferences{padding:15px!important;text-align:center!important;background:var(--primaryColor)!important;color:#fff!important;font-size:30px!important}.baseButton_EditorPreferences{background-color:var(--primaryColor)!important;border:none!important;color:#fff!important;text-align:center!important;text-decoration:none!important;display:inline-block!important;margin:4px 2px!important;transition-duration:.4s!important;cursor:pointer!important}.OkButton_EditorPreferences{background-color:#fff!important;color:#000!important;border:2px solid var(--primaryColor)!important;width:30%}.OkButton_EditorPreferences:hover{background-color:var(--primaryColor)!important;color:#fff!important}.changeIndentationView{margin-left:6%}.theme-button{width:80%;height:35px;float:left;text-align:center}.inner-button{padding-left:14%;padding-top:1%;height:70%;width:70%}.switch{position:relative;display:block;width:105px;height:30px;margin:0 10px 10px 0;background:linear-gradient(180deg,#eee,#fff 25px);background-image:-webkit-linear-gradient(top,#eee,#fff 25px);border-radius:18px;box-shadow:inset 0 -1px #fff,inset 0 1px 1px rgba(0,0,0,.05);cursor:pointer}.switch-input{position:absolute;top:0;left:0;opacity:0}.switch-label{position:relative;display:block;height:inherit;font-size:14px;text-transform:uppercase;background:#eceeef;border-radius:inherit;box-shadow:inset 0 1px 2px rgba(0,0,0,.12),inset 0 0 2px rgba(0,0,0,.15)}.switch-label:after,.switch-label:before{position:absolute;top:50%;margin-top:-.5em;line-height:1;transition:inherit}.switch-label:before{content:attr(data-off);right:11px;color:#000;text-shadow:0 1px hsla(0,0%,100%,.5)}.switch-label:after{content:attr(data-on);left:11px;color:#fff;text-shadow:0 1px rgba(0,0,0,.2);opacity:0}.switch-input:checked~.switch-label{background:#484848;box-shadow:inset 0 1px 2px rgba(0,0,0,.15),inset 0 0 3px rgba(0,0,0,.2)}.switch-input:checked~.switch-label:before{opacity:0}.switch-input:checked~.switch-label:after{opacity:1}.switch-handle{position:absolute;top:1px;left:0;width:28px;height:28px;background:linear-gradient(180deg,var(--primaryColor) 40%,var(--primaryColor));background-image:-webkit-linear-gradient(top,var(--primaryColor) 40%,var(--primaryColor));border-radius:100%;box-shadow:1px 1px 5px rgba(0,0,0,.2)}.switch-handle:before{content:"";position:absolute;top:50%;left:50%;margin:-6px 0 0 -6px;width:12px;height:12px;background:linear-gradient(180deg,#eee,#fff);background-image:-webkit-linear-gradient(top,#eee,#fff);border-radius:6px;box-shadow:inset 0 1px rgba(0,0,0,.02)}.switch-input:checked~.switch-handle{left:77px;box-shadow:-1px 1px 5px rgba(0,0,0,.2)}.switch-handle,.switch-label{transition:All .3s ease;-webkit-transition:All .3s ease;-moz-transition:All .3s ease;-o-transition:All .3s ease}.themeButtonAutocompleteToggleView{width:80%;height:35px;float:left;text-align:center}.innerButtonAutocompleteToggleView{padding-left:14%;padding-top:1%;height:70%;width:70%}.switchAutoCompleteToggleView{cursor:pointer}.switchAutoCompleteToggleView,.switchAutoCompleteToggleViewDisabled{position:relative;display:block;width:105px;height:30px;margin:0 10px 10px 0;background:linear-gradient(180deg,#eee,#fff 25px);background-image:-webkit-linear-gradient(top,#eee,#fff 25px);border-radius:18px}.switchAutoCompleteToggleViewDisabled{cursor:not-allowed;opacity:.3}.switchInputAutocompleteToggleView{position:absolute;top:0;left:0;opacity:0}.switchLabelAutocompleteToggleView{position:relative;display:block;height:inherit;font-size:14px;text-transform:uppercase;background:#eceeef;border-radius:inherit}.switchLabelAutocompleteToggleView:after,.switchLabelAutocompleteToggleView:before{position:absolute;top:50%;margin-top:-.5em;line-height:1;transition:inherit}.switchLabelAutocompleteToggleView:before{content:attr(data-off);right:11px;color:#000;text-shadow:0 1px hsla(0,0%,100%,.5)}.switchLabelAutocompleteToggleView:after{content:attr(data-on);left:11px;color:#fff;text-shadow:0 1px rgba(0,0,0,.2);opacity:0}.switchHandleAutocompleteToggleView{position:absolute;top:1px;left:0;width:28px;height:28px;background:linear-gradient(180deg,var(--primaryColor) 40%,var(--primaryColor));background-image:-webkit-linear-gradient(top,var(--primaryColor) 40%,var(--primaryColor));border-radius:100%}.switchHandleAutocompleteToggleView:before{content:"";position:absolute;top:50%;left:50%;margin:-6px 0 0 -6px;width:12px;height:12px;background:linear-gradient(180deg,#eee,#fff);background-image:-webkit-linear-gradient(top,#eee,#fff);border-radius:6px}.switchInputAutocompleteToggleView:checked~.switchLabelAutocompleteToggleView{background:#228b22}.switchInputAutocompleteToggleView:checked~.switchLabelAutocompleteToggleView:before{opacity:0}.switchInputAutocompleteToggleView:checked~.switchLabelAutocompleteToggleView:after{opacity:1}.switchInputAutocompleteToggleView:checked~.switchHandleAutocompleteToggleView{left:77px}.switchHandleAutocompleteToggleView,.switchLabelAutocompleteToggleView{transition:All .3s ease;-webkit-transition:All .3s ease;-moz-transition:All .3s ease;-o-transition:All .3s ease}.headerExitSandboxView{padding:15px!important;text-align:center!important;background:var(--primaryColor)!important;color:#fff!important;font-size:30px!important;border-bottom:1px solid var(--primaryColor)}.buttonExitSandboxView{background-color:var(--primaryColor)!important;border:none!important}.button_disabledExitSandboxView,.buttonExitSandboxView{color:#fff!important;text-align:center!important;text-decoration:none!important;display:inline-block!important;margin:4px 2px!important;transition-duration:.4s!important;cursor:pointer!important}.button_disabledExitSandboxView{background-color:#cecce6!important;border:2px solid #cecce6!important;width:18%}.disabled-button-cursor{cursor:not-allowed!important}.button1ExitSandboxView{background-color:#fff!important;color:#000!important;border:2px solid var(--primaryColor)!important;width:18%}.button1ExitSandboxView:hover{background-color:var(--primaryColor)!important;color:#fff!important}.button3ExitSandboxView{background-color:#fff!important;color:#000!important;border:2px solid #f44336!important;width:18%}.button3ExitSandboxView:hover{background-color:#f44336!important;color:#fff!important}.dialogExitSandboxView{width:700px!important;height:700px!important;size:600px!important}.paragraphExitSandboxView{color:#082030!important}.FileStructure_button{background:none;font-size:16px;color:#fff;border:none;border-bottom:1px solid #fff;display:flex}.FileStructure_button:focus{outline:none}.visibleAddFile{color:#fff}.notVisibleAddFile{visibility:hidden}.FileStructure_button:hover{background:none;font-size:16px;color:#c96f1a;border:none;border-bottom:1px solid #c96f1a;display:flex}.FileStructure_button:focus-within{background:none;font-size:16px;color:#c96f1a;border:none;border-bottom:1px solid #c96f1a;display:flex}.fileNameInFileStructure{background:none;font-size:16px;color:#fff;border:none;border-bottom:1px solid #fff;display:flex}.fileNameInFileStructure:hover{background:none;font-size:16px;color:#c96f1a;border:none;border-bottom:1px solid #c96f1a;display:flex}.fileNameInFileStructure:focus-within{background:none;font-size:16px;color:#c96f1a;border:none;border-bottom:1px solid #c96f1a;display:flex}.fileNameInFileStructure:focus{outline:none}.selectedFile{background:none;font-size:16px;color:#c96f1a;border:none;border-bottom:1px solid #c96f1a;display:flex}.selectedFile:focus{outline:none}html{overflow:scroll;overflow-x:hidden}::-webkit-scrollbar{width:0}.header_CreateAFileView{padding:15px!important;text-align:center!important;background:var(--primaryColor)!important;color:#fff!important;font-size:30px!important}.baseButton_CreateAFileView{background-color:var(--primaryColor)!important;border:none!important;color:#fff!important;text-align:center!important;text-decoration:none!important;display:inline-block!important;margin:4px 2px!important;transition-duration:.4s!important;cursor:pointer!important}.createButton_CreateAFileView{background-color:#fff!important;color:#000!important;border:2px solid var(--primaryColor)!important;width:18%}.createButton_CreateAFileView:hover{background-color:var(--primaryColor)!important;color:#fff!important}.cancelButton_CreateAFileView{background-color:#fff!important;color:#000!important;border:2px solid #f44336!important;width:18%}.cancelButton_CreateAFileView:hover{background-color:#f44336!important;color:#fff!important}.inputFieldForPathFile{height:3vh;border:1px solid var(--primaryColor);width:100%;margin-bottom:1%}.styleForNameLabel{color:var(--primaryColor);font-size:17px}.inputFieldForNameLabel{height:3vh;border:2px solid var(--primaryColor)}.navbar{width:100%}.navbar,.navbar_microsevice{z-index:40;position:-webkit-sticky;position:sticky;overflow:hidden;background-color:#fff;height:8vh;box-shadow:0 1px 10px 0 rgba(0,0,0,.2);justify-content:space-evenly;align-items:center;display:flex}.navbar_microsevice{width:50vw}.button{width:20%;overflow:hidden}.outer-div{width:100%;height:100vh;float:right}.topNav-side{width:100%;float:left;height:10vh}.topNav-sideIframe{width:0;height:0}.sideNav-side{height:90%;width:3.5%;float:left}.editor-side{height:90%;width:48.5%;float:left}.editor-side-option{height:10%;float:left;width:100%}.editor-side-editor{height:82vh;float:left;width:100%}.preview-side{height:90%;width:48%;float:left}.editor-side-microservice{height:90%;width:49.5vw;float:left}.preview-side-microservice{height:90%;width:48%;float:left}@media (max-width:900px){.short-text{display:inline-block}.full-text{display:none}}.editorButtonInHTMLBasicSandboxStyleWhenActive{box-shadow:0 4px 4px 0 rgba(0,0,0,.2)!important;background:var(--primaryColor)!important;color:#fff!important;border:1px solid var(--primaryColor)!important}.editorButtonInHTMLBasicSandboxStyle,.editorButtonInReactBasicSandboxStyle{border:1px solid var(--primaryColor)!important;box-shadow:0 4px 4px 0 rgba(0,0,0,.2)!important;background-color:#fff!important;font-weight:inherit!important;color:var(--primaryColor)}.editorButtonInReactBasicSandboxStyleWhenActive{background:var(--primaryColor)!important;color:#fff!important}.editorButtonInAngularBasicSandboxStyle,.editorButtonInReactBasicSandboxStyleWhenActive{box-shadow:0 4px 4px 0 rgba(0,0,0,.2)!important;border:1px solid var(--primaryColor)!important}.editorButtonInAngularBasicSandboxStyle{background-color:#fff!important;font-weight:inherit!important;color:var(--primaryColor)}.editorButtonInAngularBasicSandboxStyleWhenActive{box-shadow:0 4px 4px 0 rgba(0,0,0,.2)!important;background:var(--primaryColor)!important;color:#fff!important;border:1px solid var(--primaryColor)!important}.company_editorsView{width:100%;height:95%;float:left;overflow:hidden;display:flex;justify-content:space-between;align-items:center}.toggle-button_editorsView{width:82%;height:10%;float:right;text-align:center;padding-top:1%}.inner-button_editorsView{width:130px!important;float:right}.switch_editorsView{position:relative;display:block;width:100%;height:30px;margin:0 10px 10px 0;background:linear-gradient(180deg,#eee,#fff 25px);background-image:-webkit-linear-gradient(top,#eee,#fff 25px);border-radius:18px;cursor:pointer;border:1px solid var(--primaryColor)}.switch-input_editorsView{position:absolute;top:0;left:0;opacity:0}.switch-label_editorsView{position:relative;display:block;height:inherit;font-size:14px;text-transform:uppercase;background:#eceeef;border-radius:inherit}.switch-label_editorsView:after,.switch-label_editorsView:before{position:absolute;top:50%;margin-top:-.5em;line-height:1;transition:inherit}.switch-label_editorsView:before{content:attr(data-off);right:11px;color:#000}.switch-label_editorsView:after{content:attr(data-on);left:11px;color:#000;text-shadow:0 1px rgba(0,0,0,.2);opacity:0}.switch-input_editorsView:checked~.switch-label_editorsView{background:#eee;box-shadow:inset 0 1px 2px rgba(0,0,0,.15),inset 0 0 3px rgba(0,0,0,.2)}.switch-input_editorsView:checked~.switch-label_editorsView:before{opacity:0}.switch-input_editorsView:checked~.switch-label_editorsView:after{opacity:1}.switch-handle_editorsView{position:absolute;top:0;left:-1px;width:30px;height:30px;background:linear-gradient(180deg,#3445e2 40%,#3445e2);background-image:-webkit-linear-gradient(top,#3445e2 40%,#3445e2);border-radius:100%;box-shadow:1px 1px 1px rgba(0,0,0,.2)}.switch-handle_editorsView:before{content:"";position:absolute;top:50%;left:50%;margin:-6px 0 0 -6px;width:12px;height:12px;background:linear-gradient(180deg,#eee,#fff);background-image:-webkit-linear-gradient(top,#eee,#fff);border-radius:6px;box-shadow:inset 0 1px rgba(0,0,0,.02)}.switch-input_editorsView:checked~.switch-handle_editorsView{left:80%;box-shadow:-1px 1px 5px rgba(0,0,0,.2)}.switch-handle_editorsView,.switch-label_editorsView{transition:All .3s ease;-webkit-transition:All .3s ease;-moz-transition:All .3s ease;-o-transition:All .3s ease}.editorDropDown{width:205px;height:7vh!important;margin-top:2%!important;right:.5%!important;top:20%!important;bottom:2px!important;background-color:#fff;border-radius:5px}.toolbarForToggleEditorView{height:10vh!important;min-height:0!important}.companyLogoImageForToggleEditorView{max-height:10vh;cursor:pointer;margin-top:4%;width:100%}.appBarStyleForToggleEditorView{background:var(--primaryColor)!important;height:10vh!important}.toggleStyleForEditorDropDown{height:7vh!important}.AceEditor_editorView{border:.5% solid #d1dbf0}.AceEditor_editorView .ace_scrollbar{transition:opacity .3s ease-in-out;opacity:0}.languageDropDown{width:10%;z-index:1;position:absolute!important;bottom:1%!important;right:.5%!important;background-color:#fff}.codeEditor-outer-div{border:2px outset #000;margin-top:10vh}.header{border:1px solid}.buttonForSendingAndDownloading{border:1px solid var(--primaryColor)!important}.codeEditorDownloadAndShareButtonsContainer{display:flex;justify-content:space-evenly;width:80%}.codeEditorCompileButtonContainer{display:flex;justify-content:center;margin:0 0 0 auto;width:20%}.disabledButtonForSendingAndDownloading{background:#d3d3d3!important;color:#000!important;margin-top:1%!important;margin-bottom:1%!important;font-family:sans-serif!important;height:5vh!important}.compileOutputDrawer{width:50%;z-index:1;position:absolute!important;bottom:.5%!important;right:30%!important;background-color:#fff;height:35px;border:1px solid #000;transition:height 1s;transition-timing-function:ease-in-out;border-radius:4px}.viewCompiledOutputButton{height:100%}.hideCompiledOutputButton,.viewCompiledOutputButton{color:#fff;display:flex;justify-content:center;align-items:center;font-size:large;font-family:sans-serif;cursor:pointer;background:var(--primaryColor)}.hideCompiledOutputButton{height:35px;border-bottom:1px solid var(--primaryColor)}.viewCompiledOutput{width:50%;z-index:1;position:absolute!important;bottom:.5%!important;right:30%!important;background-color:#fff;height:30%;border:1px solid #000;transition:height 1s;transition-timing-function:ease-in;border-bottom-right-radius:10px;border-bottom-left-radius:10px;border-radius:4px}.compiledOutputText{color:var(--primaryColor)}.compiledOutputErrorText,.compiledOutputText{height:87%;overflow:scroll;padding-bottom:0;padding-left:10px;padding-top:5px;font-size:larger;font-family:system-ui}.compiledOutputErrorText{color:red}.selectableCompilableLanguageMenuItem{color:#fff!important;background-color:var(--primaryColor)!important;border-bottom:1px solid #fff!important}.selectableCompilableLanguageMenuItem:hover{background-color:#fff!important;color:var(--primaryColor)!important;border-top:1px solid #000!important;border-bottom:1px solid #000!important}.selectableNotCompilableLanguageMenuItem{border-bottom:1px solid #000!important}.selectableNotCompilableLanguageMenuItem:hover{color:green!important}.sendMailButtonStyle{background:var(--primaryColor)!important;color:#fff!important;width:170px!important;margin-top:1%!important;margin-bottom:1%!important;height:5vh!important;border:1px solid var(--primaryColor)!important}.markDownEditor{width:100%;height:90%!important}.markDownEditor-outer-div{border:2px outset #000;margin-top:10vh}.markDownEditor-usedForNotes{border:2px outset #000;margin-top:0}.header{border:1px solid #fff;height:7vh;overflow:hidden;background-color:#fff;width:100%;position:-webkit-sticky;position:sticky;box-shadow:0 1px 10px 0 rgba(0,0,0,.2);z-index:40;justify-content:space-evenly;align-items:center;display:flex}.buttonForSendingAndDownloading{margin-top:1%!important;margin-bottom:1%!important;font-family:sans-serif!important;height:5vh!important}.buttonForSendingAndDownloading,.headerDownloadEditorContent{background:var(--primaryColor)!important;color:#fff!important}.headerDownloadEditorContent{padding:15px!important;text-align:center!important;font-size:30px!important}.buttonDownloadEditorContent{background-color:var(--primaryColor)!important;border:none!important;color:#fff!important;text-align:center!important;text-decoration:none!important;margin:4px 2px!important;transition-duration:.4s!important;cursor:pointer!important}.downloadButton{background-color:#fff!important;color:#000!important;border:2px solid var(--primaryColor)!important;width:100px}.downloadButton:hover{background-color:var(--primaryColor)!important;color:#fff!important}.cancelButton{background-color:#fff!important;color:#000!important;border:2px solid #f44336!important;width:100px}.cancelButton:hover{background-color:#f44336!important;color:#fff!important}.button-disabled{background-color:#cecce6!important;border:2px solid #cecce6!important;width:100px!important;text-decoration:none!important;display:inline-block!important;margin:4px 2px!important;transition-duration:.4s!important;cursor:pointer!important}.button-disabled,.headerEmailEditorContent{color:#fff!important;text-align:center!important}.headerEmailEditorContent{padding:15px!important;background:var(--primaryColor)!important;font-size:30px!important}.buttonEmailSendEditorContent{color:#fff!important;text-align:center!important;text-decoration:none!important;margin:4px 2px!important;transition-duration:.4s!important;cursor:pointer!important;color:#000!important;border:2px solid #f44336!important}.emailCancelButton{background-color:#fff!important;color:#000!important;border:2px solid #f44336!important;width:100px}.emailCancelButton:hover{background-color:#f44336!important;color:#fff!important}.gmailLogo{height:210px}.outlookLogo{width:230px;height:180px;border-radius:200%}.anchorTagForOutlook{margin-left:40px}.OkButton{background-color:#fff!important;color:#000!important;border:2px solid var(--primaryColor)!important;width:100px}.OkButton:hover{background-color:var(--primaryColor)!important;color:#fff!important}.inputElement{margin-left:10px;height:80%;width:24%}.short-text{display:none}@media (max-width:900px){.short-text{display:inline-block}.full-text{display:none}.inputElement{width:40%;height:90%}.gmailLogo{height:100px}.outlookLogo{width:135px;height:90px;border-radius:200%}}.appbarContainer{background-color:var(--primaryColor);height:64px;display:flex}*,:after,:before{box-sizing:border-box}.liveCodeEditor{position:fixed;width:100%;display:flex}.compileButton{background-color:var(--primaryColor)!important;color:#fff!important;border:1px solid #fff!important;width:120px;height:40px;border-radius:8%}.languageDropDownCodeShare{position:absolute!important;bottom:13px;right:10px;width:153px}@media (min-height:510px){.languageDropDownCodeShare{position:absolute!important;bottom:5px;right:10px;width:153px}}.compileButtonDisabled{width:120px;height:40px;color:#130e02!important;background-color:grey!important;border-radius:8%}.liveCodeEditorHeader{background-color:var(--primaryColor);padding:0 10px;top:0;width:100%;z-index:1;align-items:center}.MuiButtonBase-root.MuiButton-root.MuiButton-text.compileButtonDisabled.Mui-disabled.Mui-disabled{cursor:not-allowed;pointer-events:inherit}.liveCodeShareComponent{height:100%;width:100%;display:flex;flex-direction:column}.aceDivLiveCodeShare{border:1px solid #000;width:100%;height:88.85vh;margin-top:66.5px}