@codegouvfr/react-dsfr/dsfr/component/password/password.min.css

French State Design System React integration library

/*!
 * DSFR v1.8.5 | SPDX-License-Identifier: MIT | License-Filename: LICENSE.md | restricted use (see terms and conditions)
 */.fr-password{--text-spacing:0 0 0.5rem 0;position:relative}.fr-password [data-fr-capslock]:before{--data-uri-svg:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%233a3a3a' d='M22.668 0C23.402 0 24 .598 24 1.332v21.336c0 .734-.598 1.332-1.332 1.332H1.332A1.334 1.334 0 0 1 0 22.668V1.332C0 .598.598 0 1.332 0Zm-1.336 2.668H2.668v18.664h18.664Zm-4.664 12.664V18H7.332v-2.668ZM12 5.332 16.668 10H14v3.332h-4V10H7.332Zm0 0'/%3E%3C/svg%3E");background-image:var(--data-uri-svg);content:"";display:block;height:1rem;pointer-events:none;position:absolute;right:.75rem;top:.75rem;width:1rem}.fr-password__checkbox{position:absolute;right:0;top:0}.fr-password__input{margin-bottom:.75rem}.fr-password__label{padding-right:6rem}.fr-password__btn{--hover:inherit;--active:inherit;background-color:transparent;color:var(--text-action-high-blue-france)}.fr-password__btn:disabled,a.fr-password__btn:not([href]){--hover:inherit;--active:inherit;background-color:transparent;color:var(--text-disabled-grey)}:root:where([data-fr-theme=dark]) .fr-password [data-fr-capslock]:before{--data-uri-svg:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23cecece' d='M22.668 0C23.402 0 24 .598 24 1.332v21.336c0 .734-.598 1.332-1.332 1.332H1.332A1.334 1.334 0 0 1 0 22.668V1.332C0 .598.598 0 1.332 0Zm-1.336 2.668H2.668v18.664h18.664Zm-4.664 12.664V18H7.332v-2.668ZM12 5.332 16.668 10H14v3.332h-4V10H7.332Zm0 0'/%3E%3C/svg%3E")}.fr-password .fr-password__checkbox .fr-label{color:var(--text-default-grey)}@media (min-width:36em){
  /*! media sm */
  /*! media sm */}@media (min-width:48em){
  /*! media md */
  /*! media md */}@media (min-width:62em){
  /*! media lg */
  /*! media lg */}@media (min-width:78em){
  /*! media xl */
  /*! media xl */}@media (-ms-high-contrast:active),(-ms-high-contrast:none){.fr-password__btn{background-color:transparent;color:#000091}.fr-password__btn:hover{background-color:rgba(0,0,0,.05)}.fr-password__btn:active{background-color:rgba(0,0,0,.1)}.fr-password__btn:disabled,a.fr-password__btn:not([href]){background-color:transparent;color:#929292}.fr-password__btn:disabled:hover,a.fr-password__btn:not([href]):hover{background-color:rgba(0,0,0,.05)}.fr-password__btn:disabled:active,a.fr-password__btn:not([href]):active{background-color:rgba(0,0,0,.1)}.fr-password [data-fr-capslock]:before{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%233a3a3a' d='M22.668 0C23.402 0 24 .598 24 1.332v21.336c0 .734-.598 1.332-1.332 1.332H1.332A1.334 1.334 0 0 1 0 22.668V1.332C0 .598.598 0 1.332 0Zm-1.336 2.668H2.668v18.664h18.664Zm-4.664 12.664V18H7.332v-2.668ZM12 5.332 16.668 10H14v3.332h-4V10H7.332Zm0 0'/%3E%3C/svg%3E")}.fr-password .fr-password__checkbox .fr-label{color:#3a3a3a}}