@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap);@import url(https://fonts.googleapis.com/css2?family=Courier+Prime:ital,wght@0,400;0,700;1,400;1,700&family=Overpass+Mono:wght@300;400;600;700&display=swap);.preplacedLogo a{text-decoration:none;color:#fff;display:flex;align-items:center}.preplacedLogo img{width:28px;margin-right:.9em}.preplacedLogo span{font-size:1.4em;font-weight:500}@media screen and (min-width:1560px){.preplacedLogo img{width:42px;margin-right:1em}.preplacedLogo span{font-size:1.6em;font-weight:500}}@media screen and (max-width:1560px){.preplacedLogo img{width:28px}.preplacedLogo span{font-size:1.2em}}@media screen and (max-width:1024px){.preplacedLogo img{width:24px}.preplacedLogo span{font-size:1.1em}}@media screen and (max-width:426px){.preplacedLogo img{width:22px;margin-right:.4em}.preplacedLogo span{font-size:.9em;font-weight:500}}.userAvatar__avatarContainer{position:relative;display:flex;justify-content:center;align-items:center}.userAvatar__avatarContainer .avatarContainer__avatar{cursor:pointer}.userAvatar__avatarContainer .avatarContainer__avatar .MuiAvatar-root{width:45px;height:45px;border:2px solid #fff}.userAvatar__avatarContainer .userAvatar__userOptionsDropdown{position:absolute;top:150%;left:-100%;opacity:0;pointer-events:none;background:#2e3238;border-radius:15px;padding:1.2em .8em;z-index:20;transition:all .2s ease}.userAvatar__avatarContainer .userAvatar__userOptionsDropdown.userAvatar__userOptionsDropdown--open{opacity:1;pointer-events:all}.userAvatar__avatarContainer .userAvatar__userOptionsDropdown .MuiMenuItem-root{font-family:CircularStd,sans-serif;font-size:1em;margin:.4em 0}.userAvatar__avatarContainer .userAvatar__userOptionsDropdown .MuiMenuItem-root.userOptionsDropdown__logout,.userAvatar__avatarContainer .userAvatar__userOptionsDropdown .MuiMenuItem-root.userOptionsDropdown__logout .MuiListItemIcon-root .MuiSvgIcon-root{color:#ef4444}.userAvatar__avatarContainer .userAvatar__userOptionsDropdown .MuiMenuItem-root .MuiListItemIcon-root{min-width:-webkit-fit-content;min-width:-moz-fit-content;min-width:fit-content;margin-right:1em}.userAvatar__avatarContainer .userAvatar__userOptionsDropdown .MuiMenuItem-root .MuiListItemIcon-root .MuiSvgIcon-root{font-size:1.4em;color:#fff}.preplacedDefaultHeader__container{width:100%;display:flex;justify-content:space-between;align-items:center;padding:2.8em 8vw}.preplacedDefaultHeader__container .header__loginButton{background:#2563eb;color:#fff;border-radius:4px;border:0;font-size:.9rem;font-weight:300;font-family:CircularStd,Poppins,sans-serif;padding:.7em 0;width:9em;cursor:pointer}@media screen and (min-width:1560px){.preplacedDefaultHeader__container{padding:2.4em 8vw 1em}.preplacedDefaultHeader__container .MuiButton-root{font-size:1.3em}.preplacedDefaultHeader__container .MuiButton-root .MuiSvgIcon-root{font-size:36px}}@media screen and (max-width:1560px){.preplacedDefaultHeader__container{padding:1.8em 8vw 1em}.preplacedDefaultHeader__container .MuiButton-root{font-size:.85em}}@media screen and (max-width:1024px){.preplacedDefaultHeader__container .MuiButton-root{font-size:.7em}}@media screen and (max-width:426px){.preplacedDefaultHeader__container{padding:2em 3vw}.preplacedDefaultHeader__container .MuiButton-root{font-size:.65em}.preplacedDefaultHeader__container .MuiButton-root .MuiSvgIcon-root{font-size:20px}.preplacedDefaultHeader__container .header__loginButton{font-size:.75rem;padding:.6em 0;width:8em}}.footer{display:flex;justify-content:space-between;align-items:center;font-family:CircularStd,Poppins,sans-serif;font-size:1em;padding:1em 0;margin:0 8vw;margin-top:0!important;border-top:1px solid hsla(0,0%,100%,.3)}.footer a{text-decoration:none;color:inherit}.footer>div{display:flex;justify-content:flex-start;align-items:center}.footer>div:first-child{flex:1 1;color:#45adff}.footer>div:first-child>a:first-child{padding-right:1em}.footer>div:first-child>a:last-child{padding-left:1em;border-left:1px solid hsla(0,0%,100%,.8)}.footer>div:last-child{color:hsla(0,0%,100%,.8)}.footer>div:last-child img{width:18px;margin:0 8px}.footer>div:last-child a{color:#45adff;margin-right:10px}@media screen and (min-width:1560px){.footer{font-size:1.5em}.footer>div:last-child img{width:32px;margin:0 12px}.footer>div:last-child span{margin-right:12px}}@media screen and (max-width:426px){.footer{margin-top:1.4em;font-size:.6em}.footer>div:first-child>span:first-child{padding-right:.5em}.footer>div:first-child>span:last-child{padding-left:.5em}.footer>div:last-child img{width:14px;margin:0 4px}.footer>div:last-child span{margin-right:4px}}.landing{display:flex;flex-direction:column;width:100%;height:100%;color:#fff}.landing__heroText{padding:1.8em 0;text-align:center}.landing__heroText h1{font-weight:500;font-size:3.6em;margin-top:.6em!important;word-wrap:break-word}.landing__heroText h3{color:hsla(0,0%,100%,.65);font-size:1.6em;font-weight:400;margin-top:1em!important}.landing__heroTextFeatures{display:flex;justify-content:center;align-items:center}.landing__heroTextFeature{display:flex;align-items:center;font-size:1.6em;margin:2.8em 5%}.landing__heroTextFeature .MuiSvgIcon-root{font-size:1.4em;color:#1d70f0;margin-right:.4em}.start-button.MuiButton-root{background:linear-gradient(270deg,#0098fe,#2364eb);color:#fff;border-radius:10px;text-transform:capitalize;margin:3em 0;padding:.5em 2em;font-weight:500;font-size:1.4em;font-family:CircularStd}.preview_container{text-align:center}.editor-preview{width:798px}.used_by{text-align:center;margin:10em 10% 5em}.used_by p{color:#fff;font-size:2em;margin-bottom:2em}.used_by .companies{margin-top:3em;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap}.used_by .companies .company_logo{margin:2em 0;flex:1 0 21%}.used_by .companies .company_logo img{width:8em}.used_by .companies .company_logo .facebook,.used_by .companies .company_logo .microsoft,.used_by .companies .company_logo .walmart{width:11em}@media screen and (max-width:2560px){.landing{justify-content:space-between}.landing__heroText{padding:3em 0}.landing__heroText h1{font-size:4.8em}.landing__heroText h3{font-size:2em;margin-top:.6em}.landing__heroTextFeature{font-size:2em;margin:2.4em 7% 1em}}@media screen and (max-width:1600px){.landing{justify-content:center}.landing__heroText{padding:.8em 0}.landing__heroText h1{font-size:2.8em}.landing__heroText h3{font-size:1.2em;margin-top:.4em}.landing__heroTextFeature{font-size:1.2em;margin:2em 7% 1.4em}}@media screen and (max-width:1024px){.landing__heroText{padding:.2em 0}.landing__heroText h1{font-size:2.4em}.landing__heroText h3{font-size:1em;margin-top:.4em}.landing__heroTextFeature{font-size:1em;margin:2.8em 6%}.editor-preview{width:698px}.used_by .companies .company_logo img{width:7em}.used_by .companies .company_logo .facebook,.used_by .companies .company_logo .microsoft,.used_by .companies .company_logo .walmart{width:10em}}@media screen and (max-width:868px){.landing__heroText{padding:1.4em 4vw}.landing__heroText h1{font-size:1.9em}.landing__heroText h3{font-size:.95em;margin-top:.6em}.landing__heroTextFeatures{margin:0 4vw;flex-wrap:wrap}.landing__heroTextFeature{font-size:.9em;margin:2.8em 4% 1em}.editor-preview{width:598px}.used_by .companies{margin-top:0}.used_by .companies .company_logo{flex:0 0 33.333333%}}@media screen and (max-width:698px){.start-button{margin:2.2em 0!important;padding:.35em 0!important;width:250px;font-size:1.2em!important}.editor-preview{width:90%}.used_by{margin-top:6em}.used_by p{font-size:1.6em;margin-bottom:1em}.used_by .companies{flex-direction:column;margin-top:0}.used_by .companies .company_logo{margin:1.5em 0;flex:1 1}.used_by .companies .company_logo img{width:5.6em}.used_by .companies .company_logo .facebook,.used_by .companies .company_logo .microsoft,.used_by .companies .company_logo .walmart{width:7.6em}}@media screen and (max-width:426px){.landing__heroText{padding:1em 0}.landing__heroText h1{font-size:1.6em}.landing__heroText h3{font-size:.6em;margin:.8em 2% 0}.landing__heroTextFeatures{flex-wrap:wrap;margin:1.6em 0 0}.landing__heroTextFeature{font-size:.8em;margin:1.2em 3%}.start-button{font-size:1em!important;width:220px}.used_by{margin:4em 0}.used_by p{font-size:1.6em}.used_by .companies .company_logo{margin:1em 0;flex:1 1}.used_by .companies .company_logo img{width:5em}.used_by .companies .company_logo .facebook,.used_by .companies .company_logo .microsoft,.used_by .companies .company_logo .walmart{width:7.5em}}.interviewPreview{width:260px;height:250px;display:flex;flex-direction:column;justify-content:space-between;background:#23262b;border-radius:1em;color:#fff;overflow:hidden;cursor:pointer}.interviewPreview .interviewPreview__previewImage{flex:1 1;display:flex;justify-content:center;align-items:center;overflow:hidden}.interviewPreview .interviewPreview__previewImage img{object-fit:cover;width:100%;height:100%}.interviewPreview .interviewPreview__previewImage .previewImage__noImage{width:100%;height:50%;opacity:.5}.interviewPreview .interviewPreview__details{background:#2e3238;padding:1.2em 1.4em}.interviewPreview .interviewPreview__details .interviewPreview__title{font-size:1.2em}.interviewPreview .interviewPreview__details .interviewPreview__extraInfo{display:flex;justify-content:space-between;align-items:center;font-size:.74em;margin-top:1.2em;color:hsla(0,0%,100%,.8)}.interviewPreview .interviewPreview__details .interviewPreview__extraInfo .extraInfo__owner{width:55%;overflow:hidden}.interviewPreview .interviewPreview__details .interviewPreview__extraInfo .extraInfo__date{width:42%;overflow:hidden;text-align:right}.previewCardSkeleton{width:260px;height:250px;display:flex;flex-direction:column;justify-content:flex-end;background:#23262b;border-radius:1em;margin:.5em;overflow:hidden}.previewCardSkeleton .MuiSkeleton-root{background:hsla(0,0%,100%,.08);transform:scale(1);border-radius:0}.previewCardSkeleton .previewCardSkeleton__bottom{width:100%;height:80px;background:rgba(46,50,56,.6)}.home{display:flex;flex-direction:column;width:100%;height:100%;color:#fff}.home .home__headerSideBlock{display:flex;align-items:center}.home .home__headerSideBlock .home__startInterviewButton.MuiButton-root{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;font-family:CircularStd,Poppins,sans-serif;font-weight:400;font-size:.9em;text-transform:none;color:#fff;padding:.7em 1.4em;border-radius:12px;background:linear-gradient(90deg,#2563eb 1.78%,#09f),linear-gradient(0deg,#fff,#fff)}.home .home__headerSideBlock .userAvatar__avatarContainer{margin-left:2em}.home .home__previewsWrapper{padding:4em 8vw}.home .home__previewsWrapper>.home__previewsContainer:not(:last-child){margin-bottom:4em}.home .home__previewsWrapper .home__previewsContainer .previewsContainer__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2em}.home .home__previewsWrapper .home__previewsContainer .previewsContainer__header .previewsContainer__title{font-size:1.2em;font-weight:500;word-break:break-all;overflow:hidden}.home .home__previewsWrapper .home__previewsContainer .previewsContainer__header .previewsContainer__expandButton{font-size:1em;font-weight:300;cursor:pointer}.home .home__previewsWrapper .home__previewsContainer .previewsContainer__previews{display:flex;align-items:center;flex-wrap:wrap}.home .home__previewsWrapper .home__previewsContainer .previewsContainer__previews>.interviewPreview{margin:1em}.home .home__previewsWrapper .home__previewsContainer .previewsContainer__noPreviews{width:100%;font-size:1em;color:hsla(0,0%,100%,.55);text-align:center;padding:2.4em;background:#23262b;border-radius:15px}@media screen and (min-width:768px){.home .home .home__previewsWrapper .home__previewsContainer .previewsContainer__previews{align-items:center;justify-content:center}}.authCard{position:relative;display:flex;flex-direction:column;justify-content:space-between;width:460px;transform:scale(.9);color:#fff;background:#272822;padding:2.4em 2.6em;border-radius:5px;box-shadow:0 2px 2px rgba(0,0,0,.2)}.authCard .authCard__closeButton{position:absolute;top:3%;right:5%;padding:5px;background:hsla(0,0%,100%,.1)}.authCard .authCard__closeButton .MuiSvgIcon-root{color:#fff}.authCard .authCard__heading{font-size:26px;text-align:center;margin-bottom:.5em;color:hsla(0,0%,100%,.9)}.authCard form{display:flex;flex-direction:column}.authCard form input{width:100%;border:none;outline:none;background:#171717;font-family:CircularStd,Poppins,sans-serif;font-size:1em;color:hsla(0,0%,100%,.9);padding:1.2em 1.4em;margin:.6em 0;border-radius:8px}.authCard form input[type=password]{letter-spacing:12px}.authCard form input::-webkit-input-placeholder{color:hsla(0,0%,100%,.45);font-size:14px;font-weight:400;letter-spacing:.5px}.authCard form input:-ms-input-placeholder{color:hsla(0,0%,100%,.45);font-size:14px;font-weight:400;letter-spacing:.5px}.authCard form input::-ms-input-placeholder{color:hsla(0,0%,100%,.45);font-size:14px;font-weight:400;letter-spacing:.5px}.authCard form input::placeholder{color:hsla(0,0%,100%,.45);font-size:14px;font-weight:400;letter-spacing:.5px}.authCard form .createAccountButton{margin-top:.85em}.authCard form .forgotPasswordButton__link{text-decoration:none}.authCard form .forgotPasswordButton{margin-top:.85em}.authCard .otherMethodSignIn{display:flex;flex-direction:column;justify-content:space-between;align-items:center;margin-top:.75em;padding-top:1em;border-top:.7px solid hsla(0,0%,100%,.075)}.authCard .otherMethodSignIn .MuiButton-root{margin:.5em 0}.authCard .authCard__navigationMessage{width:100%;margin-top:2em;font-size:.9em;color:hsla(0,0%,100%,.8);text-align:center}.authCard .authCard__navigationMessage .nav__tab{margin:0 5px;width:auto;background-color:#09f;color:hsla(0,0%,100%,.8)}.authCard .MuiButton-root{width:100%;color:#fff;text-transform:none;padding:1em 2em!important;font-weight:400;font-size:1em;font-family:CircularStd,Poppins,sans-serif}.authCard .MuiButton-root img{width:30px;margin-right:.8em}.authCard .MuiButton-root.createAccountButton,.authCard .MuiButton-root.createAccountButton:hover{background:#ff4181}.authCard .MuiButton-root.forgotPasswordButton{background:transparent;transition:all .2s ease}.authCard .MuiButton-root.forgotPasswordButton:hover{color:#09f;text-decoration:underline;background:transparent}.authCard .MuiButton-root.googleSignInButton{color:#000;font-weight:500;background:#fff}.authCard .MuiButton-root.googleSignInButton:hover{background:#fff}.authCard .MuiButton-root.githubSignInButton,.authCard .MuiButton-root.githubSignInButton:hover{background:#000}@media screen and (max-width:2560px)and (min-width:1640px){.authCard{transform:scale(.9)}}@media screen and (max-width:1440px){.authCard{width:420px}.authCard .authCard__heading{font-size:24px}.authCard form input{padding:1em 1.4em}.authCard .MuiButton-root{padding:.8em 1.65em!important}}@media screen and (max-width:768px){.authCard{width:380px;padding:2.4em}.authCard .authCard__heading{font-size:24px}.authCard form input{padding:1em 1.4em}.authCard .MuiButton-root{font-size:.95em;padding:.6em 1.65em!important}.authCard .authCard__navigationMessage{font-size:.8em}}@media screen and (max-width:426px){.authCard{width:350px;padding:2.4em 2em}.authCard form input{padding:.8em 1.4em}.authCard .MuiButton-root{font-size:.9em;padding:.5em 1.65em!important}.authCard .MuiButton-root img{width:28px}}@media screen and (max-width:320px){.authCard{width:310px;padding:2.2em 1em}.authCard .authCard__heading{font-size:20px}.authCard form input{font-size:.8em;padding:1em 1.4em}.authCard form input::-webkit-input-placeholder{font-size:1em}.authCard form input:-ms-input-placeholder{font-size:1em}.authCard form input::-ms-input-placeholder{font-size:1em}.authCard form input::placeholder{font-size:1em}.authCard .MuiButton-root{font-size:.8em;padding:.4em 1em!important}.authCard .MuiButton-root img{width:26px}}.emailCard{display:flex;flex-direction:column;justify-content:space-between;width:460px;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;color:#fff;background:#272822;padding:2.4em 2.6em;border-radius:5px;box-shadow:0 2px 2px rgba(0,0,0,.2)}.emailCard .emailCard__heading{font-size:26px;text-align:center;margin-bottom:.5em;color:hsla(0,0%,100%,.95)}.emailCard form{display:flex;flex-direction:column}.emailCard form input{width:100%;border:none;outline:none;background:#171717;font-family:CircularStd,Poppins,sans-serif;font-size:1em;color:hsla(0,0%,100%,.9);padding:1.2em 1.4em;margin:.6em 0;border-radius:8px}.emailCard form input::-webkit-input-placeholder{color:hsla(0,0%,100%,.45);font-size:14px;font-weight:400;letter-spacing:.5px}.emailCard form input:-ms-input-placeholder{color:hsla(0,0%,100%,.45);font-size:14px;font-weight:400;letter-spacing:.5px}.emailCard form input::-ms-input-placeholder{color:hsla(0,0%,100%,.45);font-size:14px;font-weight:400;letter-spacing:.5px}.emailCard form input::placeholder{color:hsla(0,0%,100%,.45);font-size:14px;font-weight:400;letter-spacing:.5px}.emailCard form .emailSentMsg{margin:1em 0;text-align:center}.emailCard form .MuiButton-root{width:100%;color:#fff;text-transform:none;padding:1em 2em;font-weight:400;font-size:1em;font-family:CircularStd,Poppins,sans-serif}.emailCard form .MuiButton-root.sendPasswordResetLink{margin-top:.75em;background:#ff4181}.emailCard form .MuiButton-root.sendPasswordResetLink:hover{background:#ff4181}.emailCard form .MuiButton-root.loginNavButton{margin-top:.75em;background:#09f}.emailCard form .MuiButton-root.loginNavButton:hover{background:#09f}.resetPasswordCard{display:flex;flex-direction:column;justify-content:space-between;width:460px;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;color:#fff;background:#272822;padding:2.4em 2.6em;border-radius:5px;box-shadow:0 2px 2px rgba(0,0,0,.2)}.resetPasswordCard .resetPasswordCard__heading{font-size:26px;text-align:center;margin-bottom:.5em;color:hsla(0,0%,100%,.95)}.resetPasswordCard form{display:flex;flex-direction:column}.resetPasswordCard form input{width:100%;border:none;outline:none;background:#171717;font-family:CircularStd,Poppins,sans-serif;font-size:1em;color:hsla(0,0%,100%,.9);padding:1.2em 1.4em;margin:.6em 0;border-radius:8px}.resetPasswordCard form input::-webkit-input-placeholder{color:hsla(0,0%,100%,.45);font-size:14px;font-weight:400;letter-spacing:.5px}.resetPasswordCard form input:-ms-input-placeholder{color:hsla(0,0%,100%,.45);font-size:14px;font-weight:400;letter-spacing:.5px}.resetPasswordCard form input::-ms-input-placeholder{color:hsla(0,0%,100%,.45);font-size:14px;font-weight:400;letter-spacing:.5px}.resetPasswordCard form input::placeholder{color:hsla(0,0%,100%,.45);font-size:14px;font-weight:400;letter-spacing:.5px}.resetPasswordCard form .passwordResetError{margin:1em 0;text-align:center}.resetPasswordCard form .MuiButton-root{width:100%;color:#fff;text-transform:none;padding:1em 2em;font-weight:400;font-size:1em;font-family:CircularStd,Poppins,sans-serif}.resetPasswordCard form .MuiButton-root.changePasswordBtn{margin-top:.75em;background:#ff4181}.resetPasswordCard form .MuiButton-root.changePasswordBtn:hover{background:#ff4181}.pageNotFound{width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;background:url(/static/media/not-found-background-pattern.9644054a.svg);background-position:50% 100%;background-size:contain;background-repeat:no-repeat;padding:0 8vw;text-align:center}.pageNotFound .pageNotFound__heading{font-size:2.6em;color:#fff}.pageNotFound .pageNotFound__message{margin-top:1.8em;font-size:1.3em;font-weight:400;color:hsla(0,0%,100%,.9)}.pageNotFound .pageNotFound__goBackHome{outline:none;margin-top:2.4em;padding:1em 2em;color:#fff;background:#09f;font-size:1em;text-decoration:none;border-radius:2px}@media screen and (min-width:1640px){.pageNotFound{transform:scale(1.4)}}@media screen and (max-width:768px){.pageNotFound .pageNotFound__heading{font-size:2em}.pageNotFound .pageNotFound__message{font-size:1em}.pageNotFound .pageNotFound__goBackHome{font-size:.85em}}.editorCardsPreview{width:100%;display:flex;flex-direction:column;align-items:center;padding:1.5em 4vw}.editorCardsPreview>*{width:100%}.editorCardsPreview .editorCardsPreview__header{display:flex;align-items:center;height:6vh}.editorCardsPreview .editorCardsPreview__header .header__leftSidePreview{display:flex;align-items:center}.editorCardsPreview .editorCardsPreview__header .header__leftSidePreview .header__docNamePreview{margin-left:1.4em}.editorCardsPreview .editorCardsPreview__header .header__rightSidePreview{display:flex;justify-content:space-between;align-items:center;margin-left:auto}.editorCardsPreview .editorCardsPreview__header .header__rightSidePreview>span:not(:last-child){margin-right:2em}.editorCardsPreview .editorCardsPreview__content{width:100%;min-height:72vh;display:flex;margin:2.4em 0 1em;justify-content:space-between}.editorCardsPreview .editorCardsPreview__content .content__leftSide{width:40.5%;min-height:72vh;min-width:382px;display:flex;flex-direction:column;justify-content:space-between;align-items:center}.editorCardsPreview .editorCardsPreview__content .content__leftSide .leftSide__preview{width:100%;height:53%}.editorCardsPreview .editorCardsPreview__content .content__leftSide .rightSide__preview{width:100%;height:40%}.editorCardsPreview .editorCardsPreview__content .content__rightSide{width:56%;min-height:72vh}.editorCardsPreview .MuiSkeleton-root{background:hsla(0,0%,100%,.125);transform:scale(1)}@media screen and (min-width:1560px){.editorCardsPreview .editorCardsPreview__header .header__logoPreview>span{width:80px!important;height:80px!important}.editorCardsPreview .editorCardsPreview__header .header__docNamePreview>span{width:300px!important;height:68px!important}.editorCardsPreview .editorCardsPreview__header .header__rightSidePreview>span{height:68px!important}.editorCardsPreview .editorCardsPreview__header .header__rightSidePreview>span:first-child{width:540px!important}.editorCardsPreview .editorCardsPreview__header .header__rightSidePreview>span:not(:first-child){width:180px!important}}@media screen and (max-width:1024px){.editorCardsPreview .editorCardsPreview__header{flex-wrap:wrap;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}.editorCardsPreview .editorCardsPreview__header .header__rightSidePreview{margin-left:0;margin-top:2em}.editorCardsPreview .editorCardsPreview__content{flex-wrap:wrap}.editorCardsPreview .editorCardsPreview__content .content__leftSide,.editorCardsPreview .editorCardsPreview__content .content__rightSide{width:100%}.editorCardsPreview .editorCardsPreview__content .content__rightSide{margin-top:2em}}@media screen and (max-width:768px){.editorCardsPreview .editorCardsPreview__header .header__rightSidePreview>span:first-child{width:80vw!important;margin:0}.editorCardsPreview .editorCardsPreview__header .header__rightSidePreview>span:not(:first-child){display:none}}.documentNameEditor{position:relative;display:flex;align-items:center}.documentNameEditor .documentNameEditor__preplacedLogo{width:28px;margin-right:.9em}.documentNameEditor .documentNameEditor__input{outline:none;border:1.8px solid transparent;padding:.58em 2.6em .58em 1em;background:#23262b;border-radius:12px;font-family:CircularStd,Poppins,sans-serif;font-size:1em;color:hsla(0,0%,100%,.7)}.documentNameEditor .documentNameEditor__input:focus{color:#fff;border:1.8px solid #09f}.documentNameEditor .documentNameEditor__input::-webkit-input-placeholder{font-size:.85em;font-weight:500}.documentNameEditor .documentNameEditor__input:-ms-input-placeholder{font-size:.85em;font-weight:500}.documentNameEditor .documentNameEditor__input::-ms-input-placeholder{font-size:.85em;font-weight:500}.documentNameEditor .documentNameEditor__input::placeholder{font-size:.85em;font-weight:500}.documentNameEditor .MuiIconButton-root{position:absolute;cursor:pointer;top:50%;right:4%;padding:6px;color:#fff;transform:translateY(-50%)}.documentNameEditor .MuiIconButton-root .MuiSvgIcon-root{font-size:14px}.infoModal{outline:none;position:absolute;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;max-width:560px;display:flex;flex-direction:column;justify-content:space-between;align-items:center;background:#333;color:#fff;border-radius:10px;padding:3.4em 3.2em;top:50%;left:50%;transform:translate(-50%,-50%);font-family:CircularStd,Poppins,sans-serif}.infoModal>div,.infoModal span{width:100%}.infoModal .infoModal__heading{font-size:1.8em;opacity:.9;padding:0 .2em;margin-bottom:1em}.infoModal .infoModal__subHeading{font-size:1em;opacity:.6;padding:0 .5em;margin-bottom:1.4em}.infoModal .infoModal__documentInfo{position:relative;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;background:#272626;border-radius:10px;padding:1em 1.4em;font-size:15px}.infoModal .infoModal__documentInfo>div:first-child{margin-bottom:2em}.infoModal .infoModal__documentInfo .documentInfo__link{color:#99e3fb;margin-top:.6em;word-break:break-all;cursor:pointer}.infoModal .infoModal__documentInfo .documentInfo__link:hover{text-decoration:underline}.infoModal .infoModal__documentInfo .documentInfo__link--spreadOut{letter-spacing:2px;font-size:15px}.infoModal .infoModal__documentInfo .MuiIconButton-root{position:absolute;bottom:2%;right:1%;font-size:12px;color:#fff;border-radius:0;font-family:CircularStd,Poppins,sans-serif;background:transparent;box-shadow:none}.infoModal .infoModal__documentInfo .MuiIconButton-root .MuiSvgIcon-root{font-size:18px;margin-right:8px}.infoModal .infoModal__documentInfo .MuiIconButton-root .MuiSvgIcon-root.copyDocumentInfo__copyIcon{transform:scaleY(1.4)}.infoModal .infoModal__documentInfo .infoModal__closeButton{position:absolute;top:-2%;right:-9%;z-index:10}.infoModal .infoModal__documentInfo .infoModal__closeButton .MuiIconButton-root{padding:5px;background:hsla(0,0%,100%,.065);border-radius:50%}.infoModal .infoModal__documentInfo .infoModal__closeButton .MuiIconButton-root .MuiSvgIcon-root{font-size:24px;margin:0}.infoModal .infoModal__documentInfo .infoModal__closeButton .MuiIconButton-root:hover{background:hsla(0,0%,100%,.1)}.infoModal .infoModal__documentInfo .infoModal__copiedAlert{position:absolute;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;border-radius:5px;z-index:10;bottom:32%;right:1%;background:rgba(0,0,0,.8);color:#fff;font-size:12px;padding:6px 10px;transition:transform .2s ease}.infoModal .infoModal__documentInfo .infoModal__copiedAlert.infoModal__copiedAlert--open{transform:translateY(0);opacity:1;animation:fadeIn .2s ease}.infoModal .infoModal__documentInfo .infoModal__copiedAlert.infoModal__copiedAlert--closed{transform:translateY(60%);opacity:0;pointer-events:none;animation:fadeOut .2s ease}.infoModal .infoModal__buttons{display:flex;flex-direction:column;justify-content:space-between;align-items:center;margin-top:2em}.infoModal .infoModal__buttons .infoModal__exitButtons{width:100%;display:flex;justify-content:space-between;align-items:center;margin-top:2em}.infoModal .infoModal__buttons .infoModal__exitButtons>*{width:46%!important}.infoModal .infoModal__buttons .MuiButton-root{width:40%;font-family:CircularStd,Poppins,sans-serif;background:transparent;border:2px solid #fff;padding:.65em 4em;text-transform:inherit;color:#fff;font-weight:400}.infoModal .infoModal__buttons .MuiButton-root.infoModal__copyButton{width:100%;font-size:18px;opacity:.8}.infoModal .infoModal__buttons .MuiButton-root.infoModal__yesButton{color:#45adff;border-color:#45adff}.infoModal .infoModal__buttons .MuiButton-root.infoModal__endButton{color:#eb5757;border-color:#eb5757}@media screen and (min-width:1640px){.infoModal{max-width:680px;padding:3.8em 3.6em}.infoModal .infoModal__heading{font-size:2.2em}.infoModal .infoModal__documentInfo,.infoModal .infoModal__subHeading{font-size:1.4em}.infoModal .infoModal__buttons .MuiButton-root{font-size:1.4em!important}}@media screen and (max-width:570px){.infoModal{max-width:92vw;padding:3.2em 1.4em 2.6em}.infoModal .infoModal__documentInfo .infoModal__closeButton{top:-6%;right:-4.5%}.infoModal .infoModal__documentInfo .infoModal__closeButton .MuiIconButton-root{padding:4px}.infoModal .infoModal__documentInfo .infoModal__closeButton .MuiIconButton-root .MuiSvgIcon-root{font-size:22px}.infoModal .infoModal__buttons .MuiButton-root.infoModal__copyButton{font-size:14px}}.sectionDropdown__sectionDropdownContainer{position:relative;margin-left:auto;margin-right:3em;color:#fff}.sectionDropdown__sectionDropdownContainer .dropdownBox__backgroundFrame{position:fixed;width:100%;height:100%;top:0;left:0;background:rgba(26,28,30,.8);z-index:15;opacity:0;pointer-events:none;-webkit-user-select:none;-ms-user-select:none;user-select:none;animation:fadeOut .2s linear}.sectionDropdown__sectionDropdownContainer .dropdownBox__backgroundFrame.dropdownBox__backgroundFrame--open{pointer-events:auto;-webkit-user-select:auto;-ms-user-select:auto;user-select:auto;opacity:1;animation:fadeIn .2s linear}.sectionDropdown__sectionDropdownContainer .sectionDropdown__currentSectionWrapper{position:relative;display:flex;justify-content:space-between;align-items:center;background:#23262b;border-radius:12px;padding-right:0;width:450px;height:40px;font-size:15px;font-family:CircularStd,Poppins,sans-serif;color:hsla(0,0%,100%,.85);font-weight:400;z-index:20;transition:all .1s linear}.sectionDropdown__sectionDropdownContainer .sectionDropdown__currentSectionWrapper.sectionDropdown__currentSectionWrapper--open .MuiButton-root:last-child{border-bottom-right-radius:0}.sectionDropdown__sectionDropdownContainer .sectionDropdown__currentSectionWrapper.sectionDropdown__currentSectionWrapper--open .MuiButton-root:last-child .MuiSvgIcon-root{transform:rotate(180deg)}.sectionDropdown__sectionDropdownContainer .sectionDropdown__currentSectionWrapper .custom-size-dropdown{font-size:1.5em!important}.sectionDropdown__sectionDropdownContainer .sectionDropdown__currentSectionWrapper .sectionDropdown__currentSectionName{outline:none;cursor:pointer;flex:1 1;max-width:355px;height:40px;color:hsla(0,0%,100%,.7);text-align:left;padding:.75em 2em;font-size:1em;font-family:CircularStd,Poppins,sans-serif;background:transparent;border:1.8px solid transparent;border-top-left-radius:12px;border-bottom-left-radius:12px}.sectionDropdown__sectionDropdownContainer .sectionDropdown__currentSectionWrapper .sectionDropdown__currentSectionName:focus{color:#fff;border:1.8px solid #09f}.sectionDropdown__sectionDropdownContainer .sectionDropdown__currentSectionWrapper .sectionDropdown__currentSectionName::-webkit-input-placeholder{font-size:.85em;font-weight:500}.sectionDropdown__sectionDropdownContainer .sectionDropdown__currentSectionWrapper .sectionDropdown__currentSectionName:-ms-input-placeholder{font-size:.85em;font-weight:500}.sectionDropdown__sectionDropdownContainer .sectionDropdown__currentSectionWrapper .sectionDropdown__currentSectionName::-ms-input-placeholder{font-size:.85em;font-weight:500}.sectionDropdown__sectionDropdownContainer .sectionDropdown__currentSectionWrapper .sectionDropdown__currentSectionName::placeholder{font-size:.85em;font-weight:500}.sectionDropdown__sectionDropdownContainer .sectionDropdown__currentSectionWrapper .sectionDropdown__sectionOptions{display:flex;justify-content:flex-end;align-items:center}.sectionDropdown__sectionDropdownContainer .sectionDropdown__currentSectionWrapper .sectionDropdown__sectionOptions .MuiIconButton-root{padding:6px;color:#fff}.sectionDropdown__sectionDropdownContainer .sectionDropdown__currentSectionWrapper .sectionDropdown__sectionOptions .MuiButton-root{display:flex;justify-content:center;align-items:center;background:transparent;height:40px;min-width:38px;padding:0;border-top-left-radius:0;border-bottom-left-radius:0;border-top-right-radius:12px;border-bottom-right-radius:12px;color:#fff}.sectionDropdown__sectionDropdownContainer .sectionDropdown__currentSectionWrapper .sectionDropdown__sectionOptions .MuiIconButton-root:first-child{margin-right:.6em}.sectionDropdown__sectionDropdownContainer .sectionDropdown__currentSectionWrapper .sectionDropdown__sectionOptions .MuiSvgIcon-root{font-size:14px;transition:all .1s linear}.sectionDropdown__sectionDropdownContainer .sectionDropdown__dropdownBox{position:absolute;top:103%;left:-1px;right:0;width:450px;opacity:0;pointer-events:none;-webkit-user-select:none;-ms-user-select:none;user-select:none;animation:fadeOut .2s linear;padding:1em;background-color:#23262b;border-radius:12px}.sectionDropdown__sectionDropdownContainer .sectionDropdown__dropdownBox.sectionDropdown__dropdownBox--open{opacity:1;pointer-events:auto;-webkit-user-select:auto;-ms-user-select:auto;user-select:auto;animation:fadeIn .2s linear;margin-top:10px}.sectionDropdown__sectionDropdownContainer .sectionDropdown__dropdownBox .dropdownBox__item{display:flex;align-items:center;position:relative;font-family:CircularStd,Poppins,sans-serif;font-size:13px;color:hsla(0,0%,100%,.85);font-weight:400;border-top:none;min-height:20px;line-height:1;justify-content:center;text-transform:capitalize;padding:.6em 1.2em;margin:.5em 0}.sectionDropdown__sectionDropdownContainer .sectionDropdown__dropdownBox .dropdownBox__item>div{flex:1 1;text-align:left;cursor:pointer}.sectionDropdown__sectionDropdownContainer .sectionDropdown__dropdownBox .dropdownBox__item.dropdownBox__item--disabled{background:#363940;color:hsla(0,0%,100%,.4);border-radius:7.62px}.sectionDropdown__sectionDropdownContainer .sectionDropdown__dropdownBox .dropdownBox__item .MuiIconButton-root{position:absolute;top:50%;right:2%;padding:5px;margin-left:.8em;box-shadow:none;z-index:30;transform:translateY(-50%)}.sectionDropdown__sectionDropdownContainer .sectionDropdown__dropdownBox .dropdownBox__item .MuiIconButton-root .MuiSvgIcon-root{margin:0}.sectionDropdown__sectionDropdownContainer .sectionDropdown__dropdownBox .dropdownBox__item .MuiSvgIcon-root{color:#fff;margin-left:.5em;font-size:18px}.sectionDropdown__sectionDropdownContainer .sectionDropdown__dropdownBox>.dropdownBox__item:first-child{margin-top:0}.sectionDropdown__sectionDropdownContainer .sectionDropdown__dropdownBox>.dropdownBox__item:last-child{text-align:center;text-transform:none;margin:2em auto 0;width:14em;border-radius:254px;background:#2563eb}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@media screen and (min-width:1560px){.sectionDropdown__sectionDropdownContainer .sectionDropdown__currentSectionWrapper{width:520px;height:42px;font-size:16px}.sectionDropdown__sectionDropdownContainer .sectionDropdown__currentSectionWrapper .sectionDropdown__currentSectionName{max-width:420px}.sectionDropdown__sectionDropdownContainer .sectionDropdown__currentSectionWrapper .sectionDropdown__sectionOptions .MuiButton-root{height:42px}.sectionDropdown__sectionDropdownContainer .sectionDropdown__currentSectionWrapper .sectionDropdown__sectionOptions .MuiSvgIcon-root{font-size:18px}.sectionDropdown__sectionDropdownContainer .sectionDropdown__dropdownBox{width:520px}.sectionDropdown__sectionDropdownContainer .sectionDropdown__dropdownBox .dropdownBox__item{font-size:14px}}@media screen and (max-width:768px){.sectionDropdown__sectionDropdownContainer{margin:2em 0 0}}@media screen and (max-width:426px){.sectionDropdown__sectionDropdownContainer{margin:3em auto 1em}.sectionDropdown__sectionDropdownContainer .sectionDropdown__dropdownBox{width:100.5%}}.header{width:100%;position:relative;margin-bottom:2em}.header,.header .header__buttons{display:flex;justify-content:space-between;align-items:center}.header .header__buttons>:not(:last-child){margin-right:2em}.header .header__buttons .MuiButton-root.header__copyButton{background:#09f;color:#fff}.header .header__buttons .MuiButton-root.header__copyButton .MuiSvgIcon-root{margin-right:.4em}.header .header__buttons .MuiButton-root.header__endButton{background:transparent;color:#eb5757;border:1px solid #eb5757}.header .header__buttons .MuiButton-root.header__loginButton{background:#2563eb;color:#fff;width:9em}.header .MuiButton-root{text-transform:none;font-family:CircularStd,Poppins,sans-serif;font-weight:300!important;padding:.45em .9em}.header .MuiButton-root .MuiSvgIcon-root{font-size:1.2em}.header .MuiIconButton-root.header__hamIconButton{position:absolute;right:1%;top:50%;display:none;top:10%;right:0;color:#fff;padding:5px;z-index:1300;transform:translateY(-50%)}.header .loading_container{position:fixed;top:0;left:0;width:100vw;height:100vh;background:rgba(0,0,0,.8);z-index:10000;display:flex;justify-content:center;align-items:center}.header .loading_container .loading_animation{width:15em;height:.8em;border:1px solid grey;border-radius:8em;position:relative;overflow:hidden}.header .loading_container .loading_animation:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;animation:loading 1.2s ease-in-out infinite alternate;background-color:#09f}@keyframes loading{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.header .header__loginPopup{position:fixed;top:0;left:0;width:100vw;height:100vh;background:rgba(26,28,30,.8);z-index:10000;display:flex;justify-content:center;align-items:center}@media screen and (min-width:1560px){.header .MuiButton-root{font-size:1.2em}}@media screen and (min-width:1025px)and (max-width:1440px){.header{margin-bottom:1em}}@media screen and (max-width:1330px){.header{align-items:flex-start;margin-bottom:0}.header .MuiIconButton-root.header__hamIconButton{display:block;top:50%}.header .header__buttons>*{display:none}}@media screen and (max-width:768px){.header{flex-direction:column}.header .MuiIconButton-root.header__hamIconButton{top:0;transform:none}}@media screen and (max-width:426px){.header .header__buttons{width:100%}}.codeEditor__container{position:relative;border-radius:5px;border-top:36px solid transparent}.codeEditor__container .codeEditor__heading{position:absolute;top:-4.8%;color:hsla(0,0%,100%,.85);font-size:17px;font-weight:500;z-index:10}.codeEditor__container .codeEditor__options{cursor:pointer;position:absolute;top:1%;right:0;background:#272822;border:0;border-radius:8px;font-size:12px;color:hsla(0,0%,100%,.85);outline:none;padding:8px 10px;text-transform:capitalize;text-decoration:none;font-family:CircularStd,Poppins,sans-serif;z-index:10}.codeEditor__container .codeEditor{width:100%;height:100%}@media screen and (min-width:1560px){.codeEditor__container .codeEditor__heading{font-size:22px}.codeEditor__container .codeEditor__options{font-size:15px;padding:9px 12px}}@media screen and (max-width:1350px){.codeEditor__container .codeEditor__options{top:1.65%}}@media screen and (max-width:768px){.codeEditor__container .codeEditor__options{top:7.5%}}.textEditor{position:relative;border-radius:5px;border-top:36px solid transparent;resize:horizontal}.textEditor .textEditor__heading{position:absolute;top:-30px;color:hsla(0,0%,100%,.85);font-size:17px;font-weight:500;z-index:10}@media screen and (min-width:1560px){.textEditor .textEditor__heading{font-size:22px}}.tooltip_container{width:18em;display:flex;justify-content:center;align-items:center;position:absolute;z-index:56}.tooltip_container .tooltip{background-color:#363940;width:100%;border-radius:10px;overflow:hidden}.tooltip_container .tooltip .tooltip_title{display:flex;justify-content:space-between;background-color:#23262b;padding:.6em 1.4em;font-size:1.03em;align-items:center;font-family:CircularStd,Poppins,sans-serif}.tooltip_container .tooltip .tooltip_title p{color:#fff}.tooltip_container .tooltip .tooltip_title .MuiSvgIcon-root{fill:#fff;cursor:pointer;font-size:1.03em}.tooltip_container .tooltip .tooltip_body{padding:1.4em;color:#fff;line-height:1.5em;font-size:.9em;font-weight:400;font-family:CircularStd,Poppins,sans-serif}.tooltip_container .tooltip .tooltip_buttons{padding:.5em 1.8em 1.5em;text-align:right}.tooltip_container .tooltip .tooltip_buttons .tooltip_next_btn,.tooltip_container .tooltip .tooltip_buttons .tooltip_skip_btn{background:#2563eb;color:#fff;border:0;border-radius:.2em;font-size:.9em;width:57px;height:27px;cursor:pointer;font-family:CircularStd,Poppins,sans-serif}.tooltip_container .tooltip .tooltip_buttons .tooltip_skip_btn{background:transparent;margin-left:.2em}.tooltip_bottom{flex-direction:column}.tooltip_bottom .tooltip_arrow{width:0;height:0;border-left:1.2em solid transparent;border-right:1.2em solid transparent;border-bottom:1.2em solid #23262b}.tooltip_top{flex-direction:column-reverse}.tooltip_top .tooltip_arrow{width:0;height:0;border-left:1.2em solid transparent;border-right:1.2em solid transparent;border-top:1.2em solid #23262b}.tooltip_left{flex-direction:row-reverse}.tooltip_left .tooltip_arrow{width:0;height:0;border-top:1.2em solid transparent;border-bottom:1.2em solid transparent;border-left:1.2em solid #363940}.tooltip_right{flex-direction:row}.tooltip_right .tooltip_arrow{width:0;height:0;border-top:1.2em solid transparent;border-bottom:1.2em solid transparent;border-right:1.2em solid #363940}.tooltip_center{left:50%;top:50%;transform:translate(-50%,-50%)}.tooltip_center .tooltip-arrow{display:none}.walkthrough_container{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:rgba(0,0,0,.85);z-index:32}.hide_component{display:none}.zIndexForComponent{z-index:50!important;position:relative;pointer-events:none}.editor{width:100%;align-items:center;padding:1.5em 4vw}.editor .editor__codeArea{width:100%;min-height:72vh;display:flex;grid-gap:2rem;gap:2rem;margin:1.5em 0 1em;justify-content:space-between}.editor .editor__codeArea .editor__leftPanel{width:40.5%;min-height:72vh;min-width:382px;display:flex;flex-direction:column;justify-content:space-between;align-items:center}.editor .editor__codeArea .editor__leftPanel .CodeMirror{border-color:#0c5bf3}.editor .editor__codeArea .editor__leftPanel .textEditor:first-child{width:100%;height:53%}.editor .editor__codeArea .editor__leftPanel .textEditor:last-child{width:100%;height:100%}.editor .editor__codeArea>div:last-child{width:56%;min-height:72vh}.editor .editor__codeArea>div:last-child .CodeMirror{border-color:#f34956}@media screen and (max-height:620px),screen and (max-width:768px){.editor .editor__codeArea{flex-wrap:wrap}.editor .editor__codeArea .editor__leftPanel{width:100%;min-height:90vh}.editor .editor__codeArea>div:last-child{width:100%}}@media screen and (min-width:1025px)and (max-width:1440px){.editor{padding-top:1em}}.firepad{width:100%;height:100%}.CodeMirror,.firepad .CodeMirror{background:#272822!important;font-family:CircularStd,Overpass Mono,monospace!important;font-size:16px!important;color:#fff;border-radius:10px;top:45px;padding-bottom:1rem;border-top:2px solid;border-top-left-radius:0;border-top-right-radius:0}@media screen and (max-width:1024px){.CodeMirror,.firepad .CodeMirror{top:65px}}.CodeMirror-placeholder{color:hsla(0,0%,100%,.4666666667)!important}@media screen and (min-width:1560px){.CodeMirror,.firepad .CodeMirror{font-size:18px!important}}@media screen and (max-width:1347px)and (min-width:1024px){.CodeMirror,.firepad .CodeMirror{top:66px}}@media screen and (max-width:768px){.codeEditor__container .CodeMirror,.codeEditor__container .firepad .CodeMirror{top:66px}}@media screen and (max-width:568px){.textEditor .CodeMirror,.textEditor .firepad .CodeMirror{top:66px}}.CodeMirror-scroll{padding-bottom:60px!important}.CodeMirror-scrollbar-filler{display:none!important}.CodeMirror-hscrollbar,.CodeMirror-vscrollbar{outline:none}.CodeMirror-vscrollbar::-webkit-scrollbar{background:transparent;width:6px}.CodeMirror-hscrollbar::-webkit-scrollbar{background:transparent;height:6px}.CodeMirror-hscrollbar::-webkit-scrollbar-track,.CodeMirror-vscrollbar::-webkit-scrollbar-track{background:transparent}.CodeMirror-vscrollbar::-webkit-scrollbar-thumb{background:#bcd;border-radius:6px;min-width:1px;width:6px}.CodeMirror-hscrollbar::-webkit-scrollbar-thumb{background:#bcd;border-radius:6px;min-height:1px;height:6px}.firepad .CodeMirror-gutters{background:transparent!important;border-right:none}.firepad .CodeMirror-linenumber{color:hsla(0,0%,100%,.2941176471)!important;font-weight:500;text-align:center}.CodeMirror-cursor{border-left:2px solid #fff}.powered-by-firepad{display:none;opacity:0;visibility:hidden}.firepad-toolbar{padding:0;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;border:none;margin-top:.4em}.firepad-toolbar .firepad-toolbar-wrapper{display:flex;justify-content:space-between;align-items:center;max-width:800px}@media screen and (max-height:620px),screen and (min-width:1560px){.firepad-toolbar .firepad-toolbar-wrapper{max-width:650px}}@media screen and (max-width:1350px){.firepad-toolbar .firepad-toolbar-wrapper{justify-content:flex-start;flex-wrap:wrap}}@media screen and (max-width:426px){.firepad-toolbar .firepad-toolbar-wrapper{margin-right:20%}}.codeEditor .firepad-toolbar .firepad-toolbar-wrapper{width:72%}@media screen and (min-width:1560px){.codeEditor .firepad-toolbar .firepad-toolbar-wrapper{width:74%}}.firepad-toolbar .firepad-btn-group{margin:0}.firepad-toolbar a.firepad-btn{background:#272822!important;padding:6px 8px;font-size:14px;font-weight:400;border:none}@media screen and (min-width:1560px){.firepad-toolbar a.firepad-btn{font-size:15px;padding:9px 10px}}@media screen and (max-width:1350px){.firepad-toolbar a.firepad-btn{font-size:13px;padding:6px 8px}.firepad-toolbar .firepad-btn-group{margin:2px}}.firepad-btn-group:first-child,.firepad-btn-group:nth-child(3){display:none}.firepad-dialog{background:rgba(0,0,0,.7)}.firepad-dialog-div{background:#373a32;border:none;border-radius:8px;box-shadow:0 2px 2px rgba(0,0,0,.2)}.firepad-dialog-div .firepad-dialog-input{width:100%;border-radius:6px;background:#272822;color:#fff;font-size:14px;font-family:CircularStd,Poppins,sans-serif;font-weight:300;margin:.8em 0;border:none;outline:none;box-shadow:0 1px 2px rgba(0,0,0,.2);padding:8px 10px}@media screen and (min-width:1560px){.firepad-dialog-div .firepad-dialog-input{font-size:15px}}.firepad-dialog-div .firepad-dialog-input::-webkit-input-placeholder{font-weight:400}.firepad-dialog-div .firepad-dialog-input:-ms-input-placeholder{font-weight:400}.firepad-dialog-div .firepad-dialog-input::-ms-input-placeholder{font-weight:400}.firepad-dialog-div .firepad-dialog-input::placeholder{font-weight:400}.firepad-dialog-div a.firepad-btn{border:none;color:#fff;background:#09f;box-shadow:none;border-radius:5px;font-size:14px}.firepad-dialog-div a.firepad-btn:last-child{background:#eb5757;margin-left:1em}@media screen and (min-width:1560px){.firepad-dialog-div a.firepad-btn{font-size:15px}}.firepad-dropdown-menu{background:#373a32;padding:0}.firepad-dropdown-menu a{color:#fff;padding:8px 1.5em;border-bottom:1px solid #2b2b2b;line-height:1!important;text-align:center}@media screen and (min-width:1560px){.firepad-dropdown-menu a{padding:9px 1.5em}}.firepad-dropdown-menu a:last-child{border-bottom:none}.firepad-dropdown-menu a span{padding:0;font-size:14px!important;line-height:1!important}@media screen and (min-width:1560px){.firepad-dropdown-menu a span{font-size:16px!important}}.iframe-view.editor{height:calc(100% - 2em);padding:0 4vw}.iframe-view.editor .editor__codeArea{margin:0;height:100%}.iframe-view.editor .editor__codeArea .editor__leftPanel{min-width:unset}.iframe-view.editor .editor__codeArea .codeEditor__container{margin-top:0}.card__form{display:flex;flex-direction:column;justify-content:space-evenly;min-width:540px;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;color:#fff;background:#272822;padding:2.4em 2.6em;border-radius:5px;box-shadow:0 2px 2px rgba(0,0,0,.2)}.card__formTitle{text-align:center;font-weight:500;opacity:.9}.card__message{font-size:14px;color:hsla(0,0%,100%,.55);margin-top:.8em;margin-bottom:2em;text-align:center}.card__sectionHeading{font-size:15px;margin-bottom:1em;color:hsla(0,0%,100%,.8)}.card__inputContainer{position:relative;margin-top:.75em;margin-bottom:1.2em}.card__input{width:100%;height:100%;border:none;outline:none;background:#171717;margin:.6em 0;font-family:CircularStd,Poppins,sans-serif;font-size:1em;color:hsla(0,0%,100%,.9);padding:1.2em 1.4em;letter-spacing:12px;border-radius:8px}.card__input::-webkit-input-placeholder{color:hsla(0,0%,100%,.45);font-size:14px;font-weight:400;letter-spacing:.5px}.card__input:-ms-input-placeholder{color:hsla(0,0%,100%,.45);font-size:14px;font-weight:400;letter-spacing:.5px}.card__input::-ms-input-placeholder{color:hsla(0,0%,100%,.45);font-size:14px;font-weight:400;letter-spacing:.5px}.card__input::placeholder{color:hsla(0,0%,100%,.45);font-size:14px;font-weight:400;letter-spacing:.5px}.MuiIconButton-root.card__toggleHide{position:absolute;cursor:pointer;z-index:2;top:36%;right:2%;color:hsla(0,0%,100%,.85)}.MuiButton-root.card__submit{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;padding:.6em 2.6em;margin-left:auto;color:#fff;background:#09f;box-shadow:none;font-family:CircularStd,Poppins,sans-serif;font-size:1em;font-weight:400;text-transform:none}.MuiButton-root.card__submit:hover{background:#09f}.card__toggleContainer{width:100%;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;margin-top:1em;margin-bottom:1.2em}.card__toggleCheckbox{display:none}.card__toggleSliderContainer{display:flex;justify-content:flex-start;align-items:center;color:hsla(0,0%,100%,.85);font-size:13px}.card__toggleSliderContainer :not(:last-child){margin-right:.8em}.card__toggleSliderContainer span{padding:3px 5px;border-radius:4px;color:hsla(0,0%,100%,.7);transition:background .3s ease}.card__toggleSliderContainer span.card__togglePackageHighlight{background:rgba(7,24,41,.6)}.card__toggleLabel{cursor:pointer;position:relative;display:inline-block;width:60px;height:30px;background:rgba(241,132,6,.3);border-radius:5em;padding:3px}.card__toggleLabel:after{content:"";position:absolute;top:50%;left:0;border-radius:100%;background:#f18406;height:20px;width:20px;transform:translate(30%,-50%);transition:all .24s ease-in}.card__toggleCheckbox:checked+.card__toggleLabel{background:#0a4d36}.card__toggleCheckbox:checked+.card__toggleLabel:after{transform:translate(162%,-50%);background:#15c18d}.card__toggleDocTypeInfo{width:100%;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;font-size:13.5px;margin-top:.8em;color:hsla(0,0%,100%,.75);background:rgba(7,24,41,.6);padding:10px;border-radius:5px;line-height:1.8}@media screen and (max-width:768px){.card__form{width:85vw;min-width:300px}}@media screen and (max-width:426px){.card__form{padding:2em 1.4em}.card__formTitle{font-size:1.6em}.card__message,.card__sectionHeading{font-size:13px}.card__inputContainer{margin-top:1em}.card__input{padding:1.65em 1.4em;font-size:.8em;letter-spacing:10px}.MuiIconButton-root.card__toggleHide .MuiSvgIcon-root{font-size:.85em}.MuiButton-root.card__submit{width:100%;padding:.5em 2.2em;font-size:.9em;margin-top:1em}}.app{height:inherit;position:relative;display:grid;place-items:center;font-family:CircularStd,Poppins,sans-serif;background:#121212}.MuiCircularProgress-root{position:absolute;top:46%;left:47%;width:80px!important;height:80px!important}.MuiCircularProgress-colorPrimary{color:#09f}.MuiButton-root.header__loginButton{text-transform:none;font-family:CircularStd,Poppins,sans-serif;font-weight:300!important;padding:.45em .9em;background:#2563eb;color:#fff;width:9.6em;margin:.2em}.MuiDrawer-root.header__actionButtonsDrawer{z-index:1200!important}.MuiPaper-root{background:#333!important;padding:2em 2%}.MuiPaper-root .actionButtonsDrawer__wrapper{width:100%;display:flex;align-items:center;justify-content:center;margin:.85em 0;min-width:240px;flex-wrap:wrap}.MuiPaper-root .actionButtonsDrawer__wrapper>*{margin:.5em .65em}.MuiPaper-root .actionButtonsDrawer__wrapper .MuiButton-root.header__copyButton{text-transform:none;font-family:CircularStd,Poppins,sans-serif;font-weight:300!important;padding:.45em .9em;background:#09f;color:#fff;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.MuiPaper-root .actionButtonsDrawer__wrapper .MuiButton-root.header__copyButton .MuiSvgIcon-root{font-size:1.2em!important;margin-right:.4em}.MuiPaper-root .actionButtonsDrawer__wrapper .MuiButton-root.header__endButton{text-transform:none;font-family:CircularStd,Poppins,sans-serif;font-weight:300!important;padding:.45em .9em;background:transparent;color:#eb5757;border:1px solid #eb5757;width:9.6em}@media screen and (max-width:426px){.app{padding:0 1vw}}*{margin:0;padding:0;box-sizing:border-box}html{height:100%}body{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;background:#121212}#root,body{height:inherit}
/*# sourceMappingURL=main.fdce5323.chunk.css.map */