.textfield-group.svelte-16t22jd{display:flex;flex-direction:column;gap:.5rem;position:relative;flex:1}.required.svelte-16t22jd:after{content:" *";color:var(--primary-color)}label.svelte-16t22jd{position:absolute;left:.75em;top:50%;transform:translateY(-50%);color:var(--fg-color);font-size:1em;pointer-events:none;transition:all .2s ease}.textfield.svelte-16t22jd{font-size:1em;padding:.75em;border-radius:.5em;background-color:var(--bg2-color);color:var(--fg-color)}.textfield.svelte-16t22jd:focus,.textfield.svelte-16t22jd:not(:placeholder-shown){padding-top:1.25em;padding-bottom:.25em}.textfield.svelte-16t22jd:focus+label:where(.svelte-16t22jd),.textfield.svelte-16t22jd:not(:placeholder-shown)+label:where(.svelte-16t22jd){top:.25em;font-size:.8em;transform:translateY(0)}.textfield.svelte-16t22jd:focus{outline:2px solid var(--primary-color)}.input-wrapper.svelte-16t22jd{position:relative;display:flex}.textfield.svelte-16t22jd{width:100%}.toggle-button.svelte-16t22jd{position:absolute;right:.5em;top:0;height:100%;background:none;border:none;border-radius:.5em;color:var(--fg-color);cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:1;transition:opacity .2s ease;opacity:.8;padding:0 2%}svg.svelte-16t22jd{height:60%;fill:currentColor}.toggle-button.svelte-16t22jd:hover{opacity:1}