<commit_before>@import "../../Framework/themes/default/kdfn"
@import "../../Main/styl/appfn"

@css {
/*
Pricing stylesheet
pricing.styl
*/
}

.content-page.pricing
  margin                55px auto 0
  width                 auto
  max-width             100%
  padding               0

  h3.pricing-title
    text-align          center
    display             block
    font-size           28px
    font-weight         200
    color               #666666
    margin              56px 0 4px

  h6.pricing-subtitle
    text-align          center
    display             block
    font-size           18px
    font-weight         400
    color               #666666
    opacity             .5
    margin-bottom       55px

.pricing .product-form
  size                  100%, auto
  min-height            100vh
  background            url('/a/images/home/speedometer.jpg') no-repeat center center
  background-size       cover
  margin                -55px 0 0
  padding               142px 0 87px
  borderBox()

  .inner-container
    max-width           1096px
    margin              0 auto

    >header
      padding-bottom    41px
      border-bottom     1px solid #202729

      h2
        font-size       28px
        font-weight     200
        color           #fff
        margin-bottom   8px

      p
        font-size       20px
        color           #c5c5c5
        font-weight     200px
        line-height     26px
        width           702px
        fl()

      .pricing-toggle
        font-family     inherit
        rounded         12px
        background      #242a2c
        size            303px, 59px
        shadow          inset 0 0 13px rgba(0, 0, 0, .36)
        fr()

        a
          background    transparent
          border        none
          shadow        none
          size          50%, 59px
          margin        0
          padding       0
          line-height   59px
          text-shadow   none
          color         #fff
          font-size     16px
          font-weight   200

        a.active
          background    #27ae60
          color         #242a2c
          rounded       12px
          font-weight   400


    .plan-selection
      .plan-selection-box
        width           715px
        padding-top     42px
        fl()

        &:nth-of-type(2)
          margin-left   70px

        h4
          font-size     28px
          color         #fff
          font-weight   200
          line-height   34px
          display       inline-block
          position      relative

          cite
            display     block
            abs         -4px -53px 0 0
            size        43px, 43px
            line-height 43px
            text-align  center
            font-size   18px
            background  #242a2c
            rounded     50%

        h5
          font-size     22px
          font-weight   200
          color         rgba(242, 242, 242, .4)
          margin        4px 0 0

        .sliderbar-container
          background    #1e884b
          height        7px
          border        none
          shadow        none
          margin        62px auto 0

          .handle
            size        26px, 26px
            shadow      none
            border      none
            rounded     50%
            background  #27ae60
            top         -10px
            margin      0 0 0 -12px

            &:after
            &:before
              hidden()

          .sliderbar-label
            color           transparent
            margin-top      -45px
            margin-bottom   0

            &:after
              size          2px, 14px
              background    rgba(39, 174, 96, .5)

        .description
          display           block
          font-size         14px
          font-weight       200px
          color             rgba(197, 197, 197, .3)
          line-height       18px
          margin            46px 0 0

        &.selected
          width               275px
          fr()

          h5
            font-size         24px
            color             #27ae60
            margin            16px 0

          .description
            min-height        18px
            margin            0
            color             rgba(242, 242, 242, .3)

          .kdbutton.solid.buy-now
            size              126px, 48px
            line-height       48px
            font-size         18px
            color             #935600
            background        #ffa200
            padding           0
            rounded           6px
            font-weight       600
            margin            29px 0 0
            text-align        center
            text-transform    uppercase
            fl()

            .button-title
              line-height     inherit
              color           inherit
              font-size       inherit
              font-weight     inherit

    .team-plan
      .plan-selection-box
        width                 350px

.pricing-horizontal-divider
  size                656px, 1px
  background          -moz-linear-gradient(left, rgba(0,0,0,0) 0%, rgb(207,207,207) 50%, rgba(0,0,0,0) 100%)
  background          -webkit-linear-gradient(left, rgba(0,0,0,0) 0%,rgb(207,207,207) 50%,rgba(0,0,0,0) 100%)
  display             block
  margin              13px auto
  position            relative

  &:after
    content           ""
    size              13px, 13px
    abs               50% 0 0 50%
    background        #cfcfcf
    rounded           50%
    display           block
    vendor            transform, translateX(-50%) translateY(-50%)

