.section-ai-support{--support-navy: var(--obr-color-primary);--support-blue: var(--obr-color-brand);--support-ink: var(--obr-color-support-ink);--support-muted: var(--obr-color-support-muted);--support-line: var(--obr-color-support-border);--support-soft: var(--obr-color-support-surface)}.ai-support-page{color:var(--support-ink);font-family:var(--obr-font-support)}.ai-support-shell{width:min(var(--obr-container-support),calc(100% - 48px));margin-inline:auto}.ai-support-hero{color:var(--obr-color-on-primary);background:var(--obr-color-primary);padding-block:var(--obr-space-section-compact)}.ai-support-breadcrumb{display:flex;gap:9px;align-items:center;margin-bottom:var(--obr-space-heading-content);color:#ffffffb3;font-size:var(--obr-type-small-size);line-height:var(--obr-type-small-line-height)}.ai-support-breadcrumb a{color:inherit;text-decoration:none}.ai-support-breadcrumb a:hover{color:var(--obr-color-on-primary);text-decoration:underline;text-underline-offset:3px}.ai-support-eyebrow{margin:0 0 12px;color:var(--obr-color-support-eyebrow);font-size:var(--obr-type-eyebrow-size);font-weight:var(--obr-font-weight-bold);letter-spacing:var(--obr-type-eyebrow-letter-spacing);line-height:var(--obr-type-small-line-height);text-transform:uppercase}.ai-support-hero h1{max-width:var(--obr-text-width-body-wide);margin:0;color:var(--obr-color-on-primary);font-size:var(--obr-type-hero-h1-size);line-height:var(--obr-type-hero-line-height);letter-spacing:var(--obr-type-heading-letter-spacing)}.ai-support-hero__text{max-width:var(--obr-text-width-body);margin-top:var(--obr-space-title-subtitle);color:#fffc;font-size:var(--obr-type-body-large-size);line-height:var(--obr-type-body-line-height)}.ai-support-hero__text p{margin:0}.ai-support-status{display:inline-flex;align-items:center;gap:9px;margin-top:var(--obr-space-content-cta);padding:8px 12px;border:1px solid rgba(255,255,255,.18);border-radius:var(--obr-radius-pill);background:#ffffff14;font-size:var(--obr-type-small-size);font-weight:var(--obr-font-weight-semibold);line-height:var(--obr-type-small-line-height)}.ai-support-status span{width:8px;height:8px;border-radius:var(--obr-radius-circle);background:var(--obr-color-support-status);box-shadow:var(--obr-shadow-support-status)}.ai-support-layout{display:grid;grid-template-columns:minmax(0,.9fr) minmax(520px,1.1fr);gap:var(--obr-space-layout-gap);align-items:start;padding-block:var(--obr-space-section-default)}.ai-support-guide>h2,.ai-support-topics>h2{margin:0;font-size:var(--obr-type-section-h2-size);line-height:var(--obr-type-heading-line-height);letter-spacing:var(--obr-type-heading-letter-spacing)}.ai-support-guide>p:not(.ai-support-eyebrow){margin:14px 0 0;color:var(--support-muted);font-size:var(--obr-type-body-size);line-height:var(--obr-type-body-line-height)}.ai-support-facts{display:grid;gap:var(--obr-space-title-subtitle);margin-top:var(--obr-space-heading-content)}.ai-support-facts article{display:grid;grid-template-columns:42px 1fr;gap:14px;padding:17px 18px;border:1px solid var(--support-line);border-radius:var(--obr-radius-support-card);background:var(--obr-color-surface-white)}.ai-support-facts article>span{color:var(--support-blue);font-size:var(--obr-type-small-size);font-weight:var(--obr-font-weight-bold);line-height:var(--obr-type-small-line-height)}.ai-support-facts h3{margin:0 0 5px;font-size:var(--obr-type-card-title-size);line-height:var(--obr-type-card-line-height)}.ai-support-facts p{margin:0;color:var(--support-muted);font-size:var(--obr-type-small-size);line-height:var(--obr-type-small-line-height)}.ai-support-topics{margin-top:var(--obr-space-section-compact)}.ai-support-topics>h2{font-size:var(--obr-type-section-h3-size);line-height:var(--obr-type-h3-line-height)}.ai-support-topics__grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--obr-space-title-subtitle);margin-top:var(--obr-space-title-subtitle)}.ai-support-topics__grid button{position:relative;min-height:108px;padding:16px 38px 16px 16px;border:var(--obr-border);border-radius:var(--obr-radius-support-card);color:var(--support-ink);background:var(--obr-color-surface-white);text-align:left;cursor:pointer;transition:border-color var(--obr-duration-default) var(--obr-ease-default)}.ai-support-topics__grid button:hover{border-color:var(--obr-color-support-border-hover)}.ai-support-topics__grid button:focus-visible,.ai-support-suggestions button:focus-visible{outline:var(--obr-focus-outline);outline-offset:var(--obr-focus-offset)}.ai-support-topics__grid strong,.ai-support-topics__grid span{display:block}.ai-support-topics__grid strong{font-size:var(--obr-type-body-size);line-height:var(--obr-type-body-line-height)}.ai-support-topics__grid span{margin-top:7px;color:var(--support-muted);font-size:var(--obr-type-small-size);line-height:var(--obr-type-small-line-height)}.ai-support-topics__grid svg{position:absolute;right:14px;top:17px;width:18px;fill:none;stroke:var(--support-blue);stroke-width:2}.ai-support-chat{overflow:hidden;border:var(--obr-border);border-radius:var(--obr-radius-support-chat);background:var(--obr-color-surface-white);box-shadow:var(--obr-shadow-support-chat)}.ai-support-chat__header{display:flex;gap:14px;align-items:center;padding:22px 24px;color:var(--obr-color-on-primary);background:var(--support-navy)}.ai-support-avatar,.ai-support-message__avatar{display:grid;place-items:center;flex:0 0 auto;border-radius:var(--obr-radius-circle);font-weight:var(--obr-font-weight-display)}.ai-support-avatar{width:48px;height:48px;background:var(--support-blue);font-size:var(--obr-type-body-size);line-height:var(--obr-type-body-line-height)}.ai-support-chat__header h2{margin:0;color:var(--obr-color-on-primary);font-size:var(--obr-type-card-title-size);line-height:var(--obr-type-card-line-height)}.ai-support-chat__header p{margin:4px 0 0;color:#ffffffad;font-size:var(--obr-type-small-size);line-height:var(--obr-type-small-line-height)}.ai-support-highlights{display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid var(--support-line);background:var(--support-soft)}.ai-support-highlights span{padding:10px;color:var(--support-muted);font-size:var(--obr-type-eyebrow-size);line-height:var(--obr-type-small-line-height);text-align:center}.ai-support-highlights strong{color:var(--support-blue)}.ai-support-messages{min-height:310px;max-height:430px;overflow-y:auto;padding:24px;background:var(--obr-color-support-messages)}.ai-support-message{display:flex;gap:10px;align-items:flex-end;margin-bottom:16px}.ai-support-message--user{flex-direction:row-reverse}.ai-support-message__avatar{width:32px;height:32px;color:var(--obr-color-on-primary);background:var(--support-navy);font-size:10px}.ai-support-message--user .ai-support-message__avatar{background:var(--support-blue)}.ai-support-message__bubble{max-width:82%;padding:12px 14px;border:1px solid var(--support-line);border-radius:var(--obr-radius-support-message) var(--obr-radius-support-message) var(--obr-radius-support-message) var(--obr-radius-support-message-tail);color:var(--obr-color-support-message-text);background:var(--obr-color-surface-white);font-size:var(--obr-type-body-size);line-height:var(--obr-type-body-line-height);white-space:pre-wrap}.ai-support-message--user .ai-support-message__bubble{border-color:var(--support-blue);border-radius:var(--obr-radius-support-message) var(--obr-radius-support-message) var(--obr-radius-support-message-tail) var(--obr-radius-support-message);color:var(--obr-color-on-primary);background:var(--support-blue)}.ai-support-fallback{display:inline-flex;align-items:center;min-height:var(--obr-button-height-quick-add);margin:0 24px 18px 66px;padding:0 var(--obr-space-1-4);border:var(--obr-button-border-width) solid var(--obr-button-secondary-border);border-radius:var(--obr-button-radius);color:var(--obr-button-secondary-text);background:var(--obr-button-secondary-background);font-size:var(--obr-button-font-size);font-weight:var(--obr-button-font-weight);letter-spacing:var(--obr-button-letter-spacing);line-height:var(--obr-type-button-line-height);text-decoration:none;transition:background-color var(--obr-duration-fast) var(--obr-ease-default),border-color var(--obr-duration-fast) var(--obr-ease-default),color var(--obr-duration-fast) var(--obr-ease-default)}.ai-support-fallback:hover{border-color:var(--obr-color-brand-hover);color:var(--obr-color-brand-hover);background:var(--obr-button-secondary-background-hover)}.ai-support-suggestions{display:flex;gap:8px;overflow-x:auto;padding:14px 18px 4px;scrollbar-width:thin}.ai-support-suggestions[hidden]{display:none}.ai-support-suggestions button{flex:0 0 auto;max-width:270px;min-height:4.4rem;padding:0 11px;border:1px solid var(--obr-color-support-input-border);border-radius:var(--obr-radius-pill);color:var(--obr-color-support-suggestion-text);background:var(--obr-color-surface-white);font-size:var(--obr-type-small-size);line-height:var(--obr-type-small-line-height);cursor:pointer}.ai-support-suggestions button:hover{border-color:var(--support-blue);color:var(--support-blue)}.ai-support-form{display:grid;grid-template-columns:1fr auto;gap:10px;padding:14px 18px 10px}.ai-support-context{grid-column:1 / -1;display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.ai-support-context input,.ai-support-question textarea{box-sizing:border-box;width:100%;border:1px solid var(--obr-color-support-input-border);border-radius:var(--obr-radius-md);color:var(--support-ink);background:var(--obr-color-surface-white);font:inherit;outline:none}.ai-support-context input{height:42px;padding:0 11px;font-size:var(--obr-type-body-size)}.ai-support-question textarea{min-height:78px;padding:11px 12px;resize:vertical;font-size:var(--obr-type-body-size);line-height:var(--obr-type-body-line-height)}.ai-support-context input:focus,.ai-support-question textarea:focus{border-color:var(--support-blue);box-shadow:var(--obr-shadow-support-focus)}.ai-support-submit{align-self:end;min-width:96px;height:var(--obr-button-height);min-height:var(--obr-button-height);padding:var(--obr-button-padding);border:var(--obr-button-border-width) solid var(--obr-button-primary-border);border-radius:var(--obr-button-radius);color:var(--obr-button-primary-text);background:var(--obr-button-primary-background);font:inherit;font-size:var(--obr-button-font-size);font-weight:var(--obr-button-font-weight);letter-spacing:var(--obr-button-letter-spacing);line-height:var(--obr-type-button-line-height);cursor:pointer;transition:background-color var(--obr-duration-fast) var(--obr-ease-default),border-color var(--obr-duration-fast) var(--obr-ease-default)}.ai-support-submit:hover{border-color:var(--obr-button-primary-background-hover);background:var(--obr-button-primary-background-hover)}.ai-support-submit:disabled{border-color:var(--obr-button-disabled-border);color:var(--obr-button-disabled-text);background:var(--obr-button-disabled-background);opacity:var(--obr-button-disabled-opacity);cursor:wait}.ai-support-chat__footer{display:flex;justify-content:space-between;gap:14px;align-items:center;padding:0 18px 18px}.ai-support-chat__footer p{margin:0;color:var(--support-muted);font-size:var(--obr-type-small-size);line-height:var(--obr-type-small-line-height)}.ai-support-chat__footer a{flex:0 0 auto;color:var(--support-blue);font-size:var(--obr-type-small-size);font-weight:var(--obr-font-weight-bold);line-height:var(--obr-type-small-line-height);text-underline-offset:3px}@media(max-width:989px){.ai-support-layout{grid-template-columns:1fr}.ai-support-chat{max-width:720px;width:100%}}@media(max-width:749px){.ai-support-shell{width:min(100% - 32px,var(--obr-container-support))}.ai-support-hero{padding-block:var(--obr-space-section-compact)}.ai-support-breadcrumb{margin-bottom:var(--obr-space-heading-content)}.ai-support-hero h1{font-size:var(--obr-type-hero-h1-size)}.ai-support-hero__text{font-size:var(--obr-type-body-size);line-height:var(--obr-type-body-line-height)}.ai-support-layout{gap:var(--obr-space-layout-gap);padding-block:var(--obr-space-section-default)}.ai-support-topics__grid,.ai-support-context,.ai-support-form{grid-template-columns:1fr}.ai-support-submit{min-height:48px}.ai-support-highlights span{font-size:10px}.ai-support-messages{min-height:280px;padding:18px 14px}.ai-support-message__bubble{max-width:86%}.ai-support-chat__footer{align-items:flex-start;flex-direction:column}}
/*# sourceMappingURL=/cdn/shop/t/10/assets/section-ai-support.css.map */