:root{--gap: 1.5rem;--page-padding: var(--gap);--sidebar: 15ch;--notsidebar: 75%;--maxcontent: 80ch;--theme-color: rebeccapurple;--theme-color-contrast: white;--color-meta: #767676}*,*::before,*::after{box-sizing:border-box}body,h1,h2,h3,h4,p,figure,blockquote,dl,dd{margin:0}ul[role=list],ol[role=list]{list-style:none}html:focus-within{scroll-behavior:smooth}body{min-height:100vh;text-rendering:optimizeSpeed;line-height:1.5}a:not([class]){text-decoration-skip-ink:auto}img,picture{max-width:100%;display:block}input,button,textarea,select{font:inherit}@media(prefers-reduced-motion: reduce){html:focus-within{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms !important;animation-iteration-count:1 !important;transition-duration:.01ms !important;scroll-behavior:auto !important}}body{margin:0;font-size:calc(.9em + .3vw);line-height:1.5;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif}p{margin-bottom:0}article>*+*{margin-block-start:var(--gap)}h1{margin-top:0;padding-top:.2rem;padding-bottom:.2rem;font-size:2rem;border-bottom:2px solid var(--theme-color)}h2,h3,h4,h5,h6{margin-block:0}.heading-wrapper{margin-top:calc(2*var(--gap));margin-bottom:0;border-bottom:1px solid var(--theme-color);display:grid;grid-template-columns:minmax(auto, max-content) min-content;gap:calc(var(--gap)/2);align-items:baseline}.deeplink{font-size:1.5rem}.deeplink:link,.deeplink:visited{padding:0 .75rem;border-radius:100%;color:var(--color-meta);text-decoration:none}.deeplink:hover,.deeplink:focus{color:var(--theme-color-contrast);background-color:var(--theme-color)}a[href^="https://"]:not([href^="https://pack11ty.dev"]):not(.button):not(.install){padding-right:15px;background-position:top .1em right;background-size:12px 12px;background-repeat:no-repeat;background-image:url("/images/external-link-blue.svg")}footer a[href^="https://"]:not([href^="https://pack11ty.dev"]):not(.button):not(.install){background-image:url("/images/external-link-white.svg")}ul{margin-top:0;padding-left:calc(1rem + 1vw)}li{margin-top:calc(var(--gap)/4)}table{border-collapse:collapse;border-spacing:0;font-feature-settings:"tnum" 1}@supports(font-variant-numeric: tabular-nums){table{font-feature-settings:normal;font-variant-numeric:tabular-nums}}thead{background-color:#eee}thead th{text-align:left;vertical-align:bottom}th,td{padding:.3em .5em;border:1px solid #ccc;vertical-align:top}img{max-width:100%;height:auto}figure{clear:both;display:block;margin:var(--gap) auto}figure{text-align:center}figure img{margin-top:0;margin-bottom:0;padding:0}figcaption{display:inline-block;text-align:left;font-size:smaller;font-style:italic;margin:.1em 1em;padding:.3em 0;color:#666}figcaption p{margin:0}main{max-width:var(--maxcontent)}main>*+*{margin-top:var(--gap)}mark::before,mark::after{content:" [highlight start] ";clip-path:inset(100%);clip:rect(1px, 1px, 1px, 1px);height:1px;width:1px;overflow:hidden;position:absolute;white-space:nowrap}mark::after{content:" [highlight end] "}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}.with-sidebar{flex:1}.with-sidebar>*{display:flex;flex-wrap:wrap;margin:calc(-1*var(--gap)/2)}.with-sidebar>*>*{margin:calc(var(--gap)/2)}.sidebar{flex-basis:var(--sidebar, 20rem);flex-grow:1}.not-sidebar{flex-basis:0;flex-grow:999;min-width:calc(var(--notsidebar, 66%) - var(--gap))}.cluster{overflow:hidden}.cluster>*{display:flex;flex-wrap:wrap;justify-content:flex-start;align-items:center;margin:calc(var(--gap)/2*-1)}.cluster>*>*{margin:calc(var(--gap)/2)}.stack>*+*{margin-top:var(--gap)}.page{margin:var(--gap);display:flex;flex-direction:column;min-height:calc(100vh - 2*var(--gap))}.button{display:inline-block;margin:0 var(--gap) var(--gap) 0;padding:.2em .7em;font-size:smaller;white-space:nowrap;text-decoration:none;border:1px solid rgba(27,31,35,.2);border-radius:.25em;color:#fff}.button:hover{opacity:.8}.github{background-color:#1e7b33;background-image:linear-gradient(-180deg, #1e7b33, #19672a 90%)}.netlify{background-color:#2e51ed;background-image:linear-gradient(-180deg, #2e51ed, #1d40dc 90%)}.stackblitz{background-color:#1c2025}.install{display:inline-block;margin:0 var(--gap) var(--gap) 0}header>*{align-items:baseline}.sitelogo-parent{flex-grow:1}.sitelogo{margin:0;padding:.2rem 1rem;font-size:2rem;font-weight:bold;color:var(--theme-color-contrast);background-color:var(--theme-color);border-bottom:2px solid var(--theme-color)}.sitelogo a{color:var(--theme-color-contrast)}.sitelogo a:hover{text-decoration:underline}nav{--gap: 0.5rem}nav ul{list-style-type:none;padding:0}nav li{flex-grow:1;text-align:center}nav a{display:block;padding:.1em .5em;color:var(--theme-color);background-color:#ddd;border:2px solid #ddd}nav .githubstars{padding:.1em;line-height:1}nav a:hover{color:var(--theme-color-contrast);background-color:var(--theme-color);border-color:var(--theme-color)}nav .current a{text-decoration:none;font-weight:bold;border-color:var(--theme-color)}nav .current a:hover{text-decoration:underline}nav .offline{display:none}nav .offline a{color:#8a6d3b;background-color:#fcf8e3;border-color:#faebcc}body.offline nav .offline{display:block}.pack11ty{margin:0 .1em;padding:.1em .3em;color:var(--theme-color-contrast);background-color:var(--theme-color)}img.logo{max-width:50%}@media(min-width: 20em){img.logo{max-width:33%;float:right;margin:0 0 var(--gap) var(--gap)}}@media(min-width: 30em){img.logo{max-width:25%}}.logo{display:block;margin:var(--gap) auto}.news__title{border-bottom:none;margin:0}.news__meta{margin:0;font-size:.9em;color:var(--color-meta)}.page-content,.site-intro,.storm-card,.storm-page,.author-card,.storm-reply,.sidebar-section{padding:var(--gap);background:#fff;border:1px solid #ddd;border-left:.3rem solid var(--theme-color)}.page-content,.storm-page{overflow-wrap:anywhere}.page-content>h1,.storm-card h2,.storm-page h1,.author-card h2{margin-top:0}.site-intro p:last-child,.storm-card p:last-child,.author-card p:last-child,.storm-reply p:last-child,.storm-page p:last-child{margin-bottom:0}.storm-list,.author-list,.storm-children,.storm-media-grid,.sidebar-links{display:grid;gap:var(--gap)}.storm-meta,.author-meta,.storm-actions,.thread-pagination{display:flex;flex-wrap:wrap;gap:.35rem 1rem;color:var(--color-meta);font-size:.95em}.storm-body>:first-child{margin-top:0}.storm-body>:last-child{margin-bottom:0}.storm-section-title{margin-bottom:0}.storm-media-item,.storm-media-item img{display:block}.storm-media-item{margin:0}.storm-reply{border-left-color:#a886e7}.sidebar-section{margin-top:var(--gap)}.sidebar-title{margin:0 0 .75rem;padding:.2rem 1rem;font-size:1rem;font-weight:bold;color:var(--theme-color-contrast);background-color:var(--theme-color);border-bottom:2px solid var(--theme-color)}.sidebar-links{list-style:none;padding:0;margin:0;gap:.5rem}.sidebar-links a,.thread-pagination-link{display:block;padding:.1em .5em;color:var(--theme-color);background-color:#ddd;border:2px solid #ddd}.sidebar-links a:hover,.thread-pagination-link:hover{color:var(--theme-color-contrast);background-color:var(--theme-color);border-color:var(--theme-color)}.sidebar-links .current a{text-decoration:none;font-weight:bold;border-color:var(--theme-color)}.storm-children{margin-top:var(--gap);padding-left:var(--gap);border-left:1px dashed #ddd}.empty-state{padding:var(--gap);border:1px dashed #ddd;color:var(--color-meta)}.archive-section+.archive-section,.archive-section+.storm-list,.storm-list+.archive-section{margin-top:var(--gap)}.archive-parent-link,.blogroll-handle,.blogroll-warning{color:var(--color-meta)}.archive-month-list,.blogroll-list{display:grid;gap:.75rem}.archive-month-list{grid-template-columns:repeat(auto-fit, minmax(14rem, 1fr))}.archive-month-link,.blogroll-item{display:flex;gap:.75rem;align-items:center;padding:.75rem 1rem;background:#fff;border:1px solid #ddd;border-left:.3rem solid #a886e7}.archive-month-link{justify-content:space-between}.archive-month-link.current{font-weight:bold;border-left-color:var(--theme-color)}.archive-month-count{color:var(--color-meta)}.blogroll-list{list-style:none;padding:0}.blogroll-avatar{width:3rem;height:3rem;object-fit:cover;border-radius:999px}.blogroll-name,.blogroll-handle{margin:0}.storm-actions,.thread-pagination{margin-top:var(--gap)}.video iframe{max-width:100%}.visually-hidden:not(:focus):not(:active){position:absolute;width:1px;height:1px;white-space:nowrap;overflow:hidden;clip-path:inset(50%)}