.input-wrapper{position:relative;margin-top:1rem;border:1px solid var(--outline);display:flex;border-radius:.75rem;transition:none;height:3rem}.input-wrapper:has(*:disabled){opacity:.6;cursor:not-allowed}.input-wrapper input,.input-wrapper select{width:100%;background:var(--surface);border:none;padding:.75rem;border-radius:.75rem}.input-wrapper input:focus,.input-wrapper select:focus{border-color:var(--primary);outline:none;background:var(--surface)}.input-wrapper label{position:absolute;left:.75rem;top:.8rem !important;color:var(--outline);transform-origin:left top;cursor:text;white-space:nowrap;background-color:var(--surface);border-radius:.75rem}.input-wrapper:has(input:focus),.input-wrapper:has(select:focus){outline:2px solid var(--primary)}.input-wrapper:has(input:focus) label,.input-wrapper:has(input:not(:placeholder-shown)) label,.input-wrapper:has(select) label{transform:scale(0.8) translateY(-1.8rem);color:var(--on-surface-variant);padding:.25rem 6px}form{display:flex;flex-direction:column}form button{align-self:flex-start;margin-top:1rem}