@layer components{.input{appearance:none;background-color:var(--input-bg-color,#fff);border-color:var(--input-border-color,var(--color-gray-300));border-radius:var(--input-border-radius,5px);border-style:var(--input-border-style,solid);border-width:var(--input-border-width,1px);color:var(--input-color,var(--color-gray-700));display:block;font-size:16px;line-height:20px;min-height:100%;outline:none;overflow:hidden;padding:var(--input-pt,var(--input-py,7px)) var(--input-pr,var(--input-px,10px)) var(--input-pb,var(--input-py,7px)) var(--input-pl,var(--input-px,10px));text-overflow:ellipsis;transition:.2s ease;transition-property:color,background-color,border-color,box-shadow;white-space:nowrap;width:100%}.input:focus{border-color:rgba(var(--color-brand-rgb),.5)}.input:disabled{background-color:rgba(var(--color-gray-100-rgb),.5);border-color:var(--color-gray-300);box-shadow:none;cursor:not-allowed}.input::placeholder{color:rgba(var(--color-gray-700-rgb),.5);font-size:inherit}.input::-webkit-inner-spin-button,.input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}}