.b-placeholder {
    display: inline-block;
    vertical-align: top;
    position: relative
}

.b-placeholder__origin {
    display: block;
    overflow: hidden;
    width: 100%;
    height: 100%;
    border-color: transparent;
    position: absolute;
    left: 0;
    top: 2px;
    color: #3e3e3e;
    font-family: 'PT Sans', sans-serif;
    text-align: left;
    white-space: nowrap;
    text-overflow: ellipsis;
    pointer-events: none;
    opacity: 1;
    -webkit-transition: opacity .15s ease-out;
    transition: opacity .15s ease-out;
    padding-left: 13px;

}

.b-placeholder__target:focus + .b-placeholder__origin, .b-placeholder__target.has--value + .b-placeholder__origin {
    opacity: 0;
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in
}

.b-placeholder__origin:after {
    content: '';
    display: inline-block;
    vertical-align: middle;
    height: 100%
}

.b-placeholder__symbol {
    display: inline-block;
    position: relative;
    white-space: pre
}

.b-placeholder__symbol:before {
    content: attr(data-symbol)
}

.b-placeholder__symbol:after {
    content: attr(data-symbol);
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    color: #0083f9;
    opacity: 0;
    -webkit-animation: b-placeholder-symbol 3s linear infinite;
    animation: b-placeholder-symbol 3s linear infinite;
    -webkit-animation-delay: inherit;
    animation-delay: inherit;
    will-change: opacity
}

.b-placeholder__target:focus + .b-placeholder__origin .b-placeholder__symbol:after, .b-placeholder__target.has--value + .b-placeholder__origin .b-placeholder__symbol:after {
    -webkit-animation-play-state: paused;
    animation-play-state: paused
}

.b-placeholder__symbol.index--1 {
    -webkit-animation-delay: .1s;
    animation-delay: .1s
}

.b-placeholder__symbol.index--2 {
    -webkit-animation-delay: .2s;
    animation-delay: .2s
}

.b-placeholder__symbol.index--3 {
    -webkit-animation-delay: .3s;
    animation-delay: .3s
}

.b-placeholder__symbol.index--4 {
    -webkit-animation-delay: .4s;
    animation-delay: .4s
}

.b-placeholder__symbol.index--5 {
    -webkit-animation-delay: .5s;
    animation-delay: .5s
}

.b-placeholder__symbol.index--6 {
    -webkit-animation-delay: .6s;
    animation-delay: .6s
}

.b-placeholder__symbol.index--7 {
    -webkit-animation-delay: .7s;
    animation-delay: .7s
}

.b-placeholder__symbol.index--8 {
    -webkit-animation-delay: .8s;
    animation-delay: .8s
}

.b-placeholder__symbol.index--9 {
    -webkit-animation-delay: .9s;
    animation-delay: .9s
}

.b-placeholder__symbol.index--10 {
    -webkit-animation-delay: 1s;
    animation-delay: 1s
}

.b-placeholder__symbol.index--11 {
    -webkit-animation-delay: 1.1s;
    animation-delay: 1.1s
}

.b-placeholder__symbol.index--12 {
    -webkit-animation-delay: 1.2s;
    animation-delay: 1.2s
}

.b-placeholder__symbol.index--13 {
    -webkit-animation-delay: 1.3s;
    animation-delay: 1.3s
}

.b-placeholder__symbol.index--14 {
    -webkit-animation-delay: 1.4s;
    animation-delay: 1.4s
}

.b-placeholder__symbol.index--15 {
    -webkit-animation-delay: 1.5s;
    animation-delay: 1.5s
}

.b-placeholder__symbol.index--16 {
    -webkit-animation-delay: 1.6s;
    animation-delay: 1.6s
}

.b-placeholder__symbol.index--17 {
    -webkit-animation-delay: 1.7s;
    animation-delay: 1.7s
}

.b-placeholder__symbol.index--18 {
    -webkit-animation-delay: 1.8s;
    animation-delay: 1.8s
}

.b-placeholder__symbol.index--19 {
    -webkit-animation-delay: 1.9s;
    animation-delay: 1.9s
}

.b-placeholder__symbol.index--20 {
    -webkit-animation-delay: 2s;
    animation-delay: 2s
}

.b-placeholder__symbol.index--21 {
    -webkit-animation-delay: 2.1s;
    animation-delay: 2.1s
}

.b-placeholder__symbol.index--22 {
    -webkit-animation-delay: 2.2s;
    animation-delay: 2.2s
}

.b-placeholder__symbol.index--23 {
    -webkit-animation-delay: 2.3s;
    animation-delay: 2.3s
}

.b-placeholder__symbol.index--24 {
    -webkit-animation-delay: 2.4s;
    animation-delay: 2.4s
}

.b-placeholder__symbol.index--25 {
    -webkit-animation-delay: 2.5s;
    animation-delay: 2.5s
}

.b-placeholder__symbol.index--26 {
    -webkit-animation-delay: 2.6s;
    animation-delay: 2.6s
}

.b-placeholder__symbol.index--27 {
    -webkit-animation-delay: 2.7s;
    animation-delay: 2.7s
}

.b-placeholder__symbol.index--28 {
    -webkit-animation-delay: 2.8s;
    animation-delay: 2.8s
}

.b-placeholder__symbol.index--29 {
    -webkit-animation-delay: 2.9s;
    animation-delay: 2.9s
}

.b-placeholder__symbol.index--30 {
    -webkit-animation-delay: 3s;
    animation-delay: 3s
}

.b-placeholder__symbol.index--31 {
    -webkit-animation-delay: 3.1s;
    animation-delay: 3.1s
}

.b-placeholder__symbol.index--32 {
    -webkit-animation-delay: 3.2s;
    animation-delay: 3.2s
}

.b-placeholder__symbol.index--33 {
    -webkit-animation-delay: 3.3s;
    animation-delay: 3.3s
}

.b-placeholder__symbol.index--34 {
    -webkit-animation-delay: 3.4s;
    animation-delay: 3.4s
}

.b-placeholder__symbol.index--35 {
    -webkit-animation-delay: 3.5s;
    animation-delay: 3.5s
}

.b-placeholder__symbol.index--36 {
    -webkit-animation-delay: 3.6s;
    animation-delay: 3.6s
}

.b-placeholder__symbol.index--37 {
    -webkit-animation-delay: 3.7s;
    animation-delay: 3.7s
}

.b-placeholder__symbol.index--38 {
    -webkit-animation-delay: 3.8s;
    animation-delay: 3.8s
}

.b-placeholder__symbol.index--39 {
    -webkit-animation-delay: 3.9s;
    animation-delay: 3.9s
}

.b-placeholder__symbol.index--40 {
    -webkit-animation-delay: 4s;
    animation-delay: 4s
}

@-webkit-keyframes b-placeholder-symbol {
    0%, 100% {
        opacity: 0
    }
    10% {
        opacity: 1
    }
    20% {
        opacity: 0
    }
}

@keyframes b-placeholder-symbol {
    0%, 100% {
        opacity: 0
    }
    10% {
        opacity: 1
    }
    20% {
        opacity: 0
    }
}

.b-placeholder__target:focus+.b-placeholder__origin, .b-placeholder__target.has--value+.b-placeholder__origin {
    opacity: 0;
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
}