:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}body{--main-top: var(--header-height)}body.video-playing,body.dark-mode.video-playing{--main-top: 0}main{position:fixed;top:var(--main-top);left:0;width:100vw;height:calc(100vh - var(--header-height));background-color:var(--header-background);overflow:auto}:root{--border-color: rgb(0, 0, 0);--header-height: 10vh;--header-background: #fff;--text-color: black;--link-hover-color: grey;--profile-dropdown-background: white;--profile-dropdown-hover-background: #f5f5f5;--indicator-background: rgba(0, 0, 0, .05);--box-shodow-indicator: rgba(0, 0, 0, .08)}body{background-color:var(--header-background);color:var(--text-color)}body.dark-mode{--indicator-background: rgba(255, 255, 255, .1);--border-color: rgb(255, 255, 255);--header-background: #121212;--text-color: #f0f0f0;--link-hover-color: #bbbbbb;--profile-dropdown-background: #1e1e1e;--profile-dropdown-hover-background: #333;background-color:#121212;color:#f0f0f0}body.video-playing,body.video-playing.dark-mode{--header-background: transparent;--border-color: transparent;--indicator-background: transparent;--box-shodow-indicator: transparent;--profile-dropdown-background: transparent;--profile-dropdown-hover-background: #f5f5f5;--text-color: black;-webkit-backdrop-filter:none;backdrop-filter:none}.header{position:fixed;z-index:1000;top:0;left:0;width:100vw;height:var(--header-height);display:flex;flex-direction:row;justify-content:space-between;align-items:center;background-color:var(--header-background);box-sizing:border-box;border-bottom:1px solid var(--border-color);padding:0 2vw;transition:background-color .4s ease,backdrop-filter .4s ease}.logo{outline:none}.header-left .logo-image{display:flex;align-items:center;height:5vh}.nav-links{position:relative;list-style:none;padding:0;margin:0;display:flex;align-items:center;justify-content:center;gap:12.5vw}.video-playing .nav-links:not(.show) a[href="/problem"],.video-playing .nav-links:not(.show) a[href="/start"],.video-playing .nav-links:not(.show) a[href="/abstract"]{display:flex;align-items:center;justify-content:center;flex-direction:row;padding:.3rem .5rem;border:1px solid black;background-color:#ffffff4d;border-radius:.5vw;line-height:1;transition:background-color .6s,box-shadow .2s,transform .2s}.video-playing .nav-links:not(.show) a[href="/problem"]:hover,.video-playing .nav-links:not(.show) a[href="/start"]:hover,.video-playing .nav-links:not(.show) a[href="/abstract"]:hover,.video-playing .nav-links:not(.show) a.active[href="/problem"],.video-playing .nav-links:not(.show) a.active[href="/start"],.video-playing .nav-links:not(.show) a.active[href="/abstract"]{box-shadow:0 2px 6px var(--box-shodow-indicator);background-color:#ffffffe6;transform:translateY(-3px)}.indicator{position:absolute;border:1px solid var(--border-color);border-radius:.5vw;transition:all .25s ease;pointer-events:none;box-sizing:border-box;background-color:var(--indicator-background);box-shadow:0 2px 6px var(--box-shodow-indicator)}.nav-links.show{display:flex;flex-direction:column;width:100%;gap:0}.nav-links li{display:flex;flex-direction:row;align-items:center;width:100%;text-align:center}.nav-links a{width:100%;color:var(--text-color);font-size:1.5vw;text-decoration:none;outline:none}.only-when-open{transition:opacity .4s ease,transform .4s ease}.only-when-open.hidden{display:none;transform:translateY(-10px);pointer-events:none}.only-when-open.visible{opacity:1;transform:translateY(0);pointer-events:auto}.profile-icon{display:flex;align-items:center;justify-content:center;height:100%;color:var(--text-color);font-size:4vh;transition:color .3s ease}.profile-icon:hover{cursor:pointer;color:var(--link-hover-color)}.hamburgers-container{display:flex}.hamburger{display:none;cursor:pointer;color:var(--text-color)}.darkmode-toggle{font-size:4vh;display:flex;align-items:center;cursor:pointer;color:var(--text-color)}.darkmode-toggle:hover{color:var(--link-hover-color)}.container-for-besties{display:flex;align-items:center}.profile-dropdown{position:absolute;top:100%;right:0;background-color:var(--profile-dropdown-background);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:.4vh;box-shadow:0 .2vh 1vh #0000001a;min-width:5vh;z-index:1000;margin-top:.5vh;margin-right:.5vh;font-size:2.3vh}.profile-dropdown ul{list-style:none;padding:0;margin:0}.linksToDifferentPages{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:10px}.profile-dropdown ul li a{display:block;padding:1vh 2vh;color:var(--text-color);text-decoration:none;transition:background-color .2s}.profile-dropdown ul li a:hover{background-color:var(--profile-dropdown-hover-background)}@media (max-width: 768px){.hamburger{display:flex;align-items:center;justify-content:flex-end;width:100%;font-size:4vh;z-index:1010}.hamburger:hover{color:var(--link-hover-color)}.header-nav{position:absolute;top:var(--header-height);right:0;width:100vw;background-color:var(--header-background);border-top:1px solid var(--border-color);flex-direction:column;align-items:center;overflow:hidden;max-height:0;opacity:0;transition:max-height .5s ease,opacity .4s ease,backdrop-filter .5s ease;backdrop-filter:blur(0);-webkit-backdrop-filter:blur(0);z-index:100000}.header-nav.show{max-height:calc(14vh + 4px);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);opacity:1}.nav-links{flex-direction:column;width:100%}.nav-links li{border-bottom:1px solid var(--border-color)}.nav-links a{font-size:2.15vh;height:3.5vh;width:100%;text-align:center}}@media (max-width: 325px){.header-left .logo-image{display:none}.container-for-besties{width:100%;display:flex;align-items:center;justify-content:center}}:root{--modal-login-bg: white;--modal-login-text: black;--modal-login-shadow: rgba(0, 0, 0, .2);--background-color-Github-login: #d3d3d3;--text-color-Github-login: #000}body.dark-mode{--modal-login-bg: #1e1e1e;--modal-login-text: #f5f5f5;--modal-login-shadow: rgba(0, 0, 0, .6);--background-color-Github-login: #000;--text-color-Github-login: #fff}.overlay-content-login{background-color:var(--modal-login-bg);color:var(--modal-login-text);padding:2rem;border-radius:10px;width:100%;max-width:400px;box-shadow:0 4px 10px var(--modal-login-shadow);position:relative;animation:fadeIn .3s ease-in-out}.login-button-container{padding-top:10px;width:100%;display:flex;justify-content:center}.github-login-button{display:flex;align-items:center;justify-content:center;gap:10px;background-color:var(--background-color-Github-login);color:var(--text-color-Github-login);font-size:16px;font-weight:500;padding:12px 20px;border:none;border-radius:12px;cursor:pointer;width:100%;transition:transform .2s ease}.github-login-button:hover{transform:scale(1.03)}.github-icon{font-size:20px}.success-text{font-size:1vw;color:#0f0;display:flex;justify-content:center}.error-text{color:red;font-size:1vw;margin:0;height:100%}@keyframes fadeIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@media (max-width: 700px){.overlay-content-login{padding:1.5rem;max-width:50%;height:60vw}.login-button{width:80px;height:26px;font-size:1.8vw}.login-footer{font-size:3vw}.error-text{font-size:2vw}.login-title{font-size:5vw;margin:0}}@media (max-width: 430px){.overlay-content-login{height:90vw}.login-button{font-size:3vw}}@media (max-width: 300px){.overlay-content-login{height:170vw}.login-button{width:80px;height:26px;font-size:5vw}.login-footer{font-size:5vw}.login-title{font-size:10vw;margin:0}.error-text{font-size:5vw}}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000;opacity:1;transition:opacity .3s ease}.fade-in{opacity:1}.fade-out{opacity:0;pointer-events:none}.login-title{font-size:24px;font-weight:700;margin-bottom:24px;text-align:center;margin-block-end:0;margin-block-start:-.8em;padding-bottom:.8em}.login-button-container{display:flex;justify-content:center;margin-top:16px}.login-button{background-color:#000;color:#fff;padding:12px 24px;border:none;border-radius:4px;font-size:16px;cursor:pointer}.login-button:hover{background-color:#333}.close-btn{cursor:pointer}.close-btn:hover{color:#d3d3d3}:root{--border-color: rgb(0, 0, 0);--header-background: #fff;--text-color: black;--link-hover-color: grey;--profile-dropdown-background: white;--profile-dropdown-hover-background: #f5f5f5;--card-background: linear-gradient(to bottom right, #e0eafc, #cfdef3);--card-border: var(--border-color);--card-shadow: rgba(0, 0, 0, .15);--btn-logout-bg: #ff6b6b;--btn-logout-bg-hover: #ff5252;--btn-login-bg: #3498db;--btn-login-bg-hover: #2980b9;--btn-signup-bg: #2ecc71;--btn-signup-bg-hover: #27ae60;--btn-text-color: white;--localstorage-bg: #fff;--localstorage-shadow: rgba(0, 0, 0, .15)}body.dark-mode{--border-color: rgb(255, 255, 255);--header-background: #121212;--text-color: #f0f0f0;--link-hover-color: #bbbbbb;--profile-dropdown-background: #1e1e1e;--profile-dropdown-hover-background: #333;--card-background: linear-gradient(to bottom right, #2a2f36, #1e2227);--card-border: var(--border-color);--card-shadow: rgba(0, 0, 0, .5);--btn-logout-bg: #c94c4c;--btn-logout-bg-hover: #b03e3e;--btn-login-bg: #25639f;--btn-login-bg-hover: #1f4f7a;--btn-signup-bg: #239f70;--btn-signup-bg-hover: #1d7a5a;--btn-text-color: white;--localstorage-bg: #1e1e1e;--localstorage-shadow: rgba(0, 0, 0, .5)}.profile-container{display:flex;justify-content:center;align-items:center;height:100%;width:100%;background:var(--header-background);color:var(--text-color);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.profile-card{background:var(--card-background);padding:2rem;border-radius:20px;box-shadow:0 8px 24px var(--card-shadow);border:1px solid var(--card-border);text-align:center;width:500px}.profile-content{display:flex;justify-content:space-between;align-items:flex-start;gap:2rem}.profile-info{text-align:center}.avatar{width:80px;height:80px;margin:0 auto 1rem;background-color:var(--btn-login-bg);color:var(--btn-text-color);border-radius:50%;font-size:2rem;display:flex;justify-content:center;align-items:center}.profile-card h2{margin:.5rem 0;color:var(--text-color)}.email{color:var(--link-hover-color);font-size:.9rem;margin-bottom:1rem}.login-hint{font-style:italic;color:var(--link-hover-color);font-size:.85rem}.logout-btn{margin-top:2rem;background-color:var(--btn-logout-bg);border:none;padding:.6rem 1.2rem;color:var(--btn-text-color);border-radius:8px;cursor:pointer;font-weight:600;transition:all .3s ease}.logout-btn:hover{background-color:var(--btn-logout-bg-hover);border:1px solid var(--border-color)}.auth-btn{border:none;padding:.6rem 1.2rem;border-radius:8px;cursor:pointer;font-weight:600;margin:.5rem;width:100%;transition:background-color .3s ease}.auth-btn.login{background-color:var(--btn-login-bg);color:var(--btn-text-color)}.auth-btn.login:hover{background-color:var(--btn-login-bg-hover)}.auth-btn.signup{background-color:var(--btn-signup-bg);color:var(--btn-text-color)}.auth-btn.signup:hover{background-color:var(--btn-signup-bg-hover)}.localstorage-section{text-align:left;padding:0 .5rem}.localstorage-item{margin-top:10px;display:flex;flex-direction:column;align-items:center;border:1px solid var(--border-color);border-radius:8px;padding:5px;background:var(--localstorage-bg);box-shadow:0 8px 24px var(--localstorage-shadow)}.localstorage-item p{margin:0 0 5px;font-weight:700;color:var(--text-color);word-break:break-word}.button-group-profile{display:flex;align-items:center;gap:.5rem;margin:.5rem 0}.option-btn{background-color:var(--btn-login-bg);color:var(--btn-text-color);border:1px solid var(--btn-border, var(--border-color));padding:6px 12px;border-radius:6px;font-size:1rem;display:flex;align-items:center;font-weight:700;cursor:default}.option-btn:hover{border:1px solid var(--btn-border, var(--border-color))}.refresh-icon{margin-left:.5rem;height:16px;stroke-width:3px;cursor:pointer;transform:rotate(90deg);transition:transform .3s ease;color:#fff}.refresh-icon:hover{color:#fff;transform:rotate(-60deg)}.option-btn:focus,.refresh-icon:focus{outline:none}.review-card{background-color:#fff;color:#333;border-radius:10px;text-align:left;width:350px;margin:1rem auto;border:1px solid black;box-shadow:0 4px 8px #0000001a;position:relative;overflow-y:auto;height:200px}.review-header{display:flex;justify-content:space-between;align-items:center}.review-header h4{margin:0;font-weight:700}.icon-buttons{display:flex;gap:.5rem}.icon-rev{width:18px;height:18px;cursor:pointer;color:#333;transition:transform .2s}.icon-rev:hover{transform:scale(1.2)}.stars{margin-top:.5rem;font-size:1.2rem}.review-message{font-style:italic;color:#333;margin-top:0;word-break:break-word;overflow-wrap:anywhere}.edit-textarea{width:100%;font-size:.95rem;padding:.75rem 1rem;border-radius:6px;border:1px solid #aaa;background:transparent;outline:none;color:#000;resize:none;box-sizing:border-box;overflow-y:hidden;margin-top:.5rem}.stars span{font-size:2rem;padding:.2rem;border-radius:50%}.empty-body{padding-top:1rem;text-align:center}:root{--box-shadow: rgba(0, 0, 0, .4)}body.dark-mode{--box-shadow: rgba(255, 255, 255, .2)}.info-tooltip-wrapper{display:flex;flex-direction:row;align-items:center;justify-content:center}.tooltip-box{background:#8b8b8b;color:#fff;padding:6px 10px;border-radius:4px;font-size:.875rem;border:1px solid black;max-width:200px;z-index:10000000;white-space:pre-wrap;box-shadow:0 4px 12px var(--box-shadow)}.welcome-root{position:relative;display:flex;flex-direction:column}.welcome-hero{position:fixed;right:0;bottom:0;left:0;top:0;width:100%;height:100vh;object-fit:cover;z-index:1;pointer-events:none;opacity:0;transform:translateY(10vh);transition:opacity 3s ease,transform .8s ease}.welcome-hero.fade-in-hero{opacity:1;transform:translateY(0)}.welcome-hero-static{transform:translateY(0);opacity:1;position:static;height:calc(100vh - var(--header-height, 0px));z-index:0;width:unset;pointer-events:auto}.welcome-hero-static.done{background:#ffffff4d;transform:translateY(-60vh)}.welcome-content{position:static;z-index:0;background:var(--header-background, #fff);color:var(--text-color, #222);font-family:Segoe UI,Roboto,sans-serif;width:100%;height:100%}body:not(.dark-mode){--details-bg: #ffffff;--review-gradient: rgb(228, 228, 228)}body.dark-mode{--details-bg: #1c1e26;--review-gradient: rgb(107, 107, 107)}.welcome-container{font-family:sans-serif;display:flex;flex-direction:column;align-items:center}.welcome-text-background{position:relative;z-index:3;background-size:cover;background-position:center;width:100%;padding:4rem 2rem;color:#fff;transition:min-height .6s ease,opacity .6s ease;overflow:hidden;min-height:100vh;opacity:0;box-sizing:border-box}.welcome-text-background:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom,#0000,#0009);z-index:2;pointer-events:none}.welcome-text-background.done{min-height:22vh;opacity:1}.welcome-text-section{position:relative;z-index:4;display:flex;flex-direction:column;align-items:center;opacity:0;transform:translateY(20px);transition:opacity .6s ease,transform .6s ease}.welcome-text-section.visible{opacity:1;transform:translateY(0)}.welcome-text-title{font-size:2.5rem;margin-bottom:1rem}.welcome-text-buttons button{margin:0 1vw;background-color:#ffffff4d;color:#fff;border:1px solid rgba(255,255,255,.5);border-radius:999px;padding:.6rem 1.4rem;font-size:1rem;font-weight:500;cursor:pointer;transition:background .3s ease,transform .2s ease,box-shadow .3s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.welcome-text-buttons button:hover{background-color:#ffffff40;box-shadow:0 4px 20px #ffffff1a;transform:translateY(-2px)}.welcome-text-buttons button:active{transform:scale(.98)}.welcome-text-buttons a{color:inherit;text-decoration:none;font:inherit}.details-wrapper{position:relative;width:100%;margin-top:-20vh;padding-top:10vh;overflow:hidden;display:flex;flex-direction:column;justify-content:center;align-items:center;color:#000}.background1-slide{position:absolute;top:0;left:0;z-index:1;width:100%;height:100%;background:linear-gradient(to right,#fce3b0,#cde8c4);animation:slideDown .8s ease forwards}@keyframes slideDown{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}.details-section{z-index:2;margin-bottom:calc(10rem + 4vh);padding:3rem;background:#fffc;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:1rem;opacity:0;box-shadow:0 10px 30px #00000040;transform:translateY(-40px);transition:opacity .6s ease,transform .6s ease}.details-section.visible{opacity:1;transform:translateY(0)}.welcome-heading{font-size:5em;margin-top:20vh;margin-bottom:3rem;line-height:1.2;text-shadow:2px 2px 8px rgba(0,0,0,.25);text-align:center;color:#000;font-weight:100;z-index:3;opacity:0;transform:translateY(-40px);transition:opacity .6s ease,transform .6s ease}.welcome-heading.slide-in{opacity:1;transform:translateY(0)}.description-welcome{z-index:3;font-size:1.25rem;line-height:1.8;max-width:80%;margin:auto 2rem 5rem;text-align:center;color:#000000d9;opacity:0;transform:translateY(-40px);transition:opacity .6s ease,transform .6s ease}.description-welcome.slide-in{opacity:1;transform:translateY(0)}.welcome-steps{padding-left:1.5rem;margin-top:1rem}.welcome-steps li{margin-bottom:1.4rem;list-style-type:decimal;line-height:1.6;font-size:1.3rem;font-weight:300;opacity:0}@keyframes slideInRight{0%{opacity:0;transform:translate(80px)}to{opacity:1;transform:translate(0)}}.welcome-steps li.slide-in-right{animation:slideInRight .6s ease forwards}.review-section{position:relative;display:flex;align-items:center;justify-content:center;height:80vh;z-index:100;width:100%;overflow:hidden;margin-top:calc(-2% - 4vh)}.review-section:before{content:"";position:absolute;top:0;left:0;width:100%;height:20vh;background:var(--review-gradient);border:5px solid var(--border-color);border-radius:0 0 20px 20px;clip-path:polygon(0 0,100% 20%,100% 100%,0% 100%);box-shadow:inset 0 -1px #fff3;z-index:3;opacity:0;transform:translateY(-40px);transition:opacity .6s ease,transform .6s ease}.review-section:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:20vh;background:var(--review-gradient);border:5px solid var(--border-color);border-radius:20px 20px 0 0;clip-path:polygon(0 0,100% 0%,100% 80%,0% 100%);box-shadow:inset 0 1px #fff3;z-index:3;opacity:0;transform:translateY(40px);transition:opacity .6s ease,transform .6s ease}.review-section.animate-pseudo:before{opacity:1;transform:translateY(0)}.review-section.animate-pseudo:after{opacity:1;transform:translateY(0)}.container-review-slope-top1{position:absolute;top:0%;left:0;margin-top:-2.7px;width:100%;height:20vh;z-index:2;pointer-events:none;overflow:hidden;clip-path:polygon(0 0,100% 20%,100% 100%,0% 85%);animation-duration:.6s;animation-fill-mode:forwards;opacity:0}.container-review-slope-top1.animate-top{animation-name:fadeInReview}.review-slope-top1{width:100%;height:100%;transform:scaleY(.5);transform-origin:top}.review-slope-top1:before{content:"";display:block;width:100%;height:100%;background:var(--border-color)}.container-review-slope-top2{position:absolute;top:calc(100% - 20vh);left:0;margin-top:2.7px;width:100%;height:20vh;z-index:2;pointer-events:none;overflow:hidden;clip-path:polygon(0 0,100% 0%,100% 80%,0% 100%);animation-duration:.6s;animation-fill-mode:forwards;opacity:0}.container-review-slope-top2.animate-bottom{animation-name:fadeInReview}.review-slope-top2{width:100%;height:100%;position:absolute;top:calc(100% - 10vh + 2.7px);transform:scaleY(.5);transform-origin:top}.review-slope-top2:before{content:"";display:block;width:100%;height:100%;background:var(--border-color)}@keyframes fadeInReview{0%{opacity:0}to{opacity:1}}@media (max-width: 768px){.welcome-heading{font-size:3em}.description-welcome{font-size:.8rem}.details-section.visible{padding:1rem}.welcome-steps li{font-size:1rem}}@media (max-width: 410px){.welcome-heading{font-size:2em}}@media (max-width: 510px){.welcome-text-title{font-size:2em}}@media (max-width: 380px){.welcome-text-title{font-size:1.5em}.welcome-text-buttons button{font-size:.8rem;padding:.4rem 1rem}}body:not(.dark-mode){--background-color-review: #fff;--text-color-review: #333;--primary-text-color-review: rgb(211, 211, 211);--secondary-text-color-review: #666;--star-color-review: #b9b9b9;--star-filled-color-review: rgb(255, 217, 0);--box-shadow-review: rgba(0, 0, 0, .1);--edge-fade-bg-review: rgba(255, 255, 255, .4);--five-stars-glowing: linear-gradient( 135deg, #ff0077, #ffcc00, #00e1ff, #00ff88, #ffcc00 )}body.dark-mode{--background-color-review: #333;--text-color-review: #fff;--primary-text-color-review: #8a8a8a;--secondary-text-color-review: #cccccc;--star-color-review: #666;--star-filled-color-review: #ffcc00;--box-shadow-review: rgba(0, 0, 0, .5);--edge-fade-bg-review: rgba(0, 0, 0, .4);--five-stars-glowing: linear-gradient( 135deg, #00e1ff 0%, #6a00ff 35%, #ff00f2 65%, #ffcc00 100% )}.review-section2{width:100%;height:50%;position:relative;overflow:hidden;opacity:0;transform:translate(50px);transition:opacity .6s ease,transform .6s ease}.review-section2.fade-in-rev{transform:translate(0);opacity:1}.review-marquee-container{position:relative;height:100%;width:100%}.edge-fade{position:absolute;top:0;bottom:0;width:100px;z-index:2;pointer-events:none}.left-fade{left:0;background:linear-gradient(90deg,var(--edge-fade-bg-review) 0%,transparent 100%)}.right-fade{right:0;background:linear-gradient(270deg,var(--edge-fade-bg-review) 0%,transparent 100%)}.review-marquee{position:absolute;top:0;left:0;right:0;height:100%;overflow:hidden}.review-track{display:flex;height:100%;align-items:center;gap:10vw;width:max-content;will-change:transform;transition:transform .1s linear}.review-box{flex:0 0 auto;width:300px;height:20vh;background:var(--primary-text-color-review);color:var(--text-color-review);font-size:1.1rem;padding:1.5rem 2rem;border-radius:10px;box-shadow:0 4px 20px var(--box-shadow-review);display:flex;flex-direction:column;align-items:center;justify-content:center;transition:filter .3s ease}.five-stars{position:relative;z-index:0;display:block;overflow:hidden;word-break:break-word;overflow-wrap:anywhere}.five-stars:before{content:"";position:absolute;z-index:-1;top:-2px;right:-2px;bottom:-2px;left:-2px;background:var(--five-stars-glowing);background-size:400%;filter:blur(3px);animation:glowingBorder 8s linear infinite}@keyframes glowingBorder{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.review-username{font-weight:700;margin-bottom:.5rem;display:flex;justify-content:center}.review-stars{display:flex;justify-content:center;gap:.2rem;margin-bottom:.5rem}.star{color:var(--star-color-review);font-size:1.5rem}.star.filled{color:var(--star-filled-color-review)}.review-comment{margin-top:0;font-style:italic;color:var(--secondary-text-color-review);text-align:center;height:100%;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;word-break:keep-all;min-width:0;max-width:100%}.review-comment.expanded{-webkit-line-clamp:unset;line-clamp:unset;overflow:visible}.comment-wrapper{text-align:center;display:flex;flex-direction:column;align-items:center;gap:.25rem}.read-more{position:absolute;top:80%;background:none;border:none;font-weight:600;cursor:pointer;margin-left:.25rem;padding:0}.read-more:focus,.read-more:focus-visible{outline:none}body{--seg-btn-bg-hover-inverse: #333}body.dark-mode{--seg-btn-bg-hover-inverse: #eee}.team-container{position:relative;overflow:hidden;padding:20px;font-family:Arial,sans-serif;width:100%;margin-top:-10vh;padding:20vh 5vw;padding-bottom:8vh;box-sizing:border-box;color:#000}.team-content{position:relative;z-index:1;text-align:center;opacity:0}.MeetOutTeam{font-size:3rem;margin-top:-3rem;margin-bottom:3rem}.team-layout{display:flex;flex-wrap:wrap;justify-content:center;gap:20%;margin-top:30px}.team-left,.team-right{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:40px;opacity:0}@media (min-width: 768px){.team-left{margin-right:60px}.team-right{flex-direction:row}}@media (max-width: 768px){.team-layout{flex-direction:column;gap:120px}}@keyframes slideTopInTeam{0%{opacity:0;transform:translateY(-40px)}to{opacity:1;transform:translateY(0)}}.slide-in-top-team{animation:slideTopInTeam .6s ease-out forwards}.delay-0{animation-delay:0s}.delay-1{animation-delay:.4s}.delay-2{animation-delay:.8s}.team-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:40px;margin-top:30px}.team-card{max-width:200px;text-align:center}.team-avatar{width:160px;height:160px;object-fit:cover;border-radius:50%;border:4px solid var(--main-background);box-shadow:0 2px 6px #0000001a;margin-bottom:12px}.team-tag{display:inline-block;margin-top:8px;padding:4px 10px;background-color:var(--seg-btn-bg-hover);border-radius:10px;font-size:.8rem;color:var(--seg-btn-bg-hover-inverse)}.team-background{position:absolute;box-sizing:border-box;top:-100%;left:0;opacity:0;transition:top .8s ease-out,opacity .8s ease-out;z-index:0}.team-background.bg-visible{top:0;opacity:1}.app-footer{width:100%;box-sizing:border-box;border-top:1px solid var(--border-color);opacity:0;transition:opacity .6s ease}.app-footer.faded{opacity:1}.footer-content{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:1rem calc(100% / 9);box-sizing:border-box}.allThesis-container{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%}.allthesis-title{font-family:var(--font-family);font-size:1.5rem}.footer-lineEnd{display:flex;flex-direction:row;justify-content:center;gap:calc(100% / 3);align-items:center;width:100%}:root{--checkMark-tutorial: green}body.dark-mode{--checkMark-tutorial: lightgreen}.container-problem{position:relative;width:100%;height:100%;display:grid;grid-template-columns:20vw 1vw auto;grid-template-areas:"left-side separator right-side";color:var(--text-color);align-items:center;background-color:transparent}.custom-line{grid-area:separator;display:flex;justify-content:center;width:2px;height:100%;background-color:var(--border-color);align-self:center;transition:.3s width ease}.custom-line:hover{width:4px;cursor:ew-resize}.right-side-problem{grid-area:right-side;width:100%;height:100%;display:flex;flex-direction:column;align-items:flex-start;color:var(--text-color);overflow-y:auto}.container-tutorial-problem{border:2px solid var(--text-color);border-radius:50%;position:absolute;margin:0 0 5px 5px;bottom:0;left:0;font-size:1.1rem;cursor:pointer;transition:font-size .2s ease,transform .2s ease}.container-tutorial-problem.abstract{left:5px}.container-tutorial-problem:hover{transform:scale(1.1);font-weight:700}.Tutorial-Problem{width:27px;height:27px;display:flex;align-items:center;justify-content:center}.tutorial-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;pointer-events:none;z-index:10000}.overlay-block{position:absolute;background:#000000b3;pointer-events:all}.overlay-hole{position:absolute;pointer-events:all}.overlay-hole.hover-enabled{pointer-events:all}.tutorial-overlay.with-anim .overlay-block{transition:all .4s ease}.tutorial-overlay.no-anim .overlay-block{transition:none}.tutorial-step-container{width:280px;background:var(--dropdown-bg);color:var(--text-color);border:1px solid black;border-radius:6px;box-shadow:0 4px 20px #0003;padding:16px;z-index:10000;display:flex;flex-direction:column;pointer-events:auto}.close-button-tutorial:hover{color:gray;cursor:pointer}.tutorial-header{font-size:17px;margin-bottom:12px;font-weight:700}.tutorial-content{flex:1;margin-bottom:16px;font-size:17px;max-height:400px;overflow-y:auto}.tutorial-footer{display:flex;justify-content:space-between;gap:20px}.tutorial-footer button{background-color:#6da096}.tutorial-footer button{width:100px;padding:4px 16px;font-size:15px;cursor:pointer;outline:none;border:1px solid grey;transition:transform .3s ease}.skip-button-tutorial{display:flex;align-items:center;justify-content:center;flex-direction:row;gap:2px;color:var(--text-color)}.check-icon-tutorial{color:var(--checkMark-tutorial)}.tutorial-footer button.active{outline:none}.tutorial-footer button:not(:disabled):hover{transform:translateY(-1px)}.tutorial-footer button:disabled{opacity:.5;cursor:default}.tutorial-overlay.with-anim .tutorial-step-container{transition:all .4s ease}.tutorial-overlay.no-anim .tutorial-step-container{transition:none}.tutorial-progress-container{margin-bottom:16px}.tutorial-progress-bar{position:relative;height:15px;border:2px solid black;border-radius:8px;overflow:hidden;display:flex;align-items:center;font-family:monospace}.tutorial-progress-fill{background-color:#27ae60;height:100%;display:flex;align-items:center;padding-left:8px;transition:width .4s ease;color:#000;font-weight:700;overflow:hidden;position:relative}.tutorial-progress-fill:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:waveFlow 4s linear infinite;transform:translate(-100%);-webkit-mask-image:url('data:image/svg+xml;utf8,');mask-image:url('data:image/svg+xml;utf8,');-webkit-mask-size:100px 100%;mask-size:100px 100%;-webkit-mask-repeat:repeat-x;mask-repeat:repeat-x}@keyframes waveFlow{0%{transform:translate(-100%)}to{transform:translate(0)}}.impulse-dots{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.impulse-dot{position:absolute;width:6px;height:6px;border-radius:50%;animation:dotFlow 4s linear infinite;filter:brightness(1.2);opacity:.8}@keyframes dotFlow{0%{transform:translate(-20px) translateY(0) scale(.8);opacity:0}20%{transform:translate(0) translateY(-3px) scale(1);opacity:.8}80%{transform:translate(80%) translateY(2px) scale(1);opacity:.8}to{transform:translate(100%) translateY(0) scale(.8);opacity:0}}.tutorial-progress-number{z-index:1;font-size:10px;font-weight:400;color:var(--text-color)}.tutorial-progress-total{position:absolute;right:8px;font-size:10px;color:#000;color:var(--text-color)}:root{--color-fade-problem: rgba(255, 255, 255, .8)}body.dark-mode{--color-fade-problem: rgba(0, 0, 0, .8)}.left-side{grid-area:left-side;display:flex;width:100%;height:calc(100vh - var(--header-height))}.left-side-title{display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:2vw;font-weight:700;text-align:center;position:relative;margin:0}.custom-line-left-side{width:100%;height:1px;background-color:#000}.left-side-content{display:grid;grid-template-rows:40px calc(50% - 40.5px) 1px 40px calc(50% - 40.5px);grid-template-areas:"defaultTitle" "default1" "seperator" "customTitle" "custom";flex-direction:column;align-items:center;width:100%;height:100%}.default-problems-parent{grid-area:default1;height:100%;overflow-y:auto;box-sizing:border-box;display:block;margin:-30px 0}.default-problems-parent:before,.default-problems-parent:after,.custom-problems-parent:before,.custom-problems-parent:after{content:"";position:sticky;display:block;left:0;right:0;height:20px;z-index:2;pointer-events:none;background:linear-gradient(to bottom,var(--color-fade-problem),transparent)}.default-problems-parent:before,.custom-problems-parent:before{top:0}.default-problems-parent:after,.custom-problems-parent:after{bottom:0;background:linear-gradient(to top,var(--color-fade-problem),transparent)}.default-problems{height:auto;display:flex;flex-direction:column;align-items:center;gap:5px}.custom-line-problem{grid-area:seperator;margin:0;border-style:solid;margin-block:0;margin-inline:0;unicode-bidi:normal;border-width:0;background-color:var(--text-color);height:1px}.custom-problems-parent{grid-area:custom;height:100%;overflow-y:auto;box-sizing:border-box;display:block;margin:-30px 0}.custom-problems{height:auto;display:flex;flex-direction:column;align-items:center;gap:5px;height:calc(100% - 40px)}.default-problem-title,.custom-problem-title{display:flex;align-items:center;justify-content:center;font-size:larger;border-bottom:1px solid var(--text-color)}.default-problem-title{grid-area:defaultTitle;height:100%}.custom-problem-title{grid-area:customTitle;justify-content:space-evenly;height:calc(100% - 1px)}.plus-custom-problems:hover{transition:.3s color ease}.plus-custom-problems:hover{cursor:pointer;color:gray}.plus-custom-problems.plus-error{color:red}.container-separator-problem{width:100%;height:100%;display:flex}.general-button{display:flex;justify-content:center;align-items:center;flex-shrink:0;width:150px;height:50px;font-weight:400;background-color:#d3d3d3;border:1px solid black;color:#000;font-size:15px;border-radius:.5vw;cursor:pointer;transition:background-color .3s ease-in-out;box-shadow:2px 2px 5px #0003;text-transform:none;word-break:break-word;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.general-button:hover{background-color:#a9a9a9;border:1px solid black;color:#000}.general-button.activeA{background-color:gray;border:1px solid black;color:#000;background-color:#ff0}.general-button.activeB{border:1px solid black;color:#000;background-color:gray}.problem-details-container{display:grid;grid-template-rows:5vw 1px auto;grid-template-areas:"top" "center" "bottom";flex-direction:column;align-items:flex-start;padding:2vw 5vw}.problem-title{all:unset;grid-area:top;font-size:2vw;font-weight:700;display:flex;align-items:center;justify-content:flex-start;gap:30px;height:100%;margin:0}.inner-Title{display:flex;flex-direction:row;gap:10px;align-items:center;text-align:center;justify-content:center;height:100%}.icon-problem-descripition{width:2vw}.icon-problem-descripition:hover{fill:#d3d3d3;cursor:pointer}.problem-text{grid-area:bottom;white-space:pre-wrap;font-size:1vw;margin:0}.problem-text-no-details{grid-area:bottom;white-space:pre-wrap;font-size:2vw;margin:0;color:#d3d3d3;font-weight:700;text-decoration:wavy;text-shadow:0 0 black;display:flex;justify-content:center;align-items:center}.check-button{width:5.4vw;height:2.2vw;font-size:1vw;font-weight:700;background-color:#297c29;border:1px solid darkgreen;border-radius:.5vw;cursor:pointer;transition:background-color .3s ease,box-shadow .3s ease;color:#fff;display:flex;align-items:center;justify-content:center;outline:none}.check-button:hover{background-color:#006400;box-shadow:0 0 10px 2px #fff6}.check-button:focus{outline:none}.check-button:active{outline:none;box-shadow:none}:root{--border-color-problem-overlay: lightgrey;--textarea-background-color: #f0f0f0}body.dark-mode{--border-color-problem-overlay: rgb(105, 105, 253);--textarea-background-color: #333333}.overlay-backdrop-problemOverlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;background-color:#00000080;display:flex;align-items:center;justify-content:center}.overlay-container-problemOverlay{position:relative;background:var(--header-background);border-radius:0 8px 8px;box-shadow:inset 1px 0 0 0 var(--border-color),inset -1px 0 0 0 var(--border-color),inset 0 -1px 0 0 var(--border-color);width:100px;height:500px;overflow-x:hidden;padding:1.5rem;transition:width .4s ease}.overlay-container-problemOverlay.entered{width:600px;overflow:visible}.overlay-tabs-problemOverlay{position:absolute;top:-1.5rem;left:0;display:flex;gap:.5rem;z-index:-1}.tab-problemOverlay{color:var(--text-color);padding:.2rem .8rem .4rem;background:var(--header-background);border:1px solid var(--border-color);border-bottom:none;border-top-left-radius:4px;border-top-right-radius:4px;cursor:pointer;transition:transform .2s ease,background-color .2s ease,padding-top .2s ease;z-index:-1;display:flex}.tab-problemOverlay:disabled{cursor:not-allowed}.tab-problemOverlay.active{background:var(--header-background);border-color:var(--border-color);height:50px;transform:translateY(-10px);font-weight:600;padding-top:.5em}.tab-problemOverlay.active:hover{border-color:var(--border-color-problem-overlay);box-shadow:0 0 2px var(--border-color-problem-overlay)}.overlay-header-problemOverlay{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.tab-problemOverlay:focus{outline:none;box-shadow:none}.tab-problemOverlay:active{outline:none;box-shadow:none}.tab-problemOverlay::-moz-focus-inner{border:0}.overlay-container-problemOverlay input:focus,.overlay-container-problemOverlay input:active,.overlay-container-problemOverlay textarea:focus,.overlay-container-problemOverlay textarea:active{outline:none;box-shadow:none;border-color:var(--border-color)}.overlay-container-problemOverlay button::-moz-focus-inner{border:0}.overlay-close-problemOverlay{cursor:pointer;z-index:2;position:absolute;top:5px;right:5px}.overlay-body-problemOverlay .step-problemOverlay,.overlay-body-problemOverlay .step-problemOverlay1{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.overlay-body-problemOverlay label{font-weight:600}.overlay-body-problemOverlay input,.overlay-body-problemOverlay textarea{width:100%;padding:.5rem;border:1px solid var(--border-color);border-radius:4px;resize:vertical}.overlay-footer-problemOverlay{display:flex;justify-content:flex-end;gap:.5rem;position:absolute;right:1.5rem;bottom:1.5rem}.overlay-footer-problemOverlay button{padding:.5rem 1rem;border:none;border-radius:4px;cursor:pointer}.overlay-footer-problemOverlay button:disabled{opacity:.5;cursor:not-allowed}.overlay-body-problemOverlay textarea{resize:none;overflow:auto;word-break:break-word;overflow-wrap:anywhere;height:240px;overflow-y:auto;background-color:var(--textarea-background-color);color:var(--text-color);box-sizing:border-box}.overlay-body-problemOverlay input{background-color:var(--textarea-background-color);color:var(--text-color);box-sizing:border-box}.step-problemOverlay textarea{height:313px}:root{--main-background: #ffffff;--text-color: #000000;--divider-color: #000000}body.dark-mode{--main-background: #121212;--text-color: #f0f0f0;--divider-color: #a2a2a2}.slide-wrapper{overflow:hidden;position:relative;height:100%}.container-main{display:flex;width:100vw;transition:transform .6s ease}.slide-wrapper.slide-left .container-main{transform:translate(-100vw)}.container-main{display:flex;flex-direction:row;height:100%;width:100%;overflow:hidden;background-color:var(--main-background);color:var(--text-color)}.middle-column,.left-column,.right-column{width:100%;height:100%;background-color:var(--main-background);color:var(--text-color);overflow:hidden;display:flex;flex-direction:column}.container-main .left-column{width:var(--left-width);font-size:var(--step-font-size-left)}.container-main .middle-column{flex:1 1 auto}.container-main .right-column{width:var(--right-width);font-size:var(--step-font-size-right)}.right-column{width:var(--right-width)}.divider{width:3px;background-color:var(--divider-color);cursor:col-resize;-webkit-user-select:none;user-select:none}.divider:hover{background-color:#2f4f4f}:root{--main-background: #fff;--text-color: black;--border-color: black;--seg-btn-bg: #f9f9f9;--seg-btn-bg-hover: #eee;--seg-btn-active-bg: #ddd;--seg-btn-border: #ccc;--seg-btn-active-border: #b9b9b9;--dropdown-bg: #fff;--dropdown-border: #ddd;--dropdown-hover-bg: #f1f1f1}body.dark-mode{--main-background: #121212;--text-color: #f0f0f0;--border-color: #f0f0f0;--seg-btn-bg: #2a2a2a;--seg-btn-bg-hover: #333;--seg-btn-active-bg: #444;--seg-btn-border: #555;--seg-btn-active-border: #666;--dropdown-bg: #1e1e1e;--dropdown-border: #333;--dropdown-hover-bg: #2a2a2a}.left-content-main{display:grid;grid-template-rows:calc(var(--step-font-size, 1vw) * 5) auto;grid-template-areas:"header" "main";width:100%;overflow:auto;background-color:var(--main-background);color:var(--text-color);align-items:center}.button-group{display:flex;overflow:hidden;justify-content:space-evenly;gap:calc((33%) / 5);margin:0 calc(var(--step-font-size, 1vw) * .8);margin-top:2vh;box-sizing:border-box;align-items:center}.segmented-button{border:1px solid var(--seg-btn-border);width:33%;padding:12px 0;cursor:pointer;background-color:var(--seg-btn-bg);border-right:1px solid var(--seg-btn-border);border-radius:8px;-webkit-user-select:none;user-select:none;text-align:center;font-weight:500;display:flex;align-items:center;justify-content:center;font-size:calc(var(--step-font-size, 1vw) * .6);height:calc(var(--step-font-size, 1vw) * 1);color:var(--text-color)}.segmented-button:hover{transition:background-color .2s ease;background-color:var(--seg-btn-bg-hover)}.segmented-button.active{background-color:var(--seg-btn-active-bg);border:1px solid var(--seg-btn-active-border)}.all-type-of-content1{display:flex;font-size:.8vw;color:var(--text-color);margin-top:2vh}.container-problem-left1{display:flex;flex-direction:column;width:100%;background-color:var(--main-background);color:var(--text-color);align-items:center;padding:0 2vw}.problem-text-left1{white-space:pre-wrap;font-size:calc(var(--step-font-size, 1vw) * 1);height:100%;color:var(--text-color);max-width:100%;box-sizing:border-box;margin-top:40px;width:100%;min-width:0;flex-shrink:1}.problem-title-left1{position:relative;padding:calc(var(--step-font-size, 1vw) * 1.2),calc(var(--step-font-size, 1vw) * 1.2);display:flex;flex-direction:column;gap:.5vw;background-color:var(--main-background);color:var(--text-color);width:90%}.title-dropdown-trigger{font-size:calc(var(--step-font-size, 1vw) * 1.2);cursor:pointer;padding:.6vw 1.1vw;border-radius:6px;display:inline-flex;align-items:center;justify-content:space-between;-webkit-user-select:none;user-select:none;font-weight:700;background-color:var(--dropdown-bg);border:1px solid var(--dropdown-border);box-shadow:0 2px 10px #0000001a;color:var(--text-color);text-overflow:ellipsis;display:grid;grid-template-columns:90% 10%;grid-template-areas:"title arrow"}.title-start-problem{grid-area:title;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.title-dropdown-trigger:hover{transition:background-color .2s ease;background-color:var(--seg-btn-active-bg)}.title-dropdown-trigger.open{background-color:var(--seg-btn-active-bg)}.arrow-icon{font-size:calc(var(--step-font-size, 1vw) * 1);transition:transform .3s ease;color:var(--text-color);grid-area:arrow;display:flex;align-items:center;justify-content:center}.dropdown-menu1{position:absolute;top:calc(var(--step-font-size, 1vw) * 2.3 + 1.2vw);left:0;width:100%;z-index:1000;background-color:var(--dropdown-bg);border:1px solid var(--dropdown-border);border-radius:5px;box-shadow:0 2px 10px #0000001a;animation:dropdownOpen .25s ease-out forwards;max-height:300px;overflow-y:auto;transform-origin:top center;color:var(--text-color)}.dropdown-item-left-problem{font-size:1vw;padding:.4vw 1vw;cursor:pointer;border-bottom:1px solid var(--dropdown-border);text-align:center;background-color:var(--dropdown-bg);color:var(--text-color)}.problem-dropdown-title-start{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.dropdown-item-left-problem:last-child{border-bottom:none}.dropdown-item-left-problem:hover{background-color:var(--dropdown-hover-bg)}:root{--main-background: #fff;--text-color: black;--border-color: black;--seg-btn-bg: #f9f9f9;--seg-btn-bg-hover: #eee;--seg-btn-active-bg: #ddd;--seg-btn-border: #ccc;--seg-btn-active-border: #b9b9b9;--title-trigger-bg: #f5f5f5;--title-trigger-hover-bg: #f1f1f1;--title-trigger-active-bg: #e9e9e9;--title-trigger-border: #ddd;--dropdown-bg: #fff;--dropdown-border: #ddd;--dropdown-hover-bg: #f1f1f1;--file-hover-bg: lightblue;--file-hover-border: #a5d4f5;--file-selected-bg: rgb(125, 182, 240);--file-selected-hover-bg: #187bcd;--file-selected-border-hover: #125f9c;--delete-overlay-bg: rgba(211, 211, 211, .3);--delete-dialog-bg: #fff}body.dark-mode{--main-background: #121212;--text-color: #f0f0f0;--border-color: #f0f0f0;--seg-btn-bg: #2a2a2a;--seg-btn-bg-hover: #333;--seg-btn-active-bg: #444;--seg-btn-border: #555;--seg-btn-active-border: #666;--title-trigger-bg: #1e1e1e;--title-trigger-hover-bg: #2a2a2a;--title-trigger-active-bg: #333;--title-trigger-border: #444;--dropdown-bg: #1e1e1e;--dropdown-border: #333;--dropdown-hover-bg: #2a2a2a;--file-hover-bg: #333;--file-hover-border: #555;--file-selected-bg: #555;--file-selected-hover-bg: #666;--file-selected-border-hover: #444;--delete-overlay-bg: rgba(0, 0, 0, .5);--delete-dialog-bg: #1e1e1e}.left-main{display:flex;flex-direction:row;height:100%;width:100%;background-color:var(--main-background);color:var(--text-color)}.left-content-main{display:grid;grid-template-rows:calc(var(--step-font-size, 1vw) * 5) auto;grid-template-areas:"header" "main";width:100%;overflow:auto;background-color:var(--main-background);color:var(--text-color);align-items:normal}.all-type-of-content{display:flex;font-size:.8vw;color:var(--text-color)}.custom-line-leftmiddle{display:flex;justify-content:center;width:1px;height:100%;background-color:var(--border-color);align-self:center}.invisible-button{cursor:pointer;background:none;border:none;outline:none;padding:0;margin:0;transition:background-color .2s;text-align:center}.invisible-button:hover{background-color:#0000001a}.container-problem-left{display:flex;flex-direction:column;height:calc(100vh - var(--header-height) - 3vw);width:100%;background-color:var(--main-background);color:var(--text-color)}.problem-text-left{grid-area:bottom;white-space:pre-wrap;font-size:calc(var(--step-font-size, 1vw) * 1);padding:0 2.8vw;height:100%;color:var(--text-color)}.problem-title-left{position:relative;padding:2vh 2vw;display:flex;flex-direction:column;gap:.5vw;background-color:var(--main-background);color:var(--text-color)}.arrow-icon{font-size:calc(var(--step-font-size, 1vw) * 1);transition:transform .3s ease;color:var(--text-color)}.arrow-icon.rotated{transform:rotate(180deg)}.dropdown-menu{position:absolute;top:calc(100% - 1.9vh);left:2vw;width:calc(100% - 4vw);z-index:1000;background-color:var(--dropdown-bg);border:1px solid var(--dropdown-border);border-radius:5px;box-shadow:0 2px 10px #0000001a;animation:dropdownOpen .25s ease-out forwards;transform-origin:top center;color:var(--text-color)}@keyframes dropdownOpen{0%{opacity:0;transform:scaleY(.8)}to{opacity:1;transform:scaleY(1)}}.dropdown-item{font-size:1vw;padding:.4vw 1vw;cursor:pointer;border-bottom:1px solid var(--dropdown-border);text-align:center;background-color:var(--dropdown-bg);color:var(--text-color)}.dropdown-item:last-child{border-bottom:none}.dropdown-item:hover{background-color:var(--dropdown-hover-bg)}.title-left-problem-start{grid-area:Main;font-size:calc(var(--step-font-size, 1vw) * 1.2);color:var(--text-color)}.defaulttextytext{display:flex;justify-content:center;align-items:center;height:100%;color:var(--text-color)}.project-files{width:100%;background-color:var(--main-background);color:var(--text-color)}.head-projectsys-left-start{display:flex;flex-direction:row;padding-left:1vw;width:100%;align-items:center;gap:1vw;height:3vw;background-color:var(--main-background);color:var(--text-color)}.controls{flex-direction:row;display:flex;gap:.25vw}.file-tree{padding-top:2vw;height:100%;display:grid;grid-template-rows:50% 1fr;box-sizing:border-box}.file-tree ul{padding:0 2vw;box-sizing:border-box;width:100%}.file-item{display:grid;align-items:center;text-align:end;cursor:default;grid-template-areas:"left right";grid-template-columns:1fr auto;justify-content:space-between;color:var(--text-color)}.file.prev,.folder.prev{overflow:hidden;display:flex;align-items:center}.pseudo-root-header{display:grid;align-items:center;grid-template-areas:"left right";grid-template-columns:1fr auto;justify-content:space-between;cursor:default}.title-file-fileTree.file,.title-file-fileTree.folder{overflow:hidden;display:flex;align-items:center;padding:0 calc(var(--step-font-size, 1vw) * .4);border-radius:8px;border-inline:2px solid transparent;transition:background-color .2s,border .2s;white-space:nowrap;text-overflow:ellipsis;font-size:calc(var(--step-font-size, 1vw) * 1.2);color:var(--text-color)}.title-file-fileTree.file:not(.edit):not(.selected):hover,.title-file-fileTree.folder:not(.edit):not(.selected):hover{background-color:var(--file-hover-bg);border-inline-color:var(--file-hover-border)}.title-file-fileTree.edit{font-size:calc(var(--step-font-size, 1vw) * 1.2);color:var(--text-color);border-radius:8px;background-color:#fff6;outline:none}.title-file-fileTree.file.selected,.title-file-fileTree.folder.selected{background:var(--file-selected-bg);color:var(--text-color)}.title-file-fileTree.file.selected:hover,.title-file-fileTree.folder.selected:hover{background:var(--file-selected-hover-bg);border-inline-color:var(--file-selected-border-hover);color:var(--text-color)}.icon-and-title-left{display:flex;align-items:center;gap:calc(var(--step-font-size, 1vw) * .2);font-size:calc(var(--step-font-size, 1vw) * .6);color:var(--text-color)}.left.folder-icon{height:calc(var(--step-font-size, 1vw) * 1.4)}.left.folder-icon:hover{color:gray;cursor:pointer}.editing-stepTree{background-color:transparent;color:var(--text-color);font-size:1vw;width:5vw}.title-middle-programming{width:100%;display:flex;flex-direction:row;align-items:center;justify-content:space-between}.tree{overflow-y:auto}.tree,.tree ul{list-style:none;display:flex;flex-direction:column;margin:0;padding:0;position:relative;box-sizing:border-box;color:var(--text-color)}.tree ul{margin-left:.75rem;width:calc(100% - .75rem)}.tree li{box-sizing:border-box;width:100%;overflow-x:hidden}.tree ul:before{content:"";position:absolute;top:0;bottom:var(--vertical-height);width:0;border-left:1px solid var(--border-color);z-index:1}.tree>ul:before{left:0}.tree ul ul:before{left:calc(var(--step-font-size, 1vw) * 0)}.title-test-fileTree{font-size:calc(var(--step-font-size, 1vw) * 2);font-weight:600;color:var(--text-color);text-transform:capitalize;letter-spacing:.02em;border-bottom:1px solid var(--text-color)}.separate-last-child .tree li:not(.pseudo-root-li):before{content:none}.separate-last-child .tree,.separate-last-child .tree li:not(.pseudo-root-li){padding:0}.separate-last-child .tree{padding-top:1rem}.separate-last-child .title-file-fileTree.file{background:var(--file-selected-bg);color:var(--text-color)}.separate-last-child .title-file-fileTree.file:not(.edit):not(.selected):hover,.separate-last-child .title-file-fileTree.file:not(.edit):hover{background:var(--file-selected-hover-bg);border-inline-color:var(--file-selected-border-hover);color:var(--text-color)}.separate-last-child{padding-left:1rem}.separate-last-child .controls .icon[title=Delete]{display:none}.tree li:not(.pseudo-root-li){position:relative;padding-left:1rem}.tree li li li:not(.pseudo-root-li){left:calc(var(--step-font-size, 1vw) * 0)}.tree li:not(.pseudo-root-li):before{content:"";position:absolute;left:0;top:var(--connector-top, 50%);width:1rem;border-top:1px solid var(--border-color)}.tree>li.pseudo-root-li:after{content:none}.delete-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--delete-overlay-bg);display:flex;align-items:center;justify-content:center;z-index:100111110}.delete-dialog{background:var(--delete-dialog-bg);padding:1rem 2rem;border-radius:8px;box-shadow:0 2px 5px #0000004d;text-align:center;animation:popIn .3s ease-out forwards}@keyframes popIn{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}.delete-dialog p{font-size:1vw;color:var(--text-color)}.delete-dialog button{margin:0 .5rem;padding:.5rem 1.2rem;border:none;border-radius:6px;font-weight:600;color:var(--text-color);cursor:pointer;transition:all .25s ease;background:linear-gradient(135deg,#d91e18,#f3664d);box-shadow:0 2px 8px #00000026;position:relative;overflow:hidden}.delete-dialog button:nth-child(2){background:linear-gradient(135deg,#194d22,#34921c)}.delete-dialog button:after{content:"";position:absolute;top:0;left:-75%;width:50%;height:100%;background:#fff6;transform:skew(-20deg);transition:.3s}.delete-dialog button:hover:after{left:120%}.delete-dialog button:hover{transform:translateY(-1px);box-shadow:0 6px 14px #00000040}.delete-dialog button:focus{outline:none}.file-item .controls,.folder-item .controls{opacity:0;transition:opacity .3s ease-in-out;grid-area:right}.file-item:hover .controls,.folder-item:hover .controls,.file-item.selected-item .controls,.folder-item.selected-item .controls{opacity:1}.all-icons-left{height:calc(var(--step-font-size, 1vw) * 1.4)}.all-icons-left:hover{color:gray;cursor:pointer}.icon{font-size:calc(var(--step-font-size, 1vw) * .7);display:flex;align-items:center}.drop-indicator{height:0;border-top:2px solid var(--border-color);margin:2px 0}:root{--second-background: #ffffff;--main-text: #000000;--header-startRight-icon-shield: lightblue;--header-startRight-icon-shield-hover: rgb(105, 186, 212);--header-startRight-icon-trash: rgb(253, 89, 89);--header-startRight-icon-trash-hover: rgb(255, 0, 0)}body.dark-mode{--second-background: #2a2a2a;--main-text: #f0f0f0;--header-startRight-icon-shield: rgb(0, 0, 184);--header-startRight-icon-shield-hover: blue;--header-startRight-icon-trash: rgb(218, 0, 0);--header-startRight-icon-trash-hover: rgb(255, 0, 0)}.Right-Side-main{height:100%;overflow:hidden;display:flex;flex-direction:column;width:100%}.right-sidecontent-main{height:100%;flex-direction:column;overflow:auto;display:flex;align-items:center}.right-main-main{flex:1;width:100%;display:flex;flex-direction:column;align-items:center}.container-step-tree{padding:2vw;display:flex;flex-direction:column;align-items:center;width:calc(100% - 4vw)}.container-step-tree.height100{padding:2vw;display:flex;flex-direction:column;height:100%;box-sizing:border-box;width:100%}.container-step-tree>.step-box.has-hint{margin-bottom:0}.container-step-tree .step-box{width:90%;padding:var(--step-font-size, 1vw);font-size:var(--step-font-size, 1vw);border-radius:4px;box-sizing:border-box;overflow-y:auto;overflow-x:hidden;word-break:normal;display:flex;flex-direction:column;justify-content:flex-start;gap:1vw;transition:max-height .4s ease;height:calc(var(--step-font-size, 1vw) * 20);max-height:calc(var(--step-font-size, 1vw) * 20)}.container-step-tree .step-box.step-box:not(.highlighted){box-shadow:0 4px 8px #00000026}.container-step-tree .step-box.promoted{position:relative;width:80%;padding:var(--step-font-size, 1vw);font-size:var(--step-font-size, 1vw);border-radius:4px;box-sizing:border-box;overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column;justify-content:flex-start;gap:1vw;transition:max-height .4s ease;height:calc(var(--step-font-size, 1vw) * 20);max-height:calc(var(--step-font-size, 1vw) * 20)}.container-step-tree .step-box.step-box.promoted:not(.highlighted){box-shadow:0 4px 8px #00000026}.promotedPlus{width:80%}.container-step-tree .substeps .step-box{height:auto;padding:0 .5vw;border:1px solid black;overflow:hidden;display:flex;flex-direction:row;justify-content:space-between}.container-step-tree .step-box.hyperExpanded{transition:max-height 2s ease}.step-title{font-weight:700;font-size:calc(var(--step-font-size, 1vw) * 1.2);display:flex;flex-direction:row;align-items:center;justify-content:flex-start;width:100%;gap:1vw}.step-title-inner{display:inline-block;white-space:nowrap;align-items:start;overflow:hidden;flex-shrink:1;text-overflow:ellipsis}.button-container{width:100%;display:flex;justify-content:center}.step-box.hidden-before-fade{opacity:0;transform:scale(.8)}.Check-button{display:flex;align-items:center;justify-content:center;cursor:pointer;position:relative;overflow:hidden;background:linear-gradient(145deg,green,#238c23);border:1px solid rgb(3,88,10);border-radius:8px;color:#fff;font-weight:600;letter-spacing:.5px;width:calc(var(--step-font-size, 1vw) * 8);height:calc(var(--step-font-size, 1vw) * 2.5);font-size:calc(var(--step-font-size, 1vw) * 1.1);box-shadow:0 4px 8px #00000026;transition:all .2s ease}.Check-button:before{content:"";position:absolute;top:0;left:-75%;width:50%;height:100%;background:linear-gradient(120deg,#ffffff4d,#ffffffb3,#ffffff4d);transform:skew(-20deg);transition:none}.Check-button:hover:before{animation:shine .8s ease forwards}.Check-button:hover{background:linear-gradient(145deg,#317c31,#1e6e1e);scale:1.05;box-shadow:0 6px 12px #00000040}.Check-button:active{scale:.97;box-shadow:0 2px 5px #0003}.dot-animate span{animation:dotFlare 6s steps(4,end) infinite;display:inline-block;width:1em;text-align:left}@keyframes dotFlare{0%{content:""}25%{content:"."}50%{content:".."}75%{content:"..."}to{content:""}}.input-container{display:flex;width:100%;justify-content:center;align-items:center;height:100%}.textarea-wrapper{position:relative;width:100%;height:100%;display:flex;justify-content:center;align-items:center}.text-input{width:100%;min-height:100%;max-height:100%;border:1px solid lightgrey;background-color:var(--main-background);border-radius:6px;resize:none;padding:2vw;color:var(--main-text);box-sizing:border-box;font-size:1vw;line-height:1.4;overflow-y:auto;overflow-x:hidden;opacity:1;transition:opacity 2s ease}.input-container.loading .textarea-wrapper .text-input{opacity:0}.button-inside{position:absolute;right:.8vw;bottom:1vw;width:2vw;height:2vw;padding:0;font-size:1vw;border:none;border-radius:50%;background-color:#019c01;border:solid 1px black;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .4s ease;transform:scale(1)}.button-inside.loadingB{position:static;width:4vw;height:4vw;font-size:2vw;transform:scale(1.2)}.button-inside:hover{background-color:#005200}.spinner{display:inline-block;animation:spin 5s linear infinite;animation-delay:.4s;transform-origin:center}@keyframes spin{to{transform:rotate(360deg)}}.right-header-main{position:sticky;top:1vh;z-index:1000;background-color:var(--second-background);padding:.5vw 1vw;font-size:calc(var(--step-font-size, 1vw) * 1);display:flex;align-items:center;justify-content:space-between;border-radius:8px;border:1px solid black;width:80%;margin:auto;font-weight:700;margin-top:2vh}.default-text-right-start{color:#666;margin-top:1rem}.leftSide-Icons{display:flex;flex-direction:row;align-items:center;justify-content:flex-start}.icon-container-start-right{display:flex;flex-direction:row;align-items:center;visibility:visible;width:100%;justify-content:space-between;flex:1;flex-shrink:0}.icon-container-start-right.one{justify-content:flex-end}.step-box:hover .icon-container-start-right{visibility:visible}.trash{display:flex;align-items:center;justify-content:center}.trash-icon{width:calc(var(--step-font-size, 1vw) * 1);height:calc(var(--step-font-size, 1vw) * 1);color:var(--main-text)}.trash-icon:hover{fill:#d3d3d3}.trash-icon.header-shield{fill:var(--header-startRight-icon-shield)}.trash-icon.header-shield:hover{fill:var(--header-startRight-icon-shield-hover)}.trash-icon.header-trash:hover{fill:var(--header-startRight-icon-trash-hover)}.arrow-down{width:calc(var(--step-font-size, 1vw) * 1);height:calc(var(--step-font-size, 1vw) * 1);display:flex;align-items:end;justify-content:center}.arrow-down:hover{color:#414040}.arrow-up-container{width:100%;bottom:0;display:flex;justify-content:center;align-items:center}.unpromote{position:absolute;top:0;left:0;width:calc(var(--step-font-size, 1vw) * 1);height:calc(var(--step-font-size, 1vw) * 1)}.unpromote-icon{margin-left:calc(var(--step-font-size, 1vw) * .3);size:2;width:calc(var(--step-font-size, 1vw) * 1);height:calc(var(--step-font-size, 1vw) * 1)}.unpromote-icon:hover{color:gray;cursor:pointer}@keyframes fadeInScale{0%{opacity:0;transform:scale(.65)}to{opacity:1;transform:scale(1)}}.fade-in{animation:fadeInScale .3s ease forwards}@keyframes fadeOutScale{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.9)}}.fade-out{animation:fadeOutScale .31s ease forwards}.inline-edit-textarea-editing{resize:none;background-color:transparent;display:inline-block;overflow-x:hidden;font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;border:none;flex-grow:1;overflow-y:auto;font-size:var(--step-font-size, 1vw);padding:1vw;margin:0}.step-content{display:inline-block;margin-bottom:calc(var(--step-font-size, 1vw) * 1);word-break:break-word;overflow-wrap:anywhere;min-width:100%;min-height:1.5em}.step-content-hinted{color:red;font-weight:1000;animation:fadeInHintContent .5s ease-in forwards}.hint-container{width:90%}.hint-container.promoted{width:80%}.hint-block:not(.highlighted){background-color:#fff;border:1px solid black;border-radius:4px;padding-top:calc(var(--step-font-size, 1vw) * .9);padding-right:calc(var(--step-font-size, 1vw) * .9);padding-left:calc(var(--step-font-size, 1vw) * .9);padding-bottom:calc(var(--step-font-size, 1vw) * .9);font-size:calc(var(--step-font-size, 1vw) * .9);cursor:pointer;overflow:hidden;text-overflow:ellipsis;position:relative}.hint-block:nth-child(1){z-index:23}.hint-block:nth-child(2){z-index:22}.hint-block:nth-child(3){z-index:21}.hint-block:hover{background-color:#d3d3d3;z-index:25}.hint-inner{white-space:normal;background-color:transparent;font-weight:700}.hint-block:has(.hint-inner.extended){z-index:35}.hint-content{display:block;font-weight:400;font-size:calc(var(--step-font-size, 1vw) * .8)}@keyframes fadeInHintContent{0%{opacity:0}to{opacity:1}}@keyframes fadeInHint{0%{opacity:1;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.fade-in-hint{animation:fadeInHint .3s ease-in-out forwards}@keyframes fadeOutForCorrectHint{0%{opacity:1}to{opacity:0}}.fade-out-correctStep{animation:fadeOutForCorrectHint .3s ease forwards}.not-extented-hint{display:flex;flex-direction:column;justify-content:flex-start;margin-top:calc(var(--step-font-size, 1vw) * -.5)}.fullscreen-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#0009;display:flex;align-items:center;justify-content:center;z-index:9999;transition:opacity .3s ease-in-out,visibility .3s ease-in-out}.overlay-box{background:var(--main-background);padding:20px;border-radius:8px;text-align:center;width:250px;box-shadow:0 4px 10px #0000004d}.title-overlay-hint{font-size:.9vw;font-weight:1000}.mini-overlay-save{display:flex;align-items:center;justify-content:center;margin:.5rem 0;font-size:10px}.mini-overlay-save input{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:16px;border:2px solid black;background-color:#fff;cursor:pointer;position:relative;display:inline-block;vertical-align:middle;margin-right:5px}.mini-overlay-save input:checked{background-color:#000;border:2px solid black}.mini-overlay-save input:checked:after{content:"✔";color:#fff;font-size:.5vw;font-weight:700;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.overlay-buttons{display:flex;justify-content:space-around;margin-top:10px}.overlay-button.yes,.overlay-button.no{position:relative;overflow:hidden;color:#fff;border:none;padding:8px 12px;border-radius:5px;cursor:pointer;font-weight:600;background:linear-gradient(135deg,#00b894,#00cec9);transition:background .2s ease,transform .2s ease}.overlay-button.no{background:linear-gradient(135deg,#d63031,#e17055)}.overlay-button.yes:hover,.overlay-button.no:hover{transform:scale(1.03)}.overlay-button.yes:after,.overlay-button.no:after{content:"";position:absolute;top:0;left:-75%;width:50%;height:100%;background:linear-gradient(120deg,#fff0,#fff6,#fff0);transform:skew(-20deg);transition:none;pointer-events:none}.overlay-button.yes:hover:after,.overlay-button.no:hover:after{animation:shine .8s ease forwards}.step-box.fade-from-zero{opacity:0}@keyframes divideOriginal{0%{transform:scaleY(1)}50%{transform:scaleY(.85)}to{transform:scaleY(1)}}.dividing-original{animation:divideOriginal 1s ease-out}@keyframes divideNew{0%{opacity:0;transform:translateY(-100%) scale(.8)}10%{opacity:0}to{opacity:1;transform:translateY(0) scale(1)}}.dividing-new{animation:divideNew 1s ease-out;transform-origin:top center}.substeps{height:100%;display:flex;justify-content:center;overscroll-behavior:contain}.plus-button-top,.plus-button-bottom{text-align:center}.step-box.sub-steps{pointer-events:auto;transform-style:preserve-3d;backface-visibility:hidden}.step-box.sub-steps:hover{background-color:#d3d3d3}@keyframes slide-in-Parent{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-out-Parent{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-30px)}}.slide-in-Parent{animation:slide-in-Parent .4s ease forwards}.slide-out-Parent{animation:slide-out-Parent .4s ease forwards}.container-filling-emptyness{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%}.filling-emptyness{color:#d1d1d1;text-shadow:1px 3px #5c5b5b;opacity:.5;font-weight:700;font-size:calc(var(--step-font-size, 1rem) * 1.5);word-break:normal;text-align:center;-webkit-text-stroke:1px #414040}.filling-emptyness:hover{cursor:pointer;color:#666}.orientation{display:flex;flex-direction:column;align-items:center;justify-content:top;gap:2px}.orientation-parent{width:100%}.orientation-siblings{width:100%;display:flex;flex-direction:row;gap:2px}.orientation-buttons{height:calc(var(--step-font-size, 2rem) * 1.25);border:1px solid rgb(0,191,255);color:#000;font-size:calc(var(--step-font-size, 2.5rem) * .5);padding:0;width:100%;transition:background-color .3s ease,transform .2s ease;cursor:default}.orientation-buttons:focus,.orientation-buttons:active{outline:none;border:1px solid rgb(0,191,255)}.orientation-buttons.middle{background:radial-gradient(circle,#fff,#f3f3f3)}.orientation-buttons.left{background:linear-gradient(to left,#fff,#f3f3f3)}.orientation-buttons.right{background:linear-gradient(to right,#fff,#f3f3f3)}.orientation-buttons.middle:not(.isEdgeSibling):hover{cursor:pointer;background:radial-gradient(circle,#fafafa,#e6e6e6)}.orientation-buttons.left:not(.isEdgeSibling):hover{cursor:pointer;background:linear-gradient(to left,#fafafa,#e6e6e6)}.orientation-buttons.right:not(.isEdgeSibling):hover{cursor:pointer;background:linear-gradient(to right,#fafafa,#e6e6e6)}.orientation-buttons{position:relative;overflow:hidden;z-index:0}.orientation-buttons:not(.isEdgeSibling):after{content:"";position:absolute;top:0;left:-75%;width:50%;height:100%;background:linear-gradient(120deg,#fff0,#fff6,#fff0);transform:skew(-20deg);transition:left .5s ease;z-index:1;pointer-events:none;mix-blend-mode:screen}.orientation-buttons:hover:after{left:125%}.highlighted{box-shadow:0 0 8px 3px #ff0c}.orientation-buttons.middle.isEdgeSibling,.orientation-buttons.left.isEdgeSibling,.orientation-buttons.right.isEdgeSibling{opacity:.3}.fade-in-tree>*{opacity:0;transform:translateY(10px);animation:fadeInUpTree .8s ease forwards}.fade-in-tree>*:nth-child(1){animation-delay:.1s}.fade-in-tree>*:nth-child(2){animation-delay:.2s}.fade-in-tree>*:nth-child(3){animation-delay:.3s}.fade-in-tree>*:nth-child(4){animation-delay:.4s}.fade-in-tree>*:nth-child(5){animation-delay:.5s}.fade-in-tree>*:nth-child(6){animation-delay:.6s}.fade-in-tree>*:nth-child(7){animation-delay:.7s}.fade-in-tree>*:nth-child(8){animation-delay:.8s}.fade-in-tree>*:nth-child(9){animation-delay:.9s}.fade-in-tree>*:nth-child(10){animation-delay:1s}.fade-in-tree>*:nth-child(11){animation-delay:1.1s}.fade-in-tree>*:nth-child(12){animation-delay:1.2s}.fade-in-tree>*:nth-child(13){animation-delay:1.3s}.fade-in-tree>*:nth-child(14){animation-delay:1.4s}.fade-in-tree>*:nth-child(15){animation-delay:1.5s}.fade-in-tree>*:nth-child(16){animation-delay:1.6s}.fade-in-tree>*:nth-child(17){animation-delay:1.7s}.fade-in-tree>*:nth-child(18){animation-delay:1.8s}.fade-in-tree>*:nth-child(19){animation-delay:1.9s}.fade-in-tree>*:nth-child(20){animation-delay:2s}@keyframes fadeInUpTree{to{opacity:1;transform:translateY(0)}}.highlighted-step{box-shadow:0 0 10px 5px #ff0c!important}.burger-dropdown{position:absolute;top:24px;right:-6px;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:4px;box-shadow:0 2px 8px #0000001a;padding:8px;z-index:10;display:flex;flex-direction:column;align-items:center;gap:4px;overflow:hidden;max-height:0;animation:dropDownLittleLayout 1s ease-out forwards;transform-origin:top right}.container-vertical-muskultiers{display:flex;flex-direction:column;align-items:center;gap:4px}.burger-item{display:flex;align-items:center;justify-content:center;padding:4px;cursor:pointer;border-radius:4px}.burger-item:hover{background:var(--dropdown-hover-bg)}.burger-icon-startRight{cursor:pointer}.burger-icon-startRight:hover{color:#d3d3d3}@keyframes dropDownLittleLayout{0%{max-height:0}to{max-height:100vh}}.container-for-triplets{display:flex;flex-direction:row;align-items:center;justify-content:center}.container-for-triplets.vertical{flex-direction:column;gap:4px}.Filetext-tree{display:flex;align-items:center;width:calc(var(--step-font-size, 1vw) * 1);height:calc(var(--step-font-size, 1vw) * 1)}.Filetext-tree:hover{fill:#d3d3d3;cursor:pointer}:root{--ü-color: #000;--hover-bg: lightgrey}body.dark-mode{--ü-color: #f0f0f0;--hover-bg: #444}.container-plus-right-start{width:90%;display:grid;align-items:center;justify-content:center;grid-template-columns:1fr auto 1fr;grid-template-areas:"line1 plus line2";opacity:0;transition:opacity .2s ease-in-out;margin:calc(var(--step-font-size, 1vw) * .5) 0}.container-plus-right-start:hover{opacity:1}.straightline-left,.straightline-right{height:1px;width:100%;background-color:var(--ü-color);transition:background-color .3s ease}.plusbetweensteps{grid-area:plus;border-radius:4px;transition:background-color .2s ease}.container-plus-right-start:hover .plusbetweensteps:hover{background-color:#d3d3d3;cursor:pointer}.container-forplus-hovering-text{display:flex}.container-forplus-hovering-text[data-tooltip]:hover:after{content:attr(data-tooltip);position:fixed;top:var(--tooltip-y);left:var(--tooltip-x);transform:translate(15px,10px);background:var(--dropdown-border);color:var(--text-color);padding:4px 8px;border-radius:4px;white-space:nowrap;pointer-events:none;font-size:.75rem;z-index:999}.lightbulb-container{position:relative;display:flex;width:calc(var(--step-font-size, 1vw) * 1.2);align-items:start}.lightbulb-container.abstract{width:27px}.lightbulb-icon{width:100%;height:100%}.lightbulb-icon:hover{cursor:pointer}.lightbulb-number{position:absolute;top:45%;left:50%;transform:translate(-50%,-50%);font-size:calc(var(--step-font-size, 1vw) * .4);font-weight:700;color:#000}.lightbulb-number.abstract{font-size:8px}/**
* Copyright (c) 2014 The xterm.js authors. All rights reserved.
* Copyright (c) 2012-2013, Christopher Jeffrey (MIT License)
* https://github.com/chjj/term.js
* @license MIT
*
* Permission is hereby granted, free of charge, to any person obtaining a copy
* of this software and associated documentation files (the "Software"), to deal
* in the Software without restriction, including without limitation the rights
* to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
* copies of the Software, and to permit persons to whom the Software is
* furnished to do so, subject to the following conditions:
*
* The above copyright notice and this permission notice shall be included in
* all copies or substantial portions of the Software.
*
* THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
* IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
* FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
* AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
* LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
* OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
* THE SOFTWARE.
*
* Originally forked from (with the author's permission):
* Fabrice Bellard's javascript vt100 for jslinux:
* http://bellard.org/jslinux/
* Copyright (c) 2011 Fabrice Bellard
* The original design remains. The terminal itself
* has been extended to include xterm CSI codes, among
* other features.
*/.xterm{cursor:text;position:relative;user-select:none;-ms-user-select:none;-webkit-user-select:none}.xterm.focus,.xterm:focus{outline:none}.xterm .xterm-helpers{position:absolute;top:0;z-index:5}.xterm .xterm-helper-textarea{padding:0;border:0;margin:0;position:absolute;opacity:0;left:-9999em;top:0;width:0;height:0;z-index:-5;white-space:nowrap;overflow:hidden;resize:none}.xterm .composition-view{background:#000;color:#fff;display:none;position:absolute;white-space:nowrap;z-index:1}.xterm .composition-view.active{display:block}.xterm .xterm-viewport{background-color:#000;overflow-y:scroll;cursor:default;position:absolute;right:0;left:0;top:0;bottom:0}.xterm .xterm-screen{position:relative}.xterm .xterm-screen canvas{position:absolute;left:0;top:0}.xterm .xterm-scroll-area{visibility:hidden}.xterm-char-measure-element{display:inline-block;visibility:hidden;position:absolute;top:0;left:-9999em;line-height:normal}.xterm.enable-mouse-events{cursor:default}.xterm.xterm-cursor-pointer,.xterm .xterm-cursor-pointer{cursor:pointer}.xterm.column-select.focus{cursor:crosshair}.xterm .xterm-accessibility,.xterm .xterm-message{position:absolute;left:0;top:0;bottom:0;right:0;z-index:10;color:transparent;pointer-events:none}.xterm .live-region{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}.xterm-dim{opacity:1!important}.xterm-underline-1{text-decoration:underline}.xterm-underline-2{text-decoration:double underline}.xterm-underline-3{text-decoration:wavy underline}.xterm-underline-4{text-decoration:dotted underline}.xterm-underline-5{text-decoration:dashed underline}.xterm-overline{text-decoration:overline}.xterm-overline.xterm-underline-1{text-decoration:overline underline}.xterm-overline.xterm-underline-2{text-decoration:overline double underline}.xterm-overline.xterm-underline-3{text-decoration:overline wavy underline}.xterm-overline.xterm-underline-4{text-decoration:overline dotted underline}.xterm-overline.xterm-underline-5{text-decoration:overline dashed underline}.xterm-strikethrough{text-decoration:line-through}.xterm-screen .xterm-decoration-container .xterm-decoration{z-index:6;position:absolute}.xterm-screen .xterm-decoration-container .xterm-decoration.xterm-decoration-top-layer{z-index:7}.xterm-decoration-overview-ruler{z-index:8;position:absolute;top:0;right:0;pointer-events:none}.xterm-decoration-top{z-index:2;position:relative}.container{width:100%;height:100%;display:flex;flex-direction:column}.top-section,.bottom-section{display:flex;align-items:center;justify-content:center;width:100%;overflow:auto;background-color:var(--main-background);color:var(--text-color)}.resizer{height:3px;background:var(--divider-color);cursor:ns-resize;-webkit-user-select:none;user-select:none}.resizer:hover{background:#2f4f4f}.bottom-section{display:grid;grid-template-columns:5vw 1px 1fr;grid-template-areas:"Left Separator Right";width:100%;color:var(--text-color)}.icon-terminal{grid-area:Left;display:flex;flex-direction:column;width:100%;height:100%;box-sizing:border-box;justify-content:center;gap:20%;align-items:center;overflow:hidden;color:var(--text-color)}.simple-line{grid-area:Separator;background-color:var(--border-color);width:100%;height:100%}.bottom-terminal-start{grid-area:Right;display:flex;flex-direction:column;box-sizing:border-box;align-items:flex-start;width:100%;height:100%;overflow-x:hidden;background-color:var(--main-background);color:var(--text-color)}.bottom-section input{border:none;margin:0;outline:none;background-color:transparent;color:var(--text-color);width:100%;font-size:1vw}.terminal{font-size:1vw;white-space:pre-line;overflow-y:auto;width:100%;height:100%;word-break:break-all;color:var(--text-color);background-color:var(--main-background)}.play-icon{color:var(--text-color);transition:transform .2s ease-in-out,box-shadow .3s ease-in-out}.play-icon:hover{transform:scale(1.2);cursor:pointer}.icons-for-terminal:hover{fill:var(--link-hover-color)}.xterm-screen{width:100%!important;word-break:break-all;overflow-x:hidden;color:var(--text-color)}.xterm .xterm-viewport{overflow:hidden}:root{--main-background: #ffffff;--main-text-color: black;--modal-box-shadow: 0 2px 8px rgba(0, 0, 0, .26)}body.dark-mode{--main-background: #121212;--main-text-color: #f5f5f5;--modal-box-shadow: 0 2px 8px rgba(255, 255, 255, .15)}.container-programming-bro{height:100%;width:100%;display:flex;align-items:flex-start;flex-direction:column}.title-middle-programming{padding:0 1vw;font-size:1vw;font-weight:700;color:var(--main-text-color, #2d3436);text-align:center;border-bottom:1px solid var(--main-text-color);position:sticky;top:0;z-index:5;background-color:var(--main-background);width:calc(100% - 2vw)}.Title-current-edit{font-size:1vw;padding:.5vw}.middlepart-title-right{display:flex;align-items:center;justify-content:center;flex-direction:row}.ILoveEprogg{background-color:transparent;color:#000;outline:none;width:100%;height:100%}.ILoveEprogg .cm-editor{background-color:var(--main-background)!important}.Network:not(.disabled):hover{color:gray;cursor:pointer}.Network.disabled{color:#999;cursor:default}.loading-dots{display:inline-flex;font-size:1.5vw;font-weight:700;padding:.5vw}.loading-dots span{animation:bounce .6s infinite alternate}.loading-dots span:nth-child(1){animation-delay:0s}.loading-dots span:nth-child(2){animation-delay:.2s}.loading-dots span:nth-child(3){animation-delay:.4s}@keyframes bounce{0%{transform:translateY(0)}to{transform:translateY(-5px)}}.modal-buttons{margin-top:20px;display:flex;flex-direction:column;gap:14px}.modal-row{display:flex;width:100%;gap:.5vw}.modal-row .yes,.modal-row .no{flex:1;margin:0;border-radius:8px}.modal-row .no{border-radius:8px}.modal-buttons button{padding:10px 20px;font-size:15px;font-weight:600;border:none;border-radius:8px;cursor:pointer;color:#fff;transition:all .3s ease;box-shadow:0 4px 6px #0000004d}.modal-buttons button.yes{background:linear-gradient(to right,#00b894,#00cec9)}.modal-buttons button.no{background:linear-gradient(to right,#d63031,#e17055)}.modal-buttons button.skip{background:linear-gradient(to right,#6c5ce7,#a29bfe);width:100%;text-align:center}.modal-buttons button:hover{filter:brightness(1.15) saturate(1.3);transform:scale(1.03);box-shadow:0 6px 12px #00000059}@keyframes fadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes fadeOut{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.95)}}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:100000000}.modal-overlay.fade-in .modal-content{animation:fadeIn .3s ease-out forwards}.modal-overlay.fade-out .modal-content{animation:fadeOut .3s ease-in forwards}.modal-content{background:var(--main-background);padding:24px;border-radius:10px;max-width:320px;width:90%;box-shadow:0 2px 8px var(--modal-box-shadow);text-align:center;opacity:0}.cm-hover-step-line{background-color:#ff06}.blank-file-selector{width:100%;height:100%;display:flex;align-items:center;justify-content:center;text-align:center;font-size:4vw;font-weight:bolder;opacity:.1;text-shadow:0 0 10px rgba(0,0,0,.2);transform:scale(.95) translateZ(-10px);cursor:default;animation:ambientFade 6s ease-in-out infinite alternate}@keyframes ambientFade{0%{opacity:.05;filter:blur(1px)}to{opacity:.1}}.tooltip{background-color:var(--seg-btn-active-bg);color:#e22828;padding:.3rem .6rem;font-size:1.5vw;border-radius:3px;font-size:.9rem;pointer-events:none;white-space:nowrap}:root{--hover-color: rgb(202, 202, 202);--hover-highlighted-color: drop-shadow(0 0 6px rgba(71, 38, 38, .6));--hover-highlighted-color-steps: 0 15px 15px 10px rgba(71, 38, 38, .8)}body.dark-mode{--hover-color: white;--hover-highlighted-color: drop-shadow(0 0 6px rgba(255, 255, 255, .6));--hover-highlighted-color-steps: 0 5px 15px 5px rgba(255, 255, 255, .6)}.main-container-abstract{display:grid;overflow:auto;width:100%;height:calc(100vh - var(--header-height));align-items:flex-start;justify-content:flex-start;overflow:hidden;position:relative}.right-abstract-container{position:fixed;height:100%;display:flex;z-index:100}.divider.abstract{width:5px}.main-container-abstract.slide-right{transform:translate(100vw);transition:transform .5s ease-in-out}.map-abstract-container{flex-grow:1;padding:120px;position:relative;width:100%;height:100%}.zoom-content{transform-origin:0 0;will-change:transform,font-size;--scale: 1}.header-abstract{position:fixed;margin-top:20px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:50px;z-index:999}.square-plus-ab{color:var(--text-color)}.square-plus-ab:hover{color:#8d8d8d;cursor:pointer}.container-plus-ab{display:flex;justify-content:center;align-items:center;height:100%;padding:16px;background-color:var(--seg-btn-bg);border:1px solid var(--seg-btn-border);border-radius:1rem}.header-text-abstract{display:flex;justify-content:space-between;gap:5vw;align-items:center;padding:9px 15px;background-color:var(--seg-btn-bg);border:1px solid var(--seg-btn-border);border-radius:1rem}.header-left-ab-container{display:flex;flex-direction:row;align-items:center;gap:.25rem}.header-left-abstraction{cursor:pointer;-webkit-user-select:none;user-select:none;display:flex;align-items:center;transition:color .2s ease;border:1px solid var(--dropdown-border);background-color:var(--dropdown-bg);border-radius:4px}.left-header-container-ab-notIcon{padding:6px .5rem;display:flex;align-items:center;gap:1rem}.left-header-container-ab-notIcon:hover{background-color:var(--dropdown-hover-bg)}.container-icons-ab{height:100%;width:100%;display:flex;align-items:center;padding:6px .5rem;border-right:1px solid var(--dropdown-border)}.container-icons-ab:hover{background-color:var(--dropdown-hover-bg)}.select-problem-abstract{position:relative;display:inline-block;min-width:250px;font-family:Arial,sans-serif}.dropdown-header-abstract{padding:6px 15px;border:1px solid var(--dropdown-border);background-color:var(--dropdown-bg);cursor:pointer;display:flex;justify-content:space-between;align-items:center;border-radius:4px;color:var(--text-color)}.dropdown-header-abstract:hover{background-color:var(--dropdown-hover-bg)}.dropdown-header-abstract .dropdown-label{display:inline-block;transition:opacity .3s ease,transform .3s ease;opacity:1;transform:translate(0);width:190px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dropdown-header-abstract .dropdown-label.hidden{opacity:0;transform:translate(-10px)}.dropdown-header-abstract .arrow{margin-left:10px;font-size:.8em;transition:transform .3s ease;transform:rotate(0)}.dropdown-header-abstract .arrow.down{transform:rotate(180deg)}.dropdown-list-abstract{position:absolute;top:calc(100% + 2px);left:1px;right:1px;border-top:none;z-index:1000;overflow-y:auto;border-radius:4px;box-shadow:0 4px 6px #0000001a;background-color:var(--dropdown-hover-bg);max-height:0;overflow:hidden;transition:max-height .3s ease,padding .3s ease}.dropdown-list-abstract.open{max-height:300px;overflow-y:auto;pointer-events:all}.dropdown-items-container-ab{display:flex;flex-direction:column;gap:2px}.dropdown-list-abstract .dropdown-item{padding:6px 15px;cursor:pointer;border-radius:4px;font-size:medium;border:1px solid var(--dropdown-border)}.dropdown-list-abstract .dropdown-item:hover{background-color:var(--dropdown-hover-bg)}.tree-root{display:flex;justify-content:center;height:100%}.tree-root-item{position:relative;display:flex;flex-direction:column;align-items:center;margin:0 30px;scroll-margin-block-start:30vh;scroll-margin-block-end:30vh}.tree-root-item.deleting{opacity:0;transform:scale(.95);transition:opacity .3s ease,transform .3s ease}.tree-children-ab .branch-items>.tree-root-item:first-child{margin-left:0}.tree-children-ab .branch-items>.tree-root-item:last-child{margin-right:0}.step-box-ab{position:relative;height:auto}.tree-root-item:not(:first-child) .step-box-ab:before{content:"";position:absolute;top:50%;left:calc(-1 * var(--margin-var-tree));width:var(--margin-var-tree);height:2px;background:var(--border-color)}.tree-root-item:not(:last-child) .step-box-ab:after{content:"";position:absolute;top:50%;left:100%;width:var(--margin-var-tree);height:2px;background:var(--border-color)}.tree-children-ab .tree-root-item .step-box-ab:before{content:"";position:absolute;top:-20px;left:50%;width:2px;height:20px;background:var(--border-color)}.tree-children-ab .tree-root-item .step-box-ab:after{display:none}.tree-children-ab{position:relative;display:inline-flex;flex-direction:column;align-items:flex-start;margin-top:20px}.tree-children-ab:before{content:"";position:absolute;top:-20px;left:50%;width:2px;height:20px;background:var(--border-color)}.branch-line{height:2px;background:var(--border-color)}.branch-items-container{margin-top:20px;display:flex;flex-direction:column;align-items:center;width:100%}.branch-items{display:flex}.tree-children-item-ab:before{content:"";display:block;width:2px;height:10px;background:var(--border-color);margin:0 auto 10px}.tree-children-item-ab{position:relative;margin:0 20px}.tree-node-ab{color:#000;background:#fff;border:2px solid #333;border-radius:6px;padding:12px 16px;text-align:center;box-shadow:0 2px 6px #00000080;width:300px;height:350px;display:flex;flex-direction:column;justify-content:start;align-items:start;gap:20px;font-size:1rem;overflow-y:auto}.tree-node-text{display:flex;flex-direction:column;justify-content:start;align-items:start;gap:20px;width:100%}.step-content-ab{word-break:break-word;overflow-wrap:anywhere;text-align:start;width:100%;min-width:100%;min-height:5em}.step-content-ab-hinted{color:red;font-weight:1000;animation:fadeInHintContent .5s ease-in forwards}.Filetext-tree.abstract,.trash-icon.abstract{width:20px;height:20px}@keyframes fadeInForCorrectHint{0%{opacity:0}to{opacity:1}}.fade-in-correctStep{animation:fadeInForCorrectHint .3s ease-in-out forwards}.inline-edit-textarea-editing.ab{font-size:1rem;width:calc(100% - 2vw)}.title-icon-tree-ab{display:flex;justify-content:space-between;width:100%}.icon-container{display:flex}.hint-block-ab{background-color:#fff;border:2px solid black;color:#000;border-radius:4px;cursor:pointer;overflow:hidden;text-overflow:ellipsis;position:relative;box-shadow:0 2px 6px #00000080;transition:max-height .4s ease,margin-top .4s ease;max-height:0;margin-top:-15px;width:300px;padding:16px;font-size:1rem;will-change:max-height,margin-top}.hint-block-ab.open{max-height:1000px;margin-top:15px}.hint-block-ab:nth-child(1){z-index:23}.hint-block-ab:nth-child(2){z-index:22}.hint-block-ab:nth-child(3){z-index:21}.hint-block-ab:hover{background-color:#d3d3d3;z-index:25}.hint-content-ab{display:block;font-weight:400;font-size:1rem}.not-extented-hint.ab{margin-top:-5px}.insert-gap{transition:background-color .2s;border:2px dashed #888}.insert-gap:hover{background-color:#bbb}.ghost-step .tree-node-ab{opacity:.3;pointer-events:none}.map-abstract-container{position:relative;overflow:visible}.abstraction-overlay polyline{z-index:50}.highlight-poly{stroke:var(--hover-color);stroke-width:4;filter:var(--hover-highlighted-color);animation:fade-in-circle .3s ease-in-out forwards}@keyframes fade-in-circle{0%{opacity:0}to{opacity:1}}.tree-node-ab.highlighted{box-shadow:var(--hover-highlighted-color-steps)}.particle-circle{fill:var(--hover-color)}.lines-connecting-abstract-bubbles{stroke:var(--hover-color);animation:fade-in-circle .3s ease-in-out forwards}.line-pulse{stroke:var(--hover-color);stroke-width:2;stroke-dasharray:20 80;stroke-dashoffset:0;animation:pulse-glow 1.5s linear infinite,fade-in-circle 1s ease-in-out forwards;filter:var(--hover-highlighted-color);opacity:1;pointer-events:none}@keyframes pulse-glow{0%{stroke-dashoffset:-100}to{stroke-dashoffset:0}}.group-or-recycle{display:flex;align-items:center;justify-content:center;gap:15px}.container-icon-grouping-recycling{display:flex;align-items:center}.container-icon-grouping-recycling.letsgoski{position:relative;overflow:hidden;color:#222;background:gold;box-shadow:inset 0 1px 2px #ffffff80;font-weight:600;font-size:10px;padding:6px 14px;border-radius:6px;font-family:Segoe UI,sans-serif;transition:transform .2s ease}.container-icon-grouping-recycling.letsgoski:before{content:"";position:absolute;top:0;left:-75%;width:50%;height:100%;background:linear-gradient(120deg,#fff0,#fff6,#fff0);transform:skew(-25deg);pointer-events:none}.container-icon-grouping-recycling.letsgoski:hover:before{animation:shine .8s forwards}@keyframes shine{0%{left:-75%}to{left:125%}}.abstraction-spinner-overlay{height:100%;width:100%;display:flex;align-items:center;justify-content:center;z-index:10000000;position:fixed;background:#00000080;pointer-events:all;top:0;left:0}:root{--overlay-abstraction-main-background: rgb(0, 0, 0);--hover-color-abstraction-overlay: black}body.dark-mode{--overlay-abstraction-main-background: rgb(129, 129, 129);--hover-color-abstraction-overlay: white}@keyframes expandFromCenterHorizontally{0%{transform:scaleX(.02);opacity:0}50%{opacity:1}to{transform:scaleX(1);opacity:1}}.container-abstract-hover-overlay{width:80%;margin-top:var(--header-height);height:calc(90% - var(--header-height));background:var(--header-background);border:4px solid var(--overlay-abstraction-main-background);border-radius:12px;box-shadow:0 4px 20px #0003;text-align:center;transform-origin:center center;animation:expandFromCenterHorizontally .4s ease-out;display:grid;grid-template-areas:"left divider right";grid-template-columns:1fr 4px 200px}.building-abstraction-container{grid-area:left;overflow:hidden;padding-top:100px}.divider-abstraction-overlay{grid-area:divider;background:var(--overlay-abstraction-main-background);width:100%;height:100%}.right-abstraction-overlay{grid-area:right;position:relative;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;overflow-y:auto}.Right-abstraction-overlay-title{display:flex;flex-direction:column;gap:5px;width:100%}.step-labels-wrapper-abstractionOverlay{position:relative;display:inline-block}.WhatDoing-title{font-weight:700;font-size:40px;text-decoration:underline solid 5px}.step-labels-container-abstractionOverlay{position:relative;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;margin:0 10px}.container-twoInitial-hints{display:flex;align-items:center;flex-direction:row;justify-content:space-around;width:100%}.containerForPlusAndNumberStepsNeeded{position:relative}.container-plus-ab.deactivated-ab,.square-plus-ab.deactivated-ab{opacity:.4}.square-plus-ab.deactivated-ab:hover{color:unset;cursor:default}.number-needed-steps-AbstractionOverlay{position:absolute;top:30px;left:25px;background-color:var(--seg-btn-bg);border:1px solid var(--seg-btn-border);width:15px;height:15px;padding:5px;border-radius:50%;font-size:15px;display:flex;align-items:center;text-align:center;justify-content:center}.custom-tooltip-abstractionOverlay{position:fixed;background:var(--seg-btn-border);color:var(--hover-color-abstraction-overlay);padding:8px;font-size:.85rem;max-width:240px;white-space:normal;border-radius:4px;z-index:9999;pointer-events:none;text-align:left;opacity:0;transition:opacity .5s ease}.fade-in-abstractionOverlay{opacity:1}.close-abstraction-overlay:hover{cursor:pointer;color:gray}.hinting-abstractionOverlay{display:flex;flex-direction:column;align-items:center;width:100%;gap:10px}.container-plus-ab-overlay{display:flex;justify-content:center;align-items:center;height:100%;background-color:var(--seg-btn-bg);border:1px solid var(--seg-btn-border);border-radius:1rem}.container-plus-ab-overlay.deactivated-ab{opacity:.5}.container-plus-ab-overlay.deactivated-ab>.deactivated-ab{opacity:.5}.container-plus-ab-overlay.available-ab-overlay{position:relative;overflow:hidden;color:#fff;border:none;background:linear-gradient(120deg,#ffeb3b,#ffc107,#ff5722,#e91e63,#9c27b0,#3f51b5);background-size:300% 300%;animation:fancyGradient-abOverlay 8s ease infinite;border-radius:1rem;box-shadow:0 0 12px #fff6,0 0 24px #0003;transform:scale(1);transition:transform .3s ease-in-out}.container-plus-ab-overlay.available-ab-overlay:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle at 20% 20%,rgba(255,255,255,.6),transparent 60%);pointer-events:none}.container-plus-ab-overlay.available-ab-overlay:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(to right,#fff0,#fff6,#fff0);transform:skew(-25deg);animation:shineSweep-abOverlay 3s ease-in-out infinite;pointer-events:none}@keyframes fancyGradient-abOverlay{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes shineSweep-abOverlay{0%{left:-100%;opacity:0}50%{left:100%;opacity:.6}to{left:200%;opacity:0}}.container-plus-ab-overlay.available-ab-overlay:hover{transform:scale(1.1);cursor:pointer}.text-after-GettingFalse{margin:0 5px;font-weight:700;color:red;opacity:0;transition:opacity .4s ease-in-out}.text-after-GettingFalse.fade-in{opacity:1}.text-after-GettingFalse.fade-out{opacity:0}.gradient-spinner{display:inline-block;animation:rotate 1s linear infinite}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.path{transition:stroke-opacity .3s}.logging-in-text{height:100%;width:100;display:flex;align-items:center;justify-content:center;color:#9acd32}