:has(>tool-tip){position:relative}tool-tip{--_p-inline: 1.5ch;--_p-block: .75ch;--_triangle-size: 7px;--_bg: rgb(var(--color-brand-primary));--_shadow-alpha: 50%;--_bottom-tip: conic-gradient(from -30deg at bottom, #0000, #000 1deg 60deg, #0000 61deg) bottom / 100% 50% no-repeat;--_top-tip: conic-gradient(from 150deg at top, #0000, #000 1deg 60deg, #0000 61deg) top / 100% 50% no-repeat;--_right-tip: conic-gradient(from -120deg at right, #0000, #000 1deg 60deg, #0000 61deg) right / 50% 100% no-repeat;--_left-tip: conic-gradient(from 60deg at left, #0000, #000 1deg 60deg, #0000 61deg) left / 50% 100% no-repeat;transform:translate(var(--_x, 0)) translateY(var(--_y, 0));transition:opacity .2s ease;z-index:1;width:max-content;max-width:25ch;text-align:start;font-size:1.2rem;padding:var(--_p-block) var(--_p-inline);margin:0;border-radius:4px;background:var(--_bg);color:#fff;will-change:filter;filter:drop-shadow(0 3px 3px hsl(0 0% 0% / var(--_shadow-alpha))) drop-shadow(0 12px 12px hsl(0 0% 0% / var(--_shadow-alpha)))}:has(>tool-tip):is(:hover,:focus-visible,:active)>tool-tip{opacity:1;transition-delay:.2s}tool-tip:before{content:"; Has tooltip: ";clip:rect(1px,1px,1px,1px);clip-path:inset(50%);height:1px;width:1px;margin:-1px;overflow:hidden;padding:0;position:absolute}tool-tip:after{content:"";background:var(--_bg);position:absolute;z-index:-1;top:0;right:0;bottom:0;left:0;-webkit-mask:var(--_tip);mask:var(--_tip)}tool-tip:is([tip-position=top],:not([tip-position])){left:50%;bottom:calc(100% + var(--_p-block) + var(--_triangle-size));--_x: -50%}tool-tip:is([tip-position=top],:not([tip-position])):after{--_tip: var(--_bottom-tip);bottom:calc(var(--_triangle-size) * -1);border-bottom:var(--_triangle-size) solid transparent}tool-tip:is([tip-position=bottom]){left:50%;top:calc(100% + var(--_p-block) + var(--_triangle-size));--_x: -50%}tool-tip:is([tip-position=bottom]):after{--_tip: var(--_top-tip);top:calc(var(--_triangle-size) * -1);border-bottom:var(--_triangle-size) solid transparent}tool-tip:is([tip-position=right]){left:calc(100% + var(--_p-inline) + var(--_triangle-size));bottom:50%;--_y: 50%}tool-tip:is([tip-position=right]):after{--_tip: var(--_left-tip);left:calc(var(--_triangle-size) * -1);border-left:var(--_triangle-size) solid transparent}tool-tip:is([tip-position=left]){right:calc(100% + var(--_p-inline) + var(--_triangle-size));bottom:50%;--_y: 50%}tool-tip:is([tip-position=left]):after{--_tip: var(--_right-tip);right:calc(var(--_triangle-size) * -1);border-right:var(--_triangle-size) solid transparent}
/*# sourceMappingURL=/cdn/shop/t/48/assets/component-tool-tip.css.map */