.pi-dialog,.pi-dialog * {
  box-sizing:border-box
}
.pi-dialog {
  font-family:Arial,Helvetica,sans-serif;
  text-align:start;
  overflow-wrap:anywhere
}
.pi-dialog * {
  font-family:inherit
}
[dir="rtl"] .pi-dialog {
  font-family:"Noto Sans Arabic",Arial,Helvetica,sans-serif
}
[dir="rtl"] .pi-continue svg {
  transform:scaleX(-1)
}
.pi-dialog button,.pi-dialog a {
  -webkit-tap-highlight-color:transparent
}
.pi-dialog button:focus-visible,.pi-dialog a:focus-visible {
  outline:3px solid #352177;
  outline-offset:4px
}
.pi-dialog ::selection {
  background:#e4dcff;
  color:#24144b
}
.pi-dialog {
  margin:auto;
  padding:0;
  border:0;
  width:calc(100% - 32px);
  max-width:680px;
  max-height:calc(100dvh - 32px);
  border-radius:32px;
  color:#080808;
  background:white;
  box-shadow:0 18px 48px rgba(25,22,45,.14);
  overflow:auto;
  overscroll-behavior:contain;
  scrollbar-width:thin;
  scrollbar-color:#aaa transparent
}
.pi-dialog::backdrop {
  background:rgba(31,29,48,.50)
}
.pi-content {
  padding:48px
}
.pi-dialog h2 {
  font-size:36px;
  line-height:1.2;
  letter-spacing:-.025em;
  margin:0 0 32px;
  font-weight:700
}
.pi-dialog h2:focus {
  outline:none
}
.pi-body {
  font-size:24px;
  line-height:1.5;
  margin:0
}
.pi-chips {
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin:28px 0 24px;
  padding:0;
  list-style:none
}
.pi-chip {
  display:inline-flex;
  align-items:center;
  gap:9px;
  padding:12px 14px;
  background:#efefef;
  border-radius:999px;
  font-size:18px;
  line-height:1.25;
  font-weight:700;
  max-width:100%
}
.pi-chip svg {
  flex:0 0 20px;
  width:20px;
  height:20px;
  stroke:currentColor;
  fill:none;
  stroke-width:1.8;
  stroke-linecap:round;
  stroke-linejoin:round
}
.pi-provider {
  font-size:21px;
  line-height:1.5;
  color:#606060;
  margin:0 0 32px
}
.pi-continue {
  width:100%;
  min-height:72px;
  border:0;
  border-radius:999px;
  color:#fff;
  background:#7059e7;
  font-size:24px;
  font-weight:700;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:18px;
  cursor:pointer;
  box-shadow:0 12px 24px rgba(112,89,231,.17)
}
.pi-continue:hover {
  background:#634cda
}
.pi-continue svg {
  width:26px;
  height:26px;
  fill:none;
  stroke:currentColor;
  stroke-width:2.2;
  stroke-linecap:round;
  stroke-linejoin:round
}
.pi-help {
  margin:28px 0 0;
  text-align:center;
  color:#606060;
  font-size:20px;
  line-height:1.5
}
.pi-help a {
  color:#7059e7;
  font-weight:700;
  text-decoration-thickness:2px;
  text-underline-offset:3px
}
@media(max-width:560px) {
  .pi-dialog {
    border-radius:24px
  }
  .pi-content {
    padding:28px 24px
  }
  .pi-dialog h2 {
    font-size:27px;
    line-height:1.2;
    margin-bottom:22px
  }
  .pi-body {
    font-size:17px;
    line-height:1.5
  }
  .pi-chips {
    margin:22px 0;
    gap:8px
  }
  .pi-chip {
    font-size:14px;
    padding:10px 12px;
    gap:8px
  }
  .pi-chip svg {
    width:18px;
    height:18px;
    flex-basis:18px
  }
  .pi-provider {
    font-size:16px;
    line-height:1.5;
    margin-bottom:24px
  }
  .pi-continue {
    min-height:54px;
    font-size:21px
  }
  .pi-help {
    font-size:16px;
    margin-top:22px
  }
}
@media(max-width:350px) {
  .pi-content {
    padding:24px 20px
  }
  .pi-dialog h2 {
    font-size:25px
  }
  .pi-chip {
    font-size:13px
  }
}