:root{--space:20px;--space-sm:10px;--space-xs:5px;--space-lg:40px;--space-xl:80px;--space-xxl:120px;--radius:10px;--radius-sm:5px;--color-background:#181a1c;--color-foreground:#d8d8d8;--color-background2:#22272c;--color-new:#b5ddc0;--color-bugfix:#dda287;--color-other:#a1c6da;--font:-apple-system,"system-ui","Helvetica Neue",sans-serif;--font-mono:"SF Mono",SFMono-Regular,ui-monospace,Menlo,Consolas,monospace}*{box-sizing:border-box;margin:0;padding:0}body{align-items:center;background:#000;color:var(--color-foreground);flex-direction:column;font-family:var(--font);font-size:15px;justify-content:center;line-height:1.5em;min-height:100vh;overflow-y:scroll}.controls,body{display:flex;gap:var(--space)}.container{background:var(--color-background);display:flex;flex-direction:column;max-height:100vh;max-width:100vw}.header{display:grid;gap:var(--space);grid-template-columns:auto auto;grid-template-rows:auto auto;padding:var(--space-xxl) var(--space-lg) var(--space)}.title{font-size:32px}.logo{background:url(../../images/22slides.svg) no-repeat 100%;background-size:contain;height:30px;overflow:hidden;text-indent:100%;white-space:nowrap}.key{display:flex;font-family:var(--font-mono);font-size:.8em;gap:var(--space);grid-column:span 2;width:100%}.key__item{border-top:10px solid;flex-basis:100%}.key__item--new{color:var(--color-new)}.key__item--bugfix{color:var(--color-bugfix)}.key__item--other{color:var(--color-other)}.log{display:flex;flex-direction:column;font-family:var(--font-mono);font-size:14px;gap:var(--space-xs);padding:0 var(--space)}.log__item{--color:var(--color-foreground);background:var(--color-background2);border-radius:var(--radius);color:var(--color-fg);display:flex;gap:var(--space);justify-content:space-between;padding:var(--space) var(--space)}.log__item--bugfix{--color:var(--color-bugfix)}.log__item--new{--color:var(--color-new)}.log__item--other{--color:var(--color-other)}.log__tag{align-self:first baseline;background:var(--color-fg);border-radius:var(--radius-sm);color:var(--color-background2);font-size:.6em;font-weight:700;line-height:1em;padding:var(--space-xs) var(--space-sm);text-transform:uppercase}.log__description{align-self:center;flex-basis:75%}.container--story,.container--story2{height:960px;width:540px}.container--story2{flex-direction:column-reverse}.container--story2 .header{padding:var(--space-lg) var(--space-lg) var(--space-xl)}.container--square{height:540px;height:auto;padding-bottom:var(--space);width:540px}.container--square .header{padding:var(--space-lg) var(--space-lg) var(--space)}.container--square .log{font-size:12px}.container--square .log__item{padding:var(--space-xs) var(--space)}.container--square .log__tag{display:none}.container--square .log__description{flex-basis:100%}