@layer reset, base, patterns, layout, theme, utilities;@custom-media --mobile-viewport ( max-width: 600px );@custom-media --tablet-viewport ( min-width: 601px ) and ( max-width: 1024px );@custom-media --desktop-viewport ( min-width: 1025px );@layer reset{*,:after,:before{box-sizing:border-box}*{margin:0}@media (prefers-reduced-motion:no-preference){html{interpolate-size:allow-keywords}}body{-webkit-font-smoothing:antialiased}canvas,img,picture,svg,video{display:block;max-width:100%}button,input,select,textarea{font:inherit}h1,h2,h3,h4,h5,h6,p{overflow-wrap:break-word}p{text-wrap:pretty}h1,h2,h3,h4,h5,h6{text-wrap:balance}#__next,#root{isolation:isolate}html{overflow-x:clip;scroll-behavior:smooth}}@layer base{@font-face{font-display:swap;font-family:Roboto;font-stretch:100%;font-style:normal;font-weight:100 900;src:url(/fonts/roboto-latin.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-display:swap;font-family:Roboto;font-stretch:100%;font-style:normal;font-weight:100 900;src:url(/fonts/roboto-symbols.woff2) format("woff2");unicode-range:u+0001-000c,u+000e-001f,u+007f-009f,u+20dd-20e0,u+20e2-20e4,u+2150-218f,u+2190,u+2192,u+2194-2199,u+21af,u+21e6-21f0,u+21f3,u+2218-2219,u+2299,u+22c4-22c6,u+2300-243f,u+2440-244a,u+2460-24ff,u+25a0-27bf,u+28??,u+2921-2922,u+2981,u+29bf,u+29eb,u+2b??,u+4dc0-4dff,u+fff9-fffb,u+10140-1018e,u+10190-1019c,u+101a0,u+101d0-101fd,u+102e0-102fb,u+10e60-10e7e,u+1d2c0-1d2d3,u+1d2e0-1d37f,u+1f0??,u+1f100-1f1ad,u+1f1e6-1f1ff,u+1f30d-1f30f,u+1f315,u+1f31c,u+1f31e,u+1f320-1f32c,u+1f336,u+1f378,u+1f37d,u+1f382,u+1f393-1f39f,u+1f3a7-1f3a8,u+1f3ac-1f3af,u+1f3c2,u+1f3c4-1f3c6,u+1f3ca-1f3ce,u+1f3d4-1f3e0,u+1f3ed,u+1f3f1-1f3f3,u+1f3f5-1f3f7,u+1f408,u+1f415,u+1f41f,u+1f426,u+1f43f,u+1f441-1f442,u+1f444,u+1f446-1f449,u+1f44c-1f44e,u+1f453,u+1f46a,u+1f47d,u+1f4a3,u+1f4b0,u+1f4b3,u+1f4b9,u+1f4bb,u+1f4bf,u+1f4c8-1f4cb,u+1f4d6,u+1f4da,u+1f4df,u+1f4e3-1f4e6,u+1f4ea-1f4ed,u+1f4f7,u+1f4f9-1f4fb,u+1f4fd-1f4fe,u+1f503,u+1f507-1f50b,u+1f50d,u+1f512-1f513,u+1f53e-1f54a,u+1f54f-1f5fa,u+1f610,u+1f650-1f67f,u+1f687,u+1f68d,u+1f691,u+1f694,u+1f698,u+1f6ad,u+1f6b2,u+1f6b9-1f6ba,u+1f6bc,u+1f6c6-1f6cf,u+1f6d3-1f6d7,u+1f6e0-1f6ea,u+1f6f0-1f6f3,u+1f6f7-1f6fc,u+1f7??,u+1f800-1f80b,u+1f810-1f847,u+1f850-1f859,u+1f860-1f887,u+1f890-1f8ad,u+1f8b0-1f8bb,u+1f8c0-1f8c1,u+1f900-1f90b,u+1f93b,u+1f946,u+1f984,u+1f996,u+1f9e9,u+1fa00-1fa6f,u+1fa70-1fa7c,u+1fa80-1fa89,u+1fa8f-1fac6,u+1face-1fadc,u+1fadf-1fae9,u+1faf0-1faf8,u+1fb??}:root{--ON:initial;--OFF: ;--space:8px;--x1:calc(var( --space )*1);--x2:calc(var( --space )*2);--x3:calc(var( --space )*3);--x4:calc(var( --space )*4);--x5:calc(var( --space )*5);--x6:calc(var( --space )*6);--x7:calc(var( --space )*7);--x8:calc(var( --space )*8);--font-size-xxl:1.6rem;--font-size-xl:1.4rem;--font-size-lg:1.2rem;--font-size-md:1rem;--font-size-sm:.75rem;--font-size-xs:.625rem;--font-family:"Roboto",sans-serif;--font-size:var(--font-size-md);--font-weight:400;--line-height:1.8;--text-margin:0;--heading-font-family:"Roboto",sans-serif;--heading-font-weight:600;--heading-line-height:1.2;--heading-margin-block:.5em;--h1-font-size:var(--font-size-xxl);--h2-font-size:var(--font-size-xl);--h3-font-size:var(--font-size-lg);--h4-font-size:var(--font-size-md);--h5-font-size:var(--font-size-sm);--h6-font-size:var(--font-size-xs)}body,html{min-height:100vh}body{background-color:var(--background-color);color:var(--color);font-family:var(--font-family);font-optical-sizing:auto;font-size:var(--font-size);font-style:normal;font-variation-settings:"wdth" 100;font-weight:var(--font-weight);line-height:var(--line-height);margin:0}a{color:var(--link-color);text-decoration:none}a:focus,a:hover{text-decoration:underline}h1,h2,h3,h4,h5,h6{font-family:var(--x-heading-font-family,var(--heading-font-family));font-weight:var(--x-heading-font-weight,var(--heading-font-weight));line-height:var(--x-heading-line-height,var(--heading-line-height));margin-block:var(--x-heading-margin-block,var(--heading-margin-block));margin-inline:0;text-transform:var(--x-heading-text-transform,var(--heading-text-transform))}h1{--heading-text-transform:uppercase;font-size:var(--x-heading-font-size,var(--h1-font-size));&:is(:first-child){margin-top:0}}h2{font-size:var(--x-heading-font-size,var(--h2-font-size))}h3{font-size:var(--x-heading-font-size,var(--h3-font-size))}h4{font-size:var(--x-heading-font-size,var(--h4-font-size))}h5{font-size:var(--x-heading-font-size,var(--h5-font-size))}h6{font-size:var(--x-heading-font-size,var(--h6-font-size))}hr,p{margin:var(--text-margin,0) 0}hr{border-color:var(--border-color);border-style:solid;border-width:1px 0 0}ol,ul{margin:var(--text-margin,0) 0;padding-inline-start:var(--list-indent);&[reset]{list-style:none;padding-inline-start:0}}code{background:light-dark(#fff,#000);border-radius:var( --code-border-radius,2px );display:inline-block;padding:calc(var(--x1)*.5)}pre:where(has(code)){margin-block:calc(var(--x1)*-.5);overflow-x:auto}:where(pre)>code{display:block;padding:var(--x2);white-space:pre-wrap;word-wrap:break-word}}@layer patterns{.p-container{display:grid;justify-items:center;padding:var( --x4 ) var( --x2 )}.p-layout{max-width:960px;width:100%}.p-layout--grid{display:grid;gap:var( --x2 );grid-template-columns:var( --grid-template-columns,1fr )}.p-card{border:var( --card-border-width,0 ) var( --card-border-style,solid ) var( --card-border-color,transparent );border-radius:var( --card-border-radius,2px );box-shadow:var( --card-box-shadow-x,0 ) var( --card-box-shadow-y,1px ) var( --card-box-shadow-blur,4px ) var( --card-box-shadow-color,none );padding:var( --card-padding-block,var( --x2 ) ) var( --card-padding-inline,var( --x2 ) )}.p-card--none{--card-padding-block:0;--card-padding-inline:0}.p-card--border{--card-border-color:var( --border-color );--card-border-width:1px}.p-card--shadow{--card-box-shadow-color:var( --box-shadow-color )}.p-prose{--heading-margin-block:2em 1em;--text-margin:1em;--list-indent:1em;margin-trim:block;>:first-child{margin-top:0}>:last-child{margin-bottom:0}}.p-colored{background-color:var( --background-color );color:var( --color )}.p-buttons{display:flex;flex-direction:row;flex-wrap:wrap;gap:var( --x1 )}.p-button{--__button-base-color:var( --button-base-color,#fff );--__button-hover-color:var( --button-hover-color,color-mix(in srgb,var( --__button-base-color ),light-dark(#000,#fff) 20%) );align-items:center;background-color:var( --__button-base-color,#000 );border:var( --button-border-width,2px ) var( --button-border-style,solid ) var( --__button-base-color,#000 );border-radius:var( --button-border-radius,4px );color:var( --button-text-color,#000 );cursor:pointer;display:inline-flex;font-weight:700;justify-content:center;line-height:1;margin:var( --button-margin,none );padding:var( --button-padding-block,6px ) var( --button-padding-inline,8px );&:hover{background-color:var( --__button-hover-color,dark-grey );border-color:var( --__button-hover-color,#fff );color:var( --button-text-color,#fff );text-decoration:none}}.p-button--secondary{background-color:transparent;color:var( --__button-base-color,#fff );&:hover{background-color:transparent;border-color:var( --__button-hover-color,#fff );color:var( --__button-hover-color,#fff )}}.p-button--link{--button-padding-inline:0;background-color:transparent;border-color:transparent;color:var( --__button-base-color,#fff );&:hover{background-color:transparent;border-color:transparent;color:var( --__button-hover-color,#fff )}}.p-button--icon{aspect-ratio:1/1;box-sizing:content-box;height:1em;padding:var( --button-padding,6px );width:auto}.p-shadow{box-shadow:var( --box-shadow-x,0 ) var( --box-shadow-y,1px ) var( --box-shadow-blur,4px ) var( --box-shadow-color,none )}}@layer layout{body{display:grid;grid-template-columns:1fr;grid-template-rows:auto 1fr auto}header{align-items:center;background-color:var( --background-color );border-bottom:1px dotted var( --border-color );color:var(--color);display:flex;justify-content:space-between;a{display:inline-block;&:active,&:hover{text-decoration:none}}abbr{text-decoration:none}nav{ul{display:flex;justify-content:flex-end}}.pad{padding:var( --x1 ) var( --x2 )}}.color-scheme{cursor:pointer;span{display:inline-block;padding:var( --x1 ) var( --x2 )}input{display:none}input~.light{display:var( --light-display,none )}input~.dark{display:var( --dark-display,none )}}@media (prefers-color-scheme:light){.color-scheme:has(input:not(:checked)){--light-display:inline}.color-scheme:has(input:checked){--dark-display:inline}}@media (prefers-color-scheme:dark){.color-scheme:has(input:not(:checked)){--dark-display:inline}.color-scheme:has(input:checked){--light-display:inline}}#notes:popover-open{--_padding-block:var( --x4 );--_padding-inline:var( --x3 );background-color:var(--background-color);border-width:0;box-shadow:none;color:var(--color);height:auto;inset:0 0 0 15vw;opacity:1;overflow:visible;padding:var(--_padding-block) var(--_padding-inline);position:fixed;transform:translateX(0);transition:all .25s ease-out;transition-behavior:allow-discrete;width:auto;@starting-style{opacity:0;transform:translateX(20vw)}&::backdrop{backdrop-filter:blur(4px);background-color:color(from var(--background-color) srgb r g b/.25);opacity:1;transition:all .25s ease-out;transition-behavior:allow-discrete;@starting-style{opacity:0}}}footer{background-color:var(--background-color);color:var(--color);display:flex;font-size:.75rem;justify-content:space-between;padding:var( --x1 ) var( --x2 )}}@layer theme{:root{color-scheme:light dark}@media (prefers-color-scheme:light){:root{--is-dark:var(--OFF);--is-light:var(--ON)}body:has(.color-scheme>input:checked){--is-dark:var(--ON);--is-light:var(--OFF);color-scheme:dark}}@media (prefers-color-scheme:dark){:root{--is-dark:var(--ON);--is-light:var(--OFF)}body:has(.color-scheme>input:checked){--is-dark:var(--OFF);--is-light:var(--ON);color-scheme:light}}.u-light-inline{display:var(--is-dark,none) var(--is-light,inline)}.u-dark-inline{display:var(--is-dark,inline) var(--is-light,none)}:root{--blue-00:#01022e;--blue-01:#03045e;--blue-02:#02408c;--blue-03:#0077b6;--blue-04:#009fc7;--blue-05:#00b4d8;--blue-06:#49cbe3;--blue-07:#90e0ef;--blue-08:#b9ebf4;--blue-09:#caf0f8;--light--background-color:var( --blue-09 );--light--border-color:var( --blue-05 );--light--color:var( --blue-01 );--light--button-background-color:var( --blue-04 );--light--button-color:var( --blue-01 );--light--button-hover-background-color:var( --blue-03 );--dark--background-color:var( --blue-00 );--dark--border-color:var( --blue-02 );--dark--color:var( --blue-09 );--dark--button-background-color:var( --blue-05 );--dark--button-color:#fff;--dark--button-hover-background-color:var( --blue-06 );--light--background-color--hc:#fff;--dark--background-color--hc:#000;--background-color:light-dark(var( --light--background-color ),var( --dark--background-color ));--border-color:light-dark(var( --light--border-color ),var( --dark--border-color ));--color:light-dark(var( --light--color ),var( --dark--color ));--button-base-color:light-dark(var( --light--button-background-color ),var( --dark--button-background-color ));--button-hover-color:light-dark(var( --light--button-hover-background-color ),var( --dark--button-hover-background-color ));--button-text-color:light-dark(var( --light--button-color ),var( --dark--button-color ))}.t-high-contrast{--background-color:light-dark(var( --light--background-color--hc ),var( --dark--background-color--hc ))}}@layer theme{}@layer utilities{.u-contents{display:contents}}