@codegouvfr/react-dsfr/dsfr/component/notice/notice.legacy.min.css

French State Design System React integration library

/*!
 * DSFR v1.13.2 | SPDX-License-Identifier: MIT | License-Filename: LICENSE.md | restricted use (see terms and conditions)
 */@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 screen and (min-width:0\0) and (min-resolution:72dpi){.fr-notice p,.fr-notice__title{margin:0}.fr-notice__title:before{color:transparent;vertical-align:-6px}.fr-notice--info .fr-notice__title:not([class^=fr-icon-]):not([class*=" fr-icon-"]):not([class^=fr-fi-]):not([class*=" fr-fi-"]):before{background-image:url(../../icons/system/fr--info-fill.svg);height:1.5rem;width:1.5rem}.fr-notice--alert .fr-notice__title:not([class^=fr-icon-]):not([class*=" fr-icon-"]):not([class^=fr-fi-]):not([class*=" fr-fi-"]):before,.fr-notice--cyberattack .fr-notice__title:not([class^=fr-icon-]):not([class*=" fr-icon-"]):not([class^=fr-fi-]):not([class*=" fr-fi-"]):before,.fr-notice--warning .fr-notice__title:not([class^=fr-icon-]):not([class*=" fr-icon-"]):not([class^=fr-fi-]):not([class*=" fr-fi-"]):before,.fr-notice--witness .fr-notice__title:not([class^=fr-icon-]):not([class*=" fr-icon-"]):not([class^=fr-fi-]):not([class*=" fr-fi-"]):before{background-image:url(../../icons/system/fr--warning-fill.svg);height:1.5rem;width:1.5rem}.fr-notice--weather-orange .fr-notice__title:not([class^=fr-icon-]):not([class*=" fr-icon-"]):not([class^=fr-fi-]):not([class*=" fr-fi-"]):before,.fr-notice--weather-red .fr-notice__title:not([class^=fr-icon-]):not([class*=" fr-icon-"]):not([class^=fr-fi-]):not([class*=" fr-fi-"]):before{background-image:url(../../icons/weather/heavy-showers-fill.svg);height:1.5rem;width:1.5rem}.fr-notice--weather-purple .fr-notice__title:not([class^=fr-icon-]):not([class*=" fr-icon-"]):not([class^=fr-fi-]):not([class*=" fr-fi-"]):before{background-image:url(../../icons/weather/typhoon-fill.svg);height:1.5rem;width:1.5rem}.fr-notice--kidnapping .fr-notice__title:not([class^=fr-icon-]):not([class*=" fr-icon-"]):not([class^=fr-fi-]):not([class*=" fr-fi-"]):before{background-image:url(../../icons/system/fr--alert-warning-fill.svg);height:1.5rem;width:1.5rem}.fr-notice--attack .fr-notice__title:not([class^=fr-icon-]):not([class*=" fr-icon-"]):not([class^=fr-fi-]):not([class*=" fr-fi-"]):before{background-image:url(../../icons/system/fr--alert-warning-2-fill.svg);height:1.5rem;width:1.5rem}.fr-notice .fr-btn--close:after,.fr-notice .fr-btn--close:before{background-color:transparent;background-image:url(../../icons/system/close-line.svg);background-repeat:no-repeat;background-size:100%;height:1rem;width:1rem}.fr-notice{background-color:#eee;color:#161616}.fr-notice--info{background-color:#e8edff;color:#0063cb}.fr-notice--warning,.fr-notice--weather-orange{background-color:#ffe9e6;color:#b34000}.fr-notice--alert{background-color:#ffe9e9;color:#ce0500}.fr-notice--weather-red{color:#fff}.fr-notice--weather-red,.fr-notice--weather-red .fr-btn--close{background-color:#ce0500}.fr-notice--weather-purple{background-color:#6e445a;color:#fff}.fr-notice--weather-purple .fr-btn--close{background-color:#6e445a}.fr-notice--witness{background-image:linear-gradient(0deg,#ce0500,#ce0500);color:#fff}.fr-notice--witness,.fr-notice--witness .fr-btn--close{background-color:#3a3a3a}.fr-notice--attack,.fr-notice--kidnapping{background-color:#ce0500;background-image:linear-gradient(0deg,#3a3a3a,#3a3a3a);color:#fff}.fr-notice--attack .fr-btn--close,.fr-notice--kidnapping .fr-btn--close{background-color:#ce0500}.fr-notice--cyberattack{background-image:linear-gradient(0deg,#0063cb,#0063cb);color:#fff}.fr-notice--cyberattack,.fr-notice--cyberattack .fr-btn--close{background-color:#3a3a3a}}