zipcode-input{width:100%}zipcode-input .zipcode-input{position:relative;display:flex;align-items:center;height:3rem}@media(min-width: 1024px){zipcode-input .zipcode-input{margin:unset;max-width:34.9375rem}}zipcode-input .zipcode-input input{height:3rem;border-bottom-left-radius:1.5625rem;border-top-left-radius:1.5625rem;border-radius:2.1875rem 0 0 2.1875rem;border-top:1px solid var(--color-white);border-bottom:1px solid var(--color-white);border-left:1px solid var(--color-white);border-right:none;outline:var(--color-white);color:var(--color-dark-green);padding-left:3rem;flex:1}zipcode-input .zipcode-input input::placeholder{opacity:.5;color:var(--color-dark-green)}@media(max-width: 1023px){zipcode-input .zipcode-input input{padding-top:.1875rem}}zipcode-input .zipcode-input input.zipcode-input--border{border-color:var(--color-medium-grey)}zipcode-input .zipcode-input .icon--pin{position:absolute;left:1rem;top:calc(50% - 9px)}zipcode-input .zipcode-input .btn{border-bottom-left-radius:0;border-top-left-radius:0;margin:0}@media(max-width: 1023px){zipcode-input .zipcode-input .btn{line-height:1.1}}@media(max-width: 400px){zipcode-input .zipcode-input .btn{padding-left:1.25rem;padding-right:1.25rem}}@media(min-width: 1024px){zipcode-input .zipcode-input .btn{min-width:9.75rem}}zipcode-input .zipcode-input .btn:focus{--button-border-radius-focus: 0 35px 35px 0}zipcode-input .zipcode-input .btn:focus::after{border:2px solid #eb5225;opacity:.5}