.input-outline+span{position:absolute;display:flex}.input-outline:not(:-moz-placeholder)+span{top:0;left:0;font-size:.75rem;line-height:0px;width:100%}.input-outline:focus+span,.input-outline:not(:placeholder-shown)+span{top:0;left:0;font-size:.75rem;line-height:0px;width:100%}.input-outline+span:before{margin-inline-end:4px;border-top-left-radius:8px;content:""}.input-outline+span:after{margin-inline-start:4px;border-top-right-radius:8px;content:""}.input-outline:not(:-moz-placeholder)+span:before{width:20px}.input-outline:focus+span:before,.input-outline:not(:placeholder-shown)+span:before{width:20px}.input-outline:not(:-moz-placeholder)+span:after{flex-grow:1}.input-outline:focus+span:after,.input-outline:not(:placeholder-shown)+span:after{flex-grow:1}.input-outline:not(:-moz-placeholder)+span:after,.input-outline:not(:-moz-placeholder)+span:before{border-color:#ccc;border-top-width:1px;height:20px}.input-outline:focus+span:after,.input-outline:focus+span:before,.input-outline:not(:placeholder-shown)+span:after,.input-outline:not(:placeholder-shown)+span:before{border-color:#ccc;border-top-width:1px;height:20px}