/* PRATINIUM v350 — œil parfaitement intégré au champ Mot de passe
   Le bouton est superposé à l'intérieur de la bordure du champ et reprend
   exactement sa hauteur, son fond et ses rayons calculés par JavaScript. */

body#authentication #login-form .input-group,
body#authentication form .input-group:has(input[type="password"]),
body#authentication form .input-group:has(input[data-pratinium-password]){
  position:relative!important;
  overflow:visible!important;
}

body#authentication #login-form input[type="password"],
body#authentication #login-form input[data-pratinium-password],
body#authentication form input[type="password"],
body#authentication form input[data-pratinium-password]{
  box-sizing:border-box!important;
  padding-right:62px!important;
}

body#authentication .pratinium-v350-password-eye,
body#authentication button[data-action="show-password"].pratinium-v350-password-eye{
  display:flex!important;
  visibility:visible!important;
  opacity:1!important;
  pointer-events:auto!important;
  position:absolute!important;
  z-index:60!important;
  top:var(--pratinium-eye-top,1px)!important;
  right:var(--pratinium-eye-right,1px)!important;
  bottom:auto!important;
  left:auto!important;
  transform:none!important;
  box-sizing:border-box!important;
  align-items:center!important;
  justify-content:center!important;
  width:54px!important;
  min-width:54px!important;
  max-width:54px!important;
  height:var(--pratinium-eye-height,48px)!important;
  min-height:0!important;
  max-height:none!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-left:1px solid rgba(15,45,85,.13)!important;
  border-top-right-radius:var(--pratinium-eye-radius-top,14px)!important;
  border-bottom-right-radius:var(--pratinium-eye-radius-bottom,14px)!important;
  border-top-left-radius:0!important;
  border-bottom-left-radius:0!important;
  background:var(--pratinium-eye-background,#edf4ff)!important;
  color:#0b2345!important;
  box-shadow:none!important;
  font-size:0!important;
  line-height:1!important;
  cursor:pointer!important;
  -webkit-appearance:none!important;
  appearance:none!important;
}

body#authentication .pratinium-v350-password-eye:hover,
body#authentication .pratinium-v350-password-eye:focus,
body#authentication .pratinium-v350-password-eye:active{
  background:var(--pratinium-eye-background,#edf4ff)!important;
  color:#0b2345!important;
  outline:0!important;
  box-shadow:none!important;
  transform:none!important;
}

body#authentication .pratinium-v350-password-eye:focus-visible{
  outline:2px solid rgba(18,168,232,.55)!important;
  outline-offset:-3px!important;
}

body#authentication .pratinium-v350-password-eye::before{
  content:""!important;
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
  width:25px!important;
  height:25px!important;
  flex:0 0 25px!important;
  margin:0!important;
  background-repeat:no-repeat!important;
  background-position:center!important;
  background-size:25px 25px!important;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%230b2345' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 12s3.5-7 10-7 10 7 10 7-3.5 7-10 7S2 12 2 12Z'/%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3C/svg%3E")!important;
}

body#authentication .pratinium-v350-password-eye[aria-pressed="true"]::before{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%230b2345' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m3 3 18 18'/%3E%3Cpath d='M10.6 10.6a2 2 0 0 0 2.8 2.8'/%3E%3Cpath d='M9.9 4.2A10.7 10.7 0 0 1 12 4c6.5 0 10 8 10 8a17.7 17.7 0 0 1-2.1 3.2'/%3E%3Cpath d='M6.6 6.6C3.6 8.5 2 12 2 12s3.5 8 10 8a9.8 9.8 0 0 0 5.4-1.6'/%3E%3C/svg%3E")!important;
}

body#authentication .pratinium-v350-password-eye > *{
  display:none!important;
}

@media (max-width:767px){
  body#authentication .pratinium-v350-password-eye,
  body#authentication button[data-action="show-password"].pratinium-v350-password-eye{
    width:50px!important;
    min-width:50px!important;
    max-width:50px!important;
  }

  body#authentication #login-form input[type="password"],
  body#authentication #login-form input[data-pratinium-password],
  body#authentication form input[type="password"],
  body#authentication form input[data-pratinium-password]{
    padding-right:58px!important;
  }
}