export default {
  "dlsCardField": {
    "position": "relative",
    "visibility": "hidden",
    "&:not(.dlsCardFieldFocus).dlsCardFieldHasNumber .dlsCardFieldFront .dlsCardFieldNumber": {
      "opacity": "1 !important"
    },
    "&:not(.dlsCardFieldFocus).dlsCardFieldHasCid .dlsCardFieldCid": {
      "opacity": "1"
    }
  },
  "dlsCardField__dlsCardFieldFront": {
    "backfaceVisibility": "hidden",
    "backgroundRepeat": "no-repeat",
    "backgroundSize": "contain",
    "borderRadius": "inherit",
    "boxSizing": "content-box",
    "display": "block",
    "height": "100%",
    "position": "absolute",
    "transition": "transform 0.8S ease-out",
    "visibility": "visible",
    "width": "100%",
    "&::before": {
      "backgroundColor": "rgba(0, 0, 0, 0.4)",
      "borderRadius": "inherit",
      "bottom": "0",
      "content": "\"\"",
      "display": "block",
      "left": "0",
      "opacity": "0",
      "position": "absolute",
      "right": "0",
      "top": "0",
      "transition": "opacity 0.25S ease-out"
    },
    "backgroundImage": "inherit"
  },
  "dlsCardField__dlsCardFieldBack": {
    "backfaceVisibility": "hidden",
    "backgroundRepeat": "no-repeat",
    "backgroundSize": "contain",
    "borderRadius": "inherit",
    "boxSizing": "content-box",
    "display": "block",
    "height": "100%",
    "position": "absolute",
    "transition": "transform 0.8S ease-out",
    "visibility": "visible",
    "width": "100%",
    "&::before": {
      "backgroundColor": "rgba(0, 0, 0, 0.4)",
      "borderRadius": "inherit",
      "bottom": "0",
      "content": "\"\"",
      "display": "block",
      "left": "0",
      "opacity": "1",
      "position": "absolute",
      "right": "0",
      "top": "0",
      "transition": "opacity 0.25S ease-out"
    },
    "transform": "rotateY(180deg)"
  },
  "@media (prefers-reduced-motion)": {
    "dlsCardField__dlsCardFieldFront": {
      "transition": "transform 0s"
    },
    "dlsCardField__dlsCardFieldBack": {
      "transition": "transform 0s"
    },
    "dlsCardFieldNumber": {
      "transition": "opacity 0.25S ease-out, transform 0s"
    },
    "dlsCardFieldCid": {
      "transition": "opacity 0.25S ease-out, transform 0s"
    },
    "dlsCardFieldCsc": {
      "transition": "opacity 0.25S ease-out, transform 0s"
    }
  },
  "dlsCardField__dlsCardFieldFront_img": {
    "position": "absolute"
  },
  "dlsCardField__dlsCardFieldBack_img": {
    "position": "absolute"
  },
  "dlsCardField__dlsCardFieldBack__dlsCardFieldNumber": {
    "opacity": "0.2",
    "color": "#000",
    "textShadow": "1px 1px #fff",
    "right": "14%",
    "transform": "scaleX(-1)"
  },
  "dlsCardField_dlsCardFieldFocusReverse__dlsCardFieldFront": {
    "transform": "rotateY(-180deg)"
  },
  "dlsCardField_dlsCardFieldFocusReverse__dlsCardFieldBack": {
    "transform": "rotateY(0deg)"
  },
  "dlsCardFieldFocus__dlsCardFieldFront": {
    "&::before": {
      "opacity": "1"
    }
  },
  "dlsCardFieldNumber": {
    "display": "block",
    "fontFamily": "\"amex-card-number\"",
    "opacity": "0.6",
    "position": "absolute",
    "transition": "opacity 0.25S ease-out, transform 0.25S ease-out",
    "whiteSpace": "nowrap",
    "color": "#c8c9c7",
    "fontSize": "1em",
    "textAlign": "center",
    "top": "50%",
    "width": "100%"
  },
  "dlsCardFieldCid": {
    "display": "block",
    "fontFamily": "\"amex-card-number\"",
    "opacity": "0.6",
    "position": "absolute",
    "transition": "opacity 0.25S ease-out, transform 0.25S ease-out",
    "whiteSpace": "nowrap",
    "color": "#c8c9c7",
    "fontSize": "0.75Em",
    "right": "4%",
    "top": "37%"
  },
  "dlsCardFieldCsc": {
    "display": "block",
    "fontFamily": "\"amex-card-number\"",
    "opacity": "0.6",
    "position": "absolute",
    "transition": "opacity 0.25S ease-out, transform 0.25S ease-out",
    "whiteSpace": "nowrap",
    "color": "#f7f8f9",
    "fontSize": "0.5Em",
    "left": "66%",
    "top": "39.9%"
  },
  "dlsCardFieldFocusNumber__dlsCardFieldNumber": {
    "opacity": "1",
    "transform": "scale(1.05)"
  },
  "dlsCardFieldFocusCid__dlsCardFieldCid": {
    "opacity": "1",
    "transform": "scale(1.05)"
  },
  "dlsCardFieldFocusCsc__dlsCardFieldCsc": {
    "opacity": "1",
    "transform": "scale(1.05)"
  }
}