.credits{--color:#0C1C25;margin-left:auto;padding-top:4px;padding-bottom:4px;width:68px;height:24px;color:#0c1c25;color:var(--color);display:flex;justify-content:flex-end;align-items:center;align-self:center;z-index:0}.credits-smile{width:22px;height:16px;position:relative;transform:rotate(90deg);transition:transform .2s .2s ease}.credits-text{width:0;height:16px;overflow:hidden;transition:width .2s ease}.eye{position:absolute;top:0;left:0}.credits.visible-credits .credits-smile{animation:smile .8s ease;transform:rotate(0);transition-delay:.8s}.credits.visible-credits .credits-text{width:46px;transition:width .3s .7s ease}.credits.visible-credits .eye{animation:wink .2s .25s cubic-bezier(0,0,1,1)}@media only screen and (min-width:768px){.credits:hover .credits-smile{animation:smile .8s ease;transform:rotate(0);transition-delay:.8s}.credits:hover .credits-text{width:46px;transition:width .3s .7s ease}.credits:hover .eye{animation:wink .2s .25s cubic-bezier(0,0,1,1)}}@keyframes smile{0%{transform:rotate(90deg) translate(0)}25%{transform:rotate(92deg) translate(-4px)}50%{transform:rotate(102deg) translate(0)}75%{transform:rotate(90deg)}to{transform:rotate(0)}}@keyframes wink{50%{transform:scale(.125,1.25)}}