.location-input-wrapper{position:relative}.location-input-wrapper .form-input .input-wrapper .input-button{display:none}.location-input-wrapper .touch-area-wrapper{align-items:center;height:48px;justify-content:center;position:absolute;top:0;width:48px}[dir=ltr] .location-input-wrapper .touch-area-wrapper{right:0}[dir=rtl] .location-input-wrapper .touch-area-wrapper{left:0}.location-input-wrapper .touch-area-wrapper .autolocation{height:16px;width:16px}.location-input-wrapper .touch-area-wrapper .touch-area{transform:none}[dir=ltr] .location-input-wrapper .touch-area-wrapper .touch-area{margin-left:0}[dir=rtl] .location-input-wrapper .touch-area-wrapper .touch-area{margin-right:0}.location-input-wrapper .mask{background-color:var(--bds-color-background-base);cursor:text;font-weight:500;line-height:36px;position:absolute;top:7px}[dir=ltr] .location-input-wrapper .mask{right:40px}[dir=rtl] .location-input-wrapper .mask{left:40px}[dir=ltr] .location-input-wrapper .mask{left:2px}[dir=rtl] .location-input-wrapper .mask{right:2px}[dir=ltr] .location-input-wrapper .mask{padding-left:12px}[dir=rtl] .location-input-wrapper .mask{padding-right:12px}.desktop .location-input-wrapper.fixed-placeholder .form-input .input-wrapper{height:40px;margin-bottom:8px}[dir=ltr] .desktop .location-input-wrapper.fixed-placeholder .form-input .input-wrapper,[dir=rtl] .desktop .location-input-wrapper.fixed-placeholder .form-input .input-wrapper{padding:8px 16px}.desktop .location-input-wrapper.fixed-placeholder .form-input .input-wrapper input:focus+label,.desktop .location-input-wrapper.fixed-placeholder .form-input .input-wrapper input:not(:placeholder-shown)~label{display:none}.desktop .location-input-wrapper.fixed-placeholder .form-input .input-wrapper.is-error{margin-top:0}.desktop .location-input-wrapper.fixed-placeholder .form-input .input-wrapper label{font-size:.75rem;top:14px}[dir=ltr] .desktop .location-input-wrapper.fixed-placeholder .form-input .input-wrapper label{left:15px}[dir=rtl] .desktop .location-input-wrapper.fixed-placeholder .form-input .input-wrapper label{right:15px}.desktop .location-input-wrapper.fixed-placeholder .form-input .input-wrapper input{color:var(--bds-color-content-high);font-size:.75rem;font-weight:500}.desktop .location-input-wrapper .form-input .input-wrapper input:invalid{box-shadow:none}.desktop .location-input-wrapper .touch-area-wrapper{height:40px;width:40px}.desktop .location-input-wrapper .mask{font-size:.75rem;line-height:32px;top:4px}