.pixel-text__source{margin:-.15em -.07em;padding:.15em .07em;display:block}.pixel-grid{vertical-align:middle;flex:none;grid-template-rows:repeat(7,1fr);grid-template-columns:repeat(7,1fr);width:28px;height:28px;display:inline-grid}.pixel-grid i{display:block}.pixel-grid i.filled{background:currentColor}@keyframes pixel-arrive{0%{opacity:0}to{opacity:1}}.pixel-grid[data-pixel-seen=true] .filled{animation:.12s step-end both pixel-arrive;animation-delay:var(--pixel-delay)}.wordmark{font-family:var(--sans);letter-spacing:-2.7px;color:var(--ink);font-size:43px;font-weight:500;line-height:1;display:inline-flex}.wordmark>span{align-items:baseline;display:flex}.wordmark .pixel-grid{align-self:center;width:28px;height:28px;margin-left:.005em;margin-right:-.03em;transform:translateY(.09em)}.wordmark-sm{letter-spacing:-1.9px;font-size:30px}.wordmark-sm .pixel-grid{width:21px;height:21px}.wordmark-xs{letter-spacing:-1.5px;font-size:24px}.wordmark-xs .pixel-grid{width:14px;height:14px}.button-pixels{pointer-events:none;z-index:0;grid-template-rows:repeat(3,1fr);grid-template-columns:repeat(8,1fr);display:grid;position:absolute;inset:0;overflow:hidden}.button-pixels i{opacity:0;background:currentColor;place-self:center;width:4px;height:4px}@keyframes button-grain{0%,to{opacity:0}25%,75%{opacity:.28}}.px-mascot{fill:currentColor;color:var(--accent);display:block;overflow:visible}.px-mascot[data-motion=walk] .px-mascot-foot-left{animation:.12s ease-in-out 2 px-walk-left}.px-mascot[data-motion=walk] .px-mascot-foot-right{animation:.12s ease-in-out 2 px-walk-right}.px-mascot[data-motion=walk] .px-mascot-arm-left{animation:.12s ease-in-out 2 px-arm-right}.px-mascot[data-motion=walk] .px-mascot-arm-right{animation:.12s ease-in-out 2 px-arm-left}.px-mascot[data-motion=walk][data-direction=back] :is(.px-mascot-foot-left,.px-mascot-foot-right,.px-mascot-arm-left,.px-mascot-arm-right){animation-direction:reverse}.px-mascot[data-motion=select] .px-mascot-arm-right{animation:.12s ease-in-out both px-acknowledge}.px-mascot[data-motion=select] .px-mascot-pupil{animation:.12s ease-in-out both px-look}.px-mascot[data-motion=arrive] .px-mascot-arm-right,.px-mascot[data-motion=success] .px-mascot-arm-right{animation:.12s ease-in-out both px-arrive}.px-mascot[data-motion=success] .px-mascot-arm-left{animation:.12s ease-in-out both px-acknowledge}@keyframes px-walk-left{0%,to{transform:translate(0)}25%{transform:translate(4px,-4px)}50%{transform:translate(4px)}75%{transform:translate(-4px)}}@keyframes px-walk-right{0%,to{transform:translate(0)}25%{transform:translate(-4px)}50%{transform:translate(-4px)}75%{transform:translate(4px,-4px)}}@keyframes px-arm-left{0%,to{transform:translate(0)}25%,50%{transform:translateY(-4px)}75%{transform:translate(-4px)}}@keyframes px-arm-right{0%,to{transform:translate(0)}25%,50%{transform:translate(4px)}75%{transform:translateY(-4px)}}@keyframes px-acknowledge{0%,to{transform:translateY(0)}25%,65%{transform:translateY(-4px)}}@keyframes px-look{0%,to{transform:translate(0)}25%,65%{transform:translate(1px)}}@keyframes px-arrive{0%,to{transform:translateY(0)}40%,60%{transform:translateY(-8px)}}.px-still .pixel-grid .filled,.px-still .px-mascot *{opacity:1;transform:none;animation:none!important}.px-still .button-pixels{display:none}@media (prefers-reduced-motion:reduce){.pixel-grid .filled,.px-mascot *{opacity:1;transform:none;animation:none!important}.button-pixels{display:none!important}}