*{padding:0;margin:0;box-sizing:border-box;scrollbar-width:thin}:root{--accent-color: #00796b;--primary-color: #2563EB;--foreground-color: #1F2937;--background-color: #f6f6f6;--component-color: #fafafa;--gray-dark-color: #66757F;--gray-light-color: #ccc;--green-color: #16A34A;--red-color: #eb2525}body{margin:0;font-family:Open Sans,sans-serif;background-color:var(--background-color);color:var(--foreground-color)}.lab-body{padding:32px;margin-top:64px}.lab-start-components,.lab-provision,.lab-outline-list{background-color:var(--component-color);padding:16px}.lab-start-components,.lab-provision{border:1px solid #1f293750}.lab-start-components{border-radius:8px}.lab-start-components{display:flex;align-items:center;width:fit-content;justify-content:space-between}[class^=lab-start-btn__],.lab-provision-url-btn{border:none;border-radius:4px;font-size:16px;cursor:pointer}[class^=lab-start-btn__]{color:var(--component-color);margin-right:16px}.lab-provision-url-btn{display:block;border:1px solid var(--gray-light-color);background-color:var(--component-color);color:var(--primary-color);margin:16px 0;text-align:center;text-decoration:none}.lab-provision-url-btn:hover{background-color:var(--background-color)}.lab-start-btn__started,.lab-start-btn__stopped,.lab-provision-url-btn{padding:16px}.lab-start-btn__loading{padding:16px;color:var(--gray-dark-color)}.lab-start-btn__started{background-color:var(--red-color)}.form-error-container,.lab-start-btn__started:hover{background-color:#da2323}.lab-start-btn__stopped{background-color:var(--green-color)}.lab-start-btn__stopped:hover{background-color:#149243}.loader{width:30px;height:30px;border:4px solid var(--gray-dark-color);border-bottom-color:transparent;border-radius:50%;display:inline-block;box-sizing:border-box;animation:rotation 1s linear infinite;margin:16px auto 0;display:flex}.error-body{justify-items:center;text-align:center;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.not-found-404{color:#16a34a25}.unavailable{color:#a3161625}.error-body p{color:var(--foreground-color)}@keyframes rotation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.lab-provision-copy-box,.lab-content-copy-box{border:1px solid var(--gray-light-color);background-color:var(--background-color)}.lab-provision-copy-box{width:min-content;max-width:100%;overflow:hidden;overflow-y:hidden;margin-top:4px;padding:4px}.lab-provision-copy-text{overflow-x:auto;white-space:nowrap}.lab-countdown{font-size:24px;padding:0;margin:0}.lab-outline-list{list-style:none;border-left:4px solid var(--primary-color)}.lab-outline-list li{padding:8px 16px}.lab-outline-list a{text-decoration:none;color:var(--foreground-color);transition:all .2s ease-in-out}.lab-outline-list a:hover{color:var(--primary-color)}.lab-content-task-item{margin-bottom:40px}.lab-content-task-item h2{padding-bottom:8px}.lab-content-task-item p,.lab-content-task-item li{line-height:1.6}.lab-content-task-item li{margin-left:1em}table{border-collapse:collapse}td,th{border:1px solid #000;text-align:left;padding:8px}.lab-content-copy-box,.lab-content-img-item{margin-bottom:8px}.lab-content-copy-box{position:relative;overflow-x:auto;padding:16px}.lab-content-copy-box p{min-height:32px}.lab-content-copy-box p:first-letter{color:var(--primary-color);font-weight:700}.lab-content-copy-btn{position:absolute;right:0;top:0;border:1px solid var(--gray-light-color);padding:8px;background-color:var(--component-color);cursor:pointer;margin:4px}.lab-content-img-item img{object-fit:cover;overflow:hidden;max-width:100%;margin:0 auto;display:block;height:100%}.login-page,.register-page{display:grid;grid-template-columns:1fr;min-height:75vh}.login-page__hero,.register-page__hero{display:flex;align-items:center;justify-content:center;font-size:160px;background-color:var(--accent-color);color:var(--background-color)}.login-page__main,.register-page__main,.form-error-container{display:flex;gap:16px;justify-content:center;flex-direction:column}.form-error-container{padding:8px;border-radius:8px;color:var(--background-color)}.form-error-container ul{padding:16px}.login-page__main,.register-page__main{padding:32px;margin:0 auto;max-width:512px}.login-page__main strong{color:var(--accent-color)}.login-page__main h2,.register-page h2{font-weight:300;font-size:48px}.login-input input,.register-input input{display:block;width:100%;padding:12px 8px;margin:8px 0;font-size:16px;border-radius:4px;border:1px solid var(--gray-dark-color)}.login-input button,.login-google-input button,.register-input button{list-style:none;margin-top:16px;width:100%;padding:16px;font-size:16px;font-weight:600;border-radius:8px;cursor:pointer}.login-google-input button{border:1px solid var(--foreground-color);color:var(--foreground-color)}.login-input button,.register-input button{border:0;color:var(--component-color);background-image:linear-gradient(to right,var(--primary-color),var(--green-color))}.login-google-input button:hover{background-color:var(--gray-light-color)}.login-input button:hover,.register-input button:hover{background-image:linear-gradient(to right,var(--primary-color),var(--red-color))}img.enlarged{height:400px}.popup-bg{position:fixed;left:0;top:0;width:100%;height:100%;background-color:#1f293780;z-index:1}.popup{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);width:max-content;justify-items:start;color:var(--foreground-color);border-radius:8px;border:1px solid #1f293750;background-color:var(--component-color);padding:16px}.popup input{display:block;padding:12px 8px;margin:8px 0;font-size:16px;border-radius:4px;border:1px solid var(--gray-dark-color)}.popup input,.popup .voucher-btn{width:100%}.voucher-btn{padding:16px;color:var(--component-color);border:none;border-radius:4px;font-size:16px;cursor:pointer;background-color:var(--green-color)}.popup .btn-cancel{margin-left:calc(100% - 16px);color:var(--foreground-color);border:none;font-size:16px;cursor:pointer;background:none}.popup .btn-cancel:hover{color:var(--gray-dark-color)}@media screen and (max-width: 863px){.lab-outline-container,.lab-start-components,.lab-provision,.lab-content{margin:16px 0}.not-found-404,.unavailable{font-size:max(4rem,15.5vw)}.error-body>p{font-size:max(1rem,3.8vw)}.lab-content .lab-title{display:none}}@media screen and (min-width: 864px){.lab-body{display:grid;grid-template-areas:"start contents outlines";justify-content:left;padding:0 0 0 32px}.lab-start-container{grid-area:start}.lab-start-inner-container{overflow-y:auto;height:75%}.lab-start-container,.lab-start-components,.lab-provision{width:256px}.lab-title{display:none}.lab-content{margin:32px 16px 0}.lab-content>.lab-title{display:block;margin-bottom:16px}.lab-provision{margin-top:16px;max-height:calc(100vh - 218px);overflow-y:auto}.lab-provision p{font-size:14px}.lab-outline-container{grid-area:outlines}.lab-content{grid-area:contents}.lab-outline-container,.lab-outline-list{width:256px}.lab-start-inner-container,.lab-outline-list{position:sticky;top:86px}.lab-outline-list{top:70px}.lab-start-inner-container{height:auto}.lab-outline-list{list-style:none;right:32px;overflow-y:auto;max-height:calc(100vh - 70px)}.not-found-404,.unavailable{font-size:8rem}.error-body>p{color:var(--foreground-color);font-size:2rem}}.navbar,#navbar-menu{z-index:2}header{display:inline}nav,.flex{display:flex}nav{background-color:var(--component-color);box-shadow:0 4px 8px #0000001a;position:fixed;top:0;width:100%;justify-content:space-between;z-index:1;padding:8px 32px}nav a{list-style:none;color:#222;font-weight:600;text-align:center;text-decoration:none;padding:16px;transition:all .2s ease-in-out}nav .flex{gap:8px}nav a:hover{color:var(--primary-color)}.login-btn,.register-btn{border-radius:8px;cursor:pointer}.login-btn{border:2px solid var(--foreground-color)}.login-btn:hover{border:2px solid var(--primary-color)}.register-btn{color:var(--component-color);background-image:linear-gradient(to right,var(--primary-color),var(--green-color))}.register-btn:hover{color:var(--component-color);background-image:linear-gradient(to right,var(--primary-color),var(--red-color))}