@charset "UTF-8";:root{--primary-accent:#0d5ba3;--background:#ffffff;--background-offset:#ededed;--text-primary:#232323;--text-secondary:#727272;--text-ghost:#a6a6a6;--text-opposing:#ffffff;--img-shadow:0 0 16px -4px rgba(0, 0, 0, 0.15),1px 2px 6px -3px rgba(0, 0, 0, 0.2)}@media (prefers-color-scheme:dark){:root{--primary-accent:#5daaf1;--background:#393939;--background-offset:#232323;--text-primary:#ededed;--text-secondary:#a6a6a6;--text-ghost:#727272;--text-opposing:#232323;--img-shadow:0 0 16px -4px rgba(0, 0, 0, 0.4),1px 2px 8px -1px rgba(0, 0, 0, 0.6);--img-shadow-invert:0 0 16px -4px rgba(255, 255, 255, 0.4),1px 2px 8px -1px rgba(255, 255, 255, 0.6)}:root .images-can-invert img{filter:invert(1);box-shadow:var(--img-shadow-invert)!important}}body{background-color:var(--background);color:var(--text-primary);font-family:Inter,Roboto,sans-serif;margin:0}a{color:var(--primary-accent)}.content-width{width:calc(100% - 4rem);max-width:52rem;margin:0 auto}header{background-color:var(--background-offset);box-shadow:0 -8px 4px 8px rgba(0,0,0,.5);padding:2rem 0}header h1{text-transform:lowercase;font-size:2.375rem;line-height:3rem;font-weight:600;margin:0 0 1rem 0}header p{text-transform:lowercase;font-size:1.25rem;margin:0}header p a{color:inherit;text-decoration:none;position:relative}header p a:hover{color:var(--primary-accent)}header p a:hover span{text-decoration:underline}header p a:hover::after{content:" »"}header .contents-link{font-size:.8rem;text-transform:uppercase;font-weight:700;text-decoration:none;position:relative;display:inline-block;margin:0 0 1rem 0}header .contents-link:hover{text-decoration:underline}header .contents-link:hover::before{content:"«";position:absolute;left:0;top:0;transform:translateX(-150%)}header .process-artifacts,header .process-meta{font-size:1rem}header .process-artifacts{margin-top:1rem}header .process-artifacts strong{margin-right:.25rem}header .process-artifacts ul{list-style-type:none;display:inline;padding:0;margin:0}header .process-artifacts ul li{display:inline-block}header .process-artifacts ul li:not(:last-child)::after{content:" / ";display:inline-block;margin:0 .5rem}.contents{margin:0;padding:0;position:relative;color:var(--text-ghost)}.contents-rule{position:absolute;height:100%;width:2px;left:calc(2px + 1.5rem - 1px);background-color:var(--text-secondary)}.contents ul{margin:0;list-style-type:none;padding:4rem 0 2rem}.contents li{padding:0;margin:0}.contents article{margin:0 0 2rem 0;display:flex;align-items:flex-start}.contents article i{flex-shrink:0;font-style:normal;background-color:var(--text-ghost);width:3rem;height:3rem;line-height:3rem;border-radius:100%;text-align:center;color:var(--text-opposing);z-index:100;border:2px solid var(--background);font-size:1.375rem;font-weight:600;transition:transform .25s ease}.contents article h2{font-weight:600;font-size:1.75rem;margin:calc(1.5rem - .875rem) 0 calc(1.5rem - .875rem) 2rem;transition:transform .25s ease}.contents a{color:var(--text-primary);text-decoration:none}.contents a article i{background-color:var(--primary-accent)}.contents a:hover h2{transform:translateX(.25rem)}.contents a:hover i{transform:scale(1.1)}.related-post{background-color:var(--background-offset);padding:2rem;flex-grow:1;flex-basis:16rem;box-shadow:0 0 0 0 var(--primary-accent) inset;transition:box-shadow .25s ease}.related-post p{margin:0 0 1rem 0;font-size:.8rem;text-transform:uppercase;font-weight:600;color:var(--text-secondary)}.related-post h2{margin:0;transition:color .25s ease}.related-post--link{color:inherit;text-decoration:none;display:contents}.related-post--group{display:flex;flex-wrap:wrap;width:100%;margin:2rem 0}.related-post--link:hover .related-post{box-shadow:0 8px 0 0 var(--primary-accent) inset}.related-post--link:hover .related-post h2{color:var(--primary-accent)}.page-content{margin:4rem 0 0}.page-content--after{margin:4rem auto;width:4rem;background:var(--text-ghost);height:2px;border:0}.page-content li,.page-content p{line-height:1.5}.page-content ul{list-style-type:circle}.page-content h1{font-size:2rem;padding:0 0 .5rem 0;border-bottom:2px dotted var(--text-ghost)}.page-content h1:not(:first-child){margin-top:8rem}.page-content .img-group p:first-child img,.page-content .media,.page-content video,.page-content>.images-can-invert img,.page-content>p img{box-shadow:var(--img-shadow);border-radius:4px;display:block}.page-content .media{overflow:hidden}.page-content video,.page-content>.images-can-invert img,.page-content>p img{max-width:calc(100% - 2rem);margin:0 auto}.page-content .img-group{box-sizing:border-box;margin:3rem calc(26rem - 50vw);padding:0 2rem;--image-base-w:16rem}@media (max-width:52rem){.page-content .img-group{margin:3rem 0;padding:0 1rem}}.page-content .img-group--larger{--image-base-w:24rem}.page-content .img-group p:first-child{display:flex;flex-wrap:wrap;justify-content:center;align-items:flex-end}.page-content .img-group p:first-child img{width:var(--image-base-w);max-width:100%;margin:.5rem;flex-shrink:1}.page-content .img-group p:last-child:not(:first-child){font-size:.8rem;font-weight:600;color:var(--text-secondary);text-align:center;max-width:60vw;margin:1rem auto}.page-content hr,.page-content hr::after,.page-content hr::before{width:.25rem;height:.25rem;background:var(--text-ghost);border-radius:100%;border:0}.page-content hr{margin:2rem auto;position:relative;overflow:visible}.page-content hr::after,.page-content hr::before{content:"";position:absolute}.page-content hr::before{transform:translateX(-400%)}.page-content hr::after{transform:translateX(400%)}.page-content em{background-color:orange}.page-content blockquote{border-left:2px solid var(--text-secondary);margin-left:calc(1.5rem - 1px);padding:.25rem 0 .25rem calc(1.5rem - 1px)}.page-content blockquote>:first-child{margin-top:0}.page-content blockquote>:last-child{margin-bottom:0}.page--bq-dialogs blockquote{border-left-color:transparent;padding:1.5rem 2rem;margin:0 0 2rem 0;background-color:var(--background-offset)}.page--bq-dialogs blockquote em,.page--bq-dialogs blockquote strong{display:block;margin:.5rem 0 .5rem 2.5rem;position:relative}.page--bq-dialogs blockquote em:first-child,.page--bq-dialogs blockquote strong:first-child{margin-top:0}.page--bq-dialogs blockquote em:last-child,.page--bq-dialogs blockquote strong:last-child{margin-bottom:0}.page--bq-dialogs blockquote em::before,.page--bq-dialogs blockquote strong::before{-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text;position:absolute;left:0;transform:translate(calc(-100% - .75rem),.125rem);font-size:.75rem;text-transform:uppercase;font-weight:600;line-height:1.5rem;color:var(--text-secondary)}.page--bq-dialogs blockquote em{font-style:normal;background-color:inherit}.page--bq-dialogs blockquote em::before{content:"Dizzy"}.page--bq-dialogs blockquote strong::before{content:"User"}.page--bq-dialogs blockquote+h2{margin-top:4rem}
/*# sourceMappingURL=index.css.map */