@charset "utf-8";

.chat-header.svelte-z7qhhq { background-color: rgb(245, 245, 245); font-weight: 700; font-family: area-variable, sans-serif; font-style: normal; font-variation-settings: "INKT" 0, "slnt" 0, "wdth" 100, "wght" 100; display: flex; justify-content: space-between; align-items: center; padding: 2px; position: relative; border-top-left-radius: 10px; border-top-right-radius: 10px; flex-shrink: 0; }

.chat-header.mobile.svelte-z7qhhq { position: sticky; top: 0px; }

.header-logo.svelte-z7qhhq { width: 28px; height: 28px; padding: 10px; }

.image-box.svelte-z7qhhq { display: flex; align-items: center; padding-right: 10px; }

.buttons.svelte-z7qhhq { display: flex; }

button.svelte-z7qhhq { border: none; background: transparent; font-size: 16px; cursor: pointer; }

.dropdown.svelte-z7qhhq { position: relative; display: inline-block; }

.dropdown-menu.svelte-z7qhhq { display: none; position: absolute; top: 100%; right: 0px; background-color: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 6px; border-radius: 5px; padding: 5px 0px; width: 220px; list-style: none; margin: 0px; z-index: 100; }

.dropdown-menu.open.svelte-z7qhhq { display: block; }

.dropdown-menu[aria-hidden="true"].svelte-z7qhhq { display: none; }

.dropdown-item-img.svelte-z7qhhq { margin-right: 10px; width: 20px; height: 20px; }

li.svelte-z7qhhq { padding: 10px 16px; cursor: pointer; display: flex; align-items: center; transition: background-color 0.2s; font-weight: 100; }

li.svelte-z7qhhq:hover { background-color: rgb(249, 249, 249); }

button.svelte-1x9irty.svelte-1x9irty { color-scheme: unset; forced-color-adjust: unset; mask: unset; math-depth: unset; position: unset; position-anchor: unset; text-size-adjust: unset; appearance: unset; color: unset; font: unset; font-palette: unset; font-synthesis: unset; position-area: unset; text-orientation: unset; text-rendering: unset; text-spacing-trim: unset; -webkit-font-smoothing: unset; -webkit-locale: unset; -webkit-text-orientation: unset; -webkit-writing-mode: unset; writing-mode: unset; zoom: unset; accent-color: unset; place-content: unset; place-items: unset; place-self: unset; alignment-baseline: unset; anchor-name: unset; anchor-scope: unset; animation-composition: unset; animation: unset; app-region: unset; aspect-ratio: unset; backdrop-filter: unset; backface-visibility: unset; background: unset; background-blend-mode: unset; baseline-shift: unset; baseline-source: unset; block-size: unset; border-block: unset; border: unset; border-radius: unset; border-collapse: unset; border-end-end-radius: unset; border-end-start-radius: unset; border-inline: unset; border-start-end-radius: unset; border-start-start-radius: unset; inset: unset; box-decoration-break: unset; box-shadow: unset; box-sizing: unset; break-after: unset; break-before: unset; break-inside: unset; buffered-rendering: unset; caption-side: unset; caret-color: unset; clear: unset; clip: unset; clip-path: unset; clip-rule: unset; color-interpolation: unset; color-interpolation-filters: unset; color-rendering: unset; columns: unset; column-fill: unset; gap: unset; column-rule: unset; column-span: unset; contain: unset; contain-intrinsic-block-size: unset; contain-intrinsic-size: unset; contain-intrinsic-inline-size: unset; container: unset; content: unset; content-visibility: unset; counter-increment: unset; counter-reset: unset; counter-set: unset; cursor: pointer; cx: unset; cy: unset; d: unset; display: unset; dominant-baseline: unset; dynamic-range-limit: unset; empty-cells: unset; field-sizing: unset; fill: unset; fill-opacity: unset; fill-rule: unset; filter: unset; flex: unset; flex-flow: unset; float: unset; flood-color: unset; flood-opacity: unset; grid: unset; grid-area: unset; height: unset; hyphenate-character: unset; hyphenate-limit-chars: unset; hyphens: unset; image-orientation: unset; image-rendering: unset; initial-letter: unset; inline-size: unset; inset-block: unset; inset-inline: unset; interpolate-size: unset; isolation: unset; letter-spacing: unset; lighting-color: unset; line-break: unset; list-style: unset; margin-block: unset; margin: unset; margin-inline: unset; marker: unset; mask-type: unset; math-shift: unset; math-style: unset; max-block-size: unset; max-height: unset; max-inline-size: unset; max-width: unset; min-block-size: unset; min-height: unset; min-inline-size: unset; min-width: unset; mix-blend-mode: unset; object-fit: unset; object-position: unset; object-view-box: unset; offset: unset; opacity: unset; order: unset; orphans: unset; outline: unset; outline-offset: unset; overflow-anchor: unset; overflow-block: unset; overflow-clip-margin: unset; overflow-inline: unset; overflow-wrap: unset; overflow: unset; overlay: unset; overscroll-behavior-block: unset; overscroll-behavior-inline: unset; overscroll-behavior: unset; padding-block: unset; padding: unset; padding-inline: unset; page: unset; page-orientation: unset; paint-order: unset; perspective: unset; perspective-origin: unset; pointer-events: unset; position-try: unset; position-visibility: unset; print-color-adjust: unset; quotes: unset; r: unset; resize: unset; rotate: unset; ruby-align: unset; ruby-position: unset; rx: unset; ry: unset; scale: unset; scroll-behavior: unset; scroll-initial-target: unset; scroll-margin-block: unset; scroll-margin: unset; scroll-margin-inline: unset; scroll-marker-group: unset; scroll-padding-block: unset; scroll-padding: unset; scroll-padding-inline: unset; scroll-snap-align: unset; scroll-snap-stop: unset; scroll-snap-type: unset; scroll-timeline: unset; scrollbar-color: unset; scrollbar-gutter: unset; scrollbar-width: unset; shape-image-threshold: unset; shape-margin: unset; shape-outside: unset; shape-rendering: unset; size: unset; speak: unset; stop-color: unset; stop-opacity: unset; stroke: unset; stroke-dasharray: unset; stroke-dashoffset: unset; stroke-linecap: unset; stroke-linejoin: unset; stroke-miterlimit: unset; stroke-opacity: unset; stroke-width: unset; tab-size: unset; table-layout: unset; text-align: unset; text-align-last: unset; text-anchor: unset; text-box: unset; text-combine-upright: unset; text-decoration: unset; text-decoration-skip-ink: unset; text-emphasis: unset; text-emphasis-position: unset; text-indent: unset; text-overflow: unset; text-shadow: unset; text-transform: unset; text-underline-offset: unset; text-underline-position: unset; text-wrap: unset; timeline-scope: unset; touch-action: unset; transform: unset; transform-box: unset; transform-origin: unset; transform-style: unset; transition: unset; translate: unset; user-select: unset; vector-effect: unset; vertical-align: unset; view-timeline: unset; view-transition-class: unset; view-transition-name: unset; visibility: unset; border-spacing: unset; -webkit-box-align: unset; -webkit-box-decoration-break: unset; -webkit-box-direction: unset; -webkit-box-flex: unset; -webkit-box-ordinal-group: unset; -webkit-box-orient: unset; -webkit-box-pack: unset; -webkit-box-reflect: unset; -webkit-line-break: unset; -webkit-line-clamp: unset; -webkit-mask-box-image: unset; -webkit-rtl-ordering: unset; -webkit-ruby-position: unset; -webkit-tap-highlight-color: unset; -webkit-text-combine: unset; -webkit-text-decorations-in-effect: unset; -webkit-text-fill-color: unset; -webkit-text-security: unset; -webkit-text-stroke: unset; -webkit-user-drag: unset; white-space-collapse: unset; widows: unset; width: unset; will-change: unset; word-break: unset; word-spacing: unset; x: unset; y: unset; z-index: unset; }

