:root{color-scheme:light dark;--wrapper-width: 100vw;--wrapper-height: 100svh;--wrapper-gap: 10px;--item-border-radius: 5px;--body-padding: 28px 0 0 0;--color-background: hsl(220, 14%, 100%);--bg-offset-2: hsl(220, 14%, 98%);--bg-offset-10: hsl(220, 14%, 90%);--bg-offset-60: hsl(220, 14%, 40%)}@media (prefers-color-scheme: dark){:root{--color-background: hsl(220, 14%, 8%);--bg-offset-2: hsl(220, 14%, 10%);--bg-offset-10: hsl(220, 14%, 20%);--bg-offset-60: hsl(220, 14%, 60%)}}body,html{overscroll-behavior-x:none;margin:0;padding:0;height:100%;font-family:sans-serif;background:var(--color-background)}body{padding:var(--body-padding)}nav{display:flex;flex-wrap:wrap;gap:16px;padding:0 24px 20px;font:12px monospace}nav a{color:var(--bg-offset-60);text-decoration:none;opacity:.65}nav a:hover{opacity:1}nav a.current{opacity:1;font-weight:700;text-decoration:underline}h1{display:flex;align-items:baseline;gap:12px;margin:0 0 16px;padding:0 24px;font:13px monospace;font-weight:400;color:var(--bg-offset-60)}.build-stamp{font:11px/1 ui-monospace,monospace;color:var(--bg-offset-60);opacity:.7}.carousel-wrapper{display:flex;align-items:center;gap:var(--wrapper-gap);width:var(--wrapper-width);height:var(--wrapper-height);margin:var(--wrapper-margin);overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;overflow-anchor:none}.carousel-wrapper.debug{box-shadow:inset 0 0 0 1px #ff00004d}.carousel-wrapper::-webkit-scrollbar{display:none}.main-carousel{height:45vh}.carousel-item,.spacer{height:var(--carousel-item-height);flex:0 0 auto;display:flex;font-size:12px}.spacer{flex:0 0 auto;display:flex;align-items:center;justify-content:center left;min-height:1px}.carousel-item{width:var(--carousel-item-width);overflow:hidden;border-radius:var(--item-border-radius);scale:1;opacity:1}.placeholder-boxes .carousel-item{background-color:#a8afbd}.main-carousel.placeholder-boxes .carousel-item{padding:6px}.carousel-item-snap-fix{scroll-snap-align:center;box-shadow:inset 0 0 0 1px #f000}@property --scroll-error{syntax: "<length>"; inherits: true; initial-value: 0px;}