.id-twin-overlay {
  container-type: size;
}
.id-twin-dialog {
  width: min(100%, 350px, calc(100cqh * 25 / 46));
  max-width: 350px;
  max-height: none;
  overflow: hidden;
}
.smartcard-dialog {
  border-radius: 32px;
  box-shadow: 0 12px 30px #0003;
}
.smartcard-template {
  aspect-ratio: 25/46;
  --smartcard-partner-color: #004667;
}
.smartcard-artwork {
  position: absolute;
  inset: 0 0 auto;
  height: 65.7%;
  overflow: hidden;
  border-radius: 32px 32px 0 0;
}
/* Crop the thin white rim embedded in the artwork without changing its lettering. */
.smartcard-partner-image {
  display: block;
  position: relative;
  width: 101.4%;
  max-width: none;
  height: auto;
  left: -0.7%;
  margin-top: -0.7%;
}
.smartcard-dialog .smartcard-template {
  box-shadow: none;
}
.phone:has(> .smartcard-overlay) {
  background: #304a4d;
}
.smartcard-card-title {
  position: absolute;
  inset: 65.7% 0 22%;
  background: #fff;
}
.smartcard-card-title svg {
  display: block;
  width: 100%;
  height: auto;
}
.smartcard-card-title text {
  fill: var(--smartcard-partner-color);
  opacity: 0.25;
  font:
    800 245px Montserrat,
    Arial,
    sans-serif;
}
.smartcard-footer {
  position: absolute;
  inset: 78% 0 0;
  background: #fff;
  padding: 0 3.5%;
  display: flex;
  align-items: flex-start;
}
.smartcard-footer img {
  display: block;
  width: 100%;
  height: auto;
}
.smartcard-footer-art{position:relative;width:100%}
.smartcard-qr-link{position:absolute;top:0;right:0;width:28%;height:78%;border:0;padding:0;background:transparent;cursor:zoom-in}
.id-pass-qr-window{border:0;padding:0;cursor:zoom-in}
.smartcard-close {
  position: absolute;
  top: 1.5%;
  right: 2%;
  width: 15%;
  height: 7%;
  min-width: 44px;
  min-height: 44px;
  border: 0;
  border-radius: 50%;
  background: transparent;
  cursor: pointer;
  padding: 0;
}
.smartcard-close:focus-visible {
  outline: 3px solid #2db7ad;
  outline-offset: 0;
}
.smartcard-personalized .smartcard-card-title {
  top: 65.217391%;
}
.smartcard-personalized .id-pass-portrait {
  image-rendering: auto;
  filter: none;
}
.smartcard-personalized .smartcard-close {
  top: 12px;
  right: 12px;
  width: 44px;
  height: 44px;
  display: grid;
  place-items: center;
}
.smartcard-close img {
  display: block;
  width: 40px;
  height: 40px;
  object-fit: contain;
}