/* Pricing sign-in - register */
section.pricing-sign-in
  kalc                padding-left, \(100% \- 1030px\)/2
  kalc                padding-right, \(100% \- 1030px\)/2
  margin-bottom       56px

  .pricing-title
    margin-bottom     54px !important

  .kdformview
    size              521px, 49px
    borderBox()
    fl()

    &~.kdformview
      width           418px

    >div
      overflow        visible
      fl()

      >div
        bg            color, #fff
        size          auto, auto
        margin        0
        rounded       6px
        margin-right  8px

    .kdinput
      size            200px, 49px
      rounded         6px
      border-color    #bcbcbc
      min-width       0

      &[name="email"]
        width         310px
        text-align    center
        background    transparent

        &::-webkit-input-placeholder
          font-size   14px
          color       #666666
        &:-moz-placeholder
          font-size   14px
          color       #666666

    .placeholder-helper
      top             17px
      font-size       14px
      color           #666666

    .kdbutton
      size            98px, 47px
      line-height     47px
      font-size       14px
      margin          1px 0 0 0
      rounded         6px
      background      #1aaf5d
      margin-left     2px

      .button-title
        line-height   inherit
        font-size     inherit

    .formline
      margin          0
      padding         0

  .divider
    size              91px, 49px
    line-height       49px
    text-align        center
    font-size         14px
    color             #666666
    fl()

/* Pricing - choose a payment method */
.pricing-payment-choice
  .payment-methods
    max-width         810px
    margin            0 auto

  .payment-method
    size            384px, 251px
    rounded         12px
    background      #fff
    padding-top     91px
    margin          0 0 42px 42px
    cursor          pointer
    -webkit-transition -webkit-transform .2s ease \,
                              box-shadow .2s ease
    -moz-transition    -moz-transform .2s ease \,
                           box-shadow .2s ease
    borderBox()
    fl()

    &:hover
      vendor        transform, scale(1.03) translateY(-8px)
      shadow        0 4px 8px rgba(0, 0, 0, .1)

    &:nth-of-type(2n-1)
      margin-left   0

    &:not(.new):before
      content       ""
      abs           43px 0 0 0px
      size          100%, 48px
      background    #b4b4b4

    &:not(.new):after
      content       ""
      abs           49px 5px 0 0
      rounded       12px
      bg            color, #828282

    &.new
      color         #858585
      background    #f2f2f2
      font-size     17px
      font-weight   400
      text-align    center
      padding-top   138px
      position      relative

      &:after
        content     ""
        r-sprite    "pricing", "plus"
        display     block
        abs         96px 0 0 50%
        vendor      transform, translateX(-50%)

    &.american-express:after
      r-sprite      "pricing", "amex"

    &.cirrus:after
      r-sprite      "pricing", "cirrus"

    &.discover:after
      r-sprite      "pricing", "discover"

    &.mastercard:after
      r-sprite      "pricing", "mastercard"

    &.paypal:after
      r-sprite      "pricing", "paypal"

    &.visa:after
      r-sprite      "pricing", "visa"

    .billing-link
      margin        46px 0 0

    pre
      font-family   "Courier"
      font-size     16px
      font-weight   400
      margin        0 0 14px 40px

/* Pricing add payment method form */
.payment-method-entry-form
  size                538px, auto
  rounded             12px
  padding             28px
  bg                  color, #fff
  margin              50px auto
  borderBox()

  .input-wrapper
    margin-bottom     16px

  input.kdinput.text
  textarea.kdinput.text
    size              100%, 50px
    border            1px solid #a0a0a0
    background        #fff
    color             #4c555f
    font-size         14px
    min-width         0
    borderBox()
    &.validation-error
      border-color    #ea8779


  .formline
    margin            0
    padding           0
    size              auto, auto
    clear             both

    &.card-name
      .input-wrapper
        size          231px, auto
        fl()
        &:nth-child(2)
          margin-left 20px

    &.cardnumber
      span.icon
        top             6px
        right           6px
        size            60px 38px
        z-index         1
        abs()
        &.visa
          r-sprite      pricing visa
        &.mastercard
          r-sprite      pricing mastercard
        &.discover
          r-sprite      pricing discover
        &.cirrus
          r-sprite      pricing cirrus
        &.amex
          r-sprite      pricing amex

    &.cardmonth
      fl()
      .input-wrapper
        size          63px, auto
        fl()
        &:nth-child(2)
          margin-left 20px

        .kdinput
          text-align  center

    &.cardcv
      clear           none
      fr()
      .input-wrapper
        size          63px, auto
        .kdinput
          text-align  center

    &.button-field
      background      none
      border-top      1px solid #eaeaea
      padding         18px 0 0

      .kdbutton.solid.green
        size          110px, 46px
        line-height   46px
        margin        0
        padding       0
        font-size     14px
        background    #1aaf5d
        rounded       12px
        font-weight   400
        fr()

        .button-title
          line-height inherit
          padding     inherit
          font-size   inherit
          font-weight inherit

