/*! * DSFR v1.11.2 | SPDX-License-Identifier: MIT | License-Filename: LICENSE.md | restricted use (see terms and conditions) */ @charset "UTF-8"; /* ¯¯¯¯¯¯¯¯¯ *\ SEARCH \* ˍˍˍˍˍˍˍˍˍ */ .fr-search-bar { display: flex; flex-direction: row; } .fr-search-bar .fr-label { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; /* added line */ border: 0; display: block; } .fr-search-bar .fr-input { margin: 0; border-radius: 0.25rem 0 0; max-height: 2.5rem; box-shadow: inset 0 -2px 0 0 var(--border-action-high-blue-france); } .fr-search-bar .fr-input::placeholder { font-style: italic; } .fr-search-bar .fr-input::-webkit-search-cancel-button { -webkit-appearance: none; width: 1rem; height: 1rem; background-repeat: no-repeat; background-size: 1rem 1rem; --data-uri-svg: url('data:image/svg+xml;charset=utf-8,'); background-image: var(--data-uri-svg); } .fr-search-bar .fr-btn { font-size: 1rem; line-height: 1.5rem; min-height: 2.5rem; padding: 0.5rem 1rem; overflow: hidden; white-space: nowrap; max-width: 2.5rem; max-height: 2.5rem; padding-left: 0.5rem; padding-right: 0.5rem; flex: 1 0 auto; border-radius: 0 0.25rem 0 0; } .fr-search-bar .fr-btn::before { --icon-size: 1.5rem; margin-left: 0; margin-right: 0.5rem; flex: 0 0 auto; display: inline-block; vertical-align: calc((0.75em - var(--icon-size)) * 0.5); background-color: currentColor; width: var(--icon-size); height: var(--icon-size); -webkit-mask-size: 100% 100%; mask-size: 100% 100%; -webkit-mask-image: url("../../icons/system/search-line.svg"); mask-image: url("../../icons/system/search-line.svg"); content: ""; } .fr-search-bar .fr-input--valid { box-shadow: inset 0 -2px 0 0 var(--border-plain-success); } .fr-search-bar .fr-input--error { box-shadow: inset 0 -2px 0 0 var(--border-plain-error); } :root[data-fr-theme=dark] .fr-search-bar .fr-input::-webkit-search-cancel-button { --data-uri-svg: url('data:image/svg+xml;charset=utf-8,'); } @media (min-width: 36em) { /*! media sm */ /*! media sm */ } @media (min-width: 48em) { /*! media md */ .fr-search-bar--lg .fr-btn { font-size: 1.125rem; line-height: 1.75rem; min-height: 3rem; padding: 0.5rem 1.5rem; overflow: initial; max-width: 100%; max-height: none; } .fr-search-bar--lg .fr-btn::before { --icon-size: 1.5rem; margin-left: -0.1875rem; margin-right: 0.5rem; } .fr-search-bar--lg .fr-input { max-height: 3rem; } /*! media md */ } @media (min-width: 62em) { /*! media lg */ /*! media lg */ } @media (min-width: 78em) { /*! media xl */ /*! media xl */ } @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .fr-search-bar .fr-btn::before, .fr-search-bar .fr-btn::after { background-color: transparent; background-size: 100%; background-repeat: no-repeat; background-image: url("../../icons/system/search-line.svg"); width: 1.5rem; height: 1.5rem; } .fr-search-bar .fr-input { box-shadow: inset 0 -2px 0 0 #000091; } .fr-search-bar .fr-input--valid { box-shadow: inset 0 -2px 0 0 #18753c; } .fr-search-bar .fr-input--error { box-shadow: inset 0 -2px 0 0 #ce0500; } .fr-search-bar .fr-input::-webkit-search-cancel-button { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='%23161616' d='M12 22C6.477 22 2 17.523 2 12S6.477 2 12 2s10 4.477 10 10-4.477 10-10 10zm0-11.414L9.172 7.757 7.757 9.172 10.586 12l-2.829 2.828 1.415 1.415L12 13.414l2.828 2.829 1.415-1.415L13.414 12l2.829-2.828-1.415-1.415L12 10.586z'/%3E%3C/svg%3E"); } } @media print { .fr-search-bar .fr-input { box-shadow: inset 0 -2px 0 0 #000091; } .fr-search-bar .fr-input--valid { box-shadow: inset 0 -2px 0 0 #18753c; } .fr-search-bar .fr-input--error { box-shadow: inset 0 -2px 0 0 #ce0500; } } @media print and (-ms-high-contrast: none), print and (-ms-high-contrast: active) { .fr-search-bar .fr-input::-webkit-search-cancel-button { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='%23161616' d='M12 22C6.477 22 2 17.523 2 12S6.477 2 12 2s10 4.477 10 10-4.477 10-10 10zm0-11.414L9.172 7.757 7.757 9.172 10.586 12l-2.829 2.828 1.415 1.415L12 13.414l2.828 2.829 1.415-1.415L13.414 12l2.829-2.828-1.415-1.415L12 10.586z'/%3E%3C/svg%3E"); } }