.knowledge-hint { position: relative; display: inline-block; vertical-align: baseline; flex: 0 0 auto; margin: 0; text-align: left; white-space: normal; }
.knowledge-hint__trigger { position: relative; display: inline-flex; align-items: center; justify-content: center; width: 16px; height: 16px; padding: 0; cursor: pointer; list-style: none; color: #767d89; vertical-align: middle; line-height: 1; }
.knowledge-hint__trigger::after { content: ""; position: absolute; inset: -8px; }
.knowledge-hint__trigger::-webkit-details-marker { display: none; }
.knowledge-hint__trigger::marker { content: ''; }
.knowledge-hint__trigger > span { display: inline-flex; align-items: center; justify-content: center; width: 14px; height: 14px; border: 1px solid currentColor; border-radius: 50%; font-size: 10px; font-weight: 600; line-height: 1; }
.knowledge-hint__trigger:focus-visible { outline: 2px solid var(--theme-primary-color, currentColor); outline-offset: 3px; border-radius: 5px; }
.knowledge-hint__panel { position: absolute; z-index: 2147483647; top: 100%; left: 0; display: block; width: 320px; max-width: calc(100vw - 32px); box-sizing: border-box; padding: 16px; border: 1px solid #ddd; border-radius: 5px; background: #fff; color: var(--body-color, #343434); box-shadow: 0 4px 18px rgba(0,0,0,.12); font-family: inherit; font-size: 14px; line-height: 1.5; font-weight: 400; font-style: normal; text-transform: none; letter-spacing: normal; cursor: auto; white-space: normal; overflow-wrap: anywhere; }
.knowledge-hint__panel[popover] { inset: auto; margin: 0; }
.knowledge-hint:not([open]) > .knowledge-hint__panel { display: none; }
.knowledge-hint__title, .knowledge-hint__text, .knowledge-hint__link { display: block; }
.knowledge-hint__title { margin-bottom: 8px; font-weight: 600; text-transform: none; }
.knowledge-hint__text { white-space: pre-line; font-weight: 400; text-transform: none; }
.knowledge-hint__link { font-weight: 400; text-transform: none; margin-top: 12px; text-decoration: underline; color: var(--theme-primary-color, inherit); }
.knowledge-hint-value-row { display: flex; align-items: center; break-inside: avoid; }
.knowledge-hint-value-row > .ocf-value { flex: 1 1 auto; min-width: 0; }
.knowledge-hint-value-row > .knowledge-hint { margin-left: 6px; }
.knowledge-hint__label-tail { display: inline; white-space: nowrap; }
.knowledge-hint-label { min-width: 0; white-space: normal; }
.ocf-container .ocf-filter-name.knowledge-hint-label { overflow: visible; white-space: normal; }
.product__attribute-name.knowledge-hint-label { overflow: visible; flex-shrink: 1; }
.specifications__attribute-label > .knowledge-hint-label { max-width: 100%; }
@media (max-width: 767px) { .knowledge-hint__trigger::after { inset: -14px; } }
