@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@400;700&display=swap);.toolbar{border-color:#ccc;border-style:solid none;border-width:1px;margin-left:auto;margin-right:auto;margin-top:70px;max-width:110%;padding:0;position:relative}.toolbar>button[icon=add]:before{content:"+";display:inline-block;font-weight:700;margin-right:8px}.toolbar>button{background-color:#fff;border-radius:4px;color:#7b7a7a;cursor:pointer;font-size:16px;padding:10px 20px;transition:background-color .3s ease}.toolbar>button:hover{background-color:#e0e0e0}.toolbar.scrolled{box-shadow:0 4px 8px rgba(0,0,0,.2);z-index:10}.content{background-color:#fff;border-radius:8px;box-shadow:0 4px 8px rgba(0,0,0,.1);height:calc(100vh - 170px);margin-left:auto;margin-right:auto;max-width:100%;overflow-x:hidden;overflow-y:auto;padding:15px}.content::scrollbar{color:unset}.content::-webkit-scrollbar{height:12px;width:12px}.content::-webkit-scrollbar-button{height:0;width:0}.content::-webkit-scrollbar-thumb{background-clip:border-box;background-color:#d9d8d8;border-width:1.1px 1.1px 1.1px 6px;min-height:28px;padding:0}.content::-webkit-scrollbar-thumb:hover{background-color:#d9d8d8}.cells-container{width:90%}.cell{width:100%}.cell-content:focus{box-shadow:0 0 10px rgba(0,0,0,.2);outline:none}.cell-content{border-radius:4px;font-size:16px;margin-bottom:20px;min-height:2em;overflow-wrap:break-word;padding:10px;white-space:pre-wrap;width:100%}.cell-toolbar{background-color:purple}#editor{border:1px solid #ccc;border-radius:4px;font-size:16px;font:normal 1.21em KaTeX_Main,Times New Roman,serif;line-height:1.2;margin-bottom:20px;overflow-wrap:break-word;padding:10px;text-indent:0;text-rendering:auto;white-space:pre-wrap;width:100%}.latex-object{background-color:#f0f0f0;border-radius:4px;color:#555;cursor:pointer;display:inline-block;font-family:Courier New,Courier,monospace;padding:2px 4px}.hide-tail,span.base,span.katex,span.katex-display,span.katex-html,span.vlist{pointer-events:none}span.katex-display{font:normal 1em KaTeX_Main,Times New Roman,serif!important;margin-bottom:-2px;margin-top:-2px}[datastart]{pointer-events:auto}.landing{align-items:center;background-color:#f5f5f5;display:flex;flex-direction:column;font-family:Arial,sans-serif;padding:40px}.landing h1{font-size:2.5rem}.landing .about-container,.landing .ethos-container,.landing .hero,.landing .hotkeys-container,.landing .template-container{min-width:800px;padding:20px}.landing .math-box{border:2px solid #333;font-size:1.2rem;margin-top:20px;max-width:500px;padding:10px;text-align:center;width:80%}.landing .output{font-size:1.5rem;font-weight:700;margin-top:20px}.landing .template-btn,.landing button{background-color:#333;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:1.2rem;margin:5px;padding:10px 20px}.landing .about-container,.landing .ethos-container,.landing .hotkeys-container,.landing .template-container{margin-top:30px}.landing{background:linear-gradient(135deg,#f5f5f5,#e4e4e4);color:#333;font-family:Poppins,Arial,sans-serif;margin:0;padding:60px 20px;text-align:center}.landing h1{margin-bottom:0}.landing h1,.rotating-header{font-size:3rem;font-weight:700}.rotating-header{align-items:baseline;display:flex;font-family:Poppins,Arial,sans-serif;justify-content:center;margin-bottom:15px;text-align:center}.slot-container{display:inline-block;height:60px;overflow:hidden;position:relative;top:15px;vertical-align:bottom;width:175px}.slot-words{display:inline-block;left:0;position:absolute;top:0;width:100%}.slot-words span{color:#007aff;display:block;height:60px;line-height:60px;position:relative;width:100%}.slot-container:after{border-bottom:3px solid #007aff;bottom:0;content:"";left:50%;position:absolute;transform:translateX(-50%);width:80%}.subheader{font-size:1.5rem!important;font-weight:700;margin-top:0}.subheading{font-size:1.2rem;margin-bottom:10px}.suggestion{color:#555;font-size:1rem;margin-bottom:25px}#hero-box{box-sizing:border-box;width:75%}#editor{background-color:#fff}#editor:focus{box-shadow:0 10px 30px rgba(0,122,255,.2)}.buttons{display:flex;gap:15px;justify-content:center}.buttons button{border:none;border-radius:6px;cursor:pointer;font-size:1rem;padding:12px 20px;transition:transform .2s,box-shadow .2s}.buttons button:first-child{background-color:#fff;border:2px solid #007aff;color:#007aff}.buttons button:last-child{background-color:#007aff;color:#fff}.buttons button:hover{box-shadow:0 8px 16px rgba(0,0,0,.1);transform:translateY(-3px)}.text-top-div{background-color:#f9f9f9;border:1px solid #ddd;border-radius:8px;margin:10px;padding:10px;position:relative}.html-output,.markdown{padding:5px}h1{color:#333}hr{margin-top:10px}textarea{border:1px solid #ccc;border-radius:4px;font-size:14px;height:auto;margin-bottom:10px;min-height:100px;overflow-y:hidden;padding:10px;resize:none;width:95%}button{background-color:#4caf50;border:none;border-radius:4px;color:#fff;cursor:pointer;margin:5px;padding:10px 15px}button:hover{background-color:#45a049}.sortable-ghost{background:#c8ebfb;opacity:.4}.action-bubble{background-color:#f9f9f9;border:1px solid #ccc;border-radius:10px;box-shadow:0 2px 4px rgba(0,0,0,.2);display:none;float:right;padding:5px;position:absolute;right:10px;top:10px;z-index:900}.action-icon{align-items:center;cursor:pointer;display:flex;justify-content:center;margin:0 5px;z-index:901}header{background-color:gray;left:0;position:fixed;top:0;width:100%;z-index:99}.navbar{align-items:center;background-color:#333;color:#fff;display:flex;font-family:Arial,sans-serif;justify-content:space-between;padding:10px 20px;position:sticky;top:0;z-index:1000}.nav-brand{color:#fff;font-family:Arial,sans-serif;font-size:24px;font-weight:700;text-decoration:none}.extra-nav-hidden{display:none;opacity:0;pointer-events:none}.extra-nav-visible{display:block;opacity:0;pointer-events:auto;transition:opacity .5s ease}#login-button,.nav-links{transition:transform 3s ease}.fake-navbar{left:0;opacity:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:9999}.nav-brand:visited{color:#fff}.nav-brand .version{display:block;font-size:.5em;margin-top:2px}.nav-links a{color:#fff;margin-left:20px;text-decoration:none}.nav-links a:hover{text-decoration:underline}#notebookTitle{background-color:transparent;border:none;border-bottom:2px solid grey;color:#000;display:block;font-family:Arial,sans-serif;font-size:32px;font-weight:700;margin:10px auto;outline:none;padding:10px 0;text-align:center;width:60%}#notebookTitle::placeholder{color:#d3d3d3}#notebookTitle:focus{border-bottom:2px solid #000}#notebookAuthor{background-color:transparent;border:none;border-bottom:2px solid grey;color:#000;display:block;font-family:Arial,sans-serif;font-size:16px;font-weight:700;margin:10px auto 50px;outline:none;padding:10px 0;text-align:center;width:30%}#notebookAuthor::placeholder{color:#d3d3d3}#notebookAuthor:focus{border-bottom:2px solid #000}.modal-content{margin:15% auto;max-width:400px}.close-button{color:#aaa;cursor:pointer;float:right;font-size:28px;font-weight:700}.close-button:hover{color:#000}#modal-email{font-size:16px;margin-bottom:10px;margin-top:10px;padding:8px;width:100%}#modal-submit{font-size:16px;padding:8px 16px}.cell-math-toolbox{align-items:center;background-color:#f5f5f5;border-bottom:1px solid grey;display:flex;justify-content:space-between;margin-bottom:4px;position:sticky;visibility:visible}.group>button{background-color:transparent;border:none;border-radius:4px;color:#4b4b4b;cursor:pointer;margin:5px;padding:10px 15px}.group>button:hover{background-color:#e0e0e0;color:#000}.cell-math-toolbox.hidden{height:0;opacity:0;overflow:hidden;transform:translateY(-20px);visibility:hidden}.cell-math-toolbox:not(.hidden){height:auto;opacity:1;transform:translateY(0);visibility:visible}.symbol{border:10px}.group{align-items:center;display:flex}.group.group-a{margin-right:auto}.group.group-c{justify-content:center}.group.group-b{margin-left:auto}.presets-dropdown{max-height:200px;overflow-y:auto;position:relative;width:90px}#popup-bar,.presets-dropdown option{background-color:#fff;z-index:1000}#popup-bar{border:1px solid #ccc;box-shadow:0 4px 8px rgba(0,0,0,.1);max-height:150px;overflow-y:auto;position:absolute;transform:translateY(-100px);width:50%}.hidden{visibility:hidden}.popup-content{display:none;display:grid;gap:10px;grid-template-columns:repeat(5,1fr);padding:10px}.popup-content .symbol{background-color:#fff;border:none;border-radius:4px;color:#000;cursor:pointer;margin:5px;padding:10px 15px}.popup-content .symbol:hover{background-color:#dedede}#popup-bar.active-section-1 .content-1{display:grid}#popup-bar.active-section-1 .content-2,#popup-bar.active-section-1 .content-3,#popup-bar.active-section-2 .content-1{display:none}#popup-bar.active-section-2 .content-2{display:grid}#popup-bar.active-section-2 .content-3,#popup-bar.active-section-3 .content-1,#popup-bar.active-section-3 .content-2{display:none}#popup-bar.active-section-3 .content-3{display:grid}.modal{background-color:rgba(0,0,0,.4);display:none;height:100%;left:0;overflow:auto;position:fixed;top:0;width:100%;z-index:1}.modal-content{background-color:#fefefe;border:1px solid #888;margin:10% auto;max-width:600px;padding:20px;width:80%}.close{color:#aaa;cursor:pointer;float:right;font-size:28px;font-weight:700}.template-group-header{border-bottom:1px solid #ccc;font-weight:700;margin-top:15px;padding-bottom:3px}.template-item{border-bottom:1px solid #ddd;cursor:pointer;padding:5px}.template-item:hover{background-color:#f0f0f0}#searchBar{box-sizing:border-box;margin-bottom:10px;padding:8px;width:100%}