{"version":3,"file":"credit-card/simple.css","mappings":"AAEA,uBACE,sBACA,eAEA,yBAIE,sBAHA,qDACA,eACA,eACA,CAGF,sCACE,eAGF,4BACE,oBACA,aACA,eAEA,0CACE,mBAIJ,8BAKE,aAFA,YACA,SAHA,kBACA,UAGA,CAEA,yCACE,UAGE,mEACE,kBAKF,oEACE,kBAKN,0CACE,kBACA,WAIJ,iCAME,yBADA,SAFA,WACA,OAHA,kBAMA,6DALA,UAKA,CAGF,6BAIE,WACA,cAKA,YAPA,OAWA,gBARA,gBASA,UAdA,kBAMA,uBAEA,uBAGA,wBADA,oCAEA,wDALA,mBANA,UAaA,CAGF,8BAOE,6BAHA,SAEA,cAHA,OAEA,mBAJA,kBACA,UAKA,CAKA,yGAEE,kBACA,kDAGF,4CACE,UACA,oDACA,oBAGF,gFAEE,UAEA,4FACE,cAEA,eADA,sCACA,CAKF,4CACE,cAEA,sDACE,yBAMJ,4CACE,cAEA,sDACE,yBAMR,wBAEI,yCACE,WASF,qDACE,WAIE,+JACE,SAOR,wCACE,gBASF,mDACE","sources":["webpack://woo-stripe-payment/./packages/blocks/assets/js/payment-methods/credit-card/components/simple/style.scss"],"sourcesContent":["$min-width: 475px;\n\n.wc-stripe-simple-form {\n  background-color: #fff;\n  padding: 10px 0;\n\n  * {\n    font-family: Source Code Pro, Consolas, Menlo, monospace;\n    font-size: 16px;\n    font-weight: 500;\n    box-sizing: border-box;\n  }\n\n  .StripeElement {\n    padding-left: 0px;\n  }\n\n  .row {\n    display: -ms-flexbox;\n    display: flex;\n    flex-wrap: wrap;\n\n    &:first-of-type {\n      margin-bottom: 10px;\n    }\n  }\n\n  .field {\n    position: relative;\n    width: 100%;\n    height: 50px;\n    margin: 0;\n    display: flex;\n\n    &.half-width {\n      width: 50%;\n\n      &:nth-child(even) {\n        .field-item {\n          margin: 0 0 0 10px;\n        }\n      }\n\n      &:nth-child(odd) {\n        .field-item {\n          margin: 0 10px 0 0;\n        }\n      }\n    }\n\n    .field-item {\n      position: relative;\n      width: 100%;\n    }\n  }\n\n  .baseline {\n    position: absolute;\n    width: 100%;\n    height: 1px;\n    left: 0;\n    bottom: 0;\n    background-color: #cfd7df;\n    transition: background-color 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);\n  }\n\n  label {\n    position: absolute;\n    width: 100%;\n    left: 0;\n    bottom: 8px;\n    color: #cfd7df;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    transform-origin: 0 50%;\n    cursor: text;\n    transition-property: color, transform;\n    transition-duration: 0.3s;\n    transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);\n    margin-bottom: 0;\n    padding: 0;\n  }\n\n  .input {\n    position: absolute;\n    width: 100%;\n    left: 0;\n    bottom: 0;\n    padding-bottom: 7px;\n    color: #32325d;\n    background-color: transparent;\n  }\n\n  .input {\n\n    &::-webkit-input-placeholder,\n    &::-moz-placeholder {\n      color: transparent;\n      transition: color 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);\n    }\n\n    &.StripeElement {\n      opacity: 0;\n      transition: opacity 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);\n      will-change: opacity;\n    }\n\n    &.focused,\n    &:not(.empty) {\n      opacity: 1;\n\n      + label {\n        color: #aab7c4;\n        transform: scale(0.85) translateY(-25px);\n        cursor: default;\n      }\n    }\n\n    &.focused {\n      + label {\n        color: #24b47e;\n\n        + .baseline {\n          background-color: #24b47e;\n        }\n      }\n    }\n\n    &.invalid {\n      + label {\n        color: #ffa27b;\n\n        + .baseline {\n          background-color: #e25950;\n        }\n      }\n    }\n  }\n\n  @media(min-width: $min-width) {\n    .field {\n      &.half-width {\n        width: 50%;\n      }\n    }\n  }\n}\n\n.small-form {\n  .wc-stripe-simple-form {\n    .field {\n      &.half-width {\n        width: 100%;\n\n        &:nth-child(even),\n        &:nth-child(odd) {\n          .field-item {\n            margin: 0;\n          }\n        }\n      }\n\n    }\n\n    .cvc {\n      margin-top: 10px;\n    }\n\n\n  }\n}\n\n.wc-stripe-blocks-payment-method__desc {\n  &.stripe_cc {\n    p {\n      margin: 0;\n    }\n  }\n}"],"names":[],"sourceRoot":""}