/*
Copyright (c) 2026 Daniel Bauer - ELAAX. Alle Rechte vorbehalten.
Author: Daniel Bauer
Company: Daniel Bauer - ELAAX
Website: https://www.elaax.de
Contact: info@elaax.de

Rechtehinweis:
Der Quellcode und sämtliche zugehörigen Artefakte (inkl. Dokumentation, Diagramme und Spezifikationen) gehören ausschließlich Daniel Bauer bzw. der Firma Daniel Bauer - ELAAX. Alle Rechte sind vorbehalten.
Sofern die Firma umfirmiert oder ihre Rechtsform ändert, gelten diese Rechte und Vorbehalte entsprechend für die jeweilige Rechtsnachfolge bzw. die neu firmierte Einheit.
*/
.password-field{position:relative;display:block}.password-field input{width:100%;padding-right:44px}.password-field__toggle{position:absolute;top:50%;right:5px;display:inline-grid;width:34px;height:34px;padding:0;place-items:center;border:0;border-radius:4px;background:transparent;color:#7a1687;cursor:pointer;transform:translateY(-50%)}.password-field__toggle:hover,.password-field__toggle:focus-visible{background:rgba(125,22,142,.08)}.password-field__icon{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.password-field__icon--hide,.password-field__toggle[aria-pressed="true"] .password-field__icon--show{display:none}.password-field__toggle[aria-pressed="true"] .password-field__icon--hide{display:block}.password-strength{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;margin-top:2px}.password-strength span{height:5px;border-radius:2px;background:#d9d1dc;transition:background-color .18s ease}.password-strength[data-strength="1"] span:first-child,.password-strength[data-strength="2"] span:first-child,.password-strength[data-strength="3"] span:first-child{background:#b3261e}.password-strength[data-strength="2"] span:nth-child(2),.password-strength[data-strength="3"] span:nth-child(2){background:#b77900}.password-strength[data-strength="3"] span:nth-child(3){background:#2d7a4b}.password-strength__status{margin-top:0!important;font-weight:700}html[data-contrast="high"] .password-strength span{border:1px solid #000;background:#fff}html[data-contrast="high"] .password-strength[data-strength="1"] span:first-child,html[data-contrast="high"] .password-strength[data-strength="2"] span:nth-child(-n+2),html[data-contrast="high"] .password-strength[data-strength="3"] span{background:#000}
