body {
  font-family: 'Poppins', sans-serif;
  margin: 0;
}

a {
  text-decoration: none;
  border: none;
}

/* Hide scrollbar for Chrome, Safari and Opera */
.hide-scrollbar::-webkit-scrollbar {
  display: none;
}

/* Hide scrollbar for IE, Edge */
.hide-scrollbar {
  -ms-overflow-style: none;
}

/* Hide scrollbar for Firefox */
.hide-scrollbar {
  scrollbar-width: none;
}

ol,
ul,
menu {
  list-style: none;
  margin: 0;
  padding: 0;
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6,
p {
  margin: 0;
}

button {
  border: none;
  outline: none;
}

img,
svg,
video,
canvas,
audio,
iframe,
embed,
object {
  display: block;
  vertical-align: middle;
}

.line-clamp-1 {
  display: -webkit-box;
  -webkit-line-clamp: 1;
  /* number of lines */
  -webkit-box-orient: vertical;
  overflow: hidden;
}

/* banners  */
.banner {
  width: 100%;
  height: auto;
  object-fit: cover;
  display: block;
}

/* Top Bar */
.top-bar {
  font-size: 14px;
  padding: 6px 0;
  overflow: hidden;
  position: relative;

}

.marquee {
  white-space: nowrap;
  display: inline-block;
  animation: marqueeMove 15s linear infinite;
}


@keyframes marqueeMove {
  0% {
    transform: translateX(0%);
  }

  100% {
    transform: translateX(-50%);
  }
}

/* Navbar */
.desktop-nav-hide {
  display: flex !important;
}

.mobile-nav-hide {
  display: none !important;
}

@media (max-width: 1111px) {
  .desktop-nav-hide {
    display: none !important;
  }

  .mobile-nav-hide {
    display: flex !important;

  }
}

.navbar {
  background: #fff;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);
}

.mobile-nav-text {
  color: #000;
  font-size: 13px;
  text-decoration: none;
  min-height: 50px;
  padding: 5px 0 5px 15px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  position: relative;
  opacity: 1;
  font-weight: 400;
  letter-spacing: 0.05em;
  text-transform: none;
}

.nav-link-text {
  color: #444;
  font-size: 12px;
  font-family: 'Poppins', sans-serif;
  font-weight: 700;
  text-transform: Uppercase;
  position: relative;
  line-height: 40px;
  padding: 0 15px;
  min-height: 55px;
  display: flex;
  align-items: center;
  text-decoration: none;
}

.nav-link-text:hover {
  color: #7e0f0d;
}


.nav-container {
  width: 100%;
  padding: 55px 0px;
  margin: auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 40px;
}


.menu-toggle {
  display: none;
  font-size: 28px;
  cursor: pointer;
}


#navMenu {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex: 1;
}

#navMenu ul {
  display: flex;
  justify-content: center;
  align-items: center;
  flex: 1;
  margin: 0px;
  padding: 0px;
  list-style: none;
}

/* MOBILE */

@media (max-width: 1111px) {
  #navMenu {
    display: none;
  }
}

@media (max-width:1111px) {

  .nav-menu {
    display: none;
  }

  .menu-toggle {
    display: block;
  }

}

/* OFFCANVAS */
.custom-mobile-menu {
  position: relative;
}

.custom-close {
  background-color: #183e40;
  position: absolute;
  top: 15px;
  right: -40px;
  cursor: pointer;
  width: 40px;
  height: 40px;
  opacity: 1;

  display: flex;
  justify-content: center;
  align-items: center;
}

.custom-close-btn {
  filter: invert(1);
  width: 14px;
  height: 14px;

  padding: 0;
  margin-right: 3px !important;
  background-size: 14px;
  background-position: center;
}

#mobileMenu {
  width: 90dvw;
  max-width: 400px;
  font-family: 'Poppins', sans-serif;
}

/* HEADER */

.offcanvas-header {
  border-bottom: 1px solid #eee;
  padding: 15px 20px;
}

.offcanvas-header img {
  height: 45px;
}

/* SEARCH */

.mobile-search {
  background: #f8f8f8;
}

.mobile-search i {
  font-size: 16px;
  color: #777;
  margin-right: 8px;
}

.mobile-search input {
  background: transparent;
}

/* MENU LINKS */

.mobile-links a {
  text-decoration: none;
  color: #333;
  font-weight: 500;
  font-size: 15px;
  padding: 10px 0;
  border-bottom: 1px solid #f1f1f1;
  transition: all 0.3s ease;
}

.mobile-links a:hover {
  color: #7e0f0d;
  padding-left: 6px;
}

/* ICONS */

.mobile-icons i {
  font-size: 20px;
  cursor: pointer;
  color: #333;
  transition: 0.3s;
}

.mobile-icons i:hover {
  color: #7e0f0d;
  transform: scale(1.15);
}

/* SPACING */

.offcanvas-body {
  padding: 20px;
}


/* Hero */
.hero-third-banner {
  display: block;
}

.hero-third-banner-copy {
  display: none;
}

@media (max-width: 767px) {
  .hero-third-banner {
    display: none;
  }

  .hero-third-banner-copy {
    display: block;
  }
}

.hero-section {
  background: linear-gradient(to right, #ffe6f0, #fff);
  padding: 0px 0;
  width: 100%;
}

.hero-text h1 {
  font-size: 42px;
  font-weight: 600;
  color: #7e0f0d;
}

.btn-buy {
  background: #7e0f0d;
  color: #fff;
  padding: 10px 25px;
  border-radius: 30px;
  border: none;
}

/* Section Title */
.section-title {
  text-align: center;
  margin: 20px 0px;
}

/* Categories */
.category-card img {
  width: 100%;
  border-radius: 12px;
}

.category-card p {
  text-align: center;
  margin-top: 10px;
  font-weight: 500;
}

/* Products */
.product-card {
  background: #fff;
  overflow: hidden;
  transition: 0.3s;
}


.product-card img {
  width: 100%;
  border-radius: 8px;
}

.product-image-wrap {
  position: relative;
  border-radius: 8px;
  overflow: hidden;
}

.product-actions {
  position: absolute;
  bottom: 12px;
  opacity: 0;
  transform: translateY(12px);
  transition: opacity 0.25s ease, transform 0.25s ease;
  pointer-events: none;
  z-index: 2;
  display: flex;
  justify-content: center;
  width: 100%;
}

/* .product-image-wrap:focus-within .product-actions */
.product-image-wrap:hover .product-actions {
  opacity: 1;
  transform: translateY(0);
  pointer-events: auto;
}

.action-buttons {
  display: flex;
  align-items: center;
  gap: 8px;
}

.action-btn {
  width: 40px;
  height: 40px;
  border: none;
  border-radius: 6px;
  background: #fff;
  color: #000;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 22px;
  cursor: pointer;
  position: relative;
  transition: transform 0.2s ease, background-color 0.2s ease, color 0.2s ease;
}

.action-btn:hover {
  background: #f75b5b;
  color: #fff;
}

.action-btn::after {
  content: attr(data-tooltip);
  position: absolute;
  left: 50%;
  bottom: calc(100% + 10px);
  transform: translateX(-50%);
  background: #000;
  color: #fff;
  font-size: 12px;
  font-family: 'Poppins', sans-serif;
  white-space: nowrap;
  padding: 5px 10px;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.2s ease;
  pointer-events: none;
}

.action-btn::before {
  content: "";
  position: absolute;
  left: 50%;
  bottom: calc(100% + 5px);
  transform: translateX(-50%);
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid #000;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.2s ease;
  pointer-events: none;
}

.action-btn:hover::after,
.action-btn:hover::before,
.action-btn:focus-visible::after,
.action-btn:focus-visible::before {
  opacity: 1;
  visibility: visible;
}


.product-info {
  margin-top: 15px;
  text-align: center;
}

.product-name {
  font-weight: 600;
  font-size: 12px;
  color: black;
  font-family: 'Poppins', sans-serif;
  margin-bottom: 5px;
}

.product-name:hover {
  color: #7e0f0d;
  cursor: pointer;
}

.price {
  font-weight: 600;
  font-size: 12px;
  font-family: 'Poppins', sans-serif;
  margin-bottom: 15px;
}

.btn-cart {
  background-color: #7e0f0d;
  color: #ffffff;
  width: 100%;
  height: 30px;
  padding: 10px 0;
  border: none;
  font-weight: 600;
  font-family: 'Poppins', sans-serif;
  position: relative;
  transition: all 0.3s ease;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 13px;
}

.custom-col-5 {
  flex: 0 0 50%;
  max-width: 50%;
}

@media (min-width: 768px) {
  .custom-col-5 {
    flex: 0 0 33.33%;
    max-width: 33.33%;
  }
}

@media (min-width: 1200px) {
  .custom-col-5 {
    flex: 0 0 20%;
    max-width: 20%;
  }
}

/* shine effect  */
.shine-wrapper {
  position: relative;
  overflow: hidden;
  display: inline-block;
}

.shine-wrapper img {
  display: block;
  width: 100%;
}

.shine-wrapper::before {
  content: "";
  position: absolute;
  top: 0;
  left: -100%;
  width: 2%;
  height: 100%;
  background: linear-gradient(120deg,
      rgba(255, 255, 255, 0) 0%,
      rgba(255, 255, 255, 0.4) 50%,
      rgba(255, 255, 255, 0) 100%);
  transform: skewX(-25deg);

  animation: shine 20s linear infinite;
}

@keyframes shine {
  0% {
    left: -100%;
  }

  20% {
    left: 125%;
  }

  100% {
    left: 125%;
  }
}

.hide-scrollbar {
  scrollbar-width: none;
  /* Firefox */
  -ms-overflow-style: none;
  /* IE & old Edge */
}

.hide-scrollbar::-webkit-scrollbar {
  display: none;
  /* Chrome, Safari, Edge */
}




/* Image Section */
.image-strip {
  background: #f2f2f2;
}

.img-box {
  position: relative;
  overflow: hidden;
}

.img-box img {
  width: 100%;
  border-radius: 4px;
}

.icon-circle {
  position: absolute;
  top: 10px;
  right: 10px;
  background: white;
  width: 35px;
  height: 35px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
}

/* Feature Bar */
.feature-bar {
  background: #8c0b0b;
  color: white;
  padding: 20px 0;
}

.feature-item h6 {
  font-weight: 700;
  margin-bottom: 5px;
  font-size: 14px;
  letter-spacing: 1px;
}

.feature-item p {
  margin: 0;
  font-size: 14px;
}

.border-line {
  border-left: 1px dotted rgba(255, 255, 255, 0.5);
  border-right: 1px dotted rgba(255, 255, 255, 0.5);
}



.footer-section {
  background: #8c0b0b;
  color: #fff;
}

.footer-block {
  display: flex;
  width: 100%;
  -ms-flex-align: stretch;
  align-items: stretch;
  flex-wrap: wrap;
  margin-bottom: -30px;
  padding: 50px 0px;
}

.footer-top-contain {
  display: flex;
  width: 100%;
  -ms-flex-align: stretch;
  align-items: stretch;
  flex-wrap: wrap;
  margin-bottom: -30px;
  padding: 50px 0;
}

.footer-top {
  display: flex;
  width: 100%;
  -ms-flex-align: stretch;
  align-items: stretch;
  flex-wrap: wrap;
  margin-bottom: -30px;
  margin-left: -30px;
  padding: 50px 0px;
}

.footer-top-item {
  flex: 0 0 auto;
  margin-bottom: 30px;
  padding-left: 30px;
  max-width: 100%;
}

.footer-top-item-nop {
  flex: 0 0 auto;
  margin-bottom: 30px;
  max-width: 100%;
}

@media (min-width: 768px) {

  .footer-first-section {
    width: 33.33333%;
  }

  .footer-second-section {
    width: 20%;
  }

  .footer-third-section {
    width: 20%;
  }

  .footer-subscribe-section {
    width: 25%;
  }

}

@media only screen and (max-width: 1024px) {
  .footer-first-section {
    width: 50%;
  }

  .footer-second-section {
    width: 50%;
  }

  .footer-third-section {
    width: 50%;
  }

  .footer-subscribe-section {
    width: 50%;
  }
}

.bottom-navbar {
  display: none;
}

@media only screen and (max-width: 766px) {
  body {
    padding-bottom: 56px;
  }

  .bottom-navbar {
    display: block;
  }

  .footer-first-section {
    width: 100% !important;
    padding: 12px 0;
    margin: 0;
  }

  .footer-second-section {
    width: 100% !important;
    padding: 12px 0;
    margin: 0;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
  }

  .footer-third-section {
    width: 100% !important;
    padding: 12px 0;
    margin: 0;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
  }

  .footer-subscribe-section {
    width: 100% !important;
    padding: 12px 0;
    margin: 0;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
  }
}

@media only screen and (max-width: 766px) {
  .footer-top {
    margin: 0;
    padding: 15px 0;
  }
}

.footer-logo {
  max-width: 150px;
}

.footer-text {
  font-size: 12px;
  font-family: 'Poppins', sans-serif;
  margin-bottom: 15px;
}

.footer-title {
  font-weight: 700;
  margin-bottom: 10px;
  font-size: 13px;
  letter-spacing: 1px;
  font-family: 'Poppins', sans-serif;
}

.footer-toggle {
  width: 100%;
  border: 0;
  background: transparent;
  color: #fff;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  text-align: left;
}

.footer-toggle i {
  display: none;
}

.footer-copyright-text {
  font-size: 12px;
  text-align: justify;
  font-family: 'Poppins', sans-serif;
}

@media(max-width:766px) {

  .footer-copyright-text {
    text-align: center;
  }

}

.commitment-section {
  flex: 0 0 auto;
  margin-bottom: 30px;
  padding-left: 30px;
  max-width: 100%;
}

@media only screen and (max-width: 766px) {
  .commitment-section {
    width: 100% !important;
    padding: 12px 0;
    margin: 0;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
  }
}

.footer-links {
  list-style: none;
  padding: 0;
  font-size: 12px;
  font-family: 'Poppins', sans-serif;
}

.footer-links li {
  margin-bottom: 7px;
  font-size: 12px;
  font-family: 'Poppins', sans-serif;
  font-weight: 500;
}

.footer-links a {
  color: #fff;
  text-decoration: none;
  font-size: 12px;
  font-family: 'Poppins', sans-serif;
}

.footer-links a:hover {
  text-decoration: underline;
}

@media only screen and (max-width: 766px) {
  .footer-collapsible .footer-toggle {
    margin-bottom: 0;
    padding: 8px 0;
  }

  .footer-collapsible .footer-toggle i {
    display: inline-block;
    transition: transform 0.25s ease;
  }

  .footer-collapsible .footer-links {
    max-height: 0;
    overflow: hidden;
    margin: 0;
    transition: max-height 0.28s ease;
  }

  .footer-collapsible.open .footer-links {
    max-height: 260px;
    margin-top: 8px;
  }

  .footer-collapsible.open .footer-toggle i {
    transform: rotate(180deg);
  }
}

.subscribe-form {
  display: flex;
  flex-direction: column;
  gap: 15px;
}

.subscribe-form input {
  color: #ffffff;
  background-color: #7e0f0d;
  margin-bottom: 10px;
  height: 38px;
  padding-top: 0;
  padding-bottom: 0;
  width: 100%;
  display: table-cell;
  vertical-align: middle;
  margin: 0;
  max-width: 450px;
  line-height: 1.2;
  padding: 8px 15px;
  font-size: 13px;
  font-family: var(--ft1);
  border: 1px solid #fff;
}

.subscribe-form input::placeholder {
  color: #ddd;
}

.subscribe-form button {
  font-size: 11px;
  color: #111;
  background-color: #ffffff;
  border: 1px solid transparent;
  width: fit-content;
  height: 38px;
  padding-top: 0;
  padding-bottom: 0;
  font-weight: 500;
  text-transform: uppercase;
  display: inline-block;
  text-decoration: none;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  line-height: 1;
  transition: all 0.3s ease-in-out;
  padding: 10px 24px;
  user-select: none;
  appearance: none;
  border-radius: 0;
  letter-spacing: 1px;
  font-family: 'Poppins', sans-serif;
}

.subscribe-form button:hover {
  border: 1px solid #ffffff;
  background: none;
  color: #ffffff;
}

.social-icons a {
  color: #fff;
  margin-right: 15px;
  font-size: 18px;
}

.payment-icons {
  display: flex;
}

.payment-icons img {
  height: 35px;
  margin-right: 5px;
  background: #fff;
  border-radius: 5px;
}


/* reviews */

.review-wrapper {
  overflow: auto;
  position: relative;
}

.review-track {
  display: flex;
  gap: 25px;
  width: max-content;
  animation: scrollReviews 60s linear infinite;
  animation-play-state: running;
}

.review-card {
  min-width: 400px;
  background: #f7f7f7;
  padding: 20px 25px;
  border-radius: 60px;
  display: flex;
  align-items: center;
  gap: 15px;
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.05);
}

.review-card img {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  object-fit: cover;
}

.review-card h6 {
  margin: 0;
  font-weight: 600;
}

.review-card p {
  margin: 0;
  font-size: 14px;
  color: #555;
}

.stars {
  color: #f4a100;
  font-size: 14px;
  margin-left: 5px;
}

/* Right to Left Animation */
@keyframes scrollReviews {
  0% {
    transform: translateX(0);
  }

  100% {
    transform: translateX(-50%);
  }
}

.review-track:hover {
  animation-play-state: paused;
}

.zoom-up {
  transition: transform 0.3s ease;
}

.zoom-up:hover {
  transform: scale(1.05);
}

/* pujo form  */
.puja-card {
  background: white;
  border-radius: 30px;
  padding: 20px;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
}

/* Tabs */

.puja-tabs {
  display: flex;
  gap: 30px;
  border-bottom: 1px solid #eee;
  padding-bottom: 10px;
  margin-bottom: 15px;
  flex-wrap: wrap;
}

.puja-tabs span {
  font-weight: 500;
  cursor: pointer;
  color: #555;
}

.puja-tabs span.active {
  color: #d11a2a;
  border-bottom: 2px solid #d11a2a;
  padding-bottom: 6px;
}

/* Form */

.puja-form {
  display: flex;
  gap: 15px;
  flex-wrap: wrap;
  align-items: center;
}

.puja-input {
  flex: 1;
  min-width: 180px;
  background: #f7f7f7;
  border-radius: 30px;
  padding: 10px 15px;
  display: flex;
  align-items: center;
  gap: 10px;
}

.puja-input input {
  border: none;
  background: transparent;
  outline: none;
  width: 100%;
}

.puja-btn {
  background: black;
  color: white;
  border: none;
  padding: 12px 28px;
  border-radius: 30px;
  font-weight: 600;
}

/* Mobile */

@media(max-width:768px) {

  .puja-form {
    flex-direction: column;
    align-items: stretch;
  }

  .puja-btn {
    width: 100%;
  }

}

/* pujo form  */

/* shop by budget  */
.budget-section {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  width: fit-content;
  margin: auto;
}

.budget {
  width: 100%;
  aspect-ratio: 1/1;
  object-fit: cover;
}

/* mobile */
@media (max-width:767.98px) {
  .budget-section {
    grid-template-columns: repeat(3, 1fr);
  }
}

/* shop by budget  */


/* instagram  */

.instagram-row {
  display: flex;
  gap: 16px;
}

.insta-card {
  position: relative;
  flex: 0 0 16.6667%;
  padding: 0 7.5px 15px;
  aspect-ratio: auto 2430 / 2430;
  cursor: pointer;
}

.insta-card img {
  width: 100%;
  aspect-ratio: 1/1;
  object-fit: cover;
  display: block;
}

.insta-icon {
  position: absolute;
  top: 12px;
  right: 12px;
  background: white;
  width: 35px;
  height: 35px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
}

@media (max-width:1024px) {
  .insta-card {
    flex: 0 0 33.333%;
  }
}

@media (max-width:767px) {
  .insta-card {
    flex: 0 0 50%;
  }
}

.insta-arrow {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background: white;
  border: none;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  box-shadow: 0 3px 8px rgba(0, 0, 0, .15);
  display: none;
  align-items: center;
  justify-content: center;
  z-index: 50;
}

.video-review-last {
  aspect-ratio: 9/16;
  border-radius: 5px;
  flex-shrink: 0;
  margin-bottom: 8px;
  flex: 1 0 0;
}

.video-review {
  aspect-ratio: 9/16;
  border-radius: 5px;
  flex-shrink: 0;
  margin-bottom: 8px;
  margin-right: 16px;
  flex: 1 0 0;
}

@media (min-width: 1024px) {
  .video-review {

    margin-bottom: 16px;
    margin-right: 8px;
  }

  .video-review-last {
    margin-bottom: 16px;

  }

}

/* mobile */
.video-review {
  width: calc(50% - 8px);
}

.video-review-last {
  width: calc(50% - 8px);


}

/* tablet */
@media (min-width:768px) {
  .video-review {
    width: calc(25% - 12px);
  }

  .video-review-last {
    width: calc(25% - 12px);
  }
}



/* desktop */
@media (min-width:1024px) {
  .video-review {
    width: calc(16.666% - 14px);
  }

  .video-review-last {
    width: calc(16.666% - 14px);
  }
}

.video-review-page-width {
  margin: 0 auto;
  padding-left: 15px;
  padding-right: 15px;
  padding-top: 27px;
  padding-bottom: 27px;
  max-width: 1600px;
}

@media only screen and (min-width: 766px) {
  .video-review-page-width {
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 36px;
    padding-bottom: 36px;
  }
}

/* dynamic product */
@media screen and (min-width: 1024px) {
  .dynamic-product-main-container {
    align-items: start;
    display: flex;
    justify-content: center;
    flex-wrap: nowrap;
    flex-direction: row;
    column-gap: 2.5rem;
  }
}

.product-main-container {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
}

@media screen and (min-width: 1024px) {
  .product-main-container {
    padding-block-start: 1rem;
    width: 100%;
    max-width: 1200px;
    position: relative;
    align-items: start;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex-wrap: nowrap;
    column-gap: 2.5rem;
  }
}

.te-uwbyuqatv0jugqw4daj7b4wr {
  position: relative;
}

@media screen and (min-width: 1024px) {
  .pdp-main-product-block-new-ui-8-with-popup__gallery {
    flex-grow: 1;
    max-width: 600px;
  }
}

@media screen and (min-width: 1024px) {
  .te-f8jrfo6osm5hekrrkyj0e44r {
    margin-inline-start: 70px;
    width: 100%;
    max-width: 600px;
    position: sticky;
    inset-block-start: 5rem;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
  }
}

.te-h9f8ikujef0hje6wuckg6wpu {
  width: 100%;
}

@media screen and (min-width: 1024px) {
  .te-h9f8ikujef0hje6wuckg6wpu {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
  }
}


.embla {
  position: relative;
}

.embla__viewport {
  overflow: hidden;
}

.embla__container {
  display: flex;
  transform: translate3d(0px, 0px, 0px);
}

.embla__slide {
  flex: 0 0 100%;
  min-width: 0;
  transform: translate3d(0px, 0px, 0px);
}

/* PDP main gallery: slide + fade on media change (applied via JS classes) */
.pdp-gallery-carousel-fopc__stage {
  position: relative;
  overflow: hidden;
  width: 100%;
  aspect-ratio: 1 / 1;
}

.pdp-gallery-carousel-fopc__stage .pdp-gallery-carousel-fopc__media--animated {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  transform: translateX(0%);
  opacity: 1;
  will-change: transform, opacity;
}

.pdp-gallery-carousel-fopc__media--anim-in-next {
  animation: pdpMediaSlideInNext 0.7s cubic-bezier(0.22, 1, 0.36, 1) forwards;
}

.pdp-gallery-carousel-fopc__media--anim-in-prev {
  animation: pdpMediaSlideInPrev 0.7s cubic-bezier(0.22, 1, 0.36, 1) forwards;
}

.pdp-gallery-carousel-fopc__media--anim-out-next {
  animation: pdpMediaSlideOutNext 0.7s cubic-bezier(0.22, 1, 0.36, 1) forwards;
}

.pdp-gallery-carousel-fopc__media--anim-out-prev {
  animation: pdpMediaSlideOutPrev 0.7s cubic-bezier(0.22, 1, 0.36, 1) forwards;
}

@keyframes pdpMediaSlideInNext {
  0% {
    transform: translateX(110%);
  }

  100% {
    transform: translateX(0%);
  }
}

@keyframes pdpMediaSlideInPrev {
  0% {
    transform: translateX(-110%);
  }

  100% {
    transform: translateX(0%);
  }
}

@keyframes pdpMediaSlideOutNext {
  0% {
    transform: translateX(0%);
  }

  100% {
    transform: translateX(-110%);
  }
}

@keyframes pdpMediaSlideOutPrev {
  0% {
    transform: translateX(0%);
  }

  100% {
    transform: translateX(110%);
  }
}

@media (prefers-reduced-motion: reduce) {

  .pdp-gallery-carousel-fopc__media--anim-in-next,
  .pdp-gallery-carousel-fopc__media--anim-in-prev,
  .pdp-gallery-carousel-fopc__media--anim-out-next,
  .pdp-gallery-carousel-fopc__media--anim-out-prev {
    animation: none !important;
  }
}

.te-yhs1ol6xwya6o5dcxqiejfsl {
  align-items: center;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: start;
}

@media screen and (min-width: 1024px) {
  .te-yhs1ol6xwya6o5dcxqiejfsl {
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
  }
}

.te-imo853hisbppagnkl82onn81 {
  width: 100%;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
}

@media screen and (min-width: 1024px) {
  .te-imo853hisbppagnkl82onn81 {
    border-start-start-radius: 1rem;
    border-start-end-radius: 1rem;
    border-end-start-radius: 1rem;
    border-end-end-radius: 1rem;
    width: 100%;
    overflow-x: hidden;
    overflow-y: hidden;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
  }
}


.pdp-gallery-carousel-fopc__prev {
  top: 50%;
  left: 0;
  position: absolute;
  transform: translateY(-50%);
  transition: .1s linear;
}

.te-zw5dba8phy1opxes9pst50y2 {
  background-color: #d5d5d5;
  border-start-start-radius: 999px;
  border-start-end-radius: 999px;
  border-end-start-radius: 999px;
  border-end-end-radius: 999px;
  width: 40px;
  height: 40px;
  position: absolute;
  opacity: .8;
  align-items: center;
  display: flex;
  justify-content: center;
  flex-wrap: nowrap;
  flex-direction: row;
}


@media screen and (min-width: 1024px) {

  .te-kau29jotrhu34f2clp4bkg9s,
  .te-zw5dba8phy1opxes9pst50y2 {
    width: 52px;
    height: 52px;
    opacity: .5;
  }
}


button,
[role='button'] {
  cursor: pointer;
}

a,
button,
input:where([type='button']),
input:where([type='reset']),
input:where([type='submit']) {
  -webkit-appearance: button;
  background-color: transparent;
  background-image: none;
  outline: none;
}

button,
select {
  text-transform: none;
}

button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  font-feature-settings: inherit;
  font-variation-settings: inherit;
  font-size: 100%;
  font-weight: inherit;
  line-height: inherit;
  letter-spacing: inherit;
  color: inherit;
  margin: 0;
  padding: 0;
}

.te-xtkb2112yq6h01wow3h6rppf {
  padding-inline-start: var(--spacing-4);
  padding-inline-end: var(--spacing-4);
  position: absolute;
  inset-inline-start: 0;
  inset-inline-end: 0;
  inset-block-end: var(--spacing-4);
}

@media screen and (min-width: 1024px) {
  .te-xtkb2112yq6h01wow3h6rppf {
    display: none;
  }
}

.te-oumrr1y5u5o7h6npk3psskau {
  display: none;
}

@media screen and (min-width: 1024px) {
  .te-oumrr1y5u5o7h6npk3psskau {
    max-height: 550px;
    position: absolute;
    inset-inline-start: -70px;
    inset-block-start: 0;
    inset-block-end: 0;
    display: block;
  }
}

.te-blits33kl8u30q1z82mdvoox {
  display: flex;
  flex-direction: row-reverse;
  flex-wrap: nowrap;
}

@media screen and (min-width: 1024px) {
  .te-blits33kl8u30q1z82mdvoox {
    height: 600px;
    align-items: start;
    display: flex;
    flex-direction: column;
    justify-content: start;
    flex-wrap: nowrap;
    row-gap: 6px;
  }
}

@media screen and (min-width: 1024px) {
  .te-eahl1leod6dd7q9m8y4gcdbw {
    height: 100%;
  }
}

.pdp-carousel-slider-dt__carousel .embla__container {
  flex-direction: column;
  gap: 0.625rem;
  height: 100%;
}

.pdp-carousel-slider-dt__carousel .embla__slide {
  flex: 0 0 auto;
}

@media screen and (min-width: 1024px) {
  .te-cqcg3dq9k89e3492y3rv70ce {
    width: 60px;
    height: 60px;
  }
}

.pdp-carousel-slider-dt__thumb {
  object-fit: cover;
}

.pdp-gallery-carousel-fopc__next {
  top: 50%;
  right: 0;
  position: absolute;
  transform: translateY(-50%);
  transition: .1s linear;
}

.te-kau29jotrhu34f2clp4bkg9s {
  background-color: #d5d5d5;
  border-start-start-radius: 999px;
  border-start-end-radius: 999px;
  border-end-start-radius: 999px;
  border-end-end-radius: 999px;
  width: 40px;
  height: 40px;
  position: absolute;
  opacity: .8;
  align-items: center;
  display: flex;
  justify-content: center;
  flex-wrap: nowrap;
  flex-direction: row;
}

@media screen and (min-width: 1024px) {

  .te-kau29jotrhu34f2clp4bkg9s,
  .te-zw5dba8phy1opxes9pst50y2 {
    width: 52px;
    height: 52px;
    opacity: .5;
  }
}



/* product details  */
@media screen and (min-width: 1024px) {
  .te-vqrvcqah64i901d0e2tr9y1x {
    width: 100%;
    max-width: 480px;
  }
}

@media screen and (min-width: 1024px) {
  .te-wvamdcqsjuhgs7975b7j0mau {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
  }
}

.te-gxzb65oqfcc6cqlno790205g {
  padding-inline-start: 1.25rem;
  padding-inline-end: 1.25rem;
  padding-block-start: 1.25rem;
  padding-block-end: 1.25rem;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  row-gap: 1.25rem;
}

@media screen and (min-width: 1024px) {
  .te-gxzb65oqfcc6cqlno790205g {
    padding-block-start: 0;
    padding-block-end: 0;
    padding-inline-start: 0;
    padding-inline-end: 0;
    width: 100%;
  }
}

.te-fwpmrupoyizjwo1090rsdk7u {
  width: 100%;
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  flex-direction: row;
  column-gap: 0.75rem;
}

.te-w16irxtat4yh553tnq3edgi0 {
  padding-block-start: 0.375rem;
  padding-block-end: 0.375rem;
  padding-inline-start: 0.5rem;
  padding-inline-end: 0.5rem;
  border-block-start-width: 1px;
  border-block-end-width: 1px;
  border-inline-start-width: 1px;
  border-inline-end-width: 1px;
  border-block-start-style: solid;
  border-block-end-style: solid;
  border-inline-start-style: solid;
  border-inline-end-style: solid;
  border-block-start-color: rgba(221, 221, 221, 1);
  border-block-end-color: rgba(221, 221, 221, 1);
  border-inline-start-color: rgba(221, 221, 221, 1);
  border-inline-end-color: rgba(221, 221, 221, 1);
  border-start-start-radius: 0.5rem;
  border-start-end-radius: 0.5rem;
  border-end-start-radius: 0.5rem;
  border-end-end-radius: 0.5rem;
  align-items: center;
  display: flex;
  justify-content: center;
  flex-wrap: nowrap;
  flex-direction: row;
  column-gap: 0.25rem;
}

@media screen and (min-width: 1024px) {
  .te-w16irxtat4yh553tnq3edgi0 {
    padding-block-start: 0.5rem;
    padding-inline-start: 0.375rem;
    padding-inline-end: 0.375rem;
    padding-block-end: 0.5rem;
  }
}



.te-gzrwky16qmcvnu2vdnwxtmia {
  font-weight: 500;
  font-size: 14px;
  line-height: 120%;
  letter-spacing: 0;
  font-family: Outfit, 'Segoe UI', sans-serif;
}

.te-krs7cds3oasrfqhwl7vs3qko {
  padding-block-start: 0.5rem;
  padding-block-end: 0.5rem;
  padding-inline-start: 0.5rem;
  padding-inline-end: 0.5rem;
  border-block-start-width: 1px;
  border-block-end-width: 1px;
  border-inline-start-width: 1px;
  border-inline-end-width: 1px;
  border-block-start-style: solid;
  border-block-end-style: solid;
  border-inline-start-style: solid;
  border-inline-end-style: solid;
  border-block-start-color: rgba(240, 240, 240, 1);
  border-block-end-color: rgba(240, 240, 240, 1);
  border-inline-start-color: rgba(240, 240, 240, 1);
  border-inline-end-color: rgba(240, 240, 240, 1);
  border-start-start-radius: 999px;
  border-start-end-radius: 999px;
  border-end-start-radius: 999px;
  border-end-end-radius: 999px;
  align-items: center;
  display: block;
  justify-content: center;
}

.te-vteqbbm5aeii9pcu38uked8t {
  align-items: start;
  display: flex;
  justify-content: space-between;
  flex-wrap: nowrap;
  flex-direction: row;
  column-gap: 0.5em;
}

.te-o4uxp7hzj82izcc0e2cxo6d5 {
  font-weight: 600;
  font-size: 28px;
  line-height: 100%;
  letter-spacing: 0;
  font-family: Outfit;
}

@media screen and (min-width: 1024px) {
  .te-o4uxp7hzj82izcc0e2cxo6d5 {
    font-weight: 600;
    font-size: 32px;
    line-height: 100%;
    letter-spacing: 0;
    font-family: Outfit;
  }
}



.te-pyvkct6kwvgb6o70nurr4ejw {
  padding-inline-start: 0.25rem;
  padding-inline-end: 0.25rem;
  padding-block-end: 0.25rem;
  padding-block-start: 0.25rem;
  border-block-start-width: 1px;
  border-block-end-width: 1px;
  border-inline-start-width: 1px;
  border-inline-end-width: 1px;
  border-block-start-style: solid;
  border-block-end-style: solid;
  border-inline-start-style: solid;
  border-inline-end-style: solid;
  border-block-start-color: rgba(240, 240, 240, 1);
  border-block-end-color: rgba(240, 240, 240, 1);
  border-inline-start-color: rgba(240, 240, 240, 1);
  border-inline-end-color: rgba(240, 240, 240, 1);
  border-start-start-radius: 18px;
  border-start-end-radius: 18px;
  border-end-start-radius: 18px;
  border-end-end-radius: 18px;
  align-items: start;
  display: flex;
  flex-direction: column;
  justify-content: start;
  flex-wrap: nowrap;
}

.te-lj82km4twdur4q7u664ahon7 {
  padding-inline-end: 0;
  padding-block-start: 14px;
  padding-inline-start: 14px;
  padding-block-end: 14px;
  border-start-start-radius: 20px;
  border-start-end-radius: 20px;
  width: 100%;
  display: flex;
  justify-content: space-between;
  flex-wrap: nowrap;
  flex-direction: row;
}

@media screen and (min-width: 1024px) {
  .te-lj82km4twdur4q7u664ahon7 {
    width: 100%;
    max-height: 49px;
  }
}



.te-fkd823be9yhqzt4dk2yuc9na {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  row-gap: 0.25rem;
}

@media screen and (min-width: 1024px) {
  .te-fkd823be9yhqzt4dk2yuc9na {
    align-items: center;
    display: flex;
    flex-direction: row;
    justify-content: start;
    flex-wrap: nowrap;
    row-gap: 0.25rem;
    column-gap: 0.375rem;
  }
}



.te-yyu2uut89jxzoqb1k6p8xfxq {
  align-items: center;
  display: inline-flex;
  flex-wrap: wrap;
  justify-content: start;
}

.te-yhc795aqtl8vradge6wzxw7b {
  color: rgba(188, 188, 188, 1);
  font-weight: 300;
  font-size: 12px;
  line-height: 120%;
  letter-spacing: 0;
  font-family: Outfit;
}

@media screen and (min-width: 1024px) {
  .te-yhc795aqtl8vradge6wzxw7b {
    padding-inline-start: 0.5rem;
    color: rgba(188, 188, 188, 1);
    font-weight: 300;
    font-size: 14px;
    line-height: 120%;
    letter-spacing: 0;
    font-family: Outfit, 'Segoe UI', sans-serif;
  }
}

.te-xgt41rqr9wbg1bd83mi3tjau {
  margin-inline-end: 12px;
  font-weight: 600;
  font-size: 24px;
  line-height: 120%;
  letter-spacing: 0;
  font-family: Outfit, 'Segoe UI', sans-serif;
}

@media screen and (min-width: 1024px) {
  .te-xgt41rqr9wbg1bd83mi3tjau {
    font-weight: 600;
    font-size: 24px;
    line-height: 120%;
    letter-spacing: 0;
    font-family: Outfit, 'Segoe UI', sans-serif;
  }
}

.te-uth0ilzxnosjds028ocpkkrd {
  margin-inline-end: 4px;
  color: rgba(126, 126, 126, 1);
  font-weight: 300;
  font-size: 14px;
  line-height: 120%;
  letter-spacing: 0;
  font-family: Outfit, 'Segoe UI', sans-serif;
}

@media screen and (min-width: 1024px) {
  .te-uth0ilzxnosjds028ocpkkrd {
    font-weight: 400;
    font-size: 16px;
    line-height: 120%;
    letter-spacing: 0;
    font-family: Outfit, 'Segoe UI', sans-serif;
  }
}


.te-etgbm7v94mqsfxxkhal1ij7u {
  margin-inline-end: 12px;
  color: rgba(126, 126, 126, 1);
  font-weight: 400;
  text-decoration: line-through;
  font-size: 14px;
  line-height: 120%;
  letter-spacing: 0;
  font-family: Outfit, 'Segoe UI', sans-serif;
}

@media screen and (min-width: 1024px) {
  .te-etgbm7v94mqsfxxkhal1ij7u {
    color: rgba(126, 126, 126, 1);
    font-weight: 400;
    text-decoration: line-through;
    font-size: 18px;
    line-height: 120%;
    letter-spacing: 0;
    font-family: Outfit, 'Segoe UI', sans-serif;
  }
}


.te-dcmjfu7kq83afof2frzdnfh8 {
  padding-inline-start: 5px;
  padding-inline-end: 5px;
  padding-block-start: 0.25rem;
  padding-block-end: 0.25rem;
  color: rgba(255, 255, 255, 1);
  background-color: #168117;
  border-start-start-radius: 7px;
  border-start-end-radius: 7px;
  border-end-start-radius: 7px;
  border-end-end-radius: 7px;
  align-items: center;
  display: flex;
  flex-direction: row;
  justify-content: center;
  flex-wrap: nowrap;
}

.te-uu2iteaufqm8lpv3vw3v4qkf {
  font-weight: 500;
  font-size: 13px;
  line-height: 100%;
  letter-spacing: -2.5%;
  font-family: Outfit;
}

@media screen and (min-width: 1024px) {
  .te-vppjawbl2351heqw8oga6lg0 {
    padding-block-start: 0;
  }
}

@media screen and (min-width: 1024px) {
  .te-rtrv6fwqko8ql4xs24v7iczs {
    width: 100%;
  }
}

@media screen and (min-width: 1024px) {
  .te-tp6qxchhhauddxttcjch0zso {
    cursor: default;
  }
}

.te-c2qvifgo4axwr3a7j1dbr0xz {
  padding-block-start: 0.75rem;
  padding-block-end: 0.75rem;
  padding-inline-start: 0.75rem;
  padding-inline-end: 0.75rem;
  color: rgba(0, 0, 0, 1);
  background-color: rgba(255, 255, 255, 1);
  border-block-start-width: 1px;
  border-block-end-width: 1px;
  border-inline-start-width: 1px;
  border-inline-end-width: 1px;
  border-block-start-style: solid;
  border-block-end-style: solid;
  border-inline-start-style: solid;
  border-inline-end-style: solid;
  border-block-start-color: rgba(240, 240, 240, 1);
  border-block-end-color: rgba(240, 240, 240, 1);
  border-inline-start-color: rgba(240, 240, 240, 1);
  border-inline-end-color: rgba(240, 240, 240, 1);
  border-start-start-radius: 14px;
  border-start-end-radius: 14px;
  border-end-start-radius: 14px;
  border-end-end-radius: 14px;
  box-shadow: none;
  align-items: center;
  display: flex;
  justify-content: space-between;
  flex-wrap: nowrap;
  flex-direction: row;
  column-gap: 0.25rem;
}

@media screen and (min-width: 1024px) {
  .te-c2qvifgo4axwr3a7j1dbr0xz {
    align-items: center;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex-wrap: nowrap;
    column-gap: 0.25rem;
  }
}

.te-s6jqixo5zgh3vjrtlp08l8ny {
  align-items: start;
  display: flex;
  justify-content: start;
  flex-wrap: nowrap;
  flex-direction: row;
  column-gap: 0.5rem;
}


@media screen and (min-width: 1024px) {
  .te-s6jqixo5zgh3vjrtlp08l8ny {
    align-items: start;
    display: flex;
    justify-content: start;
    flex-wrap: nowrap;
    flex-direction: row;
    column-gap: 0.75rem;
  }
}


.te-dqygvzmwc5t9wixiw9j0kwqf {
  line-height: 100%;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  row-gap: 0.75rem;
  column-gap: 0.25rem;
}

.te-a9zubg5irrgrzzo2rrvhch7g {
  font-size: 16px;
  display: flex;
  flex-wrap: nowrap;
  flex-direction: row;
  column-gap: 0.25rem;
}

.te-ihcfse0kbf2xkdfyjg0lgobx {
  color: #7e7e7e;
  text-align: center;
  font-size: 16px;
  font-family: Outfit;
}

.te-m6mu3bc8kc1c1kgz9unj3abk {
  color: #101820;
  font-weight: 700;
  text-align: center;
  font-size: 16px;
  font-family: Outfit;
}

.te-cm4bighnkdd0cdperz6wxnst {
  color: #bcbcbc;
  font-size: 12px;
  line-height: 100%;
  cursor: pointer;
  display: flex;
  flex-wrap: nowrap;
  flex-direction: row;
  column-gap: 0.25rem;
}

@media screen and (min-width: 1024px) {
  .te-cm4bighnkdd0cdperz6wxnst {
    padding-inline-end: 0.25rem;
    display: flex;
    flex-wrap: nowrap;
    flex-direction: row;
    column-gap: 0.25rem;
  }
}



.te-zsa0o43a0iqtqmbefl892gtj {
  font-weight: 300;
  text-align: center;
  font-family: Outfit;
  cursor: default;
}

.te-f4ruzd0j29hqw14lbdnlw1pf {
  font-weight: 500;
  text-align: center;
  font-family: Outfit;
}

.te-pckjjnphrcvdb060y3j5qzjw {
  padding-inline-start: 0.75rem;
  padding-block-start: 0.75rem;
  padding-block-end: 0.75rem;
  padding-inline-end: 0.75rem;
  color: rgba(255, 255, 255, 1);
  line-height: 100%;
  font-family: Outfit;
  background-color: #131313;
  border-start-start-radius: 10px;
  border-start-end-radius: 10px;
  border-end-start-radius: 10px;
  border-end-end-radius: 10px;
  box-shadow: 0 5px 5px 2px rgba(0, 0, 0, .05);
  align-items: center;
  display: flex;
  justify-content: start;
  flex-wrap: nowrap;
  flex-direction: row;
  column-gap: 0.25rem;
}


/* see it in action  */
@media screen and (min-width: 1024px) {
  .video-collection-pdp {
    --slide-size: 360px;
    --slide-height: 700px;
  }
}

@media screen and (min-width: 1024px) {
  .te-jeqgyoh9ehlh2dg0pdd0mjko {
    align-items: center;
    display: flex;
    justify-content: center;
    flex-wrap: nowrap;
    flex-direction: row;
  }
}

.te-jeqgyoh9ehlh2dg0pdd0mjko {
  background-color: rgba(247, 247, 247, 1);
  width: 100%;
}

.te-kpy18ckqls3dzdjr9n5wqfa5 {
  padding-block-start: 1.25rem;
  padding-block-end: 1.25rem;
  width: 100%;
}

@media screen and (min-width: 1024px) {
  .te-kpy18ckqls3dzdjr9n5wqfa5 {
    padding-block-start: 3rem;
    padding-block-end: 3rem;
    width: 100%;
    max-width: 1200px;
  }
}

.te-gb3m3i2nztelsno80ap97czt {
  padding-inline-start: 1.5rem;
  padding-inline-end: 1.5rem;
  font-weight: 500;
  font-size: 28px;
  line-height: 100%;
  letter-spacing: 0;
  font-family: Outfit, 'Segoe UI', sans-serif;
}

@media screen and (min-width: 1024px) {
  .te-gb3m3i2nztelsno80ap97czt {
    padding-inline-start: 0;
    font-weight: 500;
    font-size: 32px;
    line-height: 100%;
    letter-spacing: 0;
    font-family: Outfit, 'Segoe UI', sans-serif;
  }
}

.te-d173ykmbl4dxugxn7clt4h8w {
  padding-inline-start: 1.25rem;
  padding-inline-end: 1.25rem;
  padding-block-start: 1.25rem;
  padding-block-end: 1.25rem;
  width: 100%;
  overflow-y: auto;
  display: flex;
  flex-wrap: nowrap;
  flex-direction: row;
  column-gap: 1.25rem;
}

@media screen and (min-width: 1024px) {
  .te-d173ykmbl4dxugxn7clt4h8w {
    padding-block-start: 2.5rem;
    padding-block-end: 2.5rem;
    padding-inline-start: 0;
    padding-inline-end: 0;
    width: 100%;
    overflow-y: auto;
  }
}


.te-ne7qrtiwwkemxgg6ks086jih {
  width: 280px;
  height: 100%;
  min-width: 280px;
  max-width: 280px;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
}

@media screen and (min-width: 1024px) {
  .te-ne7qrtiwwkemxgg6ks086jih {
    width: 360px;
  }
}

.video-collection-pdp__video {
  --squircle-smooth: 0.8;
  --squircle-radius: 16px;
}



.video-collection-pdp video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  border-radius: 16px;
}

.te-utz99mm8v7labrslrdk7r45p {
  background-color: rgba(255, 255, 255, 1);
  border-start-start-radius: 1rem;
  border-start-end-radius: 1rem;
  z-index: 1;
  position: relative;
}

@media screen and (min-width: 1024px) {
  .te-utz99mm8v7labrslrdk7r45p {
    border-start-start-radius: 1.5rem;
    border-start-end-radius: 1.5rem;
  }
}

.te-cc51cn4zqwlodxjwourm37v1 {
  padding-block-start: 20px;
  padding-block-end: 20px;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  row-gap: 2rem;
}

@media screen and (min-width: 1024px) {
  .te-cc51cn4zqwlodxjwourm37v1 {
    margin-inline-start: auto;
    margin-inline-end: auto;
    padding-block-end: 1.5rem;
    padding-block-start: 95px;
    max-width: 1200px;
  }
}



.product-highlight-fragment-v26__carousel .embla__slide {
  flex: 0 0 353px;
}

.product-highlight-fragment-v26__carousel .embla__container {
  flex-direction: row;
  gap: 8px;
  height: 100%;
}

@media screen and (min-width: 1024px) {
  .te-j4hmlfayhh68np6qn8eyd059 {
    max-width: 353px;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    row-gap: 14px;
  }
}

.te-us4zc9dz6594q9cvtwuhngot {
  padding-inline-start: 20px;
  padding-inline-end: 20px;
  font-weight: 400;
  font-size: 14px;
  line-height: 130%;
  letter-spacing: 0;
  font-family: Outfit;
}

@media screen and (min-width: 1024px) {
  .te-us4zc9dz6594q9cvtwuhngot {
    font-weight: 400;
    font-size: 16px;
    line-height: 130%;
    letter-spacing: 0;
    font-family: Outfit;
  }
}



.te-dleage2tzew7hy08ofye0oai {
  align-items: start;
  display: flex;
  flex-direction: row;
  justify-content: center;
  flex-wrap: nowrap;
  column-gap: 10px;
}

@media screen and (min-width: 1024px) {
  .te-htu02w8o83immenasgjizz91 {
    padding-inline-end: 1.25rem;
    width: 100%;
    max-width: 1200px;
    position: absolute;
    inset-block-start: 2rem;
    align-items: center;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex-wrap: nowrap;
  }
}

.te-uffjit9ia88j6k9bctbv0lko {
  padding-inline-start: 1.25rem;
  padding-inline-end: 1.25rem;
  color: #131313;
  font-weight: 500;
  font-size: 24px;
  line-height: 140%;
  letter-spacing: 0;
  font-family: Outfit, 'Segoe UI', sans-serif;
}

@media screen and (min-width: 1024px) {
  .te-uffjit9ia88j6k9bctbv0lko {
    padding-block-end: 0;
    padding-block-start: 0;
    padding-inline-start: 0;
    color: #131313;
    font-weight: 500;
    font-size: 36px;
    line-height: 120%;
    letter-spacing: 0;
    font-family: Outfit, 'Segoe UI', sans-serif;
  }
}

.te-xcr942nbf3hkt7199os2f2k7 {
  padding-inline-start: 10px;
  padding-inline-end: 20px;
  background-color: rgba(255, 255, 255, 1);
  position: absolute;
  inset-inline-end: 0;
  inset-block-start: 32px;
  align-items: center;
  display: flex;
  justify-content: start;
  flex-wrap: nowrap;
  flex-direction: row;
  column-gap: 3.75px;
}

@media screen and (min-width: 1024px) {
  .te-xcr942nbf3hkt7199os2f2k7 {
    padding-inline-start: 10px;
    padding-inline-end: 0;
    background-color: rgba(255, 255, 255, 1);
    position: static;
  }
}


.te-xv4apsq2jaqzz5bjap8z0eiq {
  background-color: #f7f7f7;
  border-start-start-radius: 715px;
  border-start-end-radius: 715px;
  border-end-start-radius: 715px;
  border-end-end-radius: 715px;
  width: 30px;
  height: 30px;
  align-items: center;
  display: flex;
  justify-content: center;
  flex-wrap: nowrap;
  flex-direction: row;
}

.te-nur1kcfzlxx5iuem00mpbmws {
  background-color: #f7f7f7;
  border-start-start-radius: 714px;
  border-start-end-radius: 714px;
  border-end-start-radius: 714px;
  border-end-end-radius: 714px;
  width: 30px;
  height: 30px;
  align-items: center;
  display: flex;
  justify-content: center;
  flex-wrap: nowrap;
  flex-direction: row;
}

@media screen and (min-width: 1024px) {

  .te-nur1kcfzlxx5iuem00mpbmws,
  .te-xv4apsq2jaqzz5bjap8z0eiq {
    width: 38px;
    height: 38px;
  }
}



.te-bsfq2wl6sagueydikus9zx9t {
  background-color: #f7f7f7;
  border-block-start-width: 1px;
  border-block-end-width: 1px;
  border-inline-start-width: 1px;
  border-inline-end-width: 1px;
  border-block-start-style: solid;
  border-block-end-style: solid;
  border-inline-start-style: solid;
  border-inline-end-style: solid;
  border-block-start-color: rgba(234, 234, 234, 1);
  border-block-end-color: rgba(234, 234, 234, 1);
  border-inline-start-color: rgba(234, 234, 234, 1);
  border-inline-end-color: rgba(234, 234, 234, 1);
  border-start-start-radius: 32px;
  border-start-end-radius: 32px;
  border-end-start-radius: 32px;
  border-end-end-radius: 32px;
  width: 100%;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
}

/* reviews  */
@media screen and (min-width: 1024px) {
  .te-ib66oa9vb54jlaug70lczye5 {
    width: 100%;
    max-width: 1200px;
  }
}

.te-cnbhrqidk2lgztzitmln2pt4 {
  font-weight: 600;
  font-size: 28px;
  line-height: 110%;
  letter-spacing: 0;
  font-family: Outfit, 'Segoe UI', sans-serif;
}

@media screen and (min-width: 1024px) {
  .te-cnbhrqidk2lgztzitmln2pt4 {
    font-weight: 600;
    font-size: 36px;
    line-height: 110%;
    letter-spacing: 0;
    font-family: Outfit, 'Segoe UI', sans-serif;
    width: 100%;
    align-items: center;
    display: block;
    justify-content: start;
  }
}

.te-tian84bh3ofmou0ysbzlp75r {
  z-index: 1;
  position: relative;
}

@media screen and (min-width: 1024px) {
  .te-tian84bh3ofmou0ysbzlp75r {
    width: 100%;
    align-items: start;
    display: flex;
    justify-content: center;
    flex-wrap: nowrap;
    flex-direction: row;
  }
}

@media screen and (min-width: 1024px) {
  .te-zuuxz2sj21svdz2k41pjv00y {
    width: 100%;
    max-width: 1200px;
  }
}

.te-d6u0kli2wrjnzrjg6pmp6oq8 {
  padding-block-start: 1.25rem;
  padding-block-end: 2.5rem;
  padding-inline-start: 1.25rem;
  color: #131313;
  font-weight: 500;
  text-align: start;
  font-size: 28px;
  line-height: 120%;
  letter-spacing: 0;
  font-family: Outfit, 'Segoe UI', sans-serif;
}

@media screen and (min-width: 1024px) {
  .te-d6u0kli2wrjnzrjg6pmp6oq8 {
    padding-block-start: 3rem;
    padding-block-end: 3rem;
    padding-inline-start: 1.25rem;
    padding-inline-end: 1.25rem;
    color: #131313;
    font-weight: 600;
    text-align: start;
    font-size: 36px;
    line-height: 120%;
    letter-spacing: 0;
    font-family: Outfit, 'Segoe UI', sans-serif;
  }
}

.te-g5020xbgpttzuhfmq2m61u8f {
  padding-inline-start: 1.25rem;
  padding-inline-end: 1.25rem;
  padding-block-end: 2rem;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  row-gap: 0.625rem;
}



.te-m1goh0dgq0wjz5g8z9n1f9r9 {
  border-block-start-width: 0;
  border-block-end-width: 0;
  border-inline-start-width: 0;
  border-inline-end-width: 0;
  border-block-start-style: solid;
  border-block-end-style: solid;
  border-inline-start-style: solid;
  border-inline-end-style: solid;
}

.te-vfy66a31tnb97vz6evudtevc {
  padding-block-start: 1.5rem;
  padding-block-end: 1.5rem;
  padding-inline-start: 1.25rem;
  padding-inline-end: 1.25rem;
  text-align: start;
  width: 100%;
  align-items: center;
  display: flex;
  justify-content: start;
  flex-wrap: nowrap;
  flex-direction: row;
  column-gap: 1rem;
}

@media screen and (min-width: 1024px) {
  .te-vfy66a31tnb97vz6evudtevc {
    padding-block-start: 1.5rem;
    padding-block-end: 1.5rem;
    padding-inline-start: 1.25rem;
    padding-inline-end: 1.25rem;
  }
}



.te-cj3ynbxe8mkdddl7dfjn8fdn {
  width: 100%;
  display: flex;
  flex-wrap: nowrap;
  flex-direction: row;
}

.te-isrho04swddt2i453jsict9f {
  color: rgba(0, 0, 0, 1);
  font-weight: 500;
  font-size: var(--font-size-base);
  line-height: 120%;
  letter-spacing: 0;
  font-family: Outfit, 'Segoe UI', sans-serif;
}

@media screen and (min-width: 1024px) {
  .te-isrho04swddt2i453jsict9f {
    padding-block-start: 0.25rem;
    padding-block-end: 0.25rem;
    color: rgba(0, 0, 0, 1);
    font-weight: 500;
    font-size: 20px;
    line-height: 120%;
    letter-spacing: 0;
    font-family: Outfit, 'Segoe UI', sans-serif;
  }
}



.simple-accordion__marker {
  display: grid;
  place-content: center;
}

.te-s9xn84jxetmnufvosuuscylf {
  padding-inline-start: 1rem;
  border-inline-start-width: 1px;
  border-block-start-style: none;
  border-block-end-style: none;
  border-inline-start-style: none;
  border-inline-end-style: none;
  border-block-start-color: rgba(247, 247, 247, 1);
  border-block-end-color: rgba(247, 247, 247, 1);
  border-inline-start-color: rgba(247, 247, 247, 1);
  border-inline-end-color: rgba(247, 247, 247, 1);
}



.simple-accordion__content {
  display: grid;
  grid-template-rows: 0fr;
  transition: grid-template-rows .5s;
}

@media screen and (min-width: 1024px) {
  .te-qy2a8z1iof7vpkdbni1gviyv {
    padding-inline-start: 1.25rem;
    padding-inline-end: 1.25rem;
  }
}

@media screen and (min-width: 1024px) {
  .te-cd19qdi1ym75hg70jd6kyf9y {
    padding-block-end: 1.5rem;
    padding-block-start: 0.25rem;
    font-weight: 300;
    font-size: 16px;
    line-height: 120%;
    letter-spacing: 0;
    font-family: Outfit, 'Segoe UI', sans-serif;
  }
}

.te-cd19qdi1ym75hg70jd6kyf9y {
  padding-block-start: 0.25rem;
  padding-block-end: 1.5rem;
  color: #636363;
  font-weight: 300;
  text-align: start;
  font-size: 14px;
  line-height: 120%;
  letter-spacing: 0;
  font-family: Outfit, 'Segoe UI', sans-serif;
}

/* modal  */
/* ad to cart modal  */

@media (min-width: 641px) {
  .sample-dialog[open] {
    animation: sample-dialog-zoom-in 500ms cubic-bezier(0.25, 0, 0.3, 1) forwards;
    overflow-y: hidden;
    overflow-x: hidden;
  }
}

@keyframes sample-dialog-zoom-in {
  0% {
    transform: translate(-50%, -50%) scale(.95);
    opacity: 0;
  }

  100% {
    transform: translate(-50%, -50%) scale(1);
    opacity: 1;
  }
}

@media (min-width: 641px) {
  .sample-dialog {
    position: fixed;
    top: 50%;
    left: 50%;
    max-width: 580px;
    transform: translate(-50%, -50%);
  }
}

.sample-dialog {
  width: 100%;
  border-radius: 32px;
  margin: 0;
  overflow-y: auto;
}

dialog {
  padding: 0;
  margin: 0;
  max-width: unset;
  max-height: unset;
}

.te-svroan7f3l0oi4gzsity9hlt {
  padding-inline-start: 1.25rem;
  padding-inline-end: 1.25rem;
  padding-block-start: 1.25rem;
  padding-block-end: 35px;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  row-gap: 12px;
}

@media screen and (min-width: 1024px) {
  .te-svroan7f3l0oi4gzsity9hlt {
    padding-inline-start: 1.25rem;
    padding-inline-end: 1.25rem;
    padding-block-start: 20px;
    padding-block-end: 20px;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    row-gap: 0;
  }
}



.te-iaut35f2saxkuc2mzuw9nva2 {
  align-items: center;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  flex-wrap: nowrap;
  column-gap: 32px;
}

.te-bdape7ywty3avpenog6z457c {
  font-weight: 400;
  font-size: 20px;
  line-height: 100%;
  letter-spacing: 0;
  font-family: Outfit;
}

.te-t1b7ln6t3csfg6yp24a8hasa {
  padding-block-end: 1.25rem;
  width: 100%;
}

.te-gw5a8xkyy2cfdkpl1xbzmhza {
  padding-block-end: 12px;
  padding-block-start: 12px;
  padding-inline-start: 12px;
  padding-inline-end: 12px;
  border-block-start-width: 1px;
  border-block-end-width: 1px;
  border-inline-start-width: 1px;
  border-inline-end-width: 1px;
  border-block-start-style: solid;
  border-block-end-style: solid;
  border-inline-start-style: solid;
  border-inline-end-style: solid;
  border-block-start-color: rgba(240, 240, 240, 1);
  border-block-end-color: rgba(240, 240, 240, 1);
  border-inline-start-color: rgba(240, 240, 240, 1);
  border-inline-end-color: rgba(240, 240, 240, 1);
  border-start-start-radius: 14px;
  border-start-end-radius: 14px;
  border-end-start-radius: 14px;
  border-end-end-radius: 14px;
  width: 100%;
}

.te-kb72khdwi2byul427tgne9na {
  width: 100%;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
}

@media screen and (min-width: 1024px) {
  .te-kb72khdwi2byul427tgne9na {
    visibility: visible;
  }
}



.te-a1nkz0ahr9083l7ut0y4t5rt {
  padding-block-start: 14px;
  width: 100%;
  min-width: 100%;
  overflow-x: auto;
  align-items: start;
  display: flex;
  flex-wrap: wrap;
  justify-content: start;
  flex-direction: row;
  row-gap: 10px;
  column-gap: 10px;
}

@media screen and (min-width: 1024px) {
  .te-a1nkz0ahr9083l7ut0y4t5rt {
    width: 100%;
    min-width: 100%;
    overflow-x: auto;
    display: flex;
    justify-content: space-between;
    flex-wrap: nowrap;
    flex-direction: row;
    column-gap: 8px;
  }
}

.te-ghmurj39y2e5iy3cj8ycfmgh {
  visibility: visible;
}

.te-hfhj4cxprxtcie6q9mbf5ctm {
  background-color: #ddd;
  border-start-start-radius: 100px;
  border-start-end-radius: 100px;
  border-end-start-radius: 100px;
  border-end-end-radius: 100px;
  position: relative;
}

.te-zf9utsk5jlbvnyczf86b282n {
  padding-block-start: 0;
  padding-block-end: 0;
  padding-inline-end: 0.625rem;
  padding-inline-start: 0.625rem;
  background-color: white;
  border-block-start-width: 1px;
  border-block-end-width: 1px;
  border-inline-start-width: 1px;
  border-inline-end-width: 1px;
  border-block-start-style: solid;
  border-block-end-style: solid;
  border-inline-start-style: solid;
  border-inline-end-style: solid;
  border-block-start-color: rgba(240, 240, 240, 1);
  border-block-end-color: rgba(240, 240, 240, 1);
  border-inline-start-color: rgba(240, 240, 240, 1);
  border-inline-end-color: rgba(240, 240, 240, 1);
  border-start-start-radius: 100px;
  border-start-end-radius: 100px;
  border-end-start-radius: 100px;
  border-end-end-radius: 100px;
  min-width: 34px;
  align-items: center;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: start;
}

@media screen and (min-width: 1024px) {
  .te-zf9utsk5jlbvnyczf86b282n {
    padding-block-start: 0;
    padding-block-end: 0;
    padding-inline-start: 74px;
    padding-inline-end: 74px;
    border-block-start-width: 1.5px;
    border-block-end-width: 1.5px;
    border-inline-start-width: 1.5px;
    border-inline-end-width: 1.5px;
    border-block-start-style: solid;
    border-block-end-style: solid;
    border-inline-start-style: solid;
    border-inline-end-style: solid;
    border-block-start-color: rgba(234, 234, 234, 1);
    border-block-end-color: rgba(234, 234, 234, 1);
    border-inline-start-color: rgba(234, 234, 234, 1);
    border-inline-end-color: rgba(234, 234, 234, 1);
  }
}


.te-humjpa2xsr1f1uq5waj3owq4 {
  padding-inline-start: 0.5rem;
  padding-inline-end: 0.5rem;
  color: rgba(0, 0, 0, 1);
  font-weight: 500;
  font-style: normal;
  text-align: center;
  font-size: 16px;
  line-height: 100%;
  letter-spacing: 0;
  font-family: Outfit, 'Segoe UI', sans-serif;
  border-start-start-radius: 0.5rem;
  border-start-end-radius: 0.5rem;
  border-end-start-radius: 0.5rem;
  border-end-end-radius: 0.5rem;
  align-items: start;
  display: flex;
  justify-content: center;
  flex-wrap: nowrap;
  flex-direction: row;
}

@media screen and (min-width: 1024px) {
  .te-zjuxrjc1wc3lhzpuepk83v24 {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: start;
    flex-wrap: nowrap;
  }
}

.te-zjuxrjc1wc3lhzpuepk83v24 {
  font-family: Outfit;
}

.te-gnd0f5ldyqz0hu0n8t6ub16b {
  padding-inline-start: 0.375rem;
  padding-block-start: 0.375rem;
  padding-inline-end: 0.375rem;
  padding-block-end: 0.375rem;
  background-color: #ebf2fc;
  border-start-start-radius: 0.375rem;
  border-start-end-radius: 0.375rem;
  border-end-start-radius: 0.375rem;
  border-end-end-radius: 0.375rem;
  width: 100%;
  align-items: center;
  display: flex;
  justify-content: start;
  flex-wrap: nowrap;
  flex-direction: row;
}

.te-va248toh6xcwzr2li41z8jvu {
  width: 100%;
  align-items: center;
  display: flex;
  justify-content: start;
  flex-wrap: nowrap;
  flex-direction: row;
  column-gap: 0.375rem;
}

.te-y4dssqbjvkb7xfrqnpcuhc53 {
  color: #065fcb;
  max-height: 22px;
}

.te-p4gprh5mg209vobejf79tfl2 {
  color: #065fcb;
  font-weight: 500;
  text-decoration: underline;
  font-size: 14px;
  font-family: Outfit;
  height: 100%;
}

.te-r6jpcb3e0y8j7czkwypxgmvr {
  color: #7aadec;
  width: 100%;
  height: 100%;
  min-width: 18px;
  max-width: 18px;
}

.te-h34wibr9nx77fastr2cre62c {
  padding-block-start: 1.25rem;
}


.button__button-wrapper.btn-primary {
  --button-background-color: rgba(255, 209, 0, 1);
  --button-hover-background-color: rgba(230, 188, 0, 1);
}

.button__button-wrapper.btn-ml {
  --button-padding: 13px;
  --button-font-size: 20px;
  --button-icon-size: 20px;
  --button-border-radius: 12px;
}

.te-i79cw6pb1bdmjcnfz8d9vxa8 {
  padding-block-end: 0;
  font-weight: 600;
  text-transform: none;
  background-color: rgba(188, 188, 188, 1);
  border-start-start-radius: 10px;
  border-start-end-radius: 10px;
  border-end-start-radius: 10px;
  border-end-end-radius: 10px;
  width: 100%;
  cursor: pointer;
  box-shadow: 0 2px 3px 0 rgba(171, 168, 155, .4);
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
}

@media screen and (min-width: 1024px) {
  .te-i79cw6pb1bdmjcnfz8d9vxa8 {
    width: 100%;
    max-width: 100%;
  }
}

.button__button-wrapper {
  --button-padding: 12px;
  --button-border-radius: 14px;
  --button-border-color: transparent;
  --button-focus-border-radius: 14px;
  --button-focus-border-color: transparent;
  --button-font-color: rgba(230, 188, 0, 1);
  --button-box-shadow-color: rgba(0, 0, 0, 0.12);
  font-family: Outfit, 'Segoe UI', sans-serif;
  border-radius: 14px;
}



.button__button-border {
  border-radius: 12px;
  background-color: rgba(255, 209, 0, 1);
}

.te-zzi0jxttk6y2ae9jpph4hit2 {
  width: 100%;
}

.button__button {
  padding: 13px;
  color: rgba(0, 0, 0, 1);
  font-size: 20px;
  --squircle-smooth: 9;
  border-radius: 12px;
  background-color: rgba(255, 209, 0, 1);
  filter: drop-shadow(0px 2px 3px rgba(0, 0, 0, .08));
}

.te-axdh9f4gec09mk7lb1yuqsz9 {
  position: relative;
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  flex-wrap: nowrap;
  column-gap: 0.5rem;
}


.sample-dialog::backdrop {
  backdrop-filter: blur(0.25rem);
  background-color: rgba(0, 0, 0, .75);
  animation: sample-dialog-fade-in var(--sample-dialog-duration) var(--sample-dialog-easing) forwards;
}

user agent stylesheet dialog:-internal-dialog-in-top-layer::backdrop {
  position: fixed;
  background-color: rgba(0, 0, 0, 0.1);
  inset: 0px;
}

user agent stylesheet dialog:-internal-dialog-in-top-layer {
  user-select: text;
  visibility: visible;
}

user agent stylesheet dialog:where(:modal) {
  interactivity: auto;
}

user agent stylesheet dialog {
  color: canvastext;
}

.te-cpidqvk1o3erm59s0hxo6xmi {
  padding-block-start: 0.75rem;
  padding-block-end: 0.75rem;
  display: grid;
  flex-direction: column;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  row-gap: 1rem;
  column-gap: 0.75rem;
}

.te-bj37uc3yhzfdsdnopfqz3blz {
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: start;
  flex-wrap: nowrap;
  row-gap: 0.75rem;
  column-gap: 0.75rem;
}

.te-q4cq1p720d4dgwi0ix78l0ya {
  background-color: #f7f7f7;
  border-start-start-radius: 100px;
  border-start-end-radius: 100px;
  border-end-start-radius: 100px;
  border-end-end-radius: 100px;
  width: 44px;
  height: 44px;
}

.te-v9vgvq7c6v2wpx93xw6ascwd {
  color: rgba(126, 126, 126, 1);
  font-weight: 400;
  text-align: center;
  font-size: 14px;
  line-height: 120%;
  letter-spacing: 0;
  font-family: Outfit;
}

@media screen and (min-width: 1024px) {
  .te-v9vgvq7c6v2wpx93xw6ascwd {
    max-width: 120px;
  }
}


.te-w4nua2st6oorgack6v4knagl {
  margin-block-start: -20px;
}

.te-ccj8okuazs6mv9j842s8vp4x {
  padding-inline-start: 1.25rem;
  padding-inline-end: 1.25rem;
}

@media screen and (min-width: 1024px) {
  .te-ccj8okuazs6mv9j842s8vp4x {
    padding-inline-start: 0;
    padding-inline-end: 0;
    padding-block-start: 20px;
    width: 100%;
  }
}

.te-nu0cbq3bungy53jefrke3ex7 {
  padding-block-end: 1.25rem;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
}


@media screen and (min-width: 1024px) {
  .te-nu0cbq3bungy53jefrke3ex7 {
    visibility: visible;
  }
}


.te-cgjyo0iw0pfp7z280o67n11s {
  padding-block-start: 0.75rem;
  padding-block-end: 0.75rem;
  padding-inline-start: 0.75rem;
  padding-inline-end: 0.75rem;
  border-block-start-width: 1px;
  border-block-end-width: 1px;
  border-inline-start-width: 1px;
  border-inline-end-width: 1px;
  border-block-start-style: solid;
  border-block-end-style: solid;
  border-inline-start-style: solid;
  border-inline-end-style: solid;
  border-block-start-color: rgba(240, 240, 240, 1);
  border-block-end-color: rgba(240, 240, 240, 1);
  border-inline-start-color: rgba(240, 240, 240, 1);
  border-inline-end-color: rgba(240, 240, 240, 1);
  border-start-start-radius: 14px;
  border-start-end-radius: 14px;
  border-end-start-radius: 14px;
  border-end-end-radius: 14px;
  width: 100%;
}

.te-gl0weyef8vuynmgnkfum33uz {
  margin-block-end: 16px;
  width: 100%;
  overflow-x: auto;
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  flex-direction: row;
}

.te-aubmdfjgklbc1owa0j8kqpin {
  align-items: center;
  display: flex;
  flex-wrap: nowrap;
  flex-direction: row;
}

.te-kikqn2i3jy5inznef6b6xdye {
  margin-inline-start: 4px;
  margin-inline-end: 4px;
  color: #bcbcbc;
  font-weight: 300;
  font-size: 14px;
  line-height: 100%;
  letter-spacing: 0;
  font-family: Outfit;
}

@media screen and (min-width: 1024px) {
  .te-kikqn2i3jy5inznef6b6xdye {
    color: #bcbcbc;
    font-weight: 300;
    font-size: 16px;
    line-height: 100%;
    letter-spacing: 0;
    font-family: Outfit;
  }
}



.te-sjb2lqnchvjnswnz3byvc5x9 {
  margin-block-end: 20px;
  width: 100%;
  min-width: 100%;
  overflow-x: auto;
  align-items: start;
  display: flex;
  flex-wrap: wrap;
  justify-content: start;
  flex-direction: row;
  row-gap: 10px;
  column-gap: 10px;
}

@media screen and (min-width: 1024px) {
  .te-sjb2lqnchvjnswnz3byvc5x9 {
    width: 100%;
    min-width: 100%;
    overflow-x: auto;
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
  }
}

.te-sjtbytkix9x1tf2u66d4kfh0 {
  position: relative;
  visibility: visible;
}

@media screen and (min-width: 1024px) {
  .te-sjtbytkix9x1tf2u66d4kfh0 {
    overflow-x: hidden;
    overflow-y: hidden;
    position: relative;
  }
}

.te-or0wn6cfni01pbl3rwqrhvpf {
  padding-block-start: 0;
  padding-block-end: 0;
  padding-inline-start: 18px;
  padding-inline-end: 18px;
  background-color: #ffd100;
  border-block-start-width: 1.5px;
  border-block-end-width: 1.5px;
  border-inline-start-width: 1.5px;
  border-inline-end-width: 1.5px;
  border-block-start-style: solid;
  border-block-end-style: solid;
  border-inline-start-style: solid;
  border-inline-end-style: solid;
  border-block-start-color: rgba(240, 240, 240, 1);
  border-block-end-color: rgba(240, 240, 240, 1);
  border-inline-start-color: rgba(240, 240, 240, 1);
  border-inline-end-color: rgba(240, 240, 240, 1);
  border-start-start-radius: 100px;
  border-start-end-radius: 100px;
  border-end-start-radius: 100px;
  border-end-end-radius: 100px;
  min-width: 34px;
  align-items: center;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: start;
}

@media screen and (min-width: 1024px) {
  .te-or0wn6cfni01pbl3rwqrhvpf {
    border-block-start-width: 1.5px;
    border-block-end-width: 1.5px;
    border-inline-start-width: 1.5px;
    border-inline-end-width: 1.5px;
    border-block-start-style: solid;
    border-block-end-style: solid;
    border-inline-start-style: solid;
    border-inline-end-style: solid;
    border-block-start-color: rgba(234, 234, 234, 1);
    border-block-end-color: rgba(234, 234, 234, 1);
    border-inline-start-color: rgba(234, 234, 234, 1);
    border-inline-end-color: rgba(234, 234, 234, 1);
    min-width: 34px;
  }
}



.te-vj57pkcqwjub10gz73h92buj {
  color: rgba(0, 0, 0, 1);
  font-weight: 500;
  font-style: normal;
  text-align: center;
  font-size: 16px;
  line-height: 120%;
  letter-spacing: 0;
  font-family: Outfit, 'Segoe UI', sans-serif;
  border-start-start-radius: 0.5rem;
  border-start-end-radius: 0.5rem;
  border-end-start-radius: 0.5rem;
  border-end-end-radius: 0.5rem;
  align-items: start;
  display: flex;
  justify-content: center;
  flex-wrap: nowrap;
  flex-direction: row;
}

@media screen and (min-width: 1024px) {
  .te-vj57pkcqwjub10gz73h92buj {
    color: rgba(0, 0, 0, 1);
    font-weight: 500;
    font-style: normal;
    text-align: center;
    font-size: 18px;
    line-height: 120%;
    letter-spacing: 0;
    font-family: Outfit, 'Segoe UI', sans-serif;
  }
}

.te-zjvmfw1fqzvuc6hjx3x1ncs4 {
  margin-inline-start: auto;
  width: 100%;
}

.te-brrxwlzkcgli375znjssqfp1 {
  font-family: Outfit;
}

@media screen and (min-width: 1024px) {
  .te-brrxwlzkcgli375znjssqfp1 {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: start;
    flex-wrap: nowrap;
  }
}



.te-c4nt9e2rnjnuhoose56j5c86 {
  padding-inline-start: 0.375rem;
  padding-block-start: 0.375rem;
  padding-inline-end: 0.375rem;
  padding-block-end: 0.375rem;
  background-color: #ebf2fc;
  border-start-start-radius: 0.375rem;
  border-start-end-radius: 0.375rem;
  border-end-start-radius: 0.375rem;
  border-end-end-radius: 0.375rem;
  width: 100%;
  align-items: center;
  display: flex;
  justify-content: start;
  flex-wrap: nowrap;
  flex-direction: row;
}

.te-jwy1x0ntg8v6x4atpj0at6tr {
  width: 100%;
  align-items: center;
  display: flex;
  justify-content: start;
  flex-wrap: nowrap;
  flex-direction: row;
  column-gap: 0.375rem;
}

.te-c92ad81v38h1125apgpizvzz {
  color: #065fcb;
  font-weight: 500;
  text-decoration: underline;
  font-size: 14px;
  font-family: Outfit;
  height: 100%;
}

.te-ydx7uxcteagl4vhcyqjeijco {
  color: #7aadec;
  width: 100%;
  height: 100%;
  min-width: 18px;
  max-width: 18px;
}



.te-bg3gsrc48md3gvpy9oumn17k {
  padding-block-start: 0.75rem;
  padding-block-end: 0.75rem;
  padding-inline-start: 0.75rem;
  padding-inline-end: 0.75rem;
  margin-block-end: 0.75rem;
  border-block-start-width: 1px;
  border-block-end-width: 1px;
  border-inline-start-width: 1px;
  border-inline-end-width: 1px;
  border-block-start-style: solid;
  border-block-end-style: solid;
  border-inline-start-style: solid;
  border-inline-end-style: solid;
  border-block-start-color: rgba(240, 240, 240, 1);
  border-block-end-color: rgba(240, 240, 240, 1);
  border-inline-start-color: rgba(240, 240, 240, 1);
  border-inline-end-color: rgba(240, 240, 240, 1);
  border-start-start-radius: 14px;
  border-start-end-radius: 14px;
  border-end-start-radius: 14px;
  border-end-end-radius: 14px;
}

.te-lved23342ibg1h73ygtkmh2q {
  padding-block-end: 16px;
  align-items: center;
  display: flex;
  justify-content: start;
  flex-wrap: nowrap;
  flex-direction: row;
}

.te-fo17h0rtfp3zj0z54919cg4a {
  margin-inline-end: 4px;
  color: #bcbcbc;
  font-weight: 300;
  font-size: 14px;
  line-height: 100%;
  letter-spacing: 0;
  font-family: Outfit;
}

@media screen and (min-width: 1024px) {
  .te-fo17h0rtfp3zj0z54919cg4a {
    font-weight: 300;
    font-size: 16px;
    line-height: 120%;
    letter-spacing: 0;
    font-family: Outfit;
  }
}

.te-u2at94k83d6hvpjvp41cozm9 {
  width: 100%;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  row-gap: 1rem;
}

.te-egh0i95waweerybh0h85so8j {
  background-color: #ffec96;
  border-start-start-radius: 12px;
  border-start-end-radius: 12px;
  border-end-start-radius: 12px;
  border-end-end-radius: 12px;
  width: 100%;
  position: relative;
}

@media screen and (min-width: 1024px) {
  .te-egh0i95waweerybh0h85so8j {
    width: 100%;
  }
}

.te-pvzb1623v3cmzu5vp8hfkc0f {
  padding-inline-start: 20px;
  padding-inline-end: 20px;
  padding-block-end: 1.75rem;
  padding-block-start: 1.75rem;
  background-color: rgba(255, 255, 255, 1);
  border-block-start-width: 1px;
  border-block-end-width: 1px;
  border-inline-start-width: 1px;
  border-inline-end-width: 1px;
  border-block-start-style: solid;
  border-block-end-style: solid;
  border-inline-start-style: solid;
  border-inline-end-style: solid;
  border-block-start-color: rgba(240, 240, 240, 1);
  border-block-end-color: rgba(240, 240, 240, 1);
  border-inline-start-color: rgba(240, 240, 240, 1);
  border-inline-end-color: rgba(240, 240, 240, 1);
  border-start-start-radius: 12px;
  border-start-end-radius: 12px;
  border-end-start-radius: 12px;
  border-end-end-radius: 12px;
  width: 100%;
  display: flex;
  flex-wrap: nowrap;
  flex-direction: row;
}

@media screen and (min-width: 1024px) {
  .te-pvzb1623v3cmzu5vp8hfkc0f {
    border-block-start-width: 1px;
    border-block-end-width: 1px;
    border-inline-start-width: 1px;
    border-inline-end-width: 1px;
    border-block-start-style: solid;
    border-block-end-style: solid;
    border-inline-start-style: solid;
    border-inline-end-style: solid;
    border-block-start-color: rgba(234, 234, 234, 1);
    border-block-end-color: rgba(234, 234, 234, 1);
    border-inline-start-color: rgba(234, 234, 234, 1);
    border-inline-end-color: rgba(234, 234, 234, 1);
  }
}



.te-srtycway5wpkvzyii1c9p4lk {
  width: 100%;
  align-items: center;
  display: flex;
  justify-content: space-between;
  flex-wrap: nowrap;
  flex-direction: row;
}

.te-v63whngjv2mmi3f6jubqul2n {
  font-weight: 500;
  font-size: 16px;
  line-height: 100%;
  letter-spacing: 0;
  font-family: Outfit;
}

@media screen and (min-width: 1024px) {
  .te-v63whngjv2mmi3f6jubqul2n {
    font-weight: 500;
    font-size: 18px;
    line-height: 120%;
    letter-spacing: 0;
    font-family: Outfit, 'Segoe UI', sans-serif;
  }
}



.te-p4vxk5xeredbd2mrb3iwtmmn {
  align-items: end;
  display: flex;
  flex-direction: column;
  justify-content: center;
  flex-wrap: nowrap;
  row-gap: 0.25rem;
}

.te-bt81m77vl3chbqxdbgxkyeg1 {
  display: flex;
  flex-wrap: nowrap;
  flex-direction: row;
  column-gap: 0;
}

.te-ixpzaxda9at8hgern1twi2fw {
  align-items: center;
  display: flex;
  justify-content: end;
  flex-wrap: nowrap;
  flex-direction: row;
}

@media screen and (min-width: 1024px) {
  .te-ixpzaxda9at8hgern1twi2fw {
    align-items: center;
    display: flex;
    justify-content: end;
    flex-wrap: nowrap;
    flex-direction: row;
  }
}



.te-y4wnj3q5eo42jsp4fpqn28o3 {
  margin-inline-end: 2px;
  color: grey;
  font-weight: 500;
  font-size: 12px;
  line-height: 120%;
  letter-spacing: 0;
  font-family: Outfit, 'Segoe UI', sans-serif;
}

.te-df6uori51umpkieysk4dl6a7 {
  margin-inline-end: 0.375rem;
  color: grey;
  font-weight: 300;
  text-decoration: line-through;
  font-size: 12px;
  line-height: 120%;
  letter-spacing: 0;
  font-family: Outfit, 'Segoe UI', sans-serif;
}

.te-bw26xini9xbvty51d4fb7f7f {
  font-weight: 400;
  text-align: start;
  font-size: 18px;
  line-height: 100%;
  letter-spacing: 0;
  font-family: Outfit, 'Segoe UI', sans-serif;

}

@media screen and (min-width: 1024px) {
  .te-bw26xini9xbvty51d4fb7f7f {
    font-weight: 400;
    text-align: start;
    font-size: 20px;
    line-height: 100%;
    letter-spacing: 0;
    font-family: Outfit, 'Segoe UI', sans-serif;

  }
}

.te-egh0i95waweerybh0h85so8j {
  background-color: #ffec96;
  border-start-start-radius: 12px;
  border-start-end-radius: 12px;
  border-end-start-radius: 12px;
  border-end-end-radius: 12px;
  width: 100%;
  position: relative;
}

@media screen and (min-width: 1024px) {
  .te-egh0i95waweerybh0h85so8j {
    width: 100%;
  }
}

.te-t548wprh5m07lob9cbz7ym6w {
  padding-inline-start: 0.375rem;
  padding-inline-end: 0.375rem;
  padding-block-start: 0.375rem;
  padding-block-end: 0.375rem;
  background-color: rgba(0, 0, 0, 1);
  border-start-start-radius: 6px;
  border-start-end-radius: 6px;
  border-end-start-radius: 6px;
  border-end-end-radius: 6px;
  min-width: 120px;
  overflow-x: auto;
  position: absolute;
  inset-inline-start: 12px;
  inset-block-start: -10px;
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  flex-direction: row;
}

@media screen and (min-width: 1024px) {
  .te-t548wprh5m07lob9cbz7ym6w {
    min-width: 120px;
    overflow-x: auto;
  }
}

.te-jp54bik59ulab9wneq51zuox {
  margin-inline-end: 0.725rem;
  color: rgba(255, 255, 255, 1);
  font-weight: 400;
  font-size: 11px;
  line-height: 120%;
  letter-spacing: 0;
  font-family: Outfit;
}

.te-pvzb1623v3cmzu5vp8hfkc0f {
  padding-inline-start: 20px;
  padding-inline-end: 20px;
  padding-block-end: 1.75rem;
  padding-block-start: 1.75rem;
  background-color: rgba(255, 255, 255, 1);
  border-block-start-width: 1px;
  border-block-end-width: 1px;
  border-inline-start-width: 1px;
  border-inline-end-width: 1px;
  border-block-start-style: solid;
  border-block-end-style: solid;
  border-inline-start-style: solid;
  border-inline-end-style: solid;
  border-block-start-color: rgba(240, 240, 240, 1);
  border-block-end-color: rgba(240, 240, 240, 1);
  border-inline-start-color: rgba(240, 240, 240, 1);
  border-inline-end-color: rgba(240, 240, 240, 1);
  border-start-start-radius: 12px;
  border-start-end-radius: 12px;
  border-end-start-radius: 12px;
  border-end-end-radius: 12px;
  width: 100%;
  display: flex;
  flex-wrap: nowrap;
  flex-direction: row;
}

@media screen and (min-width: 1024px) {
  .te-pvzb1623v3cmzu5vp8hfkc0f {
    border-block-start-width: 1px;
    border-block-end-width: 1px;
    border-inline-start-width: 1px;
    border-inline-end-width: 1px;
    border-block-start-style: solid;
    border-block-end-style: solid;
    border-inline-start-style: solid;
    border-inline-end-style: solid;
    border-block-start-color: rgba(234, 234, 234, 1);
    border-block-end-color: rgba(234, 234, 234, 1);
    border-inline-start-color: rgba(234, 234, 234, 1);
    border-inline-end-color: rgba(234, 234, 234, 1);
  }
}



.te-srtycway5wpkvzyii1c9p4lk {
  width: 100%;
  align-items: center;
  display: flex;
  justify-content: space-between;
  flex-wrap: nowrap;
  flex-direction: row;
}

.te-v63whngjv2mmi3f6jubqul2n {
  font-weight: 500;
  font-size: 14px;
  line-height: 100%;
  letter-spacing: 0;
  font-family: Outfit;
}

@media screen and (min-width: 1024px) {
  .te-v63whngjv2mmi3f6jubqul2n {
    font-weight: 500;
    font-size: 16px;
    line-height: 120%;
    letter-spacing: 0;
    font-family: Outfit, 'Segoe UI', sans-serif;

  }
}

.te-p4vxk5xeredbd2mrb3iwtmmn {
  align-items: end;
  display: flex;
  flex-direction: column;
  justify-content: center;
  flex-wrap: nowrap;
  row-gap: 0.25rem;
}

.te-jj6l895aeq2fm68ttzxtq126 {
  color: #16803a;
  font-weight: 500;
  font-size: 12px;
  line-height: 120%;
  letter-spacing: 0;
  font-family: Outfit, 'Segoe UI', sans-serif;
  align-items: center;
  display: flex;
  flex-wrap: nowrap;
  flex-direction: row;
  column-gap: 0.25rem;
}

.te-o0fw3exqjbfsx39u9wlromxz {
  margin-inline-end: 0.125rem;
  font-weight: 500;
  font-size: 13px;
  line-height: 100%;
  letter-spacing: -2.5%;
  font-family: Outfit;
}

.te-ya62klgzq9jnihscfsioes9m {
  font-weight: 500;
  font-size: 13px;
  line-height: 100%;
  letter-spacing: -2.5%;
  font-family: Outfit;
}

@media screen and (min-width: 1024px) {

  .te-o0fw3exqjbfsx39u9wlromxz,
  .te-ya62klgzq9jnihscfsioes9m {
    font-weight: 500;
    font-size: 14px;
    line-height: 100%;
    letter-spacing: -2.5%;
    font-family: Outfit;
  }
}




.te-bt81m77vl3chbqxdbgxkyeg1 {
  display: flex;
  flex-wrap: nowrap;
  flex-direction: row;
  column-gap: 0;
}

.te-l7y9e66clj6f4su81qfw9mtm {
  padding-block-end: 0.25rem;
}

.te-lymmm7o8jtoyks04jl0fnynp {
  z-index: 4;
  position: relative;
}


.button__button-wrapper.btn-primary {
  --button-background-color: rgba(255, 209, 0, 1);
  --button-hover-background-color: rgba(230, 188, 0, 1);
}

.button__button-wrapper.btn-ml {
  --button-padding: 13px;
  --button-font-size: 20px;
  --button-icon-size: 20px;
  --button-loading-icon-size: 30px;
  --button-border-radius: 12px;
}




* {
  scrollbar-width: none;
  -ms-overflow-style: none;
}

*,
::before,
::after {
  box-sizing: border-box;
  border-width: 0;
  border-style: solid;
  border-color: currentColor;
}






.te-v0g6ad2bcl3ri131fppk9183 {
  align-items: center;
  display: flex;
  justify-content: center;
  flex-wrap: nowrap;
  flex-direction: row;
  column-gap: 0.5rem;
}

@media (min-width: 641px) {
  .sample-dialog:not([open]) {
    animation: sample-dialog-zoom-out 500ms cubic-bezier(0.25, 0, 0.3, 1) forwards;
  }
}

@media (min-width: 641px) {
  .sample-dialog {
    position: fixed;
    top: 50%;
    left: 50%;
    max-width: 580px;
    transform: translate(-50%, -50%);
  }
}

.sample-dialog {
  width: 100%;
  border-radius: 32px;
  margin: 0;
  overflow-y: auto;
}

.te-h40zrnvm92d2ynwykqrh9omy {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
}

.te-gjp4e4w98fdf84faokj3wkgg {
  padding-inline-start: 1.5rem;
  padding-inline-end: 1.5rem;
  padding-block-end: 1.5rem;
  background-color: rgba(255, 255, 255, 1);
  z-index: 2;
  position: relative;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  row-gap: 1.5rem;
}

@media screen and (min-width: 1024px) {
  .te-gjp4e4w98fdf84faokj3wkgg {
    padding-block-start: 0.25rem;
    padding-inline-start: 0;
    padding-inline-end: 0;
    padding-block-end: 1.5rem;
    z-index: 2;
    position: relative;
  }
}


.te-dif33etv8m8uydcx4is7jg2b {
  display: flex;
  justify-content: space-between;
  flex-wrap: nowrap;
  flex-direction: row;
}

.te-ttg2ohfdz3bng98aozpg21jv {
  font-weight: 400;
  font-size: 16px;
  line-height: 120%;
  letter-spacing: 0;
  font-family: Outfit, 'Segoe UI', sans-serif;
}

.te-jtxglkyoy7tlzt4b5q920g0f {
  color: rgba(83, 149, 231, 1);
  font-weight: 500;
  text-decoration: underline;
  font-size: 14px;
  line-height: 120%;
  letter-spacing: 0;
  font-family: Outfit, 'Segoe UI', sans-serif;
}

.te-kdjb9zzkgyxo9ypubq6qecop {
  padding-block-start: 10px;
  overflow-x: scroll;
  align-items: start;
  display: flex;
  justify-content: start;
  flex-wrap: nowrap;
  flex-direction: row;
  column-gap: 4px;
}

@media screen and (min-width: 1024px) {
  .te-kdjb9zzkgyxo9ypubq6qecop {
    overflow-x: scroll;
  }
}


@media screen and (min-width: 1024px) {
  .te-mcxyb3ka3skpnfz4tulsfd7c {
    width: 320px;
  }
}

.te-t994a3fhzzm6ls44hcegaj8s {
  width: 80vw;
  max-width: 85vw;
  display: flex;
  flex-wrap: nowrap;
  flex-direction: row;
}

@media screen and (min-width: 1024px) {
  .te-t994a3fhzzm6ls44hcegaj8s {
    width: 290px;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
  }
}

.te-k7c6ei2u7wusqjugwbvkz7kv {
  width: 100%;
  height: 100%;
}


@media screen and (min-width: 1024px) {
  .te-k7c6ei2u7wusqjugwbvkz7kv {
    width: 100%;
  }
}


.te-z9jm4kyzgzvcic5d75yed5rs {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  row-gap: 0.5rem;
}


.product-installation-guide-variant-1-fopc {
  background: linear-gradient(180deg, #f5f9ff 0, #cee1f7 100%);
}

.te-dgjspb5rq5n4kutu160fpqjm {
  padding-inline-start: 0.625rem;
  padding-inline-end: 0.625rem;
  padding-block-end: 0.625rem;
  padding-block-start: 0.625rem;
  border-start-start-radius: 0.75rem;
  border-start-end-radius: 0.75rem;
  border-end-start-radius: 0.75rem;
  border-end-end-radius: 0.75rem;
  width: 100%;
  align-items: center;
  display: flex;
  justify-content: space-between;
  flex-wrap: nowrap;
  flex-direction: row;
}

.te-emyadu4cw0h1sb50b6tni2dj {
  align-items: center;
  display: flex;
  flex-direction: row;
  justify-content: start;
  flex-wrap: nowrap;
  column-gap: 0.5rem;
}

.te-ywq3rhzqsgqwzkhmmmz9u9fu {
  width: 42px;
  height: 42px;
  align-items: start;
  display: flex;
  flex-direction: column;
  justify-content: start;
  flex-wrap: nowrap;
}

.te-ru87ry2wxxtikoiuqjq4yd82 {
  color: #506073;
  font-weight: 400;
  text-align: start;
  font-size: 16px;
  line-height: 120%;
  letter-spacing: 0;
  font-family: Outfit, 'Segoe UI', sans-serif;
}

.te-dzls3lo66wa5a3ab7l76t2l2,
.te-k1bsrtkg74hafx1jhmsg3mt2 {
  width: 100%;
  height: 100%;
  max-height: 100%;
}

@media screen and (min-width: 1024px) {
  .te-k1bsrtkg74hafx1jhmsg3mt2 {
    margin-inline-start: auto;
    margin-inline-end: auto;
    margin-block-start: auto;
    margin-block-end: auto;
    border-start-start-radius: 24px;
    border-start-end-radius: 24px;
    border-end-start-radius: 24px;
    border-end-end-radius: 24px;
    height: 100%;
    max-width: 466px;
    max-height: 650px;
  }
}



@media screen and (min-width: 1024px) {
  .te-o5xxh2fedyw181snw4vedlea {
    width: 100%;
  }
}

.te-brrxwlzkcgli375znjssqfp1 {
  font-family: Outfit;
}

@media screen and (min-width: 1024px) {
  .te-brrxwlzkcgli375znjssqfp1 {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: start;
    flex-wrap: nowrap;
  }
}

.te-cem7ki9nfklj8l9xyglv73qx {
  padding-block-start: 0.625rem;
  padding-inline-start: 0.625rem;
  padding-block-end: 0.625rem;
  padding-inline-end: 0.625rem;
  background-color: #eaf2fc;
  border-start-start-radius: 0.5rem;
  border-start-end-radius: 0.5rem;
  border-end-start-radius: 0.5rem;
  border-end-end-radius: 0.5rem;
  width: 100%;
  align-items: center;
  display: flex;
  justify-content: space-between;
  flex-wrap: nowrap;
  flex-direction: row;
  column-gap: 6px;
}

@media screen and (min-width: 1024px) {
  .te-cem7ki9nfklj8l9xyglv73qx {
    align-items: center;
    display: flex;
    justify-content: space-between;
    flex-wrap: nowrap;
    flex-direction: row;
    column-gap: 6px;
  }
}



.te-fax0pjbvo6xidqbb8xn0kbop {
  align-items: center;
  display: flex;
  justify-content: start;
  flex-wrap: nowrap;
  flex-direction: row;
  column-gap: 0.5rem;
}


.te-a36a6w9umhobbykvgw0ca9bl {
  border-block-start-width: 0.5px;
  border-block-end-width: 0.5px;
  border-inline-start-width: 0.5px;
  border-inline-end-width: 0.5px;
  border-block-start-style: solid;
  border-block-end-style: solid;
  border-inline-start-style: solid;
  border-inline-end-style: solid;
  border-block-start-color: rgba(188, 202, 222, 1);
  border-block-end-color: rgba(188, 202, 222, 1);
  border-inline-start-color: rgba(188, 202, 222, 1);
  border-inline-end-color: rgba(188, 202, 222, 1);
  border-start-start-radius: 0.375rem;
  border-start-end-radius: 0.375rem;
  border-end-start-radius: 0.375rem;
  border-end-end-radius: 0.375rem;
}

.te-zvs6pz4zmqsthmmf6yanb01d {
  color: #506073;
  font-weight: 400;
  font-size: 16px;
  line-height: 120%;
  letter-spacing: 0;
  font-family: Outfit, 'Segoe UI', sans-serif;
}

.te-uqjsiju608ckestpk37levyp {
  width: 100%;
  height: 100%;
  display: none;
}

.te-uqjsiju608ckestpk37levyp[open] {
  display: block;
}

@media screen and (min-width: 1024px) {
  .te-uqjsiju608ckestpk37levyp[open] {
    height: 100%;
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    flex-wrap: nowrap;
  }
}


.te-ew4qfydawos1421i6m7or7qw {
  width: 100%;
  align-items: center;
  display: flex;
  justify-content: space-between;
  flex-wrap: nowrap;
  flex-direction: row;
  column-gap: 0.75;
}

@media screen and (min-width: 1024px) {
  .te-ew4qfydawos1421i6m7or7qw {
    visibility: visible;
  }
}

.te-i9g0ovn12wocg2yxdvb2qp5t {
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: start;
  flex-wrap: nowrap;
  row-gap: 0.5rem;
}


.te-byr2dypes64cunk86cvt3nhw {
  align-items: center;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  row-gap: 0.5rem;
}

.te-ctkxo144wn1fpvy1s8febxw4 {
  align-items: center;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  row-gap: 0.5rem;
}

@media screen and (min-width: 1024px) {

  .te-byr2dypes64cunk86cvt3nhw,
  .te-ctkxo144wn1fpvy1s8febxw4,
  .te-i9g0ovn12wocg2yxdvb2qp5t {
    max-width: 100px;
  }
}

.te-hag8rqlp9dnkahp37prtoitt {
  color: grey;
  font-weight: 400;
  text-align: center;
  font-size: 14px;
  line-height: 100%;
  letter-spacing: 0;
  font-family: Outfit, 'Segoe UI', sans-serif;
}

.te-uxidyykjjlav4vom3t9muztk {
  width: 100%;
  align-items: start;
  display: flex;
  justify-content: space-between;
  flex-wrap: nowrap;
  flex-direction: row;
  column-gap: 2rem;
}

.te-w9qz4yxel4vpzoiyb29hu1ds {
  font-family: Franklin Gothic Medium;
  border-block-start-width: 1px;
  border-inline-start-width: 1px;
  border-inline-end-width: 1px;
  border-block-start-style: solid;
  border-block-end-style: solid;
  border-inline-start-style: solid;
  border-inline-end-style: solid;
  border-block-start-color: rgba(221, 221, 221, 1);
  border-block-end-color: rgba(221, 221, 221, 1);
  border-inline-start-color: rgba(221, 221, 221, 1);
  border-inline-end-color: rgba(221, 221, 221, 1);
  width: 100%;
  max-width: 100%;
}

.te-m1goh0dgq0wjz5g8z9n1f9r9 {
  border-block-start-width: 0;
  border-block-end-width: 0;
  border-inline-start-width: 0;
  border-inline-end-width: 0;
  border-block-start-style: solid;
  border-block-end-style: solid;
  border-inline-start-style: solid;
  border-inline-end-style: solid;
}

.te-vfy66a31tnb97vz6evudtevc {
  padding-block-start: 1.5rem;
  padding-block-end: 1.5rem;
  padding-inline-start: 1.25rem;
  padding-inline-end: 1.25rem;
  text-align: start;
  width: 100%;
  align-items: center;
  display: flex;
  justify-content: start;
  flex-wrap: nowrap;
  flex-direction: row;
  column-gap: 1rem;
}

@media screen and (min-width: 1024px) {
  .te-vfy66a31tnb97vz6evudtevc {
    padding-block-start: 1.5rem;
    padding-block-end: 1.5rem;
    padding-inline-start: 1.25rem;
    padding-inline-end: 1.25rem;
  }
}



.te-cj3ynbxe8mkdddl7dfjn8fdn {
  width: 100%;
  display: flex;
  flex-wrap: nowrap;
  flex-direction: row;
}

.te-mww45v4mfgguzu8pqqp24jow {
  font-weight: 500;
  font-size: 18px;
  line-height: 120%;
  letter-spacing: 0;
  font-family: Outfit, 'Segoe UI', sans-serif;
  width: 100%;
  max-width: 100%;
}

.simple-accordion__marker {
  display: grid;
  place-content: center;
}

.te-xo6kg90sn2syeq6clpywjn4d {
  padding-inline-start: 1.25rem;
  padding-block-end: 1.25rem;
  padding-inline-end: 1.25rem;
  padding-block-start: 1.25rem;
  background-color: #edf5fa;
  border-start-start-radius: 0.75rem;
  border-start-end-radius: 0.75rem;
  border-end-start-radius: 0.75rem;
  border-end-end-radius: 0.75rem;
  width: 100%;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
}

.te-lhq2ttoxrzav7xg7yckf1nm2 {
  padding-block-end: 1rem;
  color: #636363;
  font-weight: 400;
  font-size: 14px;
  line-height: 100%;
  letter-spacing: 0;
  font-family: Outfit, 'Segoe UI', sans-serif;
  border-block-end-width: 1px;
  border-block-start-style: dashed;
  border-block-end-style: dashed;
  border-inline-start-style: dashed;
  border-inline-end-style: dashed;
  border-block-start-color: rgba(203, 218, 227, 1);
  border-block-end-color: rgba(203, 218, 227, 1);
  border-inline-start-color: rgba(203, 218, 227, 1);
  border-inline-end-color: rgba(203, 218, 227, 1);
}

.te-s5prj5cp48ltezzekdtrvpwy {
  width: 100%;
  align-items: stretch;
  display: flex;
  flex-direction: column;
  justify-content: start;
  flex-wrap: nowrap;
}


.te-edpxk1xasmp6vntq51o51ik2 {
  padding-block-start: 1rem;
  padding-block-end: 1rem;
  border-block-end-width: 1px;
  border-block-start-style: dashed;
  border-block-end-style: dashed;
  border-inline-start-style: dashed;
  border-inline-end-style: dashed;
  border-block-start-color: transparent;
  border-block-end-color: rgba(203, 218, 227, 1);
  border-inline-start-color: transparent;
  border-inline-end-color: transparent;
  width: 100%;
  align-items: center;
  display: flex;
  justify-content: start;
  flex-wrap: nowrap;
  flex-direction: row;
  column-gap: 0.625rem;
}

.te-b1ii13x5z0l8wwyg5mk58uii {
  color: #252525;
  font-weight: 500;
  text-decoration: underline;
  font-size: 14px;
  line-height: 120%;
  letter-spacing: 0;
  font-family: Outfit, 'Segoe UI', sans-serif;
}

@media screen and (min-width: 1024px) {

  .te-b1ii13x5z0l8wwyg5mk58uii,
  .te-lb9uwhetoftkfdi4lgy0spoo,
  .te-p4ayk57e8sshdy72w7ixwgd8 {
    font-weight: 500;
    font-size: 16px;
    line-height: 120%;
    letter-spacing: 0;
    font-family: Outfit, 'Segoe UI', sans-serif;
  }
}

.te-imo853hisbppagnkl82onn81 {
  width: 100%;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
}

@media screen and (min-width: 1024px) {
  .te-imo853hisbppagnkl82onn81 {
    border-start-start-radius: 1rem;
    border-start-end-radius: 1rem;
    border-end-start-radius: 1rem;
    border-end-end-radius: 1rem;
    width: 100%;
    overflow-x: hidden;
    overflow-y: hidden;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
  }
}

.te-yhs1ol6xwya6o5dcxqiejfsl {
  align-items: center;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: start;
}

@media screen and (min-width: 1024px) {
  .te-yhs1ol6xwya6o5dcxqiejfsl {
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
  }
}


.te-imo853hisbppagnkl82onn81 {
  width: 100%;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
}

@media screen and (min-width: 1024px) {
  .te-imo853hisbppagnkl82onn81 {
    border-start-start-radius: 1rem;
    border-start-end-radius: 1rem;
    border-end-start-radius: 1rem;
    border-end-end-radius: 1rem;
    width: 100%;
    overflow-x: hidden;
    overflow-y: hidden;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
  }
}


.te-qpl5rv5i5ymehd830m845b5r {
  padding-block-start: 0.375rem;
  padding-inline-start: 0.375rem;
  padding-block-end: 0.375rem;
  padding-inline-end: 0.375rem;
  margin-inline-end: 0.5rem;
  border-block-start-width: 1px;
  border-block-end-width: 1px;
  border-inline-start-width: 1px;
  border-inline-end-width: 1px;
  border-block-start-style: solid;
  border-block-end-style: solid;
  border-inline-start-style: solid;
  border-inline-end-style: solid;
  border-block-start-color: rgba(234, 234, 234, 1);
  border-block-end-color: rgba(234, 234, 234, 1);
  border-inline-start-color: rgba(234, 234, 234, 1);
  border-inline-end-color: rgba(234, 234, 234, 1);
  border-start-start-radius: 0.5rem;
  border-start-end-radius: 0.5rem;
  border-end-start-radius: 0.5rem;
  border-end-end-radius: 0.5rem;
  cursor: pointer;
  align-items: center;
  display: flex;
  justify-content: center;
  flex-wrap: nowrap;
  flex-direction: row;
  column-gap: 0.25rem;
}

.rating-stats {
  display: flex;
}

.te-y8njynw48g2fiso4ejeu1by3 {
  align-items: center;
  display: flex;
  justify-content: start;
  flex-wrap: nowrap;
  flex-direction: row;
}

.rating-stats .loox-rating {
  display: flex;
  gap: 0.25rem;
}

.rating-stats .loox-rating::before {
  content: "4.7";
  display: block;
  font-weight: 500;
  font-size: 16px;
  line-height: 120%;
  letter-spacing: 0;
  font-family: Outfit, 'Segoe UI', sans-serif;
}

::before,
::after {
  --tw-content: '';
}

.rating-stats .loox-rating .loox-rating-content {
  display: none;
}

.loox-rating .loox-rating-content {
  display: inline-flex;
  align-items: center;
  gap: 2px;
  vertical-align: middle;
}

.rating-stats .loox-rating::after {
  content: "(" 629 " Reviews)";
  display: block;
  color: gba(188, 188, 188, 1);
  font-weight: 400;
  font-size: 18px;
  line-height: 120%;
  letter-spacing: 0;
  font-family: Outfit, 'Segoe UI', sans-serif;
}

::before,
::after {
  --tw-content: '';
}

.te-ph20qc8hk5q9b4au54hxzwzu {
  align-items: center;
  display: flex;
  justify-content: start;
  flex-wrap: nowrap;
  flex-direction: row;
  column-gap: 0.25rem;
}

.simple-accordion__content--open {
  grid-template-rows: 1fr;
}

/* .simple-accordion__content {
  display: grid;
  grid-template-rows: 0fr;
  transition: grid-template-rows .5s;
} */

@media screen and (min-width: 1024px) {
  .te-qy2a8z1iof7vpkdbni1gviyv {
    padding-inline-start: 1.25rem;
    padding-inline-end: 1.25rem;
  }
}

.simple-accordion__content>div {
  overflow: hidden;
}

.te-k8womht2sc98ooo6as5oitg0 {
  padding-inline-start: 1.25rem;
  padding-inline-end: 1.25rem;
}

@media screen and (min-width: 1024px) {
  .te-k8womht2sc98ooo6as5oitg0 {
    padding-inline-end: 0;
    padding-inline-start: 0;
  }
}



.te-aeimtxnbrzuujnz4rbdvldq1 {
  color: rgba(99, 99, 99, 1);
  font-weight: 300;
  font-size: 14px;
  line-height: 120%;
  letter-spacing: 0;
  font-family: Outfit, 'Segoe UI', sans-serif;
}

.te-w0nkn9o33edfulqf5le632v2 {
  padding-block-end: 20px;
  align-items: center;
  display: flex;
  justify-content: start;
  flex-wrap: nowrap;
  flex-direction: row;
}

.te-sjp9x3918m7khj22527urog2 {
  color: rgba(126, 126, 126, 1);
  font-weight: 300;
  font-size: 14px;
  line-height: 120%;
  letter-spacing: 0;
  font-family: Outfit, 'Segoe UI', sans-serif;
  width: 100%;
  max-width: 50%;
}

.te-hk1u0lo2j2s7dw8t6m5idmqh {
  color: rgba(126, 126, 126, 1);
  font-weight: 300;
  font-size: 14px;
  line-height: 120%;
  letter-spacing: 0;
  font-family: Outfit, 'Segoe UI', sans-serif;
  width: 100%;
  max-width: 50%;
}

.te-wii9yzdhkgwyoqzd5kr182kg {
  margin-inline-start: 1.25rem;
  margin-inline-end: 1.25rem;
  background-color: white;
  z-index: 1;
  position: relative;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  row-gap: 1.25rem;
}

@media screen and (min-width: 1024px) {
  .te-wii9yzdhkgwyoqzd5kr182kg {
    padding-block-start: 3rem;
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: start;
    flex-wrap: nowrap;
  }
}



.te-qgpujyz56okp8w9w12jrauk2 {
  padding-block-start: 2.5rem;
}

#header {
  display: flex;
  justify-content: stretch;
  align-items: center;
  border-bottom: solid 0px;
}

#header {
  margin: 20px auto 7px;
  padding: 0 7px 7px;
  position: relative;
}

#header .summary {
  flex: 1;
  display: flex;
}

.summary,
.review-dist-content {
  color: #282828;
}

.summary-content.b {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

button.summary-content {
  background-color: unset;
  display: inline-flex;
  color: inherit;
}

.summary-content {
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  flex-wrap: wrap;
  white-space: nowrap;
  overflow: hidden;
}


.stars,
.summary-text,
.summary-text svg {
  cursor: pointer;
}

.summary-text {
  font-size: 16px;
  vertical-align: middle;
}

.summary-text {
  display: inline-flex;
  overflow: hidden;
}



#header .menu {
  position: relative;
}

nav.menu {
  margin-left: 7px;
}

.header-btn,
#loadMore {
  border-radius: 4px;
}

.header-btn {
  font-size: 16px;
  border: 1px solid #E8E8E8;
  border-radius: 4px;
  height: 40px !important;
  cursor: pointer;
  color: #000000;
}

.menu-icon {
  background: none;
  padding: 8px 6px 2px;
  width: 37px;
}

#menu-icon-svg {
  display: inline-flex;
  width: 20px;
  height: 20px;
}

#grid {
  margin: 0 auto;
  padding: 0 0 20px;
  /* Masonry-style layout (prevents large vertical gaps with variable card heights) */
  column-count: 1;
  column-gap: 14px;
}

#grid .grid-item-wrap {
  /* Column item */
  width: 100%;
  display: inline-block;
  vertical-align: top;
  float: none;
  break-inside: avoid;
  page-break-inside: avoid;
  -webkit-column-break-inside: avoid;
}

@media (min-width: 320px) {
  #grid {
    column-count: 2;
  }
}

@media (min-width: 480px) {
  #grid {
    column-count: 3;
  }
}

@media (min-width: 920px) {
  #grid {
    column-count: 4;
  }
}

@media (min-width: 1150px) {
  #grid {
    column-count: 5;
  }
}


#grid .grid-item {
  color: #595959;
}

#grid .grid-item {
  border-radius: 4px;
}

#grid .grid-item {
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
  background: #fff;
}

.grid-item {
  margin: 7px;
  background-color: #F0F0F0;
  overflow: hidden;
  color: #000000;
}

/* Align spacing with column layout (avoid double horizontal gaps) */
#grid .grid-item {
  margin: 0 0 14px;
}

#grid .grid-item .box.item-img {
  padding: 0;
}

#grid .grid-item .box {
  padding-top: 10px;
  padding-bottom: 10px;
}

.grid-item .item-img {
  position: relative;
}

.item-img {
  gap: 8px;
}

.item-img {
  position: relative;
}

.image-aspect-ratio-wrapper {
  position: relative;
  width: 100%;
  overflow: hidden;
}

.image-aspect-ratio {
  width: 100%;
}

.grid-item .item-img .image-aspect-ratio-wrapper img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transform: scale(1.01);
}

.grid-item .item-img .action {
  cursor: zoom-in;
}

.grid-item .item-img img {
  opacity: 1;
}

.grid-item .item-img img {
  display: block;
  width: 100%;
  max-width: 100%;
  margin: 0 auto;
  position: relative;
}

.action {
  cursor: pointer;
}

#grid .grid-item .box {
  padding-top: 10px;
  padding-bottom: 10px;
}

.grid-item .block.title {
  padding: 0 10px 0;
  font-weight: bold;
  font-size: 16px;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 0 8px;
}

.grid-item .block {
  padding: 10px 10px 0;
}

#grid .grid-item .block.time {
  color: #595959;
}

.grid-item .block.time {
  color: #73777B;
  font-size: 11px;
  padding: 5px 10px 0;
  height: 20px;
}

.grid-item .block {
  padding: 10px 10px 0;
}

.grid-item .stars {
  height: 27px;
}

.grid-item .block {
  padding: 10px 10px 0;
}


.main-text {
  font-size: 14px;
  line-height: 19px;
}

.pre-wrap {
  white-space: pre-wrap;
}

.metadata {
  margin-bottom: 5px;
}

#grid .grid-item .text-muted {
  color: #595959;
}

.metadata .small {
  font-size: 11px;
  color: #a3a3a3;
}

.metadata .value {
  font-size: 13px;
}

.header-btn,
#loadMore {
  border-radius: 4px;
}

.lx-btn {
  border: 1px solid #E8E8E8;
}

.btn {
  display: inline-block;
  padding: 6px 12px;
  cursor: pointer;
}

.lx-primary {
  border-radius: 2px;
  transition-property: background, color;
  transition-duration: 0.2s;
  transition-timing-function: ease-in-out;
}

.lx-btn {
  border: solid 1px #282828;
  color: #282828;
  background: transparent;
}

.lx-btn:hover {
  background: #E8E8E8;
  color: #000000;
}

.pdp-gallery-carousel-fopc__next {
  top: 50%;
  right: 0;
  position: absolute;
  transform: translateY(-50%);
  transition: .1s linear;
}

@media screen and (min-width: 1024px) {

  .te-kau29jotrhu34f2clp4bkg9s,
  .te-zw5dba8phy1opxes9pst50y2 {
    width: 52px;
    height: 52px;
    opacity: .5;
  }
}

.te-kp3awd05aazkutm2mapa1c5i {
  padding-block-end: -1.5rem;
  background-color: rgba(255, 255, 255, 1);
  width: 100%;
  z-index: 2;
  position: fixed;
  inset-inline-start: 0;
  inset-inline-end: 0;
  inset-block-end: 0;
  align-items: start;
  display: flex;
  justify-content: start;
  flex-wrap: nowrap;
  flex-direction: row;
}

@media screen and (min-width: 1024px) {
  .te-kp3awd05aazkutm2mapa1c5i {
    margin-inline-start: auto;
    margin-inline-end: auto;
    padding-block-end: 0;
    border-start-start-radius: 24px;
    border-start-end-radius: 24px;
    border-end-start-radius: 24px;
    border-end-end-radius: 24px;
    width: 100%;
    max-height: 96px;
    position: fixed;
    inset-inline-start: 0;
    inset-inline-end: 0;
    align-items: center;
    display: flex;
    justify-content: center;
    flex-wrap: nowrap;
    flex-direction: row;
  }
}

.te-pjrnr0r51e0p3cun35wwsn1l {
  width: 100%;
  position: relative;
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: start;
  flex-wrap: nowrap;
  column-gap: 0.25rem;
}

@media screen and (min-width: 1024px) {
  .te-pjrnr0r51e0p3cun35wwsn1l {
    padding-inline-end: 0;
    width: 100%;
    position: relative;
    inset-block-end: 0;
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    flex-wrap: nowrap;
  }
}

.te-wc9cvu3xlh87h2uhgxthbs7x {
  padding-inline-start: 1.25rem;
  padding-inline-end: 1.25rem;
  padding-block-start: 1.25rem;
  border-block-start-width: 1px;
  border-block-start-style: solid;
  border-block-end-style: solid;
  border-inline-start-style: solid;
  border-inline-end-style: solid;
  border-block-start-color: rgba(240, 240, 240, 1);
  border-block-end-color: rgba(240, 240, 240, 1);
  border-inline-start-color: rgba(240, 240, 240, 1);
  border-inline-end-color: rgba(240, 240, 240, 1);
  width: 100%;
  max-height: 100px;
  display: flex;
  flex-wrap: nowrap;
  flex-direction: row;
  column-gap: 0.25rem;
}

@media screen and (min-width: 1024px) {
  .te-wc9cvu3xlh87h2uhgxthbs7x {
    width: 100%;
    max-height: 110px;
    display: none;
  }
}

.te-cbb3y04xwgzjz2pgblv7tcdw {
  width: 100%;
  z-index: 4;
  position: relative;
}

.button__button-wrapper.btn-primary {
  --button-background-color: var(--color-brand-primary-500);
  --button-hover-background-color: var(--color-brand-primary-600);
}


.button__button-wrapper.btn-ml {
  --button-padding: 13px;
  --button-font-size: 20px;
  --button-icon-size: 20px;
  --button-loading-icon-size: 30px;
  --button-border-radius: 12px;
}

.button__button-wrapper {
  --button-padding: 12px;
  --button-border-radius: 14px;
  --button-border-color: transparent;
  --button-focus-border-radius: 14px;
  --button-focus-border-color: transparent;
  --button-font-color: var(--color-neutral-black);
  --button-box-shadow-color: rgba(0, 0, 0, 0.12);
  font-family: Outfit, 'Segoe UI', sans-serif;
  border-radius: var(--button-focus-border-radius);
}




@media screen and (min-width: 1024px) {
  .te-pe799xgiazlpywpocpmqtfan {
    align-items: center;
    display: flex;
    justify-content: center;
    flex-wrap: nowrap;
    flex-direction: row;
  }
}

.te-mecthsv24h1hbtv4q1bltrmo {
  padding-block-start: 20px;
  padding-block-end: 20px;
  padding-inline-start: 20px;
  padding-inline-end: 20px;
  background-color: #f7f7f7;
  border-start-start-radius: 24px;
  border-start-end-radius: 24px;
  width: 100%;
  max-height: 80vh;
  position: fixed;
  inset-block-end: 0;
  align-items: stretch;
  display: flex;
  flex-direction: column;
  justify-content: start;
  flex-wrap: nowrap;
  row-gap: 20px;
}

@media screen and (min-width: 1024px) {
  .te-mecthsv24h1hbtv4q1bltrmo {
    border-start-start-radius: 24px;
    border-start-end-radius: 24px;
    border-end-start-radius: 24px;
    border-end-end-radius: 24px;
    width: 100%;
    height: 100%;
    max-width: 810px;
    position: static;
    align-items: stretch;
    display: flex;
    flex-direction: column;
    justify-content: center;
    flex-wrap: nowrap;
    row-gap: 20px;
  }
}



.te-kq3txs93w0flbmqzdgfvogi5 {
  align-items: center;
  display: flex;
  justify-content: space-between;
  flex-wrap: nowrap;
  flex-direction: row;
}


.te-tazv8s1rr8sqjypyd9f6trju {
  font-weight: 500;
  font-size: 20px;
  line-height: 100%;
}

@media screen and (min-width: 1024px) {
  .te-tazv8s1rr8sqjypyd9f6trju {
    font-weight: 500;
    font-size: 24px;
    line-height: 100%;
  }
}

.te-lhygbiu530f0x2xi37emdo7y {
  min-width: 24px;
  min-height: 24px;
  max-width: 24px;
  max-height: 24px;
}

.te-pq5tlekumtxx7mew2thcaanw {
  overflow-y: scroll;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  row-gap: 1.25rem;
}

@media screen and (min-width: 1024px) {
  .te-pq5tlekumtxx7mew2thcaanw {
    align-items: start;
    display: grid;
    flex-direction: row;
    justify-content: start;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    row-gap: 0;
  }
}

@media screen and (min-width: 1024px) {
  .te-w9wyt9h8521zsrbq9li4h6yr {
    padding-inline-end: 20px;
    width: 100%;
    height: 100%;
    position: static;
  }
}

.te-agx6q0kas981vkgybfilneph {
  border-start-start-radius: 16px;
  border-start-end-radius: 16px;
  border-end-start-radius: 16px;
  border-end-end-radius: 16px;
  width: 100%;
}

@media screen and (min-width: 1024px) {
  .te-agx6q0kas981vkgybfilneph {
    visibility: visible;
  }
}


.te-e1wzsxeaa3gyoix8h0wd1g3a {
  width: 100%;
  align-items: start;
  display: flex;
  flex-direction: column;
  justify-content: center;
  flex-wrap: nowrap;
  row-gap: 20px;
  column-gap: 20px;
}

@media screen and (min-width: 1024px) {
  .te-e1wzsxeaa3gyoix8h0wd1g3a {
    width: 100%;
    height: 100%;
    min-width: 350px;
    align-items: start;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    flex-wrap: nowrap;
    row-gap: 0;
    column-gap: 20px;
  }
}

.te-gjoil1zoxovvofujfa76xxrr {
  width: 100%;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  row-gap: 1.25rem;
}


@media screen and (min-width: 1024px) {
  .te-gjoil1zoxovvofujfa76xxrr {
    margin-block-end: 15px;
  }
}

.te-vcqxbhhtjjxyzhiujrcthqmz {
  width: 100%;
}


@media screen and (min-width: 1024px) {
  .te-vcqxbhhtjjxyzhiujrcthqmz {
    width: 100%;
  }
}

.te-cevvjaawemsb2pxlfpidawjb {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
}

@media screen and (min-width: 1024px) {
  .te-cevvjaawemsb2pxlfpidawjb {
    visibility: visible;
  }
}



.te-jkcvqgrnae1dv34uye8bmhfg {
  padding-block-start: 0;
  padding-inline-start: 0;
  padding-inline-end: 0;
  padding-block-end: 0;
  background-color: white;
  border-block-start-width: 1pc;
  border-block-end-width: 1pc;
  border-inline-start-width: 1pc;
  border-inline-end-width: 1pc;
  border-block-start-style: none;
  border-block-end-style: none;
  border-inline-start-style: none;
  border-inline-end-style: none;
  border-block-start-color: rgba(234, 234, 234, 1);
  border-block-end-color: rgba(234, 234, 234, 1);
  border-inline-start-color: rgba(234, 234, 234, 1);
  border-inline-end-color: rgba(234, 234, 234, 1);
  border-start-start-radius: 16px;
  border-start-end-radius: 16px;
  border-end-start-radius: 16px;
  border-end-end-radius: 16px;
}

.te-ktdoudnremusclzaz1k4iw67 {
  padding-inline-start: 0.625rem;
  padding-inline-end: 0.625rem;
  padding-block-start: 1rem;
  padding-block-end: 1rem;
  font-weight: 500;
  text-align: center;
  line-height: 150%;
  font-family: Outfit;
  border-block-start-width: 0;
  border-block-end-width: 1px;
  border-inline-start-width: 0;
  border-inline-end-width: 0;
  border-block-start-style: solid;
  border-block-end-style: solid;
  border-inline-start-style: solid;
  border-inline-end-style: solid;
  border-block-start-color: rgba(240, 240, 240, 1);
  border-block-end-color: rgba(240, 240, 240, 1);
  border-inline-start-color: rgba(240, 240, 240, 1);
  border-inline-end-color: rgba(240, 240, 240, 1);
  align-items: center;
  display: grid;
  flex-direction: row;
  justify-content: space-between;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  column-gap: 0;
}

.te-r3wjo6a3tqjalmu2e52yvu6u {
  color: #9d9d9d;
  font-weight: 400;
  text-align: center;
  font-size: 14px;
  width: 100%;
}

.te-c88v7wt0baq2vaawnnc0bpl1 {
  font-size: 14px;
}

@media screen and (min-width: 1024px) {
  .te-c88v7wt0baq2vaawnnc0bpl1 {
    font-size: 14px;
  }
}



.te-xaaiejfrjli23c5ilr28h2pu {
  color: #9d9d9d;
  font-weight: 400;
  text-align: center;
  font-size: 14px;
  width: 100%;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  row-gap: 6px;
}

.te-nklih9wr74kltlcozhycf3r4 {
  font-size: 14px;
  line-height: 100%;
}

.te-x39gxvyjyp7hr9i3e0hb5bxd {
  color: #131313;
  font-weight: 500;
  font-size: 14px;
  line-height: 100%;
}

.te-vo0ndst3ipqy0xs0pygs33mx {
  color: #9d9d9d;
  font-weight: 400;
  text-align: center;
  font-size: 14px;
  width: 100%;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  row-gap: 6px;
}

.te-usr6l4nwbtq11k8m57epn9wm {
  font-size: 14px;
  line-height: 100%;
}

.te-rwx7h9xjuniroc0xossukotd {
  color: #131313;
  font-weight: 500;
  font-size: 14px;
  line-height: 100%;
}

.te-m8n9t88qeiwo7g06lk341y3m {
  padding-inline-start: 0.5rem;
  padding-inline-end: 0.5rem;
  padding-block-start: 0.5rem;
  padding-block-end: 0.5rem;
  border-block-start-width: 1px;
  border-block-start-style: none;
  border-block-end-style: none;
  border-inline-start-style: none;
  border-inline-end-style: none;
  border-block-start-color: rgba(240, 240, 240, 1);
  border-block-end-color: rgba(240, 240, 240, 1);
  border-inline-start-color: rgba(240, 240, 240, 1);
  border-inline-end-color: rgba(240, 240, 240, 1);
  overflow-x: auto;
  align-items: start;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: start;
  row-gap: 10px;
  column-gap: 10px;
}

@media screen and (min-width: 1024px) {
  .te-m8n9t88qeiwo7g06lk341y3m {
    padding-inline-start: 0.5rem;
    padding-inline-end: 0.5rem;
    padding-block-start: 0.5rem;
    padding-block-end: 0.5rem;
    width: 100%;
    min-width: 100%;
    overflow-x: auto;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
  }
}

.te-rs1pi3e6kmueh5a7p9l7jxp8 {
  width: 100%;
  position: relative;
  visibility: visible;
}

@media screen and (min-width: 1024px) {
  .te-rs1pi3e6kmueh5a7p9l7jxp8 {
    overflow-x: hidden;
    overflow-y: hidden;
    position: relative;
  }
}




.te-vqzo3nw453ak0731dpfoxj5d {
  padding-inline-start: 0.625rem;
  padding-inline-end: 0;
  border-block-start-width: 1px;
  border-block-end-width: 1px;
  border-inline-start-width: 1px;
  border-inline-end-width: 1px;
  border-block-start-style: solid;
  border-block-end-style: solid;
  border-inline-start-style: solid;
  border-inline-end-style: solid;
  border-block-start-color: rgba(16, 24, 32, 1);
  border-block-end-color: rgba(16, 24, 32, 1);
  border-inline-start-color: rgba(16, 24, 32, 1);
  border-inline-end-color: rgba(16, 24, 32, 1);
  border-start-start-radius: 10px;
  border-start-end-radius: 10px;
  border-end-start-radius: 10px;
  border-end-end-radius: 10px;
  width: 100%;
}

.te-y9856ninq75l3dxm8t71y947 {
  text-align: center;
  line-height: 100%;
  width: 100%;
  align-items: center;
  display: grid;
  justify-content: space-between;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

@media screen and (min-width: 1024px) {
  .te-y9856ninq75l3dxm8t71y947 {
    line-height: 100%;
  }
}


.te-rnfut3yri552xjkc4yrr3dep {
  padding-block-start: 1.25rem;
  padding-inline-start: 0;
  padding-inline-end: 0;
  padding-block-end: 1.25rem;
  text-align: center;
  width: 100%;
}

.te-aa5zje0bh25qfm1sjzueg4zb {
  color: #101820;
  font-weight: 500;
  font-size: 14px;
}

.te-xoyalgfsqaga7tggr7ybi7e6 {
  padding-block-start: 1.25rem;
  padding-block-end: 1.25rem;
  text-align: center;
  border-block-start-width: 0;
  border-block-end-width: 1px;
  border-inline-start-width: 0;
  border-inline-end-width: 0;
  border-block-start-style: none;
  border-block-end-style: none;
  border-inline-start-style: none;
  border-inline-end-style: none;
  border-block-start-color: rgba(234, 234, 234, 1);
  border-block-end-color: rgba(234, 234, 234, 1);
  border-inline-start-color: rgba(234, 234, 234, 1);
  border-inline-end-color: rgba(234, 234, 234, 1);
  width: 100%;
  height: 100%;
}

.te-dxfzodng728vc4pkpurfligh {
  font-weight: 500;
  font-size: 14px;
}

.te-drlt9qv9uqoy1qzxe7aq4d20 {
  padding-block-start: 1.25rem;
  padding-block-end: 1.25rem;
  text-align: center;
  border-block-start-width: 0;
  border-block-end-width: 1px;
  border-inline-start-width: 0;
  border-inline-end-width: 0;
  border-block-start-style: none;
  border-block-end-style: none;
  border-inline-start-style: none;
  border-inline-end-style: none;
  border-block-start-color: rgba(234, 234, 234, 1);
  border-block-end-color: rgba(234, 234, 234, 1);
  border-inline-start-color: rgba(234, 234, 234, 1);
  border-inline-end-color: rgba(234, 234, 234, 1);
  width: 100%;
  height: 100%;
}

.te-wvgijl5dpzcxqcx9ziyz1lqq {
  font-weight: 500;
  font-size: 14px;
}

.te-lhd4rqk1dkxzw8xnuvmk0owe {
  width: 100%;
  align-items: start;
  display: flex;
  flex-direction: column;
  justify-content: center;
  flex-wrap: nowrap;
  row-gap: 20px;
  column-gap: 20px;
}

@media screen and (min-width: 1024px) {
  .te-lhd4rqk1dkxzw8xnuvmk0owe {
    width: 100%;
    height: 100%;
    min-width: 350px;
    align-items: start;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    flex-wrap: nowrap;
    row-gap: 20px;
    column-gap: 20px;
  }
}

.te-izqj59n31xggufpd99eis02o {
  width: 100%;
}

@media screen and (min-width: 1024px) {
  .te-izqj59n31xggufpd99eis02o {
    width: 100%;
  }
}



.te-ho6z0xudyuemsjxr2zbmjq4z {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
}

@media screen and (min-width: 1024px) {
  .te-ho6z0xudyuemsjxr2zbmjq4z {
    visibility: visible;
  }
}

.te-eg0uyret89r5v7ez9rbuhr6x,
.te-t3zddls46c6jr7xj7e38rvq9 {
  width: 100%;
  position: relative;
  inset-block-end: 0;
}

@media screen and (min-width: 1024px) {
  .te-eg0uyret89r5v7ez9rbuhr6x {
    width: 100%;
    position: relative;
    inset-block-end: 0;
  }
}



@media screen and (min-width: 1024px) {
  .te-o5xxh2fedyw181snw4vedlea {
    width: 100%;
  }
}


@media screen and (min-width: 1024px) {
  .te-erqxji6cs1gltkat3lvz6ntx {
    padding-inline-start: 16px;
    padding-block-start: 16px;
    padding-inline-end: 16px;
    padding-block-end: 16px;
    background-color: #f0f0f0;
    height: 100%;
  }
}

.te-ero4ht9kle99391gp10k06ve {
  width: 100%;
  height: 100%;
}

@media screen and (min-width: 1024px) {
  .te-ero4ht9kle99391gp10k06ve {
    width: 100%;
    height: 100%;
  }
}

.te-kf3vcwwckqog3ckox4as3pfz {
  height: 100%;
  align-items: center;
  display: flex;
  justify-content: start;
  flex-wrap: nowrap;
  flex-direction: row;
}

@media screen and (min-width: 1024px) {
  .te-kf3vcwwckqog3ckox4as3pfz {
    width: 100%;
    max-height: 80vh;
    align-items: start;
    display: flex;
    justify-content: center;
    flex-wrap: nowrap;
    flex-direction: row;
  }
}



.te-de88r6u6ch74bb2etj75yebh {
  width: 100%;
  align-items: center;
  display: flex;
  justify-content: center;
  flex-wrap: nowrap;
  flex-direction: row;
}

@media screen and (min-width: 1024px) {
  .te-de88r6u6ch74bb2etj75yebh {
    width: 100%;
  }
}

.te-bxchstgkqf9n748jr0sv5omz {
  padding-block-start: 24px;
  width: 100%;
  position: absolute;
  inset-block-start: 0;
  align-items: center;
  display: flex;
  justify-content: center;
  flex-wrap: nowrap;
  flex-direction: row;
}

.te-s9m45ir5gg7ydz37qh1grv9o {
  color: #506073;
  font-weight: 400;
  font-size: 16px;
  line-height: 120%;
  letter-spacing: 0;
  font-family: Outfit, 'Segoe UI', sans-serif;
}

@media screen and (min-width: 1024px) {
  .te-s9m45ir5gg7ydz37qh1grv9o {
    display: none;
  }
}





.installation-video-popup__video-controls {
  backdrop-filter: blur(5px);
}

.te-nbpo2thxdvyuwg22u8xxnj5w {
  padding-block-start: 6px;
  padding-inline-start: 6px;
  padding-inline-end: 6px;
  padding-block-end: 6px;
  z-index: 1;
  position: absolute;
  inset-inline-end: 24px;
}

@media screen and (min-width: 1024px) {
  .te-nbpo2thxdvyuwg22u8xxnj5w {
    padding-block-start: 4px;
    padding-inline-start: 4px;
    padding-inline-end: 4px;
    padding-block-end: 4px;
    background-color: rgba(0, 0, 0, .5019607843137255);
    border-start-start-radius: 9999px;
    border-start-end-radius: 9999px;
    border-end-start-radius: 9999px;
    border-end-end-radius: 9999px;
    width: 32px;
    height: 32px;
    z-index: 1;
    position: absolute;
    inset-inline-end: 32px;
    inset-block-start: 32px;
    align-items: center;
    display: flex;
    justify-content: center;
    flex-wrap: nowrap;
    flex-direction: row;
  }
}


.te-bj85o0js6t2lj5b1lvf1kgiz {
  padding-inline-end: 0.5rem;
  padding-inline-start: 0.5rem;
  padding-block-start: 0.5rem;
  padding-block-end: 0.5rem;
  background-color: rgba(6, 8, 11, .5);
  border-start-start-radius: 999px;
  border-start-end-radius: 999px;
  border-end-start-radius: 999px;
  border-end-end-radius: 999px;
  z-index: 1;
  position: absolute;
  inset-inline-end: 1rem;
  inset-block-end: 342px;
  opacity: 1;
  align-items: end;
  display: flex;
  flex-direction: column;
  justify-content: end;
  flex-wrap: nowrap;
}

@media screen and (min-width: 1024px) {
  .te-bj85o0js6t2lj5b1lvf1kgiz {
    padding-inline-end: 6px;
    padding-inline-start: 6px;
    padding-block-start: 6px;
    padding-block-end: 6px;
    width: 48px;
    height: 48px;
    position: absolute;
    inset-inline-end: 32px;
    inset-block-end: 345px;
    opacity: 1;
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    flex-wrap: nowrap;
  }
}



.pdp-installation-video-handler__video-controls {
  backdrop-filter: blur(5px);
}

.te-mwpqowjp875a5fci2xyg7hbj {
  position: absolute;
  inset-block-end: 216px;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
}

@media screen and (min-width: 1024px) {
  .te-mwpqowjp875a5fci2xyg7hbj {
    border-start-start-radius: 16px;
    border-start-end-radius: 16px;
    overflow-x: hidden;
    overflow-y: hidden;
    position: relative;
    inset-block-start: 0;
    inset-block-end: 0;
  }
}

.installation-video-popup__video video {
  width: 100%;
  height: 100%;
}

.installation-video-popup__video-controls {
  backdrop-filter: blur(5px);
}

.te-d35e9z2jezr93jfytvtjp78l {
  background-color: rgba(0, 0, 0, .5);
  border-start-start-radius: 999px;
  border-start-end-radius: 999px;
  border-end-start-radius: 999px;
  border-end-end-radius: 999px;
  width: 40px;
  height: 40px;
  z-index: 1;
  position: absolute;
  inset-inline-end: var(--spacing-4);
  inset-block-end: 290px;
  opacity: 1;
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  flex-wrap: nowrap;
}

@media screen and (min-width: 1024px) {
  .te-d35e9z2jezr93jfytvtjp78l {
    width: 48px;
    height: 48px;
    position: absolute;
    inset-inline-end: 32px;
    opacity: 1;
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    flex-wrap: nowrap;
  }
}


.te-t8z6krj10m1x3g6ac44qlprx {
  padding-inline-start: 1.25rem;
  padding-inline-end: 1.25rem;
  width: 100%;
  position: absolute;
  inset-block-end: 40px;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  row-gap: 10px;
}

@media screen and (min-width: 1024px) {
  .te-t8z6krj10m1x3g6ac44qlprx {
    padding-inline-start: 16px;
    padding-inline-end: 16px;
    padding-block-start: 16px;
    position: absolute;
    inset-block-end: 24px;
  }
}

.te-iz1j3polox0w6uit3b3nyaan {
  padding-inline-start: 14px;
  padding-inline-end: 14px;
  padding-block-start: 14px;
  padding-block-end: 14px;
  background-color: white;
  border-start-start-radius: 0.75rem;
  border-start-end-radius: 0.75rem;
  border-end-start-radius: 0.75rem;
  border-end-end-radius: 0.75rem;
  width: 100%;
  cursor: default;
  align-items: center;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  flex-wrap: nowrap;
}

@media screen and (min-width: 1024px) {
  .te-iz1j3polox0w6uit3b3nyaan {
    padding-inline-start: 14px;
    padding-inline-end: 14px;
    padding-block-start: 14px;
    padding-block-end: 14px;
    align-items: center;
    display: flex;
    justify-content: start;
    flex-wrap: nowrap;
    flex-direction: row;
    column-gap: 0.5rem;
  }
}

.te-abnvgog56saxch53f0saj51y {
  width: 100%;
  align-items: center;
  display: flex;
  justify-content: start;
  flex-wrap: nowrap;
  flex-direction: row;
  column-gap: 10px;
}

.te-io1rktanlvsfhr04qf5jfyu8 {
  background-color: #f5f5f5;
  border-start-start-radius: 8.571px;
  border-start-end-radius: 8.571px;
  border-end-start-radius: 8.571px;
  border-end-end-radius: 8.571px;
  width: 60px;
  height: 100%;
  min-height: 60px;
}

.te-l1eqfzmw6dwm75r4zg79zc2q {
  font-weight: 600;
  font-size: 16px;
  line-height: 100%;
  letter-spacing: 0;
  font-family: Outfit, 'Segoe UI', sans-serif;
}

@media screen and (min-width: 1024px) {
  .te-l1eqfzmw6dwm75r4zg79zc2q {
    width: 100%;
  }
}



.te-i2ts46syj0lbvptjovfzgmr7 {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  row-gap: 8px;
}

.te-nozgodk8v215mhg6dzgrhffp {
  color: grey;
  font-weight: 300;
  text-decoration: line-through;
  text-align: end;
  font-size: 10px;
  line-height: 100%;
  letter-spacing: 0;
  font-family: Outfit, 'Segoe UI', sans-serif;
  min-width: 80px;
}

.te-gz9fsmf10kho4mx2uq40yj4c {
  font-weight: 500;
  text-align: end;
  font-size: 18px;
  line-height: 100%;
  letter-spacing: 0;
  font-family: Outfit, 'Segoe UI', sans-serif;
}

dialog:-internal-dialog-in-top-layer::backdrop {
  position: fixed;
  background-color: rgba(0, 0, 0, 0.1);
  inset: 0px;
}

user agent stylesheet dialog:-internal-dialog-in-top-layer {
  user-select: text;
  visibility: visible;
}

user agent stylesheet dialog:where(:modal) {
  interactivity: auto;
}

user agent stylesheet dialog {
  color: canvastext;
}

.te-ddvvz5sisoy2han9q53iu2cf {
  background-color: rgba(0, 0, 0, .8);
  width: 100%;
  height: 100%;
}

/* Fullscreen dialog: avoid UA margins pushing it off-center */
#seeActionDialog {
  margin: 0;
  border: 0;
  padding: 0;
  max-width: 100vw;
  max-height: 100vh;
}

.te-qfsvo5sjrfzl1ucg84r51e9z {
  width: 100%;
  height: 100%;
  position: relative;
  align-items: center;
  display: flex;
  justify-content: center;
  flex-wrap: nowrap;
  flex-direction: row;
}

@media screen and (min-width: 1024px) {
  .te-qfsvo5sjrfzl1ucg84r51e9z {
    width: 100%;
    height: 100%;
    align-items: center;
    display: flex;
    justify-content: center;
    flex-wrap: nowrap;
    flex-direction: row;
  }
}

.video-collection-pdp .embla__viewport {
  position: relative;
}

.video-collection-pdp__dialog .embla__container,
.video-collection-pdp__dialog .embla__viewport {
  height: 100%;
}

@media screen and (min-width: 1024px) {
  .video-collection-pdp__dialog .embla__viewport {
    width: 360px;
    height: 700px;
  }
}

.te-b5dfpzuab9nfwssnrq9soctk {
  color: white;
  position: absolute;
  inset-inline-end: 1rem;
  inset-block-start: 2rem;
}

.te-sr3b4kr54ij5r2jrq933qa0j {
  position: absolute;
  inset-inline-end: 1rem;
  inset-block-start: 4rem;
}

.te-fot5fqyj96khtv3ae1hvj36p {
  padding-block-start: 0.875rem;
  padding-inline-end: 0.875rem;
  padding-block-end: 0.875rem;
  padding-inline-start: 0.875rem;
  background-color: black;
  border-start-start-radius: 999px;
  border-start-end-radius: 999px;
  border-end-start-radius: 999px;
  border-end-end-radius: 999px;
  position: absolute;
  inset-inline-end: 1rem;
  inset-block-start: 50%;
  opacity: .7;
}

.te-bppwewl2r70qg7ife0noc388 {
  padding-block-start: 0.875rem;
  padding-inline-end: 0.875rem;
  padding-block-end: 0.875rem;
  padding-inline-start: 0.875rem;
  background-color: black;
  border-start-start-radius: 999px;
  border-start-end-radius: 999px;
  border-end-start-radius: 999px;
  border-end-end-radius: 999px;
  position: absolute;
  inset-inline-start: 1rem;
  inset-block-start: 50%;
  opacity: .7;
}

.embla__viewport {
  overflow: hidden;
}

.video-collection-pdp__dialog .embla__container,
.video-collection-pdp__dialog .embla__viewport {
  height: 100%;
}

.embla__container {
  display: flex;
}

.embla__slide {
  flex: 0 0 100%;
  min-width: 0;
}

@media screen and (min-width: 1024px) {
  .video-collection-pdp .embla__container .embla__slide {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 var(--slide-size);
  }
}

.te-pzrfy01hvhwptxdskzkzpvd0,
.te-wyazrnpvjrpvjfk9xyqgbt5d {
  width: 100%;
  height: 100%;
  position: relative;
}

@media screen and (min-width: 1024px) {
  .te-pzrfy01hvhwptxdskzkzpvd0 {
    width: 360px;
    height: 700px;
  }
}

.te-txiuwyf0hazao3pf4beglyf9 {
  padding-inline-start: 0.875rem;
  padding-inline-end: 0.875rem;
  padding-block-start: 0.875rem;
  padding-block-end: 0.875rem;
  background-color: white;
  border-start-start-radius: 0.75rem;
  border-start-end-radius: 0.75rem;
  border-end-start-radius: 0.75rem;
  border-end-end-radius: 0.75rem;
  cursor: pointer;
  align-items: center;
  display: flex;
  justify-content: start;
  flex-wrap: nowrap;
  flex-direction: row;
  column-gap: 0.5rem;
}

.te-g0f5tmdjqqew1rgou0c24icl {
  border-start-start-radius: 0.5rem;
  border-start-end-radius: 0.5rem;
  border-end-start-radius: 0.5rem;
  border-end-end-radius: 0.5rem;
  width: 3rem;
  height: 100%;
  min-height: 3rem;
}

.te-bzm35o7bwe9546b8eju5odqe {
  font-weight: 700;
  font-size: 16px;
  line-height: 120%;
  letter-spacing: 0;
  font-family: Outfit, 'Segoe UI', sans-serif;
}

.te-xej4ec05056rmoqz2nzwh19l {
  color: rgba(126, 126, 126, 1);
  font-weight: 300;
  text-decoration: line-through;
  text-align: end;
  font-size: 10px;
  line-height: 120%;
  letter-spacing: 0;
  font-family: Outfit, 'Segoe UI', sans-serif;
  min-width: 80px;
}

.te-q4fm7czp2lh63mym93md92wh {
  padding-block-start: 4px;
}

@media screen and (min-width: 1024px) {
  .te-q4fm7czp2lh63mym93md92wh {
    margin-block-end: 10px;
    overflow-y: hidden;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
  }
}

.te-nw314dqiriygups43plkqv51 {
  padding-inline-start: 1rem;
  padding-inline-end: 1rem;
  width: 100%;
  position: absolute;
  inset-block-start: 1rem;
  max-width: 360px;
  left: 50%;
  transform: translateX(-50%);
}

.te-tym6a7fn6m9h3mfax754q3sc {
  background-color: rgba(240, 240, 240, 1);
  width: 100%;
  height: 3px;
  position: relative;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
}

.video-collection-pdp__dialog .embla__container,
.video-collection-pdp__dialog .embla__viewport {
  height: 100%;
}

/* @media screen and (min-width: 1024px) {
  .video-collection-pdp .embla__viewport {
    width: var(--slide-size);
    height: var(--slide-height);
  }
}



.video-collection-pdp .embla__viewport {
  position: relative;
} */

@media screen and (min-width: 1024px) {
  .te-tym6a7fn6m9h3mfax754q3sc {
    background-color: rgba(240, 240, 240, 1);
    width: 100%;
    height: 3px;
    position: relative;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
  }
}

.slide-indicator__bar .slide-indicator__slider {
  transition: .3s linear;
}

.te-i4330f5fzzizfs2sfm2vcg1h {
  position: absolute;
  inset: 0;
  max-width: 360px;
  max-height: 700px;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
}

.te-a15rvpe9kz79yk50rxusc5s8 {
  background-color: black;
  height: 100%;
  position: absolute;
}

@media screen and (min-width: 1024px) {
  .te-a15rvpe9kz79yk50rxusc5s8 {
    background-color: black;
    height: 100%;
    position: absolute;
  }
}



.te-adluilqelc6z0e3c1zadciqv {
  font-weight: 500;
  text-align: end;
  font-size: 18px;
  line-height: 120%;
  letter-spacing: 0;
  font-family: Outfit, 'Segoe UI', sans-serif;
}

.video-collection-pdp video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.video-collection-pdp__dialog-video {
  max-width: 100dvw;
  max-height: 100dvh;
}

@media screen and (min-width: 1024px) {
  .te-wyazrnpvjrpvjfk9xyqgbt5d {
    position: relative;
  }
}

.te-pzrfy01hvhwptxdskzkzpvd0,
.te-wyazrnpvjrpvjfk9xyqgbt5d {
  width: 100%;
  height: 100%;
  position: relative;
}

.video-collection-pdp video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

@media screen and (min-width: 1024px) {
  .te-cja7ie572nobhayyu8ejbd3x {
    position: absolute;
    inset-block-end: 4px;
  }
}

.te-cja7ie572nobhayyu8ejbd3x {
  padding-inline-start: 1.25rem;
  padding-inline-end: 1.25rem;
  padding-block-end: 1.25rem;
  width: 100%;
  position: absolute;
  inset-block-end: 0;
}

.te-zo2z4k2zxeoqb2qau29vnodg {
  position: absolute;
  inset-inline-end: 1rem;
  inset-block-end: 12rem;
}

@media screen and (min-width: 1024px) {
  .te-zo2z4k2zxeoqb2qau29vnodg {
    position: absolute;
    inset-inline-end: 1rem;
    inset-block-end: 12rem;
  }
}

.te-cl9olwidpp66k7rn22xum3kg {
  padding-block-start: 0.875rem;
  padding-inline-end: 0.875rem;
  padding-block-end: 0.875rem;
  padding-inline-start: 0.875rem;
  background-color: black;
  border-start-start-radius: 999px;
  border-start-end-radius: 999px;
  border-end-start-radius: 999px;
  border-end-end-radius: 999px;
  opacity: .7;
  display: flex;
  flex-wrap: nowrap;
  flex-direction: row;
}


@media screen and (min-width: 1024px) {
  .te-mnw73nktj1gsegrizctcmbsj {
    background-color: rgba(255, 255, 255, 0);
    width: 100%;
    height: 100%;
  }
}

.te-mnw73nktj1gsegrizctcmbsj {
  background-color: rgba(255, 255, 255, 0);
}

.te-o2ui0exhwwqf8braq0odahmb {
  background-color: white;
}

@media screen and (min-width: 1024px) {
  .te-o2ui0exhwwqf8braq0odahmb {
    background-color: rgba(255, 255, 255, 0);
    width: 100%;
    height: 100%;
    align-items: center;
    display: flex;
    justify-content: center;
    flex-wrap: nowrap;
    flex-direction: row;
  }
}

.te-pgf9yforjsrghzu9zj9x8h1e {
  padding-block-start: 1.5rem;
  padding-inline-start: 1.25rem;
  padding-inline-end: 1.25rem;
  padding-block-end: 1.5rem;
  background-color: white;
  border-start-start-radius: 1rem;
  border-start-end-radius: 1rem;
  width: 100%;
  height: 100%;
  max-height: 80%;
  position: fixed;
  inset-block-end: 0;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
}

@media screen and (min-width: 1024px) {
  .te-pgf9yforjsrghzu9zj9x8h1e {
    padding-block-start: 1.75rem;
    padding-inline-start: 1.25rem;
    padding-inline-end: 1.25rem;
    padding-block-end: 1.75rem;
    border-start-start-radius: 1rem;
    border-start-end-radius: 1rem;
    border-end-start-radius: 1rem;
    border-end-end-radius: 1rem;
    height: 100%;
    max-width: 578px;
    max-height: 650px;
    position: static;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    row-gap: 20px;
  }
}



.te-b6m0zsnc01g6qz2r063pewzl {
  padding-block-end: 0.75rem;
  background-color: white;
  max-width: 100%;
  z-index: 2;
  position: relative;
  inset-block-start: 0;
  display: flex;
  justify-content: space-between;
  flex-wrap: nowrap;
  flex-direction: row;
}

.te-e9m8obm6r9g63g8hmoafudgl {
  font-weight: 600;
  font-size: 28px;
  line-height: 120%;
  letter-spacing: 0;
  font-family: Outfit, 'Segoe UI', sans-serif;
}

.te-r8kjub8fazgr9f4yb291ioo1 {
  padding-block-end: 1.25rem;
  height: 100%;
  overflow-y: scroll;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  row-gap: 0.875rem;
}

@media screen and (min-width: 1024px) {
  .te-r8kjub8fazgr9f4yb291ioo1 {
    overflow-y: scroll;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    row-gap: 1rem;
  }
}


.te-ii7cmfbr7qr84yg28l2qiia5 {
  width: 100%;
  align-items: start;
  display: flex;
  flex-direction: row;
  justify-content: center;
  flex-wrap: nowrap;
}

.te-pzzjo811mog8jt8y6raak89e,
.te-s4jw7dt3htuqu9fp1xv6l0s3 {
  width: 100%;
}

@media screen and (min-width: 1024px) {
  .te-p1c3f6z70fqgw4gs3760wqg5 {
    position: fixed;
    inset-inline-start: 0;
    inset-inline-end: 0;
    inset-block-start: 0;
    inset-block-end: 0;
    align-items: center;
    display: flex;
    justify-content: center;
    flex-wrap: nowrap;
    flex-direction: row;
  }
}

.te-t14r4pljxrh9jyml0pmqnlqe {
  padding-inline-start: 1.25rem;
  padding-inline-end: 1.25rem;
  padding-block-end: 1.25rem;
  background-color: white;
  border-start-start-radius: 0.75rem;
  border-start-end-radius: 0.75rem;
  width: 100%;
  max-height: 70vh;
  overflow-y: scroll;
  position: fixed;
  inset-block-end: 0;
}

@media screen and (min-width: 1024px) {
  .te-t14r4pljxrh9jyml0pmqnlqe {
    padding-inline-start: 1.25rem;
    padding-inline-end: 1.25rem;
    padding-block-start: 1.25rem;
    padding-block-end: 1.25rem;
    border-start-start-radius: 0.75rem;
    border-start-end-radius: 0.75rem;
    border-end-start-radius: 0.75rem;
    border-end-end-radius: 0.75rem;
    max-width: 578px;
    max-height: 70vh;
    overflow-y: scroll;
    position: static;
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: start;
    flex-wrap: nowrap;
  }
}



.te-keyil8n7qukvbwheb3tck2f1 {
  padding-block-end: 20px;
  padding-block-start: 20px;
  background-color: white;
  width: 100%;
  position: sticky;
  inset-block-start: 0;
  display: flex;
  justify-content: space-between;
  flex-wrap: nowrap;
  flex-direction: row;
}

@media screen and (min-width: 1024px) {
  .te-keyil8n7qukvbwheb3tck2f1 {
    width: 100%;
  }
}

.te-d76v3g0q4nnxw0fch4gpbpm0 {
  font-weight: 500;
  font-size: 24px;
  line-height: 120%;
  letter-spacing: 0;
  font-family: Outfit, 'Segoe UI', sans-serif;
}

.te-bb0vmql9784pafk6dwcaa9vv {
  width: 28px;
  height: 28px;
}

.te-ogkzvrbw3a3jsjv8pwea8ax4 {
  width: 100%;
  overflow-y: scroll;
  align-items: start;
  display: flex;
  justify-content: center;
  flex-wrap: nowrap;
  flex-direction: row;
}

@media screen and (min-width: 1024px) {
  .te-ogkzvrbw3a3jsjv8pwea8ax4 {
    width: 100%;
    height: 100%;
    min-height: 180px;
  }
}

.te-vmop43p9m6ush1dts1c4shj2 {
  padding-block-start: 1.25rem;
  padding-block-end: 1.25rem;
  margin-block-start: 0.5rem;
  margin-block-end: 0.5rem;
  max-height: 50vh;
  overflow-y: scroll;
}

@media screen and (min-width: 1024px) {
  .te-vmop43p9m6ush1dts1c4shj2 {
    max-height: 50vh;
    overflow-y: scroll;
  }
}


.te-erbabejpj50mrtqsftfvw83b {
  font-weight: 400;
  text-align: justify;
  font-size: 14px;
  line-height: 120%;
  letter-spacing: 0;
  font-family: Outfit, 'Segoe UI', sans-serif;
}

.te-sdcj8e492fvarbfbk8qo8cnz {
  position: sticky;
  inset-block-end: 0;
}

.te-iv4iwz0pnzwk6h2pqf901nwx {
  height: 100%;
  z-index: 1000005;
  position: relative;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
}

@media screen and (min-width: 1024px) {
  .te-iv4iwz0pnzwk6h2pqf901nwx {
    width: 100%;
    height: 100%;
  }
}



.cart-drawer--open .cart-drawer__backdrop,
.cart-drawer[open] .cart-drawer__backdrop {
  pointer-events: auto;
  animation: fadeIn 0.7s ease forwards;
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: .4;
  }
}

/* Initial (closed) state */
.cart-drawer .cart-drawer__content {
  transform: translateX(110%);
}

.cart-drawer .cart-drawer__backdrop {
  opacity: 0;
  pointer-events: none;
}

/* Open */
.cart-drawer[open] .cart-drawer__content {
  animation: slideIn 0.7s cubic-bezier(0.22, 1, 0.36, 1) forwards;
}

.cart-drawer[open] .cart-drawer__backdrop {
  pointer-events: auto;
  animation: fadeIn 0.7s ease forwards;
}

/* Close (opposite) */
/* .cart-drawer:not([open]) .cart-drawer__content {
  animation: slideOut 0.7s cubic-bezier(0.22, 1, 0.36, 1) forwards;
}

.cart-drawer:not([open]) .cart-drawer__backdrop {
  animation: fadeOut 0.7s ease forwards;
} */

@keyframes slideIn {
  0% {
    transform: translateX(110%);
  }

  100% {
    transform: translateX(0);
  }
}

@keyframes slideOut {
  0% {
    transform: translateX(0);
  }

  100% {
    transform: translateX(110%);
  }
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: .4;
  }
}

@keyframes fadeOut {
  0% {
    opacity: .4;
  }

  100% {
    opacity: 0;
  }
}


.cart-drawer__backdrop {
  position: fixed;
  inset: 0;
  z-index: 10;
  background-color: #000;
  opacity: 0;
  pointer-events: none;
  will-change: opacity;
}

.cart-drawer--open .cart-drawer__content,
.cart-drawer[open] .cart-drawer__content {
  animation: slideIn 0.7s cubic-bezier(0.22, 1, 0.36, 1) forwards;
}

@keyframes slideIn {
  0% {
    transform: translateX(110%);
  }

  100% {
    transform: translateX(0);
  }
}

/* Ensure drawer is visible even if animation doesn't run */
.cart-drawer[open] .cart-drawer__content {
  transform: translateX(0);
}

.cart-drawer__content {
  position: fixed;
  height: 100dvh;
  inset-block: 0;
  inset-inline-end: 0;
  overflow: hidden;
  margin-inline-start: auto;
  inline-size: 400px;
  z-index: 11;
  background-color: #fff;
  will-change: transform;
  transform: translateX(110%);
}

.te-c64lqz8sdlm6s1ed9bs19ily {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
}

@media screen and (min-width: 1024px) {
  .te-c64lqz8sdlm6s1ed9bs19ily {
    height: 100vh;
    max-width: 400px;
    position: absolute;
  }
}



.te-kq8dmdau86uj5dgsuawp6a1y {
  padding-block-start: 14px;
  padding-inline-start: 1.25rem;
  padding-inline-end: 1.25rem;
  padding-block-end: 14px;
  display: flex;
  flex-wrap: nowrap;
  flex-direction: row;
}

.te-qt6006j2on86qhccjsgopitw {
  margin-inline-end: 0.25rem;
}

.te-f4371lnse25o48rsz6eun354 {
  font-weight: 500;
  font-size: 20px;
  line-height: 120%;
  letter-spacing: 0;
  font-family: Outfit, 'Segoe UI', sans-serif;
}

.te-ljo2p4dp6aux3iqlyxnmxhcd {
  padding-block-end: 1.5rem;
  background-color: #f7f7f7;
  overflow-y: scroll;
}

.te-z17oyzem8as9zs8s5dy4ais6 {
  cursor: pointer;
}

@media screen and (min-width: 1024px) {
  .te-z17oyzem8as9zs8s5dy4ais6 {
    width: 100%;
    height: 30px;
    min-height: 30px;
    max-height: 30px;
  }
}

.gcf-sale-top-runner_text-rotator {
  height: 30px;
  perspective: 600px;
  overflow: hidden;
  position: relative;
}

.te-q4lr1rq7b0wu5ok1mvyox5fo {
  min-height: 30px;
  max-height: 30px;
}

.gcf-sale-top-runner_cube {
  position: relative;
  height: 30px;
  transform-style: preserve-3d;
  animation: 9s ease-in-out infinite rotateCube;
}

.te-tl1f1wp2ez5o3pdu9m5m436e {
  color: #fff;
  font-size: 14px;
  font-family: Outfit;
  border-start-start-radius: 12px;
  border-start-end-radius: 12px;
  border-end-start-radius: 12px;
  border-end-end-radius: 12px;
}

.face-1 {
  transform: rotateX(0deg) translateZ(15px);
}

.face-2 {
  transform: rotateX(90deg) translateZ(15px);
}

.face-3 {
  transform: rotateX(180deg) translateZ(15px);
}

.face-4 {
  transform: rotateX(270deg) translateZ(15px);
}

@keyframes rotateCube {

  0%,
  18% {
    transform: rotateX(0deg);
  }

  25%,
  43% {
    /* bottom -> front (bottom-to-top feel) */
    transform: rotateX(90deg);
  }

  50%,
  68% {
    transform: rotateX(180deg);
  }

  75%,
  93% {
    transform: rotateX(270deg);
  }

  100% {
    transform: rotateX(360deg);
  }
}

@media (prefers-reduced-motion: reduce) {
  .gcf-sale-top-runner_cube {
    animation: none;
  }
}

.gcf-sale-top-runner_face {
  position: absolute;
  height: 30px;
  width: 100%;
  line-height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  backface-visibility: hidden;
}

.te-jgfn96p535cxahrmw8rv5327 {
  min-height: 30px;
  max-height: 30px;
  display: flex;
  flex-wrap: nowrap;
  flex-direction: row;
  column-gap: 0.625rem;
}

.te-rfphpdb6qo2y32fq8w3jo32v {
  padding-block-start: 0.25rem;
  padding-inline-start: 0.375rem;
  padding-inline-end: 0.375rem;
  padding-block-end: 0.25rem;
  background-color: rgba(255, 255, 255, .10196078431372549);
  border-start-start-radius: 100px;
  border-start-end-radius: 100px;
  border-end-start-radius: 100px;
  border-end-end-radius: 100px;
  align-items: center;
  display: flex;
  justify-content: start;
  flex-wrap: nowrap;
  flex-direction: row;
  column-gap: 2px;
}

.te-zgi4giwq9erkwm9et1n6yxvs {
  font-weight: 500;
  font-size: 10px;
  line-height: 100%;
}

.te-eqiw1hnpx5gg81q60l0pbnuk {
  padding-inline-end: 20px;
  padding-inline-start: 20px;
  background-color: #dfedff;
}

.te-z9fi5heuivm5vjel78nhzc04 {
  padding-block-end: 16px;
  padding-block-start: 16px;
  color: #7693b9;
  font-weight: 500;
  text-align: center;
  font-size: 13px;
  line-height: 100%;
  letter-spacing: 0;
  font-family: Outfit, 'Segoe UI', sans-serif;
}

.te-kgh4sbodjtqdlww2lm50kfhy {
  padding-block-end: 16px;
}

.te-v0keda1hb8m7ttg5cosy6ltf {
  padding-block-start: 0;
  width: 100%;
  height: 100%;
  min-height: 60px;
  max-height: 60px;
  position: relative;
  display: flex;
  flex-wrap: nowrap;
  flex-direction: row;
}

.te-xz5ye53dm41k0wvvf2ayxsvw {
  margin-block-start: 15px;
  background-color: white;
  border-start-start-radius: 999px;
  border-start-end-radius: 999px;
  border-end-start-radius: 999px;
  border-end-end-radius: 999px;
  width: 100%;
  max-height: 4px;
  position: relative;
  inset-block-start: 0;
}

.te-vko2r37b7vu0dboqrae95kkm {
  border-start-start-radius: 999px;
  border-start-end-radius: 999px;
  border-end-start-radius: 999px;
  border-end-end-radius: 999px;
  width: 100%;
  height: 100%;
}

.te-p9jgki0lre4stl1x12vf3q5o {
  width: 100%;
  height: 100%;
  position: absolute;
  align-items: center;
  display: flex;
  justify-content: space-evenly;
  flex-wrap: nowrap;
  flex-direction: row;
}

.te-tjzi75w3uu3az67rfxi9na7l {
  height: 100%;
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  flex-wrap: nowrap;
  row-gap: 6px;
}

.cart-free-gift__status--achieved {
  width: 24px;
  height: 24px;
  color: #fff;
}

.te-o77ago26dwyiddol6jkpsnsm {
  color: rgba(157, 157, 157, 1);
  background-color: white;
  border-start-start-radius: 1090.909px;
  border-start-end-radius: 1090.909px;
  border-end-start-radius: 1090.909px;
  border-end-end-radius: 1090.909px;
  width: 32px;
  height: 32px;
  position: relative;
  inset-block-start: 3px;
  box-shadow: 0 0 10px rgba(0, 0, 0, .1);
  align-items: center;
  display: flex;
  justify-content: center;
  flex-wrap: nowrap;
  flex-direction: row;
}

.te-ke5e7ap0tnxak84nnc326ne3 {
  width: 26px;
  height: 21.8px;
  min-width: 26px;
  max-width: 26px;
}

.te-si9xy7pg03d2zmtiv3sj3oe7 {
  margin-block-start: auto;
  margin-block-end: 0.125rem;
  color: #636363;
  font-weight: 400;
  text-align: center;
  font-size: 10px;
  line-height: 100%;
  letter-spacing: 0;
  font-family: Outfit;
  border-start-start-radius: 9999px;
  border-start-end-radius: 9999px;
  border-end-start-radius: 9999px;
  border-end-end-radius: 9999px;
  max-width: 100px;
}

.te-fr68dui97kiqga49egtddln7 {
  padding-inline-start: 1.25rem;
  padding-inline-end: 1.25rem;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  row-gap: var(--spacing-3);
}

@media screen and (min-width: 1024px) {
  .te-fr68dui97kiqga49egtddln7 {
    padding-block-end: 0;
  }
}

.te-zqaaacsqctpvxwhkctcp5dj6 {
  margin-inline-start: -20px;
  margin-inline-end: -20px;
}

.te-iu3ouknmt9nflxs7p1n66ftl {
  padding-block-start: 20px;
  padding-inline-start: 20px;
  padding-block-end: 8px;
  padding-inline-end: 20px;
  font-weight: 500;
  font-size: 16px;
  line-height: 100%;
  letter-spacing: 0;
  font-family: Outfit, 'Segoe UI', sans-serif;
  background-color: #f7f7f7;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  row-gap: 14px;
}

.te-v7gd5apxmq5iwu67otklf7wv {
  align-items: center;
  display: flex;
  justify-content: space-between;
  flex-wrap: nowrap;
  flex-direction: row;
}

.te-xh0n3dow83492kkj5rwixbr9 {
  font-weight: 500;
  font-size: 16px;
  line-height: 100%;
  letter-spacing: 0;
}

.te-ndnmvd4my51dvpgzxk0s74pr {
  color: #999;
  font-weight: 400;
  font-size: 13px;
  line-height: 100%;
  letter-spacing: 0;
  font-family: Outfit, 'Segoe UI', sans-serif;
}

.cart-line-exp-repeater__div {
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .05);
}

.te-s00fcj7wjuuqz0akrn14s832 {
  background-color: #fff;
  border-block-start-style: dashed;
  border-block-end-style: dashed;
  border-inline-start-style: dashed;
  border-inline-end-style: dashed;
  border-start-start-radius: 14px;
  border-start-end-radius: 14px;
  border-end-start-radius: 14px;
  border-end-end-radius: 14px;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
}

.te-hsome3ickgqipb81rvzf06r2 {
  padding-inline-start: 14px;
  padding-inline-end: 14px;
  display: block;
}

@media screen and (min-width: 1024px) {
  .te-hsome3ickgqipb81rvzf06r2 {
    padding-inline-start: 14px;
    padding-inline-end: 14px;
  }
}

.te-tyw5gsrveuc3oy93icapu9ol {
  font-weight: 500;
  font-size: 16px;
  line-height: 120%;
  letter-spacing: 0;
  font-family: Outfit, 'Segoe UI', sans-serif;
  width: 100%;
}

.te-snb637ksq200waody99v1y1j {
  padding-block-start: 14px;
  padding-block-end: 14px;
  border-block-start-style: dashed;
  border-block-end-style: dashed;
  border-inline-start-style: dashed;
  border-inline-end-style: dashed;
  border-block-start-color: rgba(221, 221, 221, 1);
  border-block-end-color: rgba(221, 221, 221, 1);
  border-inline-start-color: rgba(221, 221, 221, 1);
  border-inline-end-color: rgba(221, 221, 221, 1);
  width: 100%;
  align-items: start;
  display: flex;
  flex-direction: column;
  justify-content: start;
  flex-wrap: nowrap;
  column-gap: 13px;
}

@media screen and (min-width: 1024px) {
  .te-snb637ksq200waody99v1y1j {
    padding-inline-start: 0;
    padding-inline-end: 0;
    padding-block-end: 10px;
  }
}

.te-s6e6kpind3cjnj4ocaljhies {
  width: 100%;
  display: flex;
  flex-wrap: nowrap;
  flex-direction: row;
  column-gap: 13px;
}

.te-yei6gyqmnx5l1j49dnti840o {
  width: 100%;
  align-items: start;
  display: flex;
  flex-direction: row;
  justify-content: start;
  flex-wrap: nowrap;
  column-gap: 8px;
}

.te-on6wlwbncddc7uqvvzruafop,
.te-roepj6yjtgvma9chfewaqgpk,
.te-ynarpcz9va10hab0wzus79zp {
  background-color: #f7f7f7;
  border-start-start-radius: 0.5rem;
  border-start-end-radius: 0.5rem;
  border-end-start-radius: 0.5rem;
  border-end-end-radius: 0.5rem;
  width: 50px;
  height: 50px;
}

.te-uhk7thxjrfjou0onr367xhtp {
  position: relative;
}

.te-tqig6lgyrniavpe33na39xzo {
  padding-block-start: 6px;
  padding-inline-start: 6px;
  padding-inline-end: 6px;
  padding-block-end: 6px;
  border-block-start-width: 1px;
  border-block-end-width: 1px;
  border-inline-start-width: 1px;
  border-inline-end-width: 1px;
  border-block-start-style: solid;
  border-block-end-style: solid;
  border-inline-start-style: solid;
  border-inline-end-style: solid;
  border-block-start-color: rgba(227, 227, 227, 1);
  border-block-end-color: rgba(227, 227, 227, 1);
  border-inline-start-color: rgba(227, 227, 227, 1);
  border-inline-end-color: rgba(227, 227, 227, 1);
  border-start-start-radius: 0.75rem;
  border-start-end-radius: 0.75rem;
  border-end-start-radius: 0.75rem;
  border-end-end-radius: 0.75rem;
  width: 85px;
  overflow-y: hidden;
  position: relative;
  box-shadow: 0 2px 3px 0 rgba(0, 0, 0, .08);
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  flex-wrap: nowrap;
}

.te-oucwqwzsdwfdefjoybl3x9po {
  width: 100%;
  display: flex;
  justify-content: space-between;
  flex-wrap: nowrap;
  flex-direction: row;
  column-gap: 5px;
}

.te-og29zwp8qenxzwcqn37xxdyq {
  color: #6b6b6b;
  font-weight: 600;
  font-size: 16px;
  line-height: 120%;
  letter-spacing: 0;
  font-family: Outfit, 'Segoe UI', sans-serif;
}

.te-udmgpb6gt4pfeaf85g5v4leu.ts-close,
.te-udmgpb6gt4pfeaf85g5v4leu.ts-open {
  width: 100%;
}

.te-udmgpb6gt4pfeaf85g5v4leu {
  width: 100%;
  position: absolute;
  inset-block-end: 5px;
}

.te-i1cgngcwtw1si7qpcwpnl4zm {
  height: 100%;
  align-items: end;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: start;
  row-gap: 4rem;
}

.te-xq6vve7xbh8x7xxdmjvgq8og {
  display: none;
}

.te-orwceb4hoqehxogjv4kgbfyl {
  width: 50px;
  height: 100%;
  align-items: end;
  display: flex;
  flex-direction: column;
  justify-content: start;
  flex-wrap: nowrap;
  row-gap: 0.25rem;
}

.te-r5brotmevo2j7vd48d62ps4g {
  color: #9d9d9d;
  font-weight: 400;
  text-decoration: line-through;
  font-size: 10px;
  line-height: 100%;
  letter-spacing: 0;
  font-family: Outfit, 'Segoe UI', sans-serif;
}

.te-fgqbs66t7qnyvj4ybxjfaog4,
.te-g6go2gbf0fzoqu5lv4018rfj {
  color: #2aa62b;
  font-weight: 600;
  font-size: 12px;
  line-height: 100%;
  letter-spacing: 0;
  font-family: Outfit, 'Segoe UI', sans-serif;
}

.te-jm9zwue7r4qcakejfy7jvvke {
  padding-inline-start: 20px;
  padding-block-start: 20px;
  padding-inline-end: 20px;
  padding-block-end: 10px;
}

.te-jm3h3vmh6rnblj3syqll3cl0 {
  margin-block-end: 14px;
  font-weight: 500;
  font-size: 16px;
  line-height: 100%;
  letter-spacing: 0;
  font-family: Outfit, 'Segoe UI', sans-serif;
}

.te-yuygxyd4ltjqfzhvzp1kvhep {
  padding-inline-start: 14px;
  padding-block-start: 14px;
  padding-inline-end: 14px;
  padding-block-end: 14px;
  background-color: #fff;
  border-start-start-radius: 14px;
  border-start-end-radius: 14px;
  border-end-start-radius: 14px;
  border-end-end-radius: 14px;
  width: 100%;
  overflow-x: auto;
  display: flex;
  flex-wrap: nowrap;
  flex-direction: row;
  column-gap: 14px;
}

.te-z4vrbt87fwxotnyucmbraq4b {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  row-gap: 14px;
}

.te-zjjn1i7jj4l7ptpzdmhyccgh {
  width: 115px;
  height: 115px;
  position: relative;
}

.te-jsrv4l21wttb5sgzlavf6l9s {
  background-color: #f0f0f0;
  border-start-start-radius: 14px;
  border-start-end-radius: 14px;
  border-end-start-radius: 14px;
  border-end-end-radius: 14px;
  width: 100%;
  height: 100%;
}

@media screen and (min-width: 1024px) {
  .te-jsrv4l21wttb5sgzlavf6l9s {
    width: 100%;
    height: 100%;
  }
}

.te-a4cn6ec59gjtoccyz0qzlpsh {
  width: 100%;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  row-gap: 12px;
}

.te-z05vj397jw3tfi6bxas2cezo {
  width: 100%;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  row-gap: 8px;
  column-gap: 16px;
}

.te-nluaj60zts0mpqtlys9nbmj8 {
  width: 100%;
  align-items: start;
  display: flex;
  flex-direction: column;
  justify-content: center;
  flex-wrap: nowrap;
  row-gap: 12px;
}

.te-hi16q3chydjgt5kzvvbgyegr {
  font-weight: 500;
  font-size: 12px;
  line-height: 100%;
  letter-spacing: 0;
  overflow: hidden;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  font-family: Outfit, 'Segoe UI', sans-serif;

  width: 100%;
  min-width: 115px;
  max-width: 115px;
  max-height: 36px;
  flex-wrap: nowrap;
  flex-direction: row;
}

@media screen and (min-width: 1024px) {
  .te-hi16q3chydjgt5kzvvbgyegr {
    font-weight: 500;
    font-size: 12px;
    line-height: 100%;
    letter-spacing: 0;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    font-family: Outfit, 'Segoe UI', sans-serif;

    max-height: 37px;
  }
}

.te-ndgqvn5aiptjypdl8nd0xc28 {
  margin-block-start: auto;
  width: 100%;
  align-items: center;
  display: flex;
  flex-wrap: nowrap;
  flex-direction: row;
  column-gap: 8px;
}

.te-yc97vqobpkl3ce01zh2rnric {
  color: #9d9d9d;
  font-weight: 400;
  text-decoration: line-through;
  font-size: 12px;
  line-height: 120%;
  letter-spacing: 0;
  font-family: Outfit, 'Segoe UI', sans-serif;
}

@media screen and (min-width: 1024px) {
  .te-yc97vqobpkl3ce01zh2rnric {
    color: #9d9d9d;
    font-weight: 500;
    text-decoration: line-through;
    font-size: 12px;
    line-height: 120%;
    letter-spacing: 0;
    font-family: Outfit, 'Segoe UI', sans-serif;
  }
}


.te-lbakopbx1pu3xszx0memx5tq {
  color: #101820;
  font-weight: 500;
  font-size: 14px;
  line-height: 100%;
  letter-spacing: 0;
  font-family: Outfit, 'Segoe UI', sans-serif;
}

@media screen and (min-width: 1024px) {
  .te-lbakopbx1pu3xszx0memx5tq {
    font-weight: 500;
    font-size: 14px;
    line-height: 100%;
    letter-spacing: 0;
    font-family: Outfit, 'Segoe UI', sans-serif;
  }
}

.te-w1x2e5d82lpurek8f0oei86i {
  min-width: 115px;
}

@media screen and (min-width: 1024px) {
  .te-w1x2e5d82lpurek8f0oei86i {
    width: 100%;
    min-width: 115px;
    max-width: 115px;
  }
}

.cart-reco-atc-minipdp-button__atc {
  inline-size: 100%;
}

.te-z5nigdwgrl83mdzemv71gjvq {
  max-width: 115px;
}

.te-nj9a16ktk0woedh6j35zl758 {
  border-start-start-radius: 1rem;
  border-start-end-radius: 1rem;
  width: 100%;
  z-index: 2;
}

@media screen and (min-width: 1024px) {
  .te-nj9a16ktk0woedh6j35zl758 {
    background-color: rgba(255, 255, 255, 0);
    width: 100%;
    height: 100%;
  }
}



.te-ff8x92udijxa7t3iic6l6p98 {
  padding-inline-start: 1.25rem;
  padding-inline-end: 1.25rem;
  padding-block-start: 0.625rem;
}

.te-a4m69g51qc6k06m7zl3n5xhx {
  padding-block-start: 14px;
  padding-inline-start: 14px;
  padding-inline-end: 14px;
  padding-block-end: 14px;
  border-start-start-radius: 14px;
  border-start-end-radius: 14px;
  border-end-start-radius: 14px;
  border-end-end-radius: 14px;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  row-gap: 1.25rem;
}

.te-v26rswovnh5pss4fffs6i5ru {
  align-items: center;
  display: flex;
  justify-content: space-between;
  flex-wrap: nowrap;
  flex-direction: row;
}

.te-in0wvajph163tzkzht19mvn0 {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  row-gap: 8px;
}

.te-mg8v3fiq2v70fo7rmyrxrepl {
  color: #4d420f;
  font-weight: 600;
  font-size: 18px;
  line-height: 100%;
  font-family: Outfit;
}

.te-wpvbqo5tvredewqt62zz87w3 {
  color: #94812c;
  font-weight: 500;
  font-size: 14px;
  line-height: 100%;
  font-family: Outfit;
}

.te-mjtny2propmcpto1opekg910 {
  min-width: 55px;
  max-width: 55px;
}

@media screen and (min-width: 1024px) {
  .te-mjtny2propmcpto1opekg910 {
    min-width: 55px;
    max-width: 55px;
  }
}


.te-s9f5pa23xuh9kq6bft4kzda7 {
  width: 100%;
}

.te-t3un1339dao3by4pj9hgx9zd {
  overflow-x: scroll;
  display: flex;
  flex-wrap: nowrap;
  flex-direction: row;
  column-gap: 0.625rem;
}

.te-bn4pa8eav6ua25wio8hbai3i {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  row-gap: 14px;
}

.te-nz8d28l95jrxda3ifry2ho3q {
  width: 115px;
  height: 115px;
}

.te-r133uvr10mqemv3hco8g71i0 {
  background-color: #f0f0f0;
  border-start-start-radius: 14px;
  border-start-end-radius: 14px;
  border-end-start-radius: 14px;
  border-end-end-radius: 14px;
  width: 100%;
  height: 100%;
}

@media screen and (min-width: 1024px) {
  .te-r133uvr10mqemv3hco8g71i0 {
    width: 100%;
    height: 100%;
  }
}


.te-hpgbyo4va9flmovnfe58xrc5 {
  width: 100%;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  row-gap: 12px;
}

.te-amtor43qck42xggf29jc2iqe {
  width: 100%;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  row-gap: 8px;
  column-gap: 16px;
}

.te-oyxj3efpikrqc0n2vk4iki6c {
  width: 100%;
  align-items: start;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  flex-wrap: nowrap;
  row-gap: 12px;
}

.te-vdwtbmuifvy5hwc8d1hq8ldy {
  font-weight: 500;
  font-size: 12px;
  line-height: 100%;
  letter-spacing: 0;
  overflow: hidden;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  font-family: Outfit, 'Segoe UI', sans-serif;
  width: 100%;
  min-width: 115px;
  max-width: 115px;
  max-height: 36px;
  flex-wrap: nowrap;
  flex-direction: row;
}

@media screen and (min-width: 1024px) {
  .te-vdwtbmuifvy5hwc8d1hq8ldy {
    font-weight: 500;
    font-size: 12px;
    line-height: 100%;
    letter-spacing: 0;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    font-family: Outfit, 'Segoe UI', sans-serif;
    max-height: 37px;
  }
}



.te-vvtuz5fz4u9ilwgjg4s0wxq2 {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  row-gap: 0.375rem;
}

.te-vvtuz5fz4u9ilwgjg4s0wxq2 {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  row-gap: 0.375rem;
}

.te-ankm3dwljz9dof7un80dw5jy {
  color: #101820;
  font-weight: 500;
  font-size: 14px;
  line-height: 100%;
  letter-spacing: 0;
  font-family: Outfit, 'Segoe UI', sans-serif;
}

@media screen and (min-width: 1024px) {
  .te-ankm3dwljz9dof7un80dw5jy {
    font-weight: 700;
    font-size: 14px;
    line-height: 120%;
    letter-spacing: 0;
    font-family: Outfit, 'Segoe UI', sans-serif;
  }
}



.te-do0lp08nu55nkh8iegclr0d8 {
  color: #b6a54e;
  font-weight: 400;
  text-decoration: line-through;
  font-size: 12px;
  line-height: 120%;
  font-family: Outfit;
}

.te-li447rinfnzmtujcpocq5ou4 {
  background-color: #41a141;
  border-start-start-radius: 100px;
  border-start-end-radius: 100px;
  border-end-start-radius: 100px;
  border-end-end-radius: 100px;
  width: 100%;
  min-width: 52px;
  max-width: 52px;
}

.te-a9dbr26y4mqb0efihldpqt44 {
  color: #fff;
  font-weight: 500;
  text-align: center;
  font-size: 10px;
  line-height: 150%;
  font-family: Outfit;
}

@media screen and (min-width: 1024px) {
  .te-cgpihizvlpff28ngbgoie43m {
    width: 100%;
    min-width: 115px;
    max-width: 115px;
  }
}

.te-cgpihizvlpff28ngbgoie43m {
  min-width: 115px;
}

@media screen and (min-width: 1024px) {
  .te-q3kj3re0mzt2csnkdy2i2ih9 {
    width: 100%;
    height: 36px;
    max-width: 115px;
  }
}

.te-q3kj3re0mzt2csnkdy2i2ih9 {
  max-width: 115px;
}

/* cart button */
.button__button-wrapper.btn-secondary {
  --button-font-color: white;
  --button-background-color: black;
  --button-hover-background-color: gray;
}

.button__button-wrapper.btn-s {
  --button-font-size: 16px;
  --button-icon-size: 20px;
  --button-border-radius: 7.32px;
  --button-focus-border-radius: 7.32px;
  --button-loading-icon-size: 24px;
  --button-padding: 6px;
}



.button__button-wrapper {
  --button-padding: 12px;
  --button-border-radius: 14px;
  --button-border-color: transparent;
  --button-focus-border-radius: 14px;
  --button-focus-border-color: transparent;
  --button-font-color: var(--color-neutral-black);
  --button-box-shadow-color: rgba(0, 0, 0, 0.12);
  font-family: Outfit, 'Segoe UI', sans-serif;
  border-radius: var(--button-focus-border-radius);
}


.black-button__button-border {
  background: black;
  border-radius: 12px;
}

.black-button__button {
  padding: 13px;
  color: white;
  font-size: 20px;
  --squircle-smooth: 9;
  border-radius: 12px;
  background-color: black;
  filter: drop-shadow(0px 2px 3px rgba(0, 0, 0, .08));
  padding: var(--button-padding);
  font-size: var(--button-font-size);
  filter: drop-shadow(0px 2px 3px rgba(0, 0, 0, .08));
}

.te-axdh9f4gec09mk7lb1yuqsz9 {
  position: relative;
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  flex-wrap: nowrap;
  column-gap: 0.5rem;
}

.te-v0g6ad2bcl3ri131fppk9183 {
  align-items: center;
  display: flex;
  justify-content: center;
  flex-wrap: nowrap;
  flex-direction: row;
  column-gap: 0.5rem;
}

/* cart button */
.te-wz2ek0m6cminwo98wxxs82eg {
  position: absolute;
  inset-inline-start: 5px;
  inset-block-start: 5px;
}

.te-vcdn753hq57z48tp9c4xdlkt {
  padding-inline-start: 3px;
  padding-block-start: 3px;
  padding-inline-end: 3px;
  padding-block-end: 3px;
  background-color: #fff;
  border-start-start-radius: 10px;
  border-start-end-radius: 10px;
  border-end-start-radius: 10px;
  border-end-end-radius: 10px;
  cursor: pointer;
  align-items: center;
  display: flex;
  justify-content: center;
  flex-wrap: nowrap;
  flex-direction: row;
  column-gap: 4px;
}

@media screen and (min-width: 1024px) {
  .te-vcdn753hq57z48tp9c4xdlkt {
    background-color: #fbfbfb;
    cursor: auto;
  }
}



.plp-prod-card-rating-stats-clone {
  display: flex;
}

.te-mi0rc335s5bfy59myvmk0lra {
  align-items: center;
  display: flex;
  justify-content: start;
  flex-wrap: nowrap;
  flex-direction: row;
}

.plp-prod-card-rating-stats-clone .loox-rating {
  display: flex;
  gap: 0.25rem;
}

@media (min-width: 1024px) {
  .plp-prod-card-rating-stats-clone .loox-rating::before {
    content: attr(data-rating);
    display: block;
    color: #131313;
    font-weight: 500;
    font-size: 10px;
    line-height: 100%;
    letter-spacing: 0;
    font-family: Outfit, 'Segoe UI', sans-serif;
  }
}

.plp-prod-card-rating-stats-clone .loox-rating::before {
  content: attr(data-rating);
  display: block;
  color: #131313;
  font-weight: 500;
  font-size: 10px;
  line-height: 100%;
  letter-spacing: 0;
  font-family: Outfit, 'Segoe UI', sans-serif;
}

::before,
::after {
  --tw-content: '';
}

.plp-prod-card-rating-stats-clone .loox-rating .loox-rating-content {
  display: none;
}

.loox-rating .loox-rating-content {
  display: inline-flex;
  align-items: center;
  gap: 2px;
  vertical-align: middle;
}

@media (min-width: 1024px) {
  .plp-prod-card-rating-stats-clone .loox-rating::after {
    content: "(" 400 " +)";
    display: block;
    color: #afafaf;
    font-weight: 400;
    font-size: 10px;
    line-height: 100%;
    letter-spacing: 0;
    font-family: Outfit, 'Segoe UI', sans-serif;

  }
}

.plp-prod-card-rating-stats-clone .loox-rating::after {
  content: "(" 400 "+)";
  display: block;
  color: #afafaf;
  font-weight: 400;
  font-size: 10px;
  line-height: 100%;
  letter-spacing: 0;
  font-family: Outfit, 'Segoe UI', sans-serif;

}

.te-w7r3wcmv9tje8tvitvkwtecl {
  padding-inline-start: 1.25rem;
  padding-inline-end: 1.25rem;
  padding-block-start: 1.25rem;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  row-gap: 0.75rem;
}

@media screen and (min-width: 1024px) {
  .te-w7r3wcmv9tje8tvitvkwtecl {
    padding-inline-start: 1.25rem;
    padding-inline-end: 1.25rem;
    padding-block-start: 1.25rem;
    padding-block-end: 0.625rem;
  }
}



.te-cz7ey7jjcl7nr2f5rnfnhjyc {
  font-weight: 500;
  font-size: 16px;
  line-height: 120%;
  letter-spacing: 0;
  font-family: Outfit, 'Segoe UI', sans-serif;
}

.te-of4czjc8mp1uo0z96k87ik1a {
  padding-inline-start: 1.25rem;
  padding-inline-end: 1.25rem;
  padding-block-start: 1rem;
  padding-block-end: 1rem;
  background-color: #fff;
  border-block-start-width: 1px;
  border-block-end-width: 1px;
  border-inline-start-width: 1px;
  border-inline-end-width: 1px;
  border-block-start-style: solid;
  border-block-end-style: solid;
  border-inline-start-style: solid;
  border-inline-end-style: solid;
  border-block-start-color: rgba(234, 234, 234, 1);
  border-block-end-color: rgba(234, 234, 234, 1);
  border-inline-start-color: rgba(234, 234, 234, 1);
  border-inline-end-color: rgba(234, 234, 234, 1);
  border-start-start-radius: 1rem;
  border-start-end-radius: 1rem;
  border-end-start-radius: 1rem;
  border-end-end-radius: 1rem;
  width: 100%;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .08);
  align-items: center;
  display: flex;
  justify-content: start;
  flex-wrap: nowrap;
  flex-direction: row;
}

.te-um4h9whrus6qnc2dmksx8u3i {
  margin-inline-end: 0.75rem;
  color: #3f855b;
  width: 24px;
  height: 24px;
}

.te-jgr7c6iv8my0j9rru0p0nlq5 {
  width: 100%;
  display: flex;
  flex-wrap: nowrap;
  flex-direction: row;
}

.te-eibekdgxs6j3sq9jidsn9ota {
  font-weight: 500;
  font-size: 16px;
  line-height: 120%;
  letter-spacing: 0;
  font-family: Outfit, 'Segoe UI', sans-serif;
}

.te-m3e9h36vymn49t3hy1e0g716 {
  width: 100%;
  height: 100%;
  max-height: 100vh;
  overflow-y: hidden;
  display: flex;
  flex-wrap: nowrap;
  flex-direction: row;
}

@media screen and (min-width: 1024px) {
  .te-m3e9h36vymn49t3hy1e0g716 {
    height: 100%;
    max-height: 100vh;
  }
}


.te-y27f53ng6kkgiaapytc2adkn {
  padding-inline-start: 20px;
  padding-block-start: 20px;
  padding-inline-end: 20px;
}

.te-dticckqa1yjpkvwnta4ck7bv {
  padding-block-start: 1.25rem;
  padding-inline-start: 1.25rem;
  padding-inline-end: 1.25rem;
  padding-block-end: 1.25rem;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  row-gap: 0.75rem;
}

.te-k4dkkiicl3vj395v30t9p8d5 {
  font-weight: 500;
  font-size: 16px;
  line-height: 120%;
  letter-spacing: 0;
  font-family: Outfit, 'Segoe UI', sans-serif;
}

.cart-price-breakdown__div {
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .05);
}

.te-od9hynxl9lxdcc7dv7vbwapr {
  padding-block-start: 1.25rem;
  padding-inline-start: 1.25rem;
  padding-inline-end: 1.25rem;
  padding-block-end: 1.25rem;
  background-color: white;
  border-block-start-width: 1px;
  border-block-end-width: 1px;
  border-inline-start-width: 1px;
  border-inline-end-width: 1px;
  border-block-start-style: solid;
  border-block-end-style: solid;
  border-inline-start-style: solid;
  border-inline-end-style: solid;
  border-block-start-color: rgba(234, 234, 234, 1);
  border-block-end-color: rgba(234, 234, 234, 1);
  border-inline-start-color: rgba(234, 234, 234, 1);
  border-inline-end-color: rgba(234, 234, 234, 1);
  border-start-start-radius: 14px;
  border-start-end-radius: 14px;
  border-end-start-radius: 14px;
  border-end-end-radius: 14px;
}

.te-q4w1m0inhnhx42d965tb0pzb {
  background-color: #fff;
  height: 100%;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  row-gap: 1.25rem;
}

.te-nfua2gpxuf9zcmtfodbf2kl4 {
  display: flex;
  justify-content: space-between;
  flex-wrap: nowrap;
  flex-direction: row;
}

.te-kkql07oxn3r3ads3xk716zcu {
  font-weight: 500;
  font-size: 16px;
  line-height: 120%;
  letter-spacing: 0;
  font-family: Outfit, 'Segoe UI', sans-serif;
}

.te-iq4hqc75yomoc5immu56xpah {
  font-weight: 700;
  font-size: 16px;
  line-height: 120%;
  letter-spacing: 0;
  font-family: Outfit, 'Segoe UI', sans-serif;
}

.te-ez5h0um1z5wgvru8rnzk6f55 {
  display: flex;
  justify-content: space-between;
  flex-wrap: nowrap;
  flex-direction: row;
}

.te-nzcd1rg8lb7ehxfp9jr2tg86 {
  font-weight: 500;
  font-size: 16px;
  line-height: 120%;
  letter-spacing: 0;
  font-family: Outfit, 'Segoe UI', sans-serif;
}

.te-vad0vo8yqrtepl833xrsa7u5 {
  align-items: center;
  display: flex;
  justify-content: start;
  flex-wrap: nowrap;
  flex-direction: row;
  column-gap: 0.75rem;
}

.te-vac6mv1iziu8qrdxskfdegj9 {
  color: rgba(221, 221, 221, 1);
  font-weight: 400;
  text-decoration: line-through;
  font-size: 16px;
  line-height: 120%;
  letter-spacing: 0;
  font-family: Outfit, 'Segoe UI', sans-serif;
}

.te-oildqgjqrjtrmnpeyftonk40 {
  color: #2aa62b;
  font-weight: 700;
  font-size: 16px;
  line-height: 120%;
  letter-spacing: 0;
  font-family: Outfit, 'Segoe UI', sans-serif;
}

.te-s33tt3b2q9a6ohsfo9xosdoq {
  display: flex;
  justify-content: space-between;
  flex-wrap: nowrap;
  flex-direction: row;
}

.te-zt6rely1dx1ciec2xcrl5q2l {
  align-items: center;
  display: flex;
  justify-content: start;
  flex-wrap: nowrap;
  flex-direction: row;
  column-gap: 0.75rem;
}

.te-zaafbp9cn1ltwufb7gs32l2x {
  font-weight: 500;
  font-size: 16px;
  line-height: 120%;
  letter-spacing: 0;
  font-family: Outfit, 'Segoe UI', sans-serif;
}

.te-jvqfr2r2vz0dntbp7ovj0680 {
  padding-block-start: 0.375rem;
  padding-inline-start: 0.375rem;
  padding-inline-end: 0.375rem;
  padding-block-end: 0.375rem;
  background-color: #daf1e3;
  border-start-start-radius: 0.375rem;
  border-start-end-radius: 0.375rem;
  border-end-start-radius: 0.375rem;
  border-end-end-radius: 0.375rem;
  display: flex;
  flex-wrap: nowrap;
  flex-direction: row;
}

.te-x8g2a19pc9whqcvg3pa9o3zw {
  font-weight: 400;
  font-size: 14px;
  line-height: 120%;
  letter-spacing: 0;
  font-family: Outfit, 'Segoe UI', sans-serif;
}

.te-vhx4kue1bb5s7im90pphn2rf {
  color: #2aa62b;
  font-weight: 600;
  font-size: 16px;
  line-height: 120%;
  letter-spacing: 0;
  font-family: Outfit, 'Segoe UI', sans-serif;
}

.te-a0bq3tg7gzl9udokfw1nrwt6 {
  display: flex;
  justify-content: space-between;
  flex-wrap: nowrap;
  flex-direction: row;
}

.te-xgm7nvdvpkya4ptwfdrexjsk {
  font-weight: 500;
  font-size: 16px;
  line-height: 120%;
  letter-spacing: 0;
  font-family: Outfit, 'Segoe UI', sans-serif;
}

.te-esr4gli7eqfjjc6kq4zq0thw {
  font-weight: 600;
  font-size: 16px;
  line-height: 120%;
  letter-spacing: 0;
  font-family: Outfit, 'Segoe UI', sans-serif;
}

.cart-dialog__cancel-accordion,
.cart-dialog__offer {
  box-shadow: 0 2px 5px rgba(0, 0, 0, .05);
}

.te-qx8krdlf414qkjlhgoltyjtp {
  margin-inline-start: 1.25rem;
  margin-inline-end: 1.25rem;
  background-color: #fff;
  border-block-start-width: 1px;
  border-block-end-width: 1px;
  border-inline-start-width: 1px;
  border-inline-end-width: 1px;
  border-block-start-style: solid;
  border-block-end-style: solid;
  border-inline-start-style: solid;
  border-inline-end-style: solid;
  border-block-start-color: rgba(234, 234, 234, 1);
  border-block-end-color: rgba(234, 234, 234, 1);
  border-inline-start-color: rgba(234, 234, 234, 1);
  border-inline-end-color: rgba(234, 234, 234, 1);
  border-start-start-radius: 14px;
  border-start-end-radius: 14px;
  border-end-start-radius: 14px;
  border-end-end-radius: 14px;
}

.te-m1goh0dgq0wjz5g8z9n1f9r9 {
  border-block-start-width: 0;
  border-block-end-width: 0;
  border-inline-start-width: 0;
  border-inline-end-width: 0;
  border-block-start-style: solid;
  border-block-end-style: solid;
  border-inline-start-style: solid;
  border-inline-end-style: solid;
}

.te-vfy66a31tnb97vz6evudtevc {
  padding-block-start: 1.5rem;
  padding-block-end: 1.5rem;
  padding-inline-start: 1.25rem;
  padding-inline-end: 1.25rem;
  text-align: start;
  width: 100%;
  align-items: center;
  display: flex;
  justify-content: start;
  flex-wrap: nowrap;
  flex-direction: row;
  column-gap: 1rem;
}

@media screen and (min-width: 1024px) {
  .te-vfy66a31tnb97vz6evudtevc {
    padding-block-start: 1.5rem;
    padding-block-end: 1.5rem;
    padding-inline-start: 1.25rem;
    padding-inline-end: 1.25rem;
  }
}

.te-cj3ynbxe8mkdddl7dfjn8fdn {
  width: 100%;
  display: flex;
  flex-wrap: nowrap;
  flex-direction: row;
}

.te-uajjopgifrt9b696lxqp120t {
  font-weight: 500;
  font-size: 16px;
  line-height: 120%;
  letter-spacing: 0;
  font-family: Outfit, 'Segoe UI', sans-serif;
}

.simple-accordion__marker {
  display: grid;
  place-content: center;
}

.te-s9xn84jxetmnufvosuuscylf {
  padding-inline-start: 1rem;
  border-inline-start-width: 1px;
  border-block-start-style: none;
  border-block-end-style: none;
  border-inline-start-style: none;
  border-inline-end-style: none;
  border-block-start-color: rgba(247, 247, 247, 1);
  border-block-end-color: rgba(247, 247, 247, 1);
  border-inline-start-color: rgba(247, 247, 247, 1);
  border-inline-end-color: rgba(247, 247, 247, 1);
}

@media screen and (min-width: 1024px) {
  .te-qy2a8z1iof7vpkdbni1gviyv {
    padding-inline-start: 1.25rem;
    padding-inline-end: 1.25rem;
  }
}

.te-osztqzxxr3vl7erw4mo7ud9e {
  padding-block-start: 1.25rem;
  padding-inline-end: 1.25rem;
  padding-inline-start: 1.25rem;
  padding-block-end: 1.25rem;
  box-shadow: 0 -4px 18.9px 0 rgba(0, 0, 0, .05);
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  row-gap: 0.75rem;
}

.te-uks9v8vpfvxo35z2f0wdr4it {
  width: 100%;
  align-items: center;
  display: flex;
  justify-content: space-between;
  flex-wrap: nowrap;
  flex-direction: row;
}

.te-zd15345iho0z6tigtj2b8j71 {
  align-items: center;
  display: flex;
  justify-content: start;
  flex-wrap: nowrap;
  flex-direction: row;
  column-gap: 0.75rem;
}

.te-at20l7vy4yqyzg9t0zvardt1 {
  font-weight: 700;
  font-size: 16px;
  line-height: 120%;
  letter-spacing: 0;
  font-family: Outfit, 'Segoe UI', sans-serif;
}

.te-sa0r3avg3orqot211kj5rkz5 {
  padding-block-start: 5px;
  padding-inline-start: 5px;
  padding-inline-end: 5px;
  padding-block-end: 5px;
  background-color: #daf1e3;
  border-start-start-radius: 5.14px;
  border-start-end-radius: 5.14px;
  border-end-start-radius: 5.14px;
  border-end-end-radius: 5.14px;
  align-items: center;
  display: flex;
  justify-content: start;
  flex-wrap: nowrap;
  flex-direction: row;
  column-gap: 0.125rem;
}

.te-lcz6pld7lfrptw8y3ob73gnc {
  color: #187019;
  font-weight: 700;
  font-size: 10px;
  line-height: 120%;
  letter-spacing: 0;
  font-family: Outfit, 'Segoe UI', sans-serif;
  visibility: visible;
}

.te-dzdlgxdy1nagwdukx1gdgv2x {
  font-weight: 700;
  font-size: 16px;
  line-height: 120%;
  letter-spacing: 0;
  font-family: Outfit, 'Segoe UI', sans-serif;
}

.te-u3840mbcem233wx1ecce7rrs {
  width: 100%;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
}

.checkout-cta {
  display: grid;
  place-content: center;
  align-items: center;
}

.te-fta1s50keeilfikctx0g9xik {
  padding-inline-start: 1rem;
  padding-inline-end: 1rem;
  font-weight: 500;
  font-weight: 700;
  font-size: 20px;
  line-height: 120%;
  letter-spacing: 0;
  font-family: Outfit, 'Segoe UI', sans-serif;
  background-color: rgba(255, 209, 0, 1);
  border-start-start-radius: 12px;
  border-start-end-radius: 12px;
  border-end-start-radius: 12px;
  border-end-end-radius: 12px;
  height: 55px;
  cursor: pointer;
  box-shadow: 0 2px 3px 0 rgba(0, 0, 0, .12);
  align-items: center;
  display: flex;
  flex-direction: row;
  justify-content: center;
  flex-wrap: nowrap;
}

.checkout-cta>* {
  grid-area: 1 / 1;
}

.checkout-cta__loader {
  display: none;
  pointer-events: none;
  animation: 1s linear infinite checkout-cta-spin;
}

.checkout-cta>* {
  grid-area: 1 / 1;
}

.te-ewytbd92p1vxafz3d104xtcf {
  align-items: center;
  display: flex;
  justify-content: center;
  flex-wrap: nowrap;
  flex-direction: row;
}

.te-ce6ap51xwzj886ebjx9jeoka {
  align-items: start;
  display: flex;
  justify-content: center;
  flex-wrap: nowrap;
  flex-direction: row;
  column-gap: 1.5rem;
}

.te-nzl1w710rpaiviu19bico9vf {
  align-items: center;
  display: flex;
  justify-content: start;
  flex-wrap: nowrap;
  flex-direction: row;
  column-gap: 0.5rem;
}

.te-ctxl318edhyxswwmnj9hvbsp {
  color: #252525;
  font-weight: 500;
  font-weight: 700;
  font-size: 10px;
  line-height: 120%;
  letter-spacing: 0;
  font-family: Outfit, 'Segoe UI', sans-serif;
}

.te-nzl1w710rpaiviu19bico9vf {
  align-items: center;
  display: flex;
  justify-content: start;
  flex-wrap: nowrap;
  flex-direction: row;
  column-gap: 0.5rem;
}

.te-wc4hvphfn4rzmyvsqlkithkk {
  width: 100%;
  height: 26px;
}

/* cart open cart close (do not force open) */
.cart-drawer {
  position: fixed;
  inset: 0;
  z-index: 9999;
  pointer-events: none;
}

.cart-drawer--open,
.cart-drawer[open] {
  pointer-events: auto;
}

/* Keep scroll behavior but don't override closed/open transforms */
.cart-drawer__content {
  overflow-y: auto;
  display: flex;
  flex-direction: column;
}

.te-w0a98x9l9w066dhptfpppfjw {
  font-weight: 500;
  text-transform: capitalize;
  font-size: 12px;
  line-height: 100%;
  letter-spacing: 0;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  font-family: Outfit, 'Segoe UI', sans-serif;

}

.te-rd4037qkkyax3ibl5vfcb95d {
  align-items: start;
  display: flex;
  justify-content: start;
  flex-wrap: nowrap;
  flex-direction: row;
  column-gap: 0.25rem;
}

.te-uxwlvkahnjkmjlr68vkginme {
  min-width: 50%;
  align-items: start;
  display: flex;
  flex-wrap: wrap;
  justify-content: start;
  flex-direction: row;
  row-gap: 2px;
  column-gap: 2px;
}

.te-y4v1yi6ob7zey59byoo0l3ag {
  border-start-start-radius: 0.75rem;
  border-start-end-radius: 0.75rem;
  border-end-start-radius: 0.75rem;
  border-end-end-radius: 0.75rem;
  display: flex;
  flex-wrap: nowrap;
  flex-direction: row;
  column-gap: 3px;
}

.te-k1fgaienbxrxkbgbuxzzpecj,
.te-uj8204u9mwelrjlck2wspshz {
  color: #a3a3a3;
  font-weight: 400;
  text-transform: capitalize;
  font-size: 10px;
  line-height: 120%;
  letter-spacing: 0;
  font-family: Outfit, 'Segoe UI', sans-serif;
}

.product-details-wrapper {
  width: 0;
  flex-grow: 1;
}


.te-ta8w9c5ei4d1xd257hnsk0xm {
  width: 100%;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  row-gap: 0.5rem;
}

@media screen and (min-width: 1024px) {
  .te-ta8w9c5ei4d1xd257hnsk0xm {
    width: 100%;
  }
}


/* ✅ CORRECT - this is the proper way */
/* dialog::backdrop {
  position: fixed;
  background-color: rgba(0, 0, 0, 0.1);
  inset: 0px;
} */


dialog {
  /* Reset browser default positioning */
  position: fixed;
  height: 100%;
  width: 100%;
  background: transparent;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  margin: 0;
  /* important! browser adds auto margins by default */

  /* Your custom styles */
  overflow-y: auto;
  border: none;
  border-radius: 8px;
  padding: 0;
  z-index: 9999;
}



@media (min-width: 620px) {
  #quickview:not(.skip-animation) {
    animation: blowUpModal 0.2s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
  }
}

#quickview .grid-item-wrap {
  margin: 0 auto;
}

#quickview .grid-item-wrap {
  position: relative;
}

@media (min-width: 620px) {
  #quickview .grid-item-wrap {
    height: 65vh;
    min-height: 584px;
    min-width: 400px;
  }
}

#quickview .grid-item-wrap .grid-item.clearfix {
  background-color: transparent;
  height: 100%;
  position: relative;
  display: flex;
  justify-content: center;
  align-content: center;
  -webkit-box-shadow: 0px 0px 35px -10px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0px 0px 35px -10px rgba(0, 0, 0, 0.25);
  box-shadow: 0px 0px 35px -10px rgba(0, 0, 0, 0.25);
}

.grid-item {
  margin: 7px;
  background-color: #F0F0F0;
  overflow: hidden;
  color: #000000;
}

@media (min-width: 620px) {
  #quickview .grid-item {
    max-height: 584px;
    max-width: 813px;
    margin: 0px;
  }
}

#quickview .grid-item-wrap #close-btn {
  position: absolute;
  right: auto;
  top: 16px;
  left: 16px;
  color: white;
  background-color: rgba(0, 0, 0, 0.3);
  padding: 6px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  -webkit-transition: background-color 0.1s ease-in;
  -moz-transition: background-color 0.1s ease-in;
  -o-transition: background-color 0.1s ease-in;
  transition: background-color 0.1s ease-in;
  z-index: 9;
}

.close-btn {
  position: absolute;
  top: 10px;
  right: 10px;
  line-height: 30px;
  text-align: right;
  font-size: 30px;
  cursor: pointer;
}

@media (min-width: 645px) {
  .close-btn {
    top: -15px;
    right: 25px;
  }
}

#quickview .grid-item-wrap #close-btn .close-button-icon {
  width: 24px;
  height: 24px;
}

#quickview .grid-item-wrap .grid-item .item-img.video {
  align-items: unset;
}

#quickview .grid-item-wrap .grid-item .item-img {
  flex-basis: 53%;
  background: black;
  display: flex;
  justify-content: center;
  align-items: center;
  -webkit-border-radius: 8px 0px 0px 8px;
  -moz-border-radius: 8px 0px 0px 8px;
  border-radius: 8px 0px 0px 8px;
  overflow: hidden;
  position: relative;
}

.grid-item .item-img {
  position: relative;
}

@media (min-width: 620px) {
  #quickview .grid-item-wrap .grid-item .item-img {
    min-width: 438px;
  }
}

stream {
  --cloudflare-video-theme-color: var(--cloudflare-alt-white);
  --cloudflare-video-theme-font: var(--cloudflare-sans-serif-font);
}

stream {
  display: block;
  position: relative;
}

.css-10vg0z8 {
  display: flex;
  position: relative;
  -webkit-box-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  align-items: center;
  height: 100%;
  z-index: 0;
  overflow: hidden;
  background-color: var(--letterbox-color);
}

.css-14ogxpa {
  width: 100%;
  height: 100%;
  transform-style: preserve-3d;
}

.css-1usjvyn {
  position: absolute;
  height: 100%;
  width: 100%;
  inset: 0px;
  display: flex;
  flex-direction: column;
  -webkit-box-pack: end;
  justify-content: flex-end;
  z-index: 1;
  user-select: none;
}

.css-1ing9fb * {
  cursor: none;
}

.css-sanqhm {
  opacity: 0;
}

.css-ak9s4m {
  transition: opacity 0.25s;
}

.css-xrgxq4 {
  flex: 1 1 auto;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  justify-content: space-between;
}

.css-1ing9fb * {
  cursor: none;
}

.css-1fp9rnl {
  flex: 1 1 auto;
  height: 100%;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
  color: white;
  user-select: none;
}

.css-1ing9fb * {
  cursor: none;
}

.css-1fp9rnl {
  flex: 1 1 auto;
  height: 100%;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
  color: white;
  user-select: none;
}

.css-1ing9fb * {
  cursor: none;
}

.css-sanqhm {
  opacity: 0;
}

.css-ak9s4m {
  transition: opacity 0.25s;
}

.css-7zn2r1 {
  position: relative;
  display: flex;
  flex-direction: column;
  -webkit-box-pack: end;
  justify-content: flex-end;
  color: white;
}

.css-7zn2r1::before {
  content: " ";
  position: absolute;
  bottom: 0px;
  width: 100%;
  height: 12em;
  background-image: linear-gradient(rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.008) 8%, rgba(0, 0, 0, 0.027) 15.3%, rgba(0, 0, 0, 0.063) 21.9%, rgba(0, 0, 0, 0.106) 28.1%, rgba(0, 0, 0, 0.157) 33.9%, rgba(0, 0, 0, 0.21) 39.5%, rgba(0, 0, 0, 0.27) 45%, rgba(0, 0, 0, 0.33) 50.5%, rgba(0, 0, 0, 0.39) 56.2%, rgba(0, 0, 0, 0.443) 62.1%, rgba(0, 0, 0, 0.494) 68.4%, rgba(0, 0, 0, 0.537) 75.2%, rgba(0, 0, 0, 0.573) 82.7%, rgba(0, 0, 0, 0.592) 90.9%, rgba(0, 0, 0, 0.6) 100%);
  z-index: -1;
  pointer-events: none;
}

.css-1ing9fb * {
  cursor: none;
}

.css-7zn2r1 {
  position: relative;
  display: flex;
  flex-direction: column;
  -webkit-box-pack: end;
  justify-content: flex-end;
  color: white;
}

.css-1yhz3r0 {
  -webkit-box-pack: end;
  justify-content: flex-end;
}


.css-16427om {
  padding-left: 1em;
  padding-right: 1em;
  padding-bottom: 0.5em;
}

.css-1oxfqe2 {
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  gap: 1rem;
}

.css-1dfsi8o {
  position: relative;
  height: 1em;
  flex: 1 1 auto;
  display: flex;
  touch-action: none;
  user-select: none;
}

.css-1auprbm {
  position: relative;
  width: 100%;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
}

.css-1y1nrlo {
  position: relative;
  width: 100%;
  height: 0.4em;
  background: rgba(255, 255, 255, 0.2);
  transform: scaleY(0.6);
  transition: transform 0.3s;
  overflow: hidden;
  outline-offset: 1px !important;
}

.css-lwjnfv {
  position: absolute;
  inset: 0px;
  background: rgb(238, 238, 238);
  width: 100%;
  transform-origin: left center;
  transition: opacity 0.5s;
}

.css-sk80xk {
  position: absolute;
  top: 0px;
  height: 100%;
  left: 0px;
  width: 100%;
  background: white;
  transform: scaleX(0);
  transform-origin: 0px 0px;
}

.css-15bv2ix {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  pointer-events: none;
}

.css-1ks2cks {
  position: absolute;
  z-index: 1;
  width: 1px;
  top: 0px;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
}

.css-15bv2ix {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  pointer-events: none;
}

.css-lz66g6 {
  position: absolute;
  left: 0px;
  transform-origin: left center;
  transform: scale(0) translateX(-50%);
  opacity: 0;
  height: 1em;
  width: 1em;
  border-radius: 100%;
  background: white;
  transition: opacity 0.3s, transform 0.3s;
}

.css-1mvmngy {
  position: absolute;
  height: 200%;
  transform: translateY(-50%);
  width: 100%;
  inset: 50% 0px 0px;
  cursor: pointer;
}

.css-1v8tq7l {
  flex-shrink: 0;
  padding-left: 1em;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: end;
  justify-content: flex-end;
  font-variant-numeric: tabular-nums;
}

#quickview .grid-item-wrap .grid-item .main {
  flex-basis: 47%;
  flex-grow: 1;
  background: white;
  -webkit-border-radius: 0px 8px 8px 0px;
  -moz-border-radius: 0px 8px 8px 0px;
  border-radius: 0px 8px 8px 0px;
  display: flex;
  flex-direction: column;
  justify-content: stretch;
  padding: 0px;
}

@media (min-width: 620px) {
  #quickview .grid-item-wrap .grid-item .main {
    min-width: 375px;
  }
}



#quickview .grid-item-wrap .grid-item .main .review-details {
  padding: 24px 24px 16px 24px;
  position: relative;
}

#quickview .main .review-details .spread-container {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

#quickview .main .review-details .title {
  font-weight: 500;
}

.normal-text {
  font-size: 16px;
  line-height: 24px;
}

#quickview .main .review-details .verified-i {
  border-right: 1px solid rgba(0, 0, 0, 0.1);
  padding-right: 8px;
  margin-right: 8px;
}

.verified-purchase-container {
  white-space: nowrap;
  display: flex;
  align-items: center;
}

#quickview .main .review-details .verified-purchase-container .small-text {
  color: #000000;
  font-size: 14px;
}

.small-text {
  font-size: 12px;
  line-height: 18px;
  color: #767676;
}

#quickview .button-reset {
  border: none;
  background: none;
  padding: 0;
  font: inherit;
  color: inherit;
  cursor: pointer;
}

#i-icon {
  cursor: pointer;
}

.i-verified-notification {
  opacity: 0;
  background: #ffffff;
  box-shadow: 0px 8px 10px rgba(0, 0, 0, 0.12);
  border-radius: 4px 4px 0px 0px;
  position: absolute;
  top: 50px;
  right: 24px;
  min-height: 40px;
  padding: 16px;
  min-width: 331px;
  min-width: min(331px, calc(100% - 24px));
  max-width: 331px;
  transition: opacity 0.33s ease-in-out;
  pointer-events: none;
  visibility: hidden;
}

.i-verified-notification[open] {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}

.i-verified-notification span {
  display: block;
  margin-top: 12px;
  font-family: "Outfit", sans-serif;
}

a,
a:visited,
a:hover {
  text-decoration: none;
}

.verified-notification-learn-more-trigger {
  margin-top: 12px;
  font-size: 12px;
  text-decoration-line: underline;
  color: #000000;
  display: flex;
}

#quickview .main .review-details .spread-container {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

#quickview .main .review-details .stars {
  display: flex;
  align-items: center;
}

#quickview .main .review-details .time {
  color: #767676;
  font-size: 12px;
  line-height: 18px;
  font-weight: normal;
}

#quickview .main .review-content-wrapper {
  padding: 0px 24px 24px 24px;
  overflow: auto;
  margin-right: 2px;
  flex-grow: 1;
}

.normal-text {
  font-size: 16px;
  line-height: 24px;
}

.pre-wrap {
  white-space: pre-wrap;
}

#quickview .metadata {
  margin-bottom: 16px;
}

#quickview .top-margin {
  margin-top: 16px;
}

#quickview .metadata .metadata-title {
  color: #515B61;
  font-weight: 400;
  line-height: 16px;
  margin-bottom: 8px;
}

.small-text {
  font-size: 12px;
  line-height: 18px;
  color: #767676;
}

.normal-text {
  font-size: 16px;
  line-height: 24px;
}

.verify-reviews-popup.is-active {
  transform: translateY(0);
  pointer-events: all;
}

.verify-reviews-popup[open] {
  transform: translateY(0);
  pointer-events: all;
}

.verify-reviews-popup {
  display: flex;
  flex-direction: column;
}

.verify-reviews-popup {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 10;
  top: 100px;
  background-color: white;
  padding: 24px 32px;
  transform: translateY(100%);
  transition: transform 0.2s ease-in-out;
  pointer-events: none;
}

.verify-reviews-popup-close-bar {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 24px;
  flex-grow: 0;
}

.verify-reviews-popup-close-button {
  background-color: transparent;
  width: 100%;
  height: 24px;
  cursor: pointer;
}

.verify-reviews-popup-body {
  overflow: auto;
  height: 100%;
}

.verify-reviews-popup-title {
  font-style: normal;
  font-weight: 700;
  font-size: 26px;
  line-height: 39px;
  color: #000000;
  margin-bottom: 16px;
}

.verify-reviews-popup-content,
.verify-reviews-popup-content>* {
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 21px;
  color: #000000;
}

.te-a8r290nxfsbe3t1xu79068ru {
  height: 100%;
  overflow-y: scroll;
}

@media screen and (min-width: 1024px) {
  .te-a8r290nxfsbe3t1xu79068ru {
    margin-inline-start: auto;
    margin-inline-end: auto;
    width: 100%;
    height: 100%;
    max-width: 500px;
  }
}

.te-j6nqgd8erxxssq5zfxdvevjm {
  padding-inline-start: 1.25rem;
  padding-inline-end: 1.25rem;
  width: 100%;
}

.te-pnktdqk95r8he8efq2lanqva {
  padding-block-end: 40px;
  padding-block-start: 40px;
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  flex-wrap: nowrap;
  row-gap: 35px;
}

@media screen and (min-width: 1024px) {
  .te-pnktdqk95r8he8efq2lanqva {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    flex-wrap: nowrap;
    row-gap: 1.5rem;
    column-gap: 1.5rem;
  }
}


.te-v21xu8y0al588hxhiu4jw6iw {
  text-align: center;
  font-family: Outfit;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  row-gap: 1rem;
}

@media screen and (min-width: 1024px) {
  .te-v21xu8y0al588hxhiu4jw6iw {
    text-align: center;
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: start;
    flex-wrap: nowrap;
    row-gap: 1rem;
  }
}

.te-m2tcec5dfmgicpt2b4l53fvu {
  color: #06080b;
  font-weight: 100%;
  font-size: 22px;
  line-height: 0;
}

@media screen and (min-width: 1024px) {
  .te-m2tcec5dfmgicpt2b4l53fvu {
    color: #06080b;
    font-weight: 100%;
    font-size: 22px;
    line-height: 0;
    font-family: Outfit;
  }
}


.te-c6pkgljfmtsucj5edl4790r4 {
  color: #bcbcbc;
  font-weight: 600;
  font-size: 14px;
  line-height: 0;
  max-width: 210px;
}

@media screen and (min-width: 1024px) {
  .te-c6pkgljfmtsucj5edl4790r4 {
    color: #bcbcbc;
    font-weight: 500;
    font-size: 16px;
    line-height: 0;
    font-family: Outfit;
    max-width: 210px;
  }
}

.te-oh3yiyool2xnrhi3sxf3lrgj {
  padding-block-start: 2rem;
  padding-block-end: 5rem;
}

.te-m8f4anvfyzm1k19dsujurmn0 {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  row-gap: 1.25rem;
}

.te-aynasmsxq2ytjslc2u7yaxpr {
  align-items: center;
  display: flex;
  justify-content: space-between;
  flex-wrap: nowrap;
  flex-direction: row;
}

.te-d0m9apdi4u3zn3q89tmi2eqm {
  font-weight: 500;
  font-size: 22px;
  font-family: Outfit;
}

.te-gh8stpdra82ll9altt45adht {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  row-gap: 1.25rem;
  column-gap: 0.375rem;
}

.te-skhbiqw7iemb7ew1pdt1fnia {
  border-block-start-width: 1px;
  border-block-end-width: 1px;
  border-inline-start-width: 1px;
  border-inline-end-width: 1px;
  border-block-start-style: solid;
  border-block-end-style: solid;
  border-inline-start-style: solid;
  border-inline-end-style: solid;
  border-block-start-color: rgba(247, 247, 247, 1);
  border-block-end-color: rgba(247, 247, 247, 1);
  border-inline-start-color: rgba(247, 247, 247, 1);
  border-inline-end-color: rgba(247, 247, 247, 1);
  border-start-start-radius: 14px;
  border-start-end-radius: 14px;
  border-end-start-radius: 14px;
  border-end-end-radius: 14px;
}

.te-k7t5kp9fy7n8dm4eikydm00i {
  margin-block-end: 6px;
  background-color: #f0f0f0;
  border-start-start-radius: 14px;
  border-start-end-radius: 14px;
  border-end-start-radius: 14px;
  border-end-end-radius: 14px;
  position: relative;
  display: block;
}

.te-kc8wgmwhfh1ezqxw7hhihnwj {
  background-color: #f0f0f0;
  border-start-start-radius: 14px;
  border-start-end-radius: 14px;
  border-end-start-radius: 14px;
  border-end-end-radius: 14px;
  width: 100%;
  overflow-x: hidden;
  overflow-y: hidden;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
}

@media screen and (min-width: 1024px) {
  .te-kc8wgmwhfh1ezqxw7hhihnwj {
    width: 100%;
    overflow-x: hidden;
    overflow-y: hidden;
  }
}

.te-m3z341kmaq8l99pcrqmqu7yu {
  position: absolute;
  inset-inline-start: 5px;
  inset-block-start: 5px;
}

.te-puism6o6q7nx57pa376jmo7m {
  padding-inline-start: 3px;
  padding-block-start: 3px;
  padding-inline-end: 3px;
  padding-block-end: 3px;
  background-color: #fff;
  border-start-start-radius: 10px;
  border-start-end-radius: 10px;
  border-end-start-radius: 10px;
  border-end-end-radius: 10px;
  cursor: pointer;
  align-items: center;
  display: flex;
  justify-content: center;
  flex-wrap: nowrap;
  flex-direction: row;
  column-gap: 4px;
}

@media screen and (min-width: 1024px) {
  .te-puism6o6q7nx57pa376jmo7m {
    background-color: #fbfbfb;
    cursor: auto;
  }
}

.plp-prod-card-rating-stats {
  display: flex;
}

.te-tsr7smy7g2bti94nwbhl51jq {
  align-items: center;
  display: flex;
  justify-content: start;
  flex-wrap: nowrap;
  flex-direction: row;
}

.plp-prod-card-rating-stats .loox-rating {
  display: flex;
  gap: 0.25rem;
}

.plp-prod-card-rating-stats .loox-rating::before {
  content: "4.7";
  display: block;
  color: #131313;
  font-weight: 500;
  font-size: 12px;
  line-height: 100%;
  letter-spacing: 0;
  font-family: Outfit, 'Segoe UI', sans-serif;

}

@media (min-width: 1024px) {
  .plp-prod-card-rating-stats .loox-rating::before {
    content: "4.7";
    display: block;
    color: #131313;
    font-weight: 500;
    font-size: 14px;
    line-height: 100%;
    letter-spacing: 0;
    font-family: Outfit, 'Segoe UI', sans-serif;

  }
}

.plp-prod-card-rating-stats .loox-rating .loox-rating-content {
  display: none;
}

.loox-rating .loox-rating-content {
  display: inline-flex;
  align-items: center;
  gap: 2px;
  vertical-align: middle;
}


@media (min-width: 1024px) {
  .plp-prod-card-rating-stats .loox-rating::after {
    content: "(" "499" " +)";
    display: block;
    color: #afafaf;
    font-weight: 400;
    font-size: 14px;
    line-height: 100%;
    letter-spacing: 0;
    font-family: Outfit, 'Segoe UI', sans-serif;
  }
}

.plp-prod-card-rating-stats .loox-rating::after {
  content: "(" "499" "+)";
  display: block;
  color: #afafaf;
  font-weight: 400;
  font-size: 12px;
  line-height: 100%;
  letter-spacing: 0;
  font-family: Outfit, 'Segoe UI', sans-serif;
}

.te-i3gddtbdo1e63p4eabpxobqn {
  padding-block-end: 0.375rem;
}

.te-a0ekhs65eafn0lcnm73dfs7y {
  padding-inline-start: 6px;
  padding-inline-end: 6px;
  padding-block-start: 0.25rem;
  padding-block-end: 0.625rem;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  row-gap: 0.5rem;
}

@media screen and (min-width: 1024px) {
  .te-a0ekhs65eafn0lcnm73dfs7y {
    padding-inline-start: 10px;
    padding-inline-end: 10px;
    padding-block-end: 0.625rem;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    row-gap: 0.5rem;
  }
}

.te-p7fpbims0pzeiuvsx7ufd70w {
  color: #101820;
  font-weight: 400;
  font-size: 14px;
  line-height: 120%;
  letter-spacing: 0;
  font-family: Outfit, 'Segoe UI', sans-serif;
  min-height: 36px;
  max-height: 36px;
}

@media screen and (min-width: 1024px) {
  .te-p7fpbims0pzeiuvsx7ufd70w {
    font-weight: 400;
    font-size: 14px;
    line-height: 110%;
    letter-spacing: 0;
    font-family: Outfit, 'Segoe UI', sans-serif;
    height: 36px;
    min-height: 36px;
    max-height: 36px;
  }
}



.te-z06f0o3l0vf8vfxk0rlhhsd5 {
  height: 100%;
}

.te-al42a2u90rpfv3xqxdnpy0wh {
  display: inline-flex;
  flex-direction: row;
  flex-wrap: wrap;
  row-gap: 8px;
  column-gap: 8px;
}

.te-perzanriw4hs9nlmnthyelfv {
  background-color: #eaf2fc;
  border-start-start-radius: 0.25rem;
  border-start-end-radius: 0.25rem;
  border-end-start-radius: 0.25rem;
  border-end-end-radius: 0.25rem;
  min-height: 8px;
}

.te-rx6f6s41rsv45fl7xsw87e6u {
  padding-block-start: 0.25rem;
  padding-block-end: 0.25rem;
  padding-inline-end: 0.25rem;
  padding-inline-start: 0.25rem;
  border-start-start-radius: 0.25rem;
  border-start-end-radius: 0.25rem;
  border-end-start-radius: 0.25rem;
  border-end-end-radius: 0.25rem;
  align-items: center;
  display: flex;
  justify-content: start;
  flex-wrap: nowrap;
  flex-direction: row;
  column-gap: 5px;
}

.te-dm3zh63z8lcu75i0fy84cn3e {
  color: #4674ad;
  font-weight: 400;
  font-size: 10px;
  line-height: 100%;
  letter-spacing: 0;
  font-family: Outfit;
}

@media screen and (min-width: 1024px) {
  .te-dm3zh63z8lcu75i0fy84cn3e {
    font-weight: 400;
    font-size: 10px;
    font-family: Outfit;
  }
}

.te-fnp9m3crylijdox16itpsbap {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  row-gap: 0.5rem;
}

.te-s139fvkr67118k7flh6fgrpb {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  column-gap: 3px;
}

@media screen and (min-width: 1024px) {

  .te-fnp9m3crylijdox16itpsbap,
  .te-r98hnwqxd1z3cmop9g4sawnt,
  .te-s139fvkr67118k7flh6fgrpb {
    padding-block-end: 0;
  }
}


.te-r98hnwqxd1z3cmop9g4sawnt {
  padding-block-end: 0;
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  column-gap: 4px;
}

.te-kna7m55hymd43absafm93fh7 {
  font-weight: 500;
  font-size: 12px;
  line-height: 120%;
  letter-spacing: 0;
  font-family: Outfit, 'Segoe UI', sans-serif;
}

@media screen and (min-width: 1024px) {
  .te-kna7m55hymd43absafm93fh7 {
    font-weight: 500;
    font-size: 14px;
    line-height: 120%;
    letter-spacing: 0;
    font-family: Outfit, 'Segoe UI', sans-serif;
  }
}

.te-o5abq1u4mp5sd644p58309gz {
  color: rgba(167, 167, 167, .6666666666666666);
  font-weight: 400;
  text-decoration: line-through;
  font-size: 10px;
  line-height: 120%;
  letter-spacing: 0;
  font-family: Outfit, 'Segoe UI', sans-serif;
  align-items: center;
  display: flex;
  justify-content: center;
  flex-wrap: nowrap;
  flex-direction: row;
}

@media screen and (min-width: 1024px) {
  .te-o5abq1u4mp5sd644p58309gz {
    color: rgba(167, 167, 167, .6666666666666666);
    font-weight: 400;
    text-decoration: line-through;
    font-size: 10px;
    line-height: 120%;
    letter-spacing: 0;
    font-family: Outfit, 'Segoe UI', sans-serif;
  }
}

.te-pgqj1me129mwdvwuihtaf00c {
  padding-inline-start: 6px;
  padding-inline-end: 6px;
  padding-block-start: 1px;
  padding-block-end: 1px;
  background-color: #41a141;
  border-start-start-radius: 20px;
  border-start-end-radius: 20px;
  border-end-start-radius: 20px;
  border-end-end-radius: 20px;
  align-items: center;
  display: flex;
  justify-content: center;
  flex-wrap: nowrap;
  flex-direction: row;
}

@media screen and (min-width: 1024px) {
  .te-pgqj1me129mwdvwuihtaf00c {
    padding-inline-start: 9px;
    padding-inline-end: 9px;
    padding-block-start: 1.63px;
    padding-block-end: 1.63px;
    background-color: #41a141;
    border-start-start-radius: 32px;
    border-start-end-radius: 32px;
    border-end-start-radius: 32px;
    border-end-end-radius: 32px;
  }
}

.te-o92f0oidhzkv31b1f59f9pu7 {
  color: #fff;
  font-weight: 500;
  font-size: 10px;
  line-height: 150%;
  letter-spacing: 0;
  font-family: Outfit, 'Segoe UI', sans-serif;
  display: flex;
  flex-wrap: nowrap;
  flex-direction: row;
  visibility: visible;
}


@media screen and (min-width: 1024px) {
  .te-o92f0oidhzkv31b1f59f9pu7 {
    color: #fff;
    font-weight: 500;
    font-size: var(--font-size-2xs);
    line-height: 150%;
    letter-spacing: 0;
    font-family: Outfit, 'Segoe UI', sans-serif;
    display: flex;
    flex-wrap: nowrap;
    flex-direction: row;
  }
}

.te-enoxw0zfav8g0gsfylatgu2z,
.te-ka3ilsy788v9mzcrdaxiyu3t,
.te-pgg79bzttnycrvjdgz9yv4p6 {
  padding-inline-start: 6px;
  padding-inline-end: 6px;
}


@media screen and (min-width: 1024px) {

  .te-ka3ilsy788v9mzcrdaxiyu3t,
  .te-pgg79bzttnycrvjdgz9yv4p6 {
    padding-inline-start: 6px;
    padding-inline-end: 6px;
  }
}

@media screen and (min-width: 1024px) {
  .te-qmqkqsru07phvyzxqrarn29y {
    color: white;
    width: 24px;
    height: 24px;
  }
}

.menu ul {
  list-style: none;
}

.loox-dropdown {
  display: none;
  z-index: 1;
  width: 275px;
  margin-top: 4px;
  top: 40px !important;
  right: 7px;
  text-align: left;
  position: absolute;
  float: left;
  padding: 20px 20px 8px;
  font-size: 14px;
  list-style: none;
  background-color: #fff;
  box-shadow: 0px 6px 14px -4px rgba(0, 0, 0, 0.14);
  border-radius: 4px;
  -webkit-box-shadow: 0px 6px 14px -4px rgba(0, 0, 0, 0.14);
  animation: growOut .2s ease-in-out forwards;
  transform-origin: 100% 0px;
}

@keyframes growOut {
  0% {
    opacity: 0;
    transform: scale(0.7) translateY(-20px);
  }
}

.loox-dropdown li {
  font-size: 14px;
  font-weight: 400;
  justify-content: space-between;
}

.menu li {
  display: flex;
  position: relative;
  text-decoration: none;
  transition-duration: 0.5s;
}

.loox-dropdown button {
  display: flex;
  align-items: center;
  justify-content: space-between;
  cursor: pointer;
  background: none;
  width: 100%;
  padding-bottom: 20px;
  color: #000000;
}

.loox-dropdown li .sorting-title {
  font-weight: 600;
  font-size: 18px;
  margin-bottom: 20px;
}

.loox-dropdown li button .sorting-option,
.menu li a {
  cursor: pointer;
  font-weight: 400;
  font-size: 14px;
  margin-bottom: 4px;
}

.fade-in-item {
  animation: zoomIn 0.7s cubic-bezier(0.2, 0.9, 0.4, 1.1) forwards;
}

@keyframes zoomIn {
  0% {
    transform: translate(-50%, -50%) scale(.95);
    opacity: 0;
  }

  100% {
    transform: translate(-50%, -50%) scale(1);
    opacity: 1;
  }
}



.gokwik-modalwrapper {
  width: 100%;
  height: 100%;
  z-index: 100000000000;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  position: fixed;
  overflow: hidden;
  display: none;
}

.gokwik-modalwrapper[open] {
  display: block;
}

.gokwik-modalbackground {
  background-color: rgba(0, 0, 0, 0.5) !important;
  pointer-events: none !important;
  z-index: 1000001 !important;
  height: 100vh !important;
  width: 100vw !important;
  display: block !important;
}

.gokwik-modal {
  position: fixed;
  top: 0px;
  bottom: 0px;
  right: 0px;
  width: 100%;
  border: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  z-index: 99999999999999;
  height: 100%;
}

.gokwik-modal {
  @media (min-width: 600px) {
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    height: 90vh;
    max-width: 450px;
    max-height: 900px;
    border-radius: 16px;
    overflow: hidden;
  }
}

.page-wrap.white-background.svelte-12j4d5n.svelte-12j4d5n {
  background: #fff;
}

.page-wrap.svelte-12j4d5n.svelte-12j4d5n {
  position: relative;
  overflow-y: auto;
  height: 100vh;
  display: flex;
  overflow-y: inherit;
  justify-content: space-between;
}

.page-wrap.svelte-12j4d5n .user-details.svelte-12j4d5n {
  height: 100%;
  width: 100%;
  display: flex;
  flex-direction: column;
}

.light-grey {
  background-color: #f8f8f8;
}

header.svelte-1w9o5wp.svelte-1w9o5wp {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  box-sizing: border-box;
}

.header-wrap.svelte-1w9o5wp.svelte-1w9o5wp {
  padding: 8px 12px;
  position: relative;
  height: 54px;
  z-index: 9;
  background: white;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  width: 100%;
}

.header-wrap.svelte-1w9o5wp .header-left.svelte-1w9o5wp {
  display: flex;
  align-items: center;
  gap: .5rem;
}

.header-wrap.svelte-1w9o5wp .back-btn.svelte-1w9o5wp {
  width: 16px;
  height: 16px;
  cursor: pointer;
}

.merchant-logo.svelte-1w9o5wp.svelte-1w9o5wp {
  position: relative;
}

@media (max-width: 700px) {
  .merchant-logo.svelte-1w9o5wp.svelte-1w9o5wp {
    max-width: 100px;
  }
}

.merchant-logo.svelte-1w9o5wp img.svelte-1w9o5wp {
  width: auto;
  max-height: 30px;
}

.header-right.svelte-1w9o5wp.svelte-1w9o5wp {
  margin-left: auto;
}

@media (max-width: 700px) {
  .merchant-logo.svelte-1w9o5wp img.svelte-1w9o5wp {
    vertical-align: baseline !important;
  }
}

.items-center {
  align-items: center;
}

.flex {
  display: flex;
}

.payment-security-text.svelte-1w9o5wp.svelte-1w9o5wp {
  display: flex;
  align-items: center;
  gap: 4px;
}

.text-grey-blue {
  color: #697687;
}

.text-grey-blue {
  color: #697687;
}

.text-sm {
  font-size: 12px;
  line-height: 14px;
}

.lock-icon.svelte-1w9o5wp.svelte-1w9o5wp {
  width: 16px;
  height: 16px;
  flex-shrink: 0;
}

.banner-and-gst.svelte-1w9o5wp.svelte-1w9o5wp {
  position: relative;
  width: 100%;
}

.offer-strip.svelte-qqg24o.svelte-qqg24o {
  display: block;
  white-space: pre-line;
  align-items: center;
  font-size: 12px;
  color: #050038;
  background: linear-gradient(90deg, rgba(61, 167, 0, 0.14) 0%, rgba(64, 173, 0, 0.17) 46%, rgba(61, 167, 0, 0.14) 100%);
  padding: 4px;
  border-radius: 0;
  justify-content: center;
  text-align: center;
  margin: 0;
  width: 100%;
  box-sizing: border-box;
  overflow: hidden;
  position: relative;
}

.offer-strip.svelte-qqg24o .carousel.svelte-qqg24o {
  width: 100%;
  overflow: hidden;
  position: relative;
}

.page-wrap.svelte-12j4d5n .user-details .gk-content.svelte-12j4d5n {
  height: 100%;
  overflow-y: auto;
  scrollbar-width: none;
}

.gap-y-3 {
  row-gap: .75rem;
}

.flex-col {
  flex-direction: column;
}

.flex {
  display: flex;
}

.mt-3 {
  margin-top: .75rem;
}

.px-3 {
  padding-left: .75rem;
  padding-right: .75rem;
}

.grey-blue-text {
  color: #687697;
}

.mb-1 {
  margin-bottom: .25rem;
}

.text-base {
  font-size: 13px;
  line-height: 16px;
}

.mb-2 {
  margin-bottom: .5rem;
}

.cursor-pointer {
  cursor: pointer;
}

.bg-white {
  background-color: #fff;
}

.rounded-xl {
  border-radius: .75rem;
}

.border-grey {
  border: 1px solid #e4e8eb;
}

.p-3 {
  padding: .75rem;
}

.items-center {
  align-items: center;
}

.justify-between {
  justify-content: space-between;
}

.gap-x-2 {
  column-gap: .5rem;
}

.exp-cart-icon.svelte-1x4b0qq.svelte-1x4b0qq {
  width: 24px;
  height: 24px;
  background-color: #fff;
  border-radius: 4px;
  position: relative;
  flex-shrink: 0;
}

.exp-summary-content.svelte-1x4b0qq.svelte-1x4b0qq {
  display: flex;
  flex-direction: column;
  gap: 4px;
  max-height: 40px;
}

.font-semibold {
  font-weight: 600;
}

.text-base {
  font-size: 13px;
  line-height: 16px;
}

.exp-wrapper.svelte-1x4b0qq.svelte-1x4b0qq,
.wrapper.svelte-1x4b0qq.svelte-1x4b0qq {
  overflow: hidden;
  height: 22px;
  min-width: 100px;
}

.exp-sliding-container.svelte-1x4b0qq.svelte-1x4b0qq,
.sliding-container.svelte-1x4b0qq.svelte-1x4b0qq {
  display: flex;
  flex-direction: column;
  animation: svelte-1x4b0qq-slideUp 8s infinite ease-in-out;
}

@keyframes svelte-1x4b0qq-slideUp {

  0%,
  45% {
    transform: translateY(0%);
  }

  50%,
  95% {
    transform: translateY(-100%);
  }

  100% {
    transform: translateY(0%);
  }
}

.exp-box1.svelte-1x4b0qq.svelte-1x4b0qq {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 22px;
}

.bg-green {
  background-color: #e9f4ee;
}

.text-green {
  color: #005e2a;
}

.rounded-xl {
  border-radius: .75rem;
}

.text-sm {
  font-size: 12px;
  line-height: 14px;
}

.py-1 {
  padding-top: .25rem;
  padding-bottom: .25rem;
}

.px-2 {
  padding-left: .5rem;
  padding-right: .5rem;
}

.text-sm {
  font-size: 12px;
  line-height: 14px;
}

.exp-box2.svelte-1x4b0qq.svelte-1x4b0qq {
  display: flex;
  align-items: center;
  height: 22px;
}

.gift-added.svelte-1x4b0qq.svelte-1x4b0qq {
  display: flex;
  align-items: center;
  gap: 4px;
  font-size: 12px;
  line-height: 16px;
  color: #697687;
}

.gift-added.svelte-1x4b0qq .globalImg.svelte-1x4b0qq {
  width: 11px;
  height: 16px;
  background-position: -134px -60px;
  display: flex;
}

.globalImg {
  background-image: url(./assets/icons/icons.svg);
}

.globalImg {
  /* background-image: url(./assets/icons/icons.svg); */
  background-repeat: no-repeat;
}

.exp-summary-right-section.svelte-1x4b0qq.svelte-1x4b0qq {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 4px;
}

.exp-summary-pricing.svelte-1x4b0qq.svelte-1x4b0qq {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 4px;
}

.exp-summary-right-section.svelte-1x4b0qq .arrow.svelte-1x4b0qq {
  width: 12px !important;
}

.arrow.rotate.svelte-1x4b0qq.svelte-1x4b0qq {
  transform: rotate(180deg);
}

.arrow.svelte-1x4b0qq.svelte-1x4b0qq {
  margin-top: 4px;
  width: 16px;
  height: 6px;
  background-position: -199px -212px;
  transition: transform .3s ease;
}

.rotate {
  text-transform: rotate(180deg);
}

.globalImg {
  background-image: url(./assets/icons/icons.svg);
}

.globalImg {
  /* background-image: url(./assets/icons/icons.svg); */
  background-repeat: no-repeat;
}

.exp-pricing-section.svelte-1x4b0qq.svelte-1x4b0qq {
  display: flex;
  align-items: center;
  gap: 8px;
}

.font-medium {
  font-weight: 500;
}

.address-card.svelte-180r9pi.svelte-180r9pi {
  text-transform: capitalize;
}

.rounded-xl {
  border-radius: .75rem;
}

.border-grey {
  border: 1px solid #e4e8eb;
}

.gap-y-3 {
  row-gap: .75rem;
}

.flex-col {
  flex-direction: column;
}

.items-start {
  align-items: flex-start;
}

.address-card.svelte-180r9pi .address-wrapper.svelte-180r9pi {
  max-width: calc(100% - 65px);
}

.flex-auto {
  flex: 1 1 auto;
}

.gap-x-2 {
  column-gap: .5rem;
}

.address-card.svelte-180r9pi .contact-info-wrapper.svelte-180r9pi {
  flex: auto;
  max-width: calc(100% - 45px);
}

.gap-y-1 {
  row-gap: .25rem;
}

.font-semibold {
  font-weight: 600;
}

.contact-info.svelte-180r9pi.svelte-180r9pi {
  color: #697687;
}

.address-details.svelte-180r9pi .phone.svelte-180r9pi,
.contact-info.svelte-180r9pi .phone.svelte-180r9pi {
  flex: 0 0 100px;
}

.contact-info.svelte-180r9pi.svelte-180r9pi {
  color: #697687;

}

.address-card.svelte-180r9pi .contact-info-wrapper .address-email.svelte-180r9pi {
  text-transform: none;
}

.text-transform-none {
  text-transform: none;
}

.truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.act.svelte-180r9pi.svelte-180r9pi {
  position: relative;
  flex: none;
  margin-top: 30px;
}

.new-exp.svelte-180r9pi .edit-tooltip-wrapper.svelte-180r9pi {
  position: relative;
  display: inline-block;
}

.new-exp.svelte-180r9pi .edit-tooltip.svelte-180r9pi {
  position: absolute;
  top: -60px;
  right: -54px;
  background-color: #1c1b17;
  color: #fff;
  font-size: 12px;
  padding: 4px 12px;
  border-radius: 8px;
  white-space: nowrap;
}

.new-exp.svelte-180r9pi .edit-tooltip.svelte-180r9pi {
  position: absolute;
  top: -60px;
  right: -54px;
  background-color: #1c1b17;
  color: #fff;
  font-size: 12px;
  padding: 4px 12px;
  border-radius: 8px;
  white-space: nowrap;
}

.new-exp.svelte-180r9pi .btn-new-exp.svelte-180r9pi {
  padding: 8px;
  border: 1px solid #000;
  border-radius: 8px;
  background: rgba(0, 0, 0, 0);
  cursor: pointer;
}

.new-ui-exp-shipping-container.svelte-192d31v.svelte-192d31v {
  border: 1px solid #e4e8eb;
  border-radius: 12px;
  padding: 0;
  margin: 0 12px;
  margin-bottom: 12px;
  overflow: hidden;
}

.bg-grey {
  background-color: #f9fbfc;
}

.gap-y-0\.5 {
  row-gap: .125rem;
}

.new-ui-exp-methods-container.svelte-192d31v.svelte-192d31v {
  transition: max-height .3s ease;
  overflow: hidden;
  margin: 0 12px;
}

.rounded-xl {
  border-radius: .75rem;
}

.rounded-top-xl {
  border-top-left-radius: .75rem;
  border-top-right-radius: .75rem;
}

.pb-0\.5 {
  padding-bottom: .125rem;
}

.px-0\.5 {
  padding-right: .125rem;
  padding-left: .125rem;
}

.discounts.svelte-1i0cfol.svelte-1i0cfol.svelte-1i0cfol {
  overflow: hidden;
  box-sizing: border-box;
}

.w-full {
  width: 100%;
}

.appliedCoupons.svelte-1i0cfol.svelte-1i0cfol.svelte-1i0cfol {
  width: 100%;
  margin-top: 0;
}

.appliedCoupons.svelte-1i0cfol.svelte-1i0cfol.svelte-1i0cfol {
  width: 100%;
  margin-top: 0;
}

.discounts-wrapper.svelte-1i0cfol .applied-coupon .coupon-wrap .discountIconGreen.svelte-1i0cfol.svelte-1i0cfol {
  flex: none;
}

.discounts-wrapper.svelte-1i0cfol .discountIconGreen.svelte-1i0cfol.svelte-1i0cfol {
  width: 22px;
  height: 24px;
  background-position: -120px -400px;
}

.globalImg {
  background-image: url(./assets/icons/icons.svg);
}

.globalImg {
  background-image: url(./assets/icons/icons.svg);
}

.globalImg {
  background-image: url(./assets/icons/icons.svg);
}

.globalImg {
  /* background-image: url(./assets/icons/icons.svg); */
  background-repeat: no-repeat;
}

.discounts-wrapper.svelte-1i0cfol .applied-coupon .coupon-wrap .coupon-span .truncate.svelte-1i0cfol.svelte-1i0cfol {
  max-width: calc(100% - 6rem);
}

.border-grey-top {
  border-top: 1px solid #e4e8eb;
}

.p-3 {
  padding: .75rem;
}

.e-pay.svelte-79mr3g .iconWrap.svelte-79mr3g {
  width: 24px;
  height: 24px;
}

.upsell-section.svelte-vsrl2i.svelte-vsrl2i {
  margin: 12px;
  background: #fdf6e0;
  padding: 0 0 16px 0px;
  border: 1px solid rgba(0, 0, 0, .05);
  border-radius: 12px;
}

.upsell-title.svelte-vsrl2i.svelte-vsrl2i {
  color: #c27b14;
}

.upsell-carousel.svelte-vsrl2i.svelte-vsrl2i {
  display: flex;
  gap: 13px;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  align-items: stretch;
  margin: 0 13px;
}


.img-col.svelte-vsrl2i.svelte-vsrl2i {
  display: flex;
  align-items: center;
  margin-top: 0;
  flex: 0 0 32%;
  height: 100%;
  overflow: hidden;
}

.img-col.svelte-vsrl2i.svelte-vsrl2i {
  display: flex;
  align-items: center;
  margin-top: 0;
  flex: 0 0 32%;
  height: 100%;
  overflow: hidden;
}

.meta-col.svelte-vsrl2i.svelte-vsrl2i {
  flex: 1 0 0;
  display: flex;
  flex-direction: column;
  gap: 8px;
  align-items: flex-start;
}

.meta-col.svelte-vsrl2i.svelte-vsrl2i {
  flex: 1 0 0;
  display: flex;
  flex-direction: column;
  gap: 8px;
  align-items: flex-start;
}

.product-title.svelte-vsrl2i.svelte-vsrl2i {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  max-height: 36px;
  font-size: 14px;
  font-weight: 400;
  color: #000;
  line-height: 18px;
  overflow: hidden;
  text-overflow: ellipsis;
  margin: 0;
  word-break: break-word;
  min-width: 40px;
}

.price-stack.svelte-vsrl2i.svelte-vsrl2i {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 4px;
}

.price-top-row.svelte-vsrl2i.svelte-vsrl2i {
  display: flex;
  align-items: center;
  gap: 6px;
  flex-wrap: nowrap;
}

.discount-badge.svelte-vsrl2i.svelte-vsrl2i {
  padding: 2px 4px;
  border-radius: 4px;
  background: #079455;
  color: #fff;
  font-size: 12px;
  font-weight: 500;
  line-height: 16px;
}

.discount-badge.svelte-vsrl2i.svelte-vsrl2i {
  padding: 2px 4px;
  border-radius: 4px;
  background: #079455;
  color: #fff;
  font-size: 12px;
  font-weight: 500;
  line-height: 16px;
}

.discount-badge.svelte-vsrl2i.svelte-vsrl2i {
  padding: 2px 4px;
  border-radius: 4px;
  background: #079455;
  color: #fff;
  font-size: 12px;
  font-weight: 500;
  line-height: 16px;
}

.add-btn.svelte-vsrl2i.svelte-vsrl2i {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 8px;
  border: 1px solid #000;
  border-radius: 8px;
  background: #fff;
  color: #000;
  font-size: 12px;
  font-weight: 600;
  cursor: pointer;
  white-space: nowrap;
  transition: background .15s;
}

.payment-options-wrapper.svelte-mgd8ht.svelte-mgd8ht {
  height: 100vh;
  max-height: 375px;
  align-items: center;
  width: 100%;
  display: flex;
  justify-content: center;
  box-sizing: border-box;
  height: auto;
  margin-bottom: 0px;
  max-height: initial;
  align-items: initial;
}

.payment-options-wrapper.svelte-mgd8ht .payment-options.svelte-mgd8ht {
  box-sizing: border-box;
  position: relative;
  padding: 12px;
  padding-bottom: 0px;
  margin-bottom: 5px;
  display: flex;
  flex-direction: column;
  padding-top: 0;
  width: 100%;
}

.payment-options-wrapper.svelte-mgd8ht .payment-options .title.svelte-mgd8ht {
  width: 100%;
  font-size: 12px;
  line-height: 18px;
  color: #050038;
  text-align: left;
  margin: .75rem 0;
  display: flex;
  flex-direction: column;
}

.payment-options-wrapper.svelte-mgd8ht .payment-options .title span.svelte-mgd8ht {
  width: 100%;
}

.boat-title.svelte-mgd8ht.svelte-mgd8ht {
  display: block;
  font-size: 13px;
  line-height: 16px;
  color: var(--grey-blue-text);
  margin-bottom: .25rem;
  text-transform: uppercase;
}

.payment-options-wrapper.svelte-mgd8ht .payment-options .title.svelte-mgd8ht {
  width: 100%;
  font-size: 12px;
  line-height: 18px;
  color: #697687;
  text-align: left;
  margin: .75rem 0;
  display: flex;
  flex-direction: column;
}

.payment-options-wrapper.svelte-mgd8ht .payment-options .title .option-type.svelte-mgd8ht {
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  background-color: #e5e7eb;
  padding: 8px 12px;
  width: auto;
  position: relative;
  margin: 5px 0;
}

.payment-options-wrapper.svelte-mgd8ht .error_wrap.svelte-mgd8ht {
  width: 100%;
  display: flex;
  justify-content: center;
  margin-top: .5rem;
}

.cod-info.svelte-mgd8ht.svelte-mgd8ht {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: .3rem;
  font-size: 10px;
}

.cod-info.svelte-mgd8ht.svelte-mgd8ht {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: .3rem;
  font-size: 10px;
}

.payment-options-wrapper.svelte-mgd8ht .error_wrap.svelte-mgd8ht {
  width: 100%;
  display: flex;
  justify-content: center;
  margin-top: .5rem;
}

.rounded-lg {
  border-radius: .5rem;
}

.border-grey {
  border: 1px solid #e4e8eb;
}

.phone-number-strip-wrapper.svelte-1qck6u9 .edit-button.svelte-1qck6u9 {
  padding: 0;
  margin: 0;
  border: none;
}

.main-section.svelte-16er6fp.svelte-16er6fp {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

a.svelte-16er6fp.svelte-16er6fp {
  color: inherit;
}

.poweredBy-img.svelte-16er6fp.svelte-16er6fp {
  width: 200px;
  height: 100px;
}

.footer-section.svelte-16er6fp.svelte-16er6fp {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: .5rem;
}

.footer-section.svelte-16er6fp.svelte-16er6fp {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: .5rem;
}

.footer-section.svelte-16er6fp .icon.pciDss.svelte-16er6fp {
  background-position: -1px -26px;
}

.footer-section.svelte-16er6fp .icon.svelte-16er6fp {
  width: 60px;
  height: 25px;
}

.info-text-container.svelte-c1kro1 {
  text-align: center;
  width: 100%;
  margin: 0 auto;
  max-width: 100%;
}

a.svelte-c1kro1 {
  color: inherit;
}

.footer.svelte-5gtp8c.svelte-5gtp8c {
  width: 100%;
  bottom: 0rem;
  background: #fff;
  left: 0;
  box-sizing: border-box;
}

.banner-and-gst.svelte-1w9o5wp.svelte-1w9o5wp {
  position: relative;
  width: 100%;
}

.offer-strip.svelte-qqg24o.svelte-qqg24o {
  display: block;
  white-space: pre-line;
  align-items: center;
  font-size: 12px;
  color: var(--d-blue);
  background: linear-gradient(90deg, rgba(61, 167, 0, 0.14) 0%, rgba(64, 173, 0, 0.17) 46%, rgba(61, 167, 0, 0.14) 100%);
  padding: 4px;
  border-radius: 0;
  justify-content: center;
  text-align: center;
  margin: 0;
  width: 100%;
  box-sizing: border-box;
  overflow: hidden;
  position: relative;
}


.animation-background.svelte-12j4d5n.svelte-12j4d5n {
  background: rgba(0, 0, 0, 0) url("/assets/images/confettiiAnimation.gif") center center fixed !important;
  background-size: cover
}

.w-100.svelte-12j4d5n.svelte-12j4d5n {
  width: 100% !important
}

.no-bg.svelte-12j4d5n.svelte-12j4d5n {
  background: rgba(0, 0, 0, 0) !important
}

.page-wrap.svelte-12j4d5n.svelte-12j4d5n {
  position: relative;
  overflow-y: auto;
  height: 100vh;
  display: flex;
  overflow-y: inherit;
  justify-content: space-between
}

.page-wrap.white-background.svelte-12j4d5n.svelte-12j4d5n {
  background: #fff
}

.page-wrap.svelte-12j4d5n .order-complete.svelte-12j4d5n {
  max-width: 100% !important;
  width: 100% !important
}

.page-wrap.svelte-12j4d5n .user-details.svelte-12j4d5n {
  height: 100%;
  width: 100%;
  display: flex;
  flex-direction: column
}

.page-wrap.svelte-12j4d5n .user-details .gk-content.svelte-12j4d5n {
  height: 100%;
  overflow-y: auto;
  scrollbar-width: none
}

.page-wrap.svelte-12j4d5n .cart.svelte-12j4d5n {
  margin-top: 2rem
}

:root {
  --a5: #a5a5a5;
  --e0: #ededed;
  --red: #f73536;
  --green: #01b156;
  --bg-green: #e9f4ee;
  --primary-color: #0365d6;
  --d-red: #c90000;
  --green2: #0e9343;
  --green-text: #25d366;
  --green-text2: #005e2a;
  --light-grey: #f8f8f8;
  --error: #e31b1b;
  --white: #fff;
  --off-white: #f3f3f3;
  --b-white: #f8fafd;
  --black: #000;
  --black2: #050038;
  --blue: #004b8d;
  --gokwik-blue: #002e64;
  --light-blue: #0365d6;
  --vl-green: #e6f4ec;
  --d-blue: #050038;
  --m-blue: #13172d;
  --theme-color: #b12928;
  --m-grey: #979eb5;
  --yellow: #edde5d;
  --d-yellow: #f09819;
  --light-yellow: #fffcf8;
  --progress-green: #01b156;
  --light-green: #74ab6f;
  --off-white-pink: #fff9f9;
  --b-grey: #9babc5;
  --g-grey: #f9f9f9;
  --b-purple: #f3f2ff;
  --t-purple: #36325e;
  --circle-text: #c9c9c9;
  --grey-l: #909090;
  --white: #ffffff;
  --white-1: #f2f2f2;
  --secondaryColor: #e5e5e5;
  --grey-text: #00000099;
  --black28: #101828;
  --grey-blue-text: #697687;
  --m-teal: rgba(3, 182, 150, 1);
  --gokwik-dark-blue: #002e64;
  --teal-50: #f0fdf9;
  --l-grey: #697687;
  --bg-grey: #f9fbfc;
  --neutral-200: #d0d5da;
  --error-600: #dc2626;
  --error-700: #b91c1c;
  --error-15: #fff5f5;
  --error-100: #fef2f2;
  --warning: #b54708;
  --toast-green: #079455
}

.p-0 {
  padding: 0
}

.p-2 {
  padding: .5rem
}

.p-3 {
  padding: .75rem
}

.p-4 {
  padding: 1rem
}

.p-8 {
  padding: 2rem
}

.pt-0 {
  padding-top: 0
}

.pt-0\.5 {
  padding-top: .125rem
}

.pt-1 {
  padding-top: .25rem
}

.pt-2 {
  padding-top: .5rem
}

.pt-3 {
  padding-top: .75rem
}

.px-0\.5 {
  padding-right: .125rem;
  padding-left: .125rem
}

.pb-0\.5 {
  padding-bottom: .125rem
}

.pb-1 {
  padding-bottom: .25rem
}

.pb-3 {
  padding-bottom: .75rem
}

.pl-1 {
  padding-left: .25rem
}

.pl-3 {
  padding-left: .75rem
}

.px-2 {
  padding-left: .5rem;
  padding-right: .5rem
}

.px-3 {
  padding-left: .75rem;
  padding-right: .75rem
}

.py-0\.5 {
  padding-top: .125rem;
  padding-bottom: .125rem
}

.py-1 {
  padding-top: .25rem;
  padding-bottom: .25rem
}

.py-2 {
  padding-top: .5rem;
  padding-bottom: .5rem
}

.py-3 {
  padding-top: .75rem;
  padding-bottom: .75rem
}

.py-8 {
  padding-top: 2rem;
  padding-bottom: 2rem
}

.text-xs {
  font-size: 10px;
  line-height: 12px
}

.text-sm {
  font-size: 12px;
  line-height: 14px
}

.text-base {
  font-size: 13px;
  line-height: 16px
}

.text-md {
  font-size: 14px;
  line-height: 16px
}

.text-lg {
  font-size: 16px;
  line-height: 16px
}

.mt-0\.5 {
  margin-top: .125rem
}

.mt-1 {
  margin-top: .25rem
}

.mt-2 {
  margin-top: .5rem
}

.mt-3 {
  margin-top: .75rem
}

.mt-4 {
  margin-top: 1rem
}

.mt-8 {
  margin-top: 2rem
}

.ml-1 {
  margin-left: .25rem
}

.ml-2 {
  margin-left: .5rem
}

.ml-3 {
  margin-left: .75rem
}

.ml-4 {
  margin-left: 1rem
}

.mb-auto {
  margin-bottom: auto !important
}

.mb-0\.5 {
  margin-bottom: .125rem
}

.mb-1 {
  margin-bottom: .25rem
}

.mb-2 {
  margin-bottom: .5rem
}

.mb-3 {
  margin-bottom: .75rem
}

.mr-2 {
  margin-right: .5rem
}

.mr-1 {
  margin-right: .25rem
}

.mx-3 {
  margin-left: .75rem;
  margin-right: .75rem
}

.mx-4 {
  margin-left: 1rem;
  margin-right: 1rem
}

.my-2 {
  margin-top: .5rem;
  margin-bottom: .5rem
}

.my-3 {
  margin-top: .75rem;
  margin-bottom: .75rem
}

.my-4 {
  margin-top: 1rem;
  margin-bottom: 1rem
}

.mb-24 {
  margin-bottom: 24px
}

.m-0 {
  margin: 0 !important
}

.m-3 {
  margin: .75rem
}

.font-normal {
  font-weight: 400
}

.font-medium {
  font-weight: 500
}

.font-semibold {
  font-weight: 600
}

.flex {
  display: flex
}

.flex-col {
  flex-direction: column
}

.justify-center {
  justify-content: center
}

.justify-between {
  justify-content: space-between
}

.items-center {
  align-items: center
}

.items-start {
  align-items: flex-start
}

.gap-y-0\.5 {
  row-gap: .125rem
}

.gap-y-1 {
  row-gap: .25rem
}

.gap-y-2 {
  row-gap: .5rem
}

.gap-y-3 {
  row-gap: .75rem
}

.gap-x-1 {
  column-gap: .25rem
}

.gap-x-2 {
  column-gap: .5rem
}

.border-grey {
  border: 1px solid #e4e8eb
}

.border-green {
  border: 1px solid var(--green2)
}

.border-neutral-200 {
  border: 1px solid var(--neutral-200)
}

.border-black {
  border: 1px solid #000
}

.border-grey-top {
  border-top: 1px solid #e4e8eb
}

.border-grey-bottom {
  border-bottom: 1px solid #d1d1d1
}

.rounded-md {
  border-radius: .25rem
}

.rounded-lg {
  border-radius: .5rem
}

.rounded-xl {
  border-radius: .75rem
}

.rounded-top-xl {
  border-top-left-radius: .75rem;
  border-top-right-radius: .75rem
}

.flex-auto {
  flex: 1 1 auto
}

.flex-none {
  flex: none
}

.flex-no-wrap {
  flex-wrap: nowrap
}

.text-start {
  text-align: start
}

.text-center {
  text-align: center
}

.text-underline {
  text-decoration: underline
}

.text-white {
  color: var(--white)
}

.text-black {
  color: var(--black)
}

.text-grey-blue {
  color: var(--grey-blue-text)
}

.text-grey {
  color: var(--l-grey)
}

.text-green {
  color: var(--green-text2)
}

.text-error {
  color: var(--error-700)
}

.bg-error {
  background-color: var(--error-100)
}

.text-warning {
  color: var(--warning)
}

.text-color {
  color: #6c737f
}

.text-grey-blue {
  color: var(--grey-blue-text)
}

.bg-grey {
  background-color: var(--bg-grey)
}

.bg-green {
  background-color: var(--bg-green)
}

.bg-primary {
  background-color: var(--primary-color)
}

.bg-black {
  background-color: var(--black)
}

.bg-white {
  background-color: var(--white)
}

.toast-green {
  background-color: var(--toast-green)
}

.error-600 {
  background-color: var(--error-600)
}

.opacity-50 {
  opacity: .5
}

.truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

.cursor-pointer {
  cursor: pointer
}

.cursor-not-allowed {
  cursor: not-allowed
}

.w-full {
  width: 100%
}

.w-fit {
  width: fit-content
}

.button-no-border {
  border: none;
  outline: none
}

.word-no-wrap {
  white-space: nowrap
}

.capitalize {
  text-transform: capitalize
}

.text-transform-none {
  text-transform: none
}

.globalImg.cautionIconRed {
  width: 16px;
  height: 16px;
  background-position: -66px -424px
}

.globalImg.successIconGreen {
  width: 16px;
  height: 16px;
  background-position: -82px -424px
}

.overflow-hidden {
  overflow: hidden
}

.base-tag,
.orange-tag,
.blue-tag,
.green-tag {
  padding-inline: .125rem;
  font-size: 12px;
  border-radius: .25rem;
  font-weight: 400
}

.green-tag {
  background-color: #079455;
  color: var(--white)
}

@media(max-width: 360px) {
  .green-tag {
    padding: 0 2px;
    display: table
  }
}

.blue-tag {
  background-color: #d5eaff;
  color: var(--black)
}

.orange-tag {
  background-color: #fff1cd;
  color: #703100
}

.styled-checkbox {
  appearance: none;
  width: 16px;
  height: 16px;
  border: 1px solid #ccc;
  display: inline-block;
  position: relative;
  flex-shrink: 0;
  outline: none;
  border-radius: .25rem
}

.styled-checkbox:checked {
  border-color: #000
}

.styled-checkbox:checked::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 10px;
  height: 10px;
  background-color: #000;
  transform: translate(-50%, -50%);
  border-radius: 2px
}

.border-box {
  box-sizing: border-box
}

.loyalty-icon {
  width: 24px;
  height: 24px;
  background-position: -148px -400px
}

.discount-icon {
  width: 24px;
  height: 24px;
  background-position: -96px -400px
}

.gift-card-img {
  width: 20px;
  height: 16px;
  background-position: -192px -400px
}

.store-credits-icon {
  width: 20px;
  height: 22px;
  background-position: -20px -424px
}

.line-through {
  text-decoration: line-through
}

.border-box {
  box-sizing: border-box
}

.grey-blue-text {
  color: var(--grey-blue-text)
}

.relative {
  position: relative
}

.cart-icon {
  width: 22px;
  height: 22px;
  background-image: url("/assets/icons/cart.svg")
}

.gift-icon {
  width: 22px;
  height: 22px;
  background-image: url("/assets/icons/gift-icon.svg")
}

.rotate {
  text-transform: rotate(180deg)
}

.light-grey {
  background-color: var(--light-grey)
}

.goldcoin-icon {
  display: inline-block;
  width: 24px;
  height: 24px;
  background-position: -73px -464px;
  transform: scale(1);
  -webkit-transform: scale(1);
  -moz-transform: scale(1)
}

.shadow-top {
  box-shadow: 0 -8px 12px rgba(0, 0, 0, .4)
}

.old-ui-discount-badge {
  display: flex;
  position: absolute;
  top: 3px;
  left: 50%;
  transform: translate(-50%, -50%);
  width: max-content;
  max-width: 100%
}

.old-ui-discount-badge .left,
.old-ui-discount-badge .right {
  background: var(--m-teal);
  width: 4.5px;
  height: 4.5px;
  position: relative
}

.old-ui-discount-badge .left::after,
.old-ui-discount-badge .right::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, .25)
}

.old-ui-discount-badge .left,
.old-ui-discount-badge .left::after {
  clip-path: polygon(0% 105%, 105% 105%, 105% 0)
}

.old-ui-discount-badge .right,
.old-ui-discount-badge .right::after {
  clip-path: polygon(100% 105%, -5% 105%, -5% 0%)
}

.old-ui-discount-badge .badge-content {
  box-shadow: 0px 4px 4px -4px rgba(0, 0, 0, .6);
  background: var(--m-teal);
  width: 100%;
  padding: 2px 8px 2px 8px;
  border-radius: 0px 0px 6px 6px;
  color: #fff;
  font-size: 8px;
  font-weight: 600;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  border: 1px solid rgba(0, 0, 0, .25);
  border-top: 0;
  box-sizing: border-box
}

.new-ui-discount-badge {
  font-size: 8px;
  line-height: 10px;
  display: flex;
  position: absolute;
  top: -3px;
  left: -3px;
  width: max-content;
  max-width: 100%
}

.new-ui-discount-badge .left {
  display: none
}

.new-ui-discount-badge .right::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, .25)
}

.new-ui-discount-badge .right {
  position: absolute;
  top: 0;
  right: -4px;
  background: var(--m-teal);
  width: 4px;
  height: 3px;
  clip-path: polygon(0 0, 0 100%, 100% 100%)
}

.new-ui-discount-badge .badge-content {
  box-shadow: 0px 4px 4px -4px rgba(0, 0, 0, .6);
  background: var(--m-teal);
  width: 100%;
  padding: 2px 8px 2px 10px;
  border-radius: 4px 0 4px 4px;
  color: #fff;
  font-size: 8px;
  font-weight: 600;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  border: solid rgba(0, 0, 0, .25);
  border-width: 0 1px 1px 0
}

.right-aligned-badge {
  font-size: 8px;
  line-height: 10px;
  display: flex;
  position: absolute;
  left: unset;
  right: -4px;
  width: max-content;
  max-width: 100%
}

.right-aligned-badge .badge-content {
  border-radius: 0 4px 4px 4px;
  border-width: 0 0 1px 1px
}

.right-aligned-badge .right {
  display: none
}

.right-aligned-badge .left::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, .25)
}

.right-aligned-badge .left {
  display: unset;
  position: absolute;
  top: 0;
  left: -4px;
  background: var(--m-teal);
  width: 4px;
  height: 3px;
  clip-path: polygon(0 100%, 100% 100%, 100% 0)
}

.badge-text {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 10px
}

.badge-text .globalImg {
  display: inline-block;
  width: 16px;
  height: 16px;
  background-position: -133px -59px
}

.hide {
  display: none !important
}

.or-option {
  position: relative;
  text-align: center;
  z-index: 8;
  display: inline-flex;
  width: 100%;
  justify-content: center
}

.or-option p {
  font-size: .8rem;
  line-height: 1rem;
  text-align: center;
  background: #f8f8f8;
  display: inline-block;
  padding: .3rem .6rem;
  z-index: auto !important;
  color: #6c737f
}

.or-option p:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 1px;
  background: #d2d6db;
  left: 0;
  z-index: -1;
  top: 50%
}

.decimal-price-container {
  display: flex;
  align-items: baseline
}

.decimal-price {
  font-size: 12px
}

.page-title {
  font-size: 15px;
  line-height: 15px;
  font-weight: 500;
  margin: 8px;
  color: var(--m-blue);
  text-align: left
}

.globalImg.phonepe-icon {
  cursor: pointer;
  display: inline-block;
  background-position: -204.5px -240.5px;
  width: 15px;
  height: 15px;
  transform: scale(2);
  -webkit-transform: scale(2);
  -moz-transform: scale(2)
}

.globalImg.tez-icon {
  cursor: pointer;
  display: inline-block;
  background-position: -138px -237px;
  width: 20px;
  height: 20px;
  transform: scale(2);
  -webkit-transform: scale(2);
  -moz-transform: scale(2)
}

.globalImg.paytm-icon {
  cursor: pointer;
  display: inline-block;
  background-position: -2px -374px;
  width: 26px;
  height: 23px;
  transform: scale(1.5);
  -webkit-transform: scale(1.5);
  -moz-transform: scale(1.5)
}

.globalImg.generic-icon,
.globalImg.other-icon {
  cursor: pointer;
  display: inline-block;
  background-position: -64px -326px;
  width: 20px;
  height: 20px;
  transform: scale(2);
  -webkit-transform: scale(2);
  -moz-transform: scale(2)
}

.globalImg.credpay-icon {
  cursor: pointer;
  display: inline-block;
  background-position: -104px -263px;
  width: 26px;
  height: 26px;
  transform: scale(1.2);
  -webkit-transform: scale(1.2);
  -moz-transform: scale(1.2)
}

.globalImg.jupiterUpi-icon {
  cursor: pointer;
  display: inline-block;
  background-position: -89px -354px;
  width: 18px;
  height: 7px;
  transform: scale(1.9);
  -webkit-transform: scale(1.9);
  -moz-transform: scale(1.9)
}

.globalImg.amazonpay-icon {
  cursor: pointer;
  display: inline-block;
  background-position: -32px -138px;
  width: 26px;
  height: 28px;
  transform: scale(1.2);
  -webkit-transform: scale(1.2);
  -moz-transform: scale(1.2)
}

.globalImg.bajaj-icon {
  cursor: pointer;
  display: inline-block;
  background-position: -112px -350px;
  width: 15px;
  height: 15px;
  transform: scale(1.8);
  -webkit-transform: scale(1.8);
  -moz-transform: scale(1.8)
}

.globalImg.mobikwik-icon {
  cursor: pointer;
  display: inline-block;
  background-position: -160px -110px;
  width: 28px;
  height: 26px;
  transform: scale(1.4);
  -webkit-transform: scale(1.4);
  -moz-transform: scale(1.4)
}

.globalImg.kiwi-icon {
  cursor: pointer;
  display: inline-block;
  background-position: -193px -380px;
  width: 15px;
  height: 15px;
  transform: scale(2);
  -webkit-transform: scale(2);
  -moz-transform: scale(2)
}

.globalImg.supermoney-icon {
  cursor: pointer;
  display: inline-block;
  background-position: -212px -380px;
  width: 15px;
  height: 15px;
  transform: scale(2);
  -webkit-transform: scale(2);
  -moz-transform: scale(2)
}

.globalImg.airtelUpi-icon {
  cursor: pointer;
  display: inline-block;
  background-position: -2px -446px;
  width: 20px;
  height: 20px;
  transform: scale(1.8);
  -webkit-transform: scale(1.8);
  -moz-transform: scale(1.8)
}

.globalImg.bhim-icon {
  cursor: pointer;
  display: inline-block;
  background-position: -25px -446px;
  width: 25px;
  height: 20px;
  transform: scale(1);
  -webkit-transform: scale(1);
  -moz-transform: scale(1)
}

.globalImg.popUpi-icon {
  cursor: pointer;
  display: inline-block;
  background-position: -2px -470px;
  width: 30px;
  height: 30px;
  transform: scale(1.8);
  -webkit-transform: scale(1.8);
  -moz-transform: scale(1.8)
}

.globalImg.lxme-icon {
  cursor: pointer;
  display: inline-block;
  background-position: -38px -470px;
  width: 30px;
  height: 30px;
  transform: scale(1.8);
  -webkit-transform: scale(1.8);
  -moz-transform: scale(1.8)
}

.globalImg.navi-icon {
  cursor: pointer;
  display: inline-block;
  background-position: -151px -470px;
  width: 30px;
  height: 30px;
  transform: scale(0.8);
  -webkit-transform: scale(0.8);
  -moz-transform: scale(0.8)
}

.globalImg.fampay-icon {
  cursor: pointer;
  display: inline-block;
  background-position: -186px -470px;
  width: 30px;
  height: 30px;
  transform: scale(0.7);
  -webkit-transform: scale(0.7);
  -moz-transform: scale(0.7)
}

.payment-option-loader {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 16px 0
}

.payment-option-loader .loading-spinner {
  width: 16px;
  height: 16px;
  border: 2px solid currentColor;
  border-top-color: rgba(0, 0, 0, 0);
  border-radius: 50%;
  animation: spin 1s linear infinite
}

@keyframes spin {
  to {
    transform: rotate(360deg)
  }
}

.update-container.svelte-17aswq8 {
  text-align: center;
  padding: 1rem
}

h2.svelte-17aswq8 {
  color: #131a2b;
  margin-bottom: 1.5rem;
  font-size: 1.5rem;
  margin-top: 0rem
}

p.svelte-17aswq8 {
  margin-bottom: 2rem;
  font-size: 1rem
}

button.svelte-17aswq8 {
  background-color: var(--primary-color);
  color: #fff;
  border: none;
  padding: 1rem 2rem;
  width: 100%;
  max-width: 300px;
  border-radius: 10px;
  cursor: pointer;
  font-size: 1rem;
  margin-bottom: 0rem
}

:root {
  --a5: #a5a5a5;
  --e0: #ededed;
  --red: #f73536;
  --green: #01b156;
  --bg-green: #e9f4ee;
  --primary-color: #0365d6;
  --d-red: #c90000;
  --green2: #0e9343;
  --green-text: #25d366;
  --green-text2: #005e2a;
  --light-grey: #f8f8f8;
  --error: #e31b1b;
  --white: #fff;
  --off-white: #f3f3f3;
  --b-white: #f8fafd;
  --black: #000;
  --black2: #050038;
  --blue: #004b8d;
  --gokwik-blue: #002e64;
  --light-blue: #0365d6;
  --vl-green: #e6f4ec;
  --d-blue: #050038;
  --m-blue: #13172d;
  --theme-color: #b12928;
  --m-grey: #979eb5;
  --yellow: #edde5d;
  --d-yellow: #f09819;
  --light-yellow: #fffcf8;
  --progress-green: #01b156;
  --light-green: #74ab6f;
  --off-white-pink: #fff9f9;
  --b-grey: #9babc5;
  --g-grey: #f9f9f9;
  --b-purple: #f3f2ff;
  --t-purple: #36325e;
  --circle-text: #c9c9c9;
  --grey-l: #909090;
  --white: #ffffff;
  --white-1: #f2f2f2;
  --secondaryColor: #e5e5e5;
  --grey-text: #00000099;
  --black28: #101828;
  --grey-blue-text: #697687;
  --m-teal: rgba(3, 182, 150, 1);
  --gokwik-dark-blue: #002e64;
  --teal-50: #f0fdf9;
  --l-grey: #697687;
  --bg-grey: #f9fbfc;
  --neutral-200: #d0d5da;
  --error-600: #dc2626;
  --error-700: #b91c1c;
  --error-15: #fff5f5;
  --error-100: #fef2f2;
  --warning: #b54708;
  --toast-green: #079455
}

.floating-input-block.svelte-185h5l1.svelte-185h5l1 {
  position: relative;
  display: block;
  margin: 12px 0;
  width: 100%
}

.floating-input.svelte-185h5l1.svelte-185h5l1 {
  width: 100%;
  padding: 12px;
  border: 1px solid #d2d6db;
  border-radius: 12px;
  box-sizing: border-box;
  font-size: 12px;
  line-height: 16px
}

.floating-input.svelte-185h5l1.svelte-185h5l1:focus {
  border-color: #000
}

.floating-label.svelte-185h5l1.svelte-185h5l1 {
  position: absolute;
  top: -12px;
  left: .75rem;
  font-size: 10px;
  color: #909090;
  line-height: 1.5;
  transition: all .2s ease-in-out;
  pointer-events: none;
  background-color: var(--white);
  padding: 0 .25rem;
  transform: translateY(0.2rem)
}

.floating-input.svelte-185h5l1:focus+.floating-label.svelte-185h5l1,
.floating-input.svelte-185h5l1:not(:placeholder-shown)+.floating-label.svelte-185h5l1 {
  font-size: 10px;
  color: #777;
  background-color: var(--white)
}

.d-none.svelte-185h5l1.svelte-185h5l1 {
  display: none
}

.input-error-message.svelte-185h5l1.svelte-185h5l1 {
  margin-top: -8px;
  margin-right: auto;
  font-size: 12px;
  padding: 0px 5px 10px 5px;
  color: var(--error-600)
}

.address-container.svelte-185h5l1.svelte-185h5l1 {
  justify-content: start;
  box-sizing: border-box;
  overflow: auto
}

.address-container.svelte-185h5l1 .or-divider.svelte-185h5l1 {
  height: 16px;
  position: relative
}

.address-container.svelte-185h5l1 .or-divider span.svelte-185h5l1 {
  width: 30px;
  background-color: #fafafa;
  color: var(--circle-text);
  position: relative;
  border-radius: 50%;
  z-index: 2
}

.address-container.svelte-185h5l1 .or-divider.svelte-185h5l1:after {
  content: "";
  position: absolute;
  top: calc((100% - 1px)/2);
  left: 0;
  width: 100%;
  height: 1px;
  background-color: var(--circle-text)
}

.address-container.svelte-185h5l1 .mmi-button.svelte-185h5l1 {
  width: 100%
}

.address-container.svelte-185h5l1 .mmi-button .location-img.svelte-185h5l1 {
  width: 16px;
  height: 16px;
  display: block;
  margin-right: 8px
}

.address-container.svelte-185h5l1 .mmi-button button.svelte-185h5l1 {
  outline: none;
  flex-direction: row;
  border: none;
  border: 1px solid #000;
  box-sizing: border-box
}

.address-container.svelte-185h5l1 .error-wrapper input.svelte-185h5l1 {
  border-color: var(--error-600) !important
}

.address-container.svelte-185h5l1 .address-wrapper.svelte-185h5l1 {
  overflow-x: hidden;
  overflow-y: auto
}

.address-container.svelte-185h5l1 .address-wrapper .shipping-wrapper.svelte-185h5l1 {
  width: 100%;
  box-sizing: border-box
}

#pincode-input.svelte-185h5l1.svelte-185h5l1 {
  color: var(--black)
}

#pincode-input.svelte-185h5l1.svelte-185h5l1 {
  color: var(--black)
}

#pincode-input.svelte-185h5l1.svelte-185h5l1:-webkit-autofill,
#pincode-input.svelte-185h5l1.svelte-185h5l1:-webkit-autofill:hover,
#pincode-input.svelte-185h5l1.svelte-185h5l1:-webkit-autofill:focus,
#pincode-input.svelte-185h5l1.svelte-185h5l1:-webkit-autofill:active {
  -webkit-transition-delay: 9999s
}

:root {
  --a5: #a5a5a5;
  --e0: #ededed;
  --red: #f73536;
  --green: #01b156;
  --bg-green: #e9f4ee;
  --primary-color: #0365d6;
  --d-red: #c90000;
  --green2: #0e9343;
  --green-text: #25d366;
  --green-text2: #005e2a;
  --light-grey: #f8f8f8;
  --error: #e31b1b;
  --white: #fff;
  --off-white: #f3f3f3;
  --b-white: #f8fafd;
  --black: #000;
  --black2: #050038;
  --blue: #004b8d;
  --gokwik-blue: #002e64;
  --light-blue: #0365d6;
  --vl-green: #e6f4ec;
  --d-blue: #050038;
  --m-blue: #13172d;
  --theme-color: #b12928;
  --m-grey: #979eb5;
  --yellow: #edde5d;
  --d-yellow: #f09819;
  --light-yellow: #fffcf8;
  --progress-green: #01b156;
  --light-green: #74ab6f;
  --off-white-pink: #fff9f9;
  --b-grey: #9babc5;
  --g-grey: #f9f9f9;
  --b-purple: #f3f2ff;
  --t-purple: #36325e;
  --circle-text: #c9c9c9;
  --grey-l: #909090;
  --white: #ffffff;
  --white-1: #f2f2f2;
  --secondaryColor: #e5e5e5;
  --grey-text: #00000099;
  --black28: #101828;
  --grey-blue-text: #697687;
  --m-teal: rgba(3, 182, 150, 1);
  --gokwik-dark-blue: #002e64;
  --teal-50: #f0fdf9;
  --l-grey: #697687;
  --bg-grey: #f9fbfc;
  --neutral-200: #d0d5da;
  --error-600: #dc2626;
  --error-700: #b91c1c;
  --error-15: #fff5f5;
  --error-100: #fef2f2;
  --warning: #b54708;
  --toast-green: #079455
}

.see-all-button-container.svelte-r45fg5.svelte-r45fg5 {
  position: fixed;
  bottom: 0;
  left: 0;
  background: #fff;
  z-index: 10;
  box-sizing: border-box
}

.see-all-button.svelte-r45fg5.svelte-r45fg5 {
  display: block;
  text-align: center;
  border: 1px solid #000;
  transition: background-color .2s ease
}

.address-listing.svelte-r45fg5.svelte-r45fg5 {
  overflow-x: hidden;
  overflow-y: hidden
}

.address-listing.svelte-r45fg5 .address-listing-wrap.svelte-r45fg5 {
  max-height: max-content !important;
  overflow: initial !important;
  padding-bottom: 32px
}

:root {
  --a5: #a5a5a5;
  --e0: #ededed;
  --red: #f73536;
  --green: #01b156;
  --bg-green: #e9f4ee;
  --primary-color: #0365d6;
  --d-red: #c90000;
  --green2: #0e9343;
  --green-text: #25d366;
  --green-text2: #005e2a;
  --light-grey: #f8f8f8;
  --error: #e31b1b;
  --white: #fff;
  --off-white: #f3f3f3;
  --b-white: #f8fafd;
  --black: #000;
  --black2: #050038;
  --blue: #004b8d;
  --gokwik-blue: #002e64;
  --light-blue: #0365d6;
  --vl-green: #e6f4ec;
  --d-blue: #050038;
  --m-blue: #13172d;
  --theme-color: #b12928;
  --m-grey: #979eb5;
  --yellow: #edde5d;
  --d-yellow: #f09819;
  --light-yellow: #fffcf8;
  --progress-green: #01b156;
  --light-green: #74ab6f;
  --off-white-pink: #fff9f9;
  --b-grey: #9babc5;
  --g-grey: #f9f9f9;
  --b-purple: #f3f2ff;
  --t-purple: #36325e;
  --circle-text: #c9c9c9;
  --grey-l: #909090;
  --white: #ffffff;
  --white-1: #f2f2f2;
  --secondaryColor: #e5e5e5;
  --grey-text: #00000099;
  --black28: #101828;
  --grey-blue-text: #697687;
  --m-teal: rgba(3, 182, 150, 1);
  --gokwik-dark-blue: #002e64;
  --teal-50: #f0fdf9;
  --l-grey: #697687;
  --bg-grey: #f9fbfc;
  --neutral-200: #d0d5da;
  --error-600: #dc2626;
  --error-700: #b91c1c;
  --error-15: #fff5f5;
  --error-100: #fef2f2;
  --warning: #b54708;
  --toast-green: #079455
}

header.svelte-1w9o5wp.svelte-1w9o5wp {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  box-sizing: border-box
}

.header-right.svelte-1w9o5wp.svelte-1w9o5wp {
  margin-left: auto
}

.banner-and-gst.svelte-1w9o5wp.svelte-1w9o5wp {
  position: relative;
  width: 100%
}

.gst-tooltip-wrapper.svelte-1w9o5wp.svelte-1w9o5wp {
  position: relative;
  width: 100%;
  min-height: 32px
}

.gst-tooltip.svelte-1w9o5wp.svelte-1w9o5wp {
  position: absolute;
  right: 16px;
  top: 0;
  background-color: #e5e7eb
}

.cart-tooltip.svelte-1w9o5wp.svelte-1w9o5wp {
  position: absolute;
  right: 16px;
  top: 0;
  background-color: #1c1b17;
  color: #fff
}

.cart-wrapper.svelte-1w9o5wp.svelte-1w9o5wp {
  position: relative;
  width: 100%;
  z-index: 10
}

.gst-tooltip.svelte-1w9o5wp.svelte-1w9o5wp::before {
  content: "";
  position: absolute;
  top: -6px;
  right: 20%;
  transform: translateX(-50%);
  border-left: 6px solid rgba(0, 0, 0, 0);
  border-right: 6px solid rgba(0, 0, 0, 0);
  border-bottom: 6px solid #e5e7eb
}

.cart-tooltip.svelte-1w9o5wp.svelte-1w9o5wp::before {
  content: "";
  position: absolute;
  top: -6px;
  right: 20%;
  transform: translateX(-50%);
  border-left: 6px solid rgba(0, 0, 0, 0);
  border-right: 6px solid rgba(0, 0, 0, 0);
  border-bottom: 6px solid #1c1b17;
  color: #fff
}

.header-wrap.svelte-1w9o5wp.svelte-1w9o5wp {
  padding: 8px 12px;
  position: relative;
  height: 54px;
  z-index: 9;
  background: var(--white);
  box-sizing: border-box;
  display: flex;
  align-items: center;
  width: 100%
}

.header-wrap.svelte-1w9o5wp .header-left.svelte-1w9o5wp {
  display: flex;
  align-items: center;
  gap: .5rem
}

.header-wrap.svelte-1w9o5wp .back-btn.svelte-1w9o5wp {
  width: 16px;
  height: 16px;
  cursor: pointer
}

.merchant-logo.svelte-1w9o5wp.svelte-1w9o5wp {
  position: relative
}

.merchant-logo.svelte-1w9o5wp img.svelte-1w9o5wp {
  width: auto;
  max-height: 30px
}

@media(max-width: 700px) {
  .merchant-logo.svelte-1w9o5wp.svelte-1w9o5wp {
    max-width: 100px
  }

  .merchant-logo.svelte-1w9o5wp img.svelte-1w9o5wp {
    vertical-align: baseline !important
  }
}

.payment-security-text.svelte-1w9o5wp.svelte-1w9o5wp {
  display: flex;
  align-items: center;
  gap: 4px
}

.lock-icon.svelte-1w9o5wp.svelte-1w9o5wp {
  width: 16px;
  height: 16px;
  flex-shrink: 0
}

:root {
  --a5: #a5a5a5;
  --e0: #ededed;
  --red: #f73536;
  --green: #01b156;
  --bg-green: #e9f4ee;
  --primary-color: #0365d6;
  --d-red: #c90000;
  --green2: #0e9343;
  --green-text: #25d366;
  --green-text2: #005e2a;
  --light-grey: #f8f8f8;
  --error: #e31b1b;
  --white: #fff;
  --off-white: #f3f3f3;
  --b-white: #f8fafd;
  --black: #000;
  --black2: #050038;
  --blue: #004b8d;
  --gokwik-blue: #002e64;
  --light-blue: #0365d6;
  --vl-green: #e6f4ec;
  --d-blue: #050038;
  --m-blue: #13172d;
  --theme-color: #b12928;
  --m-grey: #979eb5;
  --yellow: #edde5d;
  --d-yellow: #f09819;
  --light-yellow: #fffcf8;
  --progress-green: #01b156;
  --light-green: #74ab6f;
  --off-white-pink: #fff9f9;
  --b-grey: #9babc5;
  --g-grey: #f9f9f9;
  --b-purple: #f3f2ff;
  --t-purple: #36325e;
  --circle-text: #c9c9c9;
  --grey-l: #909090;
  --white: #ffffff;
  --white-1: #f2f2f2;
  --secondaryColor: #e5e5e5;
  --grey-text: #00000099;
  --black28: #101828;
  --grey-blue-text: #697687;
  --m-teal: rgba(3, 182, 150, 1);
  --gokwik-dark-blue: #002e64;
  --teal-50: #f0fdf9;
  --l-grey: #697687;
  --bg-grey: #f9fbfc;
  --neutral-200: #d0d5da;
  --error-600: #dc2626;
  --error-700: #b91c1c;
  --error-15: #fff5f5;
  --error-100: #fef2f2;
  --warning: #b54708;
  --toast-green: #079455
}

.main-container.svelte-15dkyeb.svelte-15dkyeb {
  height: 100%;
  min-height: 300px;
  max-height: 80vh;
  overflow-y: auto
}

.notification-checkbox.svelte-15dkyeb.svelte-15dkyeb {
  position: fixed;
  bottom: 88px;
  left: 0;
  width: 100%;
  background: #fff;
  border-top: 1px solid #e4e8eb;
  z-index: 1;
  padding-top: 12px;
  box-sizing: border-box;
  display: flex
}

.notification-checkbox.svelte-15dkyeb label.svelte-15dkyeb {
  display: block;
  flex: 1;
  white-space: normal;
  word-break: break-word
}

.base-container.svelte-15dkyeb.svelte-15dkyeb {
  flex-grow: 1;
  margin-bottom: 24px
}

.login-body.svelte-15dkyeb.svelte-15dkyeb {
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding: 12px
}

.login-info.svelte-15dkyeb.svelte-15dkyeb {
  display: flex;
  align-items: center;
  gap: 8px;
  color: #333;
  font-size: 13px
}

.img-wrap.svelte-15dkyeb.svelte-15dkyeb {
  width: 24px;
  height: 24px
}

.globalImg.login.svelte-15dkyeb.svelte-15dkyeb {
  background-image: url(../assets/icons/user-circle.svg);
  height: 19px;
  width: 24px;
  background-position: center
}

.input-wrapper.svelte-15dkyeb.svelte-15dkyeb {
  display: flex;
  align-items: center;
  border: 1px solid #dddfe4;
  border-radius: 12px;
  padding: 12px;
  position: relative;
  width: 100%;
  box-sizing: border-box;
  background: #fff;
  gap: 4px
}

.input-wrapper.svelte-15dkyeb.svelte-15dkyeb:focus-within {
  border-color: var(--black)
}

.input-wrapper.svelte-15dkyeb:focus-within .separator.svelte-15dkyeb {
  color: var(--black)
}

.input-wrapper.svelte-15dkyeb:focus-within .country-code.svelte-15dkyeb {
  color: var(--black)
}

.country-code.svelte-15dkyeb.svelte-15dkyeb {
  color: #667085
}

.separator.svelte-15dkyeb.svelte-15dkyeb {
  color: #667085
}

.floating-input-group.svelte-15dkyeb.svelte-15dkyeb {
  flex: 1;
  margin: 0;
  position: relative
}

.floating-input-group.svelte-15dkyeb .input.svelte-15dkyeb {
  border-radius: 0
}

.phone-input.svelte-15dkyeb.svelte-15dkyeb {
  border: none;
  outline: none;
  width: 100%;
  font-size: 12px;
  font-weight: 400;
  padding: 0;
  background: rgba(0, 0, 0, 0);
  color: #000;
  position: relative;
  z-index: 1
}

.floating-input-group.svelte-15dkyeb .label.svelte-15dkyeb {
  position: absolute;
  left: 0;
  top: 9px;
  color: #667085;
  pointer-events: none;
  transition: all .2s ease;
  font-size: 12px
}

.phone-input.svelte-15dkyeb:not(:placeholder-shown)+.label.svelte-15dkyeb,
.phone-input.svelte-15dkyeb:focus+.label.svelte-15dkyeb {
  top: -12px;
  left: -28px;
  font-size: 10px;
  color: #667085;
  background: #fff;
  padding: 0 4px;
  z-index: 2
}

.phone-input.svelte-15dkyeb.svelte-15dkyeb:focus::placeholder,
.phone-input.svelte-15dkyeb.svelte-15dkyeb:not(:placeholder-shown)::placeholder {
  color: rgba(0, 0, 0, 0)
}

.phone-input.svelte-15dkyeb.svelte-15dkyeb::placeholder {
  color: rgba(0, 0, 0, 0)
}

:root {
  --a5: #a5a5a5;
  --e0: #ededed;
  --red: #f73536;
  --green: #01b156;
  --bg-green: #e9f4ee;
  --primary-color: #0365d6;
  --d-red: #c90000;
  --green2: #0e9343;
  --green-text: #25d366;
  --green-text2: #005e2a;
  --light-grey: #f8f8f8;
  --error: #e31b1b;
  --white: #fff;
  --off-white: #f3f3f3;
  --b-white: #f8fafd;
  --black: #000;
  --black2: #050038;
  --blue: #004b8d;
  --gokwik-blue: #002e64;
  --light-blue: #0365d6;
  --vl-green: #e6f4ec;
  --d-blue: #050038;
  --m-blue: #13172d;
  --theme-color: #b12928;
  --m-grey: #979eb5;
  --yellow: #edde5d;
  --d-yellow: #f09819;
  --light-yellow: #fffcf8;
  --progress-green: #01b156;
  --light-green: #74ab6f;
  --off-white-pink: #fff9f9;
  --b-grey: #9babc5;
  --g-grey: #f9f9f9;
  --b-purple: #f3f2ff;
  --t-purple: #36325e;
  --circle-text: #c9c9c9;
  --grey-l: #909090;
  --white: #ffffff;
  --white-1: #f2f2f2;
  --secondaryColor: #e5e5e5;
  --grey-text: #00000099;
  --black28: #101828;
  --grey-blue-text: #697687;
  --m-teal: rgba(3, 182, 150, 1);
  --gokwik-dark-blue: #002e64;
  --teal-50: #f0fdf9;
  --l-grey: #697687;
  --bg-grey: #f9fbfc;
  --neutral-200: #d0d5da;
  --error-600: #dc2626;
  --error-700: #b91c1c;
  --error-15: #fff5f5;
  --error-100: #fef2f2;
  --warning: #b54708;
  --toast-green: #079455
}

.otp-container.svelte-sllril.svelte-sllril {
  box-sizing: border-box
}

.wrap.svelte-sllril.svelte-sllril {
  position: relative;
  margin: 16px auto;
  display: flex;
  gap: 14px
}

.phone-number-text.svelte-sllril.svelte-sllril {
  display: flex;
  flex-direction: row;
  gap: 4px;
  justify-content: center;
  padding: 0;
  margin: 0
}

.address-tooltip-wrapper.svelte-sllril.svelte-sllril {
  position: relative;
  width: 100%;
  margin-top: 16px
}

.address-tooltip.svelte-sllril.svelte-sllril {
  background-color: #e5e7eb
}

.address-tooltip.svelte-sllril.svelte-sllril::before {
  content: "";
  position: absolute;
  top: -6px;
  left: 50%;
  transform: translateX(-50%);
  border-left: 6px solid rgba(0, 0, 0, 0);
  border-right: 6px solid rgba(0, 0, 0, 0);
  border-bottom: 6px solid #e5e7eb
}

.new-input.svelte-sllril.svelte-sllril {
  position: absolute;
  inset: 0;
  padding-left: 16px;
  background: rgba(0, 0, 0, 0);
  border: none;
  color: var(--black);
  z-index: 2;
  letter-spacing: 44px
}

.otp-box.active.svelte-sllril.svelte-sllril {
  border: 1px solid #000
}

.otp-box-1.svelte-sllril.svelte-sllril,
.otp-box-2.svelte-sllril.svelte-sllril,
.otp-box-3.svelte-sllril.svelte-sllril,
.otp-box-4.svelte-sllril.svelte-sllril {
  position: static
}

.otp-box.svelte-sllril.svelte-sllril {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  padding: 12px;
  box-sizing: border-box;
  border-radius: 12px;
  border: 1px solid #929ca8;
  font-size: 12px
}

.gokwik-otp-container.svelte-sllril.svelte-sllril {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  box-sizing: border-box
}

.gokwik-otp-container.svelte-sllril .input-container.svelte-sllril {
  display: flex;
  flex-direction: column;
  justify-content: space-between
}

.gokwik-otp-container.svelte-sllril .input-container .phone-number-change.svelte-sllril {
  display: flex;
  flex-direction: column;
  position: relative;
  text-align: center;
  color: var(--black2)
}

.gokwik-otp-container.svelte-sllril .input-container .phone-number-change p.svelte-sllril {
  font-weight: 500;
  font-size: 16px;
  line-height: 20px;
  margin: 0 0 4px 0
}

.gokwik-otp-container.svelte-sllril .input-container .phone-number-change .phone-number.svelte-sllril {
  color: var(--green2);
  display: flex;
  justify-content: center;
  position: relative;
  align-items: baseline
}

.gokwik-otp-container.svelte-sllril .input-container .phone-number-change .phone-number .otp-text.svelte-sllril {
  font-size: 14px;
  font-weight: 400;
  line-height: 20px
}

.gokwik-otp-container.svelte-sllril .input-container .phone-number-change .phone-number .otp-text span.svelte-sllril {
  font-weight: 600;
  margin-left: 5px
}

.gokwik-otp-container.svelte-sllril .input-container .phone-number-change .change-button.svelte-sllril {
  display: inline-flex;
  background: none;
  padding: 0;
  margin: 0;
  border: none
}

.gokwik-otp-container.svelte-sllril .input-container .phone-number-change .change-button .globalImg.svelte-sllril {
  width: 12px;
  height: 13px;
  background-position: -145px -212px;
  padding-bottom: 0
}

.cod-order-otp.svelte-sllril.svelte-sllril {
  margin: 1.5rem 0px
}

.cod-order-otp.svelte-sllril .otp-text.svelte-sllril {
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  text-align: center
}

.cod-order-otp.svelte-sllril .phone-number.svelte-sllril {
  color: var(--green2);
  font-weight: 600
}

button.svelte-sllril.svelte-sllril {
  display: inline-block;
  outline: none;
  border: none;
  background: none
}

.gk-logo.svelte-sllril.svelte-sllril {
  width: 50px;
  height: 16px
}

:root {
  --a5: #a5a5a5;
  --e0: #ededed;
  --red: #f73536;
  --green: #01b156;
  --bg-green: #e9f4ee;
  --primary-color: #0365d6;
  --d-red: #c90000;
  --green2: #0e9343;
  --green-text: #25d366;
  --green-text2: #005e2a;
  --light-grey: #f8f8f8;
  --error: #e31b1b;
  --white: #fff;
  --off-white: #f3f3f3;
  --b-white: #f8fafd;
  --black: #000;
  --black2: #050038;
  --blue: #004b8d;
  --gokwik-blue: #002e64;
  --light-blue: #0365d6;
  --vl-green: #e6f4ec;
  --d-blue: #050038;
  --m-blue: #13172d;
  --theme-color: #b12928;
  --m-grey: #979eb5;
  --yellow: #edde5d;
  --d-yellow: #f09819;
  --light-yellow: #fffcf8;
  --progress-green: #01b156;
  --light-green: #74ab6f;
  --off-white-pink: #fff9f9;
  --b-grey: #9babc5;
  --g-grey: #f9f9f9;
  --b-purple: #f3f2ff;
  --t-purple: #36325e;
  --circle-text: #c9c9c9;
  --grey-l: #909090;
  --white: #ffffff;
  --white-1: #f2f2f2;
  --secondaryColor: #e5e5e5;
  --grey-text: #00000099;
  --black28: #101828;
  --grey-blue-text: #697687;
  --m-teal: rgba(3, 182, 150, 1);
  --gokwik-dark-blue: #002e64;
  --teal-50: #f0fdf9;
  --l-grey: #697687;
  --bg-grey: #f9fbfc;
  --neutral-200: #d0d5da;
  --error-600: #dc2626;
  --error-700: #b91c1c;
  --error-15: #fff5f5;
  --error-100: #fef2f2;
  --warning: #b54708;
  --toast-green: #079455
}

.snackbar-wrapper.svelte-2vxet6 {
  width: calc(100% - 24px);
  box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, .1);
  z-index: 1000011;
  position: fixed;
  left: 12px;
  top: 10px;
  animation: svelte-2vxet6-slideFromTop .3s ease-in-out
}

@keyframes svelte-2vxet6-slideFromTop {
  from {
    top: 0px
  }

  to {
    top: 10px
  }
}

.close-btn.svelte-2vxet6 {
  border: none
}

.content-box.svelte-hks3kw .price.svelte-hks3kw {
  padding: 0px 2px;
  background: #fff1cd;
  border-radius: 4px;
  color: #703100
}

.content-box.svelte-hks3kw p.svelte-hks3kw {
  font-size: 13px;
  font-weight: 600;
  line-height: 16px
}

.content-box.svelte-hks3kw p.free-gift img.svelte-hks3kw {
  height: 28px;
  margin-left: 2px
}

.content-box.svelte-hks3kw span.svelte-hks3kw:last-child {
  margin-top: 15px
}

.content-box.svelte-hks3kw span.free-gift.svelte-hks3kw {
  color: var(--green);
  font-size: 16px;
  margin-top: .5rem;
  align-items: center
}

.content-box.svelte-hks3kw span.free-gift img.svelte-hks3kw {
  height: 28px;
  margin-left: 2px;
  margin-bottom: 2px
}

.alert.svelte-hks3kw.svelte-hks3kw {
  color: var(--d-yellow)
}

.popup-wrap.svelte-hks3kw .popup-box .btn-action-div.svelte-hks3kw {
  gap: 12px;
  background-color: #f9fafb;
  border: 1px solid #e5e7eb
}

.popup-wrap.svelte-hks3kw .popup-box .btn-action-div .exit-alert.svelte-hks3kw {
  font-size: 14px;
  font-weight: 400
}

.popup-wrap.svelte-hks3kw .popup-box .btn-action-div button.svelte-hks3kw {
  flex: 1;
  font-weight: 600;
  font-size: 14px;
  border-radius: 8px;
  padding: 12px;
  cursor: pointer;
  transition: all .2s ease;
  white-space: nowrap
}

.popup-wrap.svelte-hks3kw .popup-box .btn-action-div .exit-btn.svelte-hks3kw {
  display: flex;
  width: 100%;
  gap: 12px
}

.popup-wrap.svelte-hks3kw .popup-box .btn-action-div .exit-btn .yes-btn.svelte-hks3kw {
  background-color: #000;
  color: #fff;
  border: none
}

.popup-wrap.svelte-hks3kw .popup-box .btn-action-div .exit-btn .no-btn.svelte-hks3kw {
  background-color: #fff;
  color: #000;
  border: 1px solid #000
}

.popup-wrap.svelte-hks3kw .feedback-div.svelte-hks3kw {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 12px;
  padding: 16px 12px 12px 12px;
  border-radius: 12px;
  background-color: #fff;
  border: 1px solid #e5e5e5;
  box-shadow: 0 -2px 8px rgba(0, 0, 0, .04)
}

.popup-wrap.svelte-hks3kw .feedback-btn.svelte-hks3kw {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 12px;
  padding: 12px;
  border-radius: 12px;
  background-color: #f9f9f9;
  border: 1px solid #e5e5e5;
  box-shadow: 0 -2px 8px rgba(0, 0, 0, .04);
  margin: 16px 12px 12px 12px
}

.popup-wrap.svelte-hks3kw .feedback-btn .feedback-title.svelte-hks3kw {
  font-size: 14px;
  font-weight: 400
}

.popup-wrap.svelte-hks3kw .feedback-btn .feedback-actions.svelte-hks3kw {
  display: flex;
  width: 100%;
  gap: 12px
}

.popup-wrap.svelte-hks3kw .feedback-btn .feedback-actions .btn.svelte-hks3kw {
  flex: 1;
  font-weight: 600;
  font-size: 12px;
  border-radius: 8px;
  padding: 12px 0;
  cursor: pointer;
  transition: all .2s ease;
  text-align: center
}

.popup-wrap.svelte-hks3kw .feedback-btn .feedback-actions .black-btn.svelte-hks3kw {
  background-color: #000;
  color: #fff;
  border: none
}

.popup-wrap.svelte-hks3kw .feedback-btn .feedback-actions .outline-btn.svelte-hks3kw {
  background-color: #fff;
  color: #000;
  border: 1px solid #000
}

.popup-wrap.svelte-hks3kw .black-btn.svelte-hks3kw {
  background-color: #000;
  color: #fff;
  border: none
}

.popup-wrap.svelte-hks3kw .outline-btn.svelte-hks3kw {
  background-color: #fff;
  color: #000;
  border: 1px solid #000
}

.reasons-list.svelte-hks3kw.svelte-hks3kw {
  list-style: none;
  overflow-y: auto;
  padding-left: 0;
  height: fit-content;
  padding-bottom: 80px;
  margin-top: 0 !important
}

.reasons-list.svelte-hks3kw.svelte-hks3kw::-webkit-scrollbar {
  display: none
}

.reasons-list.svelte-hks3kw .item.svelte-hks3kw {
  display: flex;
  flex-direction: row;
  padding: 12px 0;
  align-items: center
}

.reasons-list.svelte-hks3kw .item p.svelte-hks3kw {
  margin-top: 0px !important;
  font-size: 14px;
  font-weight: 400
}

.green_text.svelte-hks3kw.svelte-hks3kw {
  color: var(--green);
  font-size: 16px;
  font-weight: 500
}

:root {
  --a5: #a5a5a5;
  --e0: #ededed;
  --red: #f73536;
  --green: #01b156;
  --bg-green: #e9f4ee;
  --primary-color: #0365d6;
  --d-red: #c90000;
  --green2: #0e9343;
  --green-text: #25d366;
  --green-text2: #005e2a;
  --light-grey: #f8f8f8;
  --error: #e31b1b;
  --white: #fff;
  --off-white: #f3f3f3;
  --b-white: #f8fafd;
  --black: #000;
  --black2: #050038;
  --blue: #004b8d;
  --gokwik-blue: #002e64;
  --light-blue: #0365d6;
  --vl-green: #e6f4ec;
  --d-blue: #050038;
  --m-blue: #13172d;
  --theme-color: #b12928;
  --m-grey: #979eb5;
  --yellow: #edde5d;
  --d-yellow: #f09819;
  --light-yellow: #fffcf8;
  --progress-green: #01b156;
  --light-green: #74ab6f;
  --off-white-pink: #fff9f9;
  --b-grey: #9babc5;
  --g-grey: #f9f9f9;
  --b-purple: #f3f2ff;
  --t-purple: #36325e;
  --circle-text: #c9c9c9;
  --grey-l: #909090;
  --white: #ffffff;
  --white-1: #f2f2f2;
  --secondaryColor: #e5e5e5;
  --grey-text: #00000099;
  --black28: #101828;
  --grey-blue-text: #697687;
  --m-teal: rgba(3, 182, 150, 1);
  --gokwik-dark-blue: #002e64;
  --teal-50: #f0fdf9;
  --l-grey: #697687;
  --bg-grey: #f9fbfc;
  --neutral-200: #d0d5da;
  --error-600: #dc2626;
  --error-700: #b91c1c;
  --error-15: #fff5f5;
  --error-100: #fef2f2;
  --warning: #b54708;
  --toast-green: #079455
}

.cash-to-prepaid.svelte-5gtp8c.svelte-5gtp8c {
  background: rgba(0, 0, 0, 0) !important
}

.footer.svelte-5gtp8c.svelte-5gtp8c {
  width: 100%;
  bottom: 0rem;
  background: #fff;
  left: 0;
  box-sizing: border-box
}

.footer.svelte-5gtp8c .btn-wrapper.svelte-5gtp8c {
  margin: 12px;
  margin-top: 16px;
  display: flex;
  flex-direction: row-reverse;
  flex-flow: row-reverse;
  flex: 2
}

.otp-container.svelte-5gtp8c.svelte-5gtp8c {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 60px
}

.hide-details.svelte-5gtp8c.svelte-5gtp8c {
  display: none
}

.request-text.svelte-5gtp8c.svelte-5gtp8c {
  font-size: 8px;
  color: #929ca8;
  text-align: center
}

:root {
  --a5: #a5a5a5;
  --e0: #ededed;
  --red: #f73536;
  --green: #01b156;
  --bg-green: #e9f4ee;
  --primary-color: #0365d6;
  --d-red: #c90000;
  --green2: #0e9343;
  --green-text: #25d366;
  --green-text2: #005e2a;
  --light-grey: #f8f8f8;
  --error: #e31b1b;
  --white: #fff;
  --off-white: #f3f3f3;
  --b-white: #f8fafd;
  --black: #000;
  --black2: #050038;
  --blue: #004b8d;
  --gokwik-blue: #002e64;
  --light-blue: #0365d6;
  --vl-green: #e6f4ec;
  --d-blue: #050038;
  --m-blue: #13172d;
  --theme-color: #b12928;
  --m-grey: #979eb5;
  --yellow: #edde5d;
  --d-yellow: #f09819;
  --light-yellow: #fffcf8;
  --progress-green: #01b156;
  --light-green: #74ab6f;
  --off-white-pink: #fff9f9;
  --b-grey: #9babc5;
  --g-grey: #f9f9f9;
  --b-purple: #f3f2ff;
  --t-purple: #36325e;
  --circle-text: #c9c9c9;
  --grey-l: #909090;
  --white: #ffffff;
  --white-1: #f2f2f2;
  --secondaryColor: #e5e5e5;
  --grey-text: #00000099;
  --black28: #101828;
  --grey-blue-text: #697687;
  --m-teal: rgba(3, 182, 150, 1);
  --gokwik-dark-blue: #002e64;
  --teal-50: #f0fdf9;
  --l-grey: #697687;
  --bg-grey: #f9fbfc;
  --neutral-200: #d0d5da;
  --error-600: #dc2626;
  --error-700: #b91c1c;
  --error-15: #fff5f5;
  --error-100: #fef2f2;
  --warning: #b54708;
  --toast-green: #079455
}

.first-page.svelte-1i4d2v3 {
  width: 100% !important
}

.loading-screen.svelte-1i4d2v3 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 9999999999;
  background: rgba(255, 255, 255, .568627451);
  pointer-events: auto;
  flex-direction: column
}

.loading-screen.no-opacity.svelte-1i4d2v3 {
  opacity: 0
}

@keyframes svelte-1i4d2v3-rotate {
  100% {
    transform: rotate(360deg)
  }
}

@keyframes svelte-1i4d2v3-dash {
  0% {
    stroke-dasharray: 1, 150;
    stroke-dashoffset: 0
  }

  50% {
    stroke-dasharray: 90, 150;
    stroke-dashoffset: -35
  }

  100% {
    stroke-dasharray: 90, 150;
    stroke-dashoffset: -124
  }
}

.white-background.svelte-1i4d2v3 {
  background-color: #fff
}

.container.svelte-9k2b4d.svelte-9k2b4d {
  height: 618px
}

.image-wrapper.svelte-9k2b4d img.svelte-9k2b4d {
  width: 200px;
  height: 200px;
  object-fit: contain
}

.button.svelte-9k2b4d.svelte-9k2b4d {
  background-color: #000;
  color: #fff;
  border: none;
  margin-top: 1.5rem
}

.countdown.svelte-9k2b4d.svelte-9k2b4d {
  background-color: #e5e7eb;
  padding: 2px 4px;
  border-radius: 4px
}

.progress-bar.svelte-9k2b4d.svelte-9k2b4d {
  width: 100%;
  max-width: 600px;
  height: 12px;
  background-color: #e5e7eb;
  border-radius: 12px;
  overflow: hidden
}

.progress-fill.svelte-9k2b4d.svelte-9k2b4d {
  height: 100%;
  background-color: #079455;
  border-radius: 12px;
  transition: width 1s linear
}

.svelte-up5p67 .svelte-up5p67::-webkit-scrollbar {
  width: 0;
  background: rgba(0, 0, 0, 0)
}

.center-wrapper.svelte-up5p67.svelte-up5p67 {
  height: 100%;
  position: absolute;
  top: 0;
  background: rgba(0, 0, 0, .4);
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 999999;
  width: 100%
}

.center-wrapper.svelte-up5p67 .center-popup.svelte-up5p67 {
  top: 0 !important;
  bottom: 0 !important;
  left: 0 !important;
  right: 0 !important;
  text-align: center;
  margin: auto;
  width: 90% !important;
  height: fit-content !important;
  border-radius: .5rem;
  box-shadow: 1px 1px 10px 2px var(--grey-l) !important
}

.center-wrapper.svelte-up5p67 .center-popup.width-75.svelte-up5p67 {
  width: 75% !important
}

.show-loader.svelte-up5p67.svelte-up5p67 {
  z-index: 0 !important;
  background-color: var(--white) !important
}

.backdrop.svelte-up5p67.svelte-up5p67 {
  width: 100%;
  background-color: rgba(0, 0, 0, 0.2196078431);
  position: absolute;
  top: 0;
  height: 100%;
  z-index: 100001
}

.container.svelte-up5p67.svelte-up5p67 {
  position: absolute;
  width: 100%;
  bottom: 0;
  left: 0;
  height: 100vh;
  overflow: hidden;
  background-color: var(--white);
  padding: 1rem;
  box-shadow: 1px 1px 10px 2px var(--d-blue);
  z-index: 9;
  box-sizing: border-box
}

.container.svelte-up5p67 .head.svelte-up5p67 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: .5rem
}

.container.svelte-up5p67 .head h1.svelte-up5p67 {
  margin: 0;
  color: var(--black);
  font-size: 1rem;
  font-weight: 600
}

.container.svelte-up5p67 .head button.svelte-up5p67 {
  background: rgba(0, 0, 0, 0);
  border: none;
  padding: 0;
  margin: 0
}

.container.svelte-up5p67 .head button .globalImg.svelte-up5p67 {
  background-position: -111px -59px;
  width: 18px;
  height: 18px;
  display: flex
}

.container.svelte-up5p67 .content.svelte-up5p67 {
  overflow-y: auto;
  height: 95%
}

.top-close-button.svelte-up5p67.svelte-up5p67 {
  position: relative;
  padding: .5rem
}

.top-close-button.svelte-up5p67 .head.svelte-up5p67 {
  margin: 0
}

.top-close-button.svelte-up5p67 .head button.svelte-up5p67 {
  position: absolute;
  top: 5px;
  right: 5px;
  background: #bdc0c1;
  border-radius: 50%;
  padding: .15rem
}

.top-close-button.svelte-up5p67 .head button .globalImg.svelte-up5p67 {
  position: relative;
  left: -1px;
  transform: scale(0.9)
}

.content-box.svelte-1vto4pj.svelte-1vto4pj {
  padding: 1rem 0
}

.content-box.svelte-1vto4pj p.svelte-1vto4pj {
  font-size: .875rem;
  color: var(--m-black);
  font-weight: 400;
  line-height: 1.2;
  margin: 0;
  text-align: center
}

.content-box.svelte-1vto4pj h4.svelte-1vto4pj {
  text-align: center;
  color: var(--m-black);
  margin: .7rem
}

.popup-wrap.svelte-1vto4pj.svelte-1vto4pj {
  height: 100%;
  position: absolute;
  top: 0;
  background: rgba(0, 0, 0, .5);
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 100000000;
  width: 100%
}

.popup-wrap.svelte-1vto4pj .popup-box.svelte-1vto4pj {
  width: 100%;
  max-width: 300px;
  padding: .3rem 1.3rem;
  background: #fff;
  border-radius: 12px;
  display: block;
  position: relative
}

.popup-wrap.svelte-1vto4pj .popup-box .close.svelte-1vto4pj {
  position: absolute;
  right: 10px;
  top: 10px;
  border: none;
  margin: 0;
  padding: 0
}

.popup-wrap.svelte-1vto4pj .popup-box .btn-action-div.svelte-1vto4pj {
  display: flex;
  justify-content: center;
  margin-bottom: 1rem
}

.popup-wrap.svelte-1vto4pj .popup-box .btn-action-div button.svelte-1vto4pj {
  display: inline-flex;
  width: 100%;
  height: 50px;
  align-items: center;
  font-size: 16px;
  border-radius: 8px;
  padding: 1rem;
  min-height: 48px;
  color: #fff;
  justify-content: center;
  background: var(--light-blue);
  border: none;
  margin-top: .75rem
}

.svelte-4kdaqf.svelte-4kdaqf::-webkit-scrollbar {
  width: 0;
  background: rgba(0, 0, 0, 0)
}

.continue-wrapper.svelte-4kdaqf.svelte-4kdaqf {
  height: 50px
}

.backdrop.svelte-4kdaqf.svelte-4kdaqf {
  width: 100%;
  background-color: rgba(0, 0, 0, .4);
  position: absolute;
  top: 0;
  height: 100%;
  z-index: 100001
}

.mobile-backdrop.svelte-4kdaqf.svelte-4kdaqf {
  background-color: rgba(0, 0, 0, .5)
}

.bold.svelte-4kdaqf.svelte-4kdaqf {
  font-weight: bold
}

.container.svelte-4kdaqf.svelte-4kdaqf {
  position: absolute;
  width: 100%;
  background-color: rgba(0, 0, 0, 0);
  bottom: 0;
  left: 0;
  z-index: 100001;
  box-sizing: border-box
}

.container.svelte-4kdaqf .offer-title.svelte-4kdaqf {
  font-weight: bold;
  font-size: 16px;
  padding: 5px;
  text-align: center;
  color: #fff;
  background-color: #039855;
  padding-bottom: 20px;
  bottom: -16px;
  position: relative;
  z-index: -1
}

.container.svelte-4kdaqf .address-count.svelte-4kdaqf {
  width: auto;
  display: flex;
  justify-content: center;
  background: #fcf7f7;
  font-size: 14px;
  padding: 5px
}

.container.svelte-4kdaqf .sheet-wrapper.svelte-4kdaqf {
  background-color: var(--white)
}

.container.svelte-4kdaqf .sheet-wrapper .close-button.svelte-4kdaqf {
  position: absolute;
  z-index: 1;
  top: -4rem;
  right: calc((100% - 40px)/2);
  border-radius: 100px;
  background: rgba(255, 255, 255, .7);
  border: none;
  outline: none;
  backdrop-filter: blur(10px)
}

.container.svelte-4kdaqf .sheet-wrapper .close-button .globalImg.svelte-4kdaqf {
  width: 16px;
  height: 16px;
  background-position: -113px -60px
}

.container.svelte-4kdaqf .sheet-wrapper .otp-verification-card.svelte-4kdaqf {
  background: linear-gradient(180deg, #fef2cd 0%, #ffffff 100%);
  border-radius: 16px 16px 0 0;
  padding: 12px;
  padding-top: 20px;
  text-align: center
}

.container.svelte-4kdaqf .sheet-wrapper .otp-animation-wrapper.svelte-4kdaqf {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 120px;
  margin-bottom: 12px
}

.container.svelte-4kdaqf .sheet-wrapper .otp-title.svelte-4kdaqf {
  font-weight: 600;
  font-size: 20px;
  color: #000
}

.container.svelte-4kdaqf .sheet-wrapper .otp-subtitle.svelte-4kdaqf {
  font-size: 12px;
  color: #697687;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 4px
}

.container.svelte-4kdaqf .sheet-wrapper .lock-icon.svelte-4kdaqf {
  width: 16px;
  height: 16px
}

.container.svelte-4kdaqf .sheet-wrapper .image-placeholder.svelte-4kdaqf {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 177px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #f0f0f0;
  z-index: 3
}

.container.svelte-4kdaqf .sheet-wrapper .spinner.svelte-4kdaqf {
  width: 50px;
  height: 50px;
  border: 3px solid rgba(0, 0, 0, .3);
  border-radius: 50%;
  border-top-color: #000;
  animation: svelte-4kdaqf-spin 1s ease-in-out infinite
}

@keyframes svelte-4kdaqf-spin {
  0% {
    transform: rotate(0deg)
  }

  100% {
    transform: rotate(360deg)
  }
}

.container.svelte-4kdaqf .sheet-wrapper .head button.svelte-4kdaqf {
  background: rgba(0, 0, 0, 0)
}

.container.svelte-4kdaqf .sheet-wrapper .head button .globalImg.svelte-4kdaqf {
  width: 16px;
  height: 16px;
  background-position: -211px -145px;
  filter: invert(0.75);
  transform: scale(0.9)
}

.container.svelte-4kdaqf .sheet-wrapper .head button.back-button.svelte-4kdaqf {
  border: none;
  padding: 0px
}

.container.svelte-4kdaqf .sheet-wrapper .head button.back-button .globalImg.svelte-4kdaqf {
  border: none;
  width: 24px;
  height: 24px;
  background-position: -72px -400px;
  filter: unset;
  transform: scale(1)
}

.container.svelte-4kdaqf .sheet-wrapper .head button.header-button.svelte-4kdaqf {
  line-height: 14px
}

.container.svelte-4kdaqf .sheet-wrapper .content.svelte-4kdaqf {
  max-height: 70vh;
  overflow-y: auto
}

.container.svelte-4kdaqf .sheet-wrapper .height-75vh.svelte-4kdaqf {
  max-height: 75vh !important;
  min-height: inherit !important
}

.container.svelte-4kdaqf .sheet-wrapper.no-padding.svelte-4kdaqf {
  padding: 0 !important
}

.container.top-close-button.svelte-4kdaqf .sheet-wrapper.svelte-4kdaqf {
  position: relative;
  box-shadow: 0px -45px 125px 30px #000;
  padding: .5rem
}

.container.top-close-button.svelte-4kdaqf .sheet-wrapper .head.svelte-4kdaqf {
  margin: 0
}

.container.top-close-button.svelte-4kdaqf .sheet-wrapper .head button.svelte-4kdaqf:not(.back-button) {
  position: absolute;
  z-index: 1;
  top: -31px;
  right: calc((100% - 40px)/2);
  border-radius: 50px;
  border: 1px solid #000;
  background: #000;
  padding: 10px 17px 7px
}

.container.top-close-button.svelte-4kdaqf .sheet-wrapper .head button:not(.back-button) .globalImg.svelte-4kdaqf {
  width: 7px;
  height: 12px;
  background-position: -185px -33px;
  transform: rotate(90deg) scale(1.3)
}

.new-icon.svelte-4kdaqf.svelte-4kdaqf {
  max-height: 25px;
  max-width: 24px;
  overflow: hidden;
  flex: 0 0 auto
}

.animation-wrapper.svelte-4kdaqf.svelte-4kdaqf {
  width: 100%;
  position: relative
}

.animation-wrapper.svelte-4kdaqf button.svelte-4kdaqf {
  position: absolute;
  z-index: 1;
  top: -40px;
  right: calc((100% - 46px)/2);
  border-radius: 50px;
  border: none;
  background: rgba(255, 255, 255, 0.7019607843);
  backdrop-filter: blur(20px);
  padding: 10px
}

.animation-wrapper.svelte-4kdaqf button .globalImg.initiate.svelte-4kdaqf {
  width: 14px;
  height: 14px;
  background-position: -114px -60px;
  transform: scale(0.9)
}

.animation-wrapper.svelte-4kdaqf button .globalImg.fail.svelte-4kdaqf {
  width: 12px;
  height: 12px;
  background-position: -115px -62px;
  transform: scale(0.8)
}

.v2-wrapper.svelte-4kdaqf.svelte-4kdaqf {
  width: 100%;
  position: relative
}

.v2-wrapper.svelte-4kdaqf button.svelte-4kdaqf {
  position: absolute;
  z-index: 1;
  top: -40px;
  right: calc((100% - 46px)/2);
  border-radius: 50px;
  border: 1px solid #000;
  background: #000;
  padding: 6px 18px 6px
}

.v2-wrapper.svelte-4kdaqf button .globalImg.svelte-4kdaqf {
  filter: brightness(0) invert(1)
}

.v2-wrapper.svelte-4kdaqf button .globalImg.close.svelte-4kdaqf {
  width: 14px;
  height: 14px;
  background-position: -114px -60px;
  transform: scale(0.9)
}

.text-status.svelte-4kdaqf.svelte-4kdaqf,
.text-initiate.svelte-4kdaqf.svelte-4kdaqf,
.text-fail.svelte-4kdaqf.svelte-4kdaqf,
.text-pending.svelte-4kdaqf.svelte-4kdaqf {
  position: absolute;
  font-size: 16px;
  top: 0px;
  left: 0px;
  z-index: 1;
  padding: 10px 16px;
  width: 100%;
  box-sizing: border-box;
  font-weight: 600;
  height: 100%;
  border-radius: 12px 12px 0 0
}

.text-pending.svelte-4kdaqf.svelte-4kdaqf {
  background: linear-gradient(to right, #fff 40%, rgba(255, 255, 255, 0.2) 60%);
  padding: 12px 16px
}

.text-fail.svelte-4kdaqf.svelte-4kdaqf {
  background: linear-gradient(to right, #fff 40%, rgba(255, 255, 255, 0.2) 60%);
  padding: 12px 16px;
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  justify-content: center;
  gap: 4px
}

.text-initiate.svelte-4kdaqf.svelte-4kdaqf {
  background: linear-gradient(to right, #fff 40%, rgba(255, 255, 255, 0.2) 60%);
  display: flex;
  flex-direction: column;
  gap: 2px
}

.animate-base.svelte-4kdaqf.svelte-4kdaqf,
.animate-initiate.svelte-4kdaqf.svelte-4kdaqf,
.animate-fail.svelte-4kdaqf.svelte-4kdaqf,
.animate-pending.svelte-4kdaqf.svelte-4kdaqf {
  width: 100%;
  padding: 16px;
  display: flex;
  overflow: hidden;
  box-sizing: border-box;
  border-radius: 12px 12px 0 0
}

.animate-pending.svelte-4kdaqf.svelte-4kdaqf {
  background-color: #fff;
  gap: 8px
}

.animate-pending.svelte-4kdaqf .new-icon.svelte-4kdaqf {
  scale: 1.5;
  animation: svelte-4kdaqf-blink 1.5s ease-in-out infinite
}

.animate-fail.svelte-4kdaqf.svelte-4kdaqf {
  background-color: #fff;
  gap: 28px
}

.animate-fail.svelte-4kdaqf .new-icon.svelte-4kdaqf {
  scale: 1.5;
  animation: svelte-4kdaqf-rotate 3s ease-in-out infinite
}

.animate-initiate.svelte-4kdaqf.svelte-4kdaqf {
  background-color: #fff;
  gap: 16px
}

.animate-initiate.svelte-4kdaqf .new-icon.svelte-4kdaqf {
  scale: 1.5;
  animation: svelte-4kdaqf-moveRight 1s linear infinite
}

@keyframes svelte-4kdaqf-blink {

  0%,
  100% {
    opacity: 1
  }

  50% {
    opacity: 0
  }
}

@keyframes svelte-4kdaqf-rotate {
  from {
    transform: rotate(0deg)
  }

  to {
    transform: rotate(360deg)
  }
}

@keyframes svelte-4kdaqf-moveRight {
  0% {
    transform: translateX(-40%)
  }

  100% {
    transform: translateX(180%)
  }
}

.bg-white.svelte-4kdaqf.svelte-4kdaqf {
  background-color: #fff
}

.container--override.svelte-4kdaqf.svelte-4kdaqf {
  border-radius: 0
}

.container--override.svelte-4kdaqf .sheet-wrapper.svelte-4kdaqf {
  border-radius: 0;
  padding: .5rem
}

.container--override.svelte-4kdaqf .sheet-wrapper .head.svelte-4kdaqf {
  padding-left: .5rem
}

.container--override.svelte-4kdaqf .sheet-wrapper .content.svelte-4kdaqf {
  max-height: 75vh
}

@media screen and (max-width: 600px) {
  .container--override.svelte-4kdaqf .sheet-wrapper .content.svelte-4kdaqf {
    min-height: 16vh
  }
}

.container--override.svelte-4kdaqf .sheet-wrapper .content .container.svelte-4kdaqf {
  padding: 0
}

.top-border.svelte-4kdaqf.svelte-4kdaqf {
  border-top: 6px solid var(--d-yellow)
}

.text-offer-wrapper.svelte-4kdaqf.svelte-4kdaqf {
  display: inline-block;
  font-size: 10px;
  color: var(--green)
}

.offers-carousel-sheet.svelte-4kdaqf.svelte-4kdaqf {
  padding: 0 !important;
  border-radius: 0 !important
}

.offers-carousel-sheet.svelte-4kdaqf .head.svelte-4kdaqf {
  margin-bottom: 0 !important
}

.one-click-payment-flow-container.svelte-4kdaqf.svelte-4kdaqf {
  min-height: 15vh !important
}

.no-header.svelte-4kdaqf.svelte-4kdaqf {
  margin: 0
}

.free-gift-modal.svelte-4kdaqf.svelte-4kdaqf {
  background: linear-gradient(180deg, #fef2cd 0%, #fff 100%);
  box-sizing: border-box;
  padding: 20px 12px 0 12px
}

.gift-animation.svelte-4kdaqf.svelte-4kdaqf {
  height: 200px
}

.congrats-text.svelte-4kdaqf.svelte-4kdaqf {
  color: #c27b14
}

.unlock-title.svelte-4kdaqf.svelte-4kdaqf {
  font-size: 20px;
  line-height: 28px
}

.worth-text.svelte-4kdaqf.svelte-4kdaqf {
  color: #384250
}

.choose-gift-button.svelte-4kdaqf.svelte-4kdaqf {
  background-color: #000;
  color: #fff;
  margin-bottom: 20px;
  margin-top: 24px
}

.no-thanks-button.svelte-4kdaqf.svelte-4kdaqf {
  border: none;
  margin-bottom: 24px
}

.hide.svelte-4kdaqf.svelte-4kdaqf {
  display: none !important
}

.order-summary-container-height.svelte-4kdaqf.svelte-4kdaqf {
  --top-offset: 54px;
  --sheet-header-height: 56px;
  --bottom-safe-area: 16px;
  --fixed-section-min: 150px;
  height: calc(100vh - var(--top-offset) - var(--sheet-header-height) - var(--bottom-safe-area)) !important;
  max-height: calc(100vh - 126px) !important
}

.upi-offer-banner.svelte-4kdaqf.svelte-4kdaqf {
  background: linear-gradient(109deg, #00d475 0%, #079455 100%);
  color: #fff;
  text-align: center;
  padding: 8px 4px 8px 4px;
  font-size: 12px;
  font-weight: 500;
  line-height: 16px;
  border-radius: 12px 12px 0 0
}

.gift-added.svelte-4kdaqf.svelte-4kdaqf {
  display: inline-flex;
  align-items: center;
  gap: 6px
}

.gift-added.svelte-4kdaqf .globalImg.svelte-4kdaqf {
  width: 11px;
  height: 16px;
  background-position: -133px -59px;
  display: flex;
  display: inline-block;
  transform: scale(1.5);
  transform-origin: center
}

.container.svelte-q9ghs9.svelte-q9ghs9 {
  padding: .75rem 1rem 0
}

.container.svelte-q9ghs9 .cursor-pointer.svelte-q9ghs9 {
  cursor: pointer
}

.container.svelte-q9ghs9 .banner.svelte-q9ghs9 {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 8px 12px;
  gap: 8px;
  background: var(--black);
  border-radius: 8px;
  color: var(--white);
  font-size: .675rem
}

.container.svelte-q9ghs9 .banner p.svelte-q9ghs9 {
  margin: 0;
  padding: 0;
  line-height: 1.2
}

.container.svelte-q9ghs9 .banner .btn.svelte-q9ghs9 {
  background: var(--green);
  padding: .3rem .5rem;
  border-radius: .7rem;
  line-height: 1;
  font-size: .675rem;
  text-transform: uppercase;
  white-space: nowrap
}

.sprite-cred-icon.svelte-q9ghs9.svelte-q9ghs9 {
  display: inline-block;
  height: 21px;
  min-width: 18px;
  background-position: -207px -291px
}

.svelte-1tx4miv .svelte-1tx4miv::-webkit-scrollbar {
  width: 0;
  background: rgba(0, 0, 0, 0)
}

.iframe-container.svelte-1tx4miv.svelte-1tx4miv {
  height: calc(90vh - 100px);
  display: flex;
  flex-direction: column;
  width: 100%;
  position: absolute;
  bottom: 0;
  background: #fff;
  z-index: 100002;
  box-sizing: border-box;
  padding: 16px 12px 12px;
  border-top-left-radius: 16px;
  border-top-right-radius: 16px
}

.iframe.svelte-1tx4miv.svelte-1tx4miv {
  border: none;
  height: 100%
}

.backdrop.svelte-1tx4miv.svelte-1tx4miv {
  width: 100%;
  background-color: rgba(0, 0, 0, .5);
  position: absolute;
  top: 0;
  height: 100%;
  z-index: 100002
}

.back-btn-wrapper.svelte-1tx4miv.svelte-1tx4miv {
  width: 100%;
  position: relative
}

.back-btn-wrapper.svelte-1tx4miv button.svelte-1tx4miv {
  position: absolute;
  z-index: 1;
  top: -52px;
  right: calc((100% - 46px)/2);
  border-radius: 50px;
  border: 1px solid #000;
  background: #000;
  padding: 6px 18px 6px
}

.back-btn-wrapper.svelte-1tx4miv button .globalImg.svelte-1tx4miv {
  filter: brightness(0) invert(1)
}

.back-btn-wrapper.svelte-1tx4miv button .globalImg.fail.svelte-1tx4miv {
  width: 14px;
  height: 14px;
  background-position: -114px -60px;
  transform: scale(0.9)
}

.exit-offer-wrapper.svelte-kq8ppf.svelte-kq8ppf {
  padding: 12px;
  text-align: center;
  background: linear-gradient(180deg, #ecfdf3 0%, #fff 50%, #fff 100%);
  border-radius: 20px
}

.title.svelte-kq8ppf.svelte-kq8ppf {
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 20px;
  line-height: 28px
}

.offer-card.svelte-kq8ppf.svelte-kq8ppf {
  border-radius: 12px;
  padding: 12px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border: 1px solid #d0d5da
}

.offer-left.svelte-kq8ppf.svelte-kq8ppf {
  text-align: left;
  flex: 1
}

.offer-badge.svelte-kq8ppf.svelte-kq8ppf {
  background: #e9f4ee;
  color: #1b8b14;
  padding: 2px 8px;
  border-radius: 100px;
  font-size: 12px;
  line-height: 16px;
  font-weight: 500;
  display: inline-block;
  margin-bottom: 8px
}

.offer-heading.svelte-kq8ppf.svelte-kq8ppf {
  font-size: 13px;
  font-weight: 600
}

.offer-code.svelte-kq8ppf.svelte-kq8ppf {
  padding: 4px 8px;
  border-radius: 4px;
  font-weight: 600;
  font-size: 13px;
  border: 1px solid #d5d6d7
}

.offer-icon.svelte-kq8ppf img.svelte-kq8ppf {
  width: 60px;
  height: 60px
}

.claim-btn.svelte-kq8ppf.svelte-kq8ppf {
  margin-top: 24px;
  width: 100%;
  background: #000;
  color: #fff;
  padding: 12px;
  font-size: 12px;
  line-height: 16px;
  border-radius: 12px;
  font-weight: 600
}

.skip-btn.svelte-kq8ppf.svelte-kq8ppf {
  margin-top: 8px;
  width: 100%;
  padding: 12px;
  font-size: 12px;
  line-height: 16px;
  font-weight: 600;
  border-radius: 12px;
  border: 1px solid #000
}

.automation-data.svelte-ic5k8u {
  display: none
}

:root {
  --a5: #a5a5a5;
  --e0: #ededed;
  --red: #f73536;
  --green: #01b156;
  --bg-green: #e9f4ee;
  --primary-color: #0365d6;
  --d-red: #c90000;
  --green2: #0e9343;
  --green-text: #25d366;
  --green-text2: #005e2a;
  --light-grey: #f8f8f8;
  --error: #e31b1b;
  --white: #fff;
  --off-white: #f3f3f3;
  --b-white: #f8fafd;
  --black: #000;
  --black2: #050038;
  --blue: #004b8d;
  --gokwik-blue: #002e64;
  --light-blue: #0365d6;
  --vl-green: #e6f4ec;
  --d-blue: #050038;
  --m-blue: #13172d;
  --theme-color: #b12928;
  --m-grey: #979eb5;
  --yellow: #edde5d;
  --d-yellow: #f09819;
  --light-yellow: #fffcf8;
  --progress-green: #01b156;
  --light-green: #74ab6f;
  --off-white-pink: #fff9f9;
  --b-grey: #9babc5;
  --g-grey: #f9f9f9;
  --b-purple: #f3f2ff;
  --t-purple: #36325e;
  --circle-text: #c9c9c9;
  --grey-l: #909090;
  --white: #ffffff;
  --white-1: #f2f2f2;
  --secondaryColor: #e5e5e5;
  --grey-text: #00000099;
  --black28: #101828;
  --grey-blue-text: #697687;
  --m-teal: rgba(3, 182, 150, 1);
  --gokwik-dark-blue: #002e64;
  --teal-50: #f0fdf9;
  --l-grey: #697687;
  --bg-grey: #f9fbfc;
  --neutral-200: #d0d5da;
  --error-600: #dc2626;
  --error-700: #b91c1c;
  --error-15: #fff5f5;
  --error-100: #fef2f2;
  --warning: #b54708;
  --toast-green: #079455
}

.payment-options-wrapper.svelte-mgd8ht.svelte-mgd8ht {
  height: 100vh;
  max-height: 375px;
  align-items: center;
  width: 100%;
  display: flex;
  justify-content: center;
  box-sizing: border-box;
  height: auto;
  margin-bottom: 0px;
  max-height: initial;
  align-items: initial
}

.payment-options-wrapper.flex-column.svelte-mgd8ht.svelte-mgd8ht {
  flex-direction: column
}

.payment-options-wrapper.boat-wrapper.svelte-mgd8ht .cod-info.svelte-mgd8ht {
  display: none
}

.payment-options-wrapper.boat-wrapper.svelte-mgd8ht .payment-options.svelte-mgd8ht {
  box-sizing: border-box;
  margin-bottom: 0
}

.payment-options-wrapper.svelte-mgd8ht .payment-options.svelte-mgd8ht {
  box-sizing: border-box;
  position: relative;
  padding: 12px;
  padding-bottom: 0px;
  margin-bottom: 5px;
  display: flex;
  flex-direction: column;
  padding-top: 0;
  width: 100%
}

.payment-options-wrapper.svelte-mgd8ht .payment-options .title.svelte-mgd8ht {
  width: 100%;
  font-size: 12px;
  line-height: 18px;
  color: var(--black2);
  text-align: left;
  margin: .75rem 0;
  display: flex;
  flex-direction: column
}

.payment-options-wrapper.svelte-mgd8ht .payment-options .title.accordion.svelte-mgd8ht {
  margin-bottom: 4px
}

.payment-options-wrapper.svelte-mgd8ht .payment-options .title span.svelte-mgd8ht {
  width: 100%
}

.payment-options-wrapper.svelte-mgd8ht .payment-options .title .option-type.svelte-mgd8ht {
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  background-color: #e5e7eb;
  padding: 8px 12px;
  width: auto;
  position: relative;
  margin: 5px 0
}

.payment-options-wrapper.svelte-mgd8ht .payment-options .title .option-type.svelte-mgd8ht::after {
  content: "";
  position: absolute;
  top: -5px;
  left: 1rem;
  width: 0;
  height: 0;
  border-left: 5px solid rgba(0, 0, 0, 0);
  border-right: 5px solid rgba(0, 0, 0, 0);
  border-bottom: 5px solid #e5e7eb
}

.payment-options-wrapper.svelte-mgd8ht .error_wrap.svelte-mgd8ht {
  width: 100%;
  display: flex;
  justify-content: center;
  margin-top: .5rem
}

.payment-options-wrapper.svelte-mgd8ht .payment-btn-group.svelte-mgd8ht {
  display: flex;
  flex-direction: column;
  gap: .6rem
}

.payment-options-wrapper.svelte-mgd8ht .split-container.svelte-mgd8ht {
  border: 1px solid #e4e8eb;
  border-radius: 12px;
  padding: 14px 7px;
  display: flex;
  flex-direction: column;
  gap: 12px
}

.payment-options-wrapper.svelte-mgd8ht .more-options.svelte-mgd8ht {
  width: 100%;
  display: flex;
  justify-content: center
}

@media only screen and (min-width: 600px) {
  .payment-options-wrapper.svelte-mgd8ht .more-options.svelte-mgd8ht {
    display: none
  }
}

.payment-options-wrapper.svelte-mgd8ht .more-options .toggle-button.svelte-mgd8ht {
  display: flex;
  gap: 8px;
  border: none;
  color: #004b8d;
  font-size: 16px;
  font-weight: 600
}

.payment-options-wrapper.svelte-mgd8ht .more-options .toggle-button .arrow.svelte-mgd8ht {
  max-height: 16.5px;
  max-width: 13px;
  margin-top: 2px;
  overflow: hidden
}

.payment-options-wrapper.svelte-mgd8ht .more-options .toggle-button .up.svelte-mgd8ht {
  transform: rotate(270deg)
}

.payment-options-wrapper.svelte-mgd8ht .more-options .toggle-button .down.svelte-mgd8ht {
  transform: rotate(90deg)
}

.cod-info.svelte-mgd8ht.svelte-mgd8ht {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: .3rem;
  font-size: 10px
}

.cod-info.svelte-mgd8ht .globalImg.svelte-mgd8ht {
  width: 10px;
  height: 10px;
  background-position: -166px -63px
}

.payment-options-wrapper.boat-wrapper.svelte-mgd8ht.svelte-mgd8ht {
  margin-bottom: 0
}

.payment-options-wrapper.boat-wrapper.svelte-mgd8ht .cod-info.svelte-mgd8ht {
  display: none
}

.payment-options-wrapper.boat-wrapper.svelte-mgd8ht .payment-options.svelte-mgd8ht {
  box-sizing: border-box;
  margin-bottom: 0
}

.payment-options-wrapper.boat-wrapper.svelte-mgd8ht .payment-btn-group.svelte-mgd8ht {
  margin-bottom: 1rem
}

.payment-options-wrapper.boat-wrapper.svelte-mgd8ht .payment-btn-group.svelte-mgd8ht:has(+.error_wrap) {
  margin-bottom: .5rem
}

.payment-options-wrapper.boat-wrapper.svelte-mgd8ht .payment-btn-group.alternate.svelte-mgd8ht {
  overflow: unset
}

.payment-options-wrapper.boat-wrapper.svelte-mgd8ht .payment-btn-group.alternate.svelte-mgd8ht>.option-button:first-child {
  border-top-left-radius: .875rem !important;
  border-top-right-radius: .875rem !important
}

.payment-options-wrapper.boat-wrapper.svelte-mgd8ht .payment-btn-group.alternate.svelte-mgd8ht>.option-button:last-child {
  border-bottom-left-radius: .875rem !important;
  border-bottom-right-radius: .875rem !important
}

.payment-options-wrapper.boat-wrapper.svelte-mgd8ht .new-style.svelte-mgd8ht {
  gap: .5rem !important;
  background: rgba(0, 0, 0, 0) !important;
  overflow: visible !important;
  padding-top: 6px
}

.payments-header.svelte-mgd8ht.svelte-mgd8ht {
  margin: 12px 0
}

.extra-margin.svelte-mgd8ht.svelte-mgd8ht {
  margin-bottom: 120px !important
}

.extra-padding.svelte-mgd8ht.svelte-mgd8ht {
  padding-top: 12px
}

.cod-wrapper.svelte-mgd8ht.svelte-mgd8ht {
  box-sizing: border-box;
  background: var(--white);
  width: 100%;
  padding: 15px;
  position: fixed;
  bottom: 0;
  left: 0;
  border-top: 1.5px solid #e8e8e8;
  box-shadow: 1px -11px 20px -21px rgba(0, 0, 0, .45)
}

.container.svelte-mgd8ht.svelte-mgd8ht {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 4rem
}

.boat-title.svelte-mgd8ht.svelte-mgd8ht {
  display: block;
  font-size: 13px;
  line-height: 16px;
  color: var(--grey-blue-text);
  margin-bottom: .25rem;
  text-transform: uppercase
}

.boat-title.small.svelte-mgd8ht.svelte-mgd8ht {
  font-size: 12px
}

.upi-discount-strip.svelte-mgd8ht.svelte-mgd8ht {
  width: 100%;
  padding: 6px 0px;
  border-radius: 6px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  margin-bottom: 16px;
  background: #fff6e3
}

.upi-discount-strip.svelte-mgd8ht .discount-text.svelte-mgd8ht {
  font-size: 12px;
  line-height: 16px;
  color: #964100;
  padding-top: 3px
}

.discount-strip.svelte-mgd8ht.svelte-mgd8ht {
  display: inline-block;
  width: 24px;
  height: 24px;
  background-position: -163px -375px
}

.offers-carousel-wrapper-methods.svelte-mgd8ht.svelte-mgd8ht {
  margin-top: 0px
}

.hide.svelte-mgd8ht.svelte-mgd8ht {
  display: none
}

:root {
  --a5: #a5a5a5;
  --e0: #ededed;
  --red: #f73536;
  --green: #01b156;
  --bg-green: #e9f4ee;
  --primary-color: #0365d6;
  --d-red: #c90000;
  --green2: #0e9343;
  --green-text: #25d366;
  --green-text2: #005e2a;
  --light-grey: #f8f8f8;
  --error: #e31b1b;
  --white: #fff;
  --off-white: #f3f3f3;
  --b-white: #f8fafd;
  --black: #000;
  --black2: #050038;
  --blue: #004b8d;
  --gokwik-blue: #002e64;
  --light-blue: #0365d6;
  --vl-green: #e6f4ec;
  --d-blue: #050038;
  --m-blue: #13172d;
  --theme-color: #b12928;
  --m-grey: #979eb5;
  --yellow: #edde5d;
  --d-yellow: #f09819;
  --light-yellow: #fffcf8;
  --progress-green: #01b156;
  --light-green: #74ab6f;
  --off-white-pink: #fff9f9;
  --b-grey: #9babc5;
  --g-grey: #f9f9f9;
  --b-purple: #f3f2ff;
  --t-purple: #36325e;
  --circle-text: #c9c9c9;
  --grey-l: #909090;
  --white: #ffffff;
  --white-1: #f2f2f2;
  --secondaryColor: #e5e5e5;
  --grey-text: #00000099;
  --black28: #101828;
  --grey-blue-text: #697687;
  --m-teal: rgba(3, 182, 150, 1);
  --gokwik-dark-blue: #002e64;
  --teal-50: #f0fdf9;
  --l-grey: #697687;
  --bg-grey: #f9fbfc;
  --neutral-200: #d0d5da;
  --error-600: #dc2626;
  --error-700: #b91c1c;
  --error-15: #fff5f5;
  --error-100: #fef2f2;
  --warning: #b54708;
  --toast-green: #079455
}

.blue-bold.svelte-qysr26.svelte-qysr26 {
  color: var(--blue) !important;
  font-weight: 700 !important;
  font-size: 1.2rem !important;
  line-height: 1.3rem !important
}

.nowrap.svelte-qysr26.svelte-qysr26 {
  flex-wrap: nowrap !important
}

.flex-column.svelte-qysr26.svelte-qysr26 {
  flex-direction: column
}

.view-reset.svelte-qysr26.svelte-qysr26 {
  justify-content: space-between !important;
  width: 100%
}

.error-message.svelte-qysr26.svelte-qysr26 {
  color: var(--black);
  text-align: center
}

.error-message.svelte-qysr26 h6.svelte-qysr26 {
  font-size: 18px;
  font-weight: normal;
  margin: .5rem
}

.error-message.svelte-qysr26 p.svelte-qysr26 {
  font-size: 14px;
  line-height: 22px;
  margin: 0px
}

.error-message.svelte-qysr26 button.svelte-qysr26 {
  display: inline-flex;
  width: 100%;
  height: 50px;
  align-items: center;
  font-size: 16px;
  border-radius: 8px;
  padding: 1rem;
  min-height: 60px;
  color: #fff;
  justify-content: center;
  background: var(--light-blue);
  border: none;
  max-width: 280px;
  margin-top: 20px
}

.error-message.svelte-qysr26 .title-wrap.svelte-qysr26 {
  display: flex;
  justify-content: center;
  align-items: center
}

.qr-wrap.svelte-qysr26.svelte-qysr26 {
  display: flex;
  flex-direction: column;
  padding: 10px 14px 0;
  overflow-y: auto;
  box-sizing: border-box;
  height: auto
}

.qr-wrap.no-padding.svelte-qysr26.svelte-qysr26 {
  padding: 0
}

.qr-wrap.svelte-qysr26 .strip.svelte-qysr26 {
  background: var(--g-grey);
  font-size: 14px;
  line-height: 16px;
  padding: 5px 10px;
  margin-bottom: 10px;
  text-align: center;
  color: #fff
}

.qr-wrap.svelte-qysr26 .qr-wrap-inner.svelte-qysr26 {
  width: 100%;
  display: flex;
  justify-content: space-between
}

.qr-box.svelte-qysr26.svelte-qysr26 {
  width: 100%
}

.qr-box.svelte-qysr26 h4.svelte-qysr26 {
  font-size: 15px;
  line-height: 15px;
  font-weight: 500;
  margin: 8px 0;
  color: var(--m-blue);
  text-align: left
}

.qr-box.svelte-qysr26 .head.svelte-qysr26 {
  display: flex;
  align-items: center;
  gap: .3rem
}

.qr-box.svelte-qysr26 .head .new-icon.svelte-qysr26 {
  max-height: 22px;
  max-width: 22px;
  overflow: hidden
}

.qr-box.svelte-qysr26 .payment_failure_alert.svelte-qysr26 {
  background-color: #de0602;
  border-radius: 5px;
  font-size: 15px;
  padding: 10px 10px 10px;
  text-align: center;
  color: #fff
}

.qr-box.svelte-qysr26 .payment_failure_alert .row.svelte-qysr26 {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: .3rem
}

.qr-box.svelte-qysr26 .payment_failure_alert .icon.svelte-qysr26 {
  transform: scale(1.5);
  -webkit-transform: scale(1.5);
  -moz-transform: scale(1.5)
}

@media(min-width: 600px) {
  .qr-box.svelte-qysr26 .payment_failure_alert .icon.svelte-qysr26 {
    height: auto;
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1)
  }
}

.qr-box.svelte-qysr26 .payment_failure_alert span.svelte-qysr26 {
  padding: 0px, 0px
}

.qr-box.svelte-qysr26 .payment_failure_alert .message.svelte-qysr26 {
  text-align: left;
  margin: 0;
  padding-left: 5px;
  font-size: 14px
}

.qr-box.svelte-qysr26 .or-option.svelte-qysr26 {
  position: relative;
  text-align: center;
  z-index: 8;
  display: inline-flex;
  width: 100%;
  justify-content: center
}

.qr-box.svelte-qysr26 .or-option p.svelte-qysr26 {
  font-size: .8rem;
  line-height: 1rem;
  text-align: center;
  background: #f8f8f8;
  display: inline-block;
  padding: .3rem .6rem;
  z-index: auto !important;
  color: #6c737f
}

.qr-box.svelte-qysr26 .or-option p.svelte-qysr26:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 1px;
  background: #d2d6db;
  left: 0;
  z-index: -1;
  top: 50%
}

.qr-box.svelte-qysr26 .payment-link.svelte-qysr26 {
  padding: 0 0 .9rem
}

.qr-box.svelte-qysr26 .payment-link p.svelte-qysr26 {
  margin-top: 0px;
  line-height: 16px;
  font-size: 13px
}

.qr-box.svelte-qysr26 .qr-container.svelte-qysr26 {
  display: flex;
  justify-content: center;
  align-items: center
}

.qr-box.svelte-qysr26 .qr-container.flex-col.svelte-qysr26 {
  flex-direction: column
}

.qr-box.svelte-qysr26 .qr-container .pay-options.svelte-qysr26 {
  width: 100%;
  margin: 1rem 0;
  display: flex;
  flex: 50%;
  flex-wrap: wrap;
  align-items: stretch;
  gap: .75rem
}

.qr-box.svelte-qysr26 .qr-container .pay-options.compact.svelte-qysr26 {
  gap: 0
}

.qr-box.svelte-qysr26 .qr-container .qr-code.svelte-qysr26 {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center
}

.upi-collect-wrapper.svelte-qysr26.svelte-qysr26 {
  margin-top: 6px;
  padding: .5rem 0
}

.vpa-container.svelte-qysr26.svelte-qysr26 {
  width: 100%;
  margin-top: 4px
}

.sprite-qr-code.svelte-qysr26.svelte-qysr26 {
  display: inline-block;
  width: 20px;
  height: 20px;
  background-position: -164px -326px
}

.sprite-fail-icon.svelte-qysr26.svelte-qysr26 {
  display: inline-block;
  width: 20px;
  height: 20px;
  background-position: -186px -326px
}

.sprite-alert-icon.svelte-qysr26.svelte-qysr26 {
  width: 11px;
  height: 11px;
  background-position: 0px -291px;
  display: inline-block
}

.method-name.svelte-qysr26.svelte-qysr26 {
  display: inline-block;
  font-size: .875rem;
  color: var(--black2);
  padding: 8px 0
}

.upi-offer-carousel.svelte-qysr26.svelte-qysr26 {
  margin: 8px 0
}

.new-layout.svelte-qysr26.svelte-qysr26 {
  display: grid !important;
  grid-template-columns: repeat(2, 1fr) !important;
  gap: 8px !important
}

.fail-message.svelte-b6kdcn.svelte-b6kdcn {
  background: rgba(240, 152, 25, .1);
  padding: 10px 20px;
  margin: 15px 0px
}

.fail-message.svelte-b6kdcn p.svelte-b6kdcn {
  font-size: 11px;
  text-align: center;
  margin: 0px;
  font-weight: 500
}

.mobile-input-wrap.svelte-b6kdcn.svelte-b6kdcn {
  padding: 5px 20px;
  background: #f8fafd
}

.mobile-input-wrap.svelte-b6kdcn .subtitle.svelte-b6kdcn {
  margin: 10px 0px
}

.icons-wrap.svelte-b6kdcn .upi-icons.svelte-b6kdcn {
  display: flex;
  margin: 10px 0px;
  justify-content: center
}

.icons-wrap.svelte-b6kdcn .upi-icons .icon.svelte-b6kdcn {
  margin: 2.5px
}

.icons-wrap.svelte-b6kdcn .upi-icons .icon img.svelte-b6kdcn {
  width: 40px
}

.order-successful.svelte-ce5d1d.svelte-ce5d1d {
  text-align: center;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  box-sizing: border-box
}

.order-successful.svelte-ce5d1d .new-h4.svelte-ce5d1d {
  margin: 10px 0 30px
}

.order-successful.svelte-ce5d1d h4.svelte-ce5d1d {
  font-size: 20px;
  line-height: 22px;
  font-weight: 600;
  margin: 32px 0 0;
  letter-spacing: .02em;
  color: var(--black2)
}

.order-successful.svelte-ce5d1d p.svelte-ce5d1d {
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  color: var(--black2);
  max-width: 65%;
  margin: 10px auto 0
}

.order-successful.svelte-ce5d1d img.svelte-ce5d1d {
  min-height: 42px
}

.order-successful.svelte-ce5d1d button.svelte-ce5d1d {
  display: inline-flex;
  width: 100%;
  height: 50px;
  align-items: center;
  font-size: 16px;
  border-radius: 8px;
  padding: 1rem;
  min-height: 60px;
  color: #fff;
  justify-content: center;
  background: var(--light-blue);
  border: none;
  max-width: 280px;
  margin-top: 30px
}

@media(max-width: 600px) {
  .order-successful.svelte-ce5d1d.svelte-ce5d1d {
    margin-bottom: 0px;
    height: 100vh;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    box-sizing: border-box
  }
}

.address.svelte-ce5d1d.svelte-ce5d1d {
  margin-top: 20px;
  align-items: center;
  max-width: 300px
}

.address.svelte-ce5d1d svg.svelte-ce5d1d {
  height: 20px;
  margin: 0px;
  display: inline;
  height: 20px;
  width: 20px;
  margin-bottom: -5px
}

.wrapper.svelte-ce5d1d.svelte-ce5d1d {
  display: flex;
  justify-content: center;
  align-items: center
}

.checkmark__circle.svelte-ce5d1d.svelte-ce5d1d {
  stroke-dasharray: 166;
  stroke-dashoffset: 166;
  stroke-width: 2;
  stroke-miterlimit: 10;
  stroke: #1e8103;
  fill: none;
  animation: svelte-ce5d1d-stroke .6s cubic-bezier(0.65, 0, 0.45, 1) forwards
}

.checkmark.svelte-ce5d1d.svelte-ce5d1d {
  width: 70px;
  height: 70px;
  border-radius: 50%;
  display: block;
  stroke-width: 4;
  stroke: #fff;
  stroke-miterlimit: 10;
  margin: 10% auto;
  box-shadow: inset 0px 0px 0px #1e8103;
  animation: svelte-ce5d1d-fill .8s ease-in-out .4s forwards, svelte-ce5d1d-scale .7s ease-in-out .9s both
}

.checkmark__check.svelte-ce5d1d.svelte-ce5d1d {
  transform-origin: 50% 50%;
  stroke-dasharray: 48;
  stroke-dashoffset: 48;
  animation: svelte-ce5d1d-stroke 1s cubic-bezier(0.65, 0, 0.45, 1) .8s forwards
}

@keyframes svelte-ce5d1d-stroke {
  100% {
    stroke-dashoffset: 0
  }
}

@keyframes svelte-ce5d1d-scale {

  0%,
  100% {
    transform: none
  }

  50% {
    transform: scale3d(1.1, 1.1, 1)
  }
}

@keyframes svelte-ce5d1d-fill {
  100% {
    box-shadow: inset 0px 0px 0px 30px #1e8103;
    background: #1e8103
  }
}

.counter.svelte-ce5d1d.svelte-ce5d1d {
  display: flex;
  gap: 5px;
  margin-top: 20px;
  font-size: 2rem;
  font-weight: 600
}

.powered-container.svelte-ce5d1d.svelte-ce5d1d {
  display: flex;
  margin: 10px auto;
  align-items: center;
  gap: .2rem
}

.powered-container.svelte-ce5d1d .powered-by.svelte-ce5d1d {
  font-size: 10px;
  padding-right: 8px;
  color: #666
}

.powered-container.svelte-ce5d1d a.svelte-ce5d1d {
  color: var(--d-blue)
}

.powered-container.svelte-ce5d1d a .globalImg.svelte-ce5d1d {
  width: 57px;
  height: 16px;
  transform: scale(1.2);
  background-position: -108px -6px
}

.total-order.svelte-ce5d1d.svelte-ce5d1d {
  color: #0e9343;
  font-weight: 600;
  margin-top: 10px
}

.digit.svelte-ce5d1d.svelte-ce5d1d {
  border-radius: 8px;
  margin: auto;
  width: 40px;
  color: #ffc107;
  background-color: #133c6d
}

.success-container.svelte-1uqqe7f.svelte-1uqqe7f {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: #fff;
  z-index: 7
}

.container.svelte-1uqqe7f.svelte-1uqqe7f {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  text-align: center;
  gap: 12px;
  position: absolute;
  width: 100%
}

.container.svelte-1uqqe7f h3.svelte-1uqqe7f {
  font-size: 14px;
  font-weight: 600;
  line-height: 22px
}

.error.svelte-1uqqe7f h5.svelte-1uqqe7f {
  font-size: 14px;
  line-height: 22px;
  font-weight: 600;
  margin: 0
}

.error.svelte-1uqqe7f p.svelte-1uqqe7f {
  font-size: 12px;
  line-height: 18px;
  margin: 0
}

.img-container.svelte-1uqqe7f.svelte-1uqqe7f {
  transform: scale(4);
  -webkit-transform: scale(4);
  -moz-transform: scale(4);
  margin-bottom: 24px
}

.img-container.svelte-1uqqe7f .loader-img.svelte-1uqqe7f {
  display: block;
  width: 20px;
  height: 20px;
  background-position: 0px -267px
}

.custom-loader.svelte-1uqqe7f.svelte-1uqqe7f {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  display: block;
  margin: 15px auto;
  position: relative;
  color: #014990;
  box-sizing: border-box;
  animation: svelte-1uqqe7f-animloader 1s linear infinite alternate
}

@keyframes svelte-1uqqe7f-animloader {
  0% {
    box-shadow: -38px -6px, -14px 6px, 14px -6px, 38px 6px
  }

  20% {
    box-shadow: -38px 6px, -14px -6px, 14px 6px, 38px -6px
  }

  40% {
    box-shadow: -38px -6px, -14px 6px, 14px -6px, 38px 6px
  }

  60% {
    box-shadow: -38px 6px, -14px -6px, 14px 6px, 38px -6px
  }

  80% {
    box-shadow: -38px -6px, -14px 6px, 14px -6px, 38px 6px
  }

  100% {
    box-shadow: -38px 6px, -14px -6px, 14px 6px, 38px -6px
  }
}

:root {
  --a5: #a5a5a5;
  --e0: #ededed;
  --red: #f73536;
  --green: #01b156;
  --bg-green: #e9f4ee;
  --primary-color: #0365d6;
  --d-red: #c90000;
  --green2: #0e9343;
  --green-text: #25d366;
  --green-text2: #005e2a;
  --light-grey: #f8f8f8;
  --error: #e31b1b;
  --white: #fff;
  --off-white: #f3f3f3;
  --b-white: #f8fafd;
  --black: #000;
  --black2: #050038;
  --blue: #004b8d;
  --gokwik-blue: #002e64;
  --light-blue: #0365d6;
  --vl-green: #e6f4ec;
  --d-blue: #050038;
  --m-blue: #13172d;
  --theme-color: #b12928;
  --m-grey: #979eb5;
  --yellow: #edde5d;
  --d-yellow: #f09819;
  --light-yellow: #fffcf8;
  --progress-green: #01b156;
  --light-green: #74ab6f;
  --off-white-pink: #fff9f9;
  --b-grey: #9babc5;
  --g-grey: #f9f9f9;
  --b-purple: #f3f2ff;
  --t-purple: #36325e;
  --circle-text: #c9c9c9;
  --grey-l: #909090;
  --white: #ffffff;
  --white-1: #f2f2f2;
  --secondaryColor: #e5e5e5;
  --grey-text: #00000099;
  --black28: #101828;
  --grey-blue-text: #697687;
  --m-teal: rgba(3, 182, 150, 1);
  --gokwik-dark-blue: #002e64;
  --teal-50: #f0fdf9;
  --l-grey: #697687;
  --bg-grey: #f9fbfc;
  --neutral-200: #d0d5da;
  --error-600: #dc2626;
  --error-700: #b91c1c;
  --error-15: #fff5f5;
  --error-100: #fef2f2;
  --warning: #b54708;
  --toast-green: #079455
}

.title.svelte-a9o7hb.svelte-a9o7hb {
  font-size: 15px;
  font-weight: 600;
  line-height: 22px;
  color: var(--black2);
  margin: 0;
  padding: 12px
}

.title.svelte-a9o7hb .orange-tag.svelte-a9o7hb {
  font-weight: 600;
  font-size: 15px;
  padding-inline: .25rem
}

.cod-order.svelte-a9o7hb.svelte-a9o7hb {
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-bottom: 50px
}

.cod-order.order-summary-drawer-open.svelte-a9o7hb.svelte-a9o7hb {
  padding-top: 390px
}

@keyframes svelte-a9o7hb-spin {
  0% {
    transform: rotate(0deg)
  }

  100% {
    transform: rotate(360deg)
  }
}

.order-processing.svelte-a9o7hb.svelte-a9o7hb {
  padding: 15px 20px;
  display: flex;
  height: 400px;
  align-items: center;
  justify-content: center
}

.order-processing.svelte-a9o7hb h4.svelte-a9o7hb {
  font-size: 20px;
  line-height: 22px;
  font-weight: 600;
  margin: 0px 0 0;
  letter-spacing: .02em;
  color: var(--green2)
}

.order-processing.svelte-a9o7hb .loader.svelte-a9o7hb {
  border: 3px solid #f3f3f3;
  border-top: 3px solid var(--green2);
  border-radius: 50%;
  width: 1rem;
  margin-right: 1rem;
  height: 1rem;
  animation: svelte-a9o7hb-spin 1s linear infinite
}

.otp-wrapper.svelte-a9o7hb.svelte-a9o7hb {
  margin: 0px .75rem
}

:root {
  --a5: #a5a5a5;
  --e0: #ededed;
  --red: #f73536;
  --green: #01b156;
  --bg-green: #e9f4ee;
  --primary-color: #0365d6;
  --d-red: #c90000;
  --green2: #0e9343;
  --green-text: #25d366;
  --green-text2: #005e2a;
  --light-grey: #f8f8f8;
  --error: #e31b1b;
  --white: #fff;
  --off-white: #f3f3f3;
  --b-white: #f8fafd;
  --black: #000;
  --black2: #050038;
  --blue: #004b8d;
  --gokwik-blue: #002e64;
  --light-blue: #0365d6;
  --vl-green: #e6f4ec;
  --d-blue: #050038;
  --m-blue: #13172d;
  --theme-color: #b12928;
  --m-grey: #979eb5;
  --yellow: #edde5d;
  --d-yellow: #f09819;
  --light-yellow: #fffcf8;
  --progress-green: #01b156;
  --light-green: #74ab6f;
  --off-white-pink: #fff9f9;
  --b-grey: #9babc5;
  --g-grey: #f9f9f9;
  --b-purple: #f3f2ff;
  --t-purple: #36325e;
  --circle-text: #c9c9c9;
  --grey-l: #909090;
  --white: #ffffff;
  --white-1: #f2f2f2;
  --secondaryColor: #e5e5e5;
  --grey-text: #00000099;
  --black28: #101828;
  --grey-blue-text: #697687;
  --m-teal: rgba(3, 182, 150, 1);
  --gokwik-dark-blue: #002e64;
  --teal-50: #f0fdf9;
  --l-grey: #697687;
  --bg-grey: #f9fbfc;
  --neutral-200: #d0d5da;
  --error-600: #dc2626;
  --error-700: #b91c1c;
  --error-15: #fff5f5;
  --error-100: #fef2f2;
  --warning: #b54708;
  --toast-green: #079455
}

.total-container.svelte-1x4b0qq.svelte-1x4b0qq {
  background: #f9fafb
}

.not-serviceable-wrapper.svelte-1x4b0qq.svelte-1x4b0qq {
  display: flex;
  flex-direction: column;
  height: 100vh;
  max-height: calc(100vh - 120px);
  overflow: hidden
}

.not-serviceable-scroll.svelte-1x4b0qq.svelte-1x4b0qq {
  flex: 1;
  overflow-y: auto;
  max-height: calc(100vh - 300px);
  margin-bottom: 5rem;
  -ms-overflow-style: none;
  scrollbar-width: none
}

.not-serviceable-scroll.svelte-1x4b0qq.svelte-1x4b0qq::-webkit-scrollbar {
  display: none
}

.fixed-bottom-section.svelte-1x4b0qq.svelte-1x4b0qq {
  flex-shrink: 0;
  position: absolute;
  width: 100%;
  bottom: 0;
  background: #fff;
  z-index: 10;
  border-top: 1px solid #e4e8eb
}

.blocked-items-section.svelte-1x4b0qq.svelte-1x4b0qq {
  border-radius: 8px;
  padding: 12px;
  margin-bottom: 12px
}

.section-header.svelte-1x4b0qq.svelte-1x4b0qq {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 12px;
  padding-bottom: 8px
}

.blocked-header.svelte-1x4b0qq.svelte-1x4b0qq {
  border-bottom: none
}

.available-header.svelte-1x4b0qq.svelte-1x4b0qq {
  padding-top: 12px;
  margin-bottom: 12px
}

.header-text.svelte-1x4b0qq.svelte-1x4b0qq {
  font-size: 14px;
  font-weight: 600;
  line-height: 18px
}

.header-count.svelte-1x4b0qq.svelte-1x4b0qq {
  font-size: 14px;
  font-weight: 500;
  line-height: 18px
}

.text-red.svelte-1x4b0qq.svelte-1x4b0qq {
  color: #dc2626
}

.text-green-dark.svelte-1x4b0qq.svelte-1x4b0qq {
  color: #16a34a
}

.blocked-items-container.svelte-1x4b0qq.svelte-1x4b0qq {
  max-height: 150px;
  overflow-y: auto;
  scrollbar-width: none;
  -ms-overflow-style: none
}

.blocked-items-container.svelte-1x4b0qq.svelte-1x4b0qq::-webkit-scrollbar {
  display: none
}

.blocked-items-container.svelte-1x4b0qq ul.svelte-1x4b0qq {
  list-style: none;
  padding: 0;
  margin: 0
}

.blocked-items-container.svelte-1x4b0qq li.svelte-1x4b0qq {
  display: flex;
  justify-content: space-between;
  padding-bottom: 12px;
  margin-bottom: 12px;
  border-bottom: 1px solid rgba(220, 38, 38, .2)
}

.blocked-items-container.svelte-1x4b0qq li.svelte-1x4b0qq:last-child {
  border-bottom: none;
  margin-bottom: 0;
  padding-bottom: 0
}

.blocked-item.svelte-1x4b0qq.svelte-1x4b0qq {
  opacity: .9
}

.remove-blocked-section.svelte-1x4b0qq.svelte-1x4b0qq {
  margin-top: 10px;
  padding: 8px
}

.remove-blocked-section.svelte-1x4b0qq .remove-blocked-section-buttons.svelte-1x4b0qq {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px
}

.remove-blocked-section.svelte-1x4b0qq .remove-blocked-section-buttons button.svelte-1x4b0qq {
  width: 100%;
  background: #000;
  border: none;
  color: #fff;
  cursor: pointer
}

.remove-blocked-content.svelte-1x4b0qq.svelte-1x4b0qq {
  display: flex;
  align-items: center;
  gap: 4px;
  margin-bottom: 8px
}

.remove-blocked-icon.svelte-1x4b0qq.svelte-1x4b0qq {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: center
}

.remove-blocked-text.svelte-1x4b0qq.svelte-1x4b0qq {
  display: flex;
  flex-direction: column;
  gap: 4px
}

.remove-blocked-title.svelte-1x4b0qq.svelte-1x4b0qq {
  font-size: 14px;
  font-weight: 600;
  line-height: 18px;
  color: #1f2937
}

.remove-blocked-subtitle.svelte-1x4b0qq.svelte-1x4b0qq {
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  color: #6b7280
}

.remove-blocked-button.svelte-1x4b0qq.svelte-1x4b0qq {
  width: 100%;
  background: #fecaca;
  border: none;
  color: #fff;
  cursor: pointer;
  transition: background .2s ease
}

.fade-shadow.svelte-1x4b0qq.svelte-1x4b0qq {
  position: absolute;
  bottom: 42px;
  left: 0;
  right: 0;
  height: 10px;
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0), rgba(128, 128, 128, 0.15));
  pointer-events: none
}

.border.svelte-1x4b0qq.svelte-1x4b0qq {
  border-top: 1px solid #e4e8eb;
  padding-right: 0px !important;
  padding-left: 0px !important
}

.order-summary-header.svelte-1x4b0qq.svelte-1x4b0qq {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  cursor: pointer
}

.summary-left.svelte-1x4b0qq.svelte-1x4b0qq {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  padding-right: 4px
}

@media(max-width: 400px) {
  .summary-left.svelte-1x4b0qq.svelte-1x4b0qq {
    width: auto
  }
}

.summary-top-line.svelte-1x4b0qq.svelte-1x4b0qq {
  display: flex;
  align-items: center;
  color: #6b7280
}

.gift-added.svelte-1x4b0qq.svelte-1x4b0qq {
  display: flex;
  align-items: center;
  gap: 4px;
  font-size: 12px;
  line-height: 16px;
  color: #697687
}

.gift-added.svelte-1x4b0qq .globalImg.svelte-1x4b0qq {
  width: 11px;
  height: 16px;
  background-position: -134px -60px;
  display: flex
}

.gift-added.svelte-1x4b0qq .globalImg.discountIconGreen.svelte-1x4b0qq {
  background-position: -124px -26px
}

.dot-separator.svelte-1x4b0qq.svelte-1x4b0qq {
  font-size: 12px;
  color: #697687;
  line-height: 16px
}

@media(max-width: 400px) {
  .media-text-sm.svelte-1x4b0qq.svelte-1x4b0qq {
    font-size: 10px;
    line-height: 16px
  }
}

.item-count.svelte-1x4b0qq.svelte-1x4b0qq {
  font-size: 12px;
  color: #697687;
  line-height: 16px
}

@media(max-width: 400px) {
  .item-count.svelte-1x4b0qq.svelte-1x4b0qq {
    font-size: 10px;
    line-height: 16px;
    max-width: 50px
  }
}

.strike-through.svelte-1x4b0qq.svelte-1x4b0qq {
  color: #697687;
  text-decoration: line-through
}

.final-price.svelte-1x4b0qq.svelte-1x4b0qq {
  font-size: 16px;
  font-weight: 500;
  color: #000;
  line-height: 20px
}

.arrow.svelte-1x4b0qq.svelte-1x4b0qq {
  margin-top: 4px;
  width: 16px;
  height: 6px;
  background-position: -199px -212px;
  transition: transform .3s ease
}

.arrow.rotate.svelte-1x4b0qq.svelte-1x4b0qq {
  transform: rotate(180deg)
}

.order-summary-backdrop.svelte-1x4b0qq.svelte-1x4b0qq {
  position: fixed;
  top: 54px;
  left: 0;
  height: 100vh;
  width: 100vw;
  background-color: rgba(0, 0, 0, .4);
  z-index: 8;
  pointer-events: auto
}

.order-summary-wrapper.svelte-1x4b0qq.svelte-1x4b0qq {
  position: fixed;
  top: 54px;
  right: 0;
  width: 95%;
  background: #fff;
  z-index: 998;
  display: flex;
  flex-direction: column;
  box-shadow: 0 -1px 0 0 #e4e8eb;
  overflow: hidden;
  padding: 4px 12px 16px 12px
}

.order-summary-wrapper.svelte-1x4b0qq.svelte-1x4b0qq::-webkit-scrollbar {
  display: none
}

.product-details-top.svelte-1x4b0qq.svelte-1x4b0qq {
  display: flex;
  justify-content: space-between
}

.price.svelte-1x4b0qq.svelte-1x4b0qq {
  font-size: 14px;
  line-height: 18px;
  font-weight: 500;
  text-align: right
}

.deleted.svelte-1x4b0qq.svelte-1x4b0qq {
  font-size: 12px;
  line-height: 16px;
  color: #697687
}

.cart-product.svelte-1x4b0qq.svelte-1x4b0qq {
  transition: all 1s;
  max-height: 30vh;
  overflow-y: auto;
  -ms-overflow-style: none;
  scrollbar-width: none;
  scroll-behavior: smooth;
  position: relative
}

.cart-product.svelte-1x4b0qq.svelte-1x4b0qq::-webkit-scrollbar {
  display: none
}

.cart-product.svelte-1x4b0qq .cart-product-details.svelte-1x4b0qq {
  background-color: var(--white)
}

.cart-product.svelte-1x4b0qq .cart-product-details ul.svelte-1x4b0qq {
  list-style: none;
  padding-left: 0;
  margin-bottom: 0;
  margin-top: 0
}

.cart-product.svelte-1x4b0qq .cart-product-details ul li.svelte-1x4b0qq {
  margin-bottom: 12px;
  display: flex;
  justify-content: space-between;
  padding-bottom: 12px;
  border-bottom: 1px solid #e4e8eb
}

.cart-product.svelte-1x4b0qq .cart-product-details ul li.svelte-1x4b0qq:last-child {
  border-bottom: none
}

.cart-product.svelte-1x4b0qq .cart-product-details ul li .product-img.svelte-1x4b0qq {
  height: 70px;
  overflow: hidden;
  width: 70px;
  position: relative;
  border-radius: 8px;
  flex-shrink: 0
}

.cart-product.svelte-1x4b0qq .cart-product-details ul li .product-img img.svelte-1x4b0qq {
  object-fit: cover
}

.cart-product.svelte-1x4b0qq .cart-product-details ul li .product-details.svelte-1x4b0qq {
  width: calc(100% - 70px);
  padding-left: 12px;
  font-size: 13px;
  line-height: 18px;
  font-weight: 400;
  box-sizing: border-box;
  color: var(--black);
  min-width: 0
}

.cart-product.svelte-1x4b0qq .cart-product-details ul li .product-details .title.svelte-1x4b0qq {
  overflow: hidden;
  font-size: 13px;
  line-height: 16px;
  color: #000
}

.cart-product.svelte-1x4b0qq .cart-product-details ul li .product-details .item-quantity.svelte-1x4b0qq {
  font-size: 12px;
  line-height: 16px;
  color: #697687
}

.cart-product.svelte-1x4b0qq .cart-product-details ul li .product-details .bundle-toggle.svelte-1x4b0qq {
  color: var(--primary-color);
  cursor: pointer;
  margin-top: 2px
}

.cart-product.svelte-1x4b0qq .cart-product-details ul li .product-details .bundle-items.svelte-1x4b0qq {
  margin-top: 2px
}

.cart-product.svelte-1x4b0qq .cart-product-details ul li .product-details .bundle-item.svelte-1x4b0qq {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-top: 5px
}

.cart-product.svelte-1x4b0qq .cart-product-details ul li .product-details .bundle-item img.svelte-1x4b0qq {
  width: 40px;
  height: 40px;
  object-fit: cover;
  border-radius: 5px
}

.cart-product.svelte-1x4b0qq .cart-product-details ul li .product-details .subitem-title.svelte-1x4b0qq {
  font-weight: bold;
  display: block
}

.cart-product.svelte-1x4b0qq .cart-product-details ul li .product-details .subitem-subtitle.svelte-1x4b0qq {
  font-size: 12px;
  color: #666
}

.cart-product.svelte-1x4b0qq .cart-product-details ul li .product-details .subitem-quantity.svelte-1x4b0qq {
  font-size: 12px;
  color: #666
}

.cart-product.svelte-1x4b0qq .cart-product-details ul li.svelte-1x4b0qq:last-child {
  margin-bottom: 0
}

.discount-details.svelte-1x4b0qq.svelte-1x4b0qq {
  display: flex;
  align-items: center
}

.discount-details.svelte-1x4b0qq span.svelte-1x4b0qq {
  border: 1px solid var(--blue);
  height: 20px;
  font-size: 8px;
  font-weight: 700;
  line-height: 24px;
  color: var(--blue);
  border-radius: 20px;
  margin-left: 10px
}

.message.svelte-1x4b0qq.svelte-1x4b0qq {
  text-transform: capitalize
}

.free-label.svelte-1x4b0qq.svelte-1x4b0qq {
  background-color: #d0efd4;
  color: #000;
  padding: 0px 2px;
  font-size: 12px;
  line-height: 16px;
  border-radius: 4px;
  display: inline-block;
  margin-bottom: 4px
}

.free-gift-price.svelte-1x4b0qq.svelte-1x4b0qq {
  padding-left: .5rem;
  padding-right: .5rem
}

.edd-logo.svelte-1x4b0qq.svelte-1x4b0qq {
  position: relative
}

.edd-logo.svelte-1x4b0qq img.svelte-1x4b0qq {
  width: 16px;
  max-height: 16px
}

.edd-tag.svelte-1x4b0qq.svelte-1x4b0qq {
  padding: 0px 4px;
  border-radius: 4px;
  display: inline-block
}

.edit-container.svelte-1x4b0qq.svelte-1x4b0qq {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  gap: 16px
}

.left-controls.svelte-1x4b0qq.svelte-1x4b0qq {
  display: flex;
  align-items: center;
  gap: 16px
}

.counter.svelte-1x4b0qq.svelte-1x4b0qq {
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #000;
  border-radius: 8px;
  padding: 8px;
  gap: 2px
}

.btn.svelte-1x4b0qq.svelte-1x4b0qq {
  background: none;
  border: none;
  cursor: pointer;
  padding: 1px;
  display: flex;
  align-items: center;
  justify-content: center
}

.btn.svelte-1x4b0qq .img.svelte-1x4b0qq {
  width: 14px;
  height: 14px
}

.count.svelte-1x4b0qq.svelte-1x4b0qq {
  font-size: 12px;
  font-weight: 600;
  line-height: 14px;
  text-align: center;
  width: 40px
}

.edit-btn.svelte-1x4b0qq.svelte-1x4b0qq {
  display: flex;
  align-items: center;
  gap: 4px;
  background: none;
  border: none;
  font-size: 12px;
  text-decoration: underline;
  cursor: pointer
}

.edit-btn.svelte-1x4b0qq .img.svelte-1x4b0qq {
  width: 14px;
  height: 14px
}

.tags.svelte-1x4b0qq.svelte-1x4b0qq {
  display: flex;
  gap: 12px;
  margin-bottom: 12px;
  flex-wrap: wrap;
  margin-top: 4px
}

.tag.svelte-1x4b0qq.svelte-1x4b0qq {
  background: #f3f4f6;
  color: #556376;
  padding: 2px 4px;
  border-radius: 4px;
  font-size: 12px
}

.exp-cart-icon.svelte-1x4b0qq.svelte-1x4b0qq {
  width: 24px;
  height: 24px;
  background-color: #fff;
  border-radius: 4px;
  position: relative;
  flex-shrink: 0
}

.exp-summary-content.svelte-1x4b0qq.svelte-1x4b0qq {
  display: flex;
  flex-direction: column;
  gap: 4px;
  max-height: 40px
}

.exp-summary-right-section.svelte-1x4b0qq.svelte-1x4b0qq {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 4px
}

.exp-summary-pricing.svelte-1x4b0qq.svelte-1x4b0qq {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 4px
}

.exp-pricing-section.svelte-1x4b0qq.svelte-1x4b0qq {
  display: flex;
  align-items: center;
  gap: 8px
}

.exp-original-price.svelte-1x4b0qq.svelte-1x4b0qq {
  font-size: 10px;
  line-height: 14px;
  color: #6c737f;
  text-decoration: line-through
}

.exp-summary-right-section.svelte-1x4b0qq .arrow.svelte-1x4b0qq {
  width: 12px !important
}

.exp-wrapper.svelte-1x4b0qq.svelte-1x4b0qq,
.wrapper.svelte-1x4b0qq.svelte-1x4b0qq {
  overflow: hidden;
  height: 22px;
  min-width: 100px
}

.exp-sliding-container.svelte-1x4b0qq.svelte-1x4b0qq,
.sliding-container.svelte-1x4b0qq.svelte-1x4b0qq {
  display: flex;
  flex-direction: column;
  animation: svelte-1x4b0qq-slideUp 8s infinite ease-in-out
}

.exp-box1.svelte-1x4b0qq.svelte-1x4b0qq {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 22px
}

.box1.svelte-1x4b0qq.svelte-1x4b0qq {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 22px
}

@media(max-width: 400px) {
  .box1.svelte-1x4b0qq.svelte-1x4b0qq {
    height: 24px
  }
}

.box2.svelte-1x4b0qq.svelte-1x4b0qq {
  display: flex;
  align-items: center;
  justify-content: right;
  height: 22px
}

@media(max-width: 400px) {
  .box2.svelte-1x4b0qq.svelte-1x4b0qq {
    height: 24px
  }
}

.exp-box2.svelte-1x4b0qq.svelte-1x4b0qq {
  display: flex;
  align-items: center;
  height: 22px
}

@keyframes svelte-1x4b0qq-slideUp {

  0%,
  45% {
    transform: translateY(0%)
  }

  50%,
  95% {
    transform: translateY(-100%)
  }

  100% {
    transform: translateY(0%)
  }
}

.delete-button.svelte-1x4b0qq.svelte-1x4b0qq {
  align-items: center;
  text-align: right;
  margin-bottom: 8px
}

.properties-wrapper.svelte-1x4b0qq.svelte-1x4b0qq {
  position: relative;
  margin-top: 4px
}

.properties-container.svelte-1x4b0qq.svelte-1x4b0qq {
  display: flex;
  flex-wrap: nowrap;
  gap: 4px;
  overflow-x: auto;
  scrollbar-width: none;
  -ms-overflow-style: none
}

.properties-container.svelte-1x4b0qq.svelte-1x4b0qq::-webkit-scrollbar {
  display: none
}

.properties-fade.svelte-1x4b0qq.svelte-1x4b0qq {
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  width: 40px;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, #fff 100%);
  pointer-events: none
}

.properties-fade.hide-fade.svelte-1x4b0qq.svelte-1x4b0qq {
  opacity: 0
}

.property-pill.svelte-1x4b0qq.svelte-1x4b0qq {
  background-color: #f3f4f6;
  color: #556376;
  font-size: 12px;
  line-height: 16px;
  padding: 2px 4px;
  border-radius: 4px;
  white-space: nowrap;
  flex-shrink: 0
}

.cart-product-order-summary.svelte-1x4b0qq.svelte-1x4b0qq {
  max-height: 100vh !important
}

.input-area.svelte-948hln {
  height: 48px;
  width: 252px;
  border-radius: 10px
}

.text-area.svelte-948hln {
  width: 185px;
  height: 20px;
  margin-bottom: 20px
}

.lazy-load-wrapper.svelte-948hln {
  display: flex;
  margin-left: auto;
  margin-right: auto;
  margin-top: 50px;
  padding: 50px;
  flex-direction: column;
  justify-content: center;
  align-items: center
}

.notify-area.svelte-948hln {
  margin-top: 10px;
  width: 230px;
  height: 15px
}

.update-container.svelte-13nbzy5.svelte-13nbzy5 {
  text-align: left;
  background-color: var(--white);
  position: relative
}

.heading-wrapper.svelte-13nbzy5.svelte-13nbzy5 {
  position: relative;
  display: block;
  min-height: 48px
}

.background-img.svelte-13nbzy5.svelte-13nbzy5 {
  position: absolute;
  top: 0;
  right: 0;
  width: auto;
  z-index: 0;
  pointer-events: none;
  animation: svelte-13nbzy5-slideOut 2s ease-in-out infinite
}

@keyframes svelte-13nbzy5-slideOut {

  0%,
  100% {
    opacity: 1
  }

  50% {
    opacity: 0
  }
}

.heading-text.svelte-13nbzy5.svelte-13nbzy5 {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  gap: .125rem
}

.update-container.svelte-13nbzy5 button.svelte-13nbzy5 {
  display: block
}

.coupon-popup-backdrop.svelte-h9cdlf.svelte-h9cdlf {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, .4);
  z-index: 999
}

.coupon-popup.svelte-h9cdlf.svelte-h9cdlf {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: #fff;
  text-align: center;
  width: 90%;
  box-shadow: 0 8px 20px rgba(0, 0, 0, .2);
  z-index: 1000;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  border-radius: 12px;
  padding: 12px;
  max-width: 250px
}

.coupon-save.svelte-h9cdlf.svelte-h9cdlf {
  color: #067647
}

.coupon-subtitle.svelte-h9cdlf.svelte-h9cdlf {
  margin-bottom: 24px
}

.check-icon.svelte-h9cdlf.svelte-h9cdlf {
  width: 30px;
  height: 30px
}

.unavailable-coupon-wrapper.svelte-h9cdlf.svelte-h9cdlf {
  margin-bottom: 20px;
  position: relative
}

.unavailable-coupon-wrapper.svelte-h9cdlf .unavailable-coupon.svelte-h9cdlf {
  filter: blur()
}

.unavailable-coupon-wrapper.svelte-h9cdlf .info.invalid.svelte-h9cdlf {
  background-color: var(--error-15)
}

.unavailable-coupon-wrapper.svelte-h9cdlf .info.invalid span.svelte-h9cdlf {
  color: var(--error-700)
}

.unavailable-coupon-wrapper.svelte-h9cdlf .info.valid.svelte-h9cdlf {
  background-color: var(--bg-green);
  color: var(--green-text2)
}

.info.svelte-h9cdlf.svelte-h9cdlf {
  border-top-left-radius: .75rem;
  border-top-right-radius: .75rem
}

.tnc.svelte-h9cdlf.svelte-h9cdlf {
  border-top: 1px dashed var(--neutral-200);
  margin-bottom: 0;
  list-style: none
}

.tnc.svelte-h9cdlf li.svelte-h9cdlf {
  position: relative
}

.tnc.svelte-h9cdlf li.svelte-h9cdlf::before {
  content: "";
  height: 5px;
  width: 5px;
  background: var(--neutral-200);
  border-radius: 50%;
  position: absolute;
  top: 6px;
  left: -0.45rem
}

.inner-content.svelte-h9cdlf.svelte-h9cdlf {
  max-width: calc(100% - 60px);
  flex-grow: 1
}

.inner-content.svelte-h9cdlf .coupon-icon.svelte-h9cdlf {
  width: 24px;
  height: 24px;
  flex: none
}

.inner-content.svelte-h9cdlf .coupon-icon.globalImg.discountIcon.svelte-h9cdlf {
  background-position: -96px -400px
}

.inner-content.svelte-h9cdlf .coupon-icon.globalImg.discountIconGreen.svelte-h9cdlf {
  width: 22px;
  background-position: -120px -400px
}

.inner-content.svelte-h9cdlf .discount-info-wrapper.svelte-h9cdlf {
  flex: auto;
  max-width: calc(100% - 40px)
}

.inner-content.svelte-h9cdlf .discount-info-wrapper .coupon-wrap.svelte-h9cdlf {
  display: flex;
  align-items: center
}

.inner-content.svelte-h9cdlf .discount-info-wrapper .coupon-wrap .coupon-name.svelte-h9cdlf {
  position: relative;
  flex: auto;
  max-width: fit-content
}

.inner-content.svelte-h9cdlf .discount-info-wrapper .coupon-wrap .coupon-name.svelte-h9cdlf::before,
.inner-content.svelte-h9cdlf .discount-info-wrapper .coupon-wrap .coupon-name.svelte-h9cdlf::after {
  content: "";
  position: absolute;
  width: 4px;
  height: 8px;
  border: 1px solid #d5d6d7
}

.inner-content.svelte-h9cdlf .discount-info-wrapper .coupon-wrap .coupon-name.svelte-h9cdlf::before {
  left: -1px;
  top: 50%;
  transform: translateY(-50%);
  border-left: 1px solid #fff;
  border-radius: 0rem 8px 8px 0
}

.inner-content.svelte-h9cdlf .discount-info-wrapper .coupon-wrap .coupon-name.svelte-h9cdlf::after {
  right: -1px;
  top: 50%;
  transform: translateY(-50%);
  border-radius: 8px 0rem 0rem 8px;
  border-right: 1px solid #fff
}

.inner-content.svelte-h9cdlf .discount-info-wrapper .coupon-wrap .tag.svelte-h9cdlf {
  font-size: .675rem;
  background: var(--green);
  color: var(--white);
  padding: 2px 5px;
  border-radius: .25rem;
  text-align: center
}

.inner-content.svelte-h9cdlf .discount-info-wrapper .info.invalid span.svelte-h9cdlf {
  color: var(--error)
}

.inner-content.svelte-h9cdlf .discount-info-wrapper .info .free-product.svelte-h9cdlf {
  text-transform: initial
}

.inner-content.svelte-h9cdlf .discount-info.svelte-h9cdlf {
  font-size: .625rem;
  color: var(--grey-text)
}

.inner-content.svelte-h9cdlf .show-less.svelte-h9cdlf,
.inner-content.svelte-h9cdlf .show-more.svelte-h9cdlf {
  display: block
}

.eligible-products-wrapper.svelte-h9cdlf.svelte-h9cdlf {
  overflow-x: hidden
}

.eligible-products-grid.svelte-h9cdlf.svelte-h9cdlf {
  display: flex;
  gap: 12px;
  overflow-x: auto;
  overflow-y: hidden;
  padding-bottom: 8px;
  scroll-behavior: smooth;
  -webkit-overflow-scrolling: touch
}

.eligible-products-grid.svelte-h9cdlf.svelte-h9cdlf::-webkit-scrollbar {
  display: none
}

.eligible-product-card.svelte-h9cdlf.svelte-h9cdlf {
  border: 1px solid #e4e8eb;
  border-radius: 12px;
  flex-shrink: 0;
  width: 200px;
  background: #fff;
  display: flex;
  flex-direction: column;
  justify-content: space-between
}

.product-img.svelte-h9cdlf.svelte-h9cdlf {
  width: 200px;
  height: 200px;
  overflow: hidden;
  border-top-left-radius: 12px;
  border-top-right-radius: 12px
}

.product-img.svelte-h9cdlf img.svelte-h9cdlf {
  object-fit: cover
}

.product-info.svelte-h9cdlf.svelte-h9cdlf {
  padding: 8px;
  display: flex;
  flex-direction: column;
  gap: 12px
}

.product-mrp.svelte-h9cdlf.svelte-h9cdlf {
  font-size: 12px;
  line-height: 16px;
  text-decoration: line-through;
  color: #697687;
  margin-left: 2px
}

.free-item-wrapper.svelte-h9cdlf.svelte-h9cdlf {
  display: flex;
  position: relative;
  align-items: center;
  width: 100%;
  justify-content: center;
  margin-bottom: 20px
}

.pill.svelte-h9cdlf.svelte-h9cdlf {
  flex: 1;
  border: 1px solid #697687;
  background: #fff;
  text-align: center
}

.text-size.svelte-h9cdlf.svelte-h9cdlf {
  font-size: 12px;
  line-height: 16px
}

@media(max-width: 600px) {
  .text-size.svelte-h9cdlf.svelte-h9cdlf {
    font-size: 10px;
    line-height: 16px
  }
}

.left-pill.svelte-h9cdlf.svelte-h9cdlf {
  border-radius: 30px 0 0 30px;
  padding: 12px 20px 12px 12px
}

.right-pill.svelte-h9cdlf.svelte-h9cdlf {
  border-radius: 0 30px 30px 0;
  color: #6b7280;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  padding: 12px 12px 12px 20px
}

.plus-sign.svelte-h9cdlf.svelte-h9cdlf {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  align-items: center;
  justify-content: center;
  width: 25px;
  height: 25px;
  border: 1px solid #000;
  border-radius: 50%;
  background: #fff
}

.active-pill.svelte-h9cdlf.svelte-h9cdlf {
  border-color: #000;
  color: #000
}

.inactive-pill.svelte-h9cdlf.svelte-h9cdlf {
  border-color: #697687;
  color: #697687
}

.lock-icon.svelte-h9cdlf.svelte-h9cdlf {
  width: 14px;
  height: 14px
}

.container.svelte-h9cdlf.svelte-h9cdlf {
  width: 100%
}

.quantity-selector.svelte-h9cdlf.svelte-h9cdlf {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border: 1px solid #000;
  border-radius: 8px;
  padding: 8px;
  gap: 2px;
  width: 100%;
  box-sizing: border-box
}

.quantity-selector.svelte-h9cdlf button.svelte-h9cdlf {
  background: none;
  border: none;
  cursor: pointer;
  padding: 1px;
  display: flex;
  align-items: center;
  justify-content: center
}

button.svelte-h9cdlf.svelte-h9cdlf:disabled {
  opacity: .5;
  pointer-events: none
}

.transition-opacity.svelte-f8zzxd.svelte-f8zzxd {
  transition: opacity .2s ease-in-out
}

.container.svelte-f8zzxd.svelte-f8zzxd {
  width: 100%;
  margin-bottom: .75rem;
  box-sizing: border-box
}

.container.m-0.svelte-f8zzxd.svelte-f8zzxd {
  margin: 0
}

.container.svelte-f8zzxd .content.svelte-f8zzxd {
  background: rgba(0, 0, 0, 0);
  padding: 16px;
  display: flex;
  flex-direction: column;
  row-gap: 8px
}

.container.svelte-f8zzxd .content.compact.svelte-f8zzxd {
  padding: 0
}

.offer-text.svelte-f8zzxd.svelte-f8zzxd {
  font-size: 12px;
  border-radius: 8px;
  padding: 4px 12px;
  background-color: #e9f4ee;
  color: #007a3c;
  text-align: center
}

.or-option.svelte-f8zzxd.svelte-f8zzxd {
  position: relative;
  text-align: center;
  z-index: 8;
  display: inline-flex;
  width: 100%;
  justify-content: center
}

.or-option.svelte-f8zzxd p.svelte-f8zzxd {
  font-size: .8rem;
  line-height: 1rem;
  text-align: center;
  background: #f8f8f8;
  display: inline-block;
  padding: .3rem .6rem;
  z-index: auto !important;
  color: #6c737f
}

.or-option.svelte-f8zzxd p.svelte-f8zzxd:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 1px;
  background: #d2d6db;
  left: 0;
  z-index: -1;
  top: 50%
}

.card-offer-carousel.svelte-f8zzxd.svelte-f8zzxd {
  margin: 10px 0
}

.multiple-offers.svelte-f8zzxd.svelte-f8zzxd {
  margin-bottom: 28px
}

.lazy-loading-container.svelte-f8zzxd.svelte-f8zzxd {
  position: relative;
  width: 100%;
  height: 48px;
  margin-top: 8px
}

.new-icon.svelte-13uxybq.svelte-13uxybq.svelte-13uxybq {
  max-height: 22px;
  max-width: 22px;
  overflow: hidden
}

.offer-text.svelte-13uxybq.svelte-13uxybq.svelte-13uxybq {
  font-weight: 500;
  font-size: 12px;
  line-height: 16px;
  color: #067647;
  overflow: hidden;
  position: relative;
  white-space: nowrap;
  max-width: 180px
}

.wallets-page.svelte-13uxybq.svelte-13uxybq.svelte-13uxybq {
  box-sizing: border-box;
  margin: 10px 16px 0
}

.wallets-page.compact.svelte-13uxybq.svelte-13uxybq.svelte-13uxybq {
  margin: 0;
  padding: 16px
}

.wallets-page.no-padding.svelte-13uxybq.svelte-13uxybq.svelte-13uxybq {
  padding: 0
}

.full-height.svelte-13uxybq.svelte-13uxybq.svelte-13uxybq {
  height: calc(80vh - 100px)
}

.btn-additional-content.svelte-13uxybq.svelte-13uxybq.svelte-13uxybq {
  padding: 10px;
  font-size: 12px;
  display: flex;
  flex-direction: column;
  border-radius: 0px 0px 10px 10px
}

.btn-additional-content.svelte-13uxybq .kfs-iframe.svelte-13uxybq.svelte-13uxybq {
  border: none;
  height: 100%;
  margin-top: 4px
}

.btn-additional-content.svelte-13uxybq .view-charges.svelte-13uxybq.svelte-13uxybq {
  background: #f9fbfc !important;
  color: #090909;
  display: flex;
  width: 100%
}

.select-other-arrow.svelte-13uxybq.svelte-13uxybq.svelte-13uxybq {
  transition: all .4s ease
}

.arrow-down.svelte-13uxybq.svelte-13uxybq.svelte-13uxybq {
  width: 7px;
  height: 12px;
  background-position: -185px -33px;
  transform: rotate(90deg) scale(1.3)
}

.arrow-up.svelte-13uxybq.svelte-13uxybq.svelte-13uxybq {
  width: 7px;
  height: 12px;
  background-position: -185px -33px;
  transform: rotate(-90deg) scale(1.3)
}

.wallet-name-area.svelte-13uxybq.svelte-13uxybq.svelte-13uxybq {
  display: flex;
  flex-direction: column;
  row-gap: 4px;
  align-items: flex-end
}

.wallet-name-area.svelte-13uxybq .info-wrap.svelte-13uxybq.svelte-13uxybq {
  display: flex;
  align-items: center;
  gap: .5rem
}

.wallet-name-area.svelte-13uxybq .info-wrap .globalImg.svelte-13uxybq.svelte-13uxybq {
  width: 26px;
  height: 26px;
  display: flex
}

.wallet-name-area.svelte-13uxybq .info-wrap .globalImg.freecharge.svelte-13uxybq.svelte-13uxybq {
  background-position: -2px -139px
}

.wallet-name-area.svelte-13uxybq .info-wrap .globalImg.airtelmoney.svelte-13uxybq.svelte-13uxybq {
  background-position: -62px -139px
}

.wallet-name-area.svelte-13uxybq .info-wrap .globalImg.paytm.svelte-13uxybq.svelte-13uxybq {
  background-position: -103px -110px
}

.wallet-name-area.svelte-13uxybq .info-wrap .globalImg.yesbank.svelte-13uxybq.svelte-13uxybq {
  background-position: -122px -139px
}

.wallet-name-area.svelte-13uxybq .info-wrap .globalImg.phonepe.svelte-13uxybq.svelte-13uxybq {
  background-position: -92px -139px
}

.wallet-name-area.svelte-13uxybq .info-wrap .globalImg.amazonpay.svelte-13uxybq.svelte-13uxybq {
  background-position: -32px -139px
}

.wallet-name-area.svelte-13uxybq .info-wrap .globalImg.oxigen.svelte-13uxybq.svelte-13uxybq {
  background-position: -132px -110px
}

.wallet-name-area.svelte-13uxybq .info-wrap .globalImg.jiomoney.svelte-13uxybq.svelte-13uxybq {
  background-position: -182px -140px
}

.wallet-name-area.svelte-13uxybq .info-wrap .globalImg.mobikwik.svelte-13uxybq.svelte-13uxybq {
  background-position: -160px -110px
}

.wallet-name-area.svelte-13uxybq .info-wrap .globalImg.hdfcpayzapp.svelte-13uxybq.svelte-13uxybq {
  background-position: -152px -139px
}

.wallet-name-area.svelte-13uxybq .info-wrap .globalImg.olamoney.svelte-13uxybq.svelte-13uxybq {
  background-position: -39px -171px
}

.wallet-name-area.svelte-13uxybq .info-wrap .globalImg.itzcash.svelte-13uxybq.svelte-13uxybq {
  background-position: -68px -171px
}

.wallet-name-area.svelte-13uxybq .info-wrap .globalImg.bajajf.svelte-13uxybq.svelte-13uxybq {
  background-position: -202px -171px
}

.wallet-name-area.svelte-13uxybq .info-wrap .globalImg.lazypay.svelte-13uxybq.svelte-13uxybq {
  background-position: -33px -206px
}

.wallet-name-area.svelte-13uxybq .info-wrap .globalImg.amazonpaylater.svelte-13uxybq.svelte-13uxybq {
  background-position: -32px -139px
}

.wallet-name-area.svelte-13uxybq .info-wrap .globalImg.zestmoney.svelte-13uxybq.svelte-13uxybq {
  background-position: -2px -206px
}

.wallet-name-area.svelte-13uxybq .info-wrap .globalImg.tatapay.svelte-13uxybq.svelte-13uxybq {
  background-position: -73px -263px
}

.wallet-name-area.svelte-13uxybq .info-wrap .globalImg.bajajpay.svelte-13uxybq.svelte-13uxybq {
  background-position: -131px -353px
}

.wallet-name-area.svelte-13uxybq .info-wrap .globalImg.simplpay.svelte-13uxybq.svelte-13uxybq {
  background-position: -105px -374px;
  width: 26x
}

.wallet-name-area.svelte-13uxybq .wallet-name.svelte-13uxybq.svelte-13uxybq {
  display: flex;
  flex-direction: column;
  align-items: start;
  row-gap: 4px
}

.wallet-name-area.svelte-13uxybq .accordion-offer-text.svelte-13uxybq.svelte-13uxybq {
  font-size: 10px;
  background-color: #e9f4ee;
  color: #067647;
  padding: 2px 8px;
  border-radius: 12px
}

.wallet-bnpl-btn-wrapper.svelte-13uxybq.svelte-13uxybq.svelte-13uxybq {
  display: flex;
  flex-direction: column;
  border: 1px solid #e0e0e0;
  position: relative
}

.wallet-bnpl-btn-wrapper.svelte-13uxybq .btn-content.svelte-13uxybq.svelte-13uxybq {
  display: flex;
  padding: 12px
}

.wallet-bnpl-btn-wrapper.svelte-13uxybq .btn-content .wallet-name-area.svelte-13uxybq.svelte-13uxybq {
  flex: 1
}

.wallet-bnpl-btn-wrapper.svelte-13uxybq .btn-content .wallet-bnpl-btn.svelte-13uxybq.svelte-13uxybq {
  display: flex
}

.wallet-bnpl-btn-wrapper.svelte-13uxybq .btn-content .wallet-bnpl-btn-content.svelte-13uxybq.svelte-13uxybq {
  display: flex;
  flex-direction: column;
  align-items: flex-start
}

.wallet-bnpl-btn-wrapper.svelte-13uxybq .btn-content .wallet-bnpl-btn-content .btn-additional-text.svelte-13uxybq.svelte-13uxybq {
  font-size: 12px;
  margin-top: 4px
}

.wallet-bnpl-btn-wrapper.svelte-13uxybq .btn-additional-content.svelte-13uxybq.svelte-13uxybq {
  background-color: #f9fbfc
}

.wallets-wrap.svelte-13uxybq.svelte-13uxybq.svelte-13uxybq {
  width: 100%;
  border-radius: 8px
}

.wallets-wrap.svelte-13uxybq .wallets.svelte-13uxybq.svelte-13uxybq {
  display: flex;
  flex-direction: column;
  gap: 12px
}

.wallets-wrap.svelte-13uxybq .wallets button.svelte-13uxybq.svelte-13uxybq {
  width: 100%;
  background: #fff;
  text-transform: capitalize;
  border: none;
  font-size: 15px;
  align-items: center;
  padding: 0px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 15px
}

.compact.svelte-13uxybq .wallets-wrap.svelte-13uxybq.svelte-13uxybq {
  border-radius: 12px
}

.compact.svelte-13uxybq .wallets-wrap .wallets.svelte-13uxybq.svelte-13uxybq {
  gap: 0
}

.compact.svelte-13uxybq .wallets-wrap .wallets .info-wrap.svelte-13uxybq.svelte-13uxybq {
  font-size: 14px
}

.compact.svelte-13uxybq .wallets-wrap .wallets .view-all.svelte-13uxybq.svelte-13uxybq {
  border: 1px solid #e0e0e0;
  padding: 12px;
  font-weight: 600;
  font-size: 12px;
  line-height: 14px
}

.compact.svelte-13uxybq .wallets-wrap .wallets.svelte-13uxybq>.svelte-13uxybq {
  border-radius: 0
}

.compact.svelte-13uxybq .wallets-wrap .wallets.svelte-13uxybq>.svelte-13uxybq:first-child {
  border-radius: 12px 12px 0 0
}

.compact.svelte-13uxybq .wallets-wrap .wallets.svelte-13uxybq>.svelte-13uxybq:last-child {
  border-radius: 0 0 12px 12px
}

.compact.svelte-13uxybq .wallets-wrap .wallets.svelte-13uxybq>.svelte-13uxybq:not(:first-child) {
  border-top: 0
}

.arrow.svelte-13uxybq.svelte-13uxybq.svelte-13uxybq {
  width: 9px;
  height: 14px;
  background-position: -183px -32px
}

.header.svelte-13uxybq.svelte-13uxybq.svelte-13uxybq {
  display: flex;
  align-items: center;
  gap: .3rem;
  margin-bottom: 1rem
}

.button-wrapper.svelte-13uxybq.svelte-13uxybq.svelte-13uxybq {
  grid-area: btn
}

.button-wrapper.svelte-13uxybq .back-btn-arrow.svelte-13uxybq.svelte-13uxybq {
  border: none;
  padding: 0
}

.button-wrapper.svelte-13uxybq .back-btn-arrow .globalImg.svelte-13uxybq.svelte-13uxybq {
  width: 19px;
  height: 11px;
  display: flex;
  background-position: -195px -32px
}

.highlight-border.svelte-13uxybq.svelte-13uxybq.svelte-13uxybq {
  border: 1px solid var(--primary-color)
}

.wallets-offer-carousel.svelte-13uxybq.svelte-13uxybq.svelte-13uxybq {
  margin: 8px 0
}

.tnc-link.svelte-151y5co.svelte-151y5co {
  color: #1f43d1
}

.waiting-screen.svelte-151y5co.svelte-151y5co {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-self: center;
  align-items: center;
  padding: 2.5rem 0rem;
  height: 200px
}

.failure-screen.svelte-151y5co.svelte-151y5co {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-self: center;
  align-items: center
}

.otp-timer.svelte-151y5co.svelte-151y5co {
  display: flex;
  justify-content: center;
  align-items: center;
  padding-top: .5rem
}

.otp-timer.svelte-151y5co .timer-icon.svelte-151y5co {
  background-position: -133px -263px;
  width: 16px;
  height: 16px
}

.otp-timer.svelte-151y5co .timer-text.svelte-151y5co {
  padding-left: 10px;
  font-size: 14px
}

.otp-timer.svelte-151y5co .otp-expired-text.svelte-151y5co {
  color: #d18135;
  font-size: 12px
}

.otp-container.svelte-151y5co.svelte-151y5co {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  border-radius: 1rem;
  padding: 1rem 0rem;
  background: var(--white);
  box-sizing: border-box
}

.otp-container.svelte-151y5co .minheight.svelte-151y5co {
  min-height: calc(100vh - 210px) !important
}

.otp-container.svelte-151y5co .head.svelte-151y5co {
  align-self: self-start;
  display: flex;
  align-items: center;
  padding-left: 1.8rem
}

.otp-container.svelte-151y5co .head .back-button.svelte-151y5co {
  border: none;
  outline: none
}

.otp-container.svelte-151y5co .otp-wrapper.svelte-151y5co {
  background: #fff;
  display: flex;
  flex-direction: column;
  padding: 1rem 0rem
}

.otp-container.svelte-151y5co .otp.svelte-151y5co {
  display: flex;
  flex-direction: column;
  margin-top: 1rem;
  margin-bottom: 1rem;
  justify-content: center;
  align-items: center
}

.otp-container.svelte-151y5co .otp .otp-box-wrapper.svelte-151y5co {
  display: flex;
  flex-direction: column
}

.otp-container.svelte-151y5co .otp .otp-box-wrapper .otp-attempts.svelte-151y5co {
  color: #d18135;
  font-size: 12px;
  padding-top: .4rem;
  padding-left: .4rem
}

.heading-content.svelte-151y5co.svelte-151y5co {
  display: flex;
  align-items: center
}

.text-center.svelte-151y5co.svelte-151y5co {
  text-align: center
}

.verify-otp.svelte-151y5co.svelte-151y5co {
  margin-top: .5rem;
  color: #405065;
  width: 100%;
  font-size: 18px;
  font-weight: bold
}

.terms-text.svelte-151y5co.svelte-151y5co {
  font-size: 12px;
  color: #929ca8
}

.timer-and-resend.svelte-151y5co.svelte-151y5co {
  display: flex;
  justify-content: space-between
}

.timer-and-resend.svelte-151y5co .timer.svelte-151y5co {
  font-size: 14px;
  align-self: flex-end
}

.timer-and-resend.svelte-151y5co .timer .timer-ticks.svelte-151y5co {
  color: #22ac44
}

.timer-and-resend.svelte-151y5co .resend-otp.svelte-151y5co {
  border: none;
  outline: none;
  padding: 0rem .5rem;
  color: #257cd1
}

.timer-and-resend.svelte-151y5co .resend-disabled.svelte-151y5co {
  color: rgba(37, 124, 209, 0.5098039216) !important
}

.btn-black.svelte-151y5co.svelte-151y5co {
  margin: .5rem 0rem 1rem 0rem;
  font-size: 16px;
  line-height: 22px;
  color: #fff;
  background: #000;
  padding: 1rem;
  border-radius: 14px;
  border: none
}

.btn-disabled.svelte-151y5co.svelte-151y5co {
  background-color: #5a5a5a;
  cursor: auto
}

.emi-page.svelte-kyq8el.svelte-kyq8el.svelte-kyq8el {
  min-height: 100%;
  padding: .75rem 1rem;
  box-sizing: border-box
}

.emi-page.accordion.svelte-kyq8el.svelte-kyq8el.svelte-kyq8el {
  padding: 0
}

.emi-container.svelte-kyq8el.svelte-kyq8el.svelte-kyq8el {
  position: relative;
  box-sizing: border-box;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  margin-top: .5rem
}

.emi-container.compact.svelte-kyq8el.svelte-kyq8el.svelte-kyq8el {
  margin-top: 0
}

.header-content.svelte-kyq8el.svelte-kyq8el.svelte-kyq8el {
  box-sizing: border-box;
  width: 100%;
  display: grid;
  grid-template-columns: auto 1fr auto;
  grid-template-areas: "btn title icon";
  overflow: hidden;
  grid-gap: 4px;
  align-items: center;
  gap: 6px;
  min-height: 36px
}

.accordion-header-content.svelte-kyq8el.svelte-kyq8el.svelte-kyq8el {
  display: flex;
  align-items: center;
  gap: 8px
}

.accordion-header-content.svelte-kyq8el .back-btn-arrow.svelte-kyq8el.svelte-kyq8el {
  border: none
}

.accordion-header-content.svelte-kyq8el .back-btn-arrow.svelte-kyq8el .globalImg.svelte-kyq8el {
  display: inline-block;
  width: 10px;
  height: 12px;
  background-position: -185px -33px;
  transform: scale(0.8) rotate(180deg)
}

.accordion-header-content.svelte-kyq8el .new-icon.svelte-kyq8el.svelte-kyq8el {
  max-height: 24px;
  max-width: 24px;
  overflow: hidden
}

.bank-icon.svelte-kyq8el.svelte-kyq8el.svelte-kyq8el {
  grid-area: icon
}

.bank-icon.svelte-kyq8el img.svelte-kyq8el.svelte-kyq8el {
  transform: scale(0.75)
}

.button-wrapper.svelte-kyq8el.svelte-kyq8el.svelte-kyq8el {
  grid-area: btn
}

.button-wrapper.svelte-kyq8el .back-btn-arrow.svelte-kyq8el.svelte-kyq8el {
  border: none
}

.button-wrapper.svelte-kyq8el .back-btn-arrow.svelte-kyq8el .globalImg.svelte-kyq8el {
  width: 19px;
  height: 12px;
  display: flex;
  background-position: -195px -32px
}

.title.svelte-kyq8el.svelte-kyq8el.svelte-kyq8el {
  grid-area: title;
  font-weight: 500;
  width: 100%;
  box-sizing: border-box;
  color: var(--black);
  display: flex;
  flex-direction: column;
  gap: 4px
}

.heading.svelte-kyq8el.svelte-kyq8el.svelte-kyq8el {
  font-weight: 600
}

.main-text.svelte-kyq8el.svelte-kyq8el.svelte-kyq8el {
  font-size: 1rem;
  font-weight: 600;
  color: var(--gokwik-dark-blue);
  display: flex;
  align-items: center
}

.close-icon.svelte-kyq8el.svelte-kyq8el.svelte-kyq8el {
  position: absolute;
  z-index: 1;
  top: -40px;
  right: calc((100% - 46px)/2);
  border-radius: 50px;
  border: 1px solid var(--black);
  background: var(--black);
  padding: 6px 18px 6px
}

.close-icon.svelte-kyq8el .globalImg.svelte-kyq8el.svelte-kyq8el {
  filter: brightness(0) invert(1)
}

.close-icon.svelte-kyq8el .globalImg.initiate.svelte-kyq8el.svelte-kyq8el {
  width: 7px;
  height: 12px;
  background-position: -185px -33px;
  transform: rotate(90deg) scale(1.2)
}

.emi-offer-carousel.svelte-kyq8el.svelte-kyq8el.svelte-kyq8el {
  width: 100%;
  margin: .75rem 0
}

.new-icon.svelte-1muel7d.svelte-1muel7d {
  max-height: 22px;
  max-width: 22px;
  overflow: hidden
}

.container.svelte-1muel7d.svelte-1muel7d {
  width: 100%;
  display: flex;
  flex-direction: column;
  padding: 1rem 1.2rem .5rem;
  box-sizing: border-box;
  gap: 1rem
}

.container.compact.svelte-1muel7d.svelte-1muel7d {
  gap: 0;
  padding: 1rem
}

.container.no-padding.svelte-1muel7d.svelte-1muel7d {
  padding: 0
}

.bank-section-title.svelte-1muel7d.svelte-1muel7d {
  font-size: 13px
}

.head.svelte-1muel7d.svelte-1muel7d {
  display: flex;
  font-size: 13px;
  align-items: center;
  gap: .5rem
}

.globalImg.search.svelte-1muel7d.svelte-1muel7d {
  width: 16px;
  height: 16px;
  background-position: -68px -444px
}

.search-bank.svelte-1muel7d.svelte-1muel7d {
  display: flex;
  align-items: center;
  gap: .5rem;
  border: 1px solid #d0d5da;
  padding: .5rem .75rem;
  border-radius: .75rem;
  box-sizing: border-box;
  height: 42px;
  background: #fff
}

.search-bank.svelte-1muel7d input.svelte-1muel7d {
  width: 100%;
  border: none;
  font-size: .875rem;
  box-sizing: border-box
}

.search-bank.svelte-1muel7d input.svelte-1muel7d:focus {
  outline: none
}

.filter-container.svelte-1muel7d.svelte-1muel7d {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch
}

.filter-scroll.svelte-1muel7d.svelte-1muel7d {
  display: flex;
  flex-direction: row;
  gap: 8px;
  width: max-content
}

.filter-item.svelte-1muel7d.svelte-1muel7d {
  border: none;
  padding: 4px 8px 4px 8px;
  border-radius: 8px;
  background: #e5e7eb
}

.filter-label.svelte-1muel7d.svelte-1muel7d {
  font-size: 12px;
  line-height: 18px;
  color: var(--black)
}

.cross-icon.svelte-1muel7d.svelte-1muel7d {
  background-position: -111px -59px;
  width: 16px;
  height: 15px;
  display: inline-block;
  transform: scale(0.75)
}

.filter-item.active.svelte-1muel7d.svelte-1muel7d {
  background: #d0d5dd;
  display: flex;
  padding: 4px 5px 4px 8px
}

.gkwk-bnpl.svelte-148socb.svelte-148socb {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  gap: 10px;
  height: 100%
}

.gkwk-bnpl-header.svelte-148socb.svelte-148socb {
  display: flex;
  flex-direction: column;
  padding: .75rem 1rem 0
}

.gkwk-bnpl-title.svelte-148socb.svelte-148socb {
  font-size: 1rem;
  font-weight: 600;
  display: flex;
  gap: 12px
}

.gkwk-bnpl-body.svelte-148socb.svelte-148socb {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin: 0 .75rem
}

.gkwk-bnpl-progress.svelte-148socb.svelte-148socb {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: .75rem 0;
  height: 100%
}

.gkwk-bnpl-progress.svelte-148socb .step-bars.svelte-148socb {
  display: flex;
  gap: 4px;
  align-items: center;
  justify-content: stretch
}

.gkwk-bnpl-progress.svelte-148socb .step-bars .step-bar.svelte-148socb {
  flex: 1;
  height: 2px;
  border-radius: 3px;
  background-color: #bbc2ca
}

.gkwk-bnpl-progress.svelte-148socb .step-bars .step-bar.active.svelte-148socb {
  background-color: #00c25f
}

.progress-section.svelte-148socb.svelte-148socb {
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin: 0 .75rem;
  border: 1px solid #e4e8eb;
  border-radius: .75rem;
  background: #fff;
  padding: 10px
}

.step.svelte-148socb.svelte-148socb {
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding-bottom: 8px;
  position: relative
}

.step-number.svelte-148socb.svelte-148socb {
  font-size: 14px;
  font-weight: 600;
  color: #374151
}

.step-header.svelte-148socb.svelte-148socb {
  flex: 1;
  display: flex;
  justify-content: space-between;
  align-items: center
}

.step-header.svelte-148socb h4.svelte-148socb {
  font-size: 14px;
  font-weight: 500;
  color: #374151;
  margin: 0
}

.step-indicator.svelte-148socb.svelte-148socb {
  font-size: 12px;
  color: #6b7280;
  background: #f3f4f6;
  padding: 2px 8px;
  border-radius: 12px
}

.card-info.svelte-148socb.svelte-148socb {
  display: flex;
  flex-direction: column;
  gap: 12px
}

.cta-section.svelte-148socb.svelte-148socb {
  display: flex;
  flex-direction: column;
  justify-content: end;
  gap: 4px;
  position: sticky;
  bottom: 0;
  background: #fff;
  padding: 8px;
  border-top: 1px solid #e4e8eb;
  border-radius: .75rem .75rem 0 0
}

.twid-container.svelte-15ue1rm.svelte-15ue1rm:empty {
  display: none
}

.twid-bank.svelte-15ue1rm.svelte-15ue1rm {
  padding: 14px
}

.other-payment-option.svelte-15ue1rm.svelte-15ue1rm {
  font-size: 14px
}

.valid-offer.svelte-15ue1rm.svelte-15ue1rm {
  color: #16a34a;
  background: #ecfdf3;
  border: 1px solid rgba(30, 212, 96, .168627451);
  border-radius: 8px
}

.offer-banner.svelte-15ue1rm.svelte-15ue1rm {
  font-size: 12px;
  font-weight: 800;
  padding: 5px;
  text-align: center;
  width: 96%;
  margin: 0 auto
}

.flip-it.svelte-15ue1rm .flip-card-inner.svelte-15ue1rm {
  transform: rotateY(180deg)
}

.height-fill-available.svelte-15ue1rm.svelte-15ue1rm {
  height: -webkit-fill-available
}

.flip-card-inner.svelte-15ue1rm.svelte-15ue1rm {
  position: relative;
  width: 100%;
  height: 100%;
  transition: transform .6s;
  transform-style: preserve-3d;
  display: flex;
  flex-direction: column;
  row-gap: 1rem
}

.flip-card-back.svelte-15ue1rm.svelte-15ue1rm {
  transform: rotateY(180deg);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: inherit
}

.twid-bank-payment.svelte-15ue1rm.svelte-15ue1rm {
  display: flex;
  flex-direction: column
}

.twid-bank-payment.svelte-15ue1rm .points-message-wrapper.svelte-15ue1rm {
  background: #f0f0f0;
  border: 1px solid #e5e5e5;
  padding: 5px 10px;
  border-radius: 6px;
  display: flex
}

.twid-bank-payment.svelte-15ue1rm .points-message-wrapper .points-message.svelte-15ue1rm {
  font-size: .75rem;
  padding-left: 6px
}

.other-options.svelte-15ue1rm.svelte-15ue1rm {
  display: flex;
  flex-direction: column;
  margin-top: 12px
}

.other-options.svelte-15ue1rm .pay-using-other-methods.svelte-15ue1rm {
  display: flex;
  border-radius: 12px;
  background: #fff;
  border: 1px solid #e4e8eb;
  align-items: center;
  padding: 12px
}

.other-options.svelte-15ue1rm .pay-using-other-methods-content.svelte-15ue1rm {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  flex: 1
}

.other-options.svelte-15ue1rm .pay-using-other-methods-content .other-methods-txt.svelte-15ue1rm {
  font-size: 14px
}

.other-options.svelte-15ue1rm .pay-using-other-methods-content .other-methods-subtext.svelte-15ue1rm {
  font-size: 12px;
  text-align: left;
  padding-top: 4px
}

.right-arrow-black.svelte-15ue1rm.svelte-15ue1rm {
  display: inline-block;
  width: 7px;
  height: 12px;
  background-position: -185px -33px
}

.sprite-info-icon.svelte-15ue1rm.svelte-15ue1rm {
  margin-top: 2px
}

.cred-coins-wrapper.svelte-15ue1rm.svelte-15ue1rm {
  display: flex;
  flex-direction: column;
  gap: 16px
}

.savings-info.svelte-15ue1rm.svelte-15ue1rm {
  background: #fef7d7;
  border-radius: 90px;
  padding: 4px 0;
  display: flex;
  align-items: center;
  gap: .75rem;
  box-shadow: 0 1px 3px rgba(0, 0, 0, .1)
}

.otp-container.svelte-11qujka.svelte-11qujka {
  padding: 24px;
  text-align: center
}

.gift-icon-wrapper.svelte-11qujka.svelte-11qujka {
  display: flex;
  justify-content: center;
  margin-bottom: 12px
}

.gift-info.svelte-11qujka.svelte-11qujka {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 6px;
  color: #444;
  font-size: 14px;
  margin-bottom: 6px
}

.amount.svelte-11qujka.svelte-11qujka {
  background: #e7f4e8;
  color: green;
  font-weight: 600;
  padding: 2px 6px;
  border-radius: 6px
}

.title.svelte-11qujka.svelte-11qujka {
  font-weight: 600;
  font-size: 16px;
  color: #000;
  margin-bottom: 16px
}

.otp-inputs.svelte-11qujka.svelte-11qujka {
  display: flex;
  justify-content: center;
  gap: 10px;
  margin-bottom: 16px
}

.otp-inputs.svelte-11qujka input.svelte-11qujka {
  width: 44px;
  height: 48px;
  border: 1px solid #ccc;
  border-radius: 8px;
  font-size: 20px;
  text-align: center;
  font-weight: 600;
  outline: none;
  transition: border-color .2s
}

.otp-inputs.svelte-11qujka input.svelte-11qujka:focus {
  border-color: #000
}

.resend.svelte-11qujka.svelte-11qujka {
  font-size: 14px;
  color: #666
}

.resend-btn.svelte-11qujka.svelte-11qujka {
  border: none;
  background: none;
  color: #007aff;
  font-weight: 600;
  cursor: pointer
}

.resend-btn[disabled].svelte-11qujka.svelte-11qujka {
  opacity: .6;
  cursor: not-allowed
}

.globalImg.gift-card-icon.svelte-11qujka.svelte-11qujka {
  width: 60px;
  height: 60px;
  background-image: url("/assets/icons/gift-card-icon.svg");
  background-size: contain;
  background-repeat: no-repeat
}

.text-onboard.svelte-9gtcym.svelte-9gtcym {
  position: absolute;
  font-weight: 500;
  top: 0px;
  left: 0px;
  z-index: 1;
  padding: 10px 16px;
  width: 100%;
  box-sizing: border-box;
  background: linear-gradient(90deg, #eff8ff 40%, #fff 90%);
  color: var(--black);
  display: flex;
  flex-direction: column;
  gap: 4px
}

.heading.svelte-9gtcym.svelte-9gtcym {
  font-weight: 600
}

.animation-wrapper.svelte-9gtcym.svelte-9gtcym {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0
}

.animation-wrapper.pending.svelte-9gtcym.svelte-9gtcym {
  border-top: 1px solid gray
}

.bold.svelte-9gtcym.svelte-9gtcym {
  font-weight: 500
}

.main-text.svelte-9gtcym.svelte-9gtcym {
  font-size: 1rem;
  font-weight: 600
}

.sub-text.svelte-9gtcym.svelte-9gtcym {
  font-size: .7rem;
  display: flex;
  gap: 10px
}

.discount-text.svelte-9gtcym.svelte-9gtcym {
  color: var(--m-teal)
}

.container.svelte-9gtcym.svelte-9gtcym {
  padding: 8px;
  margin-top: 40px;
  display: flex;
  flex-direction: column
}

.btns-container.svelte-9gtcym.svelte-9gtcym {
  position: relative;
  overflow: hidden;
  padding: 4px 12px 12px;
  z-index: 0;
  margin-top: 6px
}

.grid-container.svelte-9gtcym.svelte-9gtcym {
  position: absolute;
  top: -16%;
  left: -42%;
  right: 0;
  width: 100%;
  height: 100%;
  transform: rotate(180deg)
}

.grid-bg-svg.svelte-9gtcym.svelte-9gtcym {
  display: block;
  height: 24px;
  width: 24px;
  overflow: hidden;
  -webkit-transform: translate(18px, 0) scale(14) rotate(180deg);
  -ms-transform: translate(18px, 0) scale(14) rotate(180deg);
  transform: translate(18px, 0) scale(14) rotate(180deg);
  -webkit-transform-origin: center;
  -ms-transform-origin: center;
  transform-origin: center;
  opacity: .12
}

.month-btn-container.svelte-9gtcym.svelte-9gtcym {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 16px;
  width: 100%;
  background: linear-gradient(0deg, #eff8ff, #eff8ff), linear-gradient(180deg, #fff 0%, rgba(255, 255, 255, 0) 100%)
}

.month-btn.svelte-9gtcym.svelte-9gtcym {
  border: 1px solid #d1e9ff;
  border-radius: 12px;
  font-size: 12px;
  background: var(--white);
  padding: 12px;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: space-between
}

.details-container.svelte-9gtcym.svelte-9gtcym {
  display: flex;
  gap: 10px;
  align-items: center;
  color: #667085;
  z-index: 1
}

.month-num.svelte-9gtcym.svelte-9gtcym {
  padding: 4px;
  border-radius: 4px;
  font-size: 10px;
  background: var(--white-1)
}

.month-name.svelte-9gtcym.svelte-9gtcym {
  font-size: 12px
}

.month-price.svelte-9gtcym.svelte-9gtcym {
  font-size: 14px;
  line-height: 20px
}

.stripped-btn.svelte-9gtcym.svelte-9gtcym {
  margin-top: 4px;
  border-width: 1px 0px;
  background: repeating-linear-gradient(45deg, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.7) 1px, transparent 3px, transparent 0px), linear-gradient(to right, white, rgb(143, 206, 255), white);
  border-radius: 8px;
  box-shadow: 0px 12px 12px -12px rgba(46, 144, 250, .6)
}

.btn-content.svelte-9gtcym.svelte-9gtcym {
  box-sizing: border-box;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 16px 22px
}

.btn-content.svelte-9gtcym .details.svelte-9gtcym {
  display: flex;
  gap: 12px
}

.btn-content.svelte-9gtcym .details .pay-now.svelte-9gtcym {
  font-size: 16px;
  color: var(--gokwik-blue);
  font-weight: 600
}

.btn-content.svelte-9gtcym .price.svelte-9gtcym {
  background-color: var(--white);
  padding: 4px 20px;
  border-radius: 6px;
  color: var(--gokwik-blue)
}

.current-month.svelte-9gtcym.svelte-9gtcym {
  font-size: 16px;
  line-height: 20px;
  font-weight: 700
}

.icons-container.svelte-9gtcym.svelte-9gtcym {
  display: flex;
  gap: 8px;
  margin-top: 16px
}

.icons-container.svelte-9gtcym .icon-wrapper.svelte-9gtcym {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 6px;
  z-index: 1
}

.icons-container.svelte-9gtcym .icon-wrapper .icon.svelte-9gtcym {
  height: 36px;
  width: 36px;
  overflow: hidden;
  transform: scale(1.2)
}

.icons-container.svelte-9gtcym .icon-wrapper .label.svelte-9gtcym {
  font-size: 10px;
  text-align: center;
  font-weight: 500
}

.footer.svelte-9gtcym.svelte-9gtcym {
  position: sticky;
  bottom: 0;
  margin-top: 36px
}

.btn.svelte-9gtcym.svelte-9gtcym {
  position: relative;
  display: inline-flex;
  width: 100%;
  height: 50px;
  align-items: center;
  font-size: 16px;
  border-radius: 20px;
  padding: .5rem;
  min-height: 44px;
  color: var(--white);
  justify-content: center;
  background: var(--gokwik-blue);
  border: none;
  margin-bottom: .4rem;
  z-index: 1
}

.btn.svelte-9gtcym .globalImg.svelte-9gtcym {
  width: 20px;
  height: 11px;
  background-position: -195px -9px;
  display: flex;
  margin-left: 1rem
}

.btn-badge.svelte-9gtcym.svelte-9gtcym {
  position: absolute;
  background: var(--g-grey);
  font-size: 10px;
  color: var(--b-grey);
  border-radius: 20px;
  padding: 6px 10px 30px;
  text-align: center;
  top: -22px;
  right: 0;
  left: 0
}

.close-icon.svelte-9gtcym.svelte-9gtcym {
  position: absolute;
  z-index: 1;
  top: -40px;
  right: calc((100% - 46px)/2);
  border-radius: 50px;
  border: 1px solid var(--black);
  background: var(--black);
  padding: 6px 18px 6px
}

.close-icon.svelte-9gtcym .globalImg.svelte-9gtcym {
  filter: brightness(0) invert(1)
}

.close-icon.svelte-9gtcym .globalImg.initiate.svelte-9gtcym {
  width: 7px;
  height: 12px;
  background-position: -185px -33px;
  transform: rotate(90deg) scale(1.2)
}

.emi-options.svelte-9gtcym.svelte-9gtcym {
  color: var(--gokwik-blue);
  font-size: .75rem;
  margin-top: 6px;
  z-index: 1
}

.more-emi.svelte-9gtcym.svelte-9gtcym {
  color: var(--gokwik-blue);
  text-align: center;
  font-weight: 500;
  font-size: 13px;
  z-index: 1;
  margin-top: 4px
}

.container.svelte-er2vml.svelte-er2vml {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 1rem;
  border-radius: 1rem;
  background: var(--white);
  box-sizing: border-box
}

.container.svelte-er2vml .title.svelte-er2vml {
  font-size: 16px;
  line-height: 20px;
  color: var(--black)
}

.container.svelte-er2vml .mt-1.svelte-er2vml {
  margin-top: 1rem
}

.container.svelte-er2vml .btn-group.svelte-er2vml {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 25px;
  margin: 25px 0
}

.container.svelte-er2vml .btn-group .btn.svelte-er2vml {
  background: #1d74e9;
  border-radius: 14px;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.02em;
  color: var(--white);
  box-sizing: border-box;
  border: none;
  padding: 1rem
}

.container.svelte-er2vml .btn-group .btn-thin.svelte-er2vml {
  font-size: 12px;
  line-height: 20px;
  text-transform: uppercase;
  color: rgba(0, 0, 0, .46);
  border: none
}

.discountIcon.svelte-12tpnl6.svelte-12tpnl6 {
  width: 24px;
  height: 24px;
  background-position: -96px -400px;
  margin: 1rem 0;
  scale: 1.5
}

.container.svelte-12tpnl6.svelte-12tpnl6 {
  display: flex;
  flex-direction: column;
  align-items: center;
  max-width: 350px;
  padding: 1rem;
  border-radius: 1rem;
  background: var(--white);
  box-sizing: border-box
}

.container.svelte-12tpnl6 .title.svelte-12tpnl6 {
  font-size: 16px;
  line-height: 20px;
  color: var(--black);
  text-align: center
}

.container.svelte-12tpnl6 .btn-group.svelte-12tpnl6 {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-top: 1.5rem
}

.container.svelte-12tpnl6 .btn-group .btn.svelte-12tpnl6,
.container.svelte-12tpnl6 .btn-group .btn-thin.svelte-12tpnl6 {
  background: #1d74e9;
  border-radius: 8px;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.02em;
  color: var(--white);
  box-sizing: border-box;
  border: none;
  padding: .5rem
}

.container.svelte-12tpnl6 .btn-group .btn-thin.svelte-12tpnl6 {
  background: unset;
  border: solid;
  color: rgba(0, 0, 0, .46)
}

.custom-bottom-sheet-height {
  min-height: 10vh !important
}

.container.svelte-9jox97.svelte-9jox97 {
  border-radius: 1rem;
  box-sizing: border-box;
  background: var(--white);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  min-height: inherit;
  gap: 1rem 0
}

.content-wrapper.svelte-9jox97.svelte-9jox97 {
  display: flex;
  flex-direction: column;
  gap: .8rem
}

.header.svelte-9jox97.svelte-9jox97 {
  font-weight: 500;
  display: flex;
  flex-direction: column;
  gap: 2px
}

.button-wrapper.svelte-9jox97.svelte-9jox97 {
  display: flex;
  gap: 1rem;
  justify-content: space-between;
  background-color: #f9fafb;
  border: 1px solid #e5e7eb
}

.button-wrapper.svelte-9jox97 button.svelte-9jox97 {
  flex: 1;
  font-weight: 500;
  font-size: 14px;
  border-radius: 12px;
  padding: 12px;
  cursor: pointer;
  transition: all .2s ease;
  white-space: nowrap;
  margin-top: .75rem
}

.button-wrapper.svelte-9jox97 button.confirm.svelte-9jox97 {
  background-color: #000;
  color: #fff;
  border: 2px solid #000
}

.button-wrapper.svelte-9jox97 button.cancel.svelte-9jox97 {
  background-color: #fff;
  color: #000;
  border: 1px solid #000
}

.savings-card.svelte-9jox97.svelte-9jox97 {
  background: #fef7d7;
  border-radius: 90px;
  padding: 4px 0;
  display: flex;
  align-items: center;
  gap: .75rem;
  box-shadow: 0 1px 3px rgba(0, 0, 0, .1)
}

.savings-card.svelte-9jox97 .offer-text.svelte-9jox97 {
  font-size: 13px;
  font-weight: 500
}

.text-wrapper.svelte-9jox97.svelte-9jox97 {
  display: flex;
  flex-direction: column;
  gap: 4px;
  text-align: center
}

.text-wrapper.svelte-9jox97 .header-text.svelte-9jox97 {
  font-size: 16px;
  font-weight: 500
}

.text-wrapper.svelte-9jox97 .sub-heading.svelte-9jox97 {
  font-size: 11px;
  color: #697687
}

.img-wrapper.svelte-9jox97.svelte-9jox97 {
  display: flex;
  justify-content: center;
  margin-top: 8px
}

.img-wrapper.svelte-9jox97 .cautionIconRed.svelte-9jox97 {
  display: inline-block;
  transform: scale(2)
}

.goldcoin-icon.svelte-9jox97.svelte-9jox97 {
  transform: scale(1.1);
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1)
}

.cred-cta.svelte-9jox97.svelte-9jox97 {
  flex-direction: column !important;
  gap: 0px !important;
  background-color: #fff !important;
  border: none !important
}

.payment-card.svelte-9jox97.svelte-9jox97 {
  padding-top: 12px;
  padding-bottom: 12px
}

.row.svelte-9jox97.svelte-9jox97 {
  display: flex;
  align-items: center
}

.upi-icon.svelte-9jox97.svelte-9jox97 {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  background: #e8f0fe;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  margin-right: 4px
}

.method.svelte-9jox97.svelte-9jox97 {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 2px
}

.label.svelte-9jox97.svelte-9jox97 {
  font-size: 12px;
  color: #697687;
  font-weight: 400;
  line-height: 16pxpx;
  text-transform: uppercase
}

.upi-text.svelte-9jox97.svelte-9jox97 {
  font-size: 16px;
  font-weight: 500;
  color: #000
}

.savings-card.svelte-9jox97.svelte-9jox97 {
  margin-top: 4px
}

.badge-text.svelte-9jox97.svelte-9jox97 {
  font-size: 11px;
  color: #1a73e8;
  background: #e8f0fe;
  padding: 2px 8px;
  border-radius: 100px
}

.change-btn.svelte-9jox97.svelte-9jox97 {
  border: none;
  font-size: 12px;
  font-weight: 600;
  color: #000;
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 2px;
  white-space: nowrap
}

.chevron.svelte-9jox97.svelte-9jox97 {
  font-size: 20px;
  font-weight: 400;
  line-height: 1
}

.cta-section.svelte-9jox97.svelte-9jox97 {
  padding: 12px 0
}

.arrow-icon.svelte-9jox97.svelte-9jox97 {
  margin-left: 2px;
  max-height: 16.5px;
  max-width: 13px;
  overflow: hidden
}

.request-text.svelte-9jox97.svelte-9jox97 {
  font-size: 8px;
  color: #929ca8;
  text-align: center
}

.container.svelte-lr4qsa.svelte-lr4qsa.svelte-lr4qsa {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%
}

.container.svelte-lr4qsa .head.svelte-lr4qsa.svelte-lr4qsa {
  display: flex;
  flex-direction: column;
  gap: 12px
}

.container.svelte-lr4qsa .head p.svelte-lr4qsa.svelte-lr4qsa {
  font-size: .875rem;
  color: var(--d-blue);
  line-height: 1.3;
  font-weight: 500
}

.container.svelte-lr4qsa .custom-input.svelte-lr4qsa.svelte-lr4qsa {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  box-sizing: border-box
}

.container.svelte-lr4qsa .custom-input label.svelte-lr4qsa.svelte-lr4qsa {
  transition: all .2s ease-in-out;
  transform: translateY(-50%);
  top: 50%;
  width: fit-content;
  font-weight: 400;
  font-size: 12px;
  line-height: 1.2;
  position: absolute;
  left: 1rem;
  padding: 0 .2rem;
  box-sizing: border-box;
  background: #fff;
  color: #d0d5dd;
  border-radius: .25rem
}

.container.svelte-lr4qsa .custom-input input.svelte-lr4qsa.svelte-lr4qsa {
  font-weight: 500;
  font-size: 12px;
  line-height: 1.2;
  background: none;
  border: none;
  color: var(--d-blue);
  background-color: #fff;
  border-radius: 12px;
  border: 1px solid #d0d5da;
  padding: .75rem
}

.container.svelte-lr4qsa .custom-input input.svelte-lr4qsa.svelte-lr4qsa::placeholder {
  opacity: 0;
  transition: opacity .1s ease-in-out
}

.container.svelte-lr4qsa .custom-input input.svelte-lr4qsa.svelte-lr4qsa:focus,
.container.svelte-lr4qsa .custom-input input.svelte-lr4qsa.svelte-lr4qsa:valid {
  outline: none
}

.container.svelte-lr4qsa .custom-input input.svelte-lr4qsa:focus+label.svelte-lr4qsa,
.container.svelte-lr4qsa .custom-input input.svelte-lr4qsa:valid+label.svelte-lr4qsa {
  top: .3rem;
  font-size: 10px
}

.container.svelte-lr4qsa .custom-input input.svelte-lr4qsa.svelte-lr4qsa:focus::placeholder,
.container.svelte-lr4qsa .custom-input input.svelte-lr4qsa.svelte-lr4qsa:valid::placeholder {
  opacity: 1
}

.container.svelte-lr4qsa .content.svelte-lr4qsa.svelte-lr4qsa {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-self: stretch
}

.container.svelte-lr4qsa .content .cta.svelte-lr4qsa.svelte-lr4qsa {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  gap: .5rem;
  margin: 16px 0
}

.container.svelte-lr4qsa .content .cta button.svelte-lr4qsa.svelte-lr4qsa {
  font-size: .7rem;
  cursor: pointer;
  border: none;
  box-sizing: border-box;
  font-weight: bold;
  text-decoration: underline
}

.custom-bottom-sheet-height {
  min-height: 10vh !important
}

.container.svelte-1xx7qik.svelte-1xx7qik {
  border-radius: 1rem;
  box-sizing: border-box;
  background: var(--white);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  min-height: inherit;
  gap: 1rem 0
}

.content-wrapper.svelte-1xx7qik.svelte-1xx7qik {
  display: flex;
  flex-direction: column;
  gap: .5rem
}

.button-wrapper.svelte-1xx7qik.svelte-1xx7qik {
  display: flex;
  gap: 1rem;
  justify-content: space-between;
  background-color: #f9fafb;
  border: 1px solid #e5e7eb
}

.button-wrapper.svelte-1xx7qik button.svelte-1xx7qik {
  flex: 1;
  font-weight: 600;
  font-size: 14px;
  border-radius: 8px;
  padding: 12px;
  cursor: pointer;
  transition: all .2s ease;
  white-space: nowrap;
  margin-top: .75rem
}

.button-wrapper.svelte-1xx7qik button.confirm.svelte-1xx7qik {
  background-color: #000;
  color: #fff;
  border: none
}

.button-wrapper.svelte-1xx7qik button.cancel.svelte-1xx7qik {
  background-color: #fff;
  color: #000;
  border: 1px solid #000
}

.custom-bottom-sheet-height {
  min-height: 10vh !important
}

.container.svelte-hhkred {
  border-radius: 1rem;
  box-sizing: border-box;
  background: var(--white);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  min-height: inherit;
  gap: 1rem 0;
  margin: .2rem 0
}

.content-wrapper.svelte-hhkred {
  display: flex;
  flex-direction: column
}

.flex-row.svelte-hhkred {
  display: flex;
  flex-direction: column
}

.payment-card.svelte-hhkred {
  padding-top: 12px;
  padding-bottom: 12px
}

.row.svelte-hhkred {
  display: flex;
  align-items: center
}

.upi-icon.svelte-hhkred {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  background: #e8f0fe;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  margin-right: 4px
}

.method.svelte-hhkred {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 2px
}

.label.svelte-hhkred {
  font-size: 12px;
  color: #697687;
  font-weight: 400;
  line-height: 16pxpx;
  text-transform: uppercase
}

.upi-text.svelte-hhkred {
  font-size: 16px;
  font-weight: 500;
  color: #000
}

.savings-card.svelte-hhkred {
  margin-top: 4px
}

.badge-text.svelte-hhkred {
  font-size: 11px;
  color: #1a73e8;
  background: #e8f0fe;
  padding: 2px 8px;
  border-radius: 100px
}

.change-btn.svelte-hhkred {
  border: none;
  font-size: 12px;
  font-weight: 600;
  color: #000;
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 2px;
  white-space: nowrap
}

.chevron.svelte-hhkred {
  font-size: 20px;
  font-weight: 400;
  line-height: 1
}

.cta-section.svelte-hhkred {
  padding: 12px 0
}

.arrow-icon.svelte-hhkred {
  margin-left: 2px;
  max-height: 16.5px;
  max-width: 13px;
  overflow: hidden
}

.request-text.svelte-hhkred {
  font-size: 8px;
  color: #929ca8;
  text-align: center
}

.message.svelte-oap0hl.svelte-oap0hl {
  text-align: center;
  font-size: 1rem;
  padding: 0px 20px
}

.message.svelte-oap0hl span.svelte-oap0hl {
  text-transform: capitalize
}

.loader-container.svelte-oap0hl.svelte-oap0hl {
  text-align: center
}

.waiting-screen--override.svelte-oap0hl.svelte-oap0hl {
  display: flex;
  flex-direction: column;
  gap: 24px;
  width: 100%
}

.waiting-screen--override.svelte-oap0hl .message.svelte-oap0hl {
  text-align: left;
  padding: 0px 8px;
  line-height: 22px;
  font-size: 14px
}

.waiting-screen--override.svelte-oap0hl .loader-container.svelte-oap0hl {
  display: none
}

.retry-message.svelte-oap0hl.svelte-oap0hl {
  font-size: 14px;
  line-height: 22px;
  color: var(--black);
  display: flex;
  align-items: center;
  padding: 0px 8px;
  margin: 16px 0
}

.cancel-btn.svelte-oap0hl.svelte-oap0hl {
  font-size: 14px;
  line-height: 22px;
  border: none;
  text-decoration: underline;
  font-weight: 600
}

.container.svelte-9ojuoh {
  padding: 0 .5rem;
  border-radius: 1rem;
  box-sizing: border-box;
  background: var(--white);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  min-height: inherit
}

.container.svelte-ck779c.svelte-ck779c {
  border-radius: 1rem;
  background: var(--white);
  box-sizing: border-box
}

.container.svelte-ck779c .title.svelte-ck779c {
  font-size: 20px;
  line-height: 24px;
  color: var(--black)
}

.container.svelte-ck779c .retry-error-message.svelte-ck779c {
  font-size: 16px;
  line-height: 22px;
  color: var(--black);
  margin: 6px 0 18px !important
}

.container.svelte-ck779c .retry-message.svelte-ck779c {
  font-size: 14px;
  line-height: 22px;
  color: var(--black);
  margin: 6px 0 24px
}

.container.svelte-ck779c .btn-group.svelte-ck779c {
  display: flex;
  flex-direction: column;
  gap: 25px;
  margin-top: 26px
}

.container.svelte-ck779c .btn-group .btn.svelte-ck779c {
  background: var(--black);
  border-radius: 12px;
  font-size: 14px;
  line-height: 24px;
  color: var(--white);
  box-sizing: border-box;
  border: none;
  padding: 12px
}

.container--override.svelte-ck779c.svelte-ck779c {
  padding: .5rem
}

.container--override.svelte-ck779c .retry-error-message.svelte-ck779c {
  font-size: 14px;
  line-height: 22px;
  margin: 6px 0 24px
}

.card-mismatch-container.svelte-mwt9o4.svelte-mwt9o4 {
  margin-top: 2.5rem;
  background: var(--white);
  box-sizing: border-box
}

.card-mismatch-container.svelte-mwt9o4 .offer-message.svelte-mwt9o4 {
  margin: 10px 0px 8px
}

.card-mismatch-container.svelte-mwt9o4 .message.svelte-mwt9o4,
.card-mismatch-container.svelte-mwt9o4 .offer-message-item.svelte-mwt9o4 {
  font-size: 13px;
  font-weight: 600;
  line-height: 22px;
  margin-top: 16px
}

.card-mismatch-container.svelte-mwt9o4 .message.svelte-mwt9o4 {
  margin-bottom: 8px
}

.card-mismatch-container.svelte-mwt9o4 .offer-message-item.svelte-mwt9o4 {
  margin-top: 0px
}

.card-mismatch-container.svelte-mwt9o4 .btn-group.svelte-mwt9o4 {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin: 16px 0;
  box-sizing: border-box
}

.card-mismatch-container.svelte-mwt9o4 .btn-group .btn.svelte-mwt9o4 {
  position: relative;
  box-sizing: border-box;
  flex: 1;
  font-size: 15px;
  border-radius: 20px;
  padding: 12px;
  font-weight: 500;
  max-height: 60px;
  box-shadow: rgba(99, 99, 99, .2) 0px 2px 8px 0px;
  background-color: #fff;
  color: var(--gokwik-blue);
  border: 2px solid var(--gokwik-blue)
}

.bank-card.svelte-mwt9o4.svelte-mwt9o4 {
  background: var(--white);
  padding: 12px;
  border-radius: 12px;
  margin: 10px 2px;
  box-sizing: border-box;
  border: 1px solid #d0d5da
}

.bank-info.svelte-mwt9o4.svelte-mwt9o4 {
  display: flex;
  gap: 16px;
  align-items: flex-start
}

.bank-logo.svelte-mwt9o4.svelte-mwt9o4 {
  width: 40px;
  height: 40px
}

.bank-logo.svelte-mwt9o4 img.svelte-mwt9o4 {
  width: 100%;
  height: 100%;
  object-fit: contain
}

.bank-details.svelte-mwt9o4.svelte-mwt9o4 {
  flex: 1
}

.bank-details.svelte-mwt9o4 .bank-name.svelte-mwt9o4 {
  font-size: 14px;
  font-weight: 500;
  margin-bottom: 4px;
  display: flex;
  gap: 9px
}

.bank-details.svelte-mwt9o4 .emi-amount.svelte-mwt9o4 {
  font-size: 12px;
  color: #666
}

.animation-wrapper.svelte-mwt9o4.svelte-mwt9o4 {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  border-top: 1px solid gray;
  background: var(--white)
}

.close-icon.svelte-mwt9o4.svelte-mwt9o4 {
  position: absolute;
  z-index: 1;
  top: -40px;
  right: calc((100% - 46px)/2);
  border-radius: 50px;
  border: 1px solid var(--black);
  background: var(--black);
  padding: 6px 18px 6px
}

.close-icon.svelte-mwt9o4 .globalImg.svelte-mwt9o4 {
  filter: brightness(0) invert(1)
}

.close-icon.svelte-mwt9o4 .globalImg.initiate.svelte-mwt9o4 {
  width: 7px;
  height: 12px;
  background-position: -185px -33px;
  transform: rotate(90deg) scale(1.2)
}

.heading-wrapper.svelte-mwt9o4.svelte-mwt9o4 {
  position: absolute;
  font-weight: 500;
  top: 0px;
  left: 0px;
  z-index: 1;
  width: 100%;
  box-sizing: border-box;
  color: var(--black);
  display: flex;
  flex-direction: column;
  gap: 4px;
  background-color: var(--white)
}

.text-onboard.svelte-mwt9o4.svelte-mwt9o4 {
  padding: 16px;
  background: linear-gradient(90deg, #f2f2f2 45%, rgba(252, 252, 253, 0) 100%)
}

.heading.svelte-mwt9o4.svelte-mwt9o4 {
  font-size: 1rem;
  font-weight: 600
}

.offer-tag-text.svelte-mwt9o4.svelte-mwt9o4 {
  padding: 4px;
  border-radius: 4px;
  font-size: 8px;
  font-weight: 600;
  background: linear-gradient(0deg, var(--Teal-50, #f0fdf9), var(--Teal-50, #f0fdf9)), linear-gradient(90deg, #ffffff 0%, rgba(255, 255, 255, 0) 100%);
  color: var(--Teal-500, #15b79e)
}

:root {
  --a5: #a5a5a5;
  --e0: #ededed;
  --red: #f73536;
  --green: #01b156;
  --bg-green: #e9f4ee;
  --primary-color: #0365d6;
  --d-red: #c90000;
  --green2: #0e9343;
  --green-text: #25d366;
  --green-text2: #005e2a;
  --light-grey: #f8f8f8;
  --error: #e31b1b;
  --white: #fff;
  --off-white: #f3f3f3;
  --b-white: #f8fafd;
  --black: #000;
  --black2: #050038;
  --blue: #004b8d;
  --gokwik-blue: #002e64;
  --light-blue: #0365d6;
  --vl-green: #e6f4ec;
  --d-blue: #050038;
  --m-blue: #13172d;
  --theme-color: #b12928;
  --m-grey: #979eb5;
  --yellow: #edde5d;
  --d-yellow: #f09819;
  --light-yellow: #fffcf8;
  --progress-green: #01b156;
  --light-green: #74ab6f;
  --off-white-pink: #fff9f9;
  --b-grey: #9babc5;
  --g-grey: #f9f9f9;
  --b-purple: #f3f2ff;
  --t-purple: #36325e;
  --circle-text: #c9c9c9;
  --grey-l: #909090;
  --white: #ffffff;
  --white-1: #f2f2f2;
  --secondaryColor: #e5e5e5;
  --grey-text: #00000099;
  --black28: #101828;
  --grey-blue-text: #697687;
  --m-teal: rgba(3, 182, 150, 1);
  --gokwik-dark-blue: #002e64;
  --teal-50: #f0fdf9;
  --l-grey: #697687;
  --bg-grey: #f9fbfc;
  --neutral-200: #d0d5da;
  --error-600: #dc2626;
  --error-700: #b91c1c;
  --error-15: #fff5f5;
  --error-100: #fef2f2;
  --warning: #b54708;
  --toast-green: #079455
}

.w-100.svelte-1blmupx.svelte-1blmupx.svelte-1blmupx {
  width: 100% !important
}

.continue-btn.svelte-1blmupx.svelte-1blmupx.svelte-1blmupx {
  position: fixed;
  bottom: 0px;
  left: 12px;
  right: 12px;
  z-index: 999;
  background: #fff
}

.input-error-message.svelte-1blmupx.svelte-1blmupx.svelte-1blmupx {
  margin-top: -8px;
  font-size: 12px;
  color: var(--error-600)
}

.city-error-message.svelte-1blmupx.svelte-1blmupx.svelte-1blmupx {
  display: block;
  margin-top: -10px;
  margin-bottom: 12px
}

.error-wrapper.svelte-1blmupx.svelte-1blmupx.svelte-1blmupx {
  border-color: var(--error-600) !important
}

.error-wrapper.svelte-1blmupx input.svelte-1blmupx.svelte-1blmupx {
  border-color: var(--error-600) !important
}

.warning-field.svelte-1blmupx.svelte-1blmupx.svelte-1blmupx {
  border-color: #df912c !important
}

.warning-field.svelte-1blmupx label.svelte-1blmupx.svelte-1blmupx {
  color: #df912c !important
}

.warning-text.svelte-1blmupx.svelte-1blmupx.svelte-1blmupx {
  color: #df912c !important
}

.no-mb.svelte-1blmupx.svelte-1blmupx.svelte-1blmupx {
  margin-bottom: 0px !important
}

.line-height.svelte-1blmupx.svelte-1blmupx.svelte-1blmupx {
  height: max-content;
  width: 100%;
  margin: 2rem 0
}

.address-type-text.svelte-1blmupx.svelte-1blmupx.svelte-1blmupx {
  color: var(--black2);
  font-size: 14px;
  line-height: 21px;
  margin-top: 0px
}

.button-group-wrap.svelte-1blmupx.svelte-1blmupx.svelte-1blmupx {
  display: flex;
  gap: 12px;
  padding: 12px 0 0 0
}

.button-group-wrap.svelte-1blmupx .add-type.svelte-1blmupx.svelte-1blmupx {
  position: relative
}

.button-group-wrap.svelte-1blmupx .add-type input[type=radio].svelte-1blmupx.svelte-1blmupx {
  display: none
}

.button-group-wrap.svelte-1blmupx .add-type label.svelte-1blmupx.svelte-1blmupx {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border: 1px solid #929ca8;
  color: var(--grey-l);
  padding: 8px 12px;
  border-radius: 12px;
  cursor: pointer;
  font-size: 13px;
  position: relative;
  min-width: 70px
}

.button-group-wrap.svelte-1blmupx .add-type label.svelte-1blmupx.svelte-1blmupx::before {
  content: "";
  width: 14px;
  height: 14px;
  border: 1.2px solid #000;
  border-radius: 50%;
  background-color: #fff;
  display: inline-block;
  position: absolute;
  right: 6px;
  top: 50%;
  transform: translateY(-50%)
}

.button-group-wrap.svelte-1blmupx .add-type label.svelte-1blmupx.svelte-1blmupx::after {
  content: "";
  width: 8px;
  height: 8px;
  background-color: #000;
  border-radius: 50%;
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  display: none
}

.button-group-wrap.svelte-1blmupx .add-type input[type=radio].svelte-1blmupx:checked+label.svelte-1blmupx {
  color: #000;
  border-color: #000
}

.button-group-wrap.svelte-1blmupx .add-type input[type=radio].svelte-1blmupx:checked+label.svelte-1blmupx::after {
  display: block
}

.button-group-wrap.svelte-1blmupx .add-type input[type=radio].svelte-1blmupx:checked+label.svelte-1blmupx::before {
  border-color: #000
}

.form-wrap.svelte-1blmupx.svelte-1blmupx.svelte-1blmupx {
  width: 100%
}

.form-wrap.svelte-1blmupx .line-inputs.svelte-1blmupx.svelte-1blmupx {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  gap: 12px
}

.form-wrap.svelte-1blmupx .line-inputs .floating-input-group.svelte-1blmupx.svelte-1blmupx {
  width: calc(50% - 6px)
}

.form-wrap.svelte-1blmupx .line-inputs .change-btn.svelte-1blmupx.svelte-1blmupx {
  position: absolute;
  right: 10px;
  border-radius: 10px;
  background: #e4e8eb;
  outline: none;
  font-size: 12px;
  border: none;
  padding: 3px 8px
}

.footer-wrapper.svelte-1blmupx.svelte-1blmupx.svelte-1blmupx {
  display: flex
}

.address-info.svelte-1blmupx.svelte-1blmupx.svelte-1blmupx {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: .3rem;
  font-size: 10px;
  margin-bottom: 1rem;
  line-height: 1.2
}

.loader.svelte-1blmupx.svelte-1blmupx.svelte-1blmupx {
  border: 4px solid #f3f3f3;
  border-top: 4px solid #007bff;
  border-radius: 50%;
  width: 20px;
  height: 20px;
  animation: svelte-1blmupx-spin 2s linear infinite;
  margin: auto
}

@keyframes svelte-1blmupx-spin {
  0% {
    transform: rotate(0deg)
  }

  100% {
    transform: rotate(360deg)
  }
}

.input-wrapper.svelte-1blmupx .input.svelte-1blmupx.svelte-1blmupx::placeholder {
  color: rgba(0, 0, 0, 0) !important
}

.input-wrapper.svelte-1blmupx .input.svelte-1blmupx.svelte-1blmupx:focus::placeholder {
  color: var(--grey-l) !important
}

.suggestion-box.svelte-1blmupx.svelte-1blmupx.svelte-1blmupx {
  top: calc(100% + 2px);
  width: 100%;
  max-height: 200px;
  border: 1px solid #ccc;
  background: #fff;
  overflow-y: auto;
  border-radius: 12px;
  z-index: 1000
}

.suggestion-item.svelte-1blmupx.svelte-1blmupx.svelte-1blmupx {
  padding: 12px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
  transition: background-color .3s;
  font-size: 12px;
  font-weight: 600
}

.suggestion-item.selected.svelte-1blmupx.svelte-1blmupx.svelte-1blmupx {
  background-color: #f0f0f0;
  color: #000
}

.suggestion-item.svelte-1blmupx.svelte-1blmupx.svelte-1blmupx:hover {
  background-color: #f0f0f0
}

.full-width.svelte-1blmupx.svelte-1blmupx.svelte-1blmupx {
  width: 100%;
  position: relative
}

:root {
  --a5: #a5a5a5;
  --e0: #ededed;
  --red: #f73536;
  --green: #01b156;
  --bg-green: #e9f4ee;
  --primary-color: #0365d6;
  --d-red: #c90000;
  --green2: #0e9343;
  --green-text: #25d366;
  --green-text2: #005e2a;
  --light-grey: #f8f8f8;
  --error: #e31b1b;
  --white: #fff;
  --off-white: #f3f3f3;
  --b-white: #f8fafd;
  --black: #000;
  --black2: #050038;
  --blue: #004b8d;
  --gokwik-blue: #002e64;
  --light-blue: #0365d6;
  --vl-green: #e6f4ec;
  --d-blue: #050038;
  --m-blue: #13172d;
  --theme-color: #b12928;
  --m-grey: #979eb5;
  --yellow: #edde5d;
  --d-yellow: #f09819;
  --light-yellow: #fffcf8;
  --progress-green: #01b156;
  --light-green: #74ab6f;
  --off-white-pink: #fff9f9;
  --b-grey: #9babc5;
  --g-grey: #f9f9f9;
  --b-purple: #f3f2ff;
  --t-purple: #36325e;
  --circle-text: #c9c9c9;
  --grey-l: #909090;
  --white: #ffffff;
  --white-1: #f2f2f2;
  --secondaryColor: #e5e5e5;
  --grey-text: #00000099;
  --black28: #101828;
  --grey-blue-text: #697687;
  --m-teal: rgba(3, 182, 150, 1);
  --gokwik-dark-blue: #002e64;
  --teal-50: #f0fdf9;
  --l-grey: #697687;
  --bg-grey: #f9fbfc;
  --neutral-200: #d0d5da;
  --error-600: #dc2626;
  --error-700: #b91c1c;
  --error-15: #fff5f5;
  --error-100: #fef2f2;
  --warning: #b54708;
  --toast-green: #079455
}

.address-card.svelte-r9ypec.svelte-r9ypec {
  margin-bottom: 15px
}

.address-card.svelte-r9ypec .add-info.svelte-r9ypec {
  position: relative;
  background: linear-gradient(90.03deg, #ffffff 0%, #ffffff 100%);
  border: 1px solid #929ca8;
  display: block;
  text-transform: capitalize
}

.address-card.selected-class.svelte-r9ypec .add-info.svelte-r9ypec {
  border-color: var(--primary-color)
}

.address-card.error-class.svelte-r9ypec .add-info.svelte-r9ypec {
  border-color: var(--error-700)
}

.address-card.svelte-r9ypec .deliver-btn.svelte-r9ypec {
  background: var(--error-15)
}

.address-type.svelte-r9ypec.svelte-r9ypec {
  background: #d5eaff;
  padding: 2px;
  border-radius: 4px
}

.address-details.svelte-r9ypec.svelte-r9ypec {
  margin-bottom: 4px
}

.address-text.svelte-r9ypec.svelte-r9ypec {
  word-wrap: break-word;
  overflow-wrap: break-word
}

.action-wrapper.svelte-r9ypec.svelte-r9ypec {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-end
}

.action-wrapper.svelte-r9ypec .dropdown-menu.svelte-r9ypec {
  position: absolute;
  top: 80%;
  right: 25px;
  background: #fff;
  border: 1px solid #ccc;
  box-shadow: 0 2px 6px rgba(0, 0, 0, .15);
  z-index: 999;
  min-width: 100px
}

.globalImg.svelte-r9ypec.svelte-r9ypec {
  background-repeat: no-repeat;
  cursor: pointer
}

.globalImg.threeDots.svelte-r9ypec.svelte-r9ypec {
  background-image: url(../assets/icons/threeDots.svg);
  height: 4px;
  width: 24px;
  background-position: center;
  padding: 12px
}

.globalImg.editIcon.svelte-r9ypec.svelte-r9ypec {
  background-image: url(../assets/icons/editIcon.svg);
  height: 4px;
  width: 24px;
  background-position: center;
  padding: 12px
}

.arrow.svelte-r9ypec.svelte-r9ypec {
  width: 11px;
  height: 6px;
  background-position: -199px -212px;
  transition: transform .3s ease
}

.arrow.rotate.svelte-r9ypec.svelte-r9ypec {
  transform: rotate(180deg)
}

.leading-indicator.svelte-r9ypec.svelte-r9ypec {
  background-color: #dbeaff !important;
  color: #3556b8 !important;
  border-radius: 8px;
  padding: 2px 4px;
  border: 1px solid #3556b8
}

.last-used.svelte-r9ypec.svelte-r9ypec {
  background-color: #ddfce7 !important;
  color: #166534 !important;
  border-radius: 8px;
  padding: 2px 4px;
  border: 1px solid #166534
}

.address-load-wrapper.svelte-1hrstws.svelte-1hrstws {
  display: flex;
  margin: 20px 0px;
  margin: auto;
  flex-direction: column
}

.lazy-load-wrapper.svelte-1hrstws.svelte-1hrstws {
  background: #fff;
  border-radius: 10px;
  flex-direction: column;
  margin: 10px 20px;
  display: flex;
  padding: 20px 15px 15px 15px;
  border: 1.5px #e6e6e9 solid;
  width: -webkit-fill-available
}

.lazy-load-wrapper.svelte-1hrstws .name.svelte-1hrstws {
  width: 120px;
  height: 22px;
  margin-bottom: 10px
}

.lazy-load-wrapper.svelte-1hrstws .address.svelte-1hrstws {
  width: 350px;
  height: 20px;
  margin-bottom: 10px;
  width: 270px
}

.lazy-load-wrapper.svelte-1hrstws .email.svelte-1hrstws {
  width: 200px;
  height: 18px
}

.title.svelte-1hrstws.svelte-1hrstws {
  height: 26px;
  width: 200px;
  margin: 5px 20px 0px 20px
}

.welcome-back.svelte-1hrstws.svelte-1hrstws {
  margin: 10px 20px;
  display: flex
}

.welcome-back.svelte-1hrstws .number.svelte-1hrstws {
  height: 18px;
  width: 250px;
  margin-right: 20px
}

.welcome-back.svelte-1hrstws .number-icon.svelte-1hrstws {
  height: 18px;
  width: 30px
}

.highlighted-message-wrapper.svelte-1426wgd.svelte-1426wgd {
  display: flex;
  justify-content: center;
  margin-bottom: 1rem;
  font-size: 14px;
  line-height: 1;
  text-align: left;
  padding: 0 20px
}

.highlighted-message-wrapper.payment-page.svelte-1426wgd.svelte-1426wgd {
  padding: 0
}

.highlighted-message-wrapper.svelte-1426wgd p.svelte-1426wgd {
  margin: 0;
  width: 100%;
  display: flex;
  align-items: center
}

.highlighted-message-wrapper.svelte-1426wgd .caution.svelte-1426wgd {
  font-size: 14px;
  margin-right: 5px;
  border: 1px solid gold;
  color: gold;
  line-height: normal;
  display: flex;
  padding: 0px 7px;
  border-radius: 10px;
  width: fit-content
}

.offer-strip.svelte-qqg24o.svelte-qqg24o {
  display: block;
  white-space: pre-line;
  align-items: center;
  font-size: 12px;
  color: var(--d-blue);
  background: linear-gradient(90deg, rgba(61, 167, 0, 0.14) 0%, rgba(64, 173, 0, 0.17) 46%, rgba(61, 167, 0, 0.14) 100%);
  padding: 4px;
  border-radius: 0;
  justify-content: center;
  text-align: center;
  margin: 0;
  width: 100%;
  box-sizing: border-box;
  overflow: hidden;
  position: relative
}

.offer-strip.svelte-qqg24o .carousel.svelte-qqg24o {
  width: 100%;
  overflow: hidden;
  position: relative
}

.offer-strip.svelte-qqg24o .track.svelte-qqg24o {
  display: flex;
  width: auto;
  align-items: flex-start
}

.offer-strip.svelte-qqg24o .banner-child.svelte-qqg24o {
  flex: 0 0 100%;
  width: 100%;
  display: block;
  white-space: normal;
  word-wrap: break-word;
  box-sizing: border-box;
  line-height: 1.4;
  padding: 0 8px;
  text-align: center
}

.loading-placeholder.svelte-rqn4hb {
  height: 100%;
  width: 100%;
  position: absolute;
  left: 0;
  top: 0
}

:root {
  --a5: #a5a5a5;
  --e0: #ededed;
  --red: #f73536;
  --green: #01b156;
  --bg-green: #e9f4ee;
  --primary-color: #0365d6;
  --d-red: #c90000;
  --green2: #0e9343;
  --green-text: #25d366;
  --green-text2: #005e2a;
  --light-grey: #f8f8f8;
  --error: #e31b1b;
  --white: #fff;
  --off-white: #f3f3f3;
  --b-white: #f8fafd;
  --black: #000;
  --black2: #050038;
  --blue: #004b8d;
  --gokwik-blue: #002e64;
  --light-blue: #0365d6;
  --vl-green: #e6f4ec;
  --d-blue: #050038;
  --m-blue: #13172d;
  --theme-color: #b12928;
  --m-grey: #979eb5;
  --yellow: #edde5d;
  --d-yellow: #f09819;
  --light-yellow: #fffcf8;
  --progress-green: #01b156;
  --light-green: #74ab6f;
  --off-white-pink: #fff9f9;
  --b-grey: #9babc5;
  --g-grey: #f9f9f9;
  --b-purple: #f3f2ff;
  --t-purple: #36325e;
  --circle-text: #c9c9c9;
  --grey-l: #909090;
  --white: #ffffff;
  --white-1: #f2f2f2;
  --secondaryColor: #e5e5e5;
  --grey-text: #00000099;
  --black28: #101828;
  --grey-blue-text: #697687;
  --m-teal: rgba(3, 182, 150, 1);
  --gokwik-dark-blue: #002e64;
  --teal-50: #f0fdf9;
  --l-grey: #697687;
  --bg-grey: #f9fbfc;
  --neutral-200: #d0d5da;
  --error-600: #dc2626;
  --error-700: #b91c1c;
  --error-15: #fff5f5;
  --error-100: #fef2f2;
  --warning: #b54708;
  --toast-green: #079455
}

.text-error.svelte-1sa2txb {
  width: 100%;
  text-align: center;
  color: var(--error);
  font-size: 12px;
  line-height: 12px;
  font-weight: 400
}

.discount-text-wrapper.svelte-z1aj3w {
  background-color: #fff1cd;
  color: #703100;
  padding: 4px 2px 2px 2px;
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
  text-align: center
}

.main-section.svelte-16er6fp.svelte-16er6fp {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center
}

.poweredBy-img.svelte-16er6fp.svelte-16er6fp {
  width: 250px;
  height: 100px
}

.footer-section.svelte-16er6fp.svelte-16er6fp {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: .5rem
}

.footer-section.svelte-16er6fp .icon.svelte-16er6fp {
  width: 60px;
  height: 25px
}

.footer-section.svelte-16er6fp .icon.pciDss.svelte-16er6fp {
  background-position: -1px -26px
}

.footer-section.svelte-16er6fp .icon.securedPayments.svelte-16er6fp {
  background-position: -62px -26px
}

.footer-section.svelte-16er6fp .icon.verified.svelte-16er6fp {
  background-position: -124px -26px
}

.request-text.svelte-16er6fp.svelte-16er6fp {
  font-size: 8px;
  color: #929ca8
}

a.svelte-16er6fp.svelte-16er6fp {
  color: inherit
}

.timer-value.svelte-1teb4b8.svelte-1teb4b8 {
  position: relative
}

.timer-value.svelte-1teb4b8 p.svelte-1teb4b8 {
  color: #697687;
  margin: 0px
}

.timer-value.svelte-1teb4b8 .count.svelte-1teb4b8 {
  color: #697687
}

.resend-button.svelte-1teb4b8.svelte-1teb4b8 {
  display: inline-flex;
  bottom: 0;
  right: 0;
  background: none;
  border: none
}

.hide.svelte-1teb4b8.svelte-1teb4b8 {
  display: none
}

.skip-wrapper.svelte-1teb4b8.svelte-1teb4b8 {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center
}

.tooltip-container.svelte-1teb4b8.svelte-1teb4b8 {
  position: absolute;
  bottom: 8px;
  z-index: 10;
  display: flex;
  flex-direction: column;
  align-items: center
}

.tooltip-arrow.svelte-1teb4b8.svelte-1teb4b8 {
  width: 10px;
  height: 10px;
  background: #e5e7eb;
  transform: rotate(45deg);
  margin-bottom: -4px
}

.tooltip-box.svelte-1teb4b8.svelte-1teb4b8 {
  background: #e5e7eb;
  font-size: 12px;
  padding: 4px 12px;
  border-radius: 8px;
  text-align: center;
  line-height: 16px
}

:root {
  --a5: #a5a5a5;
  --e0: #ededed;
  --red: #f73536;
  --green: #01b156;
  --bg-green: #e9f4ee;
  --primary-color: #0365d6;
  --d-red: #c90000;
  --green2: #0e9343;
  --green-text: #25d366;
  --green-text2: #005e2a;
  --light-grey: #f8f8f8;
  --error: #e31b1b;
  --white: #fff;
  --off-white: #f3f3f3;
  --b-white: #f8fafd;
  --black: #000;
  --black2: #050038;
  --blue: #004b8d;
  --gokwik-blue: #002e64;
  --light-blue: #0365d6;
  --vl-green: #e6f4ec;
  --d-blue: #050038;
  --m-blue: #13172d;
  --theme-color: #b12928;
  --m-grey: #979eb5;
  --yellow: #edde5d;
  --d-yellow: #f09819;
  --light-yellow: #fffcf8;
  --progress-green: #01b156;
  --light-green: #74ab6f;
  --off-white-pink: #fff9f9;
  --b-grey: #9babc5;
  --g-grey: #f9f9f9;
  --b-purple: #f3f2ff;
  --t-purple: #36325e;
  --circle-text: #c9c9c9;
  --grey-l: #909090;
  --white: #ffffff;
  --white-1: #f2f2f2;
  --secondaryColor: #e5e5e5;
  --grey-text: #00000099;
  --black28: #101828;
  --grey-blue-text: #697687;
  --m-teal: rgba(3, 182, 150, 1);
  --gokwik-dark-blue: #002e64;
  --teal-50: #f0fdf9;
  --l-grey: #697687;
  --bg-grey: #f9fbfc;
  --neutral-200: #d0d5da;
  --error-600: #dc2626;
  --error-700: #b91c1c;
  --error-15: #fff5f5;
  --error-100: #fef2f2;
  --warning: #b54708;
  --toast-green: #079455
}

.continue-button.svelte-4cs780 {
  display: inline-flex;
  width: 100%;
  height: 50px;
  align-items: center;
  font-size: 16px;
  border-radius: 8px;
  min-height: 60px;
  color: #fff;
  justify-content: center;
  background: var(--light-blue);
  border: none
}

.footer.svelte-4cs780 {
  background: var(--g-grey);
  width: 100%;
  padding: 1rem;
  box-sizing: border-box;
  position: relative
}

@keyframes svelte-4cs780-placeHolderShimmer {
  0% {
    background-position: -800px 0
  }

  100% {
    background-position: 800px 0
  }
}

:root {
  --a5: #a5a5a5;
  --e0: #ededed;
  --red: #f73536;
  --green: #01b156;
  --bg-green: #e9f4ee;
  --primary-color: #0365d6;
  --d-red: #c90000;
  --green2: #0e9343;
  --green-text: #25d366;
  --green-text2: #005e2a;
  --light-grey: #f8f8f8;
  --error: #e31b1b;
  --white: #fff;
  --off-white: #f3f3f3;
  --b-white: #f8fafd;
  --black: #000;
  --black2: #050038;
  --blue: #004b8d;
  --gokwik-blue: #002e64;
  --light-blue: #0365d6;
  --vl-green: #e6f4ec;
  --d-blue: #050038;
  --m-blue: #13172d;
  --theme-color: #b12928;
  --m-grey: #979eb5;
  --yellow: #edde5d;
  --d-yellow: #f09819;
  --light-yellow: #fffcf8;
  --progress-green: #01b156;
  --light-green: #74ab6f;
  --off-white-pink: #fff9f9;
  --b-grey: #9babc5;
  --g-grey: #f9f9f9;
  --b-purple: #f3f2ff;
  --t-purple: #36325e;
  --circle-text: #c9c9c9;
  --grey-l: #909090;
  --white: #ffffff;
  --white-1: #f2f2f2;
  --secondaryColor: #e5e5e5;
  --grey-text: #00000099;
  --black28: #101828;
  --grey-blue-text: #697687;
  --m-teal: rgba(3, 182, 150, 1);
  --gokwik-dark-blue: #002e64;
  --teal-50: #f0fdf9;
  --l-grey: #697687;
  --bg-grey: #f9fbfc;
  --neutral-200: #d0d5da;
  --error-600: #dc2626;
  --error-700: #b91c1c;
  --error-15: #fff5f5;
  --error-100: #fef2f2;
  --warning: #b54708;
  --toast-green: #079455
}

.bottom-continue.svelte-qbmzln.svelte-qbmzln {
  display: inline-flex;
  position: absolute;
  bottom: 0;
  right: 0;
  left: 0;
  align-items: center;
  color: #fff;
  justify-content: center;
  background: var(--light-blue);
  border: none;
  margin: 12px
}

.continue-button.svelte-qbmzln.svelte-qbmzln {
  display: inline-flex;
  width: 100%;
  align-items: center;
  color: #fff;
  justify-content: center;
  background: black;
  border: none
}

.button-disabled.svelte-qbmzln.svelte-qbmzln {
  opacity: .4;
  pointer-events: none;
  cursor: auto
}

.onpl-styles.svelte-qbmzln.svelte-qbmzln {
  font-size: 14px;
  min-height: 48px
}

.price-container.svelte-qbmzln.svelte-qbmzln {
  display: flex;
  flex-direction: row;
  gap: 8px
}

.price-container.svelte-qbmzln .total-price.svelte-qbmzln {
  font-weight: 500;
  display: flex;
  align-items: center;
  gap: 6px
}

.price-container.svelte-qbmzln .total-price .compared-price.svelte-qbmzln {
  font-size: 14px;
  text-align: left
}

.price-container.svelte-qbmzln .total-price.new.svelte-qbmzln {
  font-size: 12px;
  font-weight: 600
}

.price-container.svelte-qbmzln .total-price.new .compared-price.svelte-qbmzln {
  font-size: 11px;
  font-weight: 500
}

.redirection-msg.svelte-z3hbck.svelte-z3hbck {
  font-size: .75rem;
  text-align: center
}

.redirection-msg.svelte-z3hbck .redirect-timer.svelte-z3hbck {
  color: var(--green2);
  font-size: .8rem;
  font-weight: 800
}

:root {
  --a5: #a5a5a5;
  --e0: #ededed;
  --red: #f73536;
  --green: #01b156;
  --bg-green: #e9f4ee;
  --primary-color: #0365d6;
  --d-red: #c90000;
  --green2: #0e9343;
  --green-text: #25d366;
  --green-text2: #005e2a;
  --light-grey: #f8f8f8;
  --error: #e31b1b;
  --white: #fff;
  --off-white: #f3f3f3;
  --b-white: #f8fafd;
  --black: #000;
  --black2: #050038;
  --blue: #004b8d;
  --gokwik-blue: #002e64;
  --light-blue: #0365d6;
  --vl-green: #e6f4ec;
  --d-blue: #050038;
  --m-blue: #13172d;
  --theme-color: #b12928;
  --m-grey: #979eb5;
  --yellow: #edde5d;
  --d-yellow: #f09819;
  --light-yellow: #fffcf8;
  --progress-green: #01b156;
  --light-green: #74ab6f;
  --off-white-pink: #fff9f9;
  --b-grey: #9babc5;
  --g-grey: #f9f9f9;
  --b-purple: #f3f2ff;
  --t-purple: #36325e;
  --circle-text: #c9c9c9;
  --grey-l: #909090;
  --white: #ffffff;
  --white-1: #f2f2f2;
  --secondaryColor: #e5e5e5;
  --grey-text: #00000099;
  --black28: #101828;
  --grey-blue-text: #697687;
  --m-teal: rgba(3, 182, 150, 1);
  --gokwik-dark-blue: #002e64;
  --teal-50: #f0fdf9;
  --l-grey: #697687;
  --bg-grey: #f9fbfc;
  --neutral-200: #d0d5da;
  --error-600: #dc2626;
  --error-700: #b91c1c;
  --error-15: #fff5f5;
  --error-100: #fef2f2;
  --warning: #b54708;
  --toast-green: #079455
}

.small-loader.svelte-1fux78g.svelte-1fux78g {
  transform: scale(0.5);
  animation: 0 !important
}

.small-loader.svelte-1fux78g .path.svelte-1fux78g {
  stroke: var(--white) !important
}

.spinner.svelte-1fux78g.svelte-1fux78g {
  animation: svelte-1fux78g-rotate 2s linear infinite;
  width: 50px;
  height: 50px
}

.spinner.svelte-1fux78g .path.svelte-1fux78g {
  stroke: var(--blue);
  stroke-linecap: round;
  animation: svelte-1fux78g-dash 1.5s ease-in-out infinite
}

@keyframes svelte-1fux78g-rotate {
  100% {
    transform: rotate(360deg)
  }
}

@keyframes svelte-1fux78g-dash {
  0% {
    stroke-dasharray: 1, 150;
    stroke-dashoffset: 0
  }

  50% {
    stroke-dasharray: 90, 150;
    stroke-dashoffset: -35
  }

  100% {
    stroke-dasharray: 90, 150;
    stroke-dashoffset: -124
  }
}

.custom-loader.svelte-1fux78g.svelte-1fux78g {
  width: 25px;
  height: 25px
}

.info-text-container.svelte-c1kro1 {
  text-align: center;
  width: 100%;
  margin: 0 auto;
  max-width: 100%
}

a.svelte-c1kro1 {
  color: inherit
}

.btnIcon.upi.svelte-1rv347s {
  transform: translate(-72px, 0px)
}

.btnIcon.emi.svelte-1rv347s {
  transform: translate(-176px, -31px)
}

.btnIcon.emi-bajajf.svelte-1rv347s {
  transform: translate(-205px, -31px)
}

.btnIcon.cards.svelte-1rv347s {
  transform: translate(-24px, 0px)
}

.btnIcon.wallet.svelte-1rv347s {
  transform: translate(-48px, 0px)
}

.btnIcon.netbanking.svelte-1rv347s {
  transform: translate(0px, 0px)
}

.btnIcon.cod.svelte-1rv347s {
  transform: translate(-96px, 0px)
}

.btnIcon.ppcod.svelte-1rv347s {
  transform: translate(-192px, 0px)
}

.btnIcon.snapmint.svelte-1rv347s {
  transform: translate(-168px, 0px)
}

.btnIcon.credpay.svelte-1rv347s {
  transform: translate(-216px, 0px)
}

.btnIcon.bharatxpay.svelte-1rv347s,
.btnIcon.emi-zestmoney.svelte-1rv347s,
.btnIcon.bnpl-tatapay.svelte-1rv347s,
.btnIcon.bnpl.svelte-1rv347s {
  transform: translate(-120px, 0px)
}

.btnIcon.arrow.svelte-1rv347s {
  transform: translate(-246px, -4px)
}

.btnIcon.bnpl-lazypay.svelte-1rv347s {
  transform: translate(-264px, 0px)
}

.btnIcon.bnpl-amazonpay.svelte-1rv347s {
  transform: translate(-146px, -30px)
}

.btnIcon.initiate.svelte-1rv347s {
  transform: translate(-288px, 0px)
}

.btnIcon.pending.svelte-1rv347s {
  transform: translate(-312px, 0px)
}

.btnIcon.fail.svelte-1rv347s {
  transform: translate(-336px, 0px)
}

.btnIcon.grid.svelte-1rv347s {
  transform: translate(-360px, 0px)
}

.btnIcon.rupee-icon.svelte-1rv347s {
  transform: translate(0px, -24px)
}

.btnIcon.interest-icon.svelte-1rv347s {
  transform: translate(-36px, -24px)
}

.btnIcon.pay-icon.svelte-1rv347s {
  transform: translate(-72px, -24px)
}

.btnIcon.no-extra-icon.svelte-1rv347s {
  transform: translate(-108px, -24px)
}

.btnIcon.progress-circle-fill-1.svelte-1rv347s,
.btnIcon.progress-circle-fill-2.svelte-1rv347s,
.btnIcon.progress-circle-fill-3.svelte-1rv347s {
  transform: translate(-232px, -27px)
}

.btnIcon.bnpl-gk.svelte-1rv347s {
  transform: translate(-274px, -32px)
}

.btnIcon.simplpayin3.svelte-1rv347s {
  transform: translate(-295px, -30px)
}

.btnIcon.bnpl-simplpay.svelte-1rv347s {
  transform: translate(-295px, -30px)
}

.gst-popup.svelte-1si4msy.svelte-1si4msy {
  margin-bottom: 55px
}

.gst-popup.svelte-1si4msy .input-error-message.svelte-1si4msy {
  margin-top: -8px;
  margin-right: auto;
  padding: 0 5px 10px 5px;
  color: var(--d-red)
}

.line.svelte-1si4msy.svelte-1si4msy {
  flex-grow: 1;
  border-bottom: 1px solid #d1d1d1
}

.gst-continue-button.svelte-1si4msy.svelte-1si4msy {
  position: fixed;
  bottom: 0px;
  left: 12px;
  right: 12px;
  z-index: 999;
  background: #fff
}

.gst-continue-button.svelte-1si4msy button.svelte-1si4msy {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: none;
  color: #fff
}

.disabled.svelte-1si4msy.svelte-1si4msy {
  opacity: .4;
  pointer-events: none;
  cursor: auto
}

.tooltip-wrapper.svelte-1si4msy.svelte-1si4msy {
  position: relative;
  width: 100%;
  min-height: 32px
}

.tooltip.svelte-1si4msy.svelte-1si4msy {
  background-color: #e5e7eb
}

.tooltip.svelte-1si4msy.svelte-1si4msy::before {
  content: "";
  position: absolute;
  top: -6px;
  left: 10%;
  transform: translateX(-50%);
  border-left: 6px solid rgba(0, 0, 0, 0);
  border-right: 6px solid rgba(0, 0, 0, 0);
  border-bottom: 6px solid #e5e7eb
}

.discountIconGreen.svelte-1si4msy.svelte-1si4msy {
  width: 19px;
  height: 21px;
  background-position: -123px -402px
}

.gst-verified.svelte-1si4msy.svelte-1si4msy {
  position: absolute;
  top: 12px;
  right: 10px
}

.phone-number-strip-wrapper.svelte-1qck6u9 .globalImg.phone.svelte-1qck6u9 {
  width: 24px;
  height: 24px;
  background-position: -48px -400px
}

.phone-number-strip-wrapper.payment-page.svelte-1qck6u9.svelte-1qck6u9 {
  padding: 0px;
  display: inline-flex
}

.phone-number-strip-wrapper.svelte-1qck6u9 .edit-button.svelte-1qck6u9 {
  padding: 0;
  margin: 0;
  border: none
}

.payment-container.svelte-1ong0vy.svelte-1ong0vy {
  width: 100%;
  height: auto;
  max-height: initial;
  box-sizing: border-box;
  padding: 5px 15px;
  margin: 5px 0;
  overflow-y: auto
}

.payment-container.full-width.svelte-1ong0vy.svelte-1ong0vy {
  width: 100%;
  max-width: 100%
}

.payment-container.svelte-1ong0vy .title.svelte-1ong0vy {
  width: 100%;
  max-width: 300px;
  height: 15px;
  margin: 0 auto 1rem
}

.payment-container.svelte-1ong0vy .button-group.svelte-1ong0vy {
  width: 100%;
  gap: .6rem;
  display: flex;
  box-sizing: border-box;
  flex-wrap: wrap;
  justify-content: center
}

.payment-container.svelte-1ong0vy .button-group .button.svelte-1ong0vy {
  width: calc(50% - .3rem);
  height: 60px;
  width: 100%
}

.payment-container.svelte-1ong0vy .cod-info.svelte-1ong0vy {
  width: 65%;
  height: 10px;
  margin: 1rem auto
}

.upsell-section.svelte-vsrl2i.svelte-vsrl2i {
  margin: 12px;
  background: #fdf6e0;
  padding: 0 0 16px 0px;
  border: 1px solid rgba(0, 0, 0, .05);
  border-radius: 12px
}

.upsell-title.svelte-vsrl2i.svelte-vsrl2i {
  color: #c27b14
}

.upsell-carousel.svelte-vsrl2i.svelte-vsrl2i {
  display: flex;
  gap: 13px;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  align-items: stretch;
  margin: 0 13px
}

.upsell-card.svelte-vsrl2i.svelte-vsrl2i {
  width: 296px;
  max-width: 300px;
  min-width: 230px;
  flex: 0 0 auto;
  height: 100px;
  background: #fff;
  border-radius: 12px;
  display: flex;
  flex-direction: row;
  padding: 12px;
  gap: 8px;
  align-items: flex-start;
  position: relative;
  border: 1px solid #e4e8eb;
  scroll-snap-align: start;
  overflow: visible;
  height: fit-content;
}

@media(min-width: 800px) {
  .upsell-card.svelte-vsrl2i.svelte-vsrl2i {
    width: 32vw;
    min-width: 260px;
    max-width: 340px
  }
}

.img-col.svelte-vsrl2i.svelte-vsrl2i {
  display: flex;
  align-items: center;
  margin-top: 0;
  flex: 0 0 32%;
  height: 100%;
  overflow: hidden
}

.product-image.svelte-vsrl2i.svelte-vsrl2i {
  width: 100%;
  height: 100%;
  object-fit: fill;
  margin-top: 0;
  border-radius: 8px
}

.meta-col.svelte-vsrl2i.svelte-vsrl2i {
  flex: 1 0 0;
  display: flex;
  flex-direction: column;
  gap: 8px;
  align-items: flex-start
}

.price-stack.svelte-vsrl2i.svelte-vsrl2i {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 4px
}

.price-top-row.svelte-vsrl2i.svelte-vsrl2i {
  display: flex;
  align-items: center;
  gap: 6px;
  flex-wrap: nowrap
}

.discount-badge.svelte-vsrl2i.svelte-vsrl2i {
  padding: 2px 4px;
  border-radius: 4px;
  background: #079455;
  color: #fff;
  font-size: 12px;
  font-weight: 500;
  line-height: 16px
}

.original-price.svelte-vsrl2i.svelte-vsrl2i {
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  color: #697687;
  text-decoration: line-through
}

.discounted-price.svelte-vsrl2i.svelte-vsrl2i {
  font-size: 14px;
  font-weight: 500;
  color: #000;
  line-height: 18px
}

.product-title-wrapper.svelte-vsrl2i.svelte-vsrl2i {
  position: relative;
  display: inline-block
}

.product-title.svelte-vsrl2i.svelte-vsrl2i {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  max-height: 36px;
  font-size: 14px;
  font-weight: 400;
  color: #000;
  line-height: 18px;
  overflow: hidden;
  text-overflow: ellipsis;
  margin: 0;
  word-break: break-word;
  min-width: 40px
}

.add-btn.svelte-vsrl2i.svelte-vsrl2i {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 8px;
  border: 1px solid #000;
  border-radius: 8px;
  background: #fff;
  color: #000;
  font-size: 12px;
  font-weight: 600;
  cursor: pointer;
  white-space: nowrap;
  transition: background .15s
}

.add-btn.svelte-vsrl2i.svelte-vsrl2i:hover {
  background: #f5f5f5
}

.custom-hover-title.svelte-vsrl2i.svelte-vsrl2i {
  display: none;
  position: absolute;
  left: 50%;
  top: -100%;
  transform: translateX(-60%) translateY(50px);
  z-index: 100;
  max-width: 250px;
  width: 180px;
  background: #fff;
  color: #222;
  border-radius: 8px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, .12);
  padding: 8px 14px;
  font-size: 15px;
  font-weight: 400;
  white-space: normal;
  word-break: break-word;
  pointer-events: none;
  font-family: inherit;
  transition: opacity .15s;
  opacity: 0
}

.product-title-wrapper.svelte-vsrl2i:hover .custom-hover-title.svelte-vsrl2i {
  display: block;
  opacity: 1
}

.resend-timer.svelte-t94ziw.svelte-t94ziw {
  display: block;
  font-size: 14px;
  text-align: center
}

.resend-timer.svelte-t94ziw span.svelte-t94ziw {
  margin-left: 5px;
  color: var(--green2)
}

.edit-phone.svelte-t94ziw.svelte-t94ziw {
  display: flex;
  justify-content: space-between
}

.edit-phone.svelte-t94ziw .send-btn.svelte-t94ziw {
  box-sizing: border-box;
  cursor: pointer;
  font-size: 12px;
  font-weight: 500;
  border: 1px solid var(--black);
  border-radius: 8px;
  padding: 0px 10px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: var(--black);
  width: 90px
}

.send-btn.disabled.svelte-t94ziw.svelte-t94ziw {
  opacity: .5;
  cursor: default
}

.edit-phone-wrap.svelte-t94ziw.svelte-t94ziw {
  display: flex;
  align-items: center;
  border-bottom: 1px solid #979eb5;
  width: 100%;
  min-height: 30px;
  flex-wrap: nowrap !important
}

.country-code.svelte-t94ziw.svelte-t94ziw {
  font-size: 1rem;
  color: var(--blue);
  width: 54px
}

.phone-input.svelte-t94ziw.svelte-t94ziw {
  border: none;
  color: var(--blue);
  width: calc(100% - 42px) !important;
  background: none;
  font-size: 1rem
}

.edit-phone-container.svelte-t94ziw.svelte-t94ziw {
  width: calc(100% - 100px);
  display: flex
}

.link-header-text.svelte-t94ziw.svelte-t94ziw {
  font-size: 15px;
  line-height: 24px;
  color: var(--black);
  font-weight: 500;
  padding: 2px
}

.other-upi-btn.svelte-bl064j.svelte-bl064j {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-weight: 500;
  background: #fff;
  font-size: 14px;
  padding: 12px 10px
}

.other-upi-btn.svelte-bl064j .btn-label.svelte-bl064j {
  font-size: 14px;
  text-align: start
}

.other-upi-btn.compact.svelte-bl064j.svelte-bl064j {
  border-radius: 0 !important
}

.other-upi-btn.compact.svelte-bl064j .btn-label.svelte-bl064j {
  font-size: 12px
}

.other-upi-btn.compact.svelte-bl064j.svelte-bl064j:not(:first-child) {
  border-top: 0
}

.other-upi-btn.compact.svelte-bl064j.svelte-bl064j:first-child {
  border-radius: 12px 12px 0 0 !important
}

.other-upi-btn.compact.svelte-bl064j.svelte-bl064j:last-child {
  border-radius: 0 0 12px 12px !important
}

.other-upi-btn.svelte-bl064j .inner.svelte-bl064j {
  display: flex;
  align-items: center;
  gap: 4px
}

.other-upi-btn.svelte-bl064j .inner .offer-text.svelte-bl064j {
  font-weight: 500;
  font-size: 10px;
  line-height: 14px;
  color: #067647;
  overflow: hidden;
  position: relative;
  white-space: nowrap;
  margin-top: 4px
}

.other-upi-btn.svelte-bl064j .inner .psp-offer-text.svelte-bl064j {
  background: #ecfdf3;
  margin-left: .5rem;
  border: 1px solid #039855;
  border-radius: 12px;
  color: #039855;
  padding: 3px 6px;
  font-size: 9px;
  line-height: 10px
}

.other-upi-btn.svelte-bl064j .inner .img-wrap.svelte-bl064j {
  width: 30px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 30px
}

.other-upi-btn.svelte-bl064j .inner .img-wrap.upi.svelte-bl064j {
  width: 30px
}

.other-upi-btn.svelte-bl064j .inner .globalImg.svelte-bl064j {
  transform: scale(1.3);
  -webkit-transform: scale(1.3);
  -moz-transform: scale(1.3)
}

.other-upi-btn.svelte-bl064j .inner .globalImg.upi.svelte-bl064j {
  background-position: -24px -266px
}

.other-upi-btn.svelte-bl064j .inner .globalImg.paytm-icon.svelte-bl064j,
.other-upi-btn.svelte-bl064j .inner .globalImg.jupiterUpi-icon.svelte-bl064j,
.other-upi-btn.svelte-bl064j .inner .globalImg.mobikwik-icon.svelte-bl064j,
.other-upi-btn.svelte-bl064j .inner .globalImg.airtelUpi-icon.svelte-bl064j,
.other-upi-btn.svelte-bl064j .inner .globalImg.bhim-icon.svelte-bl064j {
  transform: scale(1);
  -webkit-transform: scale(1);
  -moz-transform: scale(1)
}

.other-upi-btn.svelte-bl064j .inner .globalImg.bajaj-icon.svelte-bl064j,
.other-upi-btn.svelte-bl064j .inner .globalImg.kiwi-icon.svelte-bl064j,
.other-upi-btn.svelte-bl064j .inner .globalImg.supermoney-icon.svelte-bl064j {
  transform: scale(1.25);
  -webkit-transform: scale(1.25);
  -moz-transform: scale(1.25)
}

.other-upi-btn.svelte-bl064j .inner .globalImg.lxme-icon.svelte-bl064j,
.other-upi-btn.svelte-bl064j .inner .globalImg.fampay-icon.svelte-bl064j {
  transform: scale(0.7);
  -webkit-transform: scale(0.7);
  -moz-transform: scale(0.7)
}

.other-upi-btn.svelte-bl064j .inner .globalImg.credpay-icon.svelte-bl064j {
  transform: scale(0.8);
  -webkit-transform: scale(0.8);
  -moz-transform: scale(0.8)
}

.other-upi-btn.svelte-bl064j .inner .globalImg.amazonpay-icon.svelte-bl064j {
  transform: scale(0.9);
  -webkit-transform: scale(0.9);
  -moz-transform: scale(0.9)
}

.other-upi-btn.svelte-bl064j .inner .globalImg.popUpi-icon.svelte-bl064j {
  transform: scale(0.65);
  -webkit-transform: scale(0.65);
  -moz-transform: scale(0.65)
}

.other-upi-btn.svelte-bl064j .inner .globalImg.navi-icon.svelte-bl064j {
  transform: scale(0.6);
  -webkit-transform: scale(0.6);
  -moz-transform: scale(0.6)
}

.other-upi-btn.svelte-bl064j .arrow.svelte-bl064j {
  width: 10px;
  height: 12px;
  background-position: -185px -33px;
  scale: .8
}

.width-fix.svelte-bl064j.svelte-bl064j {
  width: 90% !important
}

.new-layout.svelte-bl064j.svelte-bl064j {
  border: 1px solid #e4e8eb !important;
  border-radius: .5rem !important
}

.new-offer-text.svelte-bl064j.svelte-bl064j {
  margin-top: 0 !important;
  width: 104px;
  overflow: hidden !important;
  white-space: nowrap !important;
  text-overflow: ellipsis !important
}

.blue-bold.svelte-n5wyrj {
  color: var(--blue);
  font-weight: 700;
  font-size: 1.2rem
}

.offer.svelte-n5wyrj {
  display: flex;
  align-items: center;
  padding: 10px 10px 10px 0px
}

.time.svelte-n5wyrj {
  color: var(--red);
  padding-left: 5px;
  padding-right: 5px
}

.qr-time.svelte-n5wyrj {
  font-weight: 600
}

.qr-message.svelte-n5wyrj {
  background: #e5e7eb;
  padding: 4px 12px;
  border-radius: 8px;
  text-align: center;
  font-size: 12px;
  position: relative
}

.qr-message.svelte-n5wyrj::after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border-left: 6px solid rgba(0, 0, 0, 0);
  border-right: 6px solid rgba(0, 0, 0, 0);
  border-bottom: 6px solid #e5e7eb;
  top: -6px;
  left: 50%;
  transform: translateX(-50%)
}

.warining-timer.svelte-n5wyrj {
  color: var(--d-yellow);
  display: flex
}

.app-not-found.svelte-1lut1nm.svelte-1lut1nm.svelte-1lut1nm {
  display: flex;
  align-items: center;
  gap: 10px;
  min-height: 52px;
  padding: 0 8px;
  font-size: 13px;
  font-weight: 500
}

.app-not-found.svelte-1lut1nm .app-not-found-text.svelte-1lut1nm.svelte-1lut1nm {
  line-height: 18px
}

.custom-bottom-sheet-height {
  min-height: 10vh !important
}

.container.svelte-1lut1nm.svelte-1lut1nm.svelte-1lut1nm {
  padding: .5rem;
  border-radius: 1rem;
  box-sizing: border-box;
  background: var(--white);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  min-height: inherit
}

.header.svelte-1lut1nm.svelte-1lut1nm.svelte-1lut1nm {
  font-weight: 600;
  position: absolute;
  top: 0px;
  display: flex;
  flex-direction: column;
  background: #f6fef9;
  left: 0;
  right: 0;
  padding: 12px 10px 10px;
  gap: 2px
}

.header.svelte-1lut1nm .title.svelte-1lut1nm.svelte-1lut1nm {
  font-size: 16px;
  line-height: 14px;
  letter-spacing: .2px
}

.header.svelte-1lut1nm .price.svelte-1lut1nm.svelte-1lut1nm {
  font-size: 10px;
  line-height: 18px;
  letter-spacing: 0%;
  text-align: left;
  color: var(--Teal-500, #15b79e)
}

.header.svelte-1lut1nm .price.svelte-1lut1nm .compared-price.svelte-1lut1nm {
  font-size: 12px
}

.content-wrapper.svelte-1lut1nm.svelte-1lut1nm.svelte-1lut1nm {
  width: 100%;
  margin-top: 42px;
  display: flex;
  flex-direction: column;
  gap: 12px
}

.content-wrapper.svelte-1lut1nm .sub-title.svelte-1lut1nm.svelte-1lut1nm {
  font-weight: 500;
  font-size: 12px;
  line-height: 14px;
  letter-spacing: 0%;
  text-transform: uppercase;
  color: var(--Gray-500, #667085)
}

.btn.svelte-1lut1nm.svelte-1lut1nm.svelte-1lut1nm {
  position: relative;
  box-sizing: border-box;
  text-transform: capitalize;
  flex: 1;
  font-size: 14px;
  border-radius: 12px;
  padding: 0px;
  font-weight: 500;
  min-height: 52px;
  max-height: 60px;
  box-shadow: rgba(99, 99, 99, .2) 0px 2px 8px 0px;
  background-color: var(--gokwik-blue);
  color: #fff;
  border: none
}

.inner-wrapper.svelte-1lut1nm.svelte-1lut1nm.svelte-1lut1nm {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px
}

.inner.svelte-1lut1nm.svelte-1lut1nm.svelte-1lut1nm {
  display: flex;
  align-items: center;
  gap: 4px;
  padding: 4px;
  box-sizing: border-box;
  font-weight: 600;
  font-size: 14px
}

.inner.svelte-1lut1nm .btn-label.svelte-1lut1nm.svelte-1lut1nm {
  font-weight: 400
}

.inner.svelte-1lut1nm .psp-offer-text.svelte-1lut1nm.svelte-1lut1nm {
  background: #ecfdf3;
  margin-left: .5rem;
  border: 1px solid #039855;
  border-radius: 12px;
  color: #039855;
  padding: 3px 6px;
  font-size: 9px;
  line-height: 10px
}

.img-wrap.svelte-1lut1nm.svelte-1lut1nm.svelte-1lut1nm {
  width: 26px;
  height: 26px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #fff;
  border-radius: 50%;
  overflow: hidden
}

.img-wrap.upi.svelte-1lut1nm.svelte-1lut1nm.svelte-1lut1nm {
  width: 60px
}

.upi-img.upi.svelte-1lut1nm.svelte-1lut1nm.svelte-1lut1nm {
  width: 30px;
  background-position: -24px -266px
}

.upi-img.credpay-icon.svelte-1lut1nm.svelte-1lut1nm.svelte-1lut1nm {
  transform: scale(1.1);
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  transform: translate(1px);
  -webkit-transform: translate(1px);
  -moz-transform: translate(1px)
}

.upi-img.lxme-icon.svelte-1lut1nm.svelte-1lut1nm.svelte-1lut1nm {
  transform: scale(0.95);
  -webkit-transform: scale(0.95);
  -moz-transform: scale(0.95);
  transform: translate(-1px);
  -webkit-transform: translate(-1px);
  -moz-transform: translate(-1px)
}

.upi-img.bajaj-icon.svelte-1lut1nm.svelte-1lut1nm.svelte-1lut1nm {
  transform: scale(1.8);
  -webkit-transform: scale(1.8);
  -moz-transform: scale(1.8)
}

.upi-img.navi-icon.svelte-1lut1nm.svelte-1lut1nm.svelte-1lut1nm,
.upi-img.amazonpay-icon.svelte-1lut1nm.svelte-1lut1nm.svelte-1lut1nm,
.upi-img.generic-icon.svelte-1lut1nm.svelte-1lut1nm.svelte-1lut1nm,
.upi-img.other-icon.svelte-1lut1nm.svelte-1lut1nm.svelte-1lut1nm {
  transform: scale(1.1);
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1)
}

.upi-img.fampay-icon.svelte-1lut1nm.svelte-1lut1nm.svelte-1lut1nm,
.upi-img.paytm-icon.svelte-1lut1nm.svelte-1lut1nm.svelte-1lut1nm {
  transform: scale(0.95);
  -webkit-transform: scale(0.95);
  -moz-transform: scale(0.95)
}

.upi-img.popUpi-icon.svelte-1lut1nm.svelte-1lut1nm.svelte-1lut1nm,
.upi-img.airtelUpi-icon.svelte-1lut1nm.svelte-1lut1nm.svelte-1lut1nm {
  transform: scale(0.8);
  -webkit-transform: scale(0.8);
  -moz-transform: scale(0.8);
  transform: translate(0);
  -webkit-transform: translate(0);
  -moz-transform: translate(0)
}

.upi-img.tez-icon.svelte-1lut1nm.svelte-1lut1nm.svelte-1lut1nm,
.upi-img.kiwi-icon.svelte-1lut1nm.svelte-1lut1nm.svelte-1lut1nm,
.upi-img.mobikwik-icon.svelte-1lut1nm.svelte-1lut1nm.svelte-1lut1nm,
.upi-img.jupiterUpi-icon.svelte-1lut1nm.svelte-1lut1nm.svelte-1lut1nm {
  transform: scale(1.2);
  -webkit-transform: scale(1.2);
  -moz-transform: scale(1.2)
}

.upi-img.phonepe-icon.svelte-1lut1nm.svelte-1lut1nm.svelte-1lut1nm,
.upi-img.supermoney-icon.svelte-1lut1nm.svelte-1lut1nm.svelte-1lut1nm {
  transform: scale(1.7);
  -webkit-transform: scale(1.7);
  -moz-transform: scale(1.7)
}

.amount-wrapper-wrapper.svelte-1lut1nm.svelte-1lut1nm.svelte-1lut1nm {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-right: 8px;
  gap: 4px
}

.amount-wrapper.svelte-1lut1nm.svelte-1lut1nm.svelte-1lut1nm {
  display: flex;
  align-items: self-start;
  font-weight: 400
}

.amount-wrapper.svelte-1lut1nm .price.svelte-1lut1nm.svelte-1lut1nm {
  font-size: 14px;
  text-align: left;
  width: min-content
}

.decimal-price-container.svelte-1lut1nm.svelte-1lut1nm.svelte-1lut1nm {
  display: flex;
  align-items: baseline
}

.decimal-price.svelte-1lut1nm.svelte-1lut1nm.svelte-1lut1nm {
  font-size: 12px
}

.arrow.globalImg.svelte-1lut1nm.svelte-1lut1nm.svelte-1lut1nm {
  width: 7px;
  height: 12px;
  background-position: -185px -33px;
  transform: scale(0.9);
  filter: brightness(0) invert(0.9);
  margin-left: .25rem
}

.amount-container.svelte-1lut1nm.svelte-1lut1nm.svelte-1lut1nm {
  display: flex;
  align-items: center;
  gap: 4px;
  margin-right: 8px
}

.wallet-img.svelte-1lut1nm.svelte-1lut1nm.svelte-1lut1nm {
  width: 27px;
  height: 26px;
  display: flex
}

.wallet-img.freecharge.svelte-1lut1nm.svelte-1lut1nm.svelte-1lut1nm {
  background-position: -2px -139px
}

.wallet-img.airtelmoney.svelte-1lut1nm.svelte-1lut1nm.svelte-1lut1nm {
  background-position: -62px -139px
}

.wallet-img.paytm.svelte-1lut1nm.svelte-1lut1nm.svelte-1lut1nm {
  background-position: -103px -110px
}

.wallet-img.yesbank.svelte-1lut1nm.svelte-1lut1nm.svelte-1lut1nm {
  background-position: -122px -139px
}

.wallet-img.phonepe.svelte-1lut1nm.svelte-1lut1nm.svelte-1lut1nm {
  background-position: -92px -139px
}

.wallet-img.amazonpay.svelte-1lut1nm.svelte-1lut1nm.svelte-1lut1nm {
  background-position: -32px -139px
}

.wallet-img.oxigen.svelte-1lut1nm.svelte-1lut1nm.svelte-1lut1nm {
  background-position: -132px -110px
}

.wallet-img.jiomoney.svelte-1lut1nm.svelte-1lut1nm.svelte-1lut1nm {
  background-position: -182px -140px
}

.wallet-img.mobikwik.svelte-1lut1nm.svelte-1lut1nm.svelte-1lut1nm {
  background-position: -160px -110px
}

.wallet-img.hdfcpayzapp.svelte-1lut1nm.svelte-1lut1nm.svelte-1lut1nm {
  background-position: -152px -139px
}

.wallet-img.olamoney.svelte-1lut1nm.svelte-1lut1nm.svelte-1lut1nm {
  background-position: -39px -171px
}

.wallet-img.itzcash.svelte-1lut1nm.svelte-1lut1nm.svelte-1lut1nm {
  background-position: -68px -171px
}

.wallet-img.bajajf.svelte-1lut1nm.svelte-1lut1nm.svelte-1lut1nm {
  background-position: -202px -171px
}

.wallet-img.lazypay.svelte-1lut1nm.svelte-1lut1nm.svelte-1lut1nm {
  background-position: -33px -206px
}

.wallet-img.amazonpaylater.svelte-1lut1nm.svelte-1lut1nm.svelte-1lut1nm {
  background-position: -32px -139px
}

.wallet-img.zestmoney.svelte-1lut1nm.svelte-1lut1nm.svelte-1lut1nm {
  background-position: -2px -206px
}

.wallet-img.tatapay.svelte-1lut1nm.svelte-1lut1nm.svelte-1lut1nm {
  background-position: -73px -263px
}

.wallet-img.bajajpay.svelte-1lut1nm.svelte-1lut1nm.svelte-1lut1nm {
  background-position: -131px -353px
}

.payment-steps.svelte-zgm76g {
  margin-top: 10px
}

.step-container.svelte-zgm76g {
  display: flex;
  flex-direction: column;
  margin-left: 10px;
  padding: 10px 20px;
  background: #f8fafd
}

.step-overlay.svelte-zgm76g {
  display: flex;
  flex-direction: row;
  align-items: center
}

.step-circle-outline.svelte-zgm76g {
  width: 13px;
  height: 13px;
  min-width: 13px;
  background: #004b8d;
  border-radius: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: 10px
}

.step-circle.svelte-zgm76g {
  width: 7px;
  height: 7px;
  background: #004b8d;
  border-radius: 20px;
  border: #fff 1px solid
}

.step-text.svelte-zgm76g {
  font-size: 12px;
  font-weight: 500;
  margin: 10px 0px
}

.note.svelte-zgm76g {
  margin-top: 15px;
  padding: 20px;
  background: #f8fafd;
  border-left: #004b8d 10px solid;
  padding-left: 10px;
  font-size: 12px;
  justify-content: center;
  align-items: center
}

.link.svelte-zgm76g {
  color: #336da0;
  text-decoration: none
}

.time-container.svelte-1d74z2h {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 30px 0px
}

.timer-text.svelte-1d74z2h {
  font-weight: 500;
  font-size: 10px;
  line-height: 18px
}

.steps-progress.svelte-1d74z2h {
  background-color: #f8fafd
}

progress.svelte-1d74z2h {
  border-radius: 7px;
  height: 10px
}

progress.svelte-1d74z2h::-webkit-progress-bar {
  background-color: #ededee;
  border-radius: 20px
}

progress.svelte-1d74z2h::-webkit-progress-value {
  background-color: #004b8d;
  border-radius: 7px
}

.main-title.svelte-7hiaso.svelte-7hiaso {
  width: 100%;
  display: flex;
  gap: .75rem
}

.non-refundable.svelte-7hiaso.svelte-7hiaso {
  display: flex;
  align-items: self-start;
  gap: .5rem
}

.non-refundable-text.svelte-7hiaso.svelte-7hiaso {
  background: linear-gradient(90deg, #fffaf2 0%, rgba(254, 250, 244, 0) 100%);
  padding: 0 5px;
  color: #f09819;
  font-weight: 400;
  font-size: 12px;
  border-radius: 6px
}

.prepaidcod-steps-wrap.svelte-7hiaso.svelte-7hiaso {
  display: flex;
  flex-direction: column;
  height: auto;
  padding: 10px 4px;
  padding-left: 16px;
  padding-right: 16px
}

.prepaidcod-steps-wrap.compact.svelte-7hiaso.svelte-7hiaso {
  padding-bottom: 0
}

.prepaidcod-steps-wrap.compact.mobile.svelte-7hiaso.svelte-7hiaso {
  padding: 0;
  padding-bottom: 16px
}

.steps-container.svelte-7hiaso.svelte-7hiaso {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 12px
}

.step.svelte-7hiaso.svelte-7hiaso {
  display: flex;
  align-items: flex-start;
  position: relative;
  padding-left: 20px;
  width: -webkit-fill-available
}

.step-body.svelte-7hiaso.svelte-7hiaso {
  width: inherit;
  position: relative;
  padding-left: 6px
}

.dot.svelte-7hiaso.svelte-7hiaso {
  width: 18px;
  min-width: 18px;
  height: 18px;
  border-radius: 50%;
  position: relative;
  left: -8px;
  border: 1.5px solid #667085
}

.dot-circle.svelte-7hiaso.svelte-7hiaso::after {
  position: absolute;
  content: "";
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: #667085;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%)
}

.bottom-title.svelte-7hiaso.svelte-7hiaso {
  position: relative
}

.line.svelte-7hiaso.svelte-7hiaso {
  position: absolute;
  left: 22px;
  top: 33px;
  width: 1.5px;
  height: calc(100% - 6px);
  background-color: #667085;
  z-index: 2
}

.step.svelte-7hiaso:last-child .line.svelte-7hiaso {
  display: none
}

.step-title.svelte-7hiaso.svelte-7hiaso {
  font-size: 14px;
  font-weight: 600
}

.description.svelte-7hiaso.svelte-7hiaso {
  margin: 0;
  color: var(--grey-blue-text);
  font-size: 12px
}

:root {
  --a5: #a5a5a5;
  --e0: #ededed;
  --red: #f73536;
  --green: #01b156;
  --bg-green: #e9f4ee;
  --primary-color: #0365d6;
  --d-red: #c90000;
  --green2: #0e9343;
  --green-text: #25d366;
  --green-text2: #005e2a;
  --light-grey: #f8f8f8;
  --error: #e31b1b;
  --white: #fff;
  --off-white: #f3f3f3;
  --b-white: #f8fafd;
  --black: #000;
  --black2: #050038;
  --blue: #004b8d;
  --gokwik-blue: #002e64;
  --light-blue: #0365d6;
  --vl-green: #e6f4ec;
  --d-blue: #050038;
  --m-blue: #13172d;
  --theme-color: #b12928;
  --m-grey: #979eb5;
  --yellow: #edde5d;
  --d-yellow: #f09819;
  --light-yellow: #fffcf8;
  --progress-green: #01b156;
  --light-green: #74ab6f;
  --off-white-pink: #fff9f9;
  --b-grey: #9babc5;
  --g-grey: #f9f9f9;
  --b-purple: #f3f2ff;
  --t-purple: #36325e;
  --circle-text: #c9c9c9;
  --grey-l: #909090;
  --white: #ffffff;
  --white-1: #f2f2f2;
  --secondaryColor: #e5e5e5;
  --grey-text: #00000099;
  --black28: #101828;
  --grey-blue-text: #697687;
  --m-teal: rgba(3, 182, 150, 1);
  --gokwik-dark-blue: #002e64;
  --teal-50: #f0fdf9;
  --l-grey: #697687;
  --bg-grey: #f9fbfc;
  --neutral-200: #d0d5da;
  --error-600: #dc2626;
  --error-700: #b91c1c;
  --error-15: #fff5f5;
  --error-100: #fef2f2;
  --warning: #b54708;
  --toast-green: #079455
}

.discounts-wrapper.svelte-1i0cfol .discountIconGreen.svelte-1i0cfol.svelte-1i0cfol {
  width: 22px;
  height: 24px;
  background-position: -120px -400px
}

.discounts-wrapper.svelte-1i0cfol .discountIcon.svelte-1i0cfol.svelte-1i0cfol {
  width: 24px;
  height: 24px;
  background-position: -96px -400px
}

.discounts-wrapper.svelte-1i0cfol .discount-coupon-inner.svelte-1i0cfol.svelte-1i0cfol {
  margin-bottom: 0
}

.discounts-wrapper.svelte-1i0cfol .discount-coupon-inner .discount-box.svelte-1i0cfol.svelte-1i0cfol {
  padding: .5rem .75rem
}

.discounts-wrapper.svelte-1i0cfol .discount-coupon-inner .discount-box .discount-input-field.svelte-1i0cfol.svelte-1i0cfol {
  border: none;
  background: none;
  padding-block: 0
}

.discounts-wrapper.svelte-1i0cfol .discount-coupon-inner button.svelte-1i0cfol.svelte-1i0cfol {
  border: none;
  background: none
}

.discounts-wrapper.svelte-1i0cfol .applied-coupon .coupon-wrap.svelte-1i0cfol.svelte-1i0cfol {
  flex: auto;
  max-width: calc(100% - 4rem)
}

.discounts-wrapper.svelte-1i0cfol .applied-coupon .coupon-wrap .coupon-span.svelte-1i0cfol.svelte-1i0cfol {
  flex: auto
}

.discounts-wrapper.svelte-1i0cfol .applied-coupon .coupon-wrap .coupon-span .truncate.svelte-1i0cfol.svelte-1i0cfol {
  max-width: calc(100% - 6rem)
}

.discounts-wrapper.svelte-1i0cfol .applied-coupon .coupon-wrap .discountIconGreen.svelte-1i0cfol.svelte-1i0cfol {
  flex: none
}

.view-coupons.svelte-1i0cfol .arrowIcon.svelte-1i0cfol.svelte-1i0cfol {
  width: 8px;
  height: 16px;
  background-position: -142px -404px
}

.discounts.svelte-1i0cfol.svelte-1i0cfol.svelte-1i0cfol {
  overflow: hidden;
  box-sizing: border-box
}

.discounts.svelte-1i0cfol .offer-box+.discount-coupon .appliedCoupons.svelte-1i0cfol.svelte-1i0cfol {
  margin-top: 0
}

.appliedCoupons.svelte-1i0cfol.svelte-1i0cfol.svelte-1i0cfol {
  width: 100%;
  margin-top: 0
}

.appliedCoupons.svelte-1i0cfol .discounted-coupon .coupon-container .coupon-wrap.svelte-1i0cfol.svelte-1i0cfol {
  display: flex;
  align-items: center;
  gap: .25rem;
  font-size: .75rem
}

.appliedCoupons.svelte-1i0cfol .discounted-coupon .coupon-container button.svelte-1i0cfol.svelte-1i0cfol {
  border: none;
  padding: 0;
  margin: 0;
  line-height: 0
}

.discount-coupon-input .discount-coupon-container.svelte-1i0cfol .discount-coupon-inner.svelte-1i0cfol.svelte-1i0cfol {
  display: flex;
  align-items: center;
  gap: .25rem;
  min-width: 100%
}

.discount-coupon-input .discount-coupon-container .discount-coupon-inner.svelte-1i0cfol .discount-input-field.svelte-1i0cfol.svelte-1i0cfol {
  border: none;
  background: none
}

.discount-coupon-input .discount-coupon-container .discount-coupon-inner.svelte-1i0cfol .discount-box.svelte-1i0cfol.svelte-1i0cfol {
  color: #00325e;
  font-size: .75rem;
  letter-spacing: -0.2px;
  text-transform: uppercase;
  position: relative;
  width: 100%
}

.discount-coupon-input .discount-coupon-container .discount-coupon-inner.svelte-1i0cfol .discount-box input.svelte-1i0cfol.svelte-1i0cfol {
  border: none;
  background: none;
  padding-left: 25px;
  width: 80%
}

.discount-coupon-input .discount-coupon-container.svelte-1i0cfol .discount-coupon-inner.svelte-1i0cfol .discount-box label.svelte-1i0cfol {
  max-width: 90%;
  width: 90%;
  display: flex;
  align-items: center;
  background: #f3f4f6;
  white-space: nowrap
}

.discount-coupon-input .discount-coupon-container .discount-coupon-inner.svelte-1i0cfol .discount-box label.absolute.svelte-1i0cfol.svelte-1i0cfol {
  position: absolute;
  top: 0;
  left: 25px;
  height: 100%
}

.discount-coupon-input .discount-coupon-container.svelte-1i0cfol button.svelte-1i0cfol.svelte-1i0cfol {
  border: none;
  background: none;
  color: #004b8d;
  position: absolute;
  right: 10px;
  font-size: .75rem;
  letter-spacing: -0.2px
}

@keyframes svelte-1i0cfol-shimmer {
  100% {
    -webkit-mask-position: left
  }
}

.view-offer-wrap.svelte-1i0cfol.svelte-1i0cfol.svelte-1i0cfol {
  width: 100%;
  display: flex;
  justify-content: center;
  margin-top: 0;
  margin-bottom: 0
}

.view-offer-wrap.svelte-1i0cfol .loader-div.svelte-1i0cfol.svelte-1i0cfol {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  border-radius: 24px
}

.shimmer-bg.svelte-1i0cfol.svelte-1i0cfol.svelte-1i0cfol {
  animation-duration: 2.2s;
  animation-fill-mode: forwards;
  animation-iteration-count: infinite;
  animation-name: svelte-1i0cfol-shimmer;
  animation-timing-function: linear;
  background: #ddd;
  background: linear-gradient(to right, #f6f6f6 8%, #f0f0f0 18%, #f6f6f6 33%);
  background-size: 1200px 100%
}

@keyframes svelte-1i0cfol-rotate {
  from {
    -webkit-box-shadow: inset 0px -1px 39px 12px #15b79e;
    -moz-box-shadow: inset 0px -1px 39px 12px #15b79e;
    box-shadow: inset 0px -1px 39px 12px #15b79e
  }

  to {
    box-shadow: none
  }
}

.shine.svelte-1i0cfol.svelte-1i0cfol.svelte-1i0cfol {
  position: relative;
  overflow: hidden
}

.shine.svelte-1i0cfol.svelte-1i0cfol.svelte-1i0cfol::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 20%;
  height: 100%;
  background-image: linear-gradient(210deg, rgba(255, 197, 49, 0) 0%, rgba(255, 197, 49, 0.5) 50%, rgba(255, 197, 49, 0) 100%);
  filter: blur(30px);
  transform: translateX(-100%) skewX(-15deg);
  animation: svelte-1i0cfol-shine 5s infinite
}

@keyframes svelte-1i0cfol-shine {
  0% {
    transform: translateX(-100%) skewX(-15deg)
  }

  50% {
    transform: translateX(1100%) skewX(-15deg)
  }

  100% {
    transform: translateX(1100%) skewX(-15deg)
  }
}

.new-ui-exp-offer-banner.svelte-1i0cfol.svelte-1i0cfol.svelte-1i0cfol {
  background-color: #ffeebc;
  gap: 12px;
  color: #854a0e
}

:root {
  --a5: #a5a5a5;
  --e0: #ededed;
  --red: #f73536;
  --green: #01b156;
  --bg-green: #e9f4ee;
  --primary-color: #0365d6;
  --d-red: #c90000;
  --green2: #0e9343;
  --green-text: #25d366;
  --green-text2: #005e2a;
  --light-grey: #f8f8f8;
  --error: #e31b1b;
  --white: #fff;
  --off-white: #f3f3f3;
  --b-white: #f8fafd;
  --black: #000;
  --black2: #050038;
  --blue: #004b8d;
  --gokwik-blue: #002e64;
  --light-blue: #0365d6;
  --vl-green: #e6f4ec;
  --d-blue: #050038;
  --m-blue: #13172d;
  --theme-color: #b12928;
  --m-grey: #979eb5;
  --yellow: #edde5d;
  --d-yellow: #f09819;
  --light-yellow: #fffcf8;
  --progress-green: #01b156;
  --light-green: #74ab6f;
  --off-white-pink: #fff9f9;
  --b-grey: #9babc5;
  --g-grey: #f9f9f9;
  --b-purple: #f3f2ff;
  --t-purple: #36325e;
  --circle-text: #c9c9c9;
  --grey-l: #909090;
  --white: #ffffff;
  --white-1: #f2f2f2;
  --secondaryColor: #e5e5e5;
  --grey-text: #00000099;
  --black28: #101828;
  --grey-blue-text: #697687;
  --m-teal: rgba(3, 182, 150, 1);
  --gokwik-dark-blue: #002e64;
  --teal-50: #f0fdf9;
  --l-grey: #697687;
  --bg-grey: #f9fbfc;
  --neutral-200: #d0d5da;
  --error-600: #dc2626;
  --error-700: #b91c1c;
  --error-15: #fff5f5;
  --error-100: #fef2f2;
  --warning: #b54708;
  --toast-green: #079455
}

.order-summary.svelte-bavi47 .order-summary-details .to-pay.svelte-bavi47 {
  margin-top: 12px;
  padding-top: 12px;
  border-top: 1px solid #eaeaea;
  font-size: 14px;
  line-height: 18px
}

.order-summary.svelte-bavi47 .order-summary-details ul.total-container.svelte-bavi47 {
  list-style: none;
  padding-left: 0;
  margin-bottom: 0;
  margin-top: 0
}

.order-summary.svelte-bavi47 .order-summary-details ul.total-container li.svelte-bavi47 {
  display: flex;
  justify-content: space-between;
  align-items: center
}

.order-summary.svelte-bavi47 .order-summary-details ul.total-container li.summary.svelte-bavi47 {
  padding: 4px 0
}

.order-summary.svelte-bavi47 .order-summary-details .coupon-discount.svelte-bavi47 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-weight: bold
}

.order-summary.svelte-bavi47 .order-summary-details .coupon-discount button.svelte-bavi47 {
  color: #000 !important
}

.order-summary.svelte-bavi47 .order-summary-details .coupon-discount .total-discount.svelte-bavi47 {
  color: #15803d
}

.order-summary.svelte-bavi47 .order-summary-details .cashback-amount.svelte-bavi47 {
  color: #000
}

.order-summary.svelte-bavi47 .order-summary-details .coupon-discount button.svelte-bavi47 {
  border: none;
  background: none;
  font-size: 1em;
  margin-left: 0px;
  cursor: pointer;
  padding: 0
}

.order-summary.svelte-bavi47 .order-summary-details .discount-wrapper.svelte-bavi47 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  cursor: pointer
}

.order-summary.svelte-bavi47 .order-summary-details .discount-button.svelte-bavi47 {
  background: none;
  border: none;
  padding: 0
}

.order-summary.svelte-bavi47 .order-summary-details .arrow.svelte-bavi47 {
  width: 11px;
  height: 6px;
  background-position: -199px -212px;
  transition: transform .3s ease;
  transform-origin: center
}

.order-summary.svelte-bavi47 .order-summary-details .arrow.rotate.svelte-bavi47 {
  transform: rotate(180deg)
}

.order-summary.svelte-bavi47 .order-summary-details ul.discount-drawer.svelte-bavi47 {
  list-style-type: disc;
  display: block;
  width: 100%;
  padding-left: 12px !important
}

.order-summary.svelte-bavi47 .order-summary-details ul.discount-drawer .discount-breakdown.svelte-bavi47 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%
}

.order-summary.svelte-bavi47 .order-summary-details ul.discount-drawer .discount-breakdown .discount-title.svelte-bavi47 {
  text-align: left
}

.order-summary.svelte-bavi47 .order-summary-details ul.discount-drawer .discount-breakdown .discount-amount.svelte-bavi47 {
  text-align: right !important;
  margin-left: auto
}

.product-img.svelte-k3z9lp.svelte-k3z9lp {
  height: 70px;
  overflow: hidden;
  width: 70px;
  position: relative;
  border-radius: 8px;
  flex-shrink: 0;
  border: 1px solid #ddd;
  align-items: center
}

.product-img.svelte-k3z9lp img.svelte-k3z9lp {
  object-fit: cover
}

.edit-loader-added.svelte-k3z9lp.svelte-k3z9lp {
  padding: 0 !important;
  height: 48px !important
}

.product-card.svelte-k3z9lp.svelte-k3z9lp {
  display: flex;
  gap: 12px
}

.product-info.svelte-k3z9lp.svelte-k3z9lp {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: space-between
}

.title-price.svelte-k3z9lp.svelte-k3z9lp {
  display: flex;
  justify-content: space-between;
  align-items: flex-start
}

.product-title.svelte-k3z9lp.svelte-k3z9lp {
  font-size: 14px
}

.product-pricing.svelte-k3z9lp.svelte-k3z9lp {
  text-align: right
}

.new-price.svelte-k3z9lp.svelte-k3z9lp {
  font-size: 14px;
  font-weight: 500
}

.container.svelte-k3z9lp.svelte-k3z9lp {
  display: flex;
  align-items: center;
  gap: 16px
}

.quantity-selector.svelte-k3z9lp.svelte-k3z9lp {
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #000;
  border-radius: 8px;
  padding: 8px;
  gap: 2px
}

.quantity-selector.svelte-k3z9lp button.svelte-k3z9lp {
  background: none;
  border: none;
  cursor: pointer;
  padding: 1px;
  display: flex;
  align-items: center;
  justify-content: center
}

.count.svelte-k3z9lp.svelte-k3z9lp {
  font-size: 12px;
  font-weight: 600;
  line-height: 14px;
  text-align: center;
  width: 40px
}

.divider.svelte-k3z9lp.svelte-k3z9lp {
  display: flex;
  align-items: center;
  text-align: center;
  margin: 20px 0
}

.divider.svelte-k3z9lp.svelte-k3z9lp::before,
.divider.svelte-k3z9lp.svelte-k3z9lp::after {
  content: "";
  flex: 1;
  border-bottom: 1px solid #ddd
}

.divider.svelte-k3z9lp.svelte-k3z9lp:not(:empty)::before {
  margin-right: 8px
}

.divider.svelte-k3z9lp.svelte-k3z9lp:not(:empty)::after {
  margin-left: 8px
}

.divider.svelte-k3z9lp span.svelte-k3z9lp {
  font-size: 12px;
  color: #6c737f
}

.customisation-btn.svelte-k3z9lp.svelte-k3z9lp {
  border: 1px solid #000;
  border-radius: 8px;
  padding: 12px;
  font-size: 12px;
  font-weight: 600;
  background: #fff;
  cursor: pointer;
  width: 100%
}

.Update-btn.svelte-k3z9lp.svelte-k3z9lp {
  background: #000;
  color: #fff;
  border-radius: 8px;
  padding: 12px;
  font-size: 12px;
  font-weight: 600;
  width: 100%;
  cursor: pointer
}

.tags.svelte-k3z9lp.svelte-k3z9lp {
  display: flex;
  gap: 12px;
  margin-bottom: 12px;
  flex-wrap: wrap;
  margin-top: 4px
}

.tag.svelte-k3z9lp.svelte-k3z9lp {
  background: #f3f4f6;
  color: #556376;
  padding: 2px 4px;
  border-radius: 4px;
  font-size: 12px
}

.edit-product-image-container.svelte-k3z9lp.svelte-k3z9lp {
  width: 100%;
  height: 366px;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 8px 8px 0px 0px
}

.edit-product-image.svelte-k3z9lp.svelte-k3z9lp {
  display: block;
  width: 100%;
  height: 100%;
  max-width: 100%;
  max-height: 100%;
  object-fit: fill;
  object-position: center
}

.edit-product-subtitle.svelte-k3z9lp.svelte-k3z9lp {
  font-size: 13px;
  margin-bottom: 12px
}

.edit-options-container.svelte-k3z9lp.svelte-k3z9lp {
  display: flex;
  gap: 12px;
  overflow: visible
}

.edit-custom-dropdown.svelte-k3z9lp.svelte-k3z9lp {
  position: relative;
  flex-shrink: 0;
  overflow: visible
}

.edit-dropdown-trigger.svelte-k3z9lp.svelte-k3z9lp {
  width: 100%;
  padding: 12px;
  padding-right: 8px;
  border: 1px solid #e4e8eb;
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  cursor: pointer;
  font-size: 12px;
  transition: all .2s ease;
  gap: 4px
}

.edit-dropdown-value.svelte-k3z9lp.svelte-k3z9lp {
  flex: 1;
  text-align: left;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis
}

.edit-dropdown-menu.svelte-k3z9lp.svelte-k3z9lp {
  position: absolute;
  bottom: 100%;
  left: 0;
  right: 0;
  background: #fff;
  border: 1px solid #e4e8eb;
  border-radius: 12px;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, .1);
  z-index: 9999;
  max-height: 125px;
  overflow-y: auto;
  margin-bottom: 12px;
  visibility: visible;
  opacity: 1
}

.edit-dropdown-menu.svelte-k3z9lp.svelte-k3z9lp::-webkit-scrollbar {
  display: none
}

.edit-dropdown-menu.svelte-k3z9lp.svelte-k3z9lp {
  -ms-overflow-style: none;
  scrollbar-width: none
}

.edit-dropdown-item.svelte-k3z9lp.svelte-k3z9lp {
  width: 100%;
  padding: 12px 16px;
  background: none;
  border: none;
  text-align: left;
  cursor: pointer;
  font-size: 14px;
  color: #374151;
  transition: background-color .15s ease
}

.edit-dropdown-item.svelte-k3z9lp.svelte-k3z9lp:hover {
  background-color: #f3f4f6
}

.edit-dropdown-item.edit-selected.svelte-k3z9lp.svelte-k3z9lp {
  background-color: #e4e8eb;
  font-weight: 600
}

.edit-dropdown-item.svelte-k3z9lp.svelte-k3z9lp:not(:last-child) {
  border-bottom: 1px solid #f3f4f6
}

.edit-action-bar.svelte-k3z9lp.svelte-k3z9lp {
  display: flex;
  align-items: center;
  gap: 12px;
  padding-top: 12px
}

.edit-quantity-controls.svelte-k3z9lp.svelte-k3z9lp {
  display: flex;
  align-items: center;
  border: 1px solid #000;
  border-radius: 8px;
  padding: 12px
}

.edit-quantity-btn.svelte-k3z9lp.svelte-k3z9lp {
  border: none;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 1px
}

.edit-quantity-btn.svelte-k3z9lp img.svelte-k3z9lp {
  width: 14px;
  height: 14px
}

.edit-quantity-display.svelte-k3z9lp.svelte-k3z9lp {
  font-size: 12px;
  font-weight: 600;
  line-height: 14px;
  text-align: center;
  width: 40px
}

.edit-update-btn.svelte-k3z9lp.svelte-k3z9lp {
  flex: 1;
  padding: 12px 24px;
  background: #000;
  color: #fff;
  border: none;
  border-radius: 8px;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer
}

.border-grey-top.svelte-k3z9lp.svelte-k3z9lp {
  border-top: 1px solid #ddd
}

.mt-3.svelte-k3z9lp.svelte-k3z9lp {
  margin-top: 12px
}

button.disabled.svelte-k3z9lp.svelte-k3z9lp {
  opacity: .4;
  cursor: not-allowed
}

.arrow.svelte-k3z9lp.svelte-k3z9lp {
  margin-top: 2px;
  width: 16px;
  height: 6px;
  background-position: -199px -212px;
  transition: transform .3s ease
}

.arrow.rotate.svelte-k3z9lp.svelte-k3z9lp {
  transform: rotate(180deg)
}

.cart-loader-mobile.svelte-1r0dkj.svelte-1r0dkj {
  display: block;
  width: 100%;
  padding: 5px 0px
}

.cart-loader-mobile.svelte-1r0dkj .order-summary-mobile.svelte-1r0dkj {
  display: flex;
  justify-content: space-between;
  flex-direction: row
}

.cart-loader-mobile.svelte-1r0dkj .order-summary-mobile .left-area.svelte-1r0dkj {
  display: flex;
  flex-direction: row;
  width: 100%
}

.cart-loader-mobile.svelte-1r0dkj .order-summary-mobile .left-area .cart-icon.svelte-1r0dkj {
  width: 35px;
  height: 30px;
  margin-right: 10px
}

.cart-loader-mobile.svelte-1r0dkj .order-summary-mobile .left-area .cart-title.svelte-1r0dkj {
  height: 25px;
  width: 100%;
  align-self: center
}

.cart-load-wrapper.svelte-1r0dkj.svelte-1r0dkj {
  background-color: #fff;
  display: flex;
  margin: 20px 0px;
  border-radius: 15px;
  padding: 10px 20px
}

.img-content.svelte-1shf91.svelte-1shf91 {
  display: flex;
  width: 100%;
  height: 100%;
  gap: .25rem;
  align-items: center;
  justify-content: space-between
}

.img-content.svelte-1shf91 .img.svelte-1shf91 {
  height: 70%;
  width: 45%;
  border-radius: 50%
}

.effect.svelte-1shf91.svelte-1shf91,
.lazy-loading-screen.svelte-1shf91.svelte-1shf91 {
  animation-duration: 4s;
  animation-fill-mode: forwards;
  animation-iteration-count: infinite;
  animation-name: svelte-1shf91-placeHolderShimmer;
  animation-timing-function: linear;
  background-color: #f6f7f8;
  background: linear-gradient(to right, #eeeeee 8%, #bbbbbb 18%, #eeeeee 33%);
  background-size: 800px 104px;
  position: relative
}

.lazy-loading-screen.svelte-1shf91.svelte-1shf91 {
  display: flex;
  width: 100%;
  height: 100%
}

.circle.svelte-1shf91.svelte-1shf91 {
  border-radius: 50px
}

@keyframes svelte-1shf91-placeHolderShimmer {
  0% {
    background-position: -800px 0
  }

  100% {
    background-position: 800px 0
  }
}

.otp-container-boxes.svelte-12s1j5k {
  display: flex;
  width: 100%
}

.otp-box.svelte-12s1j5k {
  max-width: 40px;
  width: inherit;
  height: 40px;
  margin: 0 5px;
  text-align: center;
  font-size: 1.5rem;
  border: 1px solid #ccc;
  outline: none
}

.otp-box.svelte-12s1j5k:focus {
  border-color: #000
}

.collapsible.svelte-1715o6n {
  border: 1px solid #eaecf0;
  border-radius: 12px;
  padding: .75rem;
  background: #fff
}

.header.svelte-1715o6n {
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
  outline: none
}

.header.svelte-1715o6n:focus-visible {
  outline: 2px solid #dde3ea;
  border-radius: 6px
}

.title.svelte-1715o6n {
  font-size: 14px;
  font-weight: 600;
  display: flex;
  align-items: center;
  gap: 6px
}

.header-icon.svelte-1715o6n {
  display: flex;
  padding-bottom: 4px
}

.body.svelte-1715o6n {
  margin-top: 10px
}

.divider.svelte-1715o6n {
  margin-bottom: 10px;
  height: 1px;
  background: #e5e7eb
}

.arrow.svelte-1715o6n {
  width: 7px;
  height: 7px;
  border-right: 2px solid #555;
  border-bottom: 2px solid #555;
  transform-origin: center;
  transition: transform .2s ease
}

.arrow-open.svelte-1715o6n {
  transform: rotate(-135deg)
}

.arrow-closed.svelte-1715o6n {
  transform: rotate(45deg)
}

.line.svelte-mb84p5.svelte-mb84p5 {
  width: 100%;
  border: .5px solid #e4e4e4;
  height: 0px;
  flex: 1;
  margin-top: 16px
}

.font-white.svelte-mb84p5.svelte-mb84p5 {
  color: #fff !important
}

.invert-image.svelte-mb84p5.svelte-mb84p5 {
  filter: invert(1)
}

.progress-container.svelte-mb84p5.svelte-mb84p5 {
  display: flex;
  justify-content: center;
  align-items: center
}

.button-bg.svelte-mb84p5.svelte-mb84p5 {
  background-color: #000;
  color: #fff !important
}

.text-black.svelte-mb84p5.svelte-mb84p5 {
  color: #000
}

.toggle-button.svelte-mb84p5.svelte-mb84p5 {
  border-radius: 8px !important;
  color: var(--black2) !important;
  border: 1px solid var(--primary-color) !important
}

.toggle-button-black.svelte-mb84p5.svelte-mb84p5 {
  border-radius: 8px !important;
  color: var(--black2) !important;
  border: 1px solid #000 !important
}

.bg-white.svelte-mb84p5.svelte-mb84p5 {
  background-color: #fff !important
}

.cod-confirmation-container.svelte-mb84p5.svelte-mb84p5 {
  display: flex;
  flex-direction: column;
  align-items: center;
  border-radius: 10px;
  align-items: stretch
}

.cod-confirmation-container.svelte-mb84p5 .sub-banner-tile.svelte-mb84p5 {
  font-size: 14px
}

.cod-confirmation-container.svelte-mb84p5 .title.svelte-mb84p5 {
  position: relative;
  font-size: 15px;
  font-weight: 600;
  line-height: 22px;
  color: var(--black2);
  margin: 0;
  padding: 12px;
  margin-bottom: 16px
}

.cod-confirmation-container.svelte-mb84p5 .title .orange-tag.svelte-mb84p5 {
  font-weight: 600;
  font-size: 15px;
  padding-inline: .25rem
}

.cod-confirmation-container.svelte-mb84p5 p.svelte-mb84p5 {
  font-size: 15px;
  line-height: 16px;
  color: var(--black2);
  padding: 12px
}

.cod-confirmation-container.svelte-mb84p5 .buttons-wrap.svelte-mb84p5 {
  padding: 12px;
  display: flex;
  align-items: center;
  flex-direction: column;
  gap: .4rem
}

.cod-confirmation-container.svelte-mb84p5 .buttons-wrap button.svelte-mb84p5 {
  width: 100%;
  height: 40px;
  align-items: center;
  font-size: 16px;
  border-radius: 8px;
  border: none
}

.cod-confirmation-container.svelte-mb84p5 .buttons-wrap button.svelte-mb84p5:first-child {
  border: 1px solid var(--black2);
  color: var(--black2)
}

.cod-confirmation-container.svelte-mb84p5 .buttons-wrap button.disabled.svelte-mb84p5 {
  opacity: .4;
  background: gray !important;
  cursor: none;
  pointer-events: none
}

.cod-confirmation-container.svelte-mb84p5 progress.svelte-mb84p5 {
  width: 100%;
  --color: #079455;
  --background: #e5e7eb
}

.cod-confirmation-container.svelte-mb84p5 progress[value].svelte-mb84p5 {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: none;
  margin: 0;
  border-radius: 10em;
  background: var(--background)
}

.cod-confirmation-container.svelte-mb84p5 progress[value].svelte-mb84p5::-webkit-progress-bar {
  border-radius: 10em;
  background: var(--background)
}

.cod-confirmation-container.svelte-mb84p5 progress[value].svelte-mb84p5::-webkit-progress-value {
  border-radius: 10em;
  background: var(--color)
}

.cod-confirmation-container.svelte-mb84p5 progress[value].svelte-mb84p5::-moz-progress-bar {
  border-radius: 10em;
  background: var(--color)
}

.sprite-right-arrow.svelte-mb84p5.svelte-mb84p5 {
  width: 20px;
  height: 11px;
  background-position: -195px -9px;
  display: inline-block
}

button.svelte-i7mf5r.svelte-i7mf5r {
  width: 100%;
  border: 0;
  background-color: #000;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: .675rem;
  min-height: 60px;
  color: var(--white);
  letter-spacing: .1px;
  font-size: 16px;
  gap: .5rem
}

button[disabled].svelte-i7mf5r.svelte-i7mf5r,
button.disabled.svelte-i7mf5r.svelte-i7mf5r {
  opacity: .4;
  background: gray !important;
  cursor: none;
  pointer-events: none
}

button.disabled-click.svelte-i7mf5r.svelte-i7mf5r {
  opacity: .4;
  background: gray !important;
  pointer-events: initial;
  cursor: pointer
}

button.green-background.svelte-i7mf5r.svelte-i7mf5r {
  background: var(--green2) !important
}

button.svelte-i7mf5r .info.svelte-i7mf5r {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 2px
}

button.svelte-i7mf5r .info .title.svelte-i7mf5r {
  display: flex;
  flex-direction: column;
  text-align: left;
  font-size: 14px;
  font-weight: 500;
  line-height: 16px
}

button.svelte-i7mf5r .info .title .small-btn-text.svelte-i7mf5r {
  font-size: small;
  margin-top: .1rem
}

button.svelte-i7mf5r .info .title .subtext.svelte-i7mf5r {
  font-size: 10px;
  margin-top: 2px;
  line-height: 1
}

button.svelte-i7mf5r .info .cod-subtext.svelte-i7mf5r {
  text-align: left;
  font-size: 12px;
  margin-top: 2px;
  line-height: 1
}

@media only screen and (min-width: 600px) {
  button.svelte-i7mf5r .info .cod-subtext.svelte-i7mf5r {
    font-size: 11px
  }
}

button.svelte-i7mf5r .icon img.svelte-i7mf5r:first-child {
  max-height: 26px
}

button.btn-ppcod.svelte-i7mf5r .info .title.svelte-i7mf5r {
  font-size: 14px;
  font-weight: 500
}

button.btn-ppcod.svelte-i7mf5r .info .title .subtext.svelte-i7mf5r {
  display: block
}

.hide-button.svelte-i7mf5r.svelte-i7mf5r {
  display: none !important
}

.amount-wrapper.svelte-i7mf5r.svelte-i7mf5r {
  display: flex;
  align-items: self-start
}

.amount-wrapper.svelte-i7mf5r .price.svelte-i7mf5r {
  font-size: 18px;
  line-height: 18px;
  text-align: left;
  width: min-content
}

.amount-wrapper.svelte-i7mf5r .bnpl-price-width.svelte-i7mf5r {
  font-size: 18px;
  line-height: 18px;
  text-align: left;
  white-space: nowrap
}

.amount-wrapper.svelte-i7mf5r .bnpl-price.svelte-i7mf5r {
  display: flex;
  align-items: baseline
}

.amount-wrapper.svelte-i7mf5r .subtext.svelte-i7mf5r {
  white-space: nowrap
}

.amount-wrapper.svelte-i7mf5r .bnpl-subtext.svelte-i7mf5r {
  font-size: .75rem
}

.amount-wrapper.svelte-i7mf5r .discount-badge.svelte-i7mf5r {
  font-size: 9px;
  line-height: 10px;
  background: rgba(255, 255, 255, .3);
  padding: 3px 6px;
  color: #fff;
  margin-top: .1rem;
  display: flex;
  align-items: center
}

.amount-wrapper.svelte-i7mf5r .discount-badge .globalImg.svelte-i7mf5r {
  width: 16px;
  height: 16px;
  background-position: -133px -59px
}

.amount-wrapper.svelte-i7mf5r .payment_failure_alert.svelte-i7mf5r {
  background-color: red;
  border: 2px solid red;
  border-radius: 7px;
  margin-bottom: 0px;
  color: #fff;
  display: flex;
  flex-direction: row
}

.amount-wrapper.svelte-i7mf5r .payment_failure_alert .text-message.svelte-i7mf5r {
  font-size: 10px;
  line-height: 10px;
  margin-left: 4px;
  margin: 2px
}

.amount-wrapper.svelte-i7mf5r .payment_failure_alert .icon.svelte-i7mf5r {
  width: 13px;
  height: auto
}

.amount-wrapper.svelte-i7mf5r .alert-message-row.svelte-i7mf5r {
  display: flex;
  align-items: center;
  margin-left: 3px
}

.amount-wrapper.svelte-i7mf5r .margin-left.svelte-i7mf5r {
  margin-left: .5rem
}

button.newExperimentStyles.svelte-i7mf5r.svelte-i7mf5r {
  background: var(--white) !important;
  color: var(--black28) !important;
  border: 1px solid var(--secondaryColor)
}

button.newExperimentStyles.svelte-i7mf5r .info.svelte-i7mf5r {
  display: flex;
  flex-direction: column
}

button.newExperimentStyles.svelte-i7mf5r .info .amount-wrapper.svelte-i7mf5r {
  display: flex;
  align-items: self-start
}

button.newExperimentStyles.svelte-i7mf5r .info .amount-wrapper .price.svelte-i7mf5r {
  font-size: 18px;
  line-height: 18px;
  text-align: left;
  width: min-content
}

button.newExperimentStyles.svelte-i7mf5r .info .amount-wrapper .margin-left.svelte-i7mf5r {
  margin-left: .5rem
}

button.newExperimentStyles.svelte-i7mf5r .info:first-child .amount-wrapper.svelte-i7mf5r {
  order: -1
}

button.newExperimentStyles.svelte-i7mf5r .info:first-child .amount-wrapper .discount-badge.svelte-i7mf5r {
  background: #ecfdf3 !important;
  border: 1px solid #039855 !important;
  border-radius: 12px;
  color: #039855 !important
}

button.newExperimentStyles.svelte-i7mf5r .icon .arrow.svelte-i7mf5r {
  filter: initial
}

button.newExperimentStyles.btn-cod.svelte-i7mf5r .info .amount-wrapper .discount-badge.svelte-i7mf5r {
  background: #fdecec !important;
  border-color: #ff0101 !important;
  color: #ff0101 !important
}

button.newExperimentStyles.svelte-i7mf5r .confirmation.svelte-i7mf5r {
  border: none !important
}

button.alternateNoPriceMobileUi.svelte-i7mf5r .info.svelte-i7mf5r {
  flex-direction: row;
  align-items: baseline
}

button.alternateNoPriceMobileUi.svelte-i7mf5r .info .amount-wrapper .price.svelte-i7mf5r {
  display: none
}

button.alternateNoPriceMobileUi.svelte-i7mf5r .info:first-child .amount-wrapper.svelte-i7mf5r {
  order: 2
}

button.alternateNoPriceMobileUi.svelte-i7mf5r .icon.svelte-i7mf5r {
  display: flex;
  flex-wrap: nowrap
}

button.alternateNoPriceMobileUi.svelte-i7mf5r .show-price-info.svelte-i7mf5r {
  flex-direction: column
}

button.alternateNoPriceMobileUi.svelte-i7mf5r .show-price-info:first-child .amount-wrapper.svelte-i7mf5r {
  order: initial
}

button.alternateNoPriceMobileUi.svelte-i7mf5r .show-price-info:first-child .amount-wrapper .price.svelte-i7mf5r {
  display: initial
}

button.alternateNoPriceMobileUi.svelte-i7mf5r .confirmation.svelte-i7mf5r {
  border: none !important
}

.expand-styles.svelte-i7mf5r.svelte-i7mf5r {
  border: 1px solid inherit;
  border-bottom-left-radius: 0px !important;
  border-bottom-right-radius: 0px !important;
  border-bottom: none !important;
  z-index: 3
}

.confirmation.svelte-i7mf5r.svelte-i7mf5r,
.upi-confirmation.svelte-i7mf5r.svelte-i7mf5r {
  position: relative;
  top: -0.9rem;
  padding: 18px 12px 14px;
  display: flex;
  flex-direction: column;
  gap: 10px;
  border-radius: 8px;
  border: 1.5px solid #cdcdcd;
  border-top: none;
  border-top-left-radius: 0px !important;
  border-top-right-radius: 0px !important;
  z-index: 2;
  background-color: #fff;
  margin-bottom: -15px
}

.confirmation.svelte-i7mf5r .details.svelte-i7mf5r,
.upi-confirmation.svelte-i7mf5r .details.svelte-i7mf5r {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 15px;
  font-weight: 600;
  padding: 0 4px
}

.confirmation.svelte-i7mf5r .alert-text.svelte-i7mf5r,
.upi-confirmation.svelte-i7mf5r .alert-text.svelte-i7mf5r {
  background: #ebc185;
  font-size: 12px;
  padding: 8px;
  border-radius: 8px
}

.confirmation.svelte-i7mf5r .confirm-button.svelte-i7mf5r,
.upi-confirmation.svelte-i7mf5r .confirm-button.svelte-i7mf5r {
  font-size: 14px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  min-height: 40px;
  border-radius: 8px;
  border: 1.5px solid #000;
  color: #000 !important;
  background: #fff;
  box-shadow: rgba(60, 64, 67, .3) 0px 1px 2px 0px, rgba(60, 64, 67, .15) 0px 2px 6px 2px;
  transition: all .3s ease 0s;
  cursor: pointer
}

.confirmation.svelte-i7mf5r .confirm-button.svelte-i7mf5r:hover,
.confirmation.svelte-i7mf5r .confirm-button.svelte-i7mf5r:focus,
.upi-confirmation.svelte-i7mf5r .confirm-button.svelte-i7mf5r:hover,
.upi-confirmation.svelte-i7mf5r .confirm-button.svelte-i7mf5r:focus {
  background-color: #000;
  color: #fff !important
}

.arrow.globalImg.svelte-i7mf5r.svelte-i7mf5r {
  width: 7px;
  height: 12px;
  background-position: -185px -33px;
  transform: scale(1.1);
  filter: brightness(0) invert(1);
  margin-left: .25rem
}

.down-arrow.svelte-i7mf5r.svelte-i7mf5r {
  gap: 4px
}

.down-arrow.svelte-i7mf5r .arrow.svelte-i7mf5r {
  transform: rotate(90deg) scale(1.1)
}

.dashed-btn.svelte-i7mf5r.svelte-i7mf5r {
  border: 1.2px dashed #d0d5dd !important
}

.remove-bottom-border.svelte-i7mf5r.svelte-i7mf5r:nth-last-child(2) {
  border: none
}

.hide-btn.svelte-i7mf5r.svelte-i7mf5r {
  display: none
}

.disabled-cod-highlight.svelte-i7mf5r.svelte-i7mf5r {
  opacity: .45 !important
}

.floating-confirmation.svelte-i7mf5r.svelte-i7mf5r {
  border: none;
  top: 0;
  padding: 0
}

.upi-confirmation.svelte-i7mf5r.svelte-i7mf5r {
  padding: 0px
}

.btn-icon-wrap.svelte-i7mf5r.svelte-i7mf5r {
  display: flex;
  align-items: center;
  gap: .25rem
}

.btn-icon-wrap.svelte-i7mf5r .btnIcon.svelte-i7mf5r {
  width: 66px;
  height: 26px;
  display: flex
}

.btn-icon-wrap.svelte-i7mf5r .btnIcon.upi.svelte-i7mf5r {
  background-position: -144px -80px
}

.btn-icon-wrap.svelte-i7mf5r .btnIcon.cards.svelte-i7mf5r {
  background-position: -2px -80px
}

.btn-icon-wrap.svelte-i7mf5r .btnIcon.cod.svelte-i7mf5r,
.btn-icon-wrap.svelte-i7mf5r .btnIcon.ppcod.svelte-i7mf5r {
  background-position: -72px -110px;
  width: 28px
}

.btn-icon-wrap.svelte-i7mf5r .btnIcon.wallet.svelte-i7mf5r {
  background-position: -74px -80px
}

.btn-icon-wrap.svelte-i7mf5r .btnIcon.netbanking.svelte-i7mf5r {
  background-position: -3px -110px
}

.btn-icon-wrap.svelte-i7mf5r .btnIcon.snapmint.svelte-i7mf5r {
  background-position: -191px -110px;
  width: 26px
}

.btn-icon-wrap.svelte-i7mf5r .btnIcon.bnpl.svelte-i7mf5r {
  background-position: -128px -171px;
  width: 66px
}

.btn-icon-wrap.svelte-i7mf5r .btnIcon.bnpl-gk.svelte-i7mf5r {
  background-position: 0px -263px;
  width: 24px
}

.btn-icon-wrap.svelte-i7mf5r .btnIcon.simplpayin3.svelte-i7mf5r {
  background-position: -106px -373px;
  width: 24px
}

.btn-icon-wrap.svelte-i7mf5r .btnIcon.emi.svelte-i7mf5r {
  background-position: -96px -171px;
  width: 26px
}

.btn-icon-wrap.svelte-i7mf5r .btnIcon.credpay.svelte-i7mf5r {
  background-position: -103px -263px;
  width: 26px
}

.btn-icon-wrap.svelte-i7mf5r .btnIcon.bharatxpay.svelte-i7mf5r {
  background-position: -153px -263px;
  width: 26px
}

.btn-icon-wrap.svelte-i7mf5r .btnIcon.bnpl-lazypay.svelte-i7mf5r {
  background-position: -33px -206px;
  width: 26px
}

.btn-icon-wrap.svelte-i7mf5r .btnIcon.emi-zestmoney.svelte-i7mf5r {
  background-position: -2px -206px;
  width: 26px
}

.btn-icon-wrap.svelte-i7mf5r .btnIcon.bnpl-tatapay.svelte-i7mf5r {
  background-position: -73px -263px;
  width: 26px
}

.btn-icon-wrap.svelte-i7mf5r .btnIcon.bnpl-amazonpay.svelte-i7mf5r {
  background-position: -32px -139px;
  width: 26px
}

.btn-icon-wrap.svelte-i7mf5r .btnIcon.simplpayin3.svelte-i7mf5r {
  background-position: -105px -374px;
  width: 26x
}

.btn-icon-wrap.svelte-i7mf5r .btnIcon.bnpl-simplpay.svelte-i7mf5r {
  background-position: -105px -374px;
  width: 26x
}

.btn-icon-wrap.svelte-i7mf5r .bharatxlogo.svelte-i7mf5r {
  width: 28px;
  height: 26px;
  background-color: #fff;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center
}

.btn-icon-wrap.svelte-i7mf5r .bharatxlogo img.svelte-i7mf5r {
  max-width: 90%
}

.new-button-styles.svelte-i7mf5r.svelte-i7mf5r {
  gap: 0 !important;
  position: relative;
  padding: .9rem .5rem !important
}

.new-button-styles.svelte-i7mf5r .container.svelte-i7mf5r {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%
}

.new-button-styles.svelte-i7mf5r .container .label-wrapper.svelte-i7mf5r,
.new-button-styles.svelte-i7mf5r .container .price-wrapper.svelte-i7mf5r {
  display: flex;
  align-items: center;
  gap: .375rem
}

.new-button-styles.svelte-i7mf5r .container .label-wrapper .new-icon.svelte-i7mf5r {
  max-height: 25px;
  max-width: 24px;
  overflow: hidden;
  align-self: flex-start
}

.new-button-styles.svelte-i7mf5r .container .label-wrapper .new-icon .cred-small.svelte-i7mf5r {
  transform: scale(0.8);
  margin-top: -3px
}

.new-button-styles.svelte-i7mf5r .container .label-wrapper .new-icon .bnpl-gk-wrapper.svelte-i7mf5r {
  transform: scale(1.1) translate(1px, 4px)
}

.new-button-styles.svelte-i7mf5r .container .label-wrapper .cred-alt-styles.svelte-i7mf5r {
  background: #000;
  border-radius: 50%
}

.new-button-styles.svelte-i7mf5r .container .label-wrapper .new-title.svelte-i7mf5r {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center
}

.new-button-styles.svelte-i7mf5r .container .label-wrapper .new-title .title.svelte-i7mf5r {
  font-size: 14px;
  font-weight: 500;
  text-align: left
}

.new-button-styles.svelte-i7mf5r .container .label-wrapper .new-title .subtext.svelte-i7mf5r,
.new-button-styles.svelte-i7mf5r .container .label-wrapper .new-title .emi-subtext.svelte-i7mf5r {
  font-size: 11px;
  text-align: left
}

.new-button-styles.svelte-i7mf5r .container .label-wrapper .new-title .cod-subtext.svelte-i7mf5r {
  text-align: left;
  font-size: 12px;
  margin-top: 2px;
  line-height: 1
}

.new-button-styles.svelte-i7mf5r .container .price-wrapper.svelte-i7mf5r {
  gap: 2px
}

.new-button-styles.svelte-i7mf5r .container .price-wrapper .price.svelte-i7mf5r {
  display: flex;
  flex-direction: column;
  font-size: 16px;
  overflow: hidden
}

.new-button-styles.svelte-i7mf5r .container .price-wrapper .price .compared-price.svelte-i7mf5r {
  font-size: 12px;
  text-align: left
}

.new-button-styles.svelte-i7mf5r .container .price-wrapper .bnpl-price.svelte-i7mf5r {
  display: flex;
  flex-direction: column
}

.new-button-styles.svelte-i7mf5r .container .price-wrapper .bnpl-price .bnpl-subtext.svelte-i7mf5r {
  font-size: 12px
}

.new-button-styles.svelte-i7mf5r .container .price-wrapper .bnpl-price .snapmint-emi-subtext.svelte-i7mf5r {
  font-size: 12px;
  text-align: left
}

.new-button-styles.svelte-i7mf5r .container .price-wrapper .arrow-icon.svelte-i7mf5r {
  max-height: 16.5px;
  max-width: 13px;
  overflow: hidden
}

.cod-charges.svelte-i7mf5r .right.svelte-i7mf5r,
.cod-charges.svelte-i7mf5r .left.svelte-i7mf5r {
  background: var(--red)
}

.cod-charges.svelte-i7mf5r .badge-content.svelte-i7mf5r {
  background: var(--red)
}

.alert-color.svelte-i7mf5r.svelte-i7mf5r {
  background-color: var(--red) !important
}

.failure-alert.svelte-i7mf5r.svelte-i7mf5r {
  display: flex;
  flex-direction: row
}

.failure-alert.svelte-i7mf5r .text-message.svelte-i7mf5r {
  margin: 0px;
  color: var(--white);
  margin-left: 4px;
  font-size: 9px
}

.failure-alert.svelte-i7mf5r .icon.svelte-i7mf5r {
  width: 10px;
  height: 10px
}

.failure-alert.svelte-i7mf5r .alert-message-row.svelte-i7mf5r {
  display: flex;
  align-items: center;
  margin-left: 3px
}

.bharatx-wrapper.svelte-i7mf5r.svelte-i7mf5r {
  width: 30px
}

.bharatx-logo.svelte-i7mf5r.svelte-i7mf5r {
  width: 20px;
  height: 20px;
  background-color: #fff;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center
}

.bharatx-logo.svelte-i7mf5r img.svelte-i7mf5r {
  max-width: 90%
}

.alert-icon.svelte-i7mf5r.svelte-i7mf5r {
  width: 11px;
  height: 11px;
  background-position: 0px -291px
}

.decimal-price-container.svelte-i7mf5r.svelte-i7mf5r {
  display: flex;
  align-items: baseline
}

.decimal-price.svelte-i7mf5r.svelte-i7mf5r {
  font-size: 12px
}

.rupee-icon.svelte-i7mf5r.svelte-i7mf5r {
  padding-left: 2px
}

.down-arrow.svelte-i7mf5r.svelte-i7mf5r {
  transform: rotate(90deg)
}

.custome-img-wrapper.svelte-i7mf5r.svelte-i7mf5r {
  width: 30px
}

.custome-img-wrapper.svelte-i7mf5r .custome-img.svelte-i7mf5r {
  width: 20px;
  height: 20px;
  background-color: #fff;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center
}

.custome-img-wrapper.svelte-i7mf5r .custome-img img.svelte-i7mf5r {
  max-width: 90%
}

.right-aligned-badge.svelte-i7mf5r.svelte-i7mf5r {
  left: unset
}

.container.svelte-1ds026s.svelte-1ds026s {
  width: 100%
}

.container.svelte-1ds026s .content.svelte-1ds026s {
  width: 100%;
  box-sizing: border-box;
  padding: 0 .5rem
}

.container.svelte-1ds026s .message.svelte-1ds026s {
  font-size: 14px;
  line-height: 22px;
  color: var(--black);
  margin: 15px 0 20px
}

.container.svelte-1ds026s .btn-group.svelte-1ds026s {
  display: flex;
  flex-direction: column;
  gap: 25px;
  margin: 25px 0;
  font-size: 14px
}

.container.svelte-1ds026s .btn-group .btn.svelte-1ds026s {
  background: #000;
  border-radius: 12px;
  line-height: 24px;
  color: var(--white) !important;
  box-sizing: border-box;
  border: none;
  padding: 12px;
  width: 100%
}

.container.svelte-1ds026s .btn-group .btn-thin.svelte-1ds026s {
  line-height: 24px;
  border-radius: 12px;
  padding: 12px;
  font-weight: 500;
  box-shadow: rgba(99, 99, 99, .2) 0px 2px 8px 0px;
  background-color: #fff;
  color: var(--gokwik-blue) !important;
  border: 2px solid var(--gokwik-blue)
}

.title.svelte-1owtaue.svelte-1owtaue {
  display: block;
  font-size: 12px;
  color: var(--grey-blue-text);
  margin-bottom: .25rem;
  text-transform: uppercase
}

.payment-btn-group.svelte-1owtaue.svelte-1owtaue {
  display: flex;
  flex-direction: column;
  gap: .6rem;
  margin-bottom: 1rem
}

.list-wrapper.payment-btn-group.svelte-1owtaue.svelte-1owtaue {
  background: var(--white);
  border-radius: .875rem;
  overflow: hidden;
  gap: 0
}

.list-wrapper.new-style.svelte-1owtaue.svelte-1owtaue {
  gap: .5rem !important;
  background: rgba(0, 0, 0, 0) !important;
  overflow: visible !important;
  padding-top: 6px
}

.list-wrapper.accordion.svelte-1owtaue.svelte-1owtaue {
  gap: 0 !important;
  padding-top: 0 !important
}

.payment-btn-group.accordion>* {
  border-radius: 0 !important
}

.payment-btn-group.accordion>button:first-child {
  border-top-left-radius: 12px !important;
  border-top-right-radius: 12px !important
}

.payment-btn-group.accordion .accordion-item:first-child {
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important
}

.payment-btn-group.accordion>button:not(:first-child),
.payment-btn-group.accordion .accordion-item {
  border-top: none !important
}

.payment-btn-group.accordion .old-ui-discount-badge,
.payment-btn-group.accordion .new-ui-discount-badge {
  display: none !important
}

.payment-btn-group.accordion>button:last-child,
.payment-btn-group.accordion .accordion-item:last-child {
  border-bottom-left-radius: 12px !important;
  border-bottom-right-radius: 12px !important
}

.cod-info.svelte-1owtaue.svelte-1owtaue {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: .3rem;
  font-size: 10px
}

.cod-info.svelte-1owtaue .globalImg.svelte-1owtaue {
  width: 10px;
  height: 10px;
  background-position: -166px -63px
}

.offers-carousel.svelte-1vauw57.svelte-1vauw57.svelte-1vauw57 {
  position: relative;
  width: 100%;
  margin-bottom: 16px
}

.offers-carousel.svelte-1vauw57 .offers-scroll.svelte-1vauw57.svelte-1vauw57 {
  display: flex;
  overflow-x: auto;
  scroll-behavior: smooth;
  scroll-snap-type: x mandatory;
  -ms-overflow-style: none;
  scrollbar-width: none;
  width: 100%;
  -webkit-overflow-scrolling: touch
}

.offers-carousel.svelte-1vauw57 .offers-scroll.svelte-1vauw57.svelte-1vauw57::-webkit-scrollbar {
  display: none
}

.offers-carousel.svelte-1vauw57 .offer-card.svelte-1vauw57.svelte-1vauw57 {
  position: relative;
  flex: 0 0 100%;
  scroll-snap-align: start;
  border-radius: 12px;
  border: 1px solid #eaecf0;
  background: linear-gradient(68.58deg, #ffffff 63.09%, rgba(255, 255, 255, 0) 100%);
  padding: 0
}

.offers-carousel.svelte-1vauw57 .details-offer-card.svelte-1vauw57.svelte-1vauw57 {
  flex: 0 0 100%;
  scroll-snap-align: start
}

.offers-carousel.details-offers-carousel.svelte-1vauw57 .offers-scroll.svelte-1vauw57.svelte-1vauw57 {
  scroll-snap-type: x mandatory
}

.offers-carousel.svelte-1vauw57 .offer-content.svelte-1vauw57.svelte-1vauw57 {
  box-sizing: border-box;
  display: flex;
  gap: 4px;
  align-items: center;
  padding: 4px;
  width: 100%
}

.offers-carousel.svelte-1vauw57 .offer-content .offer-icon.svelte-1vauw57.svelte-1vauw57 {
  flex: 0 0 30px;
  width: 10px;
  height: 30px;
  transform: scale(0.7)
}

.offers-carousel.svelte-1vauw57 .offer-content .offer-icon.globalImg.svelte-1vauw57.svelte-1vauw57 {
  background-position: -3px -169px
}

.offers-carousel.svelte-1vauw57 .offer-content .offer-text.svelte-1vauw57.svelte-1vauw57 {
  display: flex;
  flex: 1;
  gap: 2px;
  flex-direction: column;
  text-align: left
}

.offers-carousel.svelte-1vauw57 .offer-content .offer-text .title.svelte-1vauw57.svelte-1vauw57 {
  font-weight: 600;
  font-size: 12px;
  color: var(--Brand-900, rgb(0, 25, 47));
  line-height: normal
}

.offers-carousel.svelte-1vauw57 .offer-content .offer-text .description.svelte-1vauw57.svelte-1vauw57 {
  font-weight: 400;
  font-size: 10px;
  line-height: normal;
  color: var(--Gray-500, #667085)
}

.pagination-dots.svelte-1vauw57.svelte-1vauw57.svelte-1vauw57 {
  display: flex;
  justify-content: center;
  gap: 4px;
  margin-top: 4px;
  position: absolute;
  bottom: -10px;
  left: 0;
  right: 0
}

.pagination-dots.svelte-1vauw57 .dot.svelte-1vauw57.svelte-1vauw57 {
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: #d0d5dd;
  border: none;
  padding: 0;
  cursor: pointer;
  transition: all .2s ease
}

.pagination-dots.svelte-1vauw57 .dot.active.svelte-1vauw57.svelte-1vauw57 {
  width: 12px;
  border-radius: 4px;
  background: var(--Brand-500-Brand, rgb(0, 75, 141))
}

.one-offer.svelte-1vauw57.svelte-1vauw57.svelte-1vauw57 {
  padding-bottom: 0;
  margin-bottom: 0
}

.highlight-offer.svelte-1vauw57.svelte-1vauw57.svelte-1vauw57 {
  border: 1px solid var(--m-teal) !important;
  position: initial !important;
  flex: 0 0 99% !important
}

.highlight-offer.svelte-1vauw57 .offer-content.svelte-1vauw57.svelte-1vauw57 {
  padding: 8px 4px
}

.offer-change-btn.svelte-1vauw57.svelte-1vauw57.svelte-1vauw57 {
  font-weight: 600;
  font-size: 12px;
  line-height: 0px;
  letter-spacing: -0.2px;
  vertical-align: middle;
  text-transform: uppercase;
  color: var(--Brand-500, #004b8d);
  border: none
}

.details-offer-content.svelte-1vauw57.svelte-1vauw57.svelte-1vauw57 {
  box-sizing: border-box;
  background: #f5faff;
  display: flex;
  gap: 10px;
  align-items: center;
  padding: 16px 6px;
  width: 100%
}

.details-offer-content.svelte-1vauw57 .offer-icon.svelte-1vauw57.svelte-1vauw57 {
  flex: 0 0 32px;
  width: 32px;
  height: 32px
}

.details-offer-content.svelte-1vauw57 .offer-icon.globalImg.svelte-1vauw57.svelte-1vauw57 {
  background-position: -3px -169px
}

.details-offer-content.svelte-1vauw57 .offer-text.svelte-1vauw57.svelte-1vauw57 {
  display: flex;
  flex: 1;
  gap: 4px;
  flex-direction: column;
  text-align: left;
  font-weight: 600
}

.details-offer-content.svelte-1vauw57 .offer-text.svelte-1vauw57 .title.svelte-1vauw57 {
  font-size: 14px;
  color: var(--Brand-900, rgb(0, 25, 47));
  line-height: normal
}

.details-offer-content.svelte-1vauw57 .offer-text .price.svelte-1vauw57.svelte-1vauw57 {
  font-size: 12px;
  text-align: left;
  color: var(--Teal-500, #15b79e)
}

.details-offer-content.svelte-1vauw57 .offer-text .price .compared-price.svelte-1vauw57.svelte-1vauw57 {
  font-size: 12px
}

.terms-content.svelte-1vauw57.svelte-1vauw57.svelte-1vauw57 {
  padding: 6px 12px
}

.terms-content.svelte-1vauw57 .description.svelte-1vauw57.svelte-1vauw57 {
  font-weight: 400;
  font-size: 14px;
  line-height: normal;
  color: #000;
  padding-top: 8px
}

.terms-content.svelte-1vauw57 h3.svelte-1vauw57.svelte-1vauw57 {
  font-size: 14px;
  margin: 12px 0;
  font-weight: 500;
  line-height: 100%
}

.terms-content.svelte-1vauw57 ul.svelte-1vauw57.svelte-1vauw57 {
  list-style: none;
  padding: 0;
  margin: 0
}

.terms-content.svelte-1vauw57 ul li.svelte-1vauw57.svelte-1vauw57 {
  font-size: 12px;
  color: #666;
  margin-bottom: 8px;
  position: relative;
  padding-left: 16px
}

.terms-content.svelte-1vauw57 ul li.svelte-1vauw57.svelte-1vauw57:before {
  content: "•";
  position: absolute;
  left: 0
}

.offer-apply-btn.svelte-1vauw57.svelte-1vauw57.svelte-1vauw57 {
  font-weight: 600;
  font-size: 14px;
  line-height: 0px;
  text-transform: uppercase;
  color: var(--Brand-500, #004b8d);
  border: none;
  padding-right: 10px
}

.details-offers-carousel.svelte-1vauw57.svelte-1vauw57.svelte-1vauw57 {
  margin-bottom: 24px
}

.split-tabs.svelte-1mi7vle.svelte-1mi7vle {
  display: flex;
  gap: 8px;
  padding: 4px;
  background: #e5e7eb;
  border-radius: 24px;
  overflow: visible
}

.tab-btn.svelte-1mi7vle.svelte-1mi7vle {
  position: relative;
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 2px;
  padding: 10px 8px;
  border-radius: 24px;
  border: 1px solid rgba(0, 0, 0, 0);
  background: #e5e7eb;
  color: var(--l-grey);
  cursor: pointer;
  font-family: inherit;
  overflow: visible;
  transition: background .15s ease, border-color .15s ease, color .15s ease
}

.tab-btn.svelte-1mi7vle .old-ui-discount-badge {
  top: -2px;
  left: 50%;
  transform: translate(-50%, -50%)
}

.tab-btn.selected.svelte-1mi7vle.svelte-1mi7vle {
  background: var(--white);
  border-color: var(--black);
  color: var(--black)
}

.tab-btn.selected.svelte-1mi7vle .tab-price.svelte-1mi7vle {
  font-weight: 600;
  color: var(--black)
}

.tab-btn.svelte-1mi7vle.svelte-1mi7vle:focus-visible {
  outline: 2px solid var(--black);
  outline-offset: 2px
}

.tab-label.svelte-1mi7vle.svelte-1mi7vle {
  font-size: 12px;
  font-weight: 400;
  line-height: 1.3;
  text-align: center
}

.tab-price.svelte-1mi7vle.svelte-1mi7vle {
  font-size: 14px;
  text-align: center
}

.emi-preview-panel.svelte-1c8rr11.svelte-1c8rr11 {
  background: var(--white);
  border: 1px solid #e4e8eb;
  border-radius: 12px;
  overflow: hidden;
  transition: background .2s ease
}

.emi-preview-panel.collapsed.svelte-1c8rr11 .emi-preview-header.svelte-1c8rr11 {
  color: var(--white)
}

.emi-preview-panel.collapsed.svelte-1c8rr11 .payment-badge.svelte-1c8rr11 {
  color: #4ade80
}

.emi-preview-panel.collapsed.svelte-1c8rr11 .price-wrapper.svelte-1c8rr11 {
  color: var(--white)
}

.emi-preview-header.svelte-1c8rr11.svelte-1c8rr11 {
  width: 100%;
  text-align: left;
  padding: 12px 10px;
  background: rgba(0, 0, 0, 0);
  border: none;
  display: flex;
  align-items: center;
  justify-content: start;
  gap: 6px;
  cursor: pointer
}

.emi-preview-header.svelte-1c8rr11 .new-icon.svelte-1c8rr11 {
  max-height: 22px;
  max-width: 24px;
  overflow: hidden
}

.emi-preview-collapse.svelte-1c8rr11.svelte-1c8rr11 {
  display: grid;
  grid-template-rows: 0fr;
  transition: grid-template-rows .2s ease-in-out
}

.emi-preview-collapse.expanded.svelte-1c8rr11.svelte-1c8rr11 {
  grid-template-rows: 1fr
}

.emi-preview-content.svelte-1c8rr11.svelte-1c8rr11 {
  overflow: hidden;
  background: linear-gradient(0deg, #f8f8f8 0%, #fff 100%)
}

.bnpl-preview-container.svelte-1c8rr11.svelte-1c8rr11 {
  background: #fff;
  padding: 12px;
  border: 1px solid #e4e8eb;
  border-left: 0;
  border-right: 0
}

.emi-preview-bnpl.svelte-1c8rr11.svelte-1c8rr11 {
  display: flex;
  flex-direction: column
}

.cta-wrapper.svelte-1c8rr11.svelte-1c8rr11 {
  padding: 10px;
  background: #fff
}

.emi-preview-cta.svelte-1c8rr11.svelte-1c8rr11 {
  width: 100%;
  padding: 12px;
  border: none;
  border-radius: 12px;
  background-color: var(--black);
  color: var(--white);
  font-size: 14px;
  font-weight: 600;
  cursor: pointer
}

.snapmint-schedule.svelte-1c8rr11.svelte-1c8rr11 {
  display: flex;
  align-items: center;
  justify-content: space-evenly;
  padding: 16px 0;
  border: 1px solid #e4e8eb;
  border-left: 0;
  border-right: 0
}

.snapmint-col.svelte-1c8rr11.svelte-1c8rr11 {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2px
}

.snapmint-label.svelte-1c8rr11.svelte-1c8rr11 {
  font-size: 13px;
  font-weight: 500;
  color: var(--l-grey)
}

.snapmint-amount.svelte-1c8rr11.svelte-1c8rr11 {
  font-size: 16px;
  font-weight: 600;
  color: var(--black)
}

.snapmint-sub.svelte-1c8rr11.svelte-1c8rr11 {
  font-size: 12px;
  color: #6c737f
}

.snapmint-plus.svelte-1c8rr11.svelte-1c8rr11,
.snapmint-arrow.svelte-1c8rr11.svelte-1c8rr11 {
  font-size: 18px;
  color: #6c737f;
  margin-top: 8px
}

.custom-emi-img-wrapper.svelte-1c8rr11.svelte-1c8rr11 {
  width: 30px
}

.custom-emi-img-wrapper.svelte-1c8rr11 .custom-emi-img.svelte-1c8rr11 {
  width: 20px;
  height: 20px;
  background-color: #fff;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center
}

.custom-emi-img-wrapper.svelte-1c8rr11 .custom-emi-img img.svelte-1c8rr11 {
  max-width: 90%
}

.payment-text.svelte-1c8rr11.svelte-1c8rr11 {
  display: flex;
  flex-direction: column;
  gap: 2px;
  align-items: start;
  justify-content: space-between
}

.payment-text.svelte-1c8rr11 .payment-title.svelte-1c8rr11 {
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  display: flex;
  align-items: center;
  gap: 0px 8px;
  flex-wrap: wrap
}

.payment-text.svelte-1c8rr11 .payment-badge.svelte-1c8rr11 {
  border-radius: 100px;
  background: none;
  color: #067647;
  font-weight: 500;
  font-size: 12px;
  line-height: 16px;
  white-space: normal
}

.payment-text.svelte-1c8rr11 .payment-badge .globalImg.svelte-1c8rr11 {
  display: inline-block;
  width: 12px;
  height: 12px;
  background-position: -133px -59px
}

.price-wrapper.svelte-1c8rr11.svelte-1c8rr11 {
  display: flex;
  align-items: center;
  gap: 2px;
  margin-left: auto
}

.price-wrapper.svelte-1c8rr11 .price.svelte-1c8rr11 {
  display: flex;
  flex-direction: column;
  font-size: 14px;
  overflow: hidden;
  align-items: end
}

.price-wrapper.svelte-1c8rr11 .bnpl-price-width.svelte-1c8rr11 {
  text-align: left;
  white-space: nowrap
}

.price-wrapper.svelte-1c8rr11 .bnpl-price.svelte-1c8rr11 {
  display: flex;
  flex-direction: column;
  align-items: end
}

.price-wrapper.svelte-1c8rr11 .bnpl-price .bnpl-subtext.svelte-1c8rr11 {
  font-size: 12px
}

.price-wrapper.svelte-1c8rr11 .bnpl-price .snapmint-emi-subtext.svelte-1c8rr11 {
  font-size: 12px;
  text-align: left
}

.price-wrapper.svelte-1c8rr11 .arrow-icon.svelte-1c8rr11 {
  max-height: 16.5px;
  max-width: 13px;
  overflow: hidden;
  transition: transform .2s ease-in-out;
  margin-left: 4px
}

.decimal-price-container.svelte-1c8rr11.svelte-1c8rr11 {
  display: flex;
  align-items: baseline
}

.decimal-price.svelte-1c8rr11.svelte-1c8rr11 {
  font-size: 12px;
  color: #6c737f
}

.up-arrow.svelte-1c8rr11.svelte-1c8rr11 {
  transform: rotate(-90deg)
}

.down-arrow.svelte-1c8rr11.svelte-1c8rr11 {
  transform: rotate(90deg)
}

.card-emi-preview.svelte-1c8rr11.svelte-1c8rr11 {
  padding: 10px
}

.card-emi-preview.svelte-1c8rr11 .emi-container {
  margin-top: 0
}

.card-emi-preview.svelte-1c8rr11 .emi-bank-container {
  padding: 0;
  margin-top: 0
}

.card-emi-preview.svelte-1c8rr11 .content-container {
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 8px
}

.card-emi-preview.svelte-1c8rr11 .card-btn-container {
  border: 1px solid #e4e8eb !important;
  border-radius: 12px !important
}

.card-emi-preview.svelte-1c8rr11 .card-btn {
  padding: 10px 12px
}

.card-emi-preview.svelte-1c8rr11 .view-all {
  border: 1px solid #e4e8eb !important;
  border-radius: 12px !important
}

.no-spacing.svelte-1c8rr11.svelte-1c8rr11 {
  padding: 0
}

.no-spacing.svelte-1c8rr11 .emi-bank-container {
  padding: 0 !important
}

button[disabled].svelte-1c8rr11.svelte-1c8rr11,
button.disabled.svelte-1c8rr11.svelte-1c8rr11 {
  opacity: .4;
  cursor: none;
  pointer-events: none
}

.disable-color.svelte-1c8rr11.svelte-1c8rr11 {
  background: #bdbdbd !important
}

button.alternateMobileUi.svelte-1c8rr11.svelte-1c8rr11 {
  background: var(--white) !important;
  color: var(--black28) !important
}

.collect-wrapper.svelte-u2sa19.svelte-u2sa19.svelte-u2sa19 {
  display: flex;
  flex-direction: column;
  gap: 12px
}

.collect-wrapper.svelte-u2sa19 .error-message.svelte-u2sa19.svelte-u2sa19 {
  color: red;
  margin: 0;
  font-size: .75rem
}

.collect-wrapper.svelte-u2sa19 .sub-label.svelte-u2sa19.svelte-u2sa19 {
  font-size: .7rem;
  margin: 0;
  padding-bottom: 15px;
  padding-left: 4px;
  color: var(--grey-blue-text)
}

.collect-container.svelte-u2sa19.svelte-u2sa19.svelte-u2sa19 {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 8px
}

.payment-link.svelte-u2sa19 p.svelte-u2sa19.svelte-u2sa19 {
  font-size: 13px;
  line-height: 16px
}

.suggestions-wrapper.svelte-u2sa19.svelte-u2sa19.svelte-u2sa19 {
  min-height: 36px;
  position: relative;
  overflow-y: hidden;
  overflow-x: auto
}

.suggestions-wrapper.svelte-u2sa19 .container.svelte-u2sa19.svelte-u2sa19 {
  position: absolute
}

.suggestions-wrapper.svelte-u2sa19 .container .scrollable-list.svelte-u2sa19.svelte-u2sa19 {
  display: flex;
  flex-wrap: nowrap;
  margin: 0;
  padding: 0;
  list-style-type: none;
  overflow-y: scroll;
  gap: 4px
}

.suggestions-wrapper.svelte-u2sa19 .container .suggestion.svelte-u2sa19.svelte-u2sa19 {
  font-size: 13px;
  font-weight: 600;
  border: 1px solid #cdcdcd;
  border-radius: 12px;
  padding: 4px 8px;
  background-color: rgba(0, 0, 0, 0);
  color: #000
}

.previously-used-vpa.svelte-u2sa19.svelte-u2sa19.svelte-u2sa19 {
  box-sizing: border-box;
  position: relative;
  background: var(--white);
  color: var(--black28);
  border-radius: 12px;
  display: flex;
  height: 60px;
  justify-content: space-between;
  align-items: center;
  padding: 0 12px
}

.previously-used-vpa.svelte-u2sa19 .content.svelte-u2sa19.svelte-u2sa19 {
  display: flex;
  align-items: center;
  gap: 8px
}

.previously-used-vpa.svelte-u2sa19 .content .icon.svelte-u2sa19.svelte-u2sa19 {
  width: 32px
}

.previously-used-vpa.svelte-u2sa19 .content .icon .globalImg.svelte-u2sa19.svelte-u2sa19 {
  transform: scale(1);
  -webkit-transform: scale(1);
  -moz-transform: scale(1)
}

.previously-used-vpa.svelte-u2sa19 .content .icon .phonepe-icon.svelte-u2sa19.svelte-u2sa19 {
  width: 32px;
  height: 32px;
  cursor: pointer;
  display: inline-block;
  background-position: -136px -291px
}

.previously-used-vpa.svelte-u2sa19 .content .icon .gpay-icon.svelte-u2sa19.svelte-u2sa19 {
  width: 32px;
  height: 32px;
  cursor: pointer;
  display: inline-block;
  background-position: -66px -291px
}

.previously-used-vpa.svelte-u2sa19 .content .icon .credpay-icon.svelte-u2sa19.svelte-u2sa19 {
  width: 32px;
  height: 32px;
  cursor: pointer;
  display: inline-block;
  background-position: -32px -291px
}

.previously-used-vpa.svelte-u2sa19 .content .icon .paytm-icon.svelte-u2sa19.svelte-u2sa19 {
  width: 32px;
  height: 32px;
  cursor: pointer;
  display: inline-block;
  background-position: -100px -291px
}

.previously-used-vpa.svelte-u2sa19 .content .icon .others-icon.svelte-u2sa19.svelte-u2sa19 {
  width: 32px;
  height: 32px;
  cursor: pointer;
  display: inline-block;
  background-position: -172px -291px;
  transform: scale(1);
  -webkit-transform: scale(1);
  -moz-transform: scale(1)
}

.previously-used-vpa.svelte-u2sa19 .content .info.svelte-u2sa19.svelte-u2sa19 {
  display: flex;
  flex-direction: column
}

.previously-used-vpa.svelte-u2sa19 .content .info .vpa-id.svelte-u2sa19.svelte-u2sa19 {
  display: flex;
  gap: 6px;
  align-items: center
}

.previously-used-vpa.svelte-u2sa19 .content .info .vpa-id .vpa.svelte-u2sa19.svelte-u2sa19 {
  font-size: 14px;
  line-height: 16px
}

.previously-used-vpa.svelte-u2sa19 .content .info .psp-app.svelte-u2sa19.svelte-u2sa19 {
  font-size: 11px
}

.discount-badge.svelte-u2sa19.svelte-u2sa19.svelte-u2sa19 {
  font-size: 8px;
  line-height: 10px;
  display: flex;
  position: absolute;
  top: 2px;
  left: 50%;
  transform: translate(-50%, -50%)
}

.discount-badge.svelte-u2sa19 .left.svelte-u2sa19.svelte-u2sa19,
.discount-badge.svelte-u2sa19 .right.svelte-u2sa19.svelte-u2sa19 {
  background: #05806f;
  width: 6px;
  height: 6px
}

.discount-badge.svelte-u2sa19 .left.svelte-u2sa19.svelte-u2sa19 {
  border-top-left-radius: 28px
}

.discount-badge.svelte-u2sa19 .right.svelte-u2sa19.svelte-u2sa19 {
  border-top-right-radius: 28px
}

.discount-badge.svelte-u2sa19 .badge-content.svelte-u2sa19.svelte-u2sa19 {
  width: fit-content
}

.extra-margin.svelte-u2sa19.svelte-u2sa19.svelte-u2sa19 {
  margin-bottom: .75rem
}

.img-wrap.svelte-u2sa19.svelte-u2sa19.svelte-u2sa19 {
  width: 15px;
  height: 12px
}

.img-wrap.svelte-u2sa19 .globalImg.svelte-u2sa19.svelte-u2sa19 {
  display: flex;
  background-position: -179px -33px;
  height: 12px;
  width: 16px;
  transform: scale(1)
}

.offer-icon.svelte-u2sa19.svelte-u2sa19.svelte-u2sa19 {
  transform: rotate(180deg)
}

.vpa-styles.svelte-u2sa19.svelte-u2sa19.svelte-u2sa19 {
  color: #004b8d;
  border-radius: 6px;
  border: 1px solid #e4e8eb
}

.price-wrapper.svelte-u2sa19.svelte-u2sa19.svelte-u2sa19 {
  display: flex;
  align-items: center
}

.price-text.svelte-u2sa19.svelte-u2sa19.svelte-u2sa19 {
  display: flex;
  flex-direction: column
}

.strike-through-price.svelte-u2sa19.svelte-u2sa19.svelte-u2sa19 {
  font-size: 12px;
  text-decoration: line-through
}

.suggested-vpaContainers.svelte-u2sa19.svelte-u2sa19.svelte-u2sa19 {
  display: flex;
  flex-direction: column;
  position: fixed;
  background-color: #fff;
  border-radius: 4px;
  gap: 10px;
  z-index: 99999;
  padding: 12px 6px;
  max-height: 250px;
  overflow-y: auto;
  box-shadow: rgba(0, 0, 0, .1) 0px 0px 4px 0px, rgba(0, 0, 0, .1) 0px 0px 1px 0px
}

.suggested-vpaId.svelte-u2sa19.svelte-u2sa19.svelte-u2sa19 {
  border: none;
  text-align: left;
  font-size: 14px;
  display: flex;
  gap: 12px;
  justify-content: space-between;
  align-items: center
}

.suggested-icon.svelte-u2sa19.svelte-u2sa19.svelte-u2sa19 {
  border: none;
  transform: rotate(50deg)
}

.suggested-icon.svelte-u2sa19 .globalImg.svelte-u2sa19.svelte-u2sa19 {
  width: 15px;
  height: 11px;
  display: flex;
  background-position: -195px -32px
}

.suggested-vpa.svelte-u2sa19.svelte-u2sa19.svelte-u2sa19 {
  width: 220px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis
}

.highlight.svelte-u2sa19.svelte-u2sa19.svelte-u2sa19 {
  font-weight: 600;
  font-size: 15px
}

.custom-input.svelte-u2sa19.svelte-u2sa19.svelte-u2sa19 {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  width: fit-content;
  position: static;
  max-width: 540px;
  width: 100%;
  background: var(--white);
  position: relative;
  border-radius: 12px
}

.custom-input.svelte-u2sa19 label.text.svelte-u2sa19.svelte-u2sa19 {
  font-size: 14px;
  color: var(--grey-blue-text);
  position: absolute;
  top: 50%;
  margin: 0 0 0 12px;
  padding: 4px;
  background: var(--white);
  width: fit-content;
  border-radius: 6px;
  transform: translateY(-50%);
  transition: top .1s ease-in-out
}

.custom-input.svelte-u2sa19 input[type=text].input.svelte-u2sa19.svelte-u2sa19 {
  padding: 12px 72px 12px 12px;
  font-size: 14px;
  border-radius: 12px;
  background: var(--white)
}

.custom-input.svelte-u2sa19 input[type=text].input.svelte-u2sa19.svelte-u2sa19::placeholder {
  opacity: 0;
  transition: opacity .1s ease-in-out
}

.custom-input.svelte-u2sa19 input[type=text].input.svelte-u2sa19~.btn.svelte-u2sa19 {
  opacity: 0;
  pointer-events: none
}

.custom-input.svelte-u2sa19 input[type=text].input.svelte-u2sa19:focus-within+label.text.svelte-u2sa19,
.custom-input.svelte-u2sa19 input[type=text].input.svelte-u2sa19:not(:placeholder-shown)+label.text.svelte-u2sa19 {
  top: 0%
}

.custom-input.svelte-u2sa19 input[type=text].input.svelte-u2sa19:not(:placeholder-shown)~.btn.svelte-u2sa19 {
  opacity: 1;
  pointer-events: all
}

.custom-input.svelte-u2sa19 input[type=text].input.svelte-u2sa19.svelte-u2sa19:focus {
  outline: none
}

.custom-input.svelte-u2sa19 input[type=text].input.svelte-u2sa19.svelte-u2sa19:focus-within {
  border-color: #6a6a6a
}

.custom-input.svelte-u2sa19 input[type=text].input.svelte-u2sa19.svelte-u2sa19:focus-within::placeholder {
  opacity: 1
}

.or-option.bg-white.svelte-u2sa19 p.svelte-u2sa19.svelte-u2sa19 {
  background: #fff !important
}

.share-link-wrapper.svelte-u2sa19 .sub-label.svelte-u2sa19.svelte-u2sa19 {
  padding-bottom: 0
}

.btn.svelte-u2sa19.svelte-u2sa19.svelte-u2sa19 {
  display: inline-block;
  position: absolute;
  right: 6px;
  top: 50%;
  transform: translateY(-50%);
  padding: 8px 12px;
  border-radius: 6px;
  color: var(--white);
  background: var(--m-teal);
  border: none;
  font-weight: 500;
  font-size: 12px;
  transition: opacity .1s ease-in-out
}

.btn.disabled.svelte-u2sa19.svelte-u2sa19.svelte-u2sa19 {
  opacity: .4;
  background: gray !important
}

.new-ui-discount-badge.svelte-u2sa19.svelte-u2sa19.svelte-u2sa19 {
  top: -2px
}

.rupee-icon.svelte-u2sa19.svelte-u2sa19.svelte-u2sa19 {
  padding-left: 2px
}

.container.svelte-1hykj4z.svelte-1hykj4z.svelte-1hykj4z {
  position: relative;
  padding: 8px;
  border-radius: 16px;
  background: var(--white);
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  min-height: inherit
}

.container.svelte-1hykj4z .close-icon.svelte-1hykj4z.svelte-1hykj4z {
  color: var(--black);
  font-size: 14px;
  text-align: center;
  margin: 10px 0px;
  text-decoration: underline;
  border: none;
  margin-left: 4px
}

.container.svelte-1hykj4z .header.svelte-1hykj4z.svelte-1hykj4z {
  display: flex;
  flex-direction: column;
  gap: 8px
}

.container.svelte-1hykj4z .title.svelte-1hykj4z.svelte-1hykj4z {
  font-size: 24px;
  line-height: 28px;
  color: var(--black)
}

.container.svelte-1hykj4z .sub-title.svelte-1hykj4z.svelte-1hykj4z {
  font-size: 12px;
  line-height: 16px;
  color: var(--green);
  text-align: left
}

.container.svelte-1hykj4z .timer.svelte-1hykj4z.svelte-1hykj4z {
  font-size: 14px;
  margin-bottom: 8px;
  display: flex;
  align-items: center
}

.container.svelte-1hykj4z .timer.svelte-1hykj4z>span.svelte-1hykj4z {
  color: var(--d-yellow)
}

.container.svelte-1hykj4z .steps.svelte-1hykj4z.svelte-1hykj4z {
  display: flex;
  flex-direction: column;
  gap: 14px;
  margin: 24px 0px
}

.container.svelte-1hykj4z .step.svelte-1hykj4z.svelte-1hykj4z {
  font-size: 15px;
  display: flex;
  gap: 10px;
  line-height: 20px
}

.container.svelte-1hykj4z .step-number.svelte-1hykj4z.svelte-1hykj4z {
  box-sizing: border-box;
  font-size: 14px;
  color: var(--white);
  background-color: var(--m-teal);
  border-radius: 8px;
  padding: 2px;
  height: 21px;
  width: 22px;
  display: inline-flex;
  align-items: center;
  justify-content: center
}

.container.svelte-1hykj4z .retry-error-message.svelte-1hykj4z.svelte-1hykj4z {
  font-size: 14px;
  line-height: 20px;
  color: var(--black);
  margin: 10px 0 20px
}

.container.svelte-1hykj4z .btn-group.svelte-1hykj4z.svelte-1hykj4z {
  display: flex;
  flex-direction: column;
  gap: 25px
}

.container.svelte-1hykj4z .btn-group .btn.svelte-1hykj4z.svelte-1hykj4z {
  font-size: 14px;
  line-height: 20px;
  background-color: #000;
  border: none;
  color: #fff;
  padding: 12px;
  border-radius: 12px;
  margin-top: 12px
}

.container.svelte-1hykj4z .cancel-error-message.svelte-1hykj4z.svelte-1hykj4z {
  font-size: 14px;
  color: var(--m-black);
  font-weight: 400;
  margin-bottom: 14px;
  text-align: left;
  line-height: 20px
}

@media screen and (min-width: 600px) {
  .container.svelte-1hykj4z .cancel-error-message.svelte-1hykj4z.svelte-1hykj4z {
    text-align: center
  }
}

.timer-wrapper.svelte-1hykj4z.svelte-1hykj4z.svelte-1hykj4z {
  display: inline-block;
  width: 110px
}

.psp-container.svelte-1k2jw7u.svelte-1k2jw7u.svelte-1k2jw7u {
  width: 100%;
  background: #fff
}

.title.svelte-1k2jw7u.svelte-1k2jw7u.svelte-1k2jw7u {
  display: flex;
  justify-content: space-between;
  padding: 0 1rem;
  font-size: 1rem;
  height: fit-content;
  margin-bottom: .5rem
}

.upi-wrapper.svelte-1k2jw7u.svelte-1k2jw7u.svelte-1k2jw7u {
  background: #fff;
  border-radius: 8px;
  padding-bottom: .5rem
}

.psp-wrappers.svelte-1k2jw7u.svelte-1k2jw7u.svelte-1k2jw7u {
  display: flex;
  padding: .7rem .5rem .2rem;
  overflow-x: scroll;
  scroll-behavior: smooth;
  scrollbar-width: auto;
  scrollbar-color: #007bff #e0e0e0
}

.view-reset.svelte-1k2jw7u.svelte-1k2jw7u.svelte-1k2jw7u {
  width: 20% !important;
  flex-wrap: nowrap
}

.upi-option.svelte-1k2jw7u.svelte-1k2jw7u.svelte-1k2jw7u {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 25%;
  font-size: 12px;
  line-height: 12px;
  font-weight: 400;
  color: var(--a5);
  outline: none;
  padding: .25rem;
  box-sizing: border-box;
  min-width: 80px;
  min-height: 84px;
  word-break: break-word;
  transform-style: preserve-3d;
  background: #fff
}

.upi-option.svelte-1k2jw7u span.svelte-1k2jw7u.svelte-1k2jw7u {
  font-size: 12px;
  color: #000
}

.upi-option.svelte-1k2jw7u img.svelte-1k2jw7u.svelte-1k2jw7u {
  width: 50px;
  height: 50px;
  object-fit: contain
}

.upi-option.no-bg.svelte-1k2jw7u.svelte-1k2jw7u.svelte-1k2jw7u {
  background: #fff !important
}

.discount-badge.svelte-1k2jw7u.svelte-1k2jw7u.svelte-1k2jw7u {
  font-size: 9px;
  line-height: 10px;
  background: rgba(255, 255, 255, .3);
  padding: 3px;
  color: #fff;
  margin-top: .1rem;
  background: #ecfdf3 !important;
  border: 1px solid #039855 !important;
  border-radius: 12px;
  color: #039855 !important
}

.collect-wrapper.svelte-1k2jw7u.svelte-1k2jw7u.svelte-1k2jw7u {
  padding: 0 12px
}

.collect-margin.svelte-1k2jw7u.svelte-1k2jw7u.svelte-1k2jw7u {
  margin-top: 10px
}

.or-option.svelte-1k2jw7u.svelte-1k2jw7u.svelte-1k2jw7u {
  position: relative;
  text-align: center;
  z-index: 8;
  display: inline-flex;
  width: 100%;
  justify-content: center;
  margin-top: 10px
}

.or-option.svelte-1k2jw7u p.svelte-1k2jw7u.svelte-1k2jw7u {
  font-size: 12px;
  line-height: .3rem;
  text-align: center;
  background: var(--white);
  display: inline-block;
  padding: .5rem;
  z-index: auto !important;
  color: #6c737f
}

.or-option.svelte-1k2jw7u p.svelte-1k2jw7u.svelte-1k2jw7u:after {
  content: "";
  position: absolute;
  height: 1px;
  background: #d2d6db;
  left: 12px;
  right: 12px;
  width: unset;
  z-index: -1
}

.combined-panel-styles.svelte-1k2jw7u.svelte-1k2jw7u.svelte-1k2jw7u {
  background: #fff;
  border: 1px solid #eaecf0;
  position: relative;
  padding: 12px 0
}

.cred-icon.svelte-1k2jw7u.svelte-1k2jw7u.svelte-1k2jw7u {
  background: #fff;
  border-radius: 6px
}

.cred-icon.svelte-1k2jw7u .img.svelte-1k2jw7u.svelte-1k2jw7u {
  display: flex;
  justify-content: center;
  align-items: center
}

.border-view.svelte-1k2jw7u.svelte-1k2jw7u.svelte-1k2jw7u {
  border-radius: 6px
}

.border-view.svelte-1k2jw7u .img.svelte-1k2jw7u.svelte-1k2jw7u {
  height: 52px;
  width: 52px;
  display: flex;
  justify-content: center;
  align-items: center
}

.border-view.small-icons.svelte-1k2jw7u .img.svelte-1k2jw7u.svelte-1k2jw7u {
  width: 32px;
  height: 32px
}

.border-view.small-icons.svelte-1k2jw7u .img .globalImg.svelte-1k2jw7u.svelte-1k2jw7u {
  transform: scale(1.25);
  -webkit-transform: scale(1.25);
  -moz-transform: scale(1.25)
}

.border-view.small-icons.svelte-1k2jw7u .img .globalImg.bajaj-icon.svelte-1k2jw7u.svelte-1k2jw7u,
.border-view.small-icons.svelte-1k2jw7u .img .globalImg.phonepe-icon.svelte-1k2jw7u.svelte-1k2jw7u {
  transform: scale(2.15);
  -webkit-transform: scale(2.15);
  -moz-transform: scale(2.15)
}

.psp-offer-label.svelte-1k2jw7u.svelte-1k2jw7u.svelte-1k2jw7u {
  position: absolute;
  top: -12px;
  line-height: 10px;
  z-index: 1;
  white-space: nowrap;
  width: 90%
}

.psp-offer-label-grid.svelte-1k2jw7u.svelte-1k2jw7u.svelte-1k2jw7u {
  position: absolute;
  top: -8px;
  line-height: 14px;
  z-index: 1;
  right: 4px
}

.header.svelte-1k2jw7u.svelte-1k2jw7u.svelte-1k2jw7u {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 1rem .675rem .5rem .675rem
}

.label-wrapper.svelte-1k2jw7u.svelte-1k2jw7u.svelte-1k2jw7u {
  display: flex;
  gap: 4px;
  font-weight: 500
}

.label-wrapper.svelte-1k2jw7u .new-icon.svelte-1k2jw7u.svelte-1k2jw7u {
  max-height: 25px;
  max-width: 24px;
  overflow: hidden
}

.label-wrapper.svelte-1k2jw7u .new-title.svelte-1k2jw7u.svelte-1k2jw7u {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center
}

.label-wrapper.svelte-1k2jw7u .new-title .title.svelte-1k2jw7u.svelte-1k2jw7u {
  text-align: left
}

.price-wrapper.svelte-1k2jw7u .price.svelte-1k2jw7u.svelte-1k2jw7u {
  display: flex;
  flex-direction: column
}

.price-wrapper.svelte-1k2jw7u .price .value.svelte-1k2jw7u.svelte-1k2jw7u {
  font-size: 16px
}

.price-wrapper.svelte-1k2jw7u .price .compared-price.svelte-1k2jw7u.svelte-1k2jw7u {
  font-size: 12px
}

.new-styles.svelte-1k2jw7u.svelte-1k2jw7u.svelte-1k2jw7u {
  padding: 12px !important;
  gap: 8px
}

.new-styles.svelte-1k2jw7u button.svelte-1k2jw7u.svelte-1k2jw7u {
  border-radius: 12px;
  padding: .5rem .25rem;
  box-shadow: 3px 6px 12px -4px rgba(0, 0, 0, .24);
  transition: transform .15s ease-in-out
}

.new-styles.svelte-1k2jw7u button span.svelte-1k2jw7u.svelte-1k2jw7u {
  font-weight: 500
}

.new-styles.svelte-1k2jw7u button .btn-label.svelte-1k2jw7u.svelte-1k2jw7u {
  margin-top: .4rem;
  line-height: 16px
}

.new-styles.svelte-1k2jw7u button .psp-offer-label.svelte-1k2jw7u.svelte-1k2jw7u {
  font-size: 10px;
  top: -9px;
  line-height: normal
}

.new-styles.svelte-1k2jw7u button .discount-badge.svelte-1k2jw7u.svelte-1k2jw7u {
  padding: 3px
}

.new-styles.svelte-1k2jw7u button .cred-icon.svelte-1k2jw7u.svelte-1k2jw7u {
  padding: 0;
  filter: none
}

.new-styles.svelte-1k2jw7u button.svelte-1k2jw7u.svelte-1k2jw7u:focus,
.new-styles.svelte-1k2jw7u button.svelte-1k2jw7u.svelte-1k2jw7u:active {
  animation: svelte-1k2jw7u-scaleAnimation .15s ease-in-out
}

@keyframes svelte-1k2jw7u-scaleAnimation {
  0% {
    transform: scale(0.9)
  }

  100% {
    transform: scale(1)
  }
}

@-webkit-keyframes svelte-1k2jw7u-scaleAnimation {
  0% {
    transform: scale(0.9);
    -webkit-transform: scale(0.9);
    -moz-transform: scale(0.9)
  }

  100% {
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1)
  }
}

.phonepe.svelte-1k2jw7u.svelte-1k2jw7u.svelte-1k2jw7u {
  background: #ece5f4
}

.tez.svelte-1k2jw7u.svelte-1k2jw7u.svelte-1k2jw7u {
  background: #fdebe9
}

.paytm.svelte-1k2jw7u.svelte-1k2jw7u.svelte-1k2jw7u {
  background: #e5f5fc
}

.other.svelte-1k2jw7u.svelte-1k2jw7u.svelte-1k2jw7u {
  background: #e3f1ea
}

.alert-color.svelte-1k2jw7u.svelte-1k2jw7u.svelte-1k2jw7u {
  background-color: var(--red) !important
}

.failure-alert.svelte-1k2jw7u.svelte-1k2jw7u.svelte-1k2jw7u {
  display: flex;
  flex-direction: row
}

.failure-alert.svelte-1k2jw7u .text-message.svelte-1k2jw7u.svelte-1k2jw7u {
  margin: 0px;
  color: var(--white);
  margin-left: 4px;
  font-size: 10px
}

.failure-alert.svelte-1k2jw7u .icon.svelte-1k2jw7u.svelte-1k2jw7u {
  width: 10px;
  height: 10px
}

.failure-alert.svelte-1k2jw7u .alert-message-row.svelte-1k2jw7u.svelte-1k2jw7u {
  display: flex;
  align-items: center;
  margin-left: 3px
}

.sprite-alert-icon.svelte-1k2jw7u.svelte-1k2jw7u.svelte-1k2jw7u {
  width: 11px;
  height: 11px;
  background-position: 0px -291px;
  display: inline-block
}

.sprite-upi-icons.navi-icon.svelte-1k2jw7u.svelte-1k2jw7u.svelte-1k2jw7u,
.sprite-upi-icons.fampay-icon.svelte-1k2jw7u.svelte-1k2jw7u.svelte-1k2jw7u,
.sprite-upi-icons.bhim-icon.svelte-1k2jw7u.svelte-1k2jw7u.svelte-1k2jw7u {
  transform: scale(1.8);
  -webkit-transform: scale(1.8);
  -moz-transform: scale(1.8)
}

.cred-styles.svelte-1k2jw7u .btn-label.svelte-1k2jw7u.svelte-1k2jw7u {
  margin-top: .55rem
}

.cred-old-psp.svelte-1k2jw7u.svelte-1k2jw7u.svelte-1k2jw7u {
  padding: 12px
}

.cred-img.svelte-1k2jw7u.svelte-1k2jw7u.svelte-1k2jw7u {
  margin-top: 0
}

.old-psp-label.svelte-1k2jw7u.svelte-1k2jw7u.svelte-1k2jw7u {
  margin-top: 1rem
}

.scrollbar.svelte-1k2jw7u.svelte-1k2jw7u.svelte-1k2jw7u::-webkit-scrollbar {
  display: none
}

.scrollbar.svelte-1k2jw7u.svelte-1k2jw7u.svelte-1k2jw7u {
  scrollbar-width: none
}

.all-apps-wrapper.svelte-1k2jw7u.svelte-1k2jw7u.svelte-1k2jw7u {
  box-sizing: border-box;
  width: 100%;
  padding: 0px 12px;
  margin-top: 10px
}

.all-apps.svelte-1k2jw7u.svelte-1k2jw7u.svelte-1k2jw7u {
  width: 100%;
  padding: 12px;
  border-radius: 8px;
  border: 1px solid #929ca8;
  text-align: left;
  font-size: .8rem;
  display: flex;
  align-items: center;
  justify-content: space-between
}

.arrow-icon.svelte-1k2jw7u.svelte-1k2jw7u.svelte-1k2jw7u {
  max-height: 16.5px;
  max-width: 13px;
  overflow: hidden
}

.sprite-qr-code.svelte-1k2jw7u.svelte-1k2jw7u.svelte-1k2jw7u {
  display: inline-block;
  width: 20px;
  height: 20px;
  background-position: -164px -326px
}

.qr-code.svelte-1k2jw7u.svelte-1k2jw7u.svelte-1k2jw7u {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  gap: 16px;
  padding: 0 .75rem
}

.qr-code.accordion.svelte-1k2jw7u.svelte-1k2jw7u.svelte-1k2jw7u {
  padding: 12px;
  padding-bottom: 0
}

.qr-code.accordion.svelte-1k2jw7u .qr-code-inner.svelte-1k2jw7u.svelte-1k2jw7u {
  flex: unset
}

.qr-code.accordion.svelte-1k2jw7u .qr-code-inner.svelte-1k2jw7u>.svelte-1k2jw7u:first-child {
  padding: 12px
}

.qr-code.accordion.svelte-1k2jw7u .qr-code-inner.svelte-1k2jw7u>img.svelte-1k2jw7u:first-child {
  width: 120px;
  height: 120px;
  margin-bottom: 12px
}

.qr-code.svelte-1k2jw7u .qr-header.svelte-1k2jw7u.svelte-1k2jw7u {
  display: flex;
  flex-direction: column;
  align-items: center;
  row-gap: 8px;
  font-size: 13px;
  font-weight: 400;
  line-height: 16px;
  flex: 1
}

.qr-code.svelte-1k2jw7u .qr-code-inner.svelte-1k2jw7u.svelte-1k2jw7u {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  flex: 1
}

.qr-code.svelte-1k2jw7u .qr-code-inner img.svelte-1k2jw7u.svelte-1k2jw7u {
  height: 180px;
  width: 180px;
  max-width: none;
  transform: scale(1.2);
  -webkit-transform: scale(1.2);
  -moz-transform: scale(1.2);
  margin: 18px
}

.qr-code.svelte-1k2jw7u .qr-code-inner .blur-qr.svelte-1k2jw7u.svelte-1k2jw7u {
  filter: blur(4px);
  width: 180px;
  height: 180px;
  background-color: #f0f0f0;
  align-items: center
}

.qr-code.svelte-1k2jw7u .qr-code-inner .blur-qr .img.svelte-1k2jw7u.svelte-1k2jw7u {
  transform: scale(9);
  -webkit-transform: scale(9);
  -moz-transform: scale(9);
  position: relative;
  bottom: -80px
}

.qr-code.svelte-1k2jw7u .qr-code-inner button.svelte-1k2jw7u.svelte-1k2jw7u {
  width: max-content;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: #fff;
  font-size: 12px;
  border-radius: 8px;
  border: 1px solid;
  cursor: pointer
}

.qr-code.svelte-1k2jw7u .qr-code-inner button .eye-icon.svelte-1k2jw7u.svelte-1k2jw7u {
  display: inline-block;
  width: 24px;
  height: 24px;
  transform: scale(0.8);
  background-position: -86px -55px
}

.qr-code.svelte-1k2jw7u .qr-code-inner .blur-qr-msg.svelte-1k2jw7u.svelte-1k2jw7u {
  text-align: center;
  font-size: 11px;
  color: #696565;
  left: 10px
}

.upi-icon.svelte-1k2jw7u.svelte-1k2jw7u.svelte-1k2jw7u {
  display: inline-flex;
  width: 128px;
  height: 34px;
  background-position: -92px -427px;
  transform: scale(1);
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  border-radius: 2rem
}

.experiment-gradient.svelte-1k2jw7u.svelte-1k2jw7u.svelte-1k2jw7u {
  background: linear-gradient(180deg, var(--psp-gradient, white) 0%, rgb(from var(--psp-gradient, white) r g b/50%) 40%, rgb(from var(--psp-gradient, white) r g b/5%) 60%, white 90%);
  border: 1px solid var(--psp-gradient, white)
}

.experiment-gradient.svelte-1k2jw7u .upi-wrapper.svelte-1k2jw7u.svelte-1k2jw7u {
  background: rgba(0, 0, 0, 0)
}

.color-secondary.svelte-1k2jw7u.svelte-1k2jw7u.svelte-1k2jw7u {
  color: #fff
}

.combined-panel-styles.svelte-1k2jw7u .qr-code .qr-code-inner.svelte-1k2jw7u>img.svelte-1k2jw7u {
  height: 100px;
  width: 100px;
  margin: 0px;
  margin-bottom: 18px
}

.combined-panel-styles.svelte-1k2jw7u .qr-code .qr-code-inner .blur-qr.svelte-1k2jw7u.svelte-1k2jw7u {
  width: 126px;
  height: 126px
}

.combined-panel-styles.svelte-1k2jw7u .qr-code .qr-code-inner .blur-qr .img.svelte-1k2jw7u.svelte-1k2jw7u {
  transform: scale(6);
  -webkit-transform: scale(6);
  -moz-transform: scale(6);
  bottom: -50px
}

.badge-content.svelte-1k2jw7u.svelte-1k2jw7u.svelte-1k2jw7u {
  width: fit-content
}

.decrease-width.svelte-1k2jw7u.svelte-1k2jw7u.svelte-1k2jw7u {
  width: 80%
}

.all-apps-text.svelte-1k2jw7u.svelte-1k2jw7u.svelte-1k2jw7u {
  display: flex;
  align-items: center;
  gap: 10px
}

.discount-text.svelte-1k2jw7u.svelte-1k2jw7u.svelte-1k2jw7u {
  color: #085d3a;
  font-weight: 400;
  font-size: 12px;
  text-align: center
}

.discount-badge-new.svelte-1k2jw7u.svelte-1k2jw7u.svelte-1k2jw7u {
  background-color: #ebfdf3;
  color: #005e2b;
  width: calc(100% - 8px);
  top: -20px !important;
  height: 17px;
  border-radius: 12px 12px 0 0;
  padding: 4px;
  transform: translateZ(-10px);
  border: 1px solid #ebfdf3
}

.psp-icon-wrapper.svelte-1k2jw7u.svelte-1k2jw7u.svelte-1k2jw7u {
  border: 1px solid #d5e1f4;
  border-radius: 100%;
  background-color: #fff;
  overflow: hidden
}

.psp-icon-wrapper.phonepe.svelte-1k2jw7u .sprite-upi-icons.svelte-1k2jw7u.svelte-1k2jw7u {
  transform: scale(3.5);
  -webkit-transform: scale(3.5);
  -moz-transform: scale(3.5)
}

.psp-icon-wrapper.tez.svelte-1k2jw7u.svelte-1k2jw7u.svelte-1k2jw7u {
  background-color: #ecf3fe
}

.psp-icon-wrapper.paytm.svelte-1k2jw7u.svelte-1k2jw7u.svelte-1k2jw7u {
  background-color: #e4f8fe
}

.psp-icon-wrapper.generic.svelte-1k2jw7u.svelte-1k2jw7u.svelte-1k2jw7u,
.psp-icon-wrapper.other.svelte-1k2jw7u.svelte-1k2jw7u.svelte-1k2jw7u {
  background-color: #fff
}

.psp-icon-wrapper.credpay.svelte-1k2jw7u .sprite-upi-icons.svelte-1k2jw7u.svelte-1k2jw7u {
  border-radius: 50%;
  transform: scale(2);
  -webkit-transform: scale(2);
  -moz-transform: scale(2)
}

.psp-icon-wrapper.amazonpay.svelte-1k2jw7u .sprite-upi-icons.svelte-1k2jw7u.svelte-1k2jw7u {
  border-radius: 50%;
  transform: scale(2.1);
  -webkit-transform: scale(2.1);
  -moz-transform: scale(2.1)
}

.psp-icon-wrapper.bajaj.svelte-1k2jw7u .sprite-upi-icons.svelte-1k2jw7u.svelte-1k2jw7u {
  border-radius: 50%;
  transform: scale(3.5);
  -webkit-transform: scale(3.5);
  -moz-transform: scale(3.5)
}

.psp-icon-wrapper.mobikwik.svelte-1k2jw7u .sprite-upi-icons.svelte-1k2jw7u.svelte-1k2jw7u {
  border-radius: 50%;
  transform: scale(2.1);
  -webkit-transform: scale(2.1);
  -moz-transform: scale(2.1)
}

.psp-icon-wrapper.kiwi.svelte-1k2jw7u.svelte-1k2jw7u.svelte-1k2jw7u {
  background-color: #80d82a
}

.psp-icon-wrapper.supermoney.svelte-1k2jw7u.svelte-1k2jw7u.svelte-1k2jw7u {
  background-color: #4f41ff
}

.upi-qr-loader {
  width: 18px !important;
  height: 18px !important
}

.upi-qr-loader .path {
  stroke: #000 !important
}

.alternateMobileUi.svelte-1k2jw7u.svelte-1k2jw7u.svelte-1k2jw7u {
  border: 0;
  border-bottom: 1.2px dashed #d0d5dd;
  border-radius: 0 !important
}

.standalone.svelte-1k2jw7u.svelte-1k2jw7u.svelte-1k2jw7u {
  padding-top: 0px !important
}

.new-upi-title.svelte-1k2jw7u.svelte-1k2jw7u.svelte-1k2jw7u {
  color: #000;
  font-size: 16px;
  font-weight: 500;
  padding: 12px 0 4px 12px;
  display: inline-block
}

.upi-redirection-error.svelte-1k2jw7u.svelte-1k2jw7u.svelte-1k2jw7u {
  color: var(--error);
  font-size: 12px;
  font-weight: 400;
  padding: 4px;
  text-align: center;
  display: flex;
  flex-direction: row;
  justify-content: center;
  gap: 3px
}

.upi-redirection-error.svelte-1k2jw7u .cautionIconRed.svelte-1k2jw7u.svelte-1k2jw7u {
  display: inline-block
}

.product-item.svelte-1ym6vsh {
  border-bottom: 1px solid #e5e7eb;
  transition: opacity .3s;
  opacity: 1;
  padding-bottom: 12px;
  margin-top: 12px
}

.product-item.svelte-1ym6vsh:last-child {
  border-bottom: none
}

.product-item.disabled.svelte-1ym6vsh {
  opacity: .4;
  pointer-events: none
}

.product-content.svelte-1ym6vsh {
  display: flex;
  row-gap: 12px
}

.product-image.svelte-1ym6vsh {
  width: 70px;
  height: 70px;
  border-radius: 8px;
  border: 1px solid #e4e8eb;
  justify-content: center;
  margin-right: 12px;
  overflow: hidden
}

.product-info.svelte-1ym6vsh {
  flex: 1;
  margin-right: 8px
}

.free-badge.svelte-1ym6vsh {
  display: inline-block;
  background-color: #079455;
  color: #fff;
  font-size: 12px;
  font-weight: 500;
  padding: 2px 4px;
  border-radius: 4px;
  margin-bottom: 2px
}

.product-name.svelte-1ym6vsh {
  font-size: 14px;
  margin-bottom: 12px
}

.action-button.svelte-1ym6vsh {
  border: 1px solid #000;
  font-weight: 600;
  padding: 8px;
  border-radius: 8px;
  font-size: 12px;
  cursor: pointer
}

.action-button.svelte-1ym6vsh:hover:not(:disabled) {
  background-color: #111827;
  color: #fff
}

.action-button.svelte-1ym6vsh:disabled {
  cursor: not-allowed
}

.product-price.svelte-1ym6vsh {
  text-align: right;
  flex-shrink: 0
}

.original-price.svelte-1ym6vsh {
  color: #697687;
  font-size: 12px;
  text-decoration: line-through
}

.free-price.svelte-1ym6vsh {
  font-size: 12px;
  font-weight: 500
}

.continue-button.svelte-1ym6vsh {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  display: flex;
  justify-content: center;
  background: #fff;
  padding: 12px 0;
  z-index: 10
}

.done-button.svelte-1ym6vsh {
  width: 100%;
  margin: 0 12px;
  padding: 12px;
  border-radius: 8px;
  background-color: #000;
  color: #fff;
  font-size: 12px;
  font-weight: 600;
  line-height: 16px
}

.gift-modal.svelte-1ym6vsh {
  margin-bottom: 66px
}

.done-button.svelte-1ym6vsh:disabled {
  opacity: .5;
  cursor: not-allowed
}

.sticky-header.svelte-1ym6vsh {
  position: sticky;
  top: 0;
  background: #fff;
  z-index: 20
}

.header-wrapper.svelte-1ym6vsh {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 12px;
  background: #fff
}

.left-section.svelte-1ym6vsh {
  display: flex;
  align-items: center;
  gap: 8px
}

.gift-icon.svelte-1ym6vsh {
  width: 22px;
  height: 22px
}

.divider.svelte-1ym6vsh {
  width: 100%;
  height: 1px;
  background-color: #e4e8eb;
  position: absolute;
  right: 0
}

.gift-journey.svelte-zne0zf.svelte-zne0zf {
  width: 100%;
  position: relative;
  padding-bottom: 40px
}

.gift-wrapper.svelte-zne0zf.svelte-zne0zf {
  padding-right: 30px
}

.progress-container.svelte-zne0zf.svelte-zne0zf {
  display: flex;
  align-items: center;
  width: 100%;
  gap: 8px
}

.progress-segment.svelte-zne0zf.svelte-zne0zf {
  display: flex;
  align-items: center;
  flex: 1
}

.progress-bar.svelte-zne0zf.svelte-zne0zf {
  position: relative;
  height: 4px;
  background: #d9d9d9;
  border-radius: 4px;
  overflow: hidden;
  width: 100%
}

.progress-bar.svelte-zne0zf .filled.svelte-zne0zf {
  position: absolute;
  top: 0;
  left: 0;
  height: 4px;
  background: #2da55f;
  border-radius: 4px;
  transition: width .3s ease
}

.marker-container.svelte-zne0zf.svelte-zne0zf {
  position: relative;
  flex-shrink: 0;
  width: 0;
  height: 0;
  margin: 0 4px
}

.marker-container.clickable.svelte-zne0zf.svelte-zne0zf {
  cursor: pointer
}

.marker-container.disabled.svelte-zne0zf.svelte-zne0zf {
  cursor: default
}

.marker.svelte-zne0zf.svelte-zne0zf {
  width: 20px;
  height: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  transform: translate(-50%, -50%)
}

.package-icon.svelte-zne0zf.svelte-zne0zf {
  width: 16px;
  height: 16px;
  object-fit: contain
}

.package-icon.grey.svelte-zne0zf.svelte-zne0zf {
  filter: grayscale(100%) brightness(0.7);
  opacity: .5
}

.threshold.svelte-zne0zf.svelte-zne0zf {
  position: absolute;
  top: 8px;
  left: 50%;
  transform: translateX(-50%);
  text-align: center;
  white-space: nowrap
}

.add-gift-container.svelte-1k3jfvp.svelte-1k3jfvp {
  width: 100%;
  border-radius: 12px
}

.add-gift-box.svelte-1k3jfvp.svelte-1k3jfvp {
  background: linear-gradient(92deg, #fff 0%, #fef0c7 100%);
  border-radius: 12px;
  padding: 12px;
  border: 1px solid #f3ac45;
  display: flex;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap
}

.add-gift-box.svelte-1k3jfvp .left.svelte-1k3jfvp {
  display: flex;
  align-items: center;
  gap: 8px;
  flex: 1;
  min-width: 0
}

.gift-thumb.svelte-1k3jfvp.svelte-1k3jfvp {
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center
}

.gift-text.svelte-1k3jfvp.svelte-1k3jfvp {
  color: #c27b14
}

.gift-unlocked.svelte-1k3jfvp.svelte-1k3jfvp {
  gap: 8px;
  background: #e9f4ee;
  border-radius: 100px;
  color: #005e2a;
  padding: 2px 8px
}

.add-gift-box.svelte-1k3jfvp button.svelte-1k3jfvp {
  background: #fff;
  border: 1px solid #000;
  padding: 8px 10px;
  border-radius: 8px;
  cursor: pointer;
  font-weight: 600;
  font-size: 12px;
  white-space: nowrap
}

:root {
  --a5: #a5a5a5;
  --e0: #ededed;
  --red: #f73536;
  --green: #01b156;
  --bg-green: #e9f4ee;
  --primary-color: #0365d6;
  --d-red: #c90000;
  --green2: #0e9343;
  --green-text: #25d366;
  --green-text2: #005e2a;
  --light-grey: #f8f8f8;
  --error: #e31b1b;
  --white: #fff;
  --off-white: #f3f3f3;
  --b-white: #f8fafd;
  --black: #000;
  --black2: #050038;
  --blue: #004b8d;
  --gokwik-blue: #002e64;
  --light-blue: #0365d6;
  --vl-green: #e6f4ec;
  --d-blue: #050038;
  --m-blue: #13172d;
  --theme-color: #b12928;
  --m-grey: #979eb5;
  --yellow: #edde5d;
  --d-yellow: #f09819;
  --light-yellow: #fffcf8;
  --progress-green: #01b156;
  --light-green: #74ab6f;
  --off-white-pink: #fff9f9;
  --b-grey: #9babc5;
  --g-grey: #f9f9f9;
  --b-purple: #f3f2ff;
  --t-purple: #36325e;
  --circle-text: #c9c9c9;
  --grey-l: #909090;
  --white: #ffffff;
  --white-1: #f2f2f2;
  --secondaryColor: #e5e5e5;
  --grey-text: #00000099;
  --black28: #101828;
  --grey-blue-text: #697687;
  --m-teal: rgba(3, 182, 150, 1);
  --gokwik-dark-blue: #002e64;
  --teal-50: #f0fdf9;
  --l-grey: #697687;
  --bg-grey: #f9fbfc;
  --neutral-200: #d0d5da;
  --error-600: #dc2626;
  --error-700: #b91c1c;
  --error-15: #fff5f5;
  --error-100: #fef2f2;
  --warning: #b54708;
  --toast-green: #079455
}

.offer-strip.svelte-ghv825.svelte-ghv825 {
  background: #e6edf4;
  border-radius: .25rem;
  gap: .25rem
}

.offer-strip.svelte-ghv825 span.svelte-ghv825 {
  font-size: .75rem;
  line-height: 1rem;
  color: #004b8d
}

.coupon-list-wrapper.svelte-ghv825.svelte-ghv825 {
  height: 100%
}

.coupon-list-wrapper.svelte-ghv825 .coupon-offers-content.svelte-ghv825 {
  overflow-y: auto;
  -ms-overflow-style: none;
  scrollbar-width: none;
  box-sizing: border-box;
  max-height: calc(100% - 150px)
}

.coupon-list-wrapper.svelte-ghv825 .coupon-offers-content .offers-content.svelte-ghv825 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: .5rem;
  box-sizing: border-box
}

.coupon-list-wrapper.svelte-ghv825 .coupon-offers-content .inner-content.svelte-ghv825 {
  max-width: calc(100% - 60px);
  flex-grow: 1
}

.coupon-list-wrapper.svelte-ghv825 .coupon-offers-content .inner-content .coupon-icon.svelte-ghv825 {
  width: 24px;
  height: 24px;
  flex: none
}

.coupon-list-wrapper.svelte-ghv825 .coupon-offers-content .inner-content .coupon-icon.globalImg.discountIcon.svelte-ghv825 {
  background-position: -96px -400px
}

.coupon-list-wrapper.svelte-ghv825 .coupon-offers-content .inner-content .coupon-icon.globalImg.discountIconGreen.svelte-ghv825 {
  width: 22px;
  background-position: -120px -400px
}

.coupon-list-wrapper.svelte-ghv825 .coupon-offers-content .inner-content .discount-info-wrapper.svelte-ghv825 {
  flex: auto;
  max-width: calc(100% - 40px)
}

.coupon-list-wrapper.svelte-ghv825 .coupon-offers-content .inner-content .discount-info-wrapper .coupon-wrap.svelte-ghv825 {
  display: flex;
  align-items: center
}

.coupon-list-wrapper.svelte-ghv825 .coupon-offers-content .inner-content .discount-info-wrapper .coupon-wrap .coupon-name.svelte-ghv825 {
  position: relative;
  flex: auto;
  max-width: fit-content
}

.coupon-list-wrapper.svelte-ghv825 .coupon-offers-content .inner-content .discount-info-wrapper .coupon-wrap .coupon-name.svelte-ghv825::before,
.coupon-list-wrapper.svelte-ghv825 .coupon-offers-content .inner-content .discount-info-wrapper .coupon-wrap .coupon-name.svelte-ghv825::after {
  content: "";
  position: absolute;
  width: 4px;
  height: 8px;
  border: 1px solid #d5d6d7
}

.coupon-list-wrapper.svelte-ghv825 .coupon-offers-content .inner-content .discount-info-wrapper .coupon-wrap .coupon-name.svelte-ghv825::before {
  left: -1px;
  top: 50%;
  transform: translateY(-50%);
  border-left: 1px solid #fff;
  border-radius: 0rem 8px 8px 0
}

.coupon-list-wrapper.svelte-ghv825 .coupon-offers-content .inner-content .discount-info-wrapper .coupon-wrap .coupon-name.svelte-ghv825::after {
  right: -1px;
  top: 50%;
  transform: translateY(-50%);
  border-radius: 8px 0rem 0rem 8px;
  border-right: 1px solid #fff
}

.coupon-list-wrapper.svelte-ghv825 .coupon-offers-content .inner-content .discount-info-wrapper .coupon-wrap .tag.svelte-ghv825 {
  font-size: .675rem;
  background: var(--green);
  color: var(--white);
  padding: 2px 5px;
  border-radius: .25rem;
  text-align: center
}

.coupon-list-wrapper.svelte-ghv825 .coupon-offers-content .inner-content .discount-info-wrapper .info.invalid span.svelte-ghv825 {
  color: var(--error)
}

.coupon-list-wrapper.svelte-ghv825 .coupon-offers-content .inner-content .discount-info-wrapper .info .free-product.svelte-ghv825 {
  text-transform: initial
}

.coupon-list-wrapper.svelte-ghv825 .coupon-offers-content .inner-content .discount-info.svelte-ghv825 {
  font-size: .625rem;
  color: var(--grey-text)
}

.coupon-list-wrapper.svelte-ghv825 .coupon-offers-content .inner-content .show-less.svelte-ghv825,
.coupon-list-wrapper.svelte-ghv825 .coupon-offers-content .inner-content .show-more.svelte-ghv825 {
  display: block
}

.coupon-list-wrapper.svelte-ghv825 .coupon-offers-content.svelte-ghv825::-webkit-scrollbar {
  display: none
}

.apply-button.svelte-ghv825.svelte-ghv825 {
  border: none;
  background: none;
  box-sizing: border-box
}

.cursor-default.svelte-ghv825.svelte-ghv825 {
  cursor: default !important
}

.v2-styles.svelte-ghv825 .discount-coupon-inner.svelte-ghv825,
.v3-styles.svelte-ghv825 .discount-coupon-inner.svelte-ghv825 {
  margin-bottom: 0
}

.v2-styles.svelte-ghv825 .discount-coupon-inner .discount-box.svelte-ghv825,
.v3-styles.svelte-ghv825 .discount-coupon-inner .discount-box.svelte-ghv825 {
  padding: .5rem .75rem
}

.v2-styles.svelte-ghv825 .discount-coupon-inner .discount-box .discount-input-field.svelte-ghv825,
.v3-styles.svelte-ghv825 .discount-coupon-inner .discount-box .discount-input-field.svelte-ghv825 {
  border: none;
  background: none;
  padding-block: 0
}

.v2-styles.svelte-ghv825 .inner-content .discount-info-wrapper .coupon-wrap .coupon-icon.svelte-ghv825,
.v3-styles.svelte-ghv825 .inner-content .discount-info-wrapper .coupon-wrap .coupon-icon.svelte-ghv825 {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  overflow: hidden;
  display: flex !important;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
  background-repeat: no-repeat
}

.v2-styles.svelte-ghv825 .inner-content .discount-info-wrapper .coupon-wrap .coupon-icon.globalImg.svelte-ghv825,
.v3-styles.svelte-ghv825 .inner-content .discount-info-wrapper .coupon-wrap .coupon-icon.globalImg.svelte-ghv825 {
  background-position: -3px -169px
}

.v2-styles.svelte-ghv825 .inner-content .discount-info-wrapper .coupon-wrap .tag.svelte-ghv825,
.v3-styles.svelte-ghv825 .inner-content .discount-info-wrapper .coupon-wrap .tag.svelte-ghv825 {
  background: #e3ffed !important;
  color: var(--green) !important;
  font-size: 11px !important;
  font-weight: 500;
  line-height: 18px !important;
  padding: .3rem .6rem !important
}

.v2-styles.svelte-ghv825 .inner-content .discount-info-wrapper .info.svelte-ghv825,
.v3-styles.svelte-ghv825 .inner-content .discount-info-wrapper .info.svelte-ghv825 {
  text-transform: capitalize
}

.v2-styles.svelte-ghv825 .inner-content .discount-info.svelte-ghv825,
.v3-styles.svelte-ghv825 .inner-content .discount-info.svelte-ghv825 {
  font-weight: 500;
  font-size: 11px !important;
  color: var(--grey-blue-text) !important;
  padding-left: 4px
}

.v2-styles.svelte-ghv825 .apply-button.svelte-ghv825,
.v3-styles.svelte-ghv825 .apply-button.svelte-ghv825 {
  padding: .4rem !important
}

.v2-styles.svelte-ghv825 .unavailable-coupon-wrapper.svelte-ghv825,
.v3-styles.svelte-ghv825 .unavailable-coupon-wrapper.svelte-ghv825 {
  position: relative
}

.v2-styles.svelte-ghv825 .unavailable-coupon-wrapper .unavailable-coupon.svelte-ghv825,
.v3-styles.svelte-ghv825 .unavailable-coupon-wrapper .unavailable-coupon.svelte-ghv825 {
  filter: blur()
}

.v2-styles.svelte-ghv825 .unavailable-coupon-wrapper .info.invalid.svelte-ghv825,
.v3-styles.svelte-ghv825 .unavailable-coupon-wrapper .info.invalid.svelte-ghv825 {
  background-color: var(--error-15)
}

.v2-styles.svelte-ghv825 .unavailable-coupon-wrapper .info.invalid span.svelte-ghv825,
.v3-styles.svelte-ghv825 .unavailable-coupon-wrapper .info.invalid span.svelte-ghv825 {
  color: var(--error-700)
}

.v2-styles.svelte-ghv825 .tnc.svelte-ghv825,
.v3-styles.svelte-ghv825 .tnc.svelte-ghv825 {
  border-top: 1px dashed var(--neutral-200);
  margin-bottom: 0;
  list-style: none
}

.v2-styles.svelte-ghv825 .tnc li.svelte-ghv825,
.v3-styles.svelte-ghv825 .tnc li.svelte-ghv825 {
  position: relative
}

.v2-styles.svelte-ghv825 .tnc li.svelte-ghv825::before,
.v3-styles.svelte-ghv825 .tnc li.svelte-ghv825::before {
  content: "";
  height: 5px;
  width: 5px;
  background: var(--neutral-200);
  border-radius: 50%;
  position: absolute;
  top: 6px;
  left: -0.45rem
}

.v2-styles.svelte-ghv825 .success.svelte-ghv825,
.v3-styles.svelte-ghv825 .success.svelte-ghv825 {
  font-size: 11px;
  padding-right: 2px;
  color: var(--green)
}

.v2-styles.svelte-ghv825 .error.svelte-ghv825,
.v3-styles.svelte-ghv825 .error.svelte-ghv825 {
  font-size: 11px;
  padding-right: 2px;
  color: var(--error)
}

.v2-styles.svelte-ghv825 .offer-title.svelte-ghv825,
.v3-styles.svelte-ghv825 .offer-title.svelte-ghv825 {
  font-size: .85rem;
  background-color: #fff;
  font-weight: 500;
  box-sizing: border-box;
  display: inline-block
}

.v2-styles.svelte-ghv825 .auto-apply.svelte-ghv825,
.v3-styles.svelte-ghv825 .auto-apply.svelte-ghv825 {
  font-size: .7rem !important;
  display: flex;
  gap: 2px;
  align-items: center
}

.v2-styles.svelte-ghv825 .auto-apply-icon.svelte-ghv825,
.v3-styles.svelte-ghv825 .auto-apply-icon.svelte-ghv825 {
  width: 22px;
  height: 14px;
  background-position: -206px -61px
}

.v2-styles.svelte-ghv825 .auto-payment-offers.svelte-ghv825,
.v3-styles.svelte-ghv825 .auto-payment-offers.svelte-ghv825 {
  display: flex;
  justify-content: space-between;
  gap: .5rem;
  min-height: 50px;
  box-sizing: border-box;
  border-radius: 12px;
  border: 1px solid var(--Gray-200, rgb(234, 236, 240));
  background: linear-gradient(68.58deg, #ffffff 63.09%, rgba(255, 255, 255, 0) 100%);
  padding: .5rem !important;
  margin-bottom: 8px
}

.v2-styles.svelte-ghv825 .auto-payment-offers-description.svelte-ghv825,
.v3-styles.svelte-ghv825 .auto-payment-offers-description.svelte-ghv825 {
  font-size: 12px;
  color: var(--Teal-500, rgb(21, 183, 158));
  border: 1px solid var(--Teal-200, rgb(153, 246, 224));
  background: var(--Teal-50, rgb(240, 253, 249));
  padding: 8px;
  border-radius: 8px;
  border-width: 1px
}

.v2-styles.svelte-ghv825 .auto-payment-offers-content.svelte-ghv825,
.v3-styles.svelte-ghv825 .auto-payment-offers-content.svelte-ghv825 {
  display: flex;
  flex-direction: column;
  gap: .4rem;
  box-sizing: border-box
}

.v2-styles.svelte-ghv825 .auto-payment-offers-content .auto-discount-info-wrapper.svelte-ghv825,
.v3-styles.svelte-ghv825 .auto-payment-offers-content .auto-discount-info-wrapper.svelte-ghv825 {
  display: flex;
  flex-direction: column;
  gap: .4rem
}

.v2-styles.svelte-ghv825 .auto-payment-offers-content .auto-discount-info-wrapper .coupon-title-wrap.svelte-ghv825,
.v3-styles.svelte-ghv825 .auto-payment-offers-content .auto-discount-info-wrapper .coupon-title-wrap.svelte-ghv825 {
  display: flex;
  align-items: center;
  gap: .5rem
}

.v2-styles.svelte-ghv825 .auto-payment-offers-content .auto-discount-info-wrapper .coupon-title-wrap .coupon-icon.svelte-ghv825,
.v3-styles.svelte-ghv825 .auto-payment-offers-content .auto-discount-info-wrapper .coupon-title-wrap .coupon-icon.svelte-ghv825 {
  display: none;
  flex: none;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  overflow: hidden;
  display: flex !important;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
  background-repeat: no-repeat
}

.v2-styles.svelte-ghv825 .auto-payment-offers-content .auto-discount-info-wrapper .coupon-title-wrap .coupon-icon.globalImg.svelte-ghv825,
.v3-styles.svelte-ghv825 .auto-payment-offers-content .auto-discount-info-wrapper .coupon-title-wrap .coupon-icon.globalImg.svelte-ghv825 {
  background-position: -3px -169px
}

.v2-styles.svelte-ghv825 .auto-payment-offers-content .auto-discount-info-wrapper .coupon-title-wrap .coupon-title .coupon-sub-title.svelte-ghv825,
.v3-styles.svelte-ghv825 .auto-payment-offers-content .auto-discount-info-wrapper .coupon-title-wrap .coupon-title .coupon-sub-title.svelte-ghv825 {
  width: fit-content;
  color: var(--green);
  font-size: 10px;
  font-weight: 500;
  text-transform: capitalize;
  background: linear-gradient(0deg, var(--Teal-50, #f0fdf9), var(--Teal-50, #f0fdf9)), linear-gradient(90deg, #ffffff 0%, rgba(255, 255, 255, 0) 100%)
}

.v2-styles.svelte-ghv825 .auto-payment-offers-content .auto-discount-info-wrapper .coupon-title-wrap .coupon-title .coupon-sub-title.invalid span.svelte-ghv825,
.v3-styles.svelte-ghv825 .auto-payment-offers-content .auto-discount-info-wrapper .coupon-title-wrap .coupon-title .coupon-sub-title.invalid span.svelte-ghv825 {
  color: var(--error)
}

.v2-styles.svelte-ghv825 .auto-payment-offers-content .auto-discount-info-wrapper .coupon-title-wrap .coupon-title .coupon-sub-title .coupon-price.svelte-ghv825,
.v3-styles.svelte-ghv825 .auto-payment-offers-content .auto-discount-info-wrapper .coupon-title-wrap .coupon-title .coupon-sub-title .coupon-price.svelte-ghv825 {
  color: var(--black);
  font-size: .65rem;
  color: var(--green) !important
}

.v2-styles.svelte-ghv825 .auto-payment-offers-content .auto-discount-info-wrapper .coupon-title-wrap .coupon-title .coupon-sub-title .free-product.svelte-ghv825,
.v3-styles.svelte-ghv825 .auto-payment-offers-content .auto-discount-info-wrapper .coupon-title-wrap .coupon-title .coupon-sub-title .free-product.svelte-ghv825 {
  text-transform: initial
}

.v2-styles.svelte-ghv825 .auto-payment-offers-content .auto-discount-info-wrapper .coupon-title-wrap .tag.svelte-ghv825,
.v3-styles.svelte-ghv825 .auto-payment-offers-content .auto-discount-info-wrapper .coupon-title-wrap .tag.svelte-ghv825 {
  font-size: .675rem;
  background: var(--green);
  color: var(--white);
  padding: 2px 5px;
  border-radius: .25rem;
  text-align: center;
  background: #e3ffed !important;
  color: var(--green) !important;
  font-size: 11px !important;
  font-weight: 500;
  line-height: 18px !important;
  padding: .3rem .6rem !important
}

.v2-styles.svelte-ghv825 .auto-payment-offers-content .auto-discount-info-wrapper .coupon-price.svelte-ghv825,
.v3-styles.svelte-ghv825 .auto-payment-offers-content .auto-discount-info-wrapper .coupon-price.svelte-ghv825 {
  font-size: 10px;
  color: var(--green);
  display: flex;
  gap: 2px;
  align-items: center
}

.v2-styles.svelte-ghv825 .auto-payment-offers-content .auto-discount-info-wrapper .free-product.svelte-ghv825,
.v3-styles.svelte-ghv825 .auto-payment-offers-content .auto-discount-info-wrapper .free-product.svelte-ghv825 {
  text-transform: initial
}

.v2-styles.svelte-ghv825 .auto-payment-offers-content .auto-discount-info-wrapper .auto-apply-icon.svelte-ghv825,
.v3-styles.svelte-ghv825 .auto-payment-offers-content .auto-discount-info-wrapper .auto-apply-icon.svelte-ghv825 {
  width: 22px;
  height: 14px;
  background-position: -206px -61px
}

.v2-styles.svelte-ghv825 .discount-info.svelte-ghv825,
.v3-styles.svelte-ghv825 .discount-info.svelte-ghv825 {
  font-size: .625rem;
  color: var(--grey-text);
  font-weight: 500;
  font-size: 11px !important;
  color: var(--grey-blue-text) !important
}

.v2-styles.svelte-ghv825 .show-less.svelte-ghv825,
.v3-styles.svelte-ghv825 .show-less.svelte-ghv825 {
  display: block;
  color: var(--grey-blue-text);
  font-size: 12px;
  text-decoration: underline;
  cursor: pointer;
  font-weight: 600;
  padding: 0 0 0 4px;
  border: none;
  width: fit-content
}

.auto-payment-offers-btn-wrapper.svelte-ghv825.svelte-ghv825 {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  justify-content: space-between;
  gap: .8rem;
  position: relative
}

.auto-payment-offers-btn-wrapper.svelte-ghv825 .pay-button.svelte-ghv825 {
  color: var(--Brand-500, rgb(0, 75, 141));
  font-size: 12px;
  font-weight: 600;
  cursor: pointer;
  border: none;
  background: none;
  box-sizing: border-box;
  margin-top: 12px
}

.view-more-btn.svelte-ghv825.svelte-ghv825 {
  display: block;
  color: var(--grey-blue-text);
  font-size: 10px;
  text-decoration: underline;
  cursor: pointer;
  padding: 0 0 0 4px;
  border: none;
  position: absolute;
  bottom: 0;
  white-space: nowrap
}

.coupon-filter-container.svelte-ghv825.svelte-ghv825 {
  margin-top: .75rem;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch
}

.coupon-filter-scroll.svelte-ghv825.svelte-ghv825 {
  display: flex;
  flex-direction: row;
  gap: 8px;
  width: max-content
}

.coupon-filter-item.svelte-ghv825.svelte-ghv825 {
  border: none;
  padding: 4px 8px 4px 8px;
  border-radius: 8px;
  background: #f3f4f6
}

.coupon-filter-label.svelte-ghv825.svelte-ghv825 {
  font-size: 12px;
  line-height: 18px;
  color: var(--black)
}

.cross-icon.svelte-ghv825.svelte-ghv825 {
  background-position: -111px -59px;
  width: 16px;
  height: 15px;
  display: inline-block;
  transform: scale(0.75)
}

.coupon-filter-item.active.svelte-ghv825.svelte-ghv825 {
  background: #d0d5dd;
  display: flex;
  padding: 4px 5px 4px 8px
}

.auto-payment-offers-method.svelte-ghv825.svelte-ghv825 {
  display: inline-block;
  font-size: .75rem
}

.hide-pay-option.svelte-ghv825.svelte-ghv825 {
  display: none
}

.info.svelte-ghv825.svelte-ghv825 {
  border-top-left-radius: .75rem;
  border-top-right-radius: .75rem
}

.arrow-white.svelte-ghv825.svelte-ghv825 {
  width: 16px;
  height: 16px
}

.eligible-products.svelte-ghv825.svelte-ghv825 {
  position: absolute;
  bottom: -24px;
  left: 0;
  right: 0;
  max-width: 90%;
  margin: 0 auto;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 4px;
  color: #fff;
  font-size: 13px;
  font-weight: 500;
  padding: 4px 2px;
  border-radius: 0 0 12px 12px;
  cursor: pointer;
  transition: background-color .3s ease
}

.new-icon.svelte-10o8lzg {
  max-height: 22px;
  max-width: 22px;
  overflow: hidden;
  margin-top: -4px
}

.card-title.svelte-10o8lzg {
  font-size: 13px
}

.saved-card-list.svelte-g3crn5 {
  display: flex;
  flex-direction: column;
  gap: .5rem
}

.saved-card-list.compact.svelte-g3crn5 {
  gap: 0
}

.new-icon.svelte-g3crn5 {
  max-height: 24px;
  max-width: 24px;
  overflow: hidden
}

.saved-cards-title.svelte-g3crn5 {
  font-size: 13px;
  font-weight: 400;
  margin: 0
}

.saved-cards-title.accordion-ui.svelte-g3crn5 {
  display: flex;
  align-items: center;
  gap: 8px
}

.show-more.svelte-g3crn5,
.add-card.svelte-g3crn5 {
  font-weight: 600;
  font-size: 12px;
  line-height: 14px;
  background: #fff;
  padding: 12px;
  border-bottom-left-radius: 12px;
  border-bottom-right-radius: 12px;
  border: 1px solid #e4e8eb
}

.show-more.svelte-g3crn5 {
  border-top: none
}

.add-card.svelte-g3crn5 {
  border-radius: 8px
}

.manage-cards.svelte-g3crn5 {
  font-weight: 600;
  font-size: 12px;
  line-height: 14px;
  background: rgba(0, 0, 0, 0);
  border: none;
  cursor: pointer;
  padding: 0;
  outline: none;
  margin-left: auto
}

.emi-bank-container.svelte-15hmrmb.svelte-15hmrmb {
  background: var(--white);
  width: 100%;
  padding: 0 .75rem;
  border-radius: 12px;
  box-sizing: border-box;
  margin-top: .25rem
}

.emi-bank-container.compact.svelte-15hmrmb.svelte-15hmrmb {
  padding: 0
}

.content-container.svelte-15hmrmb.svelte-15hmrmb {
  padding: .75rem 0rem
}

.content-container.accordion.svelte-15hmrmb.svelte-15hmrmb {
  padding: 0
}

.content-container.svelte-15hmrmb .view-all.svelte-15hmrmb {
  width: 100%;
  padding: 12px;
  background: #fff;
  border: 1px solid #e4e8eb;
  border-top: none;
  border-bottom-left-radius: 12px;
  border-bottom-right-radius: 12px;
  font-weight: 600;
  font-size: 12px;
  line-height: 14px
}

.search-bank.svelte-15hmrmb.svelte-15hmrmb {
  display: flex;
  border: 1px solid #d0d5da;
  padding: .5rem .75rem;
  border-radius: .75rem;
  box-sizing: border-box;
  margin-top: .75rem;
  margin-bottom: .6rem;
  height: 42px
}

.search-bank.svelte-15hmrmb input.svelte-15hmrmb {
  background: #fff;
  width: 100%;
  border: none;
  font-size: .875rem;
  box-sizing: border-box
}

.search-bank.svelte-15hmrmb input.svelte-15hmrmb:focus {
  outline: none
}

.filter-container.svelte-15hmrmb.svelte-15hmrmb {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch
}

.filter-scroll.svelte-15hmrmb.svelte-15hmrmb {
  display: flex;
  flex-direction: row;
  gap: 8px;
  margin-bottom: .75rem;
  width: max-content
}

.filter-item.svelte-15hmrmb.svelte-15hmrmb {
  border: none;
  padding: 4px 8px 4px 8px;
  border-radius: 8px;
  background: #f3f4f6
}

.filter-label.svelte-15hmrmb.svelte-15hmrmb {
  font-size: 12px;
  line-height: 18px;
  color: var(--black)
}

.cross-icon.svelte-15hmrmb.svelte-15hmrmb {
  background-position: -111px -59px;
  width: 16px;
  height: 15px;
  display: inline-block;
  transform: scale(0.75)
}

.filter-item.active.svelte-15hmrmb.svelte-15hmrmb {
  background: #d0d5dd;
  display: flex;
  padding: 4px 5px 4px 8px
}

.divider.svelte-15hmrmb.svelte-15hmrmb {
  padding: 0px 0px 4px 0px;
  border-bottom: 1px solid #e5e7eb
}

.title.svelte-15hmrmb.svelte-15hmrmb {
  font-size: 14px;
  line-height: 16px;
  font-weight: 600;
  color: var(--black);
  margin: .25rem 0
}

.title.mt-4.svelte-15hmrmb.svelte-15hmrmb {
  margin-top: 1rem
}

.hide.svelte-15hmrmb.svelte-15hmrmb {
  display: none
}

.no-banks-found.svelte-15hmrmb.svelte-15hmrmb {
  height: 200px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--m-grey)
}

.choose-plan-container.svelte-t69ifd {
  width: 100%
}

.offer-banner.svelte-t69ifd {
  display: inline-block;
  font-size: 12px;
  font-weight: 500;
  color: var(--green);
  padding: 2px 8px;
  margin-bottom: .75rem
}

.emi-container.svelte-tdocb.svelte-tdocb {
  width: 100%
}

.emi-details-container.svelte-tdocb.svelte-tdocb {
  border: 1px solid #d0d5da;
  border-radius: 12px;
  padding: .75rem;
  background: var(--white)
}

.card-input-container.svelte-tdocb.svelte-tdocb {
  margin-top: 1rem;
  border-radius: 12px;
  padding: .7rem .3rem;
  background: var(--white)
}

.emi-header.svelte-tdocb.svelte-tdocb {
  display: flex;
  align-items: flex-end;
  gap: .25rem;
  margin-bottom: .75rem;
  padding-right: 6px
}

.emi-header.svelte-tdocb h2.svelte-tdocb {
  flex-grow: 1;
  margin: 0;
  font-size: 14px;
  padding-left: 4px
}

.emi-header.svelte-tdocb .new-icon.svelte-tdocb {
  max-height: 22px;
  max-width: 24px;
  overflow: hidden;
  background-color: var(--white)
}

.emi-header.svelte-tdocb .globalImg.svelte-tdocb {
  margin-left: .25rem;
  width: 7px;
  height: 12px;
  background-position: -185px -33px;
  display: inline-block;
  filter: initial
}

.emi-header.svelte-tdocb .globalImg.arrow-up.svelte-tdocb {
  transform: rotate(-90deg) scale(1)
}

.emi-header.svelte-tdocb .globalImg.arrow-down.svelte-tdocb {
  transform: rotate(90deg) scale(1)
}

.emi-summary.svelte-tdocb.svelte-tdocb {
  display: flex;
  align-items: center;
  padding-bottom: .25rem;
  font-size: 13px;
  gap: 8px;
  justify-content: space-around
}

.emi-summary.svelte-tdocb .no-cost-emi.svelte-tdocb {
  font-size: 10px;
  color: var(--m-teal);
  background: linear-gradient(0deg, #f0fdf9, #f0fdf9), linear-gradient(90deg, #ffffff 0%, rgba(255, 255, 255, 0) 100%);
  padding: 4px;
  border-radius: 4px
}

.emi-info.svelte-tdocb.svelte-tdocb {
  color: var(--Gray-Neutral-500, #6c737f);
  margin-top: .75rem;
  font-size: 11px;
  padding-left: .25rem
}

.emi-info.svelte-tdocb ol.svelte-tdocb {
  padding-left: .75rem;
  margin: 0
}

.emi-info.svelte-tdocb ol li.svelte-tdocb {
  margin-bottom: .3rem;
  font-weight: 400;
  text-decoration-skip-ink: none
}

.info-text.svelte-tdocb.svelte-tdocb {
  margin-top: 1rem;
  font-size: 11px;
  font-weight: 400;
  color: var(--Gray-Neutral-500, #6c737f);
  letter-spacing: .008em;
  padding: 0 4px;
  line-height: 16px
}

.offer-banner.svelte-tdocb.svelte-tdocb {
  display: inline-block;
  font-size: 12px;
  font-weight: 500;
  color: var(--green);
  padding: 2px 8px;
  margin-bottom: .75rem
}

.emi-summary-header.svelte-tdocb.svelte-tdocb {
  display: flex;
  align-items: center;
  justify-content: space-around;
  gap: 8px;
  padding: 1rem 0 .75rem 0rem;
  font-size: 12px;
  color: var(--Gray-Neutral-500, #6c737f);
  border-top: 1px solid #e5e7eb
}

.header-item.svelte-tdocb.svelte-tdocb {
  flex: 1;
  text-align: center;
  white-space: nowrap
}

.flex-2.svelte-tdocb.svelte-tdocb {
  flex: 2
}

.netbanking-screen {
  min-height: 70vh
}

.payIcon.svelte-1pycnft.svelte-1pycnft {
  width: 30px;
  min-width: 30px;
  height: 30px;
  transform: scale(1.2);
  margin-bottom: .25rem
}

.bank-btn.svelte-1pycnft.svelte-1pycnft {
  position: relative;
  display: flex;
  align-items: center;
  gap: .5rem;
  background-color: #fff
}

.bank-btn.compact.svelte-1pycnft.svelte-1pycnft {
  border-radius: 0 !important
}

.bank-btn.compact.svelte-1pycnft .bank-name.svelte-1pycnft {
  font-size: 14px
}

.bank-btn.compact.svelte-1pycnft .payIcon.svelte-1pycnft {
  margin-bottom: 0
}

.bank-btn.compact.svelte-1pycnft.svelte-1pycnft:not(:first-child) {
  border-top: 0
}

.bank-btn.compact.svelte-1pycnft.svelte-1pycnft:first-child {
  border-radius: 12px 12px 0 0 !important
}

.bank-btn.compact.svelte-1pycnft.svelte-1pycnft:last-child {
  border-radius: 0 0 12px 12px !important
}

.bank-btn.view-all.svelte-1pycnft.svelte-1pycnft {
  justify-content: center
}

.accordion-badge-text.svelte-1pycnft.svelte-1pycnft {
  padding: 2px 8px;
  border-radius: 12px;
  font-size: 10px;
  margin-top: 4px
}

.alert-color.svelte-1pycnft.svelte-1pycnft {
  color: #fff !important;
  background-color: var(--red) !important
}

.bank-name.svelte-1pycnft.svelte-1pycnft {
  text-align: start
}

.highlight-border.svelte-1pycnft.svelte-1pycnft {
  border: 1px solid var(--primary-color)
}

.arrow.svelte-1pycnft.svelte-1pycnft {
  margin-left: auto;
  width: 10px;
  height: 12px;
  background-position: -185px -33px;
  scale: .8
}

.view-all.svelte-1pycnft.svelte-1pycnft {
  font-weight: 600;
  font-size: 12px;
  line-height: 14px
}

.gkwk-bnpl-info.svelte-101pyr5 {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 14px
}

.additional-info.svelte-101pyr5 {
  position: relative;
  display: flex;
  align-items: center;
  gap: .5rem;
  color: #000;
  font-size: .75rem;
  justify-content: center;
  line-height: 18px;
  background-color: #e5e7eb;
  border-radius: 8px;
  padding: 4px 12px
}

.additional-info.svelte-101pyr5::after {
  position: absolute;
  top: 100%;
  left: 50%;
  content: "";
  transform: translateX(-50%);
  width: 0;
  height: 0;
  border-left: 8px solid rgba(0, 0, 0, 0);
  border-right: 8px solid rgba(0, 0, 0, 0);
  border-top: 8px solid #e5e7eb
}

.bold.svelte-101pyr5 {
  font-weight: 600
}

.payment-schedule.svelte-101pyr5 {
  display: flex;
  align-items: center;
  justify-content: space-around
}

.payment-schedule-item.svelte-101pyr5 {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: .3rem
}

.progress-circle-wrapper.svelte-101pyr5 {
  height: 48px;
  width: 48px;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden
}

.progress-circle.svelte-101pyr5 {
  height: 36px;
  width: 36px;
  overflow: hidden;
  flex: 0 0 auto;
  transform: scale(1.3)
}

.details.svelte-101pyr5 {
  display: flex;
  flex-direction: column;
  gap: 4px;
  align-items: center
}

.amount.svelte-101pyr5 {
  font-size: .875rem;
  color: #1f2937
}

.date.svelte-101pyr5 {
  font-size: .7rem;
  color: #6b7280
}

.bold.svelte-101pyr5 {
  font-weight: 600
}

.bullet.svelte-101pyr5 {
  color: #004b8d
}

.no-schedule.svelte-101pyr5 {
  font-size: .875rem;
  color: #6b7280
}

.cta-btn.svelte-1mvzrmp {
  background: #000;
  color: #fff;
  border: none;
  padding: 12px;
  border-radius: 12px;
  font-size: 14px;
  line-height: 22px;
  width: 100%;
  margin-top: 4px
}

.cta-btn.svelte-1mvzrmp:disabled {
  opacity: .5;
  cursor: not-allowed
}

.message-container.svelte-6p2n2l.svelte-6p2n2l {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  text-align: center;
  gap: 1rem 0
}

.message-container.svelte-6p2n2l>img.svelte-6p2n2l {
  align-self: center;
  max-height: 60px
}

.retry-btn.svelte-6p2n2l.svelte-6p2n2l {
  background: none;
  border: none;
  color: #697687;
  font-size: 14px;
  cursor: pointer;
  text-decoration: underline;
  opacity: 75%
}

.retry-btn.svelte-6p2n2l.svelte-6p2n2l:hover {
  opacity: 100%
}

.overlay.svelte-11ociww {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, .55);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 999
}

.modal.svelte-11ociww {
  width: 92%;
  max-width: 360px;
  background: #fff;
  border-radius: 16px;
  padding: 18px 16px 20px;
  box-shadow: 0 20px 40px rgba(0, 0, 0, .15);
  text-align: center;
  animation: svelte-11ociww-pop .25s ease
}

.top-bg.svelte-11ociww {
  background: linear-gradient(180deg, #e6f6ec 0%, #ffffff 100%);
  margin: -18px -16px 10px;
  padding: 22px 0 12px;
  border-radius: 16px 16px 0 0
}

.icon-box.svelte-11ociww {
  width: 48px;
  height: 48px;
  margin: auto;
  background: #22c55e;
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center
}

.pill.svelte-11ociww {
  display: inline-block;
  background: #e6f6ec;
  color: #15803d;
  font-size: 12px;
  font-weight: 600;
  padding: 6px 12px;
  border-radius: 999px;
  margin-bottom: 12px
}

h2.svelte-11ociww {
  font-size: 20px;
  font-weight: 700;
  margin: 10px 0 6px
}

.subtitle.svelte-11ociww {
  font-size: 14px;
  color: #555;
  margin-bottom: 14px
}

.price.svelte-11ociww {
  font-size: 16px;
  font-weight: 600
}

.info.svelte-11ociww {
  font-size: 13px;
  color: #9ca3af;
  margin-bottom: 16px
}

.list.svelte-11ociww {
  text-align: left;
  margin: 12px 0
}

.item.svelte-11ociww {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 12px;
  font-size: 15px;
  font-weight: 500
}

.check.svelte-11ociww {
  width: 22px;
  height: 22px;
  background: #22c55e;
  border-radius: 50%;
  position: relative
}

.check.svelte-11ociww::after {
  content: "";
  position: absolute;
  left: 6px;
  top: 4px;
  width: 6px;
  height: 10px;
  border: solid #fff;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg)
}

.small.svelte-11ociww {
  font-size: 13px;
  color: #777;
  margin: 14px 0 18px
}

.primary.svelte-11ociww {
  width: 100%;
  padding: 14px;
  background: #000;
  color: #fff;
  border-radius: 12px;
  border: none;
  font-size: 15px;
  font-weight: 600;
  margin-bottom: 12px;
  cursor: pointer
}

.secondary.svelte-11ociww {
  background: none;
  border: none;
  font-size: 14px;
  color: #666;
  cursor: pointer
}

.footer.svelte-11ociww {
  font-size: 11px;
  color: #9ca3af;
  margin-top: 8px
}

@keyframes svelte-11ociww-pop {
  from {
    transform: scale(0.92);
    opacity: 0
  }

  to {
    transform: scale(1);
    opacity: 1
  }
}

.container.svelte-u852mf.svelte-u852mf.svelte-u852mf {
  padding-top: .5rem
}

.svelte-u852mf .svelte-u852mf.svelte-u852mf::-webkit-scrollbar {
  width: 0;
  background: rgba(0, 0, 0, 0)
}

.emi-flow.svelte-u852mf .card-details.svelte-u852mf.svelte-u852mf {
  padding-top: 0px !important
}

.emi-flow.svelte-u852mf .card-details .input-row label.svelte-u852mf.svelte-u852mf {
  background-color: var(--g-grey)
}

.emi-flow.svelte-u852mf .cardName.svelte-u852mf.svelte-u852mf {
  order: 0 !important
}

.emi-flow.svelte-u852mf .other-payment-options .or-option p.svelte-u852mf.svelte-u852mf {
  background: var(--g-grey)
}

.cardName.svelte-u852mf.svelte-u852mf.svelte-u852mf {
  order: -1
}

.invalid-input.svelte-u852mf.svelte-u852mf.svelte-u852mf {
  color: red !important
}

.other-payment-options.svelte-u852mf.svelte-u852mf.svelte-u852mf {
  width: 100%
}

.other-payment-options.svelte-u852mf .btn-wrap.svelte-u852mf.svelte-u852mf {
  display: flex;
  justify-content: center
}

.other-payment-options.svelte-u852mf .btn-wrap .cta.svelte-u852mf.svelte-u852mf {
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  display: flex;
  justify-content: center;
  margin-top: 20px;
  text-decoration-line: underline;
  color: #004b8d;
  cursor: pointer;
  border: none
}

.other-payment-options.svelte-u852mf .or-option.svelte-u852mf.svelte-u852mf {
  position: relative;
  text-align: center;
  z-index: 9;
  display: inline-flex;
  width: 100%;
  margin-top: 20px;
  justify-content: center
}

.other-payment-options.svelte-u852mf .or-option p.svelte-u852mf.svelte-u852mf {
  font-size: .8rem;
  line-height: 1rem;
  text-align: center;
  background: var(--white);
  display: inline-block;
  padding: .3rem .6rem;
  z-index: auto !important
}

.other-payment-options.svelte-u852mf .or-option p.svelte-u852mf.svelte-u852mf:after {
  content: "";
  position: absolute;
  width: 50%;
  margin-left: 24%;
  height: 1px;
  background: #989eb3;
  left: 0;
  z-index: -1;
  top: 25px
}

.footer.svelte-u852mf.svelte-u852mf.svelte-u852mf {
  font-size: .875rem;
  color: var(--black);
  line-height: 1.2;
  display: flex;
  align-items: center;
  margin: .25rem 0;
  gap: .5rem;
  box-sizing: border-box
}

.save-details.svelte-u852mf label.svelte-u852mf.svelte-u852mf {
  display: flex;
  align-items: center;
  font-size: .875rem;
  font-weight: 400;
  color: var(--black);
  gap: .4rem;
  line-height: 1.2;
  cursor: pointer
}

.save-details.svelte-u852mf label .checkbox.svelte-u852mf.svelte-u852mf {
  height: 1rem;
  width: 1rem;
  border: 1px solid var(--black);
  padding: .1rem;
  border-radius: 4px;
  outline: none;
  box-sizing: border-box
}

.save-details.svelte-u852mf label span.svelte-u852mf.svelte-u852mf:nth-child(2) {
  display: flex;
  align-items: center;
  gap: .5rem
}

.save-details.svelte-u852mf input.svelte-u852mf.svelte-u852mf {
  display: none
}

.save-details.svelte-u852mf input[type=checkbox]:checked+label .checkbox.svelte-u852mf.svelte-u852mf {
  background: var(--blue);
  border-color: var(--blue);
  content: url(/assets/icons/checkIcon.svg)
}

.card-details.svelte-u852mf.svelte-u852mf.svelte-u852mf {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: .6rem
}

.card-details.svelte-u852mf .input-row.svelte-u852mf.svelte-u852mf {
  width: 100%;
  box-sizing: border-box;
  color: var(--black-o6);
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: relative
}

.card-details.svelte-u852mf .input-row.one-half.svelte-u852mf.svelte-u852mf {
  width: 48%
}

.card-details.svelte-u852mf .input-row label.svelte-u852mf.svelte-u852mf {
  transition: all .2s ease-in-out;
  transform: translateY(-50%);
  top: 50%;
  width: fit-content;
  font-weight: 400;
  font-size: .875rem;
  line-height: 1.2;
  position: absolute;
  left: 1rem;
  padding: 0 .2rem;
  color: #d0d5dd;
  background-color: #fff !important;
  box-sizing: border-box;
  border-radius: .25rem
}

.card-details.svelte-u852mf .input-row input.svelte-u852mf.svelte-u852mf {
  width: 100%;
  font-weight: 500;
  font-size: .875rem;
  line-height: 1.2;
  background: none;
  border: none;
  color: var(--d-blue);
  box-sizing: border-box;
  background-color: #fff;
  border-radius: 12px;
  border: 1px solid #d0d5da;
  padding: .75rem
}

.card-details.svelte-u852mf .input-row input.svelte-u852mf.svelte-u852mf::placeholder {
  opacity: 0;
  transition: opacity .1s ease-in-out
}

.card-details.svelte-u852mf .input-row input.svelte-u852mf.svelte-u852mf:focus,
.card-details.svelte-u852mf .input-row input.svelte-u852mf.svelte-u852mf:valid {
  outline: none
}

.card-details.svelte-u852mf .input-row input.svelte-u852mf:focus+label.svelte-u852mf,
.card-details.svelte-u852mf .input-row input.svelte-u852mf:valid+label.svelte-u852mf {
  top: 0;
  font-size: .75rem
}

.card-details.svelte-u852mf .input-row input.svelte-u852mf.svelte-u852mf:focus::placeholder,
.card-details.svelte-u852mf .input-row input.svelte-u852mf.svelte-u852mf:valid::placeholder {
  opacity: 1
}

.card-details.svelte-u852mf .input-row input.border-danger.svelte-u852mf.svelte-u852mf {
  border: 1px solid red
}

.card-details.svelte-u852mf .input-row input.border-success.svelte-u852mf.svelte-u852mf {
  border: 1px solid #d0d5da
}

.card-details.svelte-u852mf .input-row.floating-label input.svelte-u852mf.svelte-u852mf {
  padding-top: .8rem
}

.card-details.svelte-u852mf .input-row.floating-label label.svelte-u852mf.svelte-u852mf {
  top: .3rem;
  font-size: .75rem
}

.card-details.svelte-u852mf .input-row .float-icon.svelte-u852mf.svelte-u852mf {
  position: absolute;
  right: 1rem;
  max-width: 40px
}

.onpl-styles.svelte-u852mf .card-details .save-details.svelte-u852mf.svelte-u852mf {
  padding: 6px 4px
}

.loader-container.svelte-u852mf.svelte-u852mf.svelte-u852mf {
  position: absolute;
  top: 1rem;
  right: 1rem;
  max-width: 40px;
  z-index: 1010
}

.sprite-gk-logo.svelte-u852mf.svelte-u852mf.svelte-u852mf {
  display: inline-block;
  height: 16px;
  width: 56px;
  background-position: -108px -6px
}

.sprite-rupay-card.svelte-u852mf.svelte-u852mf.svelte-u852mf {
  display: inline-block;
  height: 26px;
  width: 66px;
  background-position: -3px -80px;
  transform: scale(0.8);
  -webkit-transform: scale(0.8);
  -moz-transform: scale(0.8);
  position: absolute;
  right: .5rem
}

.emi-bajajf.svelte-u852mf.svelte-u852mf.svelte-u852mf {
  display: inline-block;
  position: absolute;
  height: 26px;
  width: 66px;
  background-position: -202px -171px;
  right: -1.5rem
}

.sprite-lock-card.svelte-u852mf.svelte-u852mf.svelte-u852mf {
  display: inline-block;
  height: 11px;
  width: 10px;
  background-position: -179px -62px;
  transform: scale(1.2);
  -webkit-transform: scale(1.2);
  -moz-transform: scale(1.2)
}

.reward-logo.svelte-ocw8fl.svelte-ocw8fl {
  display: flex;
  align-items: center;
  align-self: flex-start;
  gap: .25rem
}

.arrow-img.svelte-ocw8fl.svelte-ocw8fl {
  display: block;
  width: 11px !important;
  height: 6px !important;
  background-position: -199px -212px;
  rotate: 90deg
}

.globalImg.svelte-ocw8fl.svelte-ocw8fl {
  width: 5px;
  height: 10px
}

.container.svelte-ocw8fl.svelte-ocw8fl {
  width: 100%;
  box-sizing: border-box;
  display: flex;
  justify-content: space-between;
  align-items: center
}

.container.svelte-ocw8fl .info.svelte-ocw8fl {
  display: flex;
  align-items: center;
  gap: .25rem;
  width: 100%;
  justify-content: space-between
}

.container.svelte-ocw8fl .info .top-info.svelte-ocw8fl {
  display: flex;
  align-items: center
}

.container.svelte-ocw8fl .info .coin.svelte-ocw8fl {
  font-size: 11px;
  color: #000
}

.container.svelte-ocw8fl .info .coin .logo.svelte-ocw8fl {
  max-width: 24px;
  max-height: 24px;
  border-radius: 50%
}

.container.svelte-ocw8fl img.svelte-ocw8fl {
  cursor: pointer
}

.twid-content.svelte-ocw8fl.svelte-ocw8fl {
  display: flex;
  flex-direction: column
}

.twid-content.svelte-ocw8fl .applied.svelte-ocw8fl {
  color: #087443
}

.btn-wrap.svelte-ocw8fl.svelte-ocw8fl {
  border: none;
  padding: 0;
  text-align: start
}

.sprite-twidpay-icon.svelte-ocw8fl.svelte-ocw8fl {
  max-width: 20px !important;
  background-position: 1px -324px;
  width: 20px !important;
  height: 20px !important;
  border: 1px solid #f1f1f1
}

.pb-0 {
  padding-bottom: 0
}

.p-0-i {
  padding: 0 !important
}

.link-btn.svelte-kywzwg.svelte-kywzwg {
  border: 1px solid #eaecf0;
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: .75rem;
  color: #667085;
  background: #fff;
  gap: .75rem
}

.link-btn.svelte-kywzwg .content.svelte-kywzwg {
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  color: #000;
  text-align: start
}

p.svelte-kywzwg.svelte-kywzwg {
  margin: 0
}

.info-text.svelte-kywzwg.svelte-kywzwg {
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  color: #697687
}

.globalImg.whatsapp.svelte-kywzwg.svelte-kywzwg {
  width: 12px;
  min-width: 12px;
  max-width: 12px;
  height: 12px;
  background-position: -216px -355px;
  scale: 2;
  margin: 0 8px
}

.globalImg.arrow.svelte-kywzwg.svelte-kywzwg {
  width: 12px;
  min-width: 12px;
  max-width: 12px;
  height: 12px;
  background-position: -184px -33px;
  transform: scale(1.1);
  filter: invert(0.5);
  margin-left: .25rem
}

.accordion.svelte-9oaud1 {
  display: flex;
  flex-direction: column
}

.price.svelte-1vn2pex {
  padding-left: 4px
}

.earn-mode-title.svelte-1vn2pex {
  font-size: 13px
}

.latest-vpa-btn .new-icon {
  background: #fff;
  border-radius: 50%
}

.sprite-upi-icons.svelte-1tu4nwh {
  display: inline-block
}

.sprite-upi-icons.phonepe-icon.svelte-1tu4nwh {
  transform: scale(1.6);
  -webkit-transform: scale(1.6);
  -moz-transform: scale(1.6)
}

.sprite-upi-icons.tez-icon.svelte-1tu4nwh,
.sprite-upi-icons.jupiterUpi-icon.svelte-1tu4nwh {
  transform: scale(1.2);
  -webkit-transform: scale(1.2);
  -moz-transform: scale(1.2)
}

.sprite-upi-icons.paytm-icon.svelte-1tu4nwh,
.sprite-upi-icons.credpay-icon.svelte-1tu4nwh,
.sprite-upi-icons.navi-icon.svelte-1tu4nwh {
  transform: scale(1);
  -webkit-transform: scale(1);
  -moz-transform: scale(1)
}

.sprite-upi-icons.generic-icon.svelte-1tu4nwh,
.sprite-upi-icons.other-icon.svelte-1tu4nwh {
  transform: scale(1.1);
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1)
}

.sprite-upi-icons.amazonpay-icon.svelte-1tu4nwh {
  transform: scale(1);
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  transform: translate(-2px);
  -webkit-transform: translate(-2px);
  -moz-transform: translate(-2px)
}

.sprite-upi-icons.bajaj-icon.svelte-1tu4nwh {
  transform: scale(1.6);
  -webkit-transform: scale(1.6);
  -moz-transform: scale(1.6)
}

.sprite-upi-icons.mobikwik-icon.svelte-1tu4nwh,
.sprite-upi-icons.lxme-icon.svelte-1tu4nwh {
  transform: scale(0.8);
  -webkit-transform: scale(0.8);
  -moz-transform: scale(0.8)
}

.sprite-upi-icons.kiwi-icon.svelte-1tu4nwh,
.sprite-upi-icons.supermoney-icon.svelte-1tu4nwh {
  transform: scale(1.6);
  -webkit-transform: scale(1.6);
  -moz-transform: scale(1.6)
}

.sprite-upi-icons.fampay-icon.svelte-1tu4nwh {
  transform: scale(0.7);
  -webkit-transform: scale(0.7);
  -moz-transform: scale(0.7);
  transform: translate(-2px);
  -webkit-transform: translate(-2px);
  -moz-transform: translate(-2px)
}

.cta-btn.svelte-1tu4nwh {
  background: #000;
  color: #fff;
  border: none;
  padding: 16px 12px;
  border-radius: 8px;
  font-size: 16px;
  line-height: 16px;
  font-weight: 500;
  cursor: pointer;
  width: 100%;
  min-width: 120px
}

.cta-btn.svelte-1tu4nwh:disabled {
  opacity: .5;
  cursor: not-allowed
}

.price.svelte-1tu4nwh {
  padding-left: 4px
}

.cvv-custom {
  width: 70px !important
}

.cvv-custom input {
  padding: 8px !important
}

.cvv-custom label {
  left: 8px !important;
  font-size: 12px !important
}

.cvv-custom button {
  right: 8px !important;
  scale: .8
}

.cvv-input-container.svelte-js73bi {
  border-radius: 12px;
  padding: 12px;
  display: flex;
  align-items: center;
  gap: 4px
}

.bank-details.svelte-js73bi {
  display: flex;
  align-items: center;
  gap: 8px;
  flex: 1
}

.name.svelte-js73bi {
  margin: 0;
  font-size: 14px;
  font-weight: 500
}

.brand.svelte-js73bi {
  font-size: 12px
}

.offer.svelte-js73bi {
  font-size: 12px;
  color: #067647;
  font-weight: 500
}

div.svelte-1r5gmvu {
  width: 100%;
  height: 100%
}

canvas.svelte-1r5gmvu {
  width: 100%;
  height: 100%;
  display: block
}

.step-info.svelte-17byykf {
  display: flex;
  flex-direction: row;
  gap: 12px
}

.step-icon.svelte-17byykf {
  font-size: 24px
}

.step-details.svelte-17byykf {
  flex: 1
}

.step-title.svelte-17byykf {
  font-size: 15px;
  font-weight: 500;
  color: #374151;
  margin-bottom: 4px
}

.step-info-list.svelte-17byykf {
  padding: 0;
  font-size: 12px;
  line-height: 18px;
  color: #6b7280;
  list-style-position: inside;
  margin: 6px 0
}

.selfie-wrapper.svelte-17byykf {
  position: relative;
  box-sizing: border-box;
  min-height: 280px;
  width: 100%
}

@media(min-width: 440px) {
  .selfie-wrapper.svelte-17byykf {
    min-height: 310px
  }
}

.kfs-container.svelte-cpd6b7.svelte-cpd6b7 {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  text-align: center;
  gap: 1.2rem 0
}

.kfs-container.svelte-cpd6b7 table.svelte-cpd6b7 {
  border-collapse: collapse;
  font-family: system-ui, sans-serif;
  table-layout: fixed;
  width: 100%
}

.kfs-container.svelte-cpd6b7 td.svelte-cpd6b7 {
  text-align: left
}

.kfs-container.new-layout.svelte-cpd6b7 td.svelte-cpd6b7 {
  text-align: center
}

.kfs-container.svelte-cpd6b7 .label.svelte-cpd6b7 {
  font-size: 12px;
  color: #6b6b6b;
  font-weight: 400;
  margin-bottom: .15rem;
  letter-spacing: .2px;
  line-height: 16px
}

.kfs-container.svelte-cpd6b7 .value.svelte-cpd6b7 {
  font-size: 1rem;
  color: #000;
  font-weight: 500
}

.btn-black.svelte-cpd6b7.svelte-cpd6b7 {
  font-size: 14px;
  line-height: 22px;
  color: #000;
  border: 1px solid #000;
  padding: 8px;
  border-radius: 10px
}

.btn-black.svelte-cpd6b7.svelte-cpd6b7:disabled {
  background-color: #5a5a5a;
  cursor: auto
}

.btn-none.svelte-cpd6b7.svelte-cpd6b7 {
  padding: 0;
  margin: 0;
  border: none;
  outline: none
}

.eye-icon.svelte-cpd6b7.svelte-cpd6b7 {
  display: inline-block;
  width: 24px;
  height: 20px;
  transform: scale(0.75);
  opacity: .5;
  background-position: -86px -58px
}

.otp-container.svelte-mmjwhp.svelte-mmjwhp {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  box-sizing: border-box
}

.otp-wrapper.svelte-mmjwhp.svelte-mmjwhp {
  display: flex;
  flex-direction: column;
  gap: 1rem 0;
  width: 100%
}

.otp.svelte-mmjwhp.svelte-mmjwhp {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center
}

.otp.svelte-mmjwhp .otp-box-wrapper.svelte-mmjwhp {
  display: flex;
  flex-direction: column;
  align-items: center
}

.otp.svelte-mmjwhp .otp-box-wrapper .otp-attempts.svelte-mmjwhp {
  color: red;
  font-size: 12px;
  padding-top: .5rem
}

.timer-and-resend.svelte-mmjwhp.svelte-mmjwhp {
  display: flex;
  justify-content: center
}

.timer-and-resend.svelte-mmjwhp .timer.svelte-mmjwhp {
  font-size: 14px;
  color: #697687
}

.timer-and-resend.svelte-mmjwhp .timer .timer-ticks.svelte-mmjwhp {
  font-weight: 500
}

.resend-link.svelte-mmjwhp.svelte-mmjwhp {
  background: none;
  border: none;
  color: #697687;
  font-size: 14px;
  cursor: pointer;
  text-decoration: underline;
  opacity: 75%
}

.resend-link.svelte-mmjwhp.svelte-mmjwhp:hover {
  opacity: 100%
}

.step-info.svelte-mmjwhp.svelte-mmjwhp {
  display: flex;
  gap: 0px;
  flex-direction: column;
  text-align: center
}

.step-title.svelte-mmjwhp.svelte-mmjwhp {
  font-size: 15px;
  font-weight: 500;
  color: #374151;
  margin-bottom: 4px
}

.payment-container.svelte-1odiaen {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  text-align: center;
  gap: 1.2rem 0
}

.gkwk-bnpl-payment.svelte-1odiaen {
  display: flex;
  flex-direction: column;
  gap: 14px
}

.step-info.svelte-1odiaen {
  margin-bottom: 8px
}

.step-subtitle.svelte-1odiaen {
  color: #6b7280;
  text-align: left
}

.label-wrapper.svelte-1odiaen {
  display: flex;
  gap: 4px;
  font-weight: 500;
  padding-bottom: 10px
}

.new-icon.svelte-1odiaen {
  max-height: 25px;
  max-width: 24px;
  overflow: hidden
}

.new-title.svelte-1odiaen {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center
}

.header-txt.svelte-1381fcu {
  padding-top: .5rem;
  font-size: 14px;
  line-height: 22px;
  color: var(--black)
}

.retry-message.svelte-1381fcu {
  display: flex;
  align-items: center;
  font-size: 14px;
  line-height: 22px;
  color: var(--black)
}

.cancel-btn.svelte-1381fcu {
  font-size: 14px;
  line-height: 22px;
  border: none;
  text-decoration: underline;
  font-weight: 600;
  color: var(--black)
}

.retry-btn.svelte-1381fcu {
  position: relative;
  box-sizing: border-box;
  flex: 1;
  font-size: 14px;
  border-radius: 12px;
  padding: 12px;
  max-height: 60px;
  background-color: #000;
  color: #fff
}

.container-override.svelte-1381fcu {
  font-size: 14px;
  line-height: 20px;
  color: var(--black);
  margin: 32px 0px 12px;
  text-align: left
}

.title.svelte-1ktvkyd.svelte-1ktvkyd {
  font-size: 20px;
  line-height: 24px;
  color: var(--black);
  text-align: center
}

.retry-error-message.svelte-1ktvkyd.svelte-1ktvkyd {
  font-size: 14px;
  line-height: 18px;
  color: var(--black);
  margin: 10px 0 20px;
  text-align: center
}

.btn-group.svelte-1ktvkyd.svelte-1ktvkyd {
  display: flex;
  flex-direction: column;
  gap: 25px
}

.btn-group.svelte-1ktvkyd .btn-black.svelte-1ktvkyd {
  font-size: 14px;
  line-height: 24px;
  padding: 12px;
  border-radius: 12px;
  background-color: #000;
  color: #fff;
  border: none
}

.override.svelte-1ktvkyd.svelte-1ktvkyd {
  text-align: left
}

.title.svelte-1r00mij.svelte-1r00mij {
  font-size: 20px;
  line-height: 24px;
  text-align: center;
  color: var(--black)
}

.retry-error-message.svelte-1r00mij.svelte-1r00mij {
  font-size: 14px;
  line-height: 18px;
  color: var(--black);
  margin: 10px 0 20px;
  text-align: center
}

.btn-group.svelte-1r00mij.svelte-1r00mij {
  display: flex;
  flex-direction: column;
  gap: 25px
}

.btn-group.svelte-1r00mij .btn-black.svelte-1r00mij {
  font-size: 14px;
  line-height: 24px;
  padding: 12px;
  border-radius: 12px;
  background-color: #000;
  color: #fff;
  border: none
}

.override.svelte-1r00mij.svelte-1r00mij {
  text-align: left
}

.fallback-flows.svelte-p1qsad .or-option.svelte-p1qsad {
  position: relative;
  text-align: center;
  z-index: 9;
  display: inline-flex;
  width: 100%;
  justify-content: center;
  margin: 12px 0
}

.fallback-flows.svelte-p1qsad .or-option p.svelte-p1qsad {
  font-size: 12px;
  line-height: .3rem;
  text-align: center;
  background: var(--white);
  display: inline-block;
  padding: .5rem;
  z-index: auto !important;
  border: 1px solid #e4e8eb;
  border-radius: 8px;
  color: #cdcdcd
}

.fallback-flows.svelte-p1qsad .or-option p.svelte-p1qsad:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 1px;
  background: #cdcdcd;
  left: 0;
  z-index: -1;
  top: 12px
}

.redirection-info-message.svelte-p1qsad.svelte-p1qsad {
  display: flex;
  gap: 10px;
  background: #fff5d2;
  font-size: 13px;
  padding: 12px;
  border-radius: 10px;
  margin: 10px 0 18px 0;
  line-height: 18px
}

.redirection-info-message.svelte-p1qsad .app-icon.svelte-p1qsad {
  display: flex;
  align-items: center;
  justify-content: center
}

.redirection-info-message.svelte-p1qsad .app-icon .tez-icon.svelte-p1qsad {
  transform: scale(1.7);
  -webkit-transform: scale(1.7);
  -moz-transform: scale(1.7)
}

.redirection-info-message.svelte-p1qsad .app-icon .lxme-icon.svelte-p1qsad,
.redirection-info-message.svelte-p1qsad .app-icon .fampay-icon.svelte-p1qsad,
.redirection-info-message.svelte-p1qsad .app-icon .popUpi-icon.svelte-p1qsad {
  transform: scale(1);
  -webkit-transform: scale(1);
  -moz-transform: scale(1)
}

.redirection-info-message.svelte-p1qsad .app-icon .mobikwik-icon.svelte-p1qsad,
.redirection-info-message.svelte-p1qsad .app-icon .airtelUpi-icon.svelte-p1qsad,
.redirection-info-message.svelte-p1qsad .app-icon .supermoney-icon.svelte-p1qsad,
.redirection-info-message.svelte-p1qsad .app-icon .jupiterUpi-icon.svelte-p1qsad,
.redirection-info-message.svelte-p1qsad .app-icon .kiwi-icon.svelte-p1qsad,
.redirection-info-message.svelte-p1qsad .app-icon .bajaj-icon.svelte-p1qsad,
.redirection-info-message.svelte-p1qsad .app-icon .phonepe-icon.svelte-p1qsad {
  transform: scale(1.4);
  -webkit-transform: scale(1.4);
  -moz-transform: scale(1.4)
}

.upi-collect-wrapper.svelte-p1qsad.svelte-p1qsad {
  margin: 8px 0px 4px
}

.header-txt.svelte-p1qsad.svelte-p1qsad {
  padding-top: .5rem;
  font-size: 14px;
  line-height: 24px;
  color: var(--black);
  padding-left: 4px
}

.collect-header-txt.svelte-p1qsad.svelte-p1qsad {
  font-weight: 500;
  font-size: 14px;
  color: var(--black)
}

.collect-wrapper.svelte-p1qsad.svelte-p1qsad {
  margin: 24px 0px 16px
}

.payment-link-container.svelte-p1qsad.svelte-p1qsad {
  margin-bottom: 16px
}

.payment-link.svelte-p1qsad.svelte-p1qsad {
  margin-bottom: 16px
}

.btn-group.svelte-p1qsad.svelte-p1qsad {
  display: flex;
  flex-direction: column;
  gap: 25px
}

.btn-black.svelte-p1qsad.svelte-p1qsad {
  font-size: 14px;
  line-height: 24px;
  padding: 12px;
  border-radius: 12px;
  background-color: #000;
  color: #fff;
  border: none
}

.pay-though-link.svelte-p1qsad.svelte-p1qsad {
  margin-bottom: 8px
}

.pay-though-link.svelte-p1qsad .loader.svelte-p1qsad {
  padding: 0 !important;
  line-height: normal !important;
  font-size: 0 !important
}

.subtitle.svelte-p1qsad.svelte-p1qsad {
  font-size: 14px;
  line-height: 24px;
  color: var(--black);
  margin-bottom: 10px;
  margin-top: 4px
}

.ofpl-wrapper.svelte-3grfk8 {
  display: flex;
  flex-direction: column
}

.collect-header-txt.svelte-dnp8cm {
  font-size: 14px;
  font-weight: 500;
  color: var(--black)
}

.collect-wrapper.svelte-dnp8cm {
  margin: 24px 0 16px
}

.emi-plans.svelte-v7mren.svelte-v7mren.svelte-v7mren {
  width: 100%;
  overflow-y: hidden;
  overflow-x: auto;
  border: 1px solid #d0d5da;
  border-radius: 14px;
  box-sizing: border-box;
  background-color: #fff
}

.container-top.svelte-v7mren.svelte-v7mren.svelte-v7mren {
  padding: 10px 4px;
  background: #e5e7eb
}

.container-top.svelte-v7mren .grid-layout.svelte-v7mren.svelte-v7mren {
  display: grid;
  grid-template-columns: 18px 1fr 1.25fr 1fr 1fr;
  gap: .4rem;
  align-items: center
}

.container-top.svelte-v7mren .checkbox.svelte-v7mren.svelte-v7mren {
  width: 20px;
  visibility: hidden
}

.container-top.svelte-v7mren .inner-box.svelte-v7mren.svelte-v7mren {
  text-align: center
}

.container-top.svelte-v7mren .inner-box .title.svelte-v7mren.svelte-v7mren {
  color: #929ba9;
  font-size: 11px
}

.tenure.svelte-v7mren.svelte-v7mren.svelte-v7mren {
  position: relative;
  width: 100%;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  border-bottom: 1px solid #e5e7eb;
  border-radius: 4px;
  cursor: pointer
}

.tenure.svelte-v7mren .price-info.svelte-v7mren.svelte-v7mren {
  position: relative;
  padding: 16px 5px 16px 8px
}

.tenure.svelte-v7mren .price-info .grid-layout.svelte-v7mren.svelte-v7mren {
  display: grid;
  grid-template-columns: 18px 1fr 1.25fr 1fr 1fr;
  gap: .4rem;
  align-items: center
}

.tenure.svelte-v7mren .price-info .checkbox.svelte-v7mren.svelte-v7mren {
  width: 18px;
  height: 18px;
  min-width: 18px;
  border-radius: 50%;
  box-sizing: border-box;
  border: 1px solid #7a7a7a
}

.tenure.svelte-v7mren .price-info .inner-box.svelte-v7mren.svelte-v7mren {
  text-align: center
}

.tenure.svelte-v7mren .price-info .inner-box .value.svelte-v7mren.svelte-v7mren {
  font-size: 13px;
  color: #101828
}

.tenure.svelte-v7mren .emi-info.svelte-v7mren.svelte-v7mren {
  display: flex;
  justify-content: center;
  font-size: 12px;
  flex-direction: column;
  gap: .875rem;
  align-items: center;
  margin: 6px 0px
}

.tenure.svelte-v7mren button.svelte-v7mren.svelte-v7mren {
  font-size: 14px;
  letter-spacing: -0.02em;
  padding: 1rem;
  width: 95%;
  max-width: 450px;
  color: #fff;
  background: #004b8d;
  border: none;
  border-radius: 20px;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px
}

input.svelte-v7mren.svelte-v7mren.svelte-v7mren {
  display: none
}

input:checked+label.svelte-v7mren .price-info .grid-layout.svelte-v7mren .checkbox.svelte-v7mren {
  border: 4px solid #e7edf4;
  background: #004b8d
}

.no-cost-emi.svelte-v7mren.svelte-v7mren.svelte-v7mren {
  color: var(--m-teal);
  font-size: 10px;
  background: linear-gradient(0deg, #f0fdf9, #f0fdf9), linear-gradient(90deg, #ffffff 0%, rgba(255, 255, 255, 0) 100%);
  padding: 4px;
  border-radius: 4px
}

.popular-emi.svelte-v7mren.svelte-v7mren.svelte-v7mren {
  box-sizing: border-box;
  background: #e9f4ee;
  color: #007a3c;
  font-size: 12px;
  text-align: center;
  font-weight: 400;
  width: 98%;
  padding: 4px;
  line-height: 10px;
  margin-top: 4px;
  margin-left: 4px;
  border-radius: 8px
}

.globalImg.svelte-v7mren.svelte-v7mren.svelte-v7mren {
  width: 20px;
  height: 11px;
  background-position: -195px -9px;
  display: flex
}

.no-emi-plans.svelte-v7mren.svelte-v7mren.svelte-v7mren {
  padding: 1rem;
  font-weight: 600;
  font-size: 14px
}

.update-padding.svelte-v7mren.svelte-v7mren.svelte-v7mren {
  padding-top: 8px !important
}

.highlight.svelte-v7mren.svelte-v7mren.svelte-v7mren {
  border: 1px solid var(--gokwik-blue) !important
}

#trust-container.svelte-e8i9tw.svelte-e8i9tw {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  overflow: hidden
}

#trust-container.svelte-e8i9tw #header-section.svelte-e8i9tw {
  font-weight: 400;
  font-size: 12px;
  text-align: center;
  gap: .5rem;
  margin: .5rem;
  display: flex;
  justify-content: center;
  flex-direction: column
}

#trust-container.svelte-e8i9tw #custom-section-css.svelte-e8i9tw {
  flex-direction: column;
  margin-bottom: 1rem;
  gap: 2px;
  padding: 0px
}

#trust-container.svelte-e8i9tw #custom-section-css .tag-text.svelte-e8i9tw {
  opacity: 50%;
  color: #405065;
  font-size: 12px;
  margin-bottom: .5rem
}

#trust-container.svelte-e8i9tw #custom-section-css .customer-name.svelte-e8i9tw {
  color: #405065;
  font-size: 12px;
  font-weight: 400
}

#trust-container.svelte-e8i9tw #custom-section-css .text.svelte-e8i9tw {
  max-width: 280px;
  align-items: center;
  text-align: center
}

#trust-container.svelte-e8i9tw .carousel.svelte-e8i9tw {
  width: 100%;
  max-width: 500px;
  overflow: hidden;
  position: relative
}

#trust-container.svelte-e8i9tw .track.svelte-e8i9tw {
  display: flex;
  width: auto
}

#trust-container.svelte-e8i9tw .security-badge.svelte-e8i9tw {
  flex: 0 0 100%;
  display: flex;
  text-align: left;
  align-items: center;
  justify-content: center;
  gap: 4px;
  padding: 16px;
  box-sizing: border-box;
  text-align: center
}

#trust-container.svelte-e8i9tw .icon.svelte-e8i9tw {
  width: 24px;
  height: 24px;
  flex-shrink: 0
}

#trust-container.svelte-e8i9tw .text.svelte-e8i9tw {
  font-family: inherit;
  font-weight: 400;
  font-size: 12px;
  color: #405065;
  line-height: 18px;
  word-wrap: break-word;
  white-space: normal
}

.whatsapp-otp.svelte-ci0la2.svelte-ci0la2 {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 10px;
  font-size: 16px;
  cursor: pointer;
  text-decoration: underline
}

.whatsapp-otp.svelte-ci0la2 img.svelte-ci0la2 {
  height: 25px;
  margin-right: 5px
}

.payment-header-wrapper.svelte-1chzrpo.svelte-1chzrpo {
  width: 100%;
  padding: .6rem;
  box-sizing: border-box;
  margin-top: .25rem
}

.payment-header-wrapper.svelte-1chzrpo .head.svelte-1chzrpo {
  width: 100%;
  display: flex;
  gap: .25rem;
  box-sizing: border-box
}

.payment-header-wrapper.svelte-1chzrpo .head .phone.svelte-1chzrpo {
  width: 250px;
  height: 12px;
  margin-left: .1rem
}

.payment-header-wrapper.svelte-1chzrpo .head .edit-btn.svelte-1chzrpo {
  width: 40px;
  height: 12px
}

.address-card.svelte-1chzrpo.svelte-1chzrpo {
  width: 100%;
  box-sizing: border-box;
  border-radius: 10px;
  position: relative;
  padding: 15px;
  background: var(--g-grey);
  display: block;
  margin-top: .75rem
}

.address-card.svelte-1chzrpo .head.svelte-1chzrpo {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: .5rem;
  box-sizing: border-box
}

.address-card.svelte-1chzrpo .head .heading.svelte-1chzrpo {
  width: 100px;
  height: 15px
}

.address-card.svelte-1chzrpo .head .act.svelte-1chzrpo {
  width: 20px;
  height: 15px
}

.address-card.svelte-1chzrpo .add-info.svelte-1chzrpo {
  display: flex;
  gap: .5rem;
  flex-direction: column;
  margin-top: .25rem
}

.address-card.svelte-1chzrpo .add-info .name-container.svelte-1chzrpo {
  width: 120px;
  height: 12px
}

.address-card.svelte-1chzrpo .add-info .address-details.svelte-1chzrpo {
  display: flex;
  flex-direction: column;
  width: 70%;
  height: 10px
}

.easy-rewards p.svelte-fsk8t4 span.svelte-fsk8t4 {
  font-style: italic;
  font-size: .6rem;
  color: gray
}

.discount-credits.svelte-fsk8t4 .discount-coupon-img-applied-wrapper.svelte-fsk8t4 {
  width: 24px;
  height: 24px
}

.discount-credits.svelte-fsk8t4 .discount-coupon-img-applied-wrapper .discount-coupon-img-applied.svelte-fsk8t4 {
  width: 20px;
  height: 20px;
  background-position: -172px -400px
}

.discount-credits.svelte-fsk8t4 .discount-credits-inner .discount-coupon-img.svelte-fsk8t4 {
  width: 24px;
  height: 24px;
  background-position: -148px -400px
}

.discount-credits.svelte-fsk8t4 .apply-btn span.svelte-fsk8t4 {
  text-transform: capitalize;
  font-weight: 700;
  text-align: right
}

button.hide-tooltip[data-tooltip].svelte-dn5wjp:before,
button.hide-tooltip[data-tooltip].svelte-dn5wjp:after {
  display: none !important
}

[data-tooltip].svelte-dn5wjp {
  position: relative;
  z-index: 2;
  border: none;
  color: var(--primary-color);
  margin-top: 5px;
  font-size: .75rem;
  line-height: 1
}

[data-tooltip].svelte-dn5wjp:before,
[data-tooltip].svelte-dn5wjp:after {
  visibility: hidden;
  opacity: 0;
  pointer-events: none;
  transition: .2s ease-out;
  transform: translate(-50%, 5px)
}

[data-tooltip].svelte-dn5wjp:before {
  position: absolute;
  bottom: 100%;
  left: 50%;
  margin-bottom: 5px;
  padding: 7px;
  width: 100%;
  min-width: 70px;
  max-width: 250px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  background-color: #000;
  background-color: rgba(51, 51, 51, .9);
  color: #fff;
  content: attr(data-tooltip);
  text-align: center;
  font-size: 14px;
  line-height: 1.2;
  transition: .2s ease-out
}

[data-tooltip].svelte-dn5wjp:after {
  position: absolute;
  bottom: 100%;
  right: 10%;
  width: 0;
  border-top: 5px solid #000;
  border-top: 5px solid rgba(51, 51, 51, .9);
  border-right: 5px solid rgba(0, 0, 0, 0);
  border-left: 5px solid rgba(0, 0, 0, 0);
  content: " ";
  font-size: 0;
  line-height: 0
}

[data-tooltip].svelte-dn5wjp:hover:before,
[data-tooltip].svelte-dn5wjp:hover:after {
  visibility: visible;
  opacity: 1;
  transform: translate(-50%, 0)
}

[data-tooltip=false].svelte-dn5wjp:hover:before,
[data-tooltip=false].svelte-dn5wjp:hover:after {
  visibility: hidden;
  opacity: 0
}

button.vpa-tooltip.svelte-dn5wjp,
button.cvv-info-tooltip.svelte-dn5wjp,
button.offer-tooltip.svelte-dn5wjp {
  padding: 0 !important;
  margin: 0 !important
}

button.vpa-tooltip[data-tooltip].svelte-dn5wjp:before,
button.cvv-info-tooltip[data-tooltip].svelte-dn5wjp:before,
button.offer-tooltip[data-tooltip].svelte-dn5wjp:before {
  bottom: 120% !important;
  min-width: 94px !important;
  font-size: 11px !important
}

button.vpa-tooltip[data-tooltip].svelte-dn5wjp:after,
button.cvv-info-tooltip[data-tooltip].svelte-dn5wjp:after,
button.offer-tooltip[data-tooltip].svelte-dn5wjp:after {
  bottom: 120% !important;
  right: -12% !important
}

button.offer-tooltip[data-tooltip].svelte-dn5wjp:after {
  right: 6% !important
}

button.twid-tooltip.svelte-dn5wjp {
  color: #000 !important;
  margin-top: 0 !important;
  font-weight: 600
}

button.twid-tooltip.btn-border.svelte-dn5wjp {
  padding: 8px;
  border: 1px solid #000;
  border-radius: 8px;
  background: rgba(0, 0, 0, 0);
  cursor: pointer
}

button.twid-tooltip[data-tooltip].svelte-dn5wjp:before {
  padding: 4px 12px !important;
  border-radius: 8px !important;
  background-color: #000 !important;
  color: #fff !important;
  font-size: 12px !important;
  line-height: 14px !important
}

button.twid-tooltip[data-tooltip].svelte-dn5wjp:after {
  border-top: 5px solid #000 !important
}

.discount-coupon-inner.svelte-1dkf40l.svelte-1dkf40l {
  margin-bottom: 0
}

.discount-coupon-inner.svelte-1dkf40l .discount-box input.svelte-1dkf40l {
  border: none;
  background: none;
  padding-block: 0
}

button.disabled.svelte-1dkf40l.svelte-1dkf40l {
  opacity: .4;
  cursor: not-allowed
}

.freeze-gift-card.svelte-1dkf40l.svelte-1dkf40l {
  opacity: .4;
  cursor: not-allowed
}

.gc-verified.svelte-1dkf40l.svelte-1dkf40l {
  position: absolute;
  top: 12px;
  right: 10px
}

.discountIconGreen.svelte-1dkf40l.svelte-1dkf40l {
  width: 19px;
  height: 21px;
  background-position: -123px -402px
}

.ribbon.svelte-me2qw0 {
  border-radius: 0px 0px 6px 6px;
  background: var(--Teal-500, #15b79e);
  box-shadow: 0px 4px 4px -4px rgba(0, 0, 0, .6);
  min-height: 16px;
  position: absolute;
  z-index: 1;
  width: 70%;
  left: 15%;
  top: -8px
}

.ribbon.svelte-me2qw0:before,
.ribbon.svelte-me2qw0:after {
  content: "";
  width: 6px;
  height: 8px;
  background: #107569;
  position: absolute
}

.ribbon.svelte-me2qw0::before {
  left: -6px;
  top: 0px;
  border-radius: 10px 15px 0 0px;
  border-right: 5px solid #15b79e
}

.ribbon.svelte-me2qw0::after {
  right: -6px;
  top: 0px;
  border-radius: 15px 10px 0 0px;
  border-left: 5px solid #15b79e
}

.info.svelte-me2qw0 {
  text-align: center;
  color: #fff;
  font-size: .75rem;
  box-sizing: border-box;
  line-height: 1.2;
  padding: .1rem
}

.gift-card.svelte-1p295dn .gift-card-icon.svelte-1p295dn {
  width: 24px;
  height: 24px
}

.gift-card.svelte-1p295dn .gift-card-icon .gift-card-img.svelte-1p295dn {
  width: 20px;
  height: 16px;
  background-position: -192px -400px
}

.gift-card.svelte-1p295dn .gift-card-icon .gift-card-applied-img.svelte-1p295dn {
  width: 20px;
  height: 16px;
  background-position: 0px -424px
}

.confirmation.svelte-1bi2xgq {
  position: relative;
  top: -0.9rem;
  padding: 1rem .5rem;
  display: flex;
  flex-direction: column;
  gap: 10px;
  border-radius: 8px;
  border: 1.5px solid #cdcdcd;
  border-top: none;
  border-top-left-radius: 0px !important;
  border-top-right-radius: 0px !important;
  z-index: 2;
  background-color: #fff;
  margin-bottom: -15px
}

.alternate-mobile-ui.svelte-1bi2xgq {
  border: none;
  border-bottom: 1.2px dashed #d0d5dd;
  border-radius: 0px
}

.alternate-mobile-ui.svelte-1bi2xgq:last-child {
  border: none
}

.slider-container.svelte-1bi2xgq {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-radius: 25px;
  cursor: pointer;
  background-color: #f2f2f2;
  position: relative;
  box-shadow: rgba(0, 0, 0, .35) 0px 5px 15px;
  border: .75px solid rgba(0, 0, 0, .1019607843);
  min-height: 56px;
  overflow: hidden;
  transition: transform .7s cubic-bezier(0.25, 0.8, 0.25, 1)
}

.cod-option.svelte-1bi2xgq,
.upi-button-option.svelte-1bi2xgq {
  flex: 1;
  display: flex;
  align-items: center;
  color: #000;
  font-weight: bold;
  transition: background-color .3s;
  flex-direction: row;
  gap: 3px;
  font-size: .75rem;
  transition: transform .7s cubic-bezier(0.25, 0.8, 0.25, 1)
}

.cod-option.svelte-1bi2xgq {
  flex-direction: row;
  margin-left: .5rem;
  gap: .5rem;
  transform: translateX(0);
  margin-right: 1.5rem
}

.upi-text.svelte-1bi2xgq {
  margin-left: 2rem;
  color: var(--control-background, #fff);
  font-size: .75rem;
  font-style: normal;
  font-weight: 500
}

.cod-details.svelte-1bi2xgq {
  display: flex;
  align-items: center;
  font-weight: 400;
  font-size: .625rem;
  color: #707070
}

.cod-fee.svelte-1bi2xgq {
  font-size: .625rem;
  margin-right: .5rem
}

.upi-button-option.svelte-1bi2xgq {
  background-color: #26e32b;
  border-top-right-radius: 25px;
  border-bottom-right-radius: 25px;
  background: radial-gradient(509.89% 154.18% at 17.61% 50%, #4d7a50 0%, #8ce092 100%);
  height: 100%;
  transform: translateX(0)
}

.upi-arrow.svelte-1bi2xgq {
  align-self: flex-start;
  margin-left: 1rem
}

.slider-button.svelte-1bi2xgq {
  position: absolute;
  top: -1px;
  width: 56px;
  height: 56px;
  border-radius: 50%;
  cursor: pointer;
  transition: transform .7s cubic-bezier(0.25, 0.8, 0.25, 1);
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: rgba(0, 0, 0, .35) 0px 5px 15px;
  border-radius: 56px;
  border: 1px solid rgba(255, 255, 255, .2);
  box-shadow: -48px 32px 16px 0px rgba(0, 0, 0, 0), -31px 21px 15px 0px rgba(0, 0, 0, .02), -17px 12px 12px 0px rgba(0, 0, 0, .05), -8px 5px 9px 0px rgba(0, 0, 0, .09), -2px 1px 5px 0px rgba(0, 0, 0, .1)
}

.logo-img.svelte-1bi2xgq {
  width: 56px;
  height: 56px;
  background-color: #fff;
  border-radius: 50%;
  object-fit: contain
}

.floating-confirmation.svelte-1bi2xgq {
  border: none;
  top: 0;
  padding: 0
}

.continue-cod-text.svelte-1bi2xgq {
  font-size: .75rem;
  font-weight: 500;
  color: #000
}

.cod-truck-img.svelte-1bi2xgq {
  width: 30px;
  height: 24px;
  background-position: -61px -348px
}

.upi-icons.svelte-1bi2xgq {
  display: flex;
  flex-direction: column;
  margin-right: 1rem;
  gap: .3rem;
  width: 35px
}

.cod-text-details.svelte-1bi2xgq {
  display: flex;
  flex-direction: column;
  width: 100%;
  align-items: flex-start;
  gap: .2rem
}

.active-z-index.svelte-1bi2xgq {
  z-index: 1
}

.inactive-z-index.svelte-1bi2xgq {
  z-index: 0
}

.common-styles.svelte-1bi2xgq {
  display: flex;
  align-items: center;
  gap: .5rem;
  color: #707070;
  font-size: 12px;
  font-weight: 500;
  height: 100%;
  margin: 0 .6rem;
  transform: display .2s ease
}

.slide-bottom-text.svelte-1bi2xgq {
  display: flex;
  align-items: center;
  gap: .3rem;
  margin-top: .8rem;
  color: #707070;
  font-size: 12px;
  font-weight: 400;
  justify-content: center
}

.upi-icon-img.svelte-1bi2xgq {
  background-position: -34px -348px;
  width: 40px;
  height: 25px;
  margin-right: 5px
}

.alert-color.svelte-1wugbij.svelte-1wugbij {
  background-color: var(--red) !important
}

.failure-alert.svelte-1wugbij.svelte-1wugbij {
  display: flex;
  flex-direction: row
}

.failure-alert.svelte-1wugbij .text-message.svelte-1wugbij {
  margin: 0px;
  color: var(--white);
  margin-left: 4px;
  font-size: 9px
}

.failure-alert.svelte-1wugbij .icon.svelte-1wugbij {
  width: 10px;
  height: 10px
}

.failure-alert.svelte-1wugbij .alert-message-row.svelte-1wugbij {
  display: flex;
  align-items: center;
  margin-left: 3px
}

.sprite-alert-icon.svelte-1wugbij.svelte-1wugbij {
  width: 11px;
  height: 11px;
  background-position: 0px -291px;
  display: inline-block
}

.confirm-box.svelte-adfuw4 {
  padding: 20px;
  border-radius: 8px;
  margin: 0 auto;
  background-color: #fff;
  font-family: Arial, sans-serif
}

.confirm-heading.svelte-adfuw4 {
  font-size: 1.5rem;
  color: #002649;
  margin: 0 0 30px 0;
  font-weight: bold
}

.message.svelte-adfuw4 {
  font-size: .9rem;
  color: #002649;
  margin-bottom: 30px
}

.buttons.svelte-adfuw4 {
  display: flex;
  justify-content: space-between;
  margin-top: 20px
}

.btn-confirm.svelte-adfuw4,
.btn-cancel.svelte-adfuw4 {
  padding: 10px 0;
  border: none;
  border-radius: 20px;
  cursor: pointer;
  font-size: .9rem;
  width: 48%;
  transition: background-color .3s ease;
  height: 50px
}

.btn-confirm.svelte-adfuw4 {
  background-color: var(--primary-color);
  color: #fff
}

.btn-cancel.svelte-adfuw4 {
  background-color: #fff;
  color: var(--primary-color);
  border: 1px solid var(--primary-color)
}

.cred-applied.svelte-snl3un.svelte-snl3un {
  border-radius: 10px;
  background-color: #fff;
  display: flex;
  align-items: center;
  gap: 10px
}

.cred-applied.svelte-snl3un .cred-saved-amount-box.svelte-snl3un {
  display: flex;
  flex-direction: column
}

.cred-applied.svelte-snl3un .discounted-amount.svelte-snl3un {
  font-size: 14px;
  color: #0e9343
}

.cred-applied.svelte-snl3un .discounted-coupon.svelte-snl3un {
  font-weight: bold;
  font-size: 10px;
  display: flex;
  align-items: baseline
}

.cred-applied.svelte-snl3un .discounted-coupon span.svelte-snl3un {
  margin-right: 3px
}

.cred-applied.svelte-snl3un .discounted-coupon span.coupon-name.svelte-snl3un {
  font-weight: 800;
  font-size: 12px;
  display: inline-block;
  max-width: 100px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-user-select: none;
  -webkit-touch-callout: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  color: #004b8d
}

.sptite-cred-black-icon.svelte-snl3un.svelte-snl3un {
  display: inline-block;
  height: 21px;
  width: 18px;
  background-position: -100px -326px
}

.loader-overlay.svelte-mlx99o.svelte-mlx99o {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, .4);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 9
}

.loader.svelte-mlx99o.svelte-mlx99o {
  border: 3px solid rgba(255, 255, 255, .3);
  border-top: 3px solid #fff;
  border-radius: 50%;
  width: 30px;
  height: 30px;
  animation: svelte-mlx99o-spin 1s linear infinite
}

@keyframes svelte-mlx99o-spin {
  0% {
    transform: rotate(0deg)
  }

  100% {
    transform: rotate(360deg)
  }
}

.popup-overlay.svelte-mlx99o.svelte-mlx99o {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, .4);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 9
}

.popup.svelte-mlx99o.svelte-mlx99o {
  background: #fff;
  border-radius: 12px;
  padding: 12px;
  text-align: center;
  width: 90%;
  max-width: 250px;
  position: relative
}

.check-icon.svelte-mlx99o.svelte-mlx99o {
  width: 48px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  margin: 0 auto
}

.check-icon.svelte-mlx99o img.svelte-mlx99o {
  width: 30px;
  height: 30px
}

.discount-text.svelte-mlx99o.svelte-mlx99o {
  background: #e9f4ee;
  color: #067647;
  padding: 2px 8px;
  border-radius: 12px;
  display: inline-block;
  font-weight: 500;
  margin-bottom: 12px;
  font-size: 12px
}

.coupon-title.svelte-mlx99o.svelte-mlx99o {
  font-weight: 600;
  margin-bottom: .4rem;
  font-size: 13px
}

.coupon-desc.svelte-mlx99o.svelte-mlx99o {
  color: #697687;
  font-size: 12px;
  margin-bottom: 16px
}

.claim-btn.svelte-mlx99o.svelte-mlx99o {
  background: #000;
  color: #fff;
  border: none;
  border-radius: 12px;
  padding: 8px 12px;
  font-size: 12px;
  font-weight: 600;
  cursor: pointer;
  width: 100%
}

.claim-btn.svelte-mlx99o.svelte-mlx99o:hover {
  background: #333
}

.coupon-name.svelte-1h384cj.svelte-1h384cj {
  font-size: .875rem;
  padding: .25rem .7rem;
  background: #f3f2ff;
  border: 1px dashed var(--t-purple) !important;
  border-radius: 4px;
  box-sizing: border-box;
  box-sizing: border-box
}

.container.svelte-1h384cj.svelte-1h384cj {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 1rem;
  border-radius: 1rem;
  background: var(--white);
  box-sizing: border-box
}

.container.svelte-1h384cj .title.svelte-1h384cj {
  font-size: 16px;
  line-height: 20px;
  color: var(--black)
}

.container.svelte-1h384cj .mt-1.svelte-1h384cj {
  margin-top: 1rem
}

.container.svelte-1h384cj .btn-group.svelte-1h384cj {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 25px;
  margin: 25px 0
}

.container.svelte-1h384cj .btn-group .btn.svelte-1h384cj {
  background: #1d74e9;
  border-radius: 14px;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: -0.02em;
  color: var(--white);
  box-sizing: border-box;
  border: none;
  padding: 1rem
}

.container.svelte-1h384cj .btn-group .btn-thin.svelte-1h384cj {
  font-size: 12px;
  line-height: 20px;
  text-transform: uppercase;
  color: rgba(0, 0, 0, .46);
  border: none
}

.marquee-container.svelte-198ppm1 {
  width: 100%;
  overflow: hidden
}

.marquee-content.svelte-198ppm1 {
  display: inline-block;
  white-space: nowrap;
  animation: svelte-198ppm1-marquee linear infinite;
  will-change: transform;
  transform: translateZ(0)
}

.left-to-right.svelte-198ppm1 {
  animation-direction: normal
}

.right-to-left.svelte-198ppm1 {
  animation-direction: reverse
}

.content.svelte-198ppm1,
.separator.svelte-198ppm1 {
  display: inline-block
}

@keyframes svelte-198ppm1-marquee {
  0% {
    transform: translate3d(0, 0, 0)
  }

  100% {
    transform: translate3d(-33.34%, 0, 0)
  }
}

.store-credits.svelte-79mr3g .iconWrap.svelte-79mr3g {
  width: 24px;
  height: 24px
}

.store-credits.svelte-79mr3g .iconWrap .store-credits-icon.svelte-79mr3g {
  width: 20px;
  height: 22px;
  background-position: -20px -424px
}

.store-credits.svelte-79mr3g .iconWrap .store-credits-icon-applied.svelte-79mr3g {
  width: 20px;
  height: 20px;
  background-position: -42px -424px
}

.view-coupons.svelte-79mr3g .arrowIcon.svelte-79mr3g {
  width: 8px;
  height: 16px;
  background-position: -142px -404px
}

.e-pay.svelte-79mr3g .iconWrap.svelte-79mr3g {
  width: 24px;
  height: 24px
}

.e-pay.svelte-79mr3g .iconWrap .e-pay-icon.svelte-79mr3g {
  width: 20px;
  height: 16px;
  background-position: -192px -400px
}

.e-pay.svelte-79mr3g .iconWrap .e-pay-icon-applied.svelte-79mr3g {
  width: 20px;
  height: 16px;
  background-position: 0px -424px
}

.container .strip button.svelte-79mr3g .globalImg.svelte-79mr3g {
  margin-left: .2rem;
  transform: scale(0.95);
  width: 6.25px;
  height: 10px;
  background-position: -221px -117px;
  filter: invert(50%) sepia(64%) saturate(4175%) hue-rotate(141deg) brightness(102%) contrast(98%)
}

p.svelte-10qvaue {
  font-size: 15px;
  margin: 8px 0
}

input[type=text].svelte-10qvaue {
  display: inline-block;
  border: 1px solid #ccc;
  box-sizing: border-box
}

div.g-recaptcha.svelte-en5fll {
  margin: .5rem 0
}

.circular-progress.svelte-11dq6wu.svelte-11dq6wu {
  --half-size: calc(var(--size) / 2);
  --radius: calc((var(--size) - var(--stroke-width)) / 2);
  --circumference: calc(var(--radius) * pi * 2);
  --dash: calc((var(--progress) * var(--circumference)) / 100)
}

.circular-progress.svelte-11dq6wu circle.svelte-11dq6wu {
  cx: var(--half-size);
  cy: var(--half-size);
  r: var(--radius);
  stroke-width: var(--stroke-width);
  fill: none;
  stroke-linecap: round
}

.circular-progress.svelte-11dq6wu circle.fg.svelte-11dq6wu {
  transform: rotate(-90deg);
  transform-origin: var(--half-size) var(--half-size);
  stroke-dasharray: var(--dash) calc(var(--circumference) - var(--dash));
  transition: stroke-dasharray .3s linear 0s
}

.progress-text.svelte-11dq6wu.svelte-11dq6wu {
  font-size: calc(var(--size)*.3)
}

.psp-container.svelte-nr2lar.svelte-nr2lar {
  display: flex;
  flex-direction: column
}

.psp-container.layout-list.svelte-nr2lar.svelte-nr2lar:first-child {
  border-top-left-radius: 12px;
  border-top-right-radius: 12px
}

.psp-container.layout-list.svelte-nr2lar.svelte-nr2lar:last-child {
  border-bottom-left-radius: 12px;
  border-bottom-right-radius: 12px
}

.psp-container.layout-list.svelte-nr2lar .psp-button-group .psp-button.svelte-nr2lar {
  justify-content: center;
  border-top: none;
  border-radius: 0;
  flex: 1
}

.psp-container.layout-list.svelte-nr2lar .psp-button-group .psp-button.svelte-nr2lar:first-child {
  border-bottom-left-radius: 12px
}

.psp-container.layout-list.svelte-nr2lar .psp-button-group .psp-button.svelte-nr2lar:last-child {
  border-bottom-right-radius: 12px
}

.psp-container.layout-list.svelte-nr2lar .psp-button-group .psp-button.svelte-nr2lar:not(:first-child) {
  border-left: none
}

.psp-container.layout-grid.svelte-nr2lar.svelte-nr2lar,
.psp-container.layout-bento.svelte-nr2lar.svelte-nr2lar {
  display: grid;
  grid-template-columns: repeat(2, calc(50% - 6px));
  gap: 12px
}

.psp-container.layout-grid.svelte-nr2lar .psp-button-group.svelte-nr2lar,
.psp-container.layout-bento.svelte-nr2lar .psp-button-group.svelte-nr2lar {
  grid-column: span 2;
  gap: 12px
}

.psp-container.layout-grid.svelte-nr2lar .psp-button-group .psp-button.svelte-nr2lar,
.psp-container.layout-bento.svelte-nr2lar .psp-button-group .psp-button.svelte-nr2lar {
  border-radius: 12px
}

.psp-container.layout-bento.svelte-nr2lar.svelte-nr2lar {
  grid-template-columns: repeat(6, calc(16% - 8px))
}

.psp-container.layout-bento.svelte-nr2lar .psp-button-group.svelte-nr2lar {
  grid-column: span 6
}

.layout-bento>:nth-child(1):not(.psp-button-group) {
  grid-row: 1/span 2;
  grid-column: 1/span 3
}

.layout-bento>:nth-child(2):not(.psp-button-group) {
  grid-row: 1;
  grid-column: 4/span 3
}

.layout-bento>:nth-child(3):not(.psp-button-group) {
  grid-row: 2;
  grid-column: 4/span 3
}

.layout-bento>:nth-child(4):not(.psp-button-group) {
  grid-row: 3;
  grid-column: 1/span 2
}

.layout-bento>:nth-child(5):not(.psp-button-group) {
  grid-row: 3;
  grid-column: 3/span 2
}

.layout-bento>:nth-child(6):not(.psp-button-group) {
  grid-row: 3;
  grid-column: 5/span 2
}

.layout-bento>:nth-child(1):not(.psp-button-group) .inner {
  flex-direction: column;
  align-items: start
}

.layout-bento>:nth-child(4):not(.psp-button-group) .inner,
.layout-bento>:nth-child(5):not(.psp-button-group) .inner,
.layout-bento>:nth-child(6):not(.psp-button-group) .inner {
  flex-direction: column;
  align-items: start;
  justify-content: start;
  align-self: stretch
}

.layout-bento>:nth-child(4):not(.psp-button-group) .btn-label,
.layout-bento>:nth-child(5):not(.psp-button-group) .btn-label,
.layout-bento>:nth-child(6):not(.psp-button-group) .btn-label {
  flex: 1;
  justify-content: space-between
}

.layout-bento>.span-3 {
  grid-column: span 3 !important
}

.layout-bento>.span-3 .inner {
  flex-direction: row !important;
  align-items: center !important
}

.layout-bento>.span-6 {
  grid-column: span 6 !important
}

.layout-bento>.span-6 .inner {
  flex-direction: row !important;
  align-items: center !important
}

.arrow-icon.svelte-nr2lar.svelte-nr2lar {
  max-height: 16.5px;
  max-width: 13px;
  overflow: hidden
}

.psp-button.svelte-nr2lar.svelte-nr2lar {
  border: 1px solid #e4e8eb;
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 12px;
  background: #fff
}

.psp-button.svelte-nr2lar .psp-button-label-text.svelte-nr2lar {
  font-weight: 500;
  font-size: 14px;
  line-height: 20px
}

.psp-button-group.svelte-nr2lar.svelte-nr2lar {
  display: flex;
  align-items: center
}

.psp-button-group.svelte-nr2lar .psp-button.svelte-nr2lar {
  justify-content: center;
  flex: 1
}

.arrow.svelte-nr2lar.svelte-nr2lar {
  width: 10px;
  height: 12px;
  background-position: -185px -33px;
  scale: .8
}

.partner-offer-widget.svelte-1c45gde.svelte-1c45gde {
  border-top: 1px solid #e4e8eb;
  padding: .75rem;
  cursor: pointer
}

.partner-offer-widget.svelte-1c45gde .collect-more.svelte-1c45gde {
  font-size: 12px
}

.gift-card-icon.svelte-1c45gde.svelte-1c45gde {
  width: 24px;
  height: 24px
}

.gift-card-icon.svelte-1c45gde .gift-card-applied-img.svelte-1c45gde {
  width: 20px;
  height: 16px;
  background-position: 0px -424px
}

.delete-card-icon {
  width: 24px !important;
  height: 22px !important;
  scale: 1.5
}

.card-footer.svelte-1qcb700.svelte-1qcb700 {
  width: 100%
}

.card.svelte-1qcb700.svelte-1qcb700 {
  width: 100%;
  background: var(--white);
  border-radius: .875rem;
  box-sizing: border-box
}

.card.accordion.svelte-1qcb700.svelte-1qcb700 {
  border-radius: 0
}

.card.accordion.svelte-1qcb700.svelte-1qcb700:first-child {
  border-top-left-radius: 12px;
  border-top-right-radius: 12px
}

.card.accordion.svelte-1qcb700.svelte-1qcb700:not(.compact):last-child {
  border-bottom-left-radius: 12px;
  border-bottom-right-radius: 12px
}

.card.accordion.svelte-1qcb700.svelte-1qcb700:not(:first-child) {
  border-top: 0
}

.card-head.svelte-1qcb700.svelte-1qcb700 {
  padding: 10px;
  width: 100%;
  box-sizing: border-box;
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
  border: none;
  outline: none
}

.card-head.svelte-1qcb700.svelte-1qcb700:disabled {
  opacity: .5;
  cursor: not-allowed
}

.card-head.svelte-1qcb700 .no-eligibility-tag.svelte-1qcb700 {
  position: absolute;
  font-size: 12px;
  line-height: 12px;
  letter-spacing: -0.01em;
  color: #ff000f;
  top: 0;
  font-weight: bolder;
  left: 40%;
  background: #ffe5e7;
  border-radius: 0px 0px 6px 6px;
  padding: 3px 6px
}

.card-head.svelte-1qcb700 .eligibility-tag.svelte-1qcb700 {
  position: absolute;
  font-size: 12px;
  line-height: 12px;
  letter-spacing: -0.01em;
  color: #22c55e;
  top: 0;
  left: 40%;
  background: #f0fdf4;
  border-radius: 0px 0px 6px 6px;
  padding: 3px 6px;
  font-weight: bolder
}

.card-head.svelte-1qcb700 .head-info.svelte-1qcb700 {
  display: flex;
  align-items: center
}

.card-head.svelte-1qcb700 .head-info .logo.svelte-1qcb700 {
  position: relative;
  align-items: center;
  display: flex
}

.card-head.svelte-1qcb700 .head-info .logo .provider.svelte-1qcb700 {
  transition: all .25s;
  width: 32px
}

.card-head.svelte-1qcb700 .head-info .card-details.svelte-1qcb700 {
  display: flex;
  flex-direction: column;
  gap: .3rem;
  margin-left: .5rem
}

.card-head.svelte-1qcb700 .head-info .card-details .info.svelte-1qcb700 {
  display: flex;
  flex-direction: column;
  text-align: start;
  gap: 2px
}

.card-head.svelte-1qcb700 .head-info .card-details .info span.svelte-1qcb700:first-child {
  font-size: 13px;
  font-weight: 600;
  line-height: 16px;
  color: #000
}

.card-head.svelte-1qcb700 .head-info .card-details .info span.svelte-1qcb700:last-child {
  font-size: 12px;
  line-height: 16px;
  letter-spacing: .08em;
  color: var(--l-grey);
  text-transform: capitalize
}

.card-head.svelte-1qcb700 .head-info .card-details .offer.svelte-1qcb700 {
  font-weight: 500;
  font-size: 12px;
  line-height: 16px;
  color: #067647;
  text-align: start
}

.card-head.svelte-1qcb700 button.svelte-1qcb700 {
  border: none;
  margin: 0
}

@media only screen and (min-width: 600px) {
  .card-info.svelte-1qcb700.svelte-1qcb700 {
    max-height: 180px;
    overflow-y: auto
  }
}

.sprite-checked-icon.svelte-1qcb700.svelte-1qcb700 {
  display: inline-block;
  width: 9px;
  height: 8px;
  background-position: -56px -267px;
  transform: scale(1.2);
  -webkit-transform: scale(1.2);
  -moz-transform: scale(1.2)
}

.three-dots.svelte-1qcb700.svelte-1qcb700 {
  background-image: url(/assets/icons/threeDots.svg);
  height: 4px;
  width: 24px;
  background-position: center;
  padding: 12px
}

.arrow.svelte-1qcb700.svelte-1qcb700 {
  display: inline-block;
  width: 10px;
  height: 12px;
  background-position: -185px -33px
}

.info-blue-icon.svelte-1qcb700.svelte-1qcb700 {
  transform: scale(0.75);
  -webkit-transform: scale(0.75);
  -moz-transform: scale(0.75)
}

.radio.svelte-1qcb700.svelte-1qcb700 {
  width: 16px;
  height: 16px;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  position: relative;
  border: 1px solid #667085;
  box-sizing: border-box
}

.radio.svelte-1qcb700.svelte-1qcb700::after {
  content: "";
  position: absolute;
  inset: 3px;
  background-color: #fff;
  border-radius: 50%;
  z-index: 0
}

.radio.active.svelte-1qcb700.svelte-1qcb700 {
  border: 1px solid #000
}

.radio.active.svelte-1qcb700.svelte-1qcb700::after {
  background: #000
}

.manage-cards.svelte-1qcb700.svelte-1qcb700 {
  background-color: #f9fafb;
  padding: 12px;
  border: 1px solid #e5e7eb;
  border-radius: 12px;
  display: grid;
  grid-template-areas: "p p" "delete reset-card";
  grid-template-columns: 1fr 1fr;
  gap: 12px 8px;
  margin: 0 12px 12px;
  font-size: 14px
}

.manage-cards.svelte-1qcb700 p.svelte-1qcb700 {
  grid-area: p
}

.manage-cards.svelte-1qcb700 button.svelte-1qcb700 {
  border-radius: 8px;
  padding: 8px 12px;
  font-size: 12px;
  font-weight: 600
}

.manage-cards.svelte-1qcb700 .delete-card.svelte-1qcb700 {
  grid-area: delete;
  background-color: #000;
  color: #fff
}

.manage-cards.svelte-1qcb700 .reset-card.svelte-1qcb700 {
  grid-area: reset-card;
  background-color: #fff;
  color: #000;
  border: 1px solid #000;
  box-sizing: border-box
}

.cvv-input-sheet.svelte-ve7lf8 {
  display: flex;
  flex-direction: column;
  gap: 16px
}

button.svelte-ve7lf8 {
  display: inline-flex;
  align-items: center;
  color: #fff;
  justify-content: center;
  background: var(--light-blue);
  cursor: pointer
}

button.svelte-ve7lf8:disabled {
  opacity: .4;
  pointer-events: none;
  cursor: auto
}

.card-btn-container.svelte-wcwdmb {
  scroll-margin-top: 12px
}

.card-btn-container.border.svelte-wcwdmb {
  border: 1px solid #e4e8eb
}

.card-btn-container:not(.compact).first.svelte-wcwdmb {
  margin-top: 8px
}

.card-btn-container.first.svelte-wcwdmb {
  border-top-left-radius: 12px;
  border-top-right-radius: 12px
}

.card-btn-container.svelte-wcwdmb:not(.first) {
  border-top: none
}

.card-btn-container:not(.compact).last.svelte-wcwdmb {
  border-bottom-left-radius: 12px;
  border-bottom-right-radius: 12px
}

.card-btn-container.manual-plan-selected.last.svelte-wcwdmb {
  border-bottom-left-radius: 12px;
  border-bottom-right-radius: 12px
}

.card-btn.svelte-wcwdmb {
  border: none;
  padding: 1rem .25rem;
  text-align: left;
  width: 100%;
  display: grid;
  grid-template-columns: auto 1fr auto;
  grid-template-areas: "image content arrow";
  overflow: hidden;
  grid-gap: 8px
}

.card-btn.accordion.svelte-wcwdmb {
  padding: 12px
}

.card-logo.svelte-wcwdmb {
  grid-area: image
}

.card-name.svelte-wcwdmb {
  grid-area: content;
  display: flex;
  flex-direction: column;
  gap: .25rem;
  max-width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis
}

.display-name.svelte-wcwdmb {
  font-size: 14px;
  line-height: 16px;
  color: var(--black);
  font-weight: 500;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis
}

.emi-plan.svelte-wcwdmb {
  font-size: 12px;
  line-height: 16px;
  color: #4d5761
}

.right-arrow.svelte-wcwdmb {
  grid-area: arrow
}

.card-plan.svelte-wcwdmb {
  padding: 12px
}

.sprite-right-arrow.svelte-wcwdmb {
  width: 12px;
  height: 6px;
  background-position: -199px -212px;
  display: inline-block;
  -webkit-filter: brightness(0%);
  filter: brightness(0%);
  -webkit-transform: rotate(90deg) scale(1.2);
  transform: rotate(90deg) scale(1.2);
  transition: transform .1s ease-in-out
}

.sprite-right-arrow.up.svelte-wcwdmb {
  transform: rotate(0deg)
}

.sprite-right-arrow.down.svelte-wcwdmb {
  transform: rotate(180deg)
}

.offer-tag-text.svelte-wcwdmb {
  padding: 4px;
  border-radius: 4px;
  font-size: 10px;
  font-weight: 600
}

.offer-tag.svelte-wcwdmb {
  background: linear-gradient(0deg, var(--Teal-50, #f0fdf9), var(--Teal-50, #f0fdf9)), linear-gradient(90deg, #ffffff 0%, rgba(255, 255, 255, 0) 100%);
  color: var(--Teal-500, #15b79e)
}

.no-cost-tag.svelte-wcwdmb {
  color: var(--Warning-500, #f79009);
  background: var(--Warning-50, #fffaeb)
}

.selfie-container.svelte-xuy5fr.svelte-xuy5fr {
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  background: #fff;
  overflow: hidden;
  position: relative;
  align-items: center;
  color: #000;
  gap: 6px
}

.close-btn.svelte-xuy5fr.svelte-xuy5fr {
  position: absolute;
  top: 20px;
  right: 20px;
  background: rgba(255, 255, 255, .2);
  border-radius: 50%;
  width: 44px;
  height: 44px;
  color: #fff;
  transition: background .2s ease;
  border: none;
  cursor: pointer;
  transition: all .2s ease;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column
}

.close-btn.svelte-xuy5fr.svelte-xuy5fr:hover {
  background: rgba(255, 255, 255, .3)
}

.camera-container.svelte-xuy5fr.svelte-xuy5fr {
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  gap: 8px
}

.camera-video.svelte-xuy5fr.svelte-xuy5fr {
  width: 100%;
  height: 100%;
  object-fit: cover;
  background: #fff;
  min-height: 280px;
  transform: scaleX(-1)
}

@media(min-width: 440px) {
  .camera-video.svelte-xuy5fr.svelte-xuy5fr {
    min-height: 310px
  }
}

.capture-controls.svelte-xuy5fr.svelte-xuy5fr {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 6px
}

.capture-btn.svelte-xuy5fr.svelte-xuy5fr {
  background: none;
  border-radius: 50%;
  width: 80px;
  height: 80px;
  border: none;
  cursor: pointer;
  transition: all .2s ease;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  border: 4px solid rgba(177, 177, 177, .9)
}

.capture-btn.svelte-xuy5fr.svelte-xuy5fr:hover {
  transform: scale(1.05)
}

.capture-btn.svelte-xuy5fr.svelte-xuy5fr:active {
  transform: scale(0.95)
}

.capture-btn.svelte-xuy5fr.svelte-xuy5fr:disabled {
  opacity: .6;
  cursor: not-allowed
}

.capture-circle.svelte-xuy5fr.svelte-xuy5fr {
  width: 60px;
  height: 60px;
  background: rgba(164, 164, 164, .9);
  border-radius: 50%
}

.capture-text.svelte-xuy5fr.svelte-xuy5fr {
  color: rgba(0, 0, 0, .9);
  font-size: 14px;
  font-weight: 600;
  margin: 0;
  margin-bottom: 2px
}

.upload-container.svelte-xuy5fr.svelte-xuy5fr {
  display: flex;
  align-items: center;
  justify-content: center;
  align-items: flex-start;
  margin-top: 16px;
  width: 100%;
  height: 100%
}

.upload-area.svelte-xuy5fr.svelte-xuy5fr {
  text-align: center;
  padding: 16px;
  border: 2px dashed rgba(28, 28, 28, .3);
  border-radius: 12px;
  max-width: 320px;
  width: 70%;
  color: #000
}

.upload-area.svelte-xuy5fr h3.svelte-xuy5fr {
  margin: 0 0 8px 0;
  font-size: 16px;
  font-weight: 600
}

.upload-area.svelte-xuy5fr p.svelte-xuy5fr {
  margin: 0 0 12px 0;
  color: rgba(0, 0, 0, .7);
  font-size: 12px
}

.upload-icon.svelte-xuy5fr.svelte-xuy5fr {
  color: rgba(0, 0, 0, .6);
  margin-bottom: 12px
}

.upload-btn.svelte-xuy5fr.svelte-xuy5fr {
  border: none;
  cursor: pointer;
  transition: all .2s ease;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  background: #cdcdcd;
  color: #000;
  border: none;
  border-radius: 8px;
  padding: 12px 24px;
  font-size: 16px;
  font-weight: 500;
  margin: 0 auto
}

.upload-btn.svelte-xuy5fr.svelte-xuy5fr:hover {
  background: rgba(255, 255, 255, .9);
  transform: translateY(-1px)
}

.try-camera-btn.svelte-xuy5fr.svelte-xuy5fr {
  border: none;
  cursor: pointer;
  transition: all .2s ease;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  background: rgba(255, 255, 255, .1);
  color: #fff;
  border: 1px solid rgba(255, 255, 255, .3);
  border-radius: 8px;
  padding: 12px 24px;
  font-size: 14px;
  color: #353535;
  border: 1px solid #000
}

.try-camera-btn.svelte-xuy5fr.svelte-xuy5fr:hover {
  background: rgba(255, 255, 255, .2)
}

.preview-container.svelte-xuy5fr.svelte-xuy5fr {
  position: relative;
  width: 100%;
  height: 100%;
  flex-direction: column;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin-top: 16px
}

.preview-image.svelte-xuy5fr.svelte-xuy5fr {
  max-width: 260px;
  max-height: 260px;
  border-radius: 8px;
  object-fit: contain;
  transform: scaleX(-1)
}

@media(min-width: 440px) {
  .preview-image.svelte-xuy5fr.svelte-xuy5fr {
    max-height: 300px
  }
}

.preview-actions.svelte-xuy5fr.svelte-xuy5fr {
  display: flex;
  gap: 16px;
  margin-top: 16px
}

.retake-btn.svelte-xuy5fr.svelte-xuy5fr,
.confirm-btn.svelte-xuy5fr.svelte-xuy5fr {
  padding: 12px 24px;
  border-radius: 8px;
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
  transition: all .2s ease
}

.retake-btn.svelte-xuy5fr.svelte-xuy5fr {
  cursor: pointer;
  transition: all .2s ease;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  background: #fff;
  color: #000;
  border: 1px solid #000;
  font-weight: 500
}

.confirm-btn.svelte-xuy5fr.svelte-xuy5fr {
  cursor: pointer;
  transition: all .2s ease;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  background: #000;
  color: #fff;
  border: none
}

.permission-help.svelte-xuy5fr.svelte-xuy5fr {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 8px;
  margin-bottom: 8px
}

.error-reason.svelte-xuy5fr.svelte-xuy5fr {
  color: red;
  font-size: 12px;
  margin: 0 auto
}

.help-trigger.svelte-xuy5fr.svelte-xuy5fr {
  background: none;
  border: none;
  color: rgba(0, 0, 0, .7);
  font-size: 14px;
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 6px;
  transition: color .2s ease;
  margin: 0 auto
}

.help-trigger.svelte-xuy5fr.svelte-xuy5fr:hover {
  color: rgba(255, 255, 255, .9)
}

.permission-popover.svelte-xuy5fr.svelte-xuy5fr {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  position: fixed;
  margin-bottom: 8px;
  z-index: 1000
}

.popover-content.svelte-xuy5fr.svelte-xuy5fr {
  background: rgba(0, 0, 0, .9);
  border: 1px solid rgba(255, 255, 255, .2);
  border-radius: 12px;
  padding: 20px;
  width: 70vw;
  max-height: 90vh;
  backdrop-filter: blur(20px);
  box-shadow: 0 8px 32px rgba(0, 0, 0, .3)
}

.popover-content.svelte-xuy5fr h4.svelte-xuy5fr {
  margin: 0 0 16px 0;
  color: #fff;
  font-size: 16px;
  font-weight: 600
}

.help-steps.svelte-xuy5fr.svelte-xuy5fr {
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin-bottom: 16px
}

.step.svelte-xuy5fr.svelte-xuy5fr {
  text-align: left
}

.step.svelte-xuy5fr strong.svelte-xuy5fr {
  color: #fff;
  font-size: 14px;
  display: block;
  margin-bottom: 4px
}

.step.svelte-xuy5fr p.svelte-xuy5fr {
  color: rgba(255, 255, 255, .8);
  font-size: 12px;
  margin: 0;
  line-height: 1.4
}

.close-popover.svelte-xuy5fr.svelte-xuy5fr {
  border: none;
  cursor: pointer;
  transition: all .2s ease;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  background: rgba(255, 255, 255, .1);
  color: #fff;
  border: 1px solid rgba(255, 255, 255, .3);
  border-radius: 6px;
  padding: 8px 16px;
  font-size: 14px;
  width: 100%
}

.close-popover.svelte-xuy5fr.svelte-xuy5fr:hover {
  background: rgba(255, 255, 255, .2)
}

@media(min-width: 440px) {
  .capture-btn.svelte-xuy5fr.svelte-xuy5fr {
    width: 70px;
    height: 70px
  }

  .capture-circle.svelte-xuy5fr.svelte-xuy5fr {
    width: 60px;
    height: 60px
  }
}

.face-mask.svelte-xuy5fr.svelte-xuy5fr {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 270px
}

@media(min-width: 440px) {
  .face-mask.svelte-xuy5fr.svelte-xuy5fr {
    min-height: 310px
  }
}

.mask-circle-dotted.svelte-xuy5fr.svelte-xuy5fr,
.mask-circle.svelte-xuy5fr.svelte-xuy5fr {
  position: absolute;
  top: 18px;
  width: 98%;
  height: 98%;
  max-width: 260px;
  max-height: 260px;
  border-radius: 50%;
  box-shadow: 0 0 0 9999px #fff;
  pointer-events: none
}

@media(min-width: 440px) {

  .mask-circle-dotted.svelte-xuy5fr.svelte-xuy5fr,
  .mask-circle.svelte-xuy5fr.svelte-xuy5fr {
    max-width: 300px;
    max-height: 300px
  }
}

.mask-circle-dotted.svelte-xuy5fr.svelte-xuy5fr {
  box-shadow: none;
  width: 100%;
  height: 100%;
  max-width: 270px;
  max-height: 270px;
  border: 1px dashed #bbc2ca;
  top: 12px
}

@media(min-width: 440px) {
  .mask-circle-dotted.svelte-xuy5fr.svelte-xuy5fr {
    max-width: 310px;
    max-height: 310px
  }
}

.video.svelte-xuy5fr.svelte-xuy5fr {
  position: relative;
  box-sizing: border-box;
  flex: 4
}

.user-img.svelte-xuy5fr.svelte-xuy5fr {
  position: absolute;
  top: 18px;
  max-height: 260px;
  pointer-events: none
}

@media(min-width: 440px) {
  .user-img.svelte-xuy5fr.svelte-xuy5fr {
    max-height: 300px
  }
}

.consent-wrapper.svelte-haxq1l.svelte-haxq1l {
  display: flex;
  flex-direction: column;
  gap: 6px
}

.consent-heading.svelte-haxq1l.svelte-haxq1l {
  font-size: 10px;
  font-weight: bold;
  color: #000;
  padding-bottom: 4px
}

.verification-checkbox.svelte-haxq1l.svelte-haxq1l {
  display: flex;
  align-items: flex-start;
  gap: 6px;
  color: #6b7280;
  padding-top: 4px
}

.verification-checkbox.compact.svelte-haxq1l label.svelte-haxq1l {
  display: flex;
  align-items: baseline;
  gap: 4px;
  min-width: 0
}

.consent-text-clamp.svelte-haxq1l.svelte-haxq1l {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  line-clamp: 1;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  flex: 1;
  min-width: 0
}

.text-xs.svelte-haxq1l.svelte-haxq1l {
  font-size: 8px;
  line-height: 12px
}

.text-sm.svelte-haxq1l.svelte-haxq1l {
  font-size: 10px;
  line-height: 14px
}

.partner-offer-list-container.svelte-dn85dg.svelte-dn85dg {
  display: flex;
  flex-direction: column;
  gap: 16px
}

.partner-offer-list-container.svelte-dn85dg .partner-offer-list.svelte-dn85dg {
  display: flex;
  flex-direction: column;
  row-gap: .75rem
}

.partner-offer-list-container.svelte-dn85dg .collect-all-offers-button.svelte-dn85dg {
  color: #fff;
  background: #000;
  width: 100%;
  margin-top: 20px
}

.partner-offer-list-container.svelte-dn85dg .prepaid-flag.svelte-dn85dg {
  background-color: #fff1cd;
  color: #703100;
  padding: 4px 2px 2px 2px;
  text-align: center
}

.partner-offer-list-container.svelte-dn85dg .powered-by-icon img.svelte-dn85dg {
  width: 45%
}

.card-progress.svelte-dn85dg.svelte-dn85dg {
  background: #dceeff;
  border-radius: 8px;
  padding: 12px 14px;
  width: 100%;
  box-sizing: border-box;
  font-family: "Inter", sans-serif
}

.progress-bars.svelte-dn85dg.svelte-dn85dg {
  display: flex;
  gap: 14px;
  margin-bottom: 12px
}

.progress-bars.svelte-dn85dg span.svelte-dn85dg {
  flex: 1;
  height: 6px;
  background: #b7c7d6;
  border-radius: 6px
}

.progress-bars.svelte-dn85dg span.active.svelte-dn85dg {
  background: #000
}

.content.svelte-dn85dg h3.svelte-dn85dg {
  margin: 0 0 4px 0;
  font-size: 14px;
  font-weight: 600;
  color: #000
}

.content.svelte-dn85dg p.svelte-dn85dg {
  margin: 0;
  font-size: 12px;
  color: #3b3b3b
}

.card-icon.svelte-ewrxrb.svelte-ewrxrb.svelte-ewrxrb {
  width: 26px;
  height: 18px;
  position: absolute;
  right: 7px;
  max-width: 40px;
  top: 18px;
  background-position: -5px -59px;
  transform: scale(0.8)
}

.cvv-wrapper.svelte-ewrxrb.svelte-ewrxrb.svelte-ewrxrb {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  box-sizing: border-box
}

.cvv-wrapper.one-half.svelte-ewrxrb.svelte-ewrxrb.svelte-ewrxrb {
  width: 48%
}

.cvv-wrapper.svelte-ewrxrb label.svelte-ewrxrb.svelte-ewrxrb {
  transition: all .2s ease-in-out;
  transform: translateY(-50%);
  top: 50%;
  width: fit-content;
  font-weight: 400;
  font-size: .875rem;
  line-height: 1.2;
  position: absolute;
  left: 1rem;
  padding: 0 .2rem;
  box-sizing: border-box;
  background: #fff;
  color: #d0d5dd;
  border-radius: .25rem
}

.cvv-wrapper.svelte-ewrxrb input.svelte-ewrxrb.svelte-ewrxrb {
  width: 100%;
  font-weight: 500;
  font-size: .875rem;
  line-height: 1.2;
  background: none;
  border: none;
  color: var(--d-blue);
  background-color: #fff;
  border-radius: 12px;
  border: 1px solid #d0d5da;
  padding: .75rem
}

.cvv-wrapper.svelte-ewrxrb input.border-danger.svelte-ewrxrb.svelte-ewrxrb {
  border: 1px solid red
}

.cvv-wrapper.svelte-ewrxrb input.border-success.svelte-ewrxrb.svelte-ewrxrb {
  border: 1px solid #d0d5da
}

.cvv-wrapper.svelte-ewrxrb input.svelte-ewrxrb.svelte-ewrxrb::placeholder {
  opacity: 0;
  transition: opacity .1s ease-in-out
}

.cvv-wrapper.svelte-ewrxrb input.svelte-ewrxrb.svelte-ewrxrb:focus,
.cvv-wrapper.svelte-ewrxrb input.svelte-ewrxrb.svelte-ewrxrb:valid {
  outline: none
}

.cvv-wrapper.svelte-ewrxrb input.svelte-ewrxrb:focus+label.svelte-ewrxrb,
.cvv-wrapper.svelte-ewrxrb input.svelte-ewrxrb:valid+label.svelte-ewrxrb {
  top: .3rem;
  font-size: .7rem
}

.cvv-wrapper.svelte-ewrxrb input.svelte-ewrxrb.svelte-ewrxrb:focus::placeholder,
.cvv-wrapper.svelte-ewrxrb input.svelte-ewrxrb.svelte-ewrxrb:valid::placeholder {
  opacity: 1
}

.cvv-wrapper.floating-label.svelte-ewrxrb input.svelte-ewrxrb.svelte-ewrxrb {
  padding-top: .8rem
}

.cvv-wrapper.floating-label.svelte-ewrxrb label.svelte-ewrxrb.svelte-ewrxrb {
  top: .3rem;
  padding-bottom: 0px !important;
  font-size: .75rem
}

.cvv-wrapper.svelte-ewrxrb .hide-cvv.svelte-ewrxrb.svelte-ewrxrb {
  position: absolute;
  right: 12px;
  width: 24px;
  height: 24px;
  top: 50%;
  transform: scale(0.8) translateY(-50%);
  border: 0;
  padding: 0;
  transform-origin: top
}

.cvv-wrapper.svelte-ewrxrb .hide-cvv.password-visible.svelte-ewrxrb.svelte-ewrxrb {
  background-position: -86px -57px
}

.cvv-wrapper.svelte-ewrxrb .hide-cvv.password-hidden.svelte-ewrxrb.svelte-ewrxrb {
  background-position: -116px -208px
}

.invalid-input.svelte-ewrxrb.svelte-ewrxrb.svelte-ewrxrb {
  color: red !important
}

.onpl-styles.svelte-ewrxrb .hide-cvv.svelte-ewrxrb.svelte-ewrxrb {
  position: absolute;
  right: 18px;
  max-width: 20px;
  top: 18px
}

.twid-coupon-conflict.svelte-724u4j.svelte-724u4j {
  padding: 1rem;
  display: flex;
  flex-direction: column;
  gap: 1rem
}

.subtitle.svelte-724u4j.svelte-724u4j {
  font-size: .875rem;
  color: #ff3b30;
  margin: 0
}

.applied-coupon.svelte-724u4j.svelte-724u4j {
  font-size: .875rem;
  color: #1a1a1a;
  margin: 0
}

button.svelte-724u4j.svelte-724u4j {
  width: 100%;
  border: none;
  border-radius: 1rem;
  padding: .75rem;
  display: flex;
  flex-direction: column;
  gap: .25rem;
  cursor: pointer
}

button.svelte-724u4j .primary.svelte-724u4j {
  font-size: .875rem;
  font-weight: 500
}

button.svelte-724u4j .secondary.svelte-724u4j {
  font-size: .75rem
}

.apply-rewards.svelte-724u4j.svelte-724u4j {
  align-items: center;
  background: #1e4796;
  color: #fff
}

.apply-rewards.svelte-724u4j .secondary.svelte-724u4j {
  color: rgba(255, 255, 255, .8)
}

.continue-coupon.svelte-724u4j.svelte-724u4j {
  align-items: center;
  background: #fff;
  border: 1px solid #e5e7eb;
  color: #1a1a1a
}

.bold.svelte-724u4j.svelte-724u4j {
  font-weight: 800
}

.bottom-wrapper.svelte-2t5w45 {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: sticky;
  bottom: 0;
  background: #fff;
  margin: 0 -1px
}

.apply-reward.svelte-2t5w45 {
  margin-top: 1rem;
  color: #fff;
  background: #3d3d3d;
  padding: .4rem 2rem;
  font-size: 14px;
  align-self: center;
  outline: none;
  border: none;
  border-radius: .2rem
}

.container.svelte-2t5w45 {
  position: relative;
  z-index: 1000002
}

.options.svelte-2t5w45 {
  padding: 2px 0
}

.footer.svelte-2t5w45 {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: .75rem;
  box-sizing: border-box;
  color: #929ca8;
  font-size: 8px;
  line-height: 18px;
  gap: .25rem
}

.sprite-twid-logo.svelte-2t5w45 {
  display: inline-block;
  height: 16px;
  width: 40px;
  background-position: 0px -326px
}

button.svelte-7hoo8.svelte-7hoo8 {
  width: 100%;
  border: 0;
  background-color: #000;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: .675rem;
  min-height: 60px;
  color: var(--white);
  letter-spacing: .1px;
  font-size: 16px;
  gap: .5rem
}

button.accordion-ui.svelte-7hoo8.svelte-7hoo8 {
  padding: 12px 16px !important
}

button.accordion-ui.svelte-7hoo8 .title.svelte-7hoo8 {
  font-size: 14px !important
}

button.accordion-ui.svelte-7hoo8 .decimal-price.svelte-7hoo8 {
  color: #6c737f
}

button.disabled.svelte-7hoo8.svelte-7hoo8 {
  opacity: .4;
  background: gray !important;
  cursor: none;
  pointer-events: none
}

button.disabled-click.svelte-7hoo8.svelte-7hoo8 {
  opacity: .4;
  background: gray !important;
  pointer-events: initial;
  cursor: pointer
}

button.svelte-7hoo8 .info.svelte-7hoo8 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 2px
}

button.svelte-7hoo8 .info .title.svelte-7hoo8 {
  display: flex;
  flex-direction: column;
  text-align: left;
  font-size: 16px;
  line-height: 16px
}

button.svelte-7hoo8 .info .title .small-btn-text.svelte-7hoo8 {
  font-size: small;
  margin-top: .1rem
}

button.svelte-7hoo8 .info .title .subtext.svelte-7hoo8 {
  font-size: 10px;
  margin-top: 2px;
  line-height: 1
}

.offer-text.svelte-7hoo8.svelte-7hoo8 {
  padding: 2px 8px;
  background: #e9f4ee;
  border-radius: 24px;
  color: #067647;
  font-size: 12px;
  font-weight: 500;
  margin: 4px 0;
  max-width: 40vw
}

.hide.svelte-7hoo8.svelte-7hoo8 {
  display: none !important
}

.amount-wrapper.svelte-7hoo8.svelte-7hoo8 {
  display: flex;
  align-items: self-start
}

.amount-wrapper.svelte-7hoo8 .price.svelte-7hoo8 {
  font-size: 18px;
  line-height: 18px;
  text-align: left;
  width: min-content
}

.amount-wrapper.svelte-7hoo8 .subtext.svelte-7hoo8 {
  white-space: nowrap
}

.amount-wrapper.svelte-7hoo8 .discount-badge.svelte-7hoo8 {
  font-size: 9px;
  line-height: 10px;
  background: rgba(255, 255, 255, .3);
  padding: 3px 6px;
  color: #fff;
  margin-top: .1rem;
  display: flex;
  align-items: center
}

.amount-wrapper.svelte-7hoo8 .discount-badge .globalImg.svelte-7hoo8 {
  width: 16px;
  height: 16px;
  background-position: -133px -59px
}

.amount-wrapper.svelte-7hoo8 .payment_failure_alert.svelte-7hoo8 {
  background-color: red;
  border: 2px solid red;
  border-radius: 7px;
  margin-bottom: 0px;
  color: #fff;
  display: flex;
  flex-direction: row
}

.amount-wrapper.svelte-7hoo8 .payment_failure_alert .text-message.svelte-7hoo8 {
  font-size: 10px;
  line-height: 10px;
  margin-left: 4px;
  margin: 2px
}

.amount-wrapper.svelte-7hoo8 .payment_failure_alert .icon.svelte-7hoo8 {
  width: 13px;
  height: auto
}

.amount-wrapper.svelte-7hoo8 .alert-message-row.svelte-7hoo8 {
  display: flex;
  align-items: center;
  margin-left: 3px
}

.amount-wrapper.svelte-7hoo8 .margin-left.svelte-7hoo8 {
  margin-left: .5rem
}

button.alternateMobileUi.svelte-7hoo8.svelte-7hoo8 {
  background: var(--white) !important;
  color: var(--black28) !important;
  border-bottom: 1.2px dashed #d0d5dd;
  border-radius: 0 !important;
  margin-bottom: 0
}

button.alternateMobileUi.svelte-7hoo8 .info.svelte-7hoo8 {
  display: flex;
  flex-direction: column
}

button.alternateMobileUi.svelte-7hoo8 .info .amount-wrapper.svelte-7hoo8 {
  display: flex;
  align-items: self-start
}

button.alternateMobileUi.svelte-7hoo8 .info .amount-wrapper .price.svelte-7hoo8 {
  font-size: 18px;
  line-height: 18px;
  text-align: left;
  width: min-content
}

button.alternateMobileUi.svelte-7hoo8 .info .amount-wrapper .margin-left.svelte-7hoo8 {
  margin-left: .5rem
}

button.alternateMobileUi.svelte-7hoo8 .info:first-child .amount-wrapper.svelte-7hoo8 {
  order: -1
}

button.alternateMobileUi.svelte-7hoo8 .info:first-child .amount-wrapper .discount-badge.svelte-7hoo8 {
  background: #ecfdf3 !important;
  border: 1px solid #039855 !important;
  border-radius: 12px;
  color: #039855 !important
}

button.alternateMobileUi.svelte-7hoo8 .icon .arrow.svelte-7hoo8 {
  filter: initial
}

button.alternateMobileUi.svelte-7hoo8.svelte-7hoo8:last-child {
  border: none
}

button.alternateMobileUi.svelte-7hoo8 .confirmation.svelte-7hoo8 {
  border: none !important
}

button.newExperimentStyles.svelte-7hoo8.svelte-7hoo8 {
  background: var(--white) !important;
  color: var(--black28) !important;
  border: 1px solid var(--secondaryColor)
}

button.newExperimentStyles.svelte-7hoo8 .info.svelte-7hoo8 {
  display: flex;
  flex-direction: column
}

button.newExperimentStyles.svelte-7hoo8 .info .amount-wrapper.svelte-7hoo8 {
  display: flex;
  align-items: self-start
}

button.newExperimentStyles.svelte-7hoo8 .info .amount-wrapper .price.svelte-7hoo8 {
  font-size: 18px;
  line-height: 18px;
  text-align: left;
  width: min-content
}

button.newExperimentStyles.svelte-7hoo8 .info .amount-wrapper .margin-left.svelte-7hoo8 {
  margin-left: .5rem
}

button.newExperimentStyles.svelte-7hoo8 .info:first-child .amount-wrapper.svelte-7hoo8 {
  order: -1
}

button.newExperimentStyles.svelte-7hoo8 .info:first-child .amount-wrapper .discount-badge.svelte-7hoo8 {
  background: #ecfdf3 !important;
  border: 1px solid #039855 !important;
  border-radius: 12px;
  color: #039855 !important
}

button.newExperimentStyles.svelte-7hoo8 .icon .arrow.svelte-7hoo8 {
  filter: initial
}

button.alternateNoPriceMobileUi.svelte-7hoo8 .info.svelte-7hoo8 {
  flex-direction: row;
  align-items: baseline
}

button.alternateNoPriceMobileUi.svelte-7hoo8 .info .amount-wrapper .price.svelte-7hoo8 {
  display: none
}

button.alternateNoPriceMobileUi.svelte-7hoo8 .info:first-child .amount-wrapper.svelte-7hoo8 {
  order: 2
}

button.alternateNoPriceMobileUi.svelte-7hoo8 .icon.svelte-7hoo8 {
  display: flex;
  flex-wrap: nowrap
}

button.alternateNoPriceMobileUi.svelte-7hoo8 .show-price-info.svelte-7hoo8 {
  flex-direction: column
}

button.alternateNoPriceMobileUi.svelte-7hoo8 .show-price-info:first-child .amount-wrapper.svelte-7hoo8 {
  order: initial
}

button.alternateNoPriceMobileUi.svelte-7hoo8 .show-price-info:first-child .amount-wrapper .price.svelte-7hoo8 {
  display: initial
}

.arrow.globalImg.svelte-7hoo8.svelte-7hoo8 {
  width: 7px;
  height: 12px;
  background-position: -185px -33px;
  transform: scale(1.1);
  filter: brightness(0) invert(1);
  margin-left: .25rem
}

.alternate-mobile-ui.svelte-7hoo8.svelte-7hoo8 {
  border: none;
  border-bottom: 1.2px dashed #d0d5dd;
  border-radius: 0px
}

.alternate-mobile-ui.svelte-7hoo8.svelte-7hoo8:last-child {
  border: none
}

.dashed-btn.svelte-7hoo8.svelte-7hoo8 {
  border: 1.2px dashed #d0d5dd !important
}

.remove-bottom-border.svelte-7hoo8.svelte-7hoo8:nth-last-child(2) {
  border: none
}

.new-button-styles.svelte-7hoo8.svelte-7hoo8 {
  gap: 0 !important;
  position: relative;
  padding: .9rem .5rem !important
}

.new-button-styles.svelte-7hoo8 .container.svelte-7hoo8 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%
}

.new-button-styles.svelte-7hoo8 .container .label-wrapper.svelte-7hoo8,
.new-button-styles.svelte-7hoo8 .container .price-wrapper.svelte-7hoo8 {
  display: flex;
  align-items: center;
  gap: .375rem
}

.new-button-styles.svelte-7hoo8 .container .label-wrapper .new-icon.svelte-7hoo8 {
  height: 24px;
  width: 24px;
  display: flex;
  align-items: center;
  justify-content: center
}

.new-button-styles.svelte-7hoo8 .container .label-wrapper .new-title.svelte-7hoo8 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center
}

.new-button-styles.svelte-7hoo8 .container .label-wrapper .new-title .title.svelte-7hoo8 {
  font-size: 14px !important;
  text-align: left;
  font-size: 14px;
  font-weight: 500
}

.new-button-styles.svelte-7hoo8 .container .label-wrapper .new-title .subtext.svelte-7hoo8 {
  font-size: 11px;
  text-align: left
}

.new-button-styles.svelte-7hoo8 .container .price-wrapper.svelte-7hoo8 {
  gap: 2px
}

.new-button-styles.svelte-7hoo8 .container .price-wrapper .price.svelte-7hoo8 {
  display: flex;
  flex-direction: column;
  font-size: 16px;
  overflow: hidden
}

.new-button-styles.svelte-7hoo8 .container .price-wrapper .price .compared-price.svelte-7hoo8 {
  font-size: 12px;
  text-align: left
}

.new-button-styles.svelte-7hoo8 .container .price-wrapper .arrow-icon.svelte-7hoo8 {
  max-height: 16.5px;
  max-width: 13px;
  overflow: hidden
}

.new-ui-discount-badge.svelte-7hoo8.svelte-7hoo8 {
  top: -1px
}

.alert-color.svelte-7hoo8.svelte-7hoo8 {
  background-color: var(--red) !important
}

.failure-alert.svelte-7hoo8.svelte-7hoo8 {
  display: flex;
  flex-direction: row
}

.failure-alert.svelte-7hoo8 .text-message.svelte-7hoo8 {
  margin: 0px;
  color: var(--white);
  margin-left: 4px;
  font-size: 9px
}

.failure-alert.svelte-7hoo8 .icon.svelte-7hoo8 {
  width: 10px;
  height: 10px
}

.failure-alert.svelte-7hoo8 .alert-message-row.svelte-7hoo8 {
  display: flex;
  align-items: center;
  margin-left: 3px
}

.alert-icon.svelte-7hoo8.svelte-7hoo8 {
  width: 11px;
  height: 11px;
  background-position: 0px -291px
}

.decimal-price-container.svelte-7hoo8.svelte-7hoo8 {
  display: flex;
  align-items: baseline
}

.decimal-price.svelte-7hoo8.svelte-7hoo8 {
  font-size: 12px
}

.rupee-icon.svelte-7hoo8.svelte-7hoo8 {
  padding-left: 2px
}

.right-aligned-badge.svelte-7hoo8.svelte-7hoo8 {
  left: unset
}

.kfs-container.svelte-jfqhjm h3.svelte-jfqhjm {
  margin: 0;
  font-size: 16px
}

.kfs-container.svelte-jfqhjm p.svelte-jfqhjm {
  font-size: 14px
}

.btn-black.svelte-jfqhjm.svelte-jfqhjm {
  font-size: 14px;
  line-height: 22px;
  color: #000;
  border: 1px solid #000;
  padding: 8px;
  border-radius: 10px
}

.btn-black.min.svelte-jfqhjm.svelte-jfqhjm {
  padding: 6px 12px;
  border-radius: 10px
}

.btn-black.svelte-jfqhjm.svelte-jfqhjm:disabled {
  background-color: #5a5a5a;
  cursor: auto
}

.kfs-iframe-container.svelte-jfqhjm.svelte-jfqhjm {
  position: relative;
  width: 100%;
  height: 67vh;
  border: 1px solid #e5e7eb;
  border-radius: .5rem;
  overflow: hidden
}

.kfs-iframe.svelte-jfqhjm.svelte-jfqhjm {
  width: 100%;
  height: 100%;
  border: none;
  overflow: auto !important;
  -webkit-overflow-scrolling: touch;
  touch-action: auto
}

.congratulations-text.svelte-jfqhjm.svelte-jfqhjm {
  font-size: 12px;
  color: #6b7280
}

.loading-kfs.svelte-jfqhjm.svelte-jfqhjm {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0 1rem;
  padding: 2rem;
  color: #6b7280
}

.loading-spinner.svelte-jfqhjm.svelte-jfqhjm {
  width: 16px;
  height: 16px;
  border: 2px solid currentColor;
  border-top-color: rgba(0, 0, 0, 0);
  border-radius: 50%;
  animation: svelte-jfqhjm-spin 1s linear infinite
}

@keyframes svelte-jfqhjm-spin {
  to {
    transform: rotate(360deg)
  }
}

:root {
  --a5: #a5a5a5;
  --e0: #ededed;
  --red: #f73536;
  --green: #01b156;
  --bg-green: #e9f4ee;
  --primary-color: #0365d6;
  --d-red: #c90000;
  --green2: #0e9343;
  --green-text: #25d366;
  --green-text2: #005e2a;
  --light-grey: #f8f8f8;
  --error: #e31b1b;
  --white: #fff;
  --off-white: #f3f3f3;
  --b-white: #f8fafd;
  --black: #000;
  --black2: #050038;
  --blue: #004b8d;
  --gokwik-blue: #002e64;
  --light-blue: #0365d6;
  --vl-green: #e6f4ec;
  --d-blue: #050038;
  --m-blue: #13172d;
  --theme-color: #b12928;
  --m-grey: #979eb5;
  --yellow: #edde5d;
  --d-yellow: #f09819;
  --light-yellow: #fffcf8;
  --progress-green: #01b156;
  --light-green: #74ab6f;
  --off-white-pink: #fff9f9;
  --b-grey: #9babc5;
  --g-grey: #f9f9f9;
  --b-purple: #f3f2ff;
  --t-purple: #36325e;
  --circle-text: #c9c9c9;
  --grey-l: #909090;
  --white: #ffffff;
  --white-1: #f2f2f2;
  --secondaryColor: #e5e5e5;
  --grey-text: #00000099;
  --black28: #101828;
  --grey-blue-text: #697687;
  --m-teal: rgba(3, 182, 150, 1);
  --gokwik-dark-blue: #002e64;
  --teal-50: #f0fdf9;
  --l-grey: #697687;
  --bg-grey: #f9fbfc;
  --neutral-200: #d0d5da;
  --error-600: #dc2626;
  --error-700: #b91c1c;
  --error-15: #fff5f5;
  --error-100: #fef2f2;
  --warning: #b54708;
  --toast-green: #079455
}

.address-card.svelte-180r9pi.svelte-180r9pi {
  text-transform: capitalize
}

.address-card.svelte-180r9pi .address-wrapper.svelte-180r9pi {
  max-width: calc(100% - 65px)
}

.address-card.svelte-180r9pi .globalImg.pin.svelte-180r9pi {
  width: 24px;
  height: 24px;
  background-position: -24px -400px;
  flex: 0 0 24px
}

.address-card.svelte-180r9pi .contact-info-wrapper.svelte-180r9pi {
  flex: auto;
  max-width: calc(100% - 45px)
}

.address-card.svelte-180r9pi .contact-info-wrapper .address-email.svelte-180r9pi {
  text-transform: none
}

.act.svelte-180r9pi.svelte-180r9pi {
  position: relative;
  flex: none;
  margin-top: 30px
}

.act.svelte-180r9pi .options button.svelte-180r9pi {
  width: 100%;
  text-align: left;
  padding: 8px 10px;
  margin: 0;
  border: none;
  font-size: .75rem;
  white-space: nowrap
}

.act.svelte-180r9pi .options button.svelte-180r9pi:hover {
  background: var(--g-grey)
}

.act.svelte-180r9pi .btn.svelte-180r9pi {
  padding: 0;
  margin: 0;
  border: none
}

.edd-wrapper.svelte-180r9pi.svelte-180r9pi {
  background: var(--bg-green);
  text-transform: none;
  color: var(--green-text2)
}

.head.svelte-180r9pi.svelte-180r9pi {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: .5rem
}

.address-details.svelte-180r9pi.svelte-180r9pi,
.contact-info.svelte-180r9pi.svelte-180r9pi {
  width: 100%
}

.address-details.svelte-180r9pi .state-pincode.svelte-180r9pi,
.contact-info.svelte-180r9pi .state-pincode.svelte-180r9pi {
  flex: 0 0 140px
}

.address-details.svelte-180r9pi .phone.svelte-180r9pi,
.contact-info.svelte-180r9pi .phone.svelte-180r9pi {
  flex: 0 0 100px
}

.contact-info.svelte-180r9pi.svelte-180r9pi {
  color: var(--l-grey)
}

.add-info.svelte-180r9pi .address-details.svelte-180r9pi {
  font-size: .75rem;
  color: #405065;
  line-height: 1.25rem;
  word-break: break-word;
  font-weight: 300;
  margin: 0
}

.add-info.svelte-180r9pi .contact-info.svelte-180r9pi {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%
}

.add-info.svelte-180r9pi .address-email.svelte-180r9pi {
  display: block;
  width: max-content;
  padding: 0;
  margin: 0;
  margin-top: 5px;
  border: none;
  color: #004b8d;
  font-size: .75rem;
  padding: 3px 10px;
  line-height: 1.5;
  border-radius: 10px;
  background: #e6edf4;
  white-space: nowrap;
  text-transform: none;
  text-align: left
}

.add-info.svelte-180r9pi .phone.svelte-180r9pi {
  font-size: .8rem;
  text-align: right;
  margin-top: 5px;
  color: #405065
}

.new-exp.svelte-180r9pi .edit-tooltip-wrapper.svelte-180r9pi {
  position: relative;
  display: inline-block
}

.new-exp.svelte-180r9pi .edit-tooltip.svelte-180r9pi {
  position: absolute;
  top: -60px;
  right: -54px;
  background-color: #1c1b17;
  color: #fff;
  font-size: 12px;
  padding: 4px 12px;
  border-radius: 8px;
  white-space: nowrap
}

.new-exp.svelte-180r9pi .edit-tooltip.svelte-180r9pi::before {
  content: "";
  position: absolute;
  bottom: -6px;
  right: 16px;
  border-left: 6px solid rgba(0, 0, 0, 0);
  border-right: 6px solid rgba(0, 0, 0, 0);
  border-top: 6px solid #1c1b17;
  color: #fff
}

.new-exp.svelte-180r9pi .btn-new-exp.svelte-180r9pi {
  padding: 8px;
  border: 1px solid #000;
  border-radius: 8px;
  background: rgba(0, 0, 0, 0);
  cursor: pointer
}

p.svelte-33k2s7.svelte-33k2s7.svelte-33k2s7 {
  margin: 0
}

.header.svelte-33k2s7.svelte-33k2s7.svelte-33k2s7 {
  padding: .75rem
}

.header.svelte-33k2s7 .text-content.svelte-33k2s7.svelte-33k2s7 {
  display: flex;
  flex-direction: column;
  row-gap: .5rem
}

.header.svelte-33k2s7 .title.svelte-33k2s7.svelte-33k2s7 {
  font-size: 15px;
  font-weight: 600
}

.header.svelte-33k2s7 .title .amount.svelte-33k2s7.svelte-33k2s7 {
  color: #703100;
  background-color: #fff1cd;
  padding: 0 4px;
  border-radius: 4px
}

.header.svelte-33k2s7 .discount.svelte-33k2s7.svelte-33k2s7 {
  font-size: 12px;
  color: #067647;
  text-align: start
}

.content.svelte-33k2s7.svelte-33k2s7.svelte-33k2s7 {
  padding: 1.5rem 1rem
}

.content.svelte-33k2s7>div.svelte-33k2s7.svelte-33k2s7 {
  display: grid;
  grid-template-columns: 1fr 6fr;
  gap: 2rem 1rem
}

.content.svelte-33k2s7 .info-text.svelte-33k2s7.svelte-33k2s7 {
  display: flex;
  flex-direction: column;
  row-gap: .5rem
}

.content.svelte-33k2s7 .info-text.svelte-33k2s7>p.svelte-33k2s7 {
  font-size: 15px
}

.content.svelte-33k2s7 .info-text.svelte-33k2s7>p.svelte-33k2s7:nth-child(2) {
  font-size: 12px;
  color: #667085
}

.footer.svelte-33k2s7.svelte-33k2s7.svelte-33k2s7 {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: .75rem;
  gap: .5rem
}

.footer.svelte-33k2s7 button.svelte-33k2s7.svelte-33k2s7 {
  display: inline-flex;
  background: var(--light-blue);
  width: 100%;
  height: 50px;
  align-items: center;
  justify-content: center;
  gap: .75rem;
  border-radius: 8px;
  padding: 1rem;
  color: #fff;
  border: none;
  font: normal 16px;
  z-index: 1
}

.footer.svelte-33k2s7 .expiry-info.svelte-33k2s7.svelte-33k2s7 {
  font-size: 10px;
  line-height: 12px;
  color: var(--grey-blue-text)
}

.icon-holder.svelte-33k2s7.svelte-33k2s7.svelte-33k2s7 {
  display: flex;
  align-items: center;
  justify-content: center
}

.globalImg.icon-1.svelte-33k2s7.svelte-33k2s7.svelte-33k2s7 {
  background-position: -160px -355px;
  height: 15px;
  width: 28px;
  scale: 2
}

.globalImg.icon-2.svelte-33k2s7.svelte-33k2s7.svelte-33k2s7 {
  background-position: -189px -355px;
  height: 18px;
  width: 26px;
  scale: 2
}

.edit-phone.svelte-33k2s7.svelte-33k2s7.svelte-33k2s7 {
  display: flex;
  justify-content: space-between;
  margin: 1rem
}

.edit-phone-wrap.svelte-33k2s7.svelte-33k2s7.svelte-33k2s7 {
  display: flex;
  align-items: center;
  border: 1px solid #979eb5;
  border-radius: 8px;
  padding: .25rem .5rem;
  width: 100%;
  min-height: 30px;
  flex-wrap: nowrap !important
}

.country-code.svelte-33k2s7.svelte-33k2s7.svelte-33k2s7 {
  font-size: 1rem;
  color: var(--blue);
  width: 54px
}

.phone-input.svelte-33k2s7.svelte-33k2s7.svelte-33k2s7 {
  border: none;
  color: var(--blue);
  width: calc(100% - 42px) !important;
  background: none;
  font-size: 1rem
}

.accordion-item.svelte-1n04dmw.svelte-1n04dmw {
  background: var(--white);
  border: 1px solid #e8e8e8
}

.accordion-item.disabled.svelte-1n04dmw.svelte-1n04dmw {
  opacity: .4;
  cursor: none;
  pointer-events: none
}

.accordion-item.expanded.svelte-1n04dmw.svelte-1n04dmw {
  border-color: #aaa;
  border-top: 1px solid #aaa !important
}

.accordion-item.svelte-1n04dmw.svelte-1n04dmw:first-child {
  border-top-left-radius: 12px;
  border-top-right-radius: 12px
}

.accordion-item.svelte-1n04dmw.svelte-1n04dmw:not(:first-child) {
  border-top: 0
}

.accordion-item.svelte-1n04dmw.svelte-1n04dmw:last-child {
  border-bottom-left-radius: 12px;
  border-bottom-right-radius: 12px
}

.accordion-header.svelte-1n04dmw.svelte-1n04dmw {
  width: 100%;
  text-align: left;
  padding: 12px 16px;
  background: rgba(0, 0, 0, 0);
  border: none;
  display: flex;
  align-items: center;
  justify-content: start;
  gap: .5rem;
  scroll-margin-top: 2rem
}

.accordion-header.svelte-1n04dmw .new-icon.svelte-1n04dmw {
  max-height: 22px;
  max-width: 24px;
  overflow: hidden
}

.accordion-panel.svelte-1n04dmw.svelte-1n04dmw {
  padding: 0;
  background: linear-gradient(0deg, #f8f8f8 0%, #fff 100%) !important;
  max-height: 0;
  overflow: hidden;
  transition: max-height .4s ease-out
}

.accordion-panel.svelte-1n04dmw.svelte-1n04dmw:last-child {
  border-bottom-left-radius: 12px;
  border-bottom-right-radius: 12px
}

.accordion-open.svelte-1n04dmw.svelte-1n04dmw {
  animation: svelte-1n04dmw-slideOpen .4s ease-out forwards
}

.accordion-close.svelte-1n04dmw.svelte-1n04dmw {
  animation: svelte-1n04dmw-slideClose .4s ease-out forwards
}

@keyframes svelte-1n04dmw-slideClose {
  from {
    max-height: 2500px
  }

  to {
    max-height: 0
  }
}

@keyframes svelte-1n04dmw-slideOpen {
  from {
    max-height: 0
  }

  to {
    max-height: 2500px
  }
}

.custom-emi-img-wrapper.svelte-1n04dmw.svelte-1n04dmw {
  width: 30px
}

.custom-emi-img-wrapper.svelte-1n04dmw .custom-emi-img.svelte-1n04dmw {
  width: 20px;
  height: 20px;
  background-color: #fff;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center
}

.custom-emi-img-wrapper.svelte-1n04dmw .custom-emi-img img.svelte-1n04dmw {
  max-width: 90%
}

.payment-text.svelte-1n04dmw.svelte-1n04dmw {
  display: flex;
  flex-direction: column;
  gap: .25rem;
  align-items: start;
  justify-content: space-between
}

.payment-text.svelte-1n04dmw .payment-title.svelte-1n04dmw {
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  display: flex;
  align-items: center;
  gap: 0px 8px;
  flex-wrap: wrap
}

.payment-text.svelte-1n04dmw .payment-title .upi-icon.svelte-1n04dmw {
  display: inline-block;
  width: 66px;
  height: 26px;
  background-position: -144px -80px;
  transform: scale(1);
  -webkit-transform: scale(1);
  -moz-transform: scale(1)
}

.payment-text.svelte-1n04dmw .payment-title .offer-text.svelte-1n04dmw {
  font-weight: 500;
  font-size: 12px;
  line-height: 16px;
  color: #067647
}

.payment-text.svelte-1n04dmw .payment-badge.svelte-1n04dmw {
  border-radius: 100px;
  background: #e9f4ee;
  color: #067647;
  padding: 2px 8px;
  font-weight: 500;
  font-size: 12px;
  line-height: 16px;
  overflow: hidden;
  position: relative;
  white-space: nowrap;
  max-width: 40vw
}

.payment-text.svelte-1n04dmw .payment-badge.expanded.svelte-1n04dmw {
  background: none !important;
  overflow: visible !important;
  padding: 0 !important;
  white-space: normal !important
}

.payment-text.svelte-1n04dmw .payment-badge .globalImg.svelte-1n04dmw {
  display: inline-block;
  width: 12px;
  height: 12px;
  background-position: -133px -59px
}

.payment-text.svelte-1n04dmw .danger-badge.svelte-1n04dmw {
  color: #f50000 !important;
  background: none !important;
  padding: 0
}

.price-wrapper.svelte-1n04dmw.svelte-1n04dmw {
  display: flex;
  align-items: center;
  gap: 2px;
  margin-left: auto
}

.price-wrapper.svelte-1n04dmw .price.svelte-1n04dmw {
  display: flex;
  flex-direction: column;
  font-size: 14px;
  overflow: hidden;
  align-items: end
}

.price-wrapper.svelte-1n04dmw .price .compared-price.svelte-1n04dmw {
  font-size: 12px;
  text-align: left;
  color: #6c737f
}

.price-wrapper.svelte-1n04dmw .bnpl-price-width.svelte-1n04dmw {
  text-align: left;
  white-space: nowrap
}

.price-wrapper.svelte-1n04dmw .bnpl-price.svelte-1n04dmw {
  display: flex;
  flex-direction: column;
  align-items: end
}

.price-wrapper.svelte-1n04dmw .bnpl-price .bnpl-subtext.svelte-1n04dmw {
  font-size: 12px
}

.price-wrapper.svelte-1n04dmw .bnpl-price .snapmint-emi-subtext.svelte-1n04dmw {
  font-size: 12px;
  text-align: left
}

.price-wrapper.svelte-1n04dmw .arrow-icon.svelte-1n04dmw {
  max-height: 16.5px;
  max-width: 13px;
  overflow: hidden;
  transition: transform .1s ease-in-out;
  margin-left: 4px
}

.decimal-price-container.svelte-1n04dmw.svelte-1n04dmw {
  display: flex;
  align-items: baseline
}

.decimal-price.svelte-1n04dmw.svelte-1n04dmw {
  font-size: 12px;
  color: #6c737f
}

.hide.svelte-1n04dmw.svelte-1n04dmw {
  display: none !important
}

.down-arrow.svelte-1n04dmw.svelte-1n04dmw {
  transform: rotate(90deg)
}

.up-arrow.svelte-1n04dmw.svelte-1n04dmw {
  transform: rotate(-90deg)
}

.offer-strip.svelte-1n04dmw.svelte-1n04dmw {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 2px 6px;
  border-radius: 24px;
  background-color: #e9f4ee;
  color: #067647;
  font-weight: 500;
  font-size: 12px;
  line-height: 16px
}

.offer-strip.svelte-1n04dmw button.svelte-1n04dmw {
  background-color: rgba(0, 0, 0, 0);
  border: none;
  outline: none;
  color: #067647;
  text-decoration: underline;
  text-underline-offset: 4px
}

.offer-strip.svelte-1n04dmw .offer-icon-wrapper.svelte-1n04dmw {
  display: flex;
  align-items: center;
  flex-direction: row-reverse
}

.offer-strip.svelte-1n04dmw .offer-icon.svelte-1n04dmw {
  width: 22px;
  height: 22px;
  background: #fff;
  border-radius: 100%;
  padding: 2px
}

.offer-strip.svelte-1n04dmw .offer-icon.svelte-1n04dmw:not(:first-child) {
  margin-left: -4px
}

.offer-strip.svelte-1n04dmw .offer-icon.svelte-1n04dmw:first-child {
  margin-left: -6px
}

.offer-marquee.svelte-1n04dmw.svelte-1n04dmw {
  max-width: calc(50vw - 12px)
}

.hide-button.svelte-1n04dmw.svelte-1n04dmw {
  display: none !important
}

.qr-code.svelte-1wf5xb8.svelte-1wf5xb8.svelte-1wf5xb8 {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  gap: 16px;
  padding: 0 .75rem
}

.qr-code.svelte-1wf5xb8 .qr-header.svelte-1wf5xb8.svelte-1wf5xb8 {
  display: flex;
  flex-direction: column;
  align-items: center;
  row-gap: 8px;
  font-size: 13px;
  font-weight: 400;
  line-height: 16px;
  flex: 1
}

.qr-code.svelte-1wf5xb8 .qr-code-inner.svelte-1wf5xb8.svelte-1wf5xb8 {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  flex: 1
}

.qr-code.svelte-1wf5xb8 .qr-code-inner img.svelte-1wf5xb8.svelte-1wf5xb8 {
  width: 100px;
  height: 100px;
  margin: 0;
  max-width: none
}

.combined-panel-styles .qr-code.svelte-1wf5xb8 .qr-code-inner.svelte-1wf5xb8>img.svelte-1wf5xb8 {
  height: 100px;
  width: 100px;
  margin: 0;
  margin-bottom: 18px
}

.upi-qr-loader {
  width: 18px !important;
  height: 18px !important
}

.upi-qr-loader .path {
  stroke: #000 !important
}

.upi-icon.svelte-1wf5xb8.svelte-1wf5xb8.svelte-1wf5xb8 {
  display: inline-flex;
  width: 128px;
  height: 34px;
  background-position: -92px -427px;
  transform: scale(1);
  border-radius: 2rem
}

.or-option.svelte-1wf5xb8.svelte-1wf5xb8.svelte-1wf5xb8 {
  position: relative;
  text-align: center;
  z-index: 8;
  display: inline-flex;
  width: 100%;
  justify-content: center
}

.or-option.svelte-1wf5xb8 p.svelte-1wf5xb8.svelte-1wf5xb8 {
  font-size: .8rem;
  line-height: 1rem;
  text-align: center;
  background: #f8f8f8;
  display: inline-block;
  padding: .3rem .6rem;
  color: #6c737f
}

.or-option.svelte-1wf5xb8 p.svelte-1wf5xb8.svelte-1wf5xb8:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 1px;
  background: #d2d6db;
  left: 0;
  z-index: -1;
  top: 50%
}

.qr-code-inner.svelte-1wf5xb8>img.svelte-1wf5xb8.svelte-1wf5xb8:first-child {
  padding: 12px
}

.emi-details.svelte-6ceuhg.svelte-6ceuhg {
  width: 100%;
  font-size: 13px;
  background: #f9fafb;
  box-sizing: border-box;
  padding: 16px 12px;
  border-radius: 12px
}

.detail-row.svelte-6ceuhg.svelte-6ceuhg {
  display: flex;
  justify-content: space-between;
  padding: 6px 0;
  font-weight: 400;
  line-height: 12px;
  letter-spacing: .008em
}

.detail-row.discount.svelte-6ceuhg.svelte-6ceuhg {
  color: var(--green)
}

.detail-row.total.svelte-6ceuhg.svelte-6ceuhg {
  border-top: 1px solid var(--m-grey);
  margin-top: 8px;
  padding-top: 12px
}

.detail-row.svelte-6ceuhg span.svelte-6ceuhg {
  font-weight: 500
}

.emi-info.svelte-6ceuhg.svelte-6ceuhg {
  color: var(--m-grey);
  margin-top: .5rem;
  font-size: 11px;
  line-height: 16px
}

.emi-info.svelte-6ceuhg ul.svelte-6ceuhg {
  padding-left: .75rem;
  margin: 0
}

.emi-info.svelte-6ceuhg ul li.svelte-6ceuhg {
  margin-bottom: .25rem;
  font-weight: 400;
  letter-spacing: .008em;
  text-decoration-skip-ink: none
}

.bold.svelte-6ceuhg.svelte-6ceuhg {
  font-weight: 600 !important
}

.pay-later.svelte-187gszd.svelte-187gszd {
  position: relative;
  overflow-y: auto;
  overflow-x: hidden
}

.pay-later.svelte-187gszd .pay-later__header.svelte-187gszd {
  position: sticky;
  top: 0;
  left: 0;
  right: 0
}

.pay-later.svelte-187gszd .pay-later__content .order-confirmation.svelte-187gszd {
  padding: 14px 10px;
  display: flex;
  background: #fff;
  margin: 0px 8px 0px
}

.pay-later.svelte-187gszd .pay-later__content .order-confirmation .details.svelte-187gszd {
  flex: 9;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 6px;
  font-weight: 400;
  line-height: 12px
}

.pay-later.svelte-187gszd .pay-later__content .order-confirmation .details .order-confirmation__text.svelte-187gszd {
  font-size: 16px;
  font-weight: 500
}

.pay-later.svelte-187gszd .pay-later__content .order-confirmation .icon.svelte-187gszd {
  flex: 1;
  transform: scale(1.5);
  -webkit-transform: scale(1.5);
  -moz-transform: scale(1.5)
}

.pay-later.svelte-187gszd .pay-later__content .payment-status.svelte-187gszd {
  font-size: 14px;
  font-weight: 500;
  line-height: 22px;
  display: flex;
  flex-direction: column;
  gap: 8px;
  background: var(--white)
}

.pay-later.svelte-187gszd .pay-later__content .payment-status .status.svelte-187gszd {
  font-size: 17px;
  font-weight: 600
}

.pay-later.svelte-187gszd .pay-later__content .payment-status .btn-container.svelte-187gszd {
  border: 1px solid #f3f3f3;
  border-radius: 8px;
  padding: 8px 4px;
  margin: 4px 0px;
  display: flex;
  gap: 4px
}

.pay-later.svelte-187gszd .pay-later__content .cod-converter.svelte-187gszd {
  display: flex;
  flex-direction: column;
  margin-top: 12px;
  gap: 12px
}

.pay-later.svelte-187gszd .pay-later__content .cod-converter .timer-wrapper.svelte-187gszd {
  display: flex;
  align-items: flex-start;
  gap: 6px
}

.pay-later.svelte-187gszd .pay-later__content .cod-converter .timer-wrapper .icon.svelte-187gszd {
  width: 16px
}

.pay-later.svelte-187gszd .pay-later__content .cod-converter .timer-wrapper .timer.svelte-187gszd {
  font-size: 13px;
  line-height: 21px
}

.pay-later.svelte-187gszd .pay-later__content .cod-converter .timer-wrapper .timer .time.svelte-187gszd {
  display: inline-block;
  font-weight: bolder;
  padding: 0 4px;
  background-color: #e5e7eb
}

.pay-later.svelte-187gszd .pay-later__content .cod-converter .message-wrapper.svelte-187gszd {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%
}

.pay-later.svelte-187gszd .pay-later__content .cod-converter .message-wrapper .progress.svelte-187gszd {
  width: 100%;
  --color: #079455;
  --background: #e5e7eb
}

.pay-later.svelte-187gszd .pay-later__content .cod-converter .message-wrapper .progress[value].svelte-187gszd {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: none;
  margin: 0;
  border-radius: 10em;
  background: var(--background)
}

.pay-later.svelte-187gszd .pay-later__content .cod-converter .message-wrapper .progress[value].svelte-187gszd::-webkit-progress-bar {
  border-radius: 10em;
  background: var(--background)
}

.pay-later.svelte-187gszd .pay-later__content .cod-converter .message-wrapper .progress[value].svelte-187gszd::-webkit-progress-value {
  border-radius: 10em;
  background: var(--color)
}

.pay-later.svelte-187gszd .pay-later__content .cod-converter .message-wrapper .progress[value].svelte-187gszd::-moz-progress-bar {
  border-radius: 10em;
  background: var(--color)
}

.pay-later.svelte-187gszd .pay-later__content .order-summary.svelte-187gszd {
  margin: 12px 0 42px;
  font-size: 14px;
  font-weight: 600
}

.pay-later.svelte-187gszd .pay-later__content .order-summary .price.svelte-187gszd {
  display: inline-block;
  background-color: #fff1cd;
  color: #703100;
  padding: 2px 4px;
  border-radius: 4px;
  margin-left: 8px
}

.pay-later.svelte-187gszd .pay-later__content .payment-methods.svelte-187gszd {
  margin: 12px 0;
  font-size: 14px;
  font-weight: 400
}

.pay-later.svelte-187gszd .pay-later__content .payment-methods .payment-methods__label.svelte-187gszd {
  display: flex;
  gap: 4px;
  align-items: center;
  padding: 10px;
  font-size: 14px
}

.pay-later.svelte-187gszd .pay-later__content .payment-methods .payment-methods__label .label.svelte-187gszd {
  color: #838383;
  padding-right: 8px
}

.pay-later.svelte-187gszd .pay-later__content .payment-methods .payment-methods__label .line.svelte-187gszd {
  border: .5px solid #e4e4e4;
  height: 0px;
  flex: 1
}

.pay-later.svelte-187gszd .pay-later__content .payment-methods .payment-methods__content.svelte-187gszd {
  margin: 4px 6px
}

.pay-later.svelte-187gszd .pay-later__content .payment-methods .payment-methods__content .upi-payment.svelte-187gszd,
.pay-later.svelte-187gszd .pay-later__content .payment-methods .payment-methods__content .card-payment.svelte-187gszd {
  margin-bottom: 8px
}

.pay-later.svelte-187gszd .pay-later__content .payment-methods .payment-methods__content .upi-payment .header-wrapper.svelte-187gszd,
.pay-later.svelte-187gszd .pay-later__content .payment-methods .payment-methods__content .card-payment .header-wrapper.svelte-187gszd {
  display: flex;
  justify-content: space-between;
  font-size: 15px;
  font-weight: 400
}

.pay-later.svelte-187gszd .pay-later__content .payment-methods .payment-methods__content .upi-payment .header-wrapper .label-wrapper.svelte-187gszd,
.pay-later.svelte-187gszd .pay-later__content .payment-methods .payment-methods__content .card-payment .header-wrapper .label-wrapper.svelte-187gszd {
  display: flex;
  align-items: center;
  gap: 8px
}

.pay-later.svelte-187gszd .pay-later__content .payment-methods .payment-methods__content .upi-payment .header-wrapper .label-wrapper .label-icon.svelte-187gszd,
.pay-later.svelte-187gszd .pay-later__content .payment-methods .payment-methods__content .card-payment .header-wrapper .label-wrapper .label-icon.svelte-187gszd {
  width: 24px;
  height: 24px;
  border-radius: 50px;
  border: 1px solid #f2f2f2;
  overflow: hidden
}

.pay-later.svelte-187gszd .pay-later__content .payment-methods .payment-methods__content .upi-payment .header-wrapper .label-wrapper .card-icon.svelte-187gszd,
.pay-later.svelte-187gszd .pay-later__content .payment-methods .payment-methods__content .card-payment .header-wrapper .label-wrapper .card-icon.svelte-187gszd {
  width: 24px;
  height: 24px;
  border-radius: 50px;
  border: 1px solid #f2f2f2;
  display: flex;
  align-items: center;
  justify-content: center
}

.pay-later.svelte-187gszd .pay-later__content .payment-methods .payment-methods__content .upi-payment .header-wrapper .label-wrapper .card-icon .card.svelte-187gszd,
.pay-later.svelte-187gszd .pay-later__content .payment-methods .payment-methods__content .card-payment .header-wrapper .label-wrapper .card-icon .card.svelte-187gszd {
  width: 100%;
  height: 100%
}

.pay-later.svelte-187gszd .pay-later__content .payment-methods .payment-methods__content .upi-payment .header-wrapper .label-wrapper .label-text.svelte-187gszd,
.pay-later.svelte-187gszd .pay-later__content .payment-methods .payment-methods__content .card-payment .header-wrapper .label-wrapper .label-text.svelte-187gszd {
  position: relative
}

.pay-later.svelte-187gszd .pay-later__content .payment-methods .payment-methods__content .upi-payment .header-wrapper .price-wrapper.svelte-187gszd,
.pay-later.svelte-187gszd .pay-later__content .payment-methods .payment-methods__content .card-payment .header-wrapper .price-wrapper.svelte-187gszd {
  position: relative;
  display: flex;
  flex-direction: column;
  font-weight: 400;
  padding-top: 2px
}

.pay-later.svelte-187gszd .pay-later__content .payment-methods .payment-methods__content .upi-payment .body-wrapper .upi-apps.svelte-187gszd,
.pay-later.svelte-187gszd .pay-later__content .payment-methods .payment-methods__content .card-payment .body-wrapper .upi-apps.svelte-187gszd {
  padding: 2px 8px 20px 12px
}

.pay-later.svelte-187gszd .pay-later__content .payment-methods .payment-methods__content .upi-payment .body-wrapper .upi-collect.svelte-187gszd,
.pay-later.svelte-187gszd .pay-later__content .payment-methods .payment-methods__content .card-payment .body-wrapper .upi-collect.svelte-187gszd {
  margin: 16px 12px
}

.pay-later.svelte-187gszd .pay-later__content .payment-methods .payment-methods__content .upi-payment .card-wrapper.svelte-187gszd,
.pay-later.svelte-187gszd .pay-later__content .payment-methods .payment-methods__content .card-payment .card-wrapper.svelte-187gszd {
  padding: 0px 10px 16px 10px
}

.pay-later.svelte-187gszd .pay-later__content .payment-success.svelte-187gszd {
  margin: 12px 0;
  font-size: 14px;
  font-weight: 400
}

.pay-later.svelte-187gszd .pay-later__content .payment-success .payment-success__label.svelte-187gszd {
  display: flex;
  gap: 4px;
  align-items: center;
  padding: 6px 10px;
  font-size: 14px
}

.pay-later.svelte-187gszd .pay-later__content .payment-success .payment-success__label .label.svelte-187gszd {
  color: #838383;
  padding-right: 8px
}

.pay-later.svelte-187gszd .pay-later__content .payment-success .payment-success__label .line.svelte-187gszd {
  border: .5px solid #e4e4e4;
  height: 0px;
  flex: 1
}

.pay-later.svelte-187gszd .pay-later__content .payment-success .payment-success__content.svelte-187gszd {
  margin: 10px 8px
}

.pay-later.svelte-187gszd .pay-later__content .payment-success .payment-success__content .label.svelte-187gszd {
  color: var(--green2);
  font-size: 13px;
  display: flex;
  align-items: center;
  margin-left: 4px
}

.pay-later.svelte-187gszd .pay-later__content .payment-success .payment-success__content .label .icon.svelte-187gszd {
  transform: scale(1.2);
  -webkit-transform: scale(1.2);
  -moz-transform: scale(1.2)
}

.pay-later.svelte-187gszd .pay-later__content .payment-success .payment-success__content .payment-success__method.svelte-187gszd {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 8px;
  margin: 12px 0px;
  background: #fff;
  padding: 12px 10px
}

.pay-later.svelte-187gszd .pay-later__content .payment-success .payment-success__content .payment-success__method .icon.svelte-187gszd {
  box-sizing: border-box;
  max-width: 32px;
  max-height: 32px;
  border-radius: 8px
}

.pay-later.svelte-187gszd .pay-later__content .payment-success .payment-success__content .payment-success__method .method.svelte-187gszd {
  flex: 1;
  text-transform: capitalize
}

.pay-later.svelte-187gszd .pay-later__content .payment-success .payment-success__content .payment-success__method .details.svelte-187gszd {
  font-size: 10px;
  display: flex;
  flex-direction: column;
  gap: 2px
}

.pay-later.svelte-187gszd .pay-later__content .payment-success .payment-success__content .payment-success__method .details .date.svelte-187gszd {
  color: var(--a5)
}

.pay-later.svelte-187gszd .pay-later__content .payment-success .payment-success__content .payment-success__method .details .amount.svelte-187gszd {
  font-size: 10px
}

.pay-later.svelte-187gszd .pay-later__footer.svelte-187gszd {
  left: 0;
  width: 100%;
  background: #fff;
  border: 1px solid rgba(0, 0, 0, .05)
}

.container-styles.svelte-187gszd.svelte-187gszd {
  border: 1px solid rgba(0, 0, 0, .05);
  border-radius: 8px
}

.discount-charges-label.svelte-187gszd.svelte-187gszd {
  background: #fff;
  border: .5px solid #09a14e;
  color: #09a14e;
  background-color: #f1fff8;
  font-size: 7px;
  border-radius: 14px;
  padding: 2px 6px
}

.cod-charges-label.svelte-187gszd.svelte-187gszd {
  padding: 3px 6px;
  border-radius: 9px;
  border: .5px solid #000;
  font-size: 9px
}

.large-label-font.svelte-187gszd.svelte-187gszd {
  font-size: 13px;
  padding: 14px !important
}

.strike-through-price.svelte-187gszd.svelte-187gszd {
  position: absolute;
  left: 0;
  top: -11px;
  font-size: 11px;
  color: #aeb8ff;
  text-decoration: line-through
}

.payment-offer-label.svelte-187gszd.svelte-187gszd {
  position: absolute;
  left: -2px;
  top: -15px
}

.or-option.svelte-187gszd.svelte-187gszd {
  border-top: 1.2px dashed #d0d5dd
}

.old-ui-discount-badge.svelte-187gszd.svelte-187gszd {
  top: 3px
}

.btn-wrapper.svelte-187gszd.svelte-187gszd {
  display: flex;
  flex-direction: column;
  gap: 16px
}

.btn-wrapper.svelte-187gszd .btn.svelte-187gszd {
  position: relative;
  box-sizing: border-box;
  flex: 1;
  font-size: 15px;
  border-radius: 12px;
  padding: 14px 16px;
  font-weight: 500;
  max-height: 60px;
  box-shadow: rgba(99, 99, 99, .2) 0px 2px 8px 0px
}

.btn-wrapper.svelte-187gszd .btn .label.svelte-187gszd {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 2px
}

.btn-wrapper.svelte-187gszd .btn .label .strike-price.svelte-187gszd {
  font-size: 10px
}

.btn-wrapper.svelte-187gszd .cod.svelte-187gszd {
  background: var(--gokwik-blue);
  color: #fff;
  border: none;
  padding: 16px
}

.btn-wrapper.svelte-187gszd .retry.svelte-187gszd {
  background-color: #fff;
  color: var(--gokwik-blue);
  border: 1px solid var(--gokwik-blue)
}

.btn-wrapper.svelte-187gszd .space-between.svelte-187gszd {
  display: flex;
  justify-content: center;
  align-items: center
}

.cod-time-wrapper.svelte-187gszd.svelte-187gszd {
  position: relative;
  margin-top: 16px;
  margin-bottom: 40px;
  display: flex;
  flex-direction: column;
  gap: 8px
}

.confirm-btn-wrapper.svelte-187gszd.svelte-187gszd {
  position: absolute;
  bottom: -26px;
  left: 0;
  right: 0
}

.sprite-green-check-icon.svelte-187gszd.svelte-187gszd {
  display: inline-block;
  width: 14px;
  height: 14px;
  background-position: -120px -326px
}

.sprite-generic-card-icon.svelte-187gszd.svelte-187gszd {
  display: inline-block;
  width: 26px;
  height: 26px;
  background-position: -136px -326px
}

.svelte-4k4xi9.svelte-4k4xi9::-webkit-scrollbar {
  display: none
}

.gift-card-array.svelte-4k4xi9.svelte-4k4xi9 {
  overflow: auto;
  -ms-overflow-style: none !important;
  scrollbar-width: none !important
}

.gift-card-array.svelte-4k4xi9 .discountIconGreen.svelte-4k4xi9 {
  background-position: -120px -400px;
  width: 22px;
  height: 24px
}

.shipping-container.svelte-192d31v .option-card input[type=radio].svelte-192d31v {
  width: 16px;
  height: 16px;
  flex-shrink: 0;
  accent-color: var(--primary-color, #3b82f6);
  appearance: none;
  border: 1.5px solid #667085;
  border-radius: 50%;
  background-color: #fff;
  position: relative
}

.shipping-container.svelte-192d31v .option-card input[type=radio].svelte-192d31v:checked {
  border-color: var(--primary-color);
  background-image: radial-gradient(circle, var(--primary-color, #3b82f6) 40%, transparent 40%);
  background-repeat: no-repeat;
  background-position: center
}

.new-ui-exp-shipping-container.svelte-192d31v.svelte-192d31v {
  border: 1px solid #e4e8eb;
  border-radius: 12px;
  padding: 0;
  margin: 0 12px;
  margin-bottom: 12px;
  overflow: hidden
}

.new-ui-exp-edd-text.svelte-192d31v.svelte-192d31v {
  background: linear-gradient(90deg, #e9f4ee 0%, rgba(233, 244, 238, 0) 100%);
  border-radius: 8px;
  display: inline-block;
  padding: 2px
}

.new-ui-exp-green-tag.svelte-192d31v.svelte-192d31v {
  position: relative;
  display: inline-block;
  color: #fff;
  border-radius: 4px;
  padding: 2px 6px;
  overflow: hidden;
  background: linear-gradient(109deg, #00d475, #079455);
  background-size: 200% 100%;
  animation: svelte-192d31v-bgMove 6s ease-in-out infinite
}

@keyframes svelte-192d31v-bgMove {
  0% {
    background-position: left
  }

  25% {
    background-position: right
  }

  50% {
    background-position: right
  }

  75% {
    background-position: left
  }

  100% {
    background-position: left
  }
}

.new-ui-exp-green-tag.svelte-192d31v.svelte-192d31v::before {
  content: "";
  position: absolute;
  top: 0;
  left: -150%;
  height: 100%;
  width: 150%;
  background: linear-gradient(120deg, transparent, rgba(255, 255, 255, 0.4), transparent);
  animation: svelte-192d31v-shimmer 6s ease-in-out infinite
}

@keyframes svelte-192d31v-shimmer {
  0% {
    left: -150%
  }

  25% {
    left: 150%
  }

  50% {
    left: 150%
  }

  75% {
    left: -150%
  }

  100% {
    left: -150%
  }
}

.new-ui-exp-blue-tag.svelte-192d31v.svelte-192d31v {
  background-color: rgba(0, 0, 0, .05);
  border-radius: 4px;
  padding: 2px 4px
}

.new-ui-exp-arrow.svelte-192d31v.svelte-192d31v {
  @apply w-4 h-4
}

.new-ui-exp-arrow.rotate.svelte-192d31v.svelte-192d31v {
  transform: rotate(180deg)
}

.new-ui-exp-methods-container.svelte-192d31v.svelte-192d31v {
  transition: max-height .3s ease;
  overflow: hidden;
  margin: 0 12px
}

.new-ui-exp-option-card.svelte-192d31v.svelte-192d31v {
  border: 1px solid #929ca8;
  border-radius: 12px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 12px;
  cursor: pointer
}

.new-ui-exp-option-card.selected.svelte-192d31v.svelte-192d31v {
  border: 1px solid var(--primary-color)
}

.new-ui-exp-option-info.svelte-192d31v.svelte-192d31v {
  display: flex;
  flex-direction: column;
  gap: 4px
}

.new-ui-exp-radio-wrapper.svelte-192d31v input[type=radio].svelte-192d31v {
  width: 16px;
  height: 16px;
  flex-shrink: 0;
  accent-color: var(--primary-color, #3b82f6);
  appearance: none;
  border: 1.5px solid #667085;
  border-radius: 50%;
  background-color: #fff;
  position: relative
}

.new-ui-exp-radio-wrapper.svelte-192d31v input[type=radio].svelte-192d31v:checked {
  border-color: var(--primary-color);
  background-image: radial-gradient(circle, var(--primary-color, #3b82f6) 40%, transparent 40%);
  background-repeat: no-repeat;
  background-position: center
}

.shipping-container.svelte-1u2x5s2.svelte-1u2x5s2 {
  width: 100%
}

.single-shipping-banner.svelte-1u2x5s2.svelte-1u2x5s2 {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 8px 12px;
  background: #e9f4ee;
  border-radius: 0 0 12px 12px
}

.edd-banner-text.svelte-1u2x5s2.svelte-1u2x5s2 {
  font-size: 12px;
  color: #005e2a;
  flex: 1
}

.summary-price.svelte-1u2x5s2.svelte-1u2x5s2 {
  font-size: 12px;
  font-weight: 500;
  padding: 2px 4px;
  border-radius: 4px
}

.summary-price.free.svelte-1u2x5s2.svelte-1u2x5s2 {
  background: linear-gradient(109deg, #00d475 0%, #079455 100%);
  color: #fff
}

.new-ui-exp-option-card.svelte-1u2x5s2.svelte-1u2x5s2 {
  border: 1px solid #929ca8;
  border-radius: 12px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 12px;
  cursor: pointer
}

.new-ui-exp-option-card.selected.svelte-1u2x5s2.svelte-1u2x5s2 {
  border: 1px solid var(--primary-color)
}

.new-ui-exp-option-info.svelte-1u2x5s2.svelte-1u2x5s2 {
  display: flex;
  flex-direction: column;
  gap: 4px
}

.new-ui-exp-edd-text.svelte-1u2x5s2.svelte-1u2x5s2 {
  background: linear-gradient(90deg, #e9f4ee 0%, rgba(233, 244, 238, 0) 100%);
  border-radius: 8px;
  display: inline-block;
  padding: 2px
}

.new-ui-exp-blue-tag.svelte-1u2x5s2.svelte-1u2x5s2 {
  background-color: rgba(0, 0, 0, .05);
  border-radius: 4px;
  padding: 2px 4px
}

.new-ui-exp-green-tag.svelte-1u2x5s2.svelte-1u2x5s2 {
  position: relative;
  display: inline-block;
  color: #fff;
  border-radius: 4px;
  padding: 2px 6px;
  overflow: hidden;
  background: linear-gradient(109deg, #00d475, #079455);
  background-size: 200% 100%;
  animation: svelte-1u2x5s2-bgMove 6s ease-in-out infinite
}

@keyframes svelte-1u2x5s2-bgMove {
  0% {
    background-position: left
  }

  25% {
    background-position: right
  }

  50% {
    background-position: right
  }

  75% {
    background-position: left
  }

  100% {
    background-position: left
  }
}

.new-ui-exp-green-tag.svelte-1u2x5s2.svelte-1u2x5s2::before {
  content: "";
  position: absolute;
  top: 0;
  left: -150%;
  height: 100%;
  width: 150%;
  background: linear-gradient(120deg, transparent, rgba(255, 255, 255, 0.4), transparent);
  animation: svelte-1u2x5s2-shimmer 6s ease-in-out infinite
}

@keyframes svelte-1u2x5s2-shimmer {
  0% {
    left: -150%
  }

  25% {
    left: 150%
  }

  50% {
    left: 150%
  }

  75% {
    left: -150%
  }

  100% {
    left: -150%
  }
}

.new-ui-exp-radio-wrapper.svelte-1u2x5s2 input[type=radio].svelte-1u2x5s2 {
  width: 16px;
  height: 16px;
  cursor: pointer;
  accent-color: #111827
}

.globalImg.svelte-1u2x5s2.svelte-1u2x5s2 {
  background-image: url(/assets/icons/delivery.svg)
}

.globalImg.deliveryIcon.svelte-1u2x5s2.svelte-1u2x5s2 {
  width: 24px;
  height: 24px;
  background-position: 0 0
}

.container.svelte-xrma5g {
  display: inline-block;
  position: relative
}

.popover.svelte-xrma5g {
  position: absolute;
  top: 100%;
  right: 0;
  margin-top: 6px;
  background: #fff;
  border-radius: 12px;
  box-shadow: 0 6px 16px rgba(0, 0, 0, .15);
  border: 1px solid #e0e0e0;
  min-width: 100px;
  font-size: 14px;
  z-index: 999
}

.svelte-xrma5g::slotted([slot=content]) {
  padding: 8px 16px;
  display: block;
  cursor: pointer;
  white-space: nowrap
}

.svelte-xrma5g::slotted([slot=content]:hover) {
  background-color: #f5f5f5
}

.added-voucher.svelte-mp8zx0 .discountIconGreen.svelte-mp8zx0 {
  background-position: -120px -400px;
  width: 22px;
  height: 24px
}

.highlighted-amount.svelte-mp8zx0.svelte-mp8zx0 {
  color: #703100;
  background-color: #fff1cd
}

.discount-coupon-inner.svelte-mp8zx0.svelte-mp8zx0 {
  margin-bottom: 0
}

.discount-coupon-inner.svelte-mp8zx0 .discount-box input.svelte-mp8zx0 {
  border: none;
  background: none;
  padding-block: 0
}

.modal.svelte-yddc4v {
  background: #fff;
  border-radius: 16px;
  padding: 24px;
  width: 100%;
  max-width: 240px;
  text-align: center;
  box-shadow: 0 12px 48px rgba(0, 0, 0, .3)
}

.icon.svelte-yddc4v {
  margin: 0 auto 16px;
  width: 32px;
  height: 32px;
  overflow: hidden
}

.title.svelte-yddc4v {
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 8px;
  color: #000
}

.body.svelte-yddc4v {
  font-size: 14px;
  color: var(--l-grey);
  margin-bottom: 24px
}

.button.svelte-yddc4v {
  padding: 12px;
  width: 100%;
  font-size: 14px;
  font-weight: 600;
  border-radius: 12px;
  cursor: pointer;
  margin-bottom: 12px
}

.confirm.svelte-yddc4v {
  background: #000;
  color: #fff;
  border: 1px solid #000
}

.cancel.svelte-yddc4v {
  background: #fff;
  color: #000;
  border: 1px solid #d1d5db
}

.cancel.svelte-yddc4v:last-child {
  margin-bottom: 0
}

.marquee-container.svelte-1ptx4oa {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  position: relative
}

.inline-block.svelte-1ptx4oa {
  display: inline-block
}

.marquee-container.svelte-1ptx4oa:has(.marquee-scroll) {
  border-radius: 32px
}

.marquee-container.svelte-1ptx4oa:has(.marquee-scroll):after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background: linear-gradient(to right, var(--overflow-color) 0%, rgba(255, 255, 255, 0) 15%, rgba(255, 255, 255, 0) 85%, var(--overflow-color) 100%);
  border-radius: 32px;
  position: absolute;
  top: 0;
  left: 0
}

.marquee-text.svelte-1ptx4oa {
  display: inline-block;
  white-space: nowrap;
  will-change: transform
}

.marquee-gap.svelte-1ptx4oa {
  display: inline-block;
  width: 2rem
}

.marquee-scroll {
  animation-name: svelte-1ptx4oa-marquee-scroll;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  animation-play-state: running
}

.marquee-pong {
  animation-name: svelte-1ptx4oa-marquee-pong;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  animation-play-state: running
}

.paused.svelte-1ptx4oa {
  animation-play-state: paused
}

@keyframes svelte-1ptx4oa-marquee-scroll {
  from {
    transform: translateX(0)
  }

  to {
    transform: translateX(calc(-50% - 1.2rem))
  }
}

@keyframes svelte-1ptx4oa-marquee-pong {
  7.5% {
    transform: translateX(0)
  }

  42.5%,
  57.5% {
    transform: translateX(calc(-1 * var(--overflow-width)))
  }

  92.5% {
    transform: translateX(0)
  }
}

.drag-reveal.svelte-59xawk {
  display: flex;
  flex-direction: column
}

.drag-reveal-handle.svelte-59xawk {
  display: flex;
  justify-content: center;
  padding: 8px 0 4px;
  cursor: grab;
  touch-action: none;
  user-select: none;
  -webkit-user-select: none
}

.drag-reveal-handle.svelte-59xawk:active {
  cursor: grabbing
}

.drag-reveal-handle-bar.svelte-59xawk {
  width: 36px;
  height: 4px;
  border-radius: 2px;
  background-color: #d1d5db
}

.drag-reveal-body.svelte-59xawk {
  overflow: hidden;
  position: relative
}

.drag-reveal-body.transitioning.svelte-59xawk {
  transition: max-height var(--transition-duration, 0.25s) ease
}

.drag-reveal-content.svelte-59xawk {
  display: flex;
  flex-direction: column
}

.drag-reveal-collapsed-measure.svelte-59xawk {
  position: absolute;
  visibility: hidden;
  pointer-events: none;
  top: 0;
  left: 0;
  right: 0
}

.drag-reveal-read-more.svelte-59xawk {
  position: absolute;
  z-index: 2;
  background: linear-gradient(to right, transparent, #fff 15%);
  border: none;
  color: #0e5593;
  font-size: 12px;
  font-weight: 600;
  padding: 2px 0 2px 24px;
  cursor: pointer;
  white-space: nowrap;
  opacity: 1
}

.drag-reveal-read-more.transitioning.svelte-59xawk {
  transition: opacity .2s ease
}

.drag-reveal-read-more.bottom-right.svelte-59xawk {
  bottom: 0;
  right: 0
}

.drag-reveal-read-more.bottom-left.svelte-59xawk {
  bottom: 0;
  left: 0;
  background: linear-gradient(to left, transparent, #fff 30%);
  padding: 2px 24px 2px 0
}

.drag-reveal-read-more.bottom-center.svelte-59xawk {
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  background: #fff;
  padding: 2px 8px
}

.border.svelte-1x0z8hf.svelte-1x0z8hf {
  border: 1px solid
}

.reward-amount.svelte-1x0z8hf.svelte-1x0z8hf {
  align-self: center;
  font-size: 13px;
  padding: .4rem 0rem
}

.brand-name-status.svelte-1x0z8hf.svelte-1x0z8hf {
  display: flex;
  margin-left: .5rem;
  flex-direction: column;
  justify-content: center
}

.brand-name-status.svelte-1x0z8hf .brand-name.svelte-1x0z8hf {
  font-size: 14px
}

.brand-name-status.svelte-1x0z8hf .reward-status.svelte-1x0z8hf {
  font-size: 12px;
  color: #6f6f6f
}

.logo.svelte-1x0z8hf.svelte-1x0z8hf {
  height: 32px;
  background: #f1f1f1;
  padding: 2px;
  box-sizing: border-box;
  border-radius: 50%
}

.brand-details.svelte-1x0z8hf.svelte-1x0z8hf {
  display: flex;
  padding: .4rem 0rem
}

.option-body.svelte-1x0z8hf.svelte-1x0z8hf {
  display: flex;
  flex-direction: column;
  width: 100%
}

.brand-and-price.svelte-1x0z8hf.svelte-1x0z8hf {
  padding: .2rem .8rem;
  display: flex;
  justify-content: space-between
}

.option.svelte-1x0z8hf.svelte-1x0z8hf {
  outline: 1px solid #e6edf4;
  width: 100%;
  display: flex;
  cursor: pointer;
  justify-content: space-between;
  background: #fff;
  gap: .35rem;
  align-items: flex-start;
  margin-top: .8rem;
  box-sizing: border-box
}

.twid-icon.svelte-1x0z8hf.svelte-1x0z8hf {
  border-radius: 100%;
  padding: 4px;
  background-color: #f1f1f1;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px
}

.sprite-twidpay-icon.svelte-1x0z8hf.svelte-1x0z8hf {
  max-width: 20px !important;
  background-position: 1px -324px;
  width: 20px !important;
  height: 20px !important;
  border-radius: 100%
}

.gst-box.svelte-mkxsmz .add-gst.svelte-mkxsmz {
  text-underline-offset: 40%
}

.gst-box.svelte-mkxsmz .gst-details.svelte-mkxsmz {
  max-width: calc(100% - 20px)
}

.gst-box.svelte-mkxsmz .gst-details .gst-label.svelte-mkxsmz {
  background-color: #d5eaff;
  padding: 0 4px;
  border-radius: 4px
}

.gst-box.svelte-mkxsmz .removeIcon.svelte-mkxsmz {
  width: 16px;
  height: 34px;
  display: block;
  background-position: -212px -136px;
  transform: scale(0.6);
  filter: brightness(0) saturate(100%) invert(0%) sepia(0%) saturate(0%) hue-rotate(0deg) brightness(0%) contrast(0%)
}

.arrow.svelte-mkxsmz.svelte-mkxsmz {
  width: 11px;
  height: 6px;
  background-position: -199px -212px;
  transition: transform .3s ease
}

.arrow.rotate.svelte-mkxsmz.svelte-mkxsmz {
  transform: rotate(180deg)
}

.coupon-icon.svelte-34fhqo.svelte-34fhqo {
  width: 24px;
  height: 24px;
  flex: none
}

.inner-content.svelte-34fhqo.svelte-34fhqo {
  max-width: calc(100% - 60px)
}

.discount-info-wrapper.svelte-34fhqo.svelte-34fhqo {
  max-width: calc(100% - 40px)
}

.tnc.svelte-34fhqo.svelte-34fhqo {
  border-top: 1px dashed var(--neutral-200);
  margin-bottom: 0;
  list-style: none;
  padding-top: .75rem
}

.tnc.svelte-34fhqo li.svelte-34fhqo {
  position: relative
}

.tnc.svelte-34fhqo li.svelte-34fhqo::before {
  content: "";
  height: 5px;
  width: 5px;
  background: var(--neutral-200);
  border-radius: 50%;
  position: absolute;
  top: 6px;
  left: -0.45rem
}

.wrapper.svelte-pe6b87.svelte-pe6b87.svelte-pe6b87 {
  width: 100%;
  background-color: rgba(0, 0, 0, 0.2196078431);
  position: absolute;
  top: 0;
  height: 100vh
}

.wrapper.svelte-pe6b87 .popup-container.svelte-pe6b87.svelte-pe6b87 {
  box-sizing: border-box;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: #fff;
  width: 90%;
  padding: 18px;
  border-radius: 14px;
  box-shadow: rgba(0, 0, 0, .07) 0px 1px 2px, rgba(0, 0, 0, .07) 0px 2px 4px, rgba(0, 0, 0, .07) 0px 4px 8px, rgba(0, 0, 0, .07) 0px 8px 16px, rgba(0, 0, 0, .07) 0px 16px 32px, rgba(0, 0, 0, .07) 0px 32px 64px
}

.wrapper.svelte-pe6b87 .popup-container .header.svelte-pe6b87.svelte-pe6b87 {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  margin: 8px 0px 12px
}

.wrapper.svelte-pe6b87 .popup-container .header button.svelte-pe6b87.svelte-pe6b87 {
  border: none
}

.wrapper.svelte-pe6b87 .popup-container .header .title.svelte-pe6b87.svelte-pe6b87 {
  font-size: 18px
}

.wrapper.svelte-pe6b87 .popup-container .content.svelte-pe6b87.svelte-pe6b87 {
  margin: 14px 0px
}

.wrapper.svelte-pe6b87 .popup-container .content .radio-options .option.svelte-pe6b87.svelte-pe6b87 {
  margin: 18px 0px;
  font-size: 15px
}

.wrapper.svelte-pe6b87 .popup-container .content .radio-options .option input[type=radio].svelte-pe6b87.svelte-pe6b87 {
  display: none
}

.wrapper.svelte-pe6b87 .popup-container .content .radio-options .option input[type=radio].svelte-pe6b87:checked+label.svelte-pe6b87 {
  border-color: var(--primary-color);
  color: var(--primary-color)
}

.wrapper.svelte-pe6b87 .popup-container .content .radio-options .option input[type=radio].svelte-pe6b87+label.svelte-pe6b87 {
  border-radius: 5px;
  position: relative;
  padding: 10px 40px 10px 35px;
  line-height: 20px;
  cursor: pointer
}

.wrapper.svelte-pe6b87 .popup-container .content .radio-options .option input[type=radio].svelte-pe6b87+label.svelte-pe6b87:before {
  content: "";
  position: absolute;
  left: 10px;
  top: 30%;
  display: inline-block;
  width: 10px;
  height: 10px;
  padding: 2px;
  margin-right: 5px;
  background-clip: content-box;
  border: 1px solid #bbb;
  background-color: #e7e6e7;
  border-radius: 50%
}

.wrapper.svelte-pe6b87 .popup-container .content .radio-options .option input[type=radio].svelte-pe6b87:checked+label.svelte-pe6b87:before {
  border-color: var(--primary-color);
  background-color: var(--primary-color)
}

.wrapper.svelte-pe6b87 .popup-container .footer.svelte-pe6b87.svelte-pe6b87 {
  margin: 24px 0px 8px;
  display: flex;
  justify-content: center;
  gap: 12px
}

.wrapper.svelte-pe6b87 .popup-container .footer .btn.svelte-pe6b87.svelte-pe6b87 {
  border: none;
  padding: 8px 16px;
  border-radius: 6px;
  font-weight: 500;
  max-height: 48px;
  box-shadow: 0px 8px 15px rgba(0, 0, 0, .1);
  font-size: 14px;
  flex: 1
}

.wrapper.svelte-pe6b87 .popup-container .footer .blue-btn.svelte-pe6b87.svelte-pe6b87 {
  background-color: var(--blue);
  color: #fff
}

.wrapper.svelte-pe6b87 .popup-container .footer .close-btn.svelte-pe6b87.svelte-pe6b87 {
  border: 1px solid #ddd;
  color: var(--blue);
  background-color: #fff
}

.hide-option.svelte-pe6b87.svelte-pe6b87.svelte-pe6b87 {
  display: none
}

.discount-badge-cod {
    background-color: #9a0909 !important;
    color: #ffffff !important;
}