{"version":3,"sources":["../../../../src/govuk/components/panel/_index.scss"],"names":[],"mappings":"AAAA;EACE;IACE,8BAA8B;;IAE9B,sBAAsB;;IAEtB,+BAA+B;IAC/B,+CAA+C;;IAE/C,6CAA6C;;IAE7C,kBAAkB;;IAElB;MACE,+CAA+C;;MAE/C,wFAAwF;MACxF,0EAA0E;MAC1E,0FAA0F;MAC1F,kCAAkC;MAClC,CAAC;MACD,sFAAsF;MACtF,kFAAkF;MAClF,2FAA2F;MAC3F,2DAA2D;MAC3D,yBAAyB;MACzB,qBAAqB,EAAE,iEAAiE;IAC1F;EACF;;EAEA;IACE,4BAA4B;IAC5B,uDAAuD;;IAEvD;MACE,0BAA0B;MAC1B,+BAA+B;MAC/B,gBAAgB;IAClB;EACF;;EAEA;IACE,aAAa;IACb,+BAA+B;;IAE/B,6CAA6C;EAC/C;;EAEA;IACE,gBAAgB;EAClB;;EAEA;IACE,8BAA8B;EAChC;AACF","file":"_index.scss","sourcesContent":["@include govuk-exports(\"govuk/component/panel\") {\n  .govuk-panel {\n    @include govuk-font($size: 19);\n\n    box-sizing: border-box;\n\n    margin-bottom: govuk-spacing(3);\n    padding: govuk-spacing(7) - $govuk-border-width;\n\n    border: $govuk-border-width solid transparent;\n\n    text-align: center;\n\n    @include govuk-media-query($until: tablet) {\n      padding: govuk-spacing(3) - $govuk-border-width;\n\n      // This is an if-all-else-fails attempt to stop long words from overflowing the container\n      // on very narrow viewports by forcing them to break and wrap instead. This\n      // overflowing is more likely to happen when user increases text size on a mobile eg. using\n      // iOS Safari text resize controls.\n      //\n      // The overflowing is a particular problem with the panel component since it uses white\n      // text: when the text overflows the container, it is invisible on the white (page)\n      // background. When the text in our other components overflow, the user might have to scroll\n      // horizontally to view it but the the text remains legible.\n      overflow-wrap: break-word;\n      word-wrap: break-word; // Support IE (autoprefixer doesn't add this as it's not a prefix)\n    }\n  }\n\n  .govuk-panel--confirmation {\n    color: govuk-colour(\"white\");\n    background: govuk-colour(\"green\", $legacy: \"turquoise\");\n\n    @include govuk-media-query($media-type: print) {\n      border-color: currentcolor;\n      color: $govuk-print-text-colour;\n      background: none;\n    }\n  }\n\n  .govuk-panel__title {\n    margin-top: 0;\n    margin-bottom: govuk-spacing(6);\n\n    @include govuk-font($size: 48, $weight: bold);\n  }\n\n  .govuk-panel__title:last-child {\n    margin-bottom: 0;\n  }\n\n  .govuk-panel__body {\n    @include govuk-font($size: 36);\n  }\n}\n"]}