:root{color-scheme:light dark;--blue:#009bcd;--turquoise:#53c2c9;--blue-secondary:#007ea6;--darkgrey:#444;--text-color:var(--darkgrey);--secondary-text-color:#5c6f75;--secondary-large-text-color:#63787e;--bg-color:#eceef0;--divider-color:#d9dbde;--link-underline-default:rgba(0,155,205,.4);--link-underline-hover:var(--blue);--link-underline-active:var(--blue-secondary);--action-background-l1:rgba(147,187,201,.2);--action-background-l2:rgba(147,187,201,.4);--action-background-l3:rgba(147,187,201,.5);--font-fam:"IBM Plex Sans",system-ui,-apple-system,"Segoe UI","Roboto","Oxygen-Sans","Ubuntu","Cantarell","Helvetica Neue",sans-serif;--space-l1:0.625rem;--space-l2:1.25rem;--space-l3:2.5rem;--space-l4:5rem}header{margin:1.25rem;margin:var(--space-l2);max-width:40em;padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right);text-align:left}.no-cssanimations header{opacity:1}header a{color:#444;color:var(--text-color)}header .desc,header .nav{margin:1.25rem 0;margin:var(--space-l2) 0}:is(header .nav) h1,:is(header .nav) h2,:is(header .nav)>a{display:inline;font-size:2em;margin:0;padding:0;white-space:nowrap}:is(header .nav)>a{border:.07em solid transparent;border-radius:5px;color:#63787e;color:var(--secondary-large-text-color);font-weight:300;margin-inline-end:.25em;margin-inline-start:-.5em;padding-left:.15em;transition:color .3s ease,background-color .3s ease,border-color .3s ease,padding-left .3s ease,margin-left .3s ease}:is(:is(header .nav)>a):before{border-style:solid;border-width:.07em .07em 0 0;content:"";display:inline-block;height:.35em;position:relative;top:.6em;transform:rotate(-135deg);vertical-align:top;width:.35em}:is(:is(header .nav)>a):after{border-radius:10px;border-right:.06em solid;content:"";left:0;margin-inline-start:.4em;position:relative;transition:opacity .3s ease}:is(header .nav) [popovertarget=page-nav]{anchor-name:--page-nav}.has-page-nav:is(header .nav) [popover]{margin:0;padding:0;position:absolute;position-anchor:--page-nav;position-area:bottom span-right;width:auto}:is(header .nav) h1:has(+[popovertarget=page-nav]){anchor-name:--page-title;cursor:pointer;padding-inline-end:.5ch;position:relative}:is(:is(header .nav) h1:has(+[popovertarget=page-nav])):after{border-left:.4rem solid transparent;border-right:.4rem solid transparent;border-top:.4rem solid #444;border-top:.4rem solid var(--text-color);content:"";display:inline-block;height:0;position:relative;right:-.25em;top:-.15em;transition:transform .3s ease-out;width:0}:is(header .nav) h1:has(+[popovertarget=page-nav])+button{background-color:transparent;border:2px solid transparent;border-radius:5px;box-shadow:none;color:transparent;height:calc(anchor-size(height) + .25rem);margin:0;position:absolute;position-anchor:--page-title;position-area:span-all;transition:background-color .3s ease,border-color .3s ease;width:auto;width:calc(anchor-size(width) + 1rem)}:is(:is(header .nav) h1:has(+[popovertarget=page-nav])+button):hover{border-color:#007ea6;border-color:var(--blue-secondary)}:is(:is(header .nav) h1:has(+[popovertarget=page-nav])+button):focus{border-color:#007ea6;border-color:var(--blue-secondary)}:is(header .nav>a,header .nav>button):focus{background-color:rgba(147,187,201,.5);background-color:var(--action-background-l3);border-color:#007ea6;border-color:var(--blue-secondary);color:#007ea6;color:var(--blue-secondary);margin-left:0;outline:none;padding-left:.25em}:is(header .nav>a,header .nav>button):focus:after{opacity:0}header .desc{font-size:1.25em;line-height:1.5}:is(header .desc) p{margin:0}:is(header .desc) img{height:auto;max-width:100%}:is(header .desc) a{color:#009bcd;color:var(--blue)}@supports not (position-anchor:---){.js .nav.has-page-nav{position:relative}:is(.js .nav.has-page-nav) h1,:is(.js .nav.has-page-nav) h2{border-radius:5px;box-shadow:0 0 0 .07em transparent;cursor:pointer;position:relative;transition:padding-left .3s ease,padding-right .3s ease,box-shadow .3s ease}:is(:is(.js .nav.has-page-nav) h1,:is(.js .nav.has-page-nav) h2):after{border-left:.4rem solid transparent;border-right:.4rem solid transparent;border-top:.4rem solid #444;border-top:.4rem solid var(--text-color);content:"";display:inline-block;height:0;position:relative;right:-.25em;top:-.15em;transition:transform .3s ease-out;width:0}:is(:is(.js .nav.has-page-nav) h1,:is(.js .nav.has-page-nav) h2):focus{box-shadow:0 0 0 .07em #53c2c9;box-shadow:0 0 0 .07em var(--turquoise);outline:none;padding-left:.25em;padding-right:.5em}.clicked:is(:is(.js .nav.has-page-nav) h1,:is(.js .nav.has-page-nav) h2):focus{box-shadow:none;padding-left:0;padding-right:0}.shown:is(:is(.js .nav.has-page-nav) h1,:is(.js .nav.has-page-nav) h2):after{transform:rotateX(180deg)}}@supports not (position-anchor:---){button[popovertarget=page-nav]{display:none}}.page-nav{border:none;border-radius:5px;font-size:2em;list-style:none;overflow:hidden;width:100%;z-index:2}@supports not (position-anchor:---){.page-nav{display:block;margin-inline-start:-.6rem!important;max-height:0;padding:0;top:100%;transition:max-height .3s,border-color .3s,box-shadow .3s,margin-top .3s;transition-timing-function:ease-out,ease,ease,ease,ease;width:calc(100% + 1.2rem)!important}.page-nav.shown{border-color:#d9dbde;border-color:var(--divider-color);border-width:1px;margin-top:1rem;max-height:5.5em;transition-timing-function:ease-in,ease,ease}}.page-nav ul{list-style:none;margin:0;padding:.5rem .75rem}.page-nav a{color:#5c6f75;color:var(--secondary-text-color)}.content{margin:2.5rem 1.25rem;margin:var(--space-l3) var(--space-l2);max-width:55em;padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right);text-align:center}.no-cssanimations .content{opacity:1}.license{color:#444;color:var(--darkgrey);display:block;margin:2.5rem 1.25rem;margin:var(--space-l3) var(--space-l2);max-width:55em;text-align:left}.license p{font-size:.9em;margin:0;max-width:15em}.license a{color:#444;color:var(--darkgrey);transition:color .3s ease}@supports (backdrop-filter:none){.page-nav{backdrop-filter:blur(10px);background-color:rgba(235,238,240,.65)}}@media (min-width:35em){header{margin:2.5rem auto;margin:var(--space-l3) auto;width:80%}:is(header .nav) h1,:is(header .nav) h2,:is(header .nav)>a{font-size:2.5em}:is(header .nav)>a{margin-left:-.95em;margin-right:.35em;padding-left:.5em}:is(:is(header .nav)>a):before{height:.45em;left:-.15em;top:.55em;width:.45em}:is(:is(header .nav)>a):focus{padding-left:.5em}header .desc{font-size:1.5em}.page-nav{background-color:rgba(235,238,240,.95);border-bottom:0 solid rgba(0,153,204,0);border-top:none;box-shadow:0 5px 15px rgba(0,0,0,.15);font-size:2.5em}@supports not (position-anchor:---){.page-nav{display:inline-block;position:absolute;width:auto;width:auto!important}.page-nav ul{display:inline-block}}@media (--width-l2 ) (prefers-color-scheme:dark){.page-nav{background-color:rgba(32,32,32,.95)}}@supports not (position-anchor:---){.page-nav{left:6.25em;top:1.35em}.page-nav.shown{border-color:#009bcd;border-color:var(--blue);border-width:3px;margin-top:0}}.content{margin-left:auto;margin-right:auto}.license{margin-left:auto;margin-right:auto;width:80%}}@media (--width-l2 ) (prefers-color-scheme:dark){.page-nav{background-color:rgba(32,32,32,.95)}}@media (any-hover){:is(:is(header .nav) h1>a,:is(header .nav) h2>a):hover{color:#009bcd;color:var(--blue)}:is(:is(header .nav) h1>a,:is(header .nav) h2>a):active{color:#009bcd;color:var(--blue)}:is(header .nav>a,header .nav>button):hover{background-color:rgba(147,187,201,.4);background-color:var(--action-background-l2);color:#009bcd;color:var(--blue);margin-left:0}:is(header .nav>a,header .nav>button):hover:after{opacity:0}:is(header .nav>a,header .nav>button):active{background-color:rgba(147,187,201,.5);background-color:var(--action-background-l3);color:#007ea6;color:var(--blue-secondary);margin-left:0}:is(header .nav>a,header .nav>button):active:after{opacity:0}:is(:is(header .desc) a):hover{color:#007ea6;color:var(--blue-secondary)}:is(:is(header .desc) a):active{color:#444;color:var(--darkgrey)}:is(.page-nav a):focus,:is(.page-nav a):hover{color:#009bcd;color:var(--blue)}:is(.license a):hover{color:#009bcd;color:var(--blue)}:is(.license a):active{color:#007ea6;color:var(--blue-secondary)}}@media (color-gamut:p3){:root{--blue:color(display-p3 0.2 0.6 0.85);--turquoise:color(display-p3 0.3 0.75 0.75);--blue-secondary:color(display-p3 0.15 0.5 0.7)}}@media (prefers-color-scheme:dark){:root{--bg-color:#202020;--text-color:#eceef0;--secondary-text-color:#c6ccd2;--secondary-large-text-color:#b5bdc4;--divider-color:#4a545e;--action-background-l1:rgba(74,84,94,.4);--action-background-l2:rgba(74,84,94,.6);--action-background-l3:rgba(74,84,94,.7)}.page-nav{background-color:rgba(32,32,32,.85)}}
/*# sourceMappingURL=project.css.map */