/* line 1, ../../sass/main/checkout.scss */
input {
  background: none;
}

/* line 5, ../../sass/main/checkout.scss */
img {
  opacity: 1 !important;
}

/* line 9, ../../sass/main/checkout.scss */
.font-geist {
  font-family: "geist",sans-serif !important;
}

/* line 13, ../../sass/main/checkout.scss */
header {
  background-color: white;
  padding: 15px;
}
/* line 17, ../../sass/main/checkout.scss */
header .box-he {
  max-width: 1224px;
  margin: 0 auto;
  width: 91.67%;
}
/* line 22, ../../sass/main/checkout.scss */
header .box-he .l-he {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
}
@media screen and (max-width: 700px) {
  /* line 30, ../../sass/main/checkout.scss */
  header .box-he .l-he .logo img {
    width: 100%;
  }
}
/* line 36, ../../sass/main/checkout.scss */
header .box-he .l-he .ctn-buy {
  padding: 8px 14px;
  border-radius: var(--bd-rd-button);
  background-color: var(--color-background);
  user-select: none;
  cursor: pointer;
  color: var(--color-text-primary);
  font-weight: 500;
  white-space: nowrap;
}
@media screen and (max-width: 700px) {
  /* line 36, ../../sass/main/checkout.scss */
  header .box-he .l-he .ctn-buy {
    display: none;
  }
}

/* line 59, ../../sass/main/checkout.scss */
.md-he-pdt {
  display: flex;
  align-items: center;
}
/* line 63, ../../sass/main/checkout.scss */
.md-he-pdt .mn-title {
  font-size: var(--xxs-text);
  font-weight: 500;
}

/* line 70, ../../sass/main/checkout.scss */
.page {
  max-width: 1224px;
  margin: 0 auto;
  width: 91.67%;
  display: none;
}
@media screen and (min-width: 700px) and (max-width: 1024px) {
  /* line 70, ../../sass/main/checkout.scss */
  .page {
    width: 100%;
    max-width: 100%;
    margin: 0;
  }
}
@media screen and (max-width: 700px) {
  /* line 70, ../../sass/main/checkout.scss */
  .page {
    width: 100%;
  }
}
/* line 86, ../../sass/main/checkout.scss */
.page .box {
  display: flex;
  align-items: stretch;
}
@media screen and (max-width: 700px) {
  /* line 86, ../../sass/main/checkout.scss */
  .page .box {
    flex-direction: column;
  }
}
/* line 94, ../../sass/main/checkout.scss */
.page .box .left {
  width: 100%;
  padding: 40px 20px;
  padding-left: 0;
}
@media screen and (max-width: 700px) {
  /* line 94, ../../sass/main/checkout.scss */
  .page .box .left {
    padding: 40px 20px;
    padding-top: 0;
    padding-bottom: 0;
  }
}
/* line 115, ../../sass/main/checkout.scss */
.page .box .left .box-lft {
  user-select: none;
}
/* line 118, ../../sass/main/checkout.scss */
.page .box .left .box-lft .l-ti {
  font-size: var(--sm-text);
  font-weight: 500;
}
/* line 123, ../../sass/main/checkout.scss */
.page .box .left .box-lft .l-sb-ti {
  color: var(--color-text-muted);
  margin-top: 5px;
  margin-bottom: 20px;
  font-size: var(--xxs-text);
}
/* line 134, ../../sass/main/checkout.scss */
.page .box .right {
  max-width: 400px;
  min-width: 400px;
  padding: 66px 20px;
  padding-right: 0;
  padding-left: 0;
  position: relative;
}
@media screen and (max-width: 700px) {
  /* line 134, ../../sass/main/checkout.scss */
  .page .box .right {
    max-width: 100%;
    min-width: 100%;
    padding: 20px;
    padding-top: 0;
  }
}
/* line 150, ../../sass/main/checkout.scss */
.page .box .right .r-ti {
  opacity: 0 !important;
  user-select: none;
  font-size: var(--xxs-text);
  font-weight: 500;
  margin-bottom: 20px;
}
@media only screen and (max-width: 800px) {
  /* line 150, ../../sass/main/checkout.scss */
  .page .box .right .r-ti {
    display: none;
  }
}

/* line 170, ../../sass/main/checkout.scss */
.mob-back {
  padding: 20px;
  display: none;
}
/* line 174, ../../sass/main/checkout.scss */
.mob-back a {
  display: flex;
  align-items: center;
  gap: 10px;
}
/* line 180, ../../sass/main/checkout.scss */
.mob-back * {
  color: var(--color-text-primary);
}
/* line 184, ../../sass/main/checkout.scss */
.mob-back svg {
  width: 18px;
  height: 18px;
  margin-top: 4px;
}
@media only screen and (max-width: 800px) {
  /* line 170, ../../sass/main/checkout.scss */
  .mob-back {
    display: block;
  }
}

/* line 196, ../../sass/main/checkout.scss */
.amount {
  transition: all .3s;
  top: 20px;
  border-top: 1px solid var(--color-surface);
}
@media only screen and (max-width: 800px) {
  /* line 196, ../../sass/main/checkout.scss */
  .amount {
    margin-bottom: 20px;
  }
}
/* line 213, ../../sass/main/checkout.scss */
.amount .am-calc {
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 10px 20px;
}
/* line 219, ../../sass/main/checkout.scss */
.amount .am-calc .sv-it {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
/* line 227, ../../sass/main/checkout.scss */
.amount .ft-am {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 20px;
  border-top: 1px solid var(--color-surface);
  width: 100%;
}
/* line 237, ../../sass/main/checkout.scss */
.amount .ft-am .am-lf .mn-ti-am {
  font-weight: 500;
  font-size: var(--xxs-text);
}
/* line 242, ../../sass/main/checkout.scss */
.amount .ft-am .am-lf .count-it * {
  font-size: var(--xxs-text);
  color: var(--color-text-muted);
}
/* line 249, ../../sass/main/checkout.scss */
.amount .ft-am .am-rg {
  font-weight: 500;
  font-size: var(--sm-text);
}
/* line 253, ../../sass/main/checkout.scss */
.amount .ft-am .am-rg span {
  font-weight: 500;
  font-size: var(--sm-text);
}

/* line 263, ../../sass/main/checkout.scss */
.container {
  transition: all .3s;
  margin-bottom: 20px;
  background-color: var(--color-white);
  border-radius: 1rem;
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1);
}

/* line 277, ../../sass/main/checkout.scss */
.cont-sec-pdt {
  display: none;
  padding: 20px;
}
/* line 285, ../../sass/main/checkout.scss */
.cont-sec-pdt .title {
  user-select: none;
  font-size: var(--sm-text);
  font-weight: 500;
  margin-bottom: 5px;
}
/* line 292, ../../sass/main/checkout.scss */
.cont-sec-pdt .see-pdt {
  padding: 15px 20px;
  background-color: var(--color-surface);
  border-radius: var(--bd-rd-xxss);
  margin-top: 20px;
  width: max-content;
  font-weight: 500;
}

/* line 303, ../../sass/main/checkout.scss */
.mth-py {
  padding: 24px;
}
/* line 306, ../../sass/main/checkout.scss */
.mth-py .ti-top {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  margin-bottom: 1.5rem;
}
/* line 312, ../../sass/main/checkout.scss */
.mth-py .ti-top .top-ic {
  padding: 12px;
  border-radius: var(--bd-rd-xxss);
  background-color: var(--color-background);
  display: flex;
  align-items: center;
  justify-content: center;
}
/* line 320, ../../sass/main/checkout.scss */
.mth-py .ti-top .top-ic svg {
  width: 24px;
  height: 24px;
  color: var(--color-text-primary);
}
/* line 327, ../../sass/main/checkout.scss */
.mth-py .ti-top .ti-sec {
  user-select: none;
  font-size: var(--sm-text);
  font-weight: 500;
}
/* line 333, ../../sass/main/checkout.scss */
.mth-py .ti-top .ti-desc {
  color: var(--color-text-muted);
  font-size: var(--xxxs-text);
}
/* line 339, ../../sass/main/checkout.scss */
.mth-py .ct-mtdh {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1rem;
}
@media screen and (max-width: 1220px) {
  /* line 339, ../../sass/main/checkout.scss */
  .mth-py .ct-mtdh {
    grid-template-columns: 1fr;
  }
}
/* line 354, ../../sass/main/checkout.scss */
.mth-py .ct-mtdh .it-lf {
  display: flex;
  flex-direction: row-reverse;
  justify-content: space-between;
  width: 100%;
}
/* line 360, ../../sass/main/checkout.scss */
.mth-py .ct-mtdh .it-lf .it-ti {
  display: flex;
  align-items: center;
  gap: 8px;
}
/* line 366, ../../sass/main/checkout.scss */
.mth-py .ct-mtdh .it-lf .ct-ic-it {
  padding: 8px;
  border-radius: var(--bd-rd-xxss);
  background-color: var(--color-background);
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s ease;
}
/* line 375, ../../sass/main/checkout.scss */
.mth-py .ct-mtdh .it-lf .ct-ic-it svg {
  width: 20px;
  height: 20px;
  color: var(--color-text-muted);
}
/* line 382, ../../sass/main/checkout.scss */
.mth-py .ct-mtdh .it-lf .dsc-it {
  color: var(--color-text-muted);
  font-size: var(--xxxs-text);
}
/* line 387, ../../sass/main/checkout.scss */
.mth-py .ct-mtdh .it-lf .ic-mt {
  display: flex;
  align-items: center;
  justify-content: center;
  display: none;
}
/* line 393, ../../sass/main/checkout.scss */
.mth-py .ct-mtdh .it-lf .ic-mt svg {
  width: 18px;
  height: 18px;
}
/* line 399, ../../sass/main/checkout.scss */
.mth-py .ct-mtdh .it-lf .inp {
  position: relative;
}
/* line 402, ../../sass/main/checkout.scss */
.mth-py .ct-mtdh .it-lf .inp .rd-ip {
  display: none;
}
/* line 406, ../../sass/main/checkout.scss */
.mth-py .ct-mtdh .it-lf .inp .ctm-rd {
  display: block;
  position: relative;
  left: 0;
  top: 0px;
  width: 15px;
  height: 15px;
  border: 1px solid var(--color-text-primary);
  border-radius: 50%;
  transition: background-color 0.3s ease, border-color 0.3s ease;
}
/* line 419, ../../sass/main/checkout.scss */
.mth-py .ct-mtdh .it-lf .inp .rd-ip:checked + .ctm-rd {
  background-color: transparent;
  border-color: var(--color-text-primary);
}
/* line 424, ../../sass/main/checkout.scss */
.mth-py .ct-mtdh .it-lf .inp .ctm-rd::after {
  content: '';
  position: absolute;
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background-color: var(--color-text-primary);
  top: 2px;
  left: 2px;
  opacity: 0;
  transition: opacity 0.3s ease;
}
/* line 437, ../../sass/main/checkout.scss */
.mth-py .ct-mtdh .it-lf .inp .rd-ip:checked + .ctm-rd::after {
  opacity: 1;
}
/* line 445, ../../sass/main/checkout.scss */
.mth-py .ct-mtdh .it-mt {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 12px;
  cursor: pointer;
  border: 2px solid var(--color-surface);
  transition: all 0.3s ease;
  border-radius: var(--bd-rd-xxss);
}
/* line 455, ../../sass/main/checkout.scss */
.mth-py .ct-mtdh .it-mt input {
  display: none;
}
/* line 467, ../../sass/main/checkout.scss */
.mth-py .ct-mtdh .it-mt .it-ti .ti {
  user-select: none;
  font-size: var(--xxs-text);
  font-weight: 500;
}
/* line 475, ../../sass/main/checkout.scss */
.mth-py .ct-mtdh .checked {
  border-color: var(--color-info);
  background-color: color-mix(in srgb, var(--color-info) 8%, #ffffff);
}
/* line 479, ../../sass/main/checkout.scss */
.mth-py .ct-mtdh .checked .ct-ic-it {
  background-color: color-mix(in srgb, var(--color-info) 18%, #ffffff) !important;
}
/* line 482, ../../sass/main/checkout.scss */
.mth-py .ct-mtdh .checked .ct-ic-it svg {
  color: var(--color-info) !important;
}
/* line 487, ../../sass/main/checkout.scss */
.mth-py .ct-mtdh .checked .ti {
  color: var(--color-info);
}
/* line 491, ../../sass/main/checkout.scss */
.mth-py .ct-mtdh .checked .dsc-it {
  color: var(--color-info);
}
/* line 494, ../../sass/main/checkout.scss */
.mth-py .ct-mtdh .checked .dsc-it span {
  font-family: 'geist';
  font-size: var(--xxxs-text);
}
/* line 502, ../../sass/main/checkout.scss */
.mth-py .ct-mtdh .checkbox-wrapper-15 .cbx {
  display: flex;
  align-items: center;
  -webkit-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: transparent;
  cursor: pointer;
}
/* line 510, ../../sass/main/checkout.scss */
.mth-py .ct-mtdh .checkbox-wrapper-15 .cbx .error {
  border-color: var(--color-danger) !important;
}
/* line 514, ../../sass/main/checkout.scss */
.mth-py .ct-mtdh .checkbox-wrapper-15 .cbx span {
  flex-grow: 1;
  display: inline-block;
  vertical-align: middle;
  transform: translate3d(0, 0, 0);
}
/* line 521, ../../sass/main/checkout.scss */
.mth-py .ct-mtdh .checkbox-wrapper-15 .cbx span:first-child {
  position: relative;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  transform: scale(1);
  vertical-align: middle;
  border: 1px solid transparent;
  transition: all 0.2s ease;
}
/* line 531, ../../sass/main/checkout.scss */
.mth-py .ct-mtdh .checkbox-wrapper-15 .cbx span:first-child svg {
  position: absolute;
  z-index: 1;
  top: 4px;
  left: 4px;
  fill: none;
  stroke: var(--color-white);
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-dasharray: 16px;
  stroke-dashoffset: 16px;
  transition: all 0.3s ease;
  transition-delay: 0.1s;
  transform: translate3d(0, 0, 0);
}
/* line 548, ../../sass/main/checkout.scss */
.mth-py .ct-mtdh .checkbox-wrapper-15 .cbx span:first-child:before {
  content: "";
  width: 100%;
  height: 100%;
  background: var(--color-info);
  display: block;
  transform: scale(0);
  opacity: 1;
  border-radius: 50%;
  transition-delay: 0.2s;
}
/* line 561, ../../sass/main/checkout.scss */
.mth-py .ct-mtdh .checkbox-wrapper-15 .cbx span:last-child {
  margin-left: 8px;
}
/* line 573, ../../sass/main/checkout.scss */
.mth-py .ct-mtdh .checkbox-wrapper-15 .inp-cbx:checked + .cbx span:first-child {
  border-color: var(--color-info);
  background: var(--color-info);
  animation: check-15 0.6s ease;
}
/* line 578, ../../sass/main/checkout.scss */
.mth-py .ct-mtdh .checkbox-wrapper-15 .inp-cbx:checked + .cbx span:first-child svg {
  stroke-dashoffset: 0;
}
/* line 582, ../../sass/main/checkout.scss */
.mth-py .ct-mtdh .checkbox-wrapper-15 .inp-cbx:checked + .cbx span:first-child:before {
  transform: scale(2.2);
  opacity: 0;
  transition: all 0.6s ease;
}
/* line 589, ../../sass/main/checkout.scss */
.mth-py .ct-mtdh .checkbox-wrapper-15 .inp-cbx:checked + .cbx span:last-child {
  transition: all 0.3s ease;
}
/* line 592, ../../sass/main/checkout.scss */
.mth-py .ct-mtdh .checkbox-wrapper-15 .inp-cbx:checked + .cbx span:last-child:after {
  transform: scaleX(1);
  transition: all 0.3s ease;
}

/* line 614, ../../sass/main/checkout.scss */
#cont-mtd-py .mtd-ti {
  user-select: none;
  font-size: var(--sm-text);
  font-weight: 500;
  margin-bottom: 5px;
}
/* line 621, ../../sass/main/checkout.scss */
#cont-mtd-py .mtd-s-ti {
  color: var(--color-text-muted);
  margin-top: 5px;
  font-size: var(--xxs-text);
  margin-bottom: 20px;
  user-select: none;
}
/* line 629, ../../sass/main/checkout.scss */
#cont-mtd-py .ms {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 20px;
  background-color: var(--color-surface);
  border-radius: var(--bd-rd-xxss);
  color: var(--color-text-muted);
  font-size: var(--xxs-text);
}
/* line 639, ../../sass/main/checkout.scss */
#cont-mtd-py .ms * {
  color: var(--color-text-muted);
}
/* line 643, ../../sass/main/checkout.scss */
#cont-mtd-py .ms svg {
  width: 15px;
  height: 15px;
}

