{"version":3,"file":"../css/call_to_action.css","mappings":"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","sources":["webpack://bidxone/./src/sass/components/_circle_ripple.scss","webpack://bidxone/./src/sass/components/_button.scss","webpack://bidxone/./src/sass/typography.scss","webpack://bidxone/./src/sass/variables.scss","webpack://bidxone/./src/sass/plugins/call_to_action.scss","webpack://bidxone/./src/sass/responsive-utils.scss"],"sourcesContent":[".circle-ripple {\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  overflow: hidden;\n  background: transparent;\n\n  &__circle {\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);\n    opacity: 0;\n    width: 0;\n    height: 0;\n    border-radius: 50%;\n    background: transparentize($white, 0.75);\n  }\n  &.is-active .circle-ripple__circle {\n    animation: animate-ripple 0.4s ease-in;\n  }\n}\n\n@keyframes animate-ripple {\n  0% {\n    opacity: 0;\n  }\n  25% {\n    opacity: 1;\n  }\n  100% {\n    width: 200%;\n    padding-bottom: 200%;\n    opacity: 0;\n  }\n}\n","@import '../variables';\n@import '../typography';\n@import '../components/circle_ripple';\n\n@mixin outlined-button-mixin {\n  @include body-text;\n  position: relative;\n  background-color: transparent;\n  border-radius: 25px;\n  border: 1px solid $white;\n  padding: 5px 40px;\n  color: $white;\n  overflow: hidden;\n\n  &:before {\n    content: '';\n    background-color: $white;\n    width: 100%;\n    height: 100%;\n    position: absolute;\n    top: 0;\n    left: 0;\n    opacity: 0;\n  }\n\n  &:hover:not(:disabled) {\n    border: 1px solid transparent;\n\n    &:before {\n      opacity: 0.12;\n    }\n  }\n}\n\n.outlined-button {\n  @include outlined-button-mixin;\n}\n\n@mixin outline-styling {\n  &,\n  &:focus {\n    outline: none;\n  }\n\n  &:focus-visible {\n    outline: 1px solid $black;\n  }\n}\n\n@mixin button-base {\n  @include link-text;\n  @include outline-styling;\n  box-sizing: border-box;\n  border-radius: 3px;\n  letter-spacing: 0.46px;\n  padding: 14px 42px; // default padding\n  position: relative;\n  overflow: hidden;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n\n  &,\n  &:focus {\n    box-shadow: none;\n  }\n}\n\n.primary-button {\n  @include button-base;\n  background-color: $primary;\n  color: $white;\n  border: 1px solid $primary;\n  display: inline-block;\n\n  &:hover:not(:disabled) {\n    text-decoration: none;\n    background-color: #12266c;\n    color: $white;\n  }\n\n  &:disabled {\n    color: $body-text;\n    border: 1px solid #d5d5d5;\n    background-color: transparentize($body-text, 0.65);\n  }\n}\n\n.primary-button.disabled {\n  &:hover {\n    color: $body-text;\n    border: 1px solid #d5d5d5;\n    background-color: transparentize($body-text, 0.65);\n    pointer-events: none;\n  }\n  color: $body-text;\n  border: 1px solid #d5d5d5;\n  background-color: transparentize($body-text, 0.65);\n  pointer-events: none;\n}\n\n.primary-negative-button {\n  @include button-base;\n  background: transparent;\n  color: $white;\n  border: 1px solid $white;\n  display: inline-block;\n\n  &:hover:not(:disabled) {\n    text-decoration: none;\n    background: transparentize($white, 0.88);\n    border: 1px solid transparentize($white, 0.88);\n    color: $white;\n  }\n\n  &:disabled {\n    color: $body-text;\n    border: 1px solid transparentize($body-text, 0.82);\n    background: transparentize($body-text, 0.82);\n  }\n}\n\n.secondary-button {\n  @include button-base;\n  background-color: $white;\n  color: $secondary;\n  border: 1px solid $secondary;\n\n  &:hover:not(:disabled) {\n    cursor: pointer;\n    background-color: transparentize($secondary, 0.92);\n    color: $secondary;\n  }\n\n  &:disabled {\n    color: $body-text;\n    border: 1px solid transparentize($body-text, 0.89);\n    background: transparentize($body-text, 0.89);\n  }\n}\n\n.tertiary-button {\n  @include button-base;\n  background-color: $white;\n  color: $primary;\n  border: 1px solid $primary;\n\n  &:hover:not(:disabled) {\n    background: darken($secondary-background, 0.8%);\n    border: 1px solid darken($secondary-background, 20%);\n  }\n\n  &:disabled {\n    color: $body-text;\n    border: 1px solid transparentize($body-text, 0.89);\n    background: transparentize($body-text, 0.89);\n  }\n}\n\n.small-tertiary-button {\n  @extend .tertiary-button;\n  @include tag-text;\n  font-size: 13px;\n  color: $primary;\n}\n\n.call-to-action-button {\n  @include button-base;\n  height: 57px;\n  border-radius: 5px;\n  border: none;\n  background: linear-gradient(118.71deg, $secondary-darker 0%, $secondary 100%);\n  box-shadow: 5px 5px 10px 0 lighten($color: $blue-shadow, $amount: 0.1);\n  color: $white;\n  font-size: 16px;\n  font-weight: 600;\n  line-height: 22px;\n  position: relative;\n  overflow: hidden;\n  transition: all cubic-bezier(0.64, 0.04, 0.35, 1);\n\n  &:disabled {\n    opacity: 0.5;\n  }\n\n  &:hover:not(:disabled) {\n    color: $white;\n    cursor: pointer;\n    background: linear-gradient(\n      118.71deg,\n      $secondary-darker 0%,\n      $secondary-darker 100%\n    );\n    box-shadow: 3px 3px 4px 0 lighten($color: $blue-shadow, $amount: 0.08);\n  }\n}\n\n.registration-pending-auction-button {\n  @extend .call-to-action-button;\n  background: linear-gradient(118.71deg, #fa9917 0%, #f78e02 100%);\n\n  &:disabled {\n    opacity: unset;\n  }\n}\n\n.payment-outstanding-auction-button {\n  @extend .call-to-action-button;\n  background: linear-gradient(118.71deg, #ff5f58 0%, #f2453e 100%);\n\n  &:disabled {\n    opacity: unset;\n  }\n\n  .ico-mark {\n    width: 22px;\n    height: 22px;\n  }\n}\n\n.registration-approved-auction-button {\n  @extend .call-to-action-button;\n  background: linear-gradient(118.71deg, #2ac940 0%, #0cca26 100%);\n\n  &:disabled {\n    opacity: unset;\n  }\n}\n\n.remove-button {\n  @include button-base;\n  color: $cherry-bomb;\n  border: 1px solid $cherry-bomb;\n  line-height: 20px;\n  padding: 0 37px;\n  height: 48px;\n  background: transparent;\n\n  &:hover,\n  &:focus,\n  &.active {\n    background: rgba(255, 89, 109, 0.1);\n    color: $cherry-bomb;\n  }\n}\n\n.remove-x-button {\n  @include outline-styling;\n  position: relative;\n  background: transparent;\n  border: none;\n  width: 30px;\n  height: 30px;\n  margin: 0;\n  padding: 0;\n\n  &::before {\n    position: absolute;\n    font-size: 30px;\n    color: $cherry-bomb;\n    content: '+';\n    left: 50%;\n    top: 50%;\n    transform: translate(-50%, -50%) rotate(45deg);\n  }\n}\n\n.download-button {\n  @include button-base;\n  border-radius: 30px;\n  background-color: $secondary-darker;\n  border: 1px solid $secondary;\n  box-shadow: 5px 5px 10px 0 $blue-shadow;\n  color: $white;\n  transition: all cubic-bezier(0.64, 0.04, 0.35, 1);\n\n  &:hover {\n    cursor: pointer;\n    background-color: darken($color: $secondary-darker, $amount: 0.1);\n    box-shadow: 3px 3px 4px 0 darken($color: $blue-shadow, $amount: 0.04);\n  }\n}\n\n.round-button {\n  @include outline-styling;\n  height: 60px;\n  width: 60px;\n  border-radius: 30px;\n  border: none;\n  background-color: $white;\n  box-shadow: $button-blue-shadow;\n  position: relative;\n  overflow: hidden;\n\n  &:disabled {\n    opacity: 0.5;\n  }\n\n  &:hover:not(:disabled) {\n    cursor: pointer;\n    box-shadow: $button-hover-blue-shadow;\n  }\n}\n\n.small-round-button {\n  @include outline-styling;\n  height: 40px;\n  width: 40px;\n  border-radius: 20px;\n  border: none;\n  background-color: $white;\n  color: $black;\n  box-shadow: $button-shadow;\n  font-size: 20px;\n  font-weight: 700;\n  line-height: 28px;\n  transition: all 0.2s ease;\n  position: relative;\n  overflow: hidden;\n\n  &:hover:not(:disabled) {\n    cursor: pointer;\n    color: $secondary;\n    box-shadow: $button-hover-black-shadow;\n  }\n}\n\n.square-button {\n  @include outline-styling;\n  @include header-3;\n  background: $white;\n  color: $black;\n  height: 40px;\n  width: 40px;\n  border-color: transparent;\n  box-shadow: $button-shadow;\n  border-radius: 3px;\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n\n  &::before {\n    content: '>';\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);\n  }\n\n  &.reverse {\n    &::before {\n      content: '<';\n    }\n  }\n\n  &:hover:enabled {\n    box-shadow: 1px 3px 4px 0 $light-shadow;\n    color: $secondary;\n  }\n\n  &--faded {\n    background: transparentize($white, 0.62);\n    color: $white;\n    height: 44px;\n    width: 44px;\n    box-shadow: none;\n    border-radius: 5px;\n    font-size: 30px;\n    font-weight: 700;\n\n    &:hover:enabled {\n      background: transparentize($white, 0.41);\n      box-shadow: none;\n      color: $white;\n    }\n\n    &:disabled {\n      opacity: 0.76;\n      color: lighten($black, 31%);\n    }\n  }\n}\n\n.text-button {\n  @include outline-styling;\n  background: transparent;\n  border: none;\n  color: $secondary;\n  font-size: 16px;\n  font-weight: 600;\n  line-height: 22px;\n}\n\n.close-button {\n  @include outline-styling;\n  position: absolute;\n  right: 20px;\n  top: 20px;\n  height: 37px;\n  width: 37px;\n  border: 0;\n  border-radius: 3px;\n  box-shadow: $button-shadow;\n  color: $black;\n  background-color: $white;\n  opacity: 1;\n\n  &:hover {\n    color: $secondary;\n    box-shadow: $button-hover-black-shadow;\n  }\n\n  .close-icon {\n    font-size: 20px;\n    font-weight: 700;\n    line-height: 28px;\n  }\n}\n\n.white-button {\n  @include button-base;\n  background-color: white;\n  color: $secondary;\n  border: 1px solid $secondary;\n  display: inline-block;\n  border-radius: 6px;\n  width: 100%;\n  text-align: center;\n  padding: 8px 5px;\n  cursor: pointer;\n  font-weight: 600;\n  font-size: 14px;\n  text-transform: capitalize;\n\n  &:hover:not(:disabled) {\n    text-decoration: none;\n    background-color: #f7f9fc;\n    color: $secondary;\n    border: 1px solid $secondary;\n  }\n\n  &:disabled {\n    color: $body-text;\n    border: 1px solid #d5d5d5;\n    background-color: transparentize($body-text, 0.65);\n  }\n  img {\n    width: 18px;\n    height: 18px;\n    margin-right: 5px;\n    margin-bottom: 2px;\n  }\n}\n","@import 'variables';\n\n@mixin main-header {\n  color: $white;\n  font-size: 77px;\n  font-weight: 700;\n  line-height: 81px;\n}\n\n@mixin header-1 {\n  color: $primary;\n  font-size: 52px;\n  font-weight: 700;\n  line-height: 73px;\n}\n\n@mixin header-2 {\n  color: $primary;\n  font-size: 27px;\n  font-weight: 700;\n  line-height: 38px;\n}\n\n@mixin header-3 {\n  color: $black;\n  font-size: 20px;\n  font-weight: 700;\n  line-height: 28px;\n}\n\n@mixin header-4 {\n  color: $black;\n  font-size: 20px;\n  font-weight: 500;\n  line-height: 28px;\n}\n\n@mixin stc-offer-header {\n  font-size: 55px;\n  font-weight: 600;\n  line-height: 77px;\n}\n\n@mixin body-text {\n  color: $body-text;\n  font-size: 16px;\n  font-weight: 500;\n  line-height: 21px;\n}\n\n@mixin link-text {\n  color: $links;\n  font-size: 15px;\n  font-weight: 700;\n  line-height: 21px;\n}\n\n@mixin tag-text {\n  color: $body-text;\n  font-size: 12px;\n  font-weight: 700;\n  line-height: 17px;\n}\n\n@mixin navbar-text {\n  color: $black;\n  font-size: 16px;\n  font-weight: 600;\n  line-height: 25px;\n}\n\n@mixin table-header {\n  color: $black;\n  font-size: 15px;\n  font-weight: 600;\n  line-height: 21px;\n}\n\n@mixin input-error {\n  color: $error;\n  font-size: 11px;\n  font-weight: 500;\n  line-height: 15px;\n}\n\n@mixin auction-property-status-label {\n  color: $white;\n  font-size: 11px;\n  font-weight: 500;\n  line-height: 15px;\n}\n\n@mixin negative-form-input {\n  color: $white;\n  font-size: 22px;\n  font-weight: 700;\n  letter-spacing: 0.44px;\n  line-height: 31px;\n}\n\n@mixin negative-form-label {\n  color: $white;\n  font-size: 16px;\n  font-weight: 700;\n  line-height: 22px;\n}\n\n@mixin form-input {\n  color: $black;\n  font-size: 15px;\n  font-weight: 600;\n  line-height: 21px;\n}\n\n@mixin form-label {\n  color: $secondary;\n  font-size: 14px;\n  font-weight: 600;\n  line-height: 20px;\n}\n\n@mixin controls-item {\n  color: $black;\n  font-size: 13px;\n  font-weight: 500;\n  line-height: 18px;\n}\n\n@mixin carousel-header {\n  color: $black;\n  font-size: 44px;\n  font-weight: 700;\n  line-height: 62px;\n}\n\n@mixin address-header {\n  color: $black;\n  font-size: 30px;\n  font-weight: 600;\n  line-height: 42px;\n}\n\n@mixin notification-text {\n  color: $white;\n  font-size: 17px;\n  font-weight: 500;\n  line-height: 24px;\n}\n\n@mixin auction-header {\n  color: $black;\n  font-size: 22px;\n  font-weight: 500;\n  line-height: 31px;\n}\n\n@mixin popover-modal-header {\n  color: $primary;\n  font-size: 15px;\n  font-weight: 600;\n  line-height: 21px;\n}\n\n@mixin popover-modal-description {\n  color: $grey;\n  font-size: 11px;\n  font-weight: 500;\n  line-height: 14px;\n}\n\n@mixin notice-text {\n  color: $secondary;\n  font-size: 12px;\n  font-weight: 600;\n  line-height: 17px;\n}\n\n@mixin stc-button {\n  color: $white;\n  font-size: 16px;\n  font-weight: 600;\n  line-height: 22px;\n}\n\n@mixin italic-text {\n  color: $black;\n  opacity: 0.8;\n  font-size: 16px;\n  font-style: italic;\n  line-height: 22px;\n}\n","// -------------------------------\n//       GLOBAL VARIABLES\n// -------------------------------\n\n// --------- COLORS ---------\n$primary: #233c96;\n$secondary: #3a8dfb;\n$secondary-darker: #357ddd;\n$secondary-2: #39F;\n$accent: #fa7889;\n$links: #2d9bf0;\n$queenly-grey: #527896;\n$error: #f4314a;\n$warning: #f5d547;\n$background: #ffffff;\n$secondary-background: #f9fafe;\n$light-blue-background: #243c96;\n$dark-blue-background: #0a2692;\n$grey-background: #f6f6f6;\n$gentle-green: #73d77d;\n$green: #82c91e;\n$body-text: #444a57;\n$black: #000000;\n$white: #ffffff;\n$grey: #888888;\n$grey-2: #5A6373;\n$light-grey: #cccccc;\n$light-grey-2: #c8c8c8;\n$cherry-bomb: #ff596d;\n$stc-dark-grey: #252849;\n$stc-button-shadow: #1e2c62;\n$shadow: rgba(0, 0, 0, 0.5);\n$light-shadow: rgba(0, 0, 0, 0.25);\n$white-shadow: rgba(255, 255, 255, 0.5);\n$black-shadow: rgba(0, 0, 0, 0.11);\n$grey-shadow: rgba(198, 207, 220, 0.41);\n$blue-shadow: rgba(45, 155, 240, 0.28);\n$blue-shadow-transparent: rgba(51, 153, 255, 0.15);\n$blue-gradient: linear-gradient(\n  15.64deg,\n  $secondary-darker 0%,\n  $secondary 100%\n);\n$dark-blue-gradient: linear-gradient(\n  45deg,\n  $light-blue-background 0%,\n  $dark-blue-background 100%\n);\n$stc-button-gradient: linear-gradient(118.71deg, #2341b0 0%, #203a97 100%);\n// COLORS According to the styleguide (https://projects.invisionapp.com/prototype/styleguide2-ckesabylu000l1v01l0fmrao0/play/e4264193)\n$duchess-blue: #233c96;\n$august-blue: #3a83fb;\n$wellborn-blue: #2d9bf0;\n$queenly-grey: #527896;\n$swansong: #f9fafe;\n$noble-grey: #444a57;\n$black: #000000;\n$white: #ffffff;\n\n// --------- BOX SHADOWS ---------\n$image-shadow: 10px 15px 4px 0 $black-shadow;\n$label-shadow: 0 3px 4px 0 $light-shadow;\n$dropdown-shadow: 5px 5px 10px 0 $light-shadow;\n$button-shadow: 7px 7px 4px 0 $black-shadow;\n$button-blue-shadow: 2px 7px 4px 0 lighten($secondary, 23%);\n$button-hover-blue-shadow: 2px 7px 4px 0 lighten($secondary, 20%);\n$button-hover-black-shadow: 1px 3px 4px 0 $black-shadow;\n$button-bod-nav-hover: 0px 2px 4px 0 rgba(0,0,0,0.18);\n$icon-shadow: 0 2px 4px 0 $shadow;\n$widget-shadow: 7px 7px 20px 0 transparentize($secondary, 0.69);\n$modal-shadow: 7px 7px 10px 0 rgba(51, 153, 255, 0.29);\n$disclaimer-shadow: 2px 2px 10px 0 rgba(51,153,255,0.46);\n","@import '../responsive-utils.scss';\n@import '../typography.scss';\n@import '../components/button';\n\n.call-to-action {\n  .small-header {\n    @include header-1;\n    color: $primary;\n    line-height: 56px;\n    font-size: 40px;\n    margin-top: 100px;\n    margin-bottom: 60px;\n\n    @include mobile {\n      @include header-2;\n      line-height: 25px;\n      font-size: 22px;\n      margin: 20px 0;\n    }\n\n    @include small-mobile {\n      padding: 0 30px;\n    }\n\n    @include extra-small-mobile {\n      padding: 0 10px;\n    }\n  }\n\n  .small-description {\n    @include body-text;\n    line-height: 26px;\n    font-size: 16px;\n    @include mobile {\n      font-size: 13px;\n      line-height: 19px;\n      margin-bottom: 0px;\n    }\n  }\n\n  .learn-more-button {\n    @include outlined-button-mixin;\n    @include body-text;\n    line-height: 28px;\n    padding: 10px 70px;\n    border-radius: 200px;\n    margin-top: 25px;\n    font-weight: 600;\n    color: $primary;\n    border: 1px solid $primary;\n    font-size: 16px;\n    &:hover:not(:disabled) {\n      border: 2px solid $primary;\n      font-weight: 700;\n    }\n    @include mobile {\n      font-size: 15px;\n      padding: 5px 70px;\n    }\n  }\n}\n","$ULTRA_SMALL_MOBILE_WIDTH: 360px;\n$EXTRA_SMALL_MOBILE_WIDTH: 420px;\n$SMALL_MOBILE_WIDTH: 576px;\n$MOBILE_WIDTH: 767px;\n$DESKTOP_WIDTH: 992px;\n$WIDESCREEN_WIDTH: 1200px;\n$EXTRA_WIDESCREEN_WIDTH: 1500px;\n$ULTRA_WIDESCREEN_WIDTH: 1600px;\n\n@mixin ultra-small-mobile {\n  @media (max-width: #{$ULTRA_SMALL_MOBILE_WIDTH}) {\n    @content;\n  }\n}\n\n@mixin not-ultra-small-mobile {\n  @media (min-width: #{$ULTRA_SMALL_MOBILE_WIDTH + 1px}) {\n    @content;\n  }\n}\n\n@mixin extra-small-mobile {\n  @media (max-width: #{$EXTRA_SMALL_MOBILE_WIDTH}) {\n    @content;\n  }\n}\n\n@mixin extra-small-mobile-only {\n  @media (min-width: #{$ULTRA_SMALL_MOBILE_WIDTH + 1}) and (max-width: #{$EXTRA_SMALL_MOBILE_WIDTH}) {\n    @content;\n  }\n}\n\n@mixin small-mobile {\n  @media (max-width: #{$SMALL_MOBILE_WIDTH}) {\n    @content;\n  }\n}\n\n@mixin small-mobile-only {\n  @media (min-width: #{$EXTRA_SMALL_MOBILE_WIDTH + 1}) and (max-width: #{$SMALL_MOBILE_WIDTH}) {\n    @content;\n  }\n}\n\n@mixin not-small-mobile {\n  @media (min-width: #{$SMALL_MOBILE_WIDTH + 1px}) {\n    @content;\n  }\n}\n\n@mixin mobile {\n  @media (max-width: #{$MOBILE_WIDTH}) {\n    @content;\n  }\n}\n\n@mixin mobile-only {\n  @media (min-width: #{$SMALL_MOBILE_WIDTH + 1}) and (max-width: #{$MOBILE_WIDTH}) {\n    @content;\n  }\n}\n\n@mixin not-mobile {\n  @media (min-width: #{$MOBILE_WIDTH + 1px}) {\n    @content;\n  }\n}\n\n@mixin tablet {\n  @media (max-width: #{$DESKTOP_WIDTH - 1px}) {\n    @content;\n  }\n}\n\n@mixin tablet-only {\n  @media (min-width: #{$MOBILE_WIDTH + 1px}) and (max-width: #{$DESKTOP_WIDTH - 1px}) {\n    @content;\n  }\n}\n\n@mixin desktop {\n  @media (min-width: #{$DESKTOP_WIDTH}) {\n    @content;\n  }\n}\n\n@mixin desktop-only {\n  @media (min-width: #{$DESKTOP_WIDTH}) and (max-width:#{$WIDESCREEN_WIDTH - 1px}) {\n    @content;\n  }\n}\n\n@mixin not-widescreen {\n  @media (max-width: #{$WIDESCREEN_WIDTH - 1px}) {\n    @content;\n  }\n}\n\n@mixin widescreen {\n  @media (min-width: #{$WIDESCREEN_WIDTH}) {\n    @content;\n  }\n}\n\n@mixin extra-widescreen {\n  @media (min-width: #{$EXTRA_WIDESCREEN_WIDTH}) {\n    @content;\n  }\n}\n\n@mixin ultra-widescreen {\n  @media (min-width: #{$ULTRA_WIDESCREEN_WIDTH}) {\n    @content;\n  }\n}\n"],"names":[],"ignoreList":[],"sourceRoot":""}