.checkout-step{
    cursor: pointer;
}
.checkout-content{
    display: none;
}
.dummy-select-menu{
    z-index: 100000 !important;
}
.dummy-select,
.select-menu-item{
    cursor: pointer;
}
.dummy-select-menu > div{
    max-height: 240px;
    overflow-x: hidden;
    overflow-y: auto;
}
/* scrollbar */
.dummy-select-menu * {
    scrollbar-width: thin;
    scrollbar-color: #D8DBE5 #f5f5f5;
}
.dummy-select-menu > div::-webkit-scrollbar-button {
    display: none;
}
.dummy-select-menu > div::-webkit-scrollbar {
    width: 6px;
}
.dummy-select-menu > div::-webkit-scrollbar-track {
    background-color: #f5f5f5;
    border-radius: 6px;
}
.dummy-select-menu > div::-webkit-scrollbar-thumb {
    background-color: #D8DBE5;
    border-radius: 6px;
    border: none;
}
.dummy-select-menu > div::-moz-scrollbar {
    width: 6px;
}
.dummy-select-menu > div::-moz-scrollbar-track {
    background: #f5f5f5;
}
.dummy-select-menu > div::-moz-scrollbar-thumb {
    background: #D8DBE5;
    border-radius: 6px;
}
.dummy-select-menu > div::-ms-scrollbar {
    width: 6px;
}
.dummy-select-menu > div::-ms-scrollbar-track {
    background: #f5f5f5;
}
.dummy-select-menu > div::-ms-scrollbar-thumb {
    background: #D8DBE5;
    border-radius: 6px;
}
/* checkbox */
input[type="checkbox"]:checked {
    border-color: #FFA500;
}
input[type="checkbox"]:checked ~ div > div {
    display: block !important;
}
.disable{
    color: #c0c4cc!important;
    cursor: not-allowed!important;
}
.visibility-hidden{
    visibility: hidden;
}

.grid-cols-\[200px_1fr\] {
  grid-template-columns: 100px 1fr;
}
.css-n9qnu9 {
  visibility: visible;
  flex: 1 1 auto;
  display: inline-grid;
  grid-area: 1 / 1 / 2 / 3;
  grid-template-columns: 0px min-content;
  box-sizing: border-box;
}
.css-100ebu3-menu {
  top: 100%;
  position: absolute;
  width: 100%;
  z-index: 1;
  box-sizing: border-box;
}
.css-b62m3t-container {
  position: relative;
  box-sizing: border-box;
}
.css-7pg0cj-a11yText {
  z-index: 9999;
  border: 0px;
  clip: rect(1px, 1px, 1px, 1px);
  height: 1px;
  width: 1px;
  position: absolute;
  overflow: hidden;
  padding: 0px;
  white-space: nowrap;
}
.css-cp01gg-control {
  -webkit-box-align: center;
  align-items: center;
  cursor: default;
  display: flex;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  justify-content: space-between;
  min-height: 38px;
  position: relative;
  transition: all 100ms ease 0s;
  box-sizing: border-box;
  outline: 0px !important;
}
.css-14oxtc6 {
  -webkit-box-align: center;
  align-items: center;
  display: grid;
  flex: 1 1 0%;
  flex-wrap: wrap;
  position: relative;
  overflow: hidden;
  box-sizing: border-box;
}
.css-w54w9q-singleValue {
  grid-area: 1 / 1 / 2 / 3;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  box-sizing: border-box;
}
.css-1hac4vs-dummyInput {
  background: 0px center;
  border: 0px;
  caret-color: transparent;
  font-size: inherit;
  grid-area: 1 / 1 / 2 / 3;
  outline: 0px;
  padding: 0px;
  width: 1px;
  color: transparent;
  left: -100px;
  opacity: 0;
  position: relative;
  transform: scale(0.01);
}
.css-1wy0on6 {
  -webkit-box-align: center;
  align-items: center;
  align-self: stretch;
  display: flex;
  flex-shrink: 0;
  box-sizing: border-box;
}
.css-j4w2j1-indicatorSeparator {
  align-self: stretch;
  width: 1px;
  box-sizing: border-box;
}
.css-g56vrd-indicatorContainer {
  display: flex;
  transition: color 150ms ease 0s;
  box-sizing: border-box;
}
.css-1vlsb4t-placeholder {
  grid-area: 1 / 1 / 2 / 3;
  box-sizing: border-box;
}
.css-n9qnu9 {
  visibility: visible;
  flex: 1 1 auto;
  display: inline-grid;
  grid-area: 1 / 1 / 2 / 3;
  grid-template-columns: 0px min-content;
  box-sizing: border-box;
}
.css-n9qnu9::after {
  content: attr(data-value) " ";
  visibility: hidden;
  white-space: pre;
  grid-area: 1 / 2;
  font: inherit;
  min-width: 2px;
  border: 0px;
  margin: 0px;
  outline: 0px;
  padding: 0px;
}

/* Stripe信用卡样式 */
.cards-row .vertical-center input{
    width: 100%;
    font-size: 1.125rem;
    height: 52px;
    outline: 2px solid transparent;
    outline-offset: 2px;
    padding-left: 1rem;
    padding-right: 1rem;
    --tw-border-opacity: 1;
    border:1px solid rgb(242 242 242);
    font-weight: 400;
    border-radius: 10px;
    box-sizing: border-box;
    transition: box-shadow 150ms ease;
}
.cards-row{
    margin-bottom: 14px;
}
.StripeElement--focus,.cards-row .vertical-center input:focus {
    outline: 0 !important;
    border-color: #0a7ddf !important;
}
@media (min-width: 100px) {
    .cards-row .vertical-center:nth-child(1) {
        font-size: 0.875rem;
    }
}
@media (min-width: 1024px) {
    .cards-row .vertical-center:nth-child(1) {
        font-size: 1.125rem;
    }
    html,
    body {
        scroll-behavior: auto!important;
    }
}

.cards-row .vertical-center:nth-child(1) {
    line-height: 2.3;
    font-weight: 600;
    color:rgb(82 82 82 / 1);
}
.cards-row .StripeElement{
    padding: 17px;
    border-radius: 10px;
    border:1px solid rgb(242 242 242);
    transition: box-shadow 150ms ease;
    line-height: 2;
}
.StripeElement--invalid {
    border-color: #fa755a;
}

.StripeElement--webkit-autofill {
    background-color: #fefde5 !important;
}