input-outline-container()
	.bunt-input-outline-container
		display: flex
		flex-direction: column
		padding-top: 16px
		flex-shrink: 0
		position: relative
		> label
			position absolute
			top 8px
			left 12px
			font-size 16px
			font-weight 400
			line-height 21px
			pointer-events none
			color $clr-secondary-text-light
			transform-origin left top
			transform: translateY(-15px) scale(0.75)
		> .outline
			position: absolute
			top: 0
			left: 0
			height: 100%
			width: 100%
			stroke: $clr-disabled-text-light
			stroke-width: 1px
			fill: none
			pointer-events: none
			stroke-dasharray: 3 var(--label-gap) 10000
			transition: stroke .15s $material-easing, stroke-width .15s $material-easing, stroke-dasharray .15s $material-easing

		&.focused
			> .outline
				stroke: $clr-primary
				stroke-width: 2px
			> label
				color $clr-primary