/* Confirm payment */
.plan-upgrade-confirm-form
  .vm-plan-view
  .coupon-options
    size              auto, auto
    max-width         805px
    padding           22px 30px
    rounded           8px
    background        #fff
    margin            0 auto 2px
    color             #666
    borderBox()

  .vm-plan-view
    h4
      font-size       16px
      font-weight     400
      display         block

    p
      font-size       14px
      font-weight     200
      margin          4px 360px 0 0
      display         block
      line-height     17px

    .price
      abs             50% 31px 0 0
      vendor          transform, translateY(-50%)
      font-size       20px
      font-weight     500

  .coupon-options
    .kdlabel.select-gift
      size            auto, auto
      clear           none
      font-size       16px
      font-weight     400
      fl()

    fieldset
      fr()

      .kd-radio-holder
        position        relative
        height          26px
        line-height     27px
        font-size       14px
        font-weight     200
        margin-left     44px
        fl()

        input[type=radio]
          visibility    hidden

        &:before
          content       ""
          display       block
          abs           0px 0 0 -16px
          size          26px, 26px
          border        1px solid #a7a7a7
          shadow        inset 0 0 0 4px #fff
          rounded       100%

        &.active:before
          background    #1aaf5d

  .total-wrapper
    size                auto, auto
    max-width           805px
    padding             0 8px
    margin              14px auto 0
    text-align          right
    font-size           16px
    color               #666
    font-weight         200
    line-height         36px
    borderBox()

    label
      color             #666
      margin-right      6px

    span
      display           inline-block
      min-width         70px

    .discount
      padding-right     12px

    .subtotal
      display           inline-block
      font-weight       400
      padding           0 12px 0 38px
      border-top        1px solid #c8c8c8

  .button-field
    size                auto, auto
    max-width           805px
    margin              14px auto 0
    padding             0
    text-align          right

    .kdbutton.solid
      height            44px
      line-height       44px
      rounded           12px
      padding-top       0
      padding-bottom    0
      font-size         16px
      margin            0 0 0 10px
      color             #fff

      .button-title
        line-height     inherit
        font-size       inherit
        font-weight     inherit
        color           inherit

      &.gray
        background      #b4b4b4

.pricing-thank-you

  .check-icon
    display             block
    margin              62px auto 0
    r-sprite            "pricing", "check"

  h3.pricing-title
    margin-top          25px !important

  h6.pricing-subtitle
    margin-bottom       0 !important

  .kdbutton.solid.green
    display             block
    margin              40px auto 0
    height              44px
    line-height         44px
    rounded             12px
    font-size           16px

    .button-title
      line-height     inherit
      font-size       inherit
      font-weight     inherit

/* Pricing - Create group form */
.kdformview.pricing-create-group
  size              auto, auto
  max-width         506px
  padding           22px 30px
  rounded           8px
  background        #fff
  margin            44px auto 0
  color             #666
  borderBox()

  .input-wrapper
    margin-bottom     16px

  .kdinput
    size              100%, 50px !important
    border            1px solid #a0a0a0 !important
    background        #fff !important
    color             #4c555f !important
    font-size         14px !important
    min-width         0 !important
    borderBox()

  .kdlabel
    margin-top        0
    margin-right      22px
    line-height       50px

  .formline
    margin            0
    padding           0
    size              auto, auto
    clear             both
    line-height       50px

    &.button-field
      background      none
      border-top      1px solid #eaeaea
      padding         18px 0 0

      .kdbutton.solid.green
        size          110px, 46px
        line-height   46px
        margin        0
        padding       0
        font-size     14px
        background    #1aaf5d
        rounded       12px
        font-weight   400
        fr()

        .button-title
          line-height inherit
          padding     inherit
          font-size   inherit
          font-weight inherit

    &.slug
    &.visibility
      line-height     30px

      .kdlabel
        line-height   30px


/* Create a new VM modal (Environments) */
.kdmodal.create-vm
  .kdmodal-content
    h2
      font-size       16px
      color           rgba(102, 102, 102, .5)

  .kdlistitemview-vm-product
    padding           14px 0 0
    margin            14px 0 0
    line-height       26px
    border-top        1px solid #eee
    color             #666
    borderBox()

    h3
      fl()

    .kdbutton
      fr()

  .plan-upgrade-confirm-form
    h3
      margin          14px 0 0
      font-size       16px
      font-weight     200
      color           rgba(102, 102, 102, .5)

    p
      font-size       14px
      color           #666

    .vm-plan-view
      margin          18px 0 0
      padding         18px
      background      #efefef

      .price
        right         18px

  .formline.button-field
    margin            0 !important

  .product-item
    padding           14px 0 0
    border-top        1px solid #eee
    margin            18px 0 0

    .product-title
      font-size       18px
      color           #666

      .price-and-type
        font-size     14px
        font-weight   200
        color         rgba(102, 102, 102, .5)
        fr()

        .price
          font-weight 400
          font-size   18px
          color       #666

    .plan-child-products
      margin          8px 0 8px
      padding         10px 18px 18px
      background      #efefef
      rounded         6px
      font-size       16px
      color           #666

      .kdlistitemview
        margin-top    8px

        &~.kdlistitemview
          padding-top   6px
          border-top    1px dashed #dedede


    .kdbutton
      fr()



