@charset "utf-8";

:root { --lb-prod-prev-border-radius: 8px; }

.lb-prod-prev-bg, .lb-prod-prev-cont { display: none; }

.lb-prod-prev-body-cont::-webkit-scrollbar { display: unset !important; }

.lb-prod-prev-body-cont::-webkit-scrollbar-track { background-color: rgb(255, 255, 255); border-radius: 8px; }

.lb-prod-prev-body-cont::-webkit-scrollbar-thumb { background-color: rgb(199, 199, 199); border-radius: 16px; border: 4px solid rgb(255, 255, 255); }

.lb-prod-prev-body-cont::-webkit-scrollbar-thumb:hover { background-color: gray; }

.lb-prod-prev-body-cont::-webkit-scrollbar-button { display: none; }

.lb-prod-prev-bg { position: fixed; z-index: 999; top: 0px; left: 0px; height: 100%; width: 100%; opacity: 0.4; background-color: black; overflow: hidden; }

.lb-prod-prev-cont { position: fixed; z-index: 2147483647; left: 50%; top: 50%; transform: translate(-50%, -53%); min-height: 250px; width: 548px; background-color: white; color: black; border-radius: var(--lb-prod-prev-border-radius); height: var(--lb-prod-preview-height); }

.lb-prod-prev-cont-translate-override { transform: translate(-50%, -50%); }

.lb-prod-prev-body-cont { margin-left: 24px; padding-right: 24px; position: relative; top: 44px; overflow-y: scroll; height: calc(var(--lb-prod-preview-height) - 68px); }

.lb-prod-prev-body-cont-height { min-height: 50vh; max-height: 75vh; border-radius: 8px; overflow-y: auto; background: white; margin-left: 0px; padding: 0px 24px 24px; }

.lb-prod-prev-header-box-shadow { box-shadow: rgba(0, 0, 0, 0.18) 0px 1px 4px !important; }

.lb-prod-prev-header { padding: 12px; border-top-left-radius: var(--lb-prod-prev-border-radius); border-top-right-radius: var(--lb-prod-prev-border-radius); position: fixed; background: white; z-index: 1000; width: -webkit-fill-available; }

.lb-prod-prev-back-svg { fill: gray; cursor: pointer; width: 24px; height: 20px; }

.lb-prod-prev-back-svg :hover { fill: black; }

.lb-prod-prev-img-wrap { margin: 12px 0px; border: 1px solid lightgray; border-radius: var(--lb-prod-prev-border-radius); }

.lb-prod-prev-img { width: 220px; height: 220px; object-fit: contain; }

.lb-prod-prev-img-cont { display: flex; align-items: center; justify-content: space-around; padding-top: 12px; }

.lb-prod-prev-img-previous-svg, .lb-prod-prev-img-next-svg { height: 28px; width: 28px; cursor: pointer; }

.lb-prod-prev-img-previous-svg path, .lb-prod-prev-img-next-svg path { stroke: var(--lb-upsell-primary-text-color, #373737); }

.lb-prod-prev-img-previous-svg-hover:hover path { opacity: 0.6; }

.lb-prod-prev-img-next-svg-hover:hover path { opacity: 0.6; }

.lb-prod-prev-img-index-svg { height: 12px; width: 12px; margin: 0px 4px; cursor: pointer; display: flex; align-items: center; }

.lb-prod-prev-img-index path { fill: var(--lb-upsell-primary-text-color, gray); }

.lb-prod-prev-visiblity-hidden { visibility: hidden; }

.lb-prod-prev-img-index { font-size: 12px; display: flex; margin: 4px 0px; align-items: center; justify-content: center; color: var(--lb-upsell-primary-text-color, gray); }

.lb-prod-prev-title { font-size: 20px; color: var(--lb-upsell-primary-text-color); }

.lb-prod-preview-desc { color: var(--lb-upsell-primary-text-color); }

.lb-prod-prev-price-cont { margin-top: 8px; display: flex; align-items: center; gap: 4px; }

.lb-prod-prev-cmp-price { font-size: 14px; margin-left: 4px; text-decoration: line-through; }

.lb-prod-prev-sale-price { color: rgb(200, 73, 63); }

.lb-prod-prev-variants-cont { margin: 12px 0px; }

.lb-prod-prev-variants-cont .lb-shared-variants-select { width: 100%; margin-top: 2px; border-radius: var(--lb-prod-prev-border-radius) !important; }

.lb-prod-prev-variants-label { font-size: 14px; }

.lb-prod-prev-cursor-not-allowed { cursor: not-allowed; opacity: 0.6; }

.lb-prod-prev-close-svg { float: right; }

.lb-prod-prev-close-icon { height: 16px; width: 16px; cursor: pointer; margin-top: 4px; margin-right: 4px; }

.lb-prod-prev-close-icon path { stroke: gray; }

.lb-prod-prev-close-icon:hover path { stroke: black; }

@media (max-width: 480px) {
  .lb-prod-prev-cont { width: 96vw; }
  .lb-prod-prev-body-cont-height { min-height: 60vh; max-height: 80vh; }
}