@keyframes menu-hover{0%{width:0}100%{width:100%}}.pencil-bar{padding:10px 12px 6px;position:absolute;top:0;left:0;z-index:300;width:100%}.pencil-bar__wrapper{align-items:center;background-color:var(--color-pencil-bg);border-radius:5px;display:flex;justify-content:center;min-height:32px;overflow:hidden;position:relative;text-align:center}.pencil-bar__link{align-items:center;display:flex;font-size:9px;justify-content:center;letter-spacing:0;line-height:1.15;min-height:32px;padding:7px 32px 7px 18px;text-decoration:none;width:100%}.pencil-bar__messages{display:grid;place-items:center;width:100%}.pencil-bar__message{display:inline-block;grid-area:1/1;max-width:100%;opacity:0;position:relative;transform:translateY(6px);transition:opacity .75s ease,transform .75s ease;white-space:normal}.pencil-bar__message strong{font-weight:700}.pencil-bar__message.is-active{opacity:1;transform:translateY(0)}.pencil-bar__message.is-exiting{transform:translateY(-6px)}.pencil-bar__message:after{background:currentColor;bottom:-.2rem;content:"";display:block;height:1px;left:0;position:absolute;width:0}.pencil-bar__link:hover .pencil-bar__message.is-active:after,.pencil-bar__link:focus-visible .pencil-bar__message.is-active:after{animation:menu-hover .5s;animation-fill-mode:forwards}.pencil-bar__link:focus-visible,.pencil-bar__close:focus-visible{outline:1px solid currentColor;outline-offset:2px}.pencil-bar__close{align-items:center;background:transparent;border:0;color:currentColor;cursor:pointer;display:flex;height:26px;justify-content:center;margin:0;padding:0;position:absolute;right:5px;top:50%;transform:translateY(-50%);width:26px}.pencil-bar__close .icon--close{display:block;pointer-events:none}@media(min-width:360px){.pencil-bar__link{font-size:10px;padding-left:24px;padding-right:34px}.pencil-bar__close{right:8px}}@media(min-width:640px){.pencil-bar__message{white-space:nowrap}}@media(min-width:960px){.pencil-bar{padding:15px 40px 8px}.pencil-bar__wrapper{min-height:34px}.pencil-bar__link{font-size:13px;min-height:34px;padding:8px 44px}.pencil-bar__close{height:30px;right:14px;width:30px}}@media(prefers-reduced-motion:reduce){.pencil-bar__message{transform:none;transition:none}.pencil-bar__message.is-exiting{transform:none}.pencil-bar__link:hover .pencil-bar__message.is-active:after,.pencil-bar__link:focus-visible .pencil-bar__message.is-active:after{animation:none;width:100%}}