@keyframes menu-hover{0%{width:0}100%{width:100%}}.pencil-bar{padding:15px 15px 8px;position:absolute;top:0;left:0;z-index:300;width:100%}.pencil-bar .icon--close{position:absolute;right:30px;top:50%;cursor:pointer}@media(min-width:960px){.pencil-bar .icon--close{right:55px}}@media(min-width:960px){.pencil-bar{padding:15px 40px 8px}
}.pencil-bar__wrapper{background-color:var(--color-pencil-bg);border-radius:5px;text-align:center}.pencil-bar__link{display:block;padding:8px 30px;width:100%;text-decoration:none}.pencil-bar__link span{display:inline-block;position:relative}.pencil-bar__link:hover span:after{animation:menu-hover .5s;animation-fill-mode:forwards}
.pencil-bar__link span:after{content:"";background:currentColor;height:1px;width:0;display:block;left:0;position:absolute;bottom:-0.2rem}