/*
.content-page.pricing
  h1, h2
    text-align       center

  h1
    color            #666
    font-size        28px
    margin           10px 0 10px 0

  h2
    color            #acacac
    font-size        18px

  .existing-account-form
    width              805px
    margin             0 auto

    .login-form, .email-collection-form
      width            510px
      margin           0 auto

    .login-form
      > div
        display        inline-block

      button
        size           98px 49px
        padding        0 10px
        margin-bottom  0
        bg             color, #1aaf5d
        vertical-align middle

      .button-title
        line-height    49px

    .login-input-view
      width         202px
      margin        0

      input
        height         49px
        border-color   #bcbcbc
        background     white

        &:focus
          border-color  #7dbef1

    .email-collection-form
      input
        height         49px
        text-align     center
        border-color   #bcbcbc
        background     white

        &:focus
          border-color  #7dbef1

      .email
        display         inline-block
        width           380px

      .button-field
        display         inline-block
        bg              color, transparent

    .placeholder-helper
      top              16px
      z-index          1
      pointer-events   none

    .register-form
      .formline
        display        inline-block
        padding        0

      input
        height         49px
        max-width      202px
        text-align     center
        border-color   #bcbcbc
        bg             color, white

      button
        height         49px
        margin         0
        bg             color, #1aaf5d

      .button-title
        line-height    49px

  .payment-confirm-plan
    width              805px
    margin             0 auto

  .vm-plan, .coupon-options
    borderBox()
    padding            20px 30px
    border-radius      10px
    margin             5px auto
    background         white

  .vm-plan
    height             94px
    margin-top         40px

    section
      display          inline-block

      &.plan
        width          100%
        max-width      600px

        .description
          line-height  15px
          color        #666
          font-size    14px
          margin-top   5px

      &.price
        width              140px
        text-align         right
        vertical-align     top
        color              #666
        font-size          20px
        font-weight        500

    .title
      color                #666
      font-weight          500

  .coupon-options
    height                 73px

    > label, fieldset
      display              inline-block

    > label
      float                left
      color                #666
      font-weight          500

    fieldset
      float                right

      div
        display            inline-block

  .total-wrapper
    fr()
    width                  150px
    text-align             right
    margin                 20px auto

    .discount
      color                #888
      border-bottom        1px solid #c8c8c8
      margin-left          10px

    .subtotal
      label, span
        color                #666
        font-weight          500

  .plan-upgrade-confirm-form
    .button-field
      width                805px
      text-align           right
      margin               0 auto

.kdlistitemview-cc
  size          288px 174px
  bg            color #fff
  border        1px solid #cacaca
  rounded       12px
  margin        0 0 20px 0
  borderBox()
  fl()
  &:nth-child(2n)
    margin-right 20px

  &.plus
    bg                color transparent
    span
      margin          27px auto
      display         block
      size            118px 118px
      rounded         59px
      border          1px solid #cacaca
      cursor          pointer
      z-index         0
      rel()
      borderBox()
      &:hover
        bg            color, #fff
      i
        z-index       1
        display       block
        top           50%
        left          50%
        margin-top    -1px
        margin-left   -20px
        size          40px 2px
        bg            color #cacaca
        abs()
        &:last-child
          margin-left -1px
          margin-top  -20px
          size        2px 40px




  .kdloader
    margin      20px auto

  .billing-link

    border-top  38px solid #cacaca
    margin-top  37px
    padding     12px 27px 0
    font-size   16px

  pre
    font-family     'Courier New', monospace
    line-height     14px
    text-transform  uppercase
    font-size       14px
    span
      fr()
    &:first-child
      text-align    center
      line-height   48px
      font-size     18px


  figure
    abs()
    size        60px 38px
    top         37px
    right       0
  .visa figure
    r-sprite      pricing visa
  .mastercard figure
    r-sprite      pricing mastercard
  .discover figure
    r-sprite      pricing discover
  .cirrus figure
    r-sprite      pricing cirrus
  .paypal figure
    r-sprite      pricing paypal
  .american-express figure
    r-sprite      pricing amex
*/
<commit_msg>pricing: revert margin of product form<commit_after>@import "../../Framework/themes/default/kdfn"
@import "../../Main/styl/appfn"