/* line 652, ../../sass/main/checkout.scss */
#pay-mtd {
  padding: 20px;
}

/* line 660, ../../sass/main/checkout.scss */
#pay-mtd .ct-ti-cd,
.sec-cd-mtd-py .ct-ti-cd {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
/* line 665, ../../sass/main/checkout.scss */
#pay-mtd .ct-ti-cd .at-vl,
.sec-cd-mtd-py .ct-ti-cd .at-vl {
  transition: all .3s;
  user-select: none;
  cursor: pointer;
}
/* line 670, ../../sass/main/checkout.scss */
#pay-mtd .ct-ti-cd .at-vl:hover,
.sec-cd-mtd-py .ct-ti-cd .at-vl:hover {
  text-decoration: underline;
}
/* line 678, ../../sass/main/checkout.scss */
#pay-mtd .cvc.ct-ip-mtd,
.sec-cd-mtd-py .cvc.ct-ip-mtd {
  width: 100px !important;
}
@media screen and (max-width: 1160px) {
  /* line 678, ../../sass/main/checkout.scss */
  #pay-mtd .cvc.ct-ip-mtd,
  .sec-cd-mtd-py .cvc.ct-ip-mtd {
    width: 100% !important;
  }
}
/* line 688, ../../sass/main/checkout.scss */
#pay-mtd .ct-sc-py .ti-px,
#pay-mtd .ct-sc-py .ti-cd,
.sec-cd-mtd-py .ct-sc-py .ti-px,
.sec-cd-mtd-py .ct-sc-py .ti-cd {
  font-size: var(--sm-text);
  font-weight: 500;
  user-select: none;
}
/* line 694, ../../sass/main/checkout.scss */
#pay-mtd .ct-sc-py .ti-px span,
#pay-mtd .ct-sc-py .ti-cd span,
.sec-cd-mtd-py .ct-sc-py .ti-px span,
.sec-cd-mtd-py .ct-sc-py .ti-cd span {
  font-size: var(--sm-text);
  font-weight: 500;
}
/* line 702, ../../sass/main/checkout.scss */
#pay-mtd .ct-sc-py .pix .ct-qr-px,
.sec-cd-mtd-py .ct-sc-py .pix .ct-qr-px {
  width: 100%;
  border: 2px solid var(--color-surface);
  border-radius: var(--bd-rd-xxxs);
  padding: 1.5rem;
  margin-top: 0.5rem;
  background-color: color-mix(in srgb, var(--color-surface) 15%, #ffffff);
}
/* line 710, ../../sass/main/checkout.scss */
#pay-mtd .ct-sc-py .pix .ct-qr-px .ct-code,
.sec-cd-mtd-py .ct-sc-py .pix .ct-qr-px .ct-code {
  display: flex;
  flex-direction: column;
  align-items: center;
}
/* line 715, ../../sass/main/checkout.scss */
#pay-mtd .ct-sc-py .pix .ct-qr-px .ct-code .qr-img,
.sec-cd-mtd-py .ct-sc-py .pix .ct-qr-px .ct-code .qr-img {
  border: 1px dashed var(--color-text-muted);
  border-radius: var(--bd-rd-xxss);
  padding: 1rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  aspect-ratio: 1 / 1;
  background-color: var(--color-white);
}
/* line 725, ../../sass/main/checkout.scss */
#pay-mtd .ct-sc-py .pix .ct-qr-px .ct-code .qr-img svg,
.sec-cd-mtd-py .ct-sc-py .pix .ct-qr-px .ct-code .qr-img svg {
  width: 64px;
  height: 64px;
  color: var(--color-text-muted);
  margin: 0 12px 14px;
}
/* line 732, ../../sass/main/checkout.scss */
#pay-mtd .ct-sc-py .pix .ct-qr-px .ct-code .qr-img .ti-qr,
.sec-cd-mtd-py .ct-sc-py .pix .ct-qr-px .ct-code .qr-img .ti-qr {
  font-size: var(--xxxs-text);
}
/* line 736, ../../sass/main/checkout.scss */
#pay-mtd .ct-sc-py .pix .ct-qr-px .ct-code .qr-img .sb-qr,
.sec-cd-mtd-py .ct-sc-py .pix .ct-qr-px .ct-code .qr-img .sb-qr {
  font-size: var(--xxxxs-text);
  color: var(--color-text-muted);
}
/* line 742, ../../sass/main/checkout.scss */
#pay-mtd .ct-sc-py .pix .ct-qr-px .ct-code .code-px,
.sec-cd-mtd-py .ct-sc-py .pix .ct-qr-px .ct-code .code-px {
  color: var(--color-text-muted);
  font-size: var(--xxxs-text);
  margin-top: 1rem;
}
@media screen and (max-width: 700px) {
  /* line 742, ../../sass/main/checkout.scss */
  #pay-mtd .ct-sc-py .pix .ct-qr-px .ct-code .code-px,
  .sec-cd-mtd-py .ct-sc-py .pix .ct-qr-px .ct-code .code-px {
    font-size: var(--xxs-text);
  }
}
/* line 754, ../../sass/main/checkout.scss */
#pay-mtd .ct-sc-py .pix .ct-topics,
.sec-cd-mtd-py .ct-sc-py .pix .ct-topics {
  margin-top: 1rem;
}
/* line 757, ../../sass/main/checkout.scss */
#pay-mtd .ct-sc-py .pix .ct-topics .ct-grid,
.sec-cd-mtd-py .ct-sc-py .pix .ct-topics .ct-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1rem;
}
@media screen and (max-width: 600px) {
  /* line 757, ../../sass/main/checkout.scss */
  #pay-mtd .ct-sc-py .pix .ct-topics .ct-grid,
  .sec-cd-mtd-py .ct-sc-py .pix .ct-topics .ct-grid {
    grid-template-columns: 1fr;
  }
}
/* line 766, ../../sass/main/checkout.scss */
#pay-mtd .ct-sc-py .pix .ct-topics .ct-grid .tag,
.sec-cd-mtd-py .ct-sc-py .pix .ct-topics .ct-grid .tag {
  padding: 0.5rem;
  border: 2px solid var(--color-surface);
  border-radius: var(--bd-rd-xxxs);
}
/* line 771, ../../sass/main/checkout.scss */
#pay-mtd .ct-sc-py .pix .ct-topics .ct-grid .tag .tag-ti,
.sec-cd-mtd-py .ct-sc-py .pix .ct-topics .ct-grid .tag .tag-ti {
  display: flex;
  align-items: center;
  gap: 8px;
}
/* line 776, ../../sass/main/checkout.scss */
#pay-mtd .ct-sc-py .pix .ct-topics .ct-grid .tag .tag-ti svg,
.sec-cd-mtd-py .ct-sc-py .pix .ct-topics .ct-grid .tag .tag-ti svg {
  width: 14px;
  height: 14px;
  color: var(--color-success);
}
/* line 782, ../../sass/main/checkout.scss */
#pay-mtd .ct-sc-py .pix .ct-topics .ct-grid .tag .tag-ti .ti,
.sec-cd-mtd-py .ct-sc-py .pix .ct-topics .ct-grid .tag .tag-ti .ti {
  font-size: var(--xxxs-text);
  font-weight: 500;
}
/* line 786, ../../sass/main/checkout.scss */
#pay-mtd .ct-sc-py .pix .ct-topics .ct-grid .tag .tag-ti .ti span,
.sec-cd-mtd-py .ct-sc-py .pix .ct-topics .ct-grid .tag .tag-ti .ti span {
  font-size: var(--xxxs-text);
  font-weight: 500;
}
/* line 793, ../../sass/main/checkout.scss */
#pay-mtd .ct-sc-py .pix .ct-topics .ct-grid .tag .tag-sb,
.sec-cd-mtd-py .ct-sc-py .pix .ct-topics .ct-grid .tag .tag-sb {
  color: var(--color-text-muted);
  font-size: var(--xxxs-text);
}
/* line 801, ../../sass/main/checkout.scss */
#pay-mtd .ct-sc-py .pix .ho-pa,
.sec-cd-mtd-py .ct-sc-py .pix .ho-pa {
  margin-top: 1rem;
}
/* line 804, ../../sass/main/checkout.scss */
#pay-mtd .ct-sc-py .pix .ho-pa .ho-ti,
.sec-cd-mtd-py .ct-sc-py .pix .ho-pa .ho-ti {
  font-weight: 500;
  font-size: var(--xxs-text);
}
/* line 809, ../../sass/main/checkout.scss */
#pay-mtd .ct-sc-py .pix .ho-pa .ct-infos,
.sec-cd-mtd-py .ct-sc-py .pix .ho-pa .ct-infos {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-top: 0.5rem;
}
/* line 815, ../../sass/main/checkout.scss */
#pay-mtd .ct-sc-py .pix .ho-pa .ct-infos .lft-if,
.sec-cd-mtd-py .ct-sc-py .pix .ho-pa .ct-infos .lft-if {
  display: flex;
  align-items: center;
  justify-content: center;
}
/* line 820, ../../sass/main/checkout.scss */
#pay-mtd .ct-sc-py .pix .ho-pa .ct-infos .lft-if .tag,
.sec-cd-mtd-py .ct-sc-py .pix .ho-pa .ct-infos .lft-if .tag {
  width: 24px;
  height: 24px;
  background-color: var(--color-info);
  border-radius: var(--bd-rd-xxxl);
  color: var(--color-white);
  font-weight: 500;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: var(--xxxs-text);
}
/* line 836, ../../sass/main/checkout.scss */
#pay-mtd .ct-sc-py .pix .ho-pa .ct-infos .rgt-if .if-ti,
.sec-cd-mtd-py .ct-sc-py .pix .ho-pa .ct-infos .rgt-if .if-ti {
  font-weight: 500;
}
@media screen and (max-width: 700px) {
  /* line 836, ../../sass/main/checkout.scss */
  #pay-mtd .ct-sc-py .pix .ho-pa .ct-infos .rgt-if .if-ti,
  .sec-cd-mtd-py .ct-sc-py .pix .ho-pa .ct-infos .rgt-if .if-ti {
    font-size: var(--xxs-text);
  }
}
/* line 844, ../../sass/main/checkout.scss */
#pay-mtd .ct-sc-py .pix .ho-pa .ct-infos .rgt-if .if-sbti,
.sec-cd-mtd-py .ct-sc-py .pix .ho-pa .ct-infos .rgt-if .if-sbti {
  color: var(--color-text-muted);
}
@media screen and (max-width: 700px) {
  /* line 844, ../../sass/main/checkout.scss */
  #pay-mtd .ct-sc-py .pix .ho-pa .ct-infos .rgt-if .if-sbti,
  .sec-cd-mtd-py .ct-sc-py .pix .ho-pa .ct-infos .rgt-if .if-sbti {
    font-size: var(--xxs-text);
  }
}
/* line 855, ../../sass/main/checkout.scss */
#pay-mtd .ct-sc-py .pix .ct-warn,
.sec-cd-mtd-py .ct-sc-py .pix .ct-warn {
  margin-top: 1rem;
}
/* line 858, ../../sass/main/checkout.scss */
#pay-mtd .ct-sc-py .pix .ct-warn .tag-warn,
.sec-cd-mtd-py .ct-sc-py .pix .ct-warn .tag-warn {
  display: flex;
  align-items: center;
  gap: 8px;
  border: 1px solid var(--color-info);
  border-radius: var(--bd-rd-xxxs);
  padding: 1rem;
  background-color: color-mix(in srgb, var(--color-info) 8%, #ffffff);
}
/* line 867, ../../sass/main/checkout.scss */
#pay-mtd .ct-sc-py .pix .ct-warn .tag-warn svg,
.sec-cd-mtd-py .ct-sc-py .pix .ct-warn .tag-warn svg {
  width: 14px;
  height: 14px;
  color: var(--color-info);
}
@media screen and (max-width: 700px) {
  /* line 867, ../../sass/main/checkout.scss */
  #pay-mtd .ct-sc-py .pix .ct-warn .tag-warn svg,
  .sec-cd-mtd-py .ct-sc-py .pix .ct-warn .tag-warn svg {
    width: 16px;
    height: 16px;
  }
}
/* line 878, ../../sass/main/checkout.scss */
#pay-mtd .ct-sc-py .pix .ct-warn .tag-warn .txt-warn,
.sec-cd-mtd-py .ct-sc-py .pix .ct-warn .tag-warn .txt-warn {
  font-size: var(--xxxs-text);
  color: var(--color-info);
}
/* line 882, ../../sass/main/checkout.scss */
#pay-mtd .ct-sc-py .pix .ct-warn .tag-warn .txt-warn span,
.sec-cd-mtd-py .ct-sc-py .pix .ct-warn .tag-warn .txt-warn span {
  font-size: var(--xxxs-text);
}
/* line 892, ../../sass/main/checkout.scss */
#pay-mtd .ct-ip-mt,
.sec-cd-mtd-py .ct-ip-mt {
  display: flex;
  flex-direction: column;
  gap: 14px;
  margin-top: 20px;
}
/* line 898, ../../sass/main/checkout.scss */
#pay-mtd .ct-ip-mt .line,
.sec-cd-mtd-py .ct-ip-mt .line {
  display: flex;
  align-items: center;
  gap: 14px;
}
@media screen and (max-width: 1160px) {
  /* line 898, ../../sass/main/checkout.scss */
  #pay-mtd .ct-ip-mt .line,
  .sec-cd-mtd-py .ct-ip-mt .line {
    flex-direction: column;
  }
}
@media only screen and (max-width: 1220px) {
  /* line 907, ../../sass/main/checkout.scss */
  #pay-mtd .ct-ip-mt .line.break,
  .sec-cd-mtd-py .ct-ip-mt .line.break {
    flex-direction: column;
    gap: 14px;
  }
}
/* line 918, ../../sass/main/checkout.scss */
#pay-mtd .ct-ip-mt .error,
.sec-cd-mtd-py .ct-ip-mt .error {
  border-color: var(--color-danger);
}
/* line 923, ../../sass/main/checkout.scss */
#pay-mtd .ct-ip-mtd,
.sec-cd-mtd-py .ct-ip-mtd {
  display: flex;
  align-items: center;
  width: 100%;
  height: 3.5rem;
  border: 1px solid var(--color-text-muted);
  border-radius: var(--bd-rd-xxs);
  transition: all 0.3s ease;
  padding-left: 8px;
  position: relative;
}
/* line 935, ../../sass/main/checkout.scss */
#pay-mtd .ct-ip-mtd input.cpf-ip,
#pay-mtd .ct-ip-mtd input.num-ip,
#pay-mtd .ct-ip-mtd input.date-ip,
#pay-mtd .ct-ip-mtd input.cvc-ip,
.sec-cd-mtd-py .ct-ip-mtd input.cpf-ip,
.sec-cd-mtd-py .ct-ip-mtd input.num-ip,
.sec-cd-mtd-py .ct-ip-mtd input.date-ip,
.sec-cd-mtd-py .ct-ip-mtd input.cvc-ip {
  font-family: "geist",sans-serif !important;
}
/* line 943, ../../sass/main/checkout.scss */
#pay-mtd .ct-ip-mtd:focus-within,
.sec-cd-mtd-py .ct-ip-mtd:focus-within {
  border-color: var(--color-info);
}
/* line 946, ../../sass/main/checkout.scss */
#pay-mtd .ct-ip-mtd:focus-within svg,
.sec-cd-mtd-py .ct-ip-mtd:focus-within svg {
  color: var(--color-info);
}
/* line 950, ../../sass/main/checkout.scss */
#pay-mtd .ct-ip-mtd:focus-within .place-h,
.sec-cd-mtd-py .ct-ip-mtd:focus-within .place-h {
  top: 10%;
  transform: scale(0.9);
  left: 16px;
}
/* line 956, ../../sass/main/checkout.scss */
#pay-mtd .ct-ip-mtd:focus-within .place-h-doc,
.sec-cd-mtd-py .ct-ip-mtd:focus-within .place-h-doc {
  left: 8px !important;
}
/* line 961, ../../sass/main/checkout.scss */
#pay-mtd .ct-ip-mtd input:not(:placeholder-shown) ~ .place-h,
.sec-cd-mtd-py .ct-ip-mtd input:not(:placeholder-shown) ~ .place-h {
  top: 10%;
  transform: scale(0.9);
  left: 16px;
}
/* line 967, ../../sass/main/checkout.scss */
#pay-mtd .ct-ip-mtd input:not(:placeholder-shown) ~ .place-h-doc,
.sec-cd-mtd-py .ct-ip-mtd input:not(:placeholder-shown) ~ .place-h-doc {
  left: 8px !important;
}
/* line 971, ../../sass/main/checkout.scss */
#pay-mtd .ct-ip-mtd .place-h,
.sec-cd-mtd-py .ct-ip-mtd .place-h {
  position: absolute;
  top: 50%;
  left: 20px;
  transform: translate(0, -50%);
  transition: all 0.3s ease;
  color: var(--color-text-muted);
  cursor: text;
  pointer-events: none;
}
/* line 982, ../../sass/main/checkout.scss */
#pay-mtd .ct-ip-mtd svg,
.sec-cd-mtd-py .ct-ip-mtd svg {
  width: 24px;
  height: 24px;
  color: var(--color-text-muted);
}
/* line 988, ../../sass/main/checkout.scss */
#pay-mtd .ct-ip-mtd .ip-ti,
.sec-cd-mtd-py .ct-ip-mtd .ip-ti {
  user-select: none;
  margin-bottom: 5px;
  font-weight: 500;
}
/* line 997, ../../sass/main/checkout.scss */
#pay-mtd .ct-ip-mtd .inp-mtd,
.sec-cd-mtd-py .ct-ip-mtd .inp-mtd {
  transition: all .3s;
  padding: 16px 10px 0 10px;
  height: 100%;
  width: 100%;
  transition: all 0.2s ease;
}
/* line 1007, ../../sass/main/checkout.scss */
#pay-mtd .ct-ip-mtd .inp-mtd:not(:placeholder-shown),
.sec-cd-mtd-py .ct-ip-mtd .inp-mtd:not(:placeholder-shown) {
  font-size: var(--xxs-text);
}
/* line 1011, ../../sass/main/checkout.scss */
#pay-mtd .ct-ip-mtd .inp-mtd.error,
.sec-cd-mtd-py .ct-ip-mtd .inp-mtd.error {
  border-color: var(--color-danger) !important;
}
@media only screen and (max-width: 800px) {
  /* line 997, ../../sass/main/checkout.scss */
  #pay-mtd .ct-ip-mtd .inp-mtd,
  .sec-cd-mtd-py .ct-ip-mtd .inp-mtd {
    height: 50px;
  }
}
/* line 1026, ../../sass/main/checkout.scss */
#pay-mtd .ct-ip-mtd .cvc-ip,
.sec-cd-mtd-py .ct-ip-mtd .cvc-ip {
  min-width: 100px;
}
@media screen and (max-width: 1160px) {
  /* line 1026, ../../sass/main/checkout.scss */
  #pay-mtd .ct-ip-mtd .cvc-ip,
  .sec-cd-mtd-py .ct-ip-mtd .cvc-ip {
    width: 100%;
  }
}

/* line 1038, ../../sass/main/checkout.scss */
.sec-cd-mtd-py {
  padding: 20px;
}
/* line 1045, ../../sass/main/checkout.scss */
.sec-cd-mtd-py .ti {
  font-size: var(--sm-text);
  font-weight: 500;
  user-select: none;
}
/* line 1050, ../../sass/main/checkout.scss */
.sec-cd-mtd-py .ti span {
  font-size: var(--sm-text);
  font-weight: 500;
}
/* line 1056, ../../sass/main/checkout.scss */
.sec-cd-mtd-py .msg-ct {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 20px;
  background-color: var(--color-surface);
  border-radius: var(--bd-rd-xxss);
  color: var(--color-text-muted);
  margin-top: 20px;
}
/* line 1066, ../../sass/main/checkout.scss */
.sec-cd-mtd-py .msg-ct svg {
  width: 20px;
  height: 20px;
  color: var(--color-text-muted);
}

/* line 1076, ../../sass/main/checkout.scss */
#buyer-cont {
  padding: 24px;
}
/* line 1079, ../../sass/main/checkout.scss */
#buyer-cont .cont-buy-ti {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  margin-bottom: 1.5rem;
}
/* line 1085, ../../sass/main/checkout.scss */
#buyer-cont .cont-buy-ti .buy-ct-icon {
  padding: 12px;
  border-radius: var(--bd-rd-xxss);
  background-color: var(--color-background);
  display: flex;
  align-items: center;
  justify-content: center;
}
/* line 1093, ../../sass/main/checkout.scss */
#buyer-cont .cont-buy-ti .buy-ct-icon svg {
  width: 24px;
  height: 24px;
}
/* line 1100, ../../sass/main/checkout.scss */
#buyer-cont .buy-ti {
  user-select: none;
  font-size: var(--sm-text);
  font-weight: 500;
}
/* line 1106, ../../sass/main/checkout.scss */
#buyer-cont .buy-sb-t {
  color: var(--color-text-muted);
  font-size: var(--xxs-text);
  user-select: none;
}
/* line 1112, ../../sass/main/checkout.scss */
#buyer-cont .cont-ip {
  display: flex;
  align-items: center;
  position: relative;
  gap: 10px;
  height: 40px;
  width: 100%;
  border: 1px solid var(--color-text-muted);
  border-radius: var(--bd-rd-xxs);
  transition: all 0.3s ease;
  height: 100%;
  padding-left: 8px;
}
/* line 1128, ../../sass/main/checkout.scss */
#buyer-cont .cont-ip.incomplete {
  border-color: var(--color-danger);
}
/* line 1132, ../../sass/main/checkout.scss */
#buyer-cont .cont-ip:focus-within {
  border-color: var(--color-info);
}
/* line 1135, ../../sass/main/checkout.scss */
#buyer-cont .cont-ip:focus-within svg {
  color: var(--color-info);
}
/* line 1139, ../../sass/main/checkout.scss */
#buyer-cont .cont-ip:focus-within .place-h {
  top: 10%;
  transform: scale(0.9);
  left: 16px;
}
/* line 1145, ../../sass/main/checkout.scss */
#buyer-cont .cont-ip:focus-within .place-h-doc {
  left: 12px !important;
}
/* line 1150, ../../sass/main/checkout.scss */
#buyer-cont .cont-ip input:not(:placeholder-shown) ~ .place-h {
  top: 10%;
  transform: scale(0.9);
  left: 16px;
}
/* line 1156, ../../sass/main/checkout.scss */
#buyer-cont .cont-ip input:not(:placeholder-shown) ~ .place-h-doc {
  left: 12px !important;
}
/* line 1160, ../../sass/main/checkout.scss */
#buyer-cont .cont-ip svg {
  color: var(--color-text-muted);
  width: 24px;
  height: 24px;
}
/* line 1166, ../../sass/main/checkout.scss */
#buyer-cont .cont-ip input {
  transition: all .3s;
  padding: 16px 10px 0 10px;
  color: var(--color-text-primary);
}
/* line 1173, ../../sass/main/checkout.scss */
#buyer-cont .cont-ip input.error {
  border-color: var(--color-danger);
}
/* line 1182, ../../sass/main/checkout.scss */
#buyer-cont .cont-ip input.dc-sl {
  padding-top: 0;
  cursor: pointer;
}
/* line 1189, ../../sass/main/checkout.scss */
#buyer-cont .cont-ip img {
  object-fit: cover;
  width: 28px;
  height: 18px;
  user-select: none;
  pointer-events: none;
  border-radius: var(--bd-rd-xxxs);
}
/* line 1198, ../../sass/main/checkout.scss */
#buyer-cont .cont-ip .place-h {
  position: absolute;
  top: 50%;
  left: 20px;
  transform: translate(0, -50%);
  transition: all 0.3s ease;
  color: var(--color-text-muted);
  cursor: text;
  pointer-events: none;
}
@media only screen and (max-width: 800px) {
  /* line 1112, ../../sass/main/checkout.scss */
  #buyer-cont .cont-ip {
    width: 100% !important;
    height: 50px;
  }
}
/* line 1216, ../../sass/main/checkout.scss */
#buyer-cont .ct-fm-dc {
  display: flex;
  flex-direction: column;
  gap: 14px;
}
/* line 1221, ../../sass/main/checkout.scss */
#buyer-cont .ct-fm-dc input {
  width: 100%;
  height: 100%;
  transition: all 0.2s ease;
}
/* line 1226, ../../sass/main/checkout.scss */
#buyer-cont .ct-fm-dc input:not(:placeholder-shown) {
  font-size: var(--xxs-text);
}
/* line 1230, ../../sass/main/checkout.scss */
#buyer-cont .ct-fm-dc input.dc-ip, #buyer-cont .ct-fm-dc input.ph-ip {
  font-family: "geist",sans-serif !important;
}
/* line 1237, ../../sass/main/checkout.scss */
#buyer-cont .ct-fm-dc .ti-ipm {
  left: 5px;
  font-size: var(--xxs-text);
  background-color: var(--color-white);
  padding: 0 5px;
  font-weight: 500;
  width: max-content;
  margin-bottom: 8px;
  z-index: 10;
  white-space: nowrap;
  cursor: text;
}
/* line 1255, ../../sass/main/checkout.scss */
#buyer-cont .ct-fm-dc .max {
  position: relative;
  width: 100%;
  height: 3.5rem;
}
/* line 1261, ../../sass/main/checkout.scss */
#buyer-cont .ct-fm-dc .line-f {
  display: flex;
  align-items: center;
  gap: 14px;
}
@media only screen and (max-width: 1024px) {
  /* line 1261, ../../sass/main/checkout.scss */
  #buyer-cont .ct-fm-dc .line-f {
    flex-direction: column;
  }
}
/* line 1272, ../../sass/main/checkout.scss */
#buyer-cont .ct-fm-dc .doc-line-f {
  display: grid;
  gap: 14px;
  grid-template-columns: 55% calc(45% - 14px);
}
@media screen and (max-width: 1160px) {
  /* line 1272, ../../sass/main/checkout.scss */
  #buyer-cont .ct-fm-dc .doc-line-f {
    grid-template-columns: 1fr;
  }
}
/* line 1281, ../../sass/main/checkout.scss */
#buyer-cont .ct-fm-dc .doc-line-f .doc-fl {
  display: grid;
  align-items: center;
  grid-template-columns: 136px calc(100% - 136px);
  gap: 14px;
}
/* line 1289, ../../sass/main/checkout.scss */
#buyer-cont .ct-fm-dc .doc-line-f .doc-fl .ct-tgt input {
  max-width: 100px !important;
}
@media screen and (max-width: 1024px) {
  /* line 1289, ../../sass/main/checkout.scss */
  #buyer-cont .ct-fm-dc .doc-line-f .doc-fl .ct-tgt input {
    max-width: 100% !important;
    padding-left: 20px !important;
  }
}
/* line 1299, ../../sass/main/checkout.scss */
#buyer-cont .ct-fm-dc .doc-line-f .doc-fl .dc-nm {
  width: calc(100% - 14px) !important;
}
/* line 1302, ../../sass/main/checkout.scss */
#buyer-cont .ct-fm-dc .doc-line-f .doc-fl .dc-nm svg {
  display: none;
  width: 24px;
  height: 24px;
}
@media screen and (max-width: 800px) {
  /* line 1281, ../../sass/main/checkout.scss */
  #buyer-cont .ct-fm-dc .doc-line-f .doc-fl {
    height: max-content !important;
    grid-template-columns: 1fr;
    gap: 14px;
  }
  /* line 1314, ../../sass/main/checkout.scss */
  #buyer-cont .ct-fm-dc .doc-line-f .doc-fl .dc-nm {
    width: 100% !important;
  }
  /* line 1317, ../../sass/main/checkout.scss */
  #buyer-cont .ct-fm-dc .doc-line-f .doc-fl .dc-nm svg {
    display: flex;
    width: 24px;
    height: 24px;
  }
}
/* line 1327, ../../sass/main/checkout.scss */
#buyer-cont .ct-fm-dc .ct-tgt {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
/* line 1333, ../../sass/main/checkout.scss */
#buyer-cont .ct-fm-dc .ct-tgt svg {
  width: 24px;
  height: 24px;
}
/* line 1338, ../../sass/main/checkout.scss */
#buyer-cont .ct-fm-dc .ct-tgt input {
  padding-right: 0 !important;
  padding-left: 8px !important;
}
@media screen and (max-width: 800px) {
  /* line 1338, ../../sass/main/checkout.scss */
  #buyer-cont .ct-fm-dc .ct-tgt input {
    width: 100%;
    max-width: 100% !important;
    padding-left: 20px !important;
  }
}
/* line 1349, ../../sass/main/checkout.scss */
#buyer-cont .ct-fm-dc .ct-tgt .dc-ic {
  display: flex;
  align-items: center;
  justify-content: center;
  padding-right: 8px;
}
/* line 1355, ../../sass/main/checkout.scss */
#buyer-cont .ct-fm-dc .ct-tgt .dc-ic svg {
  width: 16px;
  height: 16px;
}
/* line 1362, ../../sass/main/checkout.scss */
#buyer-cont .ct-fm-dc .dc-sl {
  width: 100%;
  max-width: max-content !important;
  padding-left: 0;
  color: var(--color-text-primary);
}
/* line 1369, ../../sass/main/checkout.scss */
#buyer-cont .ct-fm-dc .error {
  border-color: var(--color-danger);
}
/* line 1374, ../../sass/main/checkout.scss */
#buyer-cont .ct-dc-opt {
  position: absolute;
  top: 50px;
  width: 200px;
  left: 0px;
  margin-top: 20px;
  background-color: var(--color-white);
  border-radius: var(--bd-rd-xxss);
  border: 1px solid var(--color-surface);
  box-shadow: 0px 40px 32px -24px rgba(15, 15, 15, 0.12);
  overflow: scroll;
  max-height: 250px;
  min-height: 48px;
  opacity: 0;
  display: none;
  z-index: 20;
}
@media screen and (max-width: 800px) {
  /* line 1374, ../../sass/main/checkout.scss */
  #buyer-cont .ct-dc-opt {
    width: 100%;
  }
}
/* line 1395, ../../sass/main/checkout.scss */
#buyer-cont .ct-dc-opt .it-opt {
  display: flex;
  align-items: center;
  gap: 5px;
  transition: all .3s;
  padding: 15px;
  user-select: none;
  cursor: pointer;
  color: var(--color-text-primary);
}
/* line 1405, ../../sass/main/checkout.scss */
#buyer-cont .ct-dc-opt .it-opt img {
  object-fit: cover;
  width: 28px;
  height: 18px;
  user-select: none;
  pointer-events: none;
  border-radius: var(--bd-rd-xxxs);
}
/* line 1414, ../../sass/main/checkout.scss */
#buyer-cont .ct-dc-opt .it-opt:hover {
  background-color: var(--color-surface);
}
/* line 1418, ../../sass/main/checkout.scss */
#buyer-cont .ct-dc-opt .it-opt.hc562a {
  background-color: var(--color-surface);
}

