@font-face {
  font-family: "Square Sans Text";
  src: url(https://square-fonts-production-f.squarecdn.com/square-text/SquareSansText-Regular.woff2)
    format("woff2");
  font-weight: 400;
}

@font-face {
  font-family: "Square Sans Text";
  src: url(https://square-fonts-production-f.squarecdn.com/square-text/SquareSansText-SemiBold.woff2)
    format("woff2");
  font-weight: 600;
}

@font-face {
  font-family: "Square Market";
  src: url(https://d1g145x70srn7h.cloudfront.net/fonts/sqmarket/sqmarket-regular.woff2)
    format("woff2");
  font-weight: 400;
}

@font-face {
  font-family: "Square Market";
  src: url(https://d1g145x70srn7h.cloudfront.net/fonts/sqmarket/sqmarket-medium.woff2)
    format("woff2");
  font-weight: 600;
}

.sq-card-wrapper {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  margin: 0 auto;
  min-width: 250px;
  align-items: flex-start;
}

.sq-card-wrapper .sq-card-component {
  border-radius: 6px;
}

.sq-card-wrapper .sq-card-iframe-container {
  position: relative;
  width: calc(100% - (1px + 1px));
  box-sizing: content-box;
  border: 1px solid #d9d9d9;
  border-radius: 6px;
  background-color: #fff;
}

/* Media query for larger windows */
@media screen and (min-width: 768px) {
  /* Adjust the min-width value as needed */
  .sq-card-wrapper .sq-card-iframe-container {
    max-height: 47px;
  }
}
.sq-card-wrapper.sq-error .sq-card-iframe-container {
  border-color: rgba(0, 0, 0, 0) !important;
}

.sq-card-wrapper.sq-error .sq-card-iframe-container::before {
  content: "";
  pointer-events: none;
  position: absolute;
  z-index: 1;
  top: -1px;
  left: -1px;
  right: -1px;
  bottom: -1px;
  border: inset 2px #cc0023;
  border-radius: 6px;
  border-style: solid;
}

.sq-card-wrapper.sq-focus .sq-card-iframe-container {
  border-color: rgba(0, 0, 0, 0) !important;
}

.sq-card-wrapper.sq-focus .sq-card-iframe-container::before {
  content: "";
  pointer-events: none;
  position: absolute;
  z-index: 1;
  top: -1px;
  left: -1px;
  right: -1px;
  bottom: -1px;
  border: inset 2px #006aff;
  border-radius: 6px;
  border-style: solid;
}

.sq-card-wrapper .sq-card-message {
  width: 100%;
  margin-top: 11px;
  margin-bottom: 11px;
  visibility: hidden;
  font-family: "Square Sans Text VF", "Square Sans Text", Arial, sans-serif;
  font-size: 14px;
}

.sq-card-wrapper .sq-card-message::before {
  visibility: hidden;
  display: inline-block;
  height: 16px;
  width: 16px;
  vertical-align: -3px;
  margin-right: 8px;
  content: " ";
  -webkit-mask: url("data:image/svg+xml,%3Csvg width=%2716%27 height=%2716%27 viewBox=%270 0 16 16%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath fill-rule=%27evenodd%27 clip-rule=%27evenodd%27 d=%27M16 8C16 12.4183 12.4183 16 8 16C3.58172 16 0 12.4183 0 8C0 3.58172 3.58172 0 8 0C12.4183 0 16 3.58172 16 8ZM8 7C8.55229 7 9 7.44772 9 8V11C9 11.5523 8.55229 12 8 12C7.44772 12 7 11.5523 7 11V8C7 7.44772 7.44772 7 8 7ZM8 6C8.55229 6 9 5.55228 9 5C9 4.44772 8.55229 4 8 4C7.44772 4 7 4.44772 7 5C7 5.55228 7.44772 6 8 6Z%27 fill=%27%2349A4D5%27/%3E%3C/svg%3E");
  mask: url("data:image/svg+xml,%3Csvg width=%2716%27 height=%2716%27 viewBox=%270 0 16 16%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath fill-rule=%27evenodd%27 clip-rule=%27evenodd%27 d=%27M16 8C16 12.4183 12.4183 16 8 16C3.58172 16 0 12.4183 0 8C0 3.58172 3.58172 0 8 0C12.4183 0 16 3.58172 16 8ZM8 7C8.55229 7 9 7.44772 9 8V11C9 11.5523 8.55229 12 8 12C7.44772 12 7 11.5523 7 11V8C7 7.44772 7.44772 7 8 7ZM8 6C8.55229 6 9 5.55228 9 5C9 4.44772 8.55229 4 8 4C7.44772 4 7 4.44772 7 5C7 5.55228 7.44772 6 8 6Z%27 fill=%27%2349A4D5%27/%3E%3C/svg%3E");
}

.sq-card-wrapper .sq-card-message.sq-visible {
  visibility: visible;
}

.sq-card-wrapper .sq-card-message.sq-visible::before {
  visibility: visible;
}

.sq-card-wrapper .sq-card-message-no-error {
  color: rgba(0, 0, 0, 0.55);
}

.sq-card-wrapper .sq-card-message-no-error::before {
  background-color: rgba(0, 0, 0, 0.55);
}

.sq-card-wrapper .sq-card-message-error {
  color: #cc0023;
}

.sq-card-wrapper .sq-card-message-error::before {
  content: " ";
  -webkit-mask: url("data:image/svg+xml,%3Csvg width=%2716%27 height=%2716%27 viewBox=%270 0 16 16%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath fill-rule=%27evenodd%27 clip-rule=%27evenodd%27 d=%27M16 8C16 3.58172 12.4183 0 8 0C3.58172 0 0 3.58172 0 8C0 12.4183 3.58172 16 8 16C12.4183 16 16 12.4183 16 8ZM8 9C8.55229 9 9 8.55228 9 8V5C9 4.44771 8.55229 4 8 4C7.44772 4 7 4.44771 7 5V8C7 8.55228 7.44772 9 8 9ZM8 10C8.55229 10 9 10.4477 9 11C9 11.5523 8.55229 12 8 12C7.44772 12 7 11.5523 7 11C7 10.4477 7.44772 10 8 10Z%27/%3E%3C/svg%3E");
  mask: url("data:image/svg+xml,%3Csvg width=%2716%27 height=%2716%27 viewBox=%270 0 16 16%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath fill-rule=%27evenodd%27 clip-rule=%27evenodd%27 d=%27M16 8C16 3.58172 12.4183 0 8 0C3.58172 0 0 3.58172 0 8C0 12.4183 3.58172 16 8 16C12.4183 16 16 12.4183 16 8ZM8 9C8.55229 9 9 8.55228 9 8V5C9 4.44771 8.55229 4 8 4C7.44772 4 7 4.44771 7 5V8C7 8.55228 7.44772 9 8 9ZM8 10C8.55229 10 9 10.4477 9 11C9 11.5523 8.55229 12 8 12C7.44772 12 7 11.5523 7 11C7 10.4477 7.44772 10 8 10Z%27/%3E%3C/svg%3E");
  background-color: #cc0023;
}