.yalo-chat{display:block;width:100%}.yalo-chat-mobile-button{display:none}.yalo-chat-container{position:static;gap:.8rem;width:100%;max-width:100%;max-height:none;margin:0;padding:0;border:0;background:transparent;color:inherit}.yalo-chat-container[open]{display:flex;flex-direction:column}html[scroll-lock]{overflow:hidden}@media screen and (max-width:749px){.yalo-chat-mobile-button{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;width:100%;max-width:100%;padding:1.2rem 2.2rem;border:none;border-radius:var(--buttons-radius, 0);background:rgb(var(--color-button));color:rgb(var(--color-button-text));font-family:inherit;font-size:1.4rem;font-weight:600;line-height:1;white-space:nowrap;cursor:pointer}.yalo-chat-mobile-button-icon{font-size:2rem;line-height:1}.yalo-chat-mobile-button-text{overflow:hidden;text-overflow:ellipsis}.yalo-chat-container[open]:not(:modal){display:none}.yalo-chat-container:modal{display:flex;flex-direction:column;position:fixed;inset:auto 0 0 0;width:100%;max-width:100%;max-height:85dvh;padding:0 0 calc(1.5rem + env(safe-area-inset-bottom,0px));border-start-start-radius:1.2rem;border-start-end-radius:1.2rem;background:rgb(var(--color-background));box-shadow:0 -4px 24px rgba(var(--color-shadow),.2);transform:translateY(0);transition:transform .3s cubic-bezier(.25,.46,.45,.94)}@starting-style{.yalo-chat-container:modal{transform:translateY(100%)}}.yalo-chat-container::backdrop{background:#00000080}@media(prefers-reduced-motion:reduce){.yalo-chat-container:modal{transition:none}}.yalo-chat-container:modal .yalo-chat-target{border:0;box-shadow:none;height:60vh;max-height:60vh;--yalo-chat-close-btn-display: flex}.yalo-chat-container:modal .yalo-chat-target>*{--yalo-chat-height: 100%}}.yalo-chat-disclaimer{display:flex;align-items:center;gap:.375rem;margin:0;padding:0 .5rem;color:rgba(var(--color-foreground),.6);font-family:var(--font-body-family);font-size:1.1rem;line-height:1.4;text-align:start}.yalo-chat-disclaimer__icon{flex-shrink:0;font-size:1.4rem;line-height:1;opacity:.8}@media screen and (max-width:749px){.yalo-chat-disclaimer{justify-content:flex-start}}.yalo-chat-target{display:flex;width:100%;max-width:100%;height:360px;max-height:360px;margin-inline:auto;border-radius:1.2rem;border:1px solid rgba(var(--color-foreground),.15);overflow:hidden;background:rgb(var(--color-background));--yalo-chat-background: rgb(var(--color-background));--yalo-chat-corner-radius: .8rem;--yalo-chat-font: var(--font-body-family);--yalo-chat-header-background: rgb(var(--color-button));--yalo-chat-header-color: rgb(var(--color-button-text));--yalo-chat-header-title-font-size: 1.5rem;--yalo-chat-header-icon-font-size: 2.4rem;--yalo-chat-header-icon-width: 5rem;--yalo-chat-header-icon-height: auto;--yalo-chat-close-btn-color: rgb(var(--color-button-text));--yalo-chat-close-btn-display: none;--yalo-chat-input-border: 1px solid rgba(var(--color-foreground), .55);--yalo-chat-input-border-radius: 2rem;--yalo-chat-input-font-size: 1.5rem;--yalo-chat-input-placeholder-color: rgba(var(--color-foreground), .6);--yalo-chat-input-scrollbar-color: rgba(var(--color-foreground), .3);--yalo-chat-input-scrollbar-track-color: transparent;--yalo-chat-message-list-scrollbar-color: rgba(var(--color-foreground), .3);--yalo-chat-message-list-scrollbar-track-color: transparent;--yalo-chat-send-btn-background: rgb(var(--color-button));--yalo-chat-send-btn-color: rgb(var(--color-button-text));--yalo-chat-attachment-button-color: rgba(var(--color-foreground), .6);--yalo-chat-user-message-background: rgba(var(--color-foreground), .05);--yalo-chat-user-message-error-color: #d72c0d;--yalo-chat-user-message-error-text-color: #d72c0d;--yalo-chat-spinner-color: rgb(var(--color-button));--yalo-chat-dot-color: rgb(var(--color-button));--yalo-chat-waveform-color: rgb(var(--color-button));--yalo-chat-play-button-color: rgba(var(--color-foreground), .6);--yalo-chat-waveform-close-button-color: rgba(var(--color-foreground), .6);--yalo-chat-waveform-timer-color: rgba(var(--color-foreground), .6);--yalo-chat-attachment-icon-color: rgba(var(--color-foreground), .6);--yalo-chat-link-button-color: rgb(var(--color-button));--yalo-chat-message-footer-color: rgba(var(--color-foreground), .6);--yalo-chat-footer-icon-font-size: 2rem;--yalo-chat-action-button-size: 4rem;--yalo-chat-buttons-border-color: rgba(var(--color-foreground), .2);--yalo-chat-buttons-background: transparent;--yalo-chat-buttons-color: rgb(var(--color-foreground));--yalo-chat-buttons-border-radius: .4rem;--yalo-chat-buttons-font-size: 1.5rem;--yalo-chat-quick-replies-border: 1px solid rgba(var(--color-foreground), .2);--yalo-chat-quick-replies-chip-border-color: rgba(var(--color-foreground), .2);--yalo-chat-quick-replies-chip-background: transparent;--yalo-chat-quick-replies-chip-color: rgb(var(--color-foreground));--yalo-chat-quick-replies-chip-border-radius: 999px;--yalo-chat-quick-replies-chip-font-size: 1.5rem;--yalo-chat-product-message-card-background: rgb(var(--color-background));--yalo-chat-product-message-card-border-color: rgba(var(--color-foreground), .2);--yalo-chat-product-message-card-radius: .8rem;--yalo-chat-product-message-expand-color: rgb(var(--color-button));--yalo-chat-product-title-color: rgb(var(--color-foreground));--yalo-chat-product-subunits-color: rgba(var(--color-foreground), .6);--yalo-chat-product-card-button-background: rgb(var(--color-button));--yalo-chat-product-card-button-color: rgb(var(--color-button-text));--yalo-chat-product-card-button-background-clicked: #008060;--yalo-chat-product-card-button-color-clicked: #fff;--yalo-chat-product-card-button-border: 1px solid rgb(var(--color-button));--yalo-chat-product-card-button-border-radius: calc(var(--buttons-radius, 0px));--yalo-chat-product-price-background: rgba(var(--color-foreground), .05);--yalo-chat-product-price-color: rgb(var(--color-foreground));--yalo-chat-product-price-strike-color: rgba(var(--color-foreground), .6);--yalo-chat-product-price-per-subunit-color: rgba(var(--color-foreground), .6);--yalo-chat-product-confirmation-background: rgb(var(--color-background));--yalo-chat-product-confirmation-border-color: rgba(var(--color-foreground), .2);--yalo-chat-product-confirmation-border-radius: .8rem;--yalo-chat-product-confirmation-title-color: rgb(var(--color-foreground));--yalo-chat-product-confirmation-body-color: rgb(var(--color-foreground));--yalo-chat-product-confirmation-button-background: rgb(var(--color-button));--yalo-chat-product-confirmation-button-color: rgb(var(--color-button-text));--yalo-chat-product-confirmation-button-background-clicked: #008060;--yalo-chat-product-confirmation-button-color-clicked: #fff;--yalo-chat-product-confirmation-button-border: 1px solid rgb(var(--color-button));--yalo-chat-product-confirmation-button-border-radius: calc(var(--buttons-radius, 0px));--yalo-chat-product-confirmation-button-font-size: 1.5rem;--yalo-chat-product-confirmation-footer-color: rgba(var(--color-foreground), .7);--yalo-chat-product-confirmation-footer-font-size: 1.5rem;--yalo-chat-numeric-icon-color: rgb(var(--color-foreground));--yalo-chat-numeric-text-color: rgb(var(--color-foreground));--yalo-chat-numeric-border-color: rgba(var(--color-foreground), .2);--yalo-chat-numeric-radius: calc(var(--inputs-radius, 0px))}.yalo-chat-target>*{--yalo-chat-width: 100%;--yalo-chat-height: 360px}
/*# sourceMappingURL=/cdn/shop/t/6/assets/product-chat.css.map */