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