{"version":3,"sources":["../../../../src/govuk/components/warning-text/_index.scss"],"names":[],"mappings":"AAAA,oBAAoB;;AAEpB;EACE;IACE,8BAA8B;IAC9B,6CAA6C;IAC7C,qCAAqC;IACrC,kBAAkB;IAClB,2BAA2B;EAC7B;;EAEA;IACE,sBAAsB;;IAEtB,qBAAqB;;IAErB,kBAAkB;IAClB,OAAO;;IAEP,eAAe;IACf,gBAAgB;IAChB,gBAAgB;;IAEhB;MACE,gBAAgB;IAClB;;IAEA,0EAA0E;IAC1E,yEAAyE;IACzE,iBAAiB;IACjB,kBAAkB;IAClB,2CAA2C;;IAE3C,+CAA+C;IAC/C,yCAAyC;;IAEzC,eAAe;IACf,iBAAiB;;IAEjB,kBAAkB;;IAElB,wEAAwE;IACxE,yBAAyB;IACzB,yBAAiB;QAAjB,qBAAiB;YAAjB,iBAAiB;;IAEjB,iEAAiE;IACjE,uEAAuE;IACvE,yBAAyB;;IAEzB;MACE,wBAAwB;MACxB,iBAAiB;MACjB,uBAAuB;IACzB;EACF;;EAEA;IACE,cAAc;IACd,kBAAkB;IAClB,oCAAoC;IACpC,8DAA8D;IAC9D,2CAA2C;IAC3C,oBAAoB;EACtB;AACF","file":"_index.scss","sourcesContent":["@import \"../../base\";\n\n@include govuk-exports(\"govuk/component/warning-text\") {\n  .govuk-warning-text {\n    @include govuk-font($size: 19);\n    @include govuk-responsive-margin(6, \"bottom\");\n    @include govuk-typography-weight-bold;\n    position: relative;\n    padding: govuk-spacing(2) 0;\n  }\n\n  .govuk-warning-text__icon {\n    box-sizing: border-box;\n\n    display: inline-block;\n\n    position: absolute;\n    left: 0;\n\n    min-width: 35px;\n    min-height: 35px;\n    margin-top: -7px;\n\n    @media #{govuk-from-breakpoint(tablet)} {\n      margin-top: -5px;\n    }\n\n    // When a user customises their colours the background colour will often be\n    // removed. Adding a border to the component keeps it's shape as a circle.\n    border: 3px solid;\n    border-radius: 50%;\n    border-color: govuk-functional-colour(text);\n\n    color: govuk-functional-colour(body-background);\n    background: govuk-functional-colour(text);\n\n    font-size: 30px;\n    line-height: 29px;\n\n    text-align: center;\n\n    // Prevent the exclamation mark from being included when the warning text\n    // is copied, for example.\n    user-select: none;\n\n    // Improve rendering in Windows High Contrast Mode (Edge), where a\n    // readability backplate behind the exclamation mark obscures the circle\n    forced-color-adjust: none;\n\n    @media screen and (forced-colors: active) {\n      border-color: windowText;\n      color: windowText;\n      background: transparent;\n    }\n  }\n\n  .govuk-warning-text__text {\n    display: block;\n    padding-left: 45px;\n    color: govuk-functional-colour(text);\n    // While `<strong>` is styled `bold` or `bolder` by user-agents\n    // this can be reset by the app's stylesheet\n    font-weight: inherit;\n  }\n}\n"]}