@daimo/pay 1.19.7 → 1.19.8

package/build/pay/packages/connectkit/src/components/Common/Modal/styles.js

@@ -1,665 +0,0 @@
-import { motion } from 'framer-motion';
-import { keyframes } from 'styled-components';
-import defaultTheme from '../../../constants/defaultTheme.js';
-import styled from '../../../styles/styled/index.js';
-
-const ErrorMessage = styled(motion.div)`
-  z-index: -1;
-  pointer-events: auto;
-  position: absolute;
-  left: 50%;
-  transform: translateX(-50%);
-  width: var(--width);
-  top: 64px;
-  color: #fff;
-  font-size: 14px;
-  line-height: 20px;
-  font-weight: 500;
-  background: var(--ck-body-color-danger);
-  border-radius: 20px;
-  padding: 24px 46px 82px 24px;
-  transition: width var(--duration) var(--ease);
-  a {
-    font-weight: 700;
-    text-decoration: underline;
-  }
-  code {
-    font-size: 0.9em;
-    display: inline-block;
-    font-family: monospace;
-    margin: 1px;
-    padding: 0 4px;
-    border-radius: 8px;
-    font-weight: bold;
-    background: rgba(255, 255, 255, 0.1);
-  }
-`;
-const FadeIn = keyframes`
-from { opacity: 0; }
-  to { opacity: 1; }
-`;
-const FadeInScaleUp = keyframes`
-from { opacity: 0; transform: scale(0.85); }
-  to { opacity: 1; transform: scale(1); }
-`;
-const FadeInScaleDown = keyframes`
-from { opacity: 0; transform: scale(1.1); }
-  to { opacity: 1; transform: scale(1); }
-`;
-const FadeOut = keyframes`
-from { opacity: 1; }
-  to { opacity: 0; }
-`;
-const FadeOutScaleUp = keyframes`
-from { opacity: 1; transform: scale(1); }
-  to { opacity: 0; transform: scale(1.1); }
-`;
-const FadeOutScaleDown = keyframes`
-from { opacity: 1; transform: scale(1); }
-  to { opacity: 0; transform: scale(0.85); }
-`;
-const PageContent = styled(motion.div)`
-  max-width: 100%;
-  width: 360px;
-  padding-top: 48px;
-`;
-const TextWithHr = styled(motion.div)`
-  user-select: none;
-  position: relative;
-  display: block;
-  text-align: center;
-  color: var(--ck-body-color-muted);
-  font-size: 15px;
-  font-weight: 400;
-  line-height: 21px;
-  span {
-    z-index: 2;
-    position: relative;
-    display: inline-block;
-    user-select: none;
-    pointer-events: none;
-    padding: 0 14px;
-    background: var(--ck-body-background);
-    transition: background-color 200ms ease;
-  }
-  &:before {
-    z-index: 2;
-    content: "";
-    position: absolute;
-    top: 50%;
-    left: 0;
-    right: 0;
-    height: 1px;
-    transform: translateY(-1px);
-    background: var(--ck-body-divider);
-    box-shadow: var(--ck-body-divider-box-shadow);
-  }
-`;
-const ModalHeading = styled(motion.div)`
-  z-index: 3;
-  pointer-events: none;
-  user-select: none;
-  position: absolute;
-  top: 25px;
-  left: 50%;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  height: 26px;
-  transform: translateX(-50%);
-  width: var(--width);
-  text-align: center;
-  font-size: 17px;
-  line-height: 20px;
-  font-weight: var(--ck-modal-heading-font-weight, 600);
-  color: var(--ck-body-color);
-  span {
-    display: inline-block;
-  }
-`;
-const ModalContentContainer = styled(motion.div)`
-  position: relative;
-  padding: 0;
-`;
-const ModalContent = styled(motion.div)`
-  left: 0;
-  right: 0;
-  text-align: center;
-  display: flex;
-  flex-direction: column;
-  gap: 12px;
-  padding: 0 0 16px;
-
-  @media only screen and (max-width: ${defaultTheme.mobileWidth}px) {
-    display: ${(props) => props.$preserveDisplay ? "flex" : "block"};
-    gap: ${(props) => props.$preserveDisplay ? "4px" : void 0};
-  }
-`;
-const ModalH1 = styled(motion.h1)`
-  margin: 0;
-  padding: 0;
-  line-height: ${(props) => props.$small ? 20 : 22}px;
-  font-size: ${(props) => props.$small ? 17 : 19}px;
-  font-weight: var(--ck-modal-h1-font-weight, 600);
-  color: ${(props) => {
-  if (props.$error) return "var(--ck-body-color-danger)";
-  if (props.$valid) return "var(--ck-body-color-valid)";
-  return "var(--ck-body-color)";
-}};
-  > svg {
-    position: relative;
-    top: -2px;
-    display: inline-block;
-    vertical-align: middle;
-    margin-right: 6px;
-  }
-  @media only screen and (max-width: ${defaultTheme.mobileWidth}px) {
-    margin-bottom: 6px;
-    font-size: 17px;
-  }
-`;
-const ModalBody = styled.div`
-  font-size: 16px;
-  font-weight: 400;
-  line-height: 21px;
-  color: var(--ck-body-color-muted);
-  strong {
-    font-weight: 500;
-    color: var(--ck-body-color);
-  }
-`;
-styled.div`
-  padding: 0 12px;
-  font-size: 13px;
-  font-weight: 400;
-  line-height: 16px;
-  color: var(--ck-body-color-muted);
-  strong {
-    font-weight: 500;
-    color: var(--ck-body-color);
-  }
-`;
-const Link = styled.a`
-  color: var(--ck-body-color);
-  text-decoration: none;
-
-  &:hover {
-    color: var(--ck-body-color-muted);
-  }
-`;
-const BackgroundOverlay = styled(motion.div)`
-  z-index: 1;
-  position: absolute;
-  top: 0;
-  left: 0;
-  right: 0;
-  bottom: 0;
-  background: var(--ck-overlay-background, rgba(71, 88, 107, 0.24));
-  backdrop-filter: ${(props) => props.$blur ? `blur(${props.$blur}px)` : "var(--ck-overlay-backdrop-filter, none)"};
-  opacity: 0;
-  animation: ${(props) => props.$active ? FadeIn : FadeOut} 150ms ease-out
-    both;
-`;
-const BoxIn = keyframes`
-  from{ opacity: 0; transform: scale(0.97); }
-  to{ opacity: 1; transform: scale(1); }
-`;
-const BoxOut = keyframes`
-  from{ opacity: 1; transform: scale(1); }
-  to{ opacity: 0; transform: scale(0.97); }
-`;
-const MobileBoxIn = keyframes`
-  from { transform: translate3d(0, 100%, 0); }
-  to { transform: translate3d(0, 0%, 0); }
-`;
-const MobileBoxOut = keyframes`
-  from { opacity: 1; }
-  to { opacity: 0; }
-`;
-const BoxContainer = styled(motion.div)`
-  z-index: 2;
-  position: relative;
-  color: var(--ck-body-color);
-
-  animation: 150ms ease both;
-  animation-name: ${BoxOut};
-  &.active {
-    animation-name: ${BoxIn};
-  }
-
-  &:before {
-    content: "";
-    position: absolute;
-    top: 0;
-    bottom: 0;
-    left: 50%;
-    width: var(--width);
-    height: var(--height);
-    transform: translateX(-50%);
-    backface-visibility: hidden;
-    transition: all 200ms ease;
-    border-radius: var(--ck-border-radius, 20px);
-    background: var(--ck-body-background);
-    box-shadow: var(--ck-modal-box-shadow);
-  }
-
-  @media only screen and (max-width: ${defaultTheme.mobileWidth}px) {
-    animation-name: ${MobileBoxOut};
-    animation-duration: 130ms;
-    animation-timing-function: ease;
-
-    &.active {
-      animation-name: ${MobileBoxIn};
-      animation-duration: 300ms;
-      animation-delay: 32ms;
-      animation-timing-function: cubic-bezier(0.15, 1.15, 0.6, 1);
-    }
-
-    &:before {
-      width: 100%;
-      transition: 0ms height cubic-bezier(0.15, 1.15, 0.6, 1);
-      will-change: height;
-    }
-  }
-`;
-const ControllerContainer = styled(motion.div)`
-  z-index: 3;
-  position: absolute;
-  top: 0;
-  left: 50%;
-  height: 64px;
-  transform: translateX(-50%);
-  backface-visibility: hidden;
-  width: var(--width);
-  transition: 0.2s ease width;
-  pointer-events: auto;
-  //border-bottom: 1px solid var(--ck-body-divider);
-`;
-const InnerContainer = styled(motion.div)`
-  position: relative;
-  overflow: hidden;
-  height: var(--height);
-  transition: 0.2s ease height;
-  @media only screen and (max-width: ${defaultTheme.mobileWidth}px) {
-    transition: 0ms height cubic-bezier(0.15, 1.15, 0.6, 1);
-    /* animation-delay: 34ms; */
-  }
-`;
-const PageContainer = styled(motion.div)`
-  z-index: 2;
-  position: relative;
-  top: 0;
-  left: 50%;
-  margin-left: calc(var(--width) / -2);
-  width: var(--width);
-  /* left: 0; */
-  /* width: 100%; */
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  transform-origin: center center;
-  animation: 200ms ease both;
-
-  &.active {
-    animation-name: ${FadeInScaleDown};
-  }
-  &.active-scale-up {
-    animation-name: ${FadeInScaleUp};
-  }
-  &.exit-scale-down {
-    z-index: 1;
-    pointer-events: none;
-    position: absolute;
-    /* top: 0; */
-    /* left: 0; */
-    animation-name: ${FadeOutScaleDown};
-  }
-  &.exit {
-    z-index: 1;
-    pointer-events: none;
-    position: absolute;
-    /* top: 0; */
-    /* left: 0; */
-    /* left: 50%; */
-    /* transform: translateX(-50%); */
-    animation-name: ${FadeOutScaleUp};
-    animation-delay: 16.6667ms;
-  }
-  @media only screen and (max-width: ${defaultTheme.mobileWidth}px) {
-    /* animation: 0ms ease both; */
-    /* animation-delay: 35ms; */
-    animation: 0ms cubic-bezier(0.15, 1.15, 0.6, 1) both;
-
-    &.active {
-      animation-name: ${FadeIn};
-    }
-    &.active-scale-up {
-      animation-name: ${FadeIn};
-    }
-    &.exit-scale-down {
-      z-index: 3;
-      animation-name: ${FadeOut};
-    }
-    &.exit {
-      z-index: 3;
-      animation-name: ${FadeOut};
-      animation-delay: 0ms;
-    }
-  }
-`;
-const PageContents = styled(motion.div)`
-  margin: 0 auto;
-  width: fit-content;
-  padding: 29px 24px 24px;
-  backface-visibility: hidden;
-`;
-const ModalContainer = styled.div`
-  z-index: 2147483646; // z-index set one below max (2147483647) for if we wish to layer things ontop of the modal in a seperate Portal
-  position: fixed;
-  inset: 0;
-`;
-const CloseButton = styled(motion.button)`
-  z-index: 3;
-  cursor: pointer;
-  position: absolute;
-  top: 22px;
-  right: 17px;
-  width: 32px;
-  height: 32px;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  border-radius: 16px;
-  padding: 0;
-  margin: 0;
-  color: var(--ck-body-action-color);
-  background: var(--ck-body-background);
-  transition:
-    background-color 200ms ease,
-    transform 100ms ease;
-  /* will-change: transform; */
-  svg {
-    display: block;
-  }
-
-  &:hover {
-    background: var(--ck-body-background-secondary);
-  }
-  &:active {
-    transform: scale(0.9);
-  }
-`;
-styled(motion.button)`
-  z-index: 3;
-  position: absolute;
-  inset: 0;
-  width: 100%; // FireFox fix
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  border-radius: 16px;
-  padding: 0;
-  margin: 0;
-  color: var(--ck-body-action-color);
-  background: var(--ck-body-background);
-  transition:
-    background-color 200ms ease,
-    transform 100ms ease;
-  /* will-change: transform; */
-  svg {
-    display: block;
-    position: relative;
-  }
-
-  &:enabled {
-    cursor: pointer;
-    &:hover {
-      background: var(--ck-body-background-secondary);
-    }
-    &:active {
-      transform: scale(0.9);
-    }
-  }
-`;
-const BackButton = styled(motion.button)`
-  z-index: 3;
-  position: absolute;
-  inset: 0;
-  width: 100%; // FireFox fix
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  border-radius: 16px;
-  padding: 0;
-  margin: 0;
-  color: var(--ck-body-action-color);
-  background: var(--ck-body-background);
-  transition:
-    background-color 200ms ease,
-    transform 100ms ease;
-  /* will-change: transform; */
-  svg {
-    display: block;
-    position: relative;
-    left: -1px;
-  }
-
-  &:enabled {
-    cursor: pointer;
-    &:hover {
-      background: var(--ck-body-background-secondary);
-    }
-    &:active {
-      transform: scale(0.9);
-    }
-  }
-`;
-const InfoButton = styled(motion.button)`
-  z-index: 3;
-  position: absolute;
-  inset: 0;
-  width: 100%; // FireFox fix
-  transform: translateX(-1px);
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  border-radius: 16px;
-  padding: 0;
-  margin: 0;
-  color: var(--ck-body-action-color);
-  background: var(--ck-body-background);
-  transition:
-    background-color 200ms ease,
-    transform 100ms ease;
-  /* will-change: transform; */
-  svg {
-    display: block;
-    position: relative;
-  }
-  &:enabled {
-    cursor: pointer;
-    &:hover {
-      background: var(--ck-body-background-secondary);
-    }
-    &:active {
-      transform: scale(0.9);
-    }
-  }
-`;
-const Container = styled(motion.div)`
-  --ease: cubic-bezier(0.25, 0.1, 0.25, 1);
-  --duration: 200ms;
-  --transition:
-    height var(--duration) var(--ease), width var(--duration) var(--ease);
-  z-index: 3;
-  display: block;
-  pointer-events: none;
-  position: absolute;
-  left: 50%;
-  top: 50%;
-  width: 100%;
-  transform: translate3d(-50%, -50%, 0);
-  backface-visibility: hidden;
-  @media only screen and (max-width: ${defaultTheme.mobileWidth}px) {
-    pointer-events: auto;
-    left: 0;
-    top: auto;
-    bottom: -5px;
-    transform: none;
-    ${BoxContainer} {
-      max-width: 448px;
-      margin: 0 auto;
-      &:before {
-        width: 100%;
-        border-radius: var(--ck-border-radius, 30px)
-          var(--ck-border-radius, 30px) 0 0;
-      }
-    }
-    ${PageContainer} {
-      left: 0;
-      right: 0;
-      margin: 0 auto;
-      width: auto;
-    }
-    ${PageContent} {
-      margin: 0 auto;
-      width: 100% !important;
-    }
-    ${ModalHeading} {
-      top: 29px;
-    }
-    ${ModalContent} {
-      gap: 12px;
-    }
-    ${ModalBody} {
-      margin: 0 auto;
-      max-width: 295px;
-    }
-    ${PageContents} {
-      width: 100%;
-      padding: 31px 24px;
-    }
-    ${ControllerContainer} {
-      width: 100%;
-      top: 4px;
-      border-bottom: 0;
-    }
-    ${CloseButton} {
-      right: 22px;
-    }
-    ${BackButton} {
-      top: -1px;
-      left: -3px;
-    }
-    ${InfoButton} {
-      top: -1px;
-      left: -3px;
-      svg {
-        width: 65%;
-        height: auto;
-      }
-    }
-    ${CloseButton},
-    ${BackButton},
-    ${InfoButton} {
-      // Quick hack for bigger tappable area on mobile
-      transform: scale(1.4) !important;
-      background: transparent !important;
-      svg {
-        transform: scale(0.8) !important;
-      }
-    }
-  }
-`;
-const Disclaimer = styled(motion.div)`
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  margin: 16px -24px -24px -24px;
-  padding: 15px 40px 18px;
-  font-size: var(--ck-body-disclaimer-font-size, 13px);
-  font-weight: var(--ck-body-disclaimer-font-weight, 400);
-  text-align: center;
-  line-height: 19px;
-  color: var(--ck-body-disclaimer-color, var(--ck-body-color-muted, inherit));
-
-  & a {
-    color: var(--ck-body-disclaimer-link-color, inherit);
-    font-weight: var(--ck-body-disclaimer-font-weight, 400);
-    text-decoration: none;
-    transition: color 200ms ease;
-    &:hover {
-      color: var(--ck-body-disclaimer-link-hover-color, inherit);
-    }
-  }
-
-  @media only screen and (max-width: ${defaultTheme.mobileWidth}px) {
-    margin: 24px -24px -26px -24px;
-    padding: 20px 42px 22px 42px;
-  }
-`;
-const DisclaimerBackground = styled(motion.div)`
-  pointer-events: all;
-  z-index: 9;
-  position: absolute;
-  bottom: 0;
-  left: 50%;
-  width: var(--width);
-  backface-visibility: hidden;
-  transform: translateX(-50%);
-  transform-origin: bottom center;
-
-  border-radius: var(--ck-border-radius, 30px);
-  border-top-left-radius: 0;
-  border-top-right-radius: 0;
-  transition: width 200ms ease;
-
-  background: var(
-    --ck-body-disclaimer-background,
-    var(--ck-body-background-secondary)
-  );
-  box-shadow: var(--ck-body-disclaimer-box-shadow);
-
-  ${Disclaimer} {
-    margin: 0 !important;
-    /* visibility: hidden; */
-  }
-
-  @media only screen and (max-width: ${defaultTheme.mobileWidth}px) {
-    border-radius: 0;
-  }
-`;
-styled(motion.div)`
-  z-index: 2;
-  position: absolute;
-  top: 100%;
-  white-space: nowrap;
-  padding: 8px 16px;
-  color: #fff;
-  font-size: 13px;
-  line-height: 1.5;
-  background: #1a88f8;
-  border-radius: calc(var(--ck-border-radius) * 0.75);
-  transform: translateY(8px) translateX(-48px);
-  box-shadow: var(--ck-modal-box-shadow);
-  &:before {
-    content: "";
-    position: absolute;
-    box-shadow: var(--shadow);
-    width: 18px;
-    height: 18px;
-    transform: translate(215%, -75%) rotate(45deg);
-    background: inherit;
-    border-radius: 3px 0 0 0;
-  }
-
-  @media only screen and (max-width: ${defaultTheme.mobileWidth}px) {
-    transform: translateY(8px) translateX(-16px);
-    &:before {
-      transform: translate(40%, -75%) rotate(45deg);
-    }
-  }
-`;
-
-export { BackButton, BackgroundOverlay, BoxContainer, CloseButton, Container, ControllerContainer, Disclaimer, DisclaimerBackground, ErrorMessage, InfoButton, InnerContainer, Link, ModalBody, ModalContainer, ModalContent, ModalContentContainer, ModalH1, ModalHeading, PageContainer, PageContent, PageContents, TextWithHr };
-//# sourceMappingURL=styles.js.map

