:root{--header-height:48px;--drawer-width:335px;--bg-dark:#121212;--bg-medium:#c5c8d9;--bg-light:#3d5564;--shadow-blue:#24a9e2}*{box-sizing:border-box;font-family:Arial Black,Haettenschweiler,Arial Narrow Bold,sans-serif;margin:0;min-width:0}#root{height:100vh}.fh{height:100%}.lines{align-items:flex-start;display:flex;flex:1 1;flex-direction:column;gap:20px;overflow:scroll;padding:20px}.line{align-items:center;display:flex;justify-content:center}.cards{flex:1 1;overflow-y:scroll;padding:20px}.card{align-items:center;justify-content:center}.app,.card{display:flex}.app{position:relative}.drawer{background-color:#c5c8d9;background-color:var(--bg-medium);max-width:90%;overflow:hidden;transition:all .3s;width:335px;width:var(--drawer-width);z-index:10}.header{align-items:center;box-shadow:0 4px 8px 0 #0000004d;color:#c5c8d9;color:var(--bg-medium);display:flex;gap:5px;height:48px;height:var(--header-height);justify-content:center;position:relative;width:100%}.header p{left:10px;position:absolute}.drawer .header{background-color:#c5c8d9;background-color:var(--bg-medium)}.controls{display:flex;flex-direction:column;gap:10px;height:auto;max-height:calc(100% - 48px);max-height:calc(100% - var(--header-height));min-height:calc(100% - 48px);min-height:calc(100% - var(--header-height));overflow-y:scroll;padding:10px}.drawer-toggle{visibility:hidden}.drawer-toggle.open{left:10px;position:absolute}.main{background-color:#3d5564;background-color:var(--bg-light);display:flex;flex:1 1;flex-direction:column;position:relative}.main .header{background:#3d5564;background:var(--bg-light);height:48px;height:var(--header-height);position:relative;width:100%}.main .drawer-backdrop{visibility:hidden}.card .see-index-button{opacity:0;visibility:hidden}.card:hover .see-index-button{opacity:1;visibility:visible}.step-title{font-size:14px}@media (max-width:615px){.drawer{box-shadow:5px 0 5px 0 #00000080;position:absolute}.drawer-toggle{visibility:visible}.main .drawer-backdrop{background-color:#000;height:100%;opacity:.5;position:absolute;visibility:visible;width:100%;z-index:5}.cards{align-items:center;justify-content:center}.see-index-button{opacity:1!important;visibility:visible!important}.lines{align-items:center;gap:25px;padding:25px 0}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.spinner{animation:spin 2s linear infinite}
/*# sourceMappingURL=main.bb4cd76e.css.map*/