.eye{width:1.25em;height:.75em;display:inline-block;--background:#aaa;--color:currentColor}.eye,.eye div{position:relative}.eye div{overflow:hidden;height:50%;margin-bottom:-1px}.eye div:before{content:"";background:currentColor;position:absolute;left:0;right:0;height:300%;border-radius:100%}.eye div:last-child:before{bottom:0}.eye:before{top:50%;left:50%;transform:translate(-50%,-50%);width:.5em;height:.5em;border:.2em solid var(--background);border-radius:100%;z-index:1}.eye:after,.eye:before{content:"";position:absolute;background:var(--color)}.eye:after{top:-.15em;left:calc(33.333% - .15em);transform:rotate(45deg) scaleX(0);transform-origin:left center;width:90%;height:.1em;border-top:.1em solid var(--background);z-index:2;transition:transform .25s}.eye.slash:after{transform:rotate(45deg) scaleX(1)}