FloatingLabels.min.css

@charset "UTF-8";.floating-labels {margin: 2rem 0;;}.floating-labels .form-group {display: flex;flex-flow: column-reverse;margin-bottom: 1rem;}.floating-labels .form-group label, .floating-labels .form-group input, .floating-labels .form-group textarea {transition: all 0.2s;touch-action: manipulation;}.floating-labels .form-group input, .floating-labels .form-group textarea {font-size: 1.5rem;border: 0;border-bottom: .1rem solid #ccc;-webkit-appearance: none;padding: 1rem;cursor: text;;}.floating-labels .form-group input:focus, .floating-labels .form-group textarea:focus {outline: 0;border-bottom: .3rem solid blue;}.floating-labels .form-group input::-webkit-input-placeholder, .floating-labels .form-group textarea::-webkit-input-placeholder {opacity: 0;}.floating-labels .form-group input:focus::-webkit-input-placeholder, .floating-labels .form-group textarea:focus::-webkit-input-placeholder {opacity: 1;}.floating-labels .form-group input:not(:empty)::-webkit-input-placeholder, .floating-labels .form-group textarea:not(:empty)::-webkit-input-placeholder {opacity: 0;}.floating-labels .form-group input:focus + label, .floating-labels .form-group textarea:focus + label {transform: translate(0, 0) scale(1);cursor: pointer;color: blue;margin-bottom: .5rem;margin-left: 0;}.floating-labels .form-group input + label, .floating-labels .form-group textarea + label {cursor: text;max-width: 66.666%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;transform-origin: left bottom;transform: translate(0, 2.125rem) scale(1.5);}.floating-labels .form-group label {text-transform: uppercase;letter-spacing: 0.05rem;color: inherit;margin-left: .5rem;}.floating-labels .select-group select {font-size: 1.5rem;border: 0;border-bottom: .1rem solid #ccc;-webkit-appearance: none;padding: 1rem;cursor: text;margin-top: .5rem;;}.floating-labels .select-group select:focus {outline: 0;border-bottom: .3rem solid blue;}.floating-labels .select-group label {text-transform: uppercase;letter-spacing: 0.05rem;max-width: 66.666%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;transform-origin: left bottom;transform: translate(0, 0) scale(1);cursor: pointer;color: blue;margin-bottom: 0.5rem;margin-left: 0;}