.product-grid.svelte-1x9irty.svelte-1x9irty { display: flex; flex-direction: column; gap: 12px; margin-left: 40px; margin-right: 2rem; margin-bottom: 10px; }

.chat-product-card.svelte-1x9irty.svelte-1x9irty { display: flex; border: 1px solid rgb(217, 217, 217); border-radius: 3px; overflow: hidden; }

.product-image-container.svelte-1x9irty.svelte-1x9irty { width: 120px; display: flex; align-items: stretch; cursor: pointer; }

.product-image-container.svelte-1x9irty img.svelte-1x9irty { width: 100%; height: 100%; object-fit: cover; }

.product-info.svelte-1x9irty.svelte-1x9irty { flex: 1 1 0%; display: flex; flex-direction: column; padding: 8px 12px 12px; gap: 8px; }

.product-name.svelte-1x9irty.svelte-1x9irty { font-size: 14px; line-height: 19px; color: rgb(51, 51, 51); margin: 8px 0px; text-decoration: none; font-family: area-variable, sans-serif; font-style: normal; cursor: pointer; font-variation-settings: "INKT" 0, "slnt" 0, "wdth" 100, "wght" 100; font-weight: 400; letter-spacing: 0px; }

.option-available-label.svelte-1x9irty.svelte-1x9irty { font-family: area-variable, sans-serif; font-style: normal; font-variation-settings: "INKT" 0, "slnt" 0, "wdth" 100, "wght" 100; font-weight: 400; font-size: 12px; line-height: 17px; letter-spacing: 0px; color: rgb(85, 85, 85); }

.starting-price-label.svelte-1x9irty.svelte-1x9irty { font-family: area-variable, sans-serif; font-style: normal; font-variation-settings: "INKT" 0, "slnt" 0, "wdth" 100, "wght" 100; font-weight: 400; font-size: 12px; line-height: 17px; letter-spacing: 0px; }

.product-price.svelte-1x9irty.svelte-1x9irty { font-family: area-variable, sans-serif; font-style: normal; font-variation-settings: "INKT" 0, "slnt" 0, "wdth" 100, "wght" 100; font-weight: 700; font-size: 18px; line-height: 23px; letter-spacing: 0px; }

.recommended.svelte-1x9irty.svelte-1x9irty { display: flex; gap: 6px; }

.recommended-icon.svelte-1x9irty.svelte-1x9irty { width: 16px; height: 16px; }

.recommended-label.svelte-1x9irty.svelte-1x9irty { font-family: area-variable, sans-serif; font-style: normal; font-variation-settings: "INKT" 0, "slnt" 0, "wdth" 100, "wght" 100; font-weight: 400; font-size: 12px; line-height: 17px; }

.retail-price.svelte-1x9irty.svelte-1x9irty { font-family: area-variable, sans-serif; font-style: normal; font-variation-settings: "INKT" 0, "slnt" 0, "wdth" 100, "wght" 100; font-weight: 400; font-size: 18px; line-height: 23px; text-decoration: line-through; }

.sale-price.svelte-1x9irty.svelte-1x9irty { font-family: area-variable, sans-serif; font-style: normal; font-variation-settings: "INKT" 0, "slnt" 0, "wdth" 100, "wght" 100; font-weight: 700; font-size: 18px; line-height: 23px; color: rgb(161, 0, 26); }

.charge-message.svelte-1x9irty.svelte-1x9irty { font-size: 12px; font-family: area-variable, sans-serif; font-style: normal; font-variation-settings: "INKT" 0, "slnt" 0, "wdth" 100, "wght" 100; }

