{"version":3,"sources":["../../../scss/components/config/_banner.scss","../../../scss/vendors/mixins/_badge.scss","../../../scss/vendors/mixins/_hover.scss","dist/css/components/mekari-ui-banner.css"],"names":[],"mappings":"AAAA,QACE,QAAA,KACA,YAAA,OACA,gBAAA,OACA,MAAA,KACA,QAAA,KACA,cAAA,KACA,YAAA,IACA,WAAA,OARF,gBAUI,MAAA,QACA,iBAAA,QAXJ,oBAaM,MAAA,QAbN,cAiBI,MAAA,KACA,iBAAA,QAlBJ,kBAoBM,MAAA,KApBN,sBCCE,MAAA,KACA,iBAAA,QCcA,6BAAA,6BDVI,MAAA,KACA,iBAAA,QAHI,6BAAA,6BAQJ,QAAA,EACA,WAAA,EAAA,EAAA,EAAA,KAAA,mBDbN,uBCCE,MAAA,KACA,iBAAA,QCcA,8BAAA,8BDVI,MAAA,KACA,iBAAA,QAHI,8BAAA,8BAQJ,QAAA,EACA,WAAA,EAAA,EAAA,EAAA,KAAA,kBDbN,oBCCE,MAAA,QACA,iBAAA,QCcA,2BAAA,2BDVI,MAAA,QACA,iBAAA,QAHI,2BAAA,2BAQJ,QAAA,EACA,WAAA,EAAA,EAAA,EAAA,KAAA,qBDbN,uBCCE,MAAA,QACA,iBAAA,QCcA,8BAAA,8BDVI,MAAA,QACA,iBAAA,QAHI,8BAAA,8BAQJ,QAAA,EACA,WAAA,EAAA,EAAA,EAAA,KAAA,mBDbN,uBCCE,MAAA,KACA,iBAAA,QCcA,8BAAA,8BDVI,MAAA,KACA,iBAAA,QAHI,8BAAA,8BAQJ,QAAA,EACA,WAAA,EAAA,EAAA,EAAA,KAAA,kBDbN,sBCCE,MAAA,KACA,iBAAA,QCcA,6BAAA,6BDVI,MAAA,KACA,iBAAA,QAHI,6BAAA,6BAQJ,QAAA,EACA,WAAA,EAAA,EAAA,EAAA,KAAA,mBDbN,uBCCE,MAAA,KACA,iBAAA,QCcA,8BAAA,8BDVI,MAAA,KACA,iBAAA,QAHI,8BAAA,8BAQJ,QAAA,EACA,WAAA,EAAA,EAAA,EAAA,KAAA,mBDbN,yBCCE,MAAA,KACA,iBAAA,QCcA,gCAAA,gCDVI,MAAA,KACA,iBAAA,QAHI,gCAAA,gCAQJ,QAAA,EACA,WAAA,EAAA,EAAA,EAAA,KAAA,mBDbN,sBCCE,MAAA,KACA,iBAAA,QCcA,6BAAA,6BDVI,MAAA,KACA,iBAAA,QAHI,6BAAA,6BAQJ,QAAA,EACA,WAAA,EAAA,EAAA,EAAA,KAAA,oBDbN,oBCCE,MAAA,KACA,iBAAA,QCcA,2BAAA,2BDVI,MAAA,KACA,iBAAA,QAHI,2BAAA,2BAQJ,QAAA,EACA,WAAA,EAAA,EAAA,EAAA,KAAA,kBDbN,qBCCE,MAAA,KACA,iBAAA,KCcA,4BAAA,4BDVI,MAAA,KACA,iBAAA,QAHI,4BAAA,4BAQJ,QAAA,EACA,WAAA,EAAA,EAAA,EAAA,KAAA,qBDbN,qBCCE,MAAA,QACA,iBAAA,QCcA,4BAAA,4BDVI,MAAA,QACA,iBAAA,QAHI,4BAAA,4BAQJ,QAAA,EACA,WAAA,EAAA,EAAA,EAAA,KAAA,qBDbN,qBCCE,MAAA,QACA,iBAAA,QCcA,4BAAA,4BDVI,MAAA,QACA,iBAAA,QAHI,4BAAA,4BAQJ,QAAA,EACA,WAAA,EAAA,EAAA,EAAA,KAAA,qBDbN,qBCCE,MAAA,QACA,iBAAA,QCcA,4BAAA,4BDVI,MAAA,QACA,iBAAA,QAHI,4BAAA,4BAQJ,QAAA,EACA,WAAA,EAAA,EAAA,EAAA,KAAA,qBDbN,qBCCE,MAAA,QACA,iBAAA,QCcA,4BAAA,4BDVI,MAAA,QACA,iBAAA,QAHI,4BAAA,4BAQJ,QAAA,EACA,WAAA,EAAA,EAAA,EAAA,KAAA,qBDbN,oBCCE,MAAA,KACA,iBAAA,QCcA,2BAAA,2BDVI,MAAA,KACA,iBAAA,QAHI,2BAAA,2BAQJ,QAAA,EACA,WAAA,EAAA,EAAA,EAAA,KAAA,mBDbN,qBCCE,MAAA,QACA,iBAAA,KCcA,4BAAA,4BDVI,MAAA,QACA,iBAAA,QAHI,4BAAA,4BAQJ,QAAA,EACA,WAAA,EAAA,EAAA,EAAA,KAAA,qBDbN,YA6BI,MAAA,KACA,OAAA,KACA,UAAA,KACA,YAAA,KACA,MAAA,QGoQJ,aHhQA,aAEE,QAAA,aACA,aAAA,IAGF,aACE,QAAA,aACA,gBAAA,UACA,OAAA,QAHF,eAKI,MAAA","sourcesContent":[".banner {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 100%;\n  padding: 12px;\n  margin-bottom: 1rem;\n  font-weight: $font-weight-bold;\n  text-align: center;\n  &.warning { // this variant will be deprecated in next version\n    color: $dark;\n    background-color: $warning;\n    .ic {\n      color: $dark;\n    }\n  }\n  &.error { // this variant will be deprecated in next version\n    color: $white;\n    background-color: $danger;\n    .ic {\n      color: $white;\n    }\n  }\n  @each $color, $value in $theme-colors {\n    &.#{$prefix}banner-#{$color} {\n      @include badge-variant($value);\n    }\n  }\n  .ic {\n    width: 20px;\n    height: 20px;\n    font-size: 18px;\n    line-height: 18px;\n    color: inherit;\n  }\n}\n\n.banner-text,\n.banner-link {\n  display: inline-block;\n  padding-left: 8px;\n}\n\n.banner-link {\n  display: inline-block;\n  text-decoration: underline;\n  cursor: pointer;\n  a {\n    color: inherit;\n  }\n}\n","@mixin badge-variant($bg) {\n  color: color-yiq($bg);\n  background-color: $bg;\n\n  @at-root a#{&} {\n    @include hover-focus {\n      color: color-yiq($bg);\n      background-color: darken($bg, 10%);\n    }\n\n    &:focus,\n    &.focus {\n      outline: 0;\n      box-shadow: 0 0 0 $badge-focus-width rgba($bg, .5);\n    }\n  }\n}\n","// Hover mixin and `$enable-hover-media-query` are deprecated.\n//\n// Originally added during our alphas and maintained during betas, this mixin was\n// designed to prevent `:hover` stickiness on iOS-an issue where hover styles\n// would persist after initial touch.\n//\n// For backward compatibility, we've kept these mixins and updated them to\n// always return their regular pseudo-classes instead of a shimmed media query.\n//\n// Issue: https://github.com/twbs/bootstrap/issues/25195\n\n@mixin hover {\n  &:hover { @content; }\n}\n\n@mixin hover-focus {\n  &:hover,\n  &:focus {\n    @content;\n  }\n}\n\n@mixin plain-hover-focus {\n  &,\n  &:hover,\n  &:focus {\n    @content;\n  }\n}\n\n@mixin hover-focus-active {\n  &:hover,\n  &:focus,\n  &:active {\n    @content;\n  }\n}\n",".banner {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 100%;\n  padding: 12px;\n  margin-bottom: 1rem;\n  font-weight: 500;\n  text-align: center;\n}\n\n.banner.warning {\n  color: #212121;\n  background-color: #ffb700;\n}\n\n.banner.warning .ic {\n  color: #212121;\n}\n\n.banner.error {\n  color: #fff;\n  background-color: #d74022;\n}\n\n.banner.error .ic {\n  color: #fff;\n}\n\n.banner.banner-danger {\n  color: #fff;\n  background-color: #d74022;\n}\n\na.banner.banner-danger:hover, a.banner.banner-danger:focus {\n  color: #fff;\n  background-color: #ab331b;\n}\n\na.banner.banner-danger:focus, a.banner.banner-danger.focus {\n  outline: 0;\n  box-shadow: 0 0 0 0.2em rgba(215, 64, 34, 0.5);\n}\n\n.banner.banner-success {\n  color: #fff;\n  background-color: #009f61;\n}\n\na.banner.banner-success:hover, a.banner.banner-success:focus {\n  color: #fff;\n  background-color: #006c42;\n}\n\na.banner.banner-success:focus, a.banner.banner-success.focus {\n  outline: 0;\n  box-shadow: 0 0 0 0.2em rgba(0, 159, 97, 0.5);\n}\n\n.banner.banner-info {\n  color: #212529;\n  background-color: #ffeb99;\n}\n\na.banner.banner-info:hover, a.banner.banner-info:focus {\n  color: #212529;\n  background-color: #ffe166;\n}\n\na.banner.banner-info:focus, a.banner.banner-info.focus {\n  outline: 0;\n  box-shadow: 0 0 0 0.2em rgba(255, 235, 153, 0.5);\n}\n\n.banner.banner-warning {\n  color: #212529;\n  background-color: #ffb700;\n}\n\na.banner.banner-warning:hover, a.banner.banner-warning:focus {\n  color: #212529;\n  background-color: #cc9200;\n}\n\na.banner.banner-warning:focus, a.banner.banner-warning.focus {\n  outline: 0;\n  box-shadow: 0 0 0 0.2em rgba(255, 183, 0, 0.5);\n}\n\n.banner.banner-primary {\n  color: #fff;\n  background-color: #005fbf;\n}\n\na.banner.banner-primary:hover, a.banner.banner-primary:focus {\n  color: #fff;\n  background-color: #00468c;\n}\n\na.banner.banner-primary:focus, a.banner.banner-primary.focus {\n  outline: 0;\n  box-shadow: 0 0 0 0.2em rgba(0, 95, 191, 0.5);\n}\n\n.banner.banner-jurnal {\n  color: #fff;\n  background-color: #009bde;\n}\n\na.banner.banner-jurnal:hover, a.banner.banner-jurnal:focus {\n  color: #fff;\n  background-color: #0077ab;\n}\n\na.banner.banner-jurnal:focus, a.banner.banner-jurnal.focus {\n  outline: 0;\n  box-shadow: 0 0 0 0.2em rgba(0, 155, 222, 0.5);\n}\n\n.banner.banner-talenta {\n  color: #fff;\n  background-color: #c02a34;\n}\n\na.banner.banner-talenta:hover, a.banner.banner-talenta:focus {\n  color: #fff;\n  background-color: #962129;\n}\n\na.banner.banner-talenta:focus, a.banner.banner-talenta.focus {\n  outline: 0;\n  box-shadow: 0 0 0 0.2em rgba(192, 42, 52, 0.5);\n}\n\n.banner.banner-klikpajak {\n  color: #fff;\n  background-color: #f96d01;\n}\n\na.banner.banner-klikpajak:hover, a.banner.banner-klikpajak:focus {\n  color: #fff;\n  background-color: #c65701;\n}\n\na.banner.banner-klikpajak:focus, a.banner.banner-klikpajak.focus {\n  outline: 0;\n  box-shadow: 0 0 0 0.2em rgba(249, 109, 1, 0.5);\n}\n\n.banner.banner-mekari {\n  color: #fff;\n  background-color: #6d48e5;\n}\n\na.banner.banner-mekari:hover, a.banner.banner-mekari:focus {\n  color: #fff;\n  background-color: #4b1fdb;\n}\n\na.banner.banner-mekari:focus, a.banner.banner-mekari.focus {\n  outline: 0;\n  box-shadow: 0 0 0 0.2em rgba(109, 72, 229, 0.5);\n}\n\n.banner.banner-dark {\n  color: #fff;\n  background-color: #212121;\n}\n\na.banner.banner-dark:hover, a.banner.banner-dark:focus {\n  color: #fff;\n  background-color: #080808;\n}\n\na.banner.banner-dark:focus, a.banner.banner-dark.focus {\n  outline: 0;\n  box-shadow: 0 0 0 0.2em rgba(33, 33, 33, 0.5);\n}\n\n.banner.banner-slate {\n  color: #fff;\n  background-color: #777;\n}\n\na.banner.banner-slate:hover, a.banner.banner-slate:focus {\n  color: #fff;\n  background-color: #5e5e5e;\n}\n\na.banner.banner-slate:focus, a.banner.banner-slate.focus {\n  outline: 0;\n  box-shadow: 0 0 0 0.2em rgba(119, 119, 119, 0.5);\n}\n\n.banner.banner-muted {\n  color: #212529;\n  background-color: #b4b4b4;\n}\n\na.banner.banner-muted:hover, a.banner.banner-muted:focus {\n  color: #212529;\n  background-color: #9b9b9b;\n}\n\na.banner.banner-muted:focus, a.banner.banner-muted.focus {\n  outline: 0;\n  box-shadow: 0 0 0 0.2em rgba(180, 180, 180, 0.5);\n}\n\n.banner.banner-smoke {\n  color: #212529;\n  background-color: #e2e2e2;\n}\n\na.banner.banner-smoke:hover, a.banner.banner-smoke:focus {\n  color: #212529;\n  background-color: #c9c9c9;\n}\n\na.banner.banner-smoke:focus, a.banner.banner-smoke.focus {\n  outline: 0;\n  box-shadow: 0 0 0 0.2em rgba(226, 226, 226, 0.5);\n}\n\n.banner.banner-light {\n  color: #212529;\n  background-color: #fbfbfb;\n}\n\na.banner.banner-light:hover, a.banner.banner-light:focus {\n  color: #212529;\n  background-color: #e2e2e2;\n}\n\na.banner.banner-light:focus, a.banner.banner-light.focus {\n  outline: 0;\n  box-shadow: 0 0 0 0.2em rgba(251, 251, 251, 0.5);\n}\n\n.banner.banner-cloud {\n  color: #212529;\n  background-color: #f2f4f7;\n}\n\na.banner.banner-cloud:hover, a.banner.banner-cloud:focus {\n  color: #212529;\n  background-color: #d2d9e4;\n}\n\na.banner.banner-cloud:focus, a.banner.banner-cloud.focus {\n  outline: 0;\n  box-shadow: 0 0 0 0.2em rgba(242, 244, 247, 0.5);\n}\n\n.banner.banner-link {\n  color: #fff;\n  background-color: #1357ff;\n}\n\na.banner.banner-link:hover, a.banner.banner-link:focus {\n  color: #fff;\n  background-color: #0040df;\n}\n\na.banner.banner-link:focus, a.banner.banner-link.focus {\n  outline: 0;\n  box-shadow: 0 0 0 0.2em rgba(19, 87, 255, 0.5);\n}\n\n.banner.banner-white {\n  color: #212529;\n  background-color: #fff;\n}\n\na.banner.banner-white:hover, a.banner.banner-white:focus {\n  color: #212529;\n  background-color: #e6e6e6;\n}\n\na.banner.banner-white:focus, a.banner.banner-white.focus {\n  outline: 0;\n  box-shadow: 0 0 0 0.2em rgba(255, 255, 255, 0.5);\n}\n\n.banner .ic {\n  width: 20px;\n  height: 20px;\n  font-size: 18px;\n  line-height: 18px;\n  color: inherit;\n}\n\n.banner-text,\n.banner-link {\n  display: inline-block;\n  padding-left: 8px;\n}\n\n.banner-link {\n  display: inline-block;\n  text-decoration: underline;\n  cursor: pointer;\n}\n\n.banner-link a {\n  color: inherit;\n}\n/*# sourceMappingURL=mekari-ui-banner.css.map */"]}