@import url(https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&display=swap);
.sp-layout{height:79vh}.sp-stack{height:100% !important}
html, body, #root, .sandpack-container {
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  font-family: sans-serif;
}

.header {
  width: 100%;
  background-color: #596774; 
  padding: 0;
}

.header-menu {
  flex: 1 1;
}

.menu-icon {
  width: 20px;
  height: 20px;
}

.menu-item {
  margin: 0 8px;
  font-size: 16px;
}

.menu-item.active {
  background-color: #3E3E3E;
  color: white;
  font-size: 18px;
}


.content-layout {
  display: flex;
  flex-direction: row;
}

.content-layout-height{
  height: 84vh;
}

.code-sidebar {
  background-color: #2E2E2E;
  display: flex;
  justify-content: flex-start;
  flex-direction: column;
  gap: 20px;
  padding: 10px;
}

.icon-button {
  background-color: #3E3E3E;
  border: none;
  height: 45px !important;
  width: 45px !important;
  transition: background-color 0.2s;
}

.icon-button:hover, .icon-button:focus {
  background-color: #666666;
}

.highlighted {
  background-color: whitesmoke;
}


.file-explorer {
  background-color: #1C1C1C;
  flex: 0 0 300px;
  transition: all 0.3s ease;
}

.question-explorer {
  flex: 0 0 300px;
  transition: all 0.3s ease;
}

.question-content {
  padding: 1rem 1rem;
  background-color: white;
  color: black;
  overflow-y: auto; 
  overflow-x: hidden; 
  word-wrap: break-word;
  white-space: pre-wrap;
  scrollbar-width: thin;
  scrollbar-color: #4A4A4A #1E1E1E;
}

.question-content::-webkit-scrollbar {
  width: 8px;
}

.question-content::-webkit-scrollbar-track {
  background: #1E1E1E;
  border-radius: 10px;
}

.question-content::-webkit-scrollbar-thumb {
  background-color: #4A4A4A;
  border-radius: 10px;
  border: 2px solid #1E1E1E;
}

.question-content::-webkit-scrollbar-thumb:hover {
  background-color: #888;
}

.file-explorer.show {
  display: block;
}

.file-explorer.hide {
  display: none;
}

.file-explorer-content {
  overflow: auto;
  background-color: #1C1C1C;
  color: white;
}

.dependency-installer {
  padding: 10px;
  background-color: #2d2d2d;
  border-radius: 5px;
}

.icon-button {
  background-color: #3C3C3C;
  border: none;
  height: 45px !important;
  width: 45px !important;
}

.icon-button:hover {
  background-color: #555555;
}

.sandpack-file-explorer::-webkit-scrollbar{
  display: none;
}

.content {
  margin-left: 0;
  background-color: black;
  transition: margin-left 0.3s ease;
}

.content.shifted {
  margin-left: -80px;
  background-color: black;
  transition: margin-left 0.3s ease;
}

.split {
  display: flex;
  height: 100%;
  width: 100%;
}

.editor-pane, .preview-pane {
  height: 100%;
  display: flex;
  flex-direction: column;
}

.split > .gutter {
  background-color: #444;
  cursor: col-resize;
  width: 3px;
}

.split > .gutter:hover {
  background-color: #666;
}

.action-buttons{
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 0.5rem;
  z-index: 2;
  position: relative;
  background-color: black;
}

.cm-scroller::-webkit-scrollbar {
  display: none;
}

.loader {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 50px;
}

.show-testcase{
  display: block;
}

.hide-testcase{
  display: none;
}

.question-logger-container {
  background-color: whitesmoke;
  padding: 0 0 0.5rem;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 10px;
}

.test-logger-container {
  background-color: #1E1E1E;
  padding: 0.5rem;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 10px;
}

.sp-layout {
  border-radius: 0px !important;
}

.testRunner{
  position: absolute;
  margin-top: -8.5rem;
  background-color: black;
  min-height: calc(25vh - .7rem);
  max-height: calc(25vh - .7rem);
  width: calc(100vw - 15.45rem);
  overflow: auto;
}

.loadingContainer {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100vh; 
  width: 100vw; 
  background-color: #f0f2f5;
}

.testRunner::-webkit-scrollbar{
  display: none;
}

/* Responsive adjustments */
@media (max-width: 768px) {
  .file-explorer {
    flex: 0 0 100px;
  }

  .content.shifted {
    margin-left: 0;
  }
}

.sp-preview-actions > button:nth-child(2) {
  display: none;
}

