.util-layout{width:100vw;height:100vh;display:grid;grid-template-rows:5rem 1fr;gap:1rem}.util-header{display:flex;flex-direction:row;justify-content:space-between;align-items:center;border-bottom:2px dashed #eeeffe}.util-header>h1{margin-left:2rem}.navbar-row{display:flex;flex-direction:row;gap:1rem;margin:0 1rem}.navbar-reset{all:unset}.btn-primary,.btn-secondary,.btn-inactive{display:block;min-height:36px;min-width:100px;border-radius:.2rem;border-style:solid;font-family:Quicksand,sans-serif;font-optical-sizing:auto;font-size:1rem;font-style:normal;cursor:pointer;transition:ease .2s}.btn-primary{background:#bbc4ed;border-color:#8070f9;border-width:3px;font-weight:400}:hover.btn-inactive,.btn-selected{color:#000;background:#9ba4cd;border-color:#bbc4ed;font-weight:400}.btn-inactive{color:#fff;background:#414050;border-color:#515060;font-weight:400}.sidebar-content-layout{display:grid;grid-template-columns:300px 1fr;gap:1rem}.sidebar-layout{display:flex;flex-direction:column;gap:.5rem}.sidebar-indent{width:90%;margin:0 auto}.sidebar-cata{display:flex;height:3rem;justify-content:center;align-items:center;border-radius:.3rem;background-color:#eeeffe10;cursor:default}.sidebar-primary,.sidebar-inactive,.sidebar-active{display:block;height:3rem;width:100%;border-radius:.2rem;border-style:solid;font-family:Quicksand,sans-serif;font-optical-sizing:auto;font-size:1rem;font-style:normal;cursor:pointer;transition:ease .2s}.sidebar-primary{background:#bbc4ed;border-color:#8070f9;border-width:3px;font-weight:400}.sidebar-inactive:hover,.sidebar-active{color:#000;background:#9ba4cd;border-color:#bbc4ed;font-weight:400}.sidebar-inactive{color:#fff;background:#414050;border-color:#515060;font-weight:400}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}body{font-family:Helvetica,Arial,sans-serif;font-size:16px;background:#313040;color:#fff;box-sizing:border-box}h1{font-family:Quicksand,sans-serif;font-optical-sizing:auto;font-weight:700;font-style:normal;font-size:1.8em;cursor:default}h2{font-family:Quicksand,sans-serif;font-optical-sizing:auto;font-weight:600;font-style:normal;font-size:1.5em}h3{font-family:Quicksand,sans-serif;font-optical-sizing:auto;font-weight:500;font-style:normal;font-size:1.3em}em{font-family:Quicksand,sans-serif;font-optical-sizing:auto;font-weight:800;font-style:normal;font-size:1.3em}p{font-family:Noto Sans,sans-serif;font-optical-sizing:auto;font-weight:400;font-style:normal;font-variation-settings:"wdth" 100}