.tooltip{position:relative;display:inline-flex}.tooltip__content{--tooltip-offset: calc(3 * var(--space-unit));--tooltip-max-width: 260px;--tooltip-clamp-x: 0px;position:absolute;z-index:3;max-width:var(--tooltip-max-width);width:max-content;padding:calc(3 * var(--space-unit)) calc(4 * var(--space-unit));border:1px solid #d6d6d6;border-radius:4px;background:#fff;opacity:0;visibility:hidden;pointer-events:none;transform:translate(-50%,calc(-100% - var(--tooltip-offset)));left:50%;top:0%;transition:opacity .15s ease,visibility .15s ease}.tooltip:hover .tooltip__content,.tooltip:focus-within .tooltip__content,.tooltip.tooltip--pointer-open .tooltip__content{opacity:1;visibility:visible;pointer-events:auto}.tooltip[open-from=bottom] .tooltip__content{top:100%;bottom:auto;left:50%;transform:translate(calc(-50% + var(--tooltip-clamp-x)),var(--tooltip-offset))}@media screen and (max-width:699px){.tooltip .tooltip__content{width:calc(100vw - (var(--gutter) * 2));max-width:unset}}@media screen and (min-width:700px){.tooltip .tooltip__content{transform:translate(calc(-100% + 20px + var(--tooltip-clamp-x)),calc(-100% - var(--tooltip-offset)))}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/x-tooltip.css.map */