html{--input-font-family: inherit;--input-font-size: 1rem;--input-font-weight: 500;--input-label-font-family: inherit;--input-label-font-size: .875rem;--input-label-line-height: 1;--input-inner-spacing-value: .5rem;--input-padding-block: var(--input-inner-spacing-value);--input-padding-inline: var(--input-inner-spacing-value);--input-margin-top: .375rem;--input-color-text: #333;--input-color-border: #d1d5db;--input-color-border--focus: var(--input-color-border);--input-background: #fff;--input-border: 1px solid var(--input-color-border);--input-border--focus: 1px solid var(--input-color-border--focus);--input-border-radius: .25rem;--input-placeholder-color: #cacaca;--input-outline-color: #80bdff;--input-outline: .125rem solid var(--input-outline-color);--form-error-color: #e00606;--form-button-font-size: var(--input-font-size);--form-button-width: 100%;--form-button-font-weight: var(--input-font-weight);--form-button-text-color: #fff;--form-button-background: #40a2e3;--form-button-background--hover: #348ec9;--form-button-inner-spacing-value: var(--input-inner-spacing-value);--form-button-padding-block: var(--input-inner-spacing-value);--form-button-padding-inline: var(--input-inner-spacing-value);--form-button-border-radius: var(--input-border-radius);--form-chevron-icon: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 298.04"><path fill-rule="nonzero" d="M12.08 70.78c-16.17-16.24-16.09-42.54.15-58.7 16.25-16.17 42.54-16.09 58.71.15L256 197.76 441.06 12.23c16.17-16.24 42.46-16.32 58.71-.15 16.24 16.16 16.32 42.46.15 58.7L285.27 285.96c-16.24 16.17-42.54 16.09-58.7-.15L12.08 70.78z"/></svg>');--form-chevron-icon-size: .75rem}.form{display:grid;gap:.75rem}.form ::-webkit-input-placeholder{color:var(--input-placeholder-color)}.form :-moz-placeholder{color:var(--input-placeholder-color);opacity:1}.form ::-moz-placeholder{color:var(--input-placeholder-color);opacity:1}.form :-ms-input-placeholder{color:var(--input-placeholder-color)}.form ::-ms-input-placeholder{color:var(--input-placeholder-color)}.form ::placeholder{color:var(--input-placeholder-color)}.form select:invalid{color:var(--input-placeholder-color)}.form--disabled{opacity:.5;cursor:progress}.form--disabled *{cursor:progress}.form__input-wrapper{font-family:var(--input-label-font-family);font-size:var(--input-label-font-size);line-height:var(--input-label-line-height);overflow:hidden;text-overflow:ellipsis}.form__input-wrapper:focus-within{overflow:initial}.form__input{display:block;width:100%;font-family:var(--input-font-family);font-size:var(--input-font-size);font-weight:var(--input-font-weight);margin:var(--input-margin-top) 0 0 0;padding-block:var(--input-padding-block);padding-inline:var(--input-padding-inline);border:var(--input-border);border-radius:var(--input-border-radius);background:var(--input-background);color:var(--input-color-text)}.form__input-select-wrapper{position:relative;display:flex;align-items:center;justify-content:flex-end}.form__input-select-wrapper:after{content:"";position:absolute;height:var(--form-chevron-icon-size);width:var(--form-chevron-icon-size);background-color:var(--input-color-text);-webkit-mask-image:var(--form-chevron-icon);mask-image:var(--form-chevron-icon);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-position:center;mask-position:center;transform:translate(calc(-1 * var(--input-padding-inline)),calc(var(--input-margin-top) / 2));pointer-events:none}select.form__input{-moz-appearance:none;-webkit-appearance:none;appearance:none;padding-right:calc(2 * var(--input-padding-inline) + var(--form-chevron-icon-size));overflow:hidden;text-overflow:ellipsis}.form__input:focus{border:var(--input-border--focus);outline:var(--input-outline)}.form__error{color:var(--form-error-color);display:none}.form__error--visible{display:block}.form__button{width:var(--form-button-width);border-radius:var(--form-button-border-radius);padding-block:var(--form-button-padding-block);padding-inline:var(--form-button-padding-inline);background:var(--form-button-background);color:var(--form-button-text-color);font-size:var(--form-button-font-size);font-weight:var(--form-button-font-weight);transition:background .2s linear,filter .2s linear}.form__button:hover{background:var(--form-button-background--hover)}.form__button:disabled,.form__button[disabled]{filter:grayscale(.7);pointer-events:none}@media (min-width: 576px){.user-form{grid-template-columns:minmax(100px,1fr) minmax(100px,1fr)}.user-form .form__button,.user-form .form__input-wrapper,.user-form .form__error{grid-column:1 / span 2}.user-form .form__input-wrapper--name,.user-form .form__input-wrapper--surname,.user-form .form__input-wrapper--zip,.user-form .form__input-wrapper--city{grid-column:auto}}