/* SKELETON LOADING - MINIMAL VERSION */
.skeleton-placeholder {
  pointer-events: none;
  user-select: none;
}
.skeleton-placeholder .skeleton-copy,
.skeleton-placeholder .skeleton-text-stack,
.skeleton-placeholder #shopping-description {
  display: grid;
  gap: 1rem;
}
.skeleton-placeholder h3.skeleton-text-stack,
.skeleton-placeholder h4.skeleton-text-stack {
  display: grid !important;
}
.skeleton-placeholder h3 .skeleton-block + .skeleton-block,
.skeleton-placeholder h4 .skeleton-block + .skeleton-block,
.skeleton-placeholder p .skeleton-block + .skeleton-block,
.skeleton-placeholder li .skeleton-block + .skeleton-block,
.skeleton-placeholder td .skeleton-block + .skeleton-block,
.skeleton-placeholder .shopping-info .skeleton-block + .skeleton-block {
  margin-top: 1rem;
}
.skeleton-placeholder .product-getprice::before,
.skeleton-placeholder .product-oriprice::before,
.skeleton-placeholder .similar-product-getprice::before,
.skeleton-placeholder .similar-product-oriprice::before,
.skeleton-placeholder .shopping-getprice::before,
.skeleton-placeholder .shopping-oriprice::before,
.skeleton-placeholder .cart-getprice::before,
.skeleton-placeholder .cart-total::before,
.skeleton-placeholder .checkout-price-total::before {
  content: "";
}
.skeleton-placeholder .table-payment td:last-child .skeleton-block,
.skeleton-placeholder .table-shopping td:last-child .skeleton-block,
.skeleton-placeholder .history-action .skeleton-block,
.skeleton-placeholder .download-action-skeleton .skeleton-block {
  margin-left: auto;
}
.skeleton-product-item,
.skeleton-category-item,
.skeleton-cart-item,
.skeleton-checkout-item,
.skeleton-history-item,
.skeleton-download-item,
.skeleton-similar-item,
.skeleton-payment-option,
.skeleton-payment-details,
.skeleton-shopping-item,
.skeleton-shopping-aside,
.skeleton-offer-main,
.skeleton-offer-side {
  cursor: default;
}
.skeleton-placeholder .dot {
  background-color: var(--color-blue-01);
}
.skeleton-placeholder .dot.active {
  background-color: var(--color-blue-01);
}
.skeleton-action-input {
  border-radius: 1rem;
}
.skeleton-action-square,
.skeleton-action-pill,
.skeleton-history-button,
.download-action-skeleton {
  border-radius: 5rem;
  --skeleton-radius: 5rem;
}
.skeleton-action-square {
  background: linear-gradient(110deg, rgba(0, 96, 174, 0.14) 25%, var(--color-blue-01) 45%, rgba(0, 96, 174, 0.14) 65%);
}
.skeleton-action-input {
  background: linear-gradient(110deg, rgba(224, 224, 224, 0.9) 25%, var(--color-blue-01) 45%, rgba(224, 224, 224, 0.9) 65%);
  border: 0.1rem solid var(--color-blue-02);
}
.skeleton-payment-option .bank-logo,
.skeleton-cart-item .cart-image,
.skeleton-checkout-item .checkout-image,
.skeleton-shopping-item .shopping-image,
.skeleton-similar-item .similar-product-image,
.skeleton-product-item .product-image,
.skeleton-category-item .category-image {
  background-color: transparent;
}
.skeleton-history-item .history-item-status,
.skeleton-history-item .history-item-amount,
.skeleton-history-item .history-item-method,
.skeleton-history-item .history-item-id,
.skeleton-history-item .history-item-date,
.skeleton-download-item .download-info h4,
.skeleton-payment-details td,
.skeleton-instructions li,
.skeleton-shopping-item td,
.skeleton-shopping-item .shopping-info,
.skeleton-product-item h3,
.skeleton-category-item h3,
.skeleton-cart-item h4,
.skeleton-checkout-item h4,
.skeleton-similar-item h4 {
  color: transparent !important;
}
.skeleton-block {
  display: block;
  width: var(--skeleton-width, 100%);
  height: var(--skeleton-height, 1rem);
  border-radius: var(--skeleton-radius, 1rem);
  background: linear-gradient(110deg, var(--color-blue-01) 25%, #f8fbfe 45%, var(--color-blue-01) 65%);
  background-size: 200% 100%;
  animation: skeleton-shimmer 1.4s ease-in-out infinite;
}
.skeleton-placeholder .skeleton-text-stack:not(:has(.skeleton-block)) {
  display: grid !important;
  gap: 1rem;
}
.skeleton-placeholder .skeleton-text-stack:not(:has(.skeleton-block))::before,
.skeleton-placeholder .skeleton-text-stack:not(:has(.skeleton-block))::after,
.skeleton-product-item .product-getprice:not(:has(.skeleton-block))::before,
.skeleton-product-item .product-oriprice:not(:has(.skeleton-block))::before,
.skeleton-product-item .product-discount:not(:has(.skeleton-block))::before,
.skeleton-category-item .category-info h3:not(:has(.skeleton-block))::before,
.skeleton-cart-item h4:not(:has(.skeleton-block))::before,
.skeleton-cart-item .cart-getprice:not(:has(.skeleton-block))::before,
.skeleton-cart-item .cart-total:not(:has(.skeleton-block))::before,
.skeleton-checkout-item h4:not(:has(.skeleton-block))::before,
.skeleton-checkout-item .checkout-price-quantity:not(:has(.skeleton-block))::before,
.skeleton-checkout-item .checkout-price-total:not(:has(.skeleton-block))::before,
.skeleton-payment-option .fee-info:not(:has(.skeleton-block))::before,
.skeleton-history-item .history-item-id:not(:has(.skeleton-block))::before,
.skeleton-history-item .history-item-date:not(:has(.skeleton-block))::before,
.skeleton-history-item .history-item-status:not(:has(.skeleton-block))::before,
.skeleton-history-item .history-item-amount:not(:has(.skeleton-block))::before,
.skeleton-history-item .history-item-method:not(:has(.skeleton-block))::before,
.skeleton-download-item .download-info-header h3:not(:has(.skeleton-block))::before,
.skeleton-download-item .download-info h4:not(:has(.skeleton-block))::before,
.skeleton-payment-details td:not(:has(.skeleton-block))::before,
.skeleton-instructions li:not(:has(.skeleton-block))::before,
.skeleton-similar-item h4.skeleton-text-stack:not(:has(.skeleton-block))::before,
.skeleton-similar-item .similar-product-getprice:not(:has(.skeleton-block))::before,
.skeleton-similar-item .similar-product-oriprice:not(:has(.skeleton-block))::before,
.skeleton-similar-item .similar-product-discount:not(:has(.skeleton-block))::before,
.skeleton-shopping-item .shopping-info:not(:has(.skeleton-block))::before,
.skeleton-shopping-item .shopping-getprice:not(:has(.skeleton-block))::before,
.skeleton-shopping-item .shopping-oriprice:not(:has(.skeleton-block))::before,
.skeleton-shopping-item .shopping-discount:not(:has(.skeleton-block))::before,
.skeleton-shopping-item .table-shopping td:not(:has(.skeleton-block))::before,
.skeleton-history-button:not(:has(.skeleton-block))::before,
.download-action-skeleton:not(:has(.skeleton-block))::before {
  content: "";
  display: block;
  width: var(--fallback-width, 100%);
  height: var(--fallback-height, 1rem);
  border-radius: var(--skeleton-radius, 1rem);
  background: linear-gradient(110deg, var(--color-blue-01) 25%, #f8fbfe 45%, var(--color-blue-01) 65%);
  background-size: 200% 100%;
  animation: skeleton-shimmer 1.4s ease-in-out infinite;
}
.skeleton-placeholder .skeleton-text-stack:not(:has(.skeleton-block))::before {
  --fallback-width: 92%;
}
.skeleton-placeholder .skeleton-text-stack:not(:has(.skeleton-block))::after {
  --fallback-width: 72%;
}
.skeleton-product-item .product-getprice:not(:has(.skeleton-block))::before,
.skeleton-cart-item .cart-getprice:not(:has(.skeleton-block))::before,
.skeleton-similar-item .similar-product-getprice:not(:has(.skeleton-block))::before,
.skeleton-shopping-item .shopping-getprice:not(:has(.skeleton-block))::before {
  --fallback-width: 44%;
}
.skeleton-product-item .product-oriprice:not(:has(.skeleton-block))::before,
.skeleton-cart-item .cart-total:not(:has(.skeleton-block))::before {
  --fallback-width: 34%;
}
.skeleton-product-item .product-discount:not(:has(.skeleton-block))::before {
  --fallback-width: 26%;
}
.skeleton-category-item .category-info h3:not(:has(.skeleton-block))::before {
  --fallback-width: 100%;
}
.skeleton-checkout-item h4:not(:has(.skeleton-block))::before {
  --fallback-width: 82%;
}
.skeleton-checkout-item .checkout-price-quantity:not(:has(.skeleton-block))::before {
  --fallback-width: 42%;
}
.skeleton-checkout-item .checkout-price-total:not(:has(.skeleton-block))::before {
  --fallback-width: 34%;
}
.skeleton-payment-option .fee-info:not(:has(.skeleton-block))::before {
  --fallback-width: 7rem;
}
.skeleton-history-item .history-item-id:not(:has(.skeleton-block))::before {
  --fallback-width: 16rem;
}
.skeleton-history-item .history-item-date:not(:has(.skeleton-block))::before,
.skeleton-history-item .history-item-method:not(:has(.skeleton-block))::before {
  --fallback-width: 10rem;
}
.skeleton-history-item .history-item-status:not(:has(.skeleton-block))::before {
  --fallback-width: 12rem;
}
.skeleton-history-item .history-item-amount:not(:has(.skeleton-block))::before {
  --fallback-width: 11rem;
}
.skeleton-download-item .download-info-header h3:not(:has(.skeleton-block))::before {
  --fallback-width: 18rem;
}
.skeleton-download-item .download-info h4:not(:has(.skeleton-block))::before {
  --fallback-width: 76%;
}
.skeleton-similar-item .similar-product-getprice:not(:has(.skeleton-block))::before {
  --fallback-width: 40%;
}
.skeleton-similar-item .similar-product-oriprice:not(:has(.skeleton-block))::before {
  --fallback-width: 30%;
}
.skeleton-similar-item .similar-product-discount:not(:has(.skeleton-block))::before,
.skeleton-shopping-item .shopping-oriprice:not(:has(.skeleton-block))::before {
  --fallback-width: 24%;
}
.skeleton-shopping-item .shopping-info:not(:has(.skeleton-block))::before {
  --fallback-width: 76%;
}
.skeleton-shopping-item .shopping-discount:not(:has(.skeleton-block))::before {
  --fallback-width: 18%;
}
.skeleton-payment-details td:not(:has(.skeleton-block))::before,
.skeleton-shopping-item .table-shopping td:not(:has(.skeleton-block))::before {
  --fallback-width: 70%;
}
.skeleton-history-button:not(:has(.skeleton-block))::before,
.download-action-skeleton:not(:has(.skeleton-block))::before {
  --fallback-width: 11rem;
  --fallback-height: 4rem;
}
.skeleton-product-item .product-image:not(:has(.skeleton-block))::before,
.skeleton-category-item .category-image:not(:has(.skeleton-block))::before,
.skeleton-cart-item .cart-image:not(:has(.skeleton-block))::before,
.skeleton-checkout-item .checkout-image:not(:has(.skeleton-block))::before,
.skeleton-payment-option .bank-logo:not(:has(.skeleton-block))::before,
.skeleton-shopping-item .shopping-image:not(:has(.skeleton-block))::before,
.skeleton-shopping-item .thumbnail-grid:not(:has(.skeleton-block))::before,
.skeleton-similar-item .similar-product-image:not(:has(.skeleton-block))::before,
.skeleton-offer-main .offer-image:not(:has(.skeleton-block))::before,
.skeleton-offer-side .offer-image:not(:has(.skeleton-block))::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  min-height: inherit;
  border-radius: inherit;
  background: linear-gradient(110deg, var(--color-blue-01) 25%, #f8fbfe 45%, var(--color-blue-01) 65%);
  background-size: 200% 100%;
  animation: skeleton-shimmer 1.4s ease-in-out infinite;
}
.skeleton-cart-item .quantity-btn:not(:has(.skeleton-block)) {
  min-height: 4rem;
  background:
    linear-gradient(110deg, rgba(0, 96, 174, 0.14) 25%, var(--color-blue-01) 45%, rgba(0, 96, 174, 0.14) 65%) 0 0 / 4rem 4rem no-repeat,
    linear-gradient(110deg, rgba(224, 224, 224, 0.9) 25%, var(--color-blue-01) 45%, rgba(224, 224, 224, 0.9) 65%) 4.8rem 0 / 4rem 4rem no-repeat,
    linear-gradient(110deg, rgba(0, 96, 174, 0.14) 25%, var(--color-blue-01) 45%, rgba(0, 96, 174, 0.14) 65%) 9.6rem 0 / 4rem 4rem no-repeat,
    linear-gradient(110deg, rgba(0, 96, 174, 0.14) 25%, var(--color-blue-01) 45%, rgba(0, 96, 174, 0.14) 65%) 14.4rem 0 / 4rem 4rem no-repeat;
  animation: skeleton-shimmer 1.4s ease-in-out infinite;
}
.skeleton-shopping-item #shopping-description:not(:has(.skeleton-block)) {
  min-height: 7rem;
  background:
    linear-gradient(110deg, var(--color-blue-01) 25%, #f8fbfe 45%, var(--color-blue-01) 65%) 0 0 / 96% 1rem no-repeat,
    linear-gradient(110deg, var(--color-blue-01) 25%, #f8fbfe 45%, var(--color-blue-01) 65%) 0 2rem / 92% 1rem no-repeat,
    linear-gradient(110deg, var(--color-blue-01) 25%, #f8fbfe 45%, var(--color-blue-01) 65%) 0 4rem / 88% 1rem no-repeat,
    linear-gradient(110deg, var(--color-blue-01) 25%, #f8fbfe 45%, var(--color-blue-01) 65%) 0 6rem / 72% 1rem no-repeat;
  animation: skeleton-shimmer 1.4s ease-in-out infinite;
}
.skeleton-line-strong {
  --skeleton-height: 1rem;
}
.skeleton-pill {
  --skeleton-height: 3rem;
}
.skeleton-icon {
  --skeleton-width: 5rem;
  --skeleton-height: 5rem;
  margin: 0 auto;
}
.skeleton-thumb {
  --skeleton-width: 8rem;
  --skeleton-height: 8rem;
  flex-shrink: 0;
}
.skeleton-thumb-small {
  --skeleton-width: 6rem;
  --skeleton-height: 6rem;
  flex-shrink: 0;
}
.skeleton-media {
  width: 100%;
  height: auto;
  min-height: 14rem;
  aspect-ratio: 1 / 1;
  border-radius: 1rem;
}
.skeleton-media-large {
  min-height: 26rem;
}
.skeleton-banner {
  width: 100%;
  min-height: 20rem;
  aspect-ratio: 2 / 1;
  border-radius: 1rem;
}
.skeleton-banner-side {
  width: 100%;
  min-height: 9rem;
  aspect-ratio: 2 / 1;
  border-radius: 1rem;
}
.skeleton-grid-product {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(16rem, 1fr));
  gap: 2rem;
}
.skeleton-grid-category {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(9rem, 1fr));
  gap: 2rem;
}
.skeleton-offer-layout {
  display: grid;
  grid-template-columns: 7fr 3fr;
  gap: 2rem;
}
.skeleton-shopping-layout {
  display: grid;
  grid-template-columns: 7fr 3fr;
  gap: 2rem;
}
.skeleton-shopping-hero {
  display: grid;
  grid-template-columns: 4fr 6fr;
  gap: 2rem;
}
.skeleton-payment-option {
  display: flex;
  gap: 1rem;
  align-items: center;
  justify-content: space-between;
}
.shipping-user-skeleton {
  display: block;
  width: 100%;
  height: 100%;
}
.profile-data-avatar.profile-data-avatar-skeleton,
.shipping-user-avatar.shipping-user-avatar-skeleton,
.profile-info-icon.profile-info-icon-skeleton {
  background: transparent;
}
.profile-data-avatar.profile-data-avatar-skeleton .skeleton-block,
.shipping-user-avatar.shipping-user-avatar-skeleton .skeleton-block,
.profile-info-icon.profile-info-icon-skeleton .skeleton-block {
  width: 100%;
  height: 100%;
  border-radius: inherit;
}
.shipping-user-state.skeleton-placeholder {
  background: transparent;
}
.profile-skeleton-pill,
.profile-data-kicker.profile-data-kicker-skeleton,
.profile-data-status.profile-data-status-skeleton,
.shipping-user-kicker.shipping-user-kicker-skeleton,
.shipping-user-edit.shipping-user-edit-skeleton {
  border-radius: 999px;
  background-color: transparent !important;
  border-color: transparent !important;
}
.profile-data-kicker.profile-data-kicker-skeleton,
.profile-data-status.profile-data-status-skeleton,
.shipping-user-kicker.shipping-user-kicker-skeleton,
.shipping-user-edit.shipping-user-edit-skeleton {
  color: transparent !important;
}
.profile-data-kicker.profile-data-kicker-skeleton .skeleton-block,
.profile-data-status.profile-data-status-skeleton .skeleton-block,
.shipping-user-kicker.shipping-user-kicker-skeleton .skeleton-block,
.shipping-user-edit.shipping-user-edit-skeleton .skeleton-block {
  margin: 0;
}
.shipping-user-skeleton-head {
  display: grid;
  grid-template-columns: auto 1fr auto;
  gap: 1.4rem;
  align-items: center;
}
.shipping-user-skeleton-copy {
  display: grid;
  gap: 0.9rem;
}
.shipping-user-skeleton-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1.2rem;
}
.shipping-user-skeleton-field {
  display: grid;
  gap: 0.9rem;
  padding: 1.4rem 1.6rem;
  border-radius: 1.6rem;
  border: 0.1rem solid rgba(153, 191, 223, 0.45);
  background-color: rgba(255, 255, 255, 0.82);
}
.profile-summary-skeleton {
  display: grid;
  gap: 1.8rem;
  width: 100%;
  height: 100%;
}
.profile-summary-skeleton-hero {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 1.8rem;
  align-items: center;
}
.profile-summary-skeleton-copy {
  display: grid;
  gap: 1rem;
}
.profile-summary-skeleton-pills {
  display: flex;
  gap: 1rem;
  flex-wrap: wrap;
}
.profile-summary-skeleton-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1.4rem;
}
.profile-summary-skeleton-card {
  display: grid;
  gap: 1.2rem;
  padding: 1.6rem;
  border-radius: 1.8rem;
  border: 0.1rem solid rgba(153, 191, 223, 0.45);
  background-color: rgba(255, 255, 255, 0.82);
}
.profile-summary-skeleton-card-head {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 1.2rem;
  align-items: center;
}
.profile-summary-skeleton-card-copy {
  display: grid;
  gap: 0.8rem;
}
@keyframes skeleton-shimmer {
  from { background-position: 200% 0; }
  to { background-position: -200% 0; }
}
@media only screen and (max-width: 992px) {
  .shipping-user-skeleton-head {
    grid-template-columns: 1fr;
    justify-items: center;
    text-align: center;
  }
  .shipping-user-skeleton-copy {
    justify-items: center;
  }
  .shipping-user-skeleton-grid {
    grid-template-columns: 1fr;
  }
}
@media only screen and (max-width: 768px) {
  .profile-summary-skeleton-hero {
    grid-template-columns: 1fr;
    justify-items: center;
    text-align: center;
  }
  .profile-summary-skeleton-copy {
    justify-items: center;
  }
  .profile-summary-skeleton-pills {
    justify-content: center;
  }
  .profile-summary-skeleton-grid {
    grid-template-columns: 1fr;
  }
}
@media only screen and (max-width: 600px) {
  .skeleton-offer-layout,
  .skeleton-shopping-layout,
  .skeleton-shopping-hero,
  .shipping-user-skeleton-grid,
  .profile-summary-skeleton-grid {
    grid-template-columns: 1fr;
  }
}
@media only screen and (max-width: 480px) {
  .skeleton-grid-product {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .skeleton-grid-category {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}