.seo-bar{position:fixed;top:50%;margin-top:-180px;right:-350px;z-index:1020;transition:all .4s}.seo-reaction:hover{color:#727272}.seo-bar.is-open{right:0}.seo-card{background-color:#fff;border-radius:.25rem;max-width:350px}.seo-card.good{border-left:3px solid #2ed573}.seo-card.mid{border-left:3px solid #ffb120}.seo-card.bad{border-left:3px solid #ff4757}.seo-content{font-size:14px;max-height:250px;overflow-y:auto}.seo-reaction{line-height:1px;padding:10px;background-color:#fff;border-top-left-radius:50%;border-bottom-left-radius:50%;cursor:pointer;transition:all .4s ease;background-color:hsla(0,0%,50.2%,.295)}.seo-card,.seo-reaction:hover{box-shadow:1px 3px 5px hsla(0,0%,50.2%,.295)}.seo-reaction.active{color:#fff}.seo-reaction.active.good{background-color:#2ed573}.seo-reaction.active.mid{background-color:#ffb120}.seo-reaction.active.bad{background-color:#ff4757}.seo-check-list{list-style-type:none;margin:0;padding:0}.seo-check-list li{display:flex;align-items:baseline;margin-bottom:.1rem}.seo-check-list .completed:before{content:"";float:left;font-size:900;font-family:Font Awesome\ 5 Free;margin-right:.5rem;color:#2ed573}.seo-check-list .uncompleted:before{content:"";float:left;font-size:900;font-family:Font Awesome\ 5 Free;margin-right:.5rem;color:#ff4757}