/* line 1428, ../../sass/main/checkout.scss */
.expand {
  position: relative;
  height: 3rem;
}
@media screen and (max-width: 800px) {
  /* line 1428, ../../sass/main/checkout.scss */
  .expand {
    width: 100%;
  }
}
/* line 1436, ../../sass/main/checkout.scss */
.expand .ti-ipm {
  top: 0px !important;
  transform: none;
  cursor: normal;
}

/* line 1444, ../../sass/main/checkout.scss */
.resume-sv-am {
  border-radius: 1rem;
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1);
  background-color: var(--color-white);
}
/* line 1449, ../../sass/main/checkout.scss */
.resume-sv-am .hd-rs {
  padding: 20px;
  border-bottom: 1px solid var(--color-surface);
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}
/* line 1457, ../../sass/main/checkout.scss */
.resume-sv-am .hd-rs .title {
  font-weight: 500;
  font-size: var(--sm-text);
}
/* line 1462, ../../sass/main/checkout.scss */
.resume-sv-am .hd-rs .items-qt {
  display: flex;
  gap: 2px;
  background-color: var(--color-background);
  border-radius: 100px;
  padding: 0.25rem 0.75rem;
}
/* line 1470, ../../sass/main/checkout.scss */
.resume-sv-am .hd-rs .items-qt .ft-fm-grb {
  font-size: var(--xxxs-text);
}
/* line 1473, ../../sass/main/checkout.scss */
.resume-sv-am .hd-rs .items-qt .ft-fm-grb span {
  font-size: var(--xxxs-text);
}
/* line 1478, ../../sass/main/checkout.scss */
.resume-sv-am .hd-rs .items-qt .txt {
  font-weight: 500;
  font-size: var(--xxxs-text);
}
/* line 1482, ../../sass/main/checkout.scss */
.resume-sv-am .hd-rs .items-qt .txt span {
  font-weight: 500;
}

