.citi-textfield{display:block;line-height:1;text-align:left;width:100%}.citi-textfield-label{display:inline-block;font-size:.875rem;font-weight:300;margin-bottom:.5rem}.citi-textfield-prefix{height:1.125rem;left:1rem;position:absolute;top:50%;transform:translateY(-50%);width:1.125rem}.citi-textfield-input-container{position:relative}.citi-textfield-input{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent;border-radius:8px;font-family:Interstate;font-size:1rem;font-weight:400;height:2.75rem;outline:none;padding:.875rem 1rem;position:relative;transition-duration:.16s;transition-property:box-shadow;-webkit-user-select:initial;-ms-user-select:text;width:100%}.citi-textfield-input[type=search]{padding-right:4.75rem}.citi-textfield-input::-webkit-search-cancel-button{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgODAgODAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTcwLjU4OCAxMC41ODgtMjguOTQgMjguOTM5IDI4Ljk0IDI4LjkzOWMxLjQxNCAxLjQxNC0uNzA3IDMuNTM2LTIuMTIxIDIuMTIxbC0yOC45NC0yOC45MzktMjguOTM4IDI4Ljk0Yy0xLjQxNSAxLjQxNC0zLjUzNi0uNzA4LTIuMTIyLTIuMTIybDI4Ljk0LTI4LjkzOS0yOC45NC0yOC45MzljLTEuNDE0LTEuNDE0LjcwOC0zLjUzNSAyLjEyMi0yLjEyMWwyOC45MzkgMjguOTM5IDI4LjkzOS0yOC45NGMxLjQxNC0xLjQxMyAzLjUzNS43MDggMi4xMjEgMi4xMjJ6Ii8+PC9zdmc+");height:1.125rem;position:absolute;right:3rem;width:1.125rem}.citi-textfield-input::-ms-clear{position:absolute;right:3rem}.citi-textfield-suffix{height:1.125rem;position:absolute;right:1rem;top:50%;transform:translateY(-50%);width:1.125rem}button.citi-textfield-suffix{border-radius:4px;border-width:2px;box-sizing:content-box;cursor:pointer;outline:none;padding:.125rem;transition-duration:.16s;transition-property:border-color,color}button.citi-textfield-suffix svg{height:100%;width:100%}.citi-textfield-feedback-container{display:flex;font-size:.875rem;font-weight:300;height:.875rem;justify-content:space-between;margin-top:.5rem;position:relative}.citi-textfield-error{opacity:0;position:absolute;transform:translateY(25%);transition-duration:.16s;transition-property:opacity,transform}.citi-textfield-hint{transition-duration:.16s;transition-property:opacity}.citi-textfield-list{background-color:#fff;border:1px solid rgba(41,44,51,.3);border-bottom-left-radius:.25rem;border-bottom-right-radius:.25rem;box-shadow:0 .125rem .5rem rgba(130,167,217,.2);position:absolute;top:100%;width:100%;z-index:2}.citi-textfield-list button{align-items:center;cursor:pointer;display:flex;height:2.5rem;overflow:hidden;padding-left:.3125rem;padding-right:.3125rem;text-overflow:ellipsis;white-space:nowrap;width:100%}.citi-textfield-list button:not(:last-child){border-bottom:1px solid rgba(41,44,51,.3)}.citi-textfield-list button:hover{background-color:#3abaed;color:#fff}.citi-textfield.error .citi-textfield-error{opacity:1;transform:translateY(0)}.citi-textfield.error .citi-textfield-hint{opacity:0}.citi-textfield.with-prefix .citi-textfield-input{padding-left:3rem}.citi-theme-light.citi-textfield.variant-primary .citi-textfield-label,.citi-theme-light .citi-textfield.variant-primary .citi-textfield-label{color:#5c5f66}.citi-theme-light.citi-textfield.variant-primary .citi-textfield-input,.citi-theme-light .citi-textfield.variant-primary .citi-textfield-input{box-shadow:inset 0 0 0 1px #acb3bf;color:#292c33}.citi-theme-light.citi-textfield.variant-primary .citi-textfield-input::-moz-placeholder,.citi-theme-light .citi-textfield.variant-primary .citi-textfield-input::-moz-placeholder{color:#acb3bf}.citi-theme-light.citi-textfield.variant-primary .citi-textfield-input::placeholder,.citi-theme-light .citi-textfield.variant-primary .citi-textfield-input::placeholder{color:#acb3bf}.citi-theme-light.citi-textfield.variant-primary .citi-textfield-input:focus,.citi-theme-light .citi-textfield.variant-primary .citi-textfield-input:focus{box-shadow:inset 0 0 0 2px #056dae}.citi-theme-light.citi-textfield.variant-primary .citi-textfield-prefix,.citi-theme-light .citi-textfield.variant-primary .citi-textfield-prefix,.citi-theme-light.citi-textfield.variant-primary .citi-textfield-suffix,.citi-theme-light .citi-textfield.variant-primary .citi-textfield-suffix{color:#292c33}.citi-theme-light .citi-textfield.variant-primary .citi-textfield-suffix,button.citi-theme-light.citi-textfield.variant-primary .citi-textfield-suffix{border-color:transparent;border-style:solid}.citi-theme-light .citi-textfield.variant-primary .citi-textfield-suffix:hover,button.citi-theme-light.citi-textfield.variant-primary .citi-textfield-suffix:hover{color:#3abaed}.citi-theme-light .citi-textfield.variant-primary .citi-textfield-suffix:focus,button.citi-theme-light.citi-textfield.variant-primary .citi-textfield-suffix:focus{border-color:#056dae;color:#056dae}.citi-theme-light.citi-textfield.variant-primary .citi-textfield-error,.citi-theme-light .citi-textfield.variant-primary .citi-textfield-error{color:#c00}.citi-theme-light.citi-textfield.variant-primary .citi-textfield-hint,.citi-theme-light .citi-textfield.variant-primary .citi-textfield-hint{color:#5c5f66}.citi-theme-light.citi-textfield.variant-primary .citi-textfield-counter,.citi-theme-light .citi-textfield.variant-primary .citi-textfield-counter{color:#056dae}.citi-theme-light.citi-textfield.variant-primary.error .citi-textfield-input,.citi-theme-light .citi-textfield.variant-primary.error .citi-textfield-input{box-shadow:inset 0 0 0 2px #c00}.citi-theme-light.citi-textfield.variant-primary.valid .citi-textfield-input-container:after,.citi-theme-light .citi-textfield.variant-primary.valid .citi-textfield-input-container:after{background-image:url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><path fill="none" stroke="%23093" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" d="m2 12 6 4 8-14"/></svg>');content:"";height:1.25rem;position:absolute;right:1rem;top:.875rem;width:1.25rem}.citi-theme-light.citi-textfield.variant-primary.valid .citi-textfield-input,.citi-theme-light .citi-textfield.variant-primary.valid .citi-textfield-input{box-shadow:inset 0 0 0 2px #093}.citi-theme-light.citi-textfield.variant-primary.warning .citi-textfield-input,.citi-theme-light .citi-textfield.variant-primary.warning .citi-textfield-input{box-shadow:inset 0 0 0 2px #ff8c19}@media (min-width:64em){.citi-textfield-input{height:3rem;padding:1rem}}