.sp-loading {
  display: none;
}
.auth-screen{display:flex;align-items:center;justify-content:center;min-height:620px;background-size:cover;background-repeat:no-repeat;width:685px;height:auto;margin:0 auto}.auth-screen .auth-button-primary{width:100%;color:#fff;font-size:18px;font-weight:700;height:56px;background:#0d6efd;border:2px solid;border-radius:6px}.auth-screen .auth-button-primary.is-compact{font-size:16px;height:48px}.auth-title{font-weight:400;font-size:48px;line-height:56px;color:#191919;text-align:center;font-family:"Tenor Sans",sans-serif;margin-top:120px}.auth-subtitle{font-weight:400;font-size:16px;line-height:20px;color:#575757;text-align:center;font-family:"Space Grotesk",serif}.auth-spacer{display:flex;justify-content:space-between}.auth-social-row .auth-social-btn{background-color:rgba(0,0,0,0);width:100%;display:block;padding:0;height:45px;overflow:hidden;border-radius:6px;border:none}.auth-social-row .auth-social-btn.is-small{height:40px}.auth-social-row .auth-social-btn img{width:100%;height:100%;object-fit:contain;display:block}.auth-or{text-align:center;margin:8px 0}.auth-button-primary{width:100%;color:#fff;font-size:18px;font-weight:700;height:56px;background:#0d6efd;border:2px solid;border-radius:6px}.auth-button-primary.is-compact{font-size:16px;height:48px}.auth-bottom-link{text-align:center;margin-top:8px}.auth-bottom-link a{color:#0d6efd}
.auth-screen{display:flex;align-items:center;justify-content:center;min-height:620px;background-size:cover;background-repeat:no-repeat;width:685px;height:auto;margin:0 auto}.auth-screen .auth-button-primary{width:100%;color:#fff;font-size:18px;font-weight:700;height:56px;background:#0d6efd;border:2px solid;border-radius:6px}.auth-screen .auth-button-primary.is-compact{font-size:16px;height:48px}.auth-title{font-weight:400;font-size:48px;line-height:56px;color:#191919;text-align:center;font-family:"Tenor Sans",sans-serif;margin-top:120px}.auth-subtitle{font-weight:400;font-size:16px;line-height:20px;color:#575757;text-align:center;font-family:"Space Grotesk",serif}.auth-spacer{display:flex;justify-content:space-between}.auth-social-row .auth-social-btn{background-color:rgba(0,0,0,0);width:100%;display:block;padding:0;height:45px;overflow:hidden;border-radius:6px;border:none}.auth-social-row .auth-social-btn.is-small{height:40px}.auth-social-row .auth-social-btn img{width:100%;height:100%;object-fit:contain;display:block}.auth-or{text-align:center;margin:8px 0}.auth-button-primary{width:100%;color:#fff;font-size:18px;font-weight:700;height:56px;background:#0d6efd;border:2px solid;border-radius:6px}.auth-button-primary.is-compact{font-size:16px;height:48px}.auth-bottom-link{text-align:center;margin-top:8px}.auth-bottom-link a{color:#0d6efd}.auth-screen .verify-btn{width:100%;color:#fff;font-size:18px;font-weight:700;height:56px;margin-top:16px;background:#0d6efd;border:2px solid;border-image-source:linear-gradient(180deg, #75adff 0%, #1d2fa1 100%);border-image-slice:1}
.auth-screen{display:flex;align-items:center;justify-content:center;min-height:620px;background-size:cover;background-repeat:no-repeat;width:685px;height:auto;margin:0 auto}.auth-screen .auth-button-primary{width:100%;color:#fff;font-size:18px;font-weight:700;height:56px;background:#0d6efd;border:2px solid;border-radius:6px}.auth-screen .auth-button-primary.is-compact{font-size:16px;height:48px}.auth-title{font-weight:400;font-size:48px;line-height:56px;color:#191919;text-align:center;font-family:"Tenor Sans",sans-serif;margin-top:120px}.auth-subtitle{font-weight:400;font-size:16px;line-height:20px;color:#575757;text-align:center;font-family:"Space Grotesk",serif}.auth-spacer{display:flex;justify-content:space-between}.auth-social-row .auth-social-btn{background-color:rgba(0,0,0,0);width:100%;display:block;padding:0;height:45px;overflow:hidden;border-radius:6px;border:none}.auth-social-row .auth-social-btn.is-small{height:40px}.auth-social-row .auth-social-btn img{width:100%;height:100%;object-fit:contain;display:block}.auth-or{text-align:center;margin:8px 0}.auth-button-primary{width:100%;color:#fff;font-size:18px;font-weight:700;height:56px;background:#0d6efd;border:2px solid;border-radius:6px}.auth-button-primary.is-compact{font-size:16px;height:48px}.auth-bottom-link{text-align:center;margin-top:8px}.auth-bottom-link a{color:#0d6efd}.forgot-title{margin-top:120px}.forgot-helper{margin-top:30px}.auth-screen .verify-btn{width:100%;color:#fff;font-size:18px;font-weight:700;height:56px;margin-top:16px;background:#0d6efd;border:2px solid;border-image-source:linear-gradient(180deg, #75adff 0%, #1d2fa1 100%);border-image-slice:1}
.auth-screen{display:flex;align-items:center;justify-content:center;min-height:620px;background-size:cover;background-repeat:no-repeat;width:685px;height:auto;margin:0 auto}.auth-screen .auth-button-primary{width:100%;color:#fff;font-size:18px;font-weight:700;height:56px;background:#0d6efd;border:2px solid;border-radius:6px}.auth-screen .auth-button-primary.is-compact{font-size:16px;height:48px}.auth-title{font-weight:400;font-size:48px;line-height:56px;color:#191919;text-align:center;font-family:"Tenor Sans",sans-serif;margin-top:120px}.auth-subtitle{font-weight:400;font-size:16px;line-height:20px;color:#575757;text-align:center;font-family:"Space Grotesk",serif}.auth-spacer{display:flex;justify-content:space-between}.auth-social-row .auth-social-btn{background-color:rgba(0,0,0,0);width:100%;display:block;padding:0;height:45px;overflow:hidden;border-radius:6px;border:none}.auth-social-row .auth-social-btn.is-small{height:40px}.auth-social-row .auth-social-btn img{width:100%;height:100%;object-fit:contain;display:block}.auth-or{text-align:center;margin:8px 0}.auth-button-primary{width:100%;color:#fff;font-size:18px;font-weight:700;height:56px;background:#0d6efd;border:2px solid;border-radius:6px}.auth-button-primary.is-compact{font-size:16px;height:48px}.auth-bottom-link{text-align:center;margin-top:8px}.auth-bottom-link a{color:#0d6efd}.verify-otp-screen{min-height:620px;background-size:cover;background-repeat:no-repeat;margin:0 auto;display:flex;align-items:center;justify-content:center}.verify-otp-screen .verify-auth-container{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;width:500px;padding:60px 0}.verify-otp-screen .otp-title{font-size:40px;line-height:46px;font-weight:400;color:#191919;font-family:"Tenor Sans",sans-serif;margin-bottom:8px;margin-top:30px}.verify-otp-screen .otp-subtitle{font-size:15px;line-height:20px;color:#575757;font-family:"Space Grotesk",serif;margin-bottom:24px}.verify-otp-screen .otp-timer{margin-top:8px;margin-bottom:24px}.verify-otp-screen .password-item{width:100%;margin-bottom:12px}.verify-otp-screen .password-item .ant-form-item-label>label{font-size:14px;font-weight:500;color:#191919}.verify-otp-screen .password-item .ant-input-affix-wrapper,.verify-otp-screen .password-item .ant-input{width:100% !important}.verify-otp-screen .verify-btn{width:100%;color:#fff;font-size:18px;font-weight:700;height:56px;margin-top:16px;background:#0d6efd;border:2px solid;border-image-source:linear-gradient(180deg, #75adff 0%, #1d2fa1 100%);border-image-slice:1}.verify-otp-screen .otp-resend{display:block;text-align:center;margin-top:12px;font-size:16px;font-weight:500;color:gray;transition:color .2s ease}.verify-otp-screen .otp-resend.active{color:#0d6efd;cursor:pointer}.verify-otp-screen .otp-resend:disabled{color:#ccc;cursor:not-allowed}.verify-otp-screen #newPassword_help,.verify-otp-screen #confirmPassword_help{text-align:justify}.verify-otp-screen .ant-form-item-has-error .ant-input,.verify-otp-screen .ant-form-item-has-error .ant-input-affix-wrapper,.verify-otp-screen .ant-form-item-has-error .otp-box{border-color:#ff4d4f !important;box-shadow:none !important}.verify-otp-screen .ant-form-item-explain-error{text-align:center}.verify-otp-screen .ant-form-item-has-error .ant-input-affix-wrapper{box-shadow:0 0 0 2px rgba(255,77,79,.2) !important}.verify-otp-screen .custom-otp{display:flex;justify-content:center;align-items:center;gap:10px}.verify-otp-screen .custom-otp input,.verify-otp-screen .custom-otp .ant-input-otp-input{width:48px !important;height:56px !important;text-align:center;font-size:20px;font-weight:500;color:#191919;border-radius:6px !important;border:2px solid #d9d9d9 !important;background:rgba(0,0,0,0) !important;background-clip:padding-box;box-shadow:-8px -8px 24px 0px hsla(0,0%,100%,.7490196078) inset,2px 8px 10px 0px rgba(13,39,80,.1490196078) inset !important;transition:all 180ms ease;outline:none}.verify-otp-screen .custom-otp input:hover,.verify-otp-screen .custom-otp input:focus,.verify-otp-screen .custom-otp input:focus-visible,.verify-otp-screen .custom-otp input:active,.verify-otp-screen .custom-otp .ant-input-otp-input:hover,.verify-otp-screen .custom-otp .ant-input-otp-input:focus,.verify-otp-screen .custom-otp .ant-input-otp-input:focus-visible,.verify-otp-screen .custom-otp .ant-input-otp-input:active{border-color:#0d6efd !important;box-shadow:-8px -8px 24px 0px hsla(0,0%,100%,.7490196078) inset,2px 8px 10px 0px rgba(13,39,80,.1490196078) inset !important;outline:none !important}.verify-otp-screen .custom-otp input:disabled,.verify-otp-screen .custom-otp .ant-input-otp-input:disabled{opacity:.7;cursor:not-allowed;border-color:rgba(0,0,0,0) !important;box-shadow:none !important;background-color:#f5f5f5 !important}.verify-otp-screen .custom-otp input::placeholder,.verify-otp-screen .custom-otp .ant-input-otp-input::placeholder{color:#a0a0a0;opacity:.6}.verify-otp-screen .custom-otp input:-webkit-autofill,.verify-otp-screen .custom-otp input:-webkit-autofill:hover,.verify-otp-screen .custom-otp input:-webkit-autofill:focus,.verify-otp-screen .custom-otp input:-webkit-autofill:active,.verify-otp-screen .custom-otp .ant-input-otp-input:-webkit-autofill,.verify-otp-screen .custom-otp .ant-input-otp-input:-webkit-autofill:hover,.verify-otp-screen .custom-otp .ant-input-otp-input:-webkit-autofill:focus,.verify-otp-screen .custom-otp .ant-input-otp-input:-webkit-autofill:active{-webkit-text-fill-color:inherit;-webkit-transition:background-color 5000s ease-in-out 0s;transition:background-color 5000s ease-in-out 0s;box-shadow:-8px -8px 24px 0px hsla(0,0%,100%,.75) inset,2px 8px 10px 0px rgba(13,39,80,.15) inset,0 0 0px 1000px rgba(0,0,0,0) inset !important;background-color:rgba(0,0,0,0) !important}
.custom-content{margin:24px 16px;height:100vh;overflow-y:scroll;overflow-x:hidden !important;font-family:"Space Grotesk",sans-serif}@-moz-document url-prefix(){.custom-content,.other-layouts{margin-top:124px !important}}.is-safari .custom-content,.is-safari .other-layouts{margin-top:124px !important}
.candidate-login-wrapper .login-container{display:flex !important;align-items:center;justify-content:center;height:100vh;margin:0;background-repeat:no-repeat;background-size:cover;background-position:center;row-gap:none}.candidate-login-wrapper .login-hero{display:flex;flex-direction:column;justify-content:center;color:#fff}.candidate-login-wrapper .login-hero__logo{height:56px;width:min(280px,70%);background-size:contain;background-repeat:no-repeat;background-position:left center;margin-bottom:clamp(12px,2.5vw,20px)}.candidate-login-wrapper .login-hero__title{margin:0;font-weight:600;color:#fff !important;font-size:clamp(24px,4vw,40px) !important;line-height:1.15;max-width:460px}.candidate-login-wrapper .login-hero__subtitle{margin-top:clamp(10px,1.5vw,14px) !important;color:hsla(0,0%,100%,.9) !important;font-size:clamp(14px,1.8vw,18px);max-width:460px}.candidate-login-wrapper .login-routes{display:flex;justify-content:center;align-items:center;max-width:-webkit-fit-content;max-width:fit-content;padding-bottom:3%}@media(max-width: 1360px){.candidate-login-wrapper .login-row{justify-content:center !important}}@media(max-width: 991px){.candidate-login-wrapper .login-hero{align-items:center}.candidate-login-wrapper .login-hero .login-hero__logo{width:60%;background-position:center}.candidate-login-wrapper .login-hero .login-hero__title,.candidate-login-wrapper .login-hero .login-hero__subtitle{text-align:center}}
body {
  margin: 0px;
  font-family: 'Space Grotesk' !important;
  height: 100vh;
  overflow: auto;
  position: relative;
  -webkit-print-color-adjust: exact !important;
  print-color-adjust: exact !important;
}

.ant-form-item-label>label.ant-form-item-required:not(.ant-form-item-required-mark-optional)::before {
  display: none !important;
}

.ant-form-item-label>label.ant-form-item-required:not(.ant-form-item-required-mark-optional)::after {
  display: inline-block !important;
  margin-right: 4px !important;
  color: red !important;
  font-size: 14px;
  font-family: 'Space Grotesk' !important;
  line-height: 1;
  content: "*" !important;
}