button.svelte-1uo7mrv.svelte-1uo7mrv { color-scheme: unset; forced-color-adjust: unset; mask: unset; math-depth: unset; position: unset; position-anchor: unset; text-size-adjust: unset; appearance: unset; color: unset; font: unset; font-palette: unset; font-synthesis: unset; position-area: unset; text-orientation: unset; text-rendering: unset; text-spacing-trim: unset; -webkit-font-smoothing: unset; -webkit-locale: unset; -webkit-text-orientation: unset; -webkit-writing-mode: unset; writing-mode: unset; zoom: unset; accent-color: unset; place-content: unset; place-items: unset; place-self: unset; alignment-baseline: unset; anchor-name: unset; anchor-scope: unset; animation-composition: unset; animation: unset; app-region: unset; aspect-ratio: unset; backdrop-filter: unset; backface-visibility: unset; background: unset; background-blend-mode: unset; baseline-shift: unset; baseline-source: unset; block-size: unset; border-block: unset; border: unset; border-radius: unset; border-collapse: unset; border-end-end-radius: unset; border-end-start-radius: unset; border-inline: unset; border-start-end-radius: unset; border-start-start-radius: unset; inset: unset; box-decoration-break: unset; box-shadow: unset; box-sizing: unset; break-after: unset; break-before: unset; break-inside: unset; buffered-rendering: unset; caption-side: unset; caret-color: unset; clear: unset; clip: unset; clip-path: unset; clip-rule: unset; color-interpolation: unset; color-interpolation-filters: unset; color-rendering: unset; columns: unset; column-fill: unset; gap: unset; column-rule: unset; column-span: unset; contain: unset; contain-intrinsic-block-size: unset; contain-intrinsic-size: unset; contain-intrinsic-inline-size: unset; container: unset; content: unset; content-visibility: unset; counter-increment: unset; counter-reset: unset; counter-set: unset; cursor: pointer; cx: unset; cy: unset; d: unset; display: unset; dominant-baseline: unset; dynamic-range-limit: unset; empty-cells: unset; field-sizing: unset; fill: unset; fill-opacity: unset; fill-rule: unset; filter: unset; flex: unset; flex-flow: unset; float: unset; flood-color: unset; flood-opacity: unset; grid: unset; grid-area: unset; height: unset; hyphenate-character: unset; hyphenate-limit-chars: unset; hyphens: unset; image-orientation: unset; image-rendering: unset; initial-letter: unset; inline-size: unset; inset-block: unset; inset-inline: unset; interpolate-size: unset; isolation: unset; letter-spacing: unset; lighting-color: unset; line-break: unset; list-style: unset; margin-block: unset; margin: unset; margin-inline: unset; marker: unset; mask-type: unset; math-shift: unset; math-style: unset; max-block-size: unset; max-height: unset; max-inline-size: unset; max-width: unset; min-block-size: unset; min-height: unset; min-inline-size: unset; min-width: unset; mix-blend-mode: unset; object-fit: unset; object-position: unset; object-view-box: unset; offset: unset; opacity: unset; order: unset; orphans: unset; outline: unset; outline-offset: unset; overflow-anchor: unset; overflow-block: unset; overflow-clip-margin: unset; overflow-inline: unset; overflow-wrap: unset; overflow: unset; overlay: unset; overscroll-behavior-block: unset; overscroll-behavior-inline: unset; overscroll-behavior: unset; padding-block: unset; padding: unset; padding-inline: unset; page: unset; page-orientation: unset; paint-order: unset; perspective: unset; perspective-origin: unset; pointer-events: unset; position-try: unset; position-visibility: unset; print-color-adjust: unset; quotes: unset; r: unset; resize: unset; rotate: unset; ruby-align: unset; ruby-position: unset; rx: unset; ry: unset; scale: unset; scroll-behavior: unset; scroll-initial-target: unset; scroll-margin-block: unset; scroll-margin: unset; scroll-margin-inline: unset; scroll-marker-group: unset; scroll-padding-block: unset; scroll-padding: unset; scroll-padding-inline: unset; scroll-snap-align: unset; scroll-snap-stop: unset; scroll-snap-type: unset; scroll-timeline: unset; scrollbar-color: unset; scrollbar-gutter: unset; scrollbar-width: unset; shape-image-threshold: unset; shape-margin: unset; shape-outside: unset; shape-rendering: unset; size: unset; speak: unset; stop-color: unset; stop-opacity: unset; stroke: unset; stroke-dasharray: unset; stroke-dashoffset: unset; stroke-linecap: unset; stroke-linejoin: unset; stroke-miterlimit: unset; stroke-opacity: unset; stroke-width: unset; tab-size: unset; table-layout: unset; text-align: unset; text-align-last: unset; text-anchor: unset; text-box: unset; text-combine-upright: unset; text-decoration: unset; text-decoration-skip-ink: unset; text-emphasis: unset; text-emphasis-position: unset; text-indent: unset; text-overflow: unset; text-shadow: unset; text-transform: unset; text-underline-offset: unset; text-underline-position: unset; text-wrap: unset; timeline-scope: unset; touch-action: unset; transform: unset; transform-box: unset; transform-origin: unset; transform-style: unset; transition: unset; translate: unset; user-select: unset; vector-effect: unset; vertical-align: unset; view-timeline: unset; view-transition-class: unset; view-transition-name: unset; visibility: unset; border-spacing: unset; -webkit-box-align: unset; -webkit-box-decoration-break: unset; -webkit-box-direction: unset; -webkit-box-flex: unset; -webkit-box-ordinal-group: unset; -webkit-box-orient: unset; -webkit-box-pack: unset; -webkit-box-reflect: unset; -webkit-line-break: unset; -webkit-line-clamp: unset; -webkit-mask-box-image: unset; -webkit-rtl-ordering: unset; -webkit-ruby-position: unset; -webkit-tap-highlight-color: unset; -webkit-text-combine: unset; -webkit-text-decorations-in-effect: unset; -webkit-text-fill-color: unset; -webkit-text-security: unset; -webkit-text-stroke: unset; -webkit-user-drag: unset; white-space-collapse: unset; widows: unset; width: unset; will-change: unset; word-break: unset; word-spacing: unset; x: unset; y: unset; z-index: unset; }

