@import"https://fonts.googleapis.com/css?family=Crimson+Text|Muli:400,600,700";*,*::before,*::after{box-sizing:border-box}body,h1,h2,h3,h4,h5,h6{margin:0}p,li,h1,h2,h3,h4{word-break:break-word}html,body{overflow-x:hidden}html{scroll-behavior:smooth}body{height:revert !important;font-family:sans-serif;font-size:100%;line-height:1.5;text-rendering:optimizeSpeed}img{display:block;max-width:100%}input,button,textarea,select{font:inherit}@media(prefers-reduced-motion: reduce){*,*::before,*::after{animation-duration:.01ms !important;animation-iteration-count:1 !important;transition-duration:.01ms !important;scroll-behavior:auto !important}html{scroll-behavior:initial}}*{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body,html{padding:0;margin:0;height:100%}body{color:var(--text-primary);font-family:var(--font-base-family);line-height:var(--line-height-default);accent-color:var(--color-teal-400);font-size:16px;background-color:var(--bg-primary)}a{color:var(--link);text-decoration:underline}a:hover{color:var(--link-hover);text-decoration:underline;text-decoration-thickness:2px}.viewport-container{width:100%;max-width:1280px;margin-left:auto;margin-right:auto;padding-left:var(--viewport-margin);padding-right:var(--viewport-margin)}h1{font-size:var(--page-heading-size);font-family:var(--font-second-family);line-height:var(--line-height-page-heading)}h2{font-size:var(--text-medium);font-weight:var(--bold)}h3{font-size:var(--text-small);font-weight:var(--bold)}.subtle-heading{color:var(--color-neutral-300);letter-spacing:1.25px;text-transform:uppercase;font-size:14px;font-weight:var(--bold);font-family:var(--font-base-family)}.prose h1{font-family:var(--font-base-family);font-size:2.5rem;font-weight:400;padding-bottom:1rem;margin-top:2rem}.prose h2{margin-top:2rem;margin-bottom:1rem}.prose h3,.prose h4,.prose h5,.prose h6{margin-top:1rem;margin-bottom:1rem}.heading-anchor{margin-left:.25rem}.prose,.prose>p,.prose>ul{max-width:80ch !important}pre{overflow-x:auto}details{font-size:1rem}details>summary::after{font-family:"Material Symbols Rounded";font-size:24px;content:"";color:var(--link)}details[open]>summary::after{font-family:"Material Symbols Rounded";content:"";color:var(--link)}details>summary::marker{display:none}summary::-webkit-details-marker{display:none}summary{font-size:1rem;display:flex;justify-content:space-between;align-items:center;border-left:2px solid rgba(0,0,0,0);padding:.75em .5em;list-style:none;cursor:pointer}details[open]>summary:first-of-type{font-weight:var(--semibold);color:var(--link);border-left:2px solid var(--link);padding:.75em .5em}summary:hover{background-color:var(--hover-accent)}pre.code{width:auto;overflow-x:initial;margin-top:1.5rem}blockquote{padding:.25rem 1rem;border-left:solid 4px var(--color-neutral-300);color:var(--color-neutral-300);font-weight:var(--semibold);font-size:1rem}.prose p:has(img){display:flex;flex-wrap:wrap;flex-direction:row;justify-content:space-evenly;align-items:center}.prose p:has(img+img)>img{max-width:50%}.prose img{width:revert;max-width:100%;padding:1rem 0}img.horizontal-signature{background-color:#fff}.flex{display:flex}.flex-wrap{flex-wrap:wrap}.align-items-center{align-items:center}kbd{border:1px solid var(--color-neutral-300);box-shadow:1px 0 1px 0 var(--color-neutral-200),0 2px 0 2px var(--color-neutral-100),0 2px 0 3px var(--color-neutral-300);border-radius:3px;margin:2px 3px;padding:1px 5px;white-space:nowrap}.opens-new-window::after{font-family:"Material Symbols Rounded";content:"";color:var(--color-teal-400);font-size:1.25rem;padding-left:.25rem;vertical-align:sub}.visually-hidden{position:absolute !important;height:1px;width:1px;overflow:hidden;clip:rect(1px 1px 1px 1px);clip:rect(1px, 1px, 1px, 1px)}*:focus:not(:focus-visible){outline:none;box-shadow:none}*:focus-visible{outline:0;box-shadow:0 0 0 2px var(--color-maize-400),0 0 0 3px var(--color-neutral-400);border-radius:2px !important}#main-content:focus,#footer:focus{box-shadow:none}#main:focus-visible,#footer:focus-visible{box-shadow:0 0 0 2px var(--color-maize-400),0 0 0 3px var(--color-neutral-400)}m-universal-header{display:block;min-height:37px}m-universal-header:not(.hydrated){background:var(--color-blue-100);opacity:0;transition:opacity .3s ease-in}m-universal-header.hydrated{opacity:1}m-website-header{display:block;transition:max-height .25s ease-out;max-height:600px}m-website-header:not(.hydrated){height:4rem;max-height:4rem}m-website-header:not(.hydrated)>*{display:none}.js-only{display:none}:root{--color-blue-100: #f7f8f9;--color-blue-200: #b2bec9;--color-blue-300: #4c6781;--color-blue-400: #00274c;--color-blue-500: #001324;--color-maize-100: #fff9e6;--color-maize-200: #ffea9b;--color-maize-300: #ffda50;--color-maize-400: #ffcb05;--color-maize-500: #eaba02;--color-neutral-50: #e5e9ed;--color-neutral-100: #e5e9ed;--color-neutral-200: #8a96a1;--color-neutral-300: #637381;--color-neutral-350: #384655;--color-neutral-400: #212b36;--color-neutral-450: #1a232c;--color-neutral-500: #06080a;--color-teal-100: #e9f2f5;--color-teal-200: #a7cddb;--color-teal-300: #65a8bf;--color-teal-400: #1d7491;--color-teal-500: #106684;--color-orange-100: #fff1eb;--color-orange-200: #ffb899;--color-orange-300: #ff8a58;--color-orange-400: #f25f1f;--color-orange-500: #c74e1a;--color-pink-100: #fcebeb;--color-pink-200: #f29d9d;--color-pink-300: #ec6969;--color-pink-400: #d93838;--color-pink-500: #bf3232;--color-indigo-100: #eef1f9;--color-indigo-200: #aab9e3;--color-indigo-300: #7c93d4;--color-indigo-400: #506fc5;--color-indigo-500: #274391;--color-green-100: #eaf8ee;--color-green-200: #96dbaa;--color-green-300: #57bc75;--color-green-400: #20a848;--color-green-500: #198539;--font-base-family: "Muli", sans-serif;--font-second-family: "Crimson Text", serif;--bold: 700;--regular: 400;--semibold: 600;--extrabold: 800;--line-height-default: 1.5;--line-height-heading: 1.25;--line-height-page-heading: 1.125;--text-base-size: 16px;--text-xxx-large: 3.5rem;--text-xx-large: 2.25rem;--text-x-large: 2rem;--text-large: 1.75rem;--text-medium: 1.5rem;--text-small: 1.125rem;--text-x-small: 1.125rem;--text-xx-small: 1rem;--text-xxx-small: 0.875rem;--space-xxx-small: 2px;--space-xx-small: 4px;--space-x-small: 8px;--space-small: 12px;--space-medium: 16px;--space-large: 24px;--space-x-large: 32px;--space-xx-large: 40px;--space-xxx-large: 48px;--space-xxxx-large: 64px;--space-xxxxx-large: 96px;--z-space-small: rgba(0, 0, 0, 0.2) 0px 2px 8px 0px;--z-space-medium: rgba(0, 0, 0, 0.2) 0px 2px 16px 0px;--opacity-75: 0.75;--opacity-50: 0.5;--opacity-30: 0.3;--radius-default: 4px;--line-length: 60ch;--viewport-margin: var(--space-medium);--page-heading-size: var(--space-xx-large)}@media(min-width: 720px){:root{--viewport-margin: var(--space-xx-large);--page-heading-size: var(--space-xxx-large)}}.footer{background:var(--bg-footer);color:#fff;position:relative}.footer ul{list-style:none;margin:0;padding:0}.footer ul a{display:inline-block;padding:var(--space-xx-small) 0}.footer ul a:hover{text-decoration:underline;text-decoration-thickness:1px}.footer ul a span:hover{text-decoration:underline;text-decoration-thickness:1px}.footer a{color:#fff}.footer a>svg{margin-right:.5em}.address{max-width:22ch}.footer__content{color:var(--color-blue-100);padding:var(--space-xxx-large) 0;display:grid;grid-template-columns:repeat(auto-fill, 350px);gap:var(--space-xx-large)}.footer__content .first-column ul li a{text-decoration:none;display:flex;align-items:baseline}.footer__content ul li a{text-decoration:none}.footer__content h2{color:var(--color-blue-200);font-size:.875rem;font-weight:800;letter-spacing:1.25px;text-transform:uppercase;margin-bottom:var(--space-medium)}.footer__policies{border-left:solid 1px var(--color-blue-300);padding-left:2em}@media screen and (max-width: 1200px){.footer__policies{border-left:none;padding-left:0}}.footer__disclaimer{background:var(--bg-sub-footer);color:var(--color-blue-200);padding:var(--space-medium) 0}.footer__disclaimer a{color:var(--color-blue-200)}.footer__disclaimer p{margin:0}@media(max-width: 40rem){.footer__disclaimer p{padding-top:.5rem}}@media screen and (min-width: 820px){.footer__disclaimer p{display:inline-block}.footer__disclaimer p+p{margin-left:var(--space-x-large)}}.breadcrumbs{padding-top:2rem}.breadcrumbs ol{display:flex;flex-flow:row wrap;margin:0;padding:0;list-style:none}.breadcrumbs li a:first-child::first-letter{text-transform:capitalize}@media(max-width: 40rem){.banner-text .breadcrumbs{display:none}}.breadcrumbs li:first-child{padding-left:0}@media(max-width: 40rem){.breadcrumbs li:first-child{display:none}}.breadcrumbs li:first-child a{padding-left:0 !important}.breadcrumbs a{display:inline;padding:0 var(--space-x-small) !important}.breadcrumbs li{display:inline-flex;align-items:center;font-size:1rem}.breadcrumbs a[aria-current=page]{color:var(--color-neutral-400);text-decoration:none}.breadcrumbs a[aria-current=page]:hover{text-decoration:underline;text-decoration-thickness:2px}.breadcrumbs li:not(:first-child):before{font-family:"Material Symbols Rounded";content:"" !important;color:var(--color-teal-400);padding-left:.25rem;font-size:1rem}@media(max-width: 40rem){.breadcrumbs li:not(li:nth-last-child(2)){display:none}.breadcrumbs li:nth-last-child(2):before{font-family:"Material Symbols Rounded";content:"" !important;font-size:1rem}}.page-aside{border-right:solid 1px var(--border-color)}@media(max-width: 52rem){.page-aside{display:none}.page-aside.show{display:block;border:solid 1px var(--border-color)}}.site-side-nav ul{padding-left:0;margin-top:0}.top-level-nav li{list-style:none;border-bottom:solid 1px var(--border-color);padding:0}.child-level-nav{padding-bottom:.25rem}.child-level-nav li{list-style:none;border:none;padding:0}.child-level-nav li a{color:var(--text-primary);text-decoration:none;display:block;padding:.5rem 0 .5rem 1rem}.child-level-nav li a:hover{text-decoration:underline;background-color:var(--hover-accent)}.child-level-nav li a[aria-current=page]{text-decoration:underline;background-color:var(--active-page-nav)}.side-nav-toggle{display:none;background:none;border:none;cursor:pointer}@media(max-width: 52rem){.side-nav-toggle{display:block}}button[aria-expanded]::after{font-family:"Material Symbols Rounded";font-size:2.5rem;content:"";color:var(--text-primary)}button[aria-expanded=true]::after{font-family:"Material Symbols Rounded";font-size:2.5rem;content:"";color:var(--text-primary)}.utility-nav{margin-top:1.5rem}.utility-nav ul{list-style:none;padding-left:0;margin-top:0;margin-bottom:1rem;display:flex;flex-flow:column wrap}.utility-nav ul li{display:inline;padding:.25rem 0 .25rem .5rem}.utility-nav ul li:not(:last-child){margin-right:1rem}.utility-nav ul li a{font-size:.875rem;text-decoration:none;color:var(--badge);text-transform:uppercase;font-weight:var(--bold);letter-spacing:1.25px;display:flex;align-items:flex-start;gap:.25rem}.utility-nav ul li a:hover{text-decoration:underline}.container{margin-top:0;margin-bottom:0}.layout{margin:0 auto}.main-content{padding-left:3rem}@media(max-width: 52rem){.main-content{padding-left:0}}.main-content.home{padding-left:0}.flex-layout{display:flex;flex-wrap:wrap;justify-content:start;align-items:stretch}@media(max-width: 40rem){.flex-layout{gap:1rem}}.flex-layout>:first-child{flex-grow:1;flex-basis:16rem}.flex-layout>:last-child{flex-basis:0;flex-grow:999;min-inline-size:50%}.flex-static{display:flex;flex-wrap:wrap}.flex-static .main-content{width:50%}@media(max-width: 40rem){.flex-static .main-content{width:100vw}}.image-404-page{width:50%}@media(max-width: 40rem){.image-404-page{display:none}}.skip-links{background:var(--bg-footer);padding:var(--space-small);margin:0 auto}.skip-links ul{padding-left:0}.skip-links ul li{margin:var(--space-medium) 0;text-align:center;list-style:none}.skip-links a{color:#fff;padding:var(--space-x-small)}.skip-links:not(:focus-within){position:absolute;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden}.callout{background-color:var(--color-blue-100);border-top:6px solid var(--color-teal-500);padding-top:2rem;position:relative;margin-top:4rem}#callout-box-svg{width:135px;height:135px;position:absolute;top:-65px;left:85vw;transform:rotate(30deg);transition:transform 2s}@media(max-width: 40rem){#callout-box-svg{width:100px;height:100px}}@media(min-width: 52rem){#callout-box-svg:hover{transform:rotate(45deg)}}.callout-container{padding:1rem 0 2rem;display:grid;grid-template-columns:repeat(auto-fill, minmax(250px, 500px));justify-content:center;gap:1rem 2rem}.callout-container a{text-decoration:none;color:var(--color-neutral-400)}.callout-container-text{padding:1em 0 2rem}.callout-container-text p{max-width:60ch;margin:0}.callout-card{display:flex;padding:.5rem;align-items:center;height:100%}.callout-card p{margin:.25rem 0}.callout-container a{border-radius:4px;border-left:solid 4px rgba(0,0,0,0);transition:box-shadow ease-out .8s}.callout-container a:hover{border-radius:4px;border-left:solid 4px var(--color-teal-400);box-shadow:inset 500px 0 0 0 var(--color-neutral-100)}@media(max-width: 40rem){.callout-container a:hover{box-shadow:none;border-left:solid 4px rgba(0,0,0,0)}}.callout-card-icon{border-radius:100%;font-size:2rem;padding:1rem;margin-right:1rem;color:#fff}.callout-card-icon.description-icon{background-color:var(--color-indigo-400)}.callout-card-icon.logo-icon{background-color:var(--color-teal-400)}.callout-card-icon.design-services-icon{background-color:var(--color-pink-400)}.callout-card-icon.palette-icon{background-color:var(--color-orange-400)}.umich-lib-callout,blockquote{color:var(--text-primary);background-color:var(--bg-primary);margin:1.5rem 0;padding:1rem;border:solid 1px var(--border-color);border-radius:4px}.umich-lib-callout{display:flex;align-items:center}.umich-lib-callout p{color:var(--text-primary)}.umich-lib-callout a{font-weight:var(--semibold);color:var(--link)}.umich-lib-callout>p,blockquote>p:first-of-type{margin:0}.umich-lib-callout.info{padding:1rem 1rem 1rem 1.5rem;border-left:solid 4px var(--callout-info-accent);background-color:var(--bg-callout-info)}.umich-lib-callout.info::before{font-family:"Material Symbols Rounded";content:"";color:var(--callout-info-accent);font-size:1.5rem;padding-right:1rem;float:left}.umich-lib-callout.print{border-left:solid 4px var(--callout-print-accent);background-color:var(--bg-callout-print)}.umich-lib-callout.print::before{font-family:"Material Symbols Rounded";content:"";color:var(--callout-print-accent);font-size:1.5rem;padding-right:1rem;float:left}.umich-lib-callout.alert{border-left:solid 4px var(--callout-alert-accent);background-color:var(--bg-callout-alert)}.umich-lib-callout.alert::before{font-family:"Material Symbols Rounded";color:var(--callout-alert-accent);content:"";font-size:1.5rem;padding-right:1rem;float:left}.umich-lib-callout.block{border-left:solid 4px var(--color-neutral-300);color:var(--color-neutral-300);border-radius:0;border-top:0;border-right:0;border-bottom:0;margin-left:2rem;padding:.25rem 1rem}blockquote{border-top:solid 1px rgba(0,0,0,0);border-right:solid 1px rgba(0,0,0,0);border-bottom:solid 1px rgba(0,0,0,0);margin-left:2rem;padding-top:0;padding-bottom:0;border-left:solid 4px rgba(0,0,0,0);font-weight:normal;color:var(--text-primary)}.banner{display:grid;grid-template-areas:"banner";width:100%;overflow-x:clip}@media(max-width: 80rem){.banner{border-right:solid 2px var(--banner-svg-grid)}}#banner-grid,#banner-images,.banner-text{grid-area:banner}#banner-grid{z-index:1}#banner-images{z-index:2}.banner-text{z-index:3;display:flex;flex-direction:column;justify-content:center;padding:3rem}.banner-text h1{font-family:var(--font-base-family);font-size:3rem;margin-top:.75rem;background:var(--bg-overlay);max-width:12ch}@media(max-width: 40rem){.banner-text h1{font-size:2.5rem;max-width:100%}}.banner-text p{font-family:var(--font-base-family);font-size:1.25rem;background:var(--bg-overlay);max-width:30ch}@media(max-width: 40rem){.banner-text p{max-width:20ch}}@media(max-width: 30rem){.banner-text{padding:0 0 0 2rem}}@media(max-width: 64rem){.banner #banner-images{display:none}}.feedback-banner{background-color:var(--bg-banner);padding:1em 0}.feedback-banner a{font-weight:bold}.feedback-banner-container{display:flex;align-items:center}.feedback-icon,.contact-icon{border-radius:100%;margin-right:.5rem;color:var(--link)}.card-container{margin:2rem}@media(max-width: 52rem){.card-container{margin:2rem 0}}@media(max-width: 40rem){.card-container{margin:1rem 0}}.cards{display:grid;grid-template-columns:1fr;justify-content:center;gap:1rem 2rem}@media(min-width: 1000px){.cards{grid-template-columns:repeat(2, minmax(250px, 500px))}}@media(max-width: 1000px){.cards{grid-template-columns:1fr}}.card-container--landing .cards{margin-bottom:2rem}.card-container--landing .cards a{text-decoration:none}.card-container--landing .cards .card{border:solid 1px rgba(0,0,0,0)}.card-container--landing .cards .card:hover{background-color:var(--card-hover);border:solid 1px var(--color-orange-400)}.card{background-color:var(--bg-card);padding:1rem 1.5rem;border-radius:0;border:none}.card h2{font-weight:600}.card h2,.card p{color:var(--text-primary)}.card p{margin-top:.5rem}.card-links{display:flex;flex-flow:row wrap;gap:1rem;padding-left:0}.card-links li{list-style:none}.card-links li a{display:flex;align-items:center;gap:.5rem;text-decoration:none}.card-links li a::before{content:"";display:block;width:12px;height:12px;background-color:var(--color-pink-200);border-radius:50%;flex-shrink:0}.card-links li a span:not([aria-hidden]){text-decoration:underline}.our-team{margin:3rem 0 3rem 3rem;display:grid;grid-template-columns:2.25fr 1fr;gap:1rem}.our-team img{width:200px}@media(max-width: 40rem){.our-team img{display:none}}.our-team a{font-weight:var(--semibold)}@media(max-width: 40rem){.our-team{display:flex;margin:1rem 0 2.5rem}}.back-to-top{display:flex;justify-content:flex-end;margin-bottom:2rem}@media(max-width: 40rem){.back-to-top{display:none}}.back-to-top-link{text-decoration:none}.back-to-top-link::before{font-family:"Material Symbols Rounded";content:"";padding-right:.25rem;vertical-align:bottom}.page-pagination{display:grid;grid-template-areas:"previous next";align-items:center;justify-content:space-between;padding:1.5rem 0;border-top:solid 1px var(--border-color);margin-top:3rem}@media(max-width: 30rem){.page-pagination{grid-template-areas:"previous previous" "next next";grid-gap:1rem}}.previous-page{grid-area:previous}.next-page{grid-area:next}@media(max-width: 30rem){.next-page{text-align:right}}.pagination-text{max-width:65ch}.pagination-text a{color:var(--text-primary);font-size:1rem}.previous-page::before{font-family:"Material Symbols Rounded";content:"";color:var(--link);font-size:1rem;padding-right:.25rem;vertical-align:sub;text-decoration:none}.next-page::after{font-family:"Material Symbols Rounded";content:"";color:var(--link);font-size:1rem;padding-left:.25rem;vertical-align:sub;text-decoration:none}.alert--info{background-color:var(--color-teal-200);color:var(--color-neutral-400)}.alert--warning{background-color:var(--color-orange-300);color:var(--color-neutral-400)}.alert__container{display:flex;align-items:center;padding:8px 0}.alert__container .material-symbols-rounded{font-size:1rem}.alert__container p{padding-left:.5rem;margin:0}.cp_embed_wrapper{width:calc(min(1280px,80vw) - 12rem);max-width:100ch}@media(max-width: 52rem){.cp_embed_wrapper{width:100%}}.codepen{height:300px;box-sizing:border-box;display:flex;align-items:center;justify-content:center;border:2px solid;margin:1em 0;padding:1em}.color-palettes{display:grid;grid-template-columns:repeat(auto-fill, minmax(320px, 1fr));gap:var(--space-medium);width:calc(min(1280px,80vw) - 12rem);max-width:80ch}.color-palette ol{list-style:none;padding:0}.color-palette li{padding:var(--space-medium);margin:0;display:flex;justify-content:space-between}#color-orange-400{color:var(--color-neutral-500)}#color-blue-300,#color-blue-400,#color-blue-500,#color-green-500,#color-indigo-400,#color-indigo-500,#color-neutral-300,#color-neutral-400,#color-neutral-500,#color-orange-500,#color-pink-400,#color-pink-500,#color-teal-400,#color-teal-500{color:#fff}table{width:100% !important;border:0 !important;border-collapse:collapse !important}thead{border-color:rgba(0,0,0,0)}tr>*{border-bottom:solid 1px var(--color-neutral-100);padding:1rem 0;vertical-align:top}tr>*:not(:last-child){padding-right:2rem}td,th{padding:1rem;padding-left:0;vertical-align:top}th{text-align:left;border-bottom:solid 2px var(--color-maize-400);font-size:.875rem;font-weight:800;letter-spacing:1.25px;text-transform:uppercase;vertical-align:middle}th:not([scope^=row]){border-bottom:solid var(--space-xxx-small) var(--color-maize-400)}:root{--pagefind-ui-scale: 1.0;--pagefind-ui-border-width: 1px;--pagefind-ui-border: var(--color-neutral-300);--pagefind-ui-font: var(--font-base-family);--pagefind-ui-primary: #034ad8;--pagefind-ui-tag: #eeeeee;--pagefind-ui-border-radius: 0;--pagefind-ui-image-border-radius: 8px;--pagefind-ui-image-box-ratio: 3 / 2}#search{flex:1;min-width:0}@media(max-width: 52rem){#search .pagefind-ui__drawer{width:100%;max-height:70dvh}}.pagefind-ui__drawer{--pagefind-ui-scale: 1;color:var(--text-primary);box-shadow:rgba(0,0,0,.12) 0px 4px 16px 0px;border-radius:2px;border:1px solid #e5e9ed;position:absolute;margin-top:.5rem;right:0;width:45vw;max-height:60dvh;overflow:auto;background:var(--bg-modal);z-index:101}.pagefind-ui__drawer .pagefind-ui__button{display:block;width:90%;margin:0 auto 1rem;color:var(--link)}.pagefind-ui__drawer .pagefind-ui__button:hover{color:var(--link);border:solid 2px var(--link)}.pagefind-ui__result-inner{padding:0 1rem}.pagefind-ui__result-inner mark{background-color:var(--color-maize-300);font-weight:var(--semibold)}.pagefind-ui__message{padding:calc(10px*var(--pagefind-ui-scale)) calc(20px*var(--pagefind-ui-scale)) !important;height:auto !important}input[type=text].pagefind-ui__search-input{font-size:1rem;font-weight:400}input[type=text].pagefind-ui__search-input::placeholder{font-size:1rem;font-weight:400;color:var(--primary-text);opacity:1}.pagefind-ui__form{--pagefind-ui-scale: 0.65;color:#000}button.pagefind-ui__search-clear{font-size:1rem !important}.pagefind-ui__form::before{width:1rem !important;height:1rem !important;top:calc(20px*var(--pagefind-ui-scale)) !important}.pagefind-ui__search-clear{all:unset}button.pagefind-ui__suppressed{display:none}a.pagefind-ui__result-link{color:var(--link) !important;text-decoration:underline !important}#blue-box-svg{width:85px;height:85px;position:absolute;right:1.95rem;top:-2.5rem;transform:rotate(30deg);transition:transform 2s}@media(max-width: 40rem){#blue-box-svg{width:65px;height:65px;top:-2rem}}@media(min-width: 52rem){#blue-box-svg:hover{transform:rotate(45deg)}}code[class^=language-]{position:relative;color:var(--text-code-block);padding:2.5rem 2rem 1.5rem;font-family:Consolas,Monaco,Courier New,Courier,monospace;border-radius:var(--radius-default);word-wrap:break-word;max-width:100ch;font-size:.9rem;display:block;--background-color: var(--bg-code-block);--shadow-color: rgba(29, 116, 145, 0.55);--shadow-size: 1em;--transparent: rgba(255, 255, 255, 0);overflow-x:scroll;background:linear-gradient(to right, var(--background-color), var(--background-color), var(--transparent) calc(var(--shadow-size) * 3)),radial-gradient(farthest-side at 0 50%, var(--shadow-color), var(--transparent)),linear-gradient(to left, var(--background-color), var(--background-color), var(--transparent) calc(var(--shadow-size) * 3)),radial-gradient(farthest-side at 100% 50%, var(--shadow-color), var(--transparent)) 100%;background-color:var(--background-color);background-repeat:no-repeat;background-attachment:local,scroll,local,scroll;background-size:100% 100%,var(--shadow-size) 100%,100% 100%,var(--shadow-size) 100%}code:not([class^=language-]){background-color:var(--bg-code-block);color:var(--text-primary);padding:.25rem;font-family:Consolas,Monaco,Courier New,Courier,monospace;border-radius:var(--radius-default);font-size:.9rem}code.language-css::before{position:absolute;font-size:.75rem;content:"CSS";top:0;left:0;background-color:var(--color-teal-400);color:#fff;padding:.25rem .5rem;font-weight:var(--semibold)}code.language-html::before{font-size:.75rem;position:absolute;content:"HTML";top:0;left:0;background-color:var(--color-teal-400);color:#fff;padding:.25rem .5rem;font-weight:var(--semibold)}.website-header{background-color:var(--bg-header);color:var(--color-neutral-400);padding-bottom:1rem;padding-top:1rem;border-bottom:solid 2px var(--border-color)}.website-header__inner-container{display:flex;align-items:flex-end;justify-content:space-between;flex-wrap:wrap;gap:.5rem 1rem;line-height:1.25;margin:0 auto;max-width:1280px;padding:0 1rem;width:100%}@media(max-width: 52rem){.website-header__inner-container{align-items:center;justify-content:flex-start}}.website-header__inner-container a{display:flex;flex-flow:row wrap;align-items:center;text-decoration:none;gap:.5rem 1rem}@media(max-width: 40rem){.website-header__inner-container a{flex:1;gap:.25rem 0}}.website-header__inner-container a:hover{text-decoration:underline}@media(min-width: 52rem){.website-header__inner-container{padding:0 2.5rem}}.website-header__website-name{color:var(--text-header);font-size:var(--text-medium);letter-spacing:.5px}@media(max-width: 40rem){.website-header__website-name{flex-basis:100%}}.website-header__website-name{text-transform:uppercase}.website-header__brand{display:flex;align-items:center;gap:.5rem;flex-shrink:0}.search-theme-container{display:flex;align-items:center;gap:0 1rem;margin-left:auto;min-width:0}@media(max-width: 52rem){.search-theme-container{flex-basis:100%;margin-left:0}}.theme-toggle-container{display:flex;align-items:center}.theme-toggle{background:none;border:none;padding:0;cursor:pointer;border-radius:999px;line-height:0}.theme-toggle:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:999px}.theme-toggle__track{display:flex;align-items:center;justify-content:space-between;position:relative;width:72px;height:40px;border-radius:999px;background-color:var(--color-maize-400);border:2px solid var(--color-neutral-300);padding:0 8px;transition:background-color .2s ease,border-color .2s ease;box-sizing:border-box}@media(prefers-reduced-motion: reduce){.theme-toggle__track{transition:none}}[data-theme=dark] .theme-toggle__track{background-color:var(--color-blue-300);border-color:var(--color-neutral-300)}.theme-toggle__knob{position:absolute;width:30px;height:30px;border-radius:50%;background-color:var(--color-maize-100);border:1.5px solid var(--color-neutral-300);left:3px;top:50%;transform:translateY(-50%);transition:transform .2s ease;z-index:1;display:flex;align-items:center;justify-content:center;box-sizing:border-box}@media(prefers-reduced-motion: reduce){.theme-toggle__knob{transition:none}}.theme-toggle[aria-checked=true] .theme-toggle__knob,[data-theme=dark] .theme-toggle__knob{transform:translateY(-50%) translateX(32px);background-color:var(--color-blue-100)}.theme-toggle__icon{display:flex;align-items:center;justify-content:center;width:100%;height:100%}.theme-toggle__icon svg{width:22px;height:22px}.theme-toggle__icon--light{color:var(--color-neutral-300)}.theme-toggle__icon--dark{color:var(--color-blue-400);display:none}.theme-toggle[aria-checked=true] .theme-toggle__icon--light{display:none}.theme-toggle[aria-checked=true] .theme-toggle__icon--dark{display:flex}[data-theme=dark] .theme-toggle__icon--light{display:none}[data-theme=dark] .theme-toggle__icon--dark{display:flex}.theme-toggle__track-icon{display:flex;align-items:center;justify-content:center;width:20px;height:20px;flex-shrink:0}.theme-toggle__track-icon svg{width:22px;height:22px}.theme-toggle__track-icon--light{color:var(--color-blue-200)}.theme-toggle__track-icon--dark{color:var(--color-neutral-300)}.utility-icon{transition:transform 2s;color:var(--badge)}.utility-icon:hover{transform:rotate(-30deg)}.card-links .material-symbols-rounded{border-radius:50%;padding:.25rem;font-size:1.25rem}.card-links .material-symbols-rounded.develop{background:var(--color-green-100);color:var(--color-teal-500)}.card-links .material-symbols-rounded.visual-elements{background:var(--color-pink-100);color:var(--color-pink-500)}.card-links .material-symbols-rounded.content{background:var(--color-indigo-100);color:var(--color-indigo-500)}:root{color-scheme:light;--brand-primary: var(--color-blue-400);--brand-secondary: var(--color-maize-400);--logo-mark: var(--color-maize-400);--logo-wordmark: var(--color-blue-400);--bg-primary: #fff;--bg-secondary: var(--color-neutral-50);--bg-tertiary: var(--color-neutral-100);--bg-modal: #fff;--bg-overlay: rgba(255, 255, 255, 0.4);--bg-inputs: #fff;--bg-banner: var(--color-indigo-100);--bg-header: #fff;--bg-footer: var(--brand-primary);--bg-sub-footer: var(--color-blue-500);--bg-card: var(--color-blue-100);--bg-code-block: var(--color-blue-100);--bg-callout-info: var(--color-teal-100);--bg-callout-print: var(--color-green-100);--bg-callout-alert: var(--color-maize-100);--text-primary: var(--color-neutral-400);--text-secondary: var(--color-neutral-300);--text-header: var(--color-neutral-300);--text-code-block: var(--color-blue-400);--badge: var(--color-neutral-300);--link: var(--color-teal-400);--link-hover: var(--color-teal-500);--link-visited: #575294;--border-color: var(--color-neutral-100);--active-page-nav: var(--color-teal-100);--banner-svg-grid: var(--color-teal-100);--hover-accent: var(--color-teal-100);--card-hover: var(--color-orange-100);--toggle-svg: var(--color-neutral-400);--callout-info-accent: var(--color-teal-400);--callout-print-accent: var(--color-green-400);--callout-alert-accent: var(--color-orange-400);--pagefind-ui-text: var(--color-neutral-350);--pagefind-ui-background: #ffffff}@media(prefers-color-scheme: dark){:root:not([data-theme]){color-scheme:dark;--logo-wordmark: #ffffff;--logo-mark: var(--color-maize-400);--bg-primary: var(--color-neutral-450);--bg-secondary: var(--color-neutral-400);--bg-tertiary: var(--color-neutral-350);--bg-modal: var(--color-neutral-400);--bg-inputs: var(--color-neutral-400);--bg-overlay: rgba(26, 35, 44, 0.4);--bg-banner: var(--color-neutral-400);--bg-header: var(--color-blue-500);--bg-footer: var(--color-blue-500);--bg-card: var(--color-neutral-400);--bg-code-block: var(--color-neutral-400);--bg-callout-info: var(--color-neutral-400);--bg-callout-print: var(--color-neutral-400);--bg-callout-alert: var(--color-neutral-400);--bg-sub-footer: var(--color-neutral-500);--text-primary: var(--color-blue-100);--text-secondary: var(--color-blue-200);--text-header: var(--color-neutral-100);--text-code-block: var(--color-blue-200);--badge: var(--color-blue-200);--link: var(--color-teal-200);--link-hover: var(--color-teal-100);--link-visited: #b8b3ff;--border-color: var(--color-neutral-350);--active-page-nav: var(--color-neutral-350);--banner-svg-grid: var(--color-neutral-350);--hover-accent: var(--color-neutral-350);--card-hover: var(--color-neutral-400);--callout-info-accent: var(--color-teal-200);--callout-print-accent: var(--color-green-200);--callout-alert-accent: var(--color-orange-200);--toggle-svg: var(--color-blue-100);--pagefind-ui-text: var(--color-blue-100);--pagefind-ui-background: var(--color-neutral-400);--icon-arrow-down: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 -960 960 960" width="24"><path fill="%23ffffff" d="M480-345 240-585l56-56 184 184 184-184 56 56-240 240Z"/></svg>')}}[data-theme=dark]{color-scheme:dark;--logo-mark: var(--color-maize-400);--logo-wordmark: #fff;--bg-primary: var(--color-neutral-450);--bg-secondary: var(--color-neutral-400);--bg-tertiary: var(--color-neutral-350);--bg-modal: var(--color-neutral-400);--bg-banner: var(--color-neutral-400);--bg-header: var(--color-blue-500);--bg-footer: var(--color-blue-500);--bg-sub-footer: var(--color-neutral-500);--bg-card: var(--color-neutral-400);--bg-code-block: var(--color-neutral-400);--bg-inputs: var(--color-neutral-400);--bg-overlay: rgba(26, 35, 44, 0.4);--bg-callout-info: var(--color-neutral-400);--bg-callout-print: var(--color-neutral-400);--bg-callout-alert: var(--color-neutral-400);--text-primary: var(--color-blue-100);--text-secondary: var(--color-blue-200);--text-header: var(--color-neutral-100);--text-code-block: var(--color-blue-200);--badge: var(--color-blue-200);--link: var(--color-teal-200);--link-hover: var(--color-teal-100);--link-visited: #b8b3ff;--border-color: var(--color-neutral-350);--active-page-nav: var(--color-neutral-350);--banner-svg-grid: var(--color-neutral-350);--hover-accent: var(--color-neutral-350);--card-hover: var(--color-neutral-400);--callout-info-accent: var(--color-teal-200);--callout-print-accent: var(--color-green-200);--callout-alert-accent: var(--color-orange-200);--toggle-svg: var(--color-blue-100);--pagefind-ui-text: var(--color-blue-100);--pagefind-ui-background: var(--color-neutral-400);--icon-arrow-down: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 -960 960 960" width="24"><path fill="%23ffffff" d="M480-345 240-585l56-56 184 184 184-184 56 56-240 240Z"/></svg>')}[data-theme=light]{color-scheme:light;--brand-primary: var(--color-blue-400);--brand-secondary: var(--color-maize-400);--logo-mark: var(--color-maize-400);--logo-wordmark: var(--color-blue-400);--bg-primary: #fff;--bg-secondary: var(--color-neutral-50);--bg-tertiary: var(--color-neutral-100);--bg-modal: #fff;--bg-overlay: rgba(255, 255, 255, 0.4);--bg-inputs: #fff;--bg-banner: var(--color-indigo-100);--bg-header: #fff;--bg-footer: var(--brand-primary);--bg-sub-footer: var(--color-blue-500);--bg-card: var(--color-blue-100);--bg-code-block: var(--color-blue-100);--bg-callout-info: var(--color-teal-100);--bg-callout-print: var(--color-green-100);--bg-callout-alert: var(--color-maize-100);--text-primary: var(--color-neutral-400);--text-secondary: var(--color-neutral-300);--text-header: var(--color-neutral-300);--text-code-block: var(--color-blue-400);--badge: var(--color-neutral-300);--link: var(--color-teal-400);--link-hover: var(--color-teal-500);--link-visited: #575294;--border-color: var(--color-neutral-100);--active-page-nav: var(--color-teal-100);--banner-svg-grid: var(--color-teal-100);--hover-accent: var(--color-teal-100);--card-hover: var(--color-orange-100);--toggle-svg: var(--color-neutral-400);--callout-info-accent: var(--color-teal-400);--callout-print-accent: var(--color-green-400);--callout-alert-accent: var(--color-orange-400);--pagefind-ui-text: var(--color-neutral-350);--pagefind-ui-background: #ffffff}