.tooltip{position:relative;z-index:1;display:flex;background:none;box-shadow:none;border:0;-webkit-appearance:none;appearance:none;padding:0;margin:0}.tooltip:before{content:"?";font-size:calc(var(--font-body-scale) * 1.4rem);font-weight:700;width:1.8rem;height:1.8rem;display:flex;align-items:center;justify-content:center;border-radius:50%;line-height:0;position:relative;background-color:rgb(var(--color-background));color:rgb(var(--color-foreground));cursor:help;border:1px solid rgb(var(--color-foreground))}.tooltip:focus-visible>span,.tooltip:focus>span,.tooltip:hover>span{display:block}[data-tooltip]:before,.tooltip>span{position:absolute;bottom:100%;right:0;margin-bottom:.5rem;max-width:20rem;width:max-content;padding:.85rem 1rem;border-radius:var(--border-radius-base);background:#000000d9;color:var(--color-base-white);text-align:left;display:none;font-size:calc(var(--font-body-scale) * 1.3rem);text-indent:0}[data-tooltip]{position:relative}[data-tooltip]:before{content:attr(data-tooltip)}[data-tooltip]:hover:before{display:block;right:auto;left:50%;transform:translate(-50%)}
/*# sourceMappingURL=/cdn/shop/t/6/assets/component-tooltip.css.map */