package/build/pay/packages/connectkit/src/components/Common/Modal/styles.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"styles.js","sources":["../../../../../../../../src/components/Common/Modal/styles.ts"],"sourcesContent":["import { motion } from \"framer-motion\";\nimport { keyframes } from \"styled-components\";\nimport defaultTheme from \"../../../constants/defaultTheme\";\nimport styled from \"./../../../styles/styled\";\n\nexport const ErrorMessage = styled(motion.div)`\n  z-index: -1;\n  pointer-events: auto;\n  position: absolute;\n  left: 50%;\n  transform: translateX(-50%);\n  width: var(--width);\n  top: 64px;\n  color: #fff;\n  font-size: 14px;\n  line-height: 20px;\n  font-weight: 500;\n  background: var(--ck-body-color-danger);\n  border-radius: 20px;\n  padding: 24px 46px 82px 24px;\n  transition: width var(--duration) var(--ease);\n  a {\n    font-weight: 700;\n    text-decoration: underline;\n  }\n  code {\n    font-size: 0.9em;\n    display: inline-block;\n    font-family: monospace;\n    margin: 1px;\n    padding: 0 4px;\n    border-radius: 8px;\n    font-weight: bold;\n    background: rgba(255, 255, 255, 0.1);\n  }\n`;\n\nconst FadeIn = keyframes`\nfrom { opacity: 0; }\n  to { opacity: 1; }\n`;\n\nconst FadeInScaleUp = keyframes`\nfrom { opacity: 0; transform: scale(0.85); }\n  to { opacity: 1; transform: scale(1); }\n`;\n\nconst FadeInScaleDown = keyframes`\nfrom { opacity: 0; transform: scale(1.1); }\n  to { opacity: 1; transform: scale(1); }\n`;\n\nconst FadeOut = keyframes`\nfrom { opacity: 1; }\n  to { opacity: 0; }\n`;\n\nconst FadeOutScaleUp = keyframes`\nfrom { opacity: 1; transform: scale(1); }\n  to { opacity: 0; transform: scale(1.1); }\n`;\n\nconst FadeOutScaleDown = keyframes`\nfrom { opacity: 1; transform: scale(1); }\n  to { opacity: 0; transform: scale(0.85); }\n`;\n\nexport const PageContent = styled(motion.div)`\n  max-width: 100%;\n  width: 360px;\n  padding-top: 48px;\n`;\n\nexport const TextWithHr = styled(motion.div)`\n  user-select: none;\n  position: relative;\n  display: block;\n  text-align: center;\n  color: var(--ck-body-color-muted);\n  font-size: 15px;\n  font-weight: 400;\n  line-height: 21px;\n  span {\n    z-index: 2;\n    position: relative;\n    display: inline-block;\n    user-select: none;\n    pointer-events: none;\n    padding: 0 14px;\n    background: var(--ck-body-background);\n    transition: background-color 200ms ease;\n  }\n  &:before {\n    z-index: 2;\n    content: \"\";\n    position: absolute;\n    top: 50%;\n    left: 0;\n    right: 0;\n    height: 1px;\n    transform: translateY(-1px);\n    background: var(--ck-body-divider);\n    box-shadow: var(--ck-body-divider-box-shadow);\n  }\n`;\nexport const ModalHeading = styled(motion.div)`\n  z-index: 3;\n  pointer-events: none;\n  user-select: none;\n  position: absolute;\n  top: 25px;\n  left: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  height: 26px;\n  transform: translateX(-50%);\n  width: var(--width);\n  text-align: center;\n  font-size: 17px;\n  line-height: 20px;\n  font-weight: var(--ck-modal-heading-font-weight, 600);\n  color: var(--ck-body-color);\n  span {\n    display: inline-block;\n  }\n`;\n\nexport const ModalContentContainer = styled(motion.div)`\n  position: relative;\n  padding: 0;\n`;\nexport const ModalContent = styled(motion.div)<{ $preserveDisplay?: boolean }>`\n  left: 0;\n  right: 0;\n  text-align: center;\n  display: flex;\n  flex-direction: column;\n  gap: 12px;\n  padding: 0 0 16px;\n\n  @media only screen and (max-width: ${defaultTheme.mobileWidth}px) {\n    display: ${(props) => (props.$preserveDisplay ? \"flex\" : \"block\")};\n    gap: ${(props) => (props.$preserveDisplay ? \"4px\" : undefined)};\n  }\n`;\nexport const ModalH1 = styled(motion.h1)<{\n  $error?: boolean;\n  $valid?: boolean;\n  $small?: boolean;\n}>`\n  margin: 0;\n  padding: 0;\n  line-height: ${(props) => (props.$small ? 20 : 22)}px;\n  font-size: ${(props) => (props.$small ? 17 : 19)}px;\n  font-weight: var(--ck-modal-h1-font-weight, 600);\n  color: ${(props) => {\n    if (props.$error) return \"var(--ck-body-color-danger)\";\n    if (props.$valid) return \"var(--ck-body-color-valid)\";\n    return \"var(--ck-body-color)\";\n  }};\n  > svg {\n    position: relative;\n    top: -2px;\n    display: inline-block;\n    vertical-align: middle;\n    margin-right: 6px;\n  }\n  @media only screen and (max-width: ${defaultTheme.mobileWidth}px) {\n    margin-bottom: 6px;\n    font-size: 17px;\n  }\n`;\n\nexport const ModalBody = styled.div`\n  font-size: 16px;\n  font-weight: 400;\n  line-height: 21px;\n  color: var(--ck-body-color-muted);\n  strong {\n    font-weight: 500;\n    color: var(--ck-body-color);\n  }\n`;\n\nexport const ModalBodySmall = styled.div`\n  padding: 0 12px;\n  font-size: 13px;\n  font-weight: 400;\n  line-height: 16px;\n  color: var(--ck-body-color-muted);\n  strong {\n    font-weight: 500;\n    color: var(--ck-body-color);\n  }\n`;\n\nexport const Link = styled.a`\n  color: var(--ck-body-color);\n  text-decoration: none;\n\n  &:hover {\n    color: var(--ck-body-color-muted);\n  }\n`;\n\nexport const BackgroundOverlay = styled(motion.div)<{\n  $active: boolean;\n  $blur?: number;\n}>`\n  z-index: 1;\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  background: var(--ck-overlay-background, rgba(71, 88, 107, 0.24));\n  backdrop-filter: ${(props) =>\n    props.$blur\n      ? `blur(${props.$blur}px)`\n      : \"var(--ck-overlay-backdrop-filter, none)\"};\n  opacity: 0;\n  animation: ${(props) => (props.$active ? FadeIn : FadeOut)} 150ms ease-out\n    both;\n`;\n\nconst BoxIn = keyframes`\n  from{ opacity: 0; transform: scale(0.97); }\n  to{ opacity: 1; transform: scale(1); }\n`;\nconst BoxOut = keyframes`\n  from{ opacity: 1; transform: scale(1); }\n  to{ opacity: 0; transform: scale(0.97); }\n`;\n\nconst MobileBoxIn = keyframes`\n  from { transform: translate3d(0, 100%, 0); }\n  to { transform: translate3d(0, 0%, 0); }\n`;\n\nconst MobileBoxOut = keyframes`\n  from { opacity: 1; }\n  to { opacity: 0; }\n`;\n\nexport const BoxContainer = styled(motion.div)`\n  z-index: 2;\n  position: relative;\n  color: var(--ck-body-color);\n\n  animation: 150ms ease both;\n  animation-name: ${BoxOut};\n  &.active {\n    animation-name: ${BoxIn};\n  }\n\n  &:before {\n    content: \"\";\n    position: absolute;\n    top: 0;\n    bottom: 0;\n    left: 50%;\n    width: var(--width);\n    height: var(--height);\n    transform: translateX(-50%);\n    backface-visibility: hidden;\n    transition: all 200ms ease;\n    border-radius: var(--ck-border-radius, 20px);\n    background: var(--ck-body-background);\n    box-shadow: var(--ck-modal-box-shadow);\n  }\n\n  @media only screen and (max-width: ${defaultTheme.mobileWidth}px) {\n    animation-name: ${MobileBoxOut};\n    animation-duration: 130ms;\n    animation-timing-function: ease;\n\n    &.active {\n      animation-name: ${MobileBoxIn};\n      animation-duration: 300ms;\n      animation-delay: 32ms;\n      animation-timing-function: cubic-bezier(0.15, 1.15, 0.6, 1);\n    }\n\n    &:before {\n      width: 100%;\n      transition: 0ms height cubic-bezier(0.15, 1.15, 0.6, 1);\n      will-change: height;\n    }\n  }\n`;\nexport const ControllerContainer = styled(motion.div)`\n  z-index: 3;\n  position: absolute;\n  top: 0;\n  left: 50%;\n  height: 64px;\n  transform: translateX(-50%);\n  backface-visibility: hidden;\n  width: var(--width);\n  transition: 0.2s ease width;\n  pointer-events: auto;\n  //border-bottom: 1px solid var(--ck-body-divider);\n`;\n\nexport const InnerContainer = styled(motion.div)`\n  position: relative;\n  overflow: hidden;\n  height: var(--height);\n  transition: 0.2s ease height;\n  @media only screen and (max-width: ${defaultTheme.mobileWidth}px) {\n    transition: 0ms height cubic-bezier(0.15, 1.15, 0.6, 1);\n    /* animation-delay: 34ms; */\n  }\n`;\n\nexport const PageContainer = styled(motion.div)`\n  z-index: 2;\n  position: relative;\n  top: 0;\n  left: 50%;\n  margin-left: calc(var(--width) / -2);\n  width: var(--width);\n  /* left: 0; */\n  /* width: 100%; */\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  transform-origin: center center;\n  animation: 200ms ease both;\n\n  &.active {\n    animation-name: ${FadeInScaleDown};\n  }\n  &.active-scale-up {\n    animation-name: ${FadeInScaleUp};\n  }\n  &.exit-scale-down {\n    z-index: 1;\n    pointer-events: none;\n    position: absolute;\n    /* top: 0; */\n    /* left: 0; */\n    animation-name: ${FadeOutScaleDown};\n  }\n  &.exit {\n    z-index: 1;\n    pointer-events: none;\n    position: absolute;\n    /* top: 0; */\n    /* left: 0; */\n    /* left: 50%; */\n    /* transform: translateX(-50%); */\n    animation-name: ${FadeOutScaleUp};\n    animation-delay: 16.6667ms;\n  }\n  @media only screen and (max-width: ${defaultTheme.mobileWidth}px) {\n    /* animation: 0ms ease both; */\n    /* animation-delay: 35ms; */\n    animation: 0ms cubic-bezier(0.15, 1.15, 0.6, 1) both;\n\n    &.active {\n      animation-name: ${FadeIn};\n    }\n    &.active-scale-up {\n      animation-name: ${FadeIn};\n    }\n    &.exit-scale-down {\n      z-index: 3;\n      animation-name: ${FadeOut};\n    }\n    &.exit {\n      z-index: 3;\n      animation-name: ${FadeOut};\n      animation-delay: 0ms;\n    }\n  }\n`;\nexport const PageContents = styled(motion.div)`\n  margin: 0 auto;\n  width: fit-content;\n  padding: 29px 24px 24px;\n  backface-visibility: hidden;\n`;\n\nexport const ModalContainer = styled.div`\n  z-index: 2147483646; // z-index set one below max (2147483647) for if we wish to layer things ontop of the modal in a seperate Portal\n  position: fixed;\n  inset: 0;\n`;\n\nexport const CloseButton = styled(motion.button)`\n  z-index: 3;\n  cursor: pointer;\n  position: absolute;\n  top: 22px;\n  right: 17px;\n  width: 32px;\n  height: 32px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  border-radius: 16px;\n  padding: 0;\n  margin: 0;\n  color: var(--ck-body-action-color);\n  background: var(--ck-body-background);\n  transition:\n    background-color 200ms ease,\n    transform 100ms ease;\n  /* will-change: transform; */\n  svg {\n    display: block;\n  }\n\n  &:hover {\n    background: var(--ck-body-background-secondary);\n  }\n  &:active {\n    transform: scale(0.9);\n  }\n`;\n\nexport const SiweButton = styled(motion.button)`\n  z-index: 3;\n  position: absolute;\n  inset: 0;\n  width: 100%; // FireFox fix\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  border-radius: 16px;\n  padding: 0;\n  margin: 0;\n  color: var(--ck-body-action-color);\n  background: var(--ck-body-background);\n  transition:\n    background-color 200ms ease,\n    transform 100ms ease;\n  /* will-change: transform; */\n  svg {\n    display: block;\n    position: relative;\n  }\n\n  &:enabled {\n    cursor: pointer;\n    &:hover {\n      background: var(--ck-body-background-secondary);\n    }\n    &:active {\n      transform: scale(0.9);\n    }\n  }\n`;\n\nexport const BackButton = styled(motion.button)`\n  z-index: 3;\n  position: absolute;\n  inset: 0;\n  width: 100%; // FireFox fix\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  border-radius: 16px;\n  padding: 0;\n  margin: 0;\n  color: var(--ck-body-action-color);\n  background: var(--ck-body-background);\n  transition:\n    background-color 200ms ease,\n    transform 100ms ease;\n  /* will-change: transform; */\n  svg {\n    display: block;\n    position: relative;\n    left: -1px;\n  }\n\n  &:enabled {\n    cursor: pointer;\n    &:hover {\n      background: var(--ck-body-background-secondary);\n    }\n    &:active {\n      transform: scale(0.9);\n    }\n  }\n`;\n\nexport const InfoButton = styled(motion.button)`\n  z-index: 3;\n  position: absolute;\n  inset: 0;\n  width: 100%; // FireFox fix\n  transform: translateX(-1px);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  border-radius: 16px;\n  padding: 0;\n  margin: 0;\n  color: var(--ck-body-action-color);\n  background: var(--ck-body-background);\n  transition:\n    background-color 200ms ease,\n    transform 100ms ease;\n  /* will-change: transform; */\n  svg {\n    display: block;\n    position: relative;\n  }\n  &:enabled {\n    cursor: pointer;\n    &:hover {\n      background: var(--ck-body-background-secondary);\n    }\n    &:active {\n      transform: scale(0.9);\n    }\n  }\n`;\n\nexport const Container = styled(motion.div)`\n  --ease: cubic-bezier(0.25, 0.1, 0.25, 1);\n  --duration: 200ms;\n  --transition:\n    height var(--duration) var(--ease), width var(--duration) var(--ease);\n  z-index: 3;\n  display: block;\n  pointer-events: none;\n  position: absolute;\n  left: 50%;\n  top: 50%;\n  width: 100%;\n  transform: translate3d(-50%, -50%, 0);\n  backface-visibility: hidden;\n  @media only screen and (max-width: ${defaultTheme.mobileWidth}px) {\n    pointer-events: auto;\n    left: 0;\n    top: auto;\n    bottom: -5px;\n    transform: none;\n    ${BoxContainer} {\n      max-width: 448px;\n      margin: 0 auto;\n      &:before {\n        width: 100%;\n        border-radius: var(--ck-border-radius, 30px)\n          var(--ck-border-radius, 30px) 0 0;\n      }\n    }\n    ${PageContainer} {\n      left: 0;\n      right: 0;\n      margin: 0 auto;\n      width: auto;\n    }\n    ${PageContent} {\n      margin: 0 auto;\n      width: 100% !important;\n    }\n    ${ModalHeading} {\n      top: 29px;\n    }\n    ${ModalContent} {\n      gap: 12px;\n    }\n    ${ModalBody} {\n      margin: 0 auto;\n      max-width: 295px;\n    }\n    ${PageContents} {\n      width: 100%;\n      padding: 31px 24px;\n    }\n    ${ControllerContainer} {\n      width: 100%;\n      top: 4px;\n      border-bottom: 0;\n    }\n    ${CloseButton} {\n      right: 22px;\n    }\n    ${BackButton} {\n      top: -1px;\n      left: -3px;\n    }\n    ${InfoButton} {\n      top: -1px;\n      left: -3px;\n      svg {\n        width: 65%;\n        height: auto;\n      }\n    }\n    ${CloseButton},\n    ${BackButton},\n    ${InfoButton} {\n      // Quick hack for bigger tappable area on mobile\n      transform: scale(1.4) !important;\n      background: transparent !important;\n      svg {\n        transform: scale(0.8) !important;\n      }\n    }\n  }\n`;\n\nexport const Disclaimer = styled(motion.div)`\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  margin: 16px -24px -24px -24px;\n  padding: 15px 40px 18px;\n  font-size: var(--ck-body-disclaimer-font-size, 13px);\n  font-weight: var(--ck-body-disclaimer-font-weight, 400);\n  text-align: center;\n  line-height: 19px;\n  color: var(--ck-body-disclaimer-color, var(--ck-body-color-muted, inherit));\n\n  & a {\n    color: var(--ck-body-disclaimer-link-color, inherit);\n    font-weight: var(--ck-body-disclaimer-font-weight, 400);\n    text-decoration: none;\n    transition: color 200ms ease;\n    &:hover {\n      color: var(--ck-body-disclaimer-link-hover-color, inherit);\n    }\n  }\n\n  @media only screen and (max-width: ${defaultTheme.mobileWidth}px) {\n    margin: 24px -24px -26px -24px;\n    padding: 20px 42px 22px 42px;\n  }\n`;\n\nexport const DisclaimerBackground = styled(motion.div)`\n  pointer-events: all;\n  z-index: 9;\n  position: absolute;\n  bottom: 0;\n  left: 50%;\n  width: var(--width);\n  backface-visibility: hidden;\n  transform: translateX(-50%);\n  transform-origin: bottom center;\n\n  border-radius: var(--ck-border-radius, 30px);\n  border-top-left-radius: 0;\n  border-top-right-radius: 0;\n  transition: width 200ms ease;\n\n  background: var(\n    --ck-body-disclaimer-background,\n    var(--ck-body-background-secondary)\n  );\n  box-shadow: var(--ck-body-disclaimer-box-shadow);\n\n  ${Disclaimer} {\n    margin: 0 !important;\n    /* visibility: hidden; */\n  }\n\n  @media only screen and (max-width: ${defaultTheme.mobileWidth}px) {\n    border-radius: 0;\n  }\n`;\n\nexport const SignInTooltip = styled(motion.div)`\n  z-index: 2;\n  position: absolute;\n  top: 100%;\n  white-space: nowrap;\n  padding: 8px 16px;\n  color: #fff;\n  font-size: 13px;\n  line-height: 1.5;\n  background: #1a88f8;\n  border-radius: calc(var(--ck-border-radius) * 0.75);\n  transform: translateY(8px) translateX(-48px);\n  box-shadow: var(--ck-modal-box-shadow);\n  &:before {\n    content: \"\";\n    position: absolute;\n    box-shadow: var(--shadow);\n    width: 18px;\n    height: 18px;\n    transform: translate(215%, -75%) rotate(45deg);\n    background: inherit;\n    border-radius: 3px 0 0 0;\n  }\n\n  @media only screen and (max-width: ${defaultTheme.mobileWidth}px) {\n    transform: translateY(8px) translateX(-16px);\n    &:before {\n      transform: translate(40%, -75%) rotate(45deg);\n    }\n  }\n`;\n"],"names":[],"mappings":"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"}