:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#ffffffde;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#172554;font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;font-weight:400;line-height:1.5}a{color:#999dff;-webkit-text-decoration:inherit;text-decoration:inherit;font-weight:500}a:hover{color:#535bf2}body{gap:1rem;min-width:320px;margin:1rem;display:flex}h1{font-size:3.2em;line-height:1.1}.island{background-color:#1e3a8a;border-radius:1rem;padding:1rem;overflow:auto}.dev_env{flex-direction:column;width:70%;height:calc(100vh - 2rem);display:flex}.code_editor{height:50%;margin-bottom:1rem}.db_browser{height:50%}.tutorial{width:30%;height:calc(100vh - 4rem)}.code_editor_container{height:calc(100% - 2.5rem)}button{margin-top:.5rem;padding:.5rem 1rem}.cm-editor{border-radius:1rem;height:100%}.cm-gutters.cm-gutters-before{border-radius:1rem 0 0 1rem}.lesson_selector_container{display:flex}.lesson_selector_group label{display:block}.lesson_selector_group select{width:100%;padding:.5rem}.lesson_selector_group{width:30%}.lesson_selector_group:last-of-type{width:70%;margin-left:1rem}.mat-inf-promo{border-radius:1rem;width:100%;margin-top:1rem}.db_browser_container{grid-template-rows:auto 1fr;grid-template-columns:repeat(6,minmax(200px,1fr));column-gap:1rem;display:grid}.db_browser_container details{--n:0;display:contents}.db_browser_container summary{grid-column:var(--n)/span 1;cursor:pointer;z-index:1;background-color:#24283b;border-radius:.5rem;grid-row:1;margin-bottom:.5rem;padding:.5rem 1rem;display:grid}.db_browser_container details[open] :is(summary,.summary){border-bottom:2px solid #1e90ff;font-weight:700}.db_browser_container details>.db_browser_table_container{grid-area:2/1/auto/-1}.db_browser_container details:not([open])>.db_browser_table_container{display:none}table{border-collapse:collapse;letter-spacing:1px;width:100%;min-width:500px;font-size:.8rem}thead,th{text-align:start}thead th{height:3.5rem;padding:0 1rem}tbody tr{border-top:1px solid #565f89}tbody th,tbody td{padding:.25rem 0}.db_browser_table_container{background-color:#24283b;border:1px solid #565f89;border-radius:1rem;padding:.5rem}.lesson_awaiting_response,.lesson_success{border-radius:1rem;margin-top:1rem;padding:1rem}:is(.lesson_awaiting_response,.lesson_success) b{font-size:1.25rem}.lesson_success{background-color:#166534}.lesson_awaiting_response{background-color:#24283b}