.flex-center{display:flex;justify-content:center}
.flex-space-between{display:flex;justify-content:space-between}
.sp-input{gap:.25rem;display:grid}
.sp-input input{min-width:160px}
.sp-input input:placeholder,.sp-input input::-webkit-input-placeholder,.sp-input input::-moz-placeholder,.sp-input input:-ms-input-placeholder,.sp-input input:-moz-placeholder{color:#727272;font-weight:bold;opacity:1}
.sp-input-label{font-family:SantanderMicroText,Arial;font-size:1rem;font-weight:normal;font-stretch:normal;font-style:normal;line-height:1.5;letter-spacing:normal;color:#222}
.sp-input-helper{font-family:SantanderMicroText,Arial;font-size:.875rem;font-weight:normal;font-stretch:normal;font-style:normal;line-height:1.5;letter-spacing:normal;color:#727272;min-height:24px}
.sp-input-error{font-family:SantanderMicroText,Arial;font-size:.875rem;font-weight:normal;font-stretch:normal;font-style:normal;line-height:1.5;letter-spacing:normal;color:#900;display:none;align-items:center;min-height:20px;max-height:24px}
.sp-input-error:before{font-family:SantanderIconsFunctional;font-style:normal;content:'\e800';font-size:1.5rem;padding-right:4px}
.sp-input-element{background-color:#fff;border:1px solid #8f8f8f;border-radius:8px;padding:12px;box-sizing:border-box;font-family:SantanderMicroText,Arial;font-size:1rem;font-weight:normal;font-stretch:normal;font-style:normal;line-height:1.5;letter-spacing:normal;display:flex}
.sp-input-element:hover{border:1px solid #222}
.sp-input-element:active{border:1px solid #8f8f8f}
.sp-input-element:focus{outline:2px solid #127277;outline-offset:-1px}
.sp-input--search{max-width:900px;position:relative}
.sp-input--search .icon-func-071-search{color:#444;font-size:1.5rem;position:absolute;right:12px;top:50%;transform:translateY(-50%);cursor:pointer;width:fit-content}
.sp-input--search .sp-input-element:focus ~ .icon-func-071-search,.sp-input--search .sp-input-element:focus ~ .icon-sys-022-close{color:#ec0000}
.sp-input:has(.sp-input-error.visible) .sp-input-element{border:1px solid #900}
.sp-input:has(.sp-input-error.visible) .sp-input-element:focus{outline:2px solid #900;outline-offset:-1px}
.sp-input-checkbox{display:flex;align-items:center;font-family:SantanderMicroText,Arial;font-size:1rem;font-weight:normal;font-stretch:normal;font-style:normal;line-height:1.5;letter-spacing:normal}
.sp-input-checkbox input[type="checkbox"]{appearance:none;cursor:pointer;width:24px;height:24px;border-radius:4px;margin:8px 8px 8px 0;border:1px solid #8f8f8f;background-color:#fff}
.sp-input-checkbox input[type="checkbox"]:hover{border-color:#222}
.sp-input-checkbox input[type="checkbox"]:focus{outline:1px solid #36f;outline-offset:2px}
.sp-input-checkbox input[type="checkbox"]:checked{background-color:#127277;border-color:#127277;position:relative}
.sp-input-checkbox input[type="checkbox"]:checked:hover{background-color:#0d5155;border-color:#0d5155}
.sp-input-checkbox input[type="checkbox"]:checked::before{font-size:.625rem;color:#fff;font-family:SantanderIconsSystem;font-style:normal;content:'\e823';font-weight:bold;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(1.15,1)}
.sp-input-checkbox input[type="checkbox"]:disabled{background-color:rgba(34,34,34,0.06);border-color:#ccc;cursor:not-allowed}
.sp-input-checkbox input[type="checkbox"]:disabled:checked::before{color:#ccc}
.sp-input-checkbox input[type="checkbox"]:disabled:hover{background-color:rgba(34,34,34,0.06);border-color:#ccc}