.sqt-input{box-sizing:border-box;border:1px solid color-mix(in srgb, var(--black-color) 15%, var(--white-color));background-color:var(--white-color);border-radius:.5rem;align-items:center;width:100%;height:2.5rem;padding-block:0;padding-inline:1.125rem;display:inline-flex;position:relative;overflow:hidden}.sqt-input input{min-width:0;height:100%;font-size:var(--font-size);background:0 0;border:none;outline:none;flex:1}.sqt-input input[type=number]{appearance:textfield}.sqt-input input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.sqt-input input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.sqt-input .prefix,.sqt-input .suffix{cursor:auto;width:auto;min-width:1.25rem;font-size:var(--font-size);align-items:center;display:flex;position:relative}.sqt-input .prefix .icon,.sqt-input .suffix .icon{transform:translateY(-.125rem)}.sqt-input .prefix{margin-right:.3125rem}.sqt-input .suffix{z-index:1;font-size:var(--font-size);flex-shrink:0;margin-left:.3125rem}.sqt-input .suffix .icon.close,.sqt-input .suffix .icon.password{pointer-events:none;opacity:0;height:1em;color:var(--info-color);cursor:pointer}.sqt-input .suffix .icon.close:hover,.sqt-input .suffix .icon.password:hover{color:var(--sqt-color-danger)}.sqt-input .suffix .icon.password{opacity:1;pointer-events:auto}.sqt-input .suffix .icon.password:hover{color:var(--sqt-color-primary)}.sqt-input .suffix .count{font-size:calc(var(--font-size) - .125rem);color:var(--info-color);white-space:nowrap;margin-left:.25rem}.sqt-input .prepend,.sqt-input .append{background:var(--sqt-color-info-light-9);color:var(--text-color);white-space:nowrap;font-size:var(--font-size);align-items:center;padding:0 .75rem;display:inline-flex}.sqt-input .prepend{border-right:1px solid color-mix(in srgb, var(--black-color) 15%, var(--white-color));margin-right:.5rem}.sqt-input .append{border-left:1px solid color-mix(in srgb, var(--black-color) 15%, var(--white-color));margin-left:.5rem}.sqt-input.is-focus:not(.is-disabled) .suffix .icon.close,.sqt-input:hover:not(.is-disabled) .suffix .icon.close{cursor:pointer;pointer-events:auto;opacity:1}.sqt-input.is-focus{border-color:var(--sqt-color-primary)}.sqt-input.is-disabled input{cursor:not-allowed;pointer-events:none}.sqt-input--large{height:3rem;padding-inline:1.35rem}.sqt-input--small{height:2rem;font-size:calc(var(--font-size) - .125rem);padding-inline:.9rem}.sqt-input--small input{font-size:calc(var(--font-size) - .125rem)}