/*! * DSFR v1.11.2 | SPDX-License-Identifier: MIT | License-Filename: LICENSE.md | restricted use (see terms and conditions) */ .fr-password .fr-password__checkbox input[type=checkbox] + label::before { background-image: radial-gradient(at 5px 4px, transparent 4px, var(--border-action-high-blue-france) 4px, var(--border-action-high-blue-france) 5px, transparent 6px), linear-gradient(var(--border-action-high-blue-france), var(--border-action-high-blue-france)), radial-gradient(at calc(100% - 5px) 4px, transparent 4px, var(--border-action-high-blue-france) 4px, var(--border-action-high-blue-france) 5px, transparent 6px), linear-gradient(var(--border-action-high-blue-france), var(--border-action-high-blue-france)), radial-gradient(at calc(100% - 5px) calc(100% - 4px), transparent 4px, var(--border-action-high-blue-france) 4px, var(--border-action-high-blue-france) 5px, transparent 6px), linear-gradient(var(--border-action-high-blue-france), var(--border-action-high-blue-france)), radial-gradient(at 5px calc(100% - 4px), transparent 4px, var(--border-action-high-blue-france) 4px, var(--border-action-high-blue-france) 5px, transparent 6px), linear-gradient(var(--border-action-high-blue-france), var(--border-action-high-blue-france)), var(--data-uri-svg); } @media (min-width: 36em) { /*! media sm */ } @media (min-width: 48em) { /*! media md */ } @media (min-width: 62em) { /*! media lg */ } @media (min-width: 78em) { /*! media xl */ } @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .fr-password__checkbox { position: absolute; top: 0; right: 0; margin: 0; } .fr-password__checkbox input[type=checkbox] { top: -0.5rem; } .fr-password__btn { background-color: transparent; color: #000091; } .fr-password__btn:hover { background-color: rgba(0, 0, 0, 0.05); } .fr-password__btn:active { background-color: rgba(0, 0, 0, 0.1); } .fr-password__btn:disabled, a.fr-password__btn:not([href]) { color: #929292; background-color: transparent; } .fr-password__btn:disabled:hover, a.fr-password__btn:not([href]):hover { background-color: rgba(0, 0, 0, 0.05); } .fr-password__btn:disabled:active, a.fr-password__btn:not([href]):active { background-color: rgba(0, 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='%23161616' d='M22.668 0C23.4023 0 24 .5977 24 1.332v21.336c0 .7343-.5977 1.332-1.332 1.332H1.332C.5977 24 0 23.4023 0 22.668V1.332C0 .5977.5977 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 input[type=checkbox] + label { color: #161616; } }