@css {
/*
Pricing stylesheet
pricing.styl
*/
}

.content-page.pricing
  margin                55px auto 0
  width                 auto
  max-width             100%
  padding               0

  h3.pricing-title
    text-align          center
    display             block
    font-size           28px
    font-weight         200
    color               #666666
    margin              56px 0 4px

  h6.pricing-subtitle
    text-align          center
    display             block
    font-size           18px
    font-weight         400
    color               #666666
    opacity             .5
    margin-bottom       55px

.pricing .product-form
  size                  100%, auto
  min-height            100vh
  background            url('/a/images/home/speedometer.jpg') no-repeat center center
  background-size       cover
  padding               142px 0 87px
  borderBox()

  .inner-container
    max-width           1096px
    margin              0 auto

    >header
      padding-bottom    41px
      border-bottom     1px solid #202729

      h2
        font-size       28px
        font-weight     200
        color           #fff
        margin-bottom   8px

      p
        font-size       20px
        color           #c5c5c5
        font-weight     200px
        line-height     26px
        width           702px
        fl()

      .pricing-toggle
        font-family     inherit
        rounded         12px
        background      #242a2c
        size            303px, 59px
        shadow          inset 0 0 13px rgba(0, 0, 0, .36)
        fr()

        a
          background    transparent
          border        none
          shadow        none
          size          50%, 59px
          margin        0
          padding       0
          line-height   59px
          text-shadow   none
          color         #fff
          font-size     16px
          font-weight   200

        a.active
          background    #27ae60
          color         #242a2c
          rounded       12px
          font-weight   400


    .plan-selection
      .plan-selection-box
        width           715px
        padding-top     42px
        fl()

        &:nth-of-type(2)
          margin-left   70px

        h4
          font-size     28px
          color         #fff
          font-weight   200
          line-height   34px
          display       inline-block
          position      relative

          cite
            display     block
            abs         -4px -53px 0 0
            size        43px, 43px
            line-height 43px
            text-align  center
            font-size   18px
            background  #242a2c
            rounded     50%

        h5
          font-size     22px
          font-weight   200
          color         rgba(242, 242, 242, .4)
          margin        4px 0 0

        .sliderbar-container
          background    #1e884b
          height        7px
          border        none
          shadow        none
          margin        62px auto 0

          .handle
            size        26px, 26px
            shadow      none
            border      none
            rounded     50%
            background  #27ae60
            top         -10px
            margin      0 0 0 -12px

            &:after
            &:before
              hidden()

          .sliderbar-label
            color           transparent
            margin-top      -45px
            margin-bottom   0

            &:after
              size          2px, 14px
              background    rgba(39, 174, 96, .5)

        .description
          display           block
          font-size         14px
          font-weight       200px
          color             rgba(197, 197, 197, .3)
          line-height       18px
          margin            46px 0 0

        &.selected
          width               275px
          fr()

          h5
            font-size         24px
            color             #27ae60
            margin            16px 0

          .description
            min-height        18px
            margin            0
            color             rgba(242, 242, 242, .3)

          .kdbutton.solid.buy-now
            size              126px, 48px
            line-height       48px
            font-size         18px
            color             #935600
            background        #ffa200
            padding           0
            rounded           6px
            font-weight       600
            margin            29px 0 0
            text-align        center
            text-transform    uppercase
            fl()

            .button-title
              line-height     inherit
              color           inherit
              font-size       inherit
              font-weight     inherit

    .team-plan
      .plan-selection-box
        width                 350px

.pricing-horizontal-divider
  size                656px, 1px
  background          -moz-linear-gradient(left, rgba(0,0,0,0) 0%, rgb(207,207,207) 50%, rgba(0,0,0,0) 100%)
  background          -webkit-linear-gradient(left, rgba(0,0,0,0) 0%,rgb(207,207,207) 50%,rgba(0,0,0,0) 100%)
  display             block
  margin              13px auto
  position            relative

  &:after
    content           ""
    size              13px, 13px
    abs               50% 0 0 50%
    background        #cfcfcf
    rounded           50%
    display           block
    vendor            transform, translateX(-50%) translateY(-50%)

