.ss-input.svelte-1j75t60.svelte-1j75t60{display:flex;align-items:center;justify-content:flex-start;padding:.5rem;border-radius:6px;background-color:var(--foregroundItem);border:1px solid var(--borderColor);transition:max-width var(--transitionTime) ease-in-out,border-color var(--transitionTime) ease;width:100%;font-size:1rem}.ss-input.expandable.svelte-1j75t60.svelte-1j75t60{max-width:calc(16px + 1rem)}.ss-input.expandable.expanded.svelte-1j75t60.svelte-1j75t60{max-width:100%}.ss-input.svelte-1j75t60>div.svelte-1j75t60{position:relative;width:100%}.ss-input.svelte-1j75t60 i.svelte-1j75t60{margin-right:.25rem;transition:color var(--transitionTime) ease-out}.ss-input.svelte-1j75t60 i.svelte-1j75t60:hover{cursor:pointer}.ss-input.svelte-1j75t60 input.svelte-1j75t60{background-color:transparent;border:none;color:inherit;width:100%}.ss-input.svelte-1j75t60 input.svelte-1j75t60:focus{outline:none}.ss-input.svelte-1j75t60 .active.svelte-1j75t60{width:0;position:absolute;bottom:0;left:0;height:.1rem;background-color:var(--scoreSaberYellow);transition:width calc(var(--transitionTime) / 2) ease-in-out}.ss-input.svelte-1j75t60.svelte-1j75t60:focus-within,.ss-input.active.svelte-1j75t60.svelte-1j75t60{border-color:var(--scoreSaberYellow)}.ss-input.svelte-1j75t60:focus-within .active.svelte-1j75t60,.ss-input.active.svelte-1j75t60 .active.svelte-1j75t60{width:100%}.ss-input.svelte-1j75t60:focus-within i.svelte-1j75t60,.ss-input.active.svelte-1j75t60 i.svelte-1j75t60{color:var(--scoreSaberYellow)}.ss-input.svelte-1j75t60 .clear.svelte-1j75t60{color:var(--danger);flex:0;margin:0 5px}.ss-input.svelte-1j75t60 .clear.svelte-1j75t60:hover{cursor:pointer}.ss-input.is-small.svelte-1j75t60.svelte-1j75t60{padding:.2rem}