.chat-product-card.svelte-1uo7mrv.svelte-1uo7mrv { display: flex; flex-direction: column; border: 1px solid rgb(217, 217, 217); border-radius: 3px; overflow: hidden; }

.product-image-container.svelte-1uo7mrv.svelte-1uo7mrv { display: flex; align-items: stretch; height: 176px; cursor: pointer; }

.product-image-container.svelte-1uo7mrv img.svelte-1uo7mrv { width: 100%; height: 100%; object-fit: cover; }

.product-info.svelte-1uo7mrv.svelte-1uo7mrv { flex: 1 1 0%; display: flex; flex-direction: column; padding: 8px 12px 12px; gap: 8px; }

.product-name.svelte-1uo7mrv.svelte-1uo7mrv { font-size: 14px; line-height: 19px; color: rgb(51, 51, 51); margin: 8px 0px; text-decoration: none; font-family: area-variable, sans-serif; font-style: normal; font-variation-settings: "INKT" 0, "slnt" 0, "wdth" 100, "wght" 100; font-weight: 400; letter-spacing: 0px; cursor: pointer; }

.option-available-label.svelte-1uo7mrv.svelte-1uo7mrv { font-family: area-variable, sans-serif; font-style: normal; font-variation-settings: "INKT" 0, "slnt" 0, "wdth" 100, "wght" 100; font-weight: 400; font-size: 12px; line-height: 17px; letter-spacing: 0px; color: rgb(85, 85, 85); }

.starting-price-label.svelte-1uo7mrv.svelte-1uo7mrv { font-family: area-variable, sans-serif; font-style: normal; font-variation-settings: "INKT" 0, "slnt" 0, "wdth" 100, "wght" 100; font-weight: 400; font-size: 12px; line-height: 17px; }

.product-price.svelte-1uo7mrv.svelte-1uo7mrv { font-family: area-variable, sans-serif; font-style: normal; font-variation-settings: "INKT" 0, "slnt" 0, "wdth" 100, "wght" 100; font-weight: 700; font-size: 18px; line-height: 23px; }

.recommended.svelte-1uo7mrv.svelte-1uo7mrv { display: flex; gap: 6px; }

.recommended-icon.svelte-1uo7mrv.svelte-1uo7mrv { width: 16px; height: 16px; }

.recommended-label.svelte-1uo7mrv.svelte-1uo7mrv { font-family: area-variable, sans-serif; font-style: normal; font-variation-settings: "INKT" 0, "slnt" 0, "wdth" 100, "wght" 100; font-weight: 400; font-size: 12px; line-height: 17px; }

.retail-price.svelte-1uo7mrv.svelte-1uo7mrv { font-family: area-variable, sans-serif; font-style: normal; font-variation-settings: "INKT" 0, "slnt" 0, "wdth" 100, "wght" 100; font-weight: 400; font-size: 18px; line-height: 23px; text-decoration: line-through; }

.sale-price.svelte-1uo7mrv.svelte-1uo7mrv { font-family: area-variable, sans-serif; font-style: normal; font-variation-settings: "INKT" 0, "slnt" 0, "wdth" 100, "wght" 100; font-weight: 700; font-size: 18px; line-height: 23px; color: rgb(161, 0, 26); }

.charge-message.svelte-1uo7mrv.svelte-1uo7mrv { font-size: 12px; font-family: area-variable, sans-serif; font-style: normal; font-variation-settings: "INKT" 0, "slnt" 0, "wdth" 100, "wght" 100; }

.privacy-message-container.svelte-1vkgysw { padding-top: 10px; padding-left: 32px; padding-right: 32px; }

.privacy-message.svelte-1vkgysw { font-family: area-variable, sans-serif; font-style: normal; font-variation-settings: "INKT" 0, "slnt" 0, "wdth" 100, "wght" 100; font-size: 10px; line-height: 18px; font-weight: 400; color: rgb(85, 85, 85); text-align: center; padding: 10px; }

.privacy-message-time.svelte-1vkgysw { font-family: lato, sans-serif; font-style: normal; font-weight: 400; font-size: 12px; text-align: center; color: rgb(109, 109, 109); }

.typing.svelte-wcpuex { display: flex; align-items: center; justify-content: center; }

.typing-container.svelte-wcpuex { display: flex; align-items: center; gap: 8px; }

.bot-icon.svelte-wcpuex { width: 21px; height: 24px; margin-left: 10px; }

.reaction-container.svelte-1xagc8y.svelte-1xagc8y { display: flex; align-items: center; margin-left: 2rem; margin-top: -16px; margin-bottom: 10px; }

.reaction.svelte-1xagc8y.svelte-1xagc8y { cursor: pointer; border: none; background-color: transparent; margin-left: 10px; padding: 5px; border-radius: 25%; opacity: 0.6; transition: opacity 0.5s, background-color 0.2s; position: relative; }

.reaction.svelte-1xagc8y.svelte-1xagc8y:hover, .reaction.selected.svelte-1xagc8y.svelte-1xagc8y { fill: rgb(0, 0, 0); opacity: 1; stroke: rgb(0, 0, 0); stroke-width: 1; }

.reaction.selected.svelte-1xagc8y:hover .tooltip.svelte-1xagc8y { visibility: visible; opacity: 1; }

