.ss-input.svelte-1sxyuf3.svelte-1sxyuf3{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-1sxyuf3.svelte-1sxyuf3{max-width:calc(16px + 1rem)}.ss-input.expandable.expanded.svelte-1sxyuf3.svelte-1sxyuf3{max-width:100%}.ss-input.svelte-1sxyuf3>div.svelte-1sxyuf3{position:relative;width:100%}.ss-input.svelte-1sxyuf3 i.svelte-1sxyuf3{margin-right:.25rem;transition:color var(--transitionTime) ease-out}.ss-input.svelte-1sxyuf3 i.svelte-1sxyuf3:hover{cursor:pointer}.ss-input.svelte-1sxyuf3 input.svelte-1sxyuf3{background-color:transparent;border:none;color:inherit;width:100%;font-size:16px}.ss-input.svelte-1sxyuf3 input.svelte-1sxyuf3:focus{outline:none}.ss-input.svelte-1sxyuf3 .active.svelte-1sxyuf3{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-1sxyuf3.svelte-1sxyuf3:focus-within,.ss-input.active.svelte-1sxyuf3.svelte-1sxyuf3{border-color:var(--scoreSaberYellow)}.ss-input.svelte-1sxyuf3:focus-within .active.svelte-1sxyuf3,.ss-input.active.svelte-1sxyuf3 .active.svelte-1sxyuf3{width:100%}.ss-input.svelte-1sxyuf3:focus-within i.svelte-1sxyuf3,.ss-input.active.svelte-1sxyuf3 i.svelte-1sxyuf3{color:var(--scoreSaberYellow)}.ss-input.svelte-1sxyuf3 .clear.svelte-1sxyuf3{color:var(--danger);flex:0;margin:0 5px}.ss-input.svelte-1sxyuf3 .clear.svelte-1sxyuf3:hover{cursor:pointer}.ss-input.is-small.svelte-1sxyuf3.svelte-1sxyuf3{padding:.2rem}