/* line 1491, ../../sass/main/checkout.scss */
#cont-service {
  display: flex;
  flex-direction: column;
  overflow: hidden;
  transition: max-height 0.3s ease;
  position: relative;
}
/* line 1506, ../../sass/main/checkout.scss */
#cont-service #see_more {
  position: absolute;
  bottom: 1rem;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  align-items: center;
  gap: 4px;
  background-color: var(--color-white);
  padding: 0.3rem 1rem;
  border-radius: 100px;
  cursor: pointer;
  box-shadow: 0px 6px 16px rgba(0, 0, 0, 0.12);
}
/* line 1521, ../../sass/main/checkout.scss */
#cont-service #see_more .ct-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s ease;
}
/* line 1527, ../../sass/main/checkout.scss */
#cont-service #see_more .ct-icon svg {
  width: 16px;
  height: 16px;
}
/* line 1533, ../../sass/main/checkout.scss */
#cont-service #see_more .up {
  transform: rotate(180deg);
}
/* line 1537, ../../sass/main/checkout.scss */
#cont-service #see_more .txt-see_more {
  font-size: var(--xxxs-text);
}

/* line 1543, ../../sass/main/checkout.scss */
.ct-sv {
  transition: all .3s;
  display: flex;
  flex-direction: column;
}
/* line 1564, ../../sass/main/checkout.scss */
.ct-sv:last-child .ft-t {
  border-bottom: none !important;
}
/* line 1569, ../../sass/main/checkout.scss */
.ct-sv .bx {
  padding: 10px 20px;
  display: flex;
  justify-content: space-between;
}
/* line 1583, ../../sass/main/checkout.scss */
.ct-sv .bx .rmv {
  cursor: pointer;
}
/* line 1586, ../../sass/main/checkout.scss */
.ct-sv .bx .rmv svg {
  width: 18px;
  height: 18px;
}
/* line 1594, ../../sass/main/checkout.scss */
.ct-sv .sv-lf {
  display: flex;
  gap: 0.75rem;
}
/* line 1599, ../../sass/main/checkout.scss */
.ct-sv .ft-t {
  padding: 0 20px 10px 20px;
  display: flex;
  align-items: center;
  justify-content: end;
  border-bottom: 1px solid var(--color-surface);
}
/* line 1607, ../../sass/main/checkout.scss */
.ct-sv .ft-t .ct-vl {
  display: flex;
  align-items: center;
  gap: 8px;
  width: 100%;
  justify-content: end;
}
/* line 1614, ../../sass/main/checkout.scss */
.ct-sv .ft-t .ct-vl .ti-vl {
  font-weight: 500;
  font-size: var(--xxs-text) !important;
}
/* line 1620, ../../sass/main/checkout.scss */
.ct-sv .ft-t .vl-sv {
  font-weight: 500;
  font-size: var(--xxss-text);
}
/* line 1624, ../../sass/main/checkout.scss */
.ct-sv .ft-t .vl-sv span {
  font-weight: 500;
}
/* line 1629, ../../sass/main/checkout.scss */
.ct-sv .ft-t .rmv {
  transition: all .3s;
  cursor: pointer;
  font-weight: 500;
}
/* line 1634, ../../sass/main/checkout.scss */
.ct-sv .ft-t .rmv:hover {
  text-decoration: underline;
}
/* line 1638, ../../sass/main/checkout.scss */
.ct-sv .ft-t .rmv svg {
  width: 24px;
  height: 24px;
}
/* line 1646, ../../sass/main/checkout.scss */
.ct-sv .sv-ic {
  display: none;
}
/* line 1649, ../../sass/main/checkout.scss */
.ct-sv .sv-ic svg {
  color: var(--color-text-muted);
  width: 20px;
  height: 20px;
  user-select: none;
  margin-bottom: 10px;
}
/* line 1659, ../../sass/main/checkout.scss */
.ct-sv .ct-ti-sv {
  display: flex;
  align-items: center;
  margin-bottom: 2px;
}
/* line 1665, ../../sass/main/checkout.scss */
.ct-sv .ti-ic {
  padding: 0.5rem;
  border-radius: var(--bd-rd-xxss);
  background-color: var(--color-background);
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s ease;
  height: max-content;
}
/* line 1675, ../../sass/main/checkout.scss */
.ct-sv .ti-ic svg {
  width: 1.25rem;
  height: 1.25rem;
  color: var(--color-text-muted);
}
/* line 1682, ../../sass/main/checkout.scss */
.ct-sv .ti-sv {
  font-size: var(--xxs-text);
  display: -webkit-box;
  line-clamp: 2;
  -webkit-line-clamp: 2;
  /* Limitar a 2 linhas */
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  font-weight: 500;
}
/* line 1696, ../../sass/main/checkout.scss */
.ct-sv .adrs {
  margin-bottom: 10px;
  color: var(--color-text-muted);
}
/* line 1701, ../../sass/main/checkout.scss */
.ct-sv .dt-ct {
  display: flex;
  align-items: center;
  gap: 5px;
  flex-wrap: wrap;
}
/* line 1707, ../../sass/main/checkout.scss */
.ct-sv .dt-ct svg {
  color: var(--color-text-muted);
  width: 15px;
  height: 15px;
}
/* line 1713, ../../sass/main/checkout.scss */
.ct-sv .dt-ct .dt-vl {
  font-size: var(--xxxs-text);
}
/* line 1717, ../../sass/main/checkout.scss */
.ct-sv .dt-ct .dt-vl * {
  font-size: var(--xxxs-text);
}
/* line 1730, ../../sass/main/checkout.scss */
.ct-sv .vl-dt {
  display: flex;
  align-items: center;
  gap: 10px;
}
/* line 1735, ../../sass/main/checkout.scss */
.ct-sv .vl-dt svg {
  color: var(--color-text-muted);
  width: 15px;
  height: 15px;
  margin-top: 5px;
}
/* line 1746, ../../sass/main/checkout.scss */
.ct-sv .vl-dt .vld-vl * {
  font-size: var(--xxxs-text);
}
/* line 1760, ../../sass/main/checkout.scss */
.ct-sv .dr-t {
  display: flex;
  align-items: center;
  gap: 10px;
}
/* line 1767, ../../sass/main/checkout.scss */
.ct-sv .dr-t svg {
  color: var(--color-text-muted);
  width: 15px;
  height: 15px;
}
/* line 1773, ../../sass/main/checkout.scss */
.ct-sv .dr-t .dr-dy {
  font-size: var(--xxxs-text);
}
/* line 1777, ../../sass/main/checkout.scss */
.ct-sv .dr-t .dr-dy * {
  font-size: var(--xxxs-text);
}

/* line 1792, ../../sass/main/checkout.scss */
.ft-lft {
  display: flex;
  flex-direction: column;
  gap: 20px;
  padding: 20px;
  padding-top: 0 !important;
}
/* line 1816, ../../sass/main/checkout.scss */
.ft-lft .ft-page {
  display: flex;
  flex-direction: column;
  gap: 20px;
  align-items: center;
  justify-content: space-between;
}
@media only screen and (max-width: 800px) {
  /* line 1816, ../../sass/main/checkout.scss */
  .ft-lft .ft-page {
    flex-direction: column-reverse;
    align-items: baseline;
    justify-content: flex-start;
    gap: 20px;
  }
}
/* line 1830, ../../sass/main/checkout.scss */
.ft-lft .ft-page .secure {
  display: flex;
  user-select: none;
  margin-bottom: 10px;
}
@media only screen and (max-width: 800px) {
  /* line 1830, ../../sass/main/checkout.scss */
  .ft-lft .ft-page .secure {
    width: 100%;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    margin-bottom: 0;
  }
}
/* line 1843, ../../sass/main/checkout.scss */
.ft-lft .ft-page .secure .btw {
  display: flex;
  gap: 10px;
}
/* line 1847, ../../sass/main/checkout.scss */
.ft-lft .ft-page .secure .btw span {
  font-weight: 500;
  color: var(--color-text-muted);
}
/* line 1852, ../../sass/main/checkout.scss */
.ft-lft .ft-page .secure .btw svg {
  width: 18px;
  height: 18px;
  color: var(--color-text-muted);
}
/* line 1860, ../../sass/main/checkout.scss */
.ft-lft .ft-page .secure .msg {
  font-size: var(--xxs-text);
  margin-top: 5px;
  display: none;
}
/* line 1871, ../../sass/main/checkout.scss */
.ft-lft .finish {
  transition: all .3s;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 15px 20px;
  border-radius: var(--bd-rd-button);
  color: var(--color-white);
  user-select: none;
  font-weight: 500;
  background-color: var(--color-info);
  width: min-content;
  white-space: nowrap;
  cursor: pointer;
  width: 100%;
}
/* line 1888, ../../sass/main/checkout.scss */
.ft-lft .finish:hover {
  text-decoration: underline;
}
/* line 1892, ../../sass/main/checkout.scss */
.ft-lft .finish span {
  font-weight: 500;
}
/* line 1896, ../../sass/main/checkout.scss */
.ft-lft .finish svg {
  width: 16px;
  height: 16px;
}