.tooltip.svelte-1xagc8y.svelte-1xagc8y { position: absolute; top: -150%; left: 50%; transform: translate(-50%); background-color: rgb(51, 51, 51); color: rgb(255, 255, 255); padding: 5px 10px; border-radius: 3px; visibility: hidden; opacity: 0; transition: opacity 0.2s ease-in-out; pointer-events: none; }

.reaction.svelte-1xagc8y:hover .tooltip.svelte-1xagc8y { visibility: visible; opacity: 1; }

.survey-button.svelte-1t0hpln { display: flex; align-items: center; justify-content: space-between; padding: 10px 12px; border-radius: 5px; box-shadow: rgba(0, 0, 0, 0.1) 0px 2px 6px; background-color: rgb(245, 245, 245); text-decoration: none; width: 75%; margin: 10px auto; }

.survey-content.svelte-1t0hpln { display: flex; flex-direction: column; }

.survey-text.svelte-1t0hpln { font-family: area-variable, sans-serif; font-style: normal; font-variation-settings: "INKT" 0, "slnt" 0, "wdth" 100, "wght" 100; font-size: 14px; font-weight: 700; color: rgb(51, 51, 51); }

.survey-subtext.svelte-1t0hpln { font-family: area-variable, sans-serif; font-style: normal; font-variation-settings: "INKT" 0, "slnt" 0, "wdth" 100, "wght" 100; font-size: 12px; color: rgb(119, 119, 119); }

.survey-icon.svelte-1t0hpln { width: 100px; height: 40px; }

.order-card.svelte-67axir { display: flex; align-items: flex-start; border-radius: 10px; overflow: hidden; border: 1px solid rgb(224, 224, 224); background: rgb(255, 255, 255); margin: 7px 0px; max-width: 240px; padding: 6px 8px; }

.product-image.svelte-67axir { width: 80px; height: 80px; object-fit: cover; flex-shrink: 0; border-radius: 6px; }

.order-info.svelte-67axir { opacity: 1; gap: 4px; padding-left: 8px; margin-top: 4px; display: flex; flex-direction: column; justify-content: center; }

.order-title.svelte-67axir { font-family: area-variable, sans-serif; font-size: 13px; font-weight: 700; margin: 0px 0px 2px; color: rgb(51, 51, 51); line-height: 20px; }

.order-subtitle.svelte-67axir { font-family: area-variable, sans-serif; font-size: 12px; font-weight: 400; font-style: normal; color: rgb(102, 102, 102); margin: 0px; line-height: 17px; }

.experience-rating-container.svelte-10b1bfs { align-items: center; justify-content: space-between; padding-top: 1px; border-radius: 5px; box-shadow: rgba(0, 0, 0, 0.1) 0px 2px 6px; background-color: rgb(245, 245, 245); width: 80%; margin: 10px auto; text-align: center; }

.rating-prompt.svelte-10b1bfs { font-family: area-variable, sans-serif; font-style: normal; font-variation-settings: "INKT" 0, "slnt" 0, "wdth" 100, "wght" 100; font-size: 13.5px; font-weight: 700; color: rgb(51, 51, 51); }

.rating-secondary.svelte-10b1bfs { align-items: center; padding: 7px; background-color: rgb(245, 245, 245); border-radius: 5px; }

.rating-prompt-secondary.svelte-10b1bfs { font-family: area-variable, sans-serif; font-style: normal; font-variation-settings: "INKT" 0, "slnt" 0, "wdth" 100, "wght" 100; font-size: 13px; font-weight: 700; color: rgb(51, 51, 51); flex: 1 1 0%; margin-left: 10px; text-align: center; }

.rating-scale.svelte-10b1bfs { display: flex; justify-content: center; }

.rating-star-wrapper.svelte-10b1bfs { position: relative; }

.rating-star.svelte-10b1bfs { background: transparent; border: none; cursor: pointer; opacity: 0.6; transition: opacity 0.6s; font-size: 24px; color: rgb(58, 58, 58); font-weight: 700; width: 40px; height: 40px; }

.rating-star.svelte-10b1bfs:hover, .rating-star.svelte-10b1bfs:focus, .rating-star.active.svelte-10b1bfs { opacity: 1; outline: none; }

.tooltip-experience.svelte-10b1bfs { position: absolute; top: -40%; left: 50%; transform: translate(-50%); background-color: rgb(51, 51, 51); color: rgb(255, 255, 255); padding: 4px 8px; border-radius: 4px; white-space: nowrap; opacity: 1; transition: opacity 0.2s; z-index: 5; font-family: area-variable, sans-serif; font-style: normal; font-variation-settings: "INKT" 0, "slnt" 0, "wdth" 100, "wght" 100; font-size: 13.5px; font-weight: 700; }

.survey-button.svelte-10b1bfs { display: block; margin: 24px auto 0px; padding: 10px 15px; background-color: rgb(32, 22, 72); color: rgb(255, 255, 255); font-size: 16px; font-weight: 400; text-align: center; text-decoration: none; border-radius: 5px; width: fit-content; font-family: area-variable, sans-serif; font-style: normal; font-variation-settings: "INKT" 0, "slnt" 0, "wdth" 100, "wght" 100; }

