.ab-input{display:block;width:100%;position:relative;max-width:400px;--ab-input-height:var(--ab-size-medium)}.ab-input--full{max-width:100%}.ab-input__label{display:block;color:var(--ab-color-ui-600);font-size:var(--ab-heading-100);text-transform:uppercase}.ab-input__field-wrapper{position:relative}.ab-input__field{margin-top:var(--ab-spacing-200);box-sizing:border-box;display:block;width:100%;height:16px;outline:0;font-size:16px;font-family:var(--ab-font-primary);color:var(--ab-color-black);background-color:var(--ab-color-white);padding:0 var(--ab-spacing-300);height:var(--ab-input-height);border:2px solid var(--ab-color-ui-300);border-radius:var(--ab-border-radius-200)}.ab-input__field[readonly]{background-position:98%;padding-left:0;transition:all .2s ease;border:0}.ab-input__field[readonly],.ab-input__field[readonly]:focus,.ab-input__field[readonly]:hover{background-color:transparent;color:var(--ab-color-ui-800)}.ab-input__field[disabled]{color:var(--ab-color-ui-500)}.ab-input__field:hover,.ab-input__field[disabled]{border-color:var(--ab-color-ui-400);background-color:var(--ab-color-ui-200)}.ab-input__field:focus{border-color:var(--ab-color-active-600);background-color:var(--ab-color-white)}.ab-input--required .ab-input__label:after{content:"*";color:var(--ab-color-secondary-700)}.ab-input__actions{position:absolute;top:calc(100% + var(--ab-spacing-200));right:0;display:none;z-index:200}.ab-input__action-cancel{border:0;border-radius:var(--ab-border-radius-200);background:var(--ab-color-secondary-400);border-color:var(--ab-color-secondary-400)}.ab-input__action-cancel,.ab-input__action-save{cursor:pointer;font-family:var(--ab-font-primary);padding:var(--ab-spacing-200)}.ab-input__action-save{border:0;border-radius:var(--ab-border-radius-200);background:var(--ab-color-positive-400);border-color:var(--ab-color-positive-400)}.ab-input__help-text{margin-top:var(--ab-spacing-200);font-size:var(--ab-heading-200);color:var(--ab-color-ui-600)}.ab-input--error .ab-input__label{color:var(--ab-color-secondary-700)}.ab-input--error .ab-input__field{background-repeat:no-repeat;background-color:var(--ab-color-secondary-100);border-color:var(--ab-color-secondary-600);padding-right:var(--ab-spacing-600);background-position:98%;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24'><g fill='none' fill-rule='evenodd'><path d='M0 0h24v24H0z'/><path fill='rgb(245, 85, 71)' d='M22.56 16.3a3 3 0 0 1 .05 3.04A3.37 3.37 0 0 1 19.67 21H4.33a3.37 3.37 0 0 1-2.94-1.7 3 3 0 0 1 .05-3L9.11 3.58a3.43 3.43 0 0 1 5.78 0l7.67 12.72zm-1.7 2.05a1 1 0 0 0-.01-1.01L13.18 4.62a1.48 1.48 0 0 0-2.36 0L3.14 17.35a1 1 0 0 0 0 1 1.31 1.31 0 0 0 1.19.65h15.34a1.31 1.31 0 0 0 1.19-.65zM12 17a1 1 0 1 1 0-2 1 1 0 0 1 0 2zm0-9a1 1 0 0 1 1 1v4a1 1 0 0 1-2 0V9a1 1 0 0 1 1-1z'/></g></svg>")}.ab-input .ab-input__error-text{visibility:hidden}.ab-input--error .ab-input__error-text{visibility:visible}.ab-input__error-text{margin-top:var(--ab-spacing-200);font-size:var(--ab-heading-200);color:var(--ab-color-secondary-700);-webkit-animation-name:in-from-bottom;animation-name:in-from-bottom;-webkit-animation-duration:var(--ab-animation-duration);animation-duration:var(--ab-animation-duration);-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-timing-function:var(--ab-animation-timing);animation-timing-function:var(--ab-animation-timing)}.ab-input--editable .ab-input__field{background-color:transparent;border-color:transparent;background-position:98%;padding-left:0;transition:all .2s ease}.ab-input--editable .ab-input__field:hover{background-color:var(--ab-color-ui-200);cursor:pointer;background-repeat:no-repeat;padding:var(--ab-spacing-300);padding-right:var(--ab-spacing-400);background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24'><g fill='none' fill-rule='evenodd'><path d='M0 0h24v24H0z'/><path fill='rgb(169, 182, 198)' d='M19.4 7.34L16.66 4.6A2 2 0 0 0 14 4.53l-9 9a2 2 0 0 0-.57 1.21L4 18.91A1 1 0 0 0 5 20h.09l4.17-.38a2 2 0 0 0 1.21-.57l9-9a1.92 1.92 0 0 0-.07-2.71zM9.08 17.62l-3 .28.27-3L12 9.32l2.7 2.7-5.62 5.6zM16 10.68L13.32 8l1.95-2L18 8.73l-2 1.95z'/></g></svg>")}.ab-input--editable .ab-input__field:focus{border-color:var(--ab-color-active-600);background-color:var(--ab-color-white);cursor:auto;padding:var(--ab-spacing-300);padding-right:var(--ab-spacing-400);background-image:none}.ab-input--edit-active .ab-input__actions{display:block;-webkit-animation:in-from-bottom .2s ease;animation:in-from-bottom .2s ease}.ab-input--edit-active .ab-input__field{margin-top:var(--ab-spacing-200);box-sizing:border-box;display:block;width:100%;height:var(--ab-input-height);outline:0;font-size:16px;font-family:var(--ab-font-primary);color:var(--ab-color-black);background-color:var(--ab-color-white);padding:0 var(--ab-spacing-300);border:2px solid var(--ab-color-ui-300);border-radius:var(--ab-border-radius-200)}.ab-input--small{--ab-input-height:var(--ab-size-small)}.ab-input--medium{--ab-input-height:var(--ab-size-medium)}@-webkit-keyframes in-from-bottom{0%{-webkit-transform:translateY(5px);transform:translateY(5px);opacity:0}to{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}@keyframes in-from-bottom{0%{-webkit-transform:translateY(5px);transform:translateY(5px);opacity:0}to{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}