.input-material{position:relative;width:100%}.input-material .label-material{position:absolute;top:.65rem;left:1rem;font-size:1rem;color:#6c757d;background-color:#fff;transition:all .2s ease;pointer-events:none;border-radius:.25rem;padding:.0125rem 0rem}.input-material input,.input-material select,.input-material textarea{width:100%;font-size:1rem;padding:.65rem 1rem;border-radius:.5rem;background-color:#fff;color:#212832}.input-material.has-value .label-material,.input-material:focus-within .label-material{left:.5rem;padding:.125rem .5rem;color:#212832;background-color:#fff;transform:translate3d(0,-27px,0) scale(.85)}.input-material.select select{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;padding:.65rem 2rem .85rem 1rem;border-radius:.5rem;background-color:#fff;color:#41484f;font-size:1rem;line-height:1.5;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23333'%3E%3Cpath d='M1.5 5.5l6.5 6.5 6.5-6.5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center;background-size:12px 12px}.input-material.select.has-value .label-material,.input-material.select:focus-within .label-material{left:0rem}.input-material select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='none' stroke='%23333' stroke-width='1.5' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center;background-size:8px 10px;padding-right:2rem}