/* line 1921, ../../sass/main/checkout.scss */
.ct-terms .terms {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
/* line 1926, ../../sass/main/checkout.scss */
.ct-terms .terms label {
  cursor: pointer;
}
/* line 1930, ../../sass/main/checkout.scss */
.ct-terms .terms .data,
.ct-terms .terms .terms-cdt {
  transition: all .3s;
  user-select: none;
  display: flex;
  align-items: center;
  gap: 10px;
}
/* line 1938, ../../sass/main/checkout.scss */
.ct-terms .terms .data .error,
.ct-terms .terms .terms-cdt .error {
  border-color: var(--color-danger) !important;
}
/* line 1942, ../../sass/main/checkout.scss */
.ct-terms .terms .data .ti,
.ct-terms .terms .terms-cdt .ti {
  font-size: var(--xxxs-text);
}
/* line 1946, ../../sass/main/checkout.scss */
.ct-terms .terms .data .btn-read-terms,
.ct-terms .terms .terms-cdt .btn-read-terms {
  font-size: var(--xxxs-text);
}
/* line 1951, ../../sass/main/checkout.scss */
.ct-terms .terms .data .checkbox-wrapper-15 .cbx,
.ct-terms .terms .terms-cdt .checkbox-wrapper-15 .cbx {
  display: flex;
  align-items: center;
  -webkit-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: transparent;
  cursor: pointer;
}
/* line 1959, ../../sass/main/checkout.scss */
.ct-terms .terms .data .checkbox-wrapper-15 .cbx .error,
.ct-terms .terms .terms-cdt .checkbox-wrapper-15 .cbx .error {
  border-color: var(--color-danger) !important;
}
/* line 1963, ../../sass/main/checkout.scss */
.ct-terms .terms .data .checkbox-wrapper-15 .cbx span,
.ct-terms .terms .terms-cdt .checkbox-wrapper-15 .cbx span {
  flex-grow: 1;
  display: inline-block;
  vertical-align: middle;
  transform: translate3d(0, 0, 0);
}
/* line 1970, ../../sass/main/checkout.scss */
.ct-terms .terms .data .checkbox-wrapper-15 .cbx span:first-child,
.ct-terms .terms .terms-cdt .checkbox-wrapper-15 .cbx span:first-child {
  position: relative;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  transform: scale(1);
  vertical-align: middle;
  border: 1px solid var(--color-surface);
  transition: all 0.2s ease;
}
/* line 1980, ../../sass/main/checkout.scss */
.ct-terms .terms .data .checkbox-wrapper-15 .cbx span:first-child svg,
.ct-terms .terms .terms-cdt .checkbox-wrapper-15 .cbx span:first-child svg {
  position: absolute;
  z-index: 1;
  top: 4px;
  left: 3px;
  fill: none;
  stroke: var(--color-white);
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-dasharray: 16px;
  stroke-dashoffset: 16px;
  transition: all 0.3s ease;
  transition-delay: 0.1s;
  transform: translate3d(0, 0, 0);
}
/* line 1997, ../../sass/main/checkout.scss */
.ct-terms .terms .data .checkbox-wrapper-15 .cbx span:first-child:before,
.ct-terms .terms .terms-cdt .checkbox-wrapper-15 .cbx span:first-child:before {
  content: "";
  width: 100%;
  height: 100%;
  background: var(--color-info);
  display: block;
  transform: scale(0);
  opacity: 1;
  border-radius: 50%;
  transition-delay: 0.2s;
}
/* line 2010, ../../sass/main/checkout.scss */
.ct-terms .terms .data .checkbox-wrapper-15 .cbx span:last-child,
.ct-terms .terms .terms-cdt .checkbox-wrapper-15 .cbx span:last-child {
  margin-left: 8px;
}
/* line 2014, ../../sass/main/checkout.scss */
.ct-terms .terms .data .checkbox-wrapper-15 .cbx:hover span:first-child,
.ct-terms .terms .terms-cdt .checkbox-wrapper-15 .cbx:hover span:first-child {
  transition: all .3s;
  border-color: var(--color-info);
}
/* line 2022, ../../sass/main/checkout.scss */
.ct-terms .terms .data .checkbox-wrapper-15 .inp-cbx:checked + .cbx span:first-child,
.ct-terms .terms .terms-cdt .checkbox-wrapper-15 .inp-cbx:checked + .cbx span:first-child {
  border-color: var(--color-info);
  background: var(--color-info);
  animation: check-15 0.6s ease;
}
/* line 2027, ../../sass/main/checkout.scss */
.ct-terms .terms .data .checkbox-wrapper-15 .inp-cbx:checked + .cbx span:first-child svg,
.ct-terms .terms .terms-cdt .checkbox-wrapper-15 .inp-cbx:checked + .cbx span:first-child svg {
  stroke-dashoffset: 0;
}
/* line 2031, ../../sass/main/checkout.scss */
.ct-terms .terms .data .checkbox-wrapper-15 .inp-cbx:checked + .cbx span:first-child:before,
.ct-terms .terms .terms-cdt .checkbox-wrapper-15 .inp-cbx:checked + .cbx span:first-child:before {
  transform: scale(2.2);
  opacity: 0;
  transition: all 0.6s ease;
}
/* line 2038, ../../sass/main/checkout.scss */
.ct-terms .terms .data .checkbox-wrapper-15 .inp-cbx:checked + .cbx span:last-child,
.ct-terms .terms .terms-cdt .checkbox-wrapper-15 .inp-cbx:checked + .cbx span:last-child {
  transition: all 0.3s ease;
}
/* line 2041, ../../sass/main/checkout.scss */
.ct-terms .terms .data .checkbox-wrapper-15 .inp-cbx:checked + .cbx span:last-child:after,
.ct-terms .terms .terms-cdt .checkbox-wrapper-15 .inp-cbx:checked + .cbx span:last-child:after {
  transform: scaleX(1);
  transition: all 0.3s ease;
}
/* line 2061, ../../sass/main/checkout.scss */
.ct-terms .terms .terms-cdt span {
  transition: all .3s;
  color: var(--color-text-primary);
  font-weight: 500;
  white-space: nowrap;
  cursor: pointer;
}
/* line 2068, ../../sass/main/checkout.scss */
.ct-terms .terms .terms-cdt span:hover {
  text-decoration: underline;
}

/* Esconde o input original */
/* line 2080, ../../sass/main/checkout.scss */
input[type=checkbox] {
  display: none;
  /* Esconde o elemento input */
}

/* Estilo do checkbox */
/* line 2086, ../../sass/main/checkout.scss */
.ct-ck {
  position: relative;
  display: inline-block;
  cursor: pointer;
}

/* Caixa do checkbox */
/* line 2093, ../../sass/main/checkout.scss */
.cts {
  content: "";
  transition: all .3s;
  display: block;
  width: 20px;
  height: 20px;
  top: 0;
  left: 0;
  background-color: white;
  border-radius: var(--bd-rd-xxxs);
  border: 1px solid var(--color-surface);
}

/* Quando o checkbox for marcado */
/* line 2107, ../../sass/main/checkout.scss */
input[type=checkbox]:checked + .cts {
  background-color: var(--blue);
}

/* line 2111, ../../sass/main/checkout.scss */
input[type=checkbox]:checked + .cts:after {
  content: "";
  display: block;
  width: 3px;
  height: 9px;
  border: solid white;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
  position: absolute;
  top: 4px;
  left: 8px;
}

/* line 2124, ../../sass/main/checkout.scss */
.back {
  position: fixed;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.603);
  width: 100vw;
  height: 100vh;
  z-index: 50;
}

/* line 2134, ../../sass/main/checkout.scss */
.ct-cm {
  transition: all .3s;
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  z-index: 99999;
}
/* line 2142, ../../sass/main/checkout.scss */
.ct-cm .bx-md {
  transition: all .3s;
  position: fixed;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  background-color: var(--color-white);
  border-radius: var(--bd-rd-xxss);
  width: 400px;
  z-index: 99;
  opacity: 0;
  padding: 20px;
}
/* line 2155, ../../sass/main/checkout.scss */
.ct-cm .bx-md .title {
  font-size: var(--sm-text);
  font-weight: 500;
  margin-bottom: 4px;
}
/* line 2161, ../../sass/main/checkout.scss */
.ct-cm .bx-md .sb {
  font-size: var(--xs-text);
}
/* line 2165, ../../sass/main/checkout.scss */
.ct-cm .bx-md .ft-md {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 20px 0;
  padding-bottom: 0;
}
/* line 2172, ../../sass/main/checkout.scss */
.ct-cm .bx-md .ft-md .yes {
  cursor: pointer;
  padding: 5px;
  font-weight: 500;
}
/* line 2178, ../../sass/main/checkout.scss */
.ct-cm .bx-md .ft-md .no {
  cursor: pointer;
  padding: 5px 0;
}

/* line 2191, ../../sass/main/checkout.scss */
.range-card .bx-md {
  width: 640px;
}
@media only screen and (max-width: 800px) {
  /* line 2191, ../../sass/main/checkout.scss */
  .range-card .bx-md {
    width: calc(100% - 40px);
  }
}
/* line 2198, ../../sass/main/checkout.scss */
.range-card .bx-md .clse {
  display: flex;
  align-items: center;
  justify-content: center;
  position: fixed;
  top: 20px;
  left: 20px;
  cursor: pointer;
  border: 1px solid var(--color-text-muted);
  border-radius: 50%;
}
/* line 2209, ../../sass/main/checkout.scss */
.range-card .bx-md .clse svg {
  width: 16px;
  height: 16px;
}
/* line 2218, ../../sass/main/checkout.scss */
.range-card .edt-ct {
  transition: all .3s;
  opacity: 0;
  cursor: pointer;
}
/* line 2223, ../../sass/main/checkout.scss */
.range-card .edt-ct svg {
  width: 18px;
  height: 18px;
}
/* line 2230, ../../sass/main/checkout.scss */
.range-card .ct-rg {
  margin-top: 25px;
}
/* line 2233, ../../sass/main/checkout.scss */
.range-card .ct-rg .ti-rg {
  font-size: var(--xxs-text);
  font-weight: 500;
  margin-bottom: 15px;
  display: flex;
  align-items: center;
}
/* line 2240, ../../sass/main/checkout.scss */
.range-card .ct-rg .ti-rg:hover .edt-ct {
  opacity: 1;
}
/* line 2246, ../../sass/main/checkout.scss */
.range-card .ct-rg .vall {
  transition: all .3s;
  font-size: var(--xxs-text);
  font-weight: 500;
  margin-right: 10px;
  margin-left: 4px;
}
/* line 2253, ../../sass/main/checkout.scss */
.range-card .ct-rg .vall.invalid {
  color: var(--color-danger);
}
/* line 2261, ../../sass/main/checkout.scss */
.range-card .sec-cd {
  display: flex;
  align-items: center;
  font-size: var(--xxs-text);
  font-weight: 500;
  margin-bottom: 20px;
  border-top: 1px solid var(--color-surface);
  padding-top: 20px;
  margin-top: 20px;
}
/* line 2271, ../../sass/main/checkout.scss */
.range-card .sec-cd:hover .edt-ct {
  opacity: 1;
}
/* line 2277, ../../sass/main/checkout.scss */
.range-card input[type="range"] {
  width: 100%;
  -webkit-appearance: none;
  appearance: none;
  height: 8px;
  background: var(--color-surface);
  border-radius: 5px;
  outline: none;
}
/* line 2287, ../../sass/main/checkout.scss */
.range-card input[type="range"]::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 16px;
  height: 16px;
  background: var(--color-text-primary);
  border-radius: 50%;
  cursor: pointer;
}
/* line 2297, ../../sass/main/checkout.scss */
.range-card .pr-ct {
  display: flex;
  justify-content: space-between;
  margin-top: 5px;
  font-size: va(--xxs-text);
}
/* line 2304, ../../sass/main/checkout.scss */
.range-card .ct-btn {
  display: flex;
  align-items: center;
  justify-content: end;
  margin-top: 20px;
}
/* line 2310, ../../sass/main/checkout.scss */
.range-card .ct-btn .cf-btn {
  padding: 12px 20px;
  background-color: var(--color-text-primary);
  color: var(--color-white);
  cursor: pointer;
  font-weight: 500;
  user-select: none;
  border-radius: var(--bd-rd-button);
}

/* line 2325, ../../sass/main/checkout.scss */
.auth,
.print {
  transition: all .3s;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 20px 0;
  border: 1px solid var(--color-surface);
  user-select: none;
  border-left: 0;
  border-right: 0;
  cursor: pointer;
  display: none;
}
/* line 2339, ../../sass/main/checkout.scss */
.auth .at-lf,
.print .at-lf {
  transition: all .3s;
}
/* line 2343, ../../sass/main/checkout.scss */
.auth:hover,
.print:hover {
  text-decoration: underline;
}
/* line 2347, ../../sass/main/checkout.scss */
.auth svg,
.print svg {
  width: 15px;
  height: 15px;
}
/* line 2352, ../../sass/main/checkout.scss */
.auth .at-lf,
.print .at-lf {
  display: flex;
  align-items: center;
  gap: 5px;
}

/* line 2361, ../../sass/main/checkout.scss */
.ct-dt-sv {
  transition: all .3s;
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  z-index: 99999;
}
/* line 2369, ../../sass/main/checkout.scss */
.ct-dt-sv .back-out {
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--color-surface);
  min-width: 40px;
  max-width: 40px;
  min-height: 40px;
  max-height: 40px;
  border-radius: 100px;
  cursor: pointer;
}
/* line 2381, ../../sass/main/checkout.scss */
.ct-dt-sv .back-out svg {
  width: 25px;
  height: 25px;
  fill: var(--color-text-primary);
}
/* line 2389, ../../sass/main/checkout.scss */
.ct-dt-sv .box-sv {
  transition: all .3s;
  position: fixed;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  background-color: var(--color-white);
  border-radius: var(--bd-rd-xxss);
  overflow: hidden;
  width: 1065px;
  max-height: 90%;
  z-index: 99;
  opacity: 0;
  overflow: scroll;
}
@media screen and (min-width: 700px) and (max-width: 1024px) {
  /* line 2389, ../../sass/main/checkout.scss */
  .ct-dt-sv .box-sv {
    width: calc(100% - 40px);
  }
}
@media only screen and (max-width: 800px) {
  /* line 2389, ../../sass/main/checkout.scss */
  .ct-dt-sv .box-sv {
    width: 100dvw;
    height: 80%;
    left: 0;
    border-radius: 0;
    top: calc(100% - 80%);
    transform: none;
    margin-top: 60px;
  }
}
/* line 2419, ../../sass/main/checkout.scss */
.ct-dt-sv .box-sv.small {
  width: 700px;
  max-width: 100%;
}
/* line 2425, ../../sass/main/checkout.scss */
.ct-dt-sv .box-sv .bx-ctt {
  padding: 20px;
  color: var(--color-text-primary);
}
/* line 2430, ../../sass/main/checkout.scss */
.ct-dt-sv .box-sv .he-bx-sv {
  display: flex;
  align-items: center;
}
/* line 2435, ../../sass/main/checkout.scss */
.ct-dt-sv .box-sv .he-bx-sv .ti {
  font-size: var(--sm-text);
  font-weight: 500;
  margin-top: 24px;
  padding-left: 64px;
}
@media screen and (max-width: 800px) {
  /* line 2435, ../../sass/main/checkout.scss */
  .ct-dt-sv .box-sv .he-bx-sv .ti {
    padding-left: 40px;
    margin-top: 26px;
  }
}
/* line 2453, ../../sass/main/checkout.scss */
.ct-dt-sv .box-sv .he-bx-sv .cls {
  display: flex;
  align-items: center;
  justify-content: center;
  position: fixed;
  top: 20px;
  left: 20px;
  border: 1px solid var(--color-text-muted);
  border-radius: 50%;
  cursor: pointer;
  padding: 6px;
}
@media only screen and (max-width: 800px) {
  /* line 2453, ../../sass/main/checkout.scss */
  .ct-dt-sv .box-sv .he-bx-sv .cls {
    position: relative;
    top: 13px;
  }
}
/* line 2470, ../../sass/main/checkout.scss */
.ct-dt-sv .box-sv .he-bx-sv .cls svg {
  width: 16px;
  height: 16px;
}

