.input-outline+span{position:absolute;display:flex}.input-outline:focus+span,.input-outline:not(:placeholder-shown)+span{top:0;left:0;font-size:var(--text-s);line-height:0px;width:100%}.input-outline+span:before{margin-inline-end:calc(var(--spacing) * 1);border-top-left-radius:var(--radius-2);content:""}.input-outline+span:after{margin-inline-start:calc(var(--spacing) * 1);border-top-right-radius:var(--radius-2);content:""}.input-outline:focus+span:before,.input-outline:not(:placeholder-shown)+span:before{width:calc(var(--spacing) * 5)}.input-outline:focus+span:after,.input-outline:not(:placeholder-shown)+span:after{flex-grow:1}.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:var(--color-on-surface-border);border-top-width:1px;height:20px}