.input-wrapper.svelte-8ff5h4{--inp-label: var(--color-surface-50);--inp-bg: var(--color-surface-10-50);--inp-text: var(--color-light-0);--inp-border: var(--color-surface-30);--inp-placeholder: var(--color-surface-30);--inp-focus: var(--color-primary-0);--inp-focus-ring: color-mix( in srgb, var(--color-primary-0), transparent 70% );display:flex;flex-direction:column;gap:.375rem}.input-wrapper[data-size=xs].svelte-8ff5h4{--inp-padding-y: .25rem;--inp-padding-x: .5rem;--inp-font-size: .75rem;--inp-label-size: .75rem;--inp-gap: .25rem;--inp-spin-width: 1.25rem;--inp-spin-icon: 10px;gap:var(--inp-gap)}.input-wrapper[data-size=sm].svelte-8ff5h4{--inp-padding-y: .375rem;--inp-padding-x: .75rem;--inp-font-size: .875rem;--inp-label-size: .8125rem;--inp-gap: .3125rem;--inp-spin-width: 1.5rem;--inp-spin-icon: 12px;gap:var(--inp-gap)}.input-wrapper[data-size=md].svelte-8ff5h4{--inp-padding-y: .5rem;--inp-padding-x: 1rem;--inp-font-size: 1rem;--inp-label-size: .875rem;--inp-gap: .375rem;--inp-spin-width: 1.75rem;--inp-spin-icon: 14px;gap:var(--inp-gap)}.input-wrapper[data-size=lg].svelte-8ff5h4{--inp-padding-y: .625rem;--inp-padding-x: 1.25rem;--inp-font-size: 1.125rem;--inp-label-size: .9375rem;--inp-gap: .5rem;--inp-spin-width: 2rem;--inp-spin-icon: 16px;gap:var(--inp-gap)}.input-wrapper[data-size=xl].svelte-8ff5h4{--inp-padding-y: .75rem;--inp-padding-x: 1.5rem;--inp-font-size: 1.25rem;--inp-label-size: 1rem;--inp-gap: .625rem;--inp-spin-width: 2.25rem;--inp-spin-icon: 18px;gap:var(--inp-gap)}.input-wrapper[data-disabled=true].svelte-8ff5h4{--inp-bg: var(--color-surface-5);--inp-text: var(--color-surface-50);--inp-border: var(--color-surface-20);--inp-placeholder: color-mix( in srgb, var(--color-light-0), transparent 75% )}.input-label.svelte-8ff5h4{font-size:var(--inp-label-size, .875rem);font-weight:400;color:var(--inp-label)}.input-wrapper[data-disabled=true].svelte-8ff5h4 .input-label:where(.svelte-8ff5h4){opacity:.5}.input-required.svelte-8ff5h4{color:#ef4444;margin-left:.125rem}.input-container.svelte-8ff5h4{position:relative;display:flex}.input-field.svelte-8ff5h4{flex:1;width:100%;padding:var(--inp-padding-y, .5rem) var(--inp-padding-x, 1rem);font-size:var(--inp-font-size, 1rem);border-radius:.25rem;border:1px solid var(--inp-border);background:var(--inp-bg);color:var(--inp-text);outline:none;transition:all .2s ease-in-out}.input-wrapper[data-has-spin=true].svelte-8ff5h4 .input-field:where(.svelte-8ff5h4){padding-right:calc(var(--inp-spin-width, 1.75rem) + var(--inp-padding-x, 1rem))}.input-field.svelte-8ff5h4::placeholder{color:var(--inp-placeholder)}.input-field.svelte-8ff5h4:focus{border-color:var(--inp-focus);box-shadow:0 0 0 2px var(--inp-focus-ring)}.input-field.svelte-8ff5h4:disabled{cursor:not-allowed;-webkit-user-select:none;user-select:none}.spin-buttons.svelte-8ff5h4{position:absolute;right:1px;top:1px;bottom:1px;display:flex;flex-direction:column;border-left:1px solid var(--inp-border);border-radius:0 .25rem .25rem 0;overflow:hidden}.spin-btn.svelte-8ff5h4{flex:1;display:flex;align-items:center;justify-content:center;width:var(--inp-spin-width, 1.75rem);padding:0;border:none;background:var(--inp-bg);color:var(--inp-text);cursor:pointer;transition:background .15s}.spin-btn.svelte-8ff5h4:hover:not(:disabled){background:var(--color-surface-20)}.spin-btn.svelte-8ff5h4:active:not(:disabled){background:var(--color-surface-30)}.spin-btn.svelte-8ff5h4:disabled{opacity:.3;cursor:not-allowed}.spin-btn.svelte-8ff5h4:first-child{border-bottom:1px solid var(--inp-border)}.spin-btn.svelte-8ff5h4 svg:where(.svelte-8ff5h4){width:var(--inp-spin-icon, 14px);height:var(--inp-spin-icon, 14px)}