/* line 2483, ../../sass/main/checkout.scss */
#cont-service-mob {
  display: flex;
  flex-direction: column;
  gap: 20px;
  padding: 20px;
}

/* line 2490, ../../sass/main/checkout.scss */
.ct-date {
  display: flex;
  flex-wrap: wrap;
}
/* line 2499, ../../sass/main/checkout.scss */
.ct-date .space {
  margin: 0 4px;
}
/* line 2503, ../../sass/main/checkout.scss */
.ct-date svg {
  width: 15px;
  height: 15px;
  color: var(--color-text-muted);
  margin-right: 6px;
}
/* line 2510, ../../sass/main/checkout.scss */
.ct-date .in,
.ct-date .out {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 4px;
  font-size: var(--xxxs-text);
}
/* line 2519, ../../sass/main/checkout.scss */
.ct-date .in .ti,
.ct-date .out .ti {
  user-select: none;
  color: var(--color-text-muted);
  font-size: var(--xxxs-text);
}
/* line 2526, ../../sass/main/checkout.scss */
.ct-date .in .dt,
.ct-date .in .hr,
.ct-date .out .dt,
.ct-date .out .hr {
  color: var(--color-text-muted);
  font-size: var(--xxxs-text);
}

/* line 2538, ../../sass/main/checkout.scss */
.coffee:not(svg) {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: var(--xxxs-text);
  color: var(--color-text-muted);
}
/* line 2546, ../../sass/main/checkout.scss */
.coffee:not(svg) svg {
  width: 15px;
  height: 15px;
  color: var(--color-text-muted);
}
/* line 2552, ../../sass/main/checkout.scss */
.coffee:not(svg) span {
  color: var(--color-text-muted);
  font-size: var(--xxxs-text);
}

/* line 2560, ../../sass/main/checkout.scss */
.bx-pd-md {
  display: flex;
  width: 100%;
  height: 100%;
}
/* line 2568, ../../sass/main/checkout.scss */
.bx-pd-md .rd-mp {
  padding: 20px 0px;
  padding-top: 0;
}
/* line 2573, ../../sass/main/checkout.scss */
.bx-pd-md .rd-mp .r-ti {
  font-weight: 500;
  margin-bottom: 10px;
  user-select: none;
  font-size: var(--xsss-text);
}
/* line 2580, ../../sass/main/checkout.scss */
.bx-pd-md .rd-mp .itm {
  padding: 20px 0;
  border-bottom: 1px solid var(--color-surface);
  user-select: none;
  cursor: pointer;
}
/* line 2587, ../../sass/main/checkout.scss */
.bx-pd-md .rd-mp .itm:last-child {
  border: 0;
  padding-bottom: 0;
}
/* line 2599, ../../sass/main/checkout.scss */
.bx-pd-md .plc .pl-ti,
.bx-pd-md .dtls .pl-ti {
  font-weight: 500;
  user-select: none;
  font-size: var(--xxs-text);
  margin-bottom: 10px;
}
/* line 2606, ../../sass/main/checkout.scss */
.bx-pd-md .plc .se-mr,
.bx-pd-md .dtls .se-mr {
  text-decoration: underline;
  font-weight: 500;
  margin-top: 5px;
  user-select: none;
  cursor: pointer;
}
/* line 2616, ../../sass/main/checkout.scss */
.bx-pd-md .ex {
  padding: 20px;
  width: 100%;
}
/* line 2620, ../../sass/main/checkout.scss */
.bx-pd-md .ex .ti-ex {
  text-transform: capitalize;
  font-size: var(--xxs-text);
  font-weight: 500;
  user-select: none;
}
/* line 2627, ../../sass/main/checkout.scss */
.bx-pd-md .ex .dc-md-ex {
  margin-top: 20px;
}
/* line 2633, ../../sass/main/checkout.scss */
.bx-pd-md .vc {
  width: 100%;
}
/* line 2636, ../../sass/main/checkout.scss */
.bx-pd-md .vc .ct-cdd {
  border-bottom: 1px solid var(--color-surface);
  margin: 0 20px;
}
/* line 2640, ../../sass/main/checkout.scss */
.bx-pd-md .vc .ct-cdd .h-ti {
  font-weight: 500;
  margin-bottom: 10px;
  user-select: none;
  font-size: var(--xsss-text);
}
/* line 2649, ../../sass/main/checkout.scss */
.bx-pd-md .vc .bkf {
  display: flex;
  align-items: center;
  gap: 10px;
  background-color: var(--color-white);
  margin: 0 20px 20px;
  padding: 15px 15px;
  border-radius: 10px;
  border: 2px solid var(--color-surface);
}
/* line 2659, ../../sass/main/checkout.scss */
.bx-pd-md .vc .bkf svg {
  width: 18px;
  height: 18px;
}
/* line 2666, ../../sass/main/checkout.scss */
.bx-pd-md .vc .ct-cd,
.bx-pd-md .vc .ct-ck {
  padding: 20px 0 20px 0 !important;
}
/* line 2671, ../../sass/main/checkout.scss */
.bx-pd-md .vc .ct-cdd-ti {
  text-align: center;
  font-weight: 500;
  padding-bottom: 15px;
}
/* line 2677, ../../sass/main/checkout.scss */
.bx-pd-md .vc .ft-vc {
  display: flex;
  align-items: center;
  gap: 20px;
  justify-content: space-between;
  user-select: none;
  border-top: 1px solid var(--color-surface);
  padding: 20px;
}
/* line 2686, ../../sass/main/checkout.scss */
.bx-pd-md .vc .ft-vc .sh-vc,
.bx-pd-md .vc .ft-vc .dw-vc {
  text-align: center;
  padding: 10px 20px;
  width: 100%;
  border: 1px solid var(--color-text);
  border-radius: 10px;
  user-select: none;
  font-weight: 500;
  font-size: var(--xxs-text);
  cursor: pointer;
}
/* line 2699, ../../sass/main/checkout.scss */
.bx-pd-md .vc .ft-vc .dw-vc {
  background-color: var(--color-text-primary);
  color: var(--color-white);
}
/* line 2706, ../../sass/main/checkout.scss */
.bx-pd-md .vc .he-pso {
  display: flex;
  align-items: center;
  justify-content: center;
  border-bottom: 1px solid var(--color-surface);
}
/* line 2712, ../../sass/main/checkout.scss */
.bx-pd-md .vc .he-pso .ti-md {
  font-size: var(--xxs-text);
  font-weight: 500;
  padding: 20px;
}
/* line 2718, ../../sass/main/checkout.scss */
.bx-pd-md .vc .he-pso svg {
  position: absolute;
  left: 20px;
  width: 20px;
  height: 20px;
  cursor: pointer;
  user-select: none;
}
/* line 2729, ../../sass/main/checkout.scss */
.bx-pd-md .vc .he-mdl {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px;
  border-bottom: 1px solid var(--color-surface);
}
/* line 2737, ../../sass/main/checkout.scss */
.bx-pd-md .vc .he-mdl svg {
  position: absolute;
  left: 20px;
  width: 20px;
  height: 20px;
  cursor: pointer;
  user-select: none;
}
/* line 2746, ../../sass/main/checkout.scss */
.bx-pd-md .vc .he-mdl .ti {
  user-select: none;
  font-weight: 500;
}
/* line 2753, ../../sass/main/checkout.scss */
.bx-pd-md .vc .qr-cd {
  margin: 20px;
  padding-bottom: 20px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  border-bottom: 1px solid var(--color-surface);
}
/* line 2762, ../../sass/main/checkout.scss */
.bx-pd-md .vc .qr-cd .sql {
  border: 1px solid var(--color-surface);
  border-radius: 10px;
}
/* line 2767, ../../sass/main/checkout.scss */
.bx-pd-md .vc .qr-cd img {
  min-width: 200px;
  max-width: 200px;
  min-height: 200px;
  max-height: 200px;
  padding: 10px;
}
/* line 2776, ../../sass/main/checkout.scss */
.bx-pd-md .vc .qr-cd .qr-ti {
  font-weight: 500;
  color: var(--color-surface);
  font-size: var(--xxs-text);
  user-select: none;
  text-align: center;
  width: 60%;
  margin-top: 15px;
}
/* line 2788, ../../sass/main/checkout.scss */
.bx-pd-md .vc .ct-ck {
  display: flex;
  justify-content: space-between;
  border-top: 1px solid var(--color-surface);
  padding: 30px 0;
  margin: 0 20px;
}
/* line 2795, ../../sass/main/checkout.scss */
.bx-pd-md .vc .ct-ck .lf-vl {
  text-transform: capitalize;
}
/* line 2799, ../../sass/main/checkout.scss */
.bx-pd-md .vc .ct-ck .ti {
  font-weight: 500;
  font-size: var(--xxs-text);
  margin-bottom: 10px;
}
/* line 2805, ../../sass/main/checkout.scss */
.bx-pd-md .vc .ct-ck .dt {
  color: var(--color-text-muted);
}
/* line 2809, ../../sass/main/checkout.scss */
.bx-pd-md .vc .ct-ck .hr {
  color: var(--color-text-muted);
}
/* line 2813, ../../sass/main/checkout.scss */
.bx-pd-md .vc .ct-ck .rg {
  text-align: end;
}
/* line 2819, ../../sass/main/checkout.scss */
.bx-pd-md .vc .ct-cd {
  margin: 0 20px;
}
/* line 2823, ../../sass/main/checkout.scss */
.bx-pd-md .vc .ct-p {
  padding: 20px;
}
/* line 2827, ../../sass/main/checkout.scss */
.bx-pd-md .vc .close-ct {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  right: 20px;
  top: 20px;
  cursor: pointer;
  border: 1px solid var(--color-surface);
  border-radius: 100%;
  user-select: none;
  width: 30px;
  height: 30px;
}
/* line 2841, ../../sass/main/checkout.scss */
.bx-pd-md .vc .close-ct svg {
  width: 20px;
  height: 20px;
}
/* line 2848, ../../sass/main/checkout.scss */
.bx-pd-md .vc .ct-p-s {
  padding: 20px;
  padding-top: 0;
  text-align: center;
}
/* line 2854, ../../sass/main/checkout.scss */
.bx-pd-md .vc .pdt-ti {
  user-select: none;
  font-size: var(--xxs-text);
}
/* line 2859, ../../sass/main/checkout.scss */
.bx-pd-md .vc .pdt-nm {
  font-size: var(--xxs-text);
  font-weight: 500;
}
/* line 2864, ../../sass/main/checkout.scss */
.bx-pd-md .vc .pdc-ad {
  font-size: var(--xxs-text);
}
/* line 2870, ../../sass/main/checkout.scss */
.bx-pd-md .vc .ct-pss .ps:last-child {
  border: 0;
  padding-bottom: 0;
}
/* line 2875, ../../sass/main/checkout.scss */
.bx-pd-md .vc .ct-pss .ps {
  display: flex;
  align-items: center;
  justify-content: space-between;
  transition: all 0.3s;
  padding: 20px 0;
  border-bottom: 1px solid var(--color-surface);
  user-select: none;
  border-left: 0;
  border-right: 0;
  cursor: pointer;
}
/* line 2887, ../../sass/main/checkout.scss */
.bx-pd-md .vc .ct-pss .ps span {
  display: flex;
  align-items: center;
  gap: 10px;
}
/* line 2893, ../../sass/main/checkout.scss */
.bx-pd-md .vc .ct-pss .ps:hover {
  text-decoration: underline;
}
/* line 2897, ../../sass/main/checkout.scss */
.bx-pd-md .vc .ct-pss .ps svg {
  width: 18px;
  height: 18px;
}
/* line 2906, ../../sass/main/checkout.scss */
.bx-pd-md .vc .ft-mdd {
  padding: 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-top: 1px solid var(--color-surface);
}
/* line 2913, ../../sass/main/checkout.scss */
.bx-pd-md .vc .ft-mdd .pbm {
  width: 180px;
}
/* line 2917, ../../sass/main/checkout.scss */
.bx-pd-md .vc .ft-mdd .spk {
  padding: 10px 20px;
  border: 1px solid var(--color-text);
  border-radius: 10px;
  user-select: none;
  font-weight: 500;
  font-size: var(--xxs-text);
  cursor: pointer;
}
/* line 2934, ../../sass/main/checkout.scss */
.bx-pd-md .h-vl .ps:last-child {
  border: 0;
  padding-bottom: 0;
}
/* line 2939, ../../sass/main/checkout.scss */
.bx-pd-md .h-vl .ps {
  display: flex;
  align-items: center;
  justify-content: space-between;
  transition: all 0.3s;
  padding: 20px 0;
  border-bottom: 1px solid var(--color-surface);
  user-select: none;
  border-left: 0;
  border-right: 0;
  cursor: pointer;
}
/* line 2951, ../../sass/main/checkout.scss */
.bx-pd-md .h-vl .ps:hover {
  text-decoration: underline;
}
/* line 2955, ../../sass/main/checkout.scss */
.bx-pd-md .h-vl .ps svg {
  width: 18px;
  height: 18px;
}
/* line 2964, ../../sass/main/checkout.scss */
.bx-pd-md .box {
  display: flex;
  flex-direction: column;
  gap: 30px;
  padding: 20px;
  width: 100%;
  height: 100%;
  overflow: scroll;
}
/* line 2973, ../../sass/main/checkout.scss */
.bx-pd-md .box .mn-ti {
  width: 250px;
}
/* line 2976, ../../sass/main/checkout.scss */
.bx-pd-md .box .mn-ti.full {
  width: 100%;
}
/* line 2980, ../../sass/main/checkout.scss */
.bx-pd-md .box .mn-ti span {
  text-transform: uppercase;
}
/* line 2984, ../../sass/main/checkout.scss */
.bx-pd-md .box .mn-ti .sb {
  font-size: var(--xxs-text);
  text-transform: capitalize;
}
/* line 2991, ../../sass/main/checkout.scss */
.bx-pd-md .box .title {
  font-size: var(--xsss-text);
  font-weight: 500;
  user-select: none;
  margin-top: 20px;
}
/* line 3000, ../../sass/main/checkout.scss */
.bx-pd-md .mn-ti {
  display: flex;
  flex-direction: column;
  gap: 5px;
}
/* line 3005, ../../sass/main/checkout.scss */
.bx-pd-md .mn-ti .ti {
  color: var(--color-text-muted);
  user-select: none;
}
/* line 3010, ../../sass/main/checkout.scss */
.bx-pd-md .mn-ti .sb {
  font-size: var(--xxs-text);
  font-weight: 500;
}
/* line 3015, ../../sass/main/checkout.scss */
.bx-pd-md .mn-ti .addr {
  transition: all .3s;
}
/* line 3018, ../../sass/main/checkout.scss */
.bx-pd-md .mn-ti .addr .adress {
  transition: all .3s;
  cursor: pointer;
  text-transform: capitalize;
}
/* line 3023, ../../sass/main/checkout.scss */
.bx-pd-md .mn-ti .addr .adress:hover {
  text-decoration: underline;
}
/* line 3029, ../../sass/main/checkout.scss */
.bx-pd-md .mn-ti .addr span {
  text-decoration: underline;
  font-weight: 500;
  margin-top: 5px;
  user-select: none;
  cursor: pointer;
  display: none;
}
@media only screen and (max-width: 800px) {
  /* line 3029, ../../sass/main/checkout.scss */
  .bx-pd-md .mn-ti .addr span {
    display: block;
  }
}
/* line 3046, ../../sass/main/checkout.scss */
.bx-pd-md .ct-hp,
.bx-pd-md .ct-cd {
  padding: 30px 0 30px 0;
  border-top: 1px solid var(--color-surface);
}
/* line 3051, ../../sass/main/checkout.scss */
.bx-pd-md .ct-hp .h-ti,
.bx-pd-md .ct-cd .h-ti {
  font-weight: 500;
  margin-bottom: 10px;
  user-select: none;
  font-size: var(--xxs-text);
}
/* line 3060, ../../sass/main/checkout.scss */
.bx-pd-md .ct-hp {
  border-bottom: 1px solid var(--color-surface);
  padding: 30px 0 30px 0;
}
/* line 3065, ../../sass/main/checkout.scss */
.bx-pd-md .left {
  padding: 20px;
  width: 460px;
  overflow: scroll;
}
@media only screen and (max-width: 800px) {
  /* line 3065, ../../sass/main/checkout.scss */
  .bx-pd-md .left {
    width: 100vw;
    height: 100%;
  }
}
/* line 3075, ../../sass/main/checkout.scss */
.bx-pd-md .left .bx {
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding-bottom: 100px;
}
/* line 3083, ../../sass/main/checkout.scss */
.bx-pd-md .left .rm-nm {
  font-size: var(--xxs-text);
  font-weight: 500;
}
/* line 3088, ../../sass/main/checkout.scss */
.bx-pd-md .left .els {
  text-decoration: underline;
  cursor: pointer;
}
/* line 3094, ../../sass/main/checkout.scss */
.bx-pd-md .left .ct-ck {
  display: flex;
  justify-content: space-between;
  border-top: 1px solid var(--color-surface);
  border-bottom: 1px solid var(--color-surface);
  padding: 30px 0;
}
/* line 3101, ../../sass/main/checkout.scss */
.bx-pd-md .left .ct-ck .ti {
  font-weight: 500;
  font-size: var(--xxs-text);
  margin-bottom: 10px;
}
/* line 3107, ../../sass/main/checkout.scss */
.bx-pd-md .left .ct-ck .dt {
  color: var(--color-text-muted);
}
/* line 3111, ../../sass/main/checkout.scss */
.bx-pd-md .left .ct-ck .hr {
  color: var(--color-text-muted);
}
/* line 3115, ../../sass/main/checkout.scss */
.bx-pd-md .left .ct-ck .rg {
  text-align: end;
}
/* line 3123, ../../sass/main/checkout.scss */
.bx-pd-md .left .info .title {
  font-size: var(--xsss-text);
  font-weight: 500;
  user-select: none;
}
/* line 3129, ../../sass/main/checkout.scss */
.bx-pd-md .left .info .ct-hp {
  border-top: 0;
}
/* line 3133, ../../sass/main/checkout.scss */
.bx-pd-md .left .info .print {
  border-top: 0;
}
/* line 3141, ../../sass/main/checkout.scss */
.bx-pd-md .right {
  width: calc(100% - 400px);
}
/* line 3144, ../../sass/main/checkout.scss */
.bx-pd-md .right .map-wdt {
  width: 100%;
  height: 100%;
}
/* line 3154, ../../sass/main/checkout.scss */
.bx-pd-md .bx-m .ct-it-rt {
  display: flex;
  flex-direction: column;
}
/* line 3158, ../../sass/main/checkout.scss */
.bx-pd-md .bx-m .ct-it-rt .it {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 15px 0px;
  border-bottom: 1px solid var(--color-surface);
}
/* line 3166, ../../sass/main/checkout.scss */
.bx-pd-md .bx-m .ct-it-rt .it .icon {
  display: flex;
  align-items: center;
}
/* line 3170, ../../sass/main/checkout.scss */
.bx-pd-md .bx-m .ct-it-rt .it .icon svg {
  width: 15px;
  height: 15px;
}
/* line 3181, ../../sass/main/checkout.scss */
.bx-pd-md .bx-m .ti-ptd {
  font-weight: 500;
  margin-bottom: 10px;
  font-size: var(--xxs-text);
  user-select: none;
}
/* line 3188, ../../sass/main/checkout.scss */
.bx-pd-md .bx-m .ti-s {
  font-weight: 500;
  margin-bottom: 10px;
  font-size: var(--xxs-text);
  user-select: none;
}
/* line 3195, ../../sass/main/checkout.scss */
.bx-pd-md .bx-m .tm-sec {
  margin-bottom: 20px;
  font-size: var(--text-size-x);
}
/* line 3202, ../../sass/main/checkout.scss */
.bx-pd-md .agnt-info {
  display: flex !important;
  flex-direction: column;
  border-color: var(--color-surface);
  margin-top: 0;
}
/* line 3208, ../../sass/main/checkout.scss */
.bx-pd-md .agnt-info .nm {
  color: var(--color-text-primary) !important;
}

