.nav-modal-links.svelte-1navbwh.svelte-1navbwh{display:flex;flex-direction:column;padding:8px 0}.nav-mobile-user.svelte-1navbwh.svelte-1navbwh{display:flex;flex-direction:column}.nav-mobile-link.svelte-1navbwh.svelte-1navbwh{display:flex;align-items:center;justify-content:space-between;padding:12px 20px;font-size:15px;font-weight:500;color:#333;text-decoration:none;background:none;border:none;cursor:pointer;text-align:left;width:100%}.nav-mobile-link.svelte-1navbwh.svelte-1navbwh:hover{background:#00000008}[data-theme=dark] .nav-mobile-link.svelte-1navbwh.svelte-1navbwh{color:#ddd}[data-theme=dark] .nav-mobile-link.svelte-1navbwh.svelte-1navbwh:hover{background:#ffffff0d}.nav-mobile-link.signin.svelte-1navbwh.svelte-1navbwh{color:#2be080;font-weight:600}.nav-mobile-link.signout.svelte-1navbwh.svelte-1navbwh{color:#999}.nav-mobile-divider.svelte-1navbwh.svelte-1navbwh{height:1px;background:#00000014;margin:4px 20px}[data-theme=dark] .nav-mobile-divider.svelte-1navbwh.svelte-1navbwh{background:#ffffff14}.more-btn.svelte-1navbwh.svelte-1navbwh{font-size:15px;font-weight:500;color:#999}.more-arrow.svelte-1navbwh.svelte-1navbwh{font-size:18px;transition:transform .2s}.more-open.svelte-1navbwh.svelte-1navbwh{transform:rotate(90deg)}.nav-mobile-more.svelte-1navbwh.svelte-1navbwh{display:flex;flex-direction:column}.nav-mobile-more.svelte-1navbwh .nav-mobile-link.svelte-1navbwh{padding-left:32px;font-size:14px;color:#666}[data-theme=dark] .nav-mobile-more.svelte-1navbwh .nav-mobile-link.svelte-1navbwh{color:#999}.join-now-btn{display:inline-block;padding:20px 40px;margin:10px;font-size:1.5em;font-weight:700;color:#fff;background:linear-gradient(45deg,#4b00cf,#3d82de,#1b1bcb,#092457);background-size:400%;border-radius:5px;text-align:center;animation:gradientTransition 10s ease infinite}@keyframes gradientTransition{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.routes{display:flex;flex-direction:column;width:100%;max-width:980px;margin:0 auto}@media (min-width: 1600px){.routes{max-width:1440px}}@media (min-width: 1920px){.routes{max-width:1600px}}@media (max-width: 768px){.routes{padding:0 15px}}.routes .labs{content-visibility:auto;contain-intrinsic-size:500px}@media (max-width: 768px){.routes .labs .section-elements{display:grid;flex-direction:column;gap:15px;width:100%}.routes .labs .section-elements .slide{width:100%}}.routes .header-centered{display:grid;flex-direction:column;justify-content:center}@media (max-width: 768px){.routes .header-centered{text-align:center}}.routes .header-top-announcement{display:flex;align-items:center;flex-direction:column;justify-content:center}@media (max-width: 768px){.routes .header-top-announcement .section-header{font-size:18px;margin:15px;text-align:center}}.routes .header-top-announcement .section-header{margin:30px;font-size:24px;font-weight:700;letter-spacing:-.1px;display:flex;justify-content:center;background:-webkit-linear-gradient(0deg,#2b25df,#0e2567);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.routes .announcement{margin:10px;height:70px;display:inline-flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.routes .announcement .section-header{font-size:20px;font-weight:700;letter-spacing:.2rem;display:flex;justify-content:center;width:380px}.routes .announcement .section-header:after{content:"";position:absolute;left:0;right:0;bottom:5px;height:6px;background-color:var(--blue-theme-main);border-radius:2px}.routes .announcement .section-btn{border-radius:50px;font-size:16px;font-weight:600;line-height:20px;padding:10px 30px;cursor:pointer;border:solid 1px #70789f;background-color:var(--index-page-annon-btn-bgcolog)}.routes .environments{display:flex;margin:1rem 0rem;flex-direction:column;align-items:center}@media (max-width: 768px){.routes .environments{display:none}}.routes .environments .environments-text{display:flex;gap:20px;align-items:flex-start;justify-content:space-between;max-width:1500px;position:relative}.routes .environments .environments-icons{display:grid;grid-template-columns:repeat(auto-fit,minmax(78px,1fr));gap:20px;flex-wrap:wrap;max-width:1500px;position:relative}.routes .environments .environments-icons:before{content:"";position:absolute;top:0;left:0;width:500px;height:100%;background:linear-gradient(to right,var(--sl-color-bg) 0%,transparent 100%);z-index:1;pointer-events:none}.routes .environments .environments-icons:after{content:"";position:absolute;top:0;right:0;width:500px;height:100%;background:linear-gradient(to left,var(--sl-color-bg) 0%,transparent 100%);z-index:1;pointer-events:none}.routes .environments .environments-icon{display:flex;align-items:center;justify-content:center;padding:23px;position:relative;z-index:0}.routes .environments .icon{height:auto;width:30px}.routes [data-theme=dark] .environments .environments-icons:before{background:linear-gradient(to right,var(--sl-color-bg) 0%,transparent 100%)}.routes [data-theme=dark] .environments .environments-icons:after{background:linear-gradient(to left,var(--sl-color-bg) 0%,transparent 100%)}.routes .section-header{display:flex;align-items:center;font-size:16px;padding:10px 5px;font-family:Outfit,sans-serif;font-optical-sizing:auto;font-style:normal;font-weight:600;letter-spacing:.7px}.routes .section-elements{display:flex;flex-wrap:wrap;gap:15px;justify-content:center}.routes .section-element{flex:1;border:solid 1px var(--display-cards-border-mainpage);background:linear-gradient(149deg,var(--index-gradient-box) 10.79%,rgba(239,239,241,0) 76.87%);padding:35px;border-radius:4px;font-weight:600;font-size:17px;cursor:pointer}.routes .section-element:hover{background-color:var(--mini-display-cards-bg)}.routes .element-header{display:flex;align-items:center;font-size:17px;font-family:Outfit,sans-serif;font-optical-sizing:auto;font-style:normal;font-weight:500;gap:5px}.routes .mini-round-image{width:30px;height:30px;object-fit:cover;margin-right:4px}.routes .element-content{font-size:15px;font-family:Outfit,sans-serif;font-optical-sizing:auto;font-style:normal;font-weight:400;margin-top:16px;margin-bottom:16px}.routes .element-content .element-content-text{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;max-height:58px}.routes .read-more{color:#0629c2}.routes .element-body{display:flex;align-items:center;gap:10px}.routes .element-body .element-content{border-right:1px solid #c6c6c6;padding-right:2rem;margin-right:2rem}.routes .element-body .lab-launch{font-size:16px;font-weight:500;margin-right:2rem;cursor:pointer}.routes .element-tags{display:flex;gap:10px;font-size:11px;font-family:Outfit,sans-serif;font-optical-sizing:auto;font-style:normal;font-weight:400}.routes .element-tags .element-tag{white-space:nowrap;border:solid 1px var(--display-cards-border-mainpage);border-radius:50px;padding:2px 10px;background-color:var(--sl-color-bg)}.routes .element-cube{display:flex;align-items:center;font-size:15px;font-family:Outfit,sans-serif;font-optical-sizing:auto;font-style:normal;font-weight:400;gap:5px}.routes .banner{content-visibility:auto;display:flex;margin-top:20px;justify-content:center}@media (max-width: 768px){.routes .banner{display:none}}.routes .banner .element-cube-banner{display:flex;align-items:center;font-family:Outfit,sans-serif;font-optical-sizing:auto;font-style:normal;gap:5px;color:#000;border:solid 1.5px #000;background-color:#fff;width:max-content;border-radius:50px;padding:16px 40px;font-size:16px;font-weight:600}.routes .banner .index-banner{height:200px;display:flex;justify-content:center;border-radius:10px;align-items:center;background-size:cover;width:1400px}.routes .interview-img-icon{width:20px;height:20px;object-fit:cover;border-radius:50%}.routes .no-style-href{display:flex;flex-direction:column}.routes .interviews .section-elements{padding-top:30px;align-items:center;flex-wrap:wrap;width:100%}.routes .interviews .section-element{padding:20px 25px;width:max-content;flex:none}.routes .interviews .interviews-more{text-decoration:none;color:#0629c2}.routes .interviews .scan-interviews{font-size:23px;display:flex;justify-content:center;letter-spacing:-.5px;text-align:center}@media (max-width: 768px){.routes .interviews .scan-interviews{font-size:20px}}.routes .featured-cards{padding-top:46px;position:relative}.routes .featured-cards:before{content:"";position:absolute;top:22px;left:0;width:100%;height:1px;background:var(--mini-display-cards-border)}.routes .featured-cards .cards{display:flex;gap:17px;flex-wrap:wrap;justify-content:center}.routes .featured-cards .card{width:306px;border:solid 1px var(--mini-display-cards-border);border-radius:8px;overflow:hidden;background-color:var(--mini-display-cards-bg);cursor:pointer;display:flex;flex-direction:column}.routes .featured-cards .card:hover{background-color:#f8f8fc;border:solid 1px #0900ff}.routes .featured-cards .card-header{padding:16px 16px 12px}.routes .featured-cards .card-header h3{margin:0;font-size:1.1rem;font-weight:600;font-family:Outfit,sans-serif}.routes .featured-cards .card-header p{margin:4px 0 0;color:#6b7280;font-size:.85rem;font-weight:400}.routes .featured-cards .card img{width:100%;height:140px;object-fit:cover}.routes .featured-cards .card-body{padding:16px;flex:1;display:flex;flex-direction:column}.routes .featured-cards .card-body h4{margin:0 0 8px;font-size:1rem;font-weight:700;font-family:Outfit,sans-serif;background:linear-gradient(135deg,#2b25df,#0e2567);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.routes .featured-cards .card-body h4:after{display:none}.routes .featured-cards .card-body p{margin:0;font-size:.8rem;font-weight:400}.routes .featured-cards .card-body .desc{margin-top:8px;color:var(--sl-color-text);font-size:.8rem;opacity:.7;line-height:1.4}@media (max-width: 768px){.routes .featured-cards{margin:30px 0 20px}.routes .featured-cards .cards{gap:15px;flex-direction:column;align-items:center}.routes .featured-cards .card{width:100%;max-width:400px}}.routes .social{content-visibility:auto;contain-intrinsic-size:500px;margin-top:10px}.routes .social .section-elements{padding:20px 25px;width:max-content;flex:none;display:flex;justify-content:center;width:100%}@media (max-width: 768px){.routes .social{display:none}}.routes h4{position:relative;display:inline-block;font-weight:600}.routes h4:after{content:"";position:absolute;left:0;right:0;bottom:2px;height:3px;background-color:var(--blue-theme-main);border-radius:2px}.blinker{color:#1cbc57;display:inline-block;animation:blinker_blink 2.5s ease-in-out infinite}@keyframes blinker_blink{0%,20%,80%,to{opacity:1}50%{opacity:0}}.modal-open{background-color:#000;opacity:.5;position:fixed;top:0;left:0;width:100%;height:100%;z-index:111}.body-model-open{overflow-y:hidden}.pop-up-modal{z-index:112;background-color:var(--sl-color-bg);border-radius:20px;padding:50px;display:flex;flex-direction:column;align-items:center;gap:50px;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);border:1px solid rgba(0,0,0,.6);max-width:900px}@media (max-width: 768px){.pop-up-modal{top:5%;left:0;transform:none;gap:20px;padding:20px;margin:20px;width:calc(100% - 40px);max-height:80vh;overflow-y:auto}}.pop-up-modal .modal-buttons{display:flex;align-items:center;gap:20px}.pop-up-modal .modal-button-success{background-color:#e9ffe4;border:1.5px #56ca4c solid;border-radius:9px;display:flex;align-items:center;justify-content:center;gap:10px;font-size:15px;font-weight:500;padding:15px 30px;cursor:pointer;color:var(--sl-color-text);width:max-content;white-space:nowrap}.pop-up-modal .modal-button-fail{background-color:#ffedf0;border:1.5px #ff4d5c solid;border-radius:9px;display:flex;align-items:center;justify-content:center;gap:10px;font-size:15px;font-weight:500;padding:15px 30px;cursor:pointer;color:var(--sl-color-text);width:max-content;white-space:nowrap}.pop-up-modal .modal-title{font-size:32px;font-weight:600;line-height:40px}@media (max-width: 768px){.pop-up-modal .modal-title{font-size:24px}}.pop-up-modal .categories{display:flex;flex-wrap:wrap;gap:20px}@media (max-width: 768px){.pop-up-modal .categories{gap:15px}}.pop-up-modal .category{background-color:#f0f0f0;padding:10px 20px;border-radius:10px;font-size:16px;font-weight:500;cursor:pointer}[data-theme=dark] .pop-up-modal .category,[data-theme=dark] .routes .section-element{background-color:#1f1f1f}[data-theme=dark] .routes .read-more,[data-theme=dark] .routes .interviews-more{color:#687dd9}[data-theme=dark] .routes .section-element:hover{background-color:var(--mini-display-cards-bg)}[data-theme=dark] .routes .featured-cards .card:hover{background-color:#262626;border:solid 1px #687dd9}[data-theme=dark] .routes .featured-cards .card-body h4{background:linear-gradient(135deg,#8b9df6,#a8b5ff);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}@media (max-width: 1240px){.routes{padding-top:1rem}}@media (max-width: 950px){.routes{padding-top:0rem}.routes .interviews .section-elements{flex-direction:row}}@media (max-width: 768px){.routes .section-elements{padding-bottom:20px}}@media (max-width: 540px){.routes .interviews .section-elements{flex-direction:column;align-items:baseline}.routes .interviews .section-element{width:100%}}.insights{padding:15px 70px;padding-top:5.5rem}.insights .main-img{width:100%;height:150px;margin-bottom:50px;background-size:100%;border-radius:10px}.insights .main-img-header{margin-left:30px;display:flex;position:relative;top:110px}.insights .main-img-header img{border-radius:50%;width:80px;height:80px;object-fit:cover;border:solid 2px white}.insights .main-img-header span{margin-top:45px;margin-left:10px;font-weight:600;font-size:20px;font-family:Outfit,sans-serif;font-optical-sizing:auto;font-style:normal}.insights .sections{margin:30px auto 0;column-count:3;column-gap:10px}.insights .section{font-family:Outfit,sans-serif;font-optical-sizing:auto;font-style:normal;font-weight:500;font-size:17px;padding-bottom:35px;padding-right:30px;display:inline-block;box-sizing:border-box;width:100%}.insights .forceNewColumn:before{content:"";display:block;width:100%;height:0;break-after:column}.insights .section-data{display:flex;flex-direction:column;border-top:1px solid #888;margin-top:5px;padding-top:5px}.insights .overview{flex-direction:row;align-items:center}.insights .donut{width:50%}.insights .section-text{font-size:15px;font-weight:400}.insights .section-skills{display:flex;flex-direction:column;gap:5px;margin-top:10px}.insights .section-skill{border-radius:8px;width:100%;padding:5px;background-color:#d8e8ff;display:flex;align-items:center}.insights .section-skill span{font-size:14px;font-family:Outfit,sans-serif;font-optical-sizing:auto;font-style:normal;font-weight:400}.insights .section-skill img{width:24px;height:24px}.insights .section-skill span b{margin:0 3px}.insights .mini-round-image{border-radius:50%;object-fit:cover;width:24px;margin-left:3px;margin-right:10px;height:auto}.insights .layer-cake{width:100%;height:130px;margin-top:10px}.insights .chart-container{width:100%;height:180px}.insights .analysises{display:flex;flex-direction:column;gap:7px;margin-top:10px}.insights .analysis{display:flex;align-items:center;justify-content:space-between;font-size:14px;font-family:Outfit,sans-serif;font-optical-sizing:auto;font-style:normal;gap:5px;font-weight:400}.insights .analysis-name{display:flex;align-items:center}.insights .analysis-name img{width:24px;height:24px}.insights .analysis-percent{font-weight:400;padding:8px;border-radius:10px}.insights .blue-theme{background-color:#b8fde3}.insights .yellow-theme{background-color:#ebfeb8}.insights .orange-theme{background-color:#fddfb8}@media (max-width: 1425px){.insights .sections{-moz-column-count:2;-webkit-column-count:2;column-count:2}.insights .forceNewColumn{display:none}}@media (max-width: 1030px){.insights .sections{display:flex;flex-direction:column}}.interview-id{padding:2rem var(--sl-main-pad-x);display:flex;flex-direction:column;gap:5rem;width:100%}.interview-id .pc-only{display:block}.interview-id .mobile-only{display:none}@media (max-width: 768px){.interview-id{display:block}.interview-id .pc-only{display:none}.interview-id .mobile-only{display:block}.interview-id .author-info{flex-direction:column!important;align-items:flex-start!important;gap:0px!important}.interview-id .author-info span{font-size:14px!important;font-weight:500!important}}.interview-id h4{margin:12px 0;font-weight:500;font-size:16px;padding-left:10px;border-left:3px solid var(--blue-theme-main)}.interview-id h5{margin:10px 0;position:relative;display:inline-block;font-weight:500;font-size:16px}.interview-id h4:after{display:none}.interview-id .interview-section{width:100%;display:flex;justify-content:space-between;flex-direction:row}@media (max-width: 768px){.interview-id .interview-section{gap:0rem;display:block}}.interview-id .question-edit{color:red;font-size:20px;font-weight:500;text-decoration:none;cursor:pointer;margin-left:20px}.interview-id .question-content{width:var(--lpw, 50%);flex:none;display:flex;flex-direction:column;border:1px solid var(--mini-display-cards-border);padding:1rem;background-color:var(--sl-color-bg);height:calc(100vh - 80px);overflow-y:auto;position:sticky;top:55px}@media (max-width: 768px){.interview-id .question-content{width:100%;flex:initial;height:auto;overflow-y:visible;position:static}}.interview-id .panel-resizer{width:6px;background:transparent;cursor:col-resize;position:relative;flex-shrink:0;transition:background-color .15s ease}@media (max-width: 768px){.interview-id .panel-resizer{display:none}}.interview-id .panel-resizer:after{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:4px;height:40px;background:var(--mini-display-cards-border);border-radius:2px;opacity:0;transition:opacity .15s ease}.interview-id .panel-resizer:hover{background:var(--blue-theme-main-10, rgba(59, 130, 246, .1))}.interview-id .panel-resizer:hover:after{opacity:1}.interview-id .panel-resizer.resizing{background:var(--blue-theme-main-20, rgba(59, 130, 246, .2))}.interview-id .panel-resizer.resizing:after{opacity:1;background:var(--blue-theme-main)}.interview-id .resize-overlay{position:fixed;top:0;left:0;right:0;bottom:0;z-index:9998;cursor:col-resize}.interview-id .resize-preview-line{position:fixed;top:0;bottom:0;width:2px;background:var(--blue-theme-main);z-index:9999;pointer-events:none}.interview-id .question-title{font-size:22px;font-weight:500}.interview-id .question-blur{position:relative}.interview-id .question-blur .question-text{filter:blur(7px)}.interview-id .question-blur .premium-blur-content{width:max-content;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;font-size:20px;font-weight:400;gap:10px}@media (max-width: 768px){.interview-id .question-blur .premium-blur-content{top:5%;transform:none;width:100%;left:0;flex-wrap:wrap;align-content:center}}@media (max-width: 768px){.interview-id .question-blur .premium-blur-content .premium-blur-text{width:300px;text-align:center;line-height:normal}}.interview-id .question-blur .premium-blur-title{display:flex;align-items:center;font-size:24px;font-weight:500;gap:15px}.interview-id .question-text{font-size:16px;font-weight:400;padding:12px 0}.interview-id .question-text .code{display:block;overflow-x:auto;padding:1em}.interview-id .video-section{padding-top:8px}.interview-id .test-cases{display:flex;flex-direction:column;gap:20px;margin-bottom:10px}.interview-id .test-cases .test-case{display:flex;flex-direction:column;gap:10px}.interview-id .test-cases .test-case-title{font-weight:700}.interview-id .test-cases .test-case-data-title{font-weight:600}.interview-id .test-cases .test-case-data{margin-left:10px;font-size:14px;font-family:Monaco,Menlo,Ubuntu Mono,Consolas,Source Code Pro,source-code-pro,monospace;overflow-x:auto;display:flex;flex-direction:column}.interview-id .table-sql{margin-top:7px;border-collapse:collapse;border-spacing:0;text-align:center}.interview-id .table-sql td,.interview-id .table-sql th{border-right:1px solid #dddddd;border-bottom:1px solid #dddddd;padding:10px;text-align:center}.interview-id .table-sql td:first-child,.interview-id .table-sql th:first-child{border-left:1px solid #dddddd}.interview-id .table-sql tr,.interview-id .table-sql th{border-top:1px solid #dddddd}.interview-id .sign-in-solution{font-size:16px;font-weight:400}.interview-id .sign-in-link{color:#0629c2}.interview-id .data-preview{display:flex;flex-wrap:wrap;gap:2rem;width:100%}.interview-id .data-preview .table-name{font-size:16px;font-weight:600;margin-bottom:1rem;margin-left:5px;display:block}.interview-id .data-preview .data-table{border-collapse:collapse;font-size:14px;font-weight:400;border-radius:10px;border-style:hidden;box-shadow:0 0 0 1px #9c9c9c;overflow:hidden}.interview-id .data-preview .table-head{background-color:var(--sl-color-bg-nav)}.interview-id .data-preview .table-row{border-bottom:1px solid #9c9c9c}.interview-id .data-preview .table-data{padding:10px;text-align:center}.interview-id .question-about{display:flex;gap:5rem}.interview-id .company-section,.interview-id .author-section{display:flex;flex-direction:column;gap:10px;width:max-content}.interview-id .author-section{font-size:16px;font-weight:400}.interview-id .section-title{font-size:14px;font-weight:500}.interview-id .section-logo-name{display:flex;align-items:center;gap:10px}.interview-id .company-logo,.interview-id .author-logo{width:30px;height:30px;border-radius:50%}.interview-id .author-info{display:flex;gap:5px;align-items:center}.interview-id .author-info-logo{width:16px;height:16px;border-radius:50%}.interview-id .company-name{font-weight:500}.interview-id .role{font-size:16px;font-weight:500;margin-top:1rem;display:block}.interview-id .author-name{font-size:16px;font-weight:400}.interview-id .author-rank{display:flex;align-items:center;gap:5px}.interview-id .ranking{font-size:16px;font-weight:600}.interview-id .rank{font-size:13px;font-weight:600}.interview-id .employment,.interview-id .connection{display:flex;align-items:center;gap:5px}.interview-id .command-line{display:flex;flex-direction:column;width:var(--rpw, 49.5%);flex:none;height:calc(100vh - 80px);position:sticky;top:55px;left:51.5%;margin-left:auto;z-index:99;overflow:hidden}@media (max-width: 768px){.interview-id .command-line{display:block;width:100%;flex:initial;height:auto;overflow:visible;position:static;margin-left:0;margin-top:1rem}}.interview-id .command-line .editor-section{display:flex;justify-content:space-between;width:100%;padding-bottom:20px}@media (max-width: 470px){.interview-id .command-line .editor-section{align-items:center}}.interview-id .command-line .test-case-choosen{display:flex;gap:10px}.interview-id .command-line .add-lab-step{border:1px solid rgba(216,216,216,.8666666667);border-radius:5px;background-color:#f6f6f6;display:flex;align-items:center;justify-content:center;font-size:15px;font-weight:500;gap:10px;width:max-content;cursor:pointer;position:relative;width:127px;height:53px}.interview-id .command-line .add-lab-step-chosen{border:1px solid rgba(13,12,32,.8666666667)}.interview-id .command-line .ace-editor{border:1px solid var(--mini-display-cards-border);border-radius:4px;width:100%;font-size:13px!important;font-weight:500;flex:1;min-height:0}.interview-id .command-line .run-code-section{display:flex;flex-direction:column;flex:1;min-height:0;overflow:hidden}.interview-id .command-line .show-solution{font-size:16px;font-weight:500;cursor:pointer;color:var(--blue-theme-main);margin:0 20px}.interview-id .command-line .run-code{font-size:16px;font-weight:500;color:var(--blue-theme-main);cursor:pointer;border:1px solid var(--blue-theme-main);padding:15px 30px;border-radius:10px;width:max-content;align-self:flex-end}@media (max-width: 768px){.interview-id .command-line .run-code{margin:0}}.interview-id .command-line .run-code:hover{background-color:#edf0ff}.interview-id .command-line .run-code-disabled{opacity:.5;cursor:not-allowed}.interview-id .command-line .success-run-code{font-size:16px;background-color:#e9ffe4;padding:15px 30px;border-radius:10px;width:100%;display:flex;flex-direction:column;gap:5px}.interview-id .command-line .success-run-code .congratulation{width:20px}.interview-id .command-line .failed-run-code{font-size:16px;background-color:#fff4f4;width:100%;padding:15px 30px;border-radius:10px;display:flex;flex-direction:column;gap:5px}.interview-id .command-line .failed-run-code .congratulation{width:20px}.interview-id .command-line .runtime-result{width:100%;white-space:pre-wrap;font-weight:400;font-size:15px;max-height:60vh;overflow-y:auto}.interview-id .command-line .runtime-result .clipboard-icon{display:none}.interview-id .command-line .error-result{color:var(--blue-theme-main)}.interview-id .question-btns{display:flex;gap:10px;position:relative}@media (max-width: 470px){.interview-id .question-btns{flex-direction:column}}.interview-id .hover-question{position:absolute;box-shadow:#0000004d 0 6px 14px;border-radius:8px;background-color:#fff;padding:10px;top:-6.5rem;z-index:999}.interview-id .hover-question .inter-header{display:flex;justify-content:space-between;gap:50px;padding-bottom:5px}.interview-id .hover-question .inter-header .inter-course{border:solid 1px var(--mini-display-cards-border);border-radius:50px;padding:0 10px;background-color:var(--sl-color-bg);font-size:11px;font-weight:400;height:min-content}.interview-id .hover-question .inter-name{display:flex;align-items:center;font-size:16px;font-family:Outfit,sans-serif;font-optical-sizing:auto;font-style:normal;font-weight:500;gap:5px;white-space:nowrap}.interview-id .hover-question .other-companies{font-size:11px;font-weight:400;white-space:nowrap}.interview-id .hover-question .mini-round-image{width:30px;height:30px;object-fit:cover;margin-right:4px}.interview-id .hover-question .inter-content{font-size:12px;font-family:Outfit,sans-serif;font-optical-sizing:auto;font-style:normal;font-weight:400;max-height:200px}.interview-id .hover-question .inter-content .inter-content-name{margin-bottom:5px;font-weight:500;font-size:16px;max-height:30px;display:block;text-overflow:ellipsis;overflow:hidden;position:relative}.interview-id .hover-question-left{right:4rem}@media (max-width: 768px){.interview-id .hover-question-left{right:0rem}}@media (max-width: 470px){.interview-id .hover-question-left{right:-8rem}}.interview-id .hover-question-right{left:4rem}@media (max-width: 470px){.interview-id .hover-question-right{left:0rem;top:-3rem}}.interview-id .answer-correct{font-size:16px;font-weight:500;text-align:end}.interview-id .report{display:flex;align-items:center;gap:5px;cursor:pointer;margin-left:5px;white-space:nowrap;font-size:14px;font-weight:500}@media (max-width: 768px){.interview-id .report{display:none}}@media (max-width: 768px){.interview-id .interview-btns{display:grid;grid-template-columns:1fr 1fr;gap:10px}}@media (max-width: 450px){.interview-id .interview-btns{display:flex;flex-direction:column}}.interview-id .hints{display:flex;flex-direction:column;gap:10px;margin-bottom:12px}.interview-id .hint-btn{background-color:#f9f9f9;margin-right:15px;border-radius:9px;display:flex;align-items:center;justify-content:center;gap:10px;font-size:15px;font-weight:500;padding:10px 20px;border:solid 1px var(--mini-display-cards-border);cursor:pointer;color:var(--sl-color-text);width:max-content;white-space:nowrap}.interview-id .hint-btn:hover{background-color:#efefef}.interview-id .like-btn{border-radius:9px;display:flex;align-items:center;justify-content:center;gap:10px;font-size:15px;font-weight:500;padding:15px 30px;border:solid 1px var(--mini-display-cards-border);cursor:pointer;color:var(--sl-color-text);white-space:nowrap;width:max-content}.interview-id .next-btn{background-color:#f9f9f9;margin-right:15px;border-radius:9px;display:flex;align-items:center;justify-content:center;gap:10px;font-size:15px;font-weight:500;padding:10px 20px;border:solid 1px var(--mini-display-cards-border);cursor:pointer;color:var(--sl-color-text);width:max-content;white-space:nowrap;width:100%;height:100%}.interview-id .recommend{display:flex;flex-direction:column;gap:30px}.interview-id .recommend .recommend-title{font-weight:600;font-size:28px}.interview-id .recommend .recommend-labs{display:flex;gap:15px;flex-wrap:wrap}.interview-id .code-section{position:relative;margin:10px 0}.interview-id .code-section .code{padding-right:40px}.interview-id .clipboard-btn{position:absolute;top:10px;right:10px;cursor:pointer;border-radius:9px;width:30px;height:30px;fill:var(--sl-color-text);margin:0!important}.interview-id .clipboard-btn .clipboard-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.interview-id .clipboard-icon,.interview-id .clipboard-success-icon{margin:0!important}.interview-id .clipboard-btn-success{position:absolute;top:10px;right:10px;padding:5px;fill:#3fb950;margin:0!important}.interview-id .clipboard-btn:hover{background-color:#f3e3e3}.old-question{width:auto}.old-question .interview-section{flex-direction:column;gap:1rem}[data-theme=dark] .interview-id .next-btn,[data-theme=dark] .interview-id .hint-btn{background-color:var(--sl-color-bg-nav)}[data-theme=dark] .interview-id .hover-question{background-color:#1f1f1f}[data-theme=dark] .interview-id .failed-run-code{background-color:#330f0f}[data-theme=dark] .interview-id .interview-source{background-color:#1b291b}[data-theme=dark] .interview-id .hint-btn:hover{background-color:#30333d}[data-theme=dark] .interview-id .sign-in-link,[data-theme=dark] .interview-id .show-solution,[data-theme=dark] .interview-id .run-code{color:var(--blue-theme-main)}[data-theme=dark] .interview-id .run-code{border-color:var(--blue-theme-main)}[data-theme=dark] .interview-id .run-code:hover{background-color:#000}[data-theme=dark] .interview-id .run-code:hover{background-color:unset}[data-theme=dark] .interview-id .no-code-init{color:var(--blue-theme-main)}[data-theme=dark] .interview-id .no-code-init{border-color:var(--blue-theme-main)}[data-theme=dark] .interview-id .no-code-init:hover{background-color:#000}[data-theme=dark] .interview-id .fault-run-code{background-color:#230b07}[data-theme=dark] .interview-id .fault-run-code:hover{background-color:#000}[data-theme=dark] .interview-id .success-run-code{background-color:#0b2811}[data-theme=dark] .interview-id .clipboard-btn:hover{background-color:var(--mini-display-cards-bg)}.command-line.full-screen{width:100%!important}.premium-feature{box-shadow:0 0 70px 50px var(--premium-feature-color-1);border-radius:8px;position:absolute;font-size:18px;font-weight:500;display:flex;padding-top:5%;flex-direction:column;top:60px;background:radial-gradient(circle,var(--premium-feature-color-2) 30%,var(--premium-feature-color-3) 80%);z-index:999;background-color:var(--premium-feature-color-4);justify-content:flex-start;align-items:center}@media (max-width: 1600px){.premium-feature{justify-content:center;padding-top:5%}}@media (max-width: 768px){.premium-feature{justify-content:center;padding-top:5%}}.upgrade-now-button{color:#42b144;border:1.5px solid;padding:10px;border-radius:10px}.upgrade-now-button:hover{background-color:#cfffb923}.interview-title{position:relative;z-index:999}.interview-nav-line{display:flex;margin:0 10px;color:var(--blue-theme-main);align-items:center}.interview-nav-line:hover{text-decoration:underline}.interview-company-author-area{margin:20px 0;position:relative;z-index:999}.premium-header{display:flex;flex-direction:column;align-items:center}.premium-header .line-1{font-weight:400;font-size:22px}@media (max-width: 768px){.premium-header .line-1{font-size:18px}}.premium-header .line-2{margin:15px;font-weight:700;font-size:22px;color:var(--sl-color-text)}@media (max-width: 768px){.premium-header .line-2{font-size:18px}}.premium-inter-title{display:flex;padding:20px 0;justify-content:center}@media (max-width: 768px){.content-section{display:none}}.error-item{color:#ba1c1c;margin-bottom:8px;display:flex;align-items:center;gap:8px}.error-icon{width:16px;height:16px}.output-section{display:flex;white-space:pre-wrap}.error-result{background-color:#f6f5ff;border:1px solid #ebedff}.interview-source{margin-top:20px;font-weight:500;display:inline-block;border:1px solid #2c8874;padding:12px 20px;border-radius:5px;background-color:#dcffdc}.hint-area{display:flex;justify-content:space-between;margin:20px 0}.labs-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1rem}.interviews-grid{display:grid;grid-auto-flow:column;gap:1rem;overflow-x:auto}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.loading-message{display:flex;align-items:center;gap:8px;padding:1rem;font-size:1rem;color:var(--sl-color-text-accent)}.nocode-spinner{min-width:16px;min-height:16px;border:2px solid var(--sl-color-white);border-top-color:transparent;border-radius:50%;animation:spin 1s linear infinite}.message{animation:pulse 2s ease-in-out infinite}.no-code-init{font-size:16px;font-weight:500;color:var(--blue-theme-main);cursor:pointer;border:1px solid var(--blue-theme-main);padding:15px 30px;border-radius:10px;width:max-content;align-self:flex-end}@media (max-width: 768px){.no-code-init{margin:0}}.no-code-init:hover{background-color:#edf0ff}.idiagram{height:400px;max-width:700px}@media (max-width: 768px){.idiagram{height:unset;width:100%}}.add-question{padding:2rem var(--sl-main-pad-x);display:flex;gap:5rem;width:100%;justify-content:space-between}.add-question .question-content{display:flex;flex-direction:column;gap:3rem;width:100%}.add-question .question-header{font-size:28px;font-weight:600}.add-question .question-section{display:flex;flex-direction:column;gap:1rem}.add-question .markdown-link{color:#0629c2;text-decoration:none}.add-question .question-title{font-size:20px;font-weight:600}.add-question .question-text{font-size:14px;font-weight:400;outline:none;min-height:100px;padding:10px;resize:none;overflow-y:hidden}.add-question .question-preview{font-size:14px;font-weight:400;min-height:100px;padding:10px;border:solid 1px var(--mini-display-cards-border)}.add-question .question-text,.add-question .question-about{display:flex;flex-direction:column;gap:1rem}.add-question .question-about{margin-top:8.5rem}.add-question .question-company{display:flex;flex-direction:column;gap:1rem;margin-bottom:1rem}.add-question .company-input{outline:none;padding:10px 16px;width:80%}.add-question .question-category{display:flex;gap:5px;align-items:center}.add-question .question-btns{display:flex;gap:20px}.add-question .back-btn{border-radius:9px;display:flex;align-items:center;justify-content:center;gap:10px;font-size:15px;font-weight:500;padding:15px 30px;border:solid 1px var(--mini-display-cards-border);cursor:pointer;color:var(--sl-color-text);width:max-content}.add-question .add-btn{border:1.5px #56ca4c solid;background-color:#e9ffe4;border-radius:9px;display:flex;align-items:center;justify-content:center;padding:15px 30px;gap:5px;font-size:15px;font-weight:500;color:var(--sl-color-text);cursor:pointer;width:max-content}[data-theme=dark] .add-question .markdown-link{color:#687dd9}[data-theme=dark] .add-question .add-btn{background-color:var(--sl-color-bg-nav)}.sign-in-page{display:flex;width:100%;min-height:100vh;font-family:Outfit,sans-serif}@media (max-width: 900px){.sign-in-page{flex-direction:column}}.sign-in-left{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:2rem}@media (max-width: 900px){.sign-in-left{min-height:100vh;padding:2rem 1.5rem}}@media (max-width: 480px){.sign-in-left{padding:1.5rem 1rem}}.signin-logo{display:flex;align-items:center;gap:12px;text-decoration:none;margin-bottom:24px}.signin-logo span{font-size:16px;font-weight:700;color:#1a1a1a;letter-spacing:.05em}.signin-divider{width:100%;border:none;border-top:1px solid #e5e7eb;margin:0 0 24px}.sign-in-content{display:flex;flex-direction:column;width:100%;max-width:400px}.sign-in-content h1{font-size:32px;font-weight:600;color:#1a1a1a;line-height:1.2;margin:0 0 12px}@media (max-width: 600px){.sign-in-content h1{font-size:26px}}@media (max-width: 380px){.sign-in-content h1{font-size:22px}}.sign-in-content .subtitle{font-size:15px;color:#6b7280;margin:0 0 32px;line-height:1.5}@media (max-width: 600px){.sign-in-content .subtitle{font-size:14px;margin-bottom:24px}}.sign-in-buttons{display:flex;flex-direction:row;gap:12px}@media (max-width: 600px){.sign-in-buttons{flex-direction:column;width:100%}}.sign-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:12px 20px;font-size:15px;font-weight:500;font-family:Outfit,sans-serif;border-radius:6px;cursor:pointer;transition:all .15s ease;white-space:nowrap}@media (max-width: 600px){.sign-btn{width:100%;padding:14px 20px}}.sign-btn img{width:18px;height:18px}.sign-btn.primary,.sign-btn.secondary{background-color:#2be08014;color:#333;border:1px solid rgba(43,224,128,.3)}.sign-btn.primary:hover,.sign-btn.secondary:hover{background-color:#2be08024;border-color:#2be08080}.sign-in-footer{margin-top:48px;display:flex;flex-direction:column;gap:8px}@media (max-width: 600px){.sign-in-footer{margin-top:32px}}.footer-links{display:flex;align-items:center;gap:20px;flex-wrap:wrap}@media (max-width: 380px){.footer-links{gap:14px}}.footer-links a{font-size:13px;color:#6b7280;text-decoration:none;transition:color .15s ease}.footer-links a:hover{color:#1a1a1a}.footer-copyright{font-size:13px;color:#9ca3af}.sign-in-right{flex:1;background:linear-gradient(135deg,#f8fafc,#f1f5f9);position:relative;overflow:hidden;min-height:400px}@media (max-width: 900px){.sign-in-right{display:none}}.promo-content{position:absolute;top:0;right:0;bottom:0;left:0;z-index:10;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:3rem}.promo-content h2{font-size:36px;font-weight:700;background:linear-gradient(135deg,#1a1a1a,#21a960 60%,#15803d);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0 0 16px}.promo-content .promo-stats{font-size:15px;font-weight:500;color:#374151;letter-spacing:.03em}.signin-job-boxes{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.signin-job-box{position:absolute;display:flex;align-items:center;gap:10px;padding:12px 14px;background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 4px 12px #00000014;font-size:12px}.signin-job-box img{width:32px;height:32px;border-radius:6px;object-fit:contain}.signin-job-box .signin-job-info{display:flex;flex-direction:column;gap:2px}.signin-job-box .signin-job-info strong{font-size:13px;font-weight:600;color:#1a1a1a}.signin-job-box .signin-job-info span{color:#6b7280;font-size:11px}.signin-job-box .signin-job-info .salary{color:var(--blue-theme-main, #036b03);font-weight:600;font-size:12px}[data-theme=dark] .signin-logo span{color:var(--sl-color-text, #e5e5e5)}[data-theme=dark] .signin-divider{border-top-color:#374151}[data-theme=dark] .sign-in-content h1{color:var(--sl-color-text, #e5e5e5)}[data-theme=dark] .sign-in-content .subtitle{color:#9ca3af}[data-theme=dark] .sign-btn.primary,[data-theme=dark] .sign-btn.secondary{background-color:#2be0800f;color:#e5e5e5;border-color:#2be08033}[data-theme=dark] .sign-btn.primary:hover,[data-theme=dark] .sign-btn.secondary:hover{background-color:#2be0801f;border-color:#2be08059}[data-theme=dark] .sign-btn.secondary img{filter:invert(1)}[data-theme=dark] .footer-links a{color:#9ca3af}[data-theme=dark] .footer-links a:hover{color:var(--sl-color-text, #e5e5e5)}[data-theme=dark] .footer-copyright{color:#6b7280}[data-theme=dark] .sign-in-right{background:linear-gradient(135deg,#1e293b,#0f172a)}[data-theme=dark] .promo-content h2{background:linear-gradient(135deg,#e5e5e5,#4ade80 60%,#21a960);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}[data-theme=dark] .promo-content .promo-stats{color:#9ca3af}[data-theme=dark] .signin-job-box{background:#1e293b;border-color:#334155}[data-theme=dark] .signin-job-box .signin-job-info strong{color:var(--sl-color-text, #e5e5e5)}[data-theme=dark] .signin-job-box .signin-job-info span{color:#9ca3af}.membership{display:flex;flex-direction:column;padding:2rem;gap:20px;width:100%}.membership .main-img{width:100%;height:150px;margin-bottom:50px;background-size:100%;border-radius:10px}.membership .main-img-header{margin-left:30px;display:flex;position:relative;top:110px}.membership .main-img-header .main-img-header-icon{border-radius:50%;width:80px;height:80px;border:solid 2px white;background-color:#fff}.membership .main-img-header .main-img-header-text{margin-top:45px;margin-left:10px;font-weight:600;font-size:20px;font-family:Outfit,sans-serif;font-optical-sizing:auto;font-style:normal}.membership .no-style-href{text-decoration:none;color:inherit}.membership .section{display:flex;flex-direction:column;padding:15px 70px;padding-top:5.5rem;gap:20px}.membership .sectionImg{display:flex;align-items:center;gap:10px;font-size:16px;font-family:Outfit,sans-serif;font-optical-sizing:auto;font-style:normal;font-weight:500;margin-left:10px}.membership .title{font-weight:500;font-size:20px;font-family:Outfit,sans-serif;font-optical-sizing:auto;font-style:normal;text-align:center;margin-top:10px}.membership .plans{display:flex;gap:20px;justify-content:center}.membership .plan{display:flex;flex-direction:column;border:solid 1px var(--mini-display-cards-border);padding:20px;border-radius:8px;cursor:pointer;max-width:300px}.membership .plan-cancel{display:none}.membership .plan:hover{background-color:var(--mini-display-cards-bg)}.membership .header{display:flex;align-items:center;justify-content:space-between}.membership .planTitle,.membership .planPrice{font-size:20px;font-family:Outfit,sans-serif;font-optical-sizing:auto;font-style:normal;font-weight:500}.membership .planDescription{font-size:14px;font-family:Outfit,sans-serif;padding-bottom:10px;padding-top:10px;font-optical-sizing:auto;font-style:normal;font-weight:400;margin-right:30px}.membership .planContents{display:flex;flex-direction:column;border-top:1px solid rgb(230,230,230);padding-top:14px}.membership .planContent{display:flex;justify-content:space-between;font-size:16px;font-family:Outfit,sans-serif;font-optical-sizing:auto;font-style:normal;font-weight:400;margin-right:30px}.membership .planSelect{display:flex;align-items:center;gap:5px;margin-top:20px;font-size:16px;font-family:Outfit,sans-serif;font-optical-sizing:auto;font-style:normal;font-weight:500}.membership .planSelect svg{margin-top:3px}.membership .plan-selected{background-color:unset!important;cursor:default;border:solid 2px #766bc1}.membership .plan-selected .planSelect{display:flex;align-items:center;justify-content:space-between;margin-top:20px;font-size:16px;font-family:Outfit,sans-serif;font-optical-sizing:auto;font-style:normal;font-weight:500;color:#3c26cf}.membership .plan-selected .planSelect .plan-cancel{color:red;cursor:pointer;display:block}.settings{display:flex;flex-direction:column;align-items:flex-start;padding-top:1rem;font-family:Outfit,sans-serif;font-optical-sizing:auto;font-style:normal}.settings .settings-table{border-spacing:20px;border-collapse:separate}.settings .section1{display:flex;flex-direction:column;gap:5px;font-size:15px;font-weight:400}.settings .section1 .section1-label{margin-left:5px;font-weight:500;font-size:16px}.settings .section1 .section1-input{border:1px solid #dfe3e6;border-radius:8px;padding:6px 16px;outline:none}.settings .section1 .section1-button{background-color:#1f1f1f;color:#fff;padding:6px 16px;width:max-content;border-radius:8px;cursor:pointer}.settings .section1 .display-name,.settings .section1 .display-photo{display:flex;flex-direction:column;gap:5px}.settings .section1 .change-photo{display:flex;position:relative}.settings .section1 .hover-div{width:50px;height:50px;border-radius:50%;position:absolute;top:0;opacity:.5;display:flex;justify-content:center;align-items:center}.settings .section1 .hover-div .edit-photo{display:none}.settings .section1 .hover-div:hover{cursor:pointer;background-color:#000}.settings .section1 .hover-div:hover .edit-photo{display:block}.settings .name-photo{gap:20px}.settings .name-photo .profile-photo{width:50px;height:50px;border-radius:50%}.settings .input-alert{font-size:10px;margin-left:5px;margin-top:5px}.settings .section2{padding-left:10rem;font-weight:500;font-size:15px}.settings .section2 .section2-button{background-color:#1f1f1f;color:#fff;padding:6px 16px;width:max-content;border-radius:8px;cursor:pointer}.settings .section2 .section2-header{display:flex;align-items:center;gap:10px;margin-bottom:5px;margin-left:5px}.settings .social-link{display:flex;flex-direction:column;gap:5px}.settings .social-link .section2-label{margin-left:5px;font-weight:500;font-size:16px}.settings .social-link .section2-input{border:1px solid #dfe3e6;border-radius:8px;padding:6px 16px;outline:none}.settings .social-link .section2-button{background-color:#1f1f1f;color:#fff;padding:6px 16px;width:max-content;border-radius:8px;cursor:pointer}.settings .btn-section{display:flex;flex-direction:column;gap:10px}.settings .delete-btn,.settings .change-btn,.settings .connect-btn{text-decoration:none;color:inherit;cursor:pointer}.settings .delete-btn{color:red}.settings .connect-btn{color:#fff}.settings .card-section{display:flex;flex-direction:column;gap:5px;margin-top:15px;margin-left:20px}.settings .cards{display:flex;flex-direction:column;gap:10px}.settings .card{display:flex;align-items:center;gap:30px}.settings .membership-link{cursor:pointer;margin-top:10px;display:block}[data-theme=dark] .membership-link{color:#687dd9}.labs-page{padding:3rem 0rem 3rem 3rem;display:flex;flex-direction:column;width:100%}@media (max-width: 768px){.labs-page{padding:0;margin:30px}}.labs-page .lab-section{display:flex;flex-direction:column;width:100%;gap:18px;justify-content:flex-end}.labs-page .lab-section .remove-filter{display:flex;align-items:center;cursor:pointer}.labs-page .labs{display:grid;grid-template-columns:repeat(auto-fit,minmax(360px,max-content));gap:20px;justify-content:center;height:max-content}@media (max-width: 768px){.labs-page .labs{padding-right:0;grid-template-columns:1fr;max-width:100%;justify-items:center;margin:0}}.labs-page .filter-toggle{display:none;margin-bottom:20px;padding:10px 15px;background:var(--sl-color-bg);border:1px solid var(--mini-display-cards-border);border-radius:8px;cursor:pointer;font-weight:500}@media (max-width: 768px){.labs-page .filter-toggle{display:flex;align-items:center;justify-content:space-between}}.labs-page .show-more{gap:20px;display:flex;justify-content:center;align-items:center}.labs-page .show-more .show-all-labs{letter-spacing:.05rem;cursor:pointer}.labs-page .pagination{display:flex;justify-content:center;align-items:center;margin-top:2.5rem;margin-bottom:1rem}.labs-page .pagination .page-numbers{display:flex;gap:8px;align-items:center}.labs-page .pagination .page-number{min-width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;color:var(--sl-color-text);background:var(--sl-color-bg);border:1px solid var(--sl-color-gray-5)}.labs-page .pagination .page-number:hover{background:var(--sl-color-gray-2)}.labs-page .pagination .page-number.active{background:var(--sl-color-text);color:var(--sl-color-bg);border-color:var(--sl-color-text)}@media (max-width: 768px){.labs-page .pagination .page-numbers{gap:6px}.labs-page .pagination .page-number{min-width:32px;height:32px;font-size:13px}}[data-theme=dark] .labs-page .page-number{background-color:#1f1f1f}.lab-id{display:flex;padding:2rem 15px;width:1280px;gap:1rem}@media (max-width: 768px){.lab-id{display:block;width:100%}}.lab-id blockquote{margin:20px 0;padding:10px 20px;border-left:4px solid var(--sl-color-gray-6);background-color:var(--sl-color-gray-7);font-style:italic}.lab-id h4{margin:20px 0;position:relative;display:inline-block;font-weight:500;font-size:17px}.lab-id h4:after{content:"";position:absolute;left:0;right:0;bottom:-2px;height:2px;background-color:var(--blue-theme-main);border-radius:2px}.lab-id li{padding:3px}.lab-id .stage-content{max-width:960px;padding-top:15px;width:100%;display:flex;flex-direction:column;gap:25px}.lab-id .stage-content hr{border:none;height:1px;background-color:#807db9}.lab-id .stage-content h1{font-size:30px;line-height:normal}.lab-id .stage-text .code{display:block;overflow-x:auto;padding:1.5em}.lab-id .stage-text hr{border:none;height:1.5px;background-color:var(--blue-theme-main)}.lab-id .stage-text h2{position:relative;display:inline-block;font-weight:700;margin:30px 0}.lab-id .stage-text p{font-size:17px}.lab-id .stage-text h2:after{content:"";position:absolute;left:0;right:0;bottom:-12px;height:4px;background-color:var(--blue-theme-main);border-radius:2px}.lab-id .stage-title{font-weight:500;font-size:15px;font-family:Outfit,sans-serif;font-optical-sizing:auto;line-height:20px;font-style:normal}.lab-id .blur-text{filter:blur(6px)}.lab-id .stage-desc{font-weight:400;font-size:13px;font-family:Outfit,sans-serif;font-optical-sizing:auto;font-style:normal;line-height:20px}.lab-id .environments-section{display:flex;flex-direction:column;gap:10px}.lab-id .environments-section .environments{display:flex;flex-wrap:wrap;gap:20px}.lab-id .environments-section .environments-title{font-size:20px;font-weight:600}.lab-id .environments-section .environments-desc{font-size:14px;font-weight:400;color:#6d6d6d}.lab-id .environments-section .environment{border:1px solid var(--env-cards-border);border-radius:5px;padding:13px 25px;background-color:var(--env-cards-bg);display:flex;align-items:center;font-size:15px;font-weight:500;gap:10px}.lab-id .environments-section .environment-icon{width:27px;height:27px}.lab-id .author-verified_by{display:flex;align-items:center;gap:50px}@media (max-width: 768px){.lab-id .author-verified_by{display:block}}.lab-id .author-section{margin:10px 0;display:flex;flex-direction:column;gap:10px}.lab-id .author-section .author-title{font-size:20px;font-weight:600}.lab-id .author-section .author-content{display:flex;align-items:center;gap:10px}.lab-id .author-section .author-img{width:55px;height:55px;border-radius:50%}.lab-id .author-section .author-info{display:flex;flex-direction:column}.lab-id .author-section .author-company-logo{width:12px;height:12px;border-radius:50%}.lab-id .author-section .author-name{font-size:14px;font-weight:500}.lab-id .author-section .author-rank{font-size:11px;font-weight:600}.lab-id .author-section .author-name-rank,.lab-id .author-section .author-company{display:flex;align-items:center;gap:5px}.lab-id .author-section .author-company-name{font-size:12px;font-weight:400}.lab-id .author-section .author-social{display:flex;align-items:center;gap:5px;font-size:12px;font-weight:400}.lab-id .author-section .author-social-link{display:flex;align-items:center;gap:3px;text-decoration:none;color:inherit}.lab-id .complete-btn{border:1.5px var(--blue-theme-main) solid;background-color:#fff;border-radius:9px;display:flex;align-items:center;justify-content:center;letter-spacing:1px;gap:10px;width:143px;height:50px;font-size:15px;font-weight:500;cursor:pointer}.lab-id .complete-btn:hover{background-color:#f7f6ff}.lab-id .start-btn{border:1px #56ca4c solid;background-color:#e9ffe4;border-radius:5px;padding:15px 30px;display:flex;align-items:center;justify-content:center;gap:10px;font-size:15px;font-weight:500;font-family:Outfit,sans-serif;font-optical-sizing:auto;font-style:normal;color:var(--sl-color-text);cursor:pointer}@media (max-width: 768px){.lab-id .start-btn{width:100%}}.lab-id .retry-btn{border-radius:9px;display:flex;align-items:center;justify-content:center;gap:10px;height:53px;padding:10px 20px;font-size:15px;font-weight:500;background-color:#e1ffc9;border:1.5px solid #56ca4c;font-family:Outfit,sans-serif;font-optical-sizing:auto;font-style:normal;cursor:pointer;width:100.3px}.lab-id .complete-anyway-btn{width:max-content;padding:10px 20px;height:53px;background-color:#fffed8;border:1.5px solid #a7a531;border-radius:9px;display:flex;align-items:center;gap:10px;font-size:15px;font-weight:500;font-family:Outfit,sans-serif;font-optical-sizing:auto;font-style:normal;cursor:pointer}.lab-id .fault-btn{display:flex;gap:20px}.lab-id .tips-under-btn{color:#11181c;font-size:12px;font-weight:400;font-family:Outfit,sans-serif;font-optical-sizing:auto;font-style:normal;opacity:.5;margin-top:20px}.lab-id .next-back-btns{display:flex;align-items:center;gap:15px}.lab-id .next-back-btns .back-btn{border:solid 1px var(--mini-display-cards-border);color:var(--sl-color-text);border-radius:9px;display:flex;align-items:center;justify-content:center;letter-spacing:1px;gap:10px;width:119px;height:50px;font-size:15px;font-weight:500;cursor:pointer}.lab-id .next-step{border:1.5px var(--blue-theme-main) solid;background-color:#fff;border-radius:9px;display:flex;align-items:center;justify-content:center;gap:10px;width:131px;height:53px;font-size:15px;font-weight:500;cursor:pointer}.lab-id .next-step:hover{background-color:#f7f6ff}.lab-id .btns{display:flex;align-items:center;justify-content:space-between}@media (max-width: 768px){.lab-id .btns{flex-direction:column;gap:20px}}.lab-id .btns .terms{font-size:15px;font-weight:400;color:inherit}@media (max-width: 768px){.lab-id .btns .terms{margin-top:20px}}.lab-id .btns .terms-link{font-size:15px;font-weight:600;color:inherit}.lab-id .loading-btn .loading-icon{width:60px}.lab-id .success-alert{display:flex;align-items:center}.lab-id .success-alert .success-alert-text{color:#228040;font-family:Outfit,sans-serif;font-optical-sizing:auto;font-style:normal;font-size:15px;font-weight:400}.lab-id .faults{display:flex;flex-direction:column;gap:4px;font-size:13px;font-weight:500;font-family:Outfit,sans-serif;font-optical-sizing:auto;font-style:normal;color:#b97272;margin-bottom:20px}.lab-id .fault{display:flex;align-items:center}.lab-id .fault-title{margin-bottom:5px;color:#a7a531;font-size:15px;font-weight:400}.lab-id .disable{opacity:.4;cursor:not-allowed}.lab-id .stage-modal{display:flex;flex-direction:column;align-items:center;padding-top:2rem;gap:1.5rem;position:relative}.lab-id .open-environment{border:1.5px solid #838383;border-radius:8px;padding:15px 20px;display:flex;flex-direction:column;background-color:#fff;gap:10px;width:360px}.lab-id .open-environment .open-environment-header{display:flex;gap:5px;justify-content:space-between;font-size:14px;font-weight:400}.lab-id .open-environment .open-environment-title{font-size:16px;font-weight:500}.lab-id .open-environment .environment-sections{display:flex;flex-wrap:wrap;gap:10px}.lab-id .open-environment .environment-section{font-size:12px;font-weight:500;border:solid 1px var(--mini-display-cards-border);border-radius:50px;padding:2px 10px;background-color:var(--sl-color-bg);display:flex;align-items:center;width:max-content;gap:5px;cursor:pointer}.lab-id .open-environment .environment-img{width:18px;height:18px}.lab-id .environment-popup{position:absolute;left:50%;transform:translate(-50%);top:105px;width:380px;background-color:#fff;border-radius:12px;box-shadow:0 4px 20px #00000026;display:flex;flex-direction:column;overflow:hidden;z-index:100;border:none;transition:all .2s ease-in-out}.lab-id .popup-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid var(--sl-color-gray-7);background-color:var(--sl-color-gray-8)}.lab-id .popup-title{margin:0;font-size:16px;font-weight:600;color:var(--sl-color-text)}.lab-id .close-button{background:none;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:6px;border-radius:50%;color:var(--sl-color-text)}.lab-id .close-button:hover{background-color:var(--sl-color-gray-7)}.lab-id .popup-content{padding:16px 20px;max-height:300px;overflow-y:auto;display:flex;flex-direction:column;gap:12px}.lab-id .config-item{display:flex;flex-direction:column;gap:4px}.lab-id .config-key{font-size:13px;font-weight:600;color:var(--sl-color-gray-4);text-transform:capitalize}.lab-id .config-value{font-size:14px;font-weight:500;word-break:break-word;color:var(--sl-color-text);background-color:var(--sl-color-gray-8);padding:8px 12px;border-radius:6px;font-family:SF Mono,Menlo,Monaco,Courier New,monospace}.lab-id .config-link{display:flex;align-items:center;gap:6px;font-size:14px;color:var(--blue-theme-main);text-decoration:none;word-break:break-all;background-color:var(--sl-color-gray-8);padding:8px 12px;border-radius:6px;font-family:SF Mono,Menlo,Monaco,Courier New,monospace}.lab-id .config-link:hover{text-decoration:underline}.lab-id .popup-footer{padding:12px 20px 16px;display:flex;justify-content:flex-end;border-top:1px solid var(--sl-color-gray-7)}.lab-id .open-in-browser-button{display:flex;align-items:center;gap:8px;padding:10px 16px;border-radius:8px;background-color:var(--blue-theme-main);color:#fff;font-size:14px;font-weight:500;border:none;cursor:pointer;transition:background-color .2s}.lab-id .open-in-browser-button:hover{background-color:var(--blue-theme-hover, #2c31c0)}.lab-id .open-in-browser-button svg{stroke:#fff}.lab-id .popup-empty{padding:24px;text-align:center;color:var(--sl-color-gray-4)}.lab-id [data-theme=dark] .environment-popup{background-color:#2b2d31;box-shadow:0 4px 20px #0000004d}.lab-id [data-theme=dark] .popup-header{border-bottom:1px solid #3f4147;background-color:#232428}.lab-id [data-theme=dark] .close-button:hover{background-color:#36383e}.lab-id [data-theme=dark] .config-value,.lab-id [data-theme=dark] .config-link{background-color:#232428}.lab-id .step{border-radius:8px;background-color:#faf9ff;padding:20px;display:flex;flex-direction:column;gap:10px;font-family:Outfit,sans-serif;font-optical-sizing:auto;font-style:normal;width:360px;opacity:.5}.lab-id .step a{color:var(--blue-theme-main);text-decoration:none}.lab-id .step a:hover{text-decoration:underline}.lab-id .step-header{display:flex;align-items:start;justify-content:space-between;gap:10px}.lab-id .step-title{display:flex;align-items:center;gap:10px;font-size:16px;font-weight:500}.lab-id .step-case{display:none;font-size:11px;font-weight:400;border:solid 1px var(--mini-display-cards-border);border-radius:50px;padding:2px 10px;background-color:var(--sl-color-bg);white-space:nowrap}.lab-id .step-description{font-weight:400;font-size:13px}.lab-id .finish{background-color:#f7e7ff;border-radius:8px;padding:20px;display:flex;flex-direction:row;justify-content:center;gap:5px;width:360px;opacity:.5;font-size:14px;font-weight:500}.lab-id .completed{opacity:1}.lab-id .completed .step-case{display:block}.lab-id .focus{opacity:1}.lab-id .focus .step-case{display:block}.lab-id .code-section{position:relative;margin:20px 0}.lab-id .code-section .code{max-height:300px;overflow-y:hidden;padding-right:40px}@media (max-width: 768px){.lab-id .code-section{overflow-x:auto}}.lab-id .expand-code-btn{text-align:center;padding:6px;background-color:#3c00ff11;cursor:pointer;margin-top:5px;font-weight:500;color:var(--sl-color-gray-4);transition:background-color .2s}.lab-id .expand-code-btn:hover{background-color:#1100ff28}.lab-id [data-theme=dark] .expand-code-btn{background-color:#1100ff28;color:var(--sl-color-gray-3)}.lab-id [data-theme=dark] .expand-code-btn:hover{background-color:#1100ff28}.lab-id .clipboard-btn{position:absolute;top:10px;right:10px;padding:5px;cursor:pointer;border-radius:9px;width:26px;height:26px;fill:var(--sl-color-text);margin:0!important}.lab-id .clipboard-icon,.lab-id .clipboard-success-icon{margin:0!important}.lab-id .clipboard-btn-success{position:absolute;top:10px;right:10px;padding:5px;fill:#3fb950;margin:0!important}.lab-id .clipboard-btn:hover{background-color:var(--mini-display-cards-bg)}[data-theme=dark] .lab-id .complete-btn,[data-theme=dark] .lab-id .start-btn,[data-theme=dark] .lab-id .finish,[data-theme=dark] .lab-id .complete-anyway-btn,[data-theme=dark] .lab-id .retry-btn,[data-theme=dark] .lab-id .next-step{border:solid 1.5px var(--blue-theme-main);background-color:#18191c}[data-theme=dark] .lab-id .complete-btn:hover,[data-theme=dark] .lab-id .start-btn:hover,[data-theme=dark] .lab-id .finish:hover,[data-theme=dark] .lab-id .complete-anyway-btn:hover,[data-theme=dark] .lab-id .retry-btn:hover,[data-theme=dark] .lab-id .next-step:hover{background-color:#202125}[data-theme=dark] .lab-id .loading-btn .loading-icon{fill:#fff}[data-theme=dark] .lab-id .start-btn{border-color:#255b20}[data-theme=dark] .lab-id .back-icon .back-icon-path{stroke:#fff}[data-theme=dark] .lab-id .open-environment{background-color:#353936}[data-theme=dark] .lab-id .step,[data-theme=dark] .lab-id .environment,[data-theme=dark] .lab-id .environment-popup{background-color:#2b2b2b}[data-theme=dark] .lab-id .link-text .popup-link{color:#687dd9}[data-theme=dark] .lab-id .environment-section{background-color:#242c26;border-color:#656565}body{overflow-x:hidden}html{scroll-behavior:smooth}.layout{min-height:100vh;display:flex;flex-direction:column;font-family:Lato,sans-serif;font-optical-sizing:auto;font-style:normal}.layout .nav{display:flex;align-items:center;justify-content:space-between;padding:var(--sl-nav-pad-y) var(--sl-nav-pad-x);background-color:transparent;border-bottom:1px solid transparent;transition:background-color .2s ease,border-bottom-color .2s ease;z-index:var(--sl-z-index-navbar);position:fixed;width:100%;height:var(--sl-nav-height);z-index:1000}.layout .nav.nav-scrolled{background-color:var(--sl-color-bg-nav);border-bottom-color:var(--sl-color-bg-inline-code)}.layout .nav .new-additions{letter-spacing:normal;color:#036b03;font-weight:500;align-content:flex-start;align-items:flex-start}.layout .nav .burger-modal{display:none;position:relative}.layout .nav .burger-modal .link-sections{margin-top:36px;right:0;left:auto;border-top-right-radius:0;width:182px}.layout .nav .burger-modal .link-modal{display:flex;justify-content:center}.layout .nav .nav-profile-dark-mode{display:none;flex-direction:column;margin-bottom:10px;padding-bottom:10px;border-bottom:1px solid var(--sl-color-gray-5)}.layout .nav .logo-links{display:flex;gap:4rem;align-items:center;font-family:Lato,sans-serif;font-optical-sizing:auto;font-style:normal;line-height:20px;letter-spacing:.07rem}.layout .nav .logo{line-height:normal;display:flex;align-items:center;gap:.5rem;cursor:pointer;font-size:16px;font-weight:500;fill:var(--sl-color-text);text-decoration:none}.layout .nav .logo-text{color:var(--sl-color-text)}.layout .nav .logo-accent{font-style:italic;letter-spacing:.05rem;font-weight:600}.layout .nav .link-modals{display:flex}.layout .nav .link-modal{font-weight:400;padding:10px;width:max-content;border:1px solid rgba(255,255,255,0);cursor:pointer}.layout .nav .link-modal:hover{text-decoration:underline;text-underline-offset:4px}.layout .nav .nav-chevron{margin-left:2px;transition:transform .2s ease;vertical-align:middle}.layout .nav .nav-chevron-up{transform:rotate(180deg)}.layout .nav .link-modal.has-dropdown{position:relative}.layout .nav .active-link-modal{z-index:999}.layout .nav .link-sections{max-height:0px;position:absolute;top:100%;left:0;overflow:hidden;display:flex;gap:4rem;background-color:var(--sl-color-bg);border-radius:0 6px 6px/0px 6px 6px;padding:0 20px;white-space:nowrap}.layout .nav .link-section{display:flex;flex-direction:column}.layout .nav .nav-section-title{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--sl-color-text-accent, #888);margin:0 0 4px;padding:0}.layout .nav .profile-dropdown{width:max-content;left:0!important;right:auto;top:100%;margin-top:0}.layout .nav .profile-dropdown.open-link-sections{padding:10px 20px}.layout .nav .profile-dropdown .link-section{align-items:flex-start;width:100%}.layout .nav .profile-dropdown .nav-link{text-align:left}.layout .nav .profile .link-modal{text-align:left;font-size:15px;font-weight:400}.layout .nav .profile .link-modal.active-link-modal{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0}.layout .nav .nav-link{text-decoration:none;color:inherit;font-weight:400;font-size:15px;line-height:26px}.layout .nav .nav-link:hover{text-decoration:underline}.layout .nav .nav-link-title{margin-bottom:5px;font-size:15px;font-weight:600}.layout .nav .open-link-sections{max-height:100vh;border:solid 1px var(--mini-display-cards-border);border-radius:10px;padding:10px 20px;transition:padding .3s ease-out,max-height .3s ease-in}.layout .nav .toggle-theme-button{background:none;border:none;cursor:pointer;color:var(--sl-color-text);padding:6px;display:flex;align-items:center}.layout .nav .profileModal{display:flex;flex-direction:column;align-items:center;gap:5px;background-color:var(--sl-color-bg-nav);position:absolute;max-height:0px;overflow:hidden;margin-left:-10px}.layout .nav .openModal a{width:100%;text-align:center;padding:3px 10px;font-size:14px;font-family:Lato,sans-serif;font-optical-sizing:auto;font-style:normal}.layout .nav .openModal a:hover{background-color:var(--see-all-hover)}.layout .nav .singin-btn:hover,.layout .nav .profileSection a:hover{text-decoration:underline;text-underline-offset:4px}.layout .nav .profileSection{width:100%;font-family:Lato,sans-serif;font-weight:400;width:max-content;position:relative}.layout .nav .profileBorder{border:solid 1px var(--sl-color-gray-3);border-radius:5px;font-weight:500;cursor:pointer}.layout .nav .profileBorder:hover{background-color:var(--sl-color-hairline-shade)}.layout .nav .profile{position:relative}.layout .nav .darkMode:before{content:"";height:2rem;border-inline-end:1px solid var(--sl-color-gray-5)}.layout .nav .darkMode,.layout .nav .darkMode-mobile{display:flex;gap:1rem;align-items:center}.layout .nav .darkMode-mobile .toggle-theme-button{padding-left:0}.layout .nav .openModal{max-height:100vh;transition:max-height .5s ease-in;padding-bottom:10px;padding-top:10px}.layout .nav .alert-section{font-size:14px;font-weight:600;padding:20px;color:red}.layout .nav .nav-item{display:flex;align-items:center;gap:.5rem}.layout .nav .nav-item span{color:var(--sl-color-text)}.layout .nav .nav-search{display:flex;align-items:center;gap:8px;flex:0 1 300px;max-width:300px;margin:0 12px;padding:7px 12px;border:1px solid var(--sl-color-gray-5);border-radius:8px;background-color:var(--sl-color-bg-inline-code);color:var(--sl-color-text);transition:border-color .2s ease}@media (max-width: 810px){.layout .nav .nav-search{display:none}}.layout .nav .nav-search:focus-within{border-color:#10b981}.layout .nav .nav-search .nav-search-icon{flex-shrink:0;opacity:.6}.layout .nav .nav-search input{width:100%;border:none;outline:none;background:transparent;color:var(--sl-color-text);font-family:inherit;font-size:14px}.layout .nav .nav-search input::placeholder{color:var(--sl-color-text);opacity:.5}.layout .nav .nav-search input::-webkit-search-cancel-button{-webkit-appearance:none}.layout .nav .nav-modal-link-title1{font-size:13px;font-weight:600;letter-spacing:.07rem}.layout .nav .nav-modal-link-section{display:flex;flex-direction:column;margin-top:5px;max-height:0px;overflow:hidden}.layout .nav .open-link-section{max-height:100vh;transition:max-height .5s ease-in-out}.layout .nav .nav-modal-link-title2{font-size:15px;font-weight:600}.layout .main-frame{width:100%;flex:1;flex-shrink:0;display:flex;justify-content:center;padding-top:calc(var(--sl-nav-height))}.layout.interview-layout .main-frame,.layout.signin-layout .main-frame{padding-top:0}.layout .footer{display:flex;justify-content:space-between;padding:var(--sl-footer-pad-y) var(--sl-footer-pad-x);background-color:var(--sl-color-bg-nav);width:100%;font-size:12px;font-family:Lato,sans-serif;font-optical-sizing:auto;font-style:normal;font-weight:400;z-index:100}@media (max-width: 768px){.layout .footer{width:100%;padding:20px;overflow-x:hidden}}.layout .footer .link-sections{display:flex;gap:4rem;flex-wrap:wrap}@media (max-width: 768px){.layout .footer .link-sections{flex-direction:column;gap:15px;padding:10px;margin:0;max-width:100vw;overflow-x:hidden}}.layout .footer .link-section{display:flex;flex-direction:column;gap:5px}@media (max-width: 768px){.layout .footer .link-section{width:100%;padding:0}.layout .footer .link-section .footer-link,.layout .footer .link-section .nav-link{width:100%;padding:5px 0}.layout .footer .link-section .footer-link-title,.layout .footer .link-section .nav-link-title{padding:5px 0}}.layout .footer .footer-link-title{font-size:12px;font-weight:500;margin-bottom:5px}.layout .footer .footer-link{text-decoration:none;color:inherit;font-weight:400;font-size:12px;line-height:30px}.layout .footer .footer-mobile{display:none}@media (max-width: 768px){.layout .footer .footer-desktop,.layout .footer .footer-desktop-copy{display:none}.layout .footer .footer-mobile{display:flex;flex-direction:column;align-items:center;gap:8px;width:100%;text-align:center}.layout .footer .footer-mobile span{font-size:11px;color:#999}.layout .footer .footer-mobile-links{display:flex;gap:16px}.layout .footer .footer-mobile-links a{font-size:12px;color:#666;text-decoration:none}}.layout .no-style-href{text-decoration:none;color:inherit}.layout .flex-center{display:flex;align-items:center}.guest-popup{position:fixed;bottom:50px;right:20px;background:#000000d9;color:#fff;padding:12px 16px;border-radius:8px;font-size:13px;z-index:999;display:flex;flex-direction:column;gap:4px;max-width:200px;box-shadow:0 4px 12px #0000004d}.guest-popup .guest-popup-close{position:absolute;top:6px;right:8px;background:transparent;border:none;color:#fff;font-size:14px;cursor:pointer;opacity:.6;padding:0;line-height:1}.guest-popup .guest-popup-close:hover{opacity:1}.guest-popup .guest-popup-link{color:#2be080;font-weight:600;text-decoration:none}.guest-popup .guest-popup-link:hover{text-decoration:underline}.guest-popup .guest-popup-subtext{font-size:12px;opacity:.8}.hidden{display:none!important}.bold-text{font-weight:600}.underline-text{text-decoration:underline}.medium-text{font-weight:500}.regular-text{font-weight:400}@media (max-width: 950px){.layout .nav .logo-links{gap:3rem}}@media (max-width: 810px){.layout .nav .link-modals{display:none}.layout .nav .burger-modal{display:flex;cursor:pointer}.layout .nav .nav-link{width:max-content}.layout .footer{flex-direction:column;gap:20px}}@media (max-width: 540px){.layout .nav .profile,.layout .nav .darkMode{display:none}.layout .nav .nav-profile-dark-mode{display:flex}}.interview-nav{padding:0 20px!important;height:3rem!important;font-family:Lato,sans-serif;background-color:var(--sl-color-bg-nav)!important;border-bottom:1px solid var(--sl-color-bg-inline-code)}.interview-nav .interview-nav-content{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;width:100%;gap:20px}.interview-nav .interview-nav-left{justify-self:start}.interview-nav .interview-nav-center{justify-self:center}.interview-nav .interview-nav-actions{justify-self:end}.interview-nav .logo-small{display:flex;align-items:center;flex-shrink:0}.interview-nav .interview-nav-left{display:flex;align-items:center;gap:15px;flex-wrap:wrap}.interview-nav .interview-nav-center{display:flex;align-items:center;gap:10px;justify-content:center;flex-shrink:0}.interview-nav .interview-all-questions{font-weight:600!important}.interview-nav [data-tooltip]{position:relative}.interview-nav [data-tooltip]:after{content:attr(data-tooltip);position:absolute;top:calc(100% + 6px);left:50%;transform:translate(-50%);padding:4px 8px;font-size:11px;font-weight:500;white-space:nowrap;color:#fff;background:#333;border-radius:4px;pointer-events:none;opacity:0;transition:opacity .1s;z-index:1000}.interview-nav [data-tooltip]:hover:after{opacity:1}.interview-nav :global([data-theme=dark]) [data-tooltip]:after{background:#555}.interview-nav .interview-nav-btn{background:var(--sl-color-bg, #fff);border:1px solid var(--mini-display-cards-border, #e0e0e0);color:var(--sl-color-text);padding:6px 8px;border-radius:6px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;height:32px;font-size:13px;font-weight:500;text-decoration:none;white-space:nowrap;gap:6px}.interview-nav .interview-nav-btn:hover:not(:disabled){border-color:var(--blue-theme-main, #3b82f6);background:var(--sl-color-bg-nav, #f9fafb)}.interview-nav .interview-nav-btn:disabled{opacity:.5;cursor:not-allowed}.interview-nav .interview-submit-btn{background-color:var(--blue-theme-main);border-color:var(--blue-theme-main);padding:15px;font-weight:600;color:#fff}.interview-nav .interview-submit-btn:hover:not(:disabled){background-color:var(--blue-theme-main);border-color:var(--blue-theme-main);opacity:.9}.interview-nav .interview-complete-btn{padding:15px 12px;font-weight:500;color:var(--sl-color-text, #555);border-color:var(--mini-display-cards-border, #e4e4e4);background:var(--sl-color-bg, #fff);transition:all .2s}.interview-nav .interview-complete-btn:hover:not(:disabled){border-color:#16a34a;color:#16a34a}.interview-nav .interview-complete-btn.completed{background:#22c55e1a;border-color:#16a34a;color:#16a34a;font-weight:600}.interview-nav .interview-nav-arrow svg{width:20px!important;height:20px!important}.interview-nav .interview-random-btn{padding:6px;font-size:15px;width:32px}.interview-nav .interview-report-btn{padding:6px;width:32px}.interview-nav .interview-report-btn svg{width:15px;height:15px}.interview-nav .interview-report-btn:hover:not(:disabled){border-color:#f59e0b;background:#f59e0b14;color:#f59e0b}.interview-nav .interview-edit-btn{padding:6px;width:32px;border-color:#8b5cf6;color:#8b5cf6}.interview-nav .interview-edit-btn svg{width:15px;height:15px}.interview-nav .interview-edit-btn:hover:not(:disabled){background:#8b5cf614}.interview-nav .interview-nav-link{font-size:15px;font-weight:500!important;color:var(--sl-color-text);text-decoration:none;white-space:nowrap;border-radius:4px;transition:background-color .2s}.interview-nav .interview-nav-link:hover{background-color:var(--sl-color-gray-6)}.interview-nav .interview-timer{background:transparent;border:1px solid transparent;color:var(--sl-color-text);font-size:13px;font-weight:500;padding:6px 10px;border-radius:4px;white-space:nowrap;height:28px;display:inline-flex;align-items:center;gap:4px}.interview-nav .interview-nav-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.interview-nav .interview-nav-actions .profile{position:relative}.interview-nav .toggle-theme-button-minimal{background:transparent;border:none;cursor:pointer;padding:6px;display:flex;align-items:center;justify-content:center;color:var(--sl-color-text);border-radius:6px;transition:background-color .2s}.interview-nav .toggle-theme-button-minimal:hover{background-color:var(--sl-color-gray-6)}.interview-nav .toggle-theme-button-minimal .toggle-theme-icon-small{width:16px;height:16px}@media (max-width: 1024px){.interview-nav .interview-nav-link{font-size:12px}.interview-nav .interview-nav-btn{font-size:12px;padding:5px 10px}}@media (max-width: 768px){.interview-nav{padding:8px 12px!important}.interview-nav .interview-nav-content{display:flex;justify-content:space-between;gap:8px;flex-wrap:nowrap}.interview-nav .interview-nav-left{gap:6px;flex-wrap:nowrap;flex-shrink:0}.interview-nav .interview-nav-center{gap:6px;flex-wrap:nowrap}.interview-nav .nav-separator,.interview-nav .interview-nav-link{display:none}.interview-nav .interview-nav-btn{font-size:11px;padding:4px 8px;height:24px}.interview-nav .interview-nav-btn svg{width:14px;height:14px}.interview-nav .interview-nav-arrow{width:24px;padding:4px}.interview-nav .interview-nav-arrow svg{width:18px!important;height:18px!important}.interview-nav .interview-random-btn,.interview-nav .interview-report-btn{width:24px;padding:4px;font-size:14px}.interview-nav .interview-timer{font-size:11px;padding:4px 8px;height:24px}}@media (max-width: 768px){.interview-nav .interview-nav-actions .profile:first-child{display:none}.interview-nav .interview-nav-actions .profile:not(:first-child){display:block}.interview-nav .interview-submit-btn,.interview-nav .interview-complete-btn{height:32px}.interview-nav.has-terminal .interview-timer-container,.interview-nav.has-terminal .interview-timer,.interview-nav.has-terminal.is-signed-in .interview-submit-btn{display:none}.interview-nav:not(.is-signed-in) .interview-submit-btn{display:none}}@media (max-width: 480px){.interview-nav{padding:6px!important}.interview-nav .interview-nav-content,.interview-nav .interview-nav-left,.interview-nav .interview-nav-center,.interview-nav .interview-nav-actions{gap:4px}}@media (max-width: 480px) and (max-width: 360px){.interview-nav{padding:6px 4px!important}.interview-nav .interview-nav-content,.interview-nav .interview-nav-left,.interview-nav .interview-nav-center,.interview-nav .interview-nav-actions{gap:2px}}@media (max-width: 480px){.interview-nav .interview-nav-arrow,.interview-nav .nav-btn-with-hover,.interview-nav .interview-notes-btn,.interview-nav .interview-edit-btn,.interview-nav .interview-timer-container,.interview-nav .interview-timer{display:none}.interview-nav .interview-submit-btn{height:32px;padding:6px 12px;font-size:13px}.interview-nav .interview-complete-btn{height:32px;padding:6px 8px;width:32px}.interview-nav .interview-complete-btn .interview-complete-label{display:none}}.error-page{align-self:center;display:flex;flex-direction:column;gap:20px}.error-page .error-content{display:flex;align-items:center}.error-page .status{font-weight:400;font-size:3rem}.error-page .content{border-left:1px solid #ccc;line-height:3rem;font-weight:400;font-size:1rem;margin-left:1rem;padding-left:1rem}.error-page .go-back{text-align:center;font-weight:400;font-size:1rem}.error-page .go-back .go-back-link{text-decoration:none;color:#00f}[data-theme=dark] .error-page .go-back-link{color:#687dd9}.inter{border:solid 1px var(--mini-display-cards-border);padding:12px;border-radius:8px;font-weight:600;font-size:17px;background-color:#fcfcfc;width:306px;display:flex;flex-direction:column;justify-content:flex-start;cursor:pointer}.inter .inter-header{display:flex;justify-content:space-between;padding-bottom:5px}.inter .inter-header .inter-course{border:solid 1px var(--mini-display-cards-border);border-radius:50px;padding:0 10px;background-color:var(--sl-color-bg);font-size:11px;font-weight:400;height:min-content}.inter .inter-name{display:flex;align-items:center;font-size:16px;font-family:Outfit,sans-serif;font-optical-sizing:auto;font-style:normal;font-weight:500;gap:5px}.inter .other-companies{font-size:11px;font-weight:400}.inter .mini-round-image{width:30px;height:30px;object-fit:cover;margin-right:4px}.inter .inter-content{font-size:11px;font-family:Outfit,sans-serif;font-optical-sizing:auto;font-style:normal;font-weight:400;max-height:200px}.inter .inter-content .inter-content-name{margin-bottom:5px;font-weight:500;font-size:13px;max-height:30px;display:block;text-overflow:ellipsis;overflow:hidden;position:relative}.inter .inter-content .inter-content-text{display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;max-height:38px}.inter .inter-tags{display:flex;gap:10px;font-size:11px;font-family:Outfit,sans-serif;font-optical-sizing:auto;font-style:normal;font-weight:400}.inter .inter-tags .inter-tag{border:solid 1px var(--mini-display-cards-border);border-radius:50px;padding:2px 10px;background-color:var(--sl-color-bg)}.inter .inter-btn{width:100%;margin-top:10px;border-radius:10px;border:solid 1px var(--mini-display-cards-border);background-color:var(--sl-color-bg);padding:5px 0;font-weight:500;font-size:17px;cursor:pointer}.inter .inter-btn-completed{width:100%;margin-top:10px;border-radius:10px;border:solid 1px var(--mini-display-cards-border);background-color:var(--sl-color-bg);padding:5px 0;font-weight:500;font-size:17px}.inter .inter-btn:hover{background-color:#000;color:#fff}.inter .inter-btns{display:flex;gap:20px}.inter .inter-btns .btn-link{flex:1}.inter:hover{background-color:#f8f8fc;border:solid 1px #0900ff}.loading-inter{border:solid 1px var(--mini-display-cards-border);padding:16px;border-radius:8px;font-weight:600;font-size:17px;background-color:#fcfcfc;width:306px;display:flex;flex-direction:column;justify-content:space-between}.loading-inter .inter-header{display:flex;justify-content:space-between}.loading-inter .inter-header .inter-course{border-radius:50px;background-color:#85858532;width:45px;height:22px}.loading-inter .inter-title{display:flex;align-items:center;gap:5px}.loading-inter .inter-title .inter-icon{width:30px;height:30px;margin-right:4px;border-radius:50%;background-color:#85858532}.loading-inter .inter-title .inter-name{width:100px;height:20px;background-color:#85858532;border-radius:10px}.loading-inter .inter-content{margin-top:16px;margin-bottom:16px}.loading-inter .inter-content .inter-content-name{height:20px;width:70%;background-color:#85858532;border-radius:10px;margin-bottom:16px}.loading-inter .inter-content .inter-content-text{height:78px;background-color:#85858532;border-radius:10px}.loading-inter .inter-tags{display:flex;gap:10px}.loading-inter .inter-tags .inter-tag{border-radius:50px;background-color:#85858532;width:49px;height:25px}.loading-inter .inter-btn{width:100%;margin-top:10px;border-radius:10px;background-color:#85858532;padding:5px 0;height:31px}[data-theme=dark] .inter,[data-theme=dark] .loading-inter{background-color:#1f1f1f}[data-theme=dark] .inter:hover{background-color:#262626;border:solid 1px #687dd9}.reverse-inter .inter-content-text,.reverse-inter .inter-content-name{text-align:end}.reverse-inter .inter-header{flex-direction:row-reverse}.reverse-inter .inter-tags{justify-content:end}.inter-tag.hard{border:solid 1px var(--inter-tag-hard)!important}.inter-tag.medium{border:solid 1px var(--inter-tag-medium)!important}.inter-tag.easy{border:solid 1px var(--inter-tag-easy)!important}.force-blue-border{border:solid 1px var(--blue-theme-main)!important}.force-green-border{border:solid 1px var(--inter-tag-easy)!important}.inter-course.hard{border:solid 1px var(--inter-tag-hard)!important}.inter-course.medium{border:solid 1px var(--inter-tag-medium)!important}.inter-course.easy{border:solid 1px var(--inter-tag-easy)!important}.interviews-page{display:flex;flex-direction:column;width:100%;margin:30px;max-width:1280px}@media (max-width: 1426px){.interviews-page{margin-right:10px;margin-left:10px}}@media (max-width: 768px){.interviews-page{padding:0 16px;margin:0 0 30px;box-sizing:border-box;width:100%;max-width:100%}}.interviews-page .container{position:absolute;left:50%;transform:translate(-50%);width:800px;margin:40px auto 0;color:#fff}@media (max-width: 970px){.interviews-page .container{width:400px}}@media (max-width: 446px){.interviews-page .container{width:300px}}.interviews-page .tags-header{display:flex;justify-content:space-between;align-items:center;border-bottom:2px solid transparent;cursor:pointer;padding:4px 8px}.interviews-page .expand-button{background:none;border:none;cursor:pointer;color:#666;display:flex;align-items:center;justify-content:center;padding:0 0 0 4px}.interviews-page .select-tech{padding:6px 5px 6px 3px!important;outline:none;cursor:pointer}.interviews-page .pagination{display:flex;justify-content:center;align-items:center;margin:2rem 0;gap:.5rem}.interviews-page .pagination-btn,.interviews-page .page-number-btn{padding:.5rem 1rem;border:1px solid #ced4da;background-color:#fff;cursor:pointer;border-radius:4px;transition:all .2s ease;font-size:.9rem;font-weight:400;box-shadow:0 1px 2px #0000000d}.interviews-page .pagination-btn[aria-disabled=true]{opacity:.5;cursor:not-allowed}.interviews-page .page-number-btn.active{background-color:#3498db!important;color:#fff;border-color:#3498db;font-weight:500}.interviews-page .pagination-btn:hover:not(:disabled),.interviews-page .page-number-btn:hover:not(.active){background-color:#f5f7fa;border-color:#b8c2cc}.interviews-page .page-numbers{display:flex;gap:.5rem;margin:0 .5rem}.interviews-page .pagination-info{text-align:center;margin-bottom:1rem;color:#6c757d;font-size:.9rem}@media (max-width: 768px){.interviews-page .pagination{flex-wrap:wrap}.interviews-page .pagination-btn,.interviews-page .page-number-btn{padding:.4rem .8rem;font-size:.85rem}}.interviews-page .no-results{width:100%;padding:2rem;text-align:center;background:#f8f9fa;border-radius:8px;border:1px solid #e9ecef;color:#6c757d;margin:1rem 0}.interviews-page .rocket-corner{position:absolute;bottom:10px;right:10px;font-size:24px;opacity:.5}.interviews-page .interviews-container-large{justify-content:unset;margin:0 auto;width:100%;position:relative}@media (min-width: 1920px){.interviews-page .interviews-container-large{max-width:1600px}}.interviews-page .interviews-container-large .page-title{font-size:2rem;text-align:center;padding:1rem 0}.interviews-page .interviews-container-large .page-subtitle{font-size:1.5rem;text-align:center;padding:1rem 0}.interviews-page .interviews-container-large .top-filters{display:flex;position:-webkit-sticky;position:sticky;top:var(--sl-nav-height);background-color:var(--sl-color-bg);z-index:999;padding:25px 0;justify-content:center;width:100%}.interviews-page .interviews-container-large .top-filters .cursor-pointer{cursor:pointer}.interviews-page .interviews-container-large .top-filters .filter-select{border:1px solid #ddd;border-radius:4px}.interviews-page .interviews-container-large .top-filters .filter{margin:0 20px 0 0;display:flex;align-items:center}.interviews-page .interviews-container-large .top-filters .filter .select-filter{margin:20px;position:absolute;padding:5px 10px;border:solid 1px var(--mini-display-cards-border);border-radius:8px;font-size:15px;background-color:#fcfcfc;display:flex;flex-direction:column;justify-content:space-between}.interviews-page .interviews-container-large .top-filters .filter .select-tech{padding:4px 8px;border-radius:4px;border:1px solid #ddd}@media (max-width: 768px){.interviews-page .interviews-container-large .top-filters{flex-wrap:wrap;gap:15px}}.interviews-page .interviews-container-large .interviews-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(306px,max-content));justify-content:center;gap:17px;height:max-content}@media (max-width: 768px){.interviews-page .interviews-container-large .interviews-container{padding-right:0;grid-template-columns:1fr;max-width:100%;justify-items:stretch;margin:0}.interviews-page .interviews-container-large .interviews-container .inter{width:100%;box-sizing:border-box}}.interviews-page .interviews-container-large .overhelmed{display:flex;justify-content:center;padding:15px}.interviews-page .interviews-container-large .filter-toggle{display:none;margin-bottom:20px;padding:10px 15px;background:var(--sl-color-bg);border:1px solid var(--mini-display-cards-border);border-radius:8px;cursor:pointer;font-weight:500}@media (max-width: 768px){.interviews-page .interviews-container-large .filter-toggle{display:flex;align-items:center;justify-content:space-between}}.pagination{display:flex;justify-content:center;align-items:center;margin-top:2.5rem;margin-bottom:1rem}.pagination .page-numbers{display:flex;gap:8px;align-items:center}@media (max-width: 768px){.pagination .page-numbers{gap:6px}.pagination .last-btn,.pagination .first-btn{display:none}}@media (max-width: 425px){.pagination .page-numbers{gap:5px}.pagination .page-number-btn{font-size:12px;width:28px;height:28px;display:flex;align-items:center;justify-content:center}.pagination .pagination-btn{padding:.3rem .6rem;font-size:12px}.pagination .last-btn,.pagination .first-btn{display:none}}[data-theme=dark] .interviews-page .page-number-btn,[data-theme=dark] .interviews-page .pagination-btn{background-color:#1f1f1f}[data-theme=dark] .interviews-page .page-number-btn:hover,[data-theme=dark] .interviews-page .pagination-btn:hover{background-color:#262626}.environments-page{padding:4rem 3rem 3rem 20rem}.environments-page .environments-table{border-collapse:collapse;font-size:14px;font-weight:400;border-radius:10px;border-style:hidden;box-shadow:0 0 0 1px #9c9c9c;overflow:hidden}.environments-page .table-head{background-color:var(--sl-color-bg-nav)}.environments-page .table-row{border-bottom:1px solid #9c9c9c}.environments-page .table-data{padding:15px 30px}.environments-page .table-data:nth-child(4){white-space:normal;word-wrap:break-word;max-width:300px}.environments-page .status-circle{display:flex;align-items:center;gap:10px}.environments-page .status-circle .circle{width:6px;height:6px;border-radius:50%}.environments-page .running{background-color:#30dd6d}.environments-page .stopped{background-color:var(--sl-color-white)}.environments-page .action-btn{padding:3px 20px;border-radius:10px;border:1px solid #dbdbdb;width:100%}.environments-page .launch{background-color:#fafffb}.environments-page .shut-down{background-color:#fffbfa;cursor:pointer}.environments-page .shut-down:hover{background-color:#eae2e2}.environments-page .center{text-align:center}[data-theme=dark] .environments-page .shut-down{background-color:#0b2811}[data-theme=dark] .environments-page .shut-down:hover{background-color:#000}[data-theme=dark] .environments-page .launch{background-color:#230b07}[data-theme=dark] .environments-page .action-btn{border:1px solid #434343}.finish{padding:2rem 0rem;display:flex;flex-direction:column;align-items:center;gap:5px}@media (max-width: 1150px){.finish .recommend-labs{flex-direction:column}}.finish .user-name{font-weight:400;font-size:20px;line-height:25px}.finish .lab-name{font-weight:400;font-size:20px;line-height:25px;text-align:center}.finish .lab-name span{font-weight:500}.finish .congratulation{width:64px;height:64px}.finish .certificate-link{font-size:17px;font-weight:400}.finish .here{font-weight:500;text-decoration:underline;cursor:pointer}.finish .linkedin-share{display:flex;align-items:center;font-size:16px;font-weight:400;cursor:pointer;gap:5px}.finish .recommend{margin-top:2rem;display:flex;flex-direction:column;align-items:center;gap:20px}.finish .recommend .recommend-title{font-weight:400;font-size:20px;line-height:25px}.finish .recommend .recommend-labs{display:flex;gap:15px}.sidebar{position:sticky;overflow-y:auto;padding:var(--sl-sidebar-pad-x) var(--sl-sidebar-pad-y);height:100%;top:64px;left:0;display:flex;flex-direction:column;gap:10px;background-color:var(--sl-color-bg);max-width:240px}@media (max-width: 768px){.sidebar{display:none;width:100%;margin-top:0;background-color:#000c;color:#fff;padding:20px;z-index:1000}}.sidebar.show-sidebar{display:flex}.sidebar .close-sidebar{display:none;position:absolute;top:100px;right:15px;cursor:pointer}@media (max-width: 768px){.sidebar .close-sidebar{display:block}}.sidebar .sidebar-paths{font-size:16px;font-weight:400;line-height:30px;display:flex;align-items:center;gap:5px}@media (max-width: 768px){.sidebar .sidebar-paths{margin-top:20px;color:#fff}}.sidebar .last-path{font-weight:500}.sidebar .sidebar-section{display:flex;flex-direction:column;font-weight:400;font-size:15px;line-height:30px}.sidebar .sidebar-section .filter-link{text-decoration:none;color:inherit}.sidebar .sidebar-section .loading-link{width:80%;height:20px;background-color:#dbdbdb;border-radius:10px;margin:5px 0}.sidebar .sidebar-section .filter-input{border-radius:10px;border:1px solid var(--mini-display-cards-border);padding:5px 10px;background-color:var(--sl-color-bg);margin-top:15px;margin-left:-3px;outline:none}@media (max-width: 768px){.sidebar .sidebar-section .filter-input{border:1px solid #000000;background-color:#555;color:#fff}.sidebar .sidebar-section .filter-input::placeholder{color:#ffffffb3}}.sidebar .sidebar-section .section-text{font-size:14px;font-weight:400;width:145px;margin-top:10px;line-height:20px}@media (max-width: 768px){.sidebar .sidebar-section .section-text{width:auto;max-width:280px}}.sidebar .sidebar-section .section-btn{border-radius:10px;border:solid 1px var(--mini-display-cards-border);padding:5px 10px;background-color:var(--sl-color-bg);margin-top:15px;cursor:pointer;font-size:17px;font-weight:500;line-height:20px}@media (max-width: 768px){.sidebar .sidebar-section .section-btn{background-color:#fff;color:#000;border:none}.sidebar .sidebar-section .section-btn:hover{background-color:#e0e0e0;color:#000}}.sidebar .sidebar-section .section-btn:hover{background-color:#000;color:#fff}.sidebar .submit-inter{margin-left:-3px;border-radius:10px;border:solid 1px var(--mini-display-cards-border);padding:20px}@media (max-width: 768px){.sidebar .submit-inter{border:1px solid rgba(255,255,255,.2);background-color:#ffffff1a}}.sidebar .submit-inter .section-title{font-size:16px;font-weight:500}.sidebar .section-title{font-size:17px;font-weight:600;line-height:20px;margin:15px 0}.sidebar .section-show-more{font-size:15px;font-weight:600;line-height:20px;margin-top:10px}.sidebar .add-lab{cursor:pointer}.sidebar .section-link{display:flex;align-items:center}.sidebar .section-link .section-link-name{cursor:pointer}.sidebar .section-link .remove-filter{display:flex;align-items:center}.sidebar .section-link .filter-cancel-icon{cursor:pointer}@media (max-width: 768px){.sidebar .section-link .filter-cancel-icon{filter:invert(1)}}.filter-toggle{display:none;margin-bottom:20px;padding:10px 15px;background:var(--sl-color-bg);border:1px solid var(--mini-display-cards-border);border-radius:8px;cursor:pointer;font-weight:500;align-items:center;justify-content:space-between}@media (max-width: 768px){.filter-toggle{display:flex}}.filter-toggle svg{width:20px;height:20px}.roadmap-container{position:relative}.roadmap-item{position:relative;padding:8px 0 8px 35px;display:flex;align-items:center;cursor:pointer;margin:8px 0}.roadmap-container:before{content:"";position:absolute;left:15px;top:0;bottom:0;width:1px;background:#e5e7eb;z-index:1}.roadmap-item:after{content:"";position:absolute;left:15px;top:50%;transform:translate(-50%,-50%);width:40px;height:40px;background:#fff;border-radius:50%;z-index:2}.roadmap-number{position:absolute;left:0;width:30px;height:30px;background:#f3f4f6;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:500;font-size:14px;color:#6b7280;z-index:3}.roadmap-item.active .roadmap-number{background:#8b5cf6;color:#fff}.roadmap-text{margin-left:12px;line-height:1.2}.roadmap-item:hover .roadmap-number:not(.active){background:#e5e7eb}.roadmap-item.active .roadmap-text{color:#8b5cf6;font-weight:500}.filter-cancel-icon{margin-left:auto;padding:4px;width:20px;height:20px}.filter-input{margin-left:4px;padding:8px 12px;border:1px solid #e5e7eb;border-radius:8px;width:100%;font-size:.9rem}.filter-input::placeholder{color:#9ca3af}.lab{border:solid 1px var(--mini-display-cards-border);padding:16px;border-radius:8px;font-weight:600;font-size:17px;background-color:#fcfcfc;width:306px;display:flex;flex-direction:column;justify-content:space-between}.lab .lab-header{display:flex;justify-content:space-between;gap:5px}.lab .lab-header .lab-course{border:solid 1px var(--mini-display-cards-border);border-radius:50px;padding:0 10px;background-color:var(--sl-color-bg);font-size:11px;font-weight:400;height:min-content;white-space:nowrap}.lab .lab-name{display:flex;align-items:center;font-size:16px;font-family:Outfit,sans-serif;font-optical-sizing:auto;font-style:normal;font-weight:500;gap:5px}.lab .lab-title{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;max-height:58px}.lab .mini-round-image{width:30px;height:30px;object-fit:cover;margin-right:4px}.lab .lab-content{font-size:14px;font-family:Outfit,sans-serif;font-optical-sizing:auto;font-style:normal;font-weight:400;margin-top:16px;margin-bottom:16px}.lab .lab-content .lab-content-text{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;max-height:58px}@media (max-width: 768px){.lab .lab-content .lab-content-text{font-size:12px}}.lab .tags-btns{overflow:hidden}.lab .lab-tags{display:flex;gap:10px;font-size:11px;font-family:Outfit,sans-serif;font-optical-sizing:auto;font-style:normal;font-weight:400;margin-bottom:10px;width:max-content}.lab .lab-tags .lab-tag{border:solid 1px var(--mini-display-cards-border);border-radius:50px;padding:2px 10px;background-color:var(--sl-color-bg);display:flex;align-items:center;gap:5px;white-space:nowrap}.lab .lab-tags .author-tag{border-color:#8c8c8c}.lab .lab-tags .author-tag .author-tag-img{max-width:15px;max-height:15px}.lab .read-more{color:#0629c2;cursor:pointer}.lab .lab-btn{width:100%;border-radius:10px;border:solid 1px var(--mini-display-cards-border);background-color:var(--sl-color-bg);padding:5px 0;font-weight:500;font-size:17px;cursor:pointer}.lab .lab-btn-completed{width:100%;border-radius:10px;border:solid 1px var(--mini-display-cards-border);background-color:var(--sl-color-bg);padding:5px 0;font-weight:500;font-size:17px}.lab .lab-btn:hover{background-color:#000;color:#fff}.lab .lab-btns{display:flex;gap:20px}.lab .lab-btns .btn-link{flex:1}.loading-lab{border:solid 1px var(--mini-display-cards-border);padding:16px;border-radius:8px;font-weight:600;font-size:17px;background-color:#fcfcfc;width:360px;display:flex;flex-direction:column;justify-content:space-between}.loading-lab .lab-header{display:flex;justify-content:space-between}.loading-lab .lab-header .lab-course{border-radius:50px;background-color:#dbdbdb;width:45px;height:22px}.loading-lab .lab-title{display:flex;align-items:center;gap:5px}.loading-lab .lab-title .lab-icon{width:30px;height:30px;margin-right:4px;border-radius:50%;background-color:#dbdbdb}.loading-lab .lab-title .lab-name{width:100px;height:20px;background-color:#dbdbdb;border-radius:10px}.loading-lab .lab-content{margin-top:16px;margin-bottom:16px}.loading-lab .lab-content .lab-content-text{height:78px;background-color:#dbdbdb;border-radius:10px}.loading-lab .lab-tags{display:flex;gap:10px;margin-bottom:10px}.loading-lab .lab-tags .lab-tag{border-radius:50px;background-color:#dbdbdb;width:49px;height:25px}.loading-lab .lab-btn{width:100%;border-radius:10px;background-color:#dbdbdb;padding:5px 0;height:31px}.my-custom-style{background-color:#f3f9f6;border:1px solid #1aebb8;padding:10px;border-radius:4px;margin-top:8px;display:inline-block}.my-custom-style p{padding-top:10px}.receiver-tag{display:inline}.clickable-tag{color:#109e7b;cursor:pointer}[data-theme=dark] .lab,[data-theme=dark] .loading-lab{background-color:#1f1f1f}[data-theme=dark] .read-more{color:#687dd9}[data-theme=dark] .my-custom-style{background-color:#2e332e}.loading{display:flex;align-items:center;justify-content:center;gap:5px;flex-direction:column}@media (max-width: 768px){.loading{margin:30px}}.loading .logo{opacity:10%}.loading .spinner{width:200px;background-color:#ffd7d5;height:6px;border-radius:50px;position:relative;overflow:hidden}.loading .spinner-load{background-color:#ff382b;height:6px;position:absolute;border-radius:50px;left:0;transition:all 1s ease}.loading .loading-info{font-size:16px;font-weight:500;letter-spacing:.07rem}.terms-page{padding:2rem var(--sl-main-pad-x)}.add-lab-page{display:flex;flex-direction:column;padding:2rem var(--sl-main-pad-x);gap:2rem;width:1400px}.add-lab-page .add-lab-title{font-size:28px;font-weight:600}.add-lab-page .add-lab-step-title{font-size:20px;font-weight:600}.add-lab-page .add-lab-step1{display:flex;gap:2rem;justify-content:space-between}.add-lab-page .add-lab-form{display:flex;flex-direction:column;gap:20px;flex:1}.add-lab-page .add-lab-input{border:1px solid #9c9c9c;outline:none;padding:15px 20px;border-radius:5px;font-weight:400;font-size:15px}.add-lab-page .lab-type-section{display:flex;gap:20px}.add-lab-page .lab-type-section .add-lab-input{width:12%}.add-lab-page .lab-type-section .add-lab-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.add-lab-page .add-lab-input::placeholder{color:#a8a8a8}.add-lab-page .add-lab-input:focus{outline:active;border-color:#000}.add-lab-page .custom-select-wrapper{position:relative;width:30%}.add-lab-page .custom-select-wrapper:after{content:"";position:absolute;top:45%;right:20px;transform:translateY(-50%);border:solid black;border-width:0 1px 1px 0;padding:4px;pointer-events:none;transform:translateY(-50%) rotate(45deg);background-color:#fff;z-index:3}.add-lab-page .add-lab-select{width:100%;padding:15px 20px;font-size:15px;font-weight:400;border:1px solid #9c9c9c;border-radius:5px;-webkit-appearance:none;-moz-appearance:none;appearance:none;position:relative;outline:none;background-color:var(--sl-color-bg);z-index:2}.add-lab-page .add-lab-select:focus{outline:none;border-color:#000}.add-lab-page .add-lab-form-section{display:flex;flex-direction:column;gap:10px}.add-lab-page .icons-select{gap:0px}.add-lab-page .icons-select-list{position:relative}.add-lab-page .icon-lists{display:flex;flex-direction:column;border-radius:5px;max-height:200px;padding:3px 0;width:100%;overflow-y:auto;border:1px solid #9c9c9c;position:absolute;background-color:#fff;z-index:999}.add-lab-page .icon-lists .icon-list{display:flex;align-items:center;justify-content:space-between;cursor:pointer;padding:2px 10px}.add-lab-page .icon-lists .icon-list:hover{background-color:#f6f6f6}.add-lab-page .icon-lists .icon{width:25px;height:25px}.add-lab-page .add-lab-textarea{border:1px solid #9c9c9c;outline:none;padding:15px 20px;border-radius:5px;font-weight:400;font-size:15px;resize:none;height:100px}.add-lab-page .add-lab-textarea::placeholder{color:#a8a8a8}.add-lab-page .add-lab-textarea:focus{outline:active;border-color:#000}.add-lab-page .add-lab-form-section-footer{display:flex;gap:5px;align-items:center;font-weight:500;font-size:15px}.add-lab-page .add-lab-ai{cursor:pointer}.add-lab-page .show-page{display:flex;align-items:center;gap:5px;font-size:16px;font-weight:500}.add-lab-page .show-page-tag{font-size:11px;font-weight:500;border:solid 1px var(--mini-display-cards-border);border-radius:50px;padding:2px 10px;background-color:var(--sl-color-bg);display:flex;align-items:center;gap:5px}.add-lab-page .add-lab-preview{display:flex;flex-direction:column;gap:20px;font-size:20px;font-weight:600}.add-lab-page .add-lab-step2{display:flex;gap:2rem;justify-content:space-between}.add-lab-page .add-lab-environments{display:flex;gap:20px;flex-direction:column}.add-lab-page .add-lab-step2-title{font-size:16px;font-weight:400}.add-lab-page .environments{display:flex;flex-wrap:wrap;gap:20px}.add-lab-page .environment{border:1px solid rgba(216,216,216,.8666666667);border-radius:5px;padding:13px 25px;background-color:#f6f6f6;display:flex;align-items:center;font-size:15px;font-weight:500;gap:10px;width:max-content;cursor:pointer;opacity:.6}.add-lab-page .chosen-environment{opacity:1;border:1px solid rgba(13,12,32,.8666666667)}.add-lab-page .environment-icon{width:27px;height:27px}.add-lab-page .add-lab-step3{display:flex;gap:2rem;flex-direction:column}.add-lab-page .add-lab-step3 .add-lab-form-section-footer{justify-content:space-between}.add-lab-page .add-lab-step3 .add-lab-input,.add-lab-page .add-lab-step3 .add-lab-desc{width:60%}.add-lab-page .add-lab-step3 .add-lab-content{height:300px}.add-lab-page .add-lab-step3 .add-lab-test{height:150px}.add-lab-page .add-lab-steps{display:flex;gap:20px;flex-wrap:wrap}.add-lab-page .add-lab-step{border:1px solid rgba(216,216,216,.8666666667);border-radius:5px;background-color:#f6f6f6;display:flex;align-items:center;justify-content:center;font-size:15px;font-weight:500;gap:10px;width:max-content;cursor:pointer;position:relative;width:127px;height:53px}.add-lab-page .step-remove-icon{position:absolute;top:-10px;right:-10px;background-color:#fff;border-radius:50%;border:1px solid rgba(216,216,216,.8666666667)}.add-lab-page .add-lab-step-chosen{border:1px solid rgba(13,12,32,.8666666667)}.add-lab-page .add-btn{background-color:#fff}.add-lab-page .add-lab-step-btns{display:flex;gap:20px;justify-content:space-between}.add-lab-page .back-next-btns{display:flex;gap:20px}.add-lab-page .add-lab-step-back{border:1px #e3e3e3 solid;background-color:#f9f9f9;border-radius:9px;display:flex;align-items:center;gap:10px;font-size:15px;font-weight:500;cursor:pointer;padding:13px 25px}.add-lab-page .add-lab-step-next{border:1px #56ca4c solid;background-color:#e4ffe1;border-radius:9px;display:flex;align-items:center;gap:10px;font-size:15px;font-weight:500;cursor:pointer;padding:13px 25px}[data-theme=dark] .add-lab-page .add-lab-step-next,[data-theme=dark] .add-lab-page .add-lab-step-back,[data-theme=dark] .add-lab-page .environment,[data-theme=dark] .add-lab-page .add-lab-step{background-color:var(--sl-color-bg-nav);border:1px solid rgba(13,12,32,.8666666667)}[data-theme=dark] .add-lab-page .add-lab-step-chosen{border:1px solid white}[data-theme=dark] .add-lab-page .add-btn{background-color:#121212}.finish-created-lab{margin:3rem 0;display:flex;align-items:center;flex-direction:column;gap:25px}.finish-created-lab .finish-content{display:flex;flex-direction:column;align-items:center;gap:5px;line-height:25px}.finish-created-lab .information{font-size:16px;font-weight:400;line-height:25px}.finish-created-lab .finish-title{font-size:20px;font-weight:500}.user{display:flex;align-items:center;gap:10px;border:solid 1px var(--mini-display-cards-border);background-color:#f6f6f6;border-radius:5px;padding:13px 20px;width:max-content}.user .user-img{width:55px;height:55px;border-radius:50%}.user .user-info{display:flex;flex-direction:column}.user .user-company-logo{width:12px;height:12px;border-radius:50%}.user .user-name{font-size:14px;font-weight:500}.user .user-rank{display:flex;align-items:center;font-size:11px;font-weight:600;gap:5px}.user .user-rank .user-rank-icon{max-width:15px;max-height:15px}.user .user-name-rank{display:flex;align-items:center;gap:10px}.user .user-company{display:flex;align-items:center;gap:5px}.user .user-company-name{font-size:12px;font-weight:400}.user .user-social{display:flex;align-items:center;gap:5px;font-size:12px;font-weight:400}.user .user-social-link{display:flex;align-items:center;gap:3px;text-decoration:none;color:inherit}[data-theme=dark] .user{background-color:#1f1f1f}.leaderboard{padding:2rem var(--sl-main-pad-x);display:flex;flex-direction:column;gap:2rem;width:100%;max-width:1400px}.leaderboard .leaderboard-title{font-size:28px;font-weight:700}.leaderboard .leaderboard-section{display:flex;flex-direction:column;gap:10px}.leaderboard .leaderboard-section-title{font-size:20px;font-weight:600}.leaderboard .leaderboard-section-text{display:flex;align-items:center;gap:5px;font-size:14px;font-weight:400}.leaderboard .tag-name{font-size:11px;font-weight:600}.leaderboard .users{display:flex;flex-wrap:wrap;gap:20px}.leaderboard .user-photo{width:55px;height:55px;border-radius:50%}.admin{display:flex;flex-direction:column;gap:30px;padding:2rem var(--sl-main-pad-x);width:100%}.admin .labs{display:grid;grid-template-columns:repeat(auto-fit,minmax(507px,max-content));gap:20px;justify-content:center;height:max-content}.admin .lab-section{display:flex}.admin .lab-section .lab-action{padding:16px;border:solid 1px var(--mini-display-cards-border);border-radius:0 8px 8px 0;border-left:none;margin-left:-6px;display:flex;flex-direction:column;justify-content:space-between}.admin .lab-section .lab-action-section{display:flex;flex-direction:column;gap:10px}.admin .form-input{border:1px solid #9c9c9c;outline:none;padding:15px 20px;border-radius:5px;font-weight:400;font-size:15px}.admin .form-input::placeholder{color:#a8a8a8}.admin .form-input:focus{outline:active;border-color:#000}.admin .custom-select-wrapper{position:relative;width:30%}.admin .custom-select-wrapper:after{content:"";position:absolute;top:45%;right:20px;transform:translateY(-50%);border:solid black;border-width:0 1px 1px 0;padding:4px;pointer-events:none;transform:translateY(-50%) rotate(45deg);background-color:#fff;z-index:3}.admin .form-select{width:100%;padding:15px 20px;font-size:15px;font-weight:400;border:1px solid #9c9c9c;border-radius:5px;-webkit-appearance:none;-moz-appearance:none;appearance:none;position:relative;outline:none;background-color:var(--sl-color-bg);z-index:2}.admin .form-select:focus{outline:none;border-color:#000}.admin .form-btn-success{border:1px #56ca4c solid;background-color:#e4ffe1;border-radius:9px;display:flex;align-items:center;justify-content:center;gap:10px;font-size:15px;font-weight:500;cursor:pointer;padding:13px 25px}.admin .form-btn-copy{border:1px #56ca4c solid;background-color:#e4ffe1;border-radius:9px;display:flex;align-items:center;justify-content:center;gap:10px;font-size:15px;font-weight:500;cursor:pointer;padding:7px 12px;width:120px}.admin .form-btn-fail{border:1px #dbdbdb solid;background-color:#fffbfa;border-radius:9px;display:flex;align-items:center;justify-content:center;gap:10px;font-size:15px;font-weight:500;cursor:pointer;padding:13px 25px}.admin .section{display:flex;flex-direction:column;gap:20px}.admin .section .user-data-actions{display:flex;gap:30px}.admin .section .user-actions{display:flex;flex-direction:column;gap:40px}.admin .section .change-tag{display:flex;flex-direction:column;gap:10px}.admin .section .change-subscription,.admin .section .change-rank{display:flex;gap:10px}.admin .section .form-input-number::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.admin .section .section-title{font-size:20px;font-weight:500}.admin .section .section-action{display:flex;gap:10px}.admin .section .user-data .language-json{width:max-content;display:block}.creators{display:flex;flex-direction:column;align-items:center;padding-top:4rem;padding-bottom:4rem}.editinterview{display:flex;flex-direction:column;gap:30px;padding:2rem var(--sl-main-pad-x);width:100%}.editinterview .labs{display:grid;grid-template-columns:repeat(auto-fit,minmax(507px,max-content));gap:20px;justify-content:center;height:max-content}.editinterview .lab-section{display:flex}.editinterview .lab-section .lab-action{padding:16px;border:solid 1px var(--mini-display-cards-border);border-radius:0 8px 8px 0;border-left:none;margin-left:-6px;display:flex;flex-direction:column;justify-content:space-between}.editinterview .lab-section .lab-action-section{display:flex;flex-direction:column;gap:10px}.editinterview .form-input{border:1px solid #9c9c9c;outline:none;padding:15px 20px;border-radius:5px;font-weight:400;font-size:15px}.editinterview .form-input::placeholder{color:#a8a8a8}.editinterview .form-input:focus{outline:active;border-color:#000}.editinterview .custom-select-wrapper{position:relative;width:30%}.editinterview .custom-select-wrapper:after{content:"";position:absolute;top:45%;right:20px;transform:translateY(-50%);border:solid black;border-width:0 1px 1px 0;padding:4px;pointer-events:none;transform:translateY(-50%) rotate(45deg);background-color:#fff;z-index:3}.editinterview .form-select{width:100%;padding:15px 20px;font-size:15px;font-weight:400;border:1px solid #9c9c9c;border-radius:5px;-webkit-appearance:none;-moz-appearance:none;appearance:none;position:relative;outline:none;background-color:var(--sl-color-bg);z-index:2}.editinterview .form-select:focus{outline:none;border-color:#000}.editinterview .form-btn-success{border:1px #56ca4c solid;background-color:#e4ffe1;border-radius:9px;display:flex;align-items:center;justify-content:center;gap:10px;font-size:15px;font-weight:500;cursor:pointer;padding:13px 25px}.editinterview .edit-editor-btn{border:1px #e3e3e3 solid;background-color:#f9f9f9;border-radius:9px;display:flex;align-items:center;gap:10px;font-size:15px;font-weight:500;cursor:pointer;padding:13px 25px;width:max-content}.editinterview .editor-btns{display:flex;gap:20px;justify-content:space-between}.editinterview .section{display:flex;flex-direction:column;gap:20px}.editinterview .section .user-data-actions{display:flex;gap:30px}.editinterview .section .user-actions{display:flex;flex-direction:column;gap:40px}.editinterview .section .change-tag{display:flex;flex-direction:column;gap:10px}.editinterview .section .change-subscription,.editinterview .section .change-rank{display:flex;gap:10px}.editinterview .section .form-input-number::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.editinterview .section .section-title{font-size:20px;font-weight:500}.editinterview .section .section-action{display:flex;gap:10px}.editinterview .section .user-data .language-json{width:max-content;display:block}.editinterview .section .interview-data{display:flex;gap:100px;justify-content:space-between}.editinterview .section .interview-data-section-1{display:flex;flex-direction:column;gap:20px}.editinterview .section .interview-data-section-2{display:flex;flex-direction:column;gap:20px;width:100%}.editinterview .section .interview-data-section{display:flex;flex-direction:column;gap:5px}.editinterview .section .interview-data-title{font-size:16px;font-weight:500}.editinterview .section .interview-data-content{width:500px;min-height:100px;border:1px solid #9c9c9c;outline:none;padding:15px 20px;border-radius:5px;font-weight:400;font-size:15px}.editinterview .section .field-button{background-color:#f9f9f9;margin-right:15px;border-radius:9px;display:flex;align-items:center;justify-content:center;gap:10px;font-size:15px;font-weight:500;padding:10px 20px;border:solid 1px var(--mini-display-cards-border);cursor:pointer;color:var(--sl-color-text);white-space:nowrap;width:100%;height:100%}.editinterview .section .upload-file{display:flex;align-items:center;gap:20px}.editinterview .section .upload-file span{white-space:nowrap}.editinterview .section .code-section{position:relative;margin:20px 0;display:flex}.editinterview .section .code-section .code{padding-right:40px}@media (max-width: 768px){.editinterview .section .code-section{overflow-x:auto}}.editinterview .section .clipboard-btn{position:absolute;top:10px;right:10px;padding:5px;cursor:pointer;border-radius:9px;width:26px;height:26px;fill:var(--sl-color-text);margin:0!important}.editinterview .section .clipboard-icon,.editinterview .section .clipboard-success-icon{margin:0!important}.editinterview .section .clipboard-btn-success{position:absolute;top:10px;right:10px;padding:5px;fill:#3fb950;margin:0!important}.editinterview .section .clipboard-btn:hover{background-color:var(--mini-display-cards-bg)}.editinterview .section .add-button,.editinterview .section .remove-button{width:max-content}.editinterview .section .interview-ask-ai{cursor:pointer}.editinterview .section .interview-data-input{width:500px;border:1px solid #9c9c9c;outline:none;padding:15px 20px;border-radius:5px;font-weight:400;font-size:15px}.editinterview .section .interview-data-question{width:600px;height:300px;border:1px solid #9c9c9c;outline:none;padding:15px 20px;border-radius:5px;font-weight:400;font-size:15px}.editinterview .section .interview-data-question-preview{border:1px solid #9c9c9c;border-radius:5px;padding:15px 20px;max-width:600px;overflow-x:auto}.editinterview .section .interview-data-output{width:500px;min-height:150px;border:1px solid #9c9c9c;outline:none;padding:15px 20px;border-radius:5px;font-weight:400;font-size:15px}.editinterview .section .question-category{display:flex;gap:5px;align-items:center}.editinterview .section .interview-data-hint{max-height:200px;border:1px solid #9c9c9c;outline:none;padding:15px 20px;border-radius:5px;font-weight:400;font-size:15px}.editinterview .section .editor-section{display:flex;flex-direction:column;gap:20px;width:100%;background-color:#f9f9f9;border-radius:10px;padding-bottom:20px}.editinterview .section .ace-editor{border:1px solid var(--mini-display-cards-border);border-radius:4px;height:300px;width:100%;font-size:13px!important;font-weight:500}.editinterview .section .run-code-section{display:flex;gap:10px;flex-direction:column;border-radius:10px;padding:15px 0}.editinterview .section .show-solution{font-size:16px;font-weight:500;cursor:pointer;color:#0629c2;margin:0 20px}.editinterview .section .run-copy-code-div{display:flex;gap:20px;justify-content:space-between}.editinterview .section .run-code-div{display:flex;gap:20px;flex-direction:column;justify-content:space-between}.editinterview .section .run-code{font-size:16px;font-weight:500;color:#0629c2;cursor:pointer;border:1px solid #0629c2;padding:15px 30px;border-radius:10px;margin:0 20px;width:max-content;align-self:flex-end}.editinterview .section .success-run-code{font-size:16px;font-weight:500;background-color:#e9ffe4;border:1.5px #56ca4c solid;padding:15px 30px;border-radius:10px;display:flex;align-items:center;gap:5px;margin:0 20px;width:max-content;align-self:flex-end;cursor:pointer}.editinterview .section .success-run-code .congratulation{width:20px}.editinterview .section .fault-run-code{font-size:16px;font-weight:500;background-color:#ffedf0;cursor:pointer;border:1.5px #ff4d5c solid;padding:15px 30px;border-radius:10px;display:flex;align-items:center;gap:5px;margin:0 20px;width:max-content;align-self:flex-end}.editinterview .section .fault-run-code .fault-icon{width:20px}.editinterview .section .run-code:hover{background-color:#edf0ff}.editinterview .section .run-code-disabled{opacity:.5;cursor:not-allowed}.editinterview .section .runtime-result{width:100%;overflow-y:auto;font-size:16px;font-weight:400;padding:0 20px}.editinterview .section .runtime-result .clipboard-icon{display:none}.editinterview .section .error-result{color:#10f}.editinterview .section .editors{display:flex;gap:20px;flex-wrap:wrap;width:100%}.editinterview .section .data-editor-title{font-size:16px;font-weight:500;padding-left:20px;padding-top:20px}.carousel{position:relative;overflow:hidden;width:100%;margin:0 auto;min-height:140px}@media (max-width: 768px){.carousel{overflow-x:scroll}.carousel:after,.carousel:before{display:none}.slides{visibility:visible}}.carousel:before{content:"";position:absolute;top:0;left:0;width:200px;height:100%;background:linear-gradient(to right,var(--sl-color-bg) 0%,transparent 100%);z-index:1;pointer-events:none}@media (max-width: 768px){.carousel:before{width:20px}}.carousel:after{content:"";position:absolute;top:0;right:0;width:200px;height:100%;background:linear-gradient(to left,var(--sl-color-bg) 0%,transparent 100%);z-index:1;pointer-events:none}@media (max-width: 768px){.carousel:after{width:20px}}.slides{width:max-content;display:flex;visibility:hidden}@media (max-width: 1300px){.carousel{max-width:1200px}}.roadmap{display:flex;flex-direction:column;width:100%;max-width:1450px;margin:0 auto;padding:0 20px}.roadmap .header-centered{display:grid;flex-direction:column;justify-content:center;width:100%}.roadmap .header-top-announcement{display:flex;align-items:center;flex-direction:column;justify-content:center}.roadmap .header-top-announcement .section-header{margin:30px;font-size:24px;font-weight:700;letter-spacing:-.1px;display:flex;justify-content:center;background:-webkit-linear-gradient(0deg,#2b25df,#304ea1);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.roadmap .announcement{margin:10px;height:70px;display:inline-flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.roadmap .announcement .section-header{font-size:20px;font-weight:700;letter-spacing:.2rem;display:flex;justify-content:center;width:380px}.roadmap .announcement .section-header:after{content:"";position:absolute;left:0;right:0;bottom:5px;height:6px;background-color:var(--blue-theme-main);border-radius:2px}.roadmap .announcement .section-btn{border-radius:50px;font-size:16px;font-weight:600;line-height:20px;padding:10px 30px;cursor:pointer;border:solid 1px #70789f;background-color:var(--index-page-annon-btn-bgcolog)}.roadmap .section-header{display:flex;align-items:center;font-size:16px;padding:10px 5px;font-family:Outfit,sans-serif;font-optical-sizing:auto;font-style:normal;font-weight:600;letter-spacing:.7px}.roadmap .section-elements{display:flex;flex-wrap:wrap;gap:25px;padding:10px 0;justify-content:center;margin:10px 0 40px}.roadmap .section-element{flex:1;border:solid 1px var(--display-cards-border-mainpage);background:linear-gradient(149deg,var(--index-gradient-box) 10.79%,rgba(239,239,241,0) 76.87%);padding:35px;border-radius:4px;font-weight:600;font-size:17px;cursor:pointer}.roadmap .section-element:hover{background-color:var(--mini-display-cards-bg)}.roadmap .element-header{display:flex;align-items:center;font-size:17px;font-family:Outfit,sans-serif;font-optical-sizing:auto;font-style:normal;font-weight:500;gap:5px}.roadmap .mini-round-image{width:30px;height:30px;object-fit:cover;margin-right:4px}.roadmap .element-content{font-size:15px;font-family:Outfit,sans-serif;font-optical-sizing:auto;font-style:normal;font-weight:400;margin-top:16px;margin-bottom:16px}.roadmap .element-content .element-content-text{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;max-height:58px}.roadmap .read-more{color:#0629c2}.roadmap .element-body{display:flex;align-items:center;gap:10px}.roadmap .element-body .element-content{border-right:1px solid #c6c6c6;padding-right:2rem;margin-right:2rem}.roadmap .element-body .lab-launch{font-size:16px;font-weight:500;margin-right:2rem;cursor:pointer}.roadmap .element-tags{display:flex;gap:10px;font-size:11px;font-family:Outfit,sans-serif;font-optical-sizing:auto;font-style:normal;font-weight:400}.roadmap .element-tags .element-tag{white-space:nowrap;border:solid 1px var(--display-cards-border-mainpage);border-radius:50px;padding:2px 10px;background-color:var(--sl-color-bg)}.roadmap .element-cube{display:flex;align-items:center;font-size:15px;font-family:Outfit,sans-serif;font-optical-sizing:auto;font-style:normal;font-weight:400;gap:5px}.roadmap .no-style-href{display:flex;flex-direction:column;justify-content:space-between;height:100%}.roadmap h4{position:relative;display:inline-block;font-weight:600}.roadmap h4:after{content:"";position:absolute;left:0;right:0;bottom:2px;height:3px;background-color:var(--blue-theme-main);border-radius:2px}[data-theme=dark] .roadmap .section-element,[data-theme=dark] .roadmap .last-section-element{background-color:#1f1f1f}[data-theme=dark] .roadmap .read-more,[data-theme=dark] .roadmap .interviews-more{color:#687dd9}[data-theme=dark] .roadmap .section-element:hover,[data-theme=dark] .roadmap .last-section-element:hover{background-color:var(--mini-display-cards-bg)}:root,::backdrop{--sl-color-white: hsl(0, 0%, 100%);--sl-color-gray-1: hsl(224, 20%, 94%);--sl-color-gray-2: hsl(224, 6%, 77%);--sl-color-gray-3: hsl(224, 6%, 56%);--sl-color-gray-4: hsl(224, 7%, 36%);--sl-color-gray-5: hsl(224, 10%, 23%);--sl-color-gray-6: hsl(224, 14%, 16%);--sl-color-gray-7: hsl(228, 7%, 13%);--sl-color-black: hsl(224, 10%, 10%);--sl-hue-orange: 41;--sl-color-orange-low: hsl(var(--sl-hue-orange), 39%, 22%);--sl-color-orange: hsl(var(--sl-hue-orange), 82%, 63%);--sl-color-orange-high: hsl(var(--sl-hue-orange), 82%, 87%);--sl-hue-green: 101;--sl-color-green-low: hsl(var(--sl-hue-green), 39%, 22%);--sl-color-green: hsl(var(--sl-hue-green), 82%, 63%);--sl-color-green-high: hsl(var(--sl-hue-green), 82%, 80%);--sl-hue-blue: 234;--sl-color-blue-low: hsl(var(--sl-hue-blue), 54%, 20%);--sl-color-blue: hsl(var(--sl-hue-blue), 100%, 60%);--sl-color-blue-high: hsl(var(--sl-hue-blue), 100%, 87%);--sl-hue-purple: 281;--sl-color-purple-low: hsl(var(--sl-hue-purple), 39%, 22%);--sl-color-purple: hsl(var(--sl-hue-purple), 82%, 63%);--sl-color-purple-high: hsl(var(--sl-hue-purple), 82%, 89%);--sl-hue-red: 339;--sl-color-red-low: hsl(var(--sl-hue-red), 39%, 22%);--sl-color-red: hsl(var(--sl-hue-red), 82%, 63%);--sl-color-red-high: hsl(var(--sl-hue-red), 82%, 87%);--sl-color-accent-low: hsl(224, 54%, 20%);--sl-color-accent: hsl(224, 100%, 60%);--sl-color-accent-high: hsl(224, 100%, 85%);--sl-color-text: var(--sl-color-gray-1);--sl-color-text-accent: var(--sl-color-accent-high);--sl-color-text-invert: var(--sl-color-accent-low);--sl-color-bg: var(--sl-color-black);--sl-color-bg-nav: var(--sl-color-gray-6);--sl-color-bg-sidebar: var(--sl-color-gray-6);--sl-color-bg-inline-code: var(--sl-color-gray-5);--sl-color-bg-accent: var(--sl-color-accent-high);--sl-color-hairline-light: var(--sl-color-gray-5);--sl-color-hairline: var(--sl-color-gray-6);--sl-color-hairline-shade: var(--sl-color-black);--sl-color-backdrop-overlay: hsla(223, 13%, 10%, .66);--sl-shadow-sm: 0px 1px 1px hsla(0, 0%, 0%, .12), 0px 2px 1px hsla(0, 0%, 0%, .24);--sl-shadow-md: 0px 8px 4px hsla(0, 0%, 0%, .08), 0px 5px 2px hsla(0, 0%, 0%, .08), 0px 3px 2px hsla(0, 0%, 0%, .12), 0px 1px 1px hsla(0, 0%, 0%, .15);--sl-shadow-lg: 0px 25px 7px hsla(0, 0%, 0%, .03), 0px 16px 6px hsla(0, 0%, 0%, .1), 0px 9px 5px hsla(223, 13%, 10%, .33), 0px 4px 4px hsla(0, 0%, 0%, .75), 0px 4px 2px hsla(0, 0%, 0%, .25);--sl-text-xs: .8125rem;--sl-text-sm: .875rem;--sl-text-base: 1rem;--sl-text-lg: 1.125rem;--sl-text-xl: 1.25rem;--sl-text-2xl: 1.5rem;--sl-text-3xl: 1.8125rem;--sl-text-4xl: 2.1875rem;--sl-text-5xl: 2.625rem;--sl-text-6xl: 4rem;--sl-text-body: var(--sl-text-base);--sl-text-body-sm: var(--sl-text-xs);--sl-text-code: var(--sl-text-sm);--sl-text-code-sm: var(--sl-text-xs);--sl-text-h1: var(--sl-text-4xl);--sl-text-h2: var(--sl-text-3xl);--sl-text-h3: var(--sl-text-2xl);--sl-text-h4: var(--sl-text-xl);--sl-text-h5: var(--sl-text-lg);--sl-line-height: 1.5;--sl-line-height-headings: 1.2;--sl-font-system: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--sl-font-system-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--__sl-font: var(--sl-font, var(--sl-font-system)), var(--sl-font-system);--__sl-font-mono: var(--sl-font-mono, var(--sl-font-system-mono)), var(--sl-font-system-mono);--sl-nav-height: 3.5rem;--sl-nav-pad-x: 1.5rem;--sl-nav-pad-y: .75rem;--sl-footer-pad-x: 1.5rem;--sl-footer-pad-y: 1rem;--sl-footer-height: 8.8rem;--sl-sidebar-pad-x: 1.5rem;--sl-sidebar-pad-y: 1.5rem;--sl-main-pad-x: 1.5rem;--sl-mobile-toc-height: 3rem;--sl-sidebar-width: 17.75rem;--sl-sidebar-pad-x: 1rem;--sl-content-width: 45rem;--sl-content-pad-x: 1rem;--sl-menu-button-size: 2rem;--sl-nav-gap: var(--sl-content-pad-x);--sl-outline-offset-inside: -.1875rem;--sl-z-index-toc: 4;--sl-z-index-menu: 5;--sl-z-index-navbar: 10000;--sl-z-index-skiplink: 20}:root[data-theme=light],[data-theme=light] ::backdrop{--sl-color-white: hsl(224, 10%, 10%);--sl-color-gray-1: hsl(224, 14%, 16%);--sl-color-gray-2: hsl(224, 10%, 23%);--sl-color-gray-3: hsl(224, 7%, 36%);--sl-color-gray-4: hsl(224, 6%, 56%);--sl-color-gray-5: hsl(224, 6%, 77%);--sl-color-gray-6: hsl(224, 20%, 94%);--sl-color-gray-7: hsl(224, 19%, 97%);--sl-color-black: hsl(0, 0%, 100%);--sl-color-orange-high: hsl(var(--sl-hue-orange), 80%, 25%);--sl-color-orange: hsl(var(--sl-hue-orange), 90%, 60%);--sl-color-orange-low: hsl(var(--sl-hue-orange), 90%, 88%);--sl-color-green-high: hsl(var(--sl-hue-green), 80%, 22%);--sl-color-green: hsl(var(--sl-hue-green), 90%, 46%);--sl-color-green-low: hsl(var(--sl-hue-green), 85%, 90%);--sl-color-blue-high: hsl(var(--sl-hue-blue), 80%, 30%);--sl-color-blue: hsl(var(--sl-hue-blue), 90%, 60%);--sl-color-blue-low: hsl(var(--sl-hue-blue), 88%, 90%);--sl-color-purple-high: hsl(var(--sl-hue-purple), 90%, 30%);--sl-color-purple: hsl(var(--sl-hue-purple), 90%, 60%);--sl-color-purple-low: hsl(var(--sl-hue-purple), 80%, 90%);--sl-color-red-high: hsl(var(--sl-hue-red), 80%, 30%);--sl-color-red: hsl(var(--sl-hue-red), 90%, 60%);--sl-color-red-low: hsl(var(--sl-hue-red), 80%, 90%);--sl-color-accent-high: hsl(234, 80%, 30%);--sl-color-accent: hsl(234, 90%, 60%);--sl-color-accent-low: hsl(234, 88%, 90%);--sl-color-text-accent: var(--sl-color-accent);--sl-color-text-invert: var(--sl-color-black);--sl-color-bg-nav: var(--sl-color-gray-7);--sl-color-bg-sidebar: var(--sl-color-bg);--sl-color-bg-inline-code: var(--sl-color-gray-6);--sl-color-bg-accent: var(--sl-color-accent);--sl-color-hairline-light: var(--sl-color-gray-6);--sl-color-hairline-shade: var(--sl-color-gray-6);--sl-color-backdrop-overlay: hsla(225, 9%, 36%, .66);--sl-shadow-sm: 0px 1px 1px hsla(0, 0%, 0%, .06), 0px 2px 1px hsla(0, 0%, 0%, .06);--sl-shadow-md: 0px 8px 4px hsla(0, 0%, 0%, .03), 0px 5px 2px hsla(0, 0%, 0%, .03), 0px 3px 2px hsla(0, 0%, 0%, .06), 0px 1px 1px hsla(0, 0%, 0%, .06);--sl-shadow-lg: 0px 25px 7px rgba(0, 0, 0, .01), 0px 16px 6px hsla(0, 0%, 0%, .03), 0px 9px 5px hsla(223, 13%, 10%, .08), 0px 4px 4px hsla(0, 0%, 0%, .16), 0px 4px 2px hsla(0, 0%, 0%, .04)}@media (max-width: 390px){:root{--sl-nav-pad-x: .5rem;--sl-footer-pad-x: .5rem;--sl-main-pad-x: .5rem}}*,*:before,*:after{box-sizing:border-box}input,button,textarea,select{font:inherit}*{margin:0}html{color-scheme:dark;accent-color:var(--sl-color-accent)}html[data-theme=light]{color-scheme:light}body{font-family:var(--__sl-font);line-height:var(--sl-line-height);-webkit-font-smoothing:antialiased;color:var(--sl-color-text);background-color:var(--sl-color-bg)}:root{--astro-code-color-text: var(--sl-color-white);--astro-code-color-background: var(--sl-color-gray-6);--astro-code-token-constant: var(--sl-color-blue-high);--astro-code-token-string: var(--sl-color-green-high);--astro-code-token-comment: var(--sl-color-gray-2);--astro-code-token-keyword: var(--sl-color-purple-high);--astro-code-token-parameter: var(--sl-color-red-high);--astro-code-token-function: var(--sl-color-red-high);--astro-code-token-string-expression: var(--sl-color-green-high);--astro-code-token-punctuation: var(--sl-color-gray-2);--astro-code-token-link: var(--sl-color-blue-high)}:root[data-theme=dark]{--cust-bg: rgba(23, 25, 30, .8);--cust-bg-hover: rgb(35, 37, 43, .8);--see-all-bg: rgba(23, 25, 30, .8);--see-all-hover: rgb(35, 37, 43, .8);--post-count-details: rgba(51, 51, 51, .8);--solution-box-bg: #323c38;--solution-box-border: #506f4d;--solution-box-line: #4c8458;--code-bg-color: rgb(67, 67, 67);--code-hljs-bg: #282828;--code-hljs-color: #ffffff;--code-hljs-comment-color: #cbcbcb;--code-hljs-punctuation-color: rgb(211, 211, 211);--code-hljs-tag-color: #d7d7d7;--code-hljs-attr-color: #d7d7d7;--code-hljs-name-color: #d7d7d7;--code-hljs-red: #d76c6c;--code-hljs-var: #bf2828;--code-hljs-green: #13a600;--code-hljs-literal: #25b711;--linear-gradient-start: rgb(54, 54, 54);--linear-gradient-end: rgb(22 24 28);--codebgcolor: #353937;--codeborder: #585f99;--lab-card-bg: #1f1f1f;--mini-display-cards-border: #2d2d2d;--mini-display-cards-bg: #232323;--display-cards-border-mainpage: #232323;--index-page-offwhite: #eaecf1;--index-page-annon-btn-bgcolog: #120ce0;--index-page-annon-bgcolog: #0e0d79;--index-page-env-headercolor: #eaecf1;--index-page-sectionheader-color: #687dd9;--blue-theme-main: #4aac78;--index-gradient-box: #131821;--index-start-learning-bg: #687dd9;--index-start-learning-border-color: #69c203;--code-section-border: #687dd9;--inter-tag-hard: #6a1212;--inter-tag-medium: #28329c;--inter-tag-easy: #41610b;--card-background: #1f1f1f;--premium-feature-color-1: rgb(0 0 0 / 55%);--premium-feature-color-2: #191d26;--premium-feature-color-3: rgb(0 0 0 / 2%);--premium-feature-color-4: rgb(0 0 0 / 50%);--env-cards-bg: #353535;--env-cards-border: #3f3f3f;--start-lab-btn-bg1: #0a830059;--start-lab-btn-bg2: #1e7d1321}:root[data-theme=light]{--cust-bg: rgba(246, 246, 246, .8);--cust-bg-hover: rgb(223, 223, 223, .8);--see-all-bg: rgba(238, 233, 224, 1);--see-all-hover: rgb(227, 222, 213, 1);--post-count-details: rgba(234, 234, 234, .8);--solution-box-bg: #e9fff5;--solution-box-border: #bbfbb5;--solution-box-line: #bbfbb5;--code-bg-color: rgb(237, 237, 237);--code-hljs-bg: #fbfdf8;--code-hljs-color: #2d3031;--code-hljs-comment-color: #697070;--code-hljs-punctuation-color: #444a;--code-hljs-tag-color: #444;--code-hljs-attr-color: #444;--code-hljs-name-color: #444;--code-hljs-red: #622bed;--code-hljs-var: #622bed;--code-hljs-green: #236e4b;--code-hljs-literal: #1f846c;--linear-gradient-start: rgb(54, 54, 54);--linear-gradient-end: rgb(255, 255, 255);--codebgcolor: #fcfcfc;--codeborder: #eaebf4;--lab-card-bg: #fcfcfc;--mini-display-cards-border: #e5e5e5;--mini-display-cards-bg: #f6f6f6;--display-cards-border-mainpage: #f3f3f3;--index-page-offwhite: #eaecf1;--index-page-annon-btn-bgcolog: #eeeeee;--index-page-annon-bgcolog: #0900ff;--index-page-env-headercolor: #0900ff;--index-page-sectionheader-color: #0629c2;--blue-theme-main: #21a960;--index-gradient-box: #f3f3f345;--index-start-learning-bg: #24262f;--index-start-learning-border-color: #88ff00;--code-section-border: #000000;--inter-tag-hard: #b41b1b;--inter-tag-medium: #6154d6;--inter-tag-easy: #7fb426;--card-background: #fcfcfc;--premium-feature-color-1: rgba(255, 247, 237, .5);--premium-feature-color-2: #ffffff;--premium-feature-color-3: rgba(255, 0, 0, 0);--premium-feature-color-4: rgba(255, 247, 237, .5);--env-cards-bg: #fcfcfc;--env-cards-border: #e5e5e5;--start-lab-btn-bg1: #0a830059;--start-lab-btn-bg2: #0a830059}.font-12{font-size:12px}.font-13{font-size:13px}.font-14{font-size:14px}.font-15{font-size:15px}.font-16{font-size:16px}.font-17{font-size:17px}.font-18{font-size:18px}.font-20{font-size:20px}.font-22{font-size:22px}.flexed{display:flex}.pl-5{padding-left:5px}.pl-10{padding-left:10px}.pl-15{padding-left:15px}.pl-20{padding-left:20px}.pr-10{padding-right:10px}.pr-20{padding-right:20px}.pr-15{padding-right:15px}.pb-0{padding-bottom:0}.pr-0{padding-right:0}.pb-5{padding-bottom:5px}.pb-10{padding-bottom:10px}.pb-20{padding-bottom:20px}.pr-5{padding-right:5px}.pt-5{padding-top:5px}.pt-10{padding-top:10px}.pt-15{padding-top:15px}.pt-20{padding-top:20px}.pt-25{padding-top:25px}.pp-5{padding:5px}.pp-15{padding:15px}.pp-10{padding:10px}.mr-4{margin-right:4px}.ml-4{margin-left:4px}.align-center{align-items:center}.automargin-left{margin-left:auto}.markdown-card-text{font-size:15px}.color-gray{color:#9e9e9e}.color-gray-strong{color:var(--sl-color-gray-1)}.color-preparesh{color:#0800ff}.fw-700{font-weight:700}.fw-600{font-weight:600}.fw-500{font-weight:500}.fw-400{font-weight:400}.fw-300{font-weight:300}.fw-200{font-weight:200}.no-style-href{text-decoration:none;color:inherit}.footer-link-text{text-decoration:none;color:inherit;font-size:14px}.fa-icon-svg-1em{height:1em}.round-image{border-radius:50%;width:24px;height:24px;object-fit:cover}.mini-round-image{width:16px;height:16px;object-fit:cover}.round-image-avatar{border-radius:50%;width:42px;height:42px;object-fit:cover;border:1px solid white;margin-right:-12px}code{display:inline-block;margin:2px;font-size:13px;padding:0 2px;background-color:var(--codebgcolor);border-radius:5px;border:solid 1px var(--codeborder)}hr{border:none;height:1px;color:#333;background-color:#333}pre code{border:1px solid var(--codeborder)}.aside-top-links{color:var(--sl-color-gray-3)}.aside-top-links:hover{color:var(--sl-color-white);text-decoration:underline}.toggle-theme-button{background-color:inherit;border-radius:5px;border-color:#2f2f2f;border-width:1px;font-size:12px;font-weight:400;border-style:solid}.toggle-theme-icon{width:12px;height:12px;vertical-align:-.125em}.question-title-input-field{font-size:16px;font-weight:500;border-radius:5px;padding-left:10px;padding-right:10px;border-width:1px;border-color:#2f2f2f;border-style:solid;width:40%}.contributor-text{gap:8px;padding-bottom:10px;padding-left:5px;display:flex;font-weight:500;align-items:center;font-size:15px;color:#0c0c0c}.category-head{width:100%;height:150px;gap:unset;margin-bottom:50px;top:-2.25rem;background-size:100%;border-radius:10px}.category-head-image-holder{margin-left:30px;display:flex;position:relative;top:110px}.category-head-text-holder{align-self:baseline;margin-top:45px;margin-left:10px}.category-head-round-image{border-radius:50%;width:80px;height:80px;border:solid 2px white;object-fit:cover}.main-container{height:fit-content;padding-top:3rem}#icons-container{display:flex;position:relative;justify-content:center}.iconoverlap{height:24px;width:24px;border-radius:50%;border:1px solid white;margin-right:-7px}.mini-display-cards{border:solid 1px var(--mini-display-cards-border);padding:5px 10px;border-radius:8px}.mini-display-cards:hover{background-color:var(--mini-display-cards-bg)}.interview-display-cards-no-hover{--sl-card-border: var(--sl-color-purple);--sl-card-bg: var(--sl-color-purple-low);background-color:var(--sl-color-black);padding:25px 15px 5px;font-weight:500;align-items:center;font-family:Outfit,sans-serif;font-optical-sizing:auto;font-style:normal;font-size:17px;display:flex}.interview-display-cards{--sl-card-border: var(--sl-color-purple);--sl-card-bg: var(--sl-color-purple-low);border-bottom:1px solid var(--sl-color-gray-6);background-color:var(--sl-color-black);padding:15px}.interview-display-cards:hover{background-color:var(--sl-color-gray-6)}.flexwrap{display:flex;flex-wrap:wrap}.chart-title{font-family:Outfit,sans-serif;font-optical-sizing:auto;font-style:normal;font-size:13px;font-weight:400;display:flex;justify-content:center}.auth-status{font-family:Outfit,sans-serif;font-optical-sizing:auto;font-style:normal;text-decoration:none;color:inherit}.create-a-post-header-text{margin-left:auto;align-self:baseline;margin-top:45px;margin-right:20px;font-weight:500}.icons-link-section{border-radius:50%;width:24px;height:24px;object-fit:cover;margin-right:5px}.gap-025{gap:.25rem}.title-text{font-family:Outfit,sans-serif;font-optical-sizing:auto;font-style:normal}.show-more-button{font-size:13px;font-weight:500;background-color:var(--cust-bg);border-radius:5px;padding:3px 10px;border:1px solid #b1b1b1}.show-more-button:hover{background-color:var(--cust-bg-hover)}.solution-box{background-color:var(--solution-box-bg);padding-right:15px;display:flex;border:dashed 1px var(--solution-box-border)}.solution-box-line{width:5px;background-color:var(--solution-box-line)}pre code.hljs{display:block;overflow-x:auto;padding:1.5em}code.hljs{padding:3px 5px}.hljs{background:var(--codebgcolor)!important;color:var(--code-hljs-color);border-radius:5px}.hljs-comment{color:var(--code-hljs-comment-color)}.hljs-punctuation,.hljs-tag{color:var(--code-hljs-punctuation-color)}.hljs-tag .hljs-attr,.hljs-tag .hljs-name{color:var(--code-hljs-tag-color)}.hljs-attribute,.hljs-doctag,.hljs-keyword,.hljs-meta .hljs-keyword,.hljs-name,.hljs-selector-tag{font-weight:700}.hljs-deletion,.hljs-number,.hljs-quote,.hljs-selector-class,.hljs-selector-id,.hljs-string,.hljs-template-tag,.hljs-type{color:var(--code-hljs-red)}.hljs-section,.hljs-title{color:var(--code-hljs-red);font-weight:700}.hljs-link,.hljs-operator,.hljs-regexp,.hljs-selector-attr,.hljs-selector-pseudo,.hljs-symbol,.hljs-template-variable,.hljs-variable{color:var(--code-hljs-var)}.hljs-literal{color:var(--code-hljs-literal)}.hljs-addition,.hljs-built_in,.hljs-bullet,.hljs-code{color:var(--code-hljs-green)}.hljs-meta{color:#1f7199}.hljs-meta .hljs-string{color:#38a}.hljs-emphasis{font-style:italic}.hljs-strong{font-weight:700}footer{display:flex;flex-direction:column;justify-content:space-between;height:100%}.project-card{border:1px solid var(--mini-display-cards-border);border-radius:10px;background:var(--sl-color-bg);padding:11px;display:flex;gap:20px;cursor:pointer}@media (max-width: 768px){.project-card{flex-direction:column;align-items:center}}.project-card .project-content{display:flex;flex-direction:column;gap:10px}.project-card .project-header{display:flex;justify-content:space-between}.project-card .project-header .project-title{font-size:16px;font-weight:600;color:var(--sl-color-text)}.project-card .project-header .project-badge{font-size:12px;font-weight:500;padding:1px 10px;border-radius:10px;white-space:nowrap;background-color:var(--blue-theme-main);color:#fff;display:flex;align-items:center;justify-content:center}.project-card .project-description{font-size:14.8px;color:var(--sl-color-text-light);line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-right:20px}.project-card .project-details{display:flex;flex-wrap:wrap;gap:16px}.project-card .project-details .detail-item{display:flex;align-items:center;gap:6px;font-size:14.8px;font-weight:400;color:var(--sl-color-text-light)}.project-card .project-details .detail-item svg{color:var(--blue-theme-main);opacity:.8}.project-card:hover{background-color:#f8f8fc;border:solid 1px #0900ff}[data-theme=dark] .project-card:hover{background-color:#262626;border:solid 1px #687dd9}.interview-questions .code-section{position:relative}.interview-questions .code-section .code{padding:15px}@media (max-width: 768px){.interview-questions .code-section{overflow-x:auto}}.interview-questions h1,.interview-questions h2,.interview-questions h3,.interview-questions h4,.interview-questions h5,.interview-questions h6{margin-top:1.5rem;margin-bottom:1rem}.interview-questions p{margin-bottom:1rem;font-size:17px}.interview-questions a{color:var(--blue-theme-main);text-decoration:none}.interview-questions a:hover{text-decoration:underline}.interview-questions hr{border:none;border-top:1px solid var(--mini-display-cards-border);margin:2rem 0}