<commit_before>@import mixins

// .darkswarm
//   product


// Pop over
// Foundation overrides
.joyride-tip-guide.price_breakdown
  // JS needs to be tweaked to adjust for left alignment - this is dynamic can't rewrite in CSS
  background-color: #999
  color: #1f1f1f
  @include box-shadow(0 1px 2px 0 rgba(0,0,0,0.7))

  .joyride-content-wrapper
    padding: 1.125rem 1.25rem 1.5rem
    padding: 1rem
    margin: 1%
    width: 98%
    background-color: white

  h1, h2, h3, h4, h5, h6
    color: #1f1f1f

  .joyride-nub.right
    top: 40px
    border-color: #999 !important
    border-top-color: transparent !important
    border-right-color: transparent !important
    border-bottom-color: transparent !important

  .progress
    background-color: #13bf85
    padding: 0
    border: none
    color: white
    font-size: 0.75rem
    font-style: oblique
    line-height: 1
    height: auto
    .right
      padding: 0.5rem 0.25rem 0 0 
    .meter
      background-color: #0b8c61
      padding: 0.5rem 0.25rem
      border-right: 1px solid #539f92
  
  .expanded 
    ul, li
      list-style: none
      margin: 0
      font-size: 0.875rem
    li
      background-color: #13bf85
      padding: 0 0.25rem
      margin-bottom: 2px
      color: white
    li.cost
      background-color: #0b8c61
    li:last-child
      margin-bottom: 0.75rem


button.graph-button
  padding: 0
  margin: 0
  @include border-radius(99999)
  display: inline
  background-color: rgba(255,255,255,0.5)
  padding: 0.2rem

  &:focus
    background-color: rgba(255,255,255,0.5)
    i.ofn-i-058-graph
      color: #999

  &:hover, &:active
    background-color: rgba(255,255,255,1)
    i.ofn-i-058-graph
      color: $clr-brick-bright

  i.ofn-i-058-graph
    color: #999
    margin: 0
    padding: 0
    font-size: 1rem

button.graph-button.open
  background-color: #999
  
  &:hover, &:active, &:focus
    background-color: #b2b2b2
    i.ofn-i-058-graph
      color: $clr-brick-bright

  i.ofn-i-058-graph
    color: $clr-brick



<commit_msg>Order cycle popover make strong red and left aligned so it works when used for multiple order cycle use-cases<commit_after>@import mixins
@import branding

// .darkswarm
//   product

ordercycle
  .joyride-tip-guide 
    background-color: $clr-brick
    .joyride-nub.right
      border-color: $clr-brick !important
      border-top-color: transparent !important
      border-right-color: transparent !important
      border-bottom-color: transparent !important
    p
      margin: 0
      font-weight: 700

// Pop over
// Foundation overrides
.joyride-tip-guide.price_breakdown
  // JS needs to be tweaked to adjust for left alignment - this is dynamic can't rewrite in CSS
  background-color: #999
  color: #1f1f1f
  @include box-shadow(0 1px 2px 0 rgba(0,0,0,0.7))

  .joyride-content-wrapper
    padding: 1.125rem 1.25rem 1.5rem
    padding: 1rem
    margin: 1%
    width: 98%
    background-color: white

  h1, h2, h3, h4, h5, h6
    color: #1f1f1f

  .joyride-nub.right
    top: 40px
    border-color: #999 !important
    border-top-color: transparent !important
    border-right-color: transparent !important
    border-bottom-color: transparent !important

  .progress
    background-color: #13bf85
    padding: 0
    border: none
    color: white
    font-size: 0.75rem
    font-style: oblique
    line-height: 1
    height: auto
    .right
      padding: 0.5rem 0.25rem 0 0 
    .meter
      background-color: #0b8c61
      padding: 0.5rem 0.25rem
      border-right: 1px solid #539f92
  
  .expanded 
    ul, li
      list-style: none
      margin: 0
      font-size: 0.875rem
    li
      background-color: #13bf85
      padding: 0 0.25rem
      margin-bottom: 2px
      color: white
    li.cost
      background-color: #0b8c61
    li:last-child
      margin-bottom: 0.75rem


button.graph-button
  padding: 0
  margin: 0
  @include border-radius(99999rem)
  display: inline
  background-color: rgba(255,255,255,0.5)
  padding: 0.2rem

  &:focus
    background-color: rgba(255,255,255,0.5)
    i.ofn-i-058-graph
      color: #999

  &:hover, &:active
    background-color: rgba(255,255,255,1)
    i.ofn-i-058-graph
      color: $clr-brick-bright

  i.ofn-i-058-graph
    color: #999
    margin: 0
    padding: 0
    font-size: 1rem

button.graph-button.open
  background-color: #999
  
  &:hover, &:active, &:focus
    background-color: #b2b2b2
    i.ofn-i-058-graph
      color: $clr-brick-bright

  i.ofn-i-058-graph
    color: $clr-brick




{'fraction_non_alphanumeric': 0.10912343470483005, 'fraction_numerical': 0.07468694096601074, 'mean_word_length': 2.4302147239263805, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 3, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 2, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 1}}
{'dir': 'git-commits-cleaned', 'id': '7147156', 'n_tokens_mistral': 1876, 'n_tokens_neox': 1624, 'n_words': 400}