nav.greedy{background:#e0e0e0;align-items:center;height:60px;display:flex;position:relative}nav.greedy h1{background:#c6c6c6;align-self:stretch;align-items:center;padding:0 1rem;font-weight:700;display:flex}nav.greedy button{background:#c8c8c8;border:0;outline:0;align-self:stretch;padding:0 1rem 0 1.5rem;font-size:.9rem;font-weight:700;transition:all .4s ease-out}nav.greedy button.hidden{border-right:.5rem solid #b6b6b6;width:0;padding:0;transition:none;overflow:hidden}nav.greedy button:after{content:attr(count);color:#f2f2f2;background:#9f9f9f;border-radius:50%;justify-content:center;align-items:center;width:25px;height:25px;margin-left:1rem;margin-right:calc(-1rem - 8px);font-size:14px;line-height:14px;display:inline-flex}nav.greedy ul.links{flex:1;justify-content:flex-end;display:flex;overflow:hidden}nav.greedy ul.links li{flex:none;padding:1rem}nav.greedy ul.links li a{color:#404040}nav.greedy ul.hidden-links{background:#d8d8d8;position:absolute;top:100%;right:0}nav.greedy ul.hidden-links.hidden{display:none}nav.greedy ul.hidden-links li{padding:1rem}nav.navigation{height:auto;padding:0 var(--size-600);background-color:var(--color-background);border-bottom:1px solid var(--color-separator);& button{&.hidden,&:after{display:none}height:var(--fs-600);aspect-ratio:1;background:url(../icons/bars.svg) 50% no-repeat;margin:auto}& ul{list-style:none}}.site-title{margin:var(--size-500) 0;color:var(--color-text);text-wrap-mode:nowrap;font-weight:var(--fw-bold);text-decoration:none}nav.greedy>ul.links>li>.nav-link{color:var(--color-text);text-decoration:none;&:hover{text-decoration:underline;text-decoration-color:var(--color-theme);text-underline-offset:8px;text-decoration-thickness:3px}}nav.greedy>ul.hidden-links{z-index:9999;margin-right:var(--size-600);margin-top:var(--size-400);background-color:var(--color-background);box-shadow:4px 2px 4px #00000029,4px 2px 10px #0000001f;& li{&:not(:last-child){border-bottom:1px solid var(--color-separator)}&>a{color:var(--color-text);text-decoration:none}}}body:has(nav.navigation>button.clicked){position:fixed;overflow-y:hidden;& nav.navigation>button.clicked:after{display:initial;z-index:9998;border-radius:unset;background-color:#fffc;width:100vw;height:100vh;margin:0;padding:0;position:absolute;top:0;left:0}}.global-footer{padding:var(--size-700) var(--size-500);color:var(--color-background);background-color:var(--color-theme);font-size:var(--fs-300);font-weight:var(--fw-bold);& .follow-links{text-transform:uppercase;margin-bottom:.5rem;& ul{flex-wrap:wrap;gap:1rem;list-style:none;display:inline-flex;& li{height:var(--fs-500)}}}& .attribution{font-size:var(--fs-200);font-weight:var(--fw-regular);& a{color:inherit;text-decoration:none;&:hover{text-decoration:underline}}}}.follow-link{white-space:nowrap;height:100%;& img{height:65%}& span{vertical-align:text-bottom;padding-left:8px}& a{color:inherit;vertical-align:text-bottom;text-decoration:none;&:hover,&:active{text-decoration:underline}}}.author-details{--spacing:var(--size-300);gap:var(--spacing);margin-bottom:var(--spacing);display:flex;@media (width>=800px){--spacing:var(--size-400);flex-direction:column;& .author-details-body{flex-direction:column}opacity:.75;transition:var(--global-transition-speed);&:hover{opacity:1;transition:var(--global-transition-speed)}}& .author-name{font-weight:var(--fw-bold);margin-bottom:var(--spacing)}& .author-description{font-size:var(--fs-300);margin-bottom:var(--spacing)}& .author-photo{border:1px solid var(--color-separator);border-radius:50%;width:100%;max-width:110px;max-height:110px;padding:5px}& .follow-links{font-size:var(--fs-300);margin-bottom:.5rem;& ul{list-style:none;& li{height:var(--fs-500);margin-bottom:var(--size-300)}@media (width<=800px){flex-wrap:wrap;display:inline-flex;& li{margin-right:var(--spacing);margin-bottom:var(--size-200)}}@media (width<=500px){&{display:none}}}}}:root{--color-theme:#0092ca;--color-theme-shadow:#0075a2;--color-text:black;--color-background:white;--color-separator:#cecfd1;--color-notice-info:#cadee4;--color-notice-warning:#ffe4b2;--color-notice-error:#eed1d1;--ff-primary:-apple-system, BlinkMacSystemFont, "Roboto", "Segoe UI", "Helvetica Neue", "Lucida Grande", Arial, sans-serif;--ff-body:var(--ff-primary);--ff-heading:var(--ff-primary);--fw-regular:400;--fw-semi-bold:550;--fw-bold:700;--fs-100:clamp(.64rem, .6549rem + -.0192vw, .651rem);--fs-200:clamp(.7813rem, .7747rem + .0326vw, .8rem);--fs-300:clamp(.9375rem, .9158rem + .1087vw, 1rem);--fs-400:clamp(1.125rem, 1.0815rem + .2174vw, 1.25rem);--fs-500:clamp(1.35rem, 1.2761rem + .3696vw, 1.5625rem);--fs-600:clamp(1.62rem, 1.5041rem + .5793vw, 1.9531rem);--fs-700:clamp(1.9438rem, 1.7707rem + .8652vw, 2.4413rem);--fs-800:clamp(2.3325rem, 2.0823rem + 1.2511vw, 3.0519rem);--fs-900:clamp(2.7994rem, 2.4461rem + 1.7663vw, 3.815rem);--size-100:.25rem;--size-200:.5rem;--size-300:.75rem;--size-400:1rem;--size-500:1.5rem;--size-600:2rem;--size-700:3rem;--size-800:4rem;--size-900:5rem}h1{font-family:var(--ff-heading);font-size:var(--fs-700)}h2{font-family:var(--ff-heading);font-size:var(--fs-600)}h3{font-family:var(--ff-heading);font-size:var(--fs-500)}body{font-size:var(--fs-400);font-family:var(--ff-body);font-weight:var(--fw-regular);line-height:1.5}:root{--global-transition-speed:.4s}.astro-code{padding:var(--size-400);border-radius:var(--border-radius);border:1px dashed var(--color-separator);font-size:var(--fs-300)}:root{--border-radius:var(--size-200)}.button{padding:var(--size-300) var(--size-300);margin-bottom:var(--size-300);background-color:var(--color-theme);color:var(--color-background);text-align:center;text-transform:uppercase;border-radius:var(--border-radius);text-decoration:none;display:inline-block;&:hover,&:focus{background-color:var(--color-theme-shadow);transition:background-color var(--global-transition-speed)}}.card{margin-block:var(--fs-500);box-shadow:0 1px 3px #241d1814,0 12px 24px -4px #241d181f,0 24px 48px -12px #241d1829}*,:before,:after{box-sizing:border-box}*{margin:0;padding:0}body{background-color:var(--color-background);flex-direction:column;height:100vh;display:flex}blockquote{border-left:3px solid var(--color-separator);padding-left:var(--size-300);margin-top:var(--size-300)}table{width:100%;& th,& td{padding:var(--size-200)}text-wrap:nowrap;border-spacing:0;max-width:100%;overflow-x:scroll;& th,& td{border:1px solid var(--color-separator)}& thead tr:first-child{& :first-child{border-top-left-radius:var(--border-radius)}& :last-child{border-top-right-radius:var(--border-radius)}}& tbody tr:last-child{& :first-child{border-bottom-left-radius:var(--border-radius)}& :last-child{border-bottom-right-radius:var(--border-radius)}}& th{color:var(--color-background);background-color:var(--color-theme)}& tr:nth-child(2n){background-color:var(--color-separator)}}.table-container{overflow-x:scroll}a{color:var(--color-theme)}.main-container{--sidebar-width:var(--sidebarWidth,200px);--sidebar-padding:var(--size-600);--container-padding:var(--size-500);padding:var(--container-padding);width:100%;margin-bottom:auto;margin-left:auto;margin-right:auto;&:not(.no-max-width){max-width:min(100%,1280px)}@media (width>=800px){& .main-container-content{float:right;width:calc(100% - var(--sidebar-width) - var(--sidebar-padding))}& .author-details{float:left;width:var(--sidebar-width);top:var(--size-800);position:sticky}}}
