*{box-sizing:border-box;border-width:0;margin:0;padding:0}:after,:before{box-sizing:inherit}[data-theme-transition]>*{transition:all .3s!important}body{--side-panel-width:0px;grid-template-columns:var(--sp-1) var(--sp-12) var(--side-panel-width) 1fr;background-color:var(--clr-background);transition-duration:all .15s,grid-template-columns .4s;transition:all .3s;display:grid}body[data-side-panel-state=open]{--side-panel-width:416px!important}@media screen and (max-width:720px){body[data-side-panel-state=open]{--side-panel-width:100vh}body{grid-template-columns:var(--sp-min) var(--side-panel-width) 1fr}}@media screen and (max-width:400px){body{grid-template-columns:0 var(--side-panel-width) 1fr}}#page-host{flex-direction:column;display:flex;position:relative;container-type:inline-size}main#page-content{height:100%}@container (width <= 144px){main#page-content{opacity:0}}@media screen and (max-width:1080px){:root{--pad-page:var(--gap-l)!important;--pad-section:var(--gap-l)!important;--gap-section:var(--gap-l)!important}}@media screen and (max-width:600px){:root{--pad-page:var(--gap-l)!important;--pad-section:var(--gap-s)!important;--gap-section:var(--gap-s)!important;--bdr-min:var(--sp-min)!important;--bdr-s:var(--sp-min)!important;--bdr-l:var(--sp-min)!important;--bdr-max:var(--sp-1)!important}}::-webkit-scrollbar{width:12px}::-webkit-scrollbar-track{background:var(--clr-background)}::-webkit-scrollbar-thumb{background-color:var(--clr-primary);border:3px solid var(--clr-background);border-radius:6px}::-webkit-scrollbar-thumb:hover{background-color:var(--clr-primary);opacity:.8}*{scrollbar-width:thin;scrollbar-color:var(--clr-primary) var(--clr-background)}