body {
}
/* optional */
/*li {
    line-height: 2;
}

:invalid {
    outline: 1px solid red;
}

.shell {
    position: relative;
    line-height: 1;
}

    .shell span {
        position: absolute;
        left: 3px;
        top: 1px;
        color: #ccc;
        pointer-events: none;
        z-index: -1;
        color: #73879C;
    }

        .shell span i {
            font-style: normal;
            color: transparent;
            opacity: 0;
            visibility: hidden;
        }

    input.masked,
    .shell span {
        font-size: 16px;
        padding-left: 5px;
        background-color: white;
        text-transform: uppercase;        
    }*/

li {
    line-height: 2;
}

:invalid {
    outline: 1px solid red;
}

.shell {
    position: initial;
    line-height: 1;
}

    .shell span {
        position: absolute;
        left: 3px;
        padding-top: 9px;
        color: #ccc;
        pointer-events: none;
        z-index: 1;
    }

        .shell span i {
            font-style: normal;
            /* any of these 3 will work */
            color: transparent;
            opacity: 0;
            visibility: hidden;
        }

    input.masked,
    .shell span {
        font-size: 16px;
        padding-left: 5px;
        
        text-transform: uppercase;
    }

/*# sourceMappingURL=masking-input.css.map */