@import url(https://fonts.googleapis.com/css2?family=Fira+Code:wght@400;700&family=Ubuntu:wght@300;400;500;700&display=swap);html{width:100%;height:100%;overflow-x:hidden}body{width:100%;height:100%;overflow-x:hidden;display:block;font-family:Ubuntu,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif;color:var(--grey-800);line-height:1.618}@media (prefers-color-scheme:dark){body{color:var(--white);background-color:var(--grey-900)}}body header{width:100%;height:48px;border-bottom:1px solid var(--grey-300);padding:0 1rem 0 .25rem}@media (min-width:768px){body header{padding:0 1rem}}@media (prefers-color-scheme:dark){body header{border-bottom-color:var(--grey-800)}}body header #logo{display:none}@media (min-width:768px){body header #logo{display:inline-block}}body header #nav-menu{display:inline-flex;justify-content:center;align-items:center;border-radius:.25rem;border:1px solid var(--grey-300);position:relative;cursor:pointer;width:36px;height:36px;color:var(--grey-600);transition:all 75ms var(--ease-in-out)}body header #nav-menu:focus-visible,body header #nav-menu:hover{color:var(--grey-700);border-color:var(--grey-400)}body header #nav-menu:active{box-shadow:0 0 0 3px var(--grey-100)}body header #nav-menu::before{content:"";display:inline-block;position:absolute;top:0;left:0;width:100%;height:100%;background-color:var(--grey-500);opacity:0;transition:all 75ms var(--ease-in-out)}@media (prefers-color-scheme:dark){body header #nav-menu{border-color:var(--grey-800);color:var(--white)}body header #nav-menu:focus-visible,body header #nav-menu:hover{color:var(--white);border-color:var(--grey-700)}body header #nav-menu:active{box-shadow:none}}@media (min-width:768px){body header #nav-menu{display:none}}body header #nav-menu .menu-icon{display:block}html.menu-open body header #nav-menu .menu-icon{display:none}body header #nav-menu .close-icon{display:none}html.menu-open body header #nav-menu .close-icon{display:block}body header #nav-menu svg{width:20px;height:20px}body header nav{display:none;align-items:center;flex-flow:row nowrap;height:100%}@media (min-width:411px){body header nav{display:inline-flex}}body header nav a{width:36px;height:36px;display:inline-flex;justify-content:center;align-items:center;color:var(--grey-500);transition:all 75ms var(--ease-in-out)}body header nav a:focus-visible,body header nav a:hover{color:var(--grey-600)}body header nav span:not(:only-child){margin-right:.25rem}body main{display:grid;width:calc(100vw + 250px);transform:translateX(-250px);height:calc(100% - 48px);grid-template-columns:250px 1fr 0px;transition:transform 150ms var(--ease-out)}html.menu-open body main{transform:translateX(0)!important;transition:transform .3s var(--ease-in)}@media (min-width:768px){body main{width:100vw;transform:none!important}}@media (min-width:1024px){body main{grid-template-columns:250px 1fr 200px}}body main subnav-component{display:none}@media (min-width:1024px){body main subnav-component{display:block}}body #clipboard-input{position:absolute;top:-9999px;left:-9999px;opacity:0}