/* Pricing sign-in - register */
section.pricing-sign-in
  kalc                padding-left, \(100% \- 1030px\)/2
  kalc                padding-right, \(100% \- 1030px\)/2
  margin-bottom       56px

  .pricing-title
    margin-bottom     54px !important

  .kdformview
    size              521px, 49px
    borderBox()
    fl()

    &~.kdformview
      width           418px

    >div
      overflow        visible
      fl()

      >div
        bg            color, #fff
        size          auto, auto
        margin        0
        rounded       6px
        margin-right  8px

    .kdinput
      size            200px, 49px
      rounded         6px
      border-color    #bcbcbc
      min-width       0

      &[name="email"]
        width         310px
        text-align    center
        background    transparent

        &::-webkit-input-placeholder
          font-size   14px
          color       #666666
        &:-moz-placeholder
          font-size   14px
          color       #666666

    .placeholder-helper
      top             17px
      font-size       14px
      color           #666666

    .kdbutton
      size            98px, 47px
      line-height     47px
      font-size       14px
      margin          1px 0 0 0
      rounded         6px
      background      #1aaf5d
      margin-left     2px

      .button-title
        line-height   inherit
        font-size     inherit

    .formline
      margin          0
      padding         0

  .divider
    size              91px, 49px
    line-height       49px
    text-align        center
    font-size         14px
    color             #666666
    fl()

/* Pricing - choose a payment method */
.pricing-payment-choice
  .payment-methods
    max-width         810px
    margin            0 auto

  .payment-method
    size            384px, 251px
    rounded         12px
    background      #fff
    padding-top     91px
    margin          0 0 42px 42px
    cursor          pointer
    -webkit-transition -webkit-transform .2s ease \,
                              box-shadow .2s ease
    -moz-transition    -moz-transform .2s ease \,
                           box-shadow .2s ease
    borderBox()
    fl()

    &:hover
      vendor        transform, scale(1.03) translateY(-8px)
      shadow        0 4px 8px rgba(0, 0, 0, .1)

    &:nth-of-type(2n-1)
      margin-left   0

    &:not(.new):before
      content       ""
      abs           43px 0 0 0px
      size          100%, 48px
      background    #b4b4b4

    &:not(.new):after
      content       ""
      abs           49px 5px 0 0
      rounded       12px
      bg            color, #828282

    &.new
      color         #858585
      background    #f2f2f2
      font-size     17px
      font-weight   400
      text-align    center
      padding-top   138px
      position      relative

      &:after
        content     ""
        r-sprite    "pricing", "plus"
        display     block
        abs         96px 0 0 50%
        vendor      transform, translateX(-50%)

    &.american-express:after
      r-sprite      "pricing", "amex"

    &.cirrus:after
      r-sprite      "pricing", "cirrus"

    &.discover:after
      r-sprite      "pricing", "discover"

    &.mastercard:after
      r-sprite      "pricing", "mastercard"

    &.paypal:after
      r-sprite      "pricing", "paypal"

    &.visa:after
      r-sprite      "pricing", "visa"

    .billing-link
      margin        46px 0 0

    pre
      font-family   "Courier"
      font-size     16px
      font-weight   400
      margin        0 0 14px 40px

/* Pricing add payment method form */
.payment-method-entry-form
  size                538px, auto
  rounded             12px
  padding             28px
  bg                  color, #fff
  margin              50px auto
  borderBox()

  .input-wrapper
    margin-bottom     16px

  input.kdinput.text
  textarea.kdinput.text
    size              100%, 50px
    border            1px solid #a0a0a0
    background        #fff
    color             #4c555f
    font-size         14px
    min-width         0
    borderBox()
    &.validation-error
      border-color    #ea8779


  .formline
    margin            0
    padding           0
    size              auto, auto
    clear             both

    &.card-name
      .input-wrapper
        size          231px, auto
        fl()
        &:nth-child(2)
          margin-left 20px

    &.cardnumber
      span.icon
        top             6px
        right           6px
        size            60px 38px
        z-index         1
        abs()
        &.visa
          r-sprite      pricing visa
        &.mastercard
          r-sprite      pricing mastercard
        &.discover
          r-sprite      pricing discover
        &.cirrus
          r-sprite      pricing cirrus
        &.amex
          r-sprite      pricing amex

    &.cardmonth
      fl()
      .input-wrapper
        size          63px, auto
        fl()
        &:nth-child(2)
          margin-left 20px

        .kdinput
          text-align  center

    &.cardcv
      clear           none
      fr()
      .input-wrapper
        size          63px, auto
        .kdinput
          text-align  center

    &.button-field
      background      none
      border-top      1px solid #eaeaea
      padding         18px 0 0

      .kdbutton.solid.green
        size          110px, 46px
        line-height   46px
        margin        0
        padding       0
        font-size     14px
        background    #1aaf5d
        rounded       12px
        font-weight   400
        fr()

        .button-title
          line-height inherit
          padding     inherit
          font-size   inherit
          font-weight inherit

