.input-group-gdfhj{position:relative}.border-notch{width:100%;height:100%;position:absolute;z-index:2;border:1px solid transparent}.border-notch.border-notch-top-left{border-top:var(--color-3) solid 1.5px;width:51%;border-top-left-radius:14px}.border-notch.border-notch-top-right{border-top:var(--color-3) solid 1.5px;width:50%;left:100%;transform:translate(-100%);border-top-right-radius:14px}.input-group-gdfhj:has(.input:focus) .border-notch.border-notch-top-right,.input-group-gdfhj:has(.input:not(:placeholder-shown)) .border-notch.border-notch-top-right,.input-group-gdfhj:has(.input:valid) .border-notch.border-notch-top-right{width:calc(100% - var(--v-x) - 20px)}.input-group-gdfhj:has(.input:focus) .border-notch.border-notch-top-left,.input-group-gdfhj:has(.input:not(:placeholder-shown)) .border-notch.border-notch-top-left,.input-group-gdfhj:has(.input:valid) .border-notch.border-notch-top-left{width:20px}.border-notch.border-notch-right{border-right:var(--color-3) solid 1.5px;border-top-right-radius:14px;border-bottom-right-radius:14px}.border-notch.border-notch-bottom{border-bottom:var(--color-3) solid 1.5px;border-bottom-right-radius:14px;border-bottom-left-radius:14px}.border-notch.border-notch-left{border-left:var(--color-3) solid 1.5px;border-top-left-radius:14px;border-bottom-left-radius:14px}.input-group-gdfhj>.input{z-index:2;position:relative;border:2px solid #ff30;border-radius:12.5px;background:color-mix(in srgb,var(--color-2) 86%,transparent);padding:1.1rem 1rem;font-size:1rem;color:inherit;left:1.5px;top:1.5px;margin-bottom:3px;width:calc(100% - 3px);transition:border .15s cubic-bezier(.4,0,.2,1),box-shadow .15s cubic-bezier(.4,0,.2,1),background-color .15s cubic-bezier(.4,0,.2,1)}.input-group-gdfhj>.input::placeholder{color:transparent}.input-group-gdfhj>.user-label{z-index:2;position:absolute;top:50%;left:17.5px;color:inherit;pointer-events:none;transform:translateY(-50%);transition:top .15s cubic-bezier(.4,0,.2,1),transform .25s,font-size .45s cubic-bezier(.4,0,.2,1)}.input-group-gdfhj>.user-label span{opacity:.8}.input-group-gdfhj .input:focus{outline:none}.input-group-gdfhj .input:focus~.user-label,.input-group-gdfhj .input:valid~.user-label,.input-group-gdfhj .input:not(:placeholder-shown)~.user-label{top:0%;transform:translateY(-50%);font-size:small;padding:0 5px}.input:not(:required)::placeholder{color:inherit;opacity:.42}.input:focus::placeholder{color:inherit;opacity:.42}.input-group-gdfhj .input:focus~.user-label{color:var(--color-4)}.input-group-gdfhj>select.input{appearance:none;-webkit-appearance:none;-moz-appearance:none;cursor:pointer}.input-group-gdfhj>.input:disabled{opacity:.5;cursor:not-allowed}.input-group-gdfhj>select.input:disabled{cursor:not-allowed}.input-group-gdfhj>textarea.input{resize:vertical;min-height:100px;font-family:inherit}.input-group-gdfhj>.input.has-error{border-color:#ef4444}.input-group-gdfhj>.input.has-error:focus{border-color:#ef4444}.error-message{color:#ef4444;font-size:.875rem;margin-top:.5rem;padding-left:.25rem}.input-group-gdfhj:has(select.input):after{content:"▾";position:absolute;right:1rem;top:50%;transform:translateY(-50%);pointer-events:none;color:inherit}.eye-button{opacity:.5;display:flex;justify-content:center;align-items:center}.eye-button:hover{opacity:1}