.BundoInputField>span,.BundoInputField:focus-within>span{background-color:transparent}.BundoInputField .BundoInputWrap{width:100%;position:relative}.BundoInputField .BundoInputWrap .BundoInputStyle{position:absolute;left:0;bottom:0;width:100%;height:2px;background-color:var(--color-base-content);opacity:.5;transition:all .3s cubic-bezier(.25,.1,.25,1)}.BundoInputField .BundoInputWrap input,.BundoInputField .BundoInputWrap select{width:100%;border:none;outline:none;border-radius:0;box-shadow:none;color:var(--color-base-content)}.BundoInputField .BundoInputWrap input{background-color:transparent}.BundoInputField .BundoInputWrap input::placeholder{color:var(--color-base-content)}.BundoInputField .BundoInputWrap input:hover~.BundoInputStyle,.BundoInputField .BundoInputWrap input:focus~.BundoInputStyle,.BundoInputField .BundoInputWrap select:hover~.BundoInputStyle,.BundoInputField .BundoInputWrap select:focus~.BundoInputStyle{opacity:1;height:3px}.BundoInputField .BundoInputWrap input:-webkit-autofill,.BundoInputField .BundoInputWrap input:-webkit-autofill:hover,.BundoInputField .BundoInputWrap input:-webkit-autofill:focus{-webkit-text-fill-color:inherit;-webkit-box-shadow:0 0 0 1000px transparent inset;transition:background-color 5000s ease-in-out 0s}.BundoInputField .BundoInputWrap.primary input::placeholder{color:var(--color-primary)}.BundoInputField .BundoInputWrap.primary .BundoInputStyle{background-color:var(--color-primary)}.BundoInputField .BundoInputWrap.secondary input,.BundoInputField .BundoInputWrap.secondary input::placeholder,.BundoInputField .BundoInputWrap.secondary select{color:var(--color-secondary)}.BundoInputField .BundoInputWrap.secondary .BundoInputStyle{background-color:var(--color-secondary)}.BundoInputField .BundoInputWrap.error input,.BundoInputField .BundoInputWrap.error input::placeholder,.BundoInputField .BundoInputWrap.error select{color:var(--color-error)}.BundoInputField .BundoInputWrap.error .BundoInputStyle{background-color:var(--color-error)}