@keyframes notyf-fadeinup{0%{opacity:0;transform:translateY(25%)}to{opacity:1;transform:translateY(0)}}@keyframes notyf-fadeinleft{0%{opacity:0;transform:translateX(25%)}to{opacity:1;transform:translateX(0)}}@keyframes notyf-fadeoutright{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(25%)}}@keyframes notyf-fadeoutdown{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(25%)}}@keyframes ripple{0%{transform:scale(0) translateY(-45%) translateX(13%)}to{transform:scale(1) translateY(-45%) translateX(13%)}}.notyf{position:fixed;top:0;left:0;height:100%;width:100%;color:#fff;z-index:9999;display:flex;flex-direction:column;align-items:flex-end;justify-content:flex-end;pointer-events:none;box-sizing:border-box;padding:20px}.notyf__icon--error,.notyf__icon--success{height:21px;width:21px;background:#fff;border-radius:50%;display:block;margin:0 auto;position:relative}.notyf__icon--error:after,.notyf__icon--error:before{content:"";background:currentColor;display:block;position:absolute;width:3px;border-radius:3px;left:9px;height:12px;top:5px}.notyf__icon--error:after{transform:rotate(-45deg)}.notyf__icon--error:before{transform:rotate(45deg)}.notyf__icon--success:after,.notyf__icon--success:before{content:"";background:currentColor;display:block;position:absolute;width:3px;border-radius:3px}.notyf__icon--success:after{height:6px;transform:rotate(-45deg);top:9px;left:6px}.notyf__icon--success:before{height:11px;transform:rotate(45deg);top:5px;left:10px}.notyf__toast{display:block;overflow:hidden;pointer-events:auto;animation:notyf-fadeinup .3s ease-in forwards;box-shadow:0 3px 7px 0 rgba(0,0,0,.25);position:relative;padding:0 15px;border-radius:2px;max-width:300px;transform:translateY(25%);box-sizing:border-box;flex-shrink:0}.notyf__toast--disappear{transform:translateY(0);animation:notyf-fadeoutdown .3s forwards;animation-delay:.25s}.notyf__toast--disappear .notyf__icon,.notyf__toast--disappear .notyf__message{animation:notyf-fadeoutdown .3s forwards;opacity:1;transform:translateY(0)}.notyf__toast--disappear .notyf__dismiss{animation:notyf-fadeoutright .3s forwards;opacity:1;transform:translateX(0)}.notyf__toast--disappear .notyf__message{animation-delay:.05s}.notyf__toast--upper{margin-bottom:20px}.notyf__toast--lower{margin-top:20px}.notyf__toast--dismissible .notyf__wrapper{padding-right:30px}.notyf__ripple{height:400px;width:400px;position:absolute;transform-origin:bottom right;right:0;top:0;border-radius:50%;transform:scale(0) translateY(-51%) translateX(13%);z-index:5;animation:ripple .4s ease-out forwards}.notyf__wrapper{display:flex;align-items:center;padding-top:17px;padding-bottom:17px;padding-right:15px;border-radius:3px;position:relative;z-index:10}.notyf__icon{width:22px;text-align:center;font-size:1.3em;opacity:0;animation:notyf-fadeinup .3s forwards;animation-delay:.3s;margin-right:13px}.notyf__dismiss{position:absolute;top:0;right:0;height:100%;width:26px;margin-right:-15px;animation:notyf-fadeinleft .3s forwards;animation-delay:.35s;opacity:0}.notyf__dismiss-btn{background-color:rgba(0,0,0,.25);border:none;cursor:pointer;transition:opacity .2s ease,background-color .2s ease;outline:none;opacity:.35;height:100%;width:100%}.notyf__dismiss-btn:after,.notyf__dismiss-btn:before{content:"";background:#fff;height:12px;width:2px;border-radius:3px;position:absolute;left:calc(50% - 1px);top:calc(50% - 5px)}.notyf__dismiss-btn:after{transform:rotate(-45deg)}.notyf__dismiss-btn:before{transform:rotate(45deg)}.notyf__dismiss-btn:hover{opacity:.7;background-color:rgba(0,0,0,.15)}.notyf__dismiss-btn:active{opacity:.8}.notyf__message{vertical-align:middle;position:relative;opacity:0;animation:notyf-fadeinup .3s forwards;animation-delay:.25s;line-height:1.5em}@media only screen and (max-width:480px){.notyf{padding:0}.notyf__ripple{height:600px;width:600px;animation-duration:.5s}.notyf__toast{max-width:none;border-radius:0;box-shadow:0 -2px 7px 0 rgba(0,0,0,.13);width:100%}.notyf__dismiss{width:56px}}
.hub-ai-agent-dropdown-menu {
position: relative;
z-index: 1;
}
.hub-ai-agent-dropdown-menu::details-content {
opacity: 0;
visibility: hidden;
transition: all 0.15s var(--ease-quint-out);
transform: translateY(4px) scale(0.9);
transform-origin: top;
transition-behavior: allow-discrete;
}
.hub-ai-agent-dropdown-menu-trigger {
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}
.hub-ai-agent-dropdown-menu-trigger::marker {
content: none;
}
.hub-ai-agent-dropdown-menu-trigger::-webkit-details-marker {
display: none;
}
.hub-ai-agent-dropdown-menu-items {
display: flex;
flex-direction: column;
width: -moz-max-content;
width: max-content;
position: absolute;
top: 100%;
inset-inline-end: 0;
padding: 8px;
gap: 4px;
margin-top: 8px;
border: var(--hub-ai-agent-border);
border-radius: var(--hub-ai-agent-border-r);
background-color: var(--hub-ai-agent-color-section-bg);
box-shadow: 0px 10px 15px rgba(0, 0, 0, 0.1);
z-index: 9999;
min-width: 240px;
font-size: 14px;
color: var(--hub-ai-agent-color-subtitle-text);
}
@media (max-width: 768px) {
.hub-ai-agent-dropdown-menu-items {
inset-inline-start: 0;
}
}
.hub-ai-agent-dropdown-menu-items--auto-width {
min-width: auto;
}
.hub-ai-agent-dropdown-menu-items--style-compact {
padding: 12px 0;
width: 240px;
}
.hub-ai-agent-dropdown-menu-items--style-compact .hub-ai-agent-dropdown-menu-item {
border: none;
padding: 8px 16px;
font-size: 14px;
font-weight: 500;
line-height: 145%;
}
.hub-ai-agent-dropdown-menu-items--style-compact .hub-ai-agent-dropdown-menu-item:hover, .hub-ai-agent-dropdown-menu-items--style-compact .hub-ai-agent-dropdown-menu-item.bhub-active {
background-color: var(--hub-ai-agent-color-page-bg);
}
.hub-ai-agent-dropdown-menu-item {
display: flex;
align-items: center;
width: 100%;
padding: 0;
margin: 0;
gap: 8px;
border: none;
background: none;
text-decoration: none;
position: relative;
color: var(--hub-ai-agent-color-subtitle-text);
transition: all 0.3s var(--ease-quint-out);
}
.hub-ai-agent-dropdown-menu-item--separator {
height: 2px;
width: 100%;
margin: 0;
background-color: var(--hub-ai-agent-color-border);
}
.hub-ai-agent-dropdown-menu-item--separator--thick {
height: 4px;
}
.hub-ai-agent-dropdown-menu-item--separator--thicker {
height: 6px;
}
.hub-ai-agent-dropdown-menu-item--disabled {
opacity: 0.5;
pointer-events: none;
}
.hub-ai-agent-dropdown-menu-item--disabled .hub-ai-agent-dropdown-menu-link:before {
content: none;
}
.hub-ai-agent-dropdown-menu-item--tip {
display: flex;
flex-direction: column;
align-items: center;
gap: 12px;
background-color: rgba(var(--hub-ai-agent-color-primary-rgb), 0.05);
border-radius: 12px;
padding: 16px;
}
.hub-ai-agent-dropdown-menu-item--tip-content {
max-width: 200px;
text-align: center;
font-size: 13px;
color: rgba(46, 58, 77, 0.6980392157);
}
.hub-ai-agent-dropdown-menu-item--tip-icon {
width: 34px;
}
.hub-ai-agent-dropdown-menu-item--tip-icon svg,
.hub-ai-agent-dropdown-menu-item--tip-icon img {
width: 100%;
height: auto;
}
.hub-ai-agent-dropdown-menu-item .bhub-switch {
box-shadow: none !important;
}
.hub-ai-agent-dropdown-menu-link {
display: flex;
gap: 8px;
align-items: center;
width: 100%;
padding: 0.5em 1.25em;
text-decoration: none;
color: inherit;
position: relative;
border-radius: var(--hub-ai-agent-border-r);
cursor: pointer;
background: none;
border: none;
justify-content: space-between;
}
.hub-ai-agent-dropdown-menu-link:focus-visible, .hub-ai-agent-dropdown-menu-link:hover {
background-color: rgba(var(--hub-ai-agent-color-secondary-rgb), 0.05);
color: var(--hub-ai-agent-color-secondary);
}
.hub-ai-agent-dropdown-menu-link:focus-visible:before, .hub-ai-agent-dropdown-menu-link:hover:before {
opacity: 1;
transform: translateY(-50%) translateX(0);
}
.hub-ai-agent-dropdown-menu-link:before {
content: "";
display: inline-block;
width: min(0.3em, 4px);
height: 1.54em;
background-color: currentColor;
border-radius: 4px;
position: absolute;
inset-inline-start: 0.38em;
top: 50%;
opacity: 0;
transform: translateY(-50%) translateX(-3px);
transition: all 0.3s var(--ease-quint-out);
}
.hub-ai-agent-dropdown-menu-link.bhub-active, .hub-ai-agent-dropdown-menu-item.bhub-active .hub-ai-agent-dropdown-menu-link {
background-color: rgba(var(--hub-ai-agent-color-primary-rgb), 0.1);
}
.hub-ai-agent-dropdown-menu-link.bhub-active:before, .hub-ai-agent-dropdown-menu-item.bhub-active .hub-ai-agent-dropdown-menu-link:before {
opacity: 1;
transform: translateY(-50%) translateX(0);
background-color: var(--hub-ai-agent-color-primary);
}
.hub-ai-agent-dropdown-menu-filter .hub-ai-agent-dropdown-menu-items {
padding: 8px 0 15px;
width: 240px;
margin-top: 25px;
gap: 0;
}
.hub-ai-agent-dropdown-menu-filter .hub-ai-agent-dropdown-menu-trigger i {
font-size: 0.85em;
}
.hub-ai-agent-dropdown-menu-filter .hub-ai-agent-dropdown-menu-trigger svg {
fill: var(--hub-ai-agent-color-light-text);
margin-inline-start: 8px;
}
.hub-ai-agent-dropdown-menu-filter .booking_hub_framework-field {
padding: 0;
}
.hub-ai-agent-dropdown-menu-filter .booking_hub_framework-field .bhub-selectize-parent .selectize-control.multi .selectize-input:after {
content: " ";
display: block;
position: absolute;
top: 50%;
right: 15px;
margin-top: -3px;
width: 0;
height: 0;
border-style: solid;
border-width: 5px 5px 0 5px;
border-color: var(--hub-ai-agent-color-light-text) transparent transparent transparent;
}
.hub-ai-agent-dropdown-menu-filter .booking_hub_framework-field .bhub-selectize-parent .selectize-control.multi .selectize-input.dropdown-active:after {
border-width: 0 5px 5px 5px;
border-color: transparent transparent var(--hub-ai-agent-color-light-text) transparent;
}
.hub-ai-agent-dropdown-menu-filter .booking_hub_framework-field .bhub-selectize-parent .selectize-input {
padding-left: 14px;
padding-top: 16px;
padding-bottom: 16px;
border: none !important;
}
.hub-ai-agent-dropdown-menu-filter .booking_hub_framework-field .bhub-selectize-parent .selectize-input.dropdown-active:before {
content: none;
}
.hub-ai-agent-dropdown-menu-filter .booking_hub_framework-field .bhub-selectize-parent .selectize-dropdown {
margin-top: 0;
}
.hub-ai-agent-dropdown-menu-filter[open] .hub-ai-agent-dropdown-menu-trigger svg {
transform: scaleY(-1);
}
.hub-ai-agent-dropdown-menu[open] {
z-index: 110;
}
.hub-ai-agent-dropdown-menu[open]::details-content {
opacity: 1;
visibility: visible;
transform: translateY(0) scale(1);
}
.hub-ai-agent-dropdown-menu--table-filter--count {
background-color: var(--hub-ai-agent-color-low-opacity);
border-radius: var(--hub-ai-agent-border-r-full);
color: var(--hub-ai-agent-color-section-bg);
font-size: 10px;
font-weight: 600;
line-height: 16px;
text-align: center;
min-width: 16px;
padding-left: 4px;
padding-right: 4px;
height: 16px;
}
.hub-ai-agent-dropdown-menu--table-filter .hub-ai-agent-dropdown-menu-trigger {
font-size: 15px;
font-weight: 500;
line-height: 1.73em;
color: var(--hub-ai-agent-color-low-opacity);
gap: 6px;
}
.hub-ai-agent-dropdown-menu[data-dir=start] .hub-ai-agent-dropdown-menu-items {
inset-inline-start: 0;
inset-inline-end: auto;
}
[dir=rtl] .hub-ai-agent-dropdown-menu[data-dir=start] .hub-ai-agent-dropdown-menu-items {
inset-inline-start: auto;
inset-inline-end: end;
}
.hub-ai-agent-dropdown-menu[data-dir=end] .hub-ai-agent-dropdown-menu-items {
inset-inline-start: auto;
inset-inline-end: 0;
}
[dir=rtl] .hub-ai-agent-dropdown-menu[data-dir=end] .hub-ai-agent-dropdown-menu-items {
inset-inline-start: end;
inset-inline-end: auto;
}
.hub-ai-agent-dropdown-menu--table-row-action .hub-ai-agent-dropdown-menu-items {
font-size: 13px;
}
.hub-ai-agent-dropdown-menu--table-row-action .hub-ai-agent-dropdown-menu-items i[class^=bhub-icon] {
font-size: 1.25em;
}
.hub-ai-agent-dropdown-menu--actions {
padding: 8px 8px 0;
flex-wrap: wrap;
gap: 8px;
justify-content: flex-end;
}
.hub-ai-agent-dropdown-menu--rounded-xl .hub-ai-agent-dropdown-menu-items {
border-radius: 20px;
}
.hub-ai-agent--chatbot {
--hub-ai-agent--chatbot--pos-x: 40px;
--hub-ai-agent--chatbot--pos-y: 40px;
--hub-ai-agent--chatbot--width: 420px;
--hub-ai-agent--chatbot--height: 640px;
--hub-ai-agent--chatbot--background: #ffffff;
--hub-ai-agent--chatbot--cart-width: calc(var(--hub-ai-agent--chatbot--width) - 20px);
--hub-ai-agent--chatbot--cart-height: 430px;
--hub-ai-agent--chatbot--height-wp: 32px;
}
@media (max-width: 768px) {
.hub-ai-agent--chatbot {
--hub-ai-agent--chatbot--pos-x: 20px;
--hub-ai-agent--chatbot--pos-y: 20px;
--hub-ai-agent--chatbot--width: 100vw;
--hub-ai-agent--chatbot--height-wp: 46px;
}
}
.hub-ai-agent--chatbot {
position: fixed;
bottom: var(--hub-ai-agent--chatbot--pos-y);
right: var(--hub-ai-agent--chatbot--pos-x);
z-index: 999999;
display: flex;
flex-direction: column;
justify-content: end;
}
.hub-ai-agent--chatbot[data-preview] {
position: sticky;
top: 20px;
z-index: 999;
}
.hub-ai-agent--chatbot:not([open]) {
height: 0;
}
.hub-ai-agent--chatbot:not([open]) .hub-ai-agent--chatbot--pages {
transform: scale(0);
height: 0;
}
.hub-ai-agent--chatbot[open] .hub-ai-agent--chatbot--trigger {
background-color: #222222;
color: var(--hub-ai-agent--chatbot--background);
}
.hub-ai-agent--chatbot[open] .hub-ai-agent--chatbot--trigger-image {
opacity: 0;
}
.hub-ai-agent--chatbot[open] .hub-ai-agent--chatbot--trigger-icon {
opacity: 1;
transform: translateY(0);
}
.hub-ai-agent--chatbot[open] .hub-ai-agent--chatbot--bubble {
opacity: 0;
visibility: hidden;
margin: 0;
height: 0;
margin-left: auto;
transform: scale(0);
margin-top: -24px;
}
.hub-ai-agent--chatbot[open] .hub-ai-agent--chatbot--bubble-card {
margin-top: -12px;
}
@media (max-width: 768px) {
.hub-ai-agent--chatbot[open] {
--hub-ai-agent--chatbot--pos-x: 0px;
--hub-ai-agent--chatbot--pos-y: 0px;
height: 100vh;
max-height: 100vh;
}
.hub-ai-agent--chatbot[open] .hub-ai-agent--chatbot--trigger,
.hub-ai-agent--chatbot[open] .hub-ai-agent--chatbot--bubble {
display: none;
}
.hub-ai-agent--chatbot[open] .hub-ai-agent--chatbot--pages {
margin-bottom: 0;
border-radius: 0;
}
.hub-ai-agent--chatbot[open] .hub-ai-agent--chatbot--closer {
display: flex;
}
}
.hub-ai-agent--chatbot {
width: var(--hub-ai-agent--chatbot--width);
height: calc(var(--hub-ai-agent--chatbot--height) + 120px);
max-height: calc(100vh - var(--wp-admin--admin-bar--height, var(--hub-ai-agent--chatbot--height-wp)) - var(--hub-ai-agent--chatbot--pos-x) - 12px);
}
.hub-ai-agent--chatbot[data-active-page=home] .hub-ai-agent--chatbot--header {
display: none;
}
.hub-ai-agent--chatbot[data-active-page=conversation] .hub-ai-agent--chatbot--footer-menu {
display: none;
}
.hub-ai-agent--chatbot[data-active-page=conversation] .hub-ai-agent--chatbot--footer-floating-bar {
padding-top: 0;
padding-bottom: 6px;
}
.hub-ai-agent--chatbot:not([data-active-page=conversation]) .hub-ai-agent--chatbot--footer-form {
display: none;
}
.hub-ai-agent--chatbot[data-show-date-and-time=""] .hub-ai-agent--chatbot--conversation-message-content-time {
display: none;
}
.hub-ai-agent--chatbot--pages {
box-shadow: 0px 4px 24px 0px rgba(0, 0, 0, 0.0392156863);
width: 100%;
height: 100%;
position: relative;
overflow: hidden;
background-color: var(--hub-ai-agent--chatbot--background);
border-radius: 12px;
display: flex;
flex-direction: column;
margin-bottom: 24px;
transition: ease-in-out 40ms;
}
.hub-ai-agent--chatbot--page {
height: 100%;
overflow: hidden scroll;
}
.hub-ai-agent--chatbot--page:not(.hub-ai-agent-active) {
visibility: hidden;
height: 0;
opacity: 0;
padding: 0 !important;
}
.hub-ai-agent--chatbot--page[data-page=chat] .hub-ai-agent--chatbot--conversations-list-item:not(:last-child) {
border-bottom: 1px solid #f1f5f9;
}
.hub-ai-agent--chatbot--page[data-page=help-article] {
display: flex;
flex-direction: column;
font-size: 14px;
color: #222222;
}
.hub-ai-agent--chatbot--page[data-page=help-article] h2,
.hub-ai-agent--chatbot--page[data-page=help-article] h3,
.hub-ai-agent--chatbot--page[data-page=help-article] h4,
.hub-ai-agent--chatbot--page[data-page=help-article] h5,
.hub-ai-agent--chatbot--page[data-page=help-article] h6 {
font-size: 16px;
font-weight: 700;
margin-bottom: 1rem;
}
.hub-ai-agent--chatbot--page[data-page=home] {
background-image: var(--hub-ai-agent--chatbot--background-home);
background-size: cover;
padding: 24px 24px 100px 24px;
}
.hub-ai-agent--chatbot--page:not([data-page=home]) {
padding: 80px 16px 100px 16px;
}
.hub-ai-agent--chatbot--page[data-page=conversation] {
display: flex;
flex-direction: column;
}
.hub-ai-agent--chatbot--page[data-page=conversation] .hub-ai-agent--chatbot--conversation-message:not(:first-child) {
margin-top: 30px;
}
.hub-ai-agent--chatbot--page-bg {
background: #ffffff;
background: linear-gradient(0deg, rgb(255, 255, 255) 25%, rgba(255, 255, 255, 0) 80%);
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
pointer-events: none;
z-index: 1;
}
.hub-ai-agent--chatbot--page-logo, .hub-ai-agent--chatbot--page-cta, .hub-ai-agent--chatbot--page-chat-history, .hub-ai-agent--chatbot--page-article-history, .hub-ai-agent--chatbot--page-links {
position: relative;
z-index: 10;
}
.hub-ai-agent--chatbot--page-logo {
display: flex;
align-items: center;
gap: 8px;
font-size: 16px;
font-weight: 700;
line-height: 1;
color: #ffffff;
}
.hub-ai-agent--chatbot--page-logo-image {
max-width: 24px;
}
.hub-ai-agent--chatbot--page-cta {
margin-top: 100px;
z-index: 10;
}
.hub-ai-agent--chatbot--page-cta p {
margin: 0;
font-size: 27px;
font-weight: 700;
line-height: 1.1;
letter-spacing: -4%;
color: #ffffff;
}
.hub-ai-agent--chatbot--page-cta p span {
opacity: 0.7;
display: block;
}
.hub-ai-agent--chatbot--page-cta-button {
padding: 0;
border: 0;
box-shadow: none;
background: none;
outline: none;
cursor: pointer;
text-decoration: none;
}
.hub-ai-agent--chatbot--page-cta-button:hover, .hub-ai-agent--chatbot--page-cta-button:focus, .hub-ai-agent--chatbot--page-cta-button:active {
background: none;
outline: none;
}
.hub-ai-agent--chatbot--page-cta-button {
box-shadow: 0px 33px 44px 0px rgba(0, 0, 0, 0.1215686275);
box-sizing: border-box;
background-color: rgba(255, 255, 255, 0.2509803922);
backdrop-filter: blur(6px);
border-radius: 555px;
display: flex;
align-items: center;
gap: 14px;
padding: 15px 22px;
width: 100%;
margin-top: 16px;
transition: ease-in-out 120ms;
}
.hub-ai-agent--chatbot--page-cta-button-image {
width: 38px;
height: 38px;
}
.hub-ai-agent--chatbot--page-cta-button-info {
font-size: 14px;
font-weight: 500;
color: #ffffff;
}
.hub-ai-agent--chatbot--page-cta-button-info span {
display: block;
text-align: left;
}
.hub-ai-agent--chatbot--page-cta-button-info span:last-child {
opacity: 0.5;
}
.hub-ai-agent--chatbot--page-cta-button-icon {
color: #ffffff;
margin-left: auto;
width: 44px;
height: 44px;
display: grid;
place-items: center;
}
.hub-ai-agent--chatbot--page-cta-button:hover {
background-color: #ffffff;
transform: translateY(-5px);
}
.hub-ai-agent--chatbot--page-cta-button:hover .hub-ai-agent--chatbot--page-cta-button-icon,
.hub-ai-agent--chatbot--page-cta-button:hover .hub-ai-agent--chatbot--page-cta-button-info {
color: #000;
}
.hub-ai-agent--chatbot--page-chat-history {
background-color: #ffffff;
border: 1px solid rgba(0, 0, 0, 0.1019607843);
border-radius: 22px;
padding: 16px;
display: flex;
flex-direction: column;
margin-top: 26px;
}
.hub-ai-agent--chatbot--page-chat-history .hub-ai-agent--chatbot--conversations-list-item {
border-bottom: 1px solid #f1f5f9;
}
.hub-ai-agent--chatbot--page-chat-history .hub-ai-agent--chatbot--conversations-new-chat {
order: 5;
margin-top: 16px;
margin-bottom: 0 !important;
}
.hub-ai-agent--chatbot--page-article-history {
background-color: #ffffff;
border: 1px solid rgba(0, 0, 0, 0.1019607843);
border-radius: 22px;
padding: 16px;
display: flex;
flex-direction: column;
margin-top: 26px;
}
.hub-ai-agent--chatbot--page-links {
background-color: #ffffff;
border: 1px solid rgba(0, 0, 0, 0.1019607843);
border-radius: 22px;
padding: 16px;
display: flex;
flex-direction: column;
margin-top: 26px;
gap: 8px;
}
.hub-ai-agent--chatbot--page-links-link {
text-decoration: none;
}
.hub-ai-agent--chatbot--page-links-link:focus, .hub-ai-agent--chatbot--page-links-link:visited, .hub-ai-agent--chatbot--page-links-link:active, .hub-ai-agent--chatbot--page-links-link:hover {
outline: 0;
box-shadow: none;
}
.hub-ai-agent--chatbot--page-links-link {
display: flex;
align-items: center;
justify-content: space-between;
background-color: #f4f5f5;
font-size: 12px;
font-weight: 500;
line-height: 20px;
color: #000000;
padding: 16px 20px;
border-radius: 12px;
transition: ease-in-out 120ms;
}
.hub-ai-agent--chatbot--page-links-link svg {
width: 18px;
height: 18px;
}
.hub-ai-agent--chatbot--page-links-link:hover {
background-color: #000;
color: #fff;
transform: scale(1.015);
}
.hub-ai-agent--chatbot--page-links-email {
display: flex;
align-items: center;
justify-content: center;
gap: 8px;
font-size: 14px;
font-weight: 500;
line-height: 24px;
color: #017be5;
cursor: pointer;
margin-top: 16px;
}
.hub-ai-agent--chatbot--page-links-email span {
border-bottom: 1px solid rgba(1, 123, 229, 0.2);
}
.hub-ai-agent--chatbot--page-loader {
margin: auto;
width: 24px;
height: 24px;
border: 2px solid #222222;
border-bottom-color: transparent;
border-radius: 50%;
display: inline-block;
box-sizing: border-box;
animation: rotation 1s linear infinite;
}
@keyframes rotation {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
.hub-ai-agent--chatbot--footer {
margin-top: auto;
z-index: 20;
}
.hub-ai-agent--chatbot--footer-no-brand .hub-ai-agent--chatbot--footer-floating-bar {
bottom: 24px;
}
.hub-ai-agent--chatbot--footer-floating-bar {
position: absolute;
bottom: 62px;
left: 0;
width: 100%;
max-width: calc(var(--hub-ai-agent--chatbot--width) - 36px);
left: 50%;
transform: translateX(-50%);
border: 1px solid rgba(0, 0, 0, 0.1019607843);
border-radius: 555px;
padding: 14px 30px;
box-sizing: border-box;
background-color: rgba(255, 255, 255, 0.6);
backdrop-filter: blur(6px);
box-shadow: 0px 33px 44px 0px rgba(0, 0, 0, 0.1215686275);
}
.hub-ai-agent--chatbot--footer-brand {
display: flex;
align-items: center;
justify-content: center;
gap: 10px;
height: 52px;
font-size: 11px;
line-height: 20px;
color: rgba(34, 34, 34, 0.5019607843);
}
.hub-ai-agent--chatbot--footer-brand img {
width: 16px;
height: 16px;
}
.hub-ai-agent--chatbot--footer-menu {
display: flex;
justify-content: var(--hub-ai-agent--chatbot--footer-menu-align);
}
.hub-ai-agent--chatbot--footer-menu button[type=button] {
padding: 0;
border: 0;
box-shadow: none;
background: none;
outline: none;
cursor: pointer;
text-decoration: none;
}
.hub-ai-agent--chatbot--footer-menu button[type=button]:hover, .hub-ai-agent--chatbot--footer-menu button[type=button]:focus, .hub-ai-agent--chatbot--footer-menu button[type=button]:active {
background: none;
outline: none;
}
.hub-ai-agent--chatbot--footer-menu button[type=button] {
display: flex;
align-items: center;
flex-direction: column;
gap: 2px;
font-size: 12px;
font-weight: 500;
line-height: 20px;
color: #222222;
}
.hub-ai-agent--chatbot--footer-menu button[type=button].hub-ai-agent-active {
text-decoration: underline;
}
.hub-ai-agent--chatbot--footer-form textarea {
padding: 0;
border: 0;
margin: 0;
box-shadow: none;
background: none;
outline: none;
border-radius: 0;
line-height: 1;
min-height: auto;
height: auto;
}
.hub-ai-agent--chatbot--footer-form textarea:hover, .hub-ai-agent--chatbot--footer-form textarea:focus, .hub-ai-agent--chatbot--footer-form textarea:active {
box-shadow: none;
background: none;
outline: none;
}
.hub-ai-agent--chatbot--footer-form textarea {
resize: none;
font-size: 16px;
font-weight: 400;
line-height: 1.4em;
color: #222222;
padding-right: 56px;
padding-left: 8px;
padding-top: 22px;
width: 100%;
box-sizing: border-box;
max-height: 54px;
}
.hub-ai-agent--chatbot--footer-form textarea::-moz-placeholder {
color: rgba(34, 34, 34, 0.6);
font-weight: 500;
}
.hub-ai-agent--chatbot--footer-form textarea::placeholder {
color: rgba(34, 34, 34, 0.6);
font-weight: 500;
}
.hub-ai-agent--chatbot--footer-form-send[type=submit] {
padding: 0;
border: 0;
box-shadow: none;
background: none;
outline: none;
cursor: pointer;
text-decoration: none;
}
.hub-ai-agent--chatbot--footer-form-send[type=submit]:hover, .hub-ai-agent--chatbot--footer-form-send[type=submit]:focus, .hub-ai-agent--chatbot--footer-form-send[type=submit]:active {
background: none;
outline: none;
}
.hub-ai-agent--chatbot--footer-form-send[type=submit] {
display: flex;
position: absolute;
right: 26px;
top: 50%;
transform: translate(-10px, -50%);
visibility: hidden;
opacity: 0;
transition: ease-in-out 120ms;
color: #222222;
}
.hub-ai-agent--chatbot--footer-form-send[type=submit][data-enable=true] {
visibility: visible;
opacity: 1;
transform: translate(0px, -50%);
}
.hub-ai-agent--chatbot--header {
position: absolute;
top: 0;
left: 0;
width: 100%;
padding: 10px 8px;
box-sizing: border-box;
z-index: 10;
}
.hub-ai-agent--chatbot--header-inner {
height: 58px;
display: flex;
justify-content: space-between;
align-items: center;
border-radius: 555px;
color: #222222;
background-color: rgba(255, 255, 255, 0.2);
backdrop-filter: blur(2px);
box-shadow: 0px 33px 44px 0px rgba(0, 0, 0, 0.1215686275);
}
.hub-ai-agent--chatbot--header-back, .hub-ai-agent--chatbot--header-menu {
display: flex;
align-items: center;
justify-content: center;
width: 44px;
height: 44px;
}
.hub-ai-agent--chatbot--header-back {
cursor: pointer;
}
.hub-ai-agent--chatbot--header-title {
font-weight: 600;
font-size: 14px;
line-height: 1;
letter-spacing: -1%;
}
.hub-ai-agent--chatbot--bubble {
color: #222222;
background-color: rgba(38, 47, 64, 0.0509803922);
backdrop-filter: blur(12px) saturate(120%) brightness(1.75);
width: -moz-fit-content;
width: fit-content;
margin-left: auto;
font-size: 14px;
font-weight: 500;
line-height: 18px;
padding: 15px 18px;
border-radius: 7px;
margin-bottom: 10px;
transition: ease-in-out 40ms;
}
.hub-ai-agent--chatbot--bubble-card {
box-shadow: 0px 4px 24px 0px rgba(0, 0, 0, 0.0392156863);
padding: 20px;
border-radius: 16px;
width: 280px;
padding: 0;
border-radius: 16px;
display: flex;
flex-direction: column;
gap: 12px;
transition: none;
background-color: #fff;
}
.hub-ai-agent--chatbot--bubble-card-fig {
margin: 0;
}
.hub-ai-agent--chatbot--bubble-card-fig img {
width: 100%;
border-radius: 16px 16px 0 0;
}
.hub-ai-agent--chatbot--bubble-card-title, .hub-ai-agent--chatbot--bubble-card-details {
padding: 0 24px;
color: #222222;
}
.hub-ai-agent--chatbot--bubble-card-title {
font-size: 15px;
font-weight: 600;
line-height: 20px;
letter-spacing: -1%;
}
.hub-ai-agent--chatbot--bubble-card-details {
font-size: 14px;
font-weight: 400;
line-height: 20px;
opacity: 0.7;
}
.hub-ai-agent--chatbot--bubble-card-hr {
width: 100%;
height: 1px;
background-color: rgba(0, 0, 0, 0.0509803922);
}
.hub-ai-agent--chatbot--bubble-card-button {
text-decoration: none;
color: #017be5;
font-size: 14px;
font-weight: 500;
line-height: 24px;
border-bottom: 1px solid rgba(1, 123, 229, 0.2);
display: flex;
align-self: center;
width: -moz-fit-content;
width: fit-content;
margin-bottom: 14px;
}
.hub-ai-agent--chatbot--bubble-card-button:hover {
color: #017be5;
opacity: 0.7;
}
.hub-ai-agent--chatbot--bubble-card-closer {
position: absolute;
right: 0;
top: -44px;
display: grid;
place-items: center;
width: 34px;
height: 34px;
border-radius: 555px;
background-color: #f2f2f2;
color: #1c1b1f;
transition: ease-in-out 120ms;
cursor: pointer;
box-shadow: 0px 4px 24px 0px rgba(0, 0, 0, 0.0392156863);
}
.hub-ai-agent--chatbot--bubble-card-closer:hover {
transform: scale(0.8);
}
.hub-ai-agent--chatbot--trigger {
padding: 0;
border: 0;
box-shadow: none;
background: none;
outline: none;
cursor: pointer;
text-decoration: none;
}
.hub-ai-agent--chatbot--trigger:hover, .hub-ai-agent--chatbot--trigger:focus, .hub-ai-agent--chatbot--trigger:active {
background: none;
outline: none;
}
.hub-ai-agent--chatbot--trigger {
display: flex;
align-items: center;
justify-content: center;
width: 60px;
height: 60px;
min-width: 60px;
min-height: 60px;
border-radius: 50%;
margin-left: auto;
background-color: var(--hub-ai-agent--chatbot--background);
}
.hub-ai-agent--chatbot--trigger:hover, .hub-ai-agent--chatbot--trigger:active, .hub-ai-agent--chatbot--trigger:focus, .hub-ai-agent--chatbot--trigger:visited {
background-color: var(--hub-ai-agent--chatbot--background);
}
.hub-ai-agent--chatbot--trigger-image {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
transition: ease-in-out 120ms;
}
.hub-ai-agent--chatbot--trigger-icon {
display: flex;
position: absolute;
transform: translateY(-20px);
transition: ease-in-out 120ms;
opacity: 0;
}
.hub-ai-agent--chatbot--conversations-new-chat {
display: flex;
align-items: center;
justify-content: center;
gap: 8px;
font-size: 14px;
font-weight: 500;
line-height: 24px;
color: #017be5;
cursor: pointer;
margin-top: 16px;
}
.hub-ai-agent--chatbot--conversations-new-chat span {
border-bottom: 1px solid rgba(1, 123, 229, 0.2);
}
.hub-ai-agent--chatbot--conversations-list-item {
display: flex;
align-items: center;
gap: 12px;
padding: 16px;
cursor: pointer;
background-color: var(--hub-ai-agent--chatbot--background);
transition: ease-in-out 120ms;
color: #222222;
}
.hub-ai-agent--chatbot--conversations-list-item:hover {
background-color: #f2f2f2;
border-radius: 12px;
}
.hub-ai-agent--chatbot--conversations-list-item-fig {
margin: 0;
}
.hub-ai-agent--chatbot--conversations-list-item-fig img {
width: 32px;
height: 32px;
min-width: 32px;
}
.hub-ai-agent--chatbot--conversations-list-item-info {
overflow: hidden;
}
.hub-ai-agent--chatbot--conversations-list-item-info p {
margin: 0;
padding: 0;
font-size: 13px;
}
.hub-ai-agent--chatbot--conversations-list-item-info-name {
font-weight: 500;
line-height: 20px;
}
.hub-ai-agent--chatbot--conversations-list-item-info-message {
opacity: 0.7;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.hub-ai-agent--chatbot--conversations-list-item-date {
font-size: 12px;
text-wrap: nowrap;
margin-left: auto;
}
.hub-ai-agent--chatbot--conversations-list-item-404 {
display: flex;
flex-direction: column;
align-items: center;
gap: 16px;
font-size: 15px;
font-weight: 600;
line-height: 20px;
color: #222222;
letter-spacing: -1%;
}
.hub-ai-agent--chatbot--articles-search {
position: relative;
}
.hub-ai-agent--chatbot--articles-search input {
padding: 0;
border: 0;
margin: 0;
box-shadow: none;
background: none;
outline: none;
border-radius: 0;
line-height: 1;
min-height: auto;
height: auto;
}
.hub-ai-agent--chatbot--articles-search input:hover, .hub-ai-agent--chatbot--articles-search input:focus, .hub-ai-agent--chatbot--articles-search input:active {
box-shadow: none;
background: none;
outline: none;
}
.hub-ai-agent--chatbot--articles-search input {
width: 100%;
background-color: rgba(0, 0, 0, 0.0588235294);
border-radius: 7px;
font-size: 13px;
font-weight: 500;
color: #222222;
padding: 12px 15px;
}
.hub-ai-agent--chatbot--articles-search input:hover, .hub-ai-agent--chatbot--articles-search input:focus {
background-color: rgba(0, 0, 0, 0.0588235294);
}
.hub-ai-agent--chatbot--articles-search input:placeholder {
opacity: 0.5;
}
.hub-ai-agent--chatbot--articles-search svg {
position: absolute;
right: 14px;
top: 50%;
transform: translateY(-50%);
}
.hub-ai-agent--chatbot--articles-list-item {
padding: 16px;
cursor: pointer;
background-color: var(--hub-ai-agent--chatbot--background);
border-radius: 16px;
}
.hub-ai-agent--chatbot--articles-list-item:hover {
background-color: #f9f9f9;
}
.hub-ai-agent--chatbot--articles-list-item h4,
.hub-ai-agent--chatbot--articles-list-item p {
margin: 0;
padding: 0;
color: #222222;
font-size: 13px;
line-height: 20px;
}
.hub-ai-agent--chatbot--articles-list-item h4 {
font-weight: 600;
margin-bottom: 8px;
}
.hub-ai-agent--chatbot--articles-list-item p {
font-weight: 400;
}
.hub-ai-agent--chatbot--articles-list-404 {
font-size: 14px;
font-weight: 700;
color: #222222;
}
.hub-ai-agent--chatbot--conversation-message {
display: flex;
gap: 8px;
width: 100%;
}
.hub-ai-agent--chatbot--conversation-message:first-child {
margin-top: auto;
}
.hub-ai-agent--chatbot--conversation-message[data-role=user] {
text-align: right;
justify-content: end;
}
.hub-ai-agent--chatbot--conversation-message[data-role=user] .hub-ai-agent--chatbot--conversation-message-content-text {
background-color: var(--hub-ai-agent--chatbot--primary-color);
margin-left: auto;
}
.hub-ai-agent--chatbot--conversation-message-avatar {
margin: 0;
padding: 0;
}
.hub-ai-agent--chatbot--conversation-message-avatar img {
width: 24px;
height: 24px;
min-width: 24px;
}
.hub-ai-agent--chatbot--conversation-message-content-text {
background-color: #f9f9f9;
padding: 12px;
border-radius: 12px;
font-size: 14px;
font-weight: 400;
line-height: 20px;
color: #222222;
max-width: -moz-fit-content;
max-width: fit-content;
}
.hub-ai-agent--chatbot--conversation-message-content-text p,
.hub-ai-agent--chatbot--conversation-message-content-text ul,
.hub-ai-agent--chatbot--conversation-message-content-text ol {
margin: 0;
font-size: inherit;
}
.hub-ai-agent--chatbot--conversation-message-content-text ul,
.hub-ai-agent--chatbot--conversation-message-content-text ol {
padding-left: 1.5rem;
}
.hub-ai-agent--chatbot--conversation-message-content-text p + ol,
.hub-ai-agent--chatbot--conversation-message-content-text p + ul {
margin-top: 12px;
}
.hub-ai-agent--chatbot--conversation-message-content-time {
width: 100%;
margin-top: 6px;
font-size: 11px;
font-weight: 500;
opacity: 0.5;
}
.hub-ai-agent--chatbot--conversation-message-loader {
width: 20px;
aspect-ratio: 4;
--_g: no-repeat radial-gradient(circle closest-side, #000 90%, #0000);
background: var(--_g) 0% 50%, var(--_g) 50% 50%, var(--_g) 100% 50%;
background-size: 33.3333333333% 100%;
animation: l7 1s infinite linear;
}
@keyframes l7 {
33% {
background-size: 33.3333333333% 0%, 33.3333333333% 100%, 33.3333333333% 100%;
}
50% {
background-size: 33.3333333333% 100%, 33.3333333333% 0%, 33.3333333333% 100%;
}
66% {
background-size: 33.3333333333% 100%, 33.3333333333% 100%, 33.3333333333% 0%;
}
}
.hub-ai-agent--chatbot--conversation-message .hub-ai-agent--chatbot--human-agent-button {
background-color: rgba(56, 130, 194, 0.0509803922);
color: #3882c2;
font-size: 14px;
line-height: 20px;
padding: 12px 20px;
border-radius: 12px;
display: flex;
width: -moz-fit-content;
width: fit-content;
margin-top: 12px;
cursor: pointer;
transition: ease-in-out 120ms;
}
.hub-ai-agent--chatbot--conversation-message .hub-ai-agent--chatbot--human-agent-button:hover {
background-color: rgba(56, 130, 194, 0.2);
}
.hub-ai-agent--chatbot--conversation-message .hub-ai-agent--chatbot--email-collect-form {
margin-top: 12px;
position: relative;
}
.hub-ai-agent--chatbot--conversation-message .hub-ai-agent--chatbot--email-collect-form input {
border: 1px solid #e6e6e6;
border-radius: 5px;
padding: 12px 12px;
box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.03), 0 3px 6px 0 rgba(0, 0, 0, 0.02);
width: 100%;
}
.hub-ai-agent--chatbot--conversation-message .hub-ai-agent--chatbot--email-collect-form button {
padding: 0;
border: 0;
box-shadow: none;
background: none;
outline: none;
cursor: pointer;
text-decoration: none;
}
.hub-ai-agent--chatbot--conversation-message .hub-ai-agent--chatbot--email-collect-form button:hover, .hub-ai-agent--chatbot--conversation-message .hub-ai-agent--chatbot--email-collect-form button:focus, .hub-ai-agent--chatbot--conversation-message .hub-ai-agent--chatbot--email-collect-form button:active {
background: none;
outline: none;
}
.hub-ai-agent--chatbot--conversation-message .hub-ai-agent--chatbot--email-collect-form button {
position: absolute;
right: 12px;
top: 50%;
transform: translateY(-50%);
transition: ease-in-out 120ms;
display: flex;
}
.hub-ai-agent--chatbot--conversation-message .hub-ai-agent--chatbot--email-collect-form button:hover {
opacity: 0.8;
}
.hub-ai-agent--chatbot--conversation-message-divider {
display: flex;
align-items: center;
gap: 16px;
margin-top: 20px;
}
.hub-ai-agent--chatbot--conversation-message-divider span {
text-wrap: nowrap;
font-size: 11px;
line-height: 20px;
color: #222222;
}
.hub-ai-agent--chatbot--conversation-message-divider::before, .hub-ai-agent--chatbot--conversation-message-divider::after {
content: "";
width: 100%;
height: 1px;
background-color: rgba(0, 0, 0, 0.0509803922);
}
.hub-ai-agent--chatbot--product {
display: flex;
flex-direction: column;
gap: 12px;
position: relative;
box-sizing: border-box;
background-color: #ffffff;
box-shadow: 0px 4px 24px 0px rgba(0, 0, 0, 0.0392156863);
border-radius: 16px;
height: -moz-fit-content;
height: fit-content;
flex: 0 0 80%;
min-width: 80%;
box-sizing: border-box;
}
.hub-ai-agent--chatbot--product-carousel-container {
width: 90%;
max-width: 380px;
overflow: hidden;
position: relative;
background-color: transparent;
margin: 0;
transition: height 0.4s ease-in-out;
}
.hub-ai-agent--chatbot--product-carousel-container > p {
margin-bottom: 12px;
margin-top: -12px;
}
@media (max-width: 768px) {
.hub-ai-agent--chatbot--product-carousel-container {
max-width: calc(100vw - 32px);
}
}
.hub-ai-agent--chatbot--product-carousel {
width: 400px;
box-sizing: border-box;
display: flex;
transition: transform 0.4s ease-in-out;
gap: 2%;
}
@media (max-width: 768px) {
.hub-ai-agent--chatbot--product-carousel {
max-width: calc(100vw - 32px);
}
}
.hub-ai-agent--chatbot--product-carousel-nav-btn {
position: absolute;
top: 250px;
transform: translateY(-50%);
z-index: 2;
cursor: pointer;
transition: background-color 0.2s, opacity 0.2s;
background-color: #ffffff;
color: #222222;
border: none;
font-size: 1.5rem;
line-height: 1;
width: 34px;
height: 34px;
border-radius: 555px;
display: flex;
align-items: center;
justify-content: center;
box-shadow: 0px 4px 24px 0px rgba(0, 0, 0, 0.0392156863);
transition: ease 120ms;
}
.hub-ai-agent--chatbot--product-carousel-nav-btn:hover {
transform: scale(1.1) translateY(-50%);
}
.hub-ai-agent--chatbot--product-carousel-nav-btn[data-next] {
right: 0;
}
.hub-ai-agent--chatbot--product-carousel-nav-btn[data-prev] {
left: 0;
}
.hub-ai-agent--chatbot--product-image {
width: 100%;
border-radius: 4px;
border-radius: 16px 16px 4px 4px;
}
.hub-ai-agent--chatbot--product-body {
display: flex;
flex-direction: column;
gap: 12px;
padding: 12px 24px;
}
.hub-ai-agent--chatbot--product-body h5, .hub-ai-agent--chatbot--product-body-price {
margin: 0;
font-size: 15px;
font-weight: 600;
line-height: 20px;
color: #222222;
letter-spacing: -1%;
}
.hub-ai-agent--chatbot--product-body-price {
margin-top: -6px;
}
.hub-ai-agent--chatbot--product-body p {
margin: 0;
font-size: 14px;
font-weight: 400;
line-height: 20px;
color: rgba(34, 34, 34, 0.6980392157);
}
.hub-ai-agent--chatbot--product-actions {
display: flex;
justify-content: center;
gap: 12px;
padding: 14px;
border-top: 1px solid rgba(0, 0, 0, 0.0509803922);
}
.hub-ai-agent--chatbot--product-variants {
max-width: 330px;
}
.hub-ai-agent--chatbot--product-variants-options {
display: flex;
gap: 8px;
padding-top: 6px;
overflow-x: scroll;
}
.hub-ai-agent--chatbot--product-variants-options::-webkit-scrollbar {
display: none;
}
.hub-ai-agent--chatbot--product-variants-options {
-ms-overflow-style: none;
scrollbar-width: none;
}
.hub-ai-agent--chatbot--product-variants-options button {
padding: 0;
border: 0;
box-shadow: none;
background: none;
outline: none;
cursor: pointer;
text-decoration: none;
}
.hub-ai-agent--chatbot--product-variants-options button:hover, .hub-ai-agent--chatbot--product-variants-options button:focus, .hub-ai-agent--chatbot--product-variants-options button:active {
background: none;
outline: none;
}
.hub-ai-agent--chatbot--product-variants-options button {
font-size: 14px;
line-height: 20px;
font-weight: 500;
text-wrap: nowrap;
color: rgba(34, 34, 34, 0.6980392157);
padding: 8px 12px;
border-radius: 12px;
transition: ease-in-out 120ms;
border: 1px solid var(--hub-ai-agent-color-border);
}
.hub-ai-agent--chatbot--product-variants-options button:hover, .hub-ai-agent--chatbot--product-variants-options button:visited, .hub-ai-agent--chatbot--product-variants-options button:focus, .hub-ai-agent--chatbot--product-variants-options button.hub-ai-agent-selected {
background-color: rgba(1, 123, 229, 0.1019607843);
border-color: rgba(1, 123, 229, 0.1019607843);
color: rgba(1, 123, 229, 0.6980392157);
font-weight: 500;
}
.hub-ai-agent--chatbot--product-variants-options button:disabled {
opacity: 0.5;
pointer-events: none;
}
.hub-ai-agent--chatbot--product-view {
width: 40px;
height: 40px;
display: grid;
place-items: center;
background-color: #f4f5f5;
border-radius: 555px;
color: #000000;
position: absolute;
right: 10px;
top: 10px;
transition: ease-in-out 120ms;
box-shadow: 0px 4px 24px 0px rgba(0, 0, 0, 0.0392156863);
}
.hub-ai-agent--chatbot--product-view:hover {
transform: scale(0.8);
}
.hub-ai-agent--chatbot--product-add-to-cart {
font-size: 14px;
font-weight: 500;
line-height: 24px;
color: #017be5;
text-decoration: none;
border-bottom: 1px solid rgba(1, 123, 229, 0.2);
cursor: pointer;
display: flex;
align-items: center;
gap: 8px;
}
.hub-ai-agent--chatbot--cart summary {
cursor: pointer;
}
.hub-ai-agent--chatbot--cart-title {
font-size: 15px;
line-height: 20px;
font-weight: 600;
margin: 0;
color: #000000;
display: flex;
align-items: center;
margin-bottom: 20px;
background-color: #ffffff;
position: sticky;
padding: 24px 24px 12px 24px;
top: 0;
margin: 0 -24px;
}
.hub-ai-agent--chatbot--cart-title-count {
opacity: 0.2;
margin-left: 6px;
}
.hub-ai-agent--chatbot--cart-title-close {
border: 1px solid rgba(0, 0, 0, 0.1019607843);
border-radius: 555px;
margin-left: auto;
width: 34px;
height: 34px;
display: grid;
place-content: center;
cursor: pointer;
transition: ease-in-out 120ms;
}
.hub-ai-agent--chatbot--cart-title-close:hover {
transform: scale(0.8);
}
.hub-ai-agent--chatbot--cart-count {
position: absolute;
right: -8px;
top: -8px;
width: 16px;
height: 16px;
border-radius: 10px;
background-color: #ef4444;
font-size: 10px;
font-weight: 500;
line-height: 1;
display: grid;
place-items: center;
color: #fff;
}
.hub-ai-agent--chatbot--cart-items {
padding: 0 24px 24px;
margin-top: 32px;
width: var(--hub-ai-agent--chatbot--cart-width);
inset-inline-end: -10px;
border-radius: 8px !important;
max-height: var(--hub-ai-agent--chatbot--cart-height);
overflow-y: auto;
}
@media (max-width: 1024px) {
.hub-ai-agent--chatbot--cart-items {
inset-inline-start: unset;
}
}
@media screen and (max-height: 840px) {
.hub-ai-agent--chatbot--cart-items {
max-height: calc(100vh - var(--hub-ai-agent--chatbot--cart-height) + 24px);
}
}
.hub-ai-agent--chatbot--cart-item {
display: grid;
grid-template-columns: 80px auto 48px;
gap: 16px;
align-items: flex-start;
margin-bottom: 24px;
}
.hub-ai-agent--chatbot--cart-item-fig {
margin: 0;
}
.hub-ai-agent--chatbot--cart-item-fig img {
margin: 0;
width: 80px;
height: 105px;
min-width: 48px;
border-radius: 4px;
-o-object-fit: cover;
object-fit: cover;
}
.hub-ai-agent--chatbot--cart-item-details {
display: flex;
flex-direction: column;
color: #000000;
}
.hub-ai-agent--chatbot--cart-item-details-title {
margin: 0;
font-size: 15px;
font-weight: 500;
line-height: 20px;
letter-spacing: -1%;
}
.hub-ai-agent--chatbot--cart-item-details-variant {
font-size: 16px;
line-height: 22px;
font-weight: 400;
opacity: 0.5;
}
.hub-ai-agent--chatbot--cart-item-details-qty {
margin-top: 12px;
display: flex;
align-items: center;
gap: 12px;
border: 1px solid rgba(0, 0, 0, 0.1019607843);
width: -moz-fit-content;
width: fit-content;
border-radius: 555px;
font-size: 16px;
font-weight: 500;
color: #000000;
}
.hub-ai-agent--chatbot--cart-item-details-qty-update {
display: grid;
place-content: center;
cursor: pointer;
height: 46px;
width: 46px;
}
.hub-ai-agent--chatbot--cart-item-details-qty-details {
font-size: 10px;
line-height: 1;
}
.hub-ai-agent--chatbot--cart-item-price {
display: flex;
flex-direction: column;
align-items: center;
gap: 4px;
}
.hub-ai-agent--chatbot--cart-item-price-amount {
font-size: 15px;
font-weight: 500;
line-height: 20px;
color: #000000;
}
.hub-ai-agent--chatbot--cart-item-remove {
font-size: 12px;
line-height: 20px;
text-decoration: underline;
color: #000000;
cursor: pointer;
background-color: transparent;
height: auto;
}
.hub-ai-agent--chatbot--cart-item-remove:hover {
color: #ef4444;
}
.hub-ai-agent--chatbot--cart-totals-item {
display: flex;
justify-content: space-between;
font-size: 15px;
line-height: 20px;
font-weight: 500;
color: #000000;
margin-bottom: 12px;
}
.hub-ai-agent--chatbot--cart-totals-item:not(:last-child) {
border-bottom: 1px solid rgba(0, 0, 0, 0.0509803922);
padding-bottom: 12px;
}
.hub-ai-agent--chatbot--cart-totals-item-label-low {
opacity: 0.5;
}
.hub-ai-agent--chatbot--cart-totals-item-total {
font-size: 18px;
font-weight: 700;
}
.hub-ai-agent--chatbot--cart-checkout {
padding: 0;
border: 0;
box-shadow: none;
background: none;
outline: none;
cursor: pointer;
text-decoration: none;
}
.hub-ai-agent--chatbot--cart-checkout:hover, .hub-ai-agent--chatbot--cart-checkout:focus, .hub-ai-agent--chatbot--cart-checkout:active {
background: none;
outline: none;
}
.hub-ai-agent--chatbot--cart-checkout {
background-color: var(--hub-ai-agent-color-primary);
border-color: var(--hub-ai-agent-color-primary);
padding: 10px 16px;
border: 1px solid var(--hub-ai-agent-color-primary);
border-radius: var(--hub-ai-agent-border-r);
color: var(--hub-ai-agent-color-section-bg);
}
.hub-ai-agent--chatbot--cart-checkout:disabled {
opacity: 0.65;
cursor: not-allowed;
transition: none;
}
.hub-ai-agent--chatbot--cart-checkout:hover, .hub-ai-agent--chatbot--cart-checkout:focus-visible, .hub-ai-agent--chatbot--cart-checkout:active {
background-color: rgba(var(--hub-ai-agent-color-primary-rgb), 0.9);
border-color: rgba(var(--hub-ai-agent-color-primary-rgb), 0.9);
color: var(--hub-ai-agent-color-section-bg);
outline: none;
box-shadow: none;
}
.hub-ai-agent--chatbot--cart-checkout:focus-visible {
outline: auto 1px var(--hub-ai-agent-color-primary);
outline-offset: 2px;
}
.hub-ai-agent--chatbot--cart-checkout[type=button] {
background-color: var(--hub-ai-agent-color-primary);
border-color: var(--hub-ai-agent-color-primary);
padding: 10px 16px;
border: 1px solid var(--hub-ai-agent-color-primary);
border-radius: var(--hub-ai-agent-border-r);
color: var(--hub-ai-agent-color-section-bg);
}
.hub-ai-agent--chatbot--cart-checkout[type=button]:disabled {
opacity: 0.65;
cursor: not-allowed;
transition: none;
}
.hub-ai-agent--chatbot--cart-checkout[type=button]:hover, .hub-ai-agent--chatbot--cart-checkout[type=button]:focus-visible, .hub-ai-agent--chatbot--cart-checkout[type=button]:active {
background-color: rgba(var(--hub-ai-agent-color-primary-rgb), 0.9);
border-color: rgba(var(--hub-ai-agent-color-primary-rgb), 0.9);
color: var(--hub-ai-agent-color-section-bg);
outline: none;
box-shadow: none;
}
.hub-ai-agent--chatbot--cart-checkout[type=button]:focus-visible {
outline: auto 1px var(--hub-ai-agent-color-primary);
outline-offset: 2px;
}
.hub-ai-agent--chatbot--cart-checkout[type=submit] {
background-color: var(--hub-ai-agent-color-primary);
border-color: var(--hub-ai-agent-color-primary);
padding: 10px 16px;
border: 1px solid var(--hub-ai-agent-color-primary);
border-radius: var(--hub-ai-agent-border-r);
color: var(--hub-ai-agent-color-section-bg);
}
.hub-ai-agent--chatbot--cart-checkout[type=submit]:disabled {
opacity: 0.65;
cursor: not-allowed;
transition: none;
}
.hub-ai-agent--chatbot--cart-checkout[type=submit]:hover, .hub-ai-agent--chatbot--cart-checkout[type=submit]:focus-visible, .hub-ai-agent--chatbot--cart-checkout[type=submit]:active {
background-color: rgba(var(--hub-ai-agent-color-primary-rgb), 0.9);
border-color: rgba(var(--hub-ai-agent-color-primary-rgb), 0.9);
color: var(--hub-ai-agent-color-section-bg);
outline: none;
box-shadow: none;
}
.hub-ai-agent--chatbot--cart-checkout[type=submit]:focus-visible {
outline: auto 1px var(--hub-ai-agent-color-primary);
outline-offset: 2px;
}
.hub-ai-agent--chatbot--cart-checkout {
font-size: 13px;
font-weight: 500;
position: relative;
cursor: pointer;
display: inline-flex;
align-items: center;
justify-content: center;
text-align: center;
gap: 8px;
transition: all 250ms var(--ease-quint-out);
text-decoration: none;
}
.hub-ai-agent--chatbot--cart-checkout--plain {
vertical-align: bottom;
}
.hub-ai-agent--chatbot--cart-checkout--plain {
padding: 0;
background-color: transparent;
border: none;
border-radius: 0;
color: var(--hub-ai-agent-color-dark-text);
}
.hub-ai-agent--chatbot--cart-checkout--plain:hover, .hub-ai-agent--chatbot--cart-checkout--plain:focus-visible, .hub-ai-agent--chatbot--cart-checkout--plain:active {
padding: 0;
background: none;
border: none;
border-radius: 0;
color: inherit;
}
.hub-ai-agent--chatbot--cart-checkout--plain[type=button] {
padding: 0;
background-color: transparent;
border: none;
border-radius: 0;
color: var(--hub-ai-agent-color-dark-text);
}
.hub-ai-agent--chatbot--cart-checkout--plain[type=button]:hover, .hub-ai-agent--chatbot--cart-checkout--plain[type=button]:focus-visible, .hub-ai-agent--chatbot--cart-checkout--plain[type=button]:active {
padding: 0;
background: none;
border: none;
border-radius: 0;
color: inherit;
}
.hub-ai-agent--chatbot--cart-checkout--plain[type=submit] {
padding: 0;
background-color: transparent;
border: none;
border-radius: 0;
color: var(--hub-ai-agent-color-dark-text);
}
.hub-ai-agent--chatbot--cart-checkout--plain[type=submit]:hover, .hub-ai-agent--chatbot--cart-checkout--plain[type=submit]:focus-visible, .hub-ai-agent--chatbot--cart-checkout--plain[type=submit]:active {
padding: 0;
background: none;
border: none;
border-radius: 0;
color: inherit;
}
.hub-ai-agent--chatbot--cart-checkout--plain--primary {
color: var(--hub-ai-agent-color-primary);
}
.hub-ai-agent--chatbot--cart-checkout--plain--primary[type=button] {
color: var(--hub-ai-agent-color-primary);
}
.hub-ai-agent--chatbot--cart-checkout--plain--primary[type=submit] {
color: var(--hub-ai-agent-color-primary);
}
.hub-ai-agent--chatbot--cart-checkout {
border-radius: 555px !important;
}
.hub-ai-agent--chatbot--alert {
position: absolute;
background-color: #ef4444;
width: 100%;
height: 100%;
border-radius: 555px;
z-index: 9999;
text-align: center;
color: #fff;
font-size: 14px;
font-weight: 500;
display: grid;
place-items: center;
line-height: 1;
transition: ease-in-out 120ms;
}
.hub-ai-agent--chatbot--alert:not(.hub-ai-agent-active) {
opacity: 0;
visibility: hidden;
}
.hub-ai-agent--chatbot--alert[data-type=success] {
background-color: #4dd17e;
}
.hub-ai-agent--chatbot--closer {
display: none;
margin-left: auto;
cursor: pointer;
}