@font-face{font-family:Inter;src:url(/assets/Inter-Regular-DYjygwQm.ttf)format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Poppins;src:url(/assets/Poppins-Regular-CTKNfV9P.ttf)format("truetype");font-weight:400;font-style:normal}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f8fafc;margin:0;font-family:Poppins,Rockwell,Inter}code{font-family:Poppins,Rockwell,Inter}:root{--sidebar-transition-duration:.6s;--sidebar-transition-timing:cubic-bezier(.4, 0, .2, 1);--sidebar-drawer-full-width:240px;--sidebar-drawer-collapsed-width:80px;--sidebar-drawer-mobile-width:303px}.base-container{grid-template:"header""main"1fr/1fr;width:100%;height:100vh;display:grid;overflow:hidden}@media (width>=600px){.base-container{grid-template-columns:var(--sidebar-drawer-collapsed-width) 1fr;transition:grid-template-columns var(--sidebar-transition-duration) var(--sidebar-transition-timing);grid-template-rows:auto 1fr;grid-template-areas:"header header""sidebar main"}.base-container.sidebar-opened{grid-template-columns:var(--sidebar-drawer-full-width) 1fr}.sidebar-container{transition:all var(--sidebar-transition-duration) var(--sidebar-transition-timing)}}.sidebar-container{grid-area:sidebar;height:100%;position:relative}@media (width>=600px){.sidebar-container{display:block}}.header-container{background-color:#fff;border-bottom:1px solid #0000001f;grid-area:header;align-items:center;min-height:72px;display:flex;overflow:hidden}.main-content{box-sizing:border-box;flex:1;grid-area:main;grid-template-rows:auto 1fr;grid-template-columns:1fr;width:100%;display:grid;overflow-y:auto}h2{margin-top:0}ul{padding-left:20px;list-style-type:disc}ul ul{list-style-type:circle}li{margin-bottom:5px}li:hover{cursor:pointer}.header-content .logo{object-fit:contain;height:40px}.header-content .mobile-menu{margin-left:auto;display:none}@media (width<=600px){.header-content .mobile-menu{display:flex}.header-content .logo{height:32px}}.header-container{justify-content:space-between;display:flex}.text-field{height:30px}.side-bar{display:flex}.side-bar img{width:24px;height:24px;margin-right:10px}@media (width<=789px){.header-container{flex-direction:column}}