.field-control{position:relative;width:100%}.field-control .input{width:100%}.field-control--clearable .input{padding-right:5.2rem}.field-control--suffix .input{padding-right:2.8rem}.field-control--clearable.field-control--suffix .input{padding-right:6.8rem}.field-control__clear{position:absolute;top:50%;right:.4rem;z-index:1;display:inline-flex;align-items:center;justify-content:center;width:4.4rem;height:4.4rem;padding:0;border:0;background:rgba(0,0,0,0);color:var(--color-text);cursor:pointer;transform:translateY(-50%)}.field-control__clear:hover{color:var(--color-text-muted)}.field-control--suffix .field-control__clear{right:2.8rem}.field-control__suffix{position:absolute;top:50%;right:1.6rem;font-size:var(--font-size-sm);font-weight:400;line-height:1.275;color:var(--color-text);pointer-events:none;transform:translateY(-50%)}.input{width:100%;max-width:100%;box-sizing:border-box;height:5.2rem;min-height:5.2rem;padding:1.6rem 2rem;border:1px solid var(--color-border);border-radius:9999px;background-color:var(--color-bg-page);color:var(--color-text);font:inherit;font-size:var(--font-size-sm);line-height:1;outline:none;transition:border-color .2s ease}@media(min-width:1024px){.input{height:auto;min-height:0;padding:.8rem 3rem .8rem 1.6rem;line-height:normal}}.input::placeholder{color:var(--color-text-muted)}.input:disabled{opacity:.5;cursor:not-allowed}.input:not(.input--field):focus,.input:not(.input--field):focus-visible{outline:none;border-color:var(--color-primary)}.input--block{display:block}.input--field{box-sizing:border-box;height:5.2rem;min-height:5.2rem;padding:1.6rem 2rem;border:1px solid rgba(0,0,0,0);border-radius:9999px;background-color:var(--color-bg-section);font-size:var(--font-size-sm);font-weight:400;line-height:1;text-align:left;outline:none;box-shadow:none;appearance:none;transition:border-color .2s ease}@media(min-width:1024px){.input--field{height:auto;min-height:3.6rem;padding:.8rem 1.6rem;border-radius:2rem;line-height:1.275}}.input--field::placeholder{color:var(--color-text-muted)}.input--field:disabled{opacity:1;cursor:not-allowed}.input.input--field:focus,.input.input--field:focus-visible{outline:none;box-shadow:none;border-color:var(--color-field-focus-border)}.form-field--error .input.input--field:focus,.form-field--error .input.input--field:focus-visible,.input.input--field.input--error:focus,.input.input--field.input--error:focus-visible{border-color:var(--color-field-error-border)}.input--error{border-color:var(--color-field-error-border)}