/* Confirm payment */
.plan-upgrade-confirm-form
  .vm-plan-view
  .coupon-options
    size              auto, auto
    max-width         805px
    padding           22px 30px
    rounded           8px
    background        #fff
    margin            0 auto 2px
    color             #666
    borderBox()

  .vm-plan-view
    h4
      font-size       16px
      font-weight     400
      display         block

    p
      font-size       14px
      font-weight     200
      margin          4px 360px 0 0
      display         block
      line-height     17px

    .price
      abs             50% 31px 0 0
      vendor          transform, translateY(-50%)
      font-size       20px
      font-weight     500

  .coupon-options
    .kdlabel.select-gift
      size            auto, auto
      clear           none
      font-size       16px
      font-weight     400
      fl()

    fieldset
      fr()

      .kd-radio-holder
        position        relative
        height          26px
        line-height     27px
        font-size       14px
        font-weight     200
        margin-left     44px
        fl()

        input[type=radio]
          visibility    hidden

        &:before
          content       ""
          display       block
          abs           0px 0 0 -16px
          size          26px, 26px
          border        1px solid #a7a7a7
          shadow        inset 0 0 0 4px #fff
          rounded       100%

        &.active:before
          background    #1aaf5d

  .total-wrapper
    size                auto, auto
    max-width           805px
    padding             0 8px
    margin              14px auto 0
    text-align          right
    font-size           16px
    color               #666
    font-weight         200
    line-height         36px
    borderBox()

    label
      color             #666
      margin-right      6px

    span
      display           inline-block
      min-width         70px

    .discount
      padding-right     12px

    .subtotal
      display           inline-block
      font-weight       400
      padding           0 12px 0 38px
      border-top        1px solid #c8c8c8

  .button-field
    size                auto, auto
    max-width           805px
    margin              14px auto 0
    padding             0
    text-align          right

    .kdbutton.solid
      height            44px
      line-height       44px
      rounded           12px
      padding-top       0
      padding-bottom    0
      font-size         16px
      margin            0 0 0 10px
      color             #fff

      .button-title
        line-height     inherit
        font-size       inherit
        font-weight     inherit
        color           inherit

      &.gray
        background      #b4b4b4

.pricing-thank-you

  .check-icon
    display             block
    margin              62px auto 0
    r-sprite            "pricing", "check"

  h3.pricing-title
    margin-top          25px !important

  h6.pricing-subtitle
    margin-bottom       0 !important

  .kdbutton.solid.green
    display             block
    margin              40px auto 0
    height              44px
    line-height         44px
    rounded             12px
    font-size           16px

    .button-title
      line-height     inherit
      font-size       inherit
      font-weight     inherit

/* Pricing - Create group form */
.kdformview.pricing-create-group
  size              auto, auto
  max-width         506px
  padding           22px 30px
  rounded           8px
  background        #fff
  margin            44px auto 0
  color             #666
  borderBox()

  .input-wrapper
    margin-bottom     16px

  .kdinput
    size              100%, 50px !important
    border            1px solid #a0a0a0 !important
    background        #fff !important
    color             #4c555f !important
    font-size         14px !important
    min-width         0 !important
    borderBox()

  .kdlabel
    margin-top        0
    margin-right      22px
    line-height       50px

  .formline
    margin            0
    padding           0
    size              auto, auto
    clear             both
    line-height       50px

    &.button-field
      background      none
      border-top      1px solid #eaeaea
      padding         18px 0 0

      .kdbutton.solid.green
        size          110px, 46px
        line-height   46px
        margin        0
        padding       0
        font-size     14px
        background    #1aaf5d
        rounded       12px
        font-weight   400
        fr()

        .button-title
          line-height inherit
          padding     inherit
          font-size   inherit
          font-weight inherit

    &.slug
    &.visibility
      line-height     30px

      .kdlabel
        line-height   30px


/* Create a new VM modal (Environments) */
.kdmodal.create-vm
  .kdmodal-content
    h2
      font-size       16px
      color           rgba(102, 102, 102, .5)

  .kdlistitemview-vm-product
    padding           14px 0 0
    margin            14px 0 0
    line-height       26px
    border-top        1px solid #eee
    color             #666
    borderBox()

    h3
      fl()

    .kdbutton
      fr()

  .plan-upgrade-confirm-form
    h3
      margin          14px 0 0
      font-size       16px
      font-weight     200
      color           rgba(102, 102, 102, .5)

    p
      font-size       14px
      color           #666

    .vm-plan-view
      margin          18px 0 0
      padding         18px
      background      #efefef

      .price
        right         18px

  .formline.button-field
    margin            0 !important

  .product-item
    padding           14px 0 0
    border-top        1px solid #eee
    margin            18px 0 0

    .product-title
      font-size       18px
      color           #666

      .price-and-type
        font-size     14px
        font-weight   200
        color         rgba(102, 102, 102, .5)
        fr()

        .price
          font-weight 400
          font-size   18px
          color       #666

    .plan-child-products
      margin          8px 0 8px
      padding         10px 18px 18px
      background      #efefef
      rounded         6px
      font-size       16px
      color           #666

      .kdlistitemview
        margin-top    8px

        &~.kdlistitemview
          padding-top   6px
          border-top    1px dashed #dedede


    .kdbutton
      fr()



