@layer tokens, base, components, utilities;@layer components{.PasswordField_bui-PasswordField__1Krui{display:flex;flex-direction:column;font-family:var(--bui-font-regular);width:100%;flex-shrink:0;&[data-size=small]{--password-field-item-height:2rem}&[data-size=medium]{--password-field-item-height:2.5rem}}.PasswordField_bui-PasswordFieldInputWrapper__lHe71{display:flex;align-items:center;border-radius:var(--bui-radius-2);border:1px solid var(--bui-border);background-color:var(--bui-bg-surface-1);transition:border-color .2s ease-in-out,outline-color .2s ease-in-out;&[data-size=small]{height:2rem}&[data-size=medium]{height:2.5rem}&:focus-within{border-color:var(--bui-border-pressed);outline-width:0}&:hover{border-color:var(--bui-border-hover)}&:has([data-invalid]){border-color:var(--bui-fg-danger)}&:has([data-disabled]){opacity:.5;cursor:not-allowed;border:1px solid var(--bui-border-disabled)}}.PasswordField_bui-PasswordFieldIcon__raXDn{flex:0 0 auto;display:grid;place-content:center;color:var(--bui-fg-primary);pointer-events:none;width:var(--password-field-item-height);height:var(--password-field-item-height);& svg{.PasswordField_bui-PasswordField__1Krui[data-size=small] &{width:1rem;height:1rem}.PasswordField_bui-PasswordField__1Krui[data-size=medium] &{width:1.25rem;height:1.25rem}}}.PasswordField_bui-PasswordFieldInput__BXJxl{flex:1 1;display:flex;align-items:center;padding:0;border:none;background-color:transparent;font-size:var(--bui-font-size-3);font-family:var(--bui-font-regular);font-weight:var(--bui-font-weight-regular);color:var(--bui-fg-primary);width:100%;height:100%;outline:none;&::-webkit-search-cancel-button,&::-webkit-search-decoration{-webkit-appearance:none}&::placeholder{color:var(--bui-fg-secondary)}&[data-disabled]{cursor:not-allowed}&:first-child{.PasswordField_bui-PasswordField__1Krui[data-size=small] &{padding-inline:var(--bui-space-3) 0}.PasswordField_bui-PasswordField__1Krui[data-size=medium] &{padding-inline:var(--bui-space-4) 0}}}.PasswordField_bui-PasswordFieldVisibility__2Ke26{flex:0 0 auto;display:grid;place-content:center;background-color:transparent;cursor:pointer;border:none;padding:0;margin:0;color:var(--bui-fg-primary);width:var(--password-field-item-height);height:var(--password-field-item-height);& svg{.PasswordField_bui-PasswordField__1Krui[data-size=small] &{width:1rem;height:1rem}.PasswordField_bui-PasswordField__1Krui[data-size=medium] &{width:1.25rem;height:1.25rem}}}}