hr.styled{height:1px;background:#fff;border:none;outline:none;margin:3em 3em 5em;position:relative;}hr.styled:before{content:attr(data-symbol);position:absolute;top:0;left:50%;background:#000;color:#fff;padding:.5em 3em;transform:translate(-50%,-50%);}hr#one{width:50%;margin:3em auto;}hr#two{background-image:linear-gradient(left,black,white);}hr#two:before{left:90%;width:20%;padding:1em;top:1px;}hr#three{background-image:linear-gradient(left,#3498db,#10d7af,#3498db);}hr#three:before{color:#10d7af;}hr#four:before{border:1px solid #fff;}hr#five:before{font-size:2em;padding:.5em 1em;font-weight:lighter;font-family:Helvetica Neue;}hr#six{background:#000;border-bottom:1px dashed #fff;}hr#six:before{border:1px dashed #fff;border-radius:20px;}hr#seven{background:#000;border-bottom:1px double #fff;}hr#seven:before{border-left:1px solid #fff;border-right:1px solid #fff;}hr#eight{background:transparent;border-bottom:2px dashed #fff;width:40%;margin:0 auto;}hr#eight:before{top:3px;left:0;padding-right:2em;}hr#nine:before{border:1px solid #fff;padding:1em 1.25em;border-radius:50%;}.hr-text{line-height:1em;position:relative;outline:0;border:0;color:#000;text-align:center;height:1.5em;opacity:.5;}.hr-text:before{content:'';background:linear-gradient(to right,transparent,#818078,transparent);position:absolute;left:0;top:50%;width:100%;height:1px;}.hr-text:after{content:attr(data-content);position:relative;display:inline-block;color:#000;padding:0 .5em;line-height:1.5em;color:#696868;background-color:#000;}.floating-label-field{border-width:0;color:rgba(44,62,80,.75);}.floating-label-field:focus{outline:0;box-shadow:0;}.floating-label-field::placeholder{color:transparent;}.floating-label-field,.floating-label-field+.floating-label{line-height:1;font:inherit;padding:1.5em;height:4em;}.floating-label-field+.floating-label{position:absolute;top:0;left:0;user-select:none;}.floating-label-field,.floating-label-field+.floating-label{position:relative;}.floating-label-field{border-bottom:3px solid rgba(255,255,255,.05);background-color:transparent;color:rgba(255,255,255,.75);}.floating-label-field+.floating-label{transition:transform .25s,opacity .25s ease-in-out;transform-origin:0 0;opacity:.5;}.floating-label-field:focus,.floating-label-field:not(:placeholder-shown){border-color:rgba(255,255,255,.1);}.floating-label-field:focus+.floating-label,.floating-label-field:not(:placeholder-shown)+.floating-label{transform:translate(1%,-30%) scale(.8);opacity:.25;}.floating-label-input:valid:not(:placeholder-shown){border-color:rgba(46,213,115,.3);}.floating-label-input:invalid{border-color:rgba(255,71,87,.3);}