.h2o-ai-support{display:block;margin-top:0}.h2o-ai-support__card{align-items:center;background:#fff;border:1px solid rgba(1,22,36,.14);border-radius:12px;color:#011624;cursor:pointer;display:grid;font:inherit;gap:12px;grid-template-columns:38px minmax(0,1fr) auto 18px;padding:14px 16px;text-align:left;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease;width:100%}.h2o-ai-support__card:hover{border-color:#025dff;box-shadow:0 8px 24px #01162414}.h2o-ai-support__card:focus-visible,.h2o-ai-support__close:focus-visible,.h2o-ai-support__mode:focus-visible,.h2o-ai-support__suggestion:focus-visible,.h2o-ai-support__send:focus-visible{outline:3px solid rgba(2,93,255,.32);outline-offset:2px}.h2o-ai-support__icon{align-items:center;background:#eef4ff;border-radius:10px;color:#025dff;display:flex;height:38px;justify-content:center;width:38px}.h2o-ai-support__icon svg{fill:none;height:22px;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.7;width:22px}.h2o-ai-support__card-copy{display:flex;flex-direction:column;gap:2px;min-width:0}.h2o-ai-support__card-copy strong{font-size:15px;line-height:1.3}.h2o-ai-support__card-copy span{color:#5d6870;font-size:13px;line-height:1.4}.h2o-ai-support__card-cta{color:#025dff;font-size:13px;font-weight:700;white-space:nowrap}.h2o-ai-support__arrow{color:#025dff;font-size:18px}.h2o-ai-support__dialog{background:transparent;border:0;max-height:min(780px,calc(100dvh - 40px));max-width:760px;padding:0;width:calc(100% - 32px)}.h2o-ai-support__dialog::backdrop{background:#0116249e;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.h2o-ai-support__shell{background:#fff;border-radius:16px;box-shadow:0 24px 70px #01162447;display:flex;flex-direction:column;max-height:min(780px,calc(100dvh - 40px));min-height:590px;overflow:hidden}.h2o-ai-support__header{align-items:flex-start;border-bottom:1px solid #e5e8eb;display:flex;gap:24px;justify-content:space-between;padding:20px 22px 16px}.h2o-ai-support__header h2{color:#011624;font-size:20px;line-height:1.25;margin:0 0 3px}.h2o-ai-support__header p{color:#69747b;font-size:13px;line-height:1.45;margin:0}.h2o-ai-support__close{align-items:center;background:#f2f4f5;border:0;border-radius:50%;color:#011624;cursor:pointer;display:flex;flex:0 0 auto;font:inherit;font-size:25px;height:36px;justify-content:center;line-height:1;padding:0 0 3px;width:36px}.h2o-ai-support__modes{background:#f4f6f7;border-radius:10px;display:grid;gap:4px;grid-template-columns:1fr 1fr;margin:14px 22px 0;padding:4px}.h2o-ai-support__mode{background:transparent;border:0;border-radius:7px;color:#536069;cursor:pointer;font:inherit;font-size:13px;font-weight:700;min-height:36px;padding:7px 10px}.h2o-ai-support__mode.is-active{background:#fff;box-shadow:0 1px 4px #0116241f;color:#025dff}.h2o-ai-support__product{color:#4f5b63;font-size:12px;line-height:1.4;margin:12px 22px 0}.h2o-ai-support__product strong{color:#011624}.h2o-ai-support__messages{display:flex;flex:1 1 auto;flex-direction:column;gap:12px;margin:12px 0 0;min-height:180px;overflow-y:auto;padding:2px 22px 14px;overscroll-behavior:contain}.h2o-ai-support__message{border-radius:12px;font-size:14px;line-height:1.55;max-width:88%;padding:11px 13px;white-space:pre-wrap;word-break:break-word}.h2o-ai-support__message--assistant{align-self:flex-start;background:#f2f5f7;color:#172b38}.h2o-ai-support__message--user{align-self:flex-end;background:#025dff;color:#fff}.h2o-ai-support__message--error{background:#fff4f1;border:1px solid #f0c8bc;color:#812b17}.h2o-ai-support__message-sources{border-top:1px solid rgba(1,22,36,.1);display:flex;flex-wrap:wrap;gap:8px;margin-top:10px;padding-top:9px}.h2o-ai-support__message-sources a{color:#025dff;font-size:12px;font-weight:700;text-decoration:underline;text-underline-offset:2px}.h2o-ai-support__suggestions{display:flex;flex-wrap:wrap;gap:7px;padding:0 22px 12px}.h2o-ai-support__suggestion{background:#fff;border:1px solid #ccd5da;border-radius:999px;color:#193342;cursor:pointer;font:inherit;font-size:12px;line-height:1.35;padding:7px 11px;text-align:left}.h2o-ai-support__suggestion:hover{border-color:#025dff;color:#025dff}.h2o-ai-support__form{align-items:flex-end;border-top:1px solid #e5e8eb;display:grid;gap:10px;grid-template-columns:minmax(0,1fr) auto;padding:14px 22px}.h2o-ai-support__form textarea{background:#fff;border:1px solid #b9c3c9;border-radius:10px;box-sizing:border-box;color:#011624;font:inherit;font-size:14px;line-height:1.45;max-height:128px;min-height:46px;padding:11px 12px;resize:vertical;width:100%}.h2o-ai-support__form textarea:focus{border-color:#025dff;outline:2px solid rgba(2,93,255,.15)}.h2o-ai-support__send{align-items:center;background:#025dff;border:0;border-radius:10px;color:#fff;cursor:pointer;display:flex;font:inherit;font-size:13px;font-weight:700;gap:8px;justify-content:center;min-height:46px;padding:10px 16px}.h2o-ai-support__send[disabled]{cursor:wait;opacity:.58}.h2o-ai-support__footer{background:#f7f8f9;border-top:1px solid #e5e8eb;padding:11px 22px 13px}.h2o-ai-support__footer p{color:#69747b;font-size:10px;line-height:1.45;margin:0 0 5px}.h2o-ai-support__footer a{color:#025dff;font-size:12px;font-weight:700;text-decoration:none}body.h2o-ai-support-open{overflow:hidden}@media screen and (max-width:749px){.h2o-ai-support__card{grid-template-columns:36px minmax(0,1fr) 16px;padding:13px}.h2o-ai-support__card-cta{display:none}.h2o-ai-support__dialog{height:100dvh;margin:0;max-height:100dvh;max-width:none;width:100%}.h2o-ai-support__shell{border-radius:0;height:100dvh;max-height:100dvh;min-height:0}.h2o-ai-support__header{padding:max(14px,env(safe-area-inset-top)) 16px 12px}.h2o-ai-support__modes{margin:10px 16px 0}.h2o-ai-support__product{margin:9px 16px 0}.h2o-ai-support__messages{margin-top:9px;min-height:120px;padding:2px 16px 10px}.h2o-ai-support__message{max-width:94%}.h2o-ai-support__suggestions{flex-wrap:nowrap;overflow-x:auto;padding:0 16px 10px;scrollbar-width:none}.h2o-ai-support__suggestion{flex:0 0 auto;max-width:255px}.h2o-ai-support__form{padding:10px 16px}.h2o-ai-support__send{padding-inline:14px}.h2o-ai-support__footer{padding:9px 16px max(10px,env(safe-area-inset-bottom))}}@media(prefers-reduced-motion:reduce){.h2o-ai-support__card{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/31/assets/h2o-ai-product-support.css.map */