/* line 3217, ../../sass/main/checkout.scss */
.swiper {
  width: 100%;
  height: 260px;
  border-radius: 10px;
  margin: 20px 0;
}
/* line 3225, ../../sass/main/checkout.scss */
.swiper:hover .swiper-button-next,
.swiper:hover .swiper-button-prev {
  opacity: 1;
}
/* line 3231, ../../sass/main/checkout.scss */
.swiper .swiper-slide img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
/* line 3237, ../../sass/main/checkout.scss */
.swiper .swiper-button-next,
.swiper .swiper-button-prev {
  transition: all .3s;
  background: var(--color-white);
  border-radius: 50%;
  width: 30px;
  height: 30px;
  display: flex;
  align-items: center;
  color: var(--color-text-primary);
  justify-content: center;
  opacity: 0;
}
/* line 3251, ../../sass/main/checkout.scss */
.swiper .swiper-button-next::after,
.swiper .swiper-button-prev::after {
  font-size: va(--xxxs-text);
  color: var(--color-text-primary);
}
/* line 3259, ../../sass/main/checkout.scss */
.swiper .swiper-wrapper img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
/* line 3267, ../../sass/main/checkout.scss */
.swiper .swiper-pagination-bullet {
  background: white;
  width: 5px;
  height: 5px;
  opacity: 0.5;
  transition: opacity 0.3s ease;
}
/* line 3276, ../../sass/main/checkout.scss */
.swiper .swiper-pagination-bullet-active {
  background: white;
  opacity: 1;
}

/* line 3283, ../../sass/main/checkout.scss */
.custom-marker {
  position: absolute;
  width: 50px;
  height: 50px;
  background-color: var(--color-text-primary);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 50px;
  font-weight: 500;
  cursor: pointer;
  transform: translate(-50%, -50%);
}
/* line 3297, ../../sass/main/checkout.scss */
.custom-marker svg {
  width: 18px;
  height: 18px;
  margin-top: 20px;
}
/* line 3303, ../../sass/main/checkout.scss */
.custom-marker path {
  fill: var(--color-white);
}
/* line 3307, ../../sass/main/checkout.scss */
.custom-marker .block {
  background-color: var(--color-text-primary);
  width: 10px;
  height: 10px;
  position: absolute;
  left: 50%;
  bottom: -8%;
  transform: translate(-50%) rotate(226deg);
}
/* line 3318, ../../sass/main/checkout.scss */
.custom-marker .text-ct {
  display: flex;
  align-items: center;
  flex-direction: column;
  position: absolute;
  left: 50%;
  bottom: -80%;
  transform: translate(-50%);
}
/* line 3327, ../../sass/main/checkout.scss */
.custom-marker .text-ct .title {
  font-weight: 500;
  font-size: var(--xsss-text);
  font-size: 1rem;
  text-align: center;
}
/* line 3334, ../../sass/main/checkout.scss */
.custom-marker .text-ct .title-sb {
  font-size: 0.70rem;
  color: var(--color-text-muted);
}
/* line 3339, ../../sass/main/checkout.scss */
.custom-marker .text-ct .title,
.custom-marker .text-ct .title-sb {
  height: 20px;
  white-space: nowrap;
}

/* line 3349, ../../sass/main/checkout.scss */
.scale {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
/* line 3354, ../../sass/main/checkout.scss */
.scale .title-fl {
  font-size: var(--xsss-text);
  font-weight: 500;
}

/* line 3362, ../../sass/main/checkout.scss */
.ct-fl-it {
  border: 1px solid var(--color-text-muted);
  border-radius: 20px;
  padding: 20px;
}
/* line 3369, ../../sass/main/checkout.scss */
.ct-fl-it .min-info .top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-bottom: 20px;
  padding-top: 20px;
}
/* line 3376, ../../sass/main/checkout.scss */
.ct-fl-it .min-info .top svg {
  width: 18px;
  height: 18px;
}
/* line 3381, ../../sass/main/checkout.scss */
.ct-fl-it .min-info .top .id_ti {
  font-weight: 500;
  text-transform: capitalize;
}
/* line 3385, ../../sass/main/checkout.scss */
.ct-fl-it .min-info .top .id_ti span {
  text-transform: uppercase;
}
/* line 3393, ../../sass/main/checkout.scss */
.ct-fl-it .min-info .botton {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-top: 1px solid var(--color-surface);
  padding-top: 20px;
}
/* line 3400, ../../sass/main/checkout.scss */
.ct-fl-it .min-info .botton .ti-bt-f {
  font-weight: 500;
  margin-bottom: 10px;
  user-select: none;
}
/* line 3406, ../../sass/main/checkout.scss */
.ct-fl-it .min-info .botton .sb-bt-f {
  color: var(--color-text-muted);
}
/* line 3412, ../../sass/main/checkout.scss */
.ct-fl-it .min-info img {
  width: 20px;
}