/*
.content-page.pricing
  h1, h2
    text-align       center

  h1
    color            #666
    font-size        28px
    margin           10px 0 10px 0

  h2
    color            #acacac
    font-size        18px

  .existing-account-form
    width              805px
    margin             0 auto

    .login-form, .email-collection-form
      width            510px
      margin           0 auto

    .login-form
      > div
        display        inline-block

      button
        size           98px 49px
        padding        0 10px
        margin-bottom  0
        bg             color, #1aaf5d
        vertical-align middle

      .button-title
        line-height    49px

    .login-input-view
      width         202px
      margin        0

      input
        height         49px
        border-color   #bcbcbc
        background     white

        &:focus
          border-color  #7dbef1

    .email-collection-form
      input
        height         49px
        text-align     center
        border-color   #bcbcbc
        background     white

        &:focus
          border-color  #7dbef1

      .email
        display         inline-block
        width           380px

      .button-field
        display         inline-block
        bg              color, transparent

    .placeholder-helper
      top              16px
      z-index          1
      pointer-events   none

    .register-form
      .formline
        display        inline-block
        padding        0

      input
        height         49px
        max-width      202px
        text-align     center
        border-color   #bcbcbc
        bg             color, white

      button
        height         49px
        margin         0
        bg             color, #1aaf5d

      .button-title
        line-height    49px

  .payment-confirm-plan
    width              805px
    margin             0 auto

  .vm-plan, .coupon-options
    borderBox()
    padding            20px 30px
    border-radius      10px
    margin             5px auto
    background         white

  .vm-plan
    height             94px
    margin-top         40px

    section
      display          inline-block

      &.plan
        width          100%
        max-width      600px

        .description
          line-height  15px
          color        #666
          font-size    14px
          margin-top   5px

      &.price
        width              140px
        text-align         right
        vertical-align     top
        color              #666
        font-size          20px
        font-weight        500

    .title
      color                #666
      font-weight          500

  .coupon-options
    height                 73px

    > label, fieldset
      display              inline-block

    > label
      float                left
      color                #666
      font-weight          500

    fieldset
      float                right

      div
        display            inline-block

  .total-wrapper
    fr()
    width                  150px
    text-align             right
    margin                 20px auto

    .discount
      color                #888
      border-bottom        1px solid #c8c8c8
      margin-left          10px

    .subtotal
      label, span
        color                #666
        font-weight          500

  .plan-upgrade-confirm-form
    .button-field
      width                805px
      text-align           right
      margin               0 auto

.kdlistitemview-cc
  size          288px 174px
  bg            color #fff
  border        1px solid #cacaca
  rounded       12px
  margin        0 0 20px 0
  borderBox()
  fl()
  &:nth-child(2n)
    margin-right 20px

  &.plus
    bg                color transparent
    span
      margin          27px auto
      display         block
      size            118px 118px
      rounded         59px
      border          1px solid #cacaca
      cursor          pointer
      z-index         0
      rel()
      borderBox()
      &:hover
        bg            color, #fff
      i
        z-index       1
        display       block
        top           50%
        left          50%
        margin-top    -1px
        margin-left   -20px
        size          40px 2px
        bg            color #cacaca
        abs()
        &:last-child
          margin-left -1px
          margin-top  -20px
          size        2px 40px




  .kdloader
    margin      20px auto

  .billing-link

    border-top  38px solid #cacaca
    margin-top  37px
    padding     12px 27px 0
    font-size   16px

  pre
    font-family     'Courier New', monospace
    line-height     14px
    text-transform  uppercase
    font-size       14px
    span
      fr()
    &:first-child
      text-align    center
      line-height   48px
      font-size     18px


  figure
    abs()
    size        60px 38px
    top         37px
    right       0
  .visa figure
    r-sprite      pricing visa
  .mastercard figure
    r-sprite      pricing mastercard
  .discover figure
    r-sprite      pricing discover
  .cirrus figure
    r-sprite      pricing cirrus
  .paypal figure
    r-sprite      pricing paypal
  .american-express figure
    r-sprite      pricing amex
*/

{'fraction_non_alphanumeric': 0.05267843571537142, 'fraction_numerical': 0.052982433283390876, 'mean_word_length': 0.9285594639865997, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 15, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '3929612', 'n_tokens_mistral': 14374, 'n_tokens_neox': 12552, 'n_words': 3471}