{"version":3,"sources":["RedactorInput.scss","../../../../../node_modules/craftcms-sass/_mixins.scss"],"names":[],"mappings":"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","file":"RedactorInput.css","sourcesContent":["@charset \"UTF-8\";\n@import \"../../../../../node_modules/craftcms-sass/mixins\";\n\n#redactor-overlay {\n  filter: alpha(opacity=100);\n  -moz-opacity: 1;\n  opacity: 1;\n  background-color: transparentize($white, 0.25);\n}\n\n.lp-editor {\n  position: relative;\n}\n\n.redactor-source,\n.redactor-source:hover,\n.redactor-source:focus,\n.redactor-statusbar,\n.re-button-tooltip,\n.redactor-context-toolbar,\n.redactor-dropdown-format .redactor-dropdown-item-pre,\n.redactor-styles time,\n.redactor-styles small,\n.redactor-styles var,\n.redactor-styles code,\n.redactor-styles kbd,\n.redactor-styles mark,\n.redactor-styles pre {\n  @include fixed-width-font;\n}\n\n.redactor-toolbar,\n.redactor-air,\n.redactor-dropdown,\n.redactor-modal-box,\n.redactor-styles {\n  @include sans-serif-font;\n}\n\n.redactor-modal {\n  @include modal;\n  z-index: 1052;\n  div.btn {\n    margin-right: 10px;\n  }\n}\n\n.redactor-dropdown {\n  font-size: 14px;\n  z-index: 102 !important;\n}\n\n.redactor-dropdown-format {\n  .redactor-dropdown-item-h1,\n  .redactor-dropdown-item-h2,\n  .redactor-dropdown-item-h3,\n  .redactor-dropdown-item-h4,\n  .redactor-dropdown-item-h5,\n  .redactor-dropdown-item-h6 {\n    font-weight: 600;\n  }\n\n  .redactor-dropdown-item-h1 {\n    font-size: 32px;\n  }\n\n  .redactor-dropdown-item-h2 {\n    font-size: 24px;\n  }\n\n  .redactor-dropdown-item-h3 {\n    font-size: 20px;\n  }\n\n  .redactor-dropdown-item-h4 {\n    font-size: 16px;\n  }\n\n  .redactor-dropdown-item-h5 {\n    font-size: 14px;\n  }\n\n  .redactor-dropdown-item-h6 {\n    font-size: 13.6px;\n    color: $mediumTextColor;\n    text-transform: none;\n  }\n}\n\n> .menu {\n  z-index: 10550;\n}\n\n.redactor {\n  &.errors > div.redactor-box {\n    border: 1px solid $errorColor !important;\n  }\n\n  .redactor-box {\n    margin-bottom: 0;\n\n    &:not(.redactor-box-fullscreen):not(.redactor-source-view) {\n      @include input-styles;\n\n      &.redactor-focus {\n        // have to manually copy this because we are competing with Redactor's !important\n        border-color: $darkFocusColor !important;\n        box-shadow: 0 0 0 2px transparentize($darkFocusColor, 0.5);\n      }\n    }\n  }\n\n  &.normal {\n    .redactor-box {\n      .redactor-toolbar,\n      .redactor-styles {\n        padding: 6px 9px;\n      }\n\n      .redactor-toolbar {\n        a.re-button-icon {\n          padding: 6px 14px 5px;\n          font-size: 14px;\n        }\n      }\n\n      .redactor-styles {\n        font-size: 14px;\n        line-height: 21px;\n\n        h1 {\n          margin: 21px 0 14px;\n          font-size: 28px;\n          line-height: 35px;\n        }\n\n        h2 {\n          margin: 21px 0 14px;\n          font-size: 21px;\n          line-height: 26px;\n        }\n\n        h3 {\n          margin: 21px 0 14px;\n          font-size: 18px;\n          line-height: 21px;\n        }\n\n        blockquote {\n          margin: 14px 0;\n\n          &:not(.note) {\n            padding: 0 14px;\n          }\n        }\n      }\n\n      .redactor-statusbar {\n        padding-left: 0;\n        padding-right: 0;\n      }\n    }\n  }\n}\n\n\n.redactor-box,\n.redactor-toolbar,\n.redactor-box textarea {\n  z-index: auto !important;\n}\n\n.redactor-box {\n  &.redactor-box-fullscreen {\n    z-index: 100 !important;\n  }\n\n  .redactor-toolbar,\n  .redactor-air {\n    a {\n      box-shadow: none;\n      background: transparentize($inputColor, 0.85);\n\n      &:focus,\n      &:hover {\n        background-color: transparentize($inputColor, 0.7);\n      }\n\n      &:active,\n      &.redactor-button-active {\n        background-color: transparentize($inputColor, 0.5);\n      }\n    }\n  }\n\n  .redactor-toolbar {\n    top: 0;\n    background: none;\n    box-shadow: none;\n\n    &.redactor-toolbar-fixed {\n      z-index: 5 !important;\n      background-color: $white !important;\n    }\n\n    &.toolbar-fixed-box {\n      @include pane;\n      z-index: 102 !important;\n    }\n\n    li {\n      a {\n        color: $textColor;\n\n        &:hover {\n          background-color: $lightSelColor;\n          color: $textColor;\n          text-decoration: none;\n        }\n\n        &:active,\n        &.redactor-act {\n          background-color: $darkSelColor;\n          color: $white;\n        }\n      }\n\n      &:first-child a {\n        border-top-left-radius: 2px;\n      }\n    }\n  }\n\n  &:not(.redactor-box-fullscreen) {\n    .redactor-layer {\n      background: none;\n      border: none;\n      border-top: 1px solid $hairlineColor;\n    }\n  }\n\n  textarea {\n    display: block;\n    border-radius: 0 0 3px 3px;\n  }\n\n  .redactor-toolbar,\n  .redactor-styles {\n    padding: 16px 18px;\n  }\n\n  .redactor-toolbar {\n    z-index: 102;\n    padding-bottom: 0 !important;\n\n    &.redactor-toolbar-fixed {\n      padding-top: 8px;\n      padding-bottom: 4px !important;\n      background-color: hsl(212, 50%, 99%) !important;\n\n      @supports (backdrop-filter: blur(10px)) {\n        & {\n          background-color: transparentize(hsl(212, 50%, 99%), 0.25) !important;\n          backdrop-filter: blur(10px);\n        }\n      }\n    }\n  }\n\n  .redactor-styles {\n    @include readable;\n    color: $textColor;\n    font-size: 16px;\n    line-height: 22px;\n\n    &:focus {\n      border: none;\n      box-shadow: none;\n    }\n\n    h6 {\n      text-transform: none;\n    }\n\n    pre, time, small, var, code, kbd, mark {\n      color: $textColor;\n    }\n\n    small {\n      font-size: 0.7em !important;\n    }\n  }\n\n  .redactor-layer {\n    border: none;\n    border-top: 1px solid $hairlineColor;\n  }\n\n  .redactor-statusbar {\n    border-top: 1px solid $hairlineColor;\n    background: none;\n  }\n}\n\n.redactor-link-tooltip {\n  z-index: 101;\n}\n\n.redactor-dropdown {\n  @include menu-styles;\n  padding: 0;\n  z-index: 100;\n\n  li {\n    border-bottom: none;\n    background: none;\n\n    a {\n      @include menu-option-styles;\n\n      &:hover {\n        @include menu-option-active-styles;\n\n        span {\n          color: $textColor !important;\n        }\n      }\n    }\n  }\n}\n\n.redactor-context-toolbar {\n  z-index: 4 !important;\n}\n\n#redactor-image-resizer {\n  z-index: 3 !important;\n}\n\n.redactor-box-fullscreen {\n  z-index: 101 !important;\n  border: none !important;\n  border-radius: 0 !important;\n}\n\n.redactor-source-view [contenteditable=\"true\"] {\n  display: block !important;\n  height: 0 !important;\n  min-height: 0 !important;\n  width: 0 !important;\n  padding: 0 !important;\n  overflow: hidden !important;\n}\n\n.lp-editor-container {\n  header {\n    z-index: 6 !important;\n  }\n}\n","$white: #fff;\n$black: #000;\n\n$grey050: hsl(212, 60%, 97%);\n$grey100: hsl(212, 50%, 93%);\n$grey200: hsl(212, 30%, 85%);\n$grey300: hsl(211, 13%, 65%);\n$grey350: hsl(211, 11%, 59%);\n$grey400: hsl(210, 10%, 53%);\n$grey500: hsl(211, 12%, 43%);\n$grey550: hsl(210, 13%, 40%);\n$grey600: hsl(209, 14%, 37%);\n$grey700: hsl(209, 18%, 30%);\n$grey800: hsl(209, 20%, 25%);\n$grey900: hsl(210, 24%, 16%);\n$grey1000: hsl(210, 24%, 10%);\n\n$blue050: #E3F8FF;\n$blue100: #B3ECFF;\n$blue200: #81DEFD;\n$blue300: #5ED0FA;\n$blue400: #40C3F7;\n$blue500: #2BB0ED;\n$blue600: #1992D4;\n$blue700: #127FBF;\n$blue800: #0B69A3;\n$blue900: #035388;\n\n$cyan050: #E0FCFF;\n$cyan100: #BEF8FD;\n$cyan200: #87EAF2;\n$cyan300: #54D1DB;\n$cyan400: #38BEC9;\n$cyan500: #2CB1BC;\n$cyan600: #14919B;\n$cyan700: #0E7C86;\n$cyan800: #0A6C74;\n$cyan900: #044E54;\n\n$pink050: #FFE3EC;\n$pink100: #FFB8D2;\n$pink200: #FF8CBA;\n$pink300: #F364A2;\n$pink400: #E8368F;\n$pink500: #DA127D;\n$pink600: #BC0A6F;\n$pink700: #A30664;\n$pink800: #870557;\n$pink900: #620042;\n\n$red050: #FFE3E3;\n$red100: #FFBDBD;\n$red200: #FF9B9B;\n$red300: #F86A6A;\n$red400: #EF4E4E;\n$red500: #E12D39;\n$red600: #CF1124;\n$red700: #AB091E;\n$red800: #8A041A;\n$red900: #610316;\n\n$yellow050: #FFFBEA;\n$yellow100: #FFF3C4;\n$yellow200: #FCE588;\n$yellow300: #FADB5F;\n$yellow400: #F7C948;\n$yellow500: #F0B429;\n$yellow600: #DE911D;\n$yellow700: #CB6E17;\n$yellow800: #B44D12;\n$yellow900: #8D2B0B;\n\n$teal050: #EFFCF6;\n$teal100: #C6F7E2;\n$teal200: #8EEDC7;\n$teal300: #65D6AD;\n$teal400: #3EBD93;\n$teal500: #27AB83;\n$teal600: #199473;\n$teal700: #147D64;\n$teal800: #0C6B58;\n$teal900: #014D40;\n\n// submit button colors\n$primaryColor: $red500;\n$secondaryColor: $grey500;\n\n$inputColor: hsl(212, 25%, 50%);\n\n// text colors\n$textColor: $grey700;\n$mediumDarkTextColor: $grey550;\n$mediumTextColor: $grey550;\n$lightTextColor: $grey500;\n$linkColor: $blue800;\n\n// hairline colors\n$hairlineColor: transparentize($grey800, 0.9);\n$mediumHairlineColor: transparentize($grey600, 0.75);\n$darkHairlineColor: transparentize($grey400, 0.5);\n\n// focus colors\n$lightFocusColor: $blue600;\n$darkFocusColor: $blue700;\n\n// focus rings\n$lightFocusRing: 0 0 0 1px $lightFocusColor, 0 0 0 3px transparentize($lightFocusColor, 0.5);\n$darkFocusRing: 0 0 0 1px $darkFocusColor, 0 0 0 3px transparentize($darkFocusColor, 0.5);\n\n// selection colors\n$lightSelColor: $grey200;\n$darkSelColor: $grey600;\n\n// alert/notice colors\n$errorColor: $red600;\n$warningColor: $yellow800;\n$successColor: $teal500;\n$noticeColor: $blue800;\n\n// UI element styles\n$smallBorderRadius: 3px;\n$mediumBorderRadius: 4px;\n$largeBorderRadius: 5px;\n\n$checkboxSize: 16px;\n$radioSize: 16px;\n\n@mixin sans-serif-font {\n  font-family: system-ui, BlinkMacSystemFont, -apple-system, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;\n}\n\n@mixin fixed-width-font {\n  font-family: \"SFMono-Regular\", Consolas, \"Liberation Mono\", Menlo, Courier, monospace;\n  font-size: 0.9em !important;\n}\n\n// Other\n\n@mixin svg-mask($color) {\n  rect, circle, ellipse, line, polyline, polygon, path, text {\n    fill: $color;\n    stroke-width: 0;\n    transition: fill linear 100ms;\n  }\n}\n\n@mixin icon {\n  font-family: 'Craft';\n  speak: none;\n  -webkit-font-feature-settings: \"liga\", \"dlig\";\n  -moz-font-feature-settings: \"liga=1, dlig=1\";\n  -moz-font-feature-settings: \"liga\", \"dlig\";\n  -ms-font-feature-settings: \"liga\", \"dlig\";\n  -o-font-feature-settings: \"liga\", \"dlig\";\n  font-feature-settings: \"liga\", \"dlig\";\n  text-rendering: optimizeLegibility;\n  font-weight: normal;\n  font-variant: normal;\n  text-transform: none;\n  line-height: 1;\n  direction: ltr; // Fixes a rendering issue in Chrome/Win\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n\n  display: inline-block;\n  text-align: center;\n  font-style: normal;\n  vertical-align: middle;\n  word-wrap: normal !important;\n  user-select: none;\n\n  opacity: 0.8;\n}\n\n@mixin angle($dir: down, $color: $mediumTextColor) {\n  display: block;\n  content: '';\n  font-size: 0;\n  width: 5px;\n  height: 5px;\n  border: solid $color;\n  border-width: 0 2px 2px 0;\n\n  @if $dir == up {\n    transform: rotate(225deg);\n  } @else if $dir == down {\n    transform: rotate(45deg);\n  } @else if $dir == left {\n    body.ltr & {\n      transform: rotate(135deg);\n    }\n    body.rtl & {\n      transform: rotate(-45deg);\n    }\n  } @else if $dir == right {\n    body.ltr & {\n      transform: rotate(-45deg);\n    }\n    body.rtl & {\n      transform: rotate(135deg);\n    }\n  }\n}\n\n@mixin clearafter {\n  content: '';\n  display: block;\n  height: 0;\n  clear: both;\n  visibility: hidden;\n}\n\n@mixin shadow {\n  box-shadow: 0 1px 5px -1px transparentize($grey900, 0.8);\n}\n\n@mixin pane {\n  background: $white;\n  box-shadow: 0 0 0 1px transparentize($grey200, 0.75), 0 2px 12px transparentize($grey200, 0.5);\n}\n\n@mixin modal {\n  border-radius: $largeBorderRadius;\n  background-color: $white;\n  box-shadow: 0 25px 100px transparentize($grey900, 0.5);\n}\n\n@mixin light-on-dark-text() {\n  // Make light on dark text sharp on Macs\n  // (sub-pixel antialiasing looks too bold/blurry with light text on dark background)\n  -moz-osx-font-smoothing: grayscale;\n  -webkit-font-smoothing: antialiased;\n  font-weight: 500;\n}\n\n// RTL stuff\n\n@mixin left($left) {\n  body.ltr & {\n    left: $left;\n  }\n  body.rtl & {\n    right: $left;\n  }\n}\n\n@mixin right($right) {\n  body.ltr & {\n    right: $right;\n  }\n  body.rtl & {\n    left: $right;\n  }\n}\n\n@mixin alignleft {\n  body.ltr & {\n    text-align: left;\n  }\n  body.rtl & {\n    text-align: right;\n  }\n}\n\n@mixin alignright {\n  body.ltr & {\n    text-align: right;\n  }\n  body.rtl & {\n    text-align: left;\n  }\n}\n\n@mixin border-left($params...) {\n  body.ltr & {\n    border-left: $params;\n  }\n  body.rtl & {\n    border-right: $params;\n  }\n}\n\n@mixin border-right($params...) {\n  body.ltr & {\n    border-right: $params;\n  }\n  body.rtl & {\n    border-left: $params;\n  }\n}\n\n@mixin border-left-width($param) {\n  body.ltr & {\n    border-left-width: $param;\n  }\n  body.rtl & {\n    border-right-width: $param;\n  }\n}\n\n@mixin border-right-width($param) {\n  body.ltr & {\n    border-right-width: $param;\n  }\n  body.rtl & {\n    border-left-width: $param;\n  }\n}\n\n@mixin border-radius($tl, $tr, $br, $bl) {\n  body.ltr & {\n    border-radius: $tl $tr $br $bl;\n  }\n  body.rtl & {\n    border-radius: $tr $tl $bl $br;\n  }\n}\n\n@mixin border-top-left-radius($params...) {\n  body.ltr & {\n    border-top-left-radius: $params;\n  }\n  body.rtl & {\n    border-top-right-radius: $params;\n  }\n}\n\n@mixin border-top-right-radius($params...) {\n  body.ltr & {\n    border-top-right-radius: $params;\n  }\n  body.rtl & {\n    border-top-left-radius: $params;\n  }\n}\n\n@mixin border-bottom-left-radius($params...) {\n  body.ltr & {\n    border-bottom-left-radius: $params;\n  }\n  body.rtl & {\n    border-bottom-right-radius: $params;\n  }\n}\n\n@mixin border-bottom-right-radius($params...) {\n  body.ltr & {\n    border-bottom-right-radius: $params;\n  }\n  body.rtl & {\n    border-bottom-left-radius: $params;\n  }\n}\n\n@mixin floatleft {\n  body.ltr & {\n    float: left;\n  }\n  body.rtl & {\n    float: right;\n  }\n}\n\n@mixin floatright {\n  body.ltr & {\n    float: right;\n  }\n  body.rtl & {\n    float: left;\n  }\n}\n\n@mixin margin($t, $r, $b, $l, $important: '') {\n  body.ltr & {\n    margin: $t $r $b $l unquote($important);\n  }\n  body.rtl & {\n    margin: $t $l $b $r unquote($important);\n  }\n}\n\n@mixin margin-left($margin...) {\n  body.ltr & {\n    margin-left: $margin;\n  }\n  body.rtl & {\n    margin-right: $margin;\n  }\n}\n\n@mixin margin-right($margin...) {\n  body.ltr & {\n    margin-right: $margin;\n  }\n  body.rtl & {\n    margin-left: $margin;\n  }\n}\n\n@mixin padding($t, $r, $b, $l, $important: '') {\n  body.ltr & {\n    padding: $t $r $b $l unquote($important);\n  }\n  body.rtl & {\n    padding: $t $l $b $r unquote($important);\n  }\n}\n\n@mixin padding-left($padding...) {\n  body.ltr & {\n    padding-left: $padding;\n  }\n  body.rtl & {\n    padding-right: $padding;\n  }\n}\n\n@mixin padding-right($padding...) {\n  body.ltr & {\n    padding-right: $padding;\n  }\n  body.rtl & {\n    padding-left: $padding;\n  }\n}\n\n// Misc\n\n@mixin dark-inputs {\n  @include placeholder-styles($grey400);\n\n  .btn,\n  .select:not(.selectize) select {\n    background-color: $grey200;\n\n    &:focus,\n    &:hover {\n      background-color: darken($grey200, 5%);\n    }\n\n    &:active,\n    &.active {\n      background-color: darken($grey200, 10%);\n    }\n  }\n\n  .text {\n    background-color: $grey200;\n\n    &:focus {\n      background-color: darken($grey200, 5%);\n    }\n  }\n}\n\n@mixin h6-styles {\n  margin: 14px 0 3px;\n  font-size: 10px;\n  line-height: 1.2;\n  color: $lightTextColor;\n  text-transform: uppercase;\n  font-weight: bold;\n}\n\n@mixin token-styles {\n  display: inline-block;\n  border-radius: 10px;\n  padding: 2px 7px;\n  font-size: 12px;\n  line-height: 14px;\n  color: $textColor;\n  background-color: transparentize($white, 0.5);\n  box-shadow: 0 0 0 1px $darkHairlineColor;\n}\n\n@mixin menu-styles {\n  z-index: 100;\n  border-radius: $mediumBorderRadius;\n  padding: 0 14px;\n  overflow: auto;\n  background: $white;\n  user-select: none;\n  box-shadow: 0 0 0 1px transparentize($grey900, 0.9), 0 5px 20px transparentize($grey900, 0.75);\n}\n\n@mixin menu-option-styles {\n  margin: 0 -14px;\n  padding: 10px 14px;\n  color: $textColor;\n  text-decoration: none;\n  white-space: nowrap;\n}\n\n@mixin menu-option-active-styles {\n  color: $textColor;\n  background-color: $grey050;\n}\n\n@mixin input-styles {\n  border-radius: $smallBorderRadius;\n  border: 1px solid transparentize($inputColor, 0.75);\n  background-color: hsl(212, 50%, 99%);\n  background-clip: padding-box;\n}\n\n@mixin input-focused-styles {\n  border-color: $darkFocusColor;\n  box-shadow: 0 0 0 2px transparentize($darkFocusColor, 0.5);\n}\n\n@mixin placeholder-styles($color) {\n  ::-webkit-input-placeholder {\n    color: $color;\n  }\n\n  input:-ms-input-placeholder {\n    color: $color;\n  }\n\n  ::-ms-input-placeholder {\n    color: $color;\n  }\n\n  :-moz-placeholder {\n    color: $color;\n  }\n\n  ::-moz-placeholder {\n    color: $color;\n  }\n\n  ::placeholder {\n    color: $color;\n  }\n}\n\n@mixin select-styles {\n  position: relative;\n  border-radius: $largeBorderRadius;\n  white-space: nowrap;\n}\n\n@mixin select-container-styles {\n  max-width: 100%;\n  position: relative;\n  :not(.flex) > & {\n    display: inline-block;\n  }\n}\n\n@mixin select-arrow-styles {\n  @include angle;\n  position: absolute;\n  z-index: 1;\n  top: calc(50% - 5px);\n  @include right(9px);\n  user-select: none;\n  pointer-events: none;\n}\n\n@mixin select-input-styles {\n  display: block;\n  position: relative;\n  max-width: 100%;\n  border: none;\n  @include padding(7px, 22px, 7px, 10px);\n  font-size: 14px;\n  line-height: 20px;\n  color: $textColor;\n  background-color: transparentize($inputColor, 0.75);\n  appearance: none;\n  // from https://stackoverflow.com/a/15933790/1688568\n  &::-ms-expand {\n    display: none;\n  }\n}\n\n@mixin select-input-fullwidth-styles {\n  min-width: 100%;\n}\n\n@mixin select-input-focused-styles {\n  outline-color: transparent;\n  background-color: transparentize($inputColor, 0.5);\n}\n\n@mixin readable {\n  font-size: 16px;\n  line-height: 22px;\n\n  h1, h2, h3, h4, h5, h6 {\n    margin: 24px 0 16px;\n    font-weight: 600;\n  }\n\n  h1 {\n    font-size: 32px;\n    line-height: 40px;\n    color: #000;\n  }\n\n  h2 {\n    font-size: 24px;\n    line-height: 30px;\n  }\n\n  h3 {\n    font-size: 20px;\n    line-height: 24px;\n  }\n\n  h4 {\n    font-size: 16px;\n    line-height: 20px;\n  }\n\n  h5 {\n    font-size: 14px;\n    line-height: 18px;\n  }\n\n  h6 {\n    font-size: 13.6px;\n    line-height: 17px;\n    color: $mediumTextColor;\n  }\n\n  ul,\n  ol {\n    margin: 1em 0;\n    @include padding-left(2em);\n  }\n\n  ul li {\n    list-style-type: disc;\n  }\n\n  li + li {\n    margin-top: 0.25em;\n  }\n\n  blockquote {\n    margin: 16px 0;\n\n    &:not(.note) {\n      padding: 0 16px;\n      color: $mediumTextColor;\n      @include border-left(4px solid $hairlineColor);\n    }\n\n    &.note {\n      position: relative;\n      border-radius: 4px;\n      padding: 1em;\n      @include padding-left(56px);\n      border: 1px solid;\n\n      &:not(.tip):not(.warning) {\n        border-color: $errorColor;\n        color: #bf503f;\n\n        &:before {\n          content: 'alert';\n          color: $errorColor;\n        }\n      }\n\n      &.tip {\n        border-color: $linkColor;\n        color: $mediumTextColor;\n\n        &:before {\n          content: 'lightbulb';\n          color: $linkColor;\n        }\n      }\n\n      &.warning {\n        border-color: $warningColor;\n        color: #cf783a;\n\n        &:before {\n          content: 'alert';\n          color: $warningColor;\n        }\n      }\n\n      &:before {\n        @include icon;\n        position: absolute;\n        top: 12px;\n        @include left(16px);\n        font-size: 30px;\n        width: 24px;\n      }\n    }\n  }\n}\n"]}