@import url("https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&display=swap");:root{--left-sidebar-width:220px;--right-sidebar-width:150px}*{font-family:var(--font-font)}.single-line{width:calc(var(--right-sidebar-width) - 2rem);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.font,.navigation-bar{font-family:DM Sans,sans-serif!important}.monospace{font-family:monospace!important}.Page{height:100%;width:100%;position:relative}.home{min-height:100vh;display:flex;align-items:center}.home_card{padding:2rem;box-shadow:0 3rem 5rem 0 rgba(0,0,0,.2)}.mySideBar{position:fixed;top:50px;left:0;height:calc(100vh - 50px);display:block;transition:.3s linear;overflow:hidden;padding:0;width:var(--left-sidebar-width);overflow:auto;z-index:10}.sidecontent{padding:.5rem 1rem}.content-wrapper{position:absolute;left:var(--left-sidebar-width);top:0;width:calc(100% - (var(--left-sidebar-width) + var(--right-sidebar-width)));padding:50px 5%}._rightSidebar{position:fixed;top:50px;right:0;padding:2rem 0;width:var(--right-sidebar-width);max-height:calc(100vh - 70px)}.open-sidebar{z-index:10;cursor:pointer;position:fixed;top:10px;right:10px;display:none}.sidebar-link{font-weight:500;padding:.2rem;border-radius:3rem;transition:.2s linear;cursor:pointer;margin:.2rem 0}.sidebar-icon{display:none;transition:2s}@media(max-width:1000px){.content-wrapper,.main-{width:100%;position:static;padding:80px 2%}.mySideBar{width:0}.Content{width:100%}.open-sidebar{display:block}}.note{padding:10px 0;cursor:pointer;position:relative;overflow:hidden;width:100%;max-width:500px;line-height:1.5}.note-title{font-size:x-large}.code{max-height:calc(100%);height:100%;width:100%;margin:0!important;word-wrap:break-word!important;font-size:.8rem!important}.editorModal{overflow-x:hidden!important}.codeText{font-size:.8rem!important;line-height:1.4rem}.lineCode{letter-spacing:.01rem}.badge,.tab{background-color:#fff4e6;color:#dc8001cc!important;font-weight:bolder!important;padding:.2rem .5rem;border-radius:.5rem;font-size:small;font-family:monospace;margin:0 .2rem}.icon-class{position:relative}.icon-class:before{content:"class";position:absolute;top:0;left:0;border:1px solid #ddd;padding:2px}.react-card{max-width:100%;box-shadow:0 5px 20px 0 hsla(0,0%,88%,.5),0 10px 20px 0 hsla(0,0%,88%,.9);border-left:5px solid #3f51b5}.screen{padding:20px 10px 40px;background-color:#f2f2f2;border-radius:10px}.screen-dot{height:15px;width:15px;border-radius:50%;display:inline-block;margin:5px;cursor:pointer}.screen-content{padding:10px}.footer,.screen-content{background-color:#e3e6e8}.preview{margin:2rem 0}@keyframes wave{0%{transform:rotate(0deg)}10%{transform:rotate(14deg)}20%{transform:rotate(-8deg)}30%{transform:rotate(14deg)}40%{transform:rotate(-4deg)}50%{transform:rotate(10deg)}60%{transform:rotate(0deg)}to{transform:rotate(0deg)}}.wave-hand{display:inline-block;animation:wave 2s infinite;transform-origin:70% 70%}