.input{position:relative;z-index:1;display:inline-block;vertical-align:top}.input__field{position:relative;display:block;float:right;padding:.6em;font-size:16px;width:60%;border:none;border-radius:0;-webkit-appearance:none}.input__field:focus{outline:none}.input__label{display:inline-block;float:right;padding:0 1em;width:40%;color:#999;font-weight:700;font-size:70.25%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.input__label-content{position:relative;display:block;padding:1.6em 0;width:100%}.graphic{position:absolute;top:0;left:0;fill:none}.icon{color:#ddd;font-size:150%}.input__field--yoshiko{width:100%;background-color:#fff;border:2px solid transparent;-webkit-transition:background-color 0.25s,border-color .25s;transition:background-color 0.25s,border-color .25s;color:#999;border:1px #000 solid}.input__label--yoshiko{width:100%;text-align:left;position:absolute;bottom:70%;pointer-events:none;overflow:hidden;padding:0 1.25em;color:#999;-webkit-transform:translate3d(0,3em,0);transform:translate3d(0,3em,0);-webkit-transition:-webkit-transform .25s;transition:transform .25s;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out}.input__label-content--yoshiko{color:#999;font-size:18px;padding:.3em 0;-webkit-transition:-webkit-transform .25s;transition:transform .25s;-webkit-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out}.input__label-content--yoshiko::after{content:attr(data-content);position:absolute;font-size:18px;bottom:100%;left:0;height:100%;width:100%;color:#999;padding:.09em 0;letter-spacing:1px}.input__field--yoshiko:focus + .input__label--yoshiko,.input--filled .input__label--yoshiko{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.input__field--yoshiko:focus + .input__label--yoshiko .input__label-content--yoshiko,.input--filled .input__label-content--yoshiko{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}.input__field--yoshiko:focus + .input__field--yoshiko,.input--filled .input__field--yoshiko{background-color:transparent;border-color:#999}@media (max-width:767px){.input__label-content--yoshiko{padding:.2em 0;font-size:16px}.input__label-content--yoshiko::after{padding:1.8em 0;font-size:16px}.input__label--yoshiko{padding:.5em 1.25em}}