/* line 3420, ../../sass/main/checkout.scss */
.ct-sb-md {
  position: fixed;
  left: 0;
  top: 0;
  transition: all .3s;
  opacity: 0;
  width: 100%;
  height: 100%;
  z-index: 99999;
}
/* line 3430, ../../sass/main/checkout.scss */
.ct-sb-md.up-scale .ct-tm {
  min-width: 550px;
  max-width: 550px;
  height: auto;
}
/* line 3436, ../../sass/main/checkout.scss */
.ct-sb-md.hght-at .ct-tm {
  height: auto;
}
/* line 3440, ../../sass/main/checkout.scss */
.ct-sb-md .bk-md {
  position: absolute;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.503);
  width: 100%;
  height: 100%;
}
/* line 3449, ../../sass/main/checkout.scss */
.ct-sb-md .ct-tm {
  padding: 25px;
  border-radius: 20px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  background-color: var(--color-white);
  min-width: 445px;
  max-width: 445px;
  overflow-y: scroll;
}
/* line 3462, ../../sass/main/checkout.scss */
.ct-sb-md .ct-tm .cl-pd {
  top: 20px !important;
}
/* line 3466, ../../sass/main/checkout.scss */
.ct-sb-md .ct-tm.medium {
  min-width: 85%;
  max-width: 85%;
  height: 85%;
}
@media only screen and (max-width: 800px) {
  /* line 3449, ../../sass/main/checkout.scss */
  .ct-sb-md .ct-tm {
    transition: all .3s;
    top: 100%;
    transform: translate(-50%, -100%);
    min-width: 100%;
    max-width: 100%;
    height: 100%;
    border-radius: 0;
  }
}
/* line 3482, ../../sass/main/checkout.scss */
.ct-sb-md .ct-tm .he-md {
  width: 100%;
}
/* line 3485, ../../sass/main/checkout.scss */
.ct-sb-md .ct-tm .he-md .cl-pd {
  display: flex;
  align-items: center;
  border-radius: 100px;
  border: 1px solid var(--color-surface);
  justify-content: center;
  min-width: 40px;
  max-width: 40px;
  min-height: 40px;
  max-height: 40px;
  margin-bottom: 15px;
  cursor: pointer;
}
/* line 3500, ../../sass/main/checkout.scss */
.ct-sb-md .ct-tm .he-md .cl-pd svg {
  width: 30px;
  height: 30px;
}
/* line 3507, ../../sass/main/checkout.scss */
.ct-sb-md .ct-tm .he-md .tp-br {
  position: absolute;
  top: 10px;
  left: 50%;
  transform: translate(-50%);
  width: 80px;
  height: 3px;
  background-color: var(--color-text-muted);
  border-radius: 100px;
}
/* line 3520, ../../sass/main/checkout.scss */
.ct-sb-md .ct-tm .bx-m .min-ct {
  display: flex;
  flex-direction: column;
}
/* line 3525, ../../sass/main/checkout.scss */
.ct-sb-md .ct-tm .bx-m .min-ct .ct-sec-md:last-child {
  border: 0;
}
/* line 3529, ../../sass/main/checkout.scss */
.ct-sb-md .ct-tm .bx-m .min-ct .cll-dt {
  margin: 20px 0;
}
/* line 3533, ../../sass/main/checkout.scss */
.ct-sb-md .ct-tm .bx-m .min-ct .ct-m-ti {
  position: relative;
  display: flex;
  gap: 2px;
  flex-direction: column;
}
/* line 3539, ../../sass/main/checkout.scss */
.ct-sb-md .ct-tm .bx-m .min-ct .ct-m-ti .main-title {
  font-size: var(--xxs-text);
  font-weight: 500;
  width: calc(100% - 95px);
  line-height: 25px;
  display: flex;
  align-items: center;
}
/* line 3549, ../../sass/main/checkout.scss */
.ct-sb-md .ct-tm .bx-m .min-ct .box {
  margin-top: 10px;
}
/* line 3553, ../../sass/main/checkout.scss */
.ct-sb-md .ct-tm .bx-m .min-ct .sc-title {
  font-size: var(--xxs-text);
  font-weight: 500;
  width: 100%;
  margin-top: 8px;
  margin-bottom: 0px;
}
@media only screen and (max-width: 800px) {
  /* line 3553, ../../sass/main/checkout.scss */
  .ct-sb-md .ct-tm .bx-m .min-ct .sc-title {
    margin-bottom: 10px;
  }
}
/* line 3566, ../../sass/main/checkout.scss */
.ct-sb-md .ct-tm .bx-m .min-ct .map-wdt {
  width: 100%;
  height: calc(100vh - 146px);
  border-radius: 20px;
}
/* line 3575, ../../sass/main/checkout.scss */
.ct-sb-md .ct-tm .bx-m .min-ct .msg-sb span,
.ct-sb-md .ct-tm .bx-m .min-ct .ftt span {
  font-weight: 500;
  text-decoration: underline;
  cursor: pointer;
}
/* line 3583, ../../sass/main/checkout.scss */
.ct-sb-md .ct-tm .bx-m .min-ct .ftt {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
/* line 3589, ../../sass/main/checkout.scss */
.ct-sb-md .ct-tm .bx-m .min-ct .ct-stt {
  display: flex;
  align-items: center;
  width: 100%;
  height: 51px;
  border-radius: 5px;
  background-color: var(--color-surface);
  padding: 0 20px;
}
/* line 3598, ../../sass/main/checkout.scss */
.ct-sb-md .ct-tm .bx-m .min-ct .ct-stt span {
  margin-left: 5px;
}
/* line 3602, ../../sass/main/checkout.scss */
.ct-sb-md .ct-tm .bx-m .min-ct .ct-stt .bold {
  font-weight: 500;
}
/* line 3606, ../../sass/main/checkout.scss */
.ct-sb-md .ct-tm .bx-m .min-ct .ct-stt object {
  width: 15px;
  height: 15px;
  margin-right: 10px;
}
/* line 3614, ../../sass/main/checkout.scss */
.ct-sb-md .ct-tm .bx-m .min-ct.tp-s {
  padding-top: 60px;
}
/* line 3620, ../../sass/main/checkout.scss */
.ct-sb-md .ct-tm .bx-m .min-ct .ct-v .btn {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-top: 20px;
}
/* line 3626, ../../sass/main/checkout.scss */
.ct-sb-md .ct-tm .bx-m .min-ct .ct-v .btn .v-vc {
  position: relative;
  display: flex;
  align-items: center;
  gap: 10px;
  user-select: none;
  background-color: color-mix(in srgb, var(--color-brand) 94%, #fff);
  padding: 10px 20px;
  border-radius: 10px;
  color: var(--color-white);
  width: 100%;
  cursor: pointer;
}
/* line 3639, ../../sass/main/checkout.scss */
.ct-sb-md .ct-tm .bx-m .min-ct .ct-v .btn .v-vc svg {
  width: 15px;
  height: 15px;
}
/* line 3647, ../../sass/main/checkout.scss */
.ct-sb-md .ct-tm .bx-m .min-ct .ct-v .btn .blk {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: color-mix(in srgb, var(--color-brand) 94%, #fff);
  min-width: 41px;
  min-height: 41px;
  border-radius: 10px;
}
/* line 3657, ../../sass/main/checkout.scss */
.ct-sb-md .ct-tm .bx-m .min-ct .ct-v .btn .blk .bk {
  position: absolute;
  left: 0;
  top: 0;
  background-color: transparent;
  width: 100%;
  height: 100%;
  cursor: pointer;
}
/* line 3667, ../../sass/main/checkout.scss */
.ct-sb-md .ct-tm .bx-m .min-ct .ct-v .btn .blk .bk {
  cursor: pointer;
}
/* line 3671, ../../sass/main/checkout.scss */
.ct-sb-md .ct-tm .bx-m .min-ct .ct-v .btn .blk svg {
  width: 15px;
  height: 15px;
  fill: white;
}

/* line 3689, ../../sass/main/checkout.scss */
.ct-sec-md {
  padding: 20px 0;
  border-bottom: 1px solid var(--color-surface);
  display: flex;
  flex-direction: column;
}
/* line 3697, ../../sass/main/checkout.scss */
.ct-sec-md .pdt-all-room,
.ct-sec-md .pdt-all-tckt,
.ct-sec-md .pdt-all-tur,
.ct-sec-md .pdt-all-ins,
.ct-sec-md .pdt-all-tf,
.ct-sec-md .pdt-all-rent,
.ct-sec-md .pdt-all-flg {
  justify-content: start;
}
/* line 3708, ../../sass/main/checkout.scss */
.ct-sec-md .ptc {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  margin-top: 10px;
}
/* line 3715, ../../sass/main/checkout.scss */
.ct-sec-md .ptc .info {
  position: absolute;
  right: 0;
  top: -30px;
  width: 20px;
  height: 20px;
}
/* line 3722, ../../sass/main/checkout.scss */
.ct-sec-md .ptc .info .bk {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  cursor: pointer;
}
/* line 3731, ../../sass/main/checkout.scss */
.ct-sec-md .ptc .info object {
  width: 15px;
  height: 15px;
}
/* line 3740, ../../sass/main/checkout.scss */
.ct-sec-md .value-cd {
  margin-top: 10px;
}
@media only screen and (max-width: 800px) {
  /* line 3740, ../../sass/main/checkout.scss */
  .ct-sec-md .value-cd {
    display: block;
  }
}
/* line 3749, ../../sass/main/checkout.scss */
.ct-sec-md .bold {
  font-weight: 500;
}
/* line 3753, ../../sass/main/checkout.scss */
.ct-sec-md .ct-hp {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 20px;
}
/* line 3760, ../../sass/main/checkout.scss */
.ct-sec-md .tm-cll {
  display: flex;
  align-items: center;
  flex-direction: row-reverse;
  justify-content: space-between;
  user-select: none;
}
/* line 3767, ../../sass/main/checkout.scss */
.ct-sec-md .tm-cll .terms {
  display: flex;
  align-items: center;
  gap: 10px;
  position: relative;
  background-color: var(--color-surface);
  border-radius: 8px;
  padding: 0 20px;
  height: 41px;
  cursor: pointer;
  white-space: nowrap;
}
/* line 3779, ../../sass/main/checkout.scss */
.ct-sec-md .tm-cll .terms .bk {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  cursor: pointer;
}
/* line 3788, ../../sass/main/checkout.scss */
.ct-sec-md .tm-cll .terms object {
  width: 15px;
  height: 15px;
}
/* line 3797, ../../sass/main/checkout.scss */
.ct-sec-md .user {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
  background-color: var(--grey4) !important;
  border: 0 !important;
  gap: 10px;
}
@media only screen and (max-width: 800px) {
  /* line 3797, ../../sass/main/checkout.scss */
  .ct-sec-md .user {
    width: 100%;
    align-items: baseline;
    justify-content: left;
  }
}
/* line 3812, ../../sass/main/checkout.scss */
.ct-sec-md .user .more-us {
  display: flex;
  align-items: center;
  justify-content: center;
}
/* line 3818, ../../sass/main/checkout.scss */
.ct-sec-md .user .md-us {
  transition: all .3s;
  position: absolute;
  top: -100px;
  left: 0;
  background-color: var(--color-white);
  width: 180px;
  padding: 20px;
  border-radius: 10px;
  opacity: 0;
  display: none;
  z-index: 99;
}
/* line 3833, ../../sass/main/checkout.scss */
.ct-sec-md .user .bk {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  cursor: pointer;
}
/* line 3844, ../../sass/main/checkout.scss */
.ct-sec-md .ti {
  font-size: var(--xxs-text);
  font-weight: 500;
  user-select: none;
}
/* line 3850, ../../sass/main/checkout.scss */
.ct-sec-md .spr {
  display: flex;
  align-items: center;
  font-size: var(--xxs-text);
  font-weight: 500;
}
/* line 3857, ../../sass/main/checkout.scss */
.ct-sec-md .ct-sc {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
/* line 3863, ../../sass/main/checkout.scss */
.ct-sec-md .ct-v {
  display: flex;
  align-items: center;
  justify-content: space-between;
  align-items: center;
}
/* line 3869, ../../sass/main/checkout.scss */
.ct-sec-md .ct-v .btn {
  margin-top: 0 !important;
}
/* line 3873, ../../sass/main/checkout.scss */
.ct-sec-md .ct-v .code {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
/* line 3878, ../../sass/main/checkout.scss */
.ct-sec-md .ct-v .code .blk {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 51px;
  height: 51px;
  background-color: color-mix(in srgb, var(--color-brand) 94%, #fff);
  border-radius: 5px;
}
/* line 3891, ../../sass/main/checkout.scss */
.ct-sec-md .ct-v .btn-v {
  display: flex;
  align-items: center;
  gap: 10px;
}
/* line 3896, ../../sass/main/checkout.scss */
.ct-sec-md .ct-v .btn-v .v-vc {
  position: relative;
  display: flex;
  align-items: center;
  gap: 10px;
  background-color: color-mix(in srgb, var(--color-brand) 94%, #fff);
  padding: 10px 20px;
  border-radius: 10px;
  color: var(--color-white);
  cursor: pointer;
}
/* line 3907, ../../sass/main/checkout.scss */
.ct-sec-md .ct-v .btn-v .v-vc svg {
  width: 15px;
  height: 15px;
}
/* line 3914, ../../sass/main/checkout.scss */
.ct-sec-md .ct-v .btn-v .blk {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: color-mix(in srgb, var(--color-brand) 94%, #fff);
  min-width: 41px;
  min-height: 41px;
  border-radius: 10px;
}
/* line 3924, ../../sass/main/checkout.scss */
.ct-sec-md .ct-v .btn-v .blk .bk {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  cursor: pointer;
}
/* line 3933, ../../sass/main/checkout.scss */
.ct-sec-md .ct-v .btn-v .blk object {
  width: 15px;
  height: 15px;
}
@media only screen and (max-width: 800px) {
  /* line 3863, ../../sass/main/checkout.scss */
  .ct-sec-md .ct-v {
    flex-direction: column;
    align-items: baseline;
    gap: 20px;
  }
  /* line 3948, ../../sass/main/checkout.scss */
  .ct-sec-md .ct-v .btn-v,
  .ct-sec-md .ct-v .v-vc {
    width: 100%;
  }
}
/* line 3958, ../../sass/main/checkout.scss */
.ct-sec-md .it-flg {
  height: auto !important;
  padding: 0 !important;
  flex-wrap: wrap;
}
/* line 3963, ../../sass/main/checkout.scss */
.ct-sec-md .it-flg .ct-sf {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  height: 70px !important;
}
/* line 3970, ../../sass/main/checkout.scss */
.ct-sec-md .it-flg .ct-sf .flgh,
.ct-sec-md .it-flg .ct-sf .botton {
  border: 0 !important;
}
/* line 3977, ../../sass/main/checkout.scss */
.ct-sec-md .it-flg .time-dfs {
  border-top: 1px solid var(--color-surface) !important;
  border-bottom: 1px solid var(--color-surface) !important;
  height: 110px !important;
  align-items: center !important;
  margin-top: 0px;
  border-right: 0 !important;
}
/* line 3986, ../../sass/main/checkout.scss */
.ct-sec-md .it-flg .more-if {
  margin-top: 0px !important;
  height: 70px !important;
  border: 0 !important;
}
/* line 3995, ../../sass/main/checkout.scss */
.ct-sec-md .tag {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--color-text-primary);
  padding: 20px 0;
}
/* line 4002, ../../sass/main/checkout.scss */
.ct-sec-md .tag object {
  margin-right: 10px;
  width: 15px;
  height: 15px;
}

/* line 4012, ../../sass/main/checkout.scss */
.not-ft {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  align-items: center;
  flex-direction: column;
  gap: 10px;
  padding: 20px;
  font-weight: 500;
  text-align: center;
  font-size: var(--sm-text);
  width: 390px;
  margin: 0;
}
/* line 4028, ../../sass/main/checkout.scss */
.not-ft svg {
  min-width: 50px;
  max-width: 50px;
  min-height: 65px;
  max-height: 65px;
}
/* line 4035, ../../sass/main/checkout.scss */
.not-ft .ctn-buy {
  padding: 8px 14px;
  border-radius: var(--bd-rd-xxss);
  border: 2px solid var(--color-text-primary);
  user-select: none;
  cursor: pointer;
  color: var(--color-text-primary);
  font-weight: 500;
  white-space: nowrap;
  margin-top: 20px;
}

/* line 4052, ../../sass/main/checkout.scss */
.pay-background {
  z-index: 1;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
/* line 4060, ../../sass/main/checkout.scss */
.pay-background .pay-over {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: color-mix(in srgb, var(--color-text-primary) 55%, #ffffff17);
}
/* line 4069, ../../sass/main/checkout.scss */
.pay-background .pay-modal {
  position: fixed;
  z-index: 1;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: var(--color-white);
  padding: 1rem;
  border-radius: var(--bd-rd-xxss);
  min-width: 440px;
  min-height: 180px;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (max-width: 700px) {
  /* line 4069, ../../sass/main/checkout.scss */
  .pay-background .pay-modal {
    min-width: 90%;
  }
}
/* line 4089, ../../sass/main/checkout.scss */
.pay-background .pay-modal .ct-md {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  align-items: center;
}
@media screen and (max-width: 500px) {
  /* line 4089, ../../sass/main/checkout.scss */
  .pay-background .pay-modal .ct-md {
    width: 100%;
  }
}
/* line 4099, ../../sass/main/checkout.scss */
.pay-background .pay-modal .ct-md .msg-pay {
  font-weight: 500;
  letter-spacing: 0.5px;
  white-space: normal;
}
@media screen and (max-width: 700px) {
  /* line 4099, ../../sass/main/checkout.scss */
  .pay-background .pay-modal .ct-md .msg-pay {
    width: 100%;
    text-align: center;
  }
}
/* line 4111, ../../sass/main/checkout.scss */
.pay-background .pay-modal .load-spinner {
  width: 50px;
  aspect-ratio: 1;
  border-radius: 50%;
  background: radial-gradient(farthest-side, #959595 94%, rgba(0, 0, 0, 0)) top/8px 8px no-repeat, conic-gradient(transparent 30%, #959595);
  -webkit-mask: radial-gradient(farthest-side, rgba(0, 0, 0, 0) calc(100% - 8px), #000000 0%);
  animation: l13 1s infinite linear;
}
@keyframes l13 {
  100% {
    transform: rotate(1turn);
  }
}