@layer elements{@keyframes input-spinner{to{transform:rotate(180deg)}}@keyframes input-waiting{0%{opacity:.8}50%{opacity:.2}to{opacity:.8}}.input{--this-font-size:var(--control-font-size);--this-padding-inline:var(--control-padding-inline);--this-padding-block:var(--control-padding-block);--this-border-width:var(--control-border-width);--this-border-radius:var(--control-border-radius);--this-icon-size:max(22px, 1.1em);--this-icon-color:var(--control-text-color);--this-text-color:var(--control-text-color);--this-background-color:var(--control-background-color);--this-border-color:var(--control-border-color);--this-hover-text-color:var(--control-hover-text-color);--this-hover-background-color:var(--control-hover-background-color);--this-hover-border-color:var(--control-hover-border-color);--this-focus-text-color:var(--control-focus-text-color);--this-focus-background-color:var(--control-focus-background-color);--this-focus-border-color:var(--control-focus-border-color);display:inline-flex;position:relative}.input--disabled{opacity:.6;pointer-events:none}.input__field{width:100%;line-height:1.3;font-family:var(--control-font-family);font-weight:var(--control-font-weight);font-size:var(--this-font-size);padding-inline:var(--this-padding-inline);padding-block:var(--this-padding-block);border-style:solid;border-width:var(--this-border-width);border-radius:var(--this-border-radius);text-shadow:none;outline-offset:0;color:var(--this-text-color);background-color:var(--this-background-color);border-color:var(--this-border-color);transition:none;display:block}.input__field::placeholder{color:var(--control-placeholder-color);font-weight:var(--font-weight-regular)}.input__field[type=number]{appearance:textfield}.input__field[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.input__field[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.input__field:not([disabled]):hover{color:var(--this-hover-text-color);background-color:var(--this-hover-background-color);border-color:var(--this-hover-border-color);outline:none}.input__field:not([disabled]):focus{outline:.5px solid var(--this-focus-border-color);color:var(--this-focus-text-color);background-color:var(--this-focus-background-color);border-color:var(--this-focus-border-color)}.input--with-icon .input__field{padding-left:calc(var(--this-icon-size) + 1.2em)}.input--with-icon.input--icon-right .input__field{padding-left:var(--this-padding-inline);padding-right:calc(var(--this-icon-size) + 1.8em)}.input__icon{width:var(--this-icon-size);margin-top:calc(-1 * var(--this-icon-size) / 2);opacity:.4;pointer-events:none;color:var(--this-text-color);position:absolute;top:50%;left:.675em}.input--icon-right .input__icon{left:auto;right:1.125em}.input__icon--password{cursor:pointer;pointer-events:visibleFill}.input__icon--spinner{stroke-width:2.5px;animation:1.5s infinite input-spinner}.input--waiting{pointer-events:none}.input--waiting:not(.input--with-icon){animation:1.5s linear infinite input-waiting}.input--micro{--this-font-size:var(--control-micro-font-size);--this-padding-inline:var(--control-micro-padding-inline);--this-padding-block:var(--control-micro-padding-block);--this-border-width:var(--control-micro-border-width);--this-border-radius:var(--control-micro-border-radius)}.input--small{--this-font-size:var(--control-small-font-size);--this-padding-inline:var(--control-small-padding-inline);--this-padding-block:var(--control-small-padding-block);--this-border-width:var(--control-small-border-width);--this-border-radius:var(--control-small-border-radius)}.input--large{--this-font-size:var(--control-large-font-size);--this-border-width:var(--control-large-border-width);--this-border-radius:var(--control-large-border-radius);--this-icon-size:20px;height:42px}.input--extra{--this-font-size:var(--control-extra-font-size);--this-border-width:var(--control-extra-border-width);--this-border-radius:var(--control-extra-border-radius);--this-icon-size:24px;height:46px}.input--invalid{--this-icon-color:var(--color-error);--this-text-color:var(--control-invalid-text-color);--this-background-color:var(--control-invalid-background-color);--this-border-color:var(--control-invalid-border-color);--this-hover-text-color:var(--control-invalid-text-color);--this-hover-background-color:var(--control-invalid-background-color);--this-hover-border-color:var(--control-invalid-border-color);--this-focus-text-color:var(--control-invalid-text-color);--this-focus-background-color:var(--control-invalid-background-color);--this-focus-border-color:var(--control-invalid-border-color)}}