button.svelte-hss5pe { color-scheme: unset; forced-color-adjust: unset; mask: unset; math-depth: unset; position: unset; position-anchor: unset; text-size-adjust: unset; appearance: unset; color: unset; font: unset; font-palette: unset; font-synthesis: unset; position-area: unset; text-orientation: unset; text-rendering: unset; text-spacing-trim: unset; -webkit-font-smoothing: unset; -webkit-locale: unset; -webkit-text-orientation: unset; -webkit-writing-mode: unset; writing-mode: unset; zoom: unset; accent-color: unset; place-content: unset; place-items: unset; place-self: unset; alignment-baseline: unset; anchor-name: unset; anchor-scope: unset; animation-composition: unset; animation: unset; app-region: unset; aspect-ratio: unset; backdrop-filter: unset; backface-visibility: unset; background: unset; background-blend-mode: unset; baseline-shift: unset; baseline-source: unset; block-size: unset; border-block: unset; border: unset; border-radius: unset; border-collapse: unset; border-end-end-radius: unset; border-end-start-radius: unset; border-inline: unset; border-start-end-radius: unset; border-start-start-radius: unset; inset: unset; box-decoration-break: unset; box-shadow: unset; box-sizing: unset; break-after: unset; break-before: unset; break-inside: unset; buffered-rendering: unset; caption-side: unset; caret-color: unset; clear: unset; clip: unset; clip-path: unset; clip-rule: unset; color-interpolation: unset; color-interpolation-filters: unset; color-rendering: unset; columns: unset; column-fill: unset; gap: unset; column-rule: unset; column-span: unset; contain: unset; contain-intrinsic-block-size: unset; contain-intrinsic-size: unset; contain-intrinsic-inline-size: unset; container: unset; content: unset; content-visibility: unset; counter-increment: unset; counter-reset: unset; counter-set: unset; cursor: pointer; cx: unset; cy: unset; d: unset; display: unset; dominant-baseline: unset; dynamic-range-limit: unset; empty-cells: unset; field-sizing: unset; fill: unset; fill-opacity: unset; fill-rule: unset; filter: unset; flex: unset; flex-flow: unset; float: unset; flood-color: unset; flood-opacity: unset; grid: unset; grid-area: unset; height: unset; hyphenate-character: unset; hyphenate-limit-chars: unset; hyphens: unset; image-orientation: unset; image-rendering: unset; initial-letter: unset; inline-size: unset; inset-block: unset; inset-inline: unset; interpolate-size: unset; isolation: unset; letter-spacing: unset; lighting-color: unset; line-break: unset; list-style: unset; margin-block: unset; margin: unset; margin-inline: unset; marker: unset; mask-type: unset; math-shift: unset; math-style: unset; max-block-size: unset; max-height: unset; max-inline-size: unset; max-width: unset; min-block-size: unset; min-height: unset; min-inline-size: unset; min-width: unset; mix-blend-mode: unset; object-fit: unset; object-position: unset; object-view-box: unset; offset: unset; opacity: unset; order: unset; orphans: unset; outline: unset; outline-offset: unset; overflow-anchor: unset; overflow-block: unset; overflow-clip-margin: unset; overflow-inline: unset; overflow-wrap: unset; overflow: unset; overlay: unset; overscroll-behavior-block: unset; overscroll-behavior-inline: unset; overscroll-behavior: unset; padding-block: unset; padding: unset; padding-inline: unset; page: unset; page-orientation: unset; paint-order: unset; perspective: unset; perspective-origin: unset; pointer-events: unset; position-try: unset; position-visibility: unset; print-color-adjust: unset; quotes: unset; r: unset; resize: unset; rotate: unset; ruby-align: unset; ruby-position: unset; rx: unset; ry: unset; scale: unset; scroll-behavior: unset; scroll-initial-target: unset; scroll-margin-block: unset; scroll-margin: unset; scroll-margin-inline: unset; scroll-marker-group: unset; scroll-padding-block: unset; scroll-padding: unset; scroll-padding-inline: unset; scroll-snap-align: unset; scroll-snap-stop: unset; scroll-snap-type: unset; scroll-timeline: unset; scrollbar-color: unset; scrollbar-gutter: unset; scrollbar-width: unset; shape-image-threshold: unset; shape-margin: unset; shape-outside: unset; shape-rendering: unset; size: unset; speak: unset; stop-color: unset; stop-opacity: unset; stroke: unset; stroke-dasharray: unset; stroke-dashoffset: unset; stroke-linecap: unset; stroke-linejoin: unset; stroke-miterlimit: unset; stroke-opacity: unset; stroke-width: unset; tab-size: unset; table-layout: unset; text-align: unset; text-align-last: unset; text-anchor: unset; text-box: unset; text-combine-upright: unset; text-decoration: unset; text-decoration-skip-ink: unset; text-emphasis: unset; text-emphasis-position: unset; text-indent: unset; text-overflow: unset; text-shadow: unset; text-transform: unset; text-underline-offset: unset; text-underline-position: unset; text-wrap: unset; timeline-scope: unset; touch-action: unset; transform: unset; transform-box: unset; transform-origin: unset; transform-style: unset; transition: unset; translate: unset; user-select: unset; vector-effect: unset; vertical-align: unset; view-timeline: unset; view-transition-class: unset; view-transition-name: unset; visibility: unset; border-spacing: unset; -webkit-box-align: unset; -webkit-box-decoration-break: unset; -webkit-box-direction: unset; -webkit-box-flex: unset; -webkit-box-ordinal-group: unset; -webkit-box-orient: unset; -webkit-box-pack: unset; -webkit-box-reflect: unset; -webkit-line-break: unset; -webkit-line-clamp: unset; -webkit-mask-box-image: unset; -webkit-rtl-ordering: unset; -webkit-ruby-position: unset; -webkit-tap-highlight-color: unset; -webkit-text-combine: unset; -webkit-text-decorations-in-effect: unset; -webkit-text-fill-color: unset; -webkit-text-security: unset; -webkit-text-stroke: unset; -webkit-user-drag: unset; white-space-collapse: unset; widows: unset; width: unset; will-change: unset; word-break: unset; word-spacing: unset; x: unset; y: unset; z-index: unset; }

.message.svelte-hss5pe { overflow-wrap: break-word; font-family: area-variable, sans-serif; font-style: normal; font-variation-settings: "INKT" 0, "slnt" 0, "wdth" 100, "wght" 100; font-weight: 400; font-size: 14px; line-height: 21px; letter-spacing: 0px; vertical-align: middle; }

