var style=({dt:n})=>`\n.p-password {\n    display: inline-flex;\n    position: relative;\n}\n\n.p-password .p-password-overlay {\n    min-width: 100%;\n}\n\n.p-password-meter {\n    height: ${n("password.meter.height")};\n    background: ${n("password.meter.background")};\n    border-radius: ${n("password.meter.border.radius")};\n}\n\n.p-password-meter-label {\n    height: 100%;\n    width: 0;\n    transition: width 1s ease-in-out;\n    border-radius: ${n("password.meter.border.radius")};\n}\n\n.p-password-meter-weak {\n    background: ${n("password.strength.weak.background")};\n}\n\n.p-password-meter-medium {\n    background: ${n("password.strength.medium.background")};\n}\n\n.p-password-meter-strong {\n    background: ${n("password.strength.strong.background")};\n}\n\n.p-password-fluid {\n    display: flex;\n}\n\n.p-password-fluid .p-password-input {\n    width: 100%;\n}\n\n.p-password-input::-ms-reveal,\n.p-password-input::-ms-clear {\n    display: none;\n}\n\n.p-password-overlay {\n    padding: ${n("password.overlay.padding")};\n    background: ${n("password.overlay.background")};\n    color: ${n("password.overlay.color")};\n    border: 1px solid ${n("password.overlay.border.color")};\n    box-shadow: ${n("password.overlay.shadow")};\n    border-radius: ${n("password.overlay.border.radius")};\n}\n\n.p-password-content {\n    display: flex;\n    flex-direction: column;\n    gap: ${n("password.content.gap")};\n}\n\n.p-password-toggle-mask-icon {\n    inset-inline-end: ${n("form.field.padding.x")};\n    color: ${n("password.icon.color")};\n    position: absolute;\n    top: 50%;\n    margin-top: calc(-1 * calc(${n("icon.size")} / 2));\n    width: ${n("icon.size")};\n    height: ${n("icon.size")};\n}\n\n.p-password:has(.p-password-toggle-mask-icon) .p-password-input {\n    padding-inline-end: calc((${n("form.field.padding.x")} * 2) + ${n("icon.size")});\n}\n`;export{style};//# sourceMappingURL=index.mjs.map