.tooltip{position:relative;display:inline-flex}.tooltip__trigger{display:inline-flex;align-items:center;gap:6px;padding:0;border:0;background:none;cursor:pointer;color:var(--x-color-referral-blue);font-size:var(--x-typography-size-400);font-weight:var(--x-typography-weight-400);line-height:var(--x-typography-lineheight-300);text-align:left}.tooltip__label{text-decoration:none}.tooltip__trigger:hover .tooltip__label,.tooltip__trigger:focus-visible .tooltip__label{text-decoration:underline;text-underline-offset:2px}.tooltip__icon{flex:0 0 auto;width:14px;height:14px;color:inherit}.tooltip__bubble{position:absolute;bottom:calc(100% + 10px);left:0;z-index:120;display:none;width:max-content;max-width:260px;padding:12px 14px;border-radius:var(--x-panel-radius, 6px);background-color:var(--x-panel-bg, #ffffff);box-shadow:0 2px 10px #0000002e;color:var(--x-color-referral-blue);font-size:var(--x-typography-size-400);font-weight:var(--x-typography-weight-400);line-height:var(--x-typography-lineheight-300);text-align:left}.tooltip__bubble>*{margin:0}.tooltip__bubble:after{content:"";position:absolute;top:100%;left:24px;width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-top:8px solid #ffffff}.tooltip:hover .tooltip__bubble,.tooltip__trigger:focus-visible+.tooltip__bubble{display:block}@media screen and (max-width:749px){.tooltip__bubble{left:0;right:0;width:auto;max-width:none}}@media screen and (max-width:749px){.tooltip__trigger,.tooltip__bubble{font-size:var(--x-typography-size-200)}.tooltip__icon{width:12px;height:12px}}
/*# sourceMappingURL=/cdn/shop/t/324/assets/component-tooltip.css.map */