.message.customer.svelte-hss5pe { background: rgb(65, 105, 243); color: rgb(255, 255, 255); align-self: flex-end; max-width: 80%; margin-left: auto; padding: 8px 12px; border-top-left-radius: 14px; border-top-right-radius: 14px; border-bottom-left-radius: 14px; }

.message.bot.svelte-hss5pe { flex-grow: 1; color: rgb(0, 0, 0); align-self: flex-start; white-space: pre-wrap; }

.suggestions.svelte-hss5pe { display: flex; flex-flow: column wrap; gap: 8px; justify-content: flex-start; margin-top: 8px; margin-bottom: 8px; align-items: flex-start; }

.suggestions-product.svelte-hss5pe { display: flex; flex-wrap: wrap; gap: 8px; justify-content: flex-start; margin-top: 8px; margin-bottom: 8px; margin-left: 35px; }

.suggestion-button.svelte-hss5pe { background-color: rgb(245, 245, 245); color: rgb(0, 0, 0); border: none; cursor: pointer; max-width: 80%; padding: 12px 20px; border-radius: 30px; font-family: area-variable, sans-serif; font-style: normal; font-variation-settings: "INKT" 0, "slnt" 0, "wdth" 100, "wght" 100; font-weight: 400; font-size: 14px; line-height: 21px; letter-spacing: 0px; }

.status-card.svelte-hss5pe { cursor: pointer; margin: 0px 10px; }

.status-card.clicked.svelte-hss5pe { cursor: default; }

.message-container.svelte-hss5pe { display: flex; align-items: flex-start; margin-bottom: 10px; margin-right: 0.5rem; gap: 8px; }

.message-container.bot.svelte-hss5pe { display: flex; align-items: flex-start; gap: 8px; }

.message-content.svelte-hss5pe { display: flex; flex-direction: column; max-width: 85%; }

.chat-messages.svelte-hss5pe { flex: 1 1 0%; overflow: hidden scroll; scrollbar-width: none; }

.chat-messages.svelte-hss5pe::-webkit-scrollbar { display: none; }

.bot-icon.svelte-hss5pe { width: 21px; height: 24px; margin-left: 10px; }

.product-grid2.svelte-hss5pe { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 16px; width: 85%; max-width: 600px; margin: auto; padding: 16px; }

.customer-order-selection-card.svelte-hss5pe { align-self: flex-end; max-width: 70%; margin-left: auto; display: flex; align-items: center; gap: 1rem; border: 1px solid rgb(217, 217, 217); border-radius: 10px; padding: 1rem; font-family: "Area Variable", Lato, LatoMedium, sans-serif; }

.customer-order-selection-text.svelte-hss5pe { display: flex; flex-direction: column; }

.customer-order-selection-subtitle.svelte-hss5pe { font-size: 14px; color: rgb(68, 68, 68); }

.chat-input-container.svelte-12w9mjq { display: flex; align-items: center; background: rgb(250, 250, 250); width: 94%; margin-left: 3%; border: 2px solid rgb(233, 233, 233); flex-shrink: 0; }

.chat-input.svelte-12w9mjq { flex: 1 1 0%; padding: 12px; border: none; outline: none; background: transparent; font-size: 16px; color: rgb(51, 51, 51); font-family: area-variable, sans-serif; font-style: normal; font-variation-settings: "INKT" 0, "slnt" 0, "wdth" 100, "wght" 100; resize: none; }

.chat-input.svelte-12w9mjq::placeholder { color: rgb(153, 153, 153); }

.send-button.svelte-12w9mjq { transform: rotate(45deg); transform-origin: center center; background: transparent; border: none; border-radius: 50%; width: 36px; height: 36px; display: flex; align-items: center; justify-content: center; margin-left: 8px; }

.send-button.svelte-12w9mjq:hover { color: rgb(25, 158, 235); }

.icon.svelte-12w9mjq { width: 22px; height: 22px; fill: rgb(157, 157, 157); transform: rotate(-45deg); top: 1px; bottom: 1px; }

.icon.svelte-12w9mjq:hover { fill: rgb(0, 0, 255); }

.end-conversation-button.svelte-12w9mjq { font-family: area-variable, sans-serif; font-style: normal; font-variation-settings: "INKT" 0, "slnt" 0, "wdth" 100, "wght" 100; width: 90%; margin-left: 5%; height: 48px; border: none; background-color: rgb(32, 22, 72); color: rgb(255, 255, 255); font-size: 16px; font-weight: 700; border-radius: 5px; cursor: pointer; }

.chat-widget-footer.svelte-1va95pq { font-weight: 700; justify-content: space-between; align-items: center; flex-shrink: 0; padding: 10px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; cursor: move; font-size: 12px; line-height: 18px; }

.disclaimer.svelte-1va95pq { font-family: area-variable, sans-serif; font-style: normal; font-variation-settings: "INKT" 0, "slnt" 0, "wdth" 100, "wght" 100; font-size: 11px; color: rgb(179, 179, 179); text-align: center; }

.modal-overlay.svelte-11e4lr2.svelte-11e4lr2 { z-index: 1000; position: fixed; inset: 0px; background-color: rgba(0, 0, 0, 0.5); display: flex; justify-content: center; align-items: center; width: 98vw; height: 90vh; border-radius: 10px; }

.mobile-modal-overlay.svelte-11e4lr2.svelte-11e4lr2 { width: 100vw; height: 100vh; }

.modal-content.svelte-11e4lr2.svelte-11e4lr2 { display: flex; flex-direction: column; gap: 4px; background-color: rgb(255, 255, 255); border-radius: 8px; padding: 24px; width: 350px; margin: 30px; }

.modal-header-container.svelte-11e4lr2.svelte-11e4lr2 { display: flex; justify-content: space-between; align-items: center; height: 28px; }

