{"version":3,"sources":["../src/marketing/src/marketing/buttons/button.scss","../src/marketing/src/marketing/support/mixins.scss","../src/marketing/src/support/variables/typography.scss"],"names":[],"mappings":"AAAA,UACE,iBAAkB,CAClB,SAAU,CACV,oBAAqB,CACrB,kCAA2B,CAA3B,+BAA2B,CAA3B,0BAA2B,CAE3B,2BCwEiC,CDtEjC,cAAe,CACf,eEcoB,CFbpB,aAAc,CACd,kBAAmB,CACnB,qBAAsB,CACtB,wBAAiB,CAAjB,gBAAiB,CACjB,QAAS,CAET,qBC8DiC,CA7EjC,gCDkB4B,CCjB5B,gDDmBiC,CClBjC,gHAA6D,CAE7D,kBACE,gIAA8D,CAC/D,mHAQC,gDDM+B,CCL/B,gHAA6D,CAC9D,gCAIC,SAAU,CACV,iEAAuC,CACxC,oEAKC,mBAAoB,CACpB,cAAe,CACf,WAAY,CACb,kBDJC,qCAAsC,CACtC,iBAAkB,CAClB,KAAM,CACN,OAAQ,CACR,QAAS,CACT,MAAO,CACP,UAAW,CACX,UAAW,CAEX,qBC0C+B,CDzC/B,SAAU,CACV,uBAAwB,CAtC5B,gBA0CI,oBAAqB,CA1CzB,wBA6CM,SAAU,CACV,uBAAwB,CACzB,kBC9CH,wCDoDoC,CCnDpC,wDDqDyC,CCpDzC,gIAA6D,CAE7D,0BACE,gJAA8D,CAC/D,mKAQC,wDDwCuC,CCvCvC,gIAA6D,CAC9D,gDAIC,SAAU,CACV,yEAAuC,CACxC,4FAKC,mBAAoB,CACpB,cAAe,CACf,WAAY,CACb,qBA9BD,2CD8DuC,CC7DvC,2DD+D4C,CC9D5C,sIAA6D,CAE7D,6BACE,sJAA8D,CAC/D,qLAQC,2DDkD0C,CCjD1C,sIAA6D,CAC9D,sDAIC,SAAU,CACV,4EAAuC,CACxC,qGAKC,mBAAoB,CACpB,cAAe,CACf,WAAY,CACb,kBAID,wCDsCoC,CCrCpC,eAAgB,CAChB,+DAAmC,CD2CnC,sCAAuC,CCzCvC,0BACE,YAAa,CACd,mKAQC,8CDyBwC,CCxBxC,eAAgB,CAChB,qEAAwC,CACzC,gDAIC,SAAU,CACV,gIDqBgD,CCpBjD,4FAKC,WAAY,CACb,iBA7BD,qCDkDiC,CCjDjC,eAAgB,CAChB,4DAAmC,CDuDnC,sCAAuC,CCrDvC,yBACE,YAAa,CACd,6JAQC,2CDqCqC,CCpCrC,eAAgB,CAChB,kEAAwC,CACzC,8CAIC,SAAU,CACV,0HDiC6C,CChC9C,yFAKC,WAAY,CACb,gBDmCD,6BCrBiC,CDsBlC,gBAIC,iCAAkC","file":"marketing-buttons.css","sourcesContent":[".btn-mktg {\n  position: relative;\n  z-index: 1;\n  display: inline-block;\n  appearance: none !important;\n  // stylelint-disable-next-line primer/spacing\n  padding: rem(($spacer-3) * 0.9) rem($spacer-4) rem(($spacer-3) * 1.1);\n  // stylelint-disable-next-line primer/typography\n  font-size: 1rem;\n  font-weight: $font-weight-bold;\n  line-height: 1;\n  white-space: nowrap;\n  vertical-align: middle;\n  user-select: none;\n  border: 0;\n  // stylelint-disable-next-line primer/borders\n  border-radius: rem(6px);\n\n  @include btn-solid-mktg(\n    var(--color-mktg-btn-text),\n    var(--color-mktg-btn-bg-top),\n    var(--color-mktg-btn-bg-bottom),\n    var(--color-mktg-btn-bg-overlay-top),\n    var(--color-mktg-btn-bg-overlay-bottom),\n  );\n\n  &::before {\n    background-blend-mode: overlay, normal;\n    position: absolute;\n    top: 0;\n    right: 0;\n    bottom: 0;\n    left: 0;\n    z-index: -1;\n    content: \"\";\n    // stylelint-disable-next-line primer/borders\n    border-radius: rem(6px);\n    opacity: 0;\n    transition: opacity 0.4s;\n  }\n\n  &:hover {\n    text-decoration: none;\n\n    &::before {\n      opacity: 1;\n      transition: opacity 0.4s;\n    }\n  }\n}\n\n.btn-primary-mktg {\n  @include btn-solid-mktg(\n    var(--color-mktg-btn-primary-text),\n    var(--color-mktg-btn-primary-bg-top),\n    var(--color-mktg-btn-primary-bg-bottom),\n    var(--color-mktg-btn-primary-bg-overlay-top),\n    var(--color-mktg-btn-primary-bg-overlay-bottom),\n  );\n}\n\n.btn-enterprise-mktg {\n  @include btn-solid-mktg(\n    var(--color-mktg-btn-enterprise-text),\n    var(--color-mktg-btn-enterprise-bg-top),\n    var(--color-mktg-btn-enterprise-bg-bottom),\n    var(--color-mktg-btn-enterprise-bg-overlay-top),\n    var(--color-mktg-btn-enterprise-bg-overlay-bottom),\n  );\n}\n\n.btn-outline-mktg {\n  @include btn-outline-mktg(\n    var(--color-mktg-btn-outline-text),\n    var(--color-mktg-btn-outline-hover-text),\n    var(--color-mktg-btn-outline-border),\n    var(--color-mktg-btn-outline-hover-border),\n    var(--color-mktg-btn-outline-focus-border),\n    var(--color-mktg-btn-outline-focus-border-inset)\n  );\n  transition: box-shadow 0.4s, color 0.4s;\n}\n\n.btn-transparent {\n  @include btn-outline-mktg(\n    var(--color-mktg-btn-dark-text),\n    var(--color-mktg-btn-dark-hover-text),\n    var(--color-mktg-btn-dark-border),\n    var(--color-mktg-btn-dark-hover-border),\n    var(--color-mktg-btn-dark-focus-border),\n    var(--color-mktg-btn-dark-focus-border-inset)\n  );\n  transition: box-shadow 0.4s, color 0.4s;\n}\n\n// Size modifiers\n\n.btn-small-mktg {\n  // stylelint-disable-next-line primer/spacing\n  padding: rem(10px) rem($spacer-3) rem(13px);\n}\n\n.btn-large-mktg {\n  // stylelint-disable-next-line primer/spacing\n  padding: 20px 30px 23px !important;\n}\n","@mixin btn-solid-mktg($color, $bg, $bg2, $bg3, $bg4) {\n  color: $color;\n  background-color: $bg2;\n  background-image: linear-gradient(-180deg, $bg 0%, $bg2 100%);\n\n  &::before {\n    background-image: linear-gradient(-180deg, $bg3 0%, $bg4 100%);\n  }\n\n  &:hover,\n  &.hover,\n  &:active,\n  &.selected,\n  &[aria-selected=true],\n  [open] > & {\n    background-color: $bg2;\n    background-image: linear-gradient(-180deg, $bg 0%, $bg2 100%);\n  }\n\n  &:focus,\n  &.focus {\n    outline: 0;\n    box-shadow: 0 0 0 0.2em rgba($bg2, 0.4);\n  }\n\n  &:disabled,\n  &.disabled,\n  &[aria-disabled=true] {\n    pointer-events: none;\n    cursor: default;\n    opacity: 0.5;\n  }\n}\n\n@mixin btn-outline-mktg($color, $color2, $border, $borderHover, $borderFocus, $borderFocusInset) {\n  color: $color;\n  background: none;\n  box-shadow: 0 0 0 1px $border inset;\n\n  &::before {\n    display: none;\n  }\n\n  &:hover,\n  &.hover,\n  &:active,\n  &.selected,\n  &[aria-selected=true],\n  [open] > & {\n    color: $color2;\n    background: none;\n    box-shadow: 0 0 0 2px $borderHover inset;\n  }\n\n  &:focus,\n  &.focus {\n    outline: 0;\n    box-shadow: 0 0 0 2px $borderFocus inset, 0 0 0 4px $borderFocusInset;\n  }\n\n  &:disabled,\n  &.disabled,\n  &[aria-disabled=true] {\n    opacity: 0.5;\n  }\n}\n\n$browser-context: 16 !default;\n\n@function rem($pixels, $context: $browser-context) {\n  @if (unitless($pixels)) {\n    $pixels: $pixels * 1px;\n  }\n\n  @if (unitless($context)) {\n    $context: $context * 1px;\n  }\n\n  @return $pixels / $context * 1rem;\n}\n","// Typography variables\n\n// Heading sizes - mobile\n// h4-h6 remain the same size on both mobile & desktop\n$h00-size-mobile: 40px !default;\n$h0-size-mobile: 32px !default;\n$h1-size-mobile: 26px !default;\n$h2-size-mobile: 22px !default;\n$h3-size-mobile: 18px !default;\n\n// Heading sizes - desktop\n$h00-size: 48px !default;\n$h0-size: 40px !default;\n$h1-size: 32px !default;\n$h2-size: 24px !default;\n$h3-size: 20px !default;\n$h4-size: 16px !default;\n$h5-size: 14px !default;\n$h6-size: 12px !default;\n\n$font-size-small: 12px !default;\n\n// Font weights\n$font-weight-bold: 600 !default;\n$font-weight-semibold: 500 !default;\n$font-weight-normal: 400 !default;\n$font-weight-light: 300 !default;\n\n// Line heights\n$lh-condensed-ultra: 1 !default;\n$lh-condensed: 1.25 !default;\n$lh-default: 1.5 !default;\n\n// Font stacks\n$body-font: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\" !default;\n\n// Monospace font stack\n// Note: SFMono-Regular needs to come before SF Mono to fix an older version of the font in Chrome\n$mono-font: ui-monospace, SFMono-Regular, SF Mono, Consolas, Liberation Mono, Menlo, monospace !default;\n\n// The base body size\n$body-font-size: 14px !default;\n$body-line-height: $lh-default !default;\n"]}