.modal-header.svelte-11e4lr2.svelte-11e4lr2 { font-family: area-variable, sans-serif; font-weight: 700; font-size: 16px; line-height: 21px; letter-spacing: 0.01px; vertical-align: middle; color: rgb(0, 0, 0); }

.modal-message.svelte-11e4lr2.svelte-11e4lr2 { font-family: area-variable, sans-serif; font-weight: 400; font-size: 14px; line-height: 19px; letter-spacing: 0.01px; vertical-align: middle; color: rgb(123, 123, 123); width: 90%; }

.modal-input.svelte-11e4lr2.svelte-11e4lr2 { padding-top: 16px; }

.modal-input.svelte-11e4lr2 input.svelte-11e4lr2 { width: 100%; height: 56px; padding-left: 7px; background: rgb(250, 250, 250); border: 1px solid rgb(196, 196, 196); box-sizing: border-box; }

.modal-input.svelte-11e4lr2 input.svelte-11e4lr2:focus-visible { outline-color: rgb(32, 22, 72); }

.modal-close.svelte-11e4lr2.svelte-11e4lr2 { width: 28px; height: 28px; background: rgb(233, 233, 233); border-radius: 30px; display: flex; justify-content: center; align-items: center; border: none; cursor: pointer; }

.button-container.svelte-11e4lr2.svelte-11e4lr2 { display: flex; gap: 16px; margin-top: 20px; }

.button-container.svelte-11e4lr2 button.svelte-11e4lr2 { width: 160px; height: 41px; padding: 11px 24px; border-radius: 5px; display: flex; align-items: center; justify-content: center; gap: 10px; cursor: pointer; border: 1px solid black; }

.confirm.svelte-11e4lr2.svelte-11e4lr2 { background-color: rgb(32, 22, 72); color: rgb(255, 255, 255); }

.confirm.svelte-11e4lr2.svelte-11e4lr2:disabled { background-color: rgb(123, 123, 123); color: rgb(0, 0, 0); }

.cancel.svelte-11e4lr2.svelte-11e4lr2 { background-color: rgb(255, 255, 255); color: rgb(32, 22, 72); }

.loader.svelte-htqesw { height: 400px; justify-content: center; align-items: center; display: flex; margin-top: 50px; margin-bottom: 50px; }

.chat-window.svelte-htqesw { display: flex; flex-direction: column; background-color: rgb(255, 255, 255); width: 98vw; height: 90vh; overflow: hidden; box-shadow: rgba(0, 0, 0, 0.1) 0px 2px 2px; border-radius: 10px; }

.mobile-chat-window.svelte-htqesw { width: 100vw; height: 100vh; }

@keyframes svelte-i6f73b-bounce { 
  0%, 20%, 50%, 80%, 100% { transform: translateY(0px); }
  40% { transform: translateY(-30px); }
  60% { transform: translateY(-15px); }
}

.preview-container.svelte-i6f73b { position: fixed; bottom: 10px; right: 125px; z-index: 1000; pointer-events: auto; }

.preview-container-content.svelte-i6f73b { position: relative; }

.previewContainer.svelte-i6f73b { background-color: rgb(255, 255, 255); border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom-left-radius: 10px; padding: 4px; margin-left: 6px; margin-top: 6px; box-shadow: rgba(0, 0, 0, 0.2) 0px 4px 8px; overflow: visible; z-index: 100; }

.previewContainer.svelte-i6f73b:hover { border-radius: 5px; cursor: pointer; }

.preview-message.svelte-i6f73b { color: rgb(0, 0, 0); border: none; font-family: area-variable, sans-serif; font-style: normal; font-variation-settings: "INKT" 0, "slnt" 0, "wdth" 100, "wght" 100; cursor: pointer; background: none; text-align: left; font-weight: 400; font-size: 14px; line-height: 20px; }

.close-button.svelte-i6f73b { position: absolute; top: -6px; left: 0px; width: 16px; height: 16px; background-color: rgb(255, 255, 255); color: rgb(0, 0, 0); padding: 2px; font-size: 10px; border: 0.1px solid black; border-radius: 50%; cursor: pointer; z-index: 1000; }

.button-wrapper.svelte-hlsfci { width: 103px; height: 48px; margin: 8px; display: inline-flex; overflow: hidden; justify-content: center; align-items: center; border-radius: 999px; background: rgb(250, 250, 250); box-shadow: rgba(0, 0, 0, 0.25) 0px 0px 6px; }

.button-wrapper-hidden-mobile.svelte-hlsfci { display: none; pointer-events: none; }

.chat-button.svelte-hlsfci { cursor: pointer; overflow: hidden; display: flex; align-items: center; justify-content: center; gap: 6px; border: none; background: rgb(250, 250, 250); }

.icon-image.svelte-hlsfci { width: 29px; height: 32px; aspect-ratio: 29 / 32; }

.button-text.svelte-hlsfci { color: rgb(85, 85, 85); font-family: "Area Variable"; font-size: 16px; font-style: normal; font-weight: 700; line-height: 118.75%; letter-spacing: 0.16px; }

@keyframes svelte-hlsfci-vibrate { 
  0% { transform: translate(0px); }
  25% { transform: translate(-2px); }
  50% { transform: translate(2px); }
  75% { transform: translate(-2px); }
  100% { transform: translate(0px); }
}

.vibrating.svelte-hlsfci { animation: 0.5s ease-in-out 0s 1 normal none running svelte-hlsfci-vibrate; }

.chat-container.svelte-1s6ni8z { position: fixed; bottom: 0px; right: 0px; z-index: 1000; pointer-events: none; }

.button-wrapper.svelte-1s6ni8z { pointer-events: auto; position: absolute; bottom: 0px; right: 0px; }

.widget-wrapper.svelte-1s6ni8z { pointer-events: auto; position: fixed; top: 0px; left: